a, p, span, h1, h2, h3, h4, h5 {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Lato', sans-serif;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

html {
    height: 100%;
    box-sizing: border-box;
}

@font-face {
    font-family: 'metro';
    src: url('fonts/metro-icons-fixed-2000-webfont.eot?x=1351252202');
    src: url('metro-icons-fixed-2000-webfont.eot?#iefix') format('embedded-opentype'), url('metro-icons-fixed-2000-webfont.woff?x=1351252202') format('woff'), url('metro-icons-fixed-2000-webfont.ttf?x=1351252202') format('truetype'), url('metro-icons-fixed-2000-webfont.svg?x=1351252202#metroicons8-3regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a:focus {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.no-padding {
    padding: 0px !important;
}

.home-main-header .navbar.navbar-default {
    background: none;
    border: none;
    box-shadow: none;
    margin-bottom: 0px;
}

.home-main-header .home-main-header-container {
    padding: 10px 0px;
}

    .home-main-header .home-main-header-container.affix {
        width: 100%;
        background: #fff;
        z-index: 999999;
        border-bottom: 1px solid #ccc;
    }

.home-main-header ul.navbar-right {
    margin-right: 0px;
}

    .home-main-header ul.navbar-right li a {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 4px 19px;
        margin-top: 10px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 300;
        color: #565656;
    }

.home-main-header ul.navbar-nav li a {
    color: #565656;
    font-size: 15px;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
}

    .home-main-header ul.navbar-nav li a:active, .home-main-header ul.navbar-nav li a:hover, .home-main-header ul.navbar-nav li a:focus {
        border-bottom: 2px solid #0c6196;
    }

.home-main-header ul.navbar-nav.navbar-right li a:active, .home-main-header ul.navbar-nav.navbar-right li a:hover, .home-main-header ul.navbar-nav.navbar-right li a:focus {
    border-bottom: none;
}

.home-main-header ul.navbar-right li a:hover, .home-main-header ul.navbar-right li a:focus, .home-main-header ul.navbar-right li a:active {
    border: 1px solid #ccc !important;
}

.home-main-header ul.navbar-nav li a:active::after, .home-main-header ul.navbar-nav li a:hover::after, .home-main-header ul.navbar-nav li a:focus::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #0c6196;
    clear: both;
    content: "";
    height: 0;
    left: 42%;
    position: absolute;
    top: 88%;
    width: 0;
}

.text-danger {
    color: #f65959;
}

.audioControls {
    color: #5a5a5a;
    font-size: 17px !important;
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.forwardControl {
    height: 27px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../images/forward.png');
}

.backwardControl {
    height: 27px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../images/backword.png');
}

.text-danger > ul {
    padding-left: 0;
}

    .text-danger > ul > li {
        list-style: none;
    }

.selected {
    border-bottom: 2px solid #0c6196 !important;
}

.home-main-header ul.navbar-nav li a.selected::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #0c6196;
    clear: both;
    content: "";
    height: 0;
    left: 42%;
    position: absolute;
    top: 88%;
    width: 0;
}

.signedin-container ul.navbar-right ul.dropdown-menu::before {
    border-bottom: 19px solid #0c6196;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    clear: both;
    content: "";
    height: 0;
    left: 40%;
    position: absolute;
    top: -8px;
    width: 0;
}

a {
    cursor: pointer !important;
}

.home-main-header ul.navbar-nav.navbar-right.logedin li a:active, .home-main-header ul.navbar-nav.navbar-right.logedin li a:hover, .home-main-header ul.navbar-nav.navbar-right.logedin li a:focus {
    border: none !important;
}

.home-main-header ul.navbar-nav li {
    margin-left: 2px;
}

    .home-main-header ul.navbar-nav li:last-child {
        margin-left: 1px;
    }

.home-main-header ul.navbar-nav.navbar-right li a:active::after, .home-main-header ul.navbar-nav.navbar-right li a:hover::after, .home-main-header ul.navbar-nav.navbar-right li a:focus::after {
    content: none;
}

.home-main-header .navbar-collapse {
    margin-top: 5px;
}

.home-main-header ul.navbar-right li {
    margin-right: 10px;
}

    .home-main-header ul.navbar-right li:last-child {
        margin-right: -34px;
    }

.home-main-header .navbar-form .form-control {
    font-size: 13px;
    font-weight: 300;
}

#search-header, #search-header-btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #ccc;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

#search-header {
}

#search-header-btn {
    text-indent: -99999px;
    position: relative;
    left: -12px;
    top: 5px;
    display: block;
    background: url(../images/search-btn.png) 0 0 no-repeat;
    border: none;
    display: inline-block;
    width: 18px;
}

.home-main-header .banner {
    background: url(../images/banner.jpg) no-repeat center center;
    height: 100%;
    border-bottom: 4px solid #ffcd34;
    margin-bottom: 60px;
    width: 100%;
    position: relative;
    height: 33em;
    background-size: 100% 100%;
}

small {
    font-size: 15px;
    font-weight: normal;
}

.home-main-header .banner .main {
    display: table;
}

    .home-main-header .banner .main .banner-text {
        display: table-cell;
        vertical-align: middle;
        height: 450px;
    }

        .home-main-header .banner .main .banner-text h1 {
            font-size: 47px;
            text-transform: uppercase;
            color: #fff;
        }

            .home-main-header .banner .main .banner-text h1 span {
                color: #ffcd34;
            }

        .home-main-header .banner .main .banner-text p {
            font-size: 17px;
            color: #fff;
            margin: 20px 0px;
        }

.home-main-header .bible-cntnt {
    margin-bottom: 55px;
}

    .home-main-header .bible-cntnt h4 {
        color: #7c7b7b;
        font-size: 20px;
        font-weight: 500;
    }

    .home-main-header .bible-cntnt p {
        color: #8c8c8c;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.3px;
    }

.home-main-header .get-started {
    background: url(../images/get-started.jpg) no-repeat center center;
    height: 100%;
    min-height: 250px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 60px 0px;
}

.home-main-header .get-started-cntnt {
    background-color: #fff;
    padding: 45px 0px;
}

    .home-main-header .get-started-cntnt input {
        height: 70px;
        margin-left: 0px;
        max-width: 90px;
        text-align: center;
        border: 1px solid #969595;
        margin-bottom: 15px;
        color: #0c6196;
        font-size: 30px;
    }

        .home-main-header .get-started-cntnt input::placeholder {
            color: #0c6196;
            font-size: 30px;
        }

    .home-main-header .get-started-cntnt label {
        color: #656464;
        font-size: 19px;
        font-weight: 400;
        width: 100%;
        margin-bottom: 15px;
    }

    .home-main-header .get-started-cntnt i.fa {
        font-size: 31px;
        margin-bottom: 7px;
        margin-top: -10px;
        color: #656464;
    }

    .home-main-header .get-started-cntnt h4 {
        margin-top: 90px;
        color: #616161;
        font-size: 23px;
        text-transform: uppercase;
        text-align: right;
    }

    .home-main-header .get-started-cntnt .trynow-btn {
        background: #0c6196 none repeat scroll 0 0;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        margin-top: 90px;
        max-width: 95px;
        padding: 5px 10px 5px 20px;
        width: 100%;
    }

        .home-main-header .get-started-cntnt .trynow-btn a {
            color: #fff;
        }

            .home-main-header .get-started-cntnt .trynow-btn a:hover {
                text-decoration: none;
            }

.trynow-btn button {
    background: #0c6196 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 15px;
    margin-top: 0px !important;
    max-width: 95px;
    width: 100%;
    padding: 7px 16px;
    border: none;
}

.home-main-header .testimonials {
    padding: 60px 0px 80px 0px;
}

    .home-main-header .testimonials h3 {
        text-align: center;
        font-size: 24px;
        color: #616161;
        font-weight: 400;
        margin-bottom: 60px;
    }

    .home-main-header .testimonials span {
        text-align: center;
        font-size: 24px;
        color: #616161;
        font-weight: 400;
        margin-bottom: 10px;
        display: block;
        background-color: #ffffff;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

hr {
    width: 370px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #939393;
    padding: 0;
}

.text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -3em;
    width: 246px;
}

.home-main-header .testimonials h4 {
    text-align: center;
    font-size: 19px;
    color: #7c7b7b;
    font-weight: 400;
    margin: 20px 0px;
}

.home-main-header .testimonials h5 {
    color: #7a7d7d;
    font-size: 16px;
    font-weight: 400;
}

.home-main-header .testimonials p {
    color: #8c8c8c;
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
}

.home-main-header .footer {
    background: #474747;
    border-bottom: 2px solid #0c6196;
    padding: 20px 0 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

    .home-main-header .footer span {
        color: #fff;
        font-size: 13px;
        margin-right: 10px;
        font-weight: 400;
    }

        .home-main-header .footer span a {
            color: #fff;
            font-size: 13px;
            margin-right: 15px;
            font-weight: 400;
        }

            .home-main-header .footer span a:hover {
                text-decoration: none;
            }

    .home-main-header .footer p {
        color: #fff;
    }

    .home-main-header .footer .social ul {
        list-style: none;
        margin-bottom: 0px;
    }

        .home-main-header .footer .social ul li {
            display: inline-block;
            margin-right: 10px;
        }

.home-main-header-container form {
    margin-left: 30px;
}

.home-main-header .footer span a:last-child {
    margin-right: 0px;
}

.home-main-header .modal-header {
    border-radius: 5px;
}

.home-main-header .modal-header {
    background: #2572a0;
    border-radius: 5px 5px 0px 0px;
}

    .home-main-header .modal-header h4 {
        color: #fff;
        font-size: 20px;
    }

    .home-main-header .modal-header button {
        color: #fff;
        opacity: 1;
    }

.home-main-header .modal-body {
    background: #eeeeee;
    padding: 30px 0;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #febc03;
}

.home-main-header .modal-footer {
    background: #eeeeee;
}

.home-main-header .modal-body input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    height: 44px;
    margin-bottom: 20px;
    border-bottom: 1px solid #bebebe;
    padding-left: 0px;
}

    .home-main-header .modal-body input:focus {
        box-shadow: none;
    }

.home-main-header .modal-body button {
    width: 100%;
    background: #106397;
    height: 44px;
    text-align: center;
    font-size: 17px;
    border-radius: 0px;
    margin-bottom: 30px;
}

    .home-main-header .modal-body button:hover {
        background: #204d74;
        transition: all 0.5s ease 0s;
    }

.home-main-header .modal-body span a {
    color: #404141;
    font-size: 13.5px;
}

    .home-main-header .modal-body span a:hover, .home-main-header .modal-body span a:focus {
        text-decoration: none;
    }

.home-main-header .bible-cntnt img {
    cursor: pointer;
}

    .home-main-header .bible-cntnt img:hover {
        -webkit-animation: rotation 2s infinite linear;
        transition: all 0.5s ease;
    }

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.get-started .get-started-cntnt span {
    background-color: #fff;
    color: #959595;
    display: block;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.get-started .text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -3em;
    width: 209px;
}

.get-started p {
    color: #8d8d8d;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: -20px;
}

.get-started button {
    border-radius: 0px;
    width: 100%;
}

.get-started hr {
    width: 345px;
}

.style-btn {
    margin-left: -25px;
    float: left
}
/*--------------------------------------------------------------------------- sign-up ----------------------------------------------------------------------- */
.sign-up .banner-sign-up {
    background: url(../images/banner-sign-up.png) no-repeat;
    background-size: 100% 100%;
    height: 100%;
    min-height: 195px;
    margin-bottom: 5em;
}

.sign-up .create-account-section-box {
    border: 1px solid #d9d6d6;
    margin-bottom: 150px;
    padding-bottom: 30px !important;
}

    .sign-up .create-account-section-box h3 {
        color: #fff;
        background: #0c6196;
        margin: 0px;
        font-size: 23px;
        text-align: center;
        padding: 15px 0px;
        border: 1px solid #0c6196;
    }

.sign-up .banner-sign-up h3 {
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    margin-top: 83px;
    text-align: center;
}

.sign-up .create-account-section-box input {
    height: 42px;
    border-radius: 0px;
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #e5e4e4;
    box-shadow: none;
    color: #979797;
    padding-left: 0px;
}

.sign-up .create-account-section-box label {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 10px;
}

.sign-up .create-account-section-box button {
    width: 100%;
    background: #0c6196;
    border-radius: 0px;
    margin-bottom: 20px;
    cursor: pointer;
}

.sign-up .create-account-section-box .no-account {
    color: #aeacac;
    font-size: 13px;
    font-weight: 400;
    line-height: 31px;
}

#back-to-top {
    background: url(../images/back-to-top.png);
    background-repeat: no-repeat;
    border: none;
    width: 30px;
    height: 45px;
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

.mrgn-top {
    margin-top: 20px;
}

.mrgn-bottom {
    margin-bottom: 20px;
}

.sign-up .form-select select {
    border: none;
    border-bottom: 1px solid #e5e4e4;
    box-shadow: none;
    font-size: 14px;
    font-weight: 400;
    color: #979797;
    padding-left: 0px;
    outline:white;
}

.captcha img {
    border: 1px solid #e5e4e4;
    margin: 20px 0px;
    width: 100px;
    height: 35px;
}

.cstm-inpt {
    margin-bottom: 0px;
    font-size: 13px;
}

.cstm-dv {
    margin-right: 12px;
}

.cstm-dv-one {
    margin-top: 12px
}
/*--------------------------------------------------------------------------- donation-page ----------------------------------------------------------------------- */
.donation-main .banner-give {
    background: rgba(0, 0, 0, 0) url("../images/give-banner.jpg") no-repeat scroll 0 -14px;
    height: 100%;
    margin-bottom: 55px;
    min-height: 234px;
    background-size: 100% 100%;
}

    .donation-main .banner-give h2 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 50px;
    }

    .donation-main .banner-give h3 {
        color: #facb3c;
        font-size: 39px;
        font-weight: 400;
        margin-left: 160px;
        margin-top: 10px;
    }

.donation-main .banner-content-odd p {
    color: #282828;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
}

.donation-main .banner-content-odd button {
    color: #fff;
    padding: 10px 32px;
    border-radius: 30px;
    margin: 25px 0;
}

    .donation-main .banner-content-odd button:focus {
        outline: 0;
    }

.donation-main .banner-content-odd {
    margin-bottom: 30px;
}

    .donation-main .banner-content-odd p.normal-cntnt {
        margin-bottom: 5px;
        color: #282828
    }

    .donation-main .banner-content-odd p.strong-cntnt {
        font-weight: 400;
        color: #282828;
        font-size: 16px;
    }

.donation-main .banner-content-even {
    border: 1px solid #e6e5e5;
    background: #fcfbfb;
    padding: 0 0 20px;
    margin-bottom: 150px;
}

    .donation-main .banner-content-even h3 {
        border-bottom: 1px solid #e6e5e5;
        margin-top: 15px;
        padding-bottom: 15px;
        padding-left: 20px;
        color: #787777;
        font-size: 18px;
    }

    .donation-main .banner-content-even h4.media-heading {
        color: #787777;
        font-size: 16px;
    }

    .donation-main .banner-content-even .media-body {
        color: #787777;
        font-size: 12px;
    }

    .donation-main .banner-content-even .amount {
        color: #787777;
        margin: 20px 0px;
    }

    .donation-main .banner-content-even .amount-details {
        margin: 20px 0px;
    }

    .donation-main .banner-content-even i {
        margin-right: 5px;
    }

.banner-content-odd span.or-cstm {
    background-color: #ffffff;
    color: #616161;
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.banner-content-odd .text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -31px;
    width: 66px;
}

.banner-content-odd hr {
    border-width: 1px 0 0;
}
/*--------------------------------------------------------------------------- bookmark-page ----------------------------------------------------------------------- */
.bookmark-main .banner-bookmark {
    background: url(../images/bookmark-banner.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 230px;
    margin-bottom: 55px;
    background-size: 100% 100%;
}

    .bookmark-main .banner-bookmark h2 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 75px;
    }

span.color-change {
    color: #ffcd34;
}

.bookmark-main .banner-bookmark p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.bookmark-main .btn-style button {
    background: #0c6196;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    margin-left: 20px;
}

.checkbox-circle button {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background: #0c6196;
    margin-bottom: 10px;
    outline: none !important;
}

.round-circle-fill {
    width: 2px;
    height: 85px;
    border-left: 2px solid #0c6196;
}

.bookmark-even h5 {
    color: #595858;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 0;
}

.bookmark-even h6 {
    color: #60605f;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 10px;
}

.bookmark-even p {
    color: #60605f;
    font-size: 14px;
    font-weight: 300;
}

.adjst-img {
    cursor: pointer;
    left: -50px;
    position: absolute;
    top: 55%;
}

.btn-style {
    margin-bottom: 25px;
}

.full-bookmark {
    margin-bottom: 14em;
}

.bookmark-date {
    font-size: 13px;
    color: #60605f;
}

.mrgn-fourty-btm {
    margin-bottom: 40px;
}

.checkbox-circle button.no-bg {
    background: #fff;
}

    .checkbox-circle button.no-bg:focus {
        outline: 0;
    }

.home-main-header-bookmark .modal-dialog {
    margin-top: 8em;
}

.home-main-header-bookmark .modal-header {
    border-radius: 5px;
}

.home-main-header-bookmark .modal-header {
    background: #efefef;
    border-radius: 5px 5px 0px 0px;
    padding: 6px 0px;
}

    .home-main-header-bookmark .modal-header h4 {
        color: #fff;
        font-size: 20px;
        color: #444444;
        margin-top: 6px;
    }

    .home-main-header-bookmark .modal-header button {
        color: #fff;
        opacity: 1;
    }

.home-main-header-bookmark .modal-body {
    background: #fff;
    padding: 6px 0;
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #febc03;
}

    .home-main-header-bookmark .modal-body p {
        color: #8b8b8b;
        font-size: 14px;
        text-align: center;
        margin-left: -7px;
        margin-top: 5px;
        margin-bottom: 10px;
    }

.home-main-header-bookmark .modal-footer {
    background: #eeeeee;
}

.home-main-header-bookmark .modal-body textarea {
    resize: vertical;
    height: 190px;
    width: 100%;
    margin-bottom: -6px;
    padding: 5px 10px;
    ;
}

.home-main-header-bookmark .modal-body button.remove {
    width: 100%;
    background: #d9544b;
    height: 37px;
    text-align: center;
    font-size: 17px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: none;
    margin-top: 10px;
}

.home-main-header-bookmark .modal-body button.cancel {
    width: 100%;
    background: #d8d8d8;
    height: 37px;
    text-align: center;
    font-size: 17px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: none;
    color: #414141;
    margin-top: 10px;
}

    .home-main-header-bookmark .modal-body button.cancel:hover {
        background: #d8d8d8;
        transition: all 0.5s ease 0s;
    }

.home-main-header-bookmark .modal-body button.remove:hover {
    background: #d9544b;
    transition: all 0.5s ease 0s;
}

.home-main-header-bookmark .modal-body button.update:hover {
    background: #418acf;
    transition: all 0.5s ease 0s;
}

.home-main-header-bookmark .modal-body button.update {
    width: 100%;
    background: #418acf;
    height: 37px;
    text-align: center;
    font-size: 17px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: none;
    margin-top: 10px;
}

.home-main-header-bookmark .modal-header button.close {
    color: #939393;
    font-size: 22px;
    margin-right: 18px;
    margin-top: 4px;
}
/*--------------------------------------------------------------------------- payment ----------------------------------------------------------------------- */
.payment-content p {
    color: #868686;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.radioButtons {
    float: left;
    margin-right: 10px;
}
    .radioButtons > input {
        height: auto !important;
    }
    .radioButtons > label {
        font-weight: normal;
        padding-left: 5px;
        vertical-align: middle;
        margin-bottom: 5px !important;
    }

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom: none;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }


.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 42%;
    z-index: 0;
}

.create-account-section-box .tooltip .tooltip-inner {
    min-width: 125px;
    text-align: left !important;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #22c222;
}

    .wizard li.active span.round-tab i {
        color: #5bc0de;
    }

.wizard li.active span.round-tab {
    background: rgba(0, 0, 0, 0) url("../images/give.png") no-repeat scroll 19px 18px;
    border: 2px solid #22c222;
}

    .wizard li.active span.round-tab.billing {
        background: rgba(0, 0, 0, 0) url("../images/billing.png") no-repeat scroll 25px 22px;
        border: 2px solid #ffbe2c;
    }

    .wizard li.active span.round-tab.credit {
        background: rgba(0, 0, 0, 0) url("../images/credit.png") no-repeat scroll 19px 23px;
        border: 2px solid #3e5e99;
    }

    .wizard li.active span.round-tab.completed {
        background: rgba(0, 0, 0, 0) url("../images/completed.png") no-repeat scroll 24px 22px;
        border: 2px solid #22b14c;
    }

.wizard li span.round-tab {
    background: rgba(0, 0, 0, 0) url("../images/give-inactive.png") no-repeat scroll 19px 18px;
    border: 2px solid #999999;
}

    .wizard li span.round-tab.billing {
        background: rgba(0, 0, 0, 0) url("../images/billing-inactive.png") no-repeat scroll 25px 22px;
        border: 2px solid #999999;
    }

    .wizard li span.round-tab.credit {
        background: rgba(0, 0, 0, 0) url("../images/credit-inactive.png") no-repeat scroll 19px 23px;
        border: 2px solid #999999;
    }

    .wizard li span.round-tab.completed {
        background: rgba(0, 0, 0, 0) url("../images/completed-inactive.png") no-repeat scroll 24px 22px;
        border: 2px solid #999999;
    }

.wizard li.active span.round-tab.cstm-gift {
    background: rgba(0, 0, 0, 0) url("../images/give.png") no-repeat scroll 19px 18px;
    border: 2px solid #3e5e99;
}

.wizard li.active span.round-tab.billing.cstm-billing {
    background: rgba(0, 0, 0, 0) url("../images/billing.png") no-repeat scroll 25px 22px;
    border: 2px solid #3e5e99;
}

.wizard li.active span.round-tab.credit.cstm-credit {
    background: rgba(0, 0, 0, 0) url("../images/credit.png") no-repeat scroll 19px 23px;
    border: 2px solid #3e5e99;
}

.wizard li.active span.round-tab.completed.cstm-completed {
    background: rgba(0, 0, 0, 0) url("../images/completed.png") no-repeat scroll 24px 22px;
    border: 2px solid #22b14c;
}

.wizard li span.round-tab.cstm-gift {
    background: rgba(0, 0, 0, 0) url("../images/give-inactive.png") no-repeat scroll 19px 18px;
    border: 2px solid #999999;
}

.wizard li span.round-tab.billing.cstm-billing {
    background: rgba(0, 0, 0, 0) url("../images/billing-inactive.png") no-repeat scroll 25px 22px;
    border: 2px solid #999999;
}

.wizard li span.round-tab.credit.cstm-credit {
    background: rgba(0, 0, 0, 0) url("../images/credit-inactive.png") no-repeat scroll 19px 23px;
    border: 2px solid #999999;
}

.wizard li span.round-tab.completed.cstm-completed {
    background: rgba(0, 0, 0, 0) url("../images/completed-inactive.png") no-repeat scroll 24px 22px;
    border: 2px solid #999999;
}

span.round-tab:hover {
    color: #333;
    cursor: pointer;
}

.wizard .nav-tabs > li {
    color: #999;
    font-size: 16px;
    font-weight: 400;
    width: 25%;
}

.condition-one .nav-tabs > li {
    color: #166699;
    font-size: 16px;
    font-weight: 300;
    width: 28.6%;
}

.wizard li:after {
    /*content: " ";*/
    content: none !important;
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active.read-color::after {
    border-bottom-color: #22c222;
}

.wizard li.active.listen-color::after {
    border-bottom-color: #febe29;
}

.wizard li.active.notes-color::after {
    border-bottom-color: #3e5e99;
}

.wizard li.active.dig-deeper-color::after {
    border-bottom-color: #555555;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: -15px;
    border: 10px solid transparent;
    border-bottom-color: #3e5e9a;
}

.wizard li.green-read.active::after {
    border-color: transparent transparent #25bf23
}

.wizard li.blue-listen.active::after {
    border-color: transparent transparent #fbbf33
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    background: #fff;
    z-index: 1;
    border: none;
}

    .wizard .nav-tabs > li a:hover {
        background: #fff;
        border: medium none;
    }

.wizard .tab-pane {
    position: relative;
    padding: 20px 0;
}

.wizard h3 {
    margin-top: 0;
}

.step1 .row {
    margin-bottom: 10px;
}

.step_21 {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
}

.step33 {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px;
    margin-bottom: 10px;
}

.dropselectsec {
    width: 68%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}

.dropselectsec1 {
    width: 74%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}

.mar_ned {
    margin-bottom: 10px;
}

.wdth {
    width: 25%;
}

.birthdrop {
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    width: 16%;
    outline: 0;
    font-weight: normal;
}


/* according menu */
#accordion-container {
    font-size: 13px
}

.accordion-header {
    font-size: 13px;
    background: #ebebeb;
    margin: 5px 0 0;
    padding: 7px 20px;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.unselect_img {
    width: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.active-header {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #F53B27;
}

    .active-header:after {
        content: "\f068";
        font-family: 'FontAwesome';
        float: right;
        margin: 5px;
        font-weight: 400
    }

.inactive-header {
    background: #333;
}

    .inactive-header:after {
        content: "\f067";
        font-family: 'FontAwesome';
        float: right;
        margin: 4px 5px;
        font-weight: 400
    }

.accordion-content {
    display: none;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

    .accordion-content a {
        text-decoration: none;
        color: #333;
    }

    .accordion-content td {
        border-bottom: 1px solid #dcdcdc;
    }

.payment .tab-content {
    border: 1px solid #ccc;
    padding: 10px 100px;
    margin-bottom: 15em;
    margin-top: 15px;
}

    .payment .tab-content label {
        color: #282828;
        font-size: 13px;
        margin-bottom: 15px;
    }

    .payment .tab-content input {
        border: 1px solid #e5e4e4;
        border-radius: 0;
        color: #878787;
        font-size: 13px;
        font-weight: 300;
        height: 43px;
        margin-bottom: 0px;
        border: none;
        border-bottom: 1px solid #ccc;
        padding-left: 0px;
        box-shadow: none;
        font-weight: 400;
    }

        .payment .tab-content input::-webkit-input-placeholder {
            color: #878787;
        }

        .payment .tab-content input::-moz-placeholder {
            color: #878787;
        }

        .payment .tab-content input:-ms-input-placeholder {
            color: #878787;
        }

.mgn-lft-secndname input {
    margin-top: 20px;
}

.state-txt input {
    margin-top: 20px;
}

.state-txt select {
    margin-top: 20px !important;
}

.payment .tab-content button {
    background: #0c6196;
    padding: 8px 35px;
    border-radius: 0px;
    color: #fff;
}

.mgn-lft-firstname {
    margin-right: 119px;
}

.form-select {
    width: 100%;
    margin-bottom: 10px;
}

    .form-select select {
        width: 100%;
        height: 42px;
        margin: 8px 0;
        background: #fff url("../images/caret.png") no-repeat;
        background-size: 20px;
        background-position: right 10px center;
        padding-left: 10px;
        color: #b7b6b6;
        border: 1px solid #e5e4e4;
        border-radius: 0px !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 300;
        border: none;
        border-bottom: 1px solid #ccc;
        padding-left: 0px;
        font-weight: 400;
        color: #878787;
        background-position: right;
        outline: white;
    }

.payment .list-inline {
    width: 100%;
    margin-top: 15px;
    margin-left: 0px;
}

.signedin-container ul.navbar-right li a {
    border-radius: 0px;
    border: none;
    text-transform: none;
    padding: 5px;
    line-height: 30px;
    margin-top: 5px;
    display: inline-block;
}

.signedin-container ul.navbar-right li {
    margin-right: 0;
    text-align: center;
}

    .signedin-container ul.navbar-right li a img {
        display: inline-block;
    }

.signedin-container .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #fff;
}

.signedin-container .navbar-nav > li > .dropdown-menu {
    background: #0c6196;
    margin-top: 1px;
}

    .signedin-container .navbar-nav > li > .dropdown-menu a {
        color: #fff;
    }

.signedin-container .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background: transparent;
}

/*--------------------------------------------------------------------------- payment ----------------------------------------------------------------------- */
.day-main .banner-day {
    background: url(../images/day-banner.png) no-repeat;
    height: 100%;
    min-height: 230px;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
    height: 15em;
    background-size: 100% 100%;
}

    .day-main .banner-day h2 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 80px;
    }

span.orange {
    color: #f6ba02;
}

.day-details .day-content img {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -3px;
}

.day-details .day-content p {
    font-size: 24px;
    color: #616161;
    font-weight: 400;
    text-align: center;
}

.day-details .chapter {
    color: #fff;
    background: #3e5e9a;
    padding: 10px 6px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.day-details .tab-content {
    margin-top: 0px;
    padding: 7px 20px; /*max-height: 400px;*/
    overflow-y: auto;
    margin-bottom: 0px;
}

.day-details .wizard .nav-tabs {
    margin: 40px auto 40px;
}

.day-details .wizard li::after {
    content: none;
}

.day-details .tab-content h4 {
    margin: 10px 0px;
    color: #616161;
    font-size: 17px;
    font-weight: 400;
    text-align: justify;
}

.day-details .wizard .tab-pane {
    padding: 0px;
}

.day-details .tab-content p {
    color: #8c8d8e;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-align: justify;
}

.day-details .right-cntnt-bookmark ul {
    list-style: none;
    padding-left: 0px;
    text-align: right;
}

    .day-details .right-cntnt-bookmark ul li {
        display: inline-block;
        margin-left: 35px;
        color: #585858;
        font-weight: 300;
        font-size: 16px;
    }

        .day-details .right-cntnt-bookmark ul li:first-child {
            margin-left: 0px;
        }

        .day-details .right-cntnt-bookmark ul li i.fa {
            font-size: 20px;
            color: #999999;
        }

span.bold {
    font-weight: 700;
    color: #5c5c5b;
    font-size: 25px;
}

span.regular {
    font-weight: 400;
    color: #5c5c5b;
    font-size: 17px;
}

span.light {
    font-weight: 300;
    color: #5c5c5b;
    font-size: 13px;
}

.day-details .bkmark {
    margin-top: 19px;
}

.day-details form button {
    background: #3e5e9a none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    padding: 8px 35px;
    margin-bottom: 9em;
}

.day-details .pdf .fa {
    font-size: 60px;
    color: #a1a1a2;
    margin-bottom: 20px;
}

.day-details .email .fa {
    font-size: 60px;
    color: #a1a1a2;
    margin-bottom: 20px;
}

.day-details .pdf {
    margin-top: 20px;
    margin-bottom: 20px;
}

.day-details .email {
    margin-top: 20px;
    margin-bottom: 20px;
}

.day-details .pdf a {
    font-size: 17px
}

.day-details .email a {
    font-size: 17px
}

    .day-details .pdf a:hover, .day-details .email a:hover {
        text-decoration: none;
    }

.day-details .audio {
    margin: 0px 0px;
}

.day-details .dig-deeper {
    margin: 25px 0px;
}

.day-details .audio p {
    margin: 15px 0px;
    font-size: 15px;
}

.day-details .wizard li.active span.round-tab {
    background: rgba(0, 0, 0, 0) url("../images/read-tab.png") no-repeat scroll 19px 18px
}

    .day-details .wizard li.active span.round-tab.billing {
        background: rgba(0, 0, 0, 0) url("../images/listen-tab-blue.png") no-repeat scroll 16px 17px;
    }

    .day-details .wizard li.active span.round-tab.credit {
        background: rgba(0, 0, 0, 0) url("../images/notes-tab-blue.png") no-repeat scroll 24px 22px;
    }

    .day-details .wizard li.active span.round-tab.completed {
        background: rgba(0, 0, 0, 0) url("../images/dig-deeper-tab-blue.png") no-repeat scroll 17px 18px;
        border: 2px solid #5f1a93 !important;
    }

.day-details .wizard li span.round-tab {
    background: rgba(0, 0, 0, 0) url("../images/read-tab-inactive.png") no-repeat scroll 19px 18px
}

    .day-details .wizard li span.round-tab.billing {
        background: rgba(0, 0, 0, 0) url("../images/listen-tab.png") no-repeat scroll 16px 17px;
    }

    .day-details .wizard li span.round-tab.credit {
        background: rgba(0, 0, 0, 0) url("../images/notes-tab.png") no-repeat scroll 24px 22px;
    }

    .day-details .wizard li span.round-tab.completed {
        background: rgba(0, 0, 0, 0) url("../images/dig-deeper-tab.png") no-repeat scroll 17px 18px;
    }

.day-details .tab-content {
    min-height: 200px;
    overflow-y: visible;
}

.privacy {
    margin-top: 8px;
}

.full-width-mobile a:hover {
    text-decoration: none;
}

.cvv input {
    margin-bottom: 15px !important;
}

.cvv ul {
    padding-left: 0px;
    list-style: none;
}

    .cvv ul li {
        display: inline-block;
    }

.cvv img {
    border-radius: 3px;
}

.cvc label {
    margin-bottom: 0 !important;
    margin-top: 16px !important;
}

.cvv-number {
    position: relative;
}

    .cvv-number span {
        position: absolute;
        right: -24px;
        top: 9px;
    }

    .cvv-number .tooltip-inner {
        margin-bottom: 6px;
        background-color: #505050;
        font-size: 12px;
        width: 450px !important;
        text-align: left !important;
    }

    .cvv-number .tooltip.right .tooltip-arrow {
        border-right-color: #505050;
    }

.cvv {
    margin-right: 25px;
}

.cvc {
    margin-right: 15px
}
/*--------------------------------------------------------------------------- profile ----------------------------------------------------------------------- */
.profile-main .banner-profile {
    background: url(../images/banner-profile.png) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 195px;
    margin-bottom: 0px;
}

    .profile-main .banner-profile h2 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 50px;
    }

.banner-profile p {
    color: #fff;
}

.profile-details {
    background: #fbfaf9;
    border-bottom: 1px solid #ede;
    padding: 15px 0px !important;
    margin-bottom: 15px;
}

    .profile-details h4 {
        color: #6d6d6d;
        font-weight: 300;
        font-size: 18px;
        margin-top: 13px;
    }

    .profile-details p {
        color: #9c9c9c;
        font-weight: 300;
        font-size: 14px;
    }

.profile-odd label {
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 10px;
    font-size: 12px;
}

.profile-odd input {
    border-radius: 0;
    height: 42px;
    margin-bottom: 15px;
    box-shadow: none;
    font-size: 13px;
    border: none;
    border-bottom: 1px solid #e5e4e4 !important;
    box-shadow: none;
    padding-left: 0px;
    color: #828282;
}

.profile-odd .form-select select {
    border: 1px solid #ccc;
    color: #939393;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #e5e4e4 !important;
    box-shadow: none;
    padding-left: 0px;
    outline: white;
}

.profile-odd input:focus {
    box-shadow: none;
}

.profile-odd button {
    background: #0c6196 none repeat scroll 0 0;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 10px !important;
}

.mgn-lft-state {
    margin-right: 69px;
}

.profile-odd {
    margin-bottom: 7em;
}

.edit-round {
    background: #0c6196;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    display: table;
    margin: auto 0;
}

    .edit-round a {
        color: #fff;
        font-size: 14px;
        display: table-cell;
        vertical-align: middle;
    }

    .edit-round i {
        color: #fff;
        position: absolute;
        right: 43px;
        top: 15px;
        vertical-align: middle;
    }

    .edit-round a:hover {
        text-decoration: none;
    }

.round-circle-profile-fill {
    border-left: 1px solid #d6d3d3;
    height: 473px;
    margin-top: 0em;
    position: relative;
    top: 0;
    width: 1px;
}

.edit-round-fill {
    background: #0c6196 none repeat scroll 0 0;
    font-size: 14px;
    line-height: 21px;
    border-radius: 50%;
    bottom: 300px;
    color: #fff;
    display: table;
    height: 100px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100px;
    outline: white;
}

.profile-even h3 {
    color: #898888;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
}

.profile-odd h3 {
    color: #898888;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0px;
}

.profile-even p {
    color: #868686;
    font-size: 14px;
    font-weight: 400;
}

.profile-even h5 {
    color: #898888;
    font-size: 16px;
    font-weight: 500;
}

.profile-even button {
    background: #0c6196 none repeat scroll 0 0;
    border-radius: 0;
    cursor: pointer;
    float: right;
    margin-bottom: 20px;
    margin-right: 0;
    margin-top: 20px;
}

.userprefr {
    color: #6d6d6d;
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 10px 0;
}

span.prefer {
    margin-right: 30px;
}

    span.prefer:last-child {
        margin-right: 0px;
    }

    span.prefer input {
        margin-right: 5px;
    }

    span.prefer label {
        color: #9c9c9c;
        font-size: 12px;
        font-weight: 400;
    }

.no-pad-right {
    padding-right: 0px;
}

.no-pad-left {
    padding-left: 0px;
}

.update {
    margin-right: 10px;
}

    .update button {
        padding: 6px 20px;
    }

.profile-details .media-left img {
    border: 1px solid #d3d2d7;
    padding: 2px;
}

.form-control[disabled], fieldset[disabled] .form-control {
    background: #fff;
}

.profile-even span.prefer {
    display: inline-block;
}
/*--------------------------------------------------------------------------- contact-us ----------------------------------------------------------------------- */
.contact-main .banner-contact {
    background: url(../images/banner-profile.png) no-repeat;
    background-size: 100% 100%;
    height: 100%;
    min-height: 300px;
    margin-bottom: 0px;
    position: relative;
}

.contact-detail {
    margin-top: 3em;
    margin-bottom: 10em;
}

    .contact-detail h3 {
        margin-top: 1em;
        color: #a4a5a7;
        font-size: 24px;
        font-weight: 400;
    }

    .contact-detail label {
        color: #9c9c9c;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .contact-detail input {
        border-radius: 0;
        height: 42px;
        margin-bottom: 20px;
        border: none;
        border-bottom: 1px solid #ccc;
        box-shadow: none;
        color: #8b8b8b;
        font-size: 14px;
        padding-left: 0px;
    }

        .contact-detail input:focus {
            box-shadow: none;
        }

    .contact-detail select {
        border: none;
        border-bottom: 1px solid #ccc;
        box-shadow: nonecolor: #939393;
        font-size: 13px;
        font-weight: 400;
        margin-top: 0;
        color: #8b8b8b;
        font-size: 14px;
        padding-left: 0px;
    }

    .contact-detail textarea {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        height: 100px;
        margin-bottom: 20px;
        resize: vertical;
        box-shadow: none;
        padding-left: 0px;
    }

        .contact-detail textarea:focus {
            box-shadow: none;
        }

    .contact-detail .contact-even #map {
        margin-left: 4em;
        margin-top: 2em;
        border-radius: 4px;
    }

.details {
    background: #32353a;
    color: #fff;
    margin-top: 3em;
    padding-bottom: 15px;
}

    .details h3 {
        margin-bottom: 30px;
        font-size: 30px;
    }

    .details p {
        color: #808895;
    }

.deta {
    margin-top: 10em;
}

    .deta h6.tel {
        color: #fff;
        font-size: 14px;
    }

    .deta h6.mail {
        color: #6295d6;
        font-size: 14px;
    }

    .deta h6.tel i {
        margin-right: 6px;
    }

    .deta h6.mail i {
        margin-right: 6px;
    }
/*--------------------------------------------------------------------------- about-us ----------------------------------------------------------------------- */
.about-main .banner-about {
    background: url("../images/banner-about.jpg") no-repeat scroll 0 -90px;
    height: 100%;
    margin-bottom: 0;
    min-height: 20em;
    position: relative;
    background-size: 100% 100%;
}

    .about-main .banner-about h1 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 75px;
        text-transform: uppercase;
    }

.about-main p {
    color: #fff;
}

.about-main .banner-about span {
    color: #ffcd34;
}

.about-detail {
    margin-top: 3em;
    margin-bottom: 10em;
}

.about-content span {
    background-color: #fff;
    color: #616161;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.about-content .text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -38px;
    width: 170px;
}

.about-content img {
    margin-top: 20px;
}

.about-content h5 {
    color: #383838;
    font-size: 18px;
    font-weight: 300;
    margin: 20px 0px;
}

.about-content h4 {
    color: #616161;
    font-size: 20px;
    font-weight: 400;
    margin: 20px 0;
}

.about-content p {
    color: #757575;
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
}

.about-content {
    margin-bottom: 4em;
    margin-top: -3em;
}

.about-site {
    background: #f4f4f4;
    padding-top: 42px;
    margin-bottom: 1em;
}

.about-site-odd
.about-site-even h5 {
    color: #363636;
    font-size: 16px;
    font-weight: 300;
    margin: 20px 0px;
    text-align: center;
    text-transform: uppercase;
}

.about-site-even h2 {
    color: #616161;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 30px;
    text-align: center;
}

.about-site-even p {
    color: #616161;
    font-size: 14px;
    text-align: center;
    margin-bottom: 80px;
    line-height: 28px;
}

.meet-sapor {
}

    .meet-sapor span {
        background-color: #f4f4f4;
        color: #616161;
        display: block;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0.5em;
        padding-right: 0.5em;
        text-align: center;
    }

    .meet-sapor hr {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #616161 currentcolor currentcolor;
        border-image: none;
        border-style: solid none none;
        border-width: 1px 0 0;
        display: block;
        height: 1px;
        padding: 0;
        width: 350px;
    }

    .meet-sapor .text {
        margin: 0 auto;
        position: relative;
        text-align: center;
        top: -37px;
        width: 200px;
    }

.meet-odd {
    margin-bottom: 6em;
}

    .meet-odd h3 {
        font-weight: 300;
        font-size: 20px;
        margin-top: 0px;
        font-weight: 400;
        color: #616161;
    }

    .meet-odd p {
        color: #777777;
        font-size: 14px;
        line-height: 28px;
    }

.meet-even img {
    margin-top: 20px;
    width: 200px;
    height: 200px;
}

a.readmore {
    font-size: 14px;
    text-align: left;
    color: #067cc6;
}

    a.readmore:hover {
        text-decoration: none;
    }

.about-site-odd img {
    width: 360px;
    height: 410px;
}

.day-content label {
    font-weight: 400;
}
/*--------------------------------------------------------------------------- my progress ----------------------------------------------------------------------- */
.my-progress .wizard .nav-tabs > li {
    color: #166699;
    font-size: 16px;
    font-weight: 300;
    width: 16%;
}

.my-progress .wizard li.active span.round-tab {
    background: none;
    font-size: 13px;
}

    .my-progress .wizard li.active span.round-tab.billing {
        background: none;
        font-size: 13px;
    }

    .my-progress .wizard li.active span.round-tab.credit {
        background: none;
        font-size: 13px;
    }

    .my-progress .wizard li.active span.round-tab.completed {
        background: none;
        font-size: 13px;
    }

.my-progress .wizard li span.round-tab {
    background: none;
    font-size: 13px;
}

    .my-progress .wizard li span.round-tab.billing {
        background: none;
        font-size: 13px;
    }

    .my-progress .wizard li span.round-tab.credit {
        background: none;
        font-size: 13px;
    }

    .my-progress .wizard li span.round-tab.completed {
        background: none;
        font-size: 13px;
    }

.my-progress .tab-content {
    border: none;
}

    .my-progress .tab-content h4 {
        margin: 0px;
    }

.my-progress img {
    margin-right: 10px;
}

.cstm-tab-content {
    max-height: none !important;
}

h4.scripture-topic {
    color: #6b6b6b !important;
    font-size: 20px !important;
    margin-bottom: 20px !important;
}

.panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: #EEEEEE;
}

.panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: #FAFAFA;
    border-color: #EEEEEE;
}

.panel-title {
    font-size: 14px;
}

    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

/* ----- v CAN BE DELETED v ----- */


.demo {
    padding-top: 60px;
    padding-bottom: 60px;
}

.day-details .day-content.my-progress-week p {
    color: #616161;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    float: left;
}

.day-details .day-content.my-progress-week img {
    height: 21px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: -5px;
    width: 12px;
}

.my-progress-week {
    margin-left: 82px;
    padding: 0 76px;
}

.border-progress {
    position: relative;
    margin-top: 30px;
}

    .border-progress img {
    }

.line-progress {
    border: 1px solid #ccc;
    height: 0;
    max-width: 25px;
    position: absolute;
    right: 0;
    top: 28px;
    width: 100%;
}

.content-progress {
    background: #fafafa;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
}

    .content-progress h3 {
        font-size: 16px;
        color: #585858;
    }

    .content-progress p {
        font-size: 13px;
        color: #868686;
    }

.calender-cstm {
    margin-top: 17px;
    color: #585858;
    font-size: 16px;
}

    .calender-cstm i.fa-calendar {
        font-size: 12px !important;
    }

.progress-main {
    margin-bottom: 1em;
}

.my-progress-odd label {
    color: #868686;
    font-size: 14px;
    font-weight: normal;
    margin-top: 12px;
}

.my-progress-even .form-select select {
    width: 100%;
    max-width: 75px;
    border: 1px solid #ccc;
    height: 30px;
    outline: white;
}

.my-progress-even-one .form-select select {
    width: 100%;
    border: 1px solid #ccc;
    height: 30px;
    outline: white;
}

.my-progress-odd-one label {
    color: #868686;
    font-size: 14px;
    font-weight: normal;
    margin-top: 12px;
}

.main-progress {
    margin-bottom: 5em;
}

.reset-btn button {
    background: #0c6196 none repeat scroll 0 0;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 10px;
}
/*--------------------------------------------------------------------------- quiz ----------------------------------------------------------------------- */
.quiz .wizard .nav-tabs {
    margin-left: 21em;
}

.quiz .connecting-line {
    width: 21%;
}

.quiz .wizard li span.round-tab {
    background: none;
}

.quiz .wizard li.active span.round-tab {
    background: none;
}

.quiz .wizard li span.round-tab.billing {
    background: none;
}

.quiz .wizard li.active span.round-tab.billing {
    background: none;
}

.quiz .wizard li.active span.round-tab i.fa-question {
    color: #22c222;
    font-size: 33px;
}

.quiz .wizard li span.round-tab i.fa-question {
    color: #999999;
    font-size: 33px;
}

.quiz .wizard li.active span.round-tab.billing i.fa-lightbulb-o {
    color: #ffbe2c;
    font-size: 33px;
}

.quiz .wizard li span.round-tab.billing i.fa-lightbulb-o {
    color: #999999;
    font-size: 33px;
}
/*--------------------------------------------------------------------------- quiz ----------------------------------------------------------------------- */
.search .banner-search {
    background: url(../images/search-banner.jpg) no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 197px;
    margin-bottom: 50px;
}

.search-results h3 {
    font-size: 16px;
    color: #565656;
}

.cstm-related-searches h4 {
    color: #565656;
    font-size: 15px;
    margin-bottom: 4px;
    margin-top: 24px;
}

.search-top {
    border-bottom: 1px solid #d9d8d8;
    padding-top: 15px !important;
    padding-bottom: 25px !important;
    margin-bottom: 10px;
}

.search-one {
    border-left: 2px solid #3e5e9a !important;
    padding-left: 10px !important;
}

    .search-one h4 {
        color: #817f7f;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .search-one p {
        color: #676767;
        float: left;
        font-size: 14px;
        margin-right: 5px;
        margin-bottom: 0px;
    }

    .search-one a {
        color: #026aa9;
    }

        .search-one a:hover {
            text-decoration: none;
        }

.search-two span:first-child] {
    float: left;
    margin-left: 0px;
}

.search-two span {
    float: left;
    margin-left: 5px;
}

.search-three span {
    float: left;
    margin-left: 5px;
}

.search-two p {
    color: #817f7f;
    font-size: 12px;
    line-height: 25px;
}

.search-three p {
    color: #817f7f;
    font-size: 12px;
    line-height: 25px;
}

.main-search {
    margin-bottom: 15em;
}

.related-searches {
    background: #fcfbfb none repeat scroll 0 0;
    border: 1px solid #e5e4e4;
    margin-top: 1em;
}

    .related-searches h3 {
        border-bottom: 1px solid #e5e4e4;
        color: #7b7979;
        font-size: 16px;
        margin-top: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

    .related-searches ul {
        list-style: none;
        padding-left: 15px;
    }

        .related-searches ul li {
            display: block;
            margin-bottom: 15px;
        }

            .related-searches ul li a {
                color: #585858;
                font-size: 13px;
                margin-bottom: 20px;
            }

                .related-searches ul li a:hover {
                    text-decoration: none;
                }

.cstm-related-searches {
    margin-right: 65px;
}

.topic-related {
    border-top: 1px solid #e5e4e4;
    padding-top: 20px;
}

.banner-search h2 {
    color: #fff;
    font-size: 39px;
    font-weight: 400;
    margin-top: 70px;
}

.tabs-search
.tabs-search .nav-tabs {
    border-bottom: 2px solid #DDD;
}

.tabs-search .nav-tabs > li {
    margin-right: 10px;
}

    .tabs-search .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .tabs-search .nav-tabs > li > a {
        border: none;
        color: #666;
        font-size: 16px;
        padding: 19px 20px;
    }

    .tabs-search .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
        border: none;
        color: #3e5e9a !important;
        background: transparent;
    }

    .tabs-search .nav-tabs > li > a::after {
        content: "";
        background: #3e5e9a;
        height: 2px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }

    .tabs-search .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.tabs-search .tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tabs-search .tab-pane {
    padding: 0px 0;
}

.tabs-search .tab-content {
    padding: 10px 0 20px;
}

.tabs-search .card {
    background: #FFF none repeat scroll 0% 0%;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.related-searches ul li a.sort-active {
    color: #3e5e9a;
}
/*--------------------------------------------------------------------------- today ------------------------------------------------------------------------------------ */
.today .wizard .nav-tabs > li:first-child {
    visibility: hidden;
}

.today.today-four-tab .wizard .nav-tabs > li:first-child {
    visibility: visible;
}

.today.today-four-tab .wizard .nav-tabs > li:last-child {
    visibility: visible;
}

.today .wizard .nav-tabs > li:last-child {
    visibility: hidden;
}

.today.today-three-tab .wizard .nav-tabs > li:nth-child(4) {
    display: none;
}

.today.today-four-tab.today-three-tab .wizard .nav-tabs {
    margin-left: 13em !important;
}

.today.today-five-tab .wizard .nav-tabs > li:nth-child(3) {
    display: none;
}

.today.today-five-tab .wizard .nav-tabs > li:nth-child(4) {
    display: block;
}

.today .connecting-line {
    width: 31%;
}

.today.today-four-tab .connecting-line {
    width: 75%;
}

.today.today-three-tab .connecting-line {
    width: 41%;
}

.milestone {
    background: url(../images/milestone.jpg) no-repeat center center;
    margin-bottom: 5px;
    height: 100%;
    min-height: 490px;
    padding: 20px 0px;
    background-size: cover;
}

    .milestone h3 {
        color: #fff;
        font-size: 22px;
        margin-bottom: 0px;
    }

    .milestone a {
        font-size: 24px;
        color: #fff;
        margin-bottom: 1em;
        text-transform: uppercase;
    }

    .milestone .carousel-inner {
        overflow: visible
    }

    .milestone a:hover {
        text-decoration: none;
    }

    .milestone .block-text {
        margin-bottom: 20px;
    }

    .milestone .carousel-control .fa-angle-left, .carousel-control .icon-prev {
        margin-left: -145px;
    }

    .milestone .carousel-control .fa-angle-right, .carousel-control .icon-next {
        margin-right: -145px;
    }

    .milestone .carousel-control .fa-angle-left, .carousel-control .fa-angle-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        margin-top: 145px;
        font-size: 50px;
    }

.trending-content {
    margin: 2em 0;
}

    .trending-content img {
        margin-bottom: 26px;
    }

    .trending-content h4 {
        color: #424141;
        font-size: 24px !important;
        margin-bottom: 12px;
        margin-top: 20px;
        font-size: 18px;
        color: #575757;
    }

    .trending-content .media-left {
        padding-right: 30px;
    }

    .trending-content p {
        color: #777777;
        font-size: 17px;
        line-height: 22px;
    }

.wizard li.active span.round-tab.today {
    border: 2px solid #25bf23 !important;
    background: rgba(0, 0, 0, 0) url("../images/read-tab-green.png") no-repeat scroll 19px 18px;
}

.wizard li span.round-tab.today {
    border: 2px solid #25bf23 !important;
    background: rgba(0, 0, 0, 0) url("../images/read-tab-green.png") no-repeat scroll 19px 18px;
}

.wizard li.active span.round-tab.today-listen {
    border: 2px solid #fbbf33 !important;
    background: rgba(0, 0, 0, 0) url("../images/listen-tab-green.png") no-repeat scroll 16px 17px;
}

.wizard li span.round-tab.today-listen {
    border: 2px solid #fbbf33 !important;
    background: rgba(0, 0, 0, 0) url("../images/listen-tab-green.png") no-repeat scroll 16px 17px;
}

li.green-tab {
    color: #888787 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.wizard li span.round-tab.today-credit {
    border: 2px solid #4d557a !important;
    background: rgba(0, 0, 0, 0) url("../images/notes-tab-blue.png") no-repeat scroll 24px 22px;
}

.wizard li.active span.round-tab.today-credit {
    border: 2px solid #4d557a !important;
    background: rgba(0, 0, 0, 0) url("../images/notes-tab-blue.png") no-repeat scroll 24px 22px;
}

.wizard li span.round-tab.today-completed {
    border: 2px solid #540b8c !important;
    background: rgba(0, 0, 0, 0) url("../images/dig-deeper-tab-blue.png") no-repeat scroll 17px 18px;
}

.wizard li.active span.round-tab.today-completed {
    border: 2px solid #540b8c !important;
    background: rgba(0, 0, 0, 0) url("../images/dig-deeper-tab-blue.png") no-repeat scroll 17px 18px;
}

/* Carousel */
.day-details .day-content.day-contnt-img img {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0px;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}

    #quote-carousel .carousel-control {
        background: none;
        color: #CACACA;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
    }

        #quote-carousel .carousel-control.left {
            left: 140px;
            top: 110px;
        }

        #quote-carousel .carousel-control.right {
            right: 140px;
            top: 110px;
        }

    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }

        #quote-carousel .carousel-indicators li {
            width: 50px;
            height: 50px;
            margin: 5px;
            cursor: pointer;
            border: 4px solid #CCC;
            border-radius: 50px;
            opacity: 0.4;
            overflow: hidden;
            transition: all 0.4s;
        }

        #quote-carousel .carousel-indicators .active {
            background: #333333;
            width: 128px;
            height: 128px;
            border-radius: 100px;
            border-color: #f33;
            opacity: 1;
            overflow: hidden;
        }

.carousel-inner {
    min-height: 200px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
    }

.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-top: 30px;
    margin-bottom: 35px;
}

    .quote .fa-4x {
        font-size: 3em;
        color: #fff;
        opacity: 0.6;
    }

/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel {
    padding-bottom: 60px;
}

    #fade-quote-carousel.carousel .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

    #fade-quote-carousel.carousel .carousel-inner .active {
        opacity: 1;
        -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

    #fade-quote-carousel.carousel .carousel-indicators {
        bottom: 10px;
    }

        #fade-quote-carousel.carousel .carousel-indicators > li {
            background-color: #e84a64;
            border: none;
        }

#fade-quote-carousel blockquote {
    margin-top: 30px;
    text-align: center;
    border: none;
    color: #fff;
    font-size: 14px;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
    background: #fff !important;
    opacity: 0.5;
}

#quote-carousel img {
    width: 200px;
    height: 200px;
    margin-top: 50px
}

.milestone.today-odd #quote-carousel img {
    margin-top: 0px
}

.today-odd {
    float: left;
    margin-right: 5px;
    width: 50%;
}

.today-even {
    float: left;
    width: 49.6%;
}

    .today-even h5:nth-of-type(1) {
        color: #fff;
        color: #c3c3c3;
        text-align: right !important;
    }

    .today-even h5 {
        color: #c3c3c3;
        font-size: 16px;
        text-align: right;
    }

        .today-even h5 span {
            font-size: 40px;
            margin-right: 10px;
        }

            .today-even h5 span.green {
                color: #4ecebf;
            }

            .today-even h5 span.violet {
                color: #b681f7;
            }

            .today-even h5 span.orange {
                color: #f5a955;
            }

            .today-even h5 span.rose {
                color: #EA718B;
            }

            .today-even h5 span.white {
                color: #ffffff;
            }

ul.new-trend {
    list-style: none;
    margin: auto;
    padding-left: 8px;
    max-width: 300px;
}

    ul.new-trend li:first-child {
        display: inline-block;
        width: 120px;
    }

        ul.new-trend li:first-child span.green {
            font-size: 40px;
            margin-right: 20px;
            color: #4ecebf;
        }

        ul.new-trend li:first-child span.yellow {
            font-size: 40px;
            margin-right: 20px;
            color: #b681f7;
        }

        ul.new-trend li:first-child span.orange {
            font-size: 40px;
            margin-right: 20px;
            color: #f5a955;
        }

        ul.new-trend li:first-child span.pink {
            font-size: 40px;
            margin-right: 20px;
            color: #EA718B;
        }

        ul.new-trend li:first-child span.white {
            font-size: 40px;
            margin-right: 20px;
            color: #fff;
        }

    ul.new-trend li {
        display: inline-block;
    }

        ul.new-trend li:nth-child(2) {
            color: #c3c3c3;
            font-size: 16px;
            margin-bottom: 0px;
            margin-top: 0px;
            position: relative;
            top: -10px;
        }
/*--------------------------------------------------------------------------- privacy-policy--style ----------------------------------------------------------------------- */
.privacy-policy .banner-privacy-policy {
    background: rgba(0, 0, 0, 0) url("../images/banner-privacy.jpg") no-repeat scroll 0 0px;
    height: 100%;
    margin-bottom: 0px;
    min-height: 195px;
    background-size: 100% 100%;
}

.privacy-policy .create-account-section-box {
    border: 1px solid #d9d6d6;
    margin-bottom: 150px;
    padding-bottom: 30px !important;
}

.privacy-policy .banner-privacy-policy h3 {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin-top: 65px;
}

.privacy-policy .banner-privacy-policy p {
    text-align: center;
    color: #fff;
}

.privacy-policy .create-account-section-box h3 {
    color: #fff;
    background: #0c6196;
    margin: 0px;
    font-size: 23px;
    text-align: center;
    padding: 15px 0px;
    border: 1px solid #0c6196;
}

.privacy-btm span.prvcy {
    font-size: 24px;
    font-weight: normal;
    color: #4d4e4e;
    margin-right: 10px;
    margin-left: 5.6em;
}

.privacy-btm span.prvcy-light {
    font-size: 16px;
    font-weight: normal;
    color: #787979
}

.privacy-btm {
    background: #fbfaf9 none repeat scroll 0 0;
    border-bottom: 1px solid #ede;
    margin-bottom: 10px;
    padding: 25px 0;
}

.privacy-cntnt h4 {
    font-size: 18px;
    color: #4d4e4e;
}

.privacy-cntnt h5 {
    font-size: 16px;
    color: #4d4e4e;
}

.privacy-cntnt h6 {
    font-size: 16px;
    color: #4d4e4e;
    margin-top: 0;
}

.privacy-cntnt p {
    font-size: 14px;
    color: #7f8080;
    text-align: justify;
    line-height: 22px;
}

.privacy-cntnt i.fa {
    font-size: 14px;
    color: #168bdb;
}

.privacy-cntnt {
    margin-bottom: 5em;
}

    .privacy-cntnt i.fa.fa-sticky-note-o {
        margin: 10px;
        font-size: 20px;
    }

.privacy-inner {
    border: 1px solid #ccc;
    padding-left: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

    .privacy-inner h5 {
        margin-left: 10px;
    }

    .privacy-inner p {
        margin: 0px 10px;
    }
/*--------------------------------------------------------------------------- change-password--style ----------------------------------------------------------------------- */
.change-password .banner-change-password {
    background: rgba(0, 0, 0, 0) url("../images/banner-sign-up-one.png") no-repeat scroll 0 0px;
    height: 100%;
    margin-bottom: 0px;
    min-height: 195px;
    margin-bottom: 5em;
    background-size: cover;
}

.change-password .create-account-section-box {
    border: 1px solid #d9d6d6;
    margin-bottom: 150px;
    padding-bottom: 30px !important;
}

.change-password .banner-change-password h3 {
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    margin-top: 65px;
}

.btn-submits {
    background: #0c6196;
    padding: 6px 20px !important;
}

.btn-cancels {
    background: #db3535;
    padding: 6px 20px !important;
    border: 1px solid #db3535;
}

    .btn-cancels:hover, .btn-cancels:focus, .btn-cancels:active {
        background-color: #d63333;
        padding: 6px 20px !important;
        border: 1px solid #d63333;
    }

        .btn-cancels.active.focus, .btn-cancels.active:focus, .btn-cancels.active:hover, .btn-cancels.focus:active, .btn-cancels:active:focus, .btn-cancels:active:hover {
            background-color: #d63333;
            padding: 6px 20px !important;
            border: 1px solid #d63333;
        }

.change-password .banner-change-password p {
    text-align: center;
    color: #fff;
}

.change-password .create-account-section-box h3 {
    color: #fff;
    background: #0c6196;
    margin: 0px;
    font-size: 23px;
    text-align: center;
    padding: 15px 0px;
    border: 1px solid #0c6196;
}

.change-password .create-account-section-box input {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #e5e4e4;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    color: #979797;
    height: 42px;
    margin-bottom: 20px;
    padding-left: 0;
}

.about-main .banner-about.banner-about-soper {
    background: rgba(0, 0, 0, 0) url("../images/banner-about.jpg") no-repeat scroll 0 -70px / cover;
    height: 100%;
    margin-bottom: 0;
    min-height: 190px;
    position: relative;
}

    .about-main .banner-about.banner-about-soper h1 {
        color: #fff;
        font-size: 39px;
        font-weight: 400;
        margin-top: 76px;
        text-transform: uppercase;
    }

.meet {
    margin-top: 0em !important;
    margin-bottom: 0em !important;
}

    .meet h3 {
        color: #095da5;
        font-size: 17px;
        margin-top: 0px;
    }

.meet-testomonial h3 {
    color: #4e4d4d;
    font-size: 17px;
    margin-top: 0px;
}

.meet-testomonial h5 {
    color: #4e4d4d;
}

.meet-testomonial p {
    color: #656464;
    font-size: 13px !important;
    line-height: 22px !important;
    margin-bottom: 10px;
}

.meet p {
    color: #616161;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
}

.meet img {
    margin-bottom: 10px;
}

.change-password p {
    color: #828282;
    font-size: 14px;
}

.change-password .banner-change-password-one h3 {
    margin-top: 80px;
}

.change-password .banner-change-password-one {
    background: rgba(0, 0, 0, 0) url("../images/banner-forgot-password.jpg") no-repeat scroll 0 0px;
    height: 100%;
    margin-bottom: 0px;
    min-height: 195px;
    margin-bottom: 5em;
    background-size: cover;
}

.meet-mrgn {
    margin-right: 20px;
}

.meet-testomonial .meet-mrgn {
    margin-right: -5px;
}

.meet-testomonial {
    border-bottom: 1px solid #ededed;
    margin-top: 20px;
}

.no-pad-left {
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

ul.detail-test {
    list-style: none;
    padding-left: 0px
}

    ul.detail-test li {
        background: rgba(0, 0, 0, 0) url("../images/tick.png") no-repeat scroll 2px 7px / 12px 12px;
        color: #616161;
        display: block;
        font-size: 13px;
        line-height: 25px;
        margin-bottom: 3px;
        padding-left: 25px;
        text-align: justify;
    }

.testibtn {
    margin-top: 20px;
}

    .testibtn button {
        background: none;
        border: 1px solid #16689a;
        color: #545454;
        border-radius: 0px;
        padding: 9px;
        font-weight: 400;
        font-size: 14px;
    }

        .testibtn button:hover, .testibtn button:active, .testibtn button:focus {
        }

.jp-controls {
}

.det-test-head {
    color: #0c6196;
    font-size: 20px;
    margin-bottom: -10px;
    margin-top: 40px;
}

.test-odd {
    padding-left: 0px;
}

    .test-odd h2 {
        color: #7c7b7b;
        font-size: 19px;
    }

    .test-odd p {
        color: #6b6b6b;
        font-size: 14px;
    }

.test-even p {
    color: #6b6b6b;
    font-size: 13px;
    border-left: 1px solid #c3c3c3;
    padding-left: 30px;
    line-height: 20px;
    text-align: justify;
    font-family: "Lato",sans-serif !important;
    font-style: normal;
}

.main-testimonial {
    padding: 25px 0px 25px 25px !important;
    margin-bottom: 3em;
    border-left: 3px solid #11649a;
}

    .main-testimonial a {
        float: right;
        font-size: 13px;
    }

.test-odd-one {
    padding-left: 0px;
}

    .test-odd-one h2 {
        color: #7c7b7b;
        font-size: 19px;
    }

    .test-odd-one p {
        color: #6b6b6b;
        font-size: 14px;
    }

.test-even-one p {
    color: #6b6b6b;
    font-size: 13px;
    border-right: 1px solid #c3c3c3;
    padding-right: 30px;
    line-height: 20px;
    text-align: justify;
    font-family: "Lato",sans-serif !important;
    font-style: normal;
}

.main-testimonial-one {
    padding: 25px 25px 25px 0px !important;
    margin-bottom: 3em;
    border-right: 3px solid #11649a;
}

    .main-testimonial-one a {
        float: left;
        font-size: 13px;
        margin-top: 5px;
    }

.testimonilal {
    margin-top: 4em;
}

span.read-more-target {
    margin-top: 10px;
}

span.block-id {
    margin-top: 10px;
    float: left;
}

span.block-id-one {
    margin-top: 5px;
    float: left;
}

span.block-id-two {
    margin-top: 5px;
    float: left;
}

.mb-det-test blockquote {
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    border: none;
}

    .mb-det-test blockquote:after {
        display: block;
        padding-left: 10px;
        content: "\201C";
        font-size: 65px;
        position: absolute;
        left: -20px;
        top: -20px;
        color: #7a7a7a;
    }

    .mb-det-test blockquote:before {
        bottom: -55px;
        color: #7a7a7a;
        content: "\201D";
        display: block;
        font-size: 65px;
        padding-left: 10px;
        position: absolute;
        right: 15px;
    }


/*--------------------------------------------------------------------------- incorporate-style ----------------------------------------------------------------------- */
ul.logedin li {
    margin-right: 0;
    text-align: center;
}

    ul.logedin li a {
        border: medium none !important;
        border-radius: 0 !important;
        line-height: 30px !important;
        margin-top: 5px !important;
        padding: 5px !important;
        text-transform: none !important;
    }

ul.logedin > li > .dropdown-menu {
    background: #0c6196 none repeat scroll 0 0;
    margin-top: 20px;
}

    ul.logedin > li > .dropdown-menu a {
        color: #fff;
    }

label.error-mesg {
    color: #f65959 !important;
    font-size: 14px !important;
    margin-bottom: 2px;
}

#radiusSelect {
    outline: 0;
}

.updte-btn {
    padding: 15px;
}

.sbmt-dntn {
    background: #0c6196 none repeat scroll 0 0 !important;
    color: #fff !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
}

.dropdown:hover .dropdown-menu {
    display: block !important;
    margin-top: 0;
}

.signedin-container ul.navbar-right li a {
    border: none !important;
}

    .signedin-container ul.navbar-right li a:hover, .signedin-container ul.navbar-right li a:focus, .signedin-container ul.navbar-right li a:active {
        border: none !important;
    }

.condition-one .connecting-line {
    margin-left: 15%;
    width: 23%;
}

.condition-one .nav-tabs {
    margin-left: 19em !important;
}

.condition-two .nav-tabs {
    margin-left: 11em !important;
}

.condition-two .connecting-line {
    margin-left: 12%;
    width: 47%;
}

.condition-three .nav-tabs {
    margin-left: 11em !important;
}

.condition-three .connecting-line {
    margin-left: 12%;
    width: 47% !important;
}

li.personal-menu {
    display: flex;
}

.esv {
    margin-top: -20px;
}

    .esv h2 {
        font-size: 20px;
    }

    .esv h3 {
        font-size: 18px;
    }

#scroller {
    background: #fff none repeat scroll 0 0;
    z-index: 1;
}

p.custm-fixedhdr {
    color: rgb(97, 97, 97);
    font-size: 22px;
}

    p.custm-fixedhdr img {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: -3px;
    }

.tab-content.mrgn-tp {
    margin-top: 16em;
}

.mrgn-tp-one {
    width: 54% !important;
    max-width: 920px;
}

.mrgn-tp-two {
    width: 100%;
    min-width: 920px;
}

#scroller .connecting-line {
}

select::-ms-expand {
    display: none;
}

.mgn-lft-secndname {
    margin-right: 29px;
}

.state-txt .form-select select {
    margin: 1px;
    outline: white;
}
.search-form .form-group {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 25px;
    box-shadow: none;
    float: right;
    height: 32px;
    margin-bottom: 0;
    margin-right: 15px;
    transition: all 0.35s ease 0s, border-radius 0s ease 0s;
    -webkit-transition: all 0.35s ease 0s, border-radius 0s ease 0s;
    width: 32px;
}

    .search-form .form-group input.form-control {
        padding-right: 20px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        font-size: 12px;
        border-radius: 18px;
        margin-top: 1px;
    }

    ::i-block-chrome, .search-form .form-group input.form-control {
        padding-right: 2px;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        font-size: 12px;
        padding-left: 28px;
        line-height: 5px;
        position: relative;
        right: 19px;
    }

}


.search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none !important;
}

.search-form .form-group input.form-control:-moz-placeholder {
    /* Firefox 18- */
    display: none !important;
}

.search-form .form-group input.form-control::-moz-placeholder {
    /* Firefox 19+ */
    display: none !important;
}

.search-form .form-group input.form-control:-ms-input-placeholder {
}

.search-form .form-group.test {
    border-radius: 25px;
    width: 215px;
}

.search-form .form-group:hover,
.search-form .form-group.hover {
    border-radius: 25px;
    width: 215px;
}

.search-form .form-group:focus {
    border-radius: 25px;
    width: 215px;
}

.search-form .form-group:active {
    border-radius: 25px;
    width: 215px;
}

.search-form .form-group span.form-control-feedback {
    position: absolute;
    top: -1px;
    right: -2px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 30px !important;
    text-align: center;
    color: #3596e0;
    left: initial;
    font-size: 14px;
}

.navbar-right-cstm .form-control {
    height: 28px;
}

.navbar-right-cstm .fa-search {
    color: #787775;
    font-size: 16px;
    line-height: 33px;
}

.cstm-serch {
    float: right;
    margin-top: 10px;
    margin-left: 0px;
}

.header-adjust {
    margin-top: -43px;
    position: relative;
    top: 60px;
}

.cstm-fixed-prefer {
    background: #fff none repeat scroll 0 0;
    left: 0;
    margin-bottom: 0;
    position: relative;
    right: 16px;
    top: 61px;
    width: 97%;
    z-index: 100;
    margin-left: 1%;
}

.header-inner-adjust {
    margin-top: 50px;
}

.cstm-differe {
}

.tolltip-odd {
    position: absolute;
    right: -35px;
    top: 10px;
}

.tolltip-even {
    position: absolute;
    right: -21px;
    top: 200px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff !important;
}

ul.rating {
    list-style: none;
    padding-left: 0px;
    margin: 1em 0 1.5em;
}

    ul.rating li {
        display: inline;
        margin-bottom: 2em;
    }

.new-search {
    margin: 20px 0px;
}

    .new-search input {
        width: 250px;
        height: 35px;
    }

    .new-search button {
        position: absolute;
        right: 10px;
        top: 0px;
        background: #0c6196;
        color: #fff;
        border: none;
        padding: 12px 15px;
    }
/*--------------------------------------------------------------------------- incorporate-style ----------------------------------------------------------------------- */

/*--------------------------------------------------------------------------- piechart-style-start ----------------------------------------------------------------------- */
/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(0) {
    color: blue;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(1) {
    color: #4d00ff;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(2) {
    color: #9900ff;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(3) {
    color: #e500ff;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(4) {
    color: #ff00cc;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(5) {
    color: #ff0080;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id] li:nth-child(6) {
    color: #ff0033;
}

/* line 26, ../sass/pizza.scss */
ul[data-pie-id] {
    list-style: none;
    padding: 10px;
}

[data-pie-id='my-cool-chart'] li:nth-child(0) {
    color: #d84200;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(1) {
    color: #fc4d00;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(2) {
    color: #ff6420;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(3) {
    color: #ff7d44;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(4) {
    color: #ff9668;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(5) {
    color: #ffaf8b;
}

/* line 20, ../sass/pizza.scss */
[data-pie-id='my-cool-chart'] li:nth-child(6) {
    color: #ffc8af;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
    display: none !important;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
    display: block !important;
}

.read-more-state ~ .read-more-trigger:before {
    content: 'Show More';
}

.read-more-state:checked ~ .read-more-trigger:before {
    content: 'Show Less';
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 1.5em;
    color: #5293c8;
    font-size: .9em;
    line-height: 2;
    border-radius: .25em;
    float: right;
}

ul.read-more-wrap {
    padding-left: 0px;
}

    ul.read-more-wrap li {
        margin-left: 0px;
        background: #fff;
        padding: 10px;
        margin-bottom: 0px;
    }

        ul.read-more-wrap li.even {
            margin-left: 0px;
            background: #fbfbfb;
            padding: 10px;
            margin-bottom: 0px;
        }

        ul.read-more-wrap li a {
            padding-left: 20px;
        }

h3.more-bookmark {
    margin-bottom: 0px;
}

.circle {
    width: 22px;
    height: 22px;
    border-radius: 250px;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    background: #0c6196;
    float: left;
}

[aria-expanded="false"] > .expanded,
[aria-expanded="true"] > .collapsed {
    display: none;
}
/*--------------------------------------------------------------------------- piechart-style-end ----------------------------------------------------------------------- */


/*--------------------------------------------------------------------------- grow-style ----------------------------------------------------------------------- */
.select-box {
    background: #fff;
    padding: 20px 0px 30px 0px;
}

    .select-box a img {
        margin-top: 20px;
    }

.labl-wk label {
    margin-top: 45px;
    text-align: right;
    color: #1372ad;
    font-size: 18px;
    font-weight: 400;
}

.home-main-header .select-box input {
    border: 1px solid #0c6196;
    color: #868686;
    font-size: 26px;
    margin-bottom: 15px;
    margin-left: 0;
    text-align: center;
}

.select-box {
    margin-bottom: 20px;
}

    .select-box i {
        color: #a1a1a1;
        font-size: 32px;
        margin-top: -20px;
    }

        .select-box i:hover {
            color: #1372ad;
        }

    .select-box h3 {
        margin-bottom: 27px;
        color: #616161;
        font-size: 21px;
        margin-top: 5px;
        font-weight: normal;
        margin-left: -70px;
    }

.bookmark-box {
    margin-bottom: 20px;
    min-height: 248px;
    margin-top: 0px;
    margin-left: 40px;
}

.home-main-header .select-box .trynow-btn {
    border-radius: 2px;
    color: #fff !important;
    font-size: 15px;
    margin-top: 37px;
    max-width: 95px;
    width: 100%;
}

    .home-main-header .select-box .trynow-btn a {
        color: #fff;
    }

.labl-wk {
    text-align: right;
    margin-right: 15px;
}

.left-trynow {
    margin-right: 20px;
}

.carousel-control.left, .carousel-control.right {
    background: none;
    width: 25px;
}

.carousel-control.left {
    left: -10px;
}

.carousel-control.right {
    right: -10px;
}

.broun-block {
    padding-bottom: 34px;
}

.block-text {
    border-radius: 5px;
    color: #626262;
    font-size: 14px;
    margin-top: 27px;
    padding: 15px 18px;
}

    .block-text a {
        color: #7d4702;
        font-size: 25px;
        font-weight: bold;
        line-height: 21px;
        text-decoration: none;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    }

.mark {
    padding: 12px 0;
    background: none;
}

.block-text p {
    color: #585858;
    font-family: Georgia;
    font-style: italic;
    line-height: 20px;
}

.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}

.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}


.block {
    display: block;
}

.zmin {
    z-index: 1;
}

.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}

    .person-text a {
        color: #ffcc00;
        display: block;
        font-size: 14px;
        margin-top: 3px;
        text-decoration: underline;
    }

    .person-text i {
        color: #fff;
        font-family: Georgia;
        font-size: 13px;
    }

.rel {
    position: relative;
}

.block-text.rel h3 {
    margin-bottom: 20px;
    color: #9398a2;
    font-size: 21px;
}

.carousel-control i {
    margin-top: 0em;
}

.milestone h2 {
    color: #fff;
    margin-bottom: -15px !important;
    font-size: 24px;
}
/*.day-main .banner-day.banner-day-one{min-height:220px;}*/
.home-main-header .select-box hr {
    border-width: 1px 0 0;
}

.home-main-header .select-box span {
    background-color: #fff;
    color: #616161;
    display: block;
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.home-main-header .select-box .text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -2.7em;
    width: 220px;
}

.home-main-header .select-box a.go-btn {
    padding: 7px 5px;
    -moz-user-select: none;
    background: #0c6196 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, -1px -1px 1px rgba(0, 0, 0, 0.5) inset;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.5);
    text-transform: none;
    margin-top: 20px;
    width: 70px;
}

    .home-main-header .select-box a.go-btn i {
        font-size: 13px;
        margin-left: 3px;
        color: #fff;
        position: relative;
        top: -2px;
    }

.label-number {
    font-size: 18px;
    margin-bottom: 10px;
    color: #6e6e6e;
}

#pie text {
    color: #fff !important;
}

.square {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.blues {
    background: #4d00ff;
}

.light-violet {
    background: #9900ff;
}

.thin-rose {
    background: #e500ff;
}

.light-rose {
    background: #ff00cc;
}

.dark-rose {
    background: #ff0080;
}

.select-box button:focus {
    border: none;
    outline: 0;
}
/*--------------------------------------------------------------------------- product-detail-style ----------------------------------------------------------------------- */
.home-main-header .banner.product-banner h1 {
    text-shadow: 2px 2px 2px rgba(149, 150, 150, 1);
}

.home-main-header .banner.product-banner p {
    color: #fff;
    font-size: 17px;
    text-shadow: 2px 2px 2px rgba(149, 150, 150, 1);
}

.home-main-header .banner.product-banner {
    background: url(../images/product-banner.jpg) no-repeat center center;
    height: 100%;
    min-height: 33em;
    border-bottom: 4px solid #ffcd34;
    margin-bottom: 60px;
    background-size: 100% 100%;
    position: relative;
    width: 100%;
}

.product-cntnt .media, .media-body {
    overflow: visible !important;
}

.home-main-header .product-cntnt {
    margin-bottom: 67px;
}

.product-odd {
    border-right: 2px solid #ffcd34;
    padding-left: 40px;
}

    .product-odd .media .media-left {
        font-size: 30px;
        color: #ffcd34;
    }

    .product-odd .media .media-body {
        color: #80807e;
        font-size: 15px;
        position: relative;
        top: 20px;
        padding-left: 20px;
        overflow: visible;
    }

.product-even {
    padding-left: 40px;
}

    .product-even .media .media-left {
        font-size: 30px;
        color: #ffcd34;
        position: relative;
        top: 10px;
    }

    .product-even .media .media-body {
        color: #80807e;
        font-size: 15px;
        position: relative;
        top: 10px;
        padding-left: 20px;
        overflow: visible;
    }

.home-main-header .get-started.product-content {
    background: url(../images/product-content.jpg) no-repeat center center;
    height: 100%;
    min-height: 385px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 30px 0px;
    background-position: 0px -60px;
    background-position: bottom;
}

.overly:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(12,90,128,0.9);
}

.article {
    width: 100%;
    height: 100px;
    border: 1px solid grey;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    position: relative;
    color: white;
}

.product-content p {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: 0px;
}

.product-content h4 {
    margin: 20px 0px;
    font-size: 19px;
}

.product-content span {
    background-color: #236782;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
}

.product-content hr {
    position: relative;
    z-index: 0;
    border-color: #fff currentcolor currentcolor;
}

.product-content .text {
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -40px;
    width: 157px;
}

.product-bottom .text {
    width: 200px;
    top: -40px;
}

.product-bottom span {
    font-size: 22px !important;
}

.product-bottom {
    padding: 30px 0px !important;
}

.home-main-header .product-content img:hover {
    animation: 2s linear 0s normal none infinite running rotation;
    transition: all 0.5s ease 0s;
}

.home-main-header .product-bottom img:hover {
    animation: 2s linear 0s normal none infinite running rotation;
    transition: all 0.5s ease 0s;
}
/*--------------------------------------------------------------------------- error-style ----------------------------------------------------------------------- */
.body-error {
    background: rgba(0, 0, 0, 0) url("../images/error-bg.png")
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .error-actions .btn {
        margin-right: 10px;
    }

@media (max-width:520px) and (min-width:431px) {
    #quote-carousel .carousel-control.right {
        right: -12px;
        top: 45px !important;
    }

    #quote-carousel .carousel-control.left {
        right: -12px;
        top: 45px !important;
    }
}

@media (min-width:1205px) {
    #quote-carousel .carousel-control.left {
        left: 400px !important;
        top: 100px;
    }

    #quote-carousel .carousel-control.right {
        right: 420px !important;
        top: 100px;
    }

    #MilestoneMaster #quote-carousel .carousel-control.right {
        right: 110px !important;
        top: 110px;
    }

    #MilestoneMaster #quote-carousel .carousel-control.left {
        left: 110px !important;
        top: 110px;
    }
}

@media (max-width:630px) {
    .main-testimonial-one {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

        .main-testimonial-one .test-even-one {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            box-ordinal-group: 2;
        }

        .main-testimonial-one .test-odd-one {
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            box-ordinal-group: 1;
        }

    .test-even p {
        padding-left: 0px;
        border: none;
    }

    .test-even {
        padding-left: 0px;
    }

    .test-even-one p {
        padding-right: 0px;
        border: none;
    }

    .test-even-one {
        padding-right: 0px;
        padding-left: 0px;
    }
}


@media (max-width:520px) {
    .select-box {
        margin-bottom: 0px !important;
    }

    .milestone {
        min-height: 445px;
        padding: 20px 0;
    }

    .dp-numberPicker-input {
        width: 40px !important;
    }

    .dp-numberPicker-add, .dp-numberPicker-sub {
        width: 35px !important;
    }

    .mrgn-bottom {
        display: none;
    }

    .normal-cntnt {
        display: none;
    }

    .strong-cntnt {
        display: none;
    }

    body {
        padding-bottom: 0px;
    }

    .donation-main .banner-content-odd  {
        margin-bottom: 21px;
    }

    #TopicsSearch {
        width: 220px !important;
        height: 220px !important;
    }

    #PeopleSearch {
        width: 220px !important;
        height: 220px !important;
    }

    #PlacesSearch {
        width: 220px !important;
        height: 220px !important;
    }

    .main-testimonial-one {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

        .main-testimonial-one .test-even-one {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            box-ordinal-group: 2;
        }

        .main-testimonial-one .test-odd-one {
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            box-ordinal-group: 1;
        }

    .details {
        margin-top: 1em !important;
    }

    .milestone.today-odd #quote-carousel img {
        margin-top: 0px !important;
    }
}

@media (max-width:991px) {
    .resp-mob img {
        margin-top: 12px !important;
    }

    .today.today-four-tab.today-three-tab .wizard .nav-tabs {
        margin-left: 7em !important;
    }

    .product-even .media .media-body {
        padding-left: 6px !important;
    }
}

@media (max-width:767px) {
    #scroller.wizard-inner .nav-tabs > li {
        width: 17%;
    }

    #scroller .connecting-line {
        top: 40%;
        right: 218px;
        width: 60%;
    }

    .mrgn-tp-two {
        min-width: 518px !important;
        width: auto;
    }

    .tab-content.mrgn-tp {
        margin-top: 16em;
        max-width: 518px;
        width: 100%;
    }

    .day-details .tab-content {
        max-width: 518px;
        width: 100%;
    }

    .cstm-fixed-prefer {
        max-width: 511px;
        width: 100%;
    }

        .cstm-fixed-prefer.resp-mob {
            width: 99%;
            float: left;
        }

    .signedin-container .navbar-nav > li > .dropdown-menu a {
        color: #565656;
    }

    .home-main-header ul.navbar-right.navbar-right-cstm li {
        text-align: left !important
    }

    .header-adjust {
        margin-top: 0px;
    }

    #scroller.wizard-inner.condition-three .nav-tabs > li {
        width: 25%;
    }

    #scroller.wizard-inner.condition-two .nav-tabs > li {
        width: 26%;
    }

    .bookmark-even-mobile {
        margin-top: 25px;
    }

    .related-searches:nth-child(2) {
        margin-left: 0px;
        margin-bottom: 11em;
    }

    .day-main .banner-day {
    }

    .payment-content {
        display: none;
    }

    .donation-main .banner-give {
        margin-bottom: 0px;
        min-height: 130px;
    }

    .wizard.payment {
        margin-top: 0px;
    }

        .wizard.payment .nav-tabs {
            margin-top: 35px;
            margin-bottom: 30px;
        }

    .mob-give .wizard.payment .nav-tabs {
        margin-top: 0px !important;
        margin-bottom: 40px !important;
    }
}

@media (max-width:513px) {
    #scroller.wizard-inner .nav-tabs > li {
        width: 25%;
    }

    #scroller.wizard-inner .connecting-line {
        width: 88%;
        left: 17px;
    }

    .round-circle-fill {
        left: 10px;
        position: relative;
    }

    p.custm-fixedhdr {
        font-size: 17px;
    }
}

@media (max-width:991px) and (min-width:769px) {
    .mrgn-tp-two {
        min-width: 690px;
        width: 100%;
    }

    .product-odd {
        padding-left: 0px !important;
        border: none;
    }

    .product-even {
        padding-left: 0px !important;
    }

    .product-bottom {
        margin-bottom: 70px;
    }
}

@media (max-width:767px) and (min-width:704px) {
    #scroller.wizard-inner.condition-one .nav-tabs > li {
        width: 40%;
    }

    #scroller.wizard-inner.condition-one ul.nav-tabs {
        margin-left: 64px !important;
    }
}

@media (max-width:1199px) and (min-width:1000px) {
    .mrgn-tp-two {
        min-width: 910px;
        width: 100%;
    }
}

@media (max-width:830px) {
    .today-odd {
        width: 100% !important;
    }

    .today-even {
        width: 100% !important;
    }
}

@media (max-width:703px) {
    #scroller.condition-one .connecting-line {
        width: 48%;
    }

    .header-adjust {
        margin-top: 0px;
    }

    #scroller.wizard-inner.condition-one .nav-tabs > li {
        width: 43%;
    }
}

@media (max-width:431px) {
    .day-details .right-cntnt-bookmark ul {
        display: block;
    }

        .day-details .right-cntnt-bookmark ul li {
            display: inline-block !important;
            margin-bottom: 0px !important;
        }
}


@media (max-width:996px) {
}

@media (max-width:1200px) {
    #quote-carousel .carousel-control.left {
        left: 50px;
        top: 110px;
    }

    #quote-carousel .carousel-control.right {
        right: 50px;
        top: 110px;
    }

    .about-mobile {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    .about-mobile-odd {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        margin-bottom: 140px;
    }

    .about-mobile-even {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        margin-bottom: 10px;
        text-align: center;
    }

        .about-mobile-even img {
            margin-top: 0px;
            margin-bottom: 10px;
        }
}


@media (max-width:1199px) {
    .border-progress .line-progress {
        border: 1px solid #ccc;
        height: 0;
        max-width: 10px !important;
        position: absolute;
        right: 0;
        top: 28px;
        width: 100%;
    }
}

@media (max-width:1245px) {
    .today-even {
        float: left;
        width: 49.5%;
    }
}

@media (max-width:995px) {
    .today-odd {
        float: left;
        margin-right: 5px;
        width: 49.9%;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .border-progress img {
        margin-left: -17px;
    }

    .search-form .form-group:hover, .search-form .form-group.hover {
    }

    .product-content span {
        background-color: #236a8c;
        color: #fff;
    }

    .milestone.today-odd #quote-carousel img {
        margin-top: 65px;
        margin-left: -10px;
    }
}

@media (max-width:900px) and (min-width:768px) {
    .home-main-header ul.navbar-nav li a {
        font-size: 13px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .home-main-header ul.navbar-right li {
        display: flex;
        font-size: 12px;
        margin-left: 5px;
        text-align: center;
    }

    .home-main-header ul.navbar-right li {
        margin-right: 0 !important;
    }

    .home-main-header ul.navbar-right {
        width: 31%;
    }

    .home-main-header ul.navbar-right-cstm {
        width: auto !important;
    }

    .home-main-header ul.navbar-right.personal-menu-one {
        width: 7%;
    }


    .home-main-header .navbar-form .form-control {
        font-size: 12px;
        font-weight: 300;
    }
}

​


@media( max-width : 585px ) {
    .wizard

{
    width: 90%;
    height: auto !important;
}

span.round-tab {
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 40%;
}

.wizard .nav-tabs > li {
    font-size: 14px;
}

.connecting-line {
    top: 42%;
}

.day-details .wizard li::after {
    content: none;
}

.trending-content {
    margin-bottom: 6em;
}

.privacy-btm span.prvcy {
    margin-left: 0px;
}

}


@media screen and (max-width: 767px) {
    .signedin-container .navbar-nav > li > .dropdown-menu {
        background: #fff none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
        color: #ccc;
    }

    .main-testimonial-last {
        margin-bottom: 10em;
    }

    .border-progress img {
        display: none;
    }

    .today-odd {
        width: 100%;
    }

    .today-even {
        width: 100% !important;
    }

    .product-content span {
        background-color: #236a8c;
    }
}

@media screen and (max-width: 1199px) {
    .home-main-header ul.navbar-nav li a {
        font-size: 14px;
        padding-left: 11px;
        padding-right: 8px;
    }

    .home-main-header ul.navbar-right li a {
        font-size: 13px !important;
        padding-left: 11px;
        padding-right: 6px;
    }

    .home-main-header-container form {
        margin-left: 0px;
    }

    .mgn-lft-firstname {
        margin-right: 0px;
    }

    .home-main-header .get-started-cntnt h4 {
        text-align: center;
    }

    .mgn-lft-state {
        margin-right: 0px;
    }

    span.prefer {
        margin-right: 32px;
    }

    #scroller .connecting-line {
        top: 33%;
    }
}

@media screen and (max-width: 768px) {
    .donationHistory {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .home-main-header ul.navbar-right li {
        margin-right: 0;
    }

    .home-main-header ul.navbar-right li {
        float: left;
        margin-right: 10px;
        width: 100%;
        max-width: 68px;
    }

    .home-main-header ul.navbar-right-cstm li {
        width: auto;
        max-width: none;
    }

    .signedin-container ul.navbar-right li {
        text-align: left;
    }

    .full-bookmark {
        margin-bottom: 0em;
    }

    .signup-header-mobile {
        float: left !important;
        width: 100%;
    }

    .donation-main .banner-give h3 {
        margin-left: 80px;
        font-size: 24px;
        color: #ffd554;
    }

    .donation-main .banner-give h2 {
        margin-left: 62px;
        font-size: 25px;
        margin-top: 12px;
    }

    .signedin-container .navbar-nav > li > .dropdown-menu {
    }

        .signedin-container .navbar-nav > li > .dropdown-menu li a {
            padding-left: 10px;
        }

    .profile-even {
        margin-bottom: 10em;
    }

    .contact-detail .contact-even #map {
        border-radius: 4px;
        margin-left: 0em;
        margin-top: 1em;
    }

    .deta {
        margin-top: 0px;
    }

    .details {
        margin-top: 3em;
    }

    .meet-even img {
        height: 141px;
        margin-top: 20px;
        width: 143px;
    }

    .meet-odd {
        margin-bottom: 0em;
    }
    /*.meet-even{margin-bottom:9em;}*/
    .milestone .carousel-control.right {
        background: none;
    }

    .milestone .carousel-control.left {
        background: none;
    }

    .milestone .carousel-control .fa-angle-left, .carousel-control .icon-prev {
        margin-left: 0;
    }

    .milestone .carousel-control .fa-angle-right, .carousel-control .icon-prev {
        margin-right: 0;
    }

    .style-btn {
        float: left;
        margin-left: 0px;
    }

    .home-main-header ul.navbar-nav li a:active::after, .home-main-header ul.navbar-nav li a:hover::after, .home-main-header ul.navbar-nav li a:focus::after {
        content: none;
    }

    .home-main-header ul.navbar-nav li a.selected::after {
        content: none !important;
    }

    .home-main-header ul.navbar-nav li a.selected {
        border-bottom: none !important;
    }

    .home-main-header ul.navbar-nav li a:active, .home-main-header ul.navbar-nav li a:hover, .home-main-header ul.navbar-nav li a:focus {
        border-bottom: none !important;
    }

    .signedin-container ul.navbar-right ul.dropdown-menu::before {
        border-bottom: 19px solid #0c6196;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        clear: both;
        content: none;
        height: 0;
        left: 40%;
        position: absolute;
        top: -15px;
        width: 0;
    }

    .cvv-number {
        padding: 0px;
    }

    .cvc-no {
        padding: 0px;
    }

    .mobile-none {
        display: none;
    }

    .mrgn-tp-two {
        min-width: 708px;
        width: 100%;
    }

    .home-main-header ul.navbar-right.navbar-right-cstm li {
        margin-left: 2px;
    }

    .mrgn-tp-one {
        width: auto !important;
        max-width: 100% !important;
    }

    .mrgn-tp-two {
        min-width: 690px;
        width: auto !important;
    }

    .tabs-search .nav-tabs > li > a {
        padding: 19px 7px;
    }

    .search-one {
        margin-bottom: 15px;
    }

    .search-two {
        margin-bottom: 15px;
    }

    .cstm-related-searches {
        margin-right: 0px;
    }

    .product-odd {
        padding-left: 0px !important;
        border: none;
    }

    .product-even {
        padding-left: 0px !important;
    }

    .product-bottom {
        margin-bottom: 100px;
    }
}

@media screen and (max-width: 1200px) {
    .adjst-img {
        position: absolute;
        left: -5px;
    }

    .bookmark-even {
        left: 9%;
    }
    /*.adjst-img img {margin: -10px 0 0 -32px;position: relative;top: 86px;left:0px;}*/
    .bookmark-box {
        padding-bottom: 45px !important;
    }
}


@media( max-width : 703px ) {
    .full-width-mobile {
        width: 100%;
    }

    .condition-one .nav-tabs {
        margin-left: 0px !important;
    }

    .condition-one .connecting-line {
        width: 53%;
    }

    .condition-one .nav-tabs > li {
        width: 50%;
    }

    .condition-one li.active span.round-tab i {
        color: #3e5e9a;
        font-size: 24px;
    }

    .condition-one li span.round-tab.billing i {
        color: #e0e0e0;
        font-size: 23px;
    }

    .condition-two .nav-tabs {
        margin-left: 0px !important;
    }

    .condition-two .connecting-line {
        width: 58% !important;
    }

    .condition-two .nav-tabs > li {
        width: 30%;
    }

    .condition-two li.active span.round-tab i {
        color: #3e5e9a;
        font-size: 24px;
    }

    .condition-two li span.round-tab.billing i {
        color: #e0e0e0;
        font-size: 23px;
    }


    .condition-three .nav-tabs {
        margin-left: 0px !important;
    }

    .condition-three .connecting-line {
        width: 58% !important;
    }

    .condition-three .nav-tabs > li {
        width: 30%;
    }

    .condition-three li.active span.round-tab i {
        color: #3e5e9a;
        font-size: 24px;
    }

    .condition-three li span.round-tab.billing i {
        color: #e0e0e0;
        font-size: 23px;
    }


    .quiz .wizard .nav-tabs {
        margin-left: 0px !important;
    }

    .quiz .connecting-line {
        width: 53%;
    }

    .quiz .wizard .nav-tabs > li {
        width: 50%;
    }

    .quiz .wizard li.active span.round-tab i {
        color: #3e5e9a;
        font-size: 24px;
    }

    .quiz .wizard li span.round-tab.billing i {
        color: #e0e0e0;
        font-size: 23px;
    }

    .condition-one .nav-tabs {
        margin-left: 1em !important;
    }

    .day-details .condition-one .nav-tabs {
        margin-left: 1em !important;
    }

    .testibtn {
        margin-bottom: 40px !important;
    }

    .about-content {
        margin-top: -45px;
    }

    .about-main .banner-about {
        min-height: 230px;
    }

        .about-main .banner-about h1 {
            margin-top: 53px;
        }

    .mb-det-test {
        margin-top: -60px;
    }

    .about-main .banner-about.banner-about-soper h1 {
        margin-top: 52px;
    }

    .bookmark-even-mobile {
        margin-top: 50px;
    }
}


@media( max-width : 620px ) {
    .select-box .col-xs-2 {
        width: 100%;
    }

    .labl-wk {
        margin-right: 15px;
        text-align: center;
    }

        .labl-wk label {
            margin-top: 5px;
        }

    .home-main-header .select-box .trynow-btn {
        background: #0c6196 none repeat scroll 0 0;
        border-radius: 2px;
        color: #fff;
        font-size: 15px;
        margin-top: 37px;
        padding: 7px 10px 7px 20px;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .trending-content {
        margin-bottom: 10em !important;
    }

    .select-box h3 {
        margin-left: 0px;
    }

    .trending-content .media-body {
        width: 100%;
        float: left;
    }

    .trending-content img {
        margin-bottom: 0px;
    }

    .about-main .banner-about.banner-about-soper.banner-about-soper-cstm h1 {
        margin-top: 16px;
    }

    .mob-give {
        padding: 0px 5px !important
    }

    .day-main .banner-day {
        background-size: 100% 100%;
        min-height: 155px !important;
        height: 11em;
    }

    .privacy-policy .banner-privacy-policy {
        background-size: cover;
        background-position: -150px 0px;
    }

    .day-main .banner-day h2 {
        margin-top: 53px;
    }
}

@media screen and (max-width: 584px) {
    .wizard li.active span.round-tab {
        background-position: 19px;
    }

    .wizard li span.round-tab {
        background-position: 19px;
    }

    .wizard li.active span.round-tab.billing {
        background-position: 25px 21px;
    }

    .wizard li span.round-tab.billing {
        background-position: 25px 21px;
    }

    .wizard li.active span.round-tab.credit {
        background-position: 17px 23px;
    }

    .wizard li span.round-tab.credit {
        background-position: 17px 23px;
    }

    .wizard li.active span.round-tab.completed {
        background-position: 24px 20px;
    }

    .wizard li span.round-tab.completed {
        background-position: 24px 20px;
    }

    .payment .tab-content {
        padding: 8px 41px;
    }

    .day-details .wizard li.active span.round-tab {
        background-position: 18px center;
    }

        .day-details .wizard li.active span.round-tab.billing {
            background-position: 15px 17px;
        }

        .day-details .wizard li.active span.round-tab.credit {
            background-position: 22px 21px;
        }

        .day-details .wizard li.active span.round-tab.completed {
            background-position: 16px;
        }

    .day-details .wizard li span.round-tab {
        background-position: 18px center;
    }

        .day-details .wizard li span.round-tab.billing {
            background-position: 15px 17px;
        }

        .day-details .wizard li span.round-tab.credit {
            background-position: 22px 21px;
        }

        .day-details .wizard li span.round-tab.completed {
            background-position: 16px;
        }

    .condition-one li.active span.round-tab {
        background-position: 20px center !important;
    }

    .condition-one li span.round-tab {
        background-position: 20px center !important;
    }

    .condition-one li.active span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-one li span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-two li.active span.round-tab {
        background-position: 20px center !important;
    }

    .condition-two li span.round-tab {
        background-position: 20px center !important;
    }

    .condition-two li.active span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-two li span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-two li.active span.round-tab.credit {
        background-position: 24px 21px !important;
    }

    .condition-two li span.round-tab.credit {
        background-position: 24px 21px !important;
    }

    .condition-three li.active span.round-tab {
        background-position: 20px center !important;
    }

    .condition-three li span.round-tab {
        background-position: 20px center !important;
    }

    .condition-three li.active span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-three li span.round-tab.billing {
        background-position: 15px 18px !important;
    }

    .condition-three li.active span.round-tab.completed {
        background-position: 20px center !important;
    }

    .condition-three li span.round-tab.completed {
        background-position: 20px center !important;
    }

    #quote-carousel .carousel-control.left {
        left: -20px;
        top: 125px;
    }

    #quote-carousel .carousel-control.right {
        right: -12px;
        top: 125px;
    }

    #MilestoneMaster #quote-carousel .carousel-control.right {
        right: 10px;
        top: 125px !important;
    }

    #MilestoneMaster #quote-carousel .carousel-control.left {
        right: -12px;
        top: 125px !important;
    }

    .today.today-four-tab.today-three-tab .wizard .nav-tabs {
        margin-left: 4em !important;
    }

    .day-details .wizard li.active span.today-listen {
        background-position: 16px 19px;
    }

    .day-details .wizard li.active span.today-credit {
        background-position: 24px 21px;
    }

    .day-details .wizard li span.today-listen {
        background-position: 16px 19px;
    }

    .day-details .wizard li span.today-credit {
        background-position: 24px 21px;
    }

    .about-mobile-odd {
        margin-bottom: 140px !important;
    }
}

@media screen and (max-width: 485px) {
    .bookmark-main .btn-style button {
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .full-bookmark {
        margin-bottom: 0em;
    }

    .payment .list-inline > li {
        width: 100%;
        margin-bottom: 10px;
    }

        .payment .list-inline > li button {
            width: 100%;
            margin-bottom: 5px;
        }

        .payment .list-inline > li input#donate {
            width: 100%;
            margin-bottom: 5px;
        }

    .day-details .list-inline {
        margin-bottom: 15em;
    }

    .about-site-odd img {
        height: 310px;
        width: 265px;
    }

    .day-details .right-cntnt-bookmark ul li img#imgBookmark {
        position: relative;
        top: 10px;
        left: -3px;
    }
}

@media( max-width : 430px ) {
    .day-details .right-cntnt-bookmark ul li {
        display: block;
        margin-bottom: 1em;
    }

    .day-details .bkmark {
        margin-top: 0px;
    }

    .day-details .tab-content {
        overflow-y: auto;
        padding: 10px 10px !important;
        margin-top: 10px;
    }

    .day-details .pdf a {
        font-size: 14px;
    }

    .day-details .email a {
        font-size: 14px;
    }

    .home-main-header ul.navbar-right li a {
        font-size: 13px !important;
        padding-left: 11px;
        padding-right: 4px;
    }

    .reset-btn button {
        margin-bottom: 4em;
    }

    p.custm-fixedhdr label {
        font-size: 20px !important;
    }

    .adjst-img {
        position: absolute;
        left: -10px;
    }

    .bookmark-even {
        left: 12%;
    }
}

@media( max-width : 991px ) {
    .quiz .wizard .nav-tabs {
        margin-left: 17em;
    }

    .condition-one .nav-tabs {
        margin-left: 17em !important;
    }

    .main-search {
        margin-bottom: 1em;
    }

    .related-searches {
        margin-left: 0px;
        margin-bottom: 1em;
    }

    .meet-testomonial .meet-mrgn {
        text-align: center;
    }

    .meet-testomonial .detail-test-mobile {
        text-align: center;
    }

    .search-form .form-group:hover,
    .search-form .form-group.hover {
        border-radius: 25px;
        width: 120px;
    }

    .mrgn-tp-two {
        min-width: 100% !important;
        width: 100% !important;
    }

    .mrgn-tp-one {
        max-width: 100% !important;
        width: 100% !important;
    }

    ul[data-pie-id] {
        margin-top: 4em !important;
    }

    .milestone #quote-carousel .carousel-control.right {
        right: 0;
        top: 50px !important;
    }

    .milestone #quote-carousel .carousel-control.left {
        left: 0;
        top: 50px !important;
    }
}

@media (max-width:1199px) {
    .container {
        width: 100% !important
    }

    .mrgn-tp-one {
        max-width: none !important;
        width: 94.8% !important;
    }

    .milestone #quote-carousel .carousel-control.right {
        right: 0px;
        top: 140px;
    }

    .milestone #quote-carousel .carousel-control.left {
        left: 0px;
        top: 140px;
    }

    .state-txt {
        margin-right: 0px;
    }

        .state-txt select {
            margin-top: 0px !important;
            margin-bottom: 0px !important;
        }

        .state-txt input {
            margin-top: 0px;
        }

        .state-txt .form-select {
            margin-bottom: 0px;
        }
}

@media (max-width:1246px) {
    .today-odd {
        width: 100%;
    }

    .today-even {
        width: 100%;
    }
}

@media (max-width:900px) and (min-width:768px) {
    .cstm-search {
        width: 100%;
        max-width: 150px
    }

        .cstm-search #search-header-btn {
            left: 124px;
            position: relative;
            text-indent: -99999px;
            top: -24px;
            width: 18px;
        }

    .cstm-search-one {
        padding-right: 0px !important;
        padding-left: 5px;
    }

    ul.cstm-search-two {
        width: 15% !important;
    }

    .home-main-header ul.cstm-search-two li {
        max-width: 31px !important;
    }

        .home-main-header ul.cstm-search-two li.dropdown ul li {
            max-width: 100% !important;
            text-align: center;
            width: 100%;
        }
}

@media (max-width:1030px) and (min-width:1020px) {
    .mrgn-tp-two {
        min-width: 964px;
        width: 100%;
    }
}

@media (max-width:1930px) and (min-width:1890px) {
    .mrgn-tp-two {
        min-width: 920px;
        width: 43%;
    }

    .mrgn-tp-one {
        min-width: 920px;
        width: 43% !important;
    }
}

/*--------------------------------------------------------------------------- milestone-style ----------------------------------------------------------------------- */




/*--------------------------------------------------------------------------- milestone-style ----------------------------------------------------------------------- */


@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari only override */ ::i-block-chrome, .search-form .form-group input.form-control.cstm-form-control {
        padding-right: 2px !important;
        border: 0 none;
        background: transparent;
        box-shadow: none;
        display: block;
        font-size: 12px;
        padding-left: 28px !important;
        line-height: 10px;
    }
}

.jp-pause {
    width: 40px;
    height: 40px;
    background: url(../lib/jqplayer/skin/blue.monday/image/jplayer.blue.monday.png) 0 -42px no-repeat !important;
}

.navbar-header .navbar-toggle {
    top: -50px;
    left: 5px;
    position: relative;
}

.sweet-alert {
    width: 360px;
    padding: 10px !important;
    left: 55%;
}

    .sweet-alert .sa-icon {
        margin: 0px auto !important;
        padding: 0 !important;
    }

    .sweet-alert h2 {
        font-size: 23px !important;
        margin: 10px 0 !important;
    }

    .sweet-alert p {
        font-size: 15px !important;
    }

    .sweet-alert button {
        font-size: 16px !important;
        padding: 5px 10px !important;
        margin: 10px 5px 0 !important;
    }

    .sweet-alert .sa-confirm-button-container {
        margin-left: 15px !important;
    }

@media (min-width:768px) {
    .sweet-alert {
        width: 360px !important;
        padding: 10px !important;
        left: 55% !important;
    }
}

@media (max-width: 767px) {
    body {
        padding-bottom: 0px;
    }
    /*.meet-sapor .container {
        position: relative;
    }*/

    /*.meet-sapor .meet-even {
        width: 100%;
        position: absolute;
        top: 0px;
    }*/

    /*.meet-sapor .meet-even img {           
            margin-top: 45px;          
            margin-right: 30px;
        }*/

    /*.meet-sapor .meet-odd {
        margin-bottom: 0em;
        width: 100%;
        margin-top: 135px;
        padding: 0;
    }*/

    /*.container-fluid.meet-sapor.about-site {
        margin-bottom: 0px;
    }*/

    .home-main-header .footer {
        /*position: relative;*/
    }
}

.product-even .media .media-left,
.product-odd .media .media-left {
    position: relative;
    top: 0px !important;
}

.product-odd .media .media-body,
.product-even .media .media-body {
    position: relative;
    top: 0px !important;
}

.create-account-section-box .tooltip .tooltip-inner {
    min-width: 193px;
    text-align: left !important;
}

.jp-audio {
    width: 385px !important;
}

    .jp-audio .jp-controls {
        width: 60px !important;
        padding: 10px 10px 0 !important;
    }

    .jp-audio .jp-type-single .jp-progress {
        left: 75px !important;
        width: 180px !important;
        border-radius: 10px !important;
    }

.jp-volume-controls {
    left: 275px !important;
    width: 100px !important;
}



@media (max-width:520px) {

    .jp-audio {
        width: 275px !important;
    }

        .jp-audio .jp-controls {
            width: 50px !important;
            padding: 10px 10px 0 !important;
        }

        .jp-audio .jp-type-single .jp-progress {
            left: 70px !important;
            width: 160px !important;
            border-radius: 10px !important;
        }

    #audioText {
        width: 300px !important;
    }

    .jp-audio .jp-type-single .jp-time-holder {
        left: 50px !important;
        width: 180px !important;
    }

    .jp-duration {
        padding-right: 5px !important;
    }
}