html {
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    background: #e6e6e6;
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
    cursor: default;
}
/* 
HTML5 
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}
/*
Selection Highlight  
*/
:-moz-selection {
    background: #ff6d00;
    text-shadow: none;
    color: #fff;
}

::selection {
    background: #ff6d00;
    text-shadow: none;
    color: #fff;
}

body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

img::selection, img::-moz-selection {
    background: transparent;
}
/* 
Media Elements 
*/
img, a img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

img {
    vertical-align: middle;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden;
}

embed, iframe, object {
    max-width: 100%;
}
/*
Figure
Address margin not present in IE 8/9 and Safari 5.
*/
figure {
    margin: 0;
}
/* 
List Elements 
*/
ol, ul, nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}

ul, ol {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

    ul ul, ol ol, ul ol, ol ul {
        margin-bottom: 0;
    }

    ul li, ol li {
    }

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}
/* 
Links 
*/
a {
    color: #ff6d00;
    outline: none;
}
    /*a:visited {color: #000;}*/
    a:hover, a:focus, a:active {
        color: #ff6d00;
        text-decoration: none;
        outline: none;
    }

    a:active, a:hover {
        outline: none !important;
    }
/*
Buttons
*/
.btn-default {
    background: #ff6d00;
    padding: 12px 25px;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    border: 0;
    border-radius: 0;
}

    .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active {
        color: #fff;
        background: #ff6d00;
        border-bottom-color: #003;
        outline: none;
    }

.is-arrow:after {
    content: '';
    width: 6px;
    height: 11px;
    background: url(../images/btn-arrow.png) no-repeat -1px -1px;
    display: inline-block;
    margin-left: 10px;
}

/*
Headings
*/
.normal-heading {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
}
/*
Fonts
*/
@font-face {
    font-family: 'rupee';
    font-weight: bold;
    src: url('../fonts/rupee.eot');
    src: url('../fonts/rupee.eot?#iefix') format('embedded-opentype'), url('../fonts/rupee.woff') format('woff'), url('../fonts/rupee.ttf') format('truetype'), url('../fonts/rupee.svg#rupee') format('svg');
}

.font-
 {
    font-weight: normal;
    font-style: normal
}
/*
Global Styles 
*/
.greyBg {
    background: #f7f7f7;
}

.view-more {
    background: #f5f5f5;
    color: #c2c2c2;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    padding: 3px 5px 4px;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #f5f5f5
}

    .view-more:hover {
        border: 1px solid #999;
        background: #999;
        color: #c2c2c2
    }

.see-all {
    font-family: 'Open Sans', sans serif;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

    .see-all:hover {
        color: #fff
    }

.relative {
    position: relative
}

h1, h2, h3, h4, h5, h6, h7 {
    margin: 0
}

p {
    margin: 0
}

.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.txt000 {
    color: #000
}

.txtfff {
    color: #fff
}

.txt666 {
    color: #666
}

.txtred {
    color: #fd4239
}

.txtgreen {
    color: #7CC17C
}

.text-capitalize {
    text-transform: capitalize !important
}

.fnt-size10px {
    font-size: 10px;
    line-height: 10px;
}

.fnt-size12px {
    font-size: 12px;
    line-height: 12px;
}

.fnt-size14px {
    font-size: 14px;
    line-height: 14px;
}

.fnt-size16px {
    font-size: 16px;
    line-height: 16px;
}

.fnt-size18px {
    font-size: 18px;
    line-height: 18px;
}

.fnt-size20px {
    font-size: 20px;
    line-height: 20px;
}

.fnt-size22px {
    font-size: 22px;
    line-height: 22px;
}

.fnt-size24px {
    font-size: 24px;
    line-height: 24px;
}

.fnt-size26px {
    font-size: 26px;
    line-height: 26px;
}

.addmarginB5 {
    margin-bottom: 5px
}

.addmarginB10 {
    margin-bottom: 10px
}

.addmarginB15 {
    margin-bottom: 15px
}

.addmarginB20 {
    margin-bottom: 20px !important
}

.addmarginB25 {
    margin-bottom: 25px !important
}

.addmarginB30 {
    margin-bottom: 30px !important
}

.addmarginT5 {
    margin-top: 5px
}

.addmarginT10 {
    margin-top: 10px
}

.addmarginT15 {
    margin-top: 15px
}

.addmarginT20 {
    margin-top: 20px
}

.addmarginT25 {
    margin-top: 25px
}

.addmarginT30 {
    margin-top: 30px
}

.addmarginL5 {
    margin-left: 5px
}

.addmarginL10 {
    margin-left: 10px
}

.addmarginL15 {
    margin-left: 15px
}

.addmarginL20 {
    margin-left: 20px
}

.addmarginL25 {
    margin-left: 25px
}

.addmarginL30 {
    margin-left: 30px
}

.addmarginR5 {
    margin-right: 5px
}

.addmarginR10 {
    margin-right: 10px
}

.addmarginR15 {
    margin-right: 15px
}

.addmarginR20 {
    margin-right: 20px
}

.addmarginR25 {
    margin-right: 25px
}

.addmarginR30 {
    margin-right: 30px
}

.addpaddingT5 {
    padding-top: 5px
}

.addpaddingT10 {
    padding-top: 10px
}

.addpaddingT15 {
    padding-top: 15px
}

.addpaddingT20 {
    padding-top: 20px
}

.addpaddingT25 {
    padding-top: 25px
}

.addpaddingT30 {
    padding-top: 30px
}

.addpaddingB5 {
    padding-bottom: 5px
}

.addpaddingB10 {
    padding-bottom: 10px
}

.addpaddingB15 {
    padding-bottom: 15px
}

.addpaddingB20 {
    padding-bottom: 20px
}

.addpaddingB25 {
    padding-bottom: 25px
}

.addpaddingB30 {
    padding-bottom: 30px
}

.addpaddingL5 {
    padding-left: 5px
}

.addpaddingL10 {
    padding-left: 10px
}

.addpaddingL15 {
    padding-left: 15px
}

.addpaddingL20 {
    padding-left: 20px
}

.addpaddingL25 {
    padding-left: 25px
}

.addpaddingL30 {
    padding-left: 30px
}

.addpaddingR5 {
    padding-right: 5px
}

.addpaddingR10 {
    padding-right: 10px
}

.addpaddingR15 {
    padding-right: 15px
}

.addpaddingR20 {
    padding-right: 20px
}

.addpaddingR25 {
    padding-right: 25px
}

.addpaddingR30 {
    padding-right: 30px
}

.padding5px {
    padding: 5px
}

.padding10px {
    padding: 10px
}

.padding15px {
    padding: 15px
}

.padding20px {
    padding: 20px
}

.padding25px {
    padding: 25px
}

.padding30px {
    padding: 30px
}

.remMarginT {
    margin-top: 0 !important
}

.remMarginB {
    margin-bottom: 0 !important
}

.remMarginL {
    margin-left: 0 !important
}

.remMarginR {
    margin-right: 0 !important
}

.contnetCntr {
    padding: 30px 0 100px
}

.inline-block {
    display: inline-block
}

.whiteBg {
    background: #fff
}

.radius4 {
    border-radius: 4px
}

strong {
    font-weight: 700
}

#main-header .container-fluid {
    width: 1150px;
    margin: 0 auto;
}

.social-icons-grey {
    margin: 0 0 0 -5px;
    padding: 0;
}

    .social-icons-grey li {
        float: left;
        margin-left: 5px;
    }

        .social-icons-grey li a {
            width: 40px;
            height: 40px;
            text-indent: -9999px;
            background: url(../images/sprite.png) no-repeat;
            vertical-align: middle;
            display: block;
        }

        .social-icons-grey li.linkdin a {
            background-position: 0 -320px
        }

        .social-icons-grey li.fb a {
            background-position: -40px -320px
        }

        .social-icons-grey li.fb-icon {
            width: 40px;
        }

            .social-icons-grey li.fb-icon a {
                background-position: -120px -320px
            }

        .social-icons-grey li.twitter a {
            background-position: -80px -320px
        }
/*
Print Styles 
*/
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}
/*
CheckBox
*/
/* Base for label styling */
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
        padding-left: 21px;
        height: 15px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 -40px;
        font-size: 13px;
        font-weight: 400;
        color: #adadad;
        vertical-align: middle;
        cursor: pointer;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
            background-position: 0 -55px;
        }

            input[type=checkbox].css-checkbox:checked + label.css-label.error-checkbox, input[type=checkbox].css-checkbox + label.css-label.error-checkbox {
                background-position: 0 -72px;
            }
/*label.css-label.chk-error{background-position: 0 -72px;}*/
label.css-label {
    background-image: url(../images/input-sprite.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
        padding-left: 26px;
        height: 19px;
        display: inline-block;
        line-height: 19px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 13px;
        font-weight: 400;
        color: #adadad;
        vertical-align: middle;
        cursor: pointer;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
    }

        input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
            background-position: 0 -19px;
        }

label.css-label {
    background-image: url(../images/input-sprite.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
Select 2 CSS
*/
/*
Owl Carousal
*/
.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

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

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

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

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

    100% {
        opacity: 0;
    }
}

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

    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y; /*width:1080px!important;*/
    }

.rp-partners-list .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y; /*width:auto!important;*/
}

.rp-partners-list .owl-carousel .owl-item {
    position: relative; /*width:auto!important;*/
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

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

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden; /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

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

.owl-carousel.owl-loaded {
    display: block;
}

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

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    position: relative; /*width:216px!important;*/
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .owl-carousel .owl-item img { /* display: block;  width: 100%;*/
        -webkit-transform-style: preserve-3d;
    }

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

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

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

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

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

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

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        -moz-transition: scale(1.3, 1.3);
        -ms-transition: scale(1.3, 1.3);
        -o-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3);
    }

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

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.owl-controls .owl-nav .owl-prev, .owl-controls .owl-nav .owl-next {
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat;
    text-indent: -9999px;
}

.owl-controls .owl-nav .owl-prev {
    background-position: -222px 0px
}

.owl-controls .owl-nav .owl-next {
    background-position: -239px 0px
}

.media-partner .owl-stage {
    width: 1100px !important;
}

.media-partner .owl-item {
    width: 216px !important;
}

/*
Custom Scroll
*/
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none
}

    .mCustomScrollbar.mCS_no_scrollbar {
        -ms-touch-action: auto;
        touch-action: auto
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)"
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)"
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -o-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -ms-linear-gradient(left,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -o-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%);
    background-image: linear-gradient(to bottom,rgba(255,255,255,.5)0,rgba(255,255,255,0)100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px
    }

        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px
        }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,.9)
}
/*
MMenu
*/
.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

    .mm-panel.mm-opened {
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0)
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate3d(-30%, 0, 0);
        -moz-transform: translate3d(-30%, 0, 0);
        -ms-transform: translate3d(-30%, 0, 0);
        -o-transform: translate3d(-30%, 0, 0);
        transform: translate3d(-30%, 0, 0)
    }

    .mm-panel.mm-highest {
        z-index: 1
    }

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

    .mm-menu > .mm-panel.mm-hasheader {
        padding-top: 40px
    }

    .mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after {
        content: '';
        display: block;
        height: 20px
    }

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important
}

.mm-vertical .mm-listview .mm-panel, .mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

    .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after, .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-vertical .mm-listview > li > .mm-next, .mm-listview > li.mm-vertical > .mm-next {
    height: 40px;
    bottom: auto
}

    .mm-vertical .mm-listview > li > .mm-next:after, .mm-listview > li.mm-vertical > .mm-next:after {
        top: 16px;
        bottom: auto
    }

.mm-vertical .mm-listview > li.mm-opened > .mm-next:after, .mm-listview > li.mm-vertical.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-header {
    border-bottom: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

    .mm-header > a {
        text-decoration: none;
        display: block;
        padding: 10px 0
    }

    .mm-header .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mm-header .mm-btn {
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        z-index: 1
    }

        .mm-header .mm-btn:first-child {
            padding-left: 20px;
            left: 0
        }

        .mm-header .mm-btn:last-child {
            padding-right: 20px;
            right: 0
        }

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px
}

    .mm-listview a, .mm-listview a:hover {
        text-decoration: none
    }

    .mm-listview > li {
        position: relative
    }

        .mm-listview > li > a, .mm-listview > li > span {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: inherit;
            line-height: 20px;
            display: block;
            padding: 10px 10px 10px 20px;
            margin: 0
        }

        .mm-listview > li:not(.mm-divider):after {
            content: '';
            border-bottom-width: 1px;
            border-bottom-style: solid;
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0
        }

        .mm-listview > li:not(.mm-divider):after {
            left: 20px
        }

    .mm-listview .mm-next {
        background: rgba(3, 2, 1, 0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2
    }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 50px
        }

        .mm-listview .mm-next.mm-fullsubopen {
            width: 100%
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: none
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
                margin-right: 0
            }

.mm-menu > .mm-panel > .mm-listview {
    margin-left: -20px;
    margin-right: -20px
}

    .mm-menu > .mm-panel > .mm-listview.mm-first {
        margin-top: -20px
    }

    .mm-menu > .mm-panel > .mm-listview.mm-last {
        padding-bottom: 20px
    }

.mm-prev:before, .mm-next:after {
    content: '';
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px
}

.mm-next:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview > li.mm-spacer {
    padding-top: 40px
}

    .mm-listview > li.mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview > li.mm-spacer.mm-divider {
        padding-top: 25px
    }

.mm-menu {
    background: #f3f3f3;
    color: rgba(0, 0, 0, 0.7)
}

    .mm-menu .mm-header {
        border-color: rgba(0, 0, 0, 0.1)
    }

        .mm-menu .mm-header > a {
            color: rgba(0, 0, 0, 0.3)
        }

        .mm-menu .mm-header .mm-btn:before, .mm-menu .mm-header .mm-btn:after {
            border-color: rgba(0, 0, 0, 0.3)
        }

    .mm-menu .mm-listview > li:after {
        border-color: rgba(0, 0, 0, 0.1)
    }

    .mm-menu .mm-listview > li > a.mm-prev, .mm-menu .mm-listview > li > a.mm-next {
        color: rgba(0, 0, 0, 0.3)
    }

        .mm-menu .mm-listview > li > a.mm-prev:before, .mm-menu .mm-listview > li > a.mm-next:after {
            border-color: rgba(0, 0, 0, 0.3)
        }

        .mm-menu .mm-listview > li > a.mm-prev:after, .mm-menu .mm-listview > li > a.mm-next:before {
            border-color: rgba(0, 0, 0, 0.1)
        }

    .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
        background: rgba(255, 255, 255, 0.5)
    }

    .mm-menu.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu .mm-listview li.mm-opened.mm-vertical > .mm-panel {
        background: rgba(0, 0, 0, 0.05)
    }

    .mm-menu .mm-divider {
        background: rgba(0, 0, 0, 0.05)
    }

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-opened {
    overflow: hidden;
    position: relative
}

    html.mm-opened body {
        overflow: hidden
    }

    html.mm-opened .mm-page {
        min-height: 100vh
    }

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%, 0);
    -moz-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    -o-transform: translate(80%, 0);
    transform: translate(80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate(440px, 0);
        -moz-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        -o-transform: translate(440px, 0);
        transform: translate(440px, 0)
    }
}

.mm-menu.mm-top.mm-autoheight, .mm-menu.mm-bottom.mm-autoheight {
    max-height: 80%
}

    .mm-menu.mm-top.mm-autoheight.mm-fullscreen, .mm-menu.mm-bottom.mm-autoheight.mm-fullscreen {
        max-height: 100%
    }

.mm-menu.mm-measureheight > .mm-panel {
    bottom: auto !important;
    height: auto !important
}

.mm-buttonbar {
    border: 1px solid transparent;
    border-radius: 5px;
    text-align: center;
    line-height: 20px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0;
    position: relative
}

    .mm-buttonbar:after {
        content: '';
        display: block;
        clear: both
    }

    .mm-buttonbar > * {
        border-left: 1px solid transparent;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mm-buttonbar > a {
        text-decoration: none
    }

    .mm-buttonbar > input {
        position: absolute;
        left: -1000px;
        top: -1000px
    }

        .mm-buttonbar > input:checked + label {
            border-color: transparent !important
        }

        .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * {
            border-left: none
        }

    .mm-buttonbar.mm-buttonbar-2 > * {
        width: 50%
    }

    .mm-buttonbar.mm-buttonbar-3 > * {
        width: 33.33%
    }

    .mm-buttonbar.mm-buttonbar-4 > * {
        width: 25%
    }

    .mm-buttonbar.mm-buttonbar-5 > * {
        width: 20%
    }

.mm-header .mm-buttonbar {
    margin-top: 0px;
    margin-left: -30px;
    margin-right: -30px
}

.mm-footer .mm-buttonbar {
    border: none;
    border-radius: none;
    line-height: 40px;
    margin: -10px -10px 0 -20px
}

    .mm-footer .mm-buttonbar > * {
        border-left: none
    }

.mm-listview > li > .mm-buttonbar {
    margin: 10px 20px
}

.mm-menu .mm-buttonbar {
    border-color: rgba(0, 0, 0, 0.7);
    background: #f3f3f3
}

    .mm-menu .mm-buttonbar > * {
        border-color: rgba(0, 0, 0, 0.7)
    }

    .mm-menu .mm-buttonbar > input:checked + label {
        background: rgba(0, 0, 0, 0.7);
        color: #f3f3f3
    }

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 50px;
    top: 50%
}

    em.mm-counter + a.mm-next {
        padding-left: 40px
    }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
            margin-right: 90px
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0
    }

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px
}

.mm-nosubresults > .mm-counter {
    display: none
}

.mm-menu em.mm-counter {
    color: rgba(0, 0, 0, 0.3)
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.mm-footer {
    background: inherit;
    border-top: 1px solid transparent;
    text-align: center;
    line-height: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 20px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-hasfooter > .mm-panel {
    bottom: 40px
}

.mm-menu .mm-footer {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu > .mm-header {
    background: inherit;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

    .mm-menu > .mm-header .mm-close:after {
        content: 'x'
    }

.mm-menu.mm-hassearch > .mm-header {
    top: 40px
}

.mm-menu.mm-hasheader .mm-panel .mm-header {
    display: none
}

.mm-menu.mm-hasheader .mm-panel, .mm-menu.mm-hasheader .mm-fixeddivider {
    top: 40px
}

.mm-menu.mm-hasheader.mm-hassearch .mm-panel, .mm-menu.mm-hasheader.mm-hassearch .mm-fixeddivider {
    top: 80px
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important
    }

.mm-hasdividers .mm-fixeddivider {
    display: block
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0, 0, 0, 0.05)
}

.mm-search, .mm-search input {
    box-sizing: border-box
}

.mm-menu > .mm-search {
    background: inherit;
    z-index: 3;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-search {
    height: 40px;
    width: 100%;
    padding: 10px 10px 0 10px;
    position: absolute;
    top: 0;
    left: 0
}

    .mm-search input {
        border: none;
        border-radius: 25px;
        font: inherit;
        font-size: 14px;
        line-height: 25px;
        outline: none;
        display: block;
        width: 100%;
        height: 25px;
        margin: 0;
        padding: 0 10px
    }

        .mm-search input::-ms-clear {
            display: none
        }

.mm-panel.mm-hassearch {
    padding-top: 40px
}

    .mm-panel.mm-hassearch.mm-hasheader {
        padding-top: 80px
    }

        .mm-panel.mm-hassearch.mm-hasheader .mm-search {
            top: 40px
        }

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    display: none;
    padding: 40px 0
}

.mm-noresults .mm-noresultsmsg {
    display: block
}

.mm-noresults .mm-indexer {
    display: none !important
}

.mm-menu li.mm-nosubresults > a.mm-next {
    display: none
}

    .mm-menu li.mm-nosubresults > a.mm-next + a, .mm-menu li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px
    }

.mm-menu.mm-hassearch .mm-panel, .mm-menu.mm-hassearch .mm-fixeddivider {
    top: 40px
}

.mm-menu .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.7)
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3)
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 10px;
    bottom: 10px;
    right: -100px;
    z-index: 3;
    -webkit-transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -ms-transition: right 0.4s ease;
    -o-transition: right 0.4s ease;
    transition: right 0.4s ease;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.71%
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px
    }

.mm-hasindexer .mm-indexer {
    right: 0
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px
}

.mm-hasheader .mm-indexer {
    top: 50px
}

.mm-hasfooter .mm-indexer {
    bottom: 50px
}

.mm-hassearch .mm-indexer {
    top: 50px
}

.mm-hassearch.mm-hasheader .mm-indexer {
    top: 90px
}

.mm-menu .mm-indexer a {
    color: rgba(0, 0, 0, 0.3)
}

input.mm-toggle, input.mm-check {
    position: absolute;
    left: -10000px
}

label.mm-toggle, label.mm-check {
    margin: 0;
    position: absolute;
    bottom: 50%;
    z-index: 2
}

    label.mm-toggle:before, label.mm-check:before {
        content: '';
        display: block
    }

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-bottom: -15px
}

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 1px
    }

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-bottom: -15px
}

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: 0.1;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1
}

label.mm-toggle, label.mm-check {
    right: 20px
}

    label.mm-toggle + a, label.mm-toggle + span {
        padding-right: 80px
    }

    label.mm-check + a, label.mm-check + span {
        padding-right: 60px
    }

a.mm-next + label.mm-toggle, a.mm-next + label.mm-check {
    right: 60px
}

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span, a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        margin-right: 50px
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px
    }

em.mm-counter + a.mm-next + label.mm-toggle, em.mm-counter + a.mm-next + label.mm-check {
    right: 100px
}

    em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span, em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span {
        margin-right: 90px
    }

.mm-menu label.mm-toggle {
    background: rgba(0, 0, 0, 0.1)
}

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3
    }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu label.mm-check:before {
    border-color: rgba(0, 0, 0, 0.7)
}

.mm-menu.mm-border-none .mm-listview > li:after, .mm-listview.mm-border-none > li:after {
    content: none
}

.mm-menu.mm-border-full .mm-listview > li:after, .mm-listview.mm-border-full > li:after {
    left: 0 !important
}

html.mm-effect-slide .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-effect-slide.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(-30%, 0, 0);
    -moz-transform: translate3d(-30%, 0, 0);
    -ms-transform: translate3d(-30%, 0, 0);
    -o-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.mm-effect-slide.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-effect-slide.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(30%, 0, 0);
    -moz-transform: translate3d(30%, 0, 0);
    -ms-transform: translate3d(30%, 0, 0);
    -o-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.mm-effect-slide.mm-right.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0)
}

html.mm-effect-zoom-menu .mm-menu.mm-offcanvas {
    -webkit-transition: -webkit-transform 0.4s ease;
    -moz-transition: -moz-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    -o-transition: -o-transform 0.4s ease;
    transition: transform 0.4s ease
}

html.mm-effect-zoom-menu.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

html.mm-effect-zoom-menu.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-zoom-menu.mm-right.mm-opened .mm-menu.mm-offcanvas {
    -webkit-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -moz-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -ms-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -o-transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    transform: scale(0.7, 0.7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

html.mm-effect-zoom-menu.mm-right.mm-opening .mm-menu.mm-offcanvas {
    -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
    -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
    -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
    -o-transform: scale(1, 1) translate3d(0%, 0, 0);
    transform: scale(1, 1) translate3d(0%, 0, 0)
}

html.mm-effect-zoom-panels .mm-menu .mm-panel {
    -webkit-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -moz-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -ms-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -o-transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    transform: scale(1.5, 1.5) translate3d(100%, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-property: -webkit-transform, left;
    -moz-transition-property: -moz-transform, left;
    -ms-transition-property: -ms-transform, left;
    -o-transition-property: -o-transform, left;
    transition-property: transform, left
}

    html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened {
        -webkit-transform: scale(1, 1) translate3d(0%, 0, 0);
        -moz-transform: scale(1, 1) translate3d(0%, 0, 0);
        -ms-transform: scale(1, 1) translate3d(0%, 0, 0);
        -o-transform: scale(1, 1) translate3d(0%, 0, 0);
        transform: scale(1, 1) translate3d(0%, 0, 0)
    }

        html.mm-effect-zoom-panels .mm-menu .mm-panel.mm-opened.mm-subopened {
            -webkit-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
            -moz-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
            -ms-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
            -o-transform: scale(0.7, 0.7) translate3d(-30%, 0, 0);
            transform: scale(0.7, 0.7) translate3d(-30%, 0, 0)
        }

.mm-menu.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(140px, 0);
        -moz-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        -o-transform: translate(140px, 0);
        transform: translate(140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(10000px, 0);
        -moz-transform: translate(10000px, 0);
        -ms-transform: translate(10000px, 0);
        -o-transform: translate(10000px, 0);
        transform: translate(10000px, 0)
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate(-100%, 0);
    -moz-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

@media all and (max-width: 140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate(-10000px, 0);
        -moz-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        -o-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0)
    }
}

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
    height: 100%;
    min-height: 140px;
    max-height: 10000px
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important
}

.mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-next:after, .mm-menu.mm-pageshadow.mm-front:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%, 0);
    -moz-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    -o-transform: translate(-80%, 0);
    transform: translate(-80%, 0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-140px, 0);
        -moz-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        -o-transform: translate(-140px, 0);
        transform: translate(-140px, 0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate(-440px, 0);
        -moz-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        -o-transform: translate(-440px, 0);
        transform: translate(-440px, 0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
    z-index: 0 !important
}

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

.mm-menu.mm-top {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mm-menu.mm-top, .mm-menu.mm-bottom {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.mm-menu.mm-theme-dark {
    background: #333333;
    color: rgba(255, 255, 255, 0.8)
}

    .mm-menu.mm-theme-dark .mm-header {
        border-color: rgba(0, 0, 0, 0.15)
    }

        .mm-menu.mm-theme-dark .mm-header > a {
            color: rgba(0, 0, 0, 0.4)
        }

        .mm-menu.mm-theme-dark .mm-header .mm-btn:before, .mm-menu.mm-theme-dark .mm-header .mm-btn:after {
            border-color: rgba(0, 0, 0, 0.4)
        }

    .mm-menu.mm-theme-dark .mm-listview > li:after {
        border-color: rgba(0, 0, 0, 0.15)
    }

    .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next {
        color: rgba(255, 255, 255, 0.4)
    }

        .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:after {
            border-color: rgba(0, 0, 0, 0.4)
        }

        .mm-menu.mm-theme-dark .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-dark .mm-listview > li > a.mm-next:before {
            border-color: rgba(0, 0, 0, 0.15)
        }

    .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, 0.1)
    }

    .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark .mm-listview li.mm-opened.mm-vertical > .mm-panel {
        background: rgba(255, 255, 255, 0.05)
    }

    .mm-menu.mm-theme-dark .mm-divider {
        background: rgba(255, 255, 255, 0.05)
    }

    .mm-menu.mm-theme-dark .mm-buttonbar {
        border-color: rgba(255, 255, 255, 0.8);
        background: #333333
    }

        .mm-menu.mm-theme-dark .mm-buttonbar > * {
            border-color: rgba(255, 255, 255, 0.8)
        }

        .mm-menu.mm-theme-dark .mm-buttonbar > input:checked + label {
            background: rgba(255, 255, 255, 0.8);
            color: #333333
        }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255, 255, 255, 0.8)
    }

    .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255, 255, 255, 0.4)
    }

    .mm-menu.mm-theme-dark .mm-footer {
        border-color: rgba(0, 0, 0, 0.15);
        color: rgba(255, 255, 255, 0.4)
    }

    .mm-menu.mm-theme-dark .mm-fixeddivider span {
        background: rgba(255, 255, 255, 0.05)
    }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8)
}

.mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark .mm-indexer a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0, 0, 0, 0.15)
}

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333333
    }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-white {
    background: white;
    color: rgba(0, 0, 0, 0.6)
}

    .mm-menu.mm-theme-white .mm-header {
        border-color: rgba(0, 0, 0, 0.1)
    }

        .mm-menu.mm-theme-white .mm-header > a {
            color: rgba(0, 0, 0, 0.3)
        }

        .mm-menu.mm-theme-white .mm-header .mm-btn:before, .mm-menu.mm-theme-white .mm-header .mm-btn:after {
            border-color: rgba(0, 0, 0, 0.3)
        }

    .mm-menu.mm-theme-white .mm-listview > li:after {
        border-color: rgba(0, 0, 0, 0.1)
    }

    .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next {
        color: rgba(0, 0, 0, 0.3)
    }

        .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:after {
            border-color: rgba(0, 0, 0, 0.3)
        }

        .mm-menu.mm-theme-white .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-white .mm-listview > li > a.mm-next:before {
            border-color: rgba(0, 0, 0, 0.1)
        }

    .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
        background: rgba(0, 0, 0, 0.05)
    }

    .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white .mm-listview li.mm-opened.mm-vertical > .mm-panel {
        background: rgba(0, 0, 0, 0.03)
    }

    .mm-menu.mm-theme-white .mm-divider {
        background: rgba(0, 0, 0, 0.03)
    }

    .mm-menu.mm-theme-white .mm-buttonbar {
        border-color: rgba(0, 0, 0, 0.6);
        background: white
    }

        .mm-menu.mm-theme-white .mm-buttonbar > * {
            border-color: rgba(0, 0, 0, 0.6)
        }

        .mm-menu.mm-theme-white .mm-buttonbar > input:checked + label {
            background: rgba(0, 0, 0, 0.6);
            color: white
        }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0, 0, 0, 0.6)
    }

    .mm-menu.mm-theme-white em.mm-counter {
        color: rgba(0, 0, 0, 0.3)
    }

    .mm-menu.mm-theme-white .mm-footer {
        border-color: rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.3)
    }

    .mm-menu.mm-theme-white .mm-fixeddivider span {
        background: rgba(0, 0, 0, 0.03)
    }

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.6)
}

.mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white .mm-indexer a {
    color: rgba(0, 0, 0, 0.3)
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0, 0, 0, 0.1)
}

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: white
    }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

.mm-menu.mm-theme-black {
    background: black;
    color: rgba(255, 255, 255, 0.6)
}

    .mm-menu.mm-theme-black .mm-header {
        border-color: rgba(255, 255, 255, 0.2)
    }

        .mm-menu.mm-theme-black .mm-header > a {
            color: rgba(255, 255, 255, 0.4)
        }

        .mm-menu.mm-theme-black .mm-header .mm-btn:before, .mm-menu.mm-theme-black .mm-header .mm-btn:after {
            border-color: rgba(255, 255, 255, 0.4)
        }

    .mm-menu.mm-theme-black .mm-listview > li:after {
        border-color: rgba(255, 255, 255, 0.2)
    }

    .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next {
        color: rgba(255, 255, 255, 0.4)
    }

        .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:before, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:after {
            border-color: rgba(255, 255, 255, 0.4)
        }

        .mm-menu.mm-theme-black .mm-listview > li > a.mm-prev:after, .mm-menu.mm-theme-black .mm-listview > li > a.mm-next:before {
            border-color: rgba(255, 255, 255, 0.2)
        }

    .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
        background: rgba(255, 255, 255, 0.3)
    }

    .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview li.mm-opened > .mm-panel, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black .mm-listview li.mm-opened.mm-vertical > .mm-panel {
        background: rgba(255, 255, 255, 0.2)
    }

    .mm-menu.mm-theme-black .mm-divider {
        background: rgba(255, 255, 255, 0.2)
    }

    .mm-menu.mm-theme-black .mm-buttonbar {
        border-color: rgba(255, 255, 255, 0.6);
        background: black
    }

        .mm-menu.mm-theme-black .mm-buttonbar > * {
            border-color: rgba(255, 255, 255, 0.6)
        }

        .mm-menu.mm-theme-black .mm-buttonbar > input:checked + label {
            background: rgba(255, 255, 255, 0.6);
            color: black
        }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255, 255, 255, 0.6)
    }

    .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255, 255, 255, 0.4)
    }

    .mm-menu.mm-theme-black .mm-footer {
        border-color: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.4)
    }

    .mm-menu.mm-theme-black .mm-fixeddivider span {
        background: rgba(255, 255, 255, 0.2)
    }

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6)
}

.mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black .mm-indexer a {
    color: rgba(255, 255, 255, 0.4)
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255, 255, 255, 0.2)
}

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: black
    }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963
}

#hamburger {
    outline: none;
    box-sizing: border-box;
    display: block;
    width: 70px;
    height: 45px;
    position: absolute;
    top: 15px;
    right: 0;
    display: none;
    z-index: 4
}

    #hamburger:before, #hamburger:after, #hamburger span {
        background: #FF6D00;
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        position: absolute;
        left: 20px
    }

    #hamburger:before {
        top: 10px
    }

    #hamburger span {
        top: 20px
    }

    #hamburger:after {
        top: 30px
    }

    #hamburger:before, #hamburger:after, #hamburger span {
        -webkit-transition: none 0.5s ease 0.5s;
        transition: none 0.5s ease 0.5s -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity
    }

html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {
    top: 20px
}

html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0
}

html.mm-opening #hamburger:before {
    transform: rotate( 45deg )
}

html.mm-opening #hamburger:after {
    transform: rotate( -45deg )
}
/*
Select 2 CSS
*/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important
}

    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 50px;
        user-select: none;
        -webkit-user-select: none;
        -webkit-box-shadow: inset 0px 1px 1px 0px #e3e7e5;
        box-shadow: inset 0px 1px 1px 0px #e3e7e5;
        -moz-box-shadow: inset 0px 1px 1px 0px #e3e7e5;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 20px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 8px;
        padding-left: 20px;
    }

    .select2-container .select2-selection--multiple {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        min-height: 32px;
        user-select: none;
        -webkit-user-select: none;
    }

        .select2-container .select2-selection--multiple .select2-selection__rendered {
            display: inline-block;
            overflow: hidden;
            padding-left: 8px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .select2-container .select2-search--inline {
        float: left;
    }

        .select2-container .select2-search--inline .select2-search__field {
            box-sizing: border-box;
            border: none;
            font-size: 100%;
            margin-top: 5px;
        }

            .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
                -webkit-appearance: none;
            }

.select2-dropdown {
    background-color: white;
    border: 1px solid #dadfe1;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
    width: 100%;
    height: auto;
    padding: 10px;
    min-height: inherit;
    margin: 0;
}

.select2-results__option {
    padding: 10px;
    user-select: none;
    -webkit-user-select: none;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

    .select2-search--dropdown .select2-search__field {
        padding: 4px;
        width: 100%;
        box-sizing: border-box;
    }

        .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
            -webkit-appearance: none;
        }

    .select2-search--dropdown.select2-search--hide {
        display: none;
    }

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    outline: none;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 50px;
        border: 0;
        outline: none
    }

    .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
    }

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #ccc;
        padding-left:20px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 14px;
        position: absolute;
        top: 16px;
        right: 20px;
        width: 8px;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            background: url(../images/dropdown.png) no-repeat;
            width: 8px;
            height: 14px;
            display: inline-block
        }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent;
    cursor: not-allowed;
    opacity: 0.4;
}

    .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
        display: none;
    }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        box-sizing: border-box;
        list-style: none;
        margin: 0;
        padding: 0 5px;
        width: 100%;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
        color: #999;
        margin-top: 5px;
        float: left;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-top: 5px;
        margin-right: 10px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
        color: #999;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #333;
        }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below.select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #C9CBCC;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

    .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0;
    }

    .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -1em;
        padding-left: 2em;
    }

        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -2em;
            padding-left: 3em;
        }

            .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -3em;
                padding-left: 4em;
            }

                .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                    margin-left: -4em;
                    padding-left: 5em;
                }

                    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                        margin-left: -5em;
                        padding-left: 6em;
                    }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #dadfe1;
    color: #8a8e8f;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 10px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f6f6f6;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
}

    .select2-container--classic .select2-selection--single:focus {
        border: 0;
        outline: none
    }

    .select2-container--classic .select2-selection--single .select2-selection__rendered {
        color: #444;
        line-height: 28px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        margin-right: 10px;
    }

    .select2-container--classic .select2-selection--single .select2-selection__placeholder {
        color: #999;
    }

    .select2-container--classic .select2-selection--single .select2-selection__arrow {
        background-color: #ddd;
        border-left: 1px solid #aaa;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        height: 26px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 20px;
        background-repeat: repeat-x;
        background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
        border-right-style: none;
        border-right-color: inherit;
        border-right-width: medium;
        border-top-style: none;
        border-top-color: inherit;
        border-top-width: medium;
        border-bottom-style: none;
        border-bottom-color: inherit;
        border-bottom-width: medium;
    }

        .select2-container--classic .select2-selection--single .select2-selection__arrow b {
            border-color: #888 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 4px 0 4px;
            height: 0;
            left: 50%;
            margin-left: -4px;
            margin-top: -2px;
            position: absolute;
            top: 50%;
            width: 0;
        }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
        background: transparent;
        border: none;
    }

        .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: transparent transparent #888 transparent;
            border-width: 0 4px 5px 4px;
        }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
    border-top-style: none;
    border-top-color: inherit;
    border-top-width: medium;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: medium;
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

    .select2-container--classic .select2-selection--multiple:focus {
        border: 0;
        outline: none
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
        list-style: none;
        margin: 0;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__clear {
        display: none;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice {
        background-color: #e4e4e4;
        border: 1px solid #aaa;
        border-radius: 4px;
        cursor: default;
        float: left;
        margin-right: 5px;
        margin-top: 5px;
        padding: 0 5px;
    }

    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
        color: #888;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        margin-right: 2px;
    }

        .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
            color: #555;
        }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
}

.select2-container--classic .select2-dropdown {
    background-color: white;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: white;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}
/*
Form Layouts
*/
.formElements .form-control {
    height: 50px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff;
    border: 1px solid #ececec;
    outline: none;
    padding: 0 20px;
    -webkit-box-shadow: inset 0px 1px 1px 0px #e3e7e5;
    box-shadow: inset 0px 1px 1px 0px #e3e7e5;
    -moz-box-shadow: inset 0px 1px 1px 0px #e3e7e5;
    text-shadow: none;
    color: #111;
}

    .formElements .form-control.dob-field {
        background-image: url(../images/calendar.png) !important;
        background-repeat: no-repeat;
        background-position: 95%;
        padding: 0 50px 0 20px
    }

.formElements label {
    font-weight: 400;
    font-size: 16px;
}

.formLayout-1 {
    background: #023d8f;
    border-radius: 4px;
    height: 153px;
}

    .formLayout-1 .normal-heading {
        margin: 0 0 30px;
        font-size: 30px;
        line-height: 30px;
        font-weight: 300;
        color: #fff
    }

    .formLayout-1 .formElements label {
        font-weight: 400;
        font-size: 16px;
    }

    .formLayout-1 .formElements .form-group {
        margin-bottom: 20px;
        text-align: center;
    }

    .formLayout-1 .formElements .form-control {
        height: 50px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        background: #fff;
        border: 0;
        outline: none;
        padding: 0 20px;
        -webkit-box-shadow: inset 1px 1px 0px 1px #fff;
        box-shadow: inset 1px 1px 0px 1px #fff;
        -moz-box-shadow: inset 1px 1px 0px 1px #fff;
        text-shadow: none;
        color: #111;
    }

    .formLayout-1 .formElements textarea.form-control {
        height: 70px;
        resize: none;
        padding: 10px 20px
    }

.formElements .col-2 {
    margin: 0 -10px
}

    .formElements .col-2 .col {
        float: left;
        margin-bottom: 20px;
        width: 50%;
        padding: 0 10px;
    }

.formElements .common {
    margin-bottom: 20px
}

.formElements .btn-grey {
    background: #454545;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Open Sans', sans serif;
    font-weight: 300;
    color: #fff;
    padding: 13px 30px;
}

.formElements .btn-blue {
    background: #023d8f;
    color: #fff;
    font-size: 19px;
    line-height: 19px;
    font-weight: 300;
    padding: 13px 20px;
}
/*
Icons
*/
.homeLinks .icon9 {
    background-position: -729px -2754px;
}

.homeLinks .icon {
    margin: 0 auto 10px auto;
    width: 60px;
    height: 55px;
    display: block;
    transition: all 0.3s ease 0ms;
    -webkit-transition: all 0.3s ease 0ms;
}

.sprite2 {
    background-image: url(../../images/sprite_new.png);
    background-repeat: no-repeat;
}

.sprite {
    background: url(../images/sprite.png) no-repeat left top;
}

.ic-cmsg {
    width: 28px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat 0px -27px;
}

.ic-questionmark {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat 0px -275px;
}

.ic-documents {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -41px -275px;
}

.ic-call {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -179px -320px;
}

.ic-loan {
    width: 22px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: 0px 0px;
}

.ic-about {
    width: 24px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -113px -80px;
}

.ic-about-circle {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -403px -335px;
}

.ic-card-grey {
    width: 25px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -22px 0px;
}

.ic-application {
    width: 23px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -47px 0px;
}

.ic-tools {
    width: 25px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -70px 0px;
}

.ic-hl {
    width: 24px;
    height: 29px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -24px -27px;
}

.ic-pl {
    width: 24px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: 0 -27px;
}

.ic-al {
    width: 48px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -48px -27px;
}

.ic-cc {
    width: 37px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -96px -27px;
}

.ic-play-big {
    width: 93px;
    height: 93px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/video-play.png) no-repeat 0px 0px;
}

.watch_video_big.ic-pause-big .ic-play-big {
    background-position: -93px 0
}

.ic-twitter-logo {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -80px -320px
}
/*
Tabs
*/
.master-tabs li {
    width: 16.5%;
    float: left;
    padding: 0 5px;
    position: relative;
}

    .master-tabs li a {
        display: block;
        padding: 0 15px;
        text-decoration: none;
        height: 46px;
        line-height: 46px;
        font-weight: 700;
        color: #fff;
        text-shadow: none;
        border-radius: 4px 4px 0 0;
        background-color: #999999;
        margin: 0;
    }

.master-tabs-container {
    background: #023d8f url(../images/tab-bg.png) no-repeat center left;
    padding: 30px 0;
    background-position: -40% 50%;
    min-height: 158px;
}

    .master-tabs-container .tab-content > .tab-pane {
        background: transparent;
        padding: 0;
        border: 0;
        border-radius: 0
    }

.master-tabs.nav-tabs > li.active > a, .master-tabs.nav-tabs > li.active > a:hover, .master-tabs.nav-tabs > li.active > a:focus {
    color: #fff;
    text-shadow: none;
    background-color: #023d8f;
}

.master-tabs-container .mob-tab-btn {
    display: none
}

.nav-tabs > li > a {
    font-size: 14px !important;
}

.aegon-ad {
    position: absolute;
    top: -18px;
    left: 0px;
}

.master-tabs li a.aegon-bg {
    background: #ff6d00;
}

.master-tabs li.active a.aegon-bg {
    background: #ff6d00 !important;
}



/*
Header
*/
.static-position {
    position: static
}

header {
    background: #fff;
    height: 75px;
    line-height: 75px; /*overflow:hidden;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    -moz-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    header nav {
        float: right
    }

        header nav ul li {
            float: left;
            line-height: 72px;
        }

            header nav ul li:after {
                content: '';
                height: 22px;
                width: 1px;
                background: url(../images/nav-seprator.png) no-repeat;
                display: inline-block;
                position: relative;
                top: 8px;
            }

            header nav ul li a {
                font-size: 13px;
                color: #000;
                padding: 0 13px;
                display: inline-block;
            }

                header nav ul li a i {
                    margin-right: 4px
                }

            header nav ul li:last-child a {
                padding-right: 0
            }

            header nav ul li:last-child:after {
                display: none
            }
            /*DROPDOWN ADDON*/
            header nav ul li .drop-down {
                position: absolute;
                left: 0;
                right: 0;
                width: 100%;
                z-index: 9999;
                text-align: center;
                background: url(../images/grey-overlay-50.png) repeat;
                top: 75px;
                z-index: 99;
                display: none;
            }

                header nav ul li .drop-down li {
                    float: left;
                    width: 25%;
                    line-height: normal;
                    text-align: center;
                    padding: 30px 0;
                }

                    header nav ul li .drop-down li a {
                        display: block;
                        line-height: normal;
                        color: #fff;
                        border-bottom: 0;
                        border-right: 1px dotted #b7b7b8;
                        font-size: 14px;
                    }

                    header nav ul li .drop-down li:last-child a {
                        border-right: 0
                    }

                    header nav ul li .drop-down li a:hover {
                        border-bottom: 0;
                        line-height: normal;
                    }

                    header nav ul li .drop-down li:hover {
                        background: #666;
                        -webkit-transition: background-color 1000ms linear;
                        -moz-transition: background-color 1000ms linear;
                        -o-transition: background-color 1000ms linear;
                        -ms-transition: background-color 1000ms linear;
                        transition: background-color 1000ms linear;
                        border-bottom: 0
                    }

                        header nav ul li .drop-down li:hover a {
                            color: #fff;
                            border-right: 0
                        }

                    header nav ul li .drop-down li:after {
                        display: none
                    }

body.smaller-header header .drop-down {
    top: 50px
}

header nav ul li:hover ul {
    display: block;
    -moz-animation: fadeInDown .3s ease-in;
    -webkit-animation: fadeInDown .3s ease-in;
    animation: fadeInDown .3s ease-in;
}

header nav ul li:hover {
    border-bottom: 3px solid #ff6d00;
}

    header nav ul li:hover a {
        color: #ff6d00
    }

header nav ul li.active {
    border-bottom: 3px solid #ff6d00;
}

    header nav ul li.active a {
        color: #ff6d00
    }

body.smaller-header header ul li {
    line-height: 48px
}

    body.smaller-header header ul li:hover {
        border-bottom: 2px solid #ff6d00;
    }

.dropdown-holder {
    max-width: 1170px;
    margin: 0 auto;
}

header nav ul li .drop-down.drop-down-tools li {
    width: 20%
}

header nav ul li .drop-down li.multi-lists:hover {
    background: none
}

header nav ul li .drop-down li.multi-lists a {
    display: block;
    max-width: 150px;
    background: #7c7c7c;
    padding: 7px 15px;
    font-size: 14px;
    margin: 7px auto
}

    header nav ul li .drop-down li.multi-lists a:hover {
        background: #ff6d00
    }

.container-fluid .dropdown-holder {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

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

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

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
/*DD ADDON END*/

/*#home-banner{ background:url(../images/home-banner.jpg) no-repeat top center;}*/
.static-banner {
    text-align: center;
    padding: 0px 0 0;
    position: relative; /*min-height:386px;*/
    min-height: 568px;
}

    .static-banner h1 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 10px;
        color: #fff;
        font-weight: 800;
    }

    .static-banner p {
        font-size: 23px;
        line-height: 30px;
        font-weight: 300;
        color: #fff;
        margin: 0 0 20px;
        padding: 0;
    }

    .static-banner .sb-content h2 {
        font-size: 42px;
        line-height: 42px;
        max-width: 620px;
        float: right;
        margin: 0 0 10px;
        color: #fff;
        font-weight: 800;
        margin-top: 80px;
    }

.sb-content-banner {
    position: absolute !important;
    top: 0px;
}

.static-banner .sb-content-banner h1 {
    font-size: 45px;
    font-family: 'Allerta Stencil', sans-serif;
    line-height: 55px;
    text-shadow: 0px 1px #fff;
    max-width: 620px;
    float: left;
    margin: 80px 0 10px 0px;
    color: #535353;
    font-weight: 400;
}

.static-banner .video-icon {
    font-size: 22px;
    text-transform: capitalize;
    line-height: 22px;
    color: #fff
}

    .static-banner .video-icon i {
        margin-bottom: 5px;
    }

    .static-banner .video-icon:hover, .static-banner .video-icon:focus, .static-banner .video-icon:active {
        color: #fff
    }

#big-video-wrap {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

    #big-video-wrap video {
        display: block
    }

#big-video-vid {
    position: absolute;
}

#big-video-wrap img {
    max-width: none;
    position: absolute;
}

.vjs-big-play-button, .vjs-text-track-display, .vjs-control-bar {
    display: none;
}

.video_mute {
    width: 39px;
    height: 39px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -136px 0px;
    vertical-align: middle;
    text-indent: -9999px;
}

    .video_mute.unmute {
        background-position: -97px 0px;
    }

.watch_video_big {
    width: 39px;
    height: 39px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -214px 0px;
    vertical-align: middle;
    text-indent: -9999px;
}

    .watch_video_big.vpause {
        background-position: -175px 0
    }

.static-banner .video_mute {
    position: absolute;
    right: 0;
    top: -30px;
}

.static-banner .watch_video_big {
    position: absolute;
    right: 0;
    top: 20px;
}

#home-loan-selector {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 999;
}

    #home-loan-selector ul li img {
        margin-right: 10px
    }

    #home-loan-selector.fx-loan-bar {
        position: fixed;
        top: 50px;
        z-index: 99;
        bottom: inherit;
    }

        #home-loan-selector.fx-loan-bar .master-tabs-container {
            margin-top: -10px
        }

        #home-loan-selector.fx-loan-bar .master-tabs-bg {
            background: #AFAFAF;
            padding: 10px 0;
        }

        #home-loan-selector.fx-loan-bar .master-tabs li a {
            border-radius: 0;
            background: #4A4A4A;
            font-weight: 400;
            font-size: 16px;
            padding: 0 19px
        }

        #home-loan-selector.fx-loan-bar .master-tabs.nav-tabs > li.active > a, #home-loan-selector.fx-loan-bar .master-tabs.nav-tabs > li.active > a:hover, #home-loan-selector.fx-loan-bar .master-tabs.nav-tabs > li.active > a:focus {
            color: #fff;
            text-shadow: none;
            background-color: #023d8f;
        }

.home-tab-inner .l-heading {
    width: 210px;
    float: left;
}

    .home-tab-inner .l-heading p {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        font-weight: 300;
        margin: 0;
        max-width: 190px
    }

.home-tab-inner .r-contents {
    margin-left: 250px;
}

    .home-tab-inner .r-contents p {
        font-size: 16px;
        text-align: left;
        margin-left: 0;
        line-height: 16px;
        margin-bottom: 10px;
    }

#personal-loan-tab .r-contents p {
    margin-left: 25px;
    margin-bottom: 30px
}

.home-tab-inner .r-contents .btn {
    margin-top: 27px
}

.home-tab-inner .ui-slider {
    border-radius: 0 !important;
    background: #ffb680 !important;
    ;
    height: 2px !important;
    border: 0 !important;
    width: 200px;
    margin-left: 50px
}

.home-tab-inner .ui-slider-handle {
    background: #023d8f !important;
    border: 0 !important;
    font-size: 18px !important;
    color: #fff !important;
    line-height: 40px !important;
    padding: 0 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    outline: none !important;
    font-weight: 300 !important;
    height: 40px !important;
    width: auto !important;
    font-family: 'Open Sans', sans serif;
    cursor: pointer !important;
    margin-top: -12px !important;
    margin-left: -45px !important;
}

.home-tab-inner .tabmonth-slider .ui-slider-handle {
    width: auto !important;
    margin-left: -15px !important;
}

.home-tab-inner .tabamnt-slider .ui-slider-handle, .emi-amount-slide .ui-slider-handle {
    min-width: 90px !important;
    margin-left: -45px !important;
}

.home-tab-inner .cc-benefitList a {
    font-size: 13px;
    padding: 7px 12px 0 !important;
    transition: all 300ms linear 0s;
}

footer {
    background: #2e2e2e
}

    footer .ftop {
        padding: 40px 0 20px
    }

        footer .ftop p {
            font-size: 13px;
            color: #666;
            font-weight: 300;
        }

        footer .ftop .flist ul {
            float: left;
            margin-top: 50px;
        }

            footer .ftop .flist ul.col.col1 {
                width: 15%
            }

            footer .ftop .flist ul.col.col2 {
                width: 20%
            }

            footer .ftop .flist ul.col.col3 {
                width: 25%
            }

            footer .ftop .flist ul.col.col4 {
                width: 25%
            }

            footer .ftop .flist ul.col.col5 {
                width: 15%
            }

            footer .ftop .flist ul li {
                margin: 0 0 5px
            }

                footer .ftop .flist ul li h5 {
                    font-weight: 700;
                    line-height: 12px;
                    font-size: 12px;
                    color: #acacac
                }

                footer .ftop .flist ul li a {
                    color: #acacac;
                    font-size: 12px;
                    line-height: 12px;
                    font-weight: 300;
                    text-decoration: none
                }

    footer .fbot {
        background: #272727;
        padding: 30px 0
    }

        footer .fbot h5 {
            font-size: 12px;
            color: #ababab;
            line-height: 14px;
            font-weight: 700;
            margin: 0 0 20px
        }

        footer .fbot .subscriber-box {
            position: relative
        }

            footer .fbot .subscriber-box .form-control {
                border: 0;
                padding: 0 120px 0 20px;
                background: #fff;
                height: 48px;
                border-radius: 4px;
            }

            footer .fbot .subscriber-box .btn {
                background: #ff6d00;
                font-size: 14px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                height: 48px;
                padding: 0 15px;
                border: 0;
                position: absolute;
                right: 0;
                top: 0;
                border-radius: 0 4px 4px 0
            }

        footer .fbot .social-icons-grey {
            margin-left: 30px
        }

        footer .fbot .social-text {
            margin-left: 30px
        }

        footer .fbot .links {
            margin-top: 40px
        }

            footer .fbot .links li {
                float: left
            }

                footer .fbot .links li, footer .fbot .links li a {
                    font-size: 12px;
                    font-weight: 300;
                    color: #999999;
                }

                    footer .fbot .links li:after {
                        content: '|';
                        width: 20px;
                        text-align: center;
                        font-size: 12px;
                        display: inline-block;
                        vertical-align: middle;
                        position: relative;
                        top: -2px
                    }

                    footer .fbot .links li:last-child:after {
                        display: none
                    }

.how-we-help-info {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px
}

    .how-we-help-info .padding {
        padding: 40px 30px
    }

    .how-we-help-info ul li img {
        margin-bottom: 10px
    }

    .how-we-help-info ul li {
        float: left;
        width: 33.3333333%;
        text-align: center;
        font-size: 18px;
        line-height: 18px;
        color: #8d8d8d;
        font-weight: 300;
        text-transform: capitalize
    }

.whom-make-happy {
    background: #023a88;
    border-radius: 4px;
    margin-bottom: 30px;
    overflow: hidden;
}

    .whom-make-happy .top {
        background: #fff;
    }

    .whom-make-happy .padding {
        padding: 20px 30px
    }

    .whom-make-happy .top h2 {
        display: inline-block;
        float: left;
        position: relative;
        top: 4px;
        vertical-align: middle;
    }

        .whom-make-happy .top h2 span {
            color: #ff6d00
        }

    .whom-make-happy .top ul {
        float: right;
        overflow: hidden;
        max-width: 765px;
        height: 40px;
    }

        .whom-make-happy .top ul li {
            float: left;
            margin-left: 5px;
        }

            .whom-make-happy .top ul li img {
                width: 40px;
                height: 40px;
                display: inline-block;
                vertical-align: middle;
                border-radius: 100%
            }

.what-we-served {
    padding: 60px 30px
}

    .what-we-served li {
        float: left;
        width: 25%;
        text-align: center;
        border-right: 1px dotted #8d9cbd
    }

        .what-we-served li:last-child {
            border-right: 0
        }

        .what-we-served li p {
            font-size: 30px;
            line-height: 24px;
            color: #fff;
            font-weight: normal;
            margin: 15px 0 0
        }

            .what-we-served li p span {
                font-weight: 300;
                font-size: 22px;
                line-height: 20px;
            }

.users-quotes-block {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    min-height: 310px
}

    .users-quotes-block .item {
        text-align: center;
        padding: 45px 30px;
    }

        .users-quotes-block .item img {
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 100%;
            border: 2px solid #ffbf90
        }

        .users-quotes-block .item p {
            font-size: 16px;
            font-weight: 700;
            color: #000;
            font-style: italic;
            margin: 10px 0;
            padding: 0 0 20px;
            border-bottom: 1px dotted #d5d5d5;
            display: inline-block
        }

        .users-quotes-block .item .quotes {
            color: #8b8b8b;
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            font-style: italic
        }

            .users-quotes-block .item .quotes:before {
                content: "";
                background: url(../images/quotes-left-bg.png) no-repeat;
                width: 21px;
                height: 16px;
                position: relative;
                top: -5px;
                left: -5px;
                line-height: 0;
                display: inline-block;
            }

            .users-quotes-block .item .quotes:after {
                content: "";
                background: url(../images/quotes-right-bg.png) no-repeat;
                width: 21px;
                height: 16px;
                position: relative;
                top: -5px;
                line-height: 0;
                right: -5px;
                display: inline-block;
            }

.rp-social-block .rp-social-left .users-quotes-block .item .quotes:before {
    top: -10px
}

.rp-social-block .rp-social-left .users-quotes-block .item .quotes:after {
    top: -10px
}

.video-testimonials-block {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px
}

    .video-testimonials-block ul {
        margin: 0 -15px
    }

        .video-testimonials-block ul li {
            float: left;
            width: 33.3333333%;
            padding: 0 15px;
        }

            .video-testimonials-block ul li p {
                margin: 10px 0 0;
                color: #757575;
                font-size: 16px;
                line-height: 16px;
            }

            .video-testimonials-block ul li a {
                position: relative
            }

                .video-testimonials-block ul li a:before {
                    content: '';
                    background: url(../images/play-small-grey.png) no-repeat;
                    width: 42px;
                    height: 28px;
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left: -21px;
                    margin-top: -14px;
                }

.emi-calculator-block {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px
}

    .emi-calculator-block .emi-graph {
        float: left;
        width: 200px;
    }

    .emi-calculator-block .emi-slide-calculator {
        margin-left: 0px
    }

.emi-slide-calculator .ui-slider {
    border-radius: 0 !important;
    background: #e5e5e5 !important;
    ;
    height: 2px !important;
    border: 0 !important;
    width: 280px;
    float: right;
    margin-top: 10px;
}

.emi-slide-calculator .ui-slider-handle {
    background: #023d8f !important;
    border: 0 !important;
    font-size: 16px !important;
    color: #fff !important;
    padding: 0 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    outline: none !important;
    font-weight: 300 !important;
    height: 36px !important;
    width: auto !important;
    line-height: 36px !important;
    font-family: 'Open Sans', sans serif;
    cursor: pointer !important;
    margin-top: -11px !important;
    margin-left: -15px !important;
}

.emi-slide-calculator .help-text {
    width: 160px;
    text-align: right;
    float: left;
    margin-top: -10px;
}

.emi-slide-calculator #emi-amount .ui-slider-handle {
    margin-left: -40px !important
}

.emi-slide-calculator #emi-ir .ui-slider-handle {
    margin-left: -32px !important
}

.emi-slide-calculator #emi-period .ui-slider-handle {
    margin-left: -22px !important
}

.emi-slide-calculator .emi-calculator {
    height: 60px;
}

.emi-slide-calculator .know-more-link {
    text-transform: capitalize;
    margin-left: 185px
}

.rp-social-block {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px
}

    .rp-social-block .padding {
        padding: 30px;
    }

    .rp-social-block .rp-social-left {
        float: left;
        width: 60%;
        padding: 0 10px 0 0
    }

    .rp-social-block .rp-social-twiiter {
        float: left;
        width: 40%;
        padding: 0 0 0 10px
    }

    .rp-social-block .rp-social-left .users-quotes-block .item .user-info {
        text-align: left;
        margin-bottom: 30px;
    }

        .rp-social-block .rp-social-left .users-quotes-block .item .user-info img {
            width: auto;
            height: auto;
            height: auto;
            margin-right: 10px;
            border: 0;
            border-radius: 0;
        }

        .rp-social-block .rp-social-left .users-quotes-block .item .user-info h4 {
            border-bottom: 0;
            font-size: 16px;
            line-height: 16px;
            font-weight: 800;
            padding-bottom: 0;
            position: relative;
            top: 10px;
            margin-left: 10px;
        }

            .rp-social-block .rp-social-left .users-quotes-block .item .user-info h4 span {
                font-weight: 300;
                font-size: 14px;
                line-height: 14px;
                padding-top: 5px;
                display: inline-block;
            }

    .rp-social-block .rp-social-left .users-quotes-block .item .quotes {
        font-size: 20px;
        line-height: 40px;
        text-align: justify;
        font-style: normal;
        font-weight: 300;
    }

.rp-partners-list {
    background: #fff;
    border-radius: 4px;
}

    .rp-partners-list .owl-controls {
        position: absolute;
        top: -50px;
        right: 30px;
    }

        .rp-partners-list .owl-controls .owl-dots .owl-dot {
            border: 1px solid #c6c6c6;
            width: 9px;
            height: 9px;
            border-radius: 100%;
            display: inline-block;
            margin-left: 4px;
        }

            .rp-partners-list .owl-controls .owl-dots .owl-dot.active {
                background: #ff6d00;
            }

.rp-partners .desaturate {
    filter: alpha(opacity=100);
    opacity: 1.0;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

    .rp-partners .desaturate:hover {
        filter: alpha(opacity=100);
        opacity: 1.0;
        filter: none;
        -webkit-filter: grayscale(0%);
    }
/*.rp-partners-list .owl-carousel .owl-stage{width:auto!important;}*/
.twitterFeeds {
}

    .twitterFeeds .rp-feeds {
    }

        .twitterFeeds .rp-feeds ul {
            margin-top: 30px
        }

            .twitterFeeds .rp-feeds ul li {
                margin-bottom: 25px;
                padding-bottom: 25px;
                border-bottom: 1px dashed #d5d5d5
            }

                .twitterFeeds .rp-feeds ul li:last-child {
                    margin-bottom: 0;
                    border: 0;
                    padding: 0;
                }

                .twitterFeeds .rp-feeds ul li .logo {
                    width: 60px;
                    float: left
                }

                    .twitterFeeds .rp-feeds ul li .logo img {
                        border-radius: 100%
                    }

                .twitterFeeds .rp-feeds ul li .b-feed {
                    margin-left: 70px
                }

                .twitterFeeds .rp-feeds ul li p {
                    color: #000
                }

                    .twitterFeeds .rp-feeds ul li p.b-name {
                        font-size: 14px;
                        font-weight: 700;
                    }

                        .twitterFeeds .rp-feeds ul li p.b-name span {
                            font-weight: 300
                        }

.rp-media-feeds {
    background: #023a88;
    border-radius: 0 0 4px 4px
}

    .rp-media-feeds .rp-box {
        padding: 30px 0
    }

        .rp-media-feeds .rp-box img {
            float: left;
            width: 50px;
            border-radius: 100%
        }

        .rp-media-feeds .rp-box .rp-m-text {
            margin-left: 70px
        }

            .rp-media-feeds .rp-box .rp-m-text p {
                color: #fff;
                font-size: 14px;
                margin: 0 0 5px;
                font-weight: 300;
            }

            .rp-media-feeds .rp-box .rp-m-text span {
                color: #fff;
                font-weight: 700;
                font-size: 11px;
                font-style: italic;
            }

    .rp-media-feeds li:first-child .box {
        border-right: 1px dotted #8d9cbd;
    }

    .rp-media-feeds .rp-box .box {
        padding: 0 30px
    }

    .rp-media-feeds li:last-child .box {
        padding-left: 0
    }


a.social-links-small {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    margin-right: 10px;
    margin-top: 5px;
}

.social-links-small.fb {
    background-position: -256px 0px;
    width: 8px;
}

.social-links-small.linkedin {
    background-position: -265px 0px;
    width: 16px;
}

.social-links-small.twitter {
    background-position: -282px 0px;
    width: 18px;
}

.custom-select select {
    width: 100%;
    line-height: 26px;
    border: 1px solid #ffb680;
    padding: 5px 5px;
    height: 40px;
    background: #ffb680;
    outline: none;
}

    .custom-select select:focus {
        outline: none;
        outline-width: 0
    }

.home-tab-inner .custom-select, .emi-calculator-block .custom-select {
    display: none
}

.twitter_Scroll {
    height: 420px;
    overflow: hidden;
}

    .twitter_Scroll .mCSB_inside > .mCSB_container {
        margin-right: 10px
    }

    .twitter_Scroll .mCSB_scrollTools {
        width: 6px
    }

    .twitter_Scroll .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 5px;
    }

#rp_tfeed {
    padding: 20px 20px 0 0;
}

    #rp_tfeed ul li {
        list-style: none;
        overflow: hidden;
        border-bottom: 1px dashed #d5d5d5;
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

        #rp_tfeed ul li .user {
            width: 100%;
            float: none;
        }

            #rp_tfeed ul li .user img {
                width: 48px;
                height: 48px;
                border-radius: 100%;
                float: left;
            }

            #rp_tfeed ul li .user span {
                margin-left: 60px;
                float: none;
                display: block;
                color: #000;
                font-size: 14px;
                font-weight: 300;
            }

                #rp_tfeed ul li .user span span {
                    width: 100%;
                    display: block;
                    margin: 0 !important;
                    float: none;
                    color: #000;
                    font-weight: 700;
                    font-size: 14px;
                }

        #rp_tfeed ul li .tweet {
            margin: 10px 0 5px 60px;
            font-size: 14px;
            line-height: 14px;
            color: #000;
        }

            #rp_tfeed ul li .tweet a {
                color: #ff6d00;
                font-weight: 400;
            }

        #rp_tfeed ul li .timePosted {
            color: #000;
            font-weight: 300;
            font-size: 11px;
            margin: 0 0 0 60px;
        }

        #rp_tfeed ul li .interact {
            display: none
        }

.sliderControl-label {
    white-space: pre
}

#device-tab-container {
    display: none;
    width: 100%;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 99;
}

    #device-tab-container a {
        width: 25%;
        display: inline-block;
        background: #555;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }

.contact-bar-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 90%;
    z-index: 99;
}

.contact-bar {
    margin-right: 100px;
    border-radius: 4px 0 0 0;
    display: none
}

    .contact-bar .col {
        float: left;
        height: 100px;
    }

        .contact-bar .col.col1 {
            width: 15%;
            background: #999999;
            border-radius: 4px 0 0 0;
            padding: 20px;
        }

            .contact-bar .col.col1 p {
                color: #fff;
                font-size: 20px;
                line-height: 20px;
                font-weight: 300;
            }

        .contact-bar .col.col2 {
            width: 45%;
            background: #fff;
            padding: 35px 30px 0;
        }

        .contact-bar .col.col3 {
            width: 40%;
            background: #fafcfb;
            padding: 35px 30px 0;
        }

            .contact-bar .col.col3 h3 {
                font-size: 16px;
                color: #777777;
                line-height: 16px;
                font-weight: 700;
            }

                .contact-bar .col.col3 h3 span {
                    font-size: 13px;
                    font-weight: 300;
                }

                .contact-bar .col.col3 h3 .ic-call {
                    float: left;
                    margin-right: 10px;
                }

    .contact-bar .form-control {
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0 100px 0 0;
        font-size: 18px;
        color: #888;
        font-weight: 300;
    }

    .contact-bar .btn {
        font-size: 13px;
        padding: 10px 15px;
        position: absolute;
        right: 0;
        top: 0;
    }

.contact-fixed {
    width: 90px;
    height: 65px;
    background: #023a88;
    line-height: normal;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
}

#device-contact {
    width: 100%;
    display: block;
    background: #023a88;
    line-height: normal;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.contact-fixed i {
    margin-top: 14px;
}

.contact-fixed:hover, .contact-fixed:focus {
    color: #fff
}

.contact-bar-blocker, .device-contact-bar-blocker {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99991;
    left: 0;
    top: 0;
    border: 0;
    right: 0;
    background: #2e2e2e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    display: none
}

#whatsappUrl {
    width: 56px;
    height: 56px;
    background: url(../images/whatsapp.png) no-repeat left top;
    display: block;
    vertical-align: middle;
    text-indent: -9999px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    display: none
}

.banner-pl {
    background: url(../images/pl-banner-wide.jpg) no-repeat center top;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-attachment: fixed;
}
/*Personal Loan*/

.noPadding {
    padding: 0 !important
}


.loan-form-container {
    background: #f96e43;
    border-radius: 0
}

    .loan-form-container .loan-steps-outer {
        width: 18%;
        background: #f96e43;
        border-radius: 0;
        float: left
    }

        .loan-form-container .loan-steps-outer .title {
            font-weight: 300;
            background: #f94d17;
            padding: 30px 20px;
            border-radius: 0;
            font-size: 22px;
            color: #fff;
            text-align: center;
            line-height: 22px;
            text-transform: capitalize;
        }

            .loan-form-container .loan-steps-outer .title h1 {
                font-weight: 300;
                background: #f94d17;
                padding: 0px 20px;
                border-radius: 0;
                font-size: 22px;
                color: #fff;
                text-align: center;
                line-height: 22px;
                text-transform: capitalize;
            }

            .loan-form-container .loan-steps-outer .title img {
                margin-bottom: 10px
            }

            .loan-form-container .loan-steps-outer .title span {
                font-weight: 300;
                display: block;
            }

        .loan-form-container .loan-steps-outer .step-counts {
            padding: 0 20px 20px;
        }

            .loan-form-container .loan-steps-outer .step-counts li {
                text-align: center;
                margin: 0;
                position: relative
            }

                .loan-form-container .loan-steps-outer .step-counts li .count {
                    width: 48px;
                    height: 48px;
                    line-height: 48px;
                    text-align: center;
                    background: transparent;
                    border-radius: 100%;
                    color: #fff;
                    font-size: 24px;
                    font-weight: 300;
                    display: inline-block;
                    position: relative;
                    margin-right: 10px;
                    border: 1px solid #fff;
                    margin-bottom: 10px;
                }

                .loan-form-container .loan-steps-outer .step-counts li, .loan-form-container .loan-steps-outer .step-counts li a {
                    font-size: 16px;
                    color: #fff;
                    font-weight: 400;
                    line-height: 16px;
                    text-decoration: none;
                    display: block
                }
                    /*.loan-form-container .loan-steps-outer .step-counts li.active .count:after{ content:''; width:31px; height:31px; background:url(../images/sprite.png) no-repeat 0px -145px; display:inline-block; position: absolute; top: 7px; right: -17px;-webkit-animation: showTicks 500ms ease-in-out both;
   -animation: showTicks 500ms ease-in-out both;}*/

                    .loan-form-container .loan-steps-outer .step-counts li.active span:after {
                        content: '';
                        width: 31px;
                        height: 31px;
                        background: url(../images/sprite.png) no-repeat 0px -145px;
                        display: inline-block;
                        position: absolute;
                        top: 7px;
                        right: -17px;
                        -webkit-animation: showTicks 500ms ease-in-out both;
                        -animation: showTicks 500ms ease-in-out both;
                    }

                    .loan-form-container .loan-steps-outer .step-counts li.active span.text:after {
                        content: '';
                        width: 31px;
                        height: 31px;
                        background: none !important;
                        display: inline-block;
                        position: absolute;
                        top: 7px;
                        right: -17px;
                        -webkit-animation: showTicks 500ms ease-in-out both;
                        -animation: showTicks 500ms ease-in-out both;
                    }


                    .loan-form-container .loan-steps-outer .step-counts li.completed .count:after {
                        content: '';
                        width: 31px;
                        height: 31px;
                        background: url(../images/sprite.png) no-repeat 0px -175px;
                        display: inline-block;
                        position: absolute;
                        top: 7px;
                        right: -17px;
                        -webkit-animation: showTicks 500ms ease-in-out both;
                        -animation: showTicks 500ms ease-in-out both;
                    }

                    .loan-form-container .loan-steps-outer .step-counts li.active a .text {
                        border-bottom: 1px solid #fff;
                    }

                    .loan-form-container .loan-steps-outer .step-counts li:after {
                        content: '';
                        width: 1px;
                        height: 35px;
                        background: url(../images/border-inline-white.png) no-repeat;
                        display: inline-block;
                        margin: 15px 0 10px -3px;
                    }

@-webkit-keyframes showTicks {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.loan-form-container .loan-steps-outer .step-counts li:last-child:after {
    display: none
}

.loan-form-container .loan-steps-outer .step-counts li.active .count, .loan-form-container .loan-steps-outer .step-counts li.completed .count { /*background:#fff;*/
    color: #fff;
}

.loan-form-container .loan-steps-outer .step-counts li.active .count, .loan-form-container .loan-steps-outer .step-counts li.completed .count {
    background: #fff;
    color: #000;
}

.loan-form-container .loan-steps-outer .step-counts li.completed .count {
    background: #FF9800;
    color: #fff;
    border: 2px solid rgba(255,109,0,0.5);
}

.loan-form-container .loan-steps-outer .step-counts li.completed.active .text {
    border-bottom: 1px solid #fff
}

.loan-form-container .loan-steps-outer .step-counts li.completed .text {
    border-bottom: 0;
}

.loan-form-container .loan-detail-outer {
    background: #f4f8f7;
    float: left;
    vertical-align: top;
    border-radius: 0;
    width: 82%;
    overflow: hidden;
}

    .loan-form-container .loan-detail-outer .loan-application-instruction .offers-box {
        padding: 20px;
        text-align: center;
        background: #fff;
        border: 1px solid #ebeded;
        margin: 90px 30px 0;
        display: block;
        border-radius: 4px;
    }

        .loan-form-container .loan-detail-outer .loan-application-instruction .offers-box span {
            font-size: 14px;
            font-weight: 300;
            color: #424242;
        }

        .loan-form-container .loan-detail-outer .loan-application-instruction .offers-box h4 {
            background: url(../images/offer-bg.png);
            color: #fff;
            font-size: 15px;
            text-align: center;
            height: 31px;
            font-weight: 700;
            width: 119px;
            line-height: 31px;
            margin: 0 auto;
        }

    .loan-form-container .loan-detail-outer .loan-application-form {
        width: 75%;
        float: left;
        vertical-align: top;
        background: #fff
    }

    .loan-form-container .loan-detail-outer .loan-application-instruction {
        background: #f4f8f7;
        position: relative;
        float: right;
        width: 25%;
        right: 0px !IMPORTANT;
    }


        .loan-form-container .loan-detail-outer .loan-application-instruction .help-text {
            padding: 50px 30px;
            color: #888;
            font-size: 20px;
            line-height: 24px;
            font-family: Georgia, "Times New Roman", Times, serif;
        }

    .loan-form-container .loan-detail-outer .title {
        padding: 30px 30px 0;
    }

    .loan-form-container .loan-detail-outer .divcustomer {
        padding: 0px 30px 0px 30px;
    }

    .loan-form-container .loan-detail-outer .title h2 {
        font-size: 28px;
        line-height: 28px;
        color: #023d8f;
        font-weight: 300;
    }

        .loan-form-container .loan-detail-outer .title h2 span.subtitle {
            display: block;
            font-weight: 300;
            font-size: 16px;
            line-height: 16px;
            position: relative;
            left: 45px
        }

    .loan-form-container .loan-detail-outer .title .count {
        width: 33px;
        height: 33px;
        text-align: center;
        vertical-align: middle;
        line-height: 33px;
        background: #ff6d00;
        color: #fff;
        font-size: 20px;
        color: #fff;
        display: inline-block;
        border-radius: 100%;
        margin-right: 10px;
        font-weight: 300
    }

    .loan-form-container .loan-detail-outer .title .icons {
        margin-right: 5px
    }

    .loan-form-container .loan-detail-outer .divcustomer h2 {
        font-size: 28px;
        line-height: 28px;
        color: #023d8f;
        font-weight: 300;
    }

        .loan-form-container .loan-detail-outer .divcustomer h2 span.subtitle {
            display: block;
            font-weight: 300;
            font-size: 16px;
            line-height: 16px;
            position: relative;
            left: 45px
        }

    .loan-form-container .loan-detail-outer .divcustomer .count {
        width: 33px;
        height: 33px;
        text-align: center;
        vertical-align: middle;
        line-height: 33px;
        background: #ff6d00;
        color: #fff;
        font-size: 20px;
        color: #fff;
        display: inline-block;
        border-radius: 100%;
        margin-right: 10px;
        font-weight: 300
    }

    .loan-form-container .loan-detail-outer .divcustomer .icons {
        margin-right: 5px
    }

    .loan-form-container .loan-detail-outer .loan-application-form label {
        font-weight: 600;
        font-size: 14px;
        display: block;
        line-height: 12px;
    }

    .loan-form-container .loan-detail-outer .inline-input-fields .css-label {
        margin-right: 30px;
    }

    .loan-form-container .loan-detail-outer .rp-terms {
        min-height: 50px
    }

.loan-form-container .text-center-input {
    vertical-align: middle;
    margin-top: 40px
}

.loan-form-container .loan-steps-outer .step-counts li.completed .progress-circle {
    display: none
}

.loan-form-container .loan-steps-outer .step-counts li.active .count {
    display: none
}

.loan-form-container .loan-steps-outer .step-counts li.active a .text {
    font-weight: 700
}

.loan-form-container .loan-steps-outer .step-counts li .progress-circle {
    display: none;
}

.loan-form-container .loan-steps-outer .step-counts li.active .progress-circle {
    display: block;
}

.progress-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto -5px auto;
}

    .progress-circle .pc-progress {
        content: "";
        position: absolute;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        margin-left: -26px;
        margin-top: -26px;
        width: 52px;
        height: 52px;
        clip: rect(0, 52px, 52px, 26px);
    }

        .progress-circle .pc-progress .pc-progress-fill {
            content: "";
            position: absolute;
            border-radius: 50%;
            left: 50%;
            top: 50%;
            width: 52px;
            height: 52px;
            clip: rect(0, 26px, 52px, 0);
            background: #33a9f9;
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
            margin-left: -26px;
            margin-top: -26px;
        }

    .progress-circle.gt-50 {
        background-color: #33a9f9;
    }

        .progress-circle.gt-50 .pc-progress {
            clip: rect(0, 26px, 52px, 0);
        }

            .progress-circle.gt-50 .pc-progress .pc-progress-fill {
                clip: rect(0, 52px, 52px, 26px);
                background: #ffffff;
            }

    .progress-circle .pc-percents {
        content: "";
        position: absolute;
        border-radius: 50%;
        left: 50%;
        top: 50%;
        width: 46px;
        height: 46px;
        background: #ff8707;
        text-align: center;
        display: table;
        margin-top: -23px;
        margin-left: -23px;
    }

    .progress-circle .pc-percents-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .progress-circle .pc-percents span {
        display: block;
        font-size: 24px;
        font-weight: 300;
        color: #fff;
    }

/*NEW 14 JUNE*/
/*.loan-form-container { background:#0093f7; border-radius:0; margin-bottom:30px}
.loan-form-container .loan-steps-outer{ width:18%; background:#0093f7; border-radius:0; float:left}
.loan-form-container .loan-steps-outer .title{ font-weight:300; background:#023d8f; padding:30px 20px; border-radius:0; font-size:22px; color:#fff; text-align:center; line-height:22px; text-transform:capitalize;}
.loan-form-container .loan-steps-outer .title img{ margin-bottom:10px}
.loan-form-container .loan-steps-outer .title span{ font-weight:300; display:block;}
.loan-form-container .loan-steps-outer .step-counts{ padding:0 20px 20px;}
.loan-form-container .loan-steps-outer .step-counts li { text-align:center; margin:0; position:relative}
.loan-form-container .loan-steps-outer .step-counts li .count{ width:48px; height:48px; line-height:48px; text-align:center; background:transparent; border-radius:100%; color:#fff; font-size:24px; font-weight:300; display:inline-block; position:relative; margin-right:10px; border:1px solid #fff; margin-bottom:10px;}
.loan-form-container .loan-steps-outer .step-counts li,.loan-form-container .loan-steps-outer .step-counts li a{ font-size:16px; color:#fff; font-weight:400; line-height:16px; text-decoration:none; display:block}
.loan-form-container .loan-steps-outer .step-counts li.active .count:after{ content:''; width:31px; height:31px; background:url(../images/sprite.png) no-repeat 0px -145px; display:inline-block; position: absolute; top: 7px; right: -17px;-webkit-animation: showTicks 500ms ease-in-out both;
   -animation: showTicks 500ms ease-in-out both;}
.loan-form-container .loan-steps-outer .step-counts li.completed .count:after{ content:''; width:31px; height:31px; background:url(../images/sprite.png) no-repeat 0px -175px; display:inline-block; position: absolute; top: 7px; right: -17px;-webkit-animation: showTicks 500ms ease-in-out both;
   -animation: showTicks 500ms ease-in-out both;}
.loan-form-container .loan-steps-outer .step-counts li.active a .text{ border-bottom:1px solid #fff;}
.loan-form-container .loan-steps-outer .step-counts li:after{ content:''; width:1px; height:35px; background:url(../images/border-inline-white.png) no-repeat; display:inline-block; margin:15px 0 10px -3px; }
@-webkit-keyframes showTicks {
    from {opacity: 0;}
    to {opacity: 1;}
}
.loan-form-container .loan-steps-outer .step-counts li:last-child:after{ display:none}

.loan-form-container .loan-steps-outer .step-counts li.active .count,.loan-form-container .loan-steps-outer .step-counts li.completed .count{ background:#fff; color:#000;}
.loan-form-container .loan-steps-outer .step-counts li.completed.active .text{ border-bottom:1px solid #fff}
.loan-form-container .loan-steps-outer .step-counts li.completed .text{ border-bottom:0;}

============ UPDATE Loan step-outer 15-9-2015=================

.loan-form-container .loan-steps-outer .step-counts li.completed .progress-circle{ display:none}
.loan-form-container .loan-steps-outer .step-counts li.active .count{ display:none}
.loan-form-container .loan-steps-outer .step-counts li.active a .text{ font-weight:700}
.loan-form-container .loan-steps-outer .step-counts li .progress-circle{ display:none;}
.loan-form-container .loan-steps-outer .step-counts li.active .progress-circle{ display:block;}
.progress-circle {width: 52px;height: 52px;border-radius: 50%;background-color: #33a9f9;position: relative;margin: 0 auto -5px auto;}
.progress-circle .pc-progress {content: "";position: absolute;border-radius: 50%;left:50%;top: 50%;margin-left:-26px;margin-top:-26px;width: 52px;height: 52px;clip: rect(0, 52px, 52px, 26px);}
.progress-circle .pc-progress .pc-progress-fill {content: "";position: absolute;border-radius: 50%;left:50%;top: 50%;width: 52px;height: 52px;clip: rect(0, 26px, 52px, 0);background: #fff;-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);transform: rotate(180deg);margin-left:-26px;margin-top:-26px;}
.progress-circle.gt-50 {background-color: #fff;}
.progress-circle.gt-50 .pc-progress {clip: rect(0, 26px, 52px, 0);}
.progress-circle.gt-50 .pc-progress .pc-progress-fill {clip: rect(0, 52px, 52px, 26px);background: #33a9f9;}
.progress-circle .pc-percents {content: "";position: absolute;border-radius: 50%;left: 50%; top: 50%; width: 46px; height: 46px; background: #0093f7; text-align: center; display: table; margin-top:-23px; margin-left:-23px;}
.progress-circle .pc-percents-wrapper {display: table-cell;vertical-align: middle;}
.progress-circle .pc-percents span {display: block;font-size: 24px;font-weight: 300;color: #fff;}

.loan-form-container .loan-detail-outer{ background:#f4f8f7; float:left; vertical-align:top; border-radius:0; width:82%; overflow:hidden;}
.loan-form-container .loan-detail-outer .loan-application-instruction .offers-box{ padding:20px; text-align:center; background:#fff; border:1px solid #ebeded; margin:90px 30px 0; display:block; border-radius:4px;}
.loan-form-container .loan-detail-outer .loan-application-instruction .offers-box span{ font-size:14px; font-weight:300; color:#424242;}
.loan-form-container .loan-detail-outer .loan-application-instruction .offers-box h4{ background:url(../images/offer-bg.png); color:#fff; font-size:15px; text-align:center; height:31px; font-weight:700; width:119px; line-height:31px; margin:0 auto;}

.loan-form-container .loan-detail-outer .loan-application-form{ width:75%; float:left;vertical-align:top; background:#fff}

.loan-form-container .loan-detail-outer .loan-application-instruction.sidebar-cc{ background:#f4f8f7;  position:static!important; float:right; width:25%}
.loan-form-container .loan-detail-outer .loan-application-instruction{ background:#f4f8f7; float:left; width:25%}
.loan-form-container .loan-detail-outer .loan-application-instruction{ background:#f4f8f7; position:relative; float:left; width:25%}

.loan-form-container .loan-detail-outer .loan-application-instruction .help-text{ padding:50px 30px; color:#888; font-size:20px; line-height:24px; font-family:Georgia, "Times New Roman", Times, serif;}
.loan-form-container .loan-detail-outer .title{ padding:30px 30px 0;}
.loan-form-container .loan-detail-outer .title h3{font-size:28px; line-height:28px; color:#023d8f; font-weight:300;}
.loan-form-container .loan-detail-outer .title h3 span.subtitle{ display:block; font-weight:300; font-size:16px; line-height:16px; position:relative; left:45px}
.loan-form-container .loan-detail-outer .title .count{ width:33px; height:33px; text-align:center; vertical-align:middle; line-height:33px; background:#ff6d00; color:#fff; font-size:20px; color:#fff; display:inline-block; border-radius:100%; margin-right:10px; font-weight:300}
.loan-form-container .loan-detail-outer .title .icons{ margin-right:5px}

.loan-form-container .loan-detail-outer .loan-application-form label{ font-weight:600; font-size: 14px; display:block; line-height:12px;}
.loan-form-container .loan-detail-outer .inline-input-fields .css-label{ margin-right:30px;}
.loan-form-container .loan-detail-outer .rp-terms{ min-height:50px}
.loan-form-container .text-center-input{ vertical-align:middle; margin-top:40px}*/

.card-desc {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

    .card-desc p {
        font-weight: 200;
        padding-top: 15px;
    }

    .card-desc .title {
        font-size: 30px;
        vertical-align: middle;
        line-height: 30px;
        color: #444444;
        font-weight: 300;
        clear: both;
        margin-bottom: 10px
    }

.help-container {
    margin-bottom: 30px;
    min-height: 360px
}

    .help-container .title {
        font-size: 30px;
        vertical-align: middle;
        line-height: 30px;
        color: #444444;
        font-weight: 300;
        clear: both;
        margin-bottom: 10px
    }

        .help-container .title a {
            float: right
        }

    .help-container .accordion_head {
        background: #fff;
        font-size: 14px;
        line-height: 16px;
        color: #444444;
        padding: 20px 0;
        position: relative;
        cursor: pointer;
        margin: 0;
        font-weight: 400;
        border-top: 1px solid #F1F7F4;
        padding-right: 30px;
    }

.accordion_head {
    font-size: 14px;
    line-height: 16px;
    color: #444444;
    padding: 20px 0;
    position: relative;
    cursor: pointer;
    margin: 0;
    font-weight: 600;
    border-top: 1px solid #F1F7F4;
    padding-right: 30px;
}

.help-container .accordion_head .plusminus {
    width: 25px;
    height: 25px;
    background: url(../images/sprite.png) no-repeat 0px -49px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 20px;
}

    .help-container .accordion_head .plusminus.minusplus {
        background-position: -25px -49px
    }

.help-container .accordion_body {
    background: #fff
}

    .help-container .accordion_body p {
        font-weight: 200;
        margin: 0;
        padding: 0 0 20px;
    }

    .help-container .accordion_body ol {
        font-weight: 200;
        padding-bottom: 15px;
    }

        .help-container .accordion_body ol li {
            list-style: none;
            padding: 8px 0 0px 0px;
        }

            .help-container .accordion_body ol li::before {
                background: #ff6d00 none repeat scroll 0 0;
                border-radius: 100%;
                content: "";
                display: inline-block;
                height: 10px;
                margin-right: 10px;
                width: 10px;
            }

.emi-calculator-block.full-wide-block .emi-slide-calculator {
    margin-left: 0 !important;
    min-height: 60px
}

    .emi-calculator-block.full-wide-block .emi-slide-calculator .help-text {
        display: block;
        float: none;
        width: auto;
        text-align: left;
        margin: 20px 0 30px
    }

    .emi-calculator-block.full-wide-block .emi-slide-calculator .ui-slider {
        float: none;
        width: 90%
    }

.emi-calculate-value {
    background: #023a88;
    border-radius: 0 0 4px 4px
}

    .emi-calculate-value li {
        padding: 20px 30px;
        float: left;
        min-height: 240px;
    }

        .emi-calculate-value li h4 {
            font-size: 25px;
            line-height: 25px;
            color: #fff;
            font-weight: 800;
            text-align: center;
            padding-top: 70px
        }

            .emi-calculate-value li h4 span {
                display: block;
                font-size: 16px;
                line-height: 16px;
                font-weight: 300;
            }

        .emi-calculate-value li.ecv-1 {
            width: 34%;
        }

        .emi-calculate-value li.ecv-2 {
            width: 22%;
            background: #023781
        }

        .emi-calculate-value li.ecv-3 {
            width: 22%;
            background: #02347a
        }

        .emi-calculate-value li.ecv-4 {
            width: 22%;
            background: #023174
        }

        .emi-calculate-value li .princple-amt, .emi-calculate-value li .princple-int {
            font-size: 11px;
            font-weight: 700;
            color: #fff;
            display: block
        }

            .emi-calculate-value li .princple-amt i {
                background: #0689c2;
                display: inline-block;
                margin-right: 5px;
                width: 12px;
                height: 12px;
                border-radius: 100%
            }

            .emi-calculate-value li .princple-int i {
                background: #b5d455;
                display: inline-block;
                margin-right: 5px;
                width: 12px;
                height: 12px;
                border-radius: 100%
            }

        .emi-calculate-value li.ecv-1 .graph {
            float: left;
            width: 200px;
        }

        .emi-calculate-value li .princple-amt {
            margin-top: 80px;
            margin-left: 220px
        }

        .emi-calculate-value li .princple-int {
            margin-left: 220px
        }


/*Compare*/
.loan-compare-container { /*background:#fff;border-radius:0 4px 0 0; float:left*/
}

    .loan-compare-container .title {
        border-radius: 0 4px 0 0
    }

    .loan-compare-container .emi-slider-calc .col {
        float: left;
        padding: 0 20px
    }

    .loan-compare-container .ui-slider {
        border-radius: 0 !important;
        background: #e5e5e5 !important;
        ;
        height: 2px !important;
        border: 0 !important;
        width: 100% !important
    }

    .loan-compare-container .ui-slider-handle {
        background: #023d8f !important;
        border: 0 !important;
        font-size: 16px !important;
        color: #fff !important;
        padding: 0 10px !important;
        text-align: center !important;
        vertical-align: middle !important;
        outline: none !important;
        font-weight: 300 !important;
        height: 36px !important;
        width: auto !important;
        line-height: 36px !important;
        font-family: 'Open Sans', sans serif;
        cursor: pointer !important;
        margin-top: -11px !important;
        margin-left: -15px !important;
    }

    .loan-compare-container .emi-slider-calc {
        margin-bottom: 30px
    }

        .loan-compare-container .emi-slider-calc .col.col1 {
            width: 75%
        }

        .loan-compare-container .emi-slider-calc .col.col2 {
            padding: 0;
            width: 25%
        }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            background: #edf6f2;
            border-radius: 0;
            padding: 30px;
            font-size: 20px;
            line-height: 20px;
            color: #a1a7a4;
            font-family: Georgia;
            margin-top: -123px;
            margin-right: -31px;
            margin-left: 102px;
        }

        .loan-compare-container .emi-slider-calc .col .customText {
            color: #ff6d00;
            font-size: 16px;
            font-weight: 600;
            margin-top: 5px
        }

        .loan-compare-container .emi-slider-calc .col .ui-slider {
            margin: 30px 0
        }

        .loan-compare-container .emi-slider-calc .col.col1 {
            padding-left: 10px
        }

        .loan-compare-container .emi-slider-calc .col.col3 {
            padding-right: 0
        }

        .loan-compare-container .emi-slider-calc .select2-container--default .select2-selection--single {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none
        }

        .loan-compare-container .emi-slider-calc .col .scolLeft {
            float: left;
            width: 22%
        }

        .loan-compare-container .emi-slider-calc .col .scolRight {
            width: 78%;
            float: left
        }

        .loan-compare-container .emi-slider-calc .minumValue {
            font-size: 12px;
            color: #8d8d8d;
        }

        .loan-compare-container .emi-slider-calc .maxumValue {
            font-size: 12px;
            color: #8d8d8d;
            float: right;
            padding-right: 35px;
        }

.table-view {
}

    .table-view .th {
        background: #8c8c8c
    }

    .table-view .col {
        float: left;
        width: 16%;
        font-size: 12px;
        line-height: 15px;
        color: #777
    }

    .table-view .th h5 {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-align: left;
        padding: 25px 15px;
        display: block;
    }

    .table-view .th .col {
        border-right: 1px dotted #bfbfbf;
    }

        .table-view .th .col.col6 {
            border-right: 0;
            width: 25%
        }

    .table-view .tr .col.col6 {
        width: 25%
    }

    .table-view .th .col.col1, .table-view .th .col.col2 {
        text-align: center
    }

    .table-view .tr {
        margin-top: 20px;
        border-radius: 4px
    }

        .table-view .tr .trow {
            border-top: 1px solid #d9d9d9;
            border-radius: 0;
            background: #fff;
        }

            .table-view .tr .trow .col {
                height: 85px;
            }

                .table-view .tr .trow .col.col1 .box {
                    padding: 0;
                }

    .table-view .col .btn-link {
        display: block;
        color: #262626;
        font-size: 12px;
        text-decoration: none;
        margin: 5px 0;
        text-transform: capitalize
    }

    .table-view .col .box {
        padding: 20px;
        text-align: center; /*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;*/
    }

    .table-view .tr .trow .col.col1 {
    }

    .table-view .tr .trow .col.col6 .box {
        display: block !important;
        position: relative
    }

    .table-view .col.col1 .box {
    }

    .table-view .col.col2 .box {
        padding: 35px 15px 0;
    }

    .table-view .col.col3 .box, .table-view .col.col4 .box, .table-view .col.col5 .box {
        padding: 15px 15px 0
    }

    .table-view .col.col6 .box {
        padding: 12px 10px;
        text-align: left
    }

    .table-view .col .box p {
        color: #34495e;
        font-size: 17px;
        line-height: 16px;
        font-weight: 700;
        text-align: center;
        width: 100%
    }

    .table-view .col h5 .sub-text {
        font-size: 11px;
        line-height: 11px;
        display: inline-block;
        font-weight: 400;
        display: block
    }

    .table-view .col .box .sub-text {
        font-size: 11px;
        line-height: 11px;
        display: inline-block;
        font-weight: 400;
        display: block
    }

    .table-view .col .box .old {
        text-decoration: line-through;
        color: #ff6d00;
        padding-bottom: 4px;
        display: block
    }

        .table-view .col .box .old span {
            font-size: 11px;
            line-height: 11px;
            display: inline;
            font-weight: 400;
            color: #34495e;
        }

    .table-view .col .box .final-price {
        font-size: 15px;
        line-height: 12px;
        font-weight: 700;
        color: #34495e;
        padding-top: 12px;
        margin-bottom: 5px;
        text-align: center;
        width: auto
    }

    .table-view .col .box p.final-price-tag {
        font-size: 15px;
        padding-top: 27px;
        line-height: 12px;
        font-weight: 700;
        color: #34495e;
        margin-bottom: 5px;
        text-align: center;
        width: auto
    }

    .table-view .col .box h6 {
        background: #e6e6e6; /*font-weight:700;*/
        padding: 3px 13px 4px;
        color: #34495e;
        font-size: 15px;
        display: inline-block;
    }

        .table-view .col .box h6 small {
            color: #34495e;
            font-weight: 400;
            padding-right: 2px;
            font-size: 15px;
        }

    .table-view .tr .trow .col.col6 .dtl {
        margin-right: 75px;
        text-align: center
    }

    .table-view .tr .trow .col.col6 .btn-div {
        position: absolute;
        right: 15px; /*top:35px*/
        top: 24px
    }

    .table-view .col.col3 .box p, .table-view .col.col4 .box p, .table-view .col.col5 .box p {
        font-size: 20px;
        line-height: 18px;
    }

    .table-view .col .box .img {
        background: #fff;
        height: 60px;
        line-height: 60px;
        padding-top: 10px
    }

    .table-view .col .btn {
        background: #fff;
        border: 1px solid #ff6d00;
        padding: 3px 14px;
        border-radius: 4px;
        text-align: center;
        text-transform: uppercase;
        font-size: 12px;
        display: inline-block;
        margin: 10px 0 0
    }

        .table-view .col .btn:hover {
            color: #ff6d00;
            box-shadow: none;
        }

    .table-view .tr.alternate {
    }

    .table-view .tr .table-column {
        border: 1px solid #d9d9d9;
        overflow: hidden;
        border-radius: 4px 4px 0 4px;
    }

        .table-view .tr .table-column.active {
            border-color: #ff6d00
        }

    .table-view .tr .trBot {
        padding: 7px 15px;
        font-size: 9px;
        font-weight: 700;
        color: #979ca1;
        background: #eef5fd;
        border: 0;
        border-radius: 4px 4px 0 0;
        position: relative
    }

        .table-view .tr .trBot span {
            display: inline-block;
            padding-right: 125px
        }

        .table-view .tr .trBot .rating-stars span {
            padding-right: 0
        }

        .table-view .tr .trBot .rating-stars {
            direction: rtl;
            position: absolute;
            top: 8px;
            right: 15px;
        }

.rating-stars a {
    color: #aaa;
    text-decoration: none;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #53b168;
    float: right
}

    .rating-stars a:hover,
    .rating-stars a:hover ~ a,
    .rating-stars a:focus,
    .rating-stars a:focus ~ a {
        background: #53b168;
        cursor: pointer;
    }

    .rating-stars a.active {
        background: #53b168;
        cursor: pointer;
    }

.table-view .tr .loan-description {
    background: #edf6f2;
    clear: both;
    border: 1px solid #d9d9d9;
    border-bottom: 0
}

    .table-view .tr .loan-description .ld-inner {
        padding: 20px
    }

    .table-view .tr .loan-description ul {
        margin-bottom: 10px
    }

        .table-view .tr .loan-description ul li {
            font-size: 13px;
            color: #34495e;
            text-align: right
        }

            .table-view .tr .loan-description ul li .id-label {
                display: inline-block;
                min-width: 100px;
                font-size: 17px;
                font-weight: 700
            }

                .table-view .tr .loan-description ul li .id-label small {
                    font-size: 17px
                }

    .table-view .tr .loan-description .btn-primary {
        font-size: 12px;
        font-weight: 400;
        border-radius: 4px;
        padding: 4px 25px;
        text-transform: uppercase;
        color: #023d8f;
        margin-top: 5px;
        background: transparent;
        border: 1px solid #023d8f
    }

.table-view .apply-btn-container {
    background: #fff;
    text-align: right;
}

    .table-view .apply-btn-container .btn {
        background: #023d8f;
        border: 0;
        padding: 10px 20px;
        border-radius: 0;
        text-align: center;
        text-transform: capitalize;
        font-size: 15px;
        display: inline-block;
        color: #fff;
        width: 25%;
    }

        .table-view .apply-btn-container .btn .arrow {
            background: url(../images/btn-arrow.png) no-repeat top left;
            display: inline-block;
            width: 7px;
            height: 13px;
            position: relative;
            right: -10px;
            top: 3px;
        }

/*Personal Loan End*/

.btn {
    border-radius: 0
}

.title-arrow {
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    background: #b2b2b2;
    padding: 10px;
    display: inline-block;
    margin: 0 0 20px;
    position: relative
}

    .title-arrow:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(178, 178, 178, 0);
        border-left-color: #b2b2b2;
        border-width: 18px;
        margin-top: -18px;
    }

.modal-backdrop {
    z-index: 9999;
}

.modal {
    z-index: 99999
}

.modal-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.modal-dialog {
    margin: 120px auto 0
}

.modal-content {
    border-radius: 0;
    max-width: 620px;
    background: #f6f8f8
}

#cc-compareTable .modal-content {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0 !important;
}

.modal-body {
    padding: 40px 100px 35px;
}

    .modal-body h5 {
        font-size: 24px;
        line-height: 24px;
        color: #333;
        font-weight: 800;
        text-align: center;
        margin: 0 0 10px
    }

    .modal-body p {
        color: #333;
        font-size: 14px;
        font-weight: 300;
        margin: 0 0 10px
    }

    .modal-body a {
        color: #333;
        text-align: center
    }

        .modal-body a:hover {
            color: #023a88;
        }

    .modal-body .form-control {
        margin: 0 0 20px;
        border-radius: 0
    }

    .modal-body .btn {
        background: #ff6d00;
        display: block;
        width: 100%;
        font-weight: 300;
        font-size: 19px;
        width: 100%
    }

    .modal-body .formElements {
        margin: 0 0 20px
    }

.modal-content {
    border: 0
}
/* NEW FLAT STYLE*/
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

.flat-field {
    border: 0px solid #ccc;
    background: white;
}

.loanFormWrapper .loader-small {
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}
/*.loanFormWrapper .flat-field2:hover,
.loanFormWrapper .flat-field2:focus,
.loanFormWrapper .flat-field:hover,
.loanFormWrapper .flat-field:focus,
.loanFormWrapper .col-fullfield:hover,
.loanFormWrapper .col-fullfield:focus
{ border-color:#ff6d00 !important;}
.loanFormWrapper .flat-field:visited{ border-color:#ff6d00}*/
.flat-field {
    position: relative
}

.name-box {
    padding-bottom: 25px;
}

.AddressSelectBox {
    width: 25%;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.flat-field label {
    color: #023d8f;
    font-size: 12px !important;
    font-weight: 600;
    padding: 15px 15px 5px
}

.flat-field .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    padding: 0 15px;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
}

.name-field {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    padding: 0 15px;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
    width: 30%;
    float: left;
    text-transform: uppercase
}

.address-field {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    padding: 0 15px;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
    width: 90%;
    float: left;
}

.address-field-pincode {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    padding: 0 15px;
    color: #444;
    font-size: 14px;
    margin-bottom: 10px;
    width: 22%;
    float: left;
}

.flat-field .form-control.rupee-field {
    /*padding-left: 35px*/
}

.flat-field .form-control.kyc-field {
    text-transform: uppercase
}

.formplus {
    width: 25px;
    height: 25px;
    background: url(../images/sprite.png) no-repeat 0px -49px;
    display: inline-block;
    vertical-align: top;
    text-indent: -9999px;
    margin-left: 0px;
    margin-right: 29px;
    margin-bottom: 11px;
}

.addplus {
    width: 31px;
    height: 30px;
    background: url(../images/sprite.png) no-repeat 0px -60px;
    background-size: 620px;
    text-indent: -9999px;
    margin-left: 0px;
    margin-right: 17px;
    margin-bottom: 11px;
    margin-top: 4px;
}

.removeminus {
    width: 31px;
    height: 30px;
    background: url(../images/sprite.png) no-repeat -31px -60px;
    background-size: 620px;
    display: inline-block;
    vertical-align: bottom;
    text-indent: -9999px;
    margin-left: 0px;
    margin-right: 17px;
    margin-bottom: 11px;
    margin-top: 4px;
}

.flat-field .rupee-field .font-rupee {
    font-size: 16px;
    color: #777;
    position: absolute;
    left: 20px;
    top: 2px;
}

.flat-field .select2-container .select2-selection--single, .flat-field2 .select2-container .select2-selection--single {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    margin-bottom: 10px;
}

.flat-field .select2-container--default .select2-selection--single .select2-selection__rendered, .flat-field2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
    padding-right: 25px;
    color: #bfc2c3;
    font-size: 14px;
    line-height: 25px;
}

.flat-field .select2-container--default .select2-selection--single .select2-selection__arrow, .flat-field2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 12px;
    height: 7px;
    top: 5px;
    right: 15px;
}

    .flat-field .select2-container--default .select2-selection--single .select2-selection__arrow b, .flat-field2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 12px;
        height: 7px;
        background: url(../images/select-dd.png) no-repeat;
    }
/*.flat-field input[type=radio].css-checkbox + label.css-label,.flat-field input[type=radio].css-checkbox + label.css-label.clr{ padding:0; background:#dadfe1; padding:10px 20px; color:#606f76; font-size:11px; font-weight:600; height:auto; line-height:11px; margin:0 0 4px;; border-radius:4px;}
.flat-field input[type=radio].css-checkbox:checked + label.css-label,.flat-field input[type=radio].css-checkbox + label.css-label.chk{ background:#02347A; color:#fff}*/
.flat-field .form-control.dob-field {
    padding-left: 0
}

.loan-form-container .text-center-input {
    margin-top: 30px !important
}
/*REMOVE IF NO NEW FLAT STYLE*/
.hide-screen {
    display: none
}

#application-step-3 {
    clear: both;
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    direction: ltr
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}

.noUi-handle {
    position: relative;
    z-index: 1
}

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s,top .3s;
    transition: left .3s,top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-base {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.noUi-horizontal {
    height: 2px
}

    .noUi-horizontal .noUi-handle {
        width: 80px;
        height: 40px;
        left: -40px;
        top: -18px;
        background: #ff6d00;
        color: #fff;
        font-size: 16px;
        line-height: 40px;
        font-weight: 300;
    }

.noUi-vertical {
    width: 18px
}

    .noUi-vertical .noUi-handle {
        width: 28px;
        height: 40px;
        left: -6px;
        top: -17px
    }

.noUi-background {
    background: #ffb680;
    box-shadow: none
}

.noUi-connect {
    background: #ffb680;
    box-shadow: none;
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-origin {
    border-radius: 0
}

.noUi-target {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

    .noUi-target.noUi-connect {
        box-shadow: none;
    }

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    border: 0;
    border-radius: 4px;
    background: #ffb680;
    cursor: default;
    box-shadow: none;
}

.noUi-active {
    box-shadow: none;
}
/*.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}
.noUi-handle:after{left:17px}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}
.noUi-vertical .noUi-handle:after{top:17px}*/
[disabled] .noUi-connect, [disabled].noUi-connect {
    background: #B8B8B8
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    font: 400 12px Arial;
    color: #999;
}

.noUi-value {
    width: 40px;
    position: absolute;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-pips-horizontal {
    height: 50px;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    margin-top: -13px;
}

.noUi-value-horizontal {
    margin-left: -20px;
    padding-top: 20px;
}

    .noUi-value-horizontal.noUi-value-sub {
        padding-top: 15px;
    }

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px;
}

.noUi-pips-vertical {
    height: 100%;
    top: 0;
    left: 100%;
    padding: 0 10px;
}

.noUi-value-vertical {
    width: 15px;
    margin-left: 20px;
    margin-top: -5px;
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-marker-sub, .noUi-marker-large {
    background: #AAA;
}

.home-tab-inner .noUi-horizontal {
    width: 80%;
    margin: 0 auto;
}

.emi-calculator .noUi-horizontal {
    float: right;
    width: 480px;
    background: #e5e5e5
}

.emi-calculator .noUi-background, .loan-compare-container .noUi-background, .emi-calculator-block .noUi-background {
    background: transparent !important
}

.emi-calculator .noUi-horizontal .noUi-handle, .loan-compare-container .noUi-horizontal .noUi-handle, .emi-calculator-block .noUi-horizontal .noUi-handle {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    width: 70px;
    margin-left: 5px
}

.loan-compare-container .noUi-horizontal {
    background: transparent !important;
    margin: 0;
    width: 90%;
    height: 25px
}

    .loan-compare-container .noUi-horizontal .noUi-handle {
        top: -6px
    }

.loanFormWrapper .loan-compare-container .emi-slider-calc .noUi-base {
    z-index: 1
}

.emi-calculator-block.full-wide-block .emi-slide-calculator {
    width: 85%
}

.emi-calculator-block.full-wide-block .noUi-horizontal {
    background: #e5e5e5;
}
/*NOUI SLIDER END*/
/*
TOOLTIP CSS
*/
.tipsy {
    font-size: 10px;
    position: absolute;
    z-index: 100000;
    padding: 5px;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px 8px 4px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.form-list {
    margin: 0 -10px
}

    .form-list li {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin: 0 0 0px; /*min-height:103px;*/
        height: 100px;
        font-size: 12px
    }

#application-step-3 .form-list li {
    min-height: 103px !important;
}

.form-list li.fullCol {
    width: 100%;
}

.form-list li .title-arrow {
    margin: 0
}

.form-list li.nospace {
    height: auto !important;
    min-height: 10px
}

.form-list li.fullCol.profession-selection .flat-field2 {
    padding: 15px
}

.form-list .absInputBox input[type=checkbox].css-checkbox + label.css-label, .form-list .absInputBox input[type=checkbox].css-checkbox + label.css-label.clr {
    color: #ff6d00;
    padding: 0;
    padding-left: 20px;
}

.form-list .absInputBox {
    position: absolute;
    right: 15px;
    top: 15px;
}

.form-list li.fullCol.profession-selection .flat-field-pl {
    padding: 0 15px !important;
}

    .form-list li.fullCol.profession-selection .flat-field-pl label {
        padding: 14px 0px;
    }

    .form-list li.fullCol.profession-selection .flat-field-pl a {
        padding: 15px 0 16px 0px;
    }

        .form-list li.fullCol.profession-selection .flat-field-pl a.col1 {
            padding-left: 15px;
        }

        .form-list li.fullCol.profession-selection .flat-field-pl a.col3 {
            padding: 15px 0 0 20px;
        }

.form-list li.error .flat-field {
    border-color: red
}

/*.form-list li.error .flat-field label{ color:red}*/
.errorfield {
    color: #fd4239;
    font-size: 11px;
    display: block;
}

.sucessfield {
    color: #63b000;
    font-size: 11px;
    display: block;
}


.form-list li.date-of-birth {
    height: auto
}

    .form-list li.date-of-birth .flat-field {
        padding: 0;
    }

        .form-list li.date-of-birth .flat-field label {
            padding: 15px;
            border-bottom: 1px solid #dadfe1;
            margin: 0
        }

        .form-list li.date-of-birth .flat-field .select2-container--default .select2-selection--single .select2-selection__arrow {
            top: 17px
        }

        .form-list li.date-of-birth .flat-field .select2-container {
            padding: 15px;
        }

        .form-list li.date-of-birth .flat-field .select2-dropdown.flat-dropdown {
            margin-top: 0 !important
        }

        .form-list li.date-of-birth .flat-field .smallCol {
            width: 33.333333%;
            float: left;
            border-right: 1px solid #dadfe1;
            padding-right: 15px;
        }

            .form-list li.date-of-birth .flat-field .smallCol.last {
                border-right: 0
            }

#msg_box span.has-arrowMark:before {
    content: '';
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-right: -10px !important;
    background: none !important;
    vertical-align: middle
}

.has-arrowMark:before {
    content: '';
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    background: url(../images/sprite.png) no-repeat -29px -110px;
    vertical-align: middle
}

.has-errorMark:before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 5px;
    background: url(../images/sprite.png) no-repeat 0px -126px;
    vertical-align: middle
}


.numberValidation h5 {
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    color: #262626;
    text-align: left;
    margin-bottom: 30px
}

    .numberValidation h5.head:before {
        display: inline-block;
        margin-right: 10px;
        background: #ff6d00;
        width: 25px;
        height: 25px;
        content: '';
        border-radius: 100%;
        position: relative;
        top: 5px;
    }

.numberValidation .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #fff;
    border: 1px solid #eef0f0;
    text-align: left;
    margin: 0;
}

    .numberValidation .form-control.error {
        border: 1px solid #fd4239
    }

.numberValidation .modal-dialog {
    max-width: 620px;
}

.numberValidation .modal-body {
    padding: 50px 40px 20px
}

.numberValidation .btn {
    border-radius: 0;
    background-image: url(../images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: 22%;
    text-align: left;
    margin-bottom: 20px;
    text-transform: capitalize
}

.numberValidation .footer-btn {
    padding: 0;
    border: 0
}

.numberValidation .btn-cnum {
    display: block;
    color: #788991;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 20px;
    text-align: left
}

.numberValidation .btn-rsc {
    display: block;
    color: #788991;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 20px;
    text-align: left
}

    .numberValidation .btn-rsc:before, .numberValidation .btn-cnum:before {
        display: inline-block;
        margin-right: 6px;
        background: #ff6d00;
        width: 10px;
        height: 10px;
        content: '';
        border-radius: 100%;
        position: relative;
    }

.numberValidation h5.head a {
    float: right;
    font-size: 13px;
    font-weight: 400;
    color: #9fabb0;
}

.numberValidation .errorfield, .numberValidation .sucessfield {
    text-align: center;
}
/*CUSTOM*/
.select2-dropdown.flat-dropdown {
    margin-top: 15px
}

.home-tab-inner .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-align: left
}

.home-tab-inner .select2-container .select2-selection--single {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}

.loan-form-container .selectedBankInfo {
    background: #f4f8f7
}

    .loan-form-container .selectedBankInfo .img {
        background: #fff;
        height: 93px;
        line-height: 93px;
        text-align: center;
        padding: 0 20px
    }

    .loan-form-container .selectedBankInfo .list-group {
        padding: 20px
    }

        .loan-form-container .selectedBankInfo .list-group li {
            font-size: 15px;
            color: #666666;
            line-height: 16px;
            font-family: 'Open Sans', sans serif;
            margin: 0 0 20px;
            position: relative;
            padding-left: 15px;
        }

            .loan-form-container .selectedBankInfo .list-group li:last-child {
                margin-bottom: 0
            }

            .loan-form-container .selectedBankInfo .list-group li span {
                font-size: 13px;
                color: #777;
                font-family: 'Open Sans', sans serif;
            }

            .loan-form-container .selectedBankInfo .list-group li:before {
                width: 10px;
                height: 10px;
                background-color: #ff6d00;
                display: inline-block;
                content: '';
                border-radius: 100%;
                position: absolute;
                left: 0;
                top: 3px;
            }
/*SHRINK HEADER*/
body.smaller-header header {
    height: 50px;
    line-height: 50px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

    body.smaller-header header .home-logo img {
        width: 170px
    }

    body.smaller-header header .ic-loan {
        width: 17px;
        height: 20px;
        background-position: -63px -53px
    }

    body.smaller-header header .ic-card-grey {
        width: 20px;
        height: 15px;
        background-position: -80px -52px
    }

    body.smaller-header header .ic-about {
        width: 16px;
        height: 17px;
        background-position: -114px -108px;
    }

    body.smaller-header header .ic-application {
        width: 19px;
        height: 20px;
        background-position: -100px -53px
    }

    body.smaller-header header .ic-tools {
        width: 20px;
        height: 19px;
        background-position: -119px -53px
    }

    body.smaller-header header #hamburger {
        top: 4px
    }

#inputHelpText {
    padding: 20px;
    color: #666;
    font-size: 12px;
    position: relative
}

    #inputHelpText:before {
        width: 12px;
        height: 18px;
        display: block;
        content: '';
        position: absolute;
        left: -12px;
        top: 0;
        float: none;
        background: url(../images/bg-arrow.png) no-repeat left top;
    }

    #inputHelpText:after {
        background: url(../images/sprite.png) no-repeat -3px -277px;
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        content: '';
        position: absolute;
        right: -10px;
        top: -15px;
        border: 2px solid #fff;
        border-radius: 100%
    }

.nav-fluid {
    float: none !important
}

.send-quote-request {
    background: #f7f7f7;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 50px;
}

    .send-quote-request .box {
        padding-bottom: 30px;
        padding-left: 10px;
    }

    .send-quote-request .normal-heading {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 20px;
        display: inline-block
    }

    .send-quote-request .subscriber-box {
        position: relative;
        display: inline-block;
        min-width: 470px;
        margin-left: 30px;
    }

        .send-quote-request .subscriber-box .form-control {
            border: 1px solid #e8e8e8;
            padding: 0 40px 0 20px;
            background: #fff;
            height: 48px;
            border-radius: 0;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            outline: none;
            width: fit-content;
            position: relative;
            float: left;
        }

        .send-quote-request .subscriber-box .btn {
            background: #ff6d00;
            font-size: 18px;
            color: #fff;
            font-weight: 300;
            text-transform: capitalize;
            height: 48px;
            padding: 0 15px;
            border: 0;
            position: absolute;
            right: 0;
            top: 0;
            border-radius: 0;
            outline: none
        }

#application-step-2 div.invalidFiled {
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    background: #E96E57;
    font-weight: 400;
}

#application-step-1 div.invalidFiled {
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    background: #E96E57;
    font-weight: 400;
}

#application-step-3 div.invalidFiled {
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    background: #E96E57;
    font-weight: 400;
}

.form-list div.invalidFiled {
    padding: 2px 10px;
    color: #fff;
    font-size: 10px;
    background: #E96E57;
}

#verify-code-error {
    margin-bottom: 10px;
}

.sucessfield-phase1 {
    color: #63b000;
    margin-bottom: 10px;
    font-weight: 400;
    padding: 2px 10px;
}

.loanFormWrapper .flat-field2 {
    border: 1px solid #dadfe1;
}

.loanFormWrapper .city-selection .flat-field2 label {
    float: left;
    color: #023d8f;
    font-size: 12px;
    font-weight: 600;
}

.loanFormWrapper .profession-selection .flat-field2 label {
    color: #023d8f;
    font-size: 12px;
    font-weight: 600;
}

.loanFormWrapper .city-selection .flat-field2 {
    padding: 0;
}

    .loanFormWrapper .city-selection .flat-field2 .c-selected label {
        line-height: 68px;
    }

.loanFormWrapper .c-selected {
    float: left;
    width: 80%;
    height: 74px; /*line-height:74px;*/
    padding: 0 10px;
    border-right: 1px solid #dadfe1
}

.loanFormWrapper .city-selected a {
    margin-left: 25px;
    margin-top: 7px;
}

.loanFormWrapper .c-selected label, .loanFormWrapper .profession-selection label {
    display: inline-block !important
}

.loanFormWrapper .city-selected a {
    color: #788991;
    font-size: 14px;
    float: left;
    text-align: center;
    margin-left: 16px;
    text-overflow: ellipsis;
    white-space: nowrap; /*overflow: hidden;*/
}

.loanFormWrapper .profession-selection a {
    color: #788991;
    font-size: 14px;
    margin-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap; /*overflow: hidden;*/
}

    .loanFormWrapper .c-selected a img, .loanFormWrapper .profession-selection a img {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        margin-right: 5px;
    }

    .loanFormWrapper .c-selected a.active, .loanFormWrapper .profession-selection a.active {
        color: #ff6d00;
    }

        .loanFormWrapper .c-selected a.active img, .loanFormWrapper .profession-selection a.active img {
            border: 2px solid #ff6d00
        }

.loanFormWrapper .c-selectBox {
    float: left;
    width: 20%;
    height: 74px;
    padding: 0;
}

    .loanFormWrapper .c-selectBox label {
        padding: 15px 15px 5px
    }

.loanFormWrapper .loan-form-container .rp-terms {
    background: #f7f7f7;
    margin: 10px 0 0 0px;
    padding: 15px 20px 40px;
}

.loanFormWrapper .btn.btn-new-arrow {
    background: #ff6d00 url(../images/btn-arrow.png) no-repeat;
    padding: 13px 45px 13px 25px;
    background-position: 90%;
    text-transform: capitalize
}

.loanFormWrapper .btn.btn-new-arrow-back {
    background: #ff6d00 url(../images/btn-arrow-left.png) no-repeat;
    padding: 8px 21px 8px 31px;
    background-position: 10%;
    text-transform: capitalize;
}

.loanFormWrapper .loan-form-container .loan-steps-outer .title {
    position: relative;
    overflow: hidden
}

.loanFormWrapper .loan-form-container .loan-detail-outer .loan-application-instruction, .loanFormWrapper .loan-form-container .loan-detail-outer {
    background: #fff;
}

.loanFormWrapper .loan-form-container .loan-application-form {
    border-right: 1px dotted #ff6d00;
    min-height: 99vh;
}

.loanFormWrapper .loan-form-container .helper-logo {
    text-align: center;
    display: block;
    float: none;
    margin: 40px 0 20px 0;
}

    .loanFormWrapper .loan-form-container .helper-logo a {
        display: block;
        float: none;
    }

#inputHelpText {
    color: #6f90a9;
    font-size: 16px;
    line-height: 20px;
    background: #89C3EF;
    position: relative;
    border-radius: 0;
    margin: 0 20px;
}

.informationText {
    color: #6f90a9;
    font-size: 16px;
    line-height: 20px;
    background: #a9d9fd;
    position: relative;
    border-radius: 0;
    margin: 0 20px 20px;
    position: relative
}

    .informationText p {
        padding: 15px
    }
    /*.informationText:before{width:12px;height:18px;display:block;content:'';position:absolute;left:-12px;top:0;float:none;background:url(../images/bg-arrow.png) no-repeat left top;}*/
    .informationText .icon-idea {
        position: absolute;
        right: -10px;
        top: -20px;
    }

.icon-idea {
    width: 42px;
    height: 42px;
    display: inline-block;
    background: url(../images/sprite.png) no-repeat -251px -112px
}

.loanFormWrapper .loan-compare-container .loan-application-form {
    border: 0;
    width: 100%;
}

.loanFormWrapper .loan-compare-container .noUi-horizontal .noUi-handle, .loanFormWrapper .emi-calculator-block .noUi-horizontal .noUi-handle {
    border-radius: 0;
}

.loanFormWrapper .gender-field .flat-field2 {
    padding: 15px
}

.loanFormWrapper .loan-compare-container .emi-slider-calc .flat-field2 label {
    color: #ff6d00;
    font-size: 12px;
    font-weight: 600;
    padding: 15px 15px 5px
}

.loanFormWrapper .headingBg {
    background: #f7f7f7;
    font-size: 20px;
    line-height: 20px;
    color: #555;
    margin-bottom: 10px;
    padding: 15px 20px;
}

.loanFormWrapper .col-fullfield {
    border: 1px solid #ccc;
    background: white;
}

    .loanFormWrapper .col-fullfield .col-small {
        width: 33.3333333%;
        float: left;
        border-right: 1px solid #dadfe1 !important;
    }

        .loanFormWrapper .col-fullfield .col-small label {
            font-size: 12px;
            font-weight: 600;
            color: #788991;
            padding: 15px 15px 5px
        }

        .loanFormWrapper .col-fullfield .col-small .form-control {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            border: 0;
            border-radius: 0;
            height: 25px;
            color: #9A9A9A;
            font-size: 14px;
            padding: 0 15px;
            margin-bottom: 10px;
        }

        .loanFormWrapper .col-fullfield .col-small.last {
            border-right: 0 !important;
        }

        .loanFormWrapper .col-fullfield .col-small.col-s1 {
            width: 65%
        }

        .loanFormWrapper .col-fullfield .col-small.col-s2 {
            width: 35%;
            border-right: 0 !important;
        }

.gender-field label {
    display: inline-block !important;
    color: #ff6d00;
    font-size: 12px;
}

.loanFormWrapper .gender-field a {
    color: #788991;
    font-size: 14px;
    margin-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .loanFormWrapper .gender-field a img {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 100%;
        margin-right: 5px;
    }

.loanFormWrapper .dob-input .select2-container .select2-selection--single {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-radius: 0;
    height: 25px;
    margin-bottom: 10px;
    padding: 0px 25px 0px 15px
}

.loanFormWrapper .dob-input .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    color: #444444;
    font-size: 14px;
    line-height: 25px;
    padding-right: 0
}

.loanFormWrapper .dob-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 12px;
    height: 7px;
    top: 4px;
    right: 15px;
}

    .loanFormWrapper .dob-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
        width: 12px;
        height: 7px;
        background: url(../images/select-dd.png) no-repeat;
    }

.addpaddingB20 {
    padding-bottom: 20px !important;
}

.loanFormWrapper .dob-input.dob-input-2 .col-small {
    border: 0 !important;
    padding-top: 0;
}

.loanFormWrapper .dob-input.dob-input-2 label {
    font-size: 12px;
    font-weight: 600;
    display: block;
    color: #023d8f;
    padding: 15px 15px 5px;
}

.disabled-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444444;
}

.send-quote-request.loan-static-box {
    background: #f7f7f7;
    border-radius: 0;
    position: relative;
    padding: 0 0 30px;
}

    .send-quote-request.loan-static-box h4 {
        display: block;
    }

    .send-quote-request.loan-static-box .subscriber-box {
        display: block;
        width: 100%;
        margin: 0;
    }

    .send-quote-request.loan-static-box .closeBtn {
        width: 25px;
        height: 25px;
        display: block;
        background: url(../images/sprite.png) no-repeat -48px -78px;
        text-indent: -9999px;
        position: absolute;
        right: -5px;
        top: -5px;
    }

body.form-pages {
    padding-top: 60px
}

.offerband-static {
    background: #727171;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

    .offerband-static h4 {
        font-size: 17px;
        font-weight: 400;
        color: #fff;
        line-height: 17px;
        margin-left: 20%
    }

    .offerband-static .ic-offers {
        width: 29px;
        height: 23px;
        display: inline-block;
        vertical-align: middle;
        background-position: -76px -81px;
        text-indent: -9999px;
        margin-right: 10px;
    }

    .offerband-static .box {
        padding: 20px;
        position: relative
    }

.helping-text {
    color: #6f90a9;
    font-size: 16px;
    line-height: 20px;
    background: #a9d9fd;
    position: relative;
    border-radius: 4px;
    padding: 15px;
    margin: 0 0 20px
}

.animated-arrow {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.pattern-top-rotate {
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(15deg);
    -o-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    height: 100px;
    background: #fb5c1d;
    position: relative;
    top: 70px;
    margin: 0 -50px;
}

    .pattern-top-rotate:after {
        background: #f96e43;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg);
        height: 100px;
        position: absolute;
        width: 100%;
        left: -10px;
        top: 30px;
        content: '';
    }

.ie8 .pattern-top-rotate {
    display: none
}

.ie8 .placeholder {
    color: #aaa
}
/*JUNE 18*/
.header-wrapper {
    display: none;
    padding: 15px 0;
    background: #fff;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    -moz-box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    box-shadow: 0px 1px 1px 0px rgba(1,1,1,0.15);
    margin-bottom: 8px
}

    .header-wrapper .logo-small img {
        max-width: 170px
    }

.alert-danger {
    background: #E96E57;
    margin: 0;
    border: 0;
    color: #fff;
    padding: 21px 35px 21px 30px;
    border-radius: 0;
    text-align: center;
}

.alert-warning {
    background: #ff6d00;
    margin: 0;
    border: 0;
    color: #fff;
    padding: 21px 35px 21px 30px;
    border-radius: 0;
    text-align: center;
}

.alert-success {
    background: #63b000;
    margin: 0;
    border: 0;
    color: #fff;
    padding: 21px 35px 21px 30px;
    border-radius: 0;
    text-align: center;
}

.alert-danger a {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.alert-dismissable .close, .alert-dismissible .close {
    opacity: 1;
    color: #fff;
    font-weight: 300;
    top: 0;
    outline: none
}

body.form-pages .alert-danger, body.form-pages .alert-success, body.form-pages .alert-warning {
    position: fixed;
    top: 0;
    z-index: 999999;
    width: 100%
}

.loan-form-container .loan-detail-outer .thankyouBlock-container .title {
    padding-bottom: 0;
}

.thankyou-container {
    padding: 30px
}

    .thankyou-container h3 {
        color: #023d8f;
        font-weight: 700;
        font-size: 48px;
        line-height: 48px;
        margin: 0 0 20px;
        text-align: center;
        padding: 0;
    }

        .thankyou-container h3.head a {
            font-size: 15px;
            font-weight: normal;
            float: right;
            color: #666666;
        }

    .thankyou-container h6 {
        color: #444;
        font-weight: 700;
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 10px;
        padding: 0;
    }

    .thankyou-container p {
        color: #666666;
        font-size: 22px;
        line-height: 22px;
        text-align: center;
        font-weight: 300;
    }

        .thankyou-container p span {
            color: #ff6d00;
            font-weight: 700;
        }

        .thankyou-container p.text-2 {
            font-size: 17px;
            line-height: 17px;
        }

        .thankyou-container p a {
            font-weight: 700
        }

    .thankyou-container .greyBg p {
        text-align: left
    }

.loan-form-container .loan-detail-outer .loan-application-form .uploadFileField label {
    display: inline-block;
    color: #ff6d00;
    padding: 0;
    min-width: 105px
}

.loan-form-container .loan-detail-outer .loan-application-form .uploadFileField .flat-field {
    padding: 15px
}

.uploadButton {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 0;
    font-size: 14px;
    background: transparent;
    color: #788991;
    border: none;
    border-radius: 0;
    vertical-align: middle;
    font-weight: 400;
}

    .uploadButton input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .uploadButton span:before {
        width: 42px;
        height: 42px;
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: url(../images/sprite.png) no-repeat -144px -44px;
        margin-right: 6px;
    }

.bankMiniInfo li {
    padding: 0 20px
}

    .bankMiniInfo li .box {
        padding: 20px
    }

    .bankMiniInfo li.rp-bankLogo .box {
        border-radius: 0
    }

        .bankMiniInfo li.rp-bankLogo .box img { /*max-height:30px*/
        }

    .bankMiniInfo li.rp-loanAmount .box, .bankMiniInfo li.rp-interestRate .box, .bankMiniInfo li.rp-processFee .box {
        background: #f7f7f7
    }

    .bankMiniInfo li.rp-bankLogo .box, .bankMiniInfo li.rp-loanTenure .box, .bankMiniInfo li.rp-emi .box {
        background: #fff;
    }

    .bankMiniInfo li p {
        font-size: 17px;
        color: #444;
        line-height: 17px;
        text-align: left;
        margin-left: 40px;
    }

        .bankMiniInfo li p span {
            font-size: 13px;
            line-height: 14px;
            color: #788991;
            display: block
        }

    .bankMiniInfo li i {
        width: 34px;
        height: 34px;
        display: inline-block;
        vertical-align: middle;
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        float: left
    }

    .bankMiniInfo li.rp-loanAmount i {
        background-position: -187px -44px
    }

    .bankMiniInfo li.rp-loanTenure i {
        background-position: -222px -44px
    }

    .bankMiniInfo li.rp-emi i {
        background-position: -292px -44px
    }

    .bankMiniInfo li.rp-interestRate i {
        background-position: -257px -44px
    }

    .bankMiniInfo li.rp-processFee i {
        background-position: -327px -44px
    }

.device-step4-detail {
    display: none
}

    .device-step4-detail .bankMiniInfo {
        background: none;
        padding: 0 30px;
    }

        .device-step4-detail .bankMiniInfo li {
            float: left;
            background: #f8f8f8;
            height: 75px;
            width: 33.333333%;
            border: 1px solid #e5e5e5;
            padding: 0;
            border-left: 0;
        }

            .device-step4-detail .bankMiniInfo li i {
                display: none
            }

            .device-step4-detail .bankMiniInfo li p {
                margin: 0
            }

            .device-step4-detail .bankMiniInfo li .box {
                background: #f8f8f8;
            }

            .device-step4-detail .bankMiniInfo li.rp-bankLogo {
                border-left: 1px solid #e5e5e5
            }

            .device-step4-detail .bankMiniInfo li.rp-interestRate {
                border-left: 1px solid #e5e5e5
            }

            .device-step4-detail .bankMiniInfo li.rp-bankLogo .box {
                border-radius: 0;
                line-height: 30px;
            }

                .device-step4-detail .bankMiniInfo li.rp-bankLogo .box img {
                    display: inline-block;
                    max-height: 25px;
                }

            .device-step4-detail .bankMiniInfo li.rp-bankLogo, .device-step4-detail .bankMiniInfo li.rp-loanTenure, .device-step4-detail .bankMiniInfo li.rp-loanAmount {
                border-bottom: 0;
            }

    .device-step4-detail .rp-helpBlock {
        padding: 0
    }

.feedback-submit-block {
    background: #f7f7f7;
    margin-bottom: 20px
}

    .feedback-submit-block .box {
        padding: 30px;
    }

    .feedback-submit-block h4 {
        color: #252525;
        font-size: 24px;
        line-height: 24px;
        font-weight: 300
    }

    .feedback-submit-block p {
        font-size: 16px;
        color: #3f3f3f;
        line-height: 16px;
        font-weight: 300;
        margin-bottom: 20px
    }

.rating-block {
    margin-bottom: 20px
}

    .rating-block .rp-symbol {
        display: inline-block;
        border-radius: 50%;
        border: 3px solid #53b168;
        width: 20px;
        height: 20px;
        margin-right: 4px;
        cursor: pointer;
    }

    .rating-block .rp-symbol-empty {
        background-color: #fff;
    }

    .rating-block .rp-symbol-filled {
        background-color: #53b168;
    }

.table-view .tr .trBot .custom-rating {
    position: absolute;
    right: 15px;
    top: 7px;
}

    .table-view .tr .trBot .custom-rating .text {
        font-size: 9px;
        display: inline-block;
        margin-right: 5px;
        position: relative;
        top: -2px;
    }

.custom-rating span {
    padding: 0 !important
}

.custom-rating .rp-symbol {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #53b168;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 0 !important;
    /* cursor:pointer;*/ padding: 0 !important;
}

.custom-rating .rp-symbol-empty {
    background-color: #fff;
}

.custom-rating .rp-symbol-filled {
    background-color: #53b168;
}

.rp-helpBlock {
    padding: 20px;
}

    .rp-helpBlock .box { /*background:#a9d9fd;*/
        padding: 20px;
        border-radius: 0;
    }

        .rp-helpBlock .box h4 {
            font-size: 20px;
            font-weight: 700;
            color: #023d8f;
            line-height: 20px;
            margin: 0 0 10px;
        }

        .rp-helpBlock .box p {
            font-size: 16px;
            color: #666666;
            line-height: 20px;
            text-align: left;
            margin: 0 0 15px
        }

.loan-form-container .loan-steps-outer .step-counts li a.disable {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=80);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .80;
}

.loan-form-container .loan-detail-seprator.thankyouBlock-container {
    float: left;
    width: 100%;
}

body.form-thankyou {
    padding: 0
}

.loan-form-container .loan-steps-outer.loanStepThankyou .theiaStickySidebar {
    top: 0 !important
}

.mob-helper-text {
    color: #6f90a9;
    font-size: 16px;
    line-height: 20px;
    background: #89C3EF;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    border-radius: 0;
    margin: 0;
    padding: 10px 20px;
    line-height: 16px;
    font-size: 13px;
    padding-left: 45px;
    display: none
}

    .mob-helper-text:before {
        width: 30px;
        height: 30px;
        content: '?';
        background: #ff6d00;
        border-radius: 100%;
        display: inline-block;
        line-height: 30px;
        text-align: center;
        font-weight: 700;
        color: #fff;
        font-size: 20px;
        position: absolute;
        left: 10px;
    }
/*CREDIT CARD*/
.arrow-right {
    width: 7px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -13px -108px;
    text-indent: -9999px;
    margin-left: 10px;
    margin-top: -1px
}

.ic-cashback {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -188px -79px;
    text-indent: -9999px;
}

.ic-fuel {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -222px -79px;
    text-indent: -9999px;
}

.ic-lifestyle {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -256px -79px;
    text-indent: -9999px;
}

.ic-shopping {
    width: 33px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) no-repeat -290px -79px;
    text-indent: -9999px;
}

.helping-text-new {
    color: #597285;
    font-size: 16px;
    line-height: 20px;
    background: #a9d9fd;
    position: relative;
    border-radius: 0;
    padding: 15px;
    margin: 20px
}

.cc-container {
    margin: 0 -15px;
    float: left;
}

    .cc-container li {
        float: left;
        width: 50%;
        margin: 20px 0 0 0;
        position: relative;
        padding: 0 15px
    }

        .cc-container li .btn {
            text-transform: capitalize;
            font-size: 13px;
            padding: 10px 18px 11px;
            line-height: 13px;
            vertical-align: middle
        }

    .cc-container .cc-holder .box {
        margin-bottom: 15px
    }

    .cc-container .cc-holder .cc-img {
        float: left;
        width: 175px;
        height: 100px
    }

    .cc-container .cc-holder .cc-action {
        margin-left: 175px
    }

    .cc-container .cc-holder .cc-compare {
        background: #f7f7f7;
        padding: 6px 10px 8px;
        text-align: center;
        border-radius: 0;
        display: inline-block; /*margin:10px 0*/
    }

    .cc-container .cc-holder .arrow-right {
        width: 5px;
        height: 9px;
        background-position: -21px -110px;
        margin-left: 20px
    }

    .cc-container .cc-holder input[type=checkbox].css-checkbox + label.css-label, .cc-container .cc-holder input[type=checkbox].css-checkbox + label.css-label.clr {
        margin: 0;
        line-height: 15px
    }

    .cc-container .cc-holder .card-type {
        font-size: 13px;
        line-height: 16px;
        color: #788991
    }

    .cc-container .cc-holder .card-name {
        font-size: 20px;
        line-height: 20px;
        min-height: 37px;
        color: #000;
        font-weight: 300;
    }

    .cc-container .cc-holder .cc-feat-list {
        margin: 20px 0 15px 0px; /*min-height: 150px;*/
    }

        .cc-container .cc-holder .cc-feat-list li {
            padding: 0 0 0 15px;
            float: none;
            width: 100%;
            color: #888888;
            font-size: 13px;
            line-height: 18px;
            margin: 0 0 15px;
            position: relative;
            vertical-align: top
        }

            .cc-container .cc-holder .cc-feat-list li:last-child {
                margin: 0
            }

            .cc-container .cc-holder .cc-feat-list li:before {
                width: 10px;
                height: 10px;
                content: '';
                display: inline-block;
                vertical-align: middle;
                border-radius: 100%;
                background: #b2b2b2;
                position: absolute;
                left: 0;
                top: 5px
            }

            .cc-container .cc-holder .cc-feat-list li strong {
                font-weight: 700;
                color: #777;
            }

    .cc-container .cc-holder .cc-footer {
        background: #fafafa;
        padding: 10px 12px;
        height: 47px;
        position: relative
    }

        .cc-container .cc-holder .cc-footer .viewMore {
            font-size: 13px;
            position: absolute;
            right: 12px;
            top: 17px
        }

        .cc-container .cc-holder .cc-footer ul {
            margin: 0
        }

            .cc-container .cc-holder .cc-footer ul li {
                margin: 0 8px 0 0;
                padding: 0;
                float: left;
                width: auto;
            }

    .cc-container .cc-feat-more {
        display: none
    }

.cc-compare-checkbox {
    margin-top: 2px !important;
}

.cc-compare-label {
    color: #ADADAD;
    font-size: 13px !important;
    font-weight: 400 !important;
    vertical-align: middle;
}

.cc-fs {
    border: 1px solid #dadfe1;
    position: relative;
}

    .cc-fs .cc-benefit {
        float: left;
        width: 75%;
        padding: 0 0 0 15px;
        height: 120px
    }

    .cc-fs .cc-divider {
        float: left;
        position: absolute;
        left: -19px;
        top: 40px;
        z-index: +1;
    }

    .cc-fs .cc-bankdd {
        float: left;
        position: relative;
        width: 25%;
        padding: 0 0 0 15px;
        border-left: 1px solid #dadfe1;
        height: 120px
    }

    .cc-fs .cc-benefit ul {
        margin: 0;
        padding: 0;
    }

    .cc-fs label {
        display: block;
        font-size: 12px !important;
        padding: 15px 0 5px;
        color: #ff6d00;
        font-size: 12px;
        font-weight: 600;
    }

    .cc-fs .cc-bankdd label {
        padding: 15px 15px 5px
    }

    .cc-fs .cc-benefit ul li {
        display: inline-block; /*margin:0 30px 0 0;*/
        width: 13.3%;
        padding: 0;
        text-align: center;
    }

        .cc-fs .cc-benefit ul li a {
            font-size: 13px;
            color: #788991;
        }

        .cc-fs .cc-benefit ul li.active img {
            border: 2px solid #ff6d00;
            width: 40px;
            height: 40px;
            border-radius: 100%
        }

        .cc-fs .cc-benefit ul li.active a {
            color: #ff6d00
        }

    .cc-fs .cc-bankdd .select2-container .select2-selection--single {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: 0;
        border-radius: 0;
        height: 25px;
        margin-bottom: 10px;
    }

    .cc-fs .cc-bankdd .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 15px;
        padding-right: 25px;
        color: #bfc2c3;
        font-size: 14px;
        line-height: 25px;
    }

    .cc-fs .cc-bankdd .select2-container--default .select2-selection--single .select2-selection__arrow {
        width: 12px;
        height: 7px;
        top: 4px;
        right: 15px
    }

        .cc-fs .cc-bankdd .select2-container--default .select2-selection--single .select2-selection__arrow b {
            width: 12px;
            height: 7px;
            background: url(../images/select-dd.png) no-repeat;
        }

.inline-radioBtn {
    padding: 2px 15px 10px
}

    .inline-radioBtn label {
        padding: 0;
        margin-right: 25px
    }

.loan-form-container .loan-detail-outer .rp-terms.rp-tlarge {
    min-height: 70px
}

    .loan-form-container .loan-detail-outer .rp-terms.rp-tlarge label {
        line-height: 18px;
    }

.single-cc-holder {
    padding: 20px
}

    .single-cc-holder .box {
        background: #f7f7f7;
        padding: 20px
    }

        .single-cc-holder .box .img {
            margin-bottom: 20px;
        }

            .single-cc-holder .box .img img {
                border-radius: 4px
            }

    .single-cc-holder .card-type {
        font-size: 13px;
        line-height: 16px;
        color: #788991
    }

    .single-cc-holder .card-name {
        font-size: 18px;
        line-height: 18px;
        color: #000;
        font-weight: 300;
        margin: 0 0 10px
    }

.cc-compareBand {
    position: fixed;
    top: 0;
    height: 116px;
    width: 100%;
    padding: 16px 0;
    background: #7f7f7f;
    left: 0;
    z-index: 9999;
    display: none;
}

.cc-comp-text {
    width: 18%;
    float: left;
    color: #fff;
    font-size: 18px;
    padding-left: 20px;
    margin-top: 12px;
    font-weight: 600;
}

.cc-compareBand .cc-holder {
    float: left;
    width: 75%;
    margin-left: 7.5%;
}

.cc-compareBand .button-box {
    width: 15%;
    margin-left: 1%;
    float: left;
    margin-top: 18px;
}

    .cc-compareBand .button-box .btn {
        text-transform: capitalize;
        font-size: 13px;
        width: 120px;
        text-align: left;
        margin: 5px 0;
        padding: 10px 18px 11px;
        line-height: 13px;
        vertical-align: middle;
        display: block
    }

    .cc-compareBand .button-box .arrow-right {
        width: 5px;
        height: 9px;
        background-position: -21px -110px;
        margin-left: 20px
    }

    .cc-compareBand .button-box .btn-compare {
        background: #ff6d00
    }

.cc-compareBand .cc-holder li {
    float: left;
    width: 31.333333%;
    margin-right: 2%;
    padding-right: 17px;
    position: relative;
}

    .cc-compareBand .cc-holder li .card-holder {
        float: left;
        width: 130px;
        position: relative
    }
    /*.cc-compareBand .cc-holder li .card-holder img{ border-radius:4px;border:5px solid #fff;}*/
    .cc-compareBand .cc-holder li .cc-detail {
        margin-left: 146px;
        position: relative;
    }

        .cc-compareBand .cc-holder li .cc-detail .card-name {
            font-size: 13px;
            color: #fff;
            line-height: 16px;
            font-weight: 300
        }

            .cc-compareBand .cc-holder li .cc-detail .card-name span {
                display: block;
                font-weight: 700
            }

    .cc-compareBand .cc-holder li .box {
        position: relative
    }

    .cc-compareBand .cc-holder li .close {
        width: 25px;
        height: 25px;
        display: block;
        background: url(../images/sprite.png) no-repeat -48px -78px;
        text-indent: -9999px;
        position: absolute;
        left: -13px;
        top: 27px;
        opacity: 1;
        border: 0;
    }

    .cc-compareBand .cc-holder li .add-card {
        border: 1px solid #d8d8d8;
        height: 100px;
        padding-top: 28px;
        margin-left: 6%;
        border-radius: 7px;
        vertical-align: middle;
        width: 55%;
        color: #ffffff;
        height: 84px;
        text-align: center;
    }

        .cc-compareBand .cc-holder li .add-card h2 {
            font-size: 16px;
            color: #d8d8d8;
        }

.cc-container .cc-holder .cc-mob-compare.cc-compare, .cc-mob-compare, .cc-mob-footer, .cc-mob-feat {
    display: none
}

#cbShowHide {
    display: none
}

.compareModal.in {
    padding-right: 0 !important
}

.compareModal .modal-dialog {
    width: 100%;
    height: 100%; /*background:#fff;*/
    background: none !important;
    margin: 0 auto
}

.compareModal .modal-content {
    max-width: 100%
}

.compareModal .modal-body {
    padding: 80px 60px 60px 60px;
    margin: 0 auto;
    background: #fff; /*background:rgba(255, 255, 255, 0.5);*/
}

.compare-cards {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
    color: #023d8f;
    font-size: 22px;
    padding: 15px 0 15px 0px;
    position: fixed;
    z-index: 99;
    margin: 0 auto;
    width: 100%;
}

.compareModal .close { /*width:31px; height:28px;*/
    z-index: 999;
    color: #ff6d00;
    font-size: 18px;
    font-weight: normal;
    /*background:url(../images/sprite.png) no-repeat -43px -108px;*/ outline: 0;
    opacity: 1;
    position: absolute;
    top: 23px;
    text-decoration: underline;
    right: 6.5%;
    float: none;
}

.compareModal button span.arrow-right {
    background: url(../images/sprite.png) no-repeat -43px -121px;
    width: 18px;
}

.cc-cresult {
    margin: 0 auto;
    max-width: 1040px;
}

    .cc-cresult .col {
        float: left;
        width: 33.3333333%;
        padding: 0 15px;
        position: relative;
    }

        .cc-cresult .col .box {
            border-bottom: 1px dashed #ff6d00;
        }

            .cc-cresult .col .box .cc-head {
                background: #fff;
                border: 1px dashed #ff6d00;
                padding: 31px 15px 20px;
                text-align: center;
                border-radius: 0
            }

                .cc-cresult .col .box .cc-head img {
                    border-radius: 4px;
                    margin-bottom: 10px
                }

                .cc-cresult .col .box .cc-head p {
                    color: #023a88;
                    font-size: 20px;
                    line-height: 20px;
                    min-height: 57px;
                }

            .cc-cresult .col .box ul {
                border-left: 1px dashed #ff6d00;
                background: #fff;
                border-right: 1px dashed #ff6d00;
            }

                .cc-cresult .col .box ul li {
                    padding: 15px;
                    position: relative;
                }

                    .cc-cresult .col .box ul li.heading {
                        background: #f7f7f7;
                        font-size: 18px;
                        line-height: 18px;
                        vertical-align: middle;
                        color: #333;
                        margin-bottom: 10px;
                    }

                        .cc-cresult .col .box ul li.heading i {
                            margin-right: 5px;
                            margin-top: 0;
                        }

                    .cc-cresult .col .box ul li p {
                        color: #666666;
                        font-size: 15px;
                        line-height: 20px;
                        padding-left: 20px;
                        margin: -10px 0 0;
                    }

                        .cc-cresult .col .box ul li p:before {
                            width: 10px;
                            height: 10px;
                            display: inline-block;
                            content: '';
                            background: #008be0;
                            border-radius: 100%;
                            position: absolute;
                            left: 15px;
                            top: 12px
                        }

body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

body.credit-card-page .btn-default {
    text-transform: capitalize
}

body.credit-card-page .loan-form-container {
    margin-bottom: 0
}

    body.credit-card-page .loan-form-container .loan-detail-outer .title {
        padding: 30px 30px 0
    }

.loanFormWrapper .dob-input.dob-input-2.dob-input-3 .col-small {
    width: 50%
}

#sh-mobcompareBox {
    background: url(../images/compare.jpg) no-repeat;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    top: 50px;
    right: -100px;
    position: fixed;
    display: none
}

#applyBtnMob {
    display: none
}

.mail-me-qoutes {
    background: #f7f7f7;
    padding: 10px;
    text-align: right;
    font-size: 17px;
    line-height: 17px;
    font-weight: 300
}

    .mail-me-qoutes a:after {
        width: 15px;
        height: 10px;
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: url(../images/sprite.png) no-repeat -43px -108px;
        margin-left: 5px;
    }

    .mail-me-qoutes i {
        margin-right: 5px
    }

.icon-mailme {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -216px -140px;
}

.icon-question {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -188px -140px;
}

.fav-button {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: url(../images/sprite.png) no-repeat -217px -113px;
    text-indent: -9999px;
}

    .fav-button.active {
        background-position: -192px -113px;
    }

.fav-button-numeric-2 {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: url(../images/sprite.png) no-repeat -428px -336px;
    text-indent: -9999px;
}

.fav-button-numeric-3 {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: url(../images/sprite.png) no-repeat -454px -336px;
    text-indent: -9999px;
}

.fav-button-numeric {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: url(../images/sprite.png) no-repeat -217px -113px;
    text-indent: -9999px;
}

    .fav-button-numeric.active {
        background-position: -192px -113px;
    }


.cc-compareBand .cc-holder li .card-holder .fav-button {
    position: absolute;
    left: -11px;
    bottom: -2px;
}

.cc-compareBand .cc-holder li .card-holder .fav-button-numeric-2, .cc-compareBand .cc-holder li .card-holder .fav-button-numeric-3 {
    position: absolute;
    left: -11px;
    bottom: -2px;
}

.cc-compareBand .cc-holder li.not-active {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#mob-cc-category {
    display: none;
    color: #788991
}

    #mob-cc-category .ic-arrow-down {
        float: right;
        margin-top: 10px;
    }

.ic-arrow-down {
    background: url(../images/select-dd.png) no-repeat;
    width: 12px;
    height: 7px;
    display: inline-block;
    margin-left: 5px;
}

.compareModal.selectCardModal .cc-cresult h3 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px
}

.compareModal.selectCardModal .cc-cresult .col .box {
    border: 1px solid #f7f7f7
}

    .compareModal.selectCardModal .cc-cresult .col .box .cc-head {
        background: #f7f7f7
    }

        .compareModal.selectCardModal .cc-cresult .col .box .cc-head p {
            color: #444
        }

    .compareModal.selectCardModal .cc-cresult .col .box.active {
        border: 1px solid #ff6d00
    }

    .compareModal.selectCardModal .cc-cresult .col .box .chooseBtn {
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
        display: inline-block;
        background-position: -217px -113px
    }

        .compareModal.selectCardModal .cc-cresult .col .box .chooseBtn.active {
            background-position: -192px -113px;
        }

.compareModal .btn {
    display: inline-block;
    color: #fff;
    width: auto
}

    .compareModal .btn:hover, .compareModal .btn:hover:focus, .compareModal .btn:active {
        color: #fff
    }

#page-loader {
    position: fixed;
    top: 0;
    bottom: 0%;
    left: 0;
    right: 0%;
    background-color: white;
    z-index: 99999;
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0.97;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=97)";
    filter: alpha(opacity=97);
    -moz-opacity: 0.97;
    -khtml-opacity: 0.97;
    display: none
}

    #page-loader div {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        color: #ff6d00;
        font-weight: 400;
    }

.spinner-container {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
}

    .spinner-container .loader-img {
        width: 60px;
    }

.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 30px auto 0;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #ff6d00;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.select2-container--default .select2-selection--multiple {
    border: 0;
    border-radius: 0;
    cursor: pointer
}

.select2-selection__rendered {
    height: 30px;
    overflow: hidden;
    padding: 0 15px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    width: auto !important;
    height: auto !Important;
    min-height: 10px !important;
    margin: 0 5px 0 0;
    padding: 0px 3px;
    font-size: 12px;
    border-radius: 0;
}

.disabled-field {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)";
    filter: alpha(opacity=0.4);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    cursor: pointer
}

.been-here-link {
    color: #666;
    font-size: 17px;
    float: right;
    margin-top: 15px;
    font-weight: 400;
}

.rp-slope-header {
    background: #023d8f;
    padding: 60px 0 30px;
    position: relative;
    margin-bottom: 50px;
    z-index: 23
}

    .rp-slope-header .header-content {
        padding-right: 170px;
        position: relative
    }

        .rp-slope-header .header-content h1 {
            font-size: 40px;
            font-weight: 300;
            line-height: 40px;
            color: #fff;
            margin: 0;
        }

        .rp-slope-header .header-content p {
            color: #fff;
            font-size: 18px;
            font-weight: 300;
            line-height: 26px;
        }

    .rp-slope-header .rp-circle {
        width: 150px;
        height: 150px;
        border-radius: 100%;
        background: #ff6d00;
        position: absolute;
        right: 0;
        top: -20px
    }

    .rp-slope-header:after {
        background-color: #005cdd;
        height: 20px;
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        left: -5px;
        bottom: -99px;
        -moz-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    .rp-slope-header:before {
        background-color: #023D8F;
        height: 80px;
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        bottom: -80px;
        left: -5px;
        -moz-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

.ie8 .rp-slope-header:before, .ie8 .rp-slope-header:after {
    display: none
}

.rp-slope-header .header-content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    margin: 0;
}

.about-continer {
    padding: 80px 0 30px;
    background: #fff
}

    .about-continer p {
        font-size: 18px;
        line-height: 28px;
        color: #999;
        font-weight: 300;
        margin-bottom: 30px
    }

    .about-continer h2 {
        font-size: 30px;
        line-height: 30px;
        color: #333;
        font-weight: 300;
        margin-bottom: 20px
    }

    .about-continer .bullet-list {
        margin-bottom: 30px
    }

.our-mission-block {
    margin: 0 -20px
}

    .our-mission-block li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 0 20px
    }

        .our-mission-block li img {
            margin: 0 0 10px
        }

        .our-mission-block li p {
            font-size: 16px;
            line-height: 18px
        }

.about-continer h3 {
    color: #333;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
}

.team-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .team-list li {
        float: left;
        text-align: center;
        padding: 0 10px;
        margin: 0 70px 20px;
        width: 20%;
        position: relative
    }

        .team-list li img {
            border-radius: 100%;
            max-height: 200px;
        }

        .team-list li .text-content {
            position: relative;
            max-height: 200px;
            max-width: 200px;
        }

        .team-list li .team-hover-text {
            background: url(../images/orange-overlay80.png) repeat;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            opacity: 0;
            -webkit-transition: all 300ms ease-out;
            -moz-transition: all 300ms ease-out;
            -o-transition: all 300ms ease-out;
            -ms-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
        }

        .team-list li:hover .team-hover-text {
            opacity: 1;
        }

        .team-list li .team-hover-text h3 {
            font-size: 18px;
            color: #fff;
            font-weight: 700;
            line-height: 18px;
            margin-top: 85px;
        }

        .team-list li .team-hover-text p {
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            font-weight: 300;
            margin: 0;
        }

.terms-continer {
    padding: 80px 0 30px;
    background: #fff
}

    .terms-continer p {
        font-size: 15px;
        line-height: 25px;
        color: #666666;
        font-weight: 300;
        margin-bottom: 30px
    }

    .terms-continer h2 {
        font-size: 26px;
        line-height: 30px;
        color: #333;
        font-weight: 300;
        margin-bottom: 20px
    }

.team-list li .team-hover-text h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    margin-top: 85px;
}

.terms-continer .count {
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    vertical-align: middle;
    background: #ff6d00;
    display: inline-block;
    margin-right: 5px;
    color: #fff;
    font-weight: 300;
    border-radius: 100%;
    font-size: 16px;
    position: relative;
    top: -2px;
}

.terms-continer .bullet-list li {
    font-size: 15px;
    color: #666666;
    line-height: 25px;
}

.terms-continer .bullet-list {
    margin-bottom: 30px
}

.bullet-list li {
    font-size: 18px;
    line-height: 28px;
    color: #999;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}

    .bullet-list li:before {
        width: 12px;
        height: 12px;
        display: inline-block;
        content: '';
        background: #ff6d00;
        position: absolute;
        left: 0;
        top: 10px;
        border-radius: 100%
    }

.our-team-block {
    background: #023d8f;
    padding: 110px 0;
    margin: 0;
    position: relative
}

    .our-team-block:after {
        background-color: #e5e5e5;
        height: 60px;
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        left: -5px;
        bottom: -55px;
        -moz-transform: rotate(2deg);
        -webkit-transform: rotate(2deg);
        -o-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }

    .our-team-block:before {
        background-color: #fff;
        height: 60px;
        content: '';
        display: block;
        position: absolute;
        width: 200%;
        left: -5px;
        top: -55px;
        -moz-transform: rotate(-2deg);
        -webkit-transform: rotate(-2deg);
        -o-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }

.ie8 .our-team-block:before, .ie8 .our-team-block:after {
    display: none
}

.our-team-block h2 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 20px
}

.our-team-block p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 30px
}

.about-continer .team-list {
    margin: 0;
    padding: 0;
    list-style: none
}

    .about-continer .team-list li {
        float: left;
        text-align: center;
        padding: 0 10px;
        width: 20%;
    }

        .about-continer .team-list li img {
            border-radius: 100%;
            max-height: 200px;
        }

.our-team-block h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
}

#map-holder {
    width: 100%;
    height: 500px;
    z-index: 22
}

.map-canvas {
    position: relative
}

    .map-canvas address {
        background: url(../images/blue-overlay-80.png) repeat;
        position: absolute;
        right: 45px;
        bottom: 45px;
        padding: 15px;
        color: #fff;
        z-index: 24
    }

        .map-canvas address h2 {
            font-weight: 700;
            font-size: 18px;
            text-transform: uppercase
        }

        .map-canvas address p {
            font-weight: 300
        }

.select2-container ul {
    padding: 0 !important;
    overflow-x: hidden !important
}

.select2-container li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px !important;
    min-height: inherit !important;
    margin: 0 !important;
}

.book-time-slot {
    margin: 0 -10px
}

    .book-time-slot .col {
        float: left;
        width: 50%;
        padding: 0 10px;
        min-height: inherit
    }

        .book-time-slot .col .flat-field {
            background: #fff;
        }

        .book-time-slot .col .form-control {
            margin: 0;
            padding: 15px;
        }

            .book-time-slot .col .form-control.dob-field {
                padding: 15px 50px 15px 15px
            }

    .book-time-slot .col-small {
        width: 33.3333333%;
        float: left;
        border-right: 1px solid #dadfe1 !important;
    }

        .book-time-slot .col-small.last {
            border-right: 0 !important
        }
/*IMAGE TRANSFORM*/
/*.transformImg img{
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}*/
.transformImg:hover img {
    border: 2px solid #ff6d00;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    /* -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -ms-transform:scale(1.5);
    -o-transform:scale(1.5);
    transform:scale(1.1);*/
}

.disableInput {
    background: #f7f7f7 !important
}

    .disableInput input, .disableInput .select2-selection__rendered {
        background: #f7f7f7 !important;
        color: #f9f9f9
    }

#matchbox_send_quote_loader {
    color: #059005;
    font-size: 14px
}

.contact-bar-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 90%;
    z-index: 99;
}

.contact-bar {
    margin-right: 100px;
    border-radius: 4px 0 0 0;
    display: none
}

    .contact-bar .col {
        float: left;
        height: 100px;
    }

        .contact-bar .col.col1 {
            width: 15%;
            background: #999999;
            border-radius: 4px 0 0 0;
            padding: 20px;
            height: 110px
        }

            .contact-bar .col.col1 p {
                color: #fff;
                font-size: 20px;
                line-height: 20px;
                font-weight: 300;
            }

        .contact-bar .col.col2 {
            width: 45%;
            background: #fff;
            padding: 35px 30px 0;
            height: 110px
        }

        .contact-bar .col.col3 {
            width: 40%;
            background: #fafcfb;
            padding: 35px 30px 0;
            height: 110px
        }

            .contact-bar .col.col3 h3 {
                font-size: 16px;
                color: #777777;
                line-height: 16px;
                font-weight: 700;
            }

                .contact-bar .col.col3 h3 span {
                    font-size: 13px;
                    font-weight: 300;
                }

                .contact-bar .col.col3 h3 .ic-call {
                    float: left;
                    margin-right: 10px;
                }

    .contact-bar .form-control {
        background: #fff;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        padding: 0 100px 0 0;
        font-size: 18px;
        color: #888;
        font-weight: 300;
    }

    .contact-bar .btn {
        font-size: 13px;
        padding: 10px 15px;
        position: absolute;
        right: 0;
        top: 0;
    }

.contact-fixed {
    width: 90px;
    height: 65px;
    background: #023a88;
    line-height: normal;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
}

#device-contact {
    width: 100%;
    display: block;
    background: #023a88;
    line-height: normal;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    display: none
}

.contact-fixed i {
    margin-top: 14px;
}

.contact-fixed:hover, .contact-fixed:focus {
    color: #fff
}

.contact-bar-blocker, .device-contact-bar-blocker {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99991;
    left: 0;
    top: 0;
    border: 0;
    right: 0;
    background: #2e2e2e;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;
    display: none
}

#whatsappUrl {
    width: 56px;
    height: 56px;
    background: url(../images/whatsapp.png) no-repeat left top;
    display: block;
    vertical-align: middle;
    text-indent: -9999px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99;
    display: none
}

.banner-pl {
    background: url(../images/pl-banner-wide.jpg) no-repeat center top;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-attachment: fixed;
}
/*CONTACT BAR NEW*/
.contact-bar .col-left {
    width: 20%;
    float: left;
    background: #999999;
    border-radius: 4px 0 0 0;
    padding: 30px 20px;
    height: 110px
}

    .contact-bar .col-left p {
        color: #fff;
        font-size: 26px;
        line-height: 26px;
        font-weight: 300;
    }

.contact-bar .col-right {
    float: left;
    width: 80%;
    background: #fff;
    height: 110px
}

    .contact-bar .col-right .inline-radioBtn {
        width: 100%;
        margin-bottom: 10px;
        padding: 0
    }

    .contact-bar .col-right .padding {
        padding: 15px 20px;
    }

    .contact-bar .col-right .colm-1 {
        float: left;
        width: 42%;
        padding-right: 20px
    }

    .contact-bar .col-right .colm-2 {
        float: left;
        width: 42%;
        padding-right: 20px
    }

    .contact-bar .col-right .colm-3 {
        float: left;
        width: 16%;
    }

    .contact-bar .col-right .colm-1 .ic-emailRounded {
        position: absolute;
        left: 0;
        top: 0
    }

    .contact-bar .col-right .colm-2 .ic-call {
        position: absolute;
        left: 0;
        top: 0
    }

    .contact-bar .col-right .colm-2 .ic-documents {
        position: absolute;
        left: 0;
        top: 0
    }

    .contact-bar .col-right .form-control {
        padding: 0;
        border-bottom: 1px solid #e5e5e5;
        color: #666;
        margin-left: 50px;
        width: 85%;
    }

        .contact-bar .col-right .form-control:focus {
            border-color: #ff6d00
        }

    .contact-bar .col-right .btn {
        position: relative;
        top: -15px;
        left: 10px;
        font-size: 19px;
        font-weight: 300;
        line-height: 19px;
        padding: 15px 25px
    }

.contact-bar .contact-bar-sucessMsg {
    background: #fff;
    border-radius: 4px 0 0 0;
    height: 110px;
    text-align: center;
    vertical-align: middle
}

    .contact-bar .contact-bar-sucessMsg .padding {
        padding: 25px 20px
    }

    .contact-bar .contact-bar-sucessMsg h4 {
        font-size: 30px;
        color: #023d8f;
        font-weight: 700;
        margin: 0 0 5px;
    }

    .contact-bar .contact-bar-sucessMsg p {
        font-size: 22px;
        line-height: 22px;
        color: #666666;
        font-weight: 300;
    }

    .contact-bar .contact-bar-sucessMsg .btn {
        top: 35px;
        right: 40px;
        font-size: 19px;
        font-weight: 300;
        line-height: 19px;
        padding: 15px 25px
    }
/*CONTACT BAR NEW END*/

/*CONTACT FORM*/
.contact-form {
    margin: 30px 0
}

    .contact-form .normal-heading {
        margin-bottom: 30px;
        color: #333333
    }

        .contact-form .normal-heading span {
            color: #ff6d00
        }

    .contact-form .flat-field label {
        color: #023d8f;
        font-size: 12px !important;
        font-weight: 600;
        padding: 15px 15px 5px;
        display: block;
    }

    .contact-form .flat-field .inline-radioBtn label {
        padding: 0;
        margin-right: 25px;
    }

    .contact-form .formElements .col-3 {
        margin: 0 -10px 20px
    }

        .contact-form .formElements .col-3 .col {
            float: left;
            width: 33.3333333%;
            padding: 0 10px
        }

    .contact-form .formElements .flat-field.type-selector a {
        color: #788991;
        margin: 0 0 0 10px;
        font-size: 14px;
    }

        .contact-form .formElements .flat-field.type-selector a img {
            margin: 0 5px 0 0
        }

        .contact-form .formElements .flat-field.type-selector a.active {
            color: #ff6d00
        }

            .contact-form .formElements .flat-field.type-selector a.active img {
                border-radius: 100%;
                border: 2px solid #ff6d00
            }

    .contact-form .formElements .flat-field.type-selector {
        padding: 15px
    }

        .contact-form .formElements .flat-field.type-selector label {
            padding: 0;
            display: inline-block
        }

    .contact-form .formElements .common {
        margin-bottom: 20px
    }

    .contact-form .formElements .col-small {
        width: 33.3333333%;
        float: left;
        border-right: 1px solid #dadfe1 !important;
    }

        .contact-form .formElements .col-small:last-child {
            border-right: 0 !important
        }
/*.contact-form .flat-field:hover,.contact-form .flat-field:focus{border-color: #ff6d00;}*/
/*LOAN TABLE*/
.loan-table-wrapper {
    margin-bottom: 30px
}

    .loan-table-wrapper .col {
        padding: 20px;
        float: left;
        width: 15%
    }

    .loan-table-wrapper .th {
        background: #92c56b;
        color: #fff;
        font-weight: 700;
        font-size: 12px;
        margin-bottom: 10px;
    }

        .loan-table-wrapper .th .col {
            border-right: 1px dashed #c2ddaf
        }

            .loan-table-wrapper .th .col.col7 {
                border-right: 0
            }

    .loan-table-wrapper .tr {
        background: #f3f3f3
    }

        .loan-table-wrapper .tr.alternate {
            background: #fdfdfd
        }

    .loan-table-wrapper .col.col1 {
        width: 10%
    }

    .loan-table-wrapper .col.col2 {
        width: 10%
    }

    .loan-table-wrapper .col.col7 {
        width: 20%
    }

    .loan-table-wrapper.calcualtionTable .th {
        text-align: center
    }

    .loan-table-wrapper.calcualtionTable .tr .col {
        color: #717c89;
        padding: 20px 10px;
        text-align: center;
        border-right: 1px solid #fff;
    }

    .loan-table-wrapper.calcualtionTable .col.col1 {
        width: 10%
    }

    .loan-table-wrapper.calcualtionTable .col.col2 {
        width: 15%
    }

    .loan-table-wrapper.calcualtionTable .col.col4 {
        width: 18%
    }

    .loan-table-wrapper.calcualtionTable .col.col7 {
        width: 12%;
        border-right: 0
    }

    .loan-table-wrapper.calcualtionTable .col a {
        font-size: 12px;
        color: #717c89
    }

    .loan-table-wrapper.calcualtionTable .tr.active {
        border: 1px solid #ccc;
        margin-bottom: 10px
    }

        .loan-table-wrapper.calcualtionTable .tr.active .col {
            border-color: #ccc;
        }

    .loan-table-wrapper .more-detail .mtr {
        background: #fff;
        border: 1px solid #ccc;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .loan-table-wrapper .more-detail .mtr .mcol {
            float: left;
            text-align: center;
            width: 15%;
            padding: 10px;
            font-size: 12px;
            color: #717c89;
            border-right: 1px solid #ccc;
            height: 40px;
        }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol1 {
                width: 10%
            }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol2 {
                width: 15%
            }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol4 {
                width: 18%
            }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol6 {
                width: 15%
            }


.table-bank-info {
    margin: 0 -10px 20px
}

    .table-bank-info li {
        padding: 0 10px;
        width: 25%;
        float: left;
        font-size: 13px;
        color: #788991;
        line-height: 13px;
    }

        .table-bank-info li .box {
            background: #f7f7f7;
            padding: 20px
        }

            .table-bank-info li .box i {
                float: left;
                margin-right: 10px
            }

    .table-bank-info .tb-bank-name img {
        max-height: 30px;
    }

    .table-bank-info .tb-bank-name span, .table-bank-info .tb-loan-amount span, .table-bank-info .tb-intersetrate span, .table-bank-info .tb-tenure span, .table-bank-info .tb-emi span {
        font-size: 17px;
        color: #444444;
        line-height: 20px;
        font-weight: 400
    }

.ico-rupee {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -187px -44px;
}

.ico-tenure {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -222px -44px;
}

.ico-inrate {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -257px -44px;
}

.ico-emi {
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/sprite.png);
    background-repeat: no-repeat;
    background-position: -292px -44px;
}
/*END LOAN TABLE*/
.loan-form-container .loan-detail-outer .title .sub-title {
    font-size: 22px;
    line-height: 24px;
    color: #666666;
    padding-left: 65px;
    margin-top: -12px
}

.document-submission-wrapper {
    margin: 30px;
    padding: 20px;
    background: #f7f7f7;
}

    .document-submission-wrapper h3 {
        font-size: 24px;
        line-height: 26px;
        color: #444;
        font-weight: 300;
        margin: 0 0 20px
    }

    .document-submission-wrapper ul {
        list-style: none;
        margin: 0px;
        padding: 0
    }

        .document-submission-wrapper ul li {
            float: left;
            width: 50%;
            font-size: 12px;
            font-weight: 600;
            margin: 0 0 10px;
            color: #788991;
            padding: 0 10px;
            position: relative;
            padding-left: 20px;
        }

            .document-submission-wrapper ul li:before {
                width: 12px;
                height: 12px;
                border-radius: 100%;
                background: #ff6d00;
                display: inline-block;
                vertical-align: middle;
                content: '';
                position: absolute;
                left: 0;
                top: 3px
            }

            .document-submission-wrapper ul li span {
                color: #ff6d00
            }

.cc-similar-list {
    margin: 0 -10px;
    padding: 0 30px;
    list-style: none
}

    .cc-similar-list li {
        float: left;
        padding: 0 10px;
        width: 33.3333333%
    }

        .cc-similar-list li img {
            margin-bottom: 10px
        }

        .cc-similar-list li span {
            color: #788991;
            font-size: 11px;
            line-height: 12px;
        }

        .cc-similar-list li h4 {
            font-weight: 300;
            color: #333;
            font-size: 16px;
        }

.hlCalc {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -140px -175px;
}

.plCalc {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -189px -175px;
}

.clCalc {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -238px -175px;
}

.laCalc {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -287px -175px;
}

.hiCalc {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-position: -336px -175px;
}
/*LOAN CALCULATOR*/
.loan-calculator-wrapper {
    background: #ff8707;
}

    .loan-calculator-wrapper .left-sidebar {
        width: 18%;
        float: left;
        overflow: hidden
    }

        .loan-calculator-wrapper .left-sidebar .top {
            text-align: center;
            position: relative;
            background: #023d8f;
            padding: 20px 20px 25px;
            overflow: hidden
        }

            .loan-calculator-wrapper .left-sidebar .top h3 {
                color: #fff;
                font-weight: 300;
                font-size: 24px;
                line-height: 24px;
            }

                .loan-calculator-wrapper .left-sidebar .top h3 img {
                    margin-bottom: 5px
                }

    .loan-calculator-wrapper .right-content {
        width: 82%;
        float: left;
        background: #fff;
        min-height: 780px;
    }

        .loan-calculator-wrapper .right-content .box {
            padding: 30px 30px 30px 40px
        }

    .loan-calculator-wrapper .calc-selector {
        padding: 0;
        text-align: center
    }

        .loan-calculator-wrapper .calc-selector li {
            border-bottom: 1px dotted #8dc3fa;
            padding: 25px 20px;
        }

            .loan-calculator-wrapper .calc-selector li:last-child {
                border-bottom: 0
            }

            .loan-calculator-wrapper .calc-selector li a {
                font-size: 16px;
                line-height: 16px;
                color: #fff;
            }

                .loan-calculator-wrapper .calc-selector li a i {
                    margin-bottom: 5px
                }

            .loan-calculator-wrapper .calc-selector li.active.home-loanCalc i {
                background-position: -140px -224px
            }

            .loan-calculator-wrapper .calc-selector li.active.personal-loanCalc i {
                background-position: -189px -224px
            }

            .loan-calculator-wrapper .calc-selector li.active.car-loanCalc i {
                background-position: -238px -224px
            }

            .loan-calculator-wrapper .calc-selector li.active.loan-loanCalc i {
                background-position: -287px -224px
            }

            .loan-calculator-wrapper .calc-selector li.active.health-loanCalc i {
                background-position: -336px -224px
            }

    .loan-calculator-wrapper .right-content .box .normal-heading {
        color: #023d8f;
        font-size: 28px;
        line-height: 28px
    }

    .loan-calculator-wrapper .right-content .leftBlock {
        float: left;
        width: 70%
    }

    .loan-calculator-wrapper .right-content .rightBlock {
        float: left;
        width: 30%
    }

    .loan-calculator-wrapper .right-content .leftBlock .sb-1 .nms-1 {
        margin: 20px 0
    }

        .loan-calculator-wrapper .right-content .leftBlock .sb-1 .nms-1 label {
            display: inline-block;
            color: #ff6d00;
        }

        .loan-calculator-wrapper .right-content .leftBlock .sb-1 .nms-1 .flat-field {
            display: inline-block;
            width: 180px;
            padding: 10px 0;
        }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-horizontal {
        background: transparent !important;
        margin: 0 0 80px;
        width: 90%;
        height: 25px;
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-base {
        z-index: 1;
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-background {
        background: transparent
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-horizontal .noUi-handle {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
        border-radius: 0;
        width: 70px;
        margin-left: 5px;
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-horizontal .noUi-handle {
        top: -5px
    }

    .loan-calculator-wrapper .right-content .leftBlock .flat-field .select2-container .select2-selection--single {
        margin: 0
    }

.pi-graph-block {
    border-radius: 0 0 4px 4px;
    overflow: hidden
}

    .pi-graph-block .innerdg {
        background: #023d8f;
        text-align: center;
        padding: 25px 20px
    }

        .pi-graph-block .innerdg .dg-blck {
            margin: 0 0 15px
        }

    .pi-graph-block .heading {
        background: #f7f7f7;
        border-radius: 4px 4px 0 0;
        font-weight: 300;
        color: #000;
        padding: 25px 20px
    }

    .pi-graph-block .dg-summry {
        text-align: center
    }

        .pi-graph-block .dg-summry h4 {
            font-size: 23px;
            line-height: 23px;
            font-weight: 800;
            color: #fff;
            padding: 20px 0;
            border-bottom: 1px dotted #fff
        }

            .pi-graph-block .dg-summry h4 span {
                font-weight: 300;
                font-size: 15px;
                line-height: 16px;
            }

        .pi-graph-block .dg-summry .total-pay {
            padding-bottom: 0;
            border: 0
        }

    .pi-graph-block .counts {
        margin: 0 0 20px
    }

        .pi-graph-block .counts .priAmount {
            font-size: 11px;
            font-weight: 800;
            line-height: 12px;
            color: #fff;
            padding: 0 10px;
            text-transform: uppercase
        }

        .pi-graph-block .counts .intCount {
            font-size: 11px;
            font-weight: 800;
            line-height: 12px;
            color: #fff;
            padding: 0 10px;
            text-transform: uppercase
        }

        .pi-graph-block .counts .priAmount:before {
            width: 10px;
            height: 10px;
            content: '';
            background: #0689c2;
            border-radius: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

        .pi-graph-block .counts .intCount:before {
            width: 10px;
            height: 10px;
            content: '';
            background: #b5d455;
            border-radius: 100%;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
        }

.loan-calculator-wrapper .calc-wrapper {
    margin-bottom: 30px
}

.emi-payment-scheduling {
    background: #f7f7f7;
}

    .emi-payment-scheduling .padding {
        padding: 15px 30px
    }

    .emi-payment-scheduling .heading {
        float: left;
        font-size: 21px;
        padding: 30px 0 0;
        line-height: 21px;
        vertical-align: middle;
        font-weight: 300;
    }

    .emi-payment-scheduling .filter {
        float: left;
        margin-left: 20px
    }

        .emi-payment-scheduling .filter .col {
            float: left;
            width: 165px;
            background: #fff
        }

            .emi-payment-scheduling .filter .col.col2 .flat-field {
                border-left: 0
            }

.bar-graph-holder {
    margin: 20px 0
}
/*END LOAN CALC*/
/*ERROR 404*/
.npf-page {
    margin: 30px 0;
    padding: 60px 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #023d8f;
    text-align: center;
    color: #fff
}

    .npf-page h2 {
        font-size: 50px;
        line-height: 50px;
        color: #fff;
        font-weight: 300;
        margin: 0 0 30px
    }

    .npf-page p {
        font-size: 24px;
        font-weight: 300;
        color: #ff;
        line-height: 26px;
    }
/*END Error 404*/
/*TRACK APP*/
.track-application-page {
}

.theiaStickySidebar {
    padding-bottom: 0 !important
}

.track-application-page .loan-form-container {
    margin-bottom: 0
}

.app-status-view {
    border: 1px solid #e5e5e5;
    background: #f7f7f7;
    margin-bottom: 20px
}

    .app-status-view h4 {
        padding: 15px;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        border-bottom: 1px solid #e5e5e5
    }

    .app-status-view .app-status-viewList .col {
        float: left;
        padding: 15px 10px;
        border-right: 1px solid #e5e5e5
    }

        .app-status-view .app-status-viewList .col p {
            font-size: 13px;
            color: #788991
        }

            .app-status-view .app-status-viewList .col p span {
                display: block;
                font-size: 14px;
                font-weight: 600;
                color: #34495e
            }

        .app-status-view .app-status-viewList .col.col1 {
            width: 25%
        }

        .app-status-view .app-status-viewList .col.col2 {
            width: 45%
        }

        .app-status-view .app-status-viewList .col.col3 {
            border-right: 0;
            width: 30%
        }

.logoutBtn {
    float: right;
    margin-top: -41px;
    position: relative;
    z-index: +1;
    background: none;
    border: 0px;
    text-transform: capitalize !important;
    font-size: 15px;
    font-weight: 400;
}

.close-form-stat {
    background: #023d8f !important;
    height: 48px;
    line-height: 30px
}

    .close-form-stat a {
        color: #fff !important
    }

        .close-form-stat a:after {
            display: none
        }

.rp-appThk h4 {
    font-size: 24px;
    line-height: 24px;
    color: #023d8f;
    margin-bottom: 10px;
    font-weight: 700
}

.rp-appThk p {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    font-weight: 300;
}
/*HOME CC UPDATES*/
.ico-cashback {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat 0px 0px;
    text-indent: -9999px;
}

.ico-fuel {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -50px 0px;
    text-indent: -9999px;
}

.ico-lifestyle {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -100px 0px;
    text-indent: -9999px;
}

.ico-premium {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -150px 0px;
    text-indent: -9999px;
}

.ico-shopping {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -200px 0px;
    text-indent: -9999px;
}

.ico-travel {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -250px 0px;
    text-indent: -9999px;
}

.ico-nofee {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -351px 0px;
    text-indent: -9999px;
}

.ico-all {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    background: url(../images/cc-benfit-sprite.png) no-repeat -301px 0px;
    text-indent: -9999px;
}

.cc-benefitList a {
    float: left;
    padding: 20px 17px 0;
    vertical-align: middle;
    color: #fff;
    font-size: 15px;
    line-height: 16px;
}

    .cc-benefitList a.active .ico-cashback {
        background-position: 0px -50px;
    }

    .cc-benefitList a.active .ico-fuel {
        background-position: -50px -50px;
    }

    .cc-benefitList a.active .ico-lifestyle {
        background-position: -100px -50px;
    }

    .cc-benefitList a.active .ico-premium {
        background-position: -150px -50px;
    }

    .cc-benefitList a.active .ico-shopping {
        background-position: -200px -50px;
    }

    .cc-benefitList a.active .ico-travel {
        background-position: -250px -50px;
    }

    .cc-benefitList a.active .ico-all {
        background-position: -301px -50px;
    }
/*.cc-benefitList a{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}*/
/*.cc-benefitList a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}*/
/*Articles*/
.article-lists {
    float: left;
    width: 70%;
    border-right: 1px dashed #ff6d00;
    min-height: 870px
}

.article-list-latest {
    float: left;
    width: 30%
}

.article-lists .single-article {
    margin-bottom: 30px
}

    .article-lists .single-article .date {
        font-size: 26px;
        line-height: 20px;
        color: #fff;
        width: 55px;
        font-weight: 800;
        background: #023d8f;
        text-align: center;
        padding: 10px;
        text-transform: uppercase;
        float: left
    }

        .article-lists .single-article .date span {
            font-size: 12px;
            font-weight: 400;
            line-height: 14px;
            display: block;
            padding-top: 4px;
        }

    .article-lists .single-article .article-min {
        margin-left: 75px
    }

        .article-lists .single-article .article-min .post-by {
            margin-bottom: 5px
        }

            .article-lists .single-article .article-min .post-by .userImg {
                width: 40px;
                height: 40px;
                border: 3px solid #fff;
                border-radius: 100%;
                position: relative
            }

            .article-lists .single-article .article-min .post-by span {
                font-size: 10px;
                line-height: 10px;
                font-weight: 700;
                color: #fff;
                background: #023d8f;
                display: inline-block;
                text-transform: uppercase;
                padding: 5px 7px 5px 15px;
                margin-left: -10px
            }

        .article-lists .single-article .article-min h4, .article-lists .single-article .article-min h4 a {
            font-size: 28px;
            line-height: 28px;
            color: #444;
            font-weight: 300;
            margin-bottom: 5px
        }

        .article-lists .single-article .article-min p {
            font-size: 18px;
            line-height: 24px;
            color: #888;
            font-weight: 300
        }

    .article-lists .single-article ul {
        margin: 15px 0
    }

        .article-lists .single-article ul li {
            position: relative;
            padding-left: 20px;
            font-size: 16px;
            color: #888;
            margin: 0 0 5px
        }

            .article-lists .single-article ul li:before {
                width: 10px;
                height: 10px;
                background: #ff6d00;
                border-radius: 100%;
                content: '';
                display: inline-block;
                position: absolute;
                left: 0;
                top: 4px;
            }

.article-list-latest h4 {
    font-size: 20px;
    line-height: 20px;
    color: #788991;
    font-weight: 700;
    padding: 20px
}

.article-list-latest ul li a {
    font-size: 14px;
    display: block;
    color: #444444;
    padding: 20px;
    background: #f7f7f7
}

.article-list-latest ul li.alternate a {
    background: #fff
}

.article-list-latest ul li a span {
    display: block;
    font-size: 10px;
    color: #9ca8ae;
    font-weight: 700;
    text-transform: uppercase
}

.article-list-latest ul li a:hover {
    background: #e5e5e5;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear
}

.single-article.article-detail .article-min {
    margin-left: 0
}

.article-lists .single-article.article-detail .article-min h4, .article-lists .single-article.article-detail .article-min h4 a {
    font-size: 34px;
    line-height: 34px;
}

.article-date {
    font-size: 44px;
    line-height: 44px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: 800;
    padding-top: 20px
}

    .article-date span {
        font-size: 20px;
        line-height: 20px;
        display: inline-block;
        font-weight: 700
    }
/*END ARTICLES*/
/*SHARE ICONS*/
.fb-icon {
    width: 11px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    background-position: 0px -211px
}

.tweet-icon {
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-position: -12px -211px
}

.pin-icon {
    width: 15px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    background-position: -33px -212px
}

.linkdin-icon {
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    background-position: -49px -211px
}

.mail-icon {
    width: 20px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-position: -66px -211px
}

.social-sharer ul li {
    float: none;
    width: 100%;
    text-align: center;
    padding: 10px
}

    .social-sharer ul li a {
        width: 48px;
        height: 48px;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        line-height: 48px;
        background: #fff;
        border-radius: 100%
    }

        .social-sharer ul li a:hover {
            -webkit-transition: background-color 800ms linear;
            -moz-transition: background-color 800ms linear;
            -o-transition: background-color 800ms linear;
            -ms-transition: background-color 800ms linear;
            transition: background-color 800ms linear
        }

    .social-sharer ul li.fb a:hover {
        background: #3b5998
    }

    .social-sharer ul li.twitter a:hover {
        background: #55acee
    }

    .social-sharer ul li.pinit a:hover {
        background: #cc2127
    }

    .social-sharer ul li.linkdin a:hover {
        background: #0077b5
    }

    .social-sharer ul li.mailme a:hover {
        background: #ff6d00
    }

    .social-sharer ul li.fb a:hover .fb-icon {
        background-position: 0px -235px
    }

    .social-sharer ul li.twitter a:hover .tweet-icon {
        background-position: -12px -235px
    }

    .social-sharer ul li.pinit a:hover .pin-icon {
        background-position: -33px -235px
    }

    .social-sharer ul li.linkdin a:hover .linkdin-icon {
        background-position: -49px -234px
    }

    .social-sharer ul li.mailme a:hover .mail-icon {
        background-position: -66px -234px
    }
/*END SHARE ICONS*/
/*ATM LOCATOR*/
.loanFormWrapper .loan-form-container .loan-detail-outer.atm-locator-container .loan-application-form {
    border: 0;
    width: 100%;
    float: none
}

.alf-container .alf-form {
    float: left;
    width: 70%
}

.alf-container .alf-find-button {
    width: 30%;
    float: left;
    padding-left: 30px;
    margin-top: 145px
}

.alf-result-container .alf-result-list {
    float: left;
    width: 50%;
    padding-right: 30px
}

    .alf-result-container .alf-result-list h4 {
        font-size: 24px;
        color: #444;
        line-height: 24px;
        margin: 0 0 30px;
        font-weight: 300;
    }

    .alf-result-container .alf-result-list ul {
        max-height: 400px
    }

        .alf-result-container .alf-result-list ul li {
            margin: 0 0 20px
        }

            .alf-result-container .alf-result-list ul li h5 {
                color: #ff6d00;
                font-size: 17px;
                line-height: 17px;
                margin: 0 0 10px;
                font-weight: 700
            }

            .alf-result-container .alf-result-list ul li p {
                font-size: 15px;
                line-height: 18px;
                color: #666666;
                font-weight: 300
            }

.alf-result-container .alf-map-result {
    float: left;
    width: 50%
}

.atm-locatorIcon {
    margin-top: 10px
}

.ifscIcon {
    margin: 20px 0 0
}

.track-application-page #inputHelpText {
    margin-top: 50px
}

.ifsc-result {
    margin: 0 0 20px
}

    .ifsc-result h4 {
        color: #666666;
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 20px;
        font-weight: 300;
        padding: 20px;
        background: #f7f7f7;
    }

        .ifsc-result h4 span {
            font-weight: 700;
            color: #ff6d00
        }

    .ifsc-result p {
        font-size: 16px;
        line-height: 16px;
        font-weight: 300;
        color: #8c8c8c;
        margin: 0 0 15px
    }

        .ifsc-result p span {
            min-width: 160px;
            display: inline-block;
        }
/*END ATM LCO*/
/*CREDIT CARD SLIDER FILTERS*/
.cc-benefit-sliders {
    padding: 40px
}

    .cc-benefit-sliders .cc-col {
        float: left;
        width: 16.66666666667%;
        position: relative
    }

.cc-slider {
    background: #e5e5e5;
    width: 2px;
    height: 400px;
    margin: 0 auto
}

    .cc-slider .noUi-background {
        background: #e5e5e5
    }

    .cc-slider .noUi-connect {
        background: #e5e5e5
    }

    .cc-slider .noUi-handle {
        width: 50px;
        height: 50px;
        display: inline-block;
        vertical-align: middle;
        background: url(../images/cc-benfit-sprite.png) no-repeat 0px 0px;
        text-indent: -9999px;
        left: -25px;
        top: -25px;
        cursor: pointer
    }

.col-cashback .cc-slider .noUi-handle {
    background-position: 0px -100px;
}

.col-fuel .cc-slider .noUi-handle {
    background-position: -50px -100px;
}

.col-premium .cc-slider .noUi-handle {
    background-position: -100px -100px;
}

.col-shopping .cc-slider .noUi-handle {
    background-position: -150px -100px;
}

.col-lifestyle .cc-slider .noUi-handle {
    background-position: -200px -100px;
}

.col-travel .cc-slider .noUi-handle {
    background-position: -250px -100px;
}

.cc-benefit-sliders .cc-col .slider-title {
    font-size: 14px;
    color: #ff6d00;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    left: -10px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.cc-benefit-sliders .cc-col.col-fuel .slider-title {
    bottom: 10px;
    left: -20px
}

.cc-benefit-sliders .cc-col.col-shopping .slider-title {
    bottom: 30px;
    left: -40px
}

.cc-benefit-sliders .cc-col.col-travel .slider-title {
    bottom: 30px;
    left: -30px
}

.cc-filter-result {
    padding: 30px;
    margin-bottom: 30px;
}

    .cc-filter-result .heading {
        background: #f7f7f7;
        padding: 15px;
        margin: 0 0 20px;
        color: #444;
        font-size: 20px;
        line-height: 20px;
        font-weight: 300
    }

    .cc-filter-result .cc-fListing {
        margin: 0 -15px
    }

        .cc-filter-result .cc-fListing li {
            float: left;
            width: 25%;
            margin: 0 0 30px;
            padding: 0 15px
        }

            .cc-filter-result .cc-fListing li .cc-bankLogo {
                height: 100px;
                width: 100%;
                border: 1px solid #ccc;
                padding: 15px;
                vertical-align: middle;
                text-align: center;
                display: table-cell;
            }

            .cc-filter-result .cc-fListing li.active .cc-bankLogo {
                border-color: #ff6d00
            }

.monthly-expenses-slider {
    margin: 30px 0 50px;
    padding: 0 20px;
    clear: both
}

    .monthly-expenses-slider .noUi-background {
        background: transparent !important
    }

    .monthly-expenses-slider .noUi-horizontal .noUi-handle {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        text-align: center;
        width: 70px;
        margin-left: 5px
    }

    .monthly-expenses-slider .noUi-horizontal {
        background: transparent !important;
        margin: 0;
        width: 100%;
        height: 25px
    }

        .monthly-expenses-slider .noUi-horizontal .noUi-handle {
            top: -6px
        }

    .monthly-expenses-slider .noUi-base {
        z-index: 1
    }

.amount-selector {
    margin: 30px 30px 0 0
}

    .amount-selector:hover .flat-field {
        border-color: #ff6d00
    }

.highcharts-button path {
    stroke-linecap: square;
}

.highcharts-button:hover path {
    stroke: white;
}

.highcharts-button:hover rect {
    fill: #ff6d00;
    stroke: white;
}

.highcharts-contextmenu {
    padding: 10px !important;
    margin: 24px;
}

    .highcharts-contextmenu div {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

    .highcharts-contextmenu hr {
        border: 0;
        background: #ccc;
        height: 1px;
        margin: 0;
    }

.loan-form-container .loan-detail-outer .title h2 {
    position: relative
}

.loan-form-container .loan-detail-outer .title h3 {
    position: relative
}
/*.editIconAbs{ width:26px; height:26px; display:inline-block; vertical-align:middle; text-indent:-9999px; background:url(../images/sprite.png) no-repeat -412px -117px; position:absolute; right:0; top:15px}*/
.editIconAbs {
    width: auto;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    color: #666666; /*background:url(../images/sprite.png) no-repeat -412px -117px;*/
    position: absolute;
    right: 0;
    top: 15px
}

    .editIconAbs span.editIcon {
        background: url(../images/sprite.png) no-repeat -412px -117px;
        width: 26px;
        height: 26px;
        float: right;
        margin-left: 5px;
    }


/*=================7-7-2015=================*/

.profession-li div.flat-field2 {
    float: left;
    width: 100%;
}

.profession-li div.col {
    width: 92%;
    float: left;
}

.profession-li a.col1 {
    width: 29.333%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol1 {
    width: 10%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol1 {
    width: 10%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol1 {
    width: 10%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol1 {
    width: 46%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol2 {
    width: 46%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol3 {
    width: 24%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol4 {
    width: 16%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.coappcol5 {
    width: 16%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.customer {
    padding-left: 15%;
    width: 49%;
    line-height: 43px !important;
    float: left;
}

.profession-li a.col1 img {
    margin: 2px 10px 2px 2px;
}

.profession-li a.col3 {
    width: 30.3333%;
    padding: 0 2%;
    float: left;
    line-height: 43px !important;
}

.profession-li a.col4 {
    width: 35.3333%;
    float: left;
    line-height: 43px !important;
}

.profession-li a span {
    float: left;
}

.profession-li em {
    float: left;
}

.profession-li label.col2 {
    width: 8%;
    float: left;
    line-height: 43px !important;
}

/*================10-7-2015===================*/
.form-control.error {
    border-color: #ff6d00 !important;
}
/*==================10-7-2015==================*/
.icons-4x {
    width: 41px;
    height: 41px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/icon-sprites.png) no-repeat;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.transformImg:hover .icons-4x { /*-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);transform:scale(1.1);*/
}

.mumbai-rpIcon {
    background-position: 0px 0px;
    margin-right: 5px;
}

.bengaluru-rpIcon {
    background-position: -41px 0px;
    margin-right: 5px;
}

.delhi-rpIcon {
    background-position: -82px 0px;
    margin-right: 5px;
}

.ahmedabad-rpIcon {
    background-position: -410px 0px;
    margin-right: 5px;
}

.gurgaon-rpIcon {
    background-position: -328px 0px;
    margin-right: 5px;
}

.chennai-rpIcon {
    background-position: -369px 0px;
    margin-right: 5px;
}

.salaried-rpIcon {
    background-position: -246px 0px;
    margin-right: 5px;
}

.businessman-rpIcon {
    background-position: -205px 0px;
    margin-right: 5px;
}

.professional-rpIcon {
    background-position: -287px 0px;
    margin-right: 5px;
}

.male-rpIcon {
    background-position: -164px 0px;
    margin-right: 5px;
}

.female-rpIcon {
    background-position: -123px 0px;
    margin-right: 5px;
}

.transformImg.active .mumbai-rpIcon, .transformImg.active-focus .mumbai-rpIcon {
    background-position: 0px -41px;
}

.transformImg.active .delhi-rpIcon, .transformImg.active-focus .delhi-rpIcon {
    background-position: -82px -41px;
}

.transformImg.active .bengaluru-rpIcon, .transformImg.active-focus .bengaluru-rpIcon {
    background-position: -41px -41px;
}

.transformImg.active .ahmedabad-rpIcon, .transformImg.active-focus .ahmedabad-rpIcon {
    background-position: -410px -41px;
}

.transformImg.active .chennai-rpIcon, .transformImg.active-focus .chennai-rpIcon {
    background-position: -369px -41px;
}

.transformImg.active .gurgaon-rpIcon, .transformImg.active-focus .gurgaon-rpIcon {
    background-position: -328px -41px;
}

.transformImg.active .salaried-rpIcon, .transformImg.active-focus .salaried-rpIcon {
    background-position: -246px -41px;
}

.transformImg.active .businessman-rpIcon, .transformImg.active-focus .businessman-rpIcon {
    background-position: -205px -41px;
}

.transformImg.active .professional-rpIcon, .transformImg.active-focus .professional-rpIcon {
    background-position: -287px -41px;
}

.transformImg.active .male-rpIcon, .transformImg.active-focus .male-rpIcon {
    background-position: -164px -41px;
}

.transformImg.active .female-rpIcon, .transformImg.active-focus .female-rpIcon {
    background-position: -123px -41px;
}


.emi-graph {
    display: none;
}

.not-eligible {
    background: #e96e57;
    color: #fff;
    text-align: center;
    width: 90%;
    font-size: 15px;
    float: left;
}

.landing-card-disable .cc-img, .landing-card-disable .cc-compare {
    opacity: 0.5;
}

.note-eligble-top {
    background: #e96e57;
    color: #fff;
    text-align: center;
    margin-top: 10px;
}

.invalidTrack {
    color: #fff;
}
/*=======14-7-2015=====================*/
.dynamic-help-text::before {
    background: url("../images/bg-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    content: "";
    display: block;
    float: none;
    height: 18px;
    left: -12px;
    position: absolute;
    top: 0;
    width: 12px;
}

.dynamic-help-text::after {
    background: url("../images/sprite.png") no-repeat scroll -3px -277px rgba(0, 0, 0, 0);
    border: 2px solid #fff;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 40px;
    position: absolute;
    right: -10px;
    top: -15px;
    vertical-align: middle;
    width: 40px;
}

.dynamic-help-text {
    background: none repeat scroll 0 0 #89c3ef;
    padding: 20px;
    border-radius: 0;
    color: #6f90a9;
    font-size: 16px;
    line-height: 20px;
    margin: 0 20px;
    position: relative;
}

.subscribe-error {
    color: #ff6d00;
}

#contact-footor-error-msg {
    float: left;
    margin-left: 49px;
    margin-top: -12px;
    text-align: center;
    width: 100%;
}

.title-tooltip {
    border: 3px solid #a9d9fd !important;
    padding: 0px;
    font-family: 'Open Sans', sans-serif !important;
    color: #6f90a9;
    font-size: 16px !important;
}

    .title-tooltip.bottom > .arrow {
        border-bottom-color: rgba(169, 215, 253, 0.9);
        border-top-width: 0;
        left: 50%;
        margin-left: -11px;
        top: -9px;
    }

        .title-tooltip.bottom > .arrow::before {
            border-color: rgba(169, 215, 253, 0) rgba(169, 215, 253, 0) #a9d9fd !important;
            border-width: 46px !important;
            content: " ";
            margin-left: -10px;
            top: -1px !important;
        }

        .title-tooltip.bottom > .arrow::after {
            /*border-color: rgba(137, 195, 239, 0) rgba(137, 195, 239, 0) #89c3ef !important;border-width: 13px;*/ content: " ";
            margin-left: -13px;
            top: -9px !important;
        }

.pl-loan-heading {
    padding-top: 10px;
}

.hl-loan-heading {
    padding-top: 10px;
}

.cr-loan-heading, .cc-heading {
    padding-top: 20px;
}

#msg-panel-3 {
    text-align: center;
    color: #e96e57;
    font-weight: bold;
    padding: 15px 0px;
}

/*===================23-7-2015====================*/
.cc-compareBand ul li div a.fav-button {
}

#ifsc-frm ul li div.error {
    border: 1px solid #e96e57 !important;
}

.noramlSelectBox {
    width: 99%;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.salutationSelectBox {
    width: 10%;
    border: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#listItems {
    float: left;
    width: 22%;
    margin-left: 15px;
    padding: 15px 1%;
    overflow-y: auto;
    height: 233px;
    background: none repeat scroll 0 0 #f7f7f7;
}

.theStickySidebar {
    width: 268px !important;
    position: static !important;
    right: 0px !important;
    margin-bottom: 20px;
}

.ifsc-err {
    background: #e96e57;
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 15px;
    font-weight: 400;
    padding: 5px 10px;
}

    .ifsc-err h4 {
        font-size: 12px !important
    }

        .ifsc-err h4 span b.req {
            color: #fff !important;
        }

.correct-img-loader {
    right: 295px !important;
    top: 11px !important;
}

.loan-quote-loader {
    position: relative;
    text-align: center;
}

.loan-quote-loader-img {
    position: absolute;
    width: 100%;
    bottom: 29px;
}

.swipe-arrow {
    background: url(../images/swipe-arrow.png) no-repeat left top;
    width: 26px;
    height: 26px;
    float: left;
    position: absolute;
    top: 60px;
    right: 59px;
}


ul.sitemap-list li::before {
    background: #ff6d00 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-right: 10px;
}

ul.sitemap-list {
    min-height: 200px;
}

    ul.sitemap-list li h2 {
        background: #d9d9d9;
        color: #444444;
        padding: 10px 10px;
        font-size: 17px;
        margin-bottom: 15px;
        font-weight: bold;
    }

.sitemap-list li {
    padding-left: 20px;
    color: #888888;
    font-size: 16px;
    margin: 0 0 5px;
}

    .sitemap-list li a {
        color: #888888;
    }

    .sitemap-list li.no-bg::before {
        background: none !important;
    }

.cc-placeholder {
    border: 2px dotted #fff;
}

/*============10-8-2015====================*/
.main-content-li {
    height: auto !important;
    margin-bottom: 25px !important;
}

    .main-content-li div.flat-field {
        float: left;
        width: 100%;
    }

    .main-content-li ul li div.flat-field {
        border: 0px;
        width: 100%;
        float: left;
    }

        .main-content-li ul li div.flat-field.flat-field-brd {
            border: 1px solid #DADFE1;
        }

        .main-content-li ul li div.flat-field.right-border {
            border-right: none;
        }

    .main-content-li div.invalidFiled {
        width: 100%;
        float: left;
    }

/*===================11-8-2015=========================*/

.rp-paragraph div.flat-field {
    float: left;
    width: 100%;
}

.loanFormWrapper li.rp-paragraph div.flat-field label {
    display: inline-block !important;
    line-height: 30px;
}

.loanFormWrapper li.rp-paragraph .select-small {
    width: 150px !important;
    float: left;
}

.loanFormWrapper li.rp-paragraph .select2-container {
    width: 150px !important;
}

.loanFormWrapper li.rp-paragraph .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-kids .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-in .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-fb .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-wp .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-tw .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}

.loanFormWrapper li#li-quora .flat-field .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad !important;
    font-size: 12px !important;
    line-height: 33px;
}


.flat-field .select2-container--default .select2-selection--single .select2-selection__rendered, .flat-field2 .select2-container--default .select2-selection--single .select2-selection__rendered, .col-fullfield .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #adadad;
    font-size: 13px;
}


li#li-edu div.flat-field {
    height: 180px;
}

li#li-foreign div.flat-field {
    height: 180px;
}


.cibil-faq-question {
    padding: 0 15px 0 15px;
}

    .cibil-faq-question h6 {
        color: #023d8f;
        font-size: 28px;
        padding: 0 0 15px 0px;
        font-weight: 300;
        line-height: 28px;
    }

    .cibil-faq-question ul li::before {
        background: #ff6d00 none repeat scroll 0 0;
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 7px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 7px;
    }

    .cibil-faq-question ul li {
        font-size: 15px;
        margin: 0 0 5px;
        padding: 0 0 10px 20px;
        position: relative;
    }

        .cibil-faq-question ul li a {
            color: #888888;
        }

.cibil-faq-thankyou-pg {
    padding: 0px 30px 15px 30px;
}

    .cibil-faq-thankyou-pg h6 {
        color: #023d8f;
        font-size: 28px;
        padding: 0 0 15px 0px;
        font-weight: 300;
        line-height: 28px;
    }

    .cibil-faq-thankyou-pg h3 {
        padding: 0px 0 15px 0px !important;
        color: #ff6d00;
        font-size: 19px;
        margin-top: 20px;
    }

    .cibil-faq-thankyou-pg h3 {
        padding: 0px 0 15px 0px !important;
        color: #ff6d00;
        font-size: 19px;
        margin-top: 20px;
    }

    .cibil-faq-thankyou-pg ul li::before {
        background: #ff6d00 none repeat scroll 0 0;
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 7px;
        left: 0;
        position: absolute;
        top: 7px;
        width: 7px;
    }

    .cibil-faq-thankyou-pg ul li {
        font-size: 15px;
        margin: 0 0 5px;
        padding: 0 0 10px 20px;
        position: relative;
    }

        .cibil-faq-thankyou-pg ul li a {
            color: #888888;
        }

.help-container .accordion_head_thankyou {
    background: #f7f7f7 !important;
    width: 100% !important;
    float: left !important;
    color: #444444;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    padding: 10px 30px 10px 0;
    position: relative;
}

    .help-container .accordion_head_thankyou h3 {
        font-size: 11px;
        color: #ff6d00;
        padding: 0 20px 0 20px !important;
    }

.accordion_body_content {
    background: #f7f7f7 !important;
    float: left;
    width: 100%;
    padding: 0 20px 0 20px !important;
}

.help-container .accordion_head_thankyou .plusminus {
    top: 7px;
}

.accordion_body_content ul li::before {
    background: #ff6d00 none repeat scroll 0 0;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
}

.accordion_body_content ul li {
    font-size: 11px;
    margin: 0 0 5px;
    padding: 0 0 2px 20px;
    position: relative;
    color: #888888;
}


#faq1 p, #faq2 p, #faq3 p, #faq4 p {
    color: #888888;
}

.cibil-faq-question h3 {
    padding: 30px 0 15px 0px !important;
    color: #ff6d00;
    font-size: 19px;
    margin-top: 20px;
}

ul.cibil-faq-list {
    padding: 20px 0 0 0px;
}

    ul.cibil-faq-list li::before {
        background: #ff6d00 none repeat scroll 0 0;
        border-radius: 100%;
        content: "";
        display: inline-block;
        height: 7px;
        left: 0;
        position: absolute;
        top: 8px;
        width: 7px;
    }

    ul.cibil-faq-list li {
        font-size: 15px;
        margin: 0 0 5px;
        color: #888888;
        font-weight: 100;
        padding-bottom: 10px;
        padding-left: 20px;
        position: relative;
    }

.cibil-heading {
    color: #ff6d00 !important;
    font-size: 19px !important;
}

.modal-close button.btn-default {
    display: block;
    width: auto;
    height: auto;
    top: 10px;
    right: 10px;
    background: none;
    position: absolute;
    padding: 0px;
    color: #333333;
    font-size: 13px;
}

ul#select2-cibil_est_phone_connection_type-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_go_out-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_commute_type-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_smartphone_value-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_go_out_along-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_commute_value_car-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_online_shop_category-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_online_shop_mode-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_kids_count-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_twitter_usage-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_whatsapp_usage-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_facebook_usage-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_linkedin_usage-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

ul#select2-cibil_est_quora_usage-results li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding: 7px !important;
    min-height: inherit !important;
    margin: 0 !important;
    font-size: 12px;
    line-height: 14px;
}

.help-container .accordion_head_thankyou .plusminus {
    background: url("../images/sprite.png") no-repeat scroll -338px -340px;
    display: inline-block;
    height: 17px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 8px;
    vertical-align: middle;
    width: 17px;
}

    .help-container .accordion_head_thankyou .plusminus.minusplus {
        background-position: -358px -340px;
    }

.compare-apply {
    position: fixed;
    bottom: 20%;
}

.float-right {
    float: right;
}

.err-chk {
    border: 1px solid red !important;
}

.bc_div {
    width: 100%;
    float: left;
    margin: 0px 0 10px 0px;
    background: #f0f0f0;
    position: relative;
    z-index: -1;
}
/*.bc_div ul:before{right: 0;top: 50%;border: solid transparent;content: " ";height: 0;width: 20px;position: absolute;pointer-events: none;border-color:#000;border-right-color: #000;border-width: 10px;margin-top: -10px; margin-right: -20px;}*/
ul.breadcrumb {
    width: auto;
    float: left;
    background: #f0f0f0;
    border-radius: 0px;
    margin-bottom: 0px;
    padding: 3px 15px;
}

    ul.breadcrumb li {
        float: left;
        padding: 0 18px 0 5px;
        background: url(../images/breadcum-arrow.png) no-repeat right 5px;
    }

        ul.breadcrumb li:last-child {
            background: none;
        }

        ul.breadcrumb li a {
            color: #023d8f;
            font-size: 12px;
        }

.breadcrumb > li + li::before {
    content: "" !important
}

.compare_card_div {
    margin: 20px;
}

    .compare_card_div div {
        font-size: 17px;
        display: block;
        color: #023d8f;
        margin-bottom: 15px;
        font-weight: 300;
    }

        .compare_card_div div img.icons {
            float: left;
            width: 38px;
        }

        .compare_card_div div span {
            float: left;
            margin-left: 10px;
        }

        .compare_card_div div img {
            vertical-align: middle;
        }

.add_card {
    text-align: center;
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 0 0px 0px;
    min-height: 130px;
    margin-top: 10px;
    border: 2px dotted #dadfe1;
}

    .add_card h2 {
        color: #dadfe1;
        font-size: 20px;
    }

    .add_card a.fav-button {
        position: absolute;
        left: 10px;
        top: 34%;
    }

    .add_card input.close {
        background: url(../images/sprite.png) no-repeat -49px -79px;
        width: 23px;
        border: 0px;
        position: absolute;
        top: -5px;
        right: -4px;
        height: 23px;
        opacity: 10;
        text-indent: -9999px;
    }

.add-card-sidebar {
    width: 100%;
    text-align: center;
    float: left;
}

.add_card h5 {
    text-align: center;
    width: 97%;
    float: left;
    color: #000000;
    padding: 10px 8px;
    font-size: 13px;
}

.compare_card_div a.btn-compare {
    background: #ff6d00;
    margin-right: 10px;
}

.compare_card_div a.btn-default {
    padding: 9px 16px;
    margin-top: 10px;
    width: 100%;
}

.home-logo img {
    width: auto;
}

.helper-logo img {
    width: 210px;
}

.contact-bar .col-left p {
    font-size: 20px
}

.contact-bar .col-left p {
    font-size: 20px
}

.static-banner .sb-content-banner h1 {
    font-size: 50px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    color: #fff;
    font-weight: 800
}

.home-tab-inner .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 50px
}

.popover {
    background: #a9d9fd;
    color: #455765;
    font-size: 12px;
    font-family: 'Open Sans' sans-serif;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

    .popover.top > .arrow::after {
        border-top-color: #A9D9FD;
    }

    .popover.top > .arrow {
        bottom: -6px;
    }

    .popover > .arrow {
        border-width: 6px;
    }

        .popover > .arrow:after {
            border-width: 6px;
        }

    .popover.top > .arrow:after {
        bottom: 0px;
        margin-left: -7px;
    }

    .popover.right > .arrow {
        border-left-width: 0;
        border-right-color: #a9d9fd;
        left: -6px;
        margin-top: -8px;
    }

.static-banner .sb-content-banner h2 {
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 50px;
    font-weight: 800;
    text-shadow: none;
    margin: 80px 0 10px 0px;
}

.popover.right > .arrow::after {
    border-left-width: 0;
    border-right-color: #a9d9fd;
    bottom: -9px;
    content: " ";
    left: 3px;
}

.popover-content {
    padding: 10px;
}

.select2-dropdown {
    border-color: #ff6d00
}

.alert-success {
    background: #54b268
}

.disableInput a {
    pointer-events: none !important
}

.btn.disabled {
    background-color: #dbdbdb !important;
    color: #ABABAB !important
}

#inputHelpText {
    color: #455765;
}

.help-container .accordion_head {
    font-weight: 600
}

.subscriber-box #msg_box_top {
    padding-top: 5px
}

.loan-form-container .loan-detail-outer .title h2 .editIconAbs {
    top: 30px
}

.loanFormWrapper .headingBg {
    font-weight: 300
}

.cc-annual-fee-ul li.text-center {
    padding: 0px !important;
}

    .cc-annual-fee-ul li.text-center p::before {
        background: none !important;
    }

    .cc-annual-fee-ul li.text-center p a.btn-default {
        padding: 7px 25px;
    }

.loan-form-container .loan-detail-outer .title h2 .editIconAbs {
    top: 30px;
}

.cc-annual-fee-ul li a.btn {
    margin-bottom: 30px !important;
}

.cc-annual-fee-ul li.text-center p {
    padding-left: 0px !important;
}

.how-we-help-info.help-thanku ul li {
    width: 30%;
}

    .how-we-help-info.help-thanku ul li img {
        width: 80%;
    }

    .how-we-help-info.help-thanku ul li.thanku-li {
        margin-left: 35px;
        margin-right: 35px;
    }

.help-thanku h3 {
    color: #000000;
    font-size: 40px;
    font-weight: normal;
}

/*======table view fix==============*/
.loan-tabletop.is-stuck {
    background: #8c8c8c;
    position: fixed;
    top: 0;
    left: 18%;
    margin: 0 30px;
    width: 77.5%;
    border-bottom: none;
    z-index: 9999;
    padding: 0px;
}

    .loan-tabletop.is-stuck .col {
        width: 16%;
    }

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

    .track-form .normal-heading {
        position: relative;
        top: 16px;
        width: 30%;
        float: left;
    }

    .track-form .formElements {
        width: 70%;
        float: left;
    }

    .track-form .common {
        width: 30%;
        float: left;
        margin-right: 20px;
    }

    .track-form .btn-blue {
        float: left;
        width: 30%;
        position: relative;
        top: 25px;
        background: #ff6d00 none repeat scroll 0 0;
        border-radius: 2px;
        color: #ffffff;
        font-size: 19px;
        font-weight: 300;
        line-height: 19px;
        padding: 14px 20px;
    }

.enquiry_type {
    color: #adadad;
    font-size: 16px;
    font-weight: 400;
}

/*===================15-9-2015==============*/
.cc-icon {
    width: 41px;
    height: 41px;
    vertical-align: middle;
    display: inline-block;
    background: url(../images/icon-sprites.png) no-repeat left top;
}

.all-icon {
    background: url(../images/icon-sprites.png) no-repeat -253px -123px;
}

.cc-benefit ul li.active a em.all-icon {
    background: url(../images/icon-sprites.png) no-repeat -253px -82px;
}

.shoppingdining {
    background-position: -169px -123px;
}

.cc-benefit ul li.active a em.shoppingdining {
    background: url(../images/icon-sprites.png) no-repeat -169px -82px;
}

.fuel {
    background-position: -42px -123px;
}

.cc-benefit ul li.active a em.fuel {
    background: url(../images/icon-sprites.png) no-repeat -42px -82px;
}

.travel {
    background-position: -210px -123px;
}

.cc-benefit ul li.active a em.travel {
    background: url(../images/icon-sprites.png) no-repeat -210px -82px;
}

.nofee {
    background-position: -294px -123px;
}

.cc-benefit ul li.active a em.nofee {
    background: url(../images/icon-sprites.png) no-repeat -294px -82px;
}

.premium {
    background-position: -126px -123px;
}

.cc-benefit ul li.active a em.premium {
    background: url(../images/icon-sprites.png) no-repeat -126px -82px;
}

.lifestyle {
    background-position: -84px -123px;
}

.cc-benefit ul li.active a em.lifestyle {
    background: url(../images/icon-sprites.png) no-repeat -84px -82px;
}


.cashback {
    background-position: left -123px;
}

.cc-benefit ul li.active a em.cashback {
    background: url(../images/icon-sprites.png) no-repeat left -82px;
}

.bCrumb-wrapper {
    width: 1150px;
    margin: 0 auto;
}

.ui-autocomplete {
    border-radius: 0;
    border-color: #ff6d00;
    width: auto;
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    max-height: 240px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.ui-widget-content a {
    color: #333;
    font-size: 13px;
    display: block;
    padding: 10px;
    border-radius: 0;
    border: 0 !important;
}

    .ui-widget-content a:hover {
        background: #ff6d00;
        color: #fff;
        border: 0 !important
    }

.ui-menu .ui-menu-item {
    padding: 0;
    margin: 0;
}

.faq-container {
    margin: 0 auto;
    width: 98%;
}


/*
Responsive Start
*/

/*25th Aug UPDATED TABLE STYLE*/
.table-view-new.table-view .tr .table-column {
    border-radius: 0
}

.table-view-new.table-view .tr {
    margin-top: 0
}

    .table-view-new.table-view .tr .trow .col {
        border-right: 1px solid #d9d9d9;
        width: 16%
    }

        .table-view-new.table-view .tr .trow .col.col6 {
            border-right: 0;
            width: 36%
        }

    .table-view-new.table-view .tr .trow .btn {
        background: #023d8f;
        border: 0;
        padding: 10px 33px;
        border-radius: 0;
        text-align: center;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 700;
        display: block;
        color: #fff;
        margin: 4px 0 0 0;
    }

        .table-view-new.table-view .tr .trow .btn .arrow {
            background: url(../images/btn-arrow.png) no-repeat top left;
            display: inline-block;
            width: 7px;
            height: 13px;
            position: relative;
            right: -10px;
            top: 2px;
        }

    .table-view-new.table-view .tr .trow .col.col6 .dtl {
        float: left;
        margin-right: 0; /*width:120px;*/
        width: 151px;
    }

    .table-view-new.table-view .tr .trow .col.col6 .btn-div { /*position:static;*/
        margin-left: 120px;
        padding-right: 10px;
    }

.table-view-new.table-view .col .btn-link {
    text-align: right;
    margin: 0px 0 4px;
    font-size: 11px;
}

.mail-me-qoutes {
    text-align: left;
    clear: both;
    height: 42px;
    display: block;
    overflow: hidden;
    position: relative;
}

    .mail-me-qoutes span.loader-class {
        float: left;
        position: absolute;
        right: 10px;
        top: 16px;
    }

    .mail-me-qoutes p {
        font-size: 16px;
        color: #023d8f;
        line-height: 24px;
    }
        /* COMMENTED BY GARIMA ON 15OCT2015
.mail-me-qoutes p span:after{left: 100%;top: 50%;border: solid transparent;	content: " ";	height: 0;width: 0;display:inline-block;pointer-events: none;border-color: rgba(2, 61, 143, 0);border-left-color: #023d8f;border-width: 5px;margin-top: -3px; margin-left:5px} */
        .mail-me-qoutes p span#matchbox_send_quote_loader:after {
            border: 0px;
        }

        .mail-me-qoutes p a {
            float: right
        }

/*26th Aug UPDATED TABLE STYLE*/

body.no-offer-band {
    padding-top: 0 !important
}
/*REMOVED SPACE OF OFFER BAND*/
.loan-form-container .loan-steps-outer .step-counts li {
    opacity: 0.30;
}

    .loan-form-container .loan-steps-outer .step-counts li.prev-active:before {
        right: 0;
        top: 50%; /*border: solid transparent;*/
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; /*border-color: rgba(255, 255, 255, 0);border-right-color: #fff;border-width: 10px;*/ /* margin-top: -10px;*/
        margin-right: -20px;
    }

    .loan-form-container .loan-steps-outer .step-counts li.active:before {
        right: 0;
        top: 14%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-right-color: #fff;
        border-width: 10px; /*margin-top: -10px;*/
        margin-right: -20px;
    }

    .loan-form-container .loan-steps-outer .step-counts li.active, .loan-form-container .loan-steps-outer .step-counts li.completed {
        opacity: 1
    }

        .loan-form-container .loan-steps-outer .step-counts li.active .count {
            background: transparent;
            color: #fff;
        }

    .loan-form-container .loan-steps-outer .step-counts li a {
        pointer-events: none;
        cursor: default
    }

    .loan-form-container .loan-steps-outer .step-counts li.active a .text {
        border-bottom: 0
    }

    .loan-form-container .loan-steps-outer .step-counts li.active a, .loan-form-container .loan-steps-outer .step-counts li.completed a {
        pointer-events: auto;
        cursor: pointer
    }

    .loan-form-container .loan-steps-outer .step-counts li .progress {
        height: 5px;
        margin: 0;
        background: #89CEFD;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        max-width: 130px;
        margin: 8px auto 0 auto;
    }

        .loan-form-container .loan-steps-outer .step-counts li .progress .progress-bar {
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            background: #fff;
        }

.best-deals-new {
    background: #f7f7f7;
    margin: 20px;
    padding: 15px;
}

    .best-deals-new p {
        color: #888;
        font-size: 18px;
        line-height: 18px;
        font-weight: 400;
        padding-left: 25px;
        position: relative
    }

        .best-deals-new p strong {
            font-weight: 700
        }

        .best-deals-new p:before {
            width: 21px;
            height: 17px;
            content: '';
            display: inline-block;
            background: url(../images/sprite.png) no-repeat -27px -127px;
            position: absolute;
            left: 0;
            top: 3px;
        }
/*SELCT 2 */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ff6d00;
    color: #fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ff6d00 !important;
    color: #fff;
}

@media (min-width: 1920px) {
    .static-banner {
        padding: 150px 0px 0px
    }

    .master-tabs-container {
        background: #FF6D00 url("../images/tab-bg.png") no-repeat scroll left 50%;
    }

    .pattern-top-rotate {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        transform: rotate(18deg);
    }

    .loan-calculator-wrapper .right-content .box {
        padding: 30px 30px 30px 50px
    }

    .loan-calculator-wrapper .left-sidebar .pattern-top-rotate {
        height: 110px
    }
}

@media (max-width: 1860px) {
    .master-tabs-container {
        background-position: -5% 50%;
    }
}

@media (max-width: 1800px) {
    .master-tabs-container {
        background-position: -10% 50%;
    }
}

@media (max-width: 1680px) {
    .master-tabs-container {
        background-position: -12% 50%;
    }
}

@media (max-width: 1630px) {
    .master-tabs-container {
        background-position: -15% 50%;
    }
}

@media (max-width: 1600px) {
    .master-tabs-container {
        background-position: -18% 50%;
    }

    .table-view .th h5 {
        text-align: center
    }
}

@media (max-width: 1560px) {
    .master-tabs-container {
        background-position: -20% 50%;
    }
}

@media (max-width: 1530px) {
    .master-tabs-container {
        background-position: -24% 50%;
    }
}

@media (max-width: 1480px) {
    .master-tabs-container {
        background-position: -30% 50%;
    }
}

@media (max-width: 1420px) {
    .master-tabs-container {
        background-position: -35% 50%;
    }
}

@media (max-width: 1380px) {
    .master-tabs-container {
        background-position: -42% 50%;
    }
}

@media (max-width: 1380px) {
    .master-tabs-container {
        background-position: -45% 50%;
    }
}

@media (max-width: 1290px) {
    .master-tabs-container {
        background-position: -50% 50%;
    }
}

@media (max-width: 1260px) {
    .master-tabs-container {
        background-position: -350px 50%;
    }
}

@media (max-width: 1199px) {
    .master-tabs-container {
        background-position: -300px 50%;
    }
}

@media (max-width: 1180px) {
    .master-tabs-container {
        background-position: -320px 50%;
    }
}

@media (max-width: 1150px) {
    .master-tabs-container {
        background-position: -330px 50%;
    }
}

@media (max-width: 1080px) {
    .master-tabs-container {
        background-position: -350px 50%;
    }

    .loan-table-wrapper .col {
        padding: 20px 15px
    }

    .loan-table-wrapper.calcualtionTable .col {
        padding: 15px 5px;
        font-size: 13px;
    }
}

@media (max-width: 1030px) {
    .master-tabs-container {
        background-position: -390px 50%;
    }
}

@media (max-width: 1280px) {

    .loanFormWrapper .c-selected a, .loanFormWrapper .profession-selection a {
        font-size: 13px;
        margin-left: 10px;
    }
}

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

    .profession-li a.customer {
        padding-left: 0%;
        width: 48%;
    }

    /** shivam changes**/
    .static-banner {
        height: 529px !important;
    }

    #home-banner {
        height: 529px !important;
    }

    #main-header .container-fluid {
        width: auto;
        margin: 0 auto;
    }

    .container {
        width: 970px
    }

    .home-tab-inner {
        padding: 0
    }

    #home-loan-selector .r-tabs-nav {
        padding: 0 10px
    }

    .whom-make-happy .top ul {
        max-width: 460px
    }

    .emi-slide-calculator .help-text {
        width: 100%;
        float: none;
        padding-bottom: 20px;
        display: block;
        text-align: left;
    }

    .emi-slide-calculator .ui-slider {
        float: none
    }

    .emi-slide-calculator .emi-calculator {
        height: 80px
    }

    .emi-slide-calculator .ui-slider {
        width: 100%
    }

    .rp-social-block .rp-social-left .users-quotes-block .item .quotes {
        font-size: 28px
    }

    .home-tab-inner .ui-slider {
        margin-left: 0
    }

    .home-tab-inner .r-contents p {
        margin-left: 0
    }

    .home-tab-inner .ui-slider {
        width: 170px;
    }

    .contact-bar .col.col1 p {
        font-size: 16px
    }

    .contact-bar .col.col1 {
        width: 20%
    }

    .contact-bar .col.col2 {
        width: 40%
    }

    .contact-bar .col.col3 {
        width: 40%
    }

    .emi-calculator .noUi-horizontal {
        width: 90%;
        float: none
    }

    .home-tab-inner .noUi-horizontal {
        margin: 0
    }

    .loan-compare-container .emi-slider-calc .col.col3 {
        padding: 0
    }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            margin-right: -31px;
            margin-left: 88px;
            margin-top: -123px;
            padding: 20px
        }

    /*N*/
    .loanFormWrapper .loan-form-container .helper-logo {
        padding: 40px 10px
    }

    .loanFormWrapper .c-selected {
        width: 100%;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #DADFE1;
        padding: 0 15px
    }

    .loanFormWrapper .c-selectBox {
        float: none;
        width: 100%
    }

    .loanFormWrapper .profession-selection .flat-field2 label {
        display: block !important;
        margin-bottom: 10px;
    }

    .loanFormWrapper .profession-selection a {
        margin: 0 10px 5px 0;
        display: inline-block;
    }

    .loanFormWrapper .gender-field, .loanFormWrapper .dob-input {
        width: 100%
    }

    .form-list li.blankCol {
        min-height: 0;
        margin: 0
    }

    .table-view .th .col.col6 {
        display: none
    }

    .table-view .col {
        width: 20%
    }

    .table-view .tr .col.col6 {
        width: 100%;
        border-top: 1px solid #d9d9d9;
        height: auto
    }

    .table-view .col .box .img img {
        height: 40px
    }

    .table-view .col .box .final-price, .table-view .tr .trow .col.col6 .dtl {
        text-align: right
    }

    .bankMiniInfo li {
        padding: 0
    }

    .rp-helpBlock .box p {
        font-size: 13px;
        line-height: 14px;
    }

    .rp-helpBlock .box h4 {
        font-size: 16px
    }

    .loanFormWrapper .loan-form-container .thankyouBlock-container .helper-logo {
        margin: 0
    }

    .cc-fs .cc-benefit ul li img, .cc-fs .cc-benefit ul li.active img {
        width: 30px;
        height: 30px
    }

    .cc-fs .cc-benefit ul li a {
        font-size: 12px
    }

    .cc-fs .cc-benefit {
        width: 70%
    }

    .cc-fs .cc-divider {
        right: 150px;
    }

    .cc-fs .cc-bankdd {
        width: 30%
    }

    .cc-fs .cc-benefit ul li {
        margin: 0 3px 0 0
    }

    .cc-container .cc-holder .cc-img {
        width: 140px;
        height: 85px
    }

    .cc-container .cc-holder .cc-action {
        margin-left: 155px
    }

    .cc-compareBand .cc-holder {
        margin-left: 0;
        width: 85%;
        padding: 0 20px
    }

    .cc-compareBand .button-box {
        width: 15%
    }

    .cc-compareBand .cc-holder li .card-holder {
        width: 115px
    }

    .cc-compareBand .cc-holder li .cc-detail {
        margin-left: 130px
    }

    .book-time-slot {
        margin-bottom: 0
    }

        .book-time-slot .col {
            width: 100%;
            margin-bottom: 20px;
            float: none
        }

    .loan-table-wrapper .col {
        padding: 20px 15px
    }

    .loan-table-wrapper.calcualtionTable .col {
        padding: 15px 5px;
        font-size: 12px;
        height: 70px;
        display: table;
        vertical-align: middle;
        align-items: center
    }

    .loan-table-wrapper.calcualtionTable .th {
        font-size: 12px;
        font-weight: 400
    }

        .loan-table-wrapper.calcualtionTable .th .col {
            height: 70px;
        }

    .loan-table-wrapper.calcualtionTable .col a {
        white-space: pre
    }

    .loan-table-wrapper .more-detail .mtr .mcol {
        display: table;
        vertical-align: middle;
        align-items: center
    }

    .emi-payment-scheduling .padding {
        padding: 15px 20px
    }

    .emi-payment-scheduling .heading {
        font-size: 19px
    }

    .app-status-view .app-status-viewList .col {
        min-height: 90px
    }

        .app-status-view .app-status-viewList .col.col1 {
            width: 30%
        }

        .app-status-view .app-status-viewList .col.col2 {
            width: 40%
        }

        .app-status-view .app-status-viewList .col.col3 {
            border-right: 0;
            width: 30%
        }

    .master-tabs li a {
        font-size: 16px;
        padding: 0 20px
    }

    .cc-benefitList a {
        font-size: 13px;
        padding: 0 10px
    }

    #home-loan-selector.fx-loan-bar .master-tabs li a {
        font-size: 17px;
        padding: 0 20px
    }

    .cc-benefit-sliders .cc-col .slider-title {
        left: -30px
    }

    .cc-benefit-sliders .cc-col.col-fuel .slider-title {
        left: -40px
    }

    .cc-benefit-sliders .cc-col.col-shopping .slider-title {
        left: -55px
    }

    .cc-benefit-sliders .cc-col.col-travel .slider-title {
        left: -50px
    }

    .cc-filter-result .cc-fListing li .cc-bankLogo {
        padding: 5px;
        height: 75px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .master-tabs li a {
        padding: 0 10px
    }

    .static-banner {
        height: 430px !important;
    }

    #home-banner {
        height: 430px !important;
    }

    #main-header .container-fluid {
        width: auto;
        margin: 0 auto;
    }

    .static-banner .sb-content-banner h1 {
        font-size: 35px;
        line-height: 38px;
    }

    .cc-benefitList a {
        font-size: 13px;
        padding: 0 10px
    }

    #home-loan-selector.fx-loan-bar .master-tabs li a {
        font-size: 13px;
        padding: 0 10px
    }

    .home-tab-inner .l-heading {
        display: none
    }

    .home-tab-inner .r-contents {
        margin-left: 0;
        border: 0;
    }

    .home-tab-inner {
        padding: 0
    }

    #home-loan-selector .r-tabs-nav {
        padding: 0 10px
    }

    .home-tab-inner .r-contents p {
        margin-left: 0
    }

    #home-loan-selector .r-tabs-nav li a {
        font-size: 14px;
        font-weight: 400
    }

    .home-tab-inner .ui-slider {
        margin-left: 0;
        width: 170px
    }

    .how-we-help-info ul li img {
        width: 185px
    }

    .whom-make-happy .top ul {
        float: none;
        width: 100%
    }

    .whom-make-happy .top h4 {
        display: block;
        float: none;
        margin-bottom: 20px;
        text-align: center
    }

    .emi-slide-calculator .ui-slider {
        width: 240px
    }

    .rp-social-block .rp-social-left, .rp-social-block .rp-social-twiiter {
        width: 50%
    }

        .rp-social-block .rp-social-left .users-quotes-block .item .quotes {
            font-size: 22px;
            line-height: 38px
        }

        .rp-social-block .rp-social-left .users-quotes-block .item {
            padding: 45px 10px
        }

    footer .ftop .flist ul.col {
        width: 33.3333333% !important
    }

    .master-tabs-container {
        background: #ff6d00
    }

    .master-tabs li a {
        font-size: 13px;
        font-weight: 400;
    }

    header nav ul li a {
        font-size: 12px
    }

    .contact-bar .col.col1 p {
        font-size: 16px
    }

    .contact-bar .col.col1 {
        width: 20%
    }

    .contact-bar .col.col2 {
        width: 40%
    }

    .contact-bar .col.col3 {
        width: 40%
    }

    .loan-form-container .loan-detail-outer .loan-application-instruction .help-text, .loan-form-container .loan-detail-outer .padding30px {
        padding: 20px
    }

    .loan-form-container .loan-detail-outer .title {
        padding: 20px
    }

    .loan-form-container .loan-steps-outer .title {
        font-size: 20px;
    }

    .help-container .title {
        font-size: 20px
    }

    .help-container .padding30px {
        padding: 19px
    }

    .help-container .title a {
        margin-top: 10px
    }

    .emi-calculate-value li.ecv-1 .graph {
        width: 100%
    }

    .emi-calculate-value li .princple-amt, .emi-calculate-value li .princple-int {
        margin-left: 0;
        margin-top: 0
    }

    .emi-calculate-value li.ecv-1 .graph {
        float: none
    }

    .emi-calculate-value li.ecv-1, .emi-calculate-value li.ecv-2, .emi-calculate-value li.ecv-3, .emi-calculate-value li.ecv-4 {
        width: 25%
    }

    .emi-calculate-value li {
        padding: 20px
    }

        .emi-calculate-value li h4 span {
            font-size: 14px
        }

    .home-tab-inner .noUi-horizontal {
        margin: 0
    }
    /*N*/
    .hide-tab {
        display: none
    }

    .hide-screen {
        display: block
    }

    .loan-form-container .loan-steps-outer .step-counts li, .loan-form-container .loan-steps-outer .step-counts li a {
        font-size: 14px
    }

    .loan-form-container .loan-steps-outer {
        width: 25%
    }

    .loan-form-container .loan-detail-outer {
        width: 75%
    }

        .loan-form-container .loan-detail-outer .loan-application-form {
            width: 100%;
            float: none;
            border: 0;
        }

        .loan-form-container .loan-detail-outer .loan-application-instruction {
            width: 100%;
            float: none
        }

    .loanFormWrapper .loan-form-container .helper-logo {
        display: none
    }

    .loanFormWrapper .c-selected {
        width: 100%;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #DADFE1;
        padding: 0 15px
    }

    .loanFormWrapper .c-selectBox {
        float: none;
        width: 100%
    }

    .loanFormWrapper .profession-selection .flat-field2 label {
        display: block !important;
        margin-bottom: 10px;
    }

    .loanFormWrapper .profession-selection a {
        margin: 0 0px 5px 0;
        display: inline-block;
    }

    .loanFormWrapper .gender-field, .loanFormWrapper .dob-input {
        width: 100%
    }

    .form-list li.blankCol {
        min-height: 0;
        margin: 0
    }

    .loan-compare-container .emi-slider-calc .col .scolLeft, .loan-compare-container .emi-slider-calc .col .scolRight, .loan-compare-container .emi-slider-calc .col.col1, .loan-compare-container .emi-slider-calc .col.col2 {
        float: none;
        width: 100%
    }

    .loan-compare-container .emi-slider-calc .col .customText {
        margin: 0
    }

    .loan-compare-container .emi-slider-calc .col.col3 {
        padding: 0
    }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            margin-right: 0;
            margin-left: 0
        }

    .loan-compare-container .noUi-horizontal, .loan-compare-container .noUi-horizontal {
        width: 100%;
        margin: 15px 0 45px
    }

    .table-view .th .col.col6 {
        display: none
    }

    .table-view .col {
        width: 20%
    }

    .table-view .tr .col.col6 {
        width: 100%;
        border-top: 1px solid #d9d9d9;
        height: auto
    }

    .table-view .col .box .img img {
        height: 40px
    }

    .table-view .col .box .final-price, .table-view .tr .trow .col.col6 .dtl {
        text-align: right
    }

    .loan-form-container .selectedBankInfo .list-group {
        padding: 20px
    }

        .loan-form-container .selectedBankInfo .list-group li {
            float: left;
            width: 20%;
            margin: 0
        }

    .loan-form-container .loan-detail-outer .loan-application-instruction .offers-box {
        margin: 20px 20px 0
    }
    /*JUNE 17*/
    body.form-pages {
        padding-top: 0
    }

    .offerband-static {
        display: none
    }

    .header-wrapper {
        display: block;
    }

    .device-step4-detail {
        display: block
    }

    .thankyou-container {
        padding: 20px
    }

        .thankyou-container h6 {
            font-size: 18px;
        }

    body.form-thankyou .header-wrapper {
        margin-bottom: 0
    }

    .loan-form-container .loan-steps-outer.loanStepThankyou .theiaStickySidebar {
        top: 47px !important;
    }

    .device-step4-detail .bankMiniInfo {
    }

        .device-step4-detail .bankMiniInfo li {
            background: #fff;
            text-align: center
        }

            .device-step4-detail .bankMiniInfo li .box {
                background: #fff
            }

            .device-step4-detail .bankMiniInfo li p {
                color: #34495e;
                font-weight: 700;
                text-align: center
            }

                .device-step4-detail .bankMiniInfo li p span {
                    font-weight: 400;
                    color: #34495e
                }

    .loan-form-container .loan-steps-outer .title img {
        margin-bottom: 9px
    }

    .table-view .col .box {
        padding: 20px 10px
    }

    .cc-fs .cc-benefit {
        width: 100%;
        float: none;
    }

        .cc-fs .cc-benefit ul li {
            margin: 0 5px 0 0;
        }

    .cc-fs .cc-divider {
        top: -18px;
        left: 45%;
    }

    .cc-fs .cc-bankdd {
        width: 100%;
        float: none;
        border-left: 0;
        border-top: 1px solid #dadfe1
    }

    .cc-fs .cc-bankdd {
        height: 80px
    }

    .cc-container li {
        float: none;
        width: 100%
    }

    .cc-compareBand .cc-holder {
        margin-left: 0;
        margin-top: 15px;
        width: 82%;
        padding: 0 20px
    }

    .cc-compareBand .button-box {
        width: 18%
    }

    .cc-compareBand .cc-holder li {
        padding-right: 10px
    }

        .cc-compareBand .cc-holder li .card-holder {
            width: 85px
        }

        .cc-compareBand .cc-holder li .cc-detail {
            margin-left: 95px
        }

            .cc-compareBand .cc-holder li .cc-detail .card-name {
                font-size: 13px
            }

        .cc-compareBand .cc-holder li .close {
            top: 15px
        }

    .cc-cresult .col .box .cc-head {
        padding: 20px
    }

    .book-time-slot {
        margin-bottom: 0
    }

        .book-time-slot .col {
            width: 100%;
            margin-bottom: 20px;
            float: none
        }

    .contact-form .formElements .col-3 {
        margin-bottom: 0
    }

        .contact-form .formElements .col-3 .col {
            width: 50%
        }

        .contact-form .formElements .col-3 .col {
            margin-bottom: 20px
        }

    .loan-table-wrapper .th .col {
        font-size: 11px;
        height: 55px;
        padding: 10px;
        float: none;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .loan-table-wrapper .th .col1 {
        width: 9%
    }

    .loan-table-wrapper .tr .col {
        font-size: 12px;
        padding: 10px
    }

    .table-bank-info li {
        width: 50%;
        height: 70px;
        margin-bottom: 20px
    }

    .loan-calculator-wrapper .left-sidebar {
        width: 22%
    }

    .loan-calculator-wrapper .right-content {
        width: 78%
    }

    .loan-calculator-wrapper .calc-selector li a {
        font-size: 13px;
        line-height: 15px
    }

    .loan-calculator-wrapper .right-content .leftBlock, .loan-calculator-wrapper .right-content .rightBlock {
        width: 100%;
        float: none
    }

    .loan-calculator-wrapper .right-content .box {
        padding: 20px
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-horizontal {
        width: 100%
    }

    .loan-calculator-wrapper .right-content .leftBlock .sb-1 {
        padding: 0 20px
    }

    .emi-payment-scheduling .padding {
        padding: 15px 20px
    }

    .emi-payment-scheduling .heading {
        float: none;
        padding: 0 0 20px;
    }

    .emi-payment-scheduling .filter {
        margin-left: 0;
        float: none
    }

        .emi-payment-scheduling .filter .col {
            width: 50%
        }

    .loan-table-wrapper.calcualtionTable .col.col6, .loan-table-wrapper .more-detail .mtr .mcol.mcol6 {
        border-right: 0
    }

    .loan-table-wrapper.calcualtionTable .th .col.col7 {
        display: none
    }

    .loan-table-wrapper.calcualtionTable .col.col7 {
        width: 100%;
        text-align: right;
        border-top: 1px solid #fff
    }

    .loan-table-wrapper.calcualtionTable .col.col4, .loan-table-wrapper.calcualtionTable .col.col2 {
        width: 22%
    }

    .loan-table-wrapper .more-detail .mtr .mcol.mcol2, .loan-table-wrapper .more-detail .mtr .mcol.mcol4 {
        width: 22%
    }

    header nav ul li a i {
        display: none !important
    }

    .track-application-page {
        padding-top: 60px !important
    }

    .app-status-view .app-status-viewList .col.col1 {
        width: 30%
    }

    .app-status-view .app-status-viewList .col.col2 {
        width: 70%;
        border-right: 0
    }

    .app-status-view .app-status-viewList .col.col3 {
        border-right: 0;
        width: 100%;
        float: none;
        border-top: 1px solid #e5e5e5;
        clear: both
    }

    .track-application-page .loan-form-container .loan-detail-outer .title h3 {
        font-size: 22px
    }

    header nav ul li .drop-down li img {
        width: 60px
    }

    header nav ul li .drop-down li.multi-lists a {
        margin: 5px auto;
        max-width: 130px;
        padding: 5px 10px;
        font-size: 13px;
    }

        header nav ul li .drop-down li.multi-lists a:first-child {
            margin-top: 0
        }

    .alf-result-container .alf-result-list, .alf-result-container .alf-map-result {
        width: 100%;
        float: none
    }

    .alf-result-container .alf-result-list {
        padding-right: 0;
        margin-bottom: 30px
    }

    body.credit-card-page .loan-form-container .loan-detail-outer .title {
        padding: 30px 20px 0
    }

        body.credit-card-page .loan-form-container .loan-detail-outer .title .icons {
            width: 45px;
        }

        body.credit-card-page .loan-form-container .loan-detail-outer .title h3 {
            font-size: 24px;
            line-height: 24px
        }

    .cc-filter-result .cc-fListing li .cc-bankLogo {
        padding: 5px;
        height: 75px
    }

    .cc-benefit-sliders .cc-col .slider-title {
        bottom: -50px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 12px;
        font-weight: 400;
        position: static;
        display: block;
        text-align: center;
        max-width: 100px;
        margin: 30px auto 0;
    }

    .cc-benefit-sliders {
        padding: 20px;
        margin-bottom: 30px;
    }

    .amount-selector {
        margin: 30px 0 0
    }
    /*===========22-7-2015=============*/
    .form-list li {
        min-height: 100px !important;
        margin-bottom: 20px;
    }

    .profession-li label.col2 {
        width: 12%;
    }

    .profession-li a span {
        float: none;
        font-size: 12px;
    }

    .profession-li a.col4 {
        width: 29.333%;
    }

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

        .track-form .normal-heading {
            width: 100%;
            float: left;
        }

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

        .track-form .common {
            width: 100%;
            float: left;
            margin-right: 20px;
        }

        .track-form .btn-blue {
            float: left;
            width: 100%;
            background: #023d8f none repeat scroll 0 0;
            border-radius: 2px;
            color: #ffffff;
            font-size: 19px;
            font-weight: 300;
            line-height: 19px;
            padding: 14px 20px;
        }
}

.form-list-three {
    width: 33% !important;
    float: left;
    padding: 0 !important;
}

.first-li {
    width: 32% !important;
    margin-left: 1.2% !important;
    float: left;
    padding: 0 !important;
}

.flat-field.right-border { /*border-right:none;*/
}

@media (max-width: 767px) {
    .m-banner-img {
        display: none;
    }

    #main-header .container-fluid {
        width: auto;
        margin: 0 auto;
    }

    .cc-fs .cc-divider {
        display: none;
    }

    .static-banner .sb-content-banner h1 {
        font-size: 35px;
    }

    .offerband-static {
        display: none
    }

    .loan-form-container .loan-detail-outer .loan-application-instruction {
        width: 100%
    }

    .hide-screen {
        display: block
    }

    #big-video-wrap {
        display: none
    }

    .mob-helper-text {
        display: block;
    }

    #hamburger {
        display: inline-block
    }

    .static-banner {
        height: auto !important;
        min-height: 480px
    }

        .static-banner .video-icon {
            display: none
        }

    .static-banner {
        padding: 60px 0 0
    }

        .static-banner p {
            margin-bottom: 50px
        }

    #home-loan-selector {
        position: relative
    }

    .home-tab-inner .l-heading {
        display: none
    }

    .home-tab-inner .r-contents {
        margin-left: 0;
        border: 0;
    }

    .how-we-help-info ul li img {
        width: 140px
    }

    .whom-make-happy .top ul {
        float: none;
        width: 100%
    }

    .whom-make-happy .top h4 {
        display: block;
        float: none;
        margin-bottom: 20px;
        text-align: center
    }

    .home-tab-inner, .what-we-served {
        padding: 20px
    }

        .home-tab-inner .ui-slider {
            width: 100%;
            margin: 0;
            -ms-touch-action: none;
            touch-action: none;
        }

        .home-tab-inner .r-contents p {
            margin-left: 0
        }

        .home-tab-inner .ui-slider {
            margin-bottom: 40px
        }

    .emi-calculator-block .emi-graph {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .emi-calculator-block .emi-slide-calculator {
        margin-left: 0;
        text-align: center
    }

    .emi-slide-calculator .help-text {
        width: 100%;
        float: none;
        padding-bottom: 20px;
        display: block;
        text-align: left;
    }

    .emi-slide-calculator .ui-slider {
        float: none
    }

    .emi-slide-calculator .emi-calculator {
        height: 80px
    }

    .emi-slide-calculator .ui-slider {
        width: 100%
    }

    .emi-slide-calculator .know-more-link {
        margin-left: 0
    }

    .padding30px, .rp-social-block .padding, .users-quotes-block .item {
        padding: 20px
    }

    .rp-social-block .rp-social-left, .rp-social-block .rp-social-twiiter {
        width: 100%;
        float: none
    }

        .rp-social-block .rp-social-twiiter .text-right {
            text-align: center
        }

    footer .fbot .social-text, footer .fbot .social-icons-grey {
        margin-left: 0
    }

    footer .fbot .subscriber-box {
        margin-bottom: 20px
    }

    footer .ftop .flist ul.col {
        width: 33.3333333% !important
    }

    footer .ftop .flist ul {
        margin-top: 20px
    }

    .rp-social-block .rp-social-left .users-quotes-block .item .quotes {
        font-size: 20px;
        line-height: 26px
    }

    .normal-heading {
        font-size: 24px;
        line-height: 24px;
    }

    .what-we-served {
        padding: 20px
    }

        .what-we-served li h5 {
            font-size: 24px
        }

            .what-we-served li h5 span {
                font-size: 16px
            }

        .what-we-served li img {
            max-width: 85%
        }

    #mm-mainMenu {
        background: #fff
    }

    .mm-listview > li > a, .mm-listview > li > span {
        color: #555;
    }

    .mm-menu.mm-theme-dark .mm-listview > li:after {
        border-color: #999
    }

    #mm-mainMenu li a i {
        margin-right: 10px
    }

    .mm-listview > li > a, .mm-listview > li > span {
        padding: 15px 10px 15px 20px
    }

    .rp-social-block .rp-social-left .users-quotes-block .item .user-info {
        text-align: center
    }

    .master-tabs-container {
        background: #ff6d00
    }

    .rp-media-feeds li:last-child .box {
        padding-left: 30px
    }

    .static-banner .watch_video_big {
        display: none
    }

    .static-banner .video_mute {
        display: none
    }

    #home-banner {
        background: url(../images/home-banner-med.jpg) no-repeat center bottom;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
    }

    .static-banner .sb-content {
        display: none
    }

        .static-banner .sb-content h2 {
            margin-top: 30px;
            margin-bottom: 50px;
        }

    .master-tabs li a span {
        text-indent: -9999px;
        display: block;
    }

    .static-banner .sb-content h2 {
        float: none
    }

    .rp-partners li.item {
        display: block;
        text-align: center
    }

    .owl-carousel .owl-item img {
        text-align: center
    }

    .rp-social-block .rp-social-left .users-quotes-block .item .quotes:after {
        top: -5px
    }

    footer .ftop .flist {
        display: none
    }

    .form-list li {
        min-height: auto !important;
    }
    /*TABS*/
    #home-loan-selector.fx-loan-bar .master-tabs-bg {
        padding: 0;
    }

    .master-tabs {
        display: none
    }

    .static-banner {
        padding: 40px 0;
    }

    #home-loan-selector.fx-loan-bar {
        position: static !important
    }

    .master-tabs-container {
        background: none;
        padding: 0;
        display: block !important
    }

        .master-tabs-container .tab-content {
            border-radius: 4px
        }

            .master-tabs-container .tab-content > .tab-pane {
                background: #ff6d00;
            }

        .master-tabs-container .mob-tab-btn {
            display: block;
            background: #999999;
            padding: 15px 20px;
            color: #fff;
            font-weight: 400;
            font-size: 13px;
            border-bottom: 1px solid #777;
            vertical-align: middle;
        }

            .master-tabs-container .mob-tab-btn span {
                position: relative;
                top: 2px;
            }

            .master-tabs-container .mob-tab-btn.active {
                background: #023d8f
            }

        .master-tabs-container #sh-cc-tab {
            border-bottom: 0;
        }

        .master-tabs-container .mob-tab-btn img {
            margin-right: 8px;
            vertical-align: middle
        }

    .home-tab-inner .ui-slider-handle {
        font-size: 16px !important;
    }

    .home-tab-inner .r-contents .btn {
        padding: 10px 15px;
        font-size: 14px;
        margin-top: 0;
    }

    .home-tab-inner .ui-slider {
        width: 85%;
        margin: 30px auto;
    }

    .emi-slide-calculator .ui-slider {
        width: 85%;
        margin: 10px auto 30px;
    }

    .home-tab-inner .r-contents p {
        margin-bottom: 20px
    }

    .home-tab-inner .ui-slider-handle, .emi-slide-calculator .ui-slider-handle {
        margin-left: -20px !important
    }

    .loan-form-container .loan-steps-outer {
        width: 100%;
        float: none;
        min-height: 0 !important;
    }

        .loan-form-container .loan-steps-outer .title {
            float: left;
            width: 150px;
            padding: 20px;
            font-size: 15px;
            line-height: 16px;
        }

        .loan-form-container .loan-steps-outer .step-counts {
            margin-left: 170px;
            padding: 0
        }

            .loan-form-container .loan-steps-outer .step-counts li {
                float: left;
                width: 33.3333333%;
                text-align: center;
                padding: 10px 0
            }

                .loan-form-container .loan-steps-outer .step-counts li .count {
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    font-size: 15px;
                    margin: 0
                }

                .loan-form-container .loan-steps-outer .step-counts li.active .count:after {
                    width: 15px;
                    height: 15px;
                    background-position: -31px -154px;
                    right: -9px
                }

                .loan-form-container .loan-steps-outer .step-counts li.completed .count::after {
                    width: 15px;
                    height: 15px;
                    background-position: -30px -184px;
                    right: -9px
                }

    .loan-form-container .loan-detail-outer {
        width: 100%;
        float: none
    }

        .loan-form-container .loan-detail-outer .loan-application-form {
            width: 100%;
            float: none;
        }

        .loan-form-container .loan-detail-outer .loan-application-instruction {
            margin-left: 0;
            margin-bottom: 20px
        }

            .loan-form-container .loan-detail-outer .loan-application-instruction .help-text {
                padding: 20px;
                font-size: 16px;
                line-height: 16px;
            }

    .loan-form-container .loan-steps-outer .step-counts li, .loan-form-container .loan-steps-outer .step-counts li a {
        font-size: 13px;
        line-height: 13px
    }

    .modal-content {
        margin: 0 auto
    }

    .help-container .title {
        font-size: 20px
    }

    .help-container .padding30px {
        padding: 19px
    }

    .help-container .title a {
        margin-top: 10px
    }

    .loan-compare-container .emi-slider-calc .col {
        float: none;
        width: 100%;
        padding: 0;
    }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            margin-top: 0
        }

    .emi-calculate-value li.ecv-1 .graph {
        width: 100%
    }

    .emi-calculate-value li .princple-amt, .emi-calculate-value li .princple-int {
        margin-left: 0;
        margin-top: 0
    }

    .emi-calculate-value li.ecv-1 .graph {
        float: none
    }

    .emi-calculate-value li.ecv-1, .emi-calculate-value li.ecv-2, .emi-calculate-value li.ecv-3, .emi-calculate-value li.ecv-4 {
        width: 25%
    }

    .emi-calculate-value li {
        padding: 20px
    }

        .emi-calculate-value li h4 span {
            font-size: 14px
        }

    .loan-form-container .loan-detail-outer .title {
        padding: 20px;
    }

    .loan-form-container .loan-detail-outer .divcustomer {
        padding: 20px 0px 20px 0px;
    }

    .loanFormWrapper .loan-form-container .loan-application-form {
        border-radius: 0;
        border: 0;
    }

    .hide-device {
        display: none
    }

    .noUi-horizontal {
        margin: 30px 0
    }

    .emi-calculator .noUi-horizontal {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    .home-tab-inner .noUi-horizontal {
        margin: 30px auto;
        width: 90%;
    }

        .home-tab-inner .noUi-horizontal .noUi-handle {
            width: 70px;
            font-size: 13px;
            left: -35px;
            height: 35px;
            line-height: 35px;
        }

    .loan-compare-container .emi-slider-calc .col.col3 {
        padding: 0
    }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            margin-right: 0;
            margin-left: 0
        }

    .loan-compare-container .noUi-horizontal, .loan-compare-container .noUi-horizontal {
        width: 100%
    }

    .loan-form-container {
        background: #fff
    }

    .home-tab-inner .select2-container {
        margin-bottom: 20px
    }

    .contact-bar .col.col1 {
        width: 100%;
        padding: 20px;
        height: auto;
        float: none;
        border-radius: 4px 4px 0 0
    }

    .contact-bar .col.col2, .contact-bar .col.col3 {
        width: 100%;
        float: none;
        height: auto;
        padding: 50px 20px;
    }

    .contact-bar .col.col3 {
        border-radius: 0 0 4px 4px
    }

    .contact-bar-bottom {
        width: 100%
    }

    .contact-fixed {
        display: none
    }

    .contact-bar-bottom {
        position: relative
    }

    .mob-contact-box {
        position: fixed;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 400px;
        padding: 0 10px;
    }

    .contact-bar {
        margin: auto;
        max-width: 400px;
        padding: 20px;
        position: absolute;
        z-index: 99993;
        top: 10%;
        left: 0;
        right: 0;
    }

    .loan-form-container .selectedBankInfo .img {
        text-align: center;
        height: 60px;
        line-height: 60px;
    }

        .loan-form-container .selectedBankInfo .img img {
            max-height: 55px
        }

    .loan-form-container .selectedBankInfo .list-group {
        padding: 15px;
        margin: 0;
    }

        .loan-form-container .selectedBankInfo .list-group li {
            float: left;
            width: 20%;
            margin-bottom: 0
        }

    .help-container .accordion_head {
        padding-right: 30px
    }
    /*N*/
    .loan-form-container .loan-steps-outer .title img {
        width: 35px
    }

    .loan-form-container .loan-detail-outer .loan-application-form, .loan-form-container .loan-detail-outer .loan-application-instruction, .loan-form-container .loan-detail-outer, .loan-form-container .loan-steps-outer {
        width: 100%;
        float: none
    }

        .loan-form-container .loan-detail-outer .loan-application-instruction {
            width: 100%;
            float: none
        }

    .loanFormWrapper .loan-form-container .helper-logo {
        display: none
    }

    .loanFormWrapper .c-selected {
        width: 100%;
        float: none;
        border-right: 0;
        border-bottom: 1px solid #DADFE1;
        padding: 0 15px
    }

    .loanFormWrapper .c-selectBox {
        float: none;
        width: 100%
    }

    .loanFormWrapper .profession-selection .flat-field2 label {
        display: block !important;
        margin-bottom: 10px;
    }

    .loanFormWrapper .profession-selection a {
        margin: 0 0px 5px 0;
        display: inline-block;
    }

    .loanFormWrapper .gender-field, .loanFormWrapper .dob-input {
        width: 100%
    }

    .form-list li.blankCol {
        min-height: 0;
        margin: 0
    }

    .loan-compare-container .emi-slider-calc .col .scolLeft, .loan-compare-container .emi-slider-calc .col .scolRight, .loan-compare-container .emi-slider-calc .col.col1, .loan-compare-container .emi-slider-calc .col.col2 {
        float: none;
        width: 100%
    }

    .loan-compare-container .emi-slider-calc .col .customText {
        margin: 0
    }

    .loan-compare-container .emi-slider-calc .col.col3 {
        padding: 0
    }

        .loan-compare-container .emi-slider-calc .col.col3 p {
            margin-right: 0;
            margin-left: 0
        }

    .loan-compare-container .noUi-horizontal, .loan-compare-container .noUi-horizontal {
        width: 100%;
        margin: 15px 0 45px
    }

    .loanFormWrapper .loan-form-container .loan-steps-outer .title {
        padding: 10px
    }

    .pattern-top-rotate {
        display: none !important
    }

    .loan-form-container .loan-detail-outer .loan-application-instruction .offers-box {
        margin: 20px 20px 0
    }

    .loan-form-container .loan-steps-outer .step-counts li .count:after {
        display: none
    }

    .loan-form-container .loan-steps-outer {
        border-radius: 0
    }

    .table-view .col .box .final-price {
        padding: 0
    }

    .table-view .tr .trow .col.col6 .dtl {
        margin-right: 80px
    }

    .offerband-static h4 {
        margin: 0
    }

    .numberValidation .btn {
        background-image: none;
    }
    /*AFFIX POS COUNT*/
    body.form-pages, body.stick-steps {
        padding-top: 0;
    }

        body.stick-steps .loan-form-container .loan-steps-outer {
            position: fixed !important;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
        }

    #device-contact {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 100%;
        right: 10px;
        bottom: 60px;
        position: fixed;
        display: block;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(173,173,173,0.15);
        -moz-box-shadow: 0px 1px 1px 0px rgba(173,173,173,0.15);
        box-shadow: 0px 1px 1px 0px rgba(173,173,173,0.15);
    }

    .loanFormWrapper .c-selected {
        height: auto
    }

    .offerband-static {
        display: none
    }

    .header-wrapper {
        display: block;
        margin: 0
    }

    .loan-form-container .loan-steps-outer.loanStepThankyou .theiaStickySidebar {
        top: 0 !important;
    }

    /*TABLE NEW*/
    .rating-block .rp-symbol {
        width: 40px;
        height: 40px
    }

    .device-step4-detail .bankMiniInfo {
        margin: 50px -20px 0
    }

    .device-step4-detail {
        display: block;
        margin-bottom: 20px
    }

        .device-step4-detail .bankMiniInfo {
            padding: 0 20px
        }

    .feedback-submit-block h4 {
        margin-bottom: 5px
    }

    .device-step4-detail .bankMiniInfo li {
        background: #fff;
        text-align: center
    }

        .device-step4-detail .bankMiniInfo li .box {
            background: #fff
        }

        .device-step4-detail .bankMiniInfo li p {
            color: #34495e;
            font-weight: 700;
            text-align: center
        }

            .device-step4-detail .bankMiniInfo li p span {
                font-weight: 400;
                color: #34495e
            }

    .device-step4-detail .rp-helpBlock {
        margin: 0 -20px;
        border-radius: 0
    }

    .feedback-submit-block {
        margin: 0 -20px;
        border-radius: 0
    }

    .device-step4-detail .rp-helpBlock .box {
        border-radius: 0
    }

    .feedback-submit-block .box {
        padding: 20px
    }

    .feedback-submit-block h4 {
        font-size: 20px;
        line-height: 20px;
        font-weight: 700;
        color: #555
    }

    .thankyou-container .greyBg {
        margin: 0 -20px
    }

    .thankyou-container h6 {
        font-size: 18px;
        font-weight: 400;
        text-align: center
    }

    .thankyou-container p.text-2 {
        text-align: center;
        font-size: 14px
    }

    .loan-form-container .loan-steps-outer .title img {
        margin-bottom: 9px
    }


    .table-view .col .box {
        padding: 0
    }

    .table-view {
        margin: 0 -20px
    }

        .table-view .th {
            display: none
        }

        .table-view .col {
            width: 33.3333333%;
            height: 90px
        }

        .table-view .tr .col.col6 {
            width: 33.3333333%
        }

        .table-view .col.col2 .box {
            padding: 25px 15px 0
        }

        .table-view .col.col3 .box, .table-view .col.col4 .box, .table-view .col.col5 .box {
            padding: 5px 15px 0
        }

        .table-view .apply-btn-container .btn {
            width: 100%
        }

        .table-view .tr .col.col4, .table-view .tr .col.col5, .table-view .tr .col.col6 {
            border-top: 1px solid #f7f7f7;
        }

        .table-view .tr .col.col2, .table-view .tr .col.col5 {
            border-left: 1px solid #f7f7f7;
            border-right: 1px solid #f7f7f7
        }

        .table-view .col .box p {
            padding: 0
        }

        .table-view .col.col2 .box p {
            padding: 0
        }

        .table-view .col .btn-link {
            display: none
        }

        .table-view .col.col6 .box {
            text-align: center
        }

        .table-view .col .box .final-price, .table-view .tr .trow .col.col6 .dtl {
            text-align: center;
            padding: 0;
            margin: 0
        }

        .table-view .tr .table-column {
            border-radius: 0;
            border-left: 0;
            border-right: 0
        }

        .table-view .col p br {
            display: none
        }

        .table-view .col .box .final-price {
            line-height: 15px
        }

        .table-view .col .box h6 {
            padding: 0 15px 3px
        }

        .table-view .col p:before {
            color: #788991;
            font-size: 12px;
            display: block;
            font-weight: 400
        }

        .table-view .col.col2 p:before {
            content: 'Max. Eligibility'
        }

        .table-view .col.col3 p:before {
            content: 'Interest Rate';
        }

        .table-view .col.col4 p:before {
            content: 'Monthly EMI';
        }

        .table-view .col.col5 p:before {
            content: 'Processing Fee';
        }

        .table-view .col.col6 p:before {
            content: 'Total Saving: ';
        }

        .table-view .col .box .old {
            line-height: 12px
        }
    /*END TABLE NEW*/
    .thankyou-container h3 {
        text-align: center
    }

    .alignCdevice {
        text-align: center
    }

    .loan-form-container .loan-detail-seprator.thankyouBlock-container {
        float: none
    }

    .thankyou-container {
        padding: 20px 20px 0
    }

    body.form-thankyou .loan-form-container .loan-steps-outer .step-counts {
        display: none
    }

    body.form-thankyou .loan-form-container .loan-steps-outer .title {
        float: none;
        width: 100%;
    }

    body.stick-steps.form-thankyou {
        padding-bottom: 0
    }

    body.stick-steps .loan-form-container .loan-steps-outer {
        position: static !important
    }

        body.stick-steps .loan-form-container .loan-steps-outer .title {
            position: static !important;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 999;
        }

    .loan-form-container .loan-steps-outer .step-counts {
        position: fixed !important;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #ff8707
    }

    .loan-form-container .loan-detail-outer .title h3 {
        font-size: 20px;
        line-height: 20px
    }

    .loan-form-container .loan-detail-outer .title .icons {
        width: 35px
    }

    .loan-form-container .loan-steps-outer .step-counts li::after {
        display: none
    }

    .loan-form-container .loan-steps-outer {
        height: auto
    }

    .loanFormWrapper .loan-form-container .loan-steps-outer .title br {
        display: none;
    }

    .loanFormWrapper .loan-form-container .loan-steps-outer .title img {
        margin-bottom: 0;
        margin-right: 5px;
        width: 24px;
        position: relative;
        top: -1px
    }

    .loanFormWrapper .loan-form-container .loan-steps-outer .title {
        padding: 13px 10px;
        width: 100%;
        float: none
    }

    .loan-form-container .loan-steps-outer .step-counts {
        margin: 0;
        padding: 13px 10px
    }

        .loan-form-container .loan-steps-outer .step-counts li {
            padding: 0;
            text-align: left;
        }

            .loan-form-container .loan-steps-outer .step-counts li br {
                display: none
            }

            .loan-form-container .loan-steps-outer .step-counts li .text {
                margin-left: 5px;
                font-size: 12px
            }

            .loan-form-container .loan-steps-outer .step-counts li.active a .text {
                margin-left: 5px
            }

            .loan-form-container .loan-steps-outer .step-counts li.completed .count:after {
                top: 2px
            }

            .loan-form-container .loan-steps-outer .step-counts li.completed .text {
                margin-left: 10px
            }

            .loan-form-container .loan-steps-outer .step-counts li.active .count:after {
                background-position: -47px -153px;
                right: 1px;
            }

            .loan-form-container .loan-steps-outer .step-counts li.active .count:after {
                top: -10px;
                right: 6px;
            }

            .loan-form-container .loan-steps-outer .step-counts li.completed .count:after {
                top: -8px;
                right: 6px;
            }

    #main-title {
        height: 50px;
        transition: top 0.5s ease-in-out;
        -webkit-transition: top 0.5s ease-in-out;
        -moz-transition: top 0.5s ease-in-out;
        -o-transition: top 0.5s ease-in-out;
        position: fixed !important;
        z-index: 99;
        line-height: 22px;
    }

        #main-title.title-up {
            top: -50px;
        }

    body.form-pages #application-step-1 .loan-application-form {
        padding-top: 50px !important
    }

    .loanFormWrapper .loan-form-container .loan-steps-outer .title {
        font-size: 16px
    }

    .cc-fs .cc-benefit {
        width: 100%;
        float: none;
    }

    .cc-fs .cc-bankdd {
        width: 100%;
        float: none;
        border-left: 0;
        border-top: 1px solid #dadfe1
    }

    .cc-fs .cc-bankdd {
        height: 80px
    }

    .cc-compareBand {
        width: 200px;
        left: inherit;
        right: -1000px;
        display: block;
        padding: 0;
        height: 100%;
        z-index: 999
    }

        .cc-compareBand .cc-holder {
            float: none;
            width: 100%;
            margin: 0;
            padding: 25px 25px 0;
            margin-top: 20px;
        }

        .cc-compareBand .button-box {
            float: none;
            width: 100%
        }

        .cc-compareBand .cc-holder li {
            float: none;
            width: 100%;
            margin-bottom: 15px
        }

            .cc-compareBand .cc-holder li .card-holder {
                float: none;
                width: 100%;
                height: 70px;
                margin-bottom: 10px
            }

                .cc-compareBand .cc-holder li .card-holder img {
                    max-height: 70px
                }

            .cc-compareBand .cc-holder li .cc-detail {
                margin-left: 0
            }

        .cc-compareBand .button-box {
            position: absolute;
            bottom: 0
        }

            .cc-compareBand .button-box .btn {
                text-align: center;
                border-radius: 0;
                margin: 0;
                font-size: 15px;
                line-height: 16px;
                padding: 15px 20px;
                width: 100%
            }

            .cc-compareBand .button-box #applyBtnMob {
                display: block
            }

            .cc-compareBand .button-box #applyBtnWeb {
                display: none !important
            }

            .cc-compareBand .button-box .btn i {
                display: none
            }

    #cbShowHide {
        display: block;
        position: absolute;
        top: 10px;
        left: 25px
    }

    .cc-cresult .col .box .cc-head {
        padding: 20px
    }

        .cc-cresult .col .box .cc-head p {
            font-size: 14px
        }

    .cc-compareBand .cc-holder li .close {
        right: 35px
    }

    .loanFormWrapper .loan-form-container .loan-application-form {
        min-height: inherit
    }

    .been-here-link {
        margin-top: 10px
    }

    .rp-slope-header {
        padding: 30px 0 0
    }

        .rp-slope-header .header-content {
            padding-right: 0
        }

        .rp-slope-header .rp-circle {
            display: none
        }

    .contact-form .formElements .col-3 {
        margin-bottom: 0
    }

        .contact-form .formElements .col-3 .col {
            width: 50%
        }

        .contact-form .formElements .col-3 .col {
            margin-bottom: 20px
        }

    .contact-form .formElements .form-list {
        margin: 0
    }

    .contact-form .formElements .flat-field.type-selector label {
        display: block;
        padding: 0 0 10px
    }

    .contact-form .formElements .flat-field.type-selector a {
        margin: 0 10px 0 0
    }

    .thankyou-container h3 {
        margin: 40px 0 20px 0
    }

    .thankyouBlock-container .title.similar_title_1 {
        margin: 40px 0 20px 0
    }

    .loan-form-container .loan-detail-outer .title .sub-title {
        font-size: 14px;
        line-height: 16px;
        color: #666666;
        padding-left: 40px;
        margin-top: 0px;
    }

    .cc-similar-list {
        margin-bottom: 30px
    }

    .document-submission-wrapper {
        margin: 0
    }

    .cc-similar-list {
        padding: 0 20px
    }

    .table-bank-info {
        margin: 0 -20px 20px;
        border-bottom: 5px solid #8dbe67;
    }

        .table-bank-info li {
            width: 50%;
            min-height: 75px;
            padding: 0;
            overflow: hidden;
            margin: 0;
            border: 1px solid #f7f7f7
        }

            .table-bank-info li.tb-intersetrate, .table-bank-info li.tb-loan-amount, .table-bank-info li.tb-emi {
                border-left: 0;
                border-bottom: 0
            }

            .table-bank-info li .box {
                background: #fff;
            }

                .table-bank-info li .box span {
                    font-weight: 700;
                    font-size: 17px;
                }

                .table-bank-info li .box i {
                    display: none
                }

    .loan-table-wrapper {
        margin: 0 -20px 20px
    }

        .loan-table-wrapper .th {
            display: none !important
        }

        .loan-table-wrapper .tr, .loan-table-wrapper .tr.alternate {
            background: #f3f3f3;
            margin-bottom: 10px
        }

        .loan-table-wrapper .col {
            padding: 20px 10px;
            font-size: 17px;
            text-align: center;
            color: #34495e;
            line-height: 17px;
            font-weight: 700;
            width: 33.3333333% !important
        }

            .loan-table-wrapper .col.col2, .loan-table-wrapper .col.col5 {
                border-left: 1px solid #ebecec;
                border-right: 1px solid #ebecec
            }

        .loan-table-wrapper .col {
            border-bottom: 1px solid #ebecec
        }

            .loan-table-wrapper .col span {
                font-size: 11px;
                font-weight: 400
            }

            .loan-table-wrapper .col.col7 {
                width: 100% !important;
                text-align: center;
                border-bottom: 0
            }

    .loan-calculator-wrapper .left-sidebar, .loan-calculator-wrapper .right-content, .loan-calculator-wrapper .right-content .leftBlock, .loan-calculator-wrapper .right-content .rightBlock {
        width: 100%;
        float: none
    }

        .loan-calculator-wrapper .calc-selector, .loan-calculator-wrapper .left-sidebar .top h3 {
            display: none
        }

    #showCalcOpt {
        width: 9px;
        height: 33px;
        background: url(../images/sprite.png) no-repeat -88px -111px;
        display: inline-block;
        vertical-align: middle;
        text-indent: -9999px;
        position: absolute;
        right: 15px;
        top: 7px;
    }

    .mob-calcDropDown {
        position: relative;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 10px 15px;
        background: #023D8F;
    }

        .mob-calcDropDown p {
            font-size: 18px;
            line-height: 18px;
            display: block;
            vertical-align: middle;
            color: #fff;
            font-weight: 300
        }

            .mob-calcDropDown p i {
                margin-right: 10px
            }

            .mob-calcDropDown p .hlCalc {
                background-position: -296px -116px;
                width: 28px;
                height: 28px;
            }

            .mob-calcDropDown p .plCalc {
                background-position: -325px -116px;
            }

            .mob-calcDropDown p .clCalc {
                background-position: -354px -116px;
            }

            .mob-calcDropDown p .laCalc {
                background-position: -383px -116px;
            }

    .loan-calculator-wrapper .left-sidebar .top {
        display: none
    }

    .loan-calculator-wrapper .left-sidebar {
        position: fixed;
        bottom: 48px;
        z-index: 999;
        width: 100%;
        left: 0;
        background: #f96e43;
    }

        .loan-calculator-wrapper .left-sidebar.article-sideBar {
            position: static
        }

    .loan-calculator-wrapper .right-content .box {
        padding: 20px
    }

    .loan-calculator-wrapper .right-content .leftBlock .noUi-horizontal {
        width: 100%
    }

    .loan-calculator-wrapper .right-content .leftBlock .sb-1 {
        padding: 0 20px
    }

    .pi-graph-block .dg-summry h4 {
        float: left;
        width: 33.333333%;
        border-bottom: 0;
        font-size: 20px;
        line-height: 20px;
    }

        .pi-graph-block .dg-summry h4 span {
            font-size: 13px;
            line-height: 13px
        }

    .pi-graph-block .dg-summry .interest {
        border-left: 1px dotted #fff;
        border-right: 1px dotted #fff
    }

    .emi-payment-scheduling {
        margin-bottom: 20px
    }

        .emi-payment-scheduling .padding {
            padding: 15px 20px
        }

        .emi-payment-scheduling .heading {
            float: none;
            padding: 0 0 20px;
        }

        .emi-payment-scheduling .filter {
            margin-left: 0;
            float: none
        }

            .emi-payment-scheduling .filter .col {
                width: 50%
            }

    .bar-graph-holder {
        margin-bottom: 20px
    }

    .loan-table-wrapper.calcualtionTable .tr .col {
        border: 0;
        height: 80px;
    }

    .loan-table-wrapper.calcualtionTable .col.col1,
    .loan-table-wrapper.calcualtionTable .col.col2,
    .loan-table-wrapper.calcualtionTable .col.col3,
    .loan-table-wrapper.calcualtionTable .col.col4,
    .loan-table-wrapper.calcualtionTable .col.col5,
    .loan-table-wrapper.calcualtionTable .col.col6 {
        border: 1px solid #e5e5e5
    }

    .loan-table-wrapper.calcualtionTable .col.col1, .loan-table-wrapper.calcualtionTable .col.col2, .loan-table-wrapper.calcualtionTable .col.col3 {
        border-bottom: 0
    }

    .loan-table-wrapper.calcualtionTable .col.col2, .loan-table-wrapper.calcualtionTable .col.col5 {
        border-left: 0;
        border-right: 0
    }

    .loan-table-wrapper.calcualtionTable .tr.active {
        border: 0;
        margin-bottom: 0;
    }

    .loan-table-wrapper.calcualtionTable .tr a {
        color: #ff6d00
    }

    .loan-table-wrapper.calcualtionTable .col.col7 {
        height: 60px
    }

    .loan-table-wrapper.calcualtionTable .col.col1,
    .loan-table-wrapper.calcualtionTable .col.col4 {
        border-left: 0;
    }

    .loan-table-wrapper.calcualtionTable .col.col3,
    .loan-table-wrapper.calcualtionTable .col.col6 {
        border-right: 0
    }

    .loan-table-wrapper .more-detail .mtr {
        border-bottom: 10px solid #fff
    }

        .loan-table-wrapper .more-detail .mtr .mcol {
            width: 33.333334% !important;
            color: #34495e;
            font-size: 14px;
            font-weight: 700;
            height: 60px;
            border-bottom: 1px solid #ccc
        }

            .loan-table-wrapper .more-detail .mtr .mcol span {
                font-size: 12px;
                font-weight: 300
            }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol1, .loan-table-wrapper .more-detail .mtr .mcol.mcol4 {
                border-left: 0
            }

            .loan-table-wrapper .more-detail .mtr .mcol.mcol3, .loan-table-wrapper .more-detail .mtr .mcol.mcol6 {
                border-right: 0
            }

    .loan-calculator-wrapper {
        background: #fff
    }

        .loan-calculator-wrapper .calc-selector li {
            padding: 10px 15px;
            text-align: left
        }

            .loan-calculator-wrapper .calc-selector li a br {
                display: none
            }

            .loan-calculator-wrapper .calc-selector li a i {
                margin-right: 10px
            }

        .loan-calculator-wrapper .left-sidebar .top h3 img {
            margin-bottom: 0
        }

    .track-application-page {
        padding-top: 70px !important;
    }

        .track-application-page .loan-form-container .loan-detail-outer .title {
            padding-top: 70px
        }

    .app-status-view .app-status-viewList .col.col1 {
        width: 30%
    }

    .app-status-view .app-status-viewList .col.col2 {
        width: 70%;
        border-right: 0
    }

    .app-status-view .app-status-viewList .col.col3 {
        border-right: 0;
        width: 100%;
        float: none;
        border-top: 1px solid #e5e5e5;
        clear: both
    }

    .logoutBtn {
        margin-top: 7px
    }

    .mm-menu > .mm-panel > .drop-down br {
        display: none
    }

    .mm-menu > .mm-panel > .drop-down img {
        display: none
    }

    .cc-benefitList {
        margin-bottom: 20px
    }

    .dropdown-holder li {
        border-bottom: 1px solid #ccc;
        padding: 15px 20px;
        color: #333;
    }

        .dropdown-holder li a {
            color: #333;
            display: block;
        }

        .dropdown-holder li.multi-lists {
            padding-left: 0
        }

            .dropdown-holder li.multi-lists a {
                padding: 15px 20px;
                border-bottom: 1px solid #ccc
            }

                .dropdown-holder li.multi-lists a:first-child {
                    padding-top: 0
                }

                .dropdown-holder li.multi-lists a:last-child {
                    border-bottom: 0;
                    padding-bottom: 0;
                }

    .article-lists, .article-list-latest {
        border: 0;
        float: none;
        width: 100%
    }

        .article-list-latest h4 {
            background: #ff6d00;
            color: #fff
        }

    .loan-calculator-wrapper .article-sideBar .social-sharer {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #ff8707
    }

        .loan-calculator-wrapper .article-sideBar .social-sharer li {
            float: left;
            width: 20%;
            text-align: center;
            padding: 10px 0;
        }

            .loan-calculator-wrapper .article-sideBar .social-sharer li a {
                width: 35px;
                height: 35px;
                line-height: 32px
            }

    .article-date {
        color: #9ca8ae;
        font-size: 11px;
        line-height: 11px;
        margin: 20px 0 0;
        padding: 0;
        text-align: left
    }

    .article-lists .single-article.article-detail .article-min h4, .article-lists .single-article.article-detail .article-min h4 a {
        font-size: 24px;
        line-height: 26px;
    }

    .article-date br {
        display: none;
    }

    .article-date span {
        display: inline-block;
        font-size: 11px;
        line-height: 11px;
    }

    .alf-result-container .alf-result-list, .alf-result-container .alf-map-result, .alf-container .alf-form, .alf-container .alf-find-button {
        width: 100%;
        float: none
    }

    .alf-container .alf-find-button {
        padding: 0;
        margin: 0 0 20px;
    }

    .alf-result-container .alf-result-list {
        padding-right: 0;
        margin-bottom: 30px
    }

    .atm-locatorIcon, .ifscIcon {
        margin: 0 5px 0 0
    }

    .cc-filter-result .cc-fListing li .cc-bankLogo {
        padding: 5px;
        height: 75px
    }

    .cc-benefit-sliders .cc-col .slider-title {
        bottom: -50px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 12px;
        font-weight: 400;
        position: static;
        display: block;
        text-align: center;
        max-width: 100px;
        margin: 30px auto 0;
    }

    .cc-benefit-sliders {
        padding: 20px;
        margin-bottom: 30px;
    }

    .amount-selector {
        margin: 20px -20px 0;
        background: #eceeee;
    }

        .amount-selector .flat-field {
            border-left: 0;
            border-right: 0
        }

            .amount-selector .flat-field .inline-radioBtn input[type=radio].css-checkbox + label.css-label, .amount-selector .flat-field input[type=radio].css-checkbox + label.css-label.clr {
                display: block;
                text-align: left
            }

    .editIconAbs {
        top: 5px
    }

    /*===============7-7-2015=============*/
    .profession-li div.flat-field2 {
        float: left;
        width: 100% !important;
    }

    .profession-li div.col {
        width: 100%;
        float: none;
    }

    .profession-li a.col1 {
        width: 100%;
        line-height: auto !important;
        float: none;
    }

    .profession-li a.col3 {
        width: 100%;
        float: none;
    }

    .profession-selection a.col4 {
        width: 100%;
        float: none;
    }

    .profession-li a.col1, a.col3 br {
        display: none;
    }

    .profession-li a span {
        float: none;
    }

    .profession-li em {
        float: none;
    }

    .profession-li label.col2 {
        width: 100%;
        float: none;
        line-height: auto !important;
    }

    /*=================9-7-2015===============*/
    .contact-bar .col.col1 {
        width: 100%;
        padding: 20px;
        height: auto;
        float: none;
        border-radius: 4px 4px 0 0
    }

    .contact-bar .col.col2, .contact-bar .col.col3 {
        width: 100%;
        float: none;
        height: auto;
        padding: 50px 20px;
    }

    .contact-bar .col.col3 {
        border-radius: 0 0 4px 4px
    }

    .contact-bar-bottom {
        width: 100%
    }

    .contact-fixed {
        display: none
    }

    .contact-bar-bottom {
        position: relative
    }

    .mob-contact-box {
        position: fixed;
        top: 10%;
        left: 0;
        right: 0;
        margin: auto;
        max-width: 400px;
        padding: 0 10px;
    }

    .contact-bar {
        margin: auto;
        max-width: 400px;
        padding: 20px;
        position: absolute;
        z-index: 99993;
        top: 10%;
        left: 0;
        right: 0;
    }

    /*===================22-7-2015===================*/
    .loanFormWrapper .city-selection .flat-field2 label {
        float: none;
    }

    .loanFormWrapper .city-selected a {
        float: none;
        text-align: left;
        margin-left: 0px !important;
    }

        .loanFormWrapper .city-selected a br {
            display: none;
        }

    body.form-pages #application-step-1 .loan-application-form {
        padding-top: 0px !important;
    }

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

        .track-form .normal-heading {
            width: 100%;
            float: left;
        }

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

        .track-form .common {
            width: 100%;
            float: left;
            margin-right: 20px;
        }

        .track-form .btn-blue {
            float: left;
            width: 100%;
            background: #023d8f none repeat scroll 0 0;
            border-radius: 2px;
            color: #ffffff;
            font-size: 19px;
            font-weight: 300;
            line-height: 19px;
            padding: 14px 20px;
        }
}

@media (max-width: 630px) {
    .cc-container li {
        float: none;
        width: 100%
    }

    .cc-mob-compare, .cc-mob-footer, .cc-mob-feat {
        display: block
    }

    .cc-container .cc-holder .cc-footer, .cc-container .cc-holder .cc-action .cc-compare, .cc-container .cc-holder .btn-block {
        display: none
    }

    .cc-container .cc-holder .cc-mob-feat {
        float: none;
        margin: 0
    }

        .cc-container .cc-holder .cc-mob-feat li {
            width: auto;
            float: left;
            margin: 25px 5px 0 0;
            padding: 0;
        }

    .cc-container .cc-holder .cc-compare.cc-mob-compare {
        display: block;
        text-align: left;
        margin: 0 -20px;
        border-radius: 0;
        padding: 0;
    }

    .cc-container .cc-holder .cc-mob-footer .btn {
        width: 100%;
        font-size: 15px;
        padding: 20px;
        text-align: center;
        display: block;
        float: none;
        border-radius: 0;
    }

    .cc-container .cc-holder .cc-mob-footer {
        margin: 0 -20px
    }

        .cc-container .cc-holder .cc-mob-footer .btn.viewMore {
            background: #ff6d00
        }

    .cc-container .cc-holder .arrow-right {
        margin-left: 10px
    }

    .compareModal .modal-body {
        padding: 40px 20px
    }

    .cc-cresult .col {
        width: 100%;
        margin: 0 0 20px
    }

    .cc-cresult-two .col {
        width: 100%;
        margin: 0 0 20px
    }

    .cc-cresult-one .col {
        width: 100%;
        margin: 0 0 20px
    }

    .cc-container .cc-holder .cc-compare.cc-mob-compare .pull-left {
        width: 50%;
        padding: 15px;
        text-align: center;
        border-right: 1px solid #dedede;
    }

    .cc-container .cc-holder .cc-compare.cc-mob-compare .pull-right {
        width: 50%;
        padding: 15px;
        text-align: center;
    }
    /*-------------30-6-2015-----------------*/
    .rp-slope-header .header-content h1 {
        font-size: 24px;
        line-height: 26px;
        margin: 0 0 10px
    }

    .rp-slope-header .header-content p {
        font-size: 14px;
        line-height: 16px
    }

    .book-time-slot {
        margin-bottom: 0
    }

        .book-time-slot .col {
            width: 100%;
            margin-bottom: 20px;
            float: none
        }

    .contact-form .formElements .col-3 .col {
        width: 100%;
        float: none
    }
}

@media (max-width: 580px) {
    .emi-calculate-value li {
        text-align: center;
        padding: 20px;
        min-height: 40px;
    }

        .emi-calculate-value li h4 {
            padding: 30px 0
        }

        .emi-calculate-value li.ecv-1, .emi-calculate-value li.ecv-2, .emi-calculate-value li.ecv-3, .emi-calculate-value li.ecv-4 {
            float: none;
            width: 100%
        }

        .emi-calculate-value li.ecv-4 {
            border-radius: 0 0 4px 4px
        }

    .send-quote-request .box {
        padding: 20px
    }

    .send-quote-request .subscriber-box {
        min-width: inherit
    }

    .loanFormWrapper .city-selection .flat-field2 label {
        display: block !important;
        padding: 15px;
        margin: 0;
    }

    .loanFormWrapper .c-selected, .form-list li.fullCol.profession-selection .flat-field2 {
        padding: 0
    }

        .loanFormWrapper .c-selected a, .loanFormWrapper .profession-selection a {
            margin: 0;
            padding: 10px 15px;
            display: block;
            line-height: normal
        }

    .loanFormWrapper .c-selected {
        line-height: normal
    }

    .loanFormWrapper .city-selection .flat-field2 .c-selectBox label {
        padding-left: 15px !important
    }

    .loanFormWrapper .c-selected a:nth-of-type(odd), .loanFormWrapper .profession-selection a:nth-of-type(odd) {
        background: #f7f7f7
    }

    .loanFormWrapper .c-selected label, .loanFormWrapper .profession-selection label {
        padding: 15px !important;
        margin: 0 !important
    }

    body.credit-card-page .loan-form-container .loan-detail-outer .title {
        padding: 20px
    }
}

@media (max-width: 560px) {
    .static-banner h1 {
        font-size: 40px;
        line-height: 40px
    }

    .static-banner p {
        font-size: 18px;
        line-height: 24px
    }

    .how-we-help-info ul li {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }

    .how-we-help-info .padding {
        padding: 20px
    }

    .what-we-served li img {
        width: 40px;
        max-width: 100%
    }

    .what-we-served li h5 {
        font-size: 20px;
        line-height: 20px;
    }

        .what-we-served li h5 span {
            font-size: 14px;
            line-height: 16px;
        }

    .rp-partners-list .owl-controls {
        display: none
    }

    .form-list li {
        float: none;
        width: auto;
        height: auto;
    }

    .flat-field input[type=radio].css-checkbox + label.css-label, .flat-field input[type=radio].css-checkbox + label.css-label.clr {
        display: block;
        text-align: center
    }

    .loan-form-container .selectedBankInfo .list-group li {
        float: left;
        width: 50%;
        height: 35px;
    }

    .send-quote-request .normal-heading {
        display: block
    }

    .send-quote-request .subscriber-box {
        margin-left: 0;
        width: 100%
    }

    .thankyou-container h3 {
        padding: 0 0 10px
    }

    .flat-field .inline-radioBtn input[type=radio].css-checkbox + label.css-label, .flat-field input[type=radio].css-checkbox + label.css-label.clr {
        display: inline-block
    }
}

@media (max-width: 540px) {
    .loan-form-container {
        border-radius: 0
    }

    .formElements .col-2 .col {
        float: none;
        width: 100%
    }
    /*FULL LAYOUT*/
    .loanFormWrapper .loan-form-container .loan-detail-outer .loan-application-instruction, .loanFormWrapper .loan-form-container .loan-detail-outer, .loan-form-container, .loan-form-container .loan-detail-outer .loan-application-form {
        background: #eceeee
    }

    .loanFormWrapper .loan-form-container .loan-application-form .padding30px {
        padding: 0
    }

    .loanFormWrapper .flat-field, .loanFormWrapper .flat-field2, .loanFormWrapper .col-fullfield {
        border-left: 0;
        border-right: 0
    }

    .loanFormWrapper .form-list li .flat-field, .loanFormWrapper .c-selectBox, .loanFormWrapper .flat-field2, .loanFormWrapper .col-fullfield {
        background: #fff
    }

    .loanFormWrapper .form-list {
        margin: 0
    }

        .loanFormWrapper .form-list li {
            padding: 0
        }

    .send-quote-request.loan-static-box {
        margin: 0 0 20px 0
    }

        .send-quote-request.loan-static-box .closeBtn {
            right: 5px;
            top: 5px
        }

    .loanFormWrapper .city-selection .flat-field2 label {
        background: #fff
    }

    .loanFormWrapper .c-selected a:nth-of-type(odd), .loanFormWrapper .profession-selection a:nth-of-type(odd) {
        background: #f7f7f7
    }

    .loanFormWrapper .c-selected a, .loanFormWrapper .profession-selection a {
        background: #fff;
    }

    .loanFormWrapper .loan-form-container .rp-terms {
        background: #f7f7f7;
        min-height: 80px
    }

    .loan-compare-container .emi-slider-calc .col.col1 {
        background: #fff;
        padding: 20px 30px;
    }

        .loan-compare-container .emi-slider-calc .col.col1 .addmarginB20, .loan-compare-container .emi-slider-calc {
            margin-bottom: 0 !important
        }

    .table-view {
        margin: 0
    }

        .table-view .tr .table-column {
            border-radius: 0;
            border-left: 0;
            border-right: 0
        }

    .helping-text {
        border-radius: 0;
        color: #555
    }

    .loan-form-container .loan-detail-outer .thankyouBlock-container .title {
        padding: 20px
    }

    .device-step4-detail .rp-helpBlock {
        margin: 0
    }

    .feedback-submit-block {
        margin: 0 0 30px
    }

    .loan-form-container {
        float: none;
        width: 100%
    }

    .loanFormWrapper .btn {
        border-radius: 0
    }

    .cc-fs {
        background: #fff;
        margin-bottom: 20px;
        border-left: 0;
        border-right: 0
    }

    .cc-container {
        margin: 0;
        background: #fff
    }

        .cc-container li {
            padding: 0 15px
        }

        .cc-container .cc-holder .cc-compare.cc-mob-compare {
            padding: 0
        }

        .cc-container .cc-holder .cc-compare.cc-mob-compare, .cc-container .cc-holder .cc-mob-footer {
            margin: 0 -15px
        }

    .cc-fs .cc-benefit {
        float: left;
        width: 50%;
        height: auto;
        position: relative
    }

    .cc-fs .cc-bankdd {
        width: 50%;
        float: left;
        border-top: 0;
        height: auto;
        border-left: 1px solid #dadfe1
    }

    .cc-fs .cc-benefit ul {
        display: none;
        border: 1px solid #dadfe1;
        position: absolute;
        width: 100%;
        z-index: 1;
        background-color: #fff;
        left: 0;
        top: 72px;
    }

        .cc-fs .cc-benefit ul li {
            float: none;
            width: 100%;
            margin: 0;
            padding: 15px;
            text-align: left
        }

            .cc-fs .cc-benefit ul li br {
                display: none
            }

        .cc-fs .cc-benefit ul li {
            margin: 0 10px 0 0
        }

            .cc-fs .cc-benefit ul li a {
                font-size: 13px;
                display: block
            }

            .cc-fs .cc-benefit ul li:nth-of-type(odd) {
                background: #f7f7f7;
            }

    #mob-cc-category {
        display: block
    }

    .select2-container li {
        padding: 10px !important
    }

    .book-time-slot {
        margin: 0 -20px 0 !important
    }

        .book-time-slot .col {
            float: none;
            width: 100%;
            padding: 0;
            margin: 0 0 20px
        }

    .contact-form {
        background: #eceeee;
        margin: 0 -20px;
    }

        .contact-form .formElements .col-3 .col {
            background: #fff;
            border-left: 0;
            border-right: 0;
        }

        .contact-form .formElements .flat-field {
            background: #fff
        }

        .contact-form .formElements .common .btn {
            margin-left: 20px
        }

        .contact-form .normal-heading {
            margin: 20px;
            padding-top: 0;
            margin-top: 0
        }

        .contact-form .formElements .flat-field.type-selector a {
            margin: 0 0 10px;
            display: block
        }

    .cc-similar-list li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .cc-similar-list {
        background: #fff;
        padding-top: 20px;
    }

    .loan-form-container .loan-detail-outer .thankyouBlock-container .title.similar_title {
        padding: 20px;
        margin: 0 !important;
    }

    .form-list li {
        min-height: inherit
    }

    .logoutBtn {
        display: block;
        float: none;
        color: #fff;
        background: #265CA7;
        margin: 20px -20px 0;
        padding: 8px 20px;
        text-align: center;
        text-shadow: none
    }

        .logoutBtn:hover {
            color: #fff;
        }

    .rp-appThk {
        padding: 0 20px;
        margin-bottom: 20px
    }

    .alf-result-container, .ifsc-result {
        background: #fff;
        padding: 20px
    }

    .ifsc-result {
        margin: 0;
        padding-bottom: 20px
    }

    .cc-benefit-sliders {
        padding: 20px 0;
        background: #fff
    }

    .cc-filter-result {
        background: #fff;
        padding: 20px
    }

        .cc-filter-result .cc-fListing li {
            width: 33.33333333%
        }

    .loan-form-container .loan-detail-outer .title.large-title h3 {
        line-height: 35px
    }

    .loan-form-container .loan-detail-outer .title.large-title img {
        float: left
    }

    .loan-form-container .loan-detail-outer .title.large-title .been-here-link {
        margin: -2px 0 0
    }
}

@media (max-width: 520px) {
    footer .ftop .flist ul.col {
        width: 100% !important
    }

    .what-we-served li {
        width: 50%;
        float: left;
        height: 120px;
        border-right: 0;
        padding: 0 0 20px;
        border-bottom: 1px dotted #8d9cbd;
        border-right: 1px dotted #8d9cbd
    }

        .what-we-served li:last-child, .what-we-served li:nth-child(3n) {
            border-bottom: 0;
        }

        .what-we-served li:nth-child(2n) {
            border-right: 0
        }

    .video-testimonials-block ul li {
        float: none;
        width: 100%;
        margin-bottom: 30px;
        text-align: center
    }

    .static-banner .sb-content h2 {
        font-size: 32px;
        line-height: 34px;
    }

    .table-view .tr .loan-description ul li {
        width: 100%;
        float: none
    }

    .about-continer .team-list li {
        width: 50%;
        margin-bottom: 10px
    }

        .about-continer .team-list li:first-child {
            width: 100%
        }

    .pi-graph-block .dg-summry h4 {
        font-size: 16px;
        line-height: 16px;
        padding: 0 15px;
        font-weight: 600
    }
}

@media (max-width: 480px) {
    .loan-form-container .loan-detail-outer .rp-terms {
        min-height: 90px
    }

    .modal-body {
        padding: 20px
    }

    .modal-dialog {
        margin: 60px 20px
    }

    .loan-detail-outer .btn-default {
        display: block
    }
    /*N*/
    .help-container .accordion_head {
        padding-right: 40px
    }
    /*AFFIX POS COUNT*/
    body.stick-steps { /*padding-top:40px;*/
        padding-bottom: 30px;
    }

    .numberValidation .modal-body {
        padding: 50px 20px 20px
    }

    .thankyou-container h3 {
        font-size: 32px;
        line-height: 34px
    }

    .thankyou-container p {
        font-size: 18px;
        line-height: 20px
    }

        .thankyou-container p.text-2 {
            line-height: 20px
        }

        .thankyou-container p a, .thankyou-container p span {
            font-weight: 400
        }

    .feedback-submit-block p, .feedback-submit-block .rating-block {
        margin: 0 0 15px
    }

    .device-step4-detail .bankMiniInfo {
        padding: 0;
        margin: 50px -1px 0
    }

        .device-step4-detail .bankMiniInfo li .box {
            padding: 15px
        }

        .device-step4-detail .bankMiniInfo li {
            height: 55px;
            min-height: inherit
        }

            .device-step4-detail .bankMiniInfo li .box {
                padding: 11px 10px
            }

    .bankMiniInfo li p {
        font-size: 14px
    }

        .bankMiniInfo li p span {
            font-size: 12px
        }

    .table-view .col.col2 .box p {
        padding: 0
    }

    .table-view .col.col6 .box {
        padding: 0
    }

    .feedback-submit-block .box {
        padding: 20px
    }

    .thankyou-container h3 {
        margin: 0 0 10px
    }

    .feedback-submit-block h4 {
        font-size: 20px;
        line-height: 22px
    }

    .loan-form-container .loan-steps-outer .step-counts li .count {
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 14px;
    }

    .loan-form-container .loan-steps-outer .step-counts li.active .count:after, .loan-form-container .loan-steps-outer .step-counts li.completed .count:after {
        right: 1px
    }

    .loan-form-container .loan-steps-outer .step-counts li.completed .text {
        margin-left: 5px
    }

    .loanFormWrapper .headingBg {
        font-size: 16px;
        color: #777
    }

    .mob-helper-text {
    }

    .loan-form-container .loan-detail-outer .rp-terms.rp-tlarge {
        min-height: 130px
    }

    .form-list-three {
        width: 100% !important;
    }

    .flat-field.right-border {
        border-right: 1px solid #dadfe1;
    }

    .been-here-link {
        float: none;
        display: block;
        margin: -10px 0 0 40px
    }

    .terms-continer h2, .about-continer h2 {
        font-size: 24px;
        line-height: 24px
    }

    .terms-continer .count {
        font-size: 14px;
        line-height: 24px;
        width: 24px;
        height: 24px;
    }

    .document-submission-wrapper ul li {
        width: 100%;
        float: none
    }

    .loan-table-wrapper .more-detail .mtr .mcol {
        font-weight: 600;
        padding: 10px 5px
    }

        .loan-table-wrapper .more-detail .mtr .mcol span {
            font-size: 10px
        }

    .pi-graph-block .dg-summry h4 {
        width: 100%;
        float: none;
        padding: 15px 0
    }

    .pi-graph-block .dg-summry .interest {
        border: 0;
        border-top: 1px dotted #fff;
        border-bottom: 1px dotted #fff
    }

    .loan-calculator-wrapper .right-content .box .normal-heading {
        font-size: 20px;
        line-height: 20px
    }

        .loan-calculator-wrapper .right-content .box .normal-heading img {
            width: 35px
        }

    .loan-calculator-wrapper .right-content .leftBlock .sb-1 .nms-1 .flat-field {
        width: 100%
    }

    .app-status-view .app-status-viewList .col {
        width: 100% !important;
        border: 0;
        float: none
    }

        .app-status-view .app-status-viewList .col.col2 {
            border-top: 1px solid #e5e5e5
        }

    .app-status-view {
        border-left: 0;
        border-right: 0
    }

    .track-application-page {
        padding-bottom: 0 !important
    }

    .article-lists .single-article .article-min h4, .article-lists .single-article .article-min h4 a {
        font-size: 22px;
        line-height: 22px
    }

    .article-lists .single-article .article-min p {
        font-size: 14px;
        line-height: 18px
    }

    .ifsc-result p {
        font-size: 13px
    }

        .ifsc-result p span {
            min-width: inherit;
            color: #444
        }

    .loan-form-container .loan-detail-outer .title.large-title h3 {
        font-size: 16px;
        line-height: 20px
    }

    .cc-filter-result .cc-fListing {
        margin: 0 -10px
    }

        .cc-filter-result .cc-fListing li {
            padding: 0 10px
        }
}

@media (max-width: 379px) {
    .static-banner h1 {
        font-size: 32px;
        line-height: 34px
    }

    .loan-form-container .loan-steps-outer .step-counts li.completed .count:after {
        top: -11px;
        right: 2px;
    }

    .loan-form-container .loan-steps-outer .step-counts li .count {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 11px;
        margin: 0;
    }

    .loanFormWrapper .col-fullfield .col-small {
        width: 100%;
        float: none;
        border-right: 0 !important;
        border-bottom: 1px solid #dadfe1 !important
    }

        .loanFormWrapper .col-fullfield .col-small.last {
            border-bottom: 0 !important
        }

        .loanFormWrapper .col-fullfield .col-small.col-s1 {
            border-right: 1px solid #dadfe1 !important;
        }

        .loanFormWrapper .col-fullfield .col-small.col-s1, .loanFormWrapper .col-fullfield .col-small.col-s2 {
            float: left;
            border-bottom: 0 !important
        }

    .loanFormWrapper .dob-input .col-fullfield .col-small {
        width: 33.3333333%;
        float: left;
        border-right: 1px solid #dadfe1 !important;
        border-bottom: 0 !important
    }

        .loanFormWrapper .dob-input .col-fullfield .col-small.last {
            border-right: 0 !important
        }

        .loanFormWrapper .dob-input .col-fullfield .col-small label {
            padding: 15px 10px 5px
        }

    .loan-form-container .loan-detail-outer .title h3 {
        font-size: 17px
    }

    .numberValidation h5 {
        font-size: 20px;
        line-height: 20px
    }

    .numberValidation {
        padding-right: 0 !important
    }

        .numberValidation h5.head a {
            position: relative;
            top: 8px
        }

    .loan-calculator-wrapper .right-content .box .normal-heading {
        font-size: 18px
    }
}

@media (max-width: 360px) {
    .device-step4-detail .bankMiniInfo li {
        height: 60px;
        overflow: hidden
    }

    #application-step-1 .loan-application-form .rp-terms {
        min-height: 130px
    }

    .loan-form-container .loan-steps-outer .step-counts li .count {
        line-height: 20px
    }

    .cc-fs .cc-benefit {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 15px;
    }

    .cc-fs .cc-bankdd {
        width: 100%;
        float: none;
        border-top: 0;
        height: auto;
        border-left: 0;
        border-top: 1px solid #dadfe1
    }

    .table-bank-info li .box span {
        font-size: 15px;
        line-height: 15px
    }

    .track-application-page .loan-form-container .loan-detail-outer .title .icons {
        float: left
    }
}

@media (max-width: 350px) {
    .loan-form-container .loan-steps-outer .step-counts {
        padding: 15px 5px
    }

        .loan-form-container .loan-steps-outer .step-counts li {
            width: auto;
            padding: 0 7px;
        }

    .loan-table-wrapper .col {
        font-size: 14px
    }

    .cc-filter-result .cc-fListing li {
        width: 50%
    }
}

@media (max-width: 340px) {
    .table-view .col, .table-view .tr .col.col6 {
        width: 50%
    }

    .table-view .tr .trow .col.col1 {
        border-bottom: 0
    }

    .table-view .tr .trow .col.col3 {
        border-right: 1px solid #f7f7f7;
        border-top: 1px solid #f7f7f7
    }

    .table-view .col .box .img img {
        max-height: 55px
    }

    .cc-container .cc-holder .cc-img {
        float: none;
        width: 100%
    }

    .cc-container .cc-holder .cc-action {
        margin-left: 0
    }

    body.credit-card-page .loan-form-container .loan-detail-outer .title {
        padding: 20px 15px
    }

        body.credit-card-page .loan-form-container .loan-detail-outer .title h3 {
            font-size: 16px
        }
}

@media (max-width: 330px) {
    .loan-form-container .loan-steps-outer .step-counts {
        padding: 14px 0
    }

    .loan-form-container .loan-detail-outer .title h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .contact-bar .col.col1 p {
        font-size: 15px;
        line-height: 16px
    }

    .contact-bar .form-control {
        font-size: 14px
    }

    .send-quote-request .subscriber-box .form-control {
        font-size: 14px;
        padding: 0 80px 0 10px
    }

    .send-quote-request .subscriber-box .btn {
        font-size: 14px
    }

    .loan-table-wrapper .col {
        width: 50% !important
    }

        .loan-table-wrapper .col.col2 {
            border-left: 0
        }

        .loan-table-wrapper .col.col1, .loan-table-wrapper .col.col3, .loan-table-wrapper .col.col5 {
            border-right: 1px solid #ebecec;
            border-left: 0
        }

    .loan-table-wrapper.calcualtionTable .col.col4 {
        border-right: 0;
        border-bottom: 0
    }

    .loan-table-wrapper.calcualtionTable .col.col6 {
        border-left: 0
    }

    .loan-table-wrapper.calcualtionTable .col.col3, .loan-table-wrapper.calcualtionTable .col.col5 {
        border-right: 1px solid #ebecec;
    }

    .loan-table-wrapper .more-detail .mtr .mcol {
        width: 50% !important
    }

        .loan-table-wrapper .more-detail .mtr .mcol.mcol2, .loan-table-wrapper .more-detail .mtr .mcol.mcol4 {
            border-right: 0
        }

        .loan-table-wrapper .more-detail .mtr .mcol.mcol3 {
            border-right: 1px solid #ccc
        }

        .loan-table-wrapper .more-detail .mtr .mcol span {
            font-size: 11px
        }

    .mob-calcDropDown p {
        font-size: 16px
    }

    .loan-form-container .loan-detail-outer .title.large-title .been-here-link {
        float: right;
        margin: 10px 0 0
    }
}



.correct-img-emp {
    float: right;
    position: relative;
    right: 10px;
    top: -59px;
}

.req {
    color: #FF6d00;
}

.msg-war {
    background: none repeat scroll 0 0 #e96e57; /*border: 1px solid #ff0000;*/
    color: #FFF;
    font-size: 13px;
    margin: 1px 0 10px;
    padding: 10px;
}

    .msg-war span {
        background: none /*url("/support/img_rp/tiny_imgs_sprite.png") no-repeat scroll -2px -143px transparent*/;
        margin-right: -1px;
        padding: 3px 6px 5px;
    }

li p#msg_box {
    font-size: 10px;
    padding-top: 2px;
}

.correct-bg {
    background: url("/support/img_rp/correct_new_small.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 18px;
    margin-top: 1px;
    width: 18px;
}

.flat-field .select2-container--default .select2-selection--single .select2-selection__rendered, .flat-field2 .select2-container--default .select2-selection--single .select2-selection__rendered, .col-fullfield .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
}

.loanFormWrapper .profession-selection a {
    margin-left: 4px !important;
}

.loanFormWrapper .gender-field a {
    margin-left: 43px !important;
}

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

.img > img {
    max-width: 130px;
}

.form-list li.error .flat-field,
.form-list li.error .flat-field2,
.form-list li.error .col-fullfield {
    border-color: red !important;
}

/*ADDED 4 JULY 2015 */

.table-doc .th {
    background: #8c8c8c
}

    .table-doc .th h5 {
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        padding: 25px 0px;
        display: block;
    }

.table-doc .col1 {
    float: left;
    width: 20%;
    border-right: 1px dotted #bfbfbf;
    font-size: 12px;
    line-height: 26px;
    color: #777
}

.table-doc .col2 {
    width: 30%;
    float: left;
    border-right: 1px dotted #bfbfbf;
    font-size: 12px;
    line-height: 26px;
    color: #777
}

.table-doc .col3 {
    width: 10%;
    float: left;
    border-right: 1px dotted #bfbfbf;
    font-size: 12px;
    line-height: 26px;
    color: #777
}

.table-doc .col4 {
    width: 30%;
    float: left;
    border-right: 1px dotted #bfbfbf;
    font-size: 12px;
    line-height: 26px;
    color: #777
}

.table-doc .col5 {
    width: 10%;
    float: left;
    border-right: 1px dotted #bfbfbf;
    font-size: 12px;
    line-height: 26px;
    color: #777
}

.table-doc .tr {
    background: #f3f3f3;
}

    .table-doc .tr .alternate {
        background: #fff;
    }

    .table-doc .tr .trow {
        border-bottom: 1px dotted #dadfe1;
    }

    .table-doc .tr .trow {
        padding: 15px 0px;
    }

        .table-doc .tr .trow .col1 {
            float: left;
            width: 20%;
            border-right: 0px;
            font-size: 12px;
            line-height: 26px;
            color: #777
        }

        .table-doc .tr .trow .col2 {
            width: 30%;
            float: left;
            border-right: 0px;
            font-size: 12px;
            color: #777
        }

        .table-doc .tr .trow .col3 {
            width: 10%;
            float: left;
            border-right: 0px;
            font-size: 12px;
            color: #777
        }

        .table-doc .tr .trow .col4 {
            width: 30%;
            float: left;
            border-right: 0px;
            font-size: 12px;
            color: #777
        }

        .table-doc .tr .trow .col5 {
            width: 10%;
            float: left;
            border-right: 0px;
            font-size: 12px;
            text-align: center;
            color: #777
        }

.msg-err {
    background: #e96e57;
    color: #fff;
    font-size: 13px;
    margin: 1px 0 10px;
    padding: 10px;
}

.msg-corr {
    background: #53b168;
    color: #fff;
    font-size: 13px;
    margin: 1px 0 10px;
    padding: 10px;
}


/*MERGE 02 July*/
.cc-cresult-two {
    margin: 0 auto;
    max-width: 800px !important;
}

    .cc-cresult-two .col {
        float: left;
        width: 50%;
        padding: 0 15px;
        position: relative;
    }

        .cc-cresult-two .col .box {
            border-bottom: 1px dashed #ff6d00;
        }

            .cc-cresult-two .col .box .cc-head { /*background:#ff6d00;*/
                background: #fff;
                border: 1px dashed #ff6d00;
                padding: 20px 20px 20px;
                text-align: center;
                border-radius: 0;
                min-height: 80px;
            }

                .cc-cresult-two .col .box .cc-head img {
                    border-radius: 4px;
                    margin-bottom: 10px
                }

                .cc-cresult-two .col .box .cc-head p {
                    color: #023a88;
                    font-size: 20px;
                    line-height: 20px
                }

            .cc-cresult-two .col .box ul {
                border-left: 1px dashed #ff6d00;
                border-right: 1px dashed #ff6d00;
            }

                .cc-cresult-two .col .box ul li {
                    padding: 15px 15px 15px 33px;
                    position: relative
                }

                    .cc-cresult-two .col .box ul li.heading {
                        background: #f7f7f7;
                        font-size: 18px;
                        line-height: 18px;
                        vertical-align: middle;
                        color: #333;
                        margin-bottom: 10px;
                    }

                        .cc-cresult-two .col .box ul li.heading i {
                            margin-right: 5px;
                            margin-top: 0;
                        }

                    .cc-cresult-two .col .box ul li p:before {
                        width: 10px;
                        height: 10px;
                        display: inline-block;
                        content: '';
                        background: #008be0;
                        border-radius: 100%;
                        position: absolute;
                        left: 15px;
                        top: 12px
                    }

.cc-cresult-one {
    margin: 0 auto;
    max-width: 500px;
}

    .cc-cresult-one .col {
        float: left;
        width: 100%;
        padding: 0 15px;
        position: relative;
    }

        .cc-cresult-one .col .box {
            border-bottom: 20px solid #f7f7f7
        }

            .cc-cresult-one .col .box .cc-head {
                background: #ff6d00;
                padding: 40px 50px 20px;
                text-align: center;
                border-radius: 0
            }

                .cc-cresult-one .col .box .cc-head img {
                    border-radius: 4px;
                    margin-bottom: 10px
                }

                .cc-cresult-one .col .box .cc-head p {
                    color: #fff;
                    font-size: 20px;
                    line-height: 20px
                }

            .cc-cresult-one .col .box ul {
                border-left: 1px dashed #ff6d00;
                border-right: 1px dashed #ff6d00;
            }

                .cc-cresult-one .col .box ul li {
                    padding: 15px;
                    position: relative
                }

                    .cc-cresult-one .col .box ul li.heading {
                        background: #f7f7f7;
                        font-size: 18px;
                        line-height: 18px;
                        vertical-align: middle;
                        color: #333;
                        margin-bottom: 10px;
                    }

                        .cc-cresult-one .col .box ul li.heading i {
                            margin-right: 5px;
                            margin-top: 0;
                        }
                    /*7July @Arun Compare Bullet Points*/
                    .cc-cresult-one .col .box ul li:before {
                        width: 10px;
                        height: 10px;
                        display: inline-block;
                        content: '';
                        background: #008be0;
                        border-radius: 100%;
                        position: absolute;
                        left: 15px;
                        top: 20px
                    }

                    .cc-cresult-one .col .box ul li.heading:before {
                        display: none
                    }
/*7July @Arun End*/

.compareModal.selectCardModal .cc-cresult-two h3 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px
}

.compareModal.selectCardModal .cc-cresult-two .col .box {
    border: 1px solid #f7f7f7
}

    .compareModal.selectCardModal .cc-cresult-two .col .box .cc-head {
        background: #f7f7f7
    }

        .compareModal.selectCardModal .cc-cresult-two .col .box .cc-head p {
            color: #444
        }

    .compareModal.selectCardModal .cc-cresult-two .col .box.active {
        border: 1px solid #ff6d00
    }

    .compareModal.selectCardModal .cc-cresult-two .col .box .chooseBtn {
        background: url(../images/sprite.png);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
        display: inline-block;
        background-position: -217px -113px
    }

        .compareModal.selectCardModal .cc-cresult-two .col .box .chooseBtn.active {
            background-position: -192px -113px;
        }


.compareModal.selectCardModal .cc-cresult-one h3 {
    text-align: center;
    font-weight: 300;
    margin-bottom: 30px
}

.compareModal.selectCardModal .cc-cresult-one .col .box {
    border: 1px solid #f7f7f7
}

    .compareModal.selectCardModal .cc-cresult-one .col .box .cc-head {
        background: #f7f7f7
    }

        .compareModal.selectCardModal .cc-cresult-one .col .box .cc-head p {
            color: #444
        }

    .compareModal.selectCardModal .cc-cresult-one .col .box.active {
        border: 1px solid #ff6d00
    }

    .compareModal.selectCardModal .cc-cresult-one .col .box .chooseBtn {
        background: url(../images/sprite.png);
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
        display: inline-block;
        background-position: -217px -113px
    }

        .compareModal.selectCardModal .cc-cresult-one .col .box .chooseBtn.active {
            background-position: -192px -113px;
        }

.box-overlay.active {
    background: #000000 none repeat scroll 0 0;
    float: left;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    width: 90%;
    padding: 0 5%;
}

ul.doc-coll li {
    padding: 8px 15px 8px 33px;
    position: relative;
}

    ul.doc-coll li.heading:before {
        background: none;
    }

    ul.doc-coll li.heading {
        background: #f7f7f7;
        font-size: 18px;
        line-height: 18px;
        vertical-align: middle;
        color: #023d8f;
        margin-bottom: 10px;
    }

    ul.doc-coll li:before {
        width: 10px;
        height: 10px;
        display: inline-block;
        content: '';
        background: #008be0;
        border-radius: 100%;
        position: absolute;
        left: 15px;
        top: 13px;
    }

.select2-container.select2-container--default.select2-container--disabled {
    background-color: #f7f7f7;
}

/*5-7-20115*/
/*7July @Arun Credit Card Transition Effect Fix*/
body.comapre-band-shown {
    padding-top: 100px;
    -moz-transition: padding-top .8s ease-in;
    -o-transition: padding-top .8s ease-in;
    -webkit-transition: padding-top .8s ease-in;
    transition: padding-top .8s ease-in;
}
/*7July @Arun Credit Card Fix End */
.cc-container .cc-holder .cc-feat-list {
    -webkit-transition: max-height 0.6s ease-out;
    -moz-transition: max-height 0.6s ease-out;
    -o-transition: max-height 0.6s ease-out;
    transition: max-height 0.6s ease-out;
    /*max-height: 100px;*/ overflow: hidden;
}

    .cc-container .cc-holder .cc-feat-list.expanded {
        max-height: 300px
    }
/*Scroll To Top*/
.scrollToTop {
    background: url(../images/BackTop.png) no-repeat top left;
    width: 55px;
    height: 55px;
    display: inline-block;
    position: fixed; /*right:10px;*/
    right: 21%;
    bottom: 10px;
    text-indent: -9999px;
    border: 0;
    outline: none;
    display: none
}
/*

/*IMAGE TRANSFORM*/
/*.transformImg img{-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;	transition: all .2s ease;}
.transformImg:hover img{-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5);transform:scale(1.1);}*/
.txtorng {
    color: #ff6d00;
}

.text-center {
    text-align: center;
}

#resend-code-notification {
    font-size: 12px;
    margin-left: 10px;
}

.btn-upload {
    background: #023d8f;
    padding: 3px 6px;
    margin-left: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;
    border: 0;
    border-radius: 0
}

.contact-form .formElements .error {
    border: 1px solid #ff6d00 !important;
}

.cc-compare input[type=checkbox] {
    float: left !important;
}

.cc-compare label.css-label {
    background: none;
    padding-left: 20px;
    padding-top: 4px;
}

.subscribe-sucess-msg p i {
    margin-right: 10px;
}

.subscribe-sucess-msg p {
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 300;
    margin-top: 25px;
    vertical-align: middle;
}

.tickRounded {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -220px -320px;
    display: inline-block;
    height: 40px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 40px;
}

.ic-emailRounded {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(../images/sprite.png) no-repeat -261px -320px;
}


/*.profession-selection{ float:left; }
.profession-selection .flat-field2{ width:100%; float:left;}
.flat-col{ width:6%; float:left; line-height: 41px !important;}
.profession-selection .col{width:94%; float:left;}
.col1{ width:27.3333%; padding-left:4%; float:left; line-height:40px;}
.col2{ width:31.3333%; float:left;}
.col3{ width:31.3333%; float:left;}
.col1 img,.col2 img,.col3 img{ float:left;}
.col1 span,.col2 span,.col3 span{ float:left;}
*/

/*ADDED BY SANDEEP FOR INSURANCE TWO WHEELER | 5_8_2015*/
.insurer-wrapper {
    float: left;
    width: 730px;
}

.bank-logo {
    float: left;
    width: 132px;
    height: 169px;
    margin-right: 15px;
}

.loginid {
    width: 583px;
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 13px
}

.insurance-detail {
    float: left;
    width: 583px;
}

    .insurance-detail table {
        border: solid 1px #b7b7b7;
        border-collapse: collapse;
        text-align: center
    }

        .insurance-detail table td, th {
            border: solid 1px #b7b7b7;
        }

        .insurance-detail table th {
            background: #d7d7d7;
            padding: 5px;
            font-size: 14px;
            font-weight: lighter
        }

        .insurance-detail table td span {
            font-family: "Indian Rupee";
        }

        .insurance-detail table td {
            font-size: 34px;
            color: #5a5a5a
        }

            .insurance-detail table td sub {
                font-size: 16px
            }

.greendetail {
    float: left;
    width: 198px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 13px;
    background: #31b197;
    text-indent: 10px
}

.darkgreendetail {
    float: left;
    width: 193px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    font-size: 13px;
    background: #1c8d76;
    text-indent: 10px
}

.dealer-detail-wrapper {
    width: 730px;
    height: 85px;
    background: #ebebeb;
    float: left;
    margin-top: 10px
}

.dealer_title {
    width: 148px;
    height: 85px;
    background: #5e5e5e;
    line-height: 85px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    float: left
}

.detailsnamewidthadd {
    width: 300px;
    font-size: 12px;
    float: left;
    padding: 5px 10px;
    box-sizing: border-box
}

    .detailsnamewidthadd strong {
        color: #ff6d00;
        padding: 3px 0;
        padding-bottom: 5px
    }

.rightdetails {
    float: right;
    width: 200px;
    padding: 6px
}

    .rightdetails ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .rightdetails ul li {
            width: 96%;
            float: right;
            height: 34px;
            line-height: 34px;
            background: #fff;
            font-size: 12px;
            margin-bottom: 5px;
            text-indent: 8px;
        }

.continuebtn {
    float: left;
    width: 100%;
    margin-top: 25px;
    text-align: center
}

    .continuebtn a {
        padding: 8px 20px;
        background: #023d8f;
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
        text-decoration: none
    }
/*10-sep15-starts*/
table.credila-benefits tbody tr td {
    border-bottom: 1px solid #f1f7f4;
    padding: 15px 0;
}

    table.credila-benefits tbody tr td.value-center {
        text-align: center;
        text-transform: capitalize;
    }

.credila-benefits tr.heading {
    color: #444444;
    font-weight: bold;
}

.form-list .absInputBox.yes {
    right: 60px;
}

.ic-questionmark.credila-heading {
    background-position: -41px -275px;
}

table.credila-benefits tbody tr td.value-center .yes-icon {
    background-position: -41px -275px;
}

/*===================23-10-2015================*/
.get-submit .btn.is-arrow {
    background: #023d8f url("../images/btn-arrow.png") no-repeat scroll 90% center;
    padding: 13px 45px 13px 25px;
    text-transform: capitalize;
}

.rating-div {
    float: right;
    padding-right: 15px;
    position: relative;
    top: -5px;
}

.rating-symbol {
    font-size: 18px;
    line-height: 13px;
}

.rate-flt {
    font-size: 17px;
    font-weight: 300;
    color: #666666;
    padding-right: 15px;
}

.sucessfield-msg {
    color: #023d8f;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.rating-symbol-background {
    color: #ff6d00;
}

.rating-symbol-foreground {
    color: #ff6d00;
}

.small-font {
    float: right;
    font-size: 12px;
}

.pr {
    position: relative;
}

    .pr #submit-loader {
        position: absolute;
    }

.allUl:hover {
    text-decoration: underline;
}

/*03 DEC 2015*/
.cc-container.cc-list-view {
    width: 100%;
    float: left;
    margin-top: 15px;
}

    .cc-container.cc-list-view li {
        float: left;
        width: 100%
    }

        .cc-container.cc-list-view li .btn-block {
            width: auto;
            display: inline-block;
            margin-right: 10px;
        }

            .cc-container.cc-list-view li .btn-block .btn {
                min-width: 205px;
                padding: 12px 18px 11px;
            }

        .cc-container.cc-list-view li .cc-holder .cc-compare {
            border: 1px solid #f5f5f5;
            padding: 6px 50px 8px
        }

        .cc-container.cc-list-view li .cc-footer {
            border-bottom: 1px solid #ff6f03 !important;
            padding: 0 0 30px;
            margin: -5px 0 20px;
            background: #fff
        }

            .cc-container.cc-list-view li .cc-footer .viewMore {
                position: static;
            }

.cc-compareBand .close {
    color: #ffffff;
    font-weight: 300;
    position: absolute;
    right: 28px;
    top: 20px;
    background: url(../images/close-icon.png) no-repeat left top;
    width: 10px;
    height: 9px;
    opacity: 0.9;
    float: right;
}

    .cc-compareBand .close span {
        display: none;
    }

.cc-compare input[type=checkbox].cc-compare-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    .cc-compare input[type=checkbox].cc-compare-checkbox + label.cc-compare-label {
        padding-left: 21px;
        height: 15px;
        display: inline-block;
        line-height: 16px;
        padding-top: 0px;
        margin: 0px;
        background-repeat: no-repeat;
        background-position: 0 -40px;
        font-size: 13px;
        font-weight: 400;
        color: #adadad;
        vertical-align: middle;
        cursor: pointer;
        -webkit-transition: background-position .1s ease-in;
        -moz-transition: background-position .1s ease-in;
        -o-transition: background-position .1s ease-in;
        transition: background-position .1s ease-in;
    }

    .cc-compare input[type=checkbox].cc-compare-checkbox:checked + label.cc-compare-label {
        background-position: 0 -55px;
    }

.cc-compare label.cc-compare-label {
    background-image: url(../images/input-sprite.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cc-container .cc-holder .cc-feat-list li.no-li::before {
    background: none;
}

.cc-container .cc-holder .cc-feat-list li.no-li a {
    color: #888888;
    text-decoration: underline;
}

.cc-detail a.btn-default {
    padding: 6px;
    font-size: 11px;
    margin-top: 10px;
    position: absolute;
    top: 43px;
}

.fade-btn {
    opacity: 0.6 !important;
    filter: alpha(opacity:0.6);
}

.cc-cresult a.btn-default {
    padding: 7px 25px;
}

html.ie8 .cc-compare input[type=checkbox].cc-compare-checkbox {
    position: static;
    height: 15px;
    outline: none;
}

    html.ie8 .cc-compare input[type=checkbox].cc-compare-checkbox + label.cc-compare-label {
        padding: 0px;
        height: auto;
    }


/* 07 DEC 2015 Shortlisted Cards*/
.shortlistedCards .borderBox {
    border: 1px solid #f4f5f6;
    margin: 20px
}

.shortlistedCards .cardsCount {
    background: #f7f7f7;
    text-align: left;
    padding: 20px;
}

    .shortlistedCards .cardsCount h1 {
        color: #ff6d00;
        font-size: 65px;
        line-height: 60px;
        font-weight: 800;
        margin: 0;
        padding: 0;
    }

        .shortlistedCards .cardsCount h1 span {
            color: #023d8f;
            display: block;
            font-size: 37px;
            font-weight: 800;
            line-height: 29px;
            margin: 0 0 7px;
            padding: 0;
        }

    .shortlistedCards .cardsCount p {
        font-size: 15px;
        color: #000;
        line-height: 16px;
    }

.shortlistedCards .scFeatures {
    background: #fbfbfb;
}

    .shortlistedCards .scFeatures p {
        font-size: 12px;
        padding: 20px;
        border-bottom: 1px solid #f4f5f6;
        font-weight: 300
    }

    .shortlistedCards .scFeatures ul {
        margin: 0
    }

        .shortlistedCards .scFeatures ul li {
            float: left;
            width: 50%;
        }

            .shortlistedCards .scFeatures ul li p {
                padding: 10px;
                color: #788991;
                font-size: 12px;
                font-weight: 300;
                display: flex;
                vertical-align: middle;
                line-height: 14px;
                align-items: center;
                border: 0;
            }

            .shortlistedCards .scFeatures ul li:nth-child(odd) {
                border-bottom: 1px solid #f4f5f6;
                border-right: 1px solid #f4f5f6
            }

            .shortlistedCards .scFeatures ul li:nth-child(even) {
                border-bottom: 1px solid #f4f5f6;
            }

            .shortlistedCards .scFeatures ul li p img {
                width: 30px;
                float: left;
                display: inline-block;
                height: 30px;
                margin-right: 5px;
            }

.shortlistedCards .scBanklist p {
    padding: 20px;
    font-size: 12px;
    line-height: 14px;
    border-bottom: 1px solid #f4f5f6;
    color: #000
}

.shortlistedCards .scBanklist ul {
    margin-bottom: -1px
}

    .shortlistedCards .scBanklist ul li {
        text-align: center;
        float: left;
        width: 50%;
    }

        .shortlistedCards .scBanklist ul li:nth-child(odd) {
            border-bottom: 1px solid #f4f5f6;
            border-right: 1px solid #f4f5f6
        }

        .shortlistedCards .scBanklist ul li:nth-child(even) {
            border-bottom: 1px solid #f4f5f6;
        }

        .shortlistedCards .scBanklist ul li p {
            border-bottom: 0;
            padding: 10px
        }
/***updated on 7dec2015***/
/*
.cardsCount.bg_card_img {background-image: url(../images/cards_icons.png);
background-position:137px 20px;
background-repeat: no-repeat;}*/

.cardsCount.bg_card_img {
    background-image: url(../images/cards_icons.png);
    /*background-position:137px 20px;*/ height: 209px;
    background-repeat: no-repeat;
}

    .cardsCount.bg_card_img a {
        width: 235px;
        height: 209px;
        float: left;
    }

.shortlistedCards .bg_card_img + .scBanklist ul li p {
    padding: 8px 0;
    text-align: center;
}

.default-text {
    width: 100%;
    color: #999999;
    padding: 15px 25px;
    margin-top: 20px;
    background: #f7f7f7;
}

    .default-text h3 {
        color: #023d8f;
        font-weight: bold;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .default-text p {
        color: #999999;
        font-size: 18px;
        font-weight: 300;
        line-height: 28px;
    }

/*11-12-2015*/
.edit-disable {
    background: url(../images/sprite.png) no-repeat -474px -118px;
    width: 22px;
    height: 22px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 9px;
    width: 23px;
    height: 23px;
    font-size: 0px;
}

/*30-12-2015*/
.heading-title {
    font-size: 22px;
    font-weight: 300;
}
/*================13-1-2016================*/
.table-view.table-view-utl .col {
    width: 13.2%;
    border-right: 1px solid #d9d9d9;
}

.table-view.table-view-utl .tr .trow .col.col6 {
    border-right: 0 none;
    width: 34%;
}

.table-view.table-view-utl .tr .trow .btn {
    background: #ff6d00 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 4px 0 0;
    padding: 10px 33px;
    text-align: center;
    text-transform: capitalize;
}

.table-view.table-view-utl .tr {
    margin-top: 0;
}

    .table-view.table-view-utl .tr .trow .col.col6 .dtl {
        float: left;
        margin-right: 0;
        width: 151px;
    }

.table-view.table-view-utl .col .btn-link {
    font-size: 11px;
    margin: 0 0 4px;
    text-align: right;
}

.table-view.table-view-utl .th .col6 {
    border-right: 0px;
}

.table-view.table-view-utl .th .col {
    border-right: 1px dotted #bfbfbf;
}

/*28-01-2-16*/
.shortlistedCards .cardsCount h6 {
    color: #ff6d00;
    font-size: 65px;
    line-height: 60px;
    font-weight: 800;
    margin: 0;
    padding: 0;
}

    .shortlistedCards .cardsCount h6 span {
        color: #023d8f;
        display: block;
        font-size: 37px;
        font-weight: 800;
        line-height: 29px;
        margin: 0 0 7px;
        padding: 0;
    }

.cardsCount.bg_card_img_hl {
    background-image: url(../images/ibibo_hl.jpg);
    /*background-position:137px 20px;*/ height: 209px;
    background-repeat: no-repeat;
}

    .cardsCount.bg_card_img_hl a {
        width: 235px;
        height: 209px;
        float: left;
    }
/*================26-02-2016================*/
.table-view.table-view-utl .col {
    width: 13.2%;
    border-right: 1px solid #d9d9d9;
}

.table-view.table-view-utl .tr .trow .col.col6 {
    border-right: 0 none;
    width: 34%;
}

.table-view.table-view-utl .tr .trow .btn {
    background: #ff6d00 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 4px 0 0;
    padding: 10px 33px;
    text-align: center;
    text-transform: capitalize;
}

.table-view.table-view-utl .tr {
    margin-top: 0;
}

    .table-view.table-view-utl .tr .trow .col.col6 .dtl {
        float: left;
        margin-right: 0;
        width: 151px;
    }

.table-view.table-view-utl .col .btn-link {
    font-size: 11px;
    margin: 0 0 4px;
    text-align: right;
}

.table-view.table-view-utl .th .col6 {
    border-right: 0px;
}

.table-view.table-view-utl .th .col {
    border-right: 1px dotted #bfbfbf;
}

/*21-4-2016*/

.bx-wrapper .bx-pager {
    color: #666666;
    font-family: Arial;
    font-size: 0.85em;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 214px;
    position: absolute;
    width: 100%;
    z-index: 999;
    right: -527px !important;
}

    .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        display: inline-block;
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #ff6d00;
    }

    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #023a88;
        border-radius: 8px;
        display: block;
        height: 12px;
        margin: 0 5px;
        outline: 0 none;
        text-indent: -9999px;
        width: 12px;
    }

.thankyou-agon-bnr {
    width: 100%;
    float;
    left;
    border: 1px solid #979797;
    margin-bottom: 30px;
}

.relative {
    position: relative;
}

.hideit {
    display: none;
}

.showit {
    display: block;
    color: red
}

#aegon-loan-tab .r-contents p {
    margin-left: 25px;
    margin-bottom: 30px;
}


/*====POPUP@20171201====Start==*/
#popup_display .modal-content {
    float: left;
    background: #fff;
}

#popup_display .modal-body {
    padding: 0px;
}

#popup_display a {
    cursor: pointer;
}

.popup_display {
    width: 100%;
    background: #fff;
    float: left;
    height: 413px;
}

.popup-left {
    width: 50%;
    float: left;
    background: #023a88;
    color: #fff;
    text-align: center;
    padding: 50px 10px 0 10px;
    min-height: 413px;
}

    .popup-left a {
        text-decoration: none;
    }

    .popup-left h2 {
        font-family: 'Open Sans', sans serif;
        font-size: 28px;
        color: #fff;
        padding: 12px 0px 34px 0px;
    }

    .popup-left p {
        font-family: 'Open Sans', sans serif;
        font-size: 17px;
        color: #fff;
    }

.popup-right {
    width: 50%;
    float: left;
    text-align: center;
    padding: 50px 10px 0 10px;
}

    .popup-right h2 {
        font-family: 'Open Sans', sans serif;
        color: #023a88;
        font-size: 28px;
        padding: 12px 0px 34px 0px;
    }

    .popup-right a {
        text-decoration: none;
    }

    .popup-right p {
        font-family: 'Open Sans', sans serif;
        color: #424242;
        font-size: 17px;
        padding: 0px 10px 0 0px;
    }

.lender-img {
    width: 80px;
    height: 70px;
    display: inline-block;
    background: url(../images/sprite.png?v=1.1) no-repeat -25px -431px;
}

.cns-img {
    width: 65px;
    height: 70px;
    display: inline-block;
    background: url(../images/sprite.png?v=1.1) no-repeat -200px -428px;
}

.org-txt {
    color: #fb7122;
}

.lender-img-logo {
    width: 180px;
    height: 38px;
    display: inline-block;
    background: url(../images/sprite.png?v=1.1) no-repeat -7px -579px;
    margin-top: 30px;
}

.cns-img-logo {
    width: 230px;
    height: 144px;
    display: inline-block;
    background: url(../images/sprite.png?v=1.1) no-repeat -224px -579px;
    margin-top: 30px;
}
/*====POPUP@20171201====End==*/