@import url(https://fonts.googleapis.com/css?family=Yantramanav:300,400);

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.preloader {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: .6s;
    -o-transition: .6s;
    transition: .6s;
    margin: 0 auto
}

    .preloader .preloader-circle {
        width: 100px;
        height: 100px;
        position: relative;
        border-style: solid;
        border-width: 3px;
        border-top-color: var(--primary-color);
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        z-index: 10;
        border-radius: 50%;
        -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
        box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
        background-color: #ffffff;
        -webkit-animation: zoom 2000ms infinite ease;
        animation: zoom 2000ms infinite ease;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    .preloader .preloader-circle2 {
        border-top-color: #0078ff
    }

    .preloader .preloader-img {
        position: absolute;
        top: 40%;
        z-index: 200;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        display: inline-block;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        padding-top: 6px;
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

        .preloader .preloader-img img {
            /*max-width: 55px*/
        }

    .preloader .pere-text strong {
        font-weight: 800;
        color: #dca73a;
        text-transform: uppercase
    }

@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: .6s;
        -o-transition: .6s;
        transition: .6s
    }
}
#donationBox #Salutation {
    z-index: 999 !important;
}

.paypal-button-container, .paypal-buttons {
    max-width: 80% !important;
}

#PaymentType #imgCreditcard
{
    float:left !important;
}

body {
    font-family: Yantramanav,sans-serif,sans;
    background-repeat: no-repeat;
    background-position: top center;
    font-weight: 300;
    font-size: 18px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

strong {
    font-weight: 400;
    font-weight: bold;
}

button {
    outline: none
}

.btn-danger {
    background-color: #FB544C;
    border-color: #FB544C
}

textarea {
    outline: none;
}

/*---HEADER---*/
#main_header {
    background-color: rgba(255,255,255,0.92);
    font-family: Yantramanav,sans-serif,sans;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
    border-bottom: solid 1px #DBDBDB;
}

    #main_header .nav > li > a, #main_header .nav .dropdown li a {
        text-transform: uppercase;
        font-size: 14px;
        color: #000000;
        letter-spacing: 2px;
    }

    #main_header .nav a > i {
        margin-right: 4px;
    }

    #main_header .navbar-right {
        padding-top: 8px;
    }

        #main_header .navbar-right > li > a {
            padding: 4px 16px;
            margin: 0 0 0 15px;
        }

            #main_header .navbar-right > li > a#lnk-search {
                padding: 4px 4px 4px 10px;
            }

    #main_header .lnk-login, #main_header .lnk-donate {
        border: solid 1px #FB544C;
        background-color: #FB544C;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        color: #FFF !important;
    }

    #main_header .lnk-login {
        background-color: transparent;
        color: #FB544C !important;
    }

    #main_header a.lnk-search {
        padding: 4px 2px;
        text-align: center;
    }

.navbar-main {
    float: none;
    clear: both;
}

    .navbar-main .caret {
        vertical-align: top;
    }

.navbar-default {
    border: none;
    background-color: transparent;
    margin-bottom: 0;
    padding-top: 12px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar.navbar-default .navbar-brand {
    float: none;
    display: inline-block;
    padding: 0;
    height: auto;
    margin-right: 15px;
    margin-left: 0;
}

.navbar {
    min-height: 70px;
}

.navbar-toggle {
    margin-top: 5px;
    margin-bottom: 12px;
}

.navbar-main li:nth-child(1) i {
    background-position: -3px -3px;
}

.navbar-main li:nth-child(2) i {
    background-position: 0px -31px;
}

.navbar-main li:nth-child(3) i {
    background-position: 0px -62px;
}

.navbar-main li:nth-child(4) i {
    background-position: 0px -92px;
}

.custom-search {
    position: relative;
    z-index: 9999;
}

    .custom-search > div {
        position: absolute;
        right: 0;
        top: 50px;
        width: 340px;
        display: none;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    .custom-search.search-visible > div {
        display: block;
    }

    .custom-search > div .gsc-input-box {
        height: 35px !important;
    }

    .custom-search .gsc-search-button {
        box-sizing: content-box !important
    }

/*---CONTENTS / Reusables / Dashboard---*/
#main_content {
    min-height: 680px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    padding-top: 120px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.btn-block {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.rds {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

    .rds.btn-lg {
        padding: 10px 30px;
    }

.filter-label {
    display: inline-block;
    padding-left: 20px;
}

.mobileonly {
    display: none;
}

.helptext {
    display: none;
}

.bg-red {
    background-color: #FB544C;
    color: #FFFFFF;
}

.tch-center {
    margin: 0 auto;
    text-align: center;
    float: none
}

.mw750 {
    max-width: 750px;
    margin: 0 auto
}

.mw350 {
    max-width: 350px;
    margin: 0 auto
}

.banner-text {
    min-height: 350px;
}

.workshop-banner-text {
    min-height: 0px;
}


.workshop-banner {
    min-height: 350px;
}

.banner-text {
    color: #FFFFFF;
    padding: 40px 0 5px;
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3)
}

    .banner-text h1, .banner-text h2 {
        font-size: 70px;
    }

    .banner-text p {
        font-size: 24px;
    }
    /*.banner-text {min-height:350px;}*/
    .banner-text.small {
    }

.banner-top {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    padding: 30px 0
}

.htags {
    padding-top: 70px;
}

.nmt5 {
    margin-top: 5%;
}

.tch-accordion .panel-heading {
    background-color: transparent;
}

    .tch-accordion .panel-heading a {
        display: inline-block;
        padding: 5px 0 5px 30px;
        background-image: url(images/sprites.png);
        background-repeat: no-repeat;
        background-position: -96px -42px
    }

        .tch-accordion .panel-heading a.collapsed {
            background-position: -96px 0
        }

.tch-accordion .panel {
    border: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.tch-accordion .panel-collapse {
    margin-left: 30px;
    font-size: 16px;
}

    .tch-accordion .panel-collapse > .panel-body {
        padding-top: 0;
        border-top: 0 !important
    }

.tch-modal button.close {
    font-size: 45px;
    font-weight: 300
}

.tch-modal.in .modal-dialog {
    max-width: 450px;
}

.tch-modal .modal-header {
    border-bottom: 0;
    text-align: center;
    padding-top: 1px;
}

    .tch-modal .modal-header h4 {
        margin-top: 30px;
    }

        .tch-modal .modal-header h4 > img {
            width: 140px;
        }

.tch-modal .modal-body {
    text-align: center;
    padding-bottom: 40px;
}

    .tch-modal .modal-body h3 {
        font-size: 24px;
        font-weight: 300
    }

    .tch-modal .modal-body span {
        font-size: 14px;
        line-height: 18px;
        display: inline-block;
    }

.tch-accordion > h3 {
    display: none
}

.tch-accordion > div {
    padding: 20px 0;
    border-top: solid 1px #E1E1E1;
}

    .tch-accordion > div:last-child {
        border-bottom: solid 1px #E1E1E1;
    }

    .tch-accordion > div > a {
        display: block;
        padding: 2px 0;
        color: #333333;
        font-size: 32px;
        font-weight: bold;
        background: url(images/icon-plus.png) no-repeat right center;
        margin-right: 10px;
        cursor: pointer
    }

        .tch-accordion > div > a:hover, .tch-accordion > div > a:focus {
            text-decoration: none;
            color: #FB544C
        }

        .tch-accordion > div > a.expanded {
            background-image: url(images/icon-minus.png)
        }

    .tch-accordion > div > .accordion-body {
        display: none;
    }

.glyphicon.red {
    color: #FB544C
}

.sfPageEditor #main_header {
    position: relative;
}

.sfPageEditor #main_content {
    padding-top: 0;
}

.sf-backend-wrp pre {
    margin: 0 !important;
}

.fa.red {
    color: #FB544C
}

.btn-dload {
    background-image: none;
    background-color: transparent;
    border: 1px solid #FB544C;
    color: #FB544C;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.list-red li {
    list-style-image: url(images/list-circle.png)
}

.boxed {
    border: solid 1px #E1E1E1;
    padding-bottom: 20px;
    border-top: none;
    min-height: 280px;
    margin-bottom: 50px;
    border-radius: 6px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
}

    .boxed img {
        width: 100%;
        max-height: 300px
    }

    .boxed h3 {
        margin-top: 0;
    }

.boxed-img {
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    overflow: hidden;
}

    .boxed-img img {
        width: 100%;
        border: solid 1px #E1E1E1;
        border-bottom: none;
    }

.boxed-content {
    border: solid 1px #E1E1E1;
    border-top: 0;
    min-height: 200px;
    margin-bottom: 50px;
    padding: 30px 50px;
    border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
}

    .boxed-content h3 {
        margin-top: 0;
    }

    .boxed-content.bred, .boxed-img.bred {
        border-color: #FB544C
    }

.boxed-full {
    border: solid 1px #E1E1E1;
    padding: 20px;
}

.general-header .h1, .general-header h1 {
    margin-top: 70px;
}

.general-header .banner-text h1 {
    margin-top: 10px
}

.top {
    margin-top: 140px;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.tch-banner {
    position: relative;
}

.tch-banner-text {
    position: absolute;
    top: 15px;
    left: 20%;
    right: 20%
}

    .tch-banner-text h1 {
        font-size: 70px;
        color: #FFFFFF;
    }

    .tch-banner-text p {
    }

/*---FOOTER---*/
#main_footer {
    background-color: #455561;
}

    #main_footer > .container {
        padding: 20px 20px;
    }

.footer_top {
    padding: 40px 0;
    color: #DFE0E1;
    text-align: center;
}

    .footer_top > .row > div {
        margin-bottom: 15px;
    }

    .footer_top address span, .footer_top address i {
        display: inline-block;
        vertical-align: top;
    }

.footer_bottom {
    background-color: #65737D;
    padding: 10px 0;
    color: #E9E9E9;
}

    .footer_bottom a {
        color: #E9E9E9;
        display: inline-block;
        margin-left: 12px;
    }

    .footer_bottom .text-right {
        text-align: center;
    }

#main_footer .list-unstyled {
    padding-left: 30%;
}

    #main_footer .list-unstyled li {
        margin-bottom: 5px;
    }

#main_footer .fa, #main_footer .glyphicon {
    margin-right: 4px;
}

.footer_social {
    text-align: center;
}

    .footer_social a {
        color: #E9E9E9;
        display: inline-block;
        margin-left: 12px;
        font-size: 16px;
    }


/* MISC STYLES */
.error-page {
    text-align: center;
    padding-top: 50px
}

    .error-page h1 {
        font-size: 60px;
        font-weight: 400
    }

    .error-page h3 {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: 40px;
    }

/*---SPRITES---*/
.sprt {
    display: inline-block;
    background: url(images/sprites.png) no-repeat 0 0;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    overflow: hidden;
}

.hlight {
    background: url(images/sprite-highlights.png) no-repeat;
    display: inline-block;
    padding-bottom: 2px;
    background-position: 10px bottom;
    font-weight: bold;
    color: #F9534B;
}

.hlight_r {
    background: url(images/highlight-bg-01.png) no-repeat center bottom;
    display: inline-block;
    padding-bottom: 2px;
    no-repeat 0 bottom !important;
    background-size: 100% 12px;
    font-weight: bold;
    color: #F9534B;
}

.hlight_r3 {
    background: url(images/highlight-bg-01.png) no-repeat center bottom;
    display: inline-block;
    padding-bottom: 2px;
    no-repeat 0 bottom !important;
    background-size: 100% 6px;
    font-weight: bold;
    color: #F9534B;
}

.hlight_r2 {
    background: url(images/highlight-bg-02.png) no-repeat center bottom;
    display: inline-block;
    padding-bottom: 2px;
    no-repeat 0 bottom !important;
    background-size: 100% 10px;
    font-weight: bold;
    color: #F9534B;
}

.hlight_2 {
    background-position: -307px bottom;
}

.hlight_3 {
    background-position: -676px bottom;
}

.spr-phone {
    background-position: -30px -3px;
}

.spr-fax {
    background-position: -30px -31px;
}

.spr-mail {
    background-position: -30px -60px;
}

.spr-marker {
    background-position: -32px -93px;
}

.sprt-commitment {
    background-position: -100px -81px
}

.sprt-commitment-white {
    background-position: -100px -110px
}

.sprt-admission {
    background-position: -37px -127px
}

.caret {
    display: inline-block;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 150%;
    padding: .75em;
    background: none;
    border: none;
    padding: 0;
    font-size: 12px;
    color: #333;
    margin: 0;
    vertical-align: baseline;
}

    .caret:after {
        content: '⌵';
        display: block;
        text-align: center;
    }

/*---BREADCRUMB---*/
.btn-breadcrumb {
    margin-top: 5px;
}

    .btn-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid white;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn {
        padding: 6px 12px 6px 24px;
    }

        .btn-breadcrumb .btn:first-child {
            padding: 6px 6px 6px 10px;
        }

        .btn-breadcrumb .btn:last-child {
            padding: 6px 18px 6px 24px;
            background-color: #FB544C;
            color: #FFFFFF;
        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):after {
            border-left: 10px solid #fff;
        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):before {
            border-left: 10px solid #ccc;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
            border-left: 10px solid #ebebeb;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
            border-left: 10px solid #adadad;
        }

/*---HOMEPAGE STYLES---*/
.homepage {
    z-index: 999;
    margin-top: -300px;
    position: relative
}

    .homepage h1 {
        font-size: 42px;
    }

    .homepage .homebanner-contents {
        color: #FFFFFF;
    }

        .homepage .homebanner-contents h1 {
            font-size: 79px;
            line-height: 70px;
            margin: 120px 0 32px;
        }

        .homepage .homebanner-contents p {
            font-size: 24px;
            margin-bottom: 25px;
        }

        .homepage .homebanner-contents .btn {
            font-size: 19px;
            border-radius: 34px;
            -moz-border-radius: 34px;
            -webkit-border-radius: 34px;
            padding: 12px 25px;
        }

.homebanner-info {
    color: #FFFFFF;
    float: right;
    width: 290px;
    font-size: 16px;
    border-left: solid 1px #FFFFFF;
    padding-left: 20px;
    margin-bottom: 40px;
}

.homepage-search {
    background-color: #F0F3F5;
}

.home-stories {
    background: url(images/homestories-bg.png) no-repeat right bottom #F1F2F6
}

    .home-stories h1 {
        font-size: 40px;
        max-width: 450px;
    }

    .home-stories p {
        font-size: 20px;
        max-width: 450px;
        margin-bottom: 15px
    }

    .home-stories h5 {
        font-size: 18px;
    }

.home-searchwrap h2 {
    margin-top: 0;
    font-size: 45px;
    margin-top: 8px;
}

.home-searchwrap h4 {
    font-size: 24px;
}

.home-searchwrap .col1 {
    padding: 40px 10px 30px 40px
}

.home-searchwrap .col2 {
    padding: 50px 10px 50px 10px;
}

.home-searchwrap .col2 {
    margin-top: -13px;
    border-top: solid 13px #65737F;
}

.home-searchwrap .search-form {
    max-width: 540px;
    position: relative;
    margin: 0 auto
}

    .home-searchwrap .search-form p {
        font-size: 16px;
        padding-left: 25px
    }

    .home-searchwrap .search-form input.form-control {
        border: none;
        padding: 20px 30px 15px;
        font-size: 20px;
        height: 60px;
        line-height: 20px;
        border-radius: 40px;
        -moz-border-radius: 40px;
        -webkit-border-radius: 40px;
        margin-bottom: 10px;
    }

    .home-searchwrap .search-form div > button {
        position: absolute;
        right: 0;
        top: 0;
        height: 60px;
        width: 80px;
        background: url(images/btn-search-01.png) no-repeat center center #FB534B;
    }

.home-searchwrap .col1 .sfContentBlock {
    margin-right: 1px solid #E1E1E1;
}

.hometab-header {
    margin-top: 60px;
}

#homeslide {
    margin-top: 0px;
    min-height: 250px;
}

    #homeslide .carousel-caption {
        right: inherit;
        left: 15%;
        top: 20%;
        text-align: left;
        bottom: inherit;
        width: 80%
    }

    #homeslide .carousel-indicators {
        left: 17%;
        bottom: 380px;
    }

        #homeslide .carousel-indicators .active {
            margin-right: 5px;
        }

    #homeslide .carousel-caption h1 {
        font-size: 60px;
    }

    #homeslide .carousel-caption p {
        font-size: 24px;
    }

.home-tabs .nav {
    text-align: center;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 20px;
}

    .home-tabs .nav a {
        display: block;
        white-space: nowrap
    }

    .home-tabs .nav > li {
        display: inline-block;
        margin-bottom: -1px
    }

        .home-tabs .nav > li:first-child a {
            margin-left: 10px;
            margin-right: 50px
        }

        .home-tabs .nav > li:last-child a {
            margin-left: 50px;
            margin-right: 10px
        }

        .home-tabs .nav > li a {
            text-transform: uppercase;
            font-size: 20px;
            letter-spacing: 3px;
            ;
            margin: 0 30px;
            color: #333333;
            padding: 14px 4px 12px;
        }

        .home-tabs .nav > li.active > a, .home-tabs .nav > li > a:hover {
            border: none;
            border-bottom: 2px solid #FB544C;
            color: #FB544C
        }

        .home-tabs .nav > li a:focus {
            outline: none;
        }

.home-tabs .fundraising-result.tab-events .wrap-content > p {
    margin: 10px 0;
}

.home-tabs .fundraising-result .vlist a {
    border: 0;
}

    .home-tabs .fundraising-result .vlist a .vlist-inner, .home-tabs .fundraising-result .vlist > a:hover {
        border-color: transparent !important;
    }

.home-tabs #volunteering .wrap-img .causes, .home-tabs #fundraising .wrap-img .causes, .home-tabs #events .wrap-img .topic, .home-tabs #news .wrap-img .topic {
    position: relative !important;
    border-bottom: 1px solid #FB544C;
    padding: 0 !important;
    margin-left: 20px;
    margin-bottom: 12px !important
}

.home-ourstory {
    padding: 20px;
}

/*---VOLUNTEER PAGE / Fundraising Campaign---*/
.volunteer {
    padding-top: 20px;
}

    .volunteer .banner-text h2 {
        font-weight: 300;
    }

    .volunteer .banner-name {
        margin-bottom: 30px;
        min-height: 45px;
    }

        .volunteer .banner-name p {
            color: #FFFFFF;
            padding-left: 15px;
            margin-bottom: 0;
            font-size: 15px;
            display: block;
            border-left: solid 1px #FFFFFF;
        }

    .volunteer .sf_cols {
        clear: both;
    }

    .volunteer .filter-widget, .events-filter,
    .fundraising-filter {
        padding: 25px 40px;
        margin-bottom: 40px;
        background: url(images/volunteer-filter-bg.jpg) no-repeat top right #f0f3f5;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

#VolunteerActivitiesListDiv {
    padding-bottom: 10px;
    margin-bottom: 10px;
}

    #VolunteerActivitiesListDiv > h3 {
        margin-top: 0;
        font-size: 40px;
        font-weight: 300;
        margin-bottom: 45px;
        max-width: 320px;
    }

        #VolunteerActivitiesListDiv > h3 strong {
            color: #fb524b;
        }

#VolunteerActivitiesList {
    border-bottom: 2px solid #EFEFEF;
}

    #VolunteerActivitiesList.k-widget, .k-widget, .k-widget *, .k-widget *::before {
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #VolunteerActivitiesList .vlist {
        margin-bottom: 10px;
        height: 560px;
    }

        #VolunteerActivitiesList .vlist a {
            display: block;
            color: #333333;
        }

            #VolunteerActivitiesList .vlist a, #VolunteerActivitiesList .vlist a:hover, #VolunteerActivitiesList .vlist a:active, #VolunteerActivitiesList .vlist a:visited {
                text-decoration: none;
            }

        #VolunteerActivitiesList .vlist h4 {
            font-size: 29px;
            margin: 30px 0 20px;
        }

        #VolunteerActivitiesList .vlist > a p {
            margin: 0 0 2px;
            font-size: 16px;
        }

            #VolunteerActivitiesList .vlist > a p span {
                display: inline-block;
                text-align: center;
                width: 14px;
                color: #FA544C;
                font-size: 17px;
                margin-right: 7px;
            }

        #VolunteerActivitiesList .vlist a .wrap-img, #VolunteerActivitiesList .vlist a .wrap-content {
            position: relative;
        }

            #VolunteerActivitiesList .vlist a .wrap-img .causes {
                position: absolute;
                top: 15px;
                left: 0;
                font-size: 16px;
                background-color: rgba(255,255,255,0.7);
                display: inline-block;
                padding: 2px 10px 2px 20px;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

        #VolunteerActivitiesList .vlist a .wrap-content {
            padding: 0 15px;
        }

        #VolunteerActivitiesList .vlist a .slots-available {
            text-align: center;
            padding: 6px 4px;
            display: block;
            font-weight: 300;
            margin: 16px 0 24px;
            border: 1px solid #E1E1E1;
            font-size: 24px;
        }

            #VolunteerActivitiesList .vlist a .slots-available strong {
                font-weight: bold
            }

        #VolunteerActivitiesList .vlist a:hover .slots-available {
        }


/*----KENDO LIST PAGERS ---*/
#VolunteerActivitiesList_pager,
#FundraisingCampaignsList_pager, #Kendo_TouchServicesList_pager, #EventList_pager {
    background-color: transparent;
    text-align: right !important;
    font-size: 16px;
}

    #VolunteerActivitiesList_pager > ul, #VolunteerActivitiesList_pager > a,
    #FundraisingCampaignsList_pager > ul, #FundraisingCampaignsList_pager > a,
    #EventList_pager > ul, #EventList_pager > a,
    #Kendo_TouchServicesList_pager > ul, #Kendo_TouchServicesList_pager > a {
        display: inline-block !important;
        float: none;
        vertical-align: middle;
        border: none;
        background-color: none;
    }

    #VolunteerActivitiesList_pager .k-i-arrow-w::before,
    #Kendo_TouchServicesList_pager .k-i-arrow-w::before,
    #EventList_pager .k-i-arrow-w::before,
    #FundraisingCampaignsList_pager .k-i-arrow-w::before {
        content: "\e016" !important;
    }

    #VolunteerActivitiesList_pager .k-i-arrow-e::before,
    #Kendo_TouchServicesList_pager .k-i-arrow-e::before,
    #EventList_pager .k-i-arrow-e::before,
    #FundraisingCampaignsList_pager .k-i-arrow-e::before {
        content: "\e014" !important;
    }

    #VolunteerActivitiesList_pager .k-icon, #Kendo_TouchServicesList_pager .k-icon, #EventList_pager .k-icon,
    #FundraisingCampaignsList_pager .k-icon {
        font-size: 20px;
        color: #666666;
    }

    #VolunteerActivitiesList_pager .k-pager-numbers, #Kendo_TouchServicesList_pager .k-pager-numbers, #EventList_pager .k-pager-numbers,
    #FundraisingCampaignsList_pager .k-pager-numbers {
        margin: 0 10px;
    }

        #VolunteerActivitiesList_pager .k-pager-numbers .k-state-selected,
        #Kendo_TouchServicesList_pager .k-pager-numbers .k-state-selected, #EventList_pager .k-pager-numbers .k-state-selected,
        #FundraisingCampaignsList_pager .k-pager-numbers .k-state-selected {
            background-color: #FB544B;
            border-color: transparent;
            min-width: auto;
            font-size: 18px;
            width: 30px;
            height: 30px;
            line-height: 30px;
        }

        #VolunteerActivitiesList_pager .k-pager-numbers .k-link,
        #Kendo_TouchServicesList_pager .k-pager-numbers .k-link, #EventList_pager .k-pager-numbers .k-link,
        #FundraisingCampaignsList_pager .k-pager-numbers .k-link {
            line-height: 30px;
            height: 30px;
            width: 30px;
            border: none;
        }

    #VolunteerActivitiesList_pager .k-i-seek-e, #VolunteerActivitiesList_pager .k-i-seek-w,
    #Kendo_TouchServicesList_pager .k-i-seek-e, #Kendo_TouchServicesList_pager .k-i-seek-w,
    #EventList_pager .k-i-seek-e, #EventList_pager .k-i-seek-w,
    #FundraisingCampaignsList_pager .k-i-seek-e, #FundraisingCampaignsList_pager .k-i-seek-w {
        display: none;
    }

    #VolunteerActivitiesList_pager .k-pager-info,
    #Kendo_TouchServicesList_pager .k-pager-info,
    #EventList_pager .k-pager-info,
    #FundraisingCampaignsList_pager .k-pager-info {
        display: none;
    }

.k-pager-wrap .k-pager-last, .k-pager-wrap .k-pager-first {
    display: none !important;
    width: 0;
}

.k-pager-numbers .k-state-selected, .k-pager-numbers > li {
    border-radius: 1.0833em !important;
    display: inline-block
}

.k-edge .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-pager-numbers {
    left: inherit !important;
    position: static
}

    .k-edge .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link, .k-webkit .k-pager-numbers + .k-link {
        margin-left: 0px;
    }

.k-grid, .k-listview {
    position: relative;
    background-color: transparent;
}

.k-pager-wrap .k-pager-numbers > li.k-current-page {
    display: none !important
}

.featured-activity {
    margin-left: 30px !important;
    margin-bottom: 15px;
}

    .featured-activity > .img-responsive {
        width: 100%
    }

#FeaturedVolunteerActivitiesDiv {
    background-color: #FB534B;
    padding: 30px 30px 40px;
    margin-bottom: 30px;
}

    #FeaturedVolunteerActivitiesDiv > h1 {
        font-size: 30px;
        text-align: center;
        color: #FFFFFF;
    }

    #FeaturedVolunteerActivitiesDiv > h3 {
        text-align: center;
        margin: 0 0 12px;
        color: #FFFFFF;
        font-size: 40px;
        font-weight: 300
    }

    #FeaturedVolunteerActivitiesDiv .carousel-inner, #FeaturedVolunteerActivitiesDiv .carousel-caption {
        position: relative;
    }

    #FeaturedVolunteerActivitiesDiv .item a:hover, #FeaturedVolunteerActivitiesDiv .item a:focus {
        text-decoration: none !important;
    }

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

    #FeaturedVolunteerActivitiesDiv .carousel-caption {
        right: inherit;
        left: inherit;
        bottom: inherit;
        padding: 20px 24px;
        text-align: left;
    }

        #FeaturedVolunteerActivitiesDiv .carousel-caption h4 {
            font-size: 28px;
        }

        #FeaturedVolunteerActivitiesDiv .carousel-caption > p {
            font-size: 18px;
            margin-bottom: 6px;
        }

            #FeaturedVolunteerActivitiesDiv .carousel-caption > p > span {
                display: inline-block;
                width: 14px;
                margin-right: 5px;
                text-align: center;
                text-shadow: none;
            }

            #FeaturedVolunteerActivitiesDiv .carousel-caption > p.slots-available {
                font-size: 24px;
                font-weight: 300;
                padding: 10px;
                margin-left: -30px;
                margin-right: -30px;
                margin-top: 20px;
                background-color: #E14038;
                text-align: center;
                display: block;
            }

                #FeaturedVolunteerActivitiesDiv .carousel-caption > p.slots-available strong {
                    font-weight: bold
                }

    #FeaturedVolunteerActivitiesDiv .wrap-img {
        position: relative
    }

        #FeaturedVolunteerActivitiesDiv .wrap-img .causes {
            position: absolute;
            top: 15px;
            left: 0;
            font-size: 16px;
            background-color: rgba(255,255,255,0.7);
            display: inline-block;
            padding: 2px 10px 2px 20px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

.volunteer-filter .k-datepicker {
    margin-bottom: 10px;
}

.volunteer-filter #dp {
    position: relative;
    padding-right: 10px;
    border: 1px solid #E3E3E3;
    cursor: pointer;
    background-image: none;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    background-color: #FFFFFF;
    z-index: 999
}

    .volunteer-filter #dp .dp-label {
        white-space: nowrap;
        border-radius: 24px;
        -moz-border-radius: 24px;
        -webkit-border-radius: 24px;
        padding: 8px 20px;
        font-weight: 300;
        font-size: 22px;
        line-height: 30px;
        background: url(images/volunteer-filter-arrow.png) no-repeat right center;
        display: inline-block;
        width: 100%;
        z-index: 999;
    }

        .volunteer-filter #dp .dp-label strong {
            font-weight: 300;
        }

        .volunteer-filter #dp .dp-label span {
            font-size: 17px;
        }

    .volunteer-filter #dp .dp-form {
        display: none;
        background-color: #FFFFFF;
        padding: 20px 10px 15px;
        width: 100%;
        border: 1px solid #d5d5d5;
        top: 50px;
        position: absolute;
        z-index: 998;
        transition: all 600ms ease-out 600s;
        box-shadow: 0 0 1px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 0 1px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
    }

    .volunteer-filter #dp.focused {
        background-color: #F1F2F6;
        border-color: #bdbdbd
    }

        .volunteer-filter #dp.focused .dp-form {
            display: block;
            transition: all 600ms ease-out 600s;
            animation-name: example;
            animation-duration: .5s;
            position: absolute;
            top: 80px;
            animation-name: dpform;
            animation-duration: 0.4s;
            animation-direction: alternate;
        }

    .volunteer-filter #dp .btn-clear {
        background-color: transparent;
        padding: 5px 0 0;
        color: #009ae5;
        line-height: 16px;
        margin: 5px auto 0;
    }


@keyframes dpform {
    0% {
        top: 50px
    }

    100% {
        top: 80px
    }
}

.dp-form .k-datepicker {
    padding: 9px 12px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    font-size: 18px;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    width: 100%;
}

    .dp-form .k-datepicker .k-input {
        background: url(images/volunteer-filter-arrow.png) no-repeat right center #FFFFFF;
        cursor: pointer;
    }

    .dp-form .k-datepicker .k-picker-wrap {
        padding-right: 0;
    }

    .dp-form .k-datepicker .k-select {
        display: none;
    }

.dp-form .btn {
    width: 100%;
    border-radius: 30px;
    font-size: 18px;
    padding: 10px;
}

.volunteer-filter .k-multiselect,
.fundraising-filter .k-multiselect {
    background-color: #FFF;
    background-image: none;
    padding: 9px 10px;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    font-weight: 300;
    border: 1px solid #E3E3E3;
    cursor: pointer;
}

    .volunteer-filter .k-multiselect.k-state-focused,
    .fundraising-filter .k-multiselect.k-state-focused {
        background-color: #F1F2F6;
        background-image: none;
        box-shadow: none;
    }

    .volunteer-filter .k-multiselect .k-input,
    .fundraising-filter .k-multiselect .k-input {
        font-size: 22px;
        width: 100% !important;
        cursor: pointer;
    }

    .volunteer-filter .k-multiselect .k-multiselect-wrap,
    .fundraising-filter .k-multiselect .k-multiselect-wrap {
        background: url(images/volunteer-filter-arrow.png) no-repeat right 10px !important;
        min-height: inherit;
        padding-right: 45px;
    }

.k-multiselect > .k-multiselect-wrap > .k-i-close {
    right: 25px;
}

.volunteer-filter .k-multiselect.k-state-hover .k-multiselect-wrap, .volunteer-filter .k-multiselect.k-state-focused .k-multiselect-wrap,
.fundraising-filter .k-multiselect.k-state-hover .k-multiselect-wrap, .fundraising-filter .k-multiselect.k-state-focused .k-multiselect-wrap {
    background-image: none;
}

.k-multiselect-wrap > ul > li.k-button {
    background-color: #009ae5;
    background-image: none;
    color: #FFFFFF;
}

#LocationsFilter-list, #AvailabilitiesFilter-list, #CausesFilter-list, #ServicesFilter-list, #SortBy-list {
    background-color: #FFFFFF;
    margin-top: 30px;
    box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    #LocationsFilter-list .k-item, #AvailabilitiesFilter-list .k-item, #CausesFilter-list .k-item {
        font-size: 18px;
        padding: 0 8px;
    }

        #LocationsFilter-list .k-item.k-state-selected, #AvailabilitiesFilter-list .k-item.k-state-selected, #CausesFilter-list .k-item.k-state-selected {
            color: #FB544C;
            background-image: none;
            background-color: #FFFFFF;
        }

        #LocationsFilter-list .k-item.k-state-focused, #AvailabilitiesFilter-list .k-item.k-state-focused, #CausesFilter-list .k-item.k-state-focused {
            background-image: none;
            background-color: #FFFFFF;
        }

.fundraise .banner-text, .fundraising-campaigns .banner-text {
    min-height: 370px
}


/*---VOLUNTEER PAGE DETAILS---*/
.volunteer-details-top {
    padding-top: 10px;
}

.volunteer-details-banner {
    margin-bottom: 170px;
    margin-top: 30px;
}

    .volunteer-details-banner h1 {
        font-size: 45px;
        font-weight: bold
    }

    .volunteer-details-banner h3 {
        font-size: 24px;
        font-weight: 300;
        margin-top: 5px;
    }

#volunteer-details-slide .carousel-inner,
#campaign-details-slide .carousel-inner {
    text-align: center;
}

    #volunteer-details-slide .carousel-inner .item,
    #campaign-details-slide .carousel-inner .item {
        width: 100%;
        height: 100%;
    }

    #volunteer-details-slide .carousel-inner img,
    #campaign-details-slide .carousel-inner img {
        width: 100%;
        height: 100%;
        max-width: inherit
    }

#volunteer-details-slide .carousel-control .glyphicon-menu-right, #volunteer-details-slide .carousel-control .glyphicon-menu-left,
#campaign-details-slide .carousel-control .glyphicon-menu-right, #campaign-details-slide .carousel-control .glyphicon-menu-left {
    top: 48%;
    font-size: 50px;
}

#volunteer-details-slide {
    margin-bottom: 50px;
}

    #volunteer-details-slide .carousel-indicators,
    #campaign-details-slide .carousel-indicators {
        width: 80%;
        text-align: right;
        right: 5%;
        left: inherit;
        bottom: 10px;
    }

    #volunteer-details-slide .carousel-control.right, #volunteer-details-slide .carousel-control.left,
    #campaign-details-slide .carousel-control.right, #campaign-details-slide .carousel-control.left {
        background-image: none;
        bottom: 50px;
    }

.volunteer-details {
    margin-bottom: 40px;
}

    .volunteer-details h2 {
        font-size: 45px;
        font-weight: 300;
        margin-top: 25px;
        line-height: 55px;
    }

    .volunteer-details #section-aside .btn-block {
        font-size: 22px;
    }

    .volunteer-details #section-main {
        padding-right: 0;
    }

    .volunteer-details #section-aside {
        padding-left: 50px;
    }

    .volunteer-details #section-date {
        margin-bottom: 20px;
        line-height: 24px;
        margin: 0 0 30px
    }

        .volunteer-details #section-date > div {
            height: 90px;
            background-color: #FA5C54
        }

        .volunteer-details #section-date .detail-month {
            color: #FFFFFF;
            font-size: 18px;
            margin: 18% 0 6px;
            display: block;
        }

        .volunteer-details #section-date .detail-day {
            color: #FFFFFF;
            font-size: 32px;
            font-weight: bold;
            display: block;
        }

    .volunteer-details div#section-address {
        background-color: #FFFFFF;
        border: 1px solid #E1E1E1;
        border-left: 0;
        padding: 15px 0 15px 20px
    }

        .volunteer-details div#section-address .glyphicon {
            color: #FB544C;
            font-size: 16px;
            margin-right: 5px
        }

    .volunteer-details div#section-role {
        margin: 0 0 20px;
    }

        .volunteer-details div#section-role > div {
            border: 1px solid #E1E1E1;
            padding: 40px;
            min-height: 200px;
        }

            .volunteer-details div#section-role > div:last-child {
                border-left: 0;
                padding: 20px;
            }

        .volunteer-details div#section-role h4 {
            font-size: 30px;
            color: #fb544c;
            margin-top: 0;
        }

        .volunteer-details div#section-role .details-slot-left {
            font-size: 24px
        }

            .volunteer-details div#section-role .details-slot-left strong {
                color: #fb544c;
                font-size: 45px;
                display: block;
                line-height: 50px;
            }

            .volunteer-details div#section-role .details-slot-left .btn-block {
                margin: 20px 0 0;
            }

    .volunteer-details div#section-contact-details {
        border: 1px solid #E1E1E1;
        padding: 20px 25px 0;
        margin-top: 20px;
    }

        .volunteer-details div#section-contact-details .glyphicon {
            color: #FA544C;
            margin-right: 5px;
        }

        .volunteer-details div#section-contact-details h3 {
            margin-top: 0;
        }

        .volunteer-details div#section-contact-details .contact-name strong {
            font-size: 24px;
        }

    .volunteer-details #section-facebook {
        margin-bottom: 15px;
        text-align: center;
    }

    .volunteer-details #section-shorturl, .campaign-details #section-shorturl {
        position: relative;
        margin-bottom: 20px;
        margin-top: 10px;
    }

        .volunteer-details #section-shorturl input, .volunteer-details #section-shorturl input:focus, .campaign-details #section-shorturl input, .campaign-details #section-shorturl input:focus {
            outline: none;
            width: 100%;
            padding: 10px 15px;
            border: 1px solid #F1F1F1;
            background-color: #FAFAFA;
            box-shadow: none;
        }

        .volunteer-details #section-shorturl button, .campaign-details #section-shorturl button {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            color: #FB544C;
            border: 1px solid #FB544C;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 18px;
        }


/*---VOLUNTEER SIGNUP / DONATION---*/
.signup-head h1 {
    font-size: 55px;
}

.signup-head h3 {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 28px;
}

.tch-form {
    max-width: 550px;
    margin: 0 auto 40px;
    position: relative
}

    .tch-form label {
        display: block;
        clear: both;
        font-weight: 300;
        margin-bottom: 0;
        padding: 0 20px;
    }

    .tch-form > div {
        position: relative
    }

    .tch-form input.k-textbox {
        width: 100%;
        border-radius: 30px;
        height: 50px;
        background-color: #FAFAFA;
        border: 1px solid #ECECEC;
        padding-left: 10px;
        font-weight: 400;
    }

    .tch-form .k-numerictextbox {
        text-align: center;
        width: 120px
    }

    .tch-form .k-numeric-wrap {
        background-color: transparent;
        background-image: none
    }

    .tch-form .k-numerictextbox input.k-input {
        font-size: 24px;
        border-radius: 30px;
        height: 50px;
        background-color: #FAFAFA;
        border: 1px solid #ECECEC;
        padding-left: 10px;
        font-weight: 400;
        width: 120px
    }

    .tch-form .amount-info {
        font-size: 27px;
        margin-bottom: 25px;
    }

        .tch-form .amount-info strong {
            color: #FB544C
        }

        .tch-form .amount-info p {
            margin-bottom: 0;
        }

    .tch-form input.k-textbox.k-invalid {
        border: 2px solid #FB544C;
    }

    .tch-form .textarea, .tch-form textarea {
        width: 100%;
        border-radius: 10px;
        background-color: #FAFAFA;
        box-shadow: none;
        border: 1px solid #ECECEC;
        padding: 20px;
    }

    .tch-form #btn_donate {
        padding-left: 40px;
        padding-right: 40px;
        margin: 20px 0;
    }

.signup .bottom-info {
    font-size: 15px;
    max-width: 550px;
    margin: 0 auto 20px;
    text-align: justify;
}

.tch-form input.k-textbox:focus, .tch-form .textarea:focus, .tch-form textarea:focus {
    background-color: #FFFFFF;
}

.tch-form #PersonalInformation > div, .tch-form #Preferences > div {
    clear: both;
    margin-bottom: 12px;
    position: relative
}

.tch-form #VolunteerActivityInformation h3 {
    font-size: 28px;
    display: block;
    text-align: center;
    margin-bottom: 35px;
    margin-top: 10px;
    font-weight: 300
}

    .tch-form #VolunteerActivityInformation h3 strong {
        color: #F8554C;
        font-weight: bold
    }

.tch-form .k-multiselect {
    width: 100%;
    border: 1px solid #ECECEC;
    background-color: #FAFAFA;
    padding: 8px 15px;
    border-radius: 30px;
    background-image: none;
}

    .tch-form .k-multiselect .k-tooltip-validation {
        position: absolute;
        left: 0
    }

.tch-form .k-multiselect-wrap {
    width: 100%;
    min-height: inherit;
    background-color: transparent;
}

    .tch-form .k-multiselect-wrap .k-input {
        height: 30px;
    }

.tch-form .k-dropdown, .fundraising-filter .k-dropdown {
    width: 100%;
    border-radius: 30px;
    background-color: #FAFAFA;
    padding: 10px;
    border: 1px solid #ECECEC;
    position: static
}

    .tch-form .k-dropdown.k-state-border-down, .fundraising-filter .k-dropdown.k-state-border-down {
        background-color: #FFFFFF;
    }

    .tch-form .k-dropdown .k-dropdown-wrap, .fundraising-filter .k-dropdown .k-dropdown-wrap {
        background-color: transparent;
        background-image: none;
        border: none;
        box-shadow: none;
    }

        .tch-form .k-dropdown .k-dropdown-wrap .k-input, .k-dropdown .k-dropdown-wrap .k-input {
            line-height: 25px;
        }

.k-dropdown .k-dropdown-wrap > .k-select > .k-icon {
    display: none
}

.k-dropdown .k-dropdown-wrap > .k-select {
    background: url(images/volunteer-filter-arrow.png) no-repeat right 12px;
}

.tch-form .btn-lg {
    padding: 10px 35px;
    font-size: 20px;
}

.tch-form .k-widget.k-tooltip-validation {
    background-image: none;
    background-color: #FB544C;
    font-size: 14px;
    color: #FFFFFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    position: absolute;
    bottom: -24px;
    left: 20px
}

.tch-form .k-tooltip-validation .k-i-warning {
    color: #FFFFFF;
}

.k-list-container .k-list > li.k-item {
}

    .k-list-container .k-list > li.k-item.k-state-selected {
        color: #FB544C;
        background-image: none;
        background-color: transparent
    }

    .k-list-container .k-list > li.k-item.k-state-focused {
        color: #FB544C;
        background-image: none;
        background-color: transparent
    }


/*---DONATION OVERVIEW PAGE---*/
.donation-overview {
    margin-top: 3%
}

    .donation-overview .banner-text h2 {
        margin-bottom: 20px
    }

.section-causes {
    margin-top: 90px;
    margin-bottom: 40px;
}

    .section-causes h2 {
        font-size: 44px;
        margin-bottom: 25px;
        font-weight: 300;
    }

    .section-causes .donate-cause > .cause-list {
        display: inline-block;
        width: 217px;
        vertical-align: top;
        margin: 20px 0 30px;
        height: 200px;
        font-size: 22px;
        position: relative;
        cursor: pointer
    }

        .section-causes .donate-cause > .cause-list a {
            display: inline-block;
            margin-bottom: 15px;
            position: relative;
            z-index: 199
        }

.donate-cause > .cause-list > .tch-popover {
    background: url(images/popover-bg.png) no-repeat 0 0 transparent;
    background-size: 100% 100%;
    padding: 30px 30px;
    width: 300px;
    top: 60%;
    bottom: auto;
    height: auto;
    left: -40px;
    position: absolute;
    display: none;
    z-index: 200;
    font-size: 15px;
    line-height: 20px;
}

.donate-cause > .cause-list .popover > .arrow {
    border: none;
    display: none;
}

.donate-asterisk {
    margin-bottom: 40px;
}

    .donate-asterisk p {
        display: block;
        max-width: 640px;
        margin: 0 auto;
        font-size: 16px;
    }

    .donate-asterisk h5 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .donate-asterisk strong {
        font-weight: bold;
    }

.donate-bottom {
    background-color: #FAFAFA;
    padding: 30px 0 60px;
    margin-top: 40px;
}

.donation-overview-form {
    height: 800px;
}

.give-once .donation-overview-form, .give-monthly .donation-overview-form {
    padding: 30px;
    text-align: center;
}

.give-once .donation-overview-form {
    background: url(/images/default-source/default-album/donate-once-bg.png) no-repeat center bottom #EDF8FE;
}

.give-monthly .donation-overview-form {
    background: url(/images/default-source/default-album/donate-monthly-bg.png) no-repeat center bottom #DCEFDB;
}

.donation-overview-form .form-input {
    width: 100%;
    margin: 0 auto;
    max-width: 350px;
    margin-bottom: 10px
}

    .donation-overview-form .form-input .k-numerictextbox, .donation-overview-form .form-input .k-numerictextbox .k-input {
        width: 100% !important;
        font-weight: 300;
        font-size: 18px
    }

.donation-overview-form .k-numerictextbox input.k-input {
    padding-left: 25px;
}

.donation-overview-form .btn_donate {
    margin-top: 30px;
}

.donation-overview-form .form-input .k-input {
    text-align: left !important;
    outline: none !important;
    padding-left: 15px;
}

.donation-overview-form h2 {
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 26px;
}

.donation-overview-form > p {
    font-size: 22px;
    margin-bottom: 30px;
    min-height: 100px;
    padding: 0 5%
}

.donation-faq h3, .donation-goes h3 {
    font-size: 44px;
    font-weight: 300;
    margin-bottom: 34px;
}

.donation-overview-form .k-numerictextbox .k-icon {
    display: inline-block;
    height: 16px;
    vertical-align: top;
    font-size: 14px;
}

/*---FIND SERVICES PAGE---*/
.findservices-text {
    padding-top: 100px;
    color: #FFFFFF;
    font-weight: 300;
}

    .findservices-text h2 {
        font-size: 70px;
        font-weight: 300;
    }

    .findservices-text p {
        font-size: 24px;
        margin-bottom: 30px;
    }

#SearchTouchServicesForm {
    text-align: center;
    margin-bottom: 20px;
}

    #SearchTouchServicesForm .search-form {
        width: 100%;
        position: relative;
        margin: 0 auto;
        max-width: 500px;
    }

        #SearchTouchServicesForm .search-form span.k-autocomplete {
            width: 100%;
            background-image: none;
            background-color: transparent;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            height: auto;
            overflow: hidden;
        }

        #SearchTouchServicesForm .search-form > span.k-autocomplete > .k-input {
            height: 55px;
            width: 100%;
            padding-left: 25px;
            padding-right: 40px;
            font-size: 18px;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
        }

        #SearchTouchServicesForm .search-form > button {
            background-color: #FB544C;
            background-image: none;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            padding: 6px 5%;
            color: #FFFFFF;
            border: none;
            position: absolute;
            right: 0;
            top: 0;
            width: 15%;
            height: 55px;
        }

            #SearchTouchServicesForm .search-form > button .k-icon {
                color: #FFFFFF;
                font-size: 18px;
            }

.k-list-container#services-list {
    background-color: #FFFFFF;
    border: none;
    margin-top: 10px;
    border-radius: 5px;
}

#services-list.k-popup .k-list .k-item {
    padding: 5px 20px !important;
}

.services-results-wrap {
    background: url(images/findservice-grunge.png) no-repeat center top
}

.services-results {
    margin-top: 130px;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    padding-top: 50px;
}

.find-services-aside {
    margin-left: 20px;
}

    .find-services-aside > div {
        max-width: 326px;
        margin: 0 auto;
        padding: 12%;
        background: url(/images/default-source/default-album/search-result-aside-bg.jpg?Status=Temp&sfvrsn=2) no-repeat center bottom;
        min-height: 600px;
    }

        .find-services-aside > div .glyphicon {
            color: #FFFFFF;
        }

        .find-services-aside > div h3 {
            color: #FFFFFF;
            font-size: 26px;
            margin-top: 0;
            margin-bottom: 20px;
        }

        .find-services-aside > div h4 {
            color: #FFFFFF;
            font-size: 22px;
        }

        .find-services-aside > div a {
            color: #FFFFFF;
        }

        .find-services-aside > div p {
            font-size: 18px;
        }
/*#Kendo_TouchServicesList_pager {display:none !important;}*/
#Kendo_TouchServicesList > .row {
    margin-left: 0;
    margin-right: 0;
}

.services-results .result-message {
    font-size: 22px;
    margin-bottom: 18px;
    padding-bottom: 15px;
    display: none;
    border-bottom: 1px solid #EAEAEA;
    margin-right: 10px;
    margin-left: 10px;
}

    .services-results .result-message strong {
        color: #FB544C
    }

.services-results .slist {
    padding: 10px 0;
    margin-bottom: 12px;
}

.services-results .slist-img > img {
    width: 100%;
    height: auto
}

.services-results .slist-content h4 {
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
}

.services-results .slist-content h2 {
    margin-top: 5px;
}

.services-results .slist-content .btn {
    font-size: 20px;
    padding: 10px 34px;
    margin-top: 10px;
}

.services-results .slist-content .slist-contact p {
    margin-bottom: 5px
}

.services-results .slist-content .slist-contact span.glyphicon {
    color: #FB544C;
    font-size: 15px;
    margin-right: 10px;
}

.services-ad {
}

/*--- ABOUT TOUCH PAGES---*/
.atbox {
    margin: 40px 0;
}

.bg-red .atbox.side-border {
    border-right: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
}

.atbox h1 {
    font-size: 50px;
}

.atbox p {
    font-size: 22px;
    padding: 0 30px
}

.our-service-bottom {
    background-color: #FB544C;
    color: #FFFFFF;
    padding: 40px 0
}

    .our-service-bottom h1 {
        font-size: 50px
    }

    .our-service-bottom p {
        font-size: 22px;
        padding: 0 30px;
    }

    .our-service-bottom .sf_cols > .sf_colsOut:nth-child(2) {
        border-right: solid 1px #FFFFFF;
        border-left: solid 1px #FFFFFF;
    }

.gi-overview {
    padding-top: 40px;
}

    .gi-overview img {
        margin-right: 20px;
    }

    .gi-overview h3 {
        margin-top: 0;
    }

    .gi-overview .col-md-6 {
        margin-bottom: 14px;
    }

/*--- SIGN UP PAGES---*/
.signup {
    padding-top: 70px;
}

.signup-success {
    margin-top: 40px
}

    .signup-success h5 {
        font-size: 45px
    }

    .signup-success h6 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 40px;
    }

    .signup-success .btn-lg {
        padding: 10px 34px;
        font-size: 20px;
    }

.signup-failed {
    margin-top: 40px;
}

    .signup-failed h4 {
        font-size: 45px;
        color: #FB544C
    }

    .signup-failed p {
        font-size: 22px;
    }

        .signup-failed p.err-code {
            border: 1px solid #FDEDAB;
            display: inline-block;
            padding: 10px;
            margin: 10px 10px 20px;
            font-size: 18px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
        }

    .signup-failed .btn-lg {
        padding: 10px 34px;
        font-size: 20px;
        margin-top: 12px
    }


/*---FUNDRAISING CAMPAIGN---*/
.fundraising-campaigns .banner-text {
    margin-bottom: 10px;
}

.fundraising-result {
    margin-bottom: 60px;
}

    .fundraising-result .vlist {
        min-height: 600px;
    }

        .fundraising-result .vlist > a {
            display: block;
            min-height: 600px;
            border: 3px solid transparent;
            color: #000000;
            margin-bottom: 50px;
        }

        .fundraising-result .vlist a .vlist-inner {
            border: solid 1px #E1E1E1;
            height: 600px;
        }

        .fundraising-result .vlist > a:hover, .fundraising-campaigns .vlist > a:hover .vlist-inner {
            text-decoration: none;
            border-color: #009AE5
        }

        .fundraising-result .vlist .vlist-inner .wrap-img img {
            width: 100%;
            height: auto;
            height: 250px;
        }

        .fundraising-result .vlist .vlist-inner .wrap-content {
            margin: 0 20px;
        }

    .fundraising-result .wrap-content h3 {
        font-size: 28px;
        margin-bottom: 0;
        word-break: break-word !important;
    }

    .fundraising-result .wrap-content > em {
        color: #AEAEAE;
        margin-bottom: 10px;
        display: block;
    }

    .fundraising-result .wrap-content > p {
        margin: 20px 0 25px;
    }

    .fundraising-result .wrap-content .fund-info {
        text-align: center;
    }

    .fundraising-result .vlist a .wrap-img {
        position: relative
    }

        .fundraising-result .vlist a .wrap-img .causes, .fundraising-result .vlist a .wrap-img .topic {
            position: absolute;
            top: 15px;
            left: 0;
            font-size: 16px;
            background-color: rgba(255,255,255,0.7);
            display: inline-block;
            padding: 2px 10px 2px 20px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

    .fundraising-result h2 {
        font-size: 44px;
        font-weight: 300;
        margin-bottom: 40px;
    }

    .fundraising-result h1 {
        font-size: 30px;
        text-align: center;
    }

    .fundraising-result h2 strong {
        color: #F9534B
    }

    .fundraising-result .fund-info > div {
        padding: 10px 0;
        border: 1px solid #E1E1E1;
        font-size: 22px;
        margin-bottom: 10px;
    }

        .fundraising-result .fund-info > div > strong {
            font-weight: bold;
        }

        .fundraising-result .fund-info > div p {
            font-size: 16px;
        }

#campaign-details-slide {
    margin-bottom: 20px
}

.fo-bottom .fo-bottom-ad {
    background: url(images/fundraising-bottom-bg.jpg) no-repeat center right #8c8d87;
    min-height: 276px;
    padding: 40px;
    background-size: auto 100%;
}

    .fo-bottom .fo-bottom-ad h2 {
        color: #FFFFFF;
        font-size: 42px;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 30px;
    }

.fundraising-filter .k-dropdown {
    background-color: #FFFFFF;
    height: 50px;
    padding: 8px;
}

    .fundraising-filter .k-dropdown .k-input {
        font-size: 22px;
    }

/*---CAMPAIGN DETAILS---*/
.campaign-details {
    margin-bottom: 50px;
}

.campaign-details-top {
    margin-bottom: 40px;
    text-align: center;
    color: #FFFFFF;
}

    .campaign-details-top h1 {
        font-size: 45px;
        font-weight: bold;
    }

    .campaign-details-top h4 {
        font-size: 24px;
        font-weight: 300;
    }

    .campaign-details-top img {
        height: 200px;
        width: 200px;
    }

.campaign-details .tab-content {
    margin-top: 40px
}

#campaign-tabs .nav {
    text-align: center;
    border-bottom: 1px solid #E1E1E1
}

    #campaign-tabs .nav a {
        display: block;
        white-space: nowrap
    }

    #campaign-tabs .nav > li {
        display: inline-block;
        margin-bottom: -1px
    }

        #campaign-tabs .nav > li:first-child a {
            margin-left: 10px;
            margin-right: 50px
        }

        #campaign-tabs .nav > li:last-child a {
            margin-left: 50px;
            margin-right: 10px
        }

        #campaign-tabs .nav > li a {
            text-transform: uppercase;
            font-size: 20px;
            letter-spacing: 3px;
            ;
            margin: 0 30px;
            color: #333333;
            padding: 14px 4px 12px;
            border-bottom: 2px solid transparent;
        }

        #campaign-tabs .nav > li.active > a, #campaign-tabs .nav > li > a:hover {
            border: none;
            border-bottom: 2px solid #FB544C;
            color: #FB544C
        }

.campaign-details .campaign-aside {
    text-align: center;
    padding-left: 4%;
}

    .campaign-details .campaign-aside h4 {
        font-size: 45px;
    }

    .campaign-details .campaign-aside h5 {
        font-size: 22px;
        font-weight: 300;
    }

    .campaign-details .campaign-aside .btn-wrap {
        text-align: center;
        margin: 20px 0 12px
    }

        .campaign-details .campaign-aside .btn-wrap button {
            display: inline-block;
            padding: 5px;
            background-image: none;
            background-color: transparent;
            border: 1px solid #FB544C;
            color: #FB544C;
            font-size: 20px;
            text-align: center;
            width: 28%;
            border-radius: 5px;
        }

    .campaign-details .campaign-aside .btn-block {
        margin-top: 14px;
        margin-bottom: 10px;
    }

    .campaign-details .campaign-aside #section-facebook {
        margin-bottom: 20px;
    }

.campaign-details .tch-form {
    max-width: initial;
}

.donor-box-wrap {
    margin-top: 20px;
}

.donor-box {
    margin-bottom: 30px;
}

    .donor-box > div {
        padding: 20px;
        border: 1px solid #E1E1E1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        min-height: 170px;
    }

        .donor-box > div img {
            float: left;
            width: 70px;
            height: 70px;
            margin-right: 10px;
            margin-bottom: 10px;
        }

        .donor-box > div em {
            font-size: 16px;
            color: #969696;
            font-style: normal
        }

        .donor-box > div strong {
            font-size: 22px;
        }

        .donor-box > div > p {
            text-align: center;
        }

.campaign-details .btn-danger[disabled] {
}

/*---Fundraising CAMPAIGN OVERVIEW---*/
.fo_most {
    padding-top: 4%;
}

.fo-slide > h3 {
    font-size: 40px;
    font-weight: 300;
    margin: 50px 0 30px
}

.fo-slide .carousel .wrap-img img {
    width: 100%;
    height: auto
}

.fo-slide .carousel-control.right {
    background: none;
    right: -100px
}

.fo-slide .carousel-control.left {
    background: none;
    left: -100px
}

    .fo-slide .carousel-control.left .glyphicon-menu-left {
        top: 48%;
        font-size: 40px;
    }

.fo-slide .carousel-control.right .glyphicon-menu-right {
    top: 48%;
    font-size: 40px;
}

.fo-slide .carousel-inner {
    height: 600px;
}

.fo-slide .vlist a .wrap-img {
    position: relative
}

    .fo-slide .vlist a .wrap-img .causes, .fo-slide .vlist a .wrap-img .topic {
        position: absolute;
        top: 15px;
        left: 0;
        font-size: 16px;
        background-color: rgba(255,255,255,0.7);
        display: inline-block;
        padding: 2px 10px 2px 20px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

.fo-slide .vlist {
    min-height: 600px;
}

    .fo-slide .vlist a {
        display: block;
        min-height: 600px;
        border: 3px solid transparent;
        color: #000000;
        overflow: visible
    }

        .fo-slide .vlist a .vlist-inner {
            border: solid 1px #E1E1E1;
            height: 594px;
        }

        .fo-slide .vlist a:hover, .fundraising-campaigns .vlist a:hover .vlist-inner {
            text-decoration: none;
            border-color: #009AE5
        }

    .fo-slide .vlist .vlist-inner .wrap-img img {
        width: 100%;
        height: auto;
        height: 250px;
    }

    .fo-slide .vlist .vlist-inner .wrap-content {
        margin: 0 20px;
    }

.fo-slide .wrap-content h3 {
    font-size: 28px;
    margin-bottom: 0;
    font-weight: 300 !important;
}

.fo-slide .wrap-content > em {
    color: #AEAEAE;
    margin-bottom: 10px;
    display: block;
}

.fo-slide .wrap-content > p {
    margin: 20px 0 25px;
}

.fo-slide .wrap-content .fund-info {
    text-align: center;
}

.fo-slide .fund-info > div {
    padding: 10px 0;
    border: 1px solid #E1E1E1;
    font-size: 22px;
    margin-bottom: 10px;
}

    .fo-slide .fund-info > div > strong {
        font-weight: bold;
    }

    .fo-slide .fund-info > div p {
        font-size: 16px;
    }

#campaign-details-slide {
    margin-bottom: 20px
}

.fo-bottom {
    margin: 40px auto;
}


.multislide .carousel-inner > .item {
    -webkit-transition: 200ms ease-in-out left;
    transition: 200ms ease-in-out left;
}

.multislide .carousel-inner .active.left {
    left: -33%;
}

.multislide .carousel-inner .active.right {
    left: 33%;
}

.multislide .carousel-inner .next {
    left: 33%;
}

.multislide .carousel-inner .prev {
    left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multislide .carousel-inner > .item {
    }
}

.multislide .carouse-control.left,
.multislide .carouse-control.right {
    background-image: none;
}



/*--- SEE Impact Page---*/
.io-page {
}

.impact-moments img {
    width: 100%
}

.infographics {
    margin-top: 90px;
    min-height: 600px;
    background: url(/images/default-source/default-album/impact-infographics-bg.jpg) no-repeat top center;
    position: relative;
    margin-bottom: 50px;
}

.infographics-details {
    background: url(/images/default-source/default-album/impact-infograph-details-bg.jpg?Status=Temp&sfvrsn=2) no-repeat center top #FFFFFF;
    display: none;
    padding: 70px 0 90px;
    background-size: 100% 100%;
}

    .infographics-details .details {
        display: none;
    }

        .infographics-details .details h2, .io_infograph .details h2 {
            text-align: center;
            background: url(images/impact-details-line.png) no-repeat center center;
            overflow: hidden;
            clear: both;
            margin-bottom: 30px;
        }

        .infographics-details .details strong {
            font-size: 30px;
            float: left;
            display: inline-block;
            color: #EB9B21;
            margin-right: 5px;
        }

        .infographics-details .details .c1 {
            color: #EB9B21
        }

    .infographics-details .close {
        font-size: 35px;
        border: solid 2px #333333;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        line-height: 20px;
        padding: 2px
    }

.infograph-item {
    position: absolute;
    line-height: 18px;
    width: 340px;
}

    .infograph-item h4, .infograph-item p {
        margin: 0
    }

    .infograph-item h4 {
        font-size: 28px;
        font-weight: 400;
    }

    .infograph-item > div {
        padding: 0 10px;
        display: inline-block;
        vertical-align: middle;
        width: 72%
    }

    .infograph-item a {
        text-decoration: underline;
        font-size: 16px;
        font-weight: 400;
        color: #005CE7
    }

.infograph-elderly {
    right: 720px;
    top: 36px;
    text-align: right;
    width: 300px;
}

    .infograph-elderly > *, .infograph-youth > *, .infograph-members > * {
        display: inline-block;
        float: right;
        vertical-align: middle;
        text-align: right;
    }

.infograph-youth {
    right: 800px;
    top: 180px;
    text-align: right
}

.infograph-members {
    right: 760px;
    top: 345px;
    text-align: right
}

.infograph-trainees {
    left: 783px;
    top: 83px;
    width: 360px;
}

    .infograph-trainees > *, .infograph-individual > *, .infograph-children > *, .infograph-victims > * {
        float: left;
        display: inline-block;
        vertical-align: middle;
    }

.infograph-individual {
    left: 786px;
    top: 228px;
    width: 350px;
}

.infograph-children {
    left: 762px;
    top: 370px;
    width: 340px;
}

.infograph-victims {
    left: 455px;
    top: 520px;
    width: 340px
}

.infograph-elderly h4, .io_infograph .elderly .acchead strong {
    color: #009AE4
}

.infograph-youth h4, .io_infograph .youths .acchead strong {
    color: #F3E731
}

.infograph-members h4, .io_infograph .members .acchead strong {
    color: #F89907
}

.infograph-victims h4, .io_infograph .victims .acchead strong {
    color: #9E6327
}

.infograph-trainees h4, .io_infograph .trainees .acchead strong {
    color: #5348AE
}

.infograph-individual h4, .io_infograph .individual .acchead strong {
    color: #DF3423
}

.infograph-children h4, .io_infograph .children .acchead strong {
    color: #2DDA71
}

.io_infograph .details p {
    clear: both
}


.impact-stories {
    margin-bottom: 50px;
}

    .impact-stories > div h2 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .impact-stories #story-list-section {
        padding: 8px;
        background-color: #EAEAEA
    }

    .impact-stories .story-list-item {
        height: 240px;
        margin-bottom: 8px;
        background-color: #FFFFFF;
        opacity: 0.4;
        cursor: pointer
    }

        .impact-stories .story-list-item.active {
            opacity: 1
        }

        .impact-stories .story-list-item img {
            max-height: 190px;
            width: 100%;
        }

        .impact-stories .story-list-item h4 {
            font-size: 20px;
            margin: 0;
            padding: 6px;
        }

    .impact-stories .story-details {
        position: relative;
    }

        .impact-stories .story-details #story-preloader {
            position: absolute;
            background-color: rgba(255,255,255,0.75);
            top: 0;
            left: 15px;
            right: 0;
            bottom: 0;
            text-align: center;
            padding-top: 230px;
            z-index: 999
        }

            .impact-stories .story-details #story-preloader img {
                width: 50px;
                height: auto;
                margin: 0 auto;
                display: inline-block;
            }

        .impact-stories .story-details .headimg {
            height: 540px;
            width: 100%;
            margin-bottom: 15px;
            clear: both;
        }

        .impact-stories .story-details .content-section {
            max-height: 450px;
        }

        .impact-stories .story-details h2 {
            font-size: 30px;
            margin: 10px 0;
            font-weight: 300;
        }

        .impact-stories .story-details h1 {
            font-size: 34px;
            margin-top: 10px;
        }

.impact-moments {
    padding: 40px 0 100px;
    background: url(images/impact-moments-bg.jpg) no-repeat center top;
    background-size: 100% 100%
}

    .impact-moments h2 {
        font-size: 40px;
    }

    .impact-moments h3 {
        margin-top: 10px;
    }

#impact-moments {
    margin-top: 20px;
}

    #impact-moments .image-section-wrap {
        position: relative;
        padding-right: 0;
    }

    #impact-moments #image-section img {
        max-height: 300px;
    }

    #impact-moments #preloader {
        position: absolute;
        background-color: rgba(255,255,255,0.75);
        top: 0;
        left: 15px;
        right: 0;
        bottom: 0;
        text-align: center;
        padding-top: 30%;
        z-index: 999
    }

        #impact-moments #preloader img {
            width: 50px;
            height: auto;
            margin: 0 auto;
            display: inline-block;
        }

    #impact-moments #albums-section img {
        height: 140px;
        width: 100%;
    }

    #impact-moments #albums-section .album-list-item {
        position: relative;
        margin-bottom: 6px;
        cursor: pointer
    }

    #impact-moments #albums-section span {
        font-weight: 400;
        background-color: rgba(0,0,0,0.6);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: #FFFFFF;
        text-align: center;
        padding: 40px 10px 10px;
    }

    #impact-moments #albums-section > .active span {
        display: none;
    }

    #impact-moments .carousel-inner .slide-label {
        display: block;
        padding: 20px 15px;
        color: #FFFFFF;
        background-color: rgba(0,0,0,0.7);
        font-size: 25px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    #impact-moments .carousel-inner img {
        height: 578px;
        width: 100%;
    }

    #impact-moments .carousel .carousel-control {
        background-image: none !important;
        font-size: 50px;
        top: 45%;
        bottom: auto;
        width: 50px;
    }


/*---EVENTS OVERVIEW Page---*/
#FeaturedEvents {
    background-color: #FFFFFF;
    border: solid 1px #ECECEC;
    padding: 50px 15px;
    min-height: 385px
}

    #FeaturedEvents a {
        color: #333333
    }

    #FeaturedEvents .wrap-img {
        position: relative;
    }

        #FeaturedEvents .wrap-img img {
            height: 260px;
            width: 100%;
        }

        #FeaturedEvents .wrap-img .topic {
            position: absolute;
            top: 15px;
            left: 0;
            font-size: 16px;
            background-color: rgba(255,255,255,0.7);
            display: inline-block;
            padding: 2px 10px 2px 20px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

    #FeaturedEvents .carousel-inner .item {
    }

    #FeaturedEvents .carousel-inner .wrap-content > h3 {
        margin-top: 0;
        font-weight: 400;
        font-size: 30px;
    }

    #FeaturedEvents .carousel-inner .wrap-content > p {
    }

    #FeaturedEvents .carousel-inner .item .fa, #FeaturedEvents .carousel-inner .item .sprt {
        margin-right: 10px;
        width: 25px;
        text-align: center
    }

    #FeaturedEvents .carousel-control {
        background-image: none;
        width: 50px;
        font-size: 50px;
    }

        #FeaturedEvents .carousel-control > span {
            top: 45%;
        }

    #FeaturedEvents .carousel-indicators li {
        background-color: #CDCDCD;
        border: solid 1px #CDCDCD;
        margin: 0 2px;
        display: inline-block;
        margin: 0 3px;
        vertical-align: middle;
    }

        #FeaturedEvents .carousel-indicators li.active {
            background-color: #FF5E59;
            border: solid 1px #FF5E59;
        }

.eo_approaching {
    margin-bottom: 50px;
}

    .eo_approaching .wrap-content > p {
        margin: 0 0 10px 0
    }

    .eo_approaching .wrap-content .fa {
        width: 22px;
        text-align: center;
    }

    .eo_approaching .wrap-content h3, .eo_approaching .wrap-content p.desc {
        margin-bottom: 12px;
    }

    .eo_approaching .wrap-content h3 {
        font-weight: 400
    }

.eo_bottom_cta {
    min-height: 276px;
    margin-bottom: 50px;
    padding: 30px 40px;
    border: solid 1px #E1E1E1;
    background: url(/images/default-source/default-album/event-overview-ad2-bg.jpg?Status=Temp&sfvrsn=2) no-repeat right top;
    background-size: 100% 100%
}

    .eo_bottom_cta h2 {
        display: block;
        color: #FFFFFF;
        font-size: 40px;
        margin-bottom: 30px
    }


/*---EVENTS Page---*/
#EventList .wrap-content h3 {
    margin-bottom: 12px;
}

#EventList .wrap-content p {
    margin: 5px 0 12px;
}

#EventList .wrap-content .fa, #EventList .wrap-content .sprt, .fundraising-result .wrap-content .sprt {
    width: 25px;
    text-align: center;
}

.events-filter #EventsSearchKey {
    font-size: 22px;
    width: 70%;
    background-color: #FFF;
    background-image: none;
    padding: 9px 10px;
    margin-bottom: 6px;
    border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    font-weight: 300;
    border: 1px solid #E3E3E3;
    cursor: pointer;
}


/*---EVENTS Details---*/
#EventDetails .activity-details h2 {
    margin-top: 0;
}

#EventDetails .btn-register {
    margin-bottom: 14px;
}

/*---GENERAL Pages---*/
.general-header {
    min-height: 320px;
    padding: 10px;
}


/*---NEWS LIST / Client Stories Page---*/
.client-stories {
    padding-top: 100px;
}

    .client-stories.fundraising-result .vlist {
        min-height: inherit
    }

        .client-stories.fundraising-result .vlist > a {
            min-height: inherit
        }

            .client-stories.fundraising-result .vlist > a .vlist-inner {
                height: auto;
                min-height: 500px
            }

        .client-stories.fundraising-result .vlist:nth-child(3n+4) {
            clear: left
        }

.details-content .img-wrap {
    margin-bottom: 16px;
}

.client-stories-details .volunteer-details-banner, .news-details .volunteer-details-banner {
    margin-bottom: 0;
    min-height: 240px
}

/*---MEDIA QUERIES---*/
@media screen and (min-width: 992px ) {
    .footer_bottom .row {
        text-align: left;
    }

    .footer_bottom .text-right {
        text-align: right;
    }

    .footer_social {
        text-align: right;
    }

    .footer_top {
        text-align: left;
    }

        .footer_top > .row > div {
            margin-bottom: inherit;
        }
}

@media screen and (max-width: 1599px ) {
    .homepage {
        margin-top: -10%;
    }

    #homeslide .carousel-indicators {
        bottom: 20%
    }

    .tch-banner {
    }

    .tch-banner-text {
    }

        .tch-banner-text h1 {
            font-size: 50px;
            line-height: 60px;
        }
}


@media screen and (max-width: 1199px ) {
    body {
        background-size: auto 350px;
        background-position: center 120px;
    }

    #campaign-tabs .nav > li:first-child a {
        margin-left: 5%;
        margin-right: 5%
    }

    #campaign-tabs .nav > li:last-child a {
        margin-left: 5%;
        margin-right: 5%
    }

    #campaign-tabs .nav > li a {
        letter-spacing: 2px;
    }

    .navbar-nav {
        text-align: center;
    }

    .nav > li {
        display: inline-block;
        float: none;
    }

    #main_header {
        background-color: #FFFFFF
    }

    #main_content {
        padding-top: 150px;
    }

    #homeslide .carousel-indicators {
        bottom: 10%
    }

    .banner-text {
        min-height: 220px;
        padding-top: 0px;
    }

        .banner-text h1, .banner-text h2 {
            font-size: 45px;
        }

        .banner-text p {
            font-size: 20px;
            line-height: 18px;
        }

    .general-header {
        min-height: 290px
    }

        .general-header h1 {
            margin-top: 30px;
        }

    .hlight_r, .hlight_r2 {
        background-size: 100% 6px !important;
    }

    .section-causes {
        margin-top: 20px;
    }

    .fundraise .banner-text, .fundraising-campaigns .banner-text {
        min-height: 280px;
    }

    .impact-stories .story-details .headimg {
        height: 450px;
    }

    .impact-stories .story-list-item h4 {
        font-size: 16px
    }

    .impact-stories .story-details .content-section {
        max-height: 540px;
    }

    .impact-stories .story-list-item img {
        max-height: 180px;
    }

    .homepage {
        margin-top: 0
    }

    .banner-text {
        padding-top: 0;
        height: 220px;
        display: table-cell;
        vertical-align: middle;
        text-align: left !important
    }

    .infograph-elderly {
        right: 620px;
        top: 36px;
        text-align: right;
        width: 300px;
    }

    .infograph-youth {
        right: 700px;
        top: 180px;
        text-align: right
    }

    .infograph-members {
        right: 660px;
        top: 345px;
        text-align: right
    }

    .infograph-trainees {
        left: 683px;
        top: 83px;
        width: 360px;
    }

    .infograph-individual {
        left: 686px;
        top: 228px;
        width: 350px;
    }

    .infograph-children {
        left: 662px;
        top: 370px;
        width: 340px;
    }

    .infograph-victims {
        left: 355px;
        top: 520px;
        width: 340px
    }

    .home-searchwrap h2 {
        margin-top: 0;
        font-size: 35px;
        margin-top: 8px;
    }

    .home-searchwrap h4 {
        font-size: 18px;
    }

    .tch-banner-text h1 {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (min-width: 1200px ) {
    .container {
        width: 1170px;
    }

    .getinvolvedSearch {
        width: 970px;
    }

    .navbar-main {
        clear: none;
        float: left;
    }

    #main_header {
        min-height: 70px;
        background: white;
    }

        #main_header.shrink {
            height: 54px;
            min-height: 54px
        }

            #main_header.shrink .navbar {
                padding-top: 5px;
            }
}


/* KENDO PAGER OVERRIDE*/
@media screen and (max-width: 1024px ) {
    .k-edge .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page), .k-webkit .k-pager-numbers li:not(.k-current-page) {
        display: inline-block !important
    }

    .k-pager-wrap {
        padding-top: 30px;
        clear: both;
    }

        .k-pager-wrap .k-pager-numbers {
            margin-bottom: -55px !important;
        }

            .k-pager-wrap .k-pager-numbers > li span, .k-pager-wrap .k-pager-numbers > li a {
                text-align: center !important;
            }

        .k-pager-wrap .k-pager-last, .k-pager-wrap .k-pager-first {
            display: none !important;
        }

        .k-pager-wrap .k-pager-numbers > li a {
            border-radius: 1.0833em !important
        }

            .k-pager-wrap .k-pager-numbers > li a:hover {
                background-color: #FB625A
            }

    .tch-banner-text h1 {
        font-size: 35px;
        line-height: 35px;
    }
}

@media screen and (max-width: 991px) {
    .nav > li > a {
        padding: 10px 10px;
    }

    .footer-social {
        text-align: center;
    }

    .home-searchwrap .col2 {
        border-top: 0;
        margin-top: 0;
        padding-top: 20px;
    }

    .home-searchwrap .col1 {
        padding: 40px 10px 0;
        text-align: center;
    }

    #main_footer .list-unstyled {
        padding-left: 0;
    }

    .footer-bottom {
        text-align: center !important;
    }

    .volunteer-details div#section-role > div:last-child {
        border-left: 1px solid #E1E1E1;
    }

    .volunteer-details div#section-address {
        border-left: 1px solid #E1E1E1;
    }

    .volunteer-details #section-main {
        padding-right: 15px;
    }

    .volunteer-details #section-aside {
        padding-left: 15px;
    }

    .infographics {
        background: none;
        min-height: auto
    }

    .infograph-item {
        position: static;
        clear: both;
        width: 100%;
        margin-bottom: 20px;
        height: 110px;
    }

    #impact-moments .image-section-wrap {
        padding-left: 0;
    }

    .mobileonly {
        display: block;
    }

    .general-header {
        min-height: 250px
    }

    #homeslide .carousel-indicators {
        bottom: 5%
    }

    .row-eq-height {
        display: block !important;
    }

    .volunteer-details #section-date > div {
        height: auto
    }

    #VolunteerActivitiesList .vlist {
        height: auto
    }

    #impact-moments #albums-section .album-list-item {
        width: 48%;
        float: left;
        margin: 5px 1%;
    }

    #impact-moments .carousel-inner img {
        height: auto
    }

    .io_infograph.mobileonly {
        margin-bottom: 30px;
    }

        .io_infograph.mobileonly .details {
            display: none;
            padding: 14px 0;
            text-align: center
        }

        .io_infograph.mobileonly .acchead {
            margin-right: 0;
            padding-right: 1%;
        }

            .io_infograph.mobileonly .acchead > * {
                text-align: left;
                display: inline-block;
                line-height: 18px;
                vertical-align: middle;
            }

            .io_infograph.mobileonly .acchead > span {
                width: 70%;
            }

            .io_infograph.mobileonly .acchead small {
                font-size: 14px;
                font-weight: 300;
                display: block;
            }

            .io_infograph.mobileonly .acchead strong {
                font-size: 22px;
                font-weight: 400;
                display: block;
            }

            .io_infograph.mobileonly .acchead em {
                font-size: 16px;
                font-weight: 300;
                font-style: normal;
                display: block;
            }

    .impact-stories .story-list-item {
        height: auto;
    }

        .impact-stories .story-list-item img {
            max-height: inherit
        }

    .impact-stories .story-details .headimg {
        height: auto
    }

    .bg-red .atbox.side-border {
        border-top: solid 1px #FFFFFF;
        border-bottom: solid 1px #FFFFFF;
    }

    .our-service-bottom .sf_cols > .sf_colsOut {
    }

        .our-service-bottom .sf_cols > .sf_colsOut:nth-child(2) {
            border-right: 0;
            border-left: 0;
            border-top: solid 1px #FFFFFF;
            border-bottom: solid 1px #FFFFFF;
        }

    .banner-top {
        background-size: auto 100%
    }

    .banner-text h1, .banner-text h2 {
        font-size: 40px;
    }

    .find-services-aside > div {
        padding: 30px;
    }

    .fo-slide .vlist {
        min-height: auto
    }

        .fo-slide .vlist a {
            min-height: auto
        }

            .fo-slide .vlist a .vlist-inner {
                height: auto
            }

    .client-stories.fundraising-result .vlist .vlist-inner .wrap-img img {
        height: auto
    }

    #homeslide .carousel-caption {
        padding: 0;
        left: 10%;
        top: 15%;
    }

        #homeslide .carousel-caption h1 {
            font-size: 48px;
            margin-top: 30px;
        }

        #homeslide .carousel-caption p {
            font-size: 18px;
        }

    #homeslide .carousel-indicators .btn {
        padding: 5px 20px;
    }
}

@media screen and (max-width: 767px ) {
    body {
        font-size: 16px;
        background-size: auto 270px;
        background-position: center 120px;
    }

    .banner-text {
        padding-top: 0;
        height: 220px;
        display: table-cell;
        vertical-align: middle
    }

        .banner-text p {
            font-size: 16px;
        }

        .banner-text h1, .banner-text h2 {
            font-size: 35px;
            line-height: 30px;
        }

    .custom-search > div {
        width: 100%
    }

    #main_header a:hover {
        background-color: #e7e7e7
    }

    a.navbar-brand {
        margin-left: 10px !important;
        padding-left: 10px;
        display: inline-block;
    }

    #main_header .navbar-right > li > a {
        margin: 0 15px 8px;
        padding: 8px 16px;
    }

    #main_header .navbar-main a {
        padding: 15px 10px
    }

    #main_header .navbar-main ul.dropdown-menu {
        margin: 0 28px
    }

    .navbar-main > li {
        display: block;
        float: none;
        text-align: left;
        border-bottom: solid 1px #EEEEEE;
        margin: 0 12px;
    }

    .navbar-main .caret {
        float: right;
        margin-right: 12px;
    }

    #tcs-navbar-collapse {
        max-height: 440px;
        overflow-y: scroll;
    }

    .custom-search > div {
        clear: both;
        position: relative;
        top: inherit;
        right: inherit
    }

    .volunteer-details-top .btn-breadcrumb > span {
        display: none
    }

    .campaign-details-top h1 {
        font-size: 28px;
    }

    .campaign-details-top h4 {
        font-size: 18px;
    }

    #campaign-tabs .nav > li a {
        letter-spacing: 0;
        font-size: 16px
    }

    .volunteer .filter-widget, .events-filter, .fundraising-filter {
        padding: 10px 10px 20px;
        margin-bottom: 10px;
    }

    .footer-logo {
        margin-bottom: 14px;
    }

    .events-filter #EventsSearchKey {
        width: 100%
    }

    .fundraise .banner-text, .fundraising-campaigns .banner-text {
        min-height: 210px
    }

    #main_content {
        padding-top: 120px;
    }
    /* 120px with the top nav*/
    .atbox.side-border {
        border: none;
    }

    .footer_bottom {
        text-align: center;
    }

    .findservices-text {
        padding-top: 60px;
    }

    .top {
        margin-top: 30px;
    }

    .find-services-aside {
        margin-left: 0px;
    }

    .general-header .banner-text h1 {
        margin-top: 0
    }

    .general-header .banner-text {
        height: 200px
    }

    #homeslide {
        margin-top: 0;
    }

        #homeslide .carousel-caption {
            padding: 0;
            left: 10px;
            top: 20px;
        }

            #homeslide .carousel-caption h1 {
                font-size: 34px;
                margin-top: 0;
            }

            #homeslide .carousel-caption p {
                font-size: 16px;
            }

        #homeslide .carousel-indicators {
            display: none;
        }

            #homeslide .carousel-indicators .btn {
                padding: 5px 20px;
            }

    .custom-search {
        display: block !important;
        clear: both !important;
        margin-top: 10px;
    }

        .custom-search > div {
            margin: 0 auto;
        }

    .campaign-content {
        margin-bottom: 30px;
    }

        .campaign-content #campaign-tabs .nav > li a {
            padding: 4px 10px;
            margin: 0 4px 10px
        }

    .fo-slide .vlist .vlist-inner .wrap-img img {
        height: auto;
    }

    .fo_most {
        padding-top: 0
    }

    .boxed img {
        width: 100%;
        height: auto;
    }

    .homepage h1 {
        font-size: 30px;
    }

    .donor-box-wrap .text-right {
        text-align: left !important
    }

    .eo_bottom_cta {
        background-size: auto 100%;
        min-height: auto;
        padding: 10px 40px;
    }

        .eo_bottom_cta h2 {
            line-height: 40px;
        }

    .volunteer-details-banner {
        margin-bottom: 60px;
    }

        .volunteer-details-banner h1 {
            font-size: 30px
        }

    .client-stories {
        padding-top: 0px;
    }

    .news-details {
        margin-top: 20px;
    }

        .news-details h1 {
            font-size: 32px;
            margin-top: 12px;
        }

        .news-details h2 {
            font-size: 26px;
        }

        .client-stories-details .volunteer-details-banner, .news-details .volunteer-details-banner {
            min-height: 220px;
            margin-top: 0
        }

    .client-stories.fundraising-result .vlist {
        padding: 0 0
    }

    .homepage .fundraising-result .vlist > a {
        height: auto
    }

    .fundraising-result .vlist {
        height: auto
    }

        .fundraising-result .vlist a .vlist-inner {
            height: auto
        }

        .fundraising-result .vlist .vlist-inner .wrap-img img {
            height: auto
        }

        .fundraising-result .vlist > a, .fundraising-result .vlist {
            min-height: auto;
        }

    .touch-report > div {
        margin-bottom: 20px;
    }

        .touch-report > div p {
            display: block;
            max-width: 225px;
            margin: 0 auto;
        }

    #homepage-featured .nav li {
    }

        #homepage-featured .nav li a {
            font-size: 14px;
            letter-spacing: 0;
            margin: 0 2px;
            padding: 14px 8px 12px
        }

    .gi-topicons > div.sf_colsOut {
        display: inline-block;
        width: 40% !important;
        margin: 10px 2%;
        float: none;
        vertical-align: top;
    }

        .gi-topicons > div.sf_colsOut img {
            width: 100%;
            height: auto
        }

        .gi-topicons > div.sf_colsOut h3 {
            font-size: 18px;
        }

    .financial-info .table {
        font-size: 10px;
    }

        .financial-info .table h4 {
            font-size: 10px;
        }

        .financial-info .table > tbody > tr > td, .financial-info .table > tbody > tr > th, .financial-info .table > tfoot > tr > td, .financial-info .table > tfoot > tr > th, .financial-info .table > thead > tr > td, .financial-info .table > thead > tr > th {
            padding: 2px
        }

    .gi-overview .col-md-6 {
        clear: both;
        margin-bottom: 10px;
    }

        .gi-overview .col-md-6 h3 {
            line-height: 22px;
            font-size: 22px;
            margin-bottom: 5px;
        }

        .gi-overview .col-md-6 img {
            margin-bottom: 50px;
        }

        .gi-overview .col-md-6 p {
            line-height: 18px;
        }

    .tch-accordion .panel-heading a {
        padding: 0 0 5px 30px;
        line-height: 15px;
        min-height: 24px;
    }
}

@media screen and (max-width: 480px ) {
    .findservices-text h2 {
        font-size: 50px
    }

    .findservices-text p {
        font-size: 20px
    }

    .services-results {
        padding-top: 0
    }

    #SearchTouchServicesForm .search-form > button {
        width: 70px;
    }

    #homeslide .carousel-caption h1 {
        font-size: 24px;
        margin-top: 0;
    }

    #homeslide .carousel-caption p {
        font-size: 14px;
    }

    #homeslide .carousel-inner {
        min-height: 220px;
    }

    .section-causes .donate-cause > .cause-list {
        width: 45%;
        font-size: 16px;
        margin: 10px 2%
    }

        .section-causes .donate-cause > .cause-list img {
            width: 100%;
            height: auto;
        }

    .volunteer-filter > div {
        margin-bottom: 5px;
    }

    .volunteer-filter #dp .dp-label {
        padding: 8px 0 6px 20px;
    }

    .k-multiselect-wrap .k-input {
        height: auto;
        padding: 0;
    }

    .donate-cause > .cause-list > .tch-popover {
        right: auto;
        left: -15px;
        top: 50%
    }

    .donate-cause > .cause-list:nth-child(2n+2) > .tch-popover {
        left: auto;
        right: -15px
    }
}


/* Dashboard Override */
.sfPageEditor #ZoneEditorToolboxContainer {
    overflow-y: scroll;
}

.sfPageEditor .infograph-elderly, .sfPageEditor .infograph-youth, .sfPageEditor .infograph-members, .sfPageEditor .infograph-trainees,
.sfPageEditor .infograph-individual, .sfPageEditor .infograph-children, .sfPageEditor .infograph-victims {
    position: static;
    display: block;
    text-align: left !important;
    width: 100%;
}

.sfPageEditor .infographics {
    background-image: none;
}

.sfPageEditor .infographics-details, .sfPageEditor .infographics-details .details {
    display: block;
}

.sfPageEditor .mobileonly {
    display: block !important;
    background-color: #FFFFFF;
}

.sfPageEditor .helptext {
    display: block;
}

.sfPageEditor .homepage {
    margin-top: 0;
}


/**JS CONTROLS**/
.js-new .icon-new {
    display: block
}

.js-fixed {
    position: fixed
}

.js-abs {
    position: absolute
}

.js-hide {
    display: none
}

.product-dropdown {
    display: none
}

.shoppingcart-aside-wrap.js-fixed {
    top: 140px
}

.shoppingcart-aside-wrap.js-abs {
    bottom: 0
}

/**===========CATALOGUE PAGE===========**/
.content-banner {
    background: url(../Images/bg-catalogue.jpg) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 30px
}

    .content-banner h1 {
        font: 300 32px 'Open Sans', sans-serif;
    }

.content-tagline {
    text-align: center;
    margin: 20px 0;
    position: relative
}

    .content-tagline:before {
        top: 12px;
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        position: absolute;
        content: " ";
        height: 2px;
        background-position: -20px -87px;
        left: 0;
        width: 100%
    }

    .content-tagline em {
        color: #d4978e;
        font-size: 17px
    }

    .content-tagline strong {
        color: #5a5a5a;
        font-size: 17px
    }

.pagination_xf {
    border-top: 1px solid #e6e6e6;
    padding: 20px 0 40px
}

    .pagination_xf.pagination-noborder {
        border: none
    }

.catalogue_pagination select {
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 3px;
    color: #000000;
    font-weight: bold;
    margin: 0 10px
}

.catalogue_pagination_bttn {
    border: none
}

.pagination_left span {
    font-size: 13px;
    color: #777777;
}

.pagination_right {
    float: right
}

    .pagination_right span {
        font-weight: bold;
        color: #777777;
        font-size: 13px
    }

    .pagination_right .pagination_prev {
        background: url(../Images/icon-left-small.png) left center no-repeat;
        padding-left: 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        color: #000000
    }

    .pagination_right .pagination_next {
        background: url(../Images/icon-right-small.png) right center no-repeat;
        padding-right: 20px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        color: #000000
    }

    .pagination_right .pagination_total {
        background: none;
        font-weight: 700;
        font-size: 13px;
        color: #000000
    }

.catalogue_scenario {
    position: relative;
    text-align: center;
    padding-top: 20px;
    margin: 50px 0
}

    .catalogue_scenario:before {
        background-image: url(../Images/spritesheet_big.png);
        background-repeat: no-repeat;
        width: 148px;
        height: 180px;
        background-position: -211px -719px;
        display: block;
        content: ' ';
        margin: 0 auto
    }

    .catalogue_scenario h2 {
        font-size: 24px;
        color: #red;
        font-weight: 600;
        display: block
    }

    .catalogue_scenario strong {
        display: block;
        color: #b5b6b6;
        font-size: 17px;
    }
/**===========PRODUCT PAGE===========**/
.flower-images h1 {
    font-size: 30px;
    font-weight: 300;
    color: #5a5a5a;
    display: inline-block;
    text-transform: uppercase
}

.flower-images span.flower-images-serial {
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 300
}

.flower-views {
    display: table;
    margin: 40px auto;
}

    .flower-views .flower-view-item {
        float: left;
        width: 95px;
        height: 95px;
        border: 1px solid #cccccc;
        margin: 0 10px 20px;
        cursor: pointer
    }

.flower-view-main {
    cursor: zoom-in;
}
/**Right Side Bar**/
.product-options_section {
    width: 100%;
    display: block;
    margin-bottom: 0;
    padding: 2px 10px;
    cursor: pointer;
}

    .product-options_section.js-selected {
    }

    .product-options_section input {
        margin-right: 20px;
        margin-top: 10px
    }

.product-options-details {
    float: left
}

    .product-options-details strong {
        font: 600 14px 'Open Sans', sans-serif;
        color: #5a5a5a;
        text-transform: uppercase
    }

    .product-options-details p {
        font: normal 14px/1 'Open Sans',sans-serif;
        margin-bottom: 0;
    }

.js-selected .product-options-details strong, .js-selected .product-options-details p, .js-selected .product-options-price {
    font-weight: strong;
}

.product-options-price {
    float: right;
    font: bold 17px 'Open Sans', sans-serif;
    text-align: right
}

    .product-options-price span {
        font-size: 14px
    }

.product-options-dropdown {
    background: #fbf9f6;
    width: 100%;
    margin-bottom: 40px
}

.product-options-dropdown_section {
    padding: 20px 28px
}

    .product-options-dropdown_section span {
        color: #5a5a5a;
        font: 600 14px 'Open Sans', sans-serif;
        text-transform: uppercase;
        display: block;
        margin-bottom: 5px
    }

    .product-options-dropdown_section select {
        border: 1px solid #e2e4e5;
        border-radius: 3px;
        display: block;
        width: 100%;
        padding: 5px
    }

    .product-options-dropdown_section label {
        font: 600 14px 'Open Sans', sans-serif;
        color: #5a5a5a;
        text-transform: uppercase
    }

.product-delivery h2 {
    padding: 10px 0 10px 40px;
    font-size: 17px;
    color: #5a5a5a;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 15px;
    position: relative
}

    .product-delivery h2:before {
        content: " ";
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        width: 32px;
        height: 21px;
        background-position: -956px -20px;
        position: absolute;
        left: 0
    }

.product-delivery-tabs h2:before {
    background-image: none
}

.product-delivery-INT {
    text-align: center;
    border-bottom: 1px solid #e2e4e5;
}

    .product-delivery-INT h3 {
        font-size: 15px;
        margin: 50px;
    }

.product-delivery-content ul {
    padding: 0
}

.product-delivery-content li {
    list-style-type: none;
    margin: 10px 0
}

.product-delivery-content input {
    display: inline;
    margin: 0;
    vertical-align: middle;
    border: 1px solid #e2e4e5
}

.product-delivery-content label {
    font-size: 14px;
    display: inline;
    margin-left: 10px;
    font-weight: normal
}

    .product-delivery-content label span {
        color: #d4978e;
        font-weight: bold
    }

.product-delivery-datepicker {
    margin: 0 20px 10px 20px;
    display: none
}

    .product-delivery-datepicker strong.product-delivery-datepicker_title {
        display: block;
        font-weight: bold;
        font-size: 14px;
    }

    .product-delivery-datepicker select {
        border: 1px solid #e2e4e5;
        border-radius: 3px;
        padding: 5px;
        margin-right: 5px;
    }

    .product-delivery-datepicker img {
        margin-left: 20px;
        height: 50px
    }

        .product-delivery-datepicker img.ui-datepicker-trigger {
            border-left: 1px solid #e2e4e5;
            padding: 7px;
            margin-right: 5px;
            margin-bottom: 0;
            margin-left: -40px;
            height: 29px;
            margin-top: -10px
        }

    .product-delivery-datepicker .bttn-clear {
        margin: 15px 0
    }

.ui-datepicker-trigger {
    margin-bottom: 5px;
    margin-left: 10px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none !important
}

.calendar-30 {
    padding-left: 70px;
    margin-bottom: 20px;
    position: relative
}

    .calendar-30:before {
        content: " ";
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        position: absolute;
        width: 40px;
        height: 43px;
        left: 15px;
        background-position: -104px -171px
    }

.self-collect-item {
    margin: 20px 0 15px;
}

    .self-collect-item select {
        border: 1px solid #e2e4e5;
        border-radius: 3px;
        padding: 5px;
    }

.self-collect-radio {
    margin-bottom: 15px
}

    .self-collect-radio input {
        float: left
    }

        .self-collect-radio input[type="radio"] {
            float: left;
            margin-right: 15px;
            margin-top: 5px
        }

.self-collect-date {
    color: #d4978e;
    font-weight: 700
}

.datepicker-self {
    display: inline-block;
    margin-left: 5px
}

    .datepicker-self img.ui-datepicker-trigger {
        border-left: 1px solid #e2e4e5;
        padding: 7px;
        margin-right: 5px;
        margin-bottom: 0;
        margin-left: -40px;
        height: 29px;
    }

.p-calendar {
    margin-top: 20px
}

.p-selfcollect {
    margin-top: 20px
}

.product-personalize-wrap {
    padding: 10px
}

.product-personalize {
    border: 1px solid #e2e4e5;
    border-width: 1px 0;
    padding: 45px 15px
}

    .product-personalize h2 {
        padding-left: 40px;
        margin-top: 0;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        position: relative
    }

        .product-personalize h2:before {
            content: ' ';
            background-image: url(../Images/spritesheet_main.png);
            background-repeat: no-repeat;
            width: 24px;
            height: 18px;
            background-position: -465px -171px;
            position: absolute;
            left: 0
        }

    .product-personalize a.bttn-clear {
        margin: 20px 0 40px;
        display: block
    }

        .product-personalize a.bttn-clear.addon-select {
            margin-bottom: 15px
        }

    .product-personalize h3 {
        font-size: 14px;
        color: #5a5a5a;
        text-transform: uppercase;
        font-weight: 600
    }

    .product-personalize h4, .product-personalize h5 {
        font-size: 14px;
        color: #5a5a5a;
        text-align: center
    }

.add-on-wrap {
    width: 120px;
    min-height: 250px;
    float: left;
    margin-right: 10px;
}

.add-on-img-item {
    width: 120px;
    position: relative;
}

    .add-on-img-item img {
        width: 120px;
        height: 120px;
        border: 1px solid #cccccc
    }

    .add-on-img-item .js-close {
        background-color: #d4978e;
        background-position: -719px -16px;
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 20px;
        z-index: 1;
        cursor: pointer;
        border: none
    }

/*bottom part*/
.product-like {
    border-top: 1px solid #e7e3df;
    margin-top: 25px;
    padding: 30px 0 20px
}

    .product-like h2 {
        font-size: 40px;
        margin-bottom: 40px;
    }

/**===========SHOPPING CART PAGE===========**/
.remove-modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 99999;
}

.remove-modal {
    padding: 40px 20px;
    background-color: #FFF;
    border: solid 1px #CCC;
}

    .remove-modal strong {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .remove-modal .clearfix {
        display: table;
        margin: 30px auto 0;
        text-align: center;
    }

    .remove-modal input {
        display: inline
    }

    .remove-modal .remove-modal-em {
        display: none
    }

    .remove-modal em {
        display: block;
        text-align: center;
        margin: 20px 0 0;
        color: #ff0000
    }

.error-modal strong {
    max-width: 550px;
}

.error-modal input.bttn-box-red-v2 {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    border: solid 1px #FB544C;
    padding: 8px 54px
}

    .error-modal input.bttn-box-red-v2.white {
        background-color: #FFF;
        color: #FB544C
    }

.shoppingcart-choices {
    background: #47747a;
    padding: 10px 20px;
    margin: 0 0 20px
}

    .shoppingcart-choices span {
        font-size: 22px;
        color: #fff;
        margin-right: 50px
    }

    .shoppingcart-choices label {
        font-weight: normal;
        font-size: 16px;
        color: #fff;
        margin-right: 30px;
        margin-left: 10px
    }

h2.marg-bott-30 {
    font-size: 40px;
}

.shoppingcart-product-wrap {
    border: 1px solid #e7ddcf;
    margin-bottom: 30px
}

.shoppingcart-product_header {
    background: #efe9da;
    padding: 15px
}

    .shoppingcart-product_header h3 {
        margin: 0;
        font-size: 16px;
        color: #000;
        float: left;
        font-weight: bold;
    }

    .shoppingcart-product_header input {
        float: right
    }

.shoppingcart-product-content {
    padding: 30px 20px;
    background-color: #FFF;
}

    .shoppingcart-product-content h4 {
        font-size: 16px;
        margin: 0 0 5px 0;
        font-weight: bold;
        text-align: right
    }

    .shoppingcart-product-content strong {
        font-weight: 300;
        font-size: 16px;
        margin: 0 0 5px 0;
        display: block;
        line-height: 1;
        color: #000;
    }

.shoppingcart-product_option {
    margin-bottom: 10px
}

.shoppingcart-product_addon {
    margin-bottom: 10px
}

    .shoppingcart-product_addon .add-on-img-item {
        margin: 5px 0 10px
    }

    .shoppingcart-product_addon .add-on-wrap {
        width: 60px;
        float: left;
    }

    .shoppingcart-product_addon .add-on-img-item {
        width: 60px;
        max-width: 100%
    }

        .shoppingcart-product_addon .add-on-img-item img {
            width: 60px;
            height: 60px
        }

    .shoppingcart-product_addon .add-on-item-description {
        height: 60px
    }

        .shoppingcart-product_addon .add-on-item-description p {
            transform: translateY(-50%);
            top: 50%;
            display: block;
            position: relative;
        }

.content-price {
    font-weight: bold;
    text-align: right
}

    .content-price strong:first-child {
        display: block
    }

    .content-price strong:nth-child(2) {
        display: block
    }

    .content-price span {
        display: inline;
        font-weight: normal
    }

    .content-price strong {
        display: inline;
        font-weight: bold
    }

.shoppingcart-product_addon_item .fancybox {
    color: #4a88b0;
    font-size: 12px;
    text-decoration: underline;
    display: none;
    margin: 10px 0
}

.shoppingcart-product_addon_item:last-child .fancybox {
    display: block
}

.add-on-item-price_wrap {
    height: 60px
}

.add-on-item-price {
    transform: translateY(-50%);
    top: 50%;
    display: block;
    position: relative;
}

.shoppingcart-product_deliver p {
    line-height: 1
}

.shoppingcart-product-footer {
    padding: 15px 20px;
    border-top: 1px solid #e7ddcf;
    margin-top: 20px
}

    .shoppingcart-product-footer strong {
        font-size: 16px;
        font-weight: normal;
        color: #000;
    }

        .shoppingcart-product-footer strong.shoppingcart-product-price {
            font-weight: bold;
            margin-left: 20px
        }

.bttn-shoppingcart-change {
    margin-bottom: 20px
}

.shoppingcart-datepicker {
    background: #f2ebe1;
    display: none;
    padding: 10px
}

    .shoppingcart-datepicker select {
        padding: 3px
    }

.ui-datepicker-trigger {
    cursor: pointer
}

.shoppingcart-date-wrap select {
    width: 30%
}

    .shoppingcart-date-wrap select:last-child {
        width: 36%
    }

.shoppingcart-date-wrap {
    margin-bottom: 10px
}

.shoppingcart-time-wrap select {
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 3px
}

.shoppingcart-time-wrap {
    margin-bottom: 10px
}

.shoppingcart-aside .bttn-continue {
    margin: 20px 0 45px
}

.shoppingcart-aside-wrap {
    background: #fbf7f0;
    padding: 10px;
    margin-bottom: 30px
}

.shoppingcart-aside-inner {
    border: 1px solid #e60027;
    padding: 15px
}

.shoppingcart-aside-wrap h2 {
    font-size: 24px;
    margin: 10px 0 10px;
    color: #000;
    font-weight: 600
}

.shoppingcart-aside-total {
    color: #000;
    font-size: 20px;
    border-top: solid 1px #DDD;
    margin: 20px 0 0;
    padding-top: 20px;
    font-weight: 500;
}

    .shoppingcart-aside-total > div {
        padding-left: 0;
        padding-right: 0;
    }

.shoppingcart-aside-price {
    text-align: right;
    margin-bottom: 5px;
}

.shoppingcart-aside-promo {
    background: #efe9da;
    padding: 15px;
    margin: 10px -15px
}

    .shoppingcart-aside-promo input[type="text"] {
        padding: 4px;
        width: 190px;
        height: 31px;
        border-radius: 3px;
        border: 1px solid #d9d9d9
    }

    .shoppingcart-aside-promo strong {
        display: block;
        margin-bottom: 5px;
        font-family: 'Roboto', sans-serif;
        ;
        font-size: 17px;
        font-weight: 600;
        color: #000
    }

.shoppingcart-aside-checkout {
    text-align: center;
    display: block;
    border-radius: 30px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    font-size: 24px;
    margin: 20px 0 20px
}

    .shoppingcart-aside-checkout:hover {
        text-decoration: none;
        color: #fff;
        background-color: #bd8077
    }

.shoppingcart-aside-icons h3 {
    font-size: 16px;
    text-align: center;
    margin-top: 50px;
    font-weight: 600
}

.shoppingcart-aside-icons img {
    margin-bottom: 30px
}

.shoppingcart-delivery-main_wrap {
    display: none
}

.shoppingcart-delivery_choice_wrap {
    border-bottom: 1px solid #e2e4e5;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.shoppingcart-delivery_choice {
    display: inline;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}

    .shoppingcart-delivery_choice label {
        font-weight: 600;
        margin-bottom: 0;
        cursor: pointer;
        display: inline
    }

    .shoppingcart-delivery_choice input {
        display: none
    }

        .shoppingcart-delivery_choice input[type="radio"]:checked + label {
            color: #d4978e;
            border-bottom: 2px solid #d4978e;
            padding-bottom: 5px
        }

.shoppingcart-product-content .shoppingcart-delivery-main_wrap {
    margin-top: 15px;
}

.shoppingcart-product-content .shoppingcart-datepicker_wrap {
    position: relative;
}

.shoppingcart-datepicker_wrap .datepicker {
    width: 100%;
}

.shoppingcart-datepicker_wrap img {
    position: absolute;
    right: 5px;
    top: 1px;
    width: 25px;
    border-left: 1px solid #d9d9d9;
    padding: 5px 0 5px 5px;
}

/**===========CHECKOUT PAGE===========**/
.checkout-header-main {
    margin: 20px 0 0 0
}

.checkout-subheader {
    margin: 30px 0 30px;
}

.font-securecheckout {
    background: url(../Images/icon-lock-big.png) left center no-repeat;
    font-size: 28px;
    display: block;
    padding-left: 30px;
    margin: 0
}

.checkout-header {
    background: #efe9da;
    padding: 10px 15px;
    border-top: 1px solid #e7ddcf;
    border-bottom: 1px solid #e7ddcf;
}

    .checkout-header:first-child {
        border-top: none;
    }
/*.checkout-signin-wrap .checkout-header{background:url(../Images/icon-user.png) 15px center no-repeat #efe9da;}
.checkout-delivery-wrap .checkout-header{background:url(../Images/icon-delivery-truck.png) 15px center no-repeat #efe9da;}
.checkout-buyers-wrap .checkout-header{background:url(../Images/icon-buyer.png) 15px center no-repeat #efe9da;}
.checkout-review-wrap .checkout-header{background:url(../Images/icon-review.png) 15px center no-repeat #efe9da;}
.checkout-confirmation-wrap .checkout-header{background:url(../Images/icon-confirmation.png) 15px center no-repeat #efe9da;}*/
.checkout-review {
    background: url(../Images/icon-review.png) 15px center no-repeat #efe9da;
}
/*.checkout-header h3{font-size:16px;color:#938674;margin-top:0;float:left;margin-bottom:0;line-height:1;padding-left:30px}*/
/*.checkout-header h3 span{font-size:14px}*/
.checkout-header input {
    float: right;
    color: #d4978e;
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px
}

    .checkout-header input:hover {
        color: #bd8077
    }

.checkout-main-wrap {
    border: 1px solid #e7ddcf;
    margin-bottom: 40px;
}

.checkout-signin-wrap .checkout-content h4 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #5a5a5a;
    font-weight: 600
}

.checkout-content h4 {
    margin-bottom: 20px;
    font-size: 17px;
    color: #5a5a5a;
    font-weight: 600
}

.checkout-content-inner {
    margin: 0;
    padding: 30px 60px;
    background: #fff;
}

.checkout-delivery-main .checkout-content-inner {
    min-height: 300px
}

.checkout-signin .border {
    border: none
}

.checkout-signin .checkout-content-inner {
    margin: 0 0 30px 0;
    padding: 0 60px;
}

.checkout-signin .checkout-content {
    padding-top: 30px
}

    .checkout-signin .checkout-content .col-md-6:first-child {
        border-right: 1px solid #e7ddcf
    }

.checkout-signin .input.bttn-linky-pink {
    margin-top: 30px
}

.checkout-buyers-wrap .checkout-content-inner {
    margin: 30px 0;
    padding: 0 0 0 0
}

.checkout-buyers-wrap .checkout-content {
    margin: 0 35px
}

.checkout-content-inner.create-account {
    margin: 30px 0;
    padding: 0 60px 0 60px
}

.create-account .bttn-box-red-v2 {
    margin-left: 0
}

.input-wrap {
    margin-bottom: 5px;
    display: block;
}

    .input-wrap textarea {
        height: 100px;
        resize: none;
        overflow: auto;
        border-radius: 3px;
        padding: 3px;
        border: 1px solid #bab4a7
    }

    .input-wrap label {
        width: 100px;
        text-align: right;
        font-weight: normal;
        padding-right: 10px
    }

    .input-wrap input {
        border-radius: 3px;
        border: 1px solid #bab4a7;
        padding: 3px;
    }

    .input-wrap select {
        border-radius: 3px;
        border: 1px solid #bab4a7;
        padding: 3px;
        margin-bottom: 5px;
        width: 166px;
        display: block
    }

    .input-wrap label, .input-wrap .input-wrap-inner {
        float: left
    }

    .input-wrap label {
        width: 25%;
        float: left
    }

.input-wrap-inner input {
    display: block;
    margin-bottom: 5px
}

.input-wrap .input-wrap-inner {
    width: 72%;
    float: left;
}

.input-wrap.input-full label {
    width: 30%;
    float: left
}

.input-wrap.input-full .input-wrap-inner {
    width: 70%;
    float: right;
}

    .input-wrap.input-full .input-wrap-inner input {
        width: 100%
    }

.checkout-buyers-wrap .input-wrap label {
    width: 30%
}

.checkout-buyers-wrap .input-wrap-inner {
    width: 68%
}

.checkout-name label {
    font-size: 13px;
    margin-top: -5px
}

.input-two-levels .flt-left {
    width: 150px
}

    .input-two-levels .flt-left:nth-child(2) {
        width: 220px;
        margin-left: 20px
    }

.contactnumber-choice input {
    float: left
}

.checkout-delivery-main .contactnumber-choice input {
    width: 166px
}

.contactnumber-choice span {
    float: left;
    margin-left: 10px;
    font-size: 13px;
    line-height: 30px
}

span.contactnumber-spanlong {
    max-width: 200px;
    line-height: 1.5
}

.checkout-buyers-wrap span.contactnumber-spanlong {
    max-width: 240px
}

.giftcard-check input {
    float: left;
    width: 20px;
    margin-left: 20px
}

.giftcard-check label {
    float: left;
    width: 200px;
    text-align: left
}

.margin-left-sm {
    margin-left: 30%
}

.margin-left-sm25 {
    margin-left: 25%
}

.checkout-delivery-main {
    border-bottom: 1px solid #e6e6e6;
    background: #f5f1e8
}

.checkout-buyers-wrap .input-two-wrap {
    margin-left: 15%
}

.checkout-delivery-main .input-two-wrap {
    margin-left: 10.5%
}

    .checkout-delivery-main .input-two-wrap .input-wrap label {
        width: 100px
    }

    .checkout-delivery-main .input-two-wrap.input-two-wrap-ward {
        margin-left: 0
    }

        .checkout-delivery-main .input-two-wrap.input-two-wrap-ward .input-wrap label {
            width: 25%
        }

        .checkout-delivery-main .input-two-wrap.input-two-wrap-ward .input-wrap.flt-left {
            float: none
        }

.checkout-delivery-main .bttn-box-red-v2, .checkout-buyers-wrap .bttn-box-red-v2 {
    font-size: 10px;
    margin-top: 2px
}

.checkout-buyers-wrap .input-two-wrap .input-wrap label {
    width: 98px
}

.checkout-delivery-main .input-two-wrap .input-wrap-inner {
    width: 60%
}

.checkout-delivery-main .input-two-wrap .input-wrap:nth-child(2) label {
    width: 100px
}

.checkout-buyers-wrap .input-two-wrap .input-wrap-inner {
    width: 60%
}

.payment-icons img {
    float: left;
    margin-right: 5px
}

    .payment-icons img:last-child {
        margin-top: 5px
    }

.checkout-content-aside {
    background: #f5f1e8;
    height: 100%;
    padding: 30px 30px 30px 0;
}

    .checkout-content-aside h2 {
        font-size: 17px;
        color: #5a5a5a;
        margin-bottom: 15px
    }

.content-aside-block {
    margin-bottom: 25px;
}

    .content-aside-block h3 {
        font-size: 14px;
        font-weight: normal;
        margin-bottom: 5px;
        font-family: "Open Sans", sans-serif
    }

    .content-aside-block strong {
        margin-bottom: 5px;
        display: block
    }

.checkout-section-bottom {
    border-top: 1px solid #bab6ae;
    padding: 0
}

    .checkout-section-bottom .bttn-box-red-v2 {
        margin: 5px 10px
    }

.padding-left-sm {
    padding-left: 50px
}

.checkout-review-header {
    font-size: 15px;
    color: #5a5a5a
}

    .checkout-review-header .col-sm-6:last-child h4 {
        margin-left: 52.5%
    }

.checkout-review-content-block {
    padding: 20px 0;
    border-top: 1px solid #bab6ae;
    border-bottom: 1px solid #bab6ae;
    margin-bottom: 20px
}

.checkout-review-img {
    float: left;
    max-width: 140px;
}

    .checkout-review-img img {
        max-width: 135px;
        height: 150px
    }

.checkout-review-description h5 {
    font-size: 17px;
    color: #5a5a5a;
    margin-bottom: 15px;
    margin-top: 0
}

.checkout-review-detail strong {
    font-weight: bold;
}

.checkout-review-detail span {
    font-weight: normal;
}

.checkout-review-detail-deliveron {
    margin: 15px 0
}

.checkout-price {
    margin-left: 43%
}

.checkout-price-block span {
    font-weight: 600;
    display: block
}

    .checkout-price-block span:first-child {
        margin-bottom: 15px
    }

    .checkout-price-block span:last-child {
        margin-top: 15px
    }

.checkout-price-total strong {
    font-weight: 600;
    display: block
}

    .checkout-price-total strong.checkout-price-grand {
        color: #5a5a5a;
        font-size: 17px;
        margin-top: 20px
    }

    .checkout-price-total strong:after {
        content: ":";
        float: right;
        font-weight: normal;
        margin-right: 20px
    }

.checkout-price-int span {
    display: block
}

    .checkout-price-int span.checkout-price-grand {
        display: block;
        font-weight: 800;
        margin-top: 20px;
        font-size: 17px
    }

.checkout-confirmation-wrap {
    background: url(../images/bg-confirmation.png) bottom right no-repeat;
}

    .checkout-confirmation-wrap .checkout-content-inner {
        background: none
    }

    .checkout-confirmation-wrap h4 {
        font-size: 26px;
        color: #000
    }

    .checkout-confirmation-wrap p {
        margin-bottom: 20px
    }

.checkout-delivery-main-recipient-option p {
    margin-right: 20px
}

.checkout-delivery-main-recipient-option input {
    margin-left: 10px
}

.message-restricted {
    background: #faf5c9;
    padding: 20px
}

.cc-payment-error {
    background-image: none
}

    .cc-payment-error .checkout-content-inner {
        padding: 20px
    }

    .cc-payment-error h2 {
        font-size: 30px;
        color: #d79f96;
        font-weight: bold;
        font-family: "Droid Serif", serif;
        margin-bottom: 20px
    }

    .cc-payment-error li {
        list-style-type: none
    }

    .cc-payment-error ul {
        margin-bottom: 30px;
        padding-left: 20px
    }

.cc-payment-error-widget {
    background: url(../images/credit-error.png) 50px center no-repeat #f7f7f7;
    background-size: 150px;
    border: 1px solid #e7ddcf;
    padding: 10px 10px 10px 270px;
    margin-bottom: 15px
}

.cc-payment-error-bottom {
    padding-left: 270px
}

.cc-payment-error-widget span:first-child:after {
    content: '|';
    margin: 0 5px
}

.cc-payment-error-widget span:nth-child(2):after {
    content: '|';
    margin: 0 5px
}

.cc-payment-error-widget ul {
    padding-left: 0
}

.cc-payment-error-widget li {
    margin-bottom: 5px
}

.cc-payment-error-widget strong {
    margin-bottom: 10px;
    display: block;
    word-wrap: break-word
}

.cc-payment-error-link {
    color: #d4978e;
    font-weight: normal;
    text-decoration: underline
}

    .cc-payment-error-link:hover {
        color: #bd8077
    }

.cc-payment-error-bottom strong {
    font-size: 18px;
    font-weight: normal
}

.cc-payment-error ol {
    counter-reset: section;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0
}

    .cc-payment-error ol li {
        color: #5a5a5a;
        margin-bottom: 10px;
        position: relative;
        font-size: 14px;
        padding-left: 50px
    }

    .cc-payment-error ol > li:before {
        counter-increment: section;
        content: counter(section);
        width: 30px;
        height: 30px;
        display: inline-block;
        border-radius: 50%;
        background: #ebebeb;
        color: #fff;
        font-size: 18px;
        text-align: center;
        line-height: 30px;
        margin-right: 10px;
        position: absolute;
        left: 0;
        top: -5px
    }

.input-width-sm {
    width: 140px
}

.input-width-md {
    width: 215px
}

.input-width-lg {
    width: 470px
}

.input-width-max {
    width: 100%
}

.checkbox-wrap {
    margin-top: 10px
}

    .checkbox-wrap input {
        width: 20px;
        float: left
    }

    .checkbox-wrap label {
        width: auto
    }

.checkout-linky {
    margin-right: 20px;
    line-height: 30px
}

.error-wrap {
    margin: 0;
    font-size: 13px;
    color: #d00000
}

.font-securecheckout {
    margin: 0
}

#body1 .error-no-fold .branding-desktop {
    display: block;
    max-height: 70px
}

.error-no-fold img {
    max-height: 70px
}

.error-no-fold .checkout-subheader {
    margin: 15px 0 15px
}
/*checkout js*/
.checkout-content-wrap, .js-choice-block, .js-checkout-edit, .js-buying-option {
    display: none
}

    .js-choice-block h4 {
        margin-top: 0
    }

.js-show {
    display: block
}

.input-wrap .input-wrap-inner.js-switch-input {
    width: 190px
}

.input-wrap .input-wrap-inner.js-switch-select {
    width: 170px;
    display: none
}

    .input-wrap .input-wrap-inner.js-switch-select select {
        width: 167px
    }

.input-wrap .input-wrap-inner.js-switch-recipient {
    width: 270px;
}

    .input-wrap .input-wrap-inner.js-switch-recipient input {
        margin-left: 10px;
        float: left;
        width: 15px;
        margin-right: 10px
    }

    .input-wrap .input-wrap-inner.js-switch-recipient label {
        width: 220px;
        text-align: left
    }

.input-wrap .message-warning {
    max-width: 300px
}

.checkout-group {
}

input.errorborder, textarea.errorborder, select.errorborder {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}



/**checkout new**/
.checkout-content-inner label {
    font-weight: bold
}

    .checkout-content-inner label.text-normal, .js-switch-recipient label {
        font-weight: normal
    }

.checkout-content-inner.input-center {
    padding: 70px 0
}

.checkout-login .input-center .input-wrap input[type="text"] {
    display: block;
    width: 300px;
    margin: 0 auto 15px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center
}

.checkout-login .input-center .input-wrap .error-wrap {
    text-align: center
}

.checkout-login .input-center input.bttn-box-red-v2 {
    display: block;
    max-width: 300px;
    margin: 10px auto
}

.checkout-login p {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
    margin-bottom: 20px
}

.checkout-account .input-center .input-wrap input[type="password"] {
    display: block;
    width: 300px;
    margin: 0 auto 10px;
    text-align: center
}

.checkout-account .clearfix {
    display: table;
    margin: 20px auto 0
}

.checkout-account p {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px
}

    .checkout-account p:first-child {
        font-size: 24px;
        color: #000;
        font-weight: 600;
        text-align: center;
    }

.checkout-signup .input-wrap.flt-left {
    width: 50%
}

    .checkout-signup .input-wrap.flt-left input {
        width: 90%
    }

.checkout-signup .input-wrap label {
    text-align: left
}

.checkout-signup span.pull-right {
    margin: 5px 10px 0 20px;
    text-align: 20px
}

.checkout-signup .bttn-box-red-v2 {
    max-width: none;
    white-space: normal
}

.checkout-signup h3 {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    text-align: center
}

.checkout-signin-wrap .checkout-signup h4 {
    font-size: 17px;
    color: #5a5a5a;
    font-weight: 600;
    text-align: center;
    margin-bottom: 15px
}

.checkout-signin-wrap .checkout-signup input[type="text"] {
    width: 350px;
    margin: 5px auto;
    padding: 5px 10px;
    text-align: center
}

.checkout-signin-wrap .input-wrap-inner {
    width: 100%
}

.checkout-account .error-wrap, .checkout-signup .error-wrap {
    text-align: center
}

.signup-checky input {
    margin-right: 5px
}

.signup-checky {
    display: table;
    margin: 0 auto
}

.signup-or {
    text-align: center;
    display: block;
    margin: 10px auto 10px;
    position: relative;
    width: 100px
}

    .signup-or:before {
        content: ' ';
        width: 180px;
        height: 1px;
        background: #e7ddcf;
        display: block;
        position: absolute;
        left: 70px;
        top: 10px
    }

    .signup-or:after {
        content: ' ';
        width: 180px;
        height: 1px;
        background: #e7ddcf;
        display: block;
        position: absolute;
        right: 70px;
        top: 10px
    }

.signup-group input {
    margin: 0 auto
}

    .signup-group input.bttn-linky-pink {
        background: none;
        text-transform: none;
    }

.checkout-addons {
    margin: 10px 0;
    border-top: 1px solid #e7ddcf;
    padding: 10px 0 0
}

    .checkout-addons:last-child {
        border-bottom: 1px solid #e7ddcf;
        padding-bottom: 10px
    }

    .checkout-addons img {
        display: inline-block;
        width: 25%;
        vertical-align: top
    }

    .checkout-addons .checkout-addons--data {
        width: 70%;
        display: inline-block;
    }

        .checkout-addons .checkout-addons--data p {
            margin: 5px 0 0 5px
        }

.checkout-content-wrap ::-webkit-input-placeholder {
    font-style: italic;
}

.checkout-content-wrap :-moz-placeholder {
    font-style: italic;
}

.checkout-content-wrap ::-moz-placeholder {
    font-style: italic;
}

.contactnumber-choice :-ms-input-placeholder {
    font-style: italic;
}

.contactnumber-choice ::-webkit-input-placeholder {
    font-style: italic
}

.contactnumber-choice :-moz-placeholder {
    font-style: italic
}

.contactnumber-choice ::-moz-placeholder {
    font-style: italic
}

.checkout-signin-wrap ::-webkit-input-placeholder {
    font-style: italic;
    text-align: center
}

.checkout-signin-wrap :-moz-placeholder {
    font-style: italic;
    text-align: center
}

.checkout-signin-wrap ::-moz-placeholder {
    font-style: italic;
    text-align: center
}

.checkout-signin-wrap .checkout-linky {
    margin-right: 0
}

.checkout-review-detail-addon .checkout-review-detail span {
    font-weight: normal;
    display: block;
    margin-top: 10px
}

.checkout-review-detail-addon.shoppingcart-product_addon .add-on-img-item img {
    width: 100%
}

.checkout-buyers-wrap .margin-left-sm {
    margin-left: 10%
}

.checkout-buyers-wrap .input-two-wrap {
    margin-left: 10%
}

.checkout-buyers-wrap .input-wrap label {
    width: 19.5%
}

.margin-left-sm.checkout-content-paymentmethod {
    margin-left: 8%
}

    .margin-left-sm.checkout-content-paymentmethod .checkout-paymentchoice input {
        margin-right: 5px
    }

.checkout-payment.checkout-content-inner {
    padding-left: 25px
}

.checkout-buyers-wrap .buyer-option-company .input-two-wrap .input-wrap label {
    width: 93px
}

.checkout-delivery-main .input-two-wrap {
    margin-left: 6.2%
}

    .checkout-delivery-main .input-two-wrap .input-wrap label {
        width: 130px
    }

    .checkout-delivery-main .input-two-wrap .input-wrap-inner {
        width: 50%
    }

.checkout-buyers-wrap .input-two-wrap .input-wrap label {
    width: 181px
}

.checkout-buyers-wrap .input-two-wrap {
    margin-left: 1.8%
}

    .checkout-buyers-wrap .input-two-wrap .input-wrap-inner {
        width: 45%
    }

    .checkout-buyers-wrap .input-two-wrap .input-wrap:nth-child(2) label {
        width: 170px
    }

.checkout-buyers-wrap .buyer-option-company .input-two-wrap .input-wrap label {
    width: 130px
}

.checkout-buyers-wrap .buyer-option-company .input-two-wrap .input-wrap:nth-child(2) label {
    width: 100px
}

.checkout-buyers-wrap .buyer-option-company .input-two-wrap {
    margin-left: 6.8%
}

.buyer-information {
    padding-left: 30px
}

.checkout-paymentchoice label {
    font-weight: normal;
    white-space: normal;
}

.checkout-signup small {
    text-align: center;
    font-style: italic;
    display: block;
    margin: 10px 0 0
}

.chekout-error {
    background: #ff0000;
    text-align: center;
    padding: 10px;
    margin: -10px 0 10px;
    color: #fff
}

.js-message-trigger {
    margin-left: 35%;
    font-size: 13px;
    color: #d4978e;
    cursor: pointer;
    margin-top: 10px;
}

    .js-message-trigger:after {
        content: "+";
        font-weight: bold;
        border: 1px solid #d4978e;
        width: 15px;
        height: 15px;
        display: inline-block;
        text-align: center;
        margin-left: 5px;
        border-radius: 50%;
        line-height: 13px
    }

.message-block {
    border: 1px solid #e7ddcf;
    display: none;
    margin-bottom: 10px
}

.message-block-header {
    background: #efe9da
}

    .message-block-header h3 {
        color: #5a5a5a;
        font-weight: bold;
        font-size: 14px;
        margin: 0;
        padding: 15px 20px
    }

.message-block-content {
    padding: 20px
}

    .message-block-content ul {
        margin: 0;
        padding: 0
    }

        .message-block-content ul li {
            list-style-type: none
        }

.message-block-data input {
    width: 20px;
    display: inline-block;
    vertical-align: top
}

.message-radio-data {
    display: inline-block;
    max-width: 90%;
    margin-bottom: 15px
}

.message-block-content {
    background: #fffdfa
}

.message-block-footer {
    border-top: 1px solid #e7ddcf;
    padding: 20px 10px 0
}

.message-block-nav .jp-previous {
    background: url(../Images/icon-left-small.png) left center no-repeat;
    padding-left: 20px;
    font-weight: 700;
    font-size: 13px;
    color: #d4978e;
    cursor: pointer;
    margin-right: 10px
}

.message-block-nav .jp-next {
    background: url(../Images/icon-right-small.png) right center no-repeat;
    padding-right: 20px;
    font-weight: 700;
    font-size: 13px;
    color: #d4978e;
    cursor: pointer;
    margin-left: 10px
}

.message-block-nav {
    display: table;
    margin: 10px auto
}

    .message-block-nav .jp-disabled {
        cursor: default;
        opacity: 0
    }

.message-block-confirm {
    float: right;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 20px;
    background: #d3978f;
    border-radius: 5px;
    margin-top: -40px
}

    .message-block-confirm:hover {
        background: #bd8077
    }

/**===========LOGIN PAGE===========**/
.asterisk {
    display: block;
    margin: 10px 0 40px
}

.signup_member-inner em {
    font-size: 13px
}

.signup_member-inner .contactnumber-choice {
    margin-bottom: 10px
}

.login-tabs_wrap {
    border-bottom: 1px solid #d1d4d6
}

.login_box {
    max-width: 460px;
    padding: 10px;
    margin-top: 30px;
    float: none;
}

.login_box-border {
    border: 1px solid #e7ddcf;
    padding: 15px 20px
}

.login_box .error-wrap {
    margin-bottom: 10px
}

.login_box strong {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.2;
    display: block
}

.login_box label {
    display: block;
    color: #5a5a5a;
    font-weight: normal
}

.login_box input[type="email"], .login_box input[type="text"], .login_box input[type="password"] {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 5px;
    width: 100%
}

.login_box-bttns .checkout-linky {
    margin-right: 10px;
    color: #4a88b0;
    font-size: 12px
}

.login_box-bottom {
    padding-top: 10px
}

    .login_box-bottom .login_box-links {
        display: inline;
    }

        .login_box-bottom .login_box-links:last-child {
            padding: 0 5px 0 5px
        }

        .login_box-bottom .login_box-links a {
            display: inline-block;
            text-transform: uppercase;
            color: #d4978e;
            font-weight: 600
        }

            .login_box-bottom .login_box-links a:hover {
                text-decoration: none;
                color: #ffffff
            }

.login_default-block {
    margin-bottom: 50px
}

    .login_default-block.login_default-signup {
        border-bottom: 1px solid #d1d4d6;
        margin-bottom: 0
    }

        .login_default-block.login_default-signup h2 {
            font-size: 30px;
            font-weight: 300
        }

    .login_default-block h2 {
        font-size: 25px;
        font-weight: 600
    }

    .login_default-block h3 {
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 5px 0 0 35px
    }

        .login_default-block h3:nth-of-type(1) {
            background: url(../Images/icon-login_exdiscount.png) left center no-repeat;
        }

        .login_default-block h3:nth-of-type(2) {
            background: url(../Images/icon-login_event.png) left center no-repeat;
        }

        .login_default-block h3:nth-of-type(3) {
            background: url(../Images/icon-login_stored.png) left center no-repeat;
        }

        .login_default-block h3:nth-of-type(4) {
            background: url(../Images/icon-login_email.png) left center no-repeat;
        }

    .login_default-block p {
        margin-bottom: 20px
    }

.datepicker-MY input {
    width: 100%
}

.input-wrap select.select-day {
    width: 50px;
    display: inline
}

.input-wrap select.select-month {
    width: 165px;
    display: inline
}

.signup_member-inner .contactnumber-choice:nth-of-type(4) {
    margin-bottom: 0
}

.contactnumber-choice-em {
    margin-bottom: 10px;
    display: block
}

.signup_member-inner select.input-width-md {
    width: 215px
}

.signup_member-inner select.input-width-lg, .input-width-lg select, .input-width-lg input {
    width: 470px
}

.signup_member .bttn-box-red-v2 {
    display: inline-block
}

.signup_member .bttn-linky-clear {
    display: inline-block;
    margin-left: 20px
}

.margin-left-sm200px {
    margin-left: 200px
}

.login-content_wrap h3 {
    font-weight: 700;
    color: #5a5a5a;
    font-size: 17px;
    margin-left: 200px
}

.login-content_wrap label {
    width: 200px
}

.login-content_wrap .input-two-wrap .input-wrap-inner {
    width: 180px;
}

.login-content_wrap .input-two-wrap .input-wrap:nth-child(2) label {
    width: 120px
}

.login-content_wrap span.contactnumber-spanlong {
    max-width: 100%
}

.signup_member-inner .input-two-wrap-SM input {
    width: 150px
}

.login-content_wrap .input-two-wrap.input-two-wrap-SM .input-wrap-inner {
    width: 120px
}

.checkbox-agreement_wrap {
    margin-left: 200px
}

    .checkbox-agreement_wrap label {
        display: inline;
        width: 90%;
        font-weight: normal;
        text-align: left
    }

    .checkbox-agreement_wrap a {
        text-decoration: underline
    }

.signup_member-inner {
    margin-bottom: 100px
}

    .signup_member-inner .input-wrap-inner {
        margin-bottom: 10px
    }

    .signup_member-inner img {
        max-width: 100%
    }

    .signup_member-inner .bttn-box-red-v2 {
        margin-left: 0
    }

        .signup_member-inner .bttn-box-red-v2.bttn-lesspadding {
            margin-left: 10px
        }

.js-sender-name {
    margin-bottom: 80px
}


/**===========MY ACCOUNT PAGE===========**/
.my_account_header {
    margin-bottom: 30px
}

    .my_account_header h1 {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .my_account_header span.my_account_user {
        display: inline;
        border-left: 2px solid #d1d4d6;
        color: #5a5a5a;
        font-size: 24px;
        padding-left: 15px;
        margin-left: 10px
    }

.my_account_wrap {
    background: #fbf9f6;
    padding: 10px;
    margin-bottom: 50px;
    text-align: center
}

.my_account_border {
    padding: 40px 40px 0 40px;
    border: 1px solid #e7ddcf
}

    .my_account_border h3 {
        color: #5a5a5a;
        text-transform: uppercase;
        font-size: 17px;
        margin-bottom: 5px;
        font-weight: bold
    }

.my_account-section_personal h3 {
    background: url(../Images/icon-personal_information.png) top center no-repeat;
    padding-top: 120px
}

.my_account-orders h3 {
    background: url(../Images/icon-myhistory.png) top center no-repeat;
    padding-top: 120px
}

.my_account-address h3 {
    background: url(../Images/icon-myaddress.png) top center no-repeat;
    padding-top: 120px
}

.my_account_border p {
    color: #989999;
    margin-bottom: 20px;
    min-height: 42px
}

.my_account-section {
    max-width: 220px;
    margin: 0 auto 50px
}

.my_account_logout {
    float: right;
    background: #d4978e;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    padding: 5px 15px;
    border-radius: 5px;
    max-width: 140px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
    display: block;
    margin-left: 10px
}

    .my_account_logout:hover {
        color: #fff;
        text-decoration;
        none;
        background: #bd8077
    }

.my_account_password {
    float: right;
    text-transform: uppercase;
    color: #d4978e;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-right: 15px;
    background: none;
    border: 0
}

    .my_account_password:hover {
        color: #bd8077;
        text-decoration;
        none
    }

/**===========TRACK ORDER PAGE===========**/
.trackorder_header {
    margin-bottom: 25px
}

.trackorder_block {
    margin-bottom: 30px
}

    .trackorder_block strong {
        color: #5a5a5a;
        display: block;
        font-size: 15px;
        display: block;
        margin-bottom: 5px
    }

    .trackorder_block input[type="text"] {
        display: inline;
        width: 350px;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        padding: 5px;
    }

    .trackorder_block input[type="submit"].bttn-box-red-v2 {
        width: 145px;
        display: inline
    }

.trackorder_notification-wrap {
    margin-bottom: 50px
}

.trackorder_notification {
    width: 505px;
    background: #fbf9f6;
    padding: 10px;
    float: left;
    margin-right: 20px
}

.trackorder_notification-border {
    height: 145px;
    border: 1px solid #e7ddcf;
    padding-top: 60px;
    text-align: center;
    font-weight: 700;
    font-size: 17px;
}

.trackorder_sentence {
    float: left;
    max-width: 400px;
    margin-top: 50px
}

/**===========ADDRESS BOOK PAGE===========**/
.addressbook_header h1 {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0;
}

.addressbook_header_link {
    float: right;
    text-transform: uppercase;
    color: #d4978e;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px
}

    .addressbook_header_link:hover {
        color: #bd8077;
    }

.addressbook_top-border {
    border-bottom: 1px solid #d1d4d6;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.addressbook_bottom {
    background: #f2f2f2;
    padding: 30px;
    margin-bottom: 30px
}

.addressbook_section {
    margin-bottom: 5px
}

    .addressbook_section strong {
        font-size: 14px;
        font-weight: 600;
        margin-right: 5px
    }

.addressbook_input {
    margin-top: 20px
}

    .addressbook_input a, .addressbook_input input {
        color: #e60027;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        background: none;
        border: none;
        cursor: pointer
    }

    .addressbook_input .address-edit {
        border-right: 1px solid #d1d4d6;
        padding-right: 10px
    }

    .addressbook_input a:hover, .addressbook_input input:hover {
        color: #c20021;
        text-decoration: none
    }
/**===========ORDER PAGE===========**/
.order_header h1 {
    margin-top: 0
}

.order_header .bttn-linky-pink:after, .order_table .bttn-linky-pink:after {
    background: none;
}

.order_header .bttn-linky-pink {
    text-align: right;
    margin: 10px 0 0 0
}

.order_default {
    margin-top: 10px
}

    .order_default .pagination_xf {
        border: none
    }

.order_select {
    float: right;
    margin: 10px 0
}

    .order_select label {
        font-size: 14px;
        color: #5a5a5a;
        font-weight: normal
    }

    .order_select select {
        width: 115px;
        border: 1px solid #e6e6e6;
        border-radius: 3px;
        padding: 5px
    }

.order_table-header {
    background: #f2f2f2
}

.order_table tr {
    border: 1px solid #e6e6e6
}

.order_table th {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.order_table td {
    text-align: center
}

.order_table th.js-order {
    cursor: pointer
}

    .order_table th.js-order:after {
        content: ' ';
        background: url('../Images/arrow-down-filter.png') center center no-repeat;
        width: 10px;
        height: 10px;
        display: inline-block;
        margin-left: 5px
    }

    .order_table th.js-order.js-asc:after {
        background: url('../Images/arrow-up-filter.png') center center no-repeat
    }

.order_table .bttn-linky-pink {
    margin: 0
}

.order-details_status {
    margin: 20px 0 40px
}

.order_details_status strong {
    color: #5a5a5a;
    font-weight: 700;
    margin-bottom: 5px;
    display: block
}

.order-details_block {
    margin-bottom: 15px
}

    .order-details_block .pdf-icon_linky {
        margin: 20px 0;
        display: inline-block
    }

.order-details_product {
    position: relative;
    margin-bottom: 40px
}

    .order-details_product .shoppingcart-aside-wrap.js-abs {
        bottom: 0
    }

.order-details_product-item {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px
}

.rest_password-wrap {
    margin: 40px 0
}

.rest_password-label {
    float: left;
    margin-left: 20%;
    width: 25%;
    text-align: right;
}

    .rest_password-label label {
        font-weight: normal;
        margin-right: 10px;
    }

.rest_password-input {
    float: left;
    width: 55%
}

    .rest_password-input input {
        border-radius: 3px;
        border: 1px solid #d9d9d9;
        padding: 3px;
        width: 100%
    }

.rest_password-wrap .bttn-box-red-v2 {
    display: inline-block;
    margin-left: 30px
}

.rest_password-input .error-wrap {
    margin-bottom: 20px
}

.reset_password-sent label {
    font-weight: normal
}

.reset_password-sent {
    margin: 30px 0 100px
}

/**===========CATALOGUE==========**/
.catalogue-items-wrap {
    margin: 50px auto;
}

.catalogue-items {
    max-width: 220px;
    margin: 0 auto;
    border: 1px solid #d9d9d9;
    min-height: 360px;
    -webkit-box-shadow: 2px 4px 5px -1px rgba(209,209,209,1);
    -moz-box-shadow: 2px 4px 5px -1px rgba(209,209,209,1);
    box-shadow: 2px 4px 5px -1px rgba(209,209,209,1);
    margin-bottom: 30px
}

.catalogue-description {
    padding: 10px
}

    .catalogue-description strong {
        display: block;
        font-weight: normal;
        text-overflow: ellipsis;
        max-width: 220px;
        overflow: hidden;
        white-space: nowrap;
    }

.catalogue-titles {
    border-bottom: 1px solid #d1d4d6;
    padding-bottom: 10px;
    margin-bottom: 10px
}

    .catalogue-titles a {
        color: #5a5a5a
    }

        .catalogue-titles a:hover {
            color: #424242;
            text-decoration: underline
        }

.search-header hr {
    height: 1px;
    background: #d6dadb;
    margin: 10px 15px 40px
}

.search-header h1 {
    display: inline;
    margin-right: 10px
}

.search-header span {
    font-size: 36px;
    font-weight: 300
}

.search-results-numeral {
    font-size: 14px;
    text-align: right;
    margin-top: 25px
}

    .search-results-numeral span {
        font-size: 14px;
        font-weight: normal;
    }

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
    .header-line-wrap:before {
        background-position: -204px -128px
    }

    .content-wrap {
        padding-top: 50px
    }

    .addon-modal {
        width: auto;
        min-width: 300px;
    }

    .border-right {
        border: none
    }

    .content-tagline:before {
        background-image: none
    }
    /*FILTERS*/
    .filter-wrap {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    .filter-title {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-bottom: 20px;
        text-align: center;
        height: auto
    }

    .filter-item {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        text-align: center
    }

        .filter-item select {
            width: 100% !important
        }

        .filter-item #slider-range {
            width: 100%
        }
    /*HOMEPAGE*/
    .slider-wrap .home-slider h2 {
        font-size: 50px;
        padding-top: 70px;
    }

    .slider-wrap .home-slider span {
        font-size: 50px;
        color: #ffdc96
    }

    .slider-wrap .home-slider p {
        font-size: 17px;
        max-width: 550px
    }
    /*PRODUCT PAGE*/
    .flower-details-tabs .resp-tab-content {
        border-top: none
    }

    .product-delivery-tabs .resp-tab-content {
        border-top: none
    }

    .product-delivery-option-tabs .resp-tab-content {
        border-top: none
    }

    .product-delivery h2 {
        margin-left: 0
    }

        .product-delivery h2.resp-accordion {
            padding-left: 15px;
            padding-right: 15px
        }
    /*SHOPPING CART PAGE*/
    .shoppingcart-product_option {
        margin-bottom: 20px
    }

    .shoppingcart-product_addon .add-on-item-description, .add-on-item-price_wrap {
        height: auto
    }

        .shoppingcart-product_addon .add-on-item-description p {
            top: auto;
            transform: none
        }
    /*FOOTER*/
    .footer-top {
        padding: 0
    }

    .footer-nav-social {
        display: block;
        width: 245px;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 0 0
    }

        .footer-nav-social li a {
            width: 30px
        }
    /*CUSTOMIZE*/
    .custom-details_header img {
        float: none;
        display: block
    }

    .custom-details_header h2 {
        float: none;
        display: block;
        margin: 20px 0 0 0
    }

    .custom-details_header span {
        margin-left: 0;
        margin-top: 0;
    }

    .custom-details_options-block {
        display: block;
        margin-bottom: 10px;
        margin-left: 0
    }
    /*JS RESET*/
    .shoppingcart-aside {
        height: auto !important;
        width: auto !important
    }

    .shoppingcart-aside-wrap {
        width: auto !important
    }

        .shoppingcart-aside-wrap.js-fixed {
            top: auto !important;
            position: static !important
        }

        .shoppingcart-aside-wrap.js-abs {
            position: static !important
        }

    .shoppingcart-aside-icons {
        padding-top: 0 !important
    }
    /*FORMS*/
    .input-width-lg {
        width: 100%
    }

    .input-wrap label {
        float: none;
        display: block;
        width: 100%;
        text-align: left
    }

    .input-wrap input[type="text"], .input-wrap select {
        float: none;
        display: block;
    }

    .input-wrap.input-full .input-wrap-inner, .input-wrap .input-wrap-inner {
        width: 100%
    }

        .input-wrap .input-wrap-inner.js-switch-input {
            width: 100%
        }

    .checkout-delivery-main .bttn-box-red-v2, .checkout-buyers-wrap .bttn-box-red-v2 {
        margin-left: 0
    }

    .corp_member .sf_cols.blknum > .sf_2cols_1_50 {
        width: 200px
    }
    /*CHECKOUT*/
    .buyer-information {
        padding-left: 0
    }

    .font-securecheckout {
        margin-bottom: 25px
    }

    .checkout-content-inner.border-right {
        border-right: 1px solid #e7e3df
    }

    .checkout-content-aside {
        height: auto !important;
        padding: 20px
    }

    .checkout-delivery-main .input-two-wrap, .checkout-buyers-wrap .input-two-wrap {
        margin-left: 0
    }

    .input-wrap.flt-left {
        margin-right: 10px
    }

    .input-wrap.margin-left-sm25 {
        margin-left: 0
    }

    .contactnumber-choice span {
        margin-left: 0
    }

    .margin-left-sm.js-buying-choice {
        margin-left: 0
    }

        .margin-left-sm.js-buying-choice input, .margin-left-sm.js-buying-choice label {
            display: inline
        }

    .checkout-review-header {
        display: none
    }

    .checkout-review-img {
        margin-bottom: 20px
    }

    .checkout-content-aside .center-block {
        margin: 0
    }

    .checkout-delivery-main .checkout-content-inner {
        min-height: auto
    }

    .checkout-content-inner .margin-left-sm25 {
        margin-left: 0
    }

    .input-wrap .input-wrap-inner.js-switch-recipient label {
        width: 100%
    }

    .checkout-buyers-wrap .input-wrap label {
        width: 100%
    }

    .checkout-signup .checkout-content-inner.input-center {
        padding-left: 60px;
        padding-right: 60px
    }

    .checkout-group {
        padding-left: 0;
        padding-right: 0
    }

    .checkout-delivery-main .checkout-group .input-two-wrap .input-wrap label {
        width: 100%
    }

    .checkout-buyers-wrap .buyer-option-company .input-two-wrap {
        margin-left: 0
    }

    .checkout-payment.checkout-content-inner, .margin-left-sm.checkout-content-paymentmethod {
        margin-left: 0;
        padding-left: 0
    }

    .input-wrap .input-wrap-inner.js-switch-recipient {
        padding-left: 0
    }

        .input-wrap .input-wrap-inner.js-switch-recipient input {
            margin-left: 0
        }

        .input-wrap .input-wrap-inner.js-switch-recipient label {
            width: 100%
        }

    .js-message-trigger {
        margin-left: 0
    }
    /*CUSTOMIZE*/
    .resp-vtabs > .resp-tabs-container {
        width: 70%
    }

    .resp-vtabs ul.resp-tabs-list.customize-tabs-content_wrap {
        width: 30%;
    }
    /*LOGIN*/
    .login_box {
        float: none;
        display: block;
        margin: 20px auto
    }

    .contact-form .contactnumber-choice-em, .contact-form .RadCaptcha_Default, .contact-form h3, .contact-form .sf_2cols_2_50 .sf_2cols_2in_50, .sfFormSubmit input, .corp_member .sf_2cols_2_50 .sf_2cols_2in_50 {
        margin-left: 0
    }

    .signup_member-inner .bttn-box-red-v2.bttn-lesspadding {
        margin-left: 0;
        margin-bottom: 20px
    }

    .corp_member .sf_cols > .sf_2cols_1_50 {
        width: 100% !important
    }

    .corp_member .sf_cols > .sf_2cols_2_50 {
        width: 100% !important
    }

    .corp_member .contactnumber-choice label {
        text-align: left
    }

    .corp_member .sf_cols.contactnumber-choice .sf_2cols_2_50 label {
        float: none
    }
    /*ADDON*/
    .addon-slider-wrap.flexslider {
        margin: 0;
        width: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0 45px;
    }

    .addon-left {
        width: 200px
    }

    .addon-tabs.resp-vtabs > .resp-tabs-container, .addon-right {
        width: 550px
    }

    .addon-slider-wrap.flexslider {
        width: 550px !important
    }

    .addon-tabs [id$="updAddOnItem"] {
        float: none;
        display: block
    }

    .flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
        left: 10px
    }

    .flexslider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
        right: 10px
    }
    /*CATALOGUE DOWNLOAD*/
    .catalogue-items img {
        width: 100%
    }
    /*SIGNUP FORMS*/
    .signup_member-inner .contactnumber-choice input[type="text"] {
        float: left;
        margin-right: 10px
    }

    .corp_member .contactnumber-choice input[type="text"] {
        float: none
    }

    .signup_member-inner .login-content_wrap h3 {
        margin-left: 0
    }

    .signup_member-inner .margin-left-sm200px {
        margin-left: 0
    }

    .signup_member-inner .flt-left {
        float: none;
        display: block
    }

    .login-content_wrap .signup_member-inner .input-two-wrap .input-wrap-inner {
        width: 100%
    }
    /*LOGIN FORMS*/
    .login-content_wrap h3 {
        margin-left: 0
    }

    .login-content_wrap label {
        width: 100%
    }

    .contact-form .sfError, .corp_member .sfError {
        margin-left: 0 !important
    }

    .corp_member .sfFormCheckboxlist input {
        margin-left: 0 !important
    }

    .corp_member .sfTxtBoxSmall input {
        width: 200px !important
    }

    .sfErrorSummary, .corp_member .RadCaptcha_Default, .corp-linky {
        margin-left: 0
    }
    /*ACCOUNT*/
    .my_account-section {
        min-height: 155px
    }
    /*CUSTOMIZE*/
    .custom-details_headerRight, .custom-details_headerLeft {
        float: none;
        display: block;
        width: 100%;
        max-width: 100%
    }

        .custom-details_headerRight p {
            margin-left: 0
        }
    /*ERROR*/
    .error-404 .error-border {
        background-image: none
    }

    .error-gen .error-border {
        background-image: none
    }
    /*CREDIT CARD*/
    .credit-card-margin .checkout-content-inner {
        padding-left: 35px;
        padding-right: 35px
    }

    .input-credit-submit input, .cc-images, .cc-instructions {
        margin-left: 0
    }
    /**===========SHOPPING CART DROPDOWN===========**/
    .product-dropdown {
        display: block;
        position: fixed;
        z-index: 2;
        top: 50px;
        left: 0;
        background: #fff;
        border-bottom: 1px solid #eaecec;
        width: 100%;
        padding: 0;
        height: 0;
        overflow: hidden
    }

        .product-dropdown strong {
            font-size: 15px;
            color: #5a5a5a;
            font-weight: 600;
            text-transform: uppercase;
            text-align: center;
            display: block;
            margin: 20px 0
        }

        .product-dropdown h2 {
            font-size: 24px;
            color: #5a5a5a;
            font-weight: 400;
            text-transform: uppercase;
            text-align: center;
            display: block;
            margin: 20px 0;
            padding: 0 20px
        }

        .product-dropdown .bttn-box-red {
            display: inline-block;
            margin: 10px 5px;
            max-width: 200px
        }

    .product-dropdown-bttn {
        text-align: center
    }
}

@media only screen and (max-width : 768px) {
    .addon-modal {
        max-height: 600px;
        overflow-y: visible
    }

    .js-noaddon {
        margin-top: 0
    }

    .icon-num {
        right: 10px;
        width: 20px;
        height: 20px;
        line-height: 20px
    }

    ul.footer-cc {
        display: table;
        float: none;
        margin: 0 auto
    }

        ul.footer-cc li {
            margin-top: 10px;
            margin-bottom: 10px
        }

    .footer-bottom small {
        text-align: center;
        display: block;
        line-height: 1;
        margin: 20px 0
    }

    .footer-nav-social {
        display: block;
        width: 245px;
        margin-left: auto;
        margin-right: auto
    }

        .footer-nav-social li a {
            width: 30px
        }
    /*HOME*/
    .header-line-wrap:before {
        display: none
    }

    .flexslider-home_content {
        padding: 30px 30px;
        margin: 50px auto 50px
    }

    .slider-wrap .home-slider h2 {
        font-size: 40px;
        padding-top: 50px;
    }

    .slider-wrap .home-slider span {
        font-size: 30px;
        color: #ffdc96
    }

    .slider-wrap .home-slider p {
        font-size: 17px;
        max-width: 550px
    }

    .promotions-wrap {
        margin-bottom: 0
    }

        .promotions-wrap img {
            margin-bottom: 30px
        }

    .flexslider-instagram {
        margin: 20px
    }

    .filter-items-wrap .col-md-5ths {
        margin-bottom: 75px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }

    .about-home-wrap img, .about-wrap_hidden img {
        margin-top: 20px
    }

    .about-home-wrap {
        background-size: cover
    }

    .header-line-wrap h2:before {
        left: 42%
    }
    /*CATALOGUE*/
    .pagination_left, .pagination_right {
        display: table;
        margin: 0 auto 20px;
        float: none;
        clear: both
    }
    /*SHOPPING CART PAGE*/
    .shoppingcart-product-content h4 {
        text-align: left
    }

    .content-price {
        text-align: left;
        margin: 5px 0
    }
    /*CHECKOUT*/
    .input-wrap-inner input[type="text"] {
        width: 100%
    }

    .checkout-content-inner.create-account h4 {
        border-top: 1px solid #e7e3df;
        padding-top: 20px
    }

    .checkout-content-inner .pull-right {
        float: left !important;
        margin-left: 0;
        margin-right: 20px
    }

    .checkout-review-img {
        float: none;
        display: block;
        clear: both
    }

    .checkout-review-description {
        margin-left: 0
    }

    .checkout-review-detail strong {
        display: block
    }
    /*.checkout-progress{display: none;}*/
    .checkout-content-inner {
        padding: 20px 30px
    }

        .checkout-content-inner.create-account {
            padding: 0 30px 0 30px
        }

    .input-wrap .input-wrap-inner.js-switch-recipient {
        width: 100%
    }

        .input-wrap .input-wrap-inner.js-switch-recipient label {
            width: 200px;
            padding: 0
        }

    .checkout-login .input-wrap input {
        width: 100%
    }

    .checkout-signup .input-wrap.flt-left {
        width: 100%
    }

    .checkout-signup .checkout-checky {
        width: 10px;
        display: inline;
        vertical-align: top
    }

    .checkout-signup .text-normal {
        width: 90%;
        display: inline-block;
        margin-bottom: 20px
    }

    .checkout-signup span.pull-right {
        text-align: center;
        display: block;
        float: none !important;
        clear: both;
        margin: 20px auto
    }

    .checkout-signup .checkout-content-inner .pull-right {
        float: none !important;
        display: block;
        clear: both;
        margin: 10px 0 10px 0
    }

    .checkout-signup .checkout-content-inner.input-center, .checkout-account .checkout-content-inner, .checkout-login .checkout-content-inner {
        padding-left: 30px;
        padding-right: 30px
    }

    .checkout-signup .bttn-box-red-v2, .checkout-account .bttn-box-red-v2 {
        width: 100%;
        max-width: 100%;
        display: block;
        margin: 10px 0
    }

    .checkout-signup .input-wrap.flt-left input {
        width: 100%
    }

    .checkout-login .input-center .input-wrap input[type="text"], .checkout-account .input-center .input-wrap input[type="password"], .checkout-login .input-center input.bttn-box-red-v2 {
        width: 100%
    }

    .checkout-signin-wrap .checkout-signup input[type="text"] {
        width: 100%
    }

    .checkout-buyers-wrap .js-hidden-content {
        margin-left: 0
    }

    .checkout-group .input-wrap.flt-left input {
        width: 160px
    }

    .checkout-buyers-wrap .buyer-option-company .input-two-wrap .input-wrap-inner input {
        width: 160px
    }

    .js-chk-for-company input, .js-chk-for-someone input {
        vertical-align: top
    }

    .js-buying-choice label, .js-buying-choice-selection label {
        width: 85%;
        display: inline-block !important
    }

    .checkout-signin-wrap .checkout-linky {
        display: block
    }

    .credit-card-margin .error-wrap {
        margin-left: 0%
    }

    .checkout-subheader {
        margin: 0 0 0 0
    }

    h2.font-securecheckout {
        margin: 10px 0 20px 0
    }

    /*FORMS*/
    .input-wrap input[type="text"], .input-wrap select, .signup_member-inner select.input-width-md, .signup_member-inner select.input-width-lg {
        float: none;
        display: block;
        width: 100%
    }

    .contactnumber-choice span {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 12px
    }

    .checkout-buyers-wrap .input-two-wrap .input-wrap-inner, .contact-form textarea {
        width: 100%
    }

    .input-wrap.flt-left {
        float: none;
        display: block;
        margin-right: 0;
        clear: both
    }

    .corp_member .sfFormCheckboxlist input {
        margin-left: 0
    }

    .checkout-delivery-main .input-two-wrap.input-two-wrap-ward .input-wrap label {
        width: 100%
    }

    /*OVERVIEW*/
    .overview_content img {
        margin: 0 auto;
    }

    .overview_content {
        text-align: center;
        margin-bottom: 70px
    }

        .overview_content p {
            margin-bottom: 10px
        }

        .overview_content .col-sm-3 {
            margin-bottom: 70px
        }
    /*CUSTOMIZE*/
    h2.gift-icon {
        position: relative;
        margin-bottom: 20px
    }

    .resp-vtabs > .resp-tabs-container.customize-tabs-content_wrap {
        padding: 0
    }

    .resp-vtabs .resp-tabs-container.customize-tabs-content_wrap {
        border: none;
    }

    h2.resp-accordion a {
        color: #d4978e;
        text-decoration: none
    }

    h2.resp-accordion.resp-tab-active a {
        color: #fff;
        text-decoration: none
    }

    .customize-tabs-content_wrap > h2.resp-accordion:first-child {
        border-bottom: 1px solid #e7e3df !important
    }

    .customize-tabs-content_wrap > h2.resp-accordion {
        border-bottom: 1px solid #e7e3df !important;
        font-size: 14px;
        font-weight: 600;
        color: #d4978e
    }

        .customize-tabs-content_wrap > h2.resp-accordion.resp-tab-active {
            background: #d4978e !important;
            color: #fff;
            border-bottom: none !important
        }

    .resp-vtabs .custom-details_product-delivery .resp-tab-content {
        border: none
    }

        .resp-vtabs .custom-details_product-delivery .resp-tab-content:last-child {
            border: none !important
        }

    .resp-vtabs > .resp-tabs-container {
        width: 100%
    }

    .product-personalize_description p {
        float: none;
        width: 100%
    }
    /*ADDON*/
    .addon-tabs.resp-vtabs > .resp-tabs-container {
        width: 100% !important
    }

    .addon-left {
        display: none
    }

    .addon-tabs h2.resp-accordion {
        font-size: 17px;
        border-bottom: 1px solid #d6dadb !important;
        padding: 0 !important;
        cursor: pointer !important
    }

        .addon-tabs h2.resp-accordion a {
            text-decoration: none;
        }

            .addon-tabs h2.resp-accordion:hover, .addon-tabs h2.resp-accordion.resp-tab-active, .addon-tabs h2.resp-accordion a:hover, .addon-tabs h2.resp-accordion.resp-tab-active a {
                background: #ebe0ce !important;
                color: #373737 !important
            }

    .addon-tabs h2 span.resp-arrow {
        margin: 10px;
        padding: 0
    }

    .addon-right h3 {
        display: none
    }

    .addon-slider-wrap.flexslider {
        width: 100% !important
    }

    .addon-tabs .resp-tab-content-active {
        border-bottom: 1px solid #d6dadb
    }

    .flexslider .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0px
    }

    .flexslider .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next {
        right: 0px
    }
    /*ORDER*/
    .order_header .bttn-linky-pink {
        text-align: left;
        margin-bottom: 10px
    }

    .rest_password-label {
        float: none;
        margin-left: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 10px
    }

    .rest_password-input {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

        .rest_password-input input {
            border-radius: 3px;
            border: 1px solid #d9d9d9;
            padding: 3px;
            width: 100%
        }

    .rest_password-wrap .bttn-box-red-v2 {
        display: inline-block;
        margin-left: 20px
    }

    .checkout-buyers-wrap .margin-left-sm {
        margin-left: 0
    }
    /*SIGNUP*/
    .signup_member-inner .bttn-box-red-v2.bttn-lesspadding {
        margin-left: 0;
        margin-bottom: 20px
    }
    /*ACCOUNT*/
    .my_account_header span.my_account_user {
        display: block;
        border: none;
        margin-left: 0;
        padding-left: 0;
        margin-bottom: 20px
    }

    .my_account_logout, .my_account_password {
        display: block;
        float: none;
        margin-bottom: 10px
    }

    .corp-linky {
        margin-left: 20px
    }
    /*TRACK ORDER*/
    .trackorder_block input[type="text"] {
        width: 100%;
        margin-bottom: 10px
    }

    .trackorder_block input[type="submit"].bttn-box-red-v2 {
        margin-left: 0
    }

    .trackorder_notification {
        width: 100%
    }

    .trackorder_notification-border {
        padding-top: 50px
    }

    .trackorder_sentence {
        margin-top: 20px
    }
    /*SEARCH*/
    .search-header h1 {
        display: block;
    }

    .search-header span {
        display: block
    }

    .search-results-numeral {
        text-align: left;
        margin-top: 25px
    }

        .search-results-numeral span {
            display: inline
        }
    /*OUTLET*/
    .outlet-description {
        height: auto
    }

    .checkout-price-total strong:after {
        display: none
    }
    /*ERROR*/
    .error-page h1 {
        font-size: 40px
    }

    .error-page h2 {
        font-size: 22px;
    }

    .error-page p {
        font-size: 20px;
        margin-bottom: 15px
    }

    .error-paint {
        position: absolute;
        width: 600px;
        height: 150px;
        top: -100px;
        right: 0;
        background: url("../images/bg-error.png") right top no-repeat;
    }

    .error-border {
        padding: 30px
    }

    .bttn-error {
        background-color: #facdc5;
        width: 190px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        font-size: 13px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        border-radius: 5px;
        font-weight: bold;
        margin-right: 20px;
        margin-bottom: 20px
    }

    .cc-payment-error-widget {
        background-image: none;
        padding: 20px;
        margin-bottom: 30px
    }

        .cc-payment-error-widget h2 {
            margin-top: 0;
            font-size: 20px
        }

    .cc-payment-error-bottom {
        padding-left: 0
    }

    .cc-payment-error-widget li {
        font-size: 12px
    }

    .cc-payment-error-bottom strong {
        font-size: 16px
    }

    .cc-payment-error .cc-payment-error-bottom ol li {
        font-size: 12px
    }

    .cc-payment-error-widget ul {
        margin-bottom: 0
    }
    /*CREDIT CARD*/
    .credit-card-wrap .input-wrap label {
        width: 100%
    }

    .credit-card-wrap .input-wrap input, .credit-card-wrap .input-wrap select {
        width: 100%
    }

    .cc-instructions {
        width: 100%;
        background-position: 25px 10px
    }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .js-increment.js-imdone.fancybox-close {
        margin-left: 50px
    }

    .header-line-wrap h2:before {
        left: 35%
    }

    .addon-slider-wrap.flexslider li {
        margin: 0 7px
    }

    .addon-modal {
        max-height: 400px;
        width: 280px;
        min-width: 280px
    }

    .branding-mobile img {
        width: 100px;
        height: auto
    }

    .slider-wrap .home-slider span.flex-line {
        width: 100px
    }
    /*SHOPPING CART PAGE*/
    .shoppingcart-delivery_choice label {
        display: block
    }

    .shoppingcart-aside-price {
        text-align: left
    }

    .shoppingcart-aside-promo input[type=text] {
        width: 100%;
        margin-bottom: 10px
    }

    .js-apply-change {
        max-width: 100%;
        width: 100%;
        display: block
    }
    /*LOGIN*/
    .login_box {
        width: 100%;
        float: none;
        display: block;
        max-width: 100%
    }

    .reset_password-sent label {
        display: block;
        margin-bottom: 20px
    }
    /*ADDRESS BOOK*/
    .addressbook_section {
        margin-bottom: 10px
    }

        .addressbook_section strong, .addressbook_section span {
            display: block
        }
    /*ERROR*/
    .bttn-error {
        background: #facdc5;
        width: 150px;
        margin: 0 auto 10px
    }

    .error-no-fold .branding-desktop img {
        max-height: 40px
    }

    .error-no-fold .branding-desktop {
        float: left
    }

    .error-no-fold .checkout-subheader {
        float: right;
        width: 55%;
        margin: 0 0 10px;
    }

    #body1 .error-no-fold h2.font-securecheckout {
        font-size: 16px;
        background-size: 12px;
        padding-left: 15px;
        margin-left: 20px;
    }

    /*CHECKOUT*/
    .signup-or:before {
        content: ' ';
        width: 50px;
    }

    .signup-or:after {
        content: ' ';
        width: 50px;
    }

    .input-width-md {
        width: 100%
    }

    .checkout-group .input-wrap.flt-left input {
        width: 100%
    }

    .checkout-buyers-wrap .input-two-wrap .input-wrap-inner input {
        width: 100%
    }

    .checkout-price-int {
        margin-bottom: 20px
    }

    .payment-icons img {
        max-height: 30px
    }

    .checkout-paymentchoice label {
        font-weight: normal;
        white-space: normal;
        max-width: 160px
    }

    .checkout-confirmation-wrap .bttn-box-red-lg-v2 {
        width: auto
    }

    input.datepicker {
        width: 200px
    }

    .cc-payment-error-widget li span {
        display: block
    }

        .cc-payment-error-widget li span:after {
            display: none
        }

    .cc-images img {
        max-width: 70px
    }

    .cc-instructions {
        background-size: 160px
    }

        .cc-instructions strong {
            display: block;
            padding-left: 0;
            padding-top: 70px
        }

    .message-radio-data {
        display: inline-block;
        max-width: 80%
    }

    .message-block-confirm {
        margin: 20px auto;
        display: block;
        float: none;
        width: 60px;
        text-align: center;
    }
}

/**PRINT**/
@media print {
    footer, header {
        display: none
    }

    .resp-tabs-list li {
        width: 32%
    }

    .aside-holder, .js-pos-relvalue {
        position: relative !important
    }

    .js-abs, .js-fixed-side {
        top: 0 !important
    }

    a[href]:after {
        content: none !important
    }

    .aside-article h3 {
        line-height: 1 !important;
        padding-top: 20px !important
    }

    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-md-12, .col-sm-12 {
        width: 100%
    }

    .col-md-11, .col-sm-11 {
        width: 91.66666667%
    }

    .col-md-10, .col-sm-10 {
        width: 83.33333333%
    }

    .col-md-9, .col-sm-9 {
        width: 75%
    }

    .col-md-8, .col-sm-8 {
        width: 66.66666667%
    }

    .col-md-7, .col-sm-7 {
        width: 58.33333333%
    }

    .col-md-6, .col-sm-6 {
        width: 50%
    }

    .col-md-5, .col-sm-5 {
        width: 41.66666667%
    }

    .col-md-4, .col-sm-4 {
        width: 33.33333333%
    }

    .col-md-3, .col-sm-3 {
        width: 25%
    }

    .col-md-2, .col-sm-2 {
        width: 16.66666667%
    }

    .col-md-1, .col-sm-1 {
        width: 8.33333333%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
}



/***************************** HITACHI SOLUTIONS RESKINNING *****************************/

/* SHOPPING CART */


/* --- REUSABLE ---
Button Neutral - #e60027
Button Hover - #c20021
Border Color - #e6e6e6
Box Panel Color - #f2f2f2
--- REUSABLE --- */

.footer-top {
    visibility: hidden;
}

.footer-bottom {
    background: #f2f2f2
}

.hideThis {
    display: none;
}

/* progress */
.checkout-progress {
    float: right;
}

/* Some Link */
.text-postal {
    font-size: 13px;
    font-style: italic;
    margin-left: 10px
}

    .text-postal a {
        color: #e60027;
        text-decoration: underline
    }

a.bttn-continue {
    text-transform: none;
    font-size: 16px;
    position: relative;
    padding-left: 15px;
    line-height: 1;
    display: block;
    max-width: 180px;
    margin: 0 0 40px;
    color: #e60027;
    letter-spacing: 1px
}

    a.bttn-continue:before {
        content: " ";
        text-decoration: none;
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        width: 9px;
        height: 14px;
        background-position: -713px -171px;
        position: absolute;
        left: 0;
        top: 0
    }

    a.bttn-continue:hover {
        color: #c20021;
        text-decoration: none;
    }

        a.bttn-continue:hover:before {
            background-image: url(../Images/spritesheet_main.png);
        }

/* FORMS */
.input-wrap input {
    border-radius: 20px;
    border: 1px solid #e6e6e6;
    padding: 3px 10px;
}

.input-wrap-inner textarea {
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 3px;
}

.error-wrap {
    margin: 0;
    font-size: 13px;
    color: #ff0000
}

.shoppingcart-aside-promo .error-wrap {
    color: #ffffff
}

/* products */
.blue-font {
    color: #e60027;
    font-weight: 700
}

.shoppingcart-product-wrap {
    border: 1px solid #e6e6e6;
    margin-bottom: 30px
}

.shoppingcart-product_header {
    background: #F1F2F6;
    padding: 15px
}

    .shoppingcart-product_header h3 {
        margin: 0;
        font-size: 22px;
        color: #333;
        float: left;
        font-weight: 500;
    }

    .shoppingcart-product_header input {
        float: right
    }

.shoppingcart-product-footer {
    padding: 15px 20px;
    border-top: 1px solid #e6e6e6;
    margin-top: 20px
}

    .shoppingcart-product-footer strong {
        font-size: 22px;
        font-weight: bold;
        color: #000;
    }

        .shoppingcart-product-footer strong.shoppingcart-product-price {
            font-weight: bold;
            margin-left: 20px
        }

.bttn-remove {
    background: none;
    border: none;
    color: #333;
    font-weight: bold;
    font-size: 16px;
    float: right;
    cursor: pointer;
    letter-spacing: 1px
}

    .bttn-remove:hover {
        color: #ff0000;
    }

/* summary */
.shoppingcart-aside-wrap {
    background: #ffffff;
    padding: 0px;
    margin-bottom: 30px
}

    .shoppingcart-aside-wrap h2 {
        font-size: 24px;
        margin: 10px 0 10px;
        color: #000;
        font-weight: 600
    }

.shoppingcart-aside-inner {
    border: 1px solid #e6e6e6;
    padding: 25px
}

.shoppingcart-aside-promo {
    background: #595959;
    padding: 15px;
    margin: 10px -15px
}

    .shoppingcart-aside-promo input[type="text"] {
        padding: 4px;
        width: 190px;
        height: 31px;
        border-radius: 3px;
        border: 1px solid #ffffff
    }

    .shoppingcart-aside-promo strong {
        display: block;
        margin-bottom: 5px;
        font-family: 'Helvetica Neue', sans-serif;
        font-size: 17px;
        font-weight: 600;
        color: #ffffff
    }

.summary-warning {
    background: #ffffff;
    padding: 10px;
    margin: 10px 0;
    font-size: 12px;
    color: #000
}

.shoppingcart-aside-checkout {
    background-color: #FB544C;
    text-align: center;
    display: block;
    border-radius: 30px;
    color: #fff;
    line-height: 40px;
    text-transform: none;
    font-weight: bold;
    font-size: 22px;
    margin: 20px 0 20px;
    padding: 6px 10px;
}

    .shoppingcart-aside-checkout:hover {
        text-decoration: none;
        color: #fff;
        background-color: #c20021
    }

    .shoppingcart-aside-checkout:visited {
        text-decoration: none;
        color: #fff;
    }

    .shoppingcart-aside-checkout:active {
        text-decoration: none;
        color: #fff;
    }

a.bttn-clear, .bttn-clear {
    padding: 8px 30px;
    border-radius: 20px;
    text-transform: none;
    max-width: 100px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    color: #fff;
    background: #FB544C;
    clear: both;
    display: block;
    margin-top: 20px;
    border: 0;
}

    .bttn-clear.js-addon {
        text-decoration: none;
        margin-top: 10px;
        cursor: pointer;
        letter-spacing: 2px
    }

    a.bttn-clear:hover, .bttn-clear:hover {
        text-decoration: none;
        background-color: #c20021;
    }

input.cartAddQnty {
    border-radius: 20px;
    border: solid 1px #DBDBDB;
    padding: 4px 10px;
    max-width: 120px;
}

/* CHECK OUT */

.checkout-main-wrap {
    border: 1px solid #e6e6e6;
    margin-bottom: 40px;
}

.checkout-header {
    background: #f2f2f2;
    padding: 10px 15px;
    border-top: 1px solid #e7ddcf;
    border-bottom: 1px solid #e6e6e6;
    color: #000000;
}

    .checkout-header h3 {
        font-size: 16px;
        color: #000000;
        margin-top: 0;
        float: left;
        margin-bottom: 0;
        line-height: 1;
        font-weight: bold;
    }

        .checkout-header h3 span {
            font-size: 14px;
        }
/*.checkout-signin-wrap .checkout-header{background:url(../Images/icon-user.png) 15px center no-repeat #f2f2f2;}
.checkout-delivery-wrap .checkout-header{background:url(../Images/icon-delivery-truck.png) 15px center no-repeat #f2f2f2;}
.checkout-buyers-wrap .checkout-header{background:url(../Images/icon-buyer.png) 15px center no-repeat #f2f2f2;}
.checkout-review-wrap .checkout-header{background:url(../Images/icon-review.png) 15px center no-repeat #f2f2f2;}
.checkout-confirmation-wrap .checkout-header{background:/*url(../Images/icon-confirmation.png) 15px center no-repeat #f2f2f2;}*/
.checkout-review {
    background: url(../Images/icon-review.png) 15px center no-repeat #f2f2f2;
}

.bttn-box-red-v2 {
    background: #FB544C;
    text-transform: none;
    color: #fff;
    font-size: 13px;
    padding: 8px 40px;
    border-radius: 20px;
    max-width: 140px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
    display: block;
    margin-left: 10px
}

    .bttn-box-red-v2:hover {
        color: #fff;
        text-decoration: none;
        background: #c20021
    }

.checkout-account .error-wrap, .checkout-signup .error-wrap {
    text-align: center;
    color: #ff0000
}

.input-center .input-wrap .error-wrap {
    color: #ff0000
}

.chekout-error {
    background: #ff0000;
    text-align: center;
    padding: 10px;
    margin: -10px 0 10px;
    color: #fff
}

.checkout-main-wrap .checkout-content-inner h4 {
    margin-bottom: 20px;
}

#body1 .checkout-confirmation-wrap h4 {
    margin-bottom: 0px;
    font-size: 25px
}

.checkout-content-inner
.checkout-delivery-main .checkout-content-inner {
    min-height: 300px;
}

.checkout-delivery-main {
    border-bottom: 1px solid #e6e6e6
}

.font-securecheckout {
    font-size: 42px;
    display: block;
    margin: 0;
    padding-left: 0;
}

.checkout-content .bttn-box-red-lg-v2 {
    margin: 0px auto;
    margin-top: 30px;
    background-color: #000;
    text-transform: none;
    height: 40px;
    width: 230px;
    padding-top: 5px;
}





/* SIGNUP */
.signup-or {
    text-align: center;
    display: block;
    margin: 10px auto 10px;
    position: relative;
    width: 100px
}

    .signup-or:before {
        content: ' ';
        width: 180px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        left: 70px;
        top: 10px
    }

    .signup-or:after {
        content: ' ';
        width: 180px;
        height: 1px;
        background: #000000;
        display: block;
        position: absolute;
        right: 70px;
        top: 10px
    }

.bttn-linky-pink, input.bttn-linky-pink {
    color: #e60027;
    display: block;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px
}

input.bttn-linky-pink {
    border: none;
    width: 170px;
    margin: 0 auto 30px;
    background: url(../Images/icon-right-small-pink.png) right center no-repeat transparent;
}

    .bttn-linky-pink:hover, input.bttn-linky-pink:hover {
        color: #777777;
    }

.bttn-linky-pink:after {
    content: " ";
    background: url(../Images/icon-right-small-pink.png) right center no-repeat;
    position: absolute;
    width: 7px;
    height: 12px;
    top: 5px;
    padding-left: 12px
}

/* DELIVERY INFORMATION */
.checkout-delivery-main {
    border-bottom: 1px solid #e6e6e6;
    background: #f2f2f2
}

.icon-removeItem {
    background: url(../Images/icon-close-x-red.png) left center no-repeat;
    padding-left: 20px;
    color: #ff0000;
    margin-bottom: 10px;
    display: block
}

    .icon-removeItem:hover {
        color: #777777
    }

.bttn-box-red-lg {
    background: #e60027;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
    display: block;
    float: right;
    margin: 20px 0 40px
}

    .bttn-box-red-lg:hover {
        text-decoration: none;
        color: #fff;
        background: #c20021
    }

.bttn-box-red-lg-v2 {
    background: #e60027;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    width: 250px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 20px 0 20px
}

    .bttn-box-red-lg-v2:hover {
        text-decoration: none;
        color: #fff;
        background: #c20021
    }

.checkout-content-aside {
    background: #f2f2f2;
    height: 100%;
    padding: 30px 30px 30px 0;
}

    .checkout-content-aside h2 {
        font-size: 17px;
        color: #333333;
        margin-bottom: 15px
    }

.checkout-delivery-main .row {
    background-color: #ffffff;
    max-width: 100%;
    margin: 0;
}

/* LOGIN */
.login-content_wrap {
    padding-top: 5%;
    margin-bottom: 10%;
}

    .login-content_wrap > h1 {
        text-align: center;
        display: block;
        margin-bottom: 30px;
        clear: both;
        font-size: 40px;
        font-weight: bold;
    }

.login_box {
    max-width: 465px;
    padding: 0;
    margin: 0px auto;
    float: none;
}

.login_box-border {
    background: url(images/bg-login.jpg) no-repeat 0 top;
    background-size: 100% 100%;
    border: 1px solid #e6e6e6;
    padding: 40px 45px;
}

.login_box-bottom {
    padding-top: 20px;
    font-size: 18px;
}

.login_default .hideThis {
    display: none;
}

.login_box-bottom .login_box-links .btn {
    background-color: #000;
    margin: 20px auto;
    border-color: #000;
    width: 160px;
    text-transform: none;
    font-weight: 300;
}

    .login_box-bottom .login_box-links .btn:hover {
        background-color: #333;
        margin: 20px auto;
        border-color: #333
    }

.login_box-bottom .login_box-links a {
    color: #ffffff
}

.login_box-bottom .row p {
    margin-top: 20px;
}

.login_box-border h1 {
    color: #000;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
}

.login-content_wrap label {
    color: #000;
    font-weight: 300;
    margin-left: 16px;
}

.login_box-bttns .bttn-box-red-v2 {
    text-transform: none;
    font-weight: 300;
    border-radius: 30px;
}

.login_box-bttns {
    margin-top: 30px;
}

.login-content_wrap .form-input {
    max-width: 320px;
    margin: 0 auto 20px;
    clear: both;
    padding-top: 10px
}

    .login-content_wrap .form-input > .k-textbox {
        width: 100%;
        border-radius: 30px;
        height: 50px;
        background-color: #FAFAFA;
        border: 1px solid #ECECEC;
        padding-left: 10px;
        font-weight: 400;
    }

    .login-content_wrap .form-input .forgot {
        color: #000;
        font-size: 16px;
        margin-left: 5px;
    }

        .login-content_wrap .form-input .forgot a {
            color: #000;
            cursor: pointer
        }

.login-content_wrap #btnLogin {
    padding: 12px 40px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    max-width: 100%;
    margin-left: 0;
}

.login-content_wrap .btn-signup {
    color: #FB544C;
    cursor: pointer
}

.login-content_wrap .facebook-login {
    padding-top: 14px;
}

.facebook-login .bttn-box-red-v2.blue {
    background-color: #3A5695;
    padding: 12px 40px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    max-width: 100%;
    margin-left: 0;
}

/* My Account */
.my_account_header {
    margin-bottom: 30px
}

    .my_account_header h1 {
        display: inline-block;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .my_account_header span.my_account_user {
        display: inline;
        border-left: 2px solid #d1d4d6;
        color: #5a5a5a;
        font-size: 24px;
        padding-left: 15px;
        margin-left: 10px
    }

.my_account_wrap {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 50px;
    text-align: center
}

.my_account_border {
    padding: 40px 40px 0 40px;
    border: 1px solid #e6e6e6
}

    .my_account_border h3 {
        color: #000000;
        text-transform: uppercase;
        font-size: 17px;
        margin-bottom: 5px;
        font-weight: bold
    }

.my_account-section_personal h3 {
    background: url(../Images/icon-personal_information.png) top center no-repeat;
    padding-top: 120px
}

.my_account-orders h3 {
    background: url(../Images/icon-myhistory.png) top center no-repeat;
    padding-top: 120px
}

.my_account-address h3 {
    background: url(../Images/icon-myaddress.png) top center no-repeat;
    padding-top: 120px
}

.my_account_border p {
    color: #989999;
    margin-bottom: 20px;
    min-height: 42px
}

.my_account-section {
    max-width: 220px;
    margin: 0 auto 50px
}

.my_account_password, .my_account_logout {
    visibility: hidden;
}
/*.dropdown-menu>.secondary-menu>li {list-style: none;float: left;margin-left: 10px;}*/
/*.secondary-menu>li{list-style: none;float: right;margin-left: 16px;}*/



/* MY ADDRESS */
.bttn_add {
    border: none;
    background: url(../Images/icon-right-small-pink.png) left center no-repeat;
    background: #e60027;
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    padding: 8px 20px;
    border-radius: 5px;
    float: right;
    font-weight: bold
}

    .bttn_add:before {
        content: "+";
        color: #fff;
        font-weight: bold;
        margin-right: 10px;
        font-size: 15px
    }

    .bttn_add:after {
        color: #333
    }

    .bttn_add:hover {
        text-decoration: none;
        color: #fff;
        background: #c20021
    }

.addressbook_header_link {
    color: #e60027
}

/* RESET PASSWORD */
.reset_password-sent .btn-default {
    color: #fff;
    background-color: #e60027;
    border-color: #e60027;
    cursor: pointer;
}

.reset_password-sent label {
    font-size: 180%;
    margin: 20px auto
}


/* CHECKOUT STUFFS*/
.checkout-delivery-main:nth-of-type(1n+2) {
    display: none;
}

.checkout-content-aside {
    visibility: hidden;
}

.termsAndPayment .bttn-box-red-lg {
    background: #FB544C;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    width: 250px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border: none;
    display: block;
    float: none;
    margin: 20px auto;
    padding: 10px 10px;
}

.termsAndPayment input[type=checkbox], input[type=radio] {
    margin: auto 10px;
}

.checkout-content .tch-payment-method label {
    font-weight: bold;
}

.margin-left-sm.checkout-content-paymentmethod {
    margin-left: 0%
}

    .margin-left-sm.checkout-content-paymentmethod .checkout-paymentchoice input[type="radio"] {
        display: inline-block;
    }

    .margin-left-sm.checkout-content-paymentmethod .checkout-paymentchoice label {
        display: inline-block;
        float: none;
        width: auto;
        cursor: pointer;
        font-weight: normal;
    }

/* ORDER CONFIRMATION */

.checkout-content h4 {
    margin-bottom: 0px;
}

.checkout-signin-wrap .checkout-content h4 {
    margin-bottom: 20px;
    font-size: 24px;
    color: #000;
    font-weight: 600
}

.checkout-content h4 {
    margin-bottom: 20px;
    font-size: 17px;
    color: #000;
    font-weight: 600
}

.checkout-review-description h5 {
    font-size: 17px;
    color: #000;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: bold;
}

.checkout-content .text-left {
    text-align: left;
    max-width: 50%;
    margin: 0px auto;
}

.checkout-content .bttn-box-red-lg-v2 {
    margin: 0px auto;
    margin-top: 30px;
}

ul.orderConfirmationList {
    list-style-type: none;
    line-height: 2;
    width: 110%;
    padding: 10px 0px 10px 55px;
}

.checkout-price {
    margin-left: 43%;
    font-weight: bold;
    font-size: 130%;
    color: #000;
}

/* HEADER */
#Search .BtnOpen {
    margin-right: -3px
}

#CountryRegion .BtnOpen {
    margin-right: -5px;
}

#HeaderSet #UltraGlobalNavi .BtnOpen {
    margin: -3px 0 0;
    float: left;
    line-height: 50px;
}


/* PRINT INVOICE */
#PublicWrapper .invoice-wrap .branding {
    float: right;
    text-align: right;
}

#PublicWrapper .invoice-wrap .header_DO .fl-right {
    float: left;
}

    #PublicWrapper .invoice-wrap .header_DO .fl-right tbody tr td {
        text-align: left;
    }

.table-invoice_wrap-subheader {
    max-width: 50%;
}

/* ORDER DETAILS */
.order-details_block a {
    color: #e60027;
    font-size: 120%;
}

    .order-details_block a:hover {
        color: #c20021;
        font-size: 120%;
        text-decoration: none;
        text-shadow: 2px 2px #f2f2f2
    }

    .order-details_block a:visited,
    .order-details_block a:link,
    .order-details_block a:active {
        text-decoration: none;
    }


/*Filter*/
.filter-wrap {
    border: 1px solid #d6dadb;
    padding: 15px 50px 20px;
    margin-bottom: 40px
}

.filter-title {
    float: left;
    font: normal 23px/1 'Open Sans', sans-serif;
    margin-right: 40px;
    margin-top: 10px
}

.filter-item {
    float: left;
    margin-left: 20px
}

    .filter-item strong {
        color: #5a5a5a;
        font: 600 15px 'Open Sans', sans-serif;
        ;
        display: block;
        margin-bottom: 5px
    }

    .filter-item select {
        padding: 5px;
        width: 235px;
        border-radius: 3px;
        margin-right: 30px;
        border: 1px solid #d6dadb
    }

.filter-range {
    float: left;
    margin-left: 20px
}

.filter-wrap.filter-home .filter-title {
    padding-top: 10px
}

.filter-items-wrap h3 {
    font: normal 17px 'Open Sans', sans-serif;
    text-align: center;
}

    .filter-items-wrap h3 span {
        margin-top: 3px;
        display: block
    }

.filter-items-wrap .filter-items-price {
    font: bold 14px "Open Sans", sans-serif;
    text-align: center;
    display: block
}

.filter-items-wrap .col-md-5ths {
    margin-bottom: 75px
}

.filter-bttn-wrap {
    bottom: 20px;
    width: 250px;
    background: #fff;
    margin: -60px auto 0;
}

    .filter-bttn-wrap .bttn-box-red {
        margin: 0 auto;
        display: block
    }

        .filter-bttn-wrap .bttn-box-red:hover {
            text-decoration: none;
            color: #fff
        }

.filter-items-wrap a {
    text-decoration: none;
    color: #5a5a5a;
    position: relative;
    max-width: 230px;
    display: block;
    margin: 0 auto
}

.filter-items-wrap .col-md-5ths {
    min-height: 390px
}

.filter-items-wrap a img {
    transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.filter-items-wrap a:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    margin-top: -5px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

.filter-home.filter-wrap {
    padding: 15px 50px 30px
}

.filter-home .filter-item select {
    width: 130px;
    margin-right: 10px
}

.filter-home .filter-item {
    margin-left: 10px
}

.filter-wrap_five.filter-wrap {
    padding: 15px 50px 20px
}

.filter-wrap_five .filter-item select {
    width: 120px;
    margin-right: 10px
}

.filter-wrap_five .filter-item {
    margin-left: 10px
}

/*Range slider*/
#slider-range {
    width: 235px;
    margin-top: 10px
}

    #slider-range span.ui-slider-handle.ui-state-default.ui-corner-all, #slider-range a.ui-slider-handle.ui-state-default.ui-corner-all {
        width: 14px;
        height: 16px;
        background-position: -842px -306px;
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        border: none
    }

    #slider-range.ui-slider-horizontal {
        height: 5px
    }

    #slider-range .ui-slider-handle {
        top: -7px
    }

    #slider-range .ui-widget-header {
        background: #d4978e
    }

.range-slider input {
    background: none;
    width: 50px;
    border: none;
    color: #d4978e;
    font-weight: bold;
    margin-top: 5px
}

.range-slider .js-symbol-min {
    color: #d4978e;
    font-weight: bold;
    margin-top: 5px
}

.range-slider .js-symbol-max {
    color: #d4978e;
    font-weight: bold;
    margin-top: 5px;
}

.symbol-wrap.pull-right {
    margin-right: -15px
}

.clearfix {
    display: block;
    clear: both;
}

.js-hidden {
    display: none
}

.top-bar_country_wrap {
    margin-left: 1px;
    position: relative;
    cursor: pointer
}

.top-bar_login {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 25px
}

    .top-bar_login a {
        font-size: 11px;
        color: #5a5a5a;
        text-decoration: underline;
        padding: 0 5px;
        letter-spacing: 0.5px;
        position: relative
    }

        .top-bar_login a:hover, .top-bar_login a.js-active {
            color: #d4978e;
            text-decoration: none
        }

.top-bar_orderdetails a {
    font-size: 11px;
    color: #5a5a5a;
    line-height: 25px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.top-bar_orderdetails_catalogue {
    margin-right: 15px
}

.top-bar_orderdetails_outlets {
    margin-right: 15px
}

.top-bar_orderdetails_track {
    margin-right: 15px
}

.top-bar_orderdetails .search-wrap {
    overflow: hidden;
    height: 25px
}

.top-bar_orderdetails .search {
    float: left
}

.top-bar_orderdetails input[type="text"] {
    float: left;
    height: 25px;
    border: 0;
    width: 0;
    padding: 0;
    font-size: 11px;
    transition: all .5s ease-in-out;
    background: #FCFCFC
}

.top-bar_orderdetails_wrap {
    position: relative
}

.top-bar_orderdetails .search-wrap:hover input[type="text"] {
    width: 140px;
    padding-left: 5px
}

.top-bar_orderdetails .search-wrap input[type="text"]:focus {
    width: 140px;
    padding-left: 5px
}

.top-bar_orderdetails .search-wrap .search-input {
    float: left
}

.top-bar_orderdetails .search-wrap input[type="submit"] {
    background: url(../Images/icon-search.png) center center no-repeat #c5bfb8;
    width: 58px;
    height: 25px;
    display: none;
    margin-right: 1px;
    cursor: pointer;
    border: none;
    font-size: 0
}

    .top-bar_orderdetails .search-wrap input[type="submit"].js-search {
        display: block
    }

.top-bar_orderdetails .search-wrap:hover .search, .top-bar_orderdetails .search-wrap .search.active {
    background-color: #c5bfb8
}

.top-bar_orderdetails_dropdown:before {
    background: url(../Images/triangle-dropdown.png) center center no-repeat;
    content: " ";
    position: absolute;
    width: 20px;
    height: 10px;
    top: -10px;
    right: 15px
}

.top-bar_orderdetails_dropdown {
    background: #fff;
    -webkit-box-shadow: 10px 10px 10px -5px rgba(232,232,232,1);
    -moz-box-shadow: 10px 10px 10px -5px rgba(232,232,232,1);
    box-shadow: 10px 10px 10px -5px rgba(232,232,232,1);
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 5;
    border-radius: 3px;
    display: none
}

.top-bar_orderdetails_dropdown_title {
    background: #f3ede5;
    padding: 0 20px;
    border-radius: 3px 3px 0 0
}

    .top-bar_orderdetails_dropdown_title h3 {
        margin: 0;
        font-size: 20px;
        line-height: 60px;
        float: left;
        color: #938674
    }

    .top-bar_orderdetails_dropdown_title .icon-close-dropdown {
        background-image: url(../Images/spritesheet_main.png);
        background-repeat: no-repeat;
        display: block;
        float: right;
        cursor: pointer;
        font-size: 0;
        line-height: 0;
        margin-top: 18px;
        width: 22px;
        height: 22px;
        background-position: -661px -20px
    }

.top-bar_orderdetails_dropdown_wrap {
    padding: 20px;
    width: 445px;
    border-left: 1px solid #d6dadb;
    border-bottom: 1px solid #d6dadb;
    border-right: 1px solid #d6dadb
}

.top-bar_orderdetails_dropdown_section-wrap {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 20px
}

.top-bar_orderdetails_dropdown_section {
    border-bottom: 1px solid #d6dadb;
    margin-bottom: 20px;
    padding-bottom: 20px
}

    .top-bar_orderdetails_dropdown_section img {
        float: left;
        margin-right: 20px;
        max-width: 70px
    }

.top-bar_orderdetails_dropdown_content {
    float: left
}

    .top-bar_orderdetails_dropdown_content h4 {
        font-size: 17px;
        margin-top: 0;
        color: #5a5a5a;
        font-weight: 400
    }

    .top-bar_orderdetails_dropdown_content ul {
        padding: 0
    }

        .top-bar_orderdetails_dropdown_content ul li {
            list-style-type: none
        }

.top-bar_orderdetails_dropdown_total {
    border-bottom: 1px solid #d6dadb;
    padding-bottom: 15px;
    margin-bottom: 20px
}

    .top-bar_orderdetails_dropdown_total h5 {
        font: bold 14px "Open Sans", sans-serif;
        float: left;
        margin: 0;
        color: #5a5a5a;
        text-transform: uppercase
    }

    .top-bar_orderdetails_dropdown_total strong {
        font: bold 20px "Open Sans", sans-serif;
        float: right;
        line-height: 15px;
        text-transform: uppercase;
        color: #5a5a5a
    }

.top-bar_orderdetails_dropdown_bttn {
    margin: 0 80px
}

    .top-bar_orderdetails_dropdown_bttn .bttn-linky {
        position: relative;
        float: left;
        padding-top: 10px;
        text-decoration: none;
        color: #d4978e;
        font-size: 14px;
        padding-right: 15px
    }

        .top-bar_orderdetails_dropdown_bttn .bttn-linky:hover {
            color: #bd8077
        }

        .top-bar_orderdetails_dropdown_bttn .bttn-linky:after {
            content: ' ';
            position: absolute;
            width: 7px;
            height: 12px;
            background-position: -1006px -307px;
            right: 0;
            top: 17px;
            background-image: url(../Images/spritesheet_main.png);
            background-repeat: no-repeat
        }

    .top-bar_orderdetails_dropdown_bttn .bttn-box-red {
        float: right
    }


/**===========BOOTSTRAP EXTENSION===========**/
.col-lg-5ths, .col-md-5ths, .col-sm-5ths, .col-xs-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-5ths {
    width: 20%;
    float: left
}

@media (min-width:768px) {
    .col-sm-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width:992px) {
    .col-md-5ths {
        width: 20%;
        float: left
    }
}

@media (min-width:1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left
    }
}


/* EXTRANET ICONS */
.tch-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 6px;
}

    .tch-icon.icon-cart {
        background-image: url(images/icon-cart.png)
    }

    .tch-icon.icon-donate {
        background-image: url(images/icon-donate.png)
    }

    .tch-icon.icon-search {
        background-image: url(images/icon-search.png)
    }

    .tch-icon.icon-fundraise {
        background-image: url(images/icon-fundraise.png)
    }

    .tch-icon.icon-orders {
        background-image: url(images/icon-orders.png)
    }

    .tch-icon.icon-profile {
        background-image: url(images/icon-profile.png)
    }

    .tch-icon.icon-volunteer {
        background-image: url(images/icon-volunteer.png)
    }

/* ECOMM STYLES UPDATES */
#main_header > .container {
    width: 100%;
}

#main_header nav.navbar {
    background-color: #F1F0EC;
    background-color: rgba(241,240,236,0.7);
    border-top: solid 1px #DBDBDB;
}

    #main_header nav.navbar > .container-fluid {
        max-width: 1170px;
        margin: 0 auto;
    }

#main_header .top-login {
    letter-spacing: 3px;
    font-size: 14px;
    background: url(images/icon-profile.png) no-repeat left center;
    padding-left: 24px;
    display: inline-block;
    height: 20px;
}

    #main_header .top-login a, #main_header .top-login .glyphicon {
        color: #333;
        vertical-align: middle;
    }

    #main_header .top-login ul.menu {
        padding: 0;
        margin: 0;
        display: inline-block;
    }

        #main_header .top-login ul.menu > li {
            margin-left: 0;
        }

    #main_header .top-login ul a.dropdown-toggle, #main_header .top-login ul a.dropdown-toggle:hover, #main_header .top-login ul a.dropdown-toggle:focus {
        text-decoration: none;
    }

    #main_header .top-login ul.menu .dropdown-menu li {
        float: none;
        margin-left: 0
    }

#main_header .touch-top-nav {
    padding: 15px 0 0;
    height: 50px;
}

    #main_header .touch-top-nav .top-cart-summary {
        text-align: right;
        font-size: 16px;
    }

        #main_header .touch-top-nav .top-cart-summary a {
            color: #333;
            vertical-align: middle
        }

            #main_header .touch-top-nav .top-cart-summary a:hover, #main_header .touch-top-nav .top-cart-summary a:active {
                text-decoration: none;
            }

    #main_header .touch-top-nav > .sf_cols > .sf_colsOut {
        width: 30% !important;
    }

        #main_header .touch-top-nav > .sf_cols > .sf_colsOut:first-child {
            width: 70% !important;
        }

#main_header .touch-top-nav {
    padding-left: 10px;
    padding-right: 10px;
}


.secondary-menu li {
    float: left;
    list-style: none;
    margin-left: 10px;
}

.bttn-add-product {
    background-color: #FB544C;
    color: #FFF;
    border: 0;
    padding: 10px 40px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
}

.tch-breadcrumbs {
    padding-top: 20px;
}

    .tch-breadcrumbs ul {
        padding-left: 0;
        font-size: 0;
    }

        .tch-breadcrumbs ul li {
            list-style: none;
            display: inline-block;
            padding: 2px 8px 2px 15px;
            position: relative;
            border-top: solid 1px #E1E1E1;
            border-bottom: solid 1px #E1E1E1;
            font-size: 13px;
            border-right: 0;
            line-height: 18px;
        }

            .tch-breadcrumbs ul li:first-child {
                border-left: solid 1px #E1E1E1;
            }

            .tch-breadcrumbs ul li:before {
                display: block;
                position: absolute;
                width: 11px;
                height: 23px;
                background: url(images/arrow-transparent.png) no-repeat top center;
                content: " ";
                top: 0;
                right: -10px;
            }

            .tch-breadcrumbs ul li.current {
                color: #FB544C
            }

.tch-product-info {
    margin: 10px 0;
    font-size: 22px;
}

.tch-variations {
    margin: 10px 0;
}

    .tch-variations .product-variations > input {
        float: left;
        margin-top: 6px;
    }

    .tch-variations .product-variations > label {
        display: none;
    }

.tch-scnote {
    border: solid 1px #E1E1E1;
    padding: 20px;
    margin: 10px 0 25px;
}

.tch-checkout .input-wrap-col2 > div {
    margin-bottom: 5px;
}

    .tch-checkout .input-wrap-col2 > div:last-child {
        margin-bottom: 0;
    }

.tch-checkout .checkout-paymentchoice {
    cursor: pointer;
}

.product-details {
    margin-top: 20px;
    clear: both;
}

.product-images {
}

    .product-images img {
        max-width: 100%;
        height: auto;
        width: 100%;
    }

.product-view-main {
    width: 75%;
    float: right;
}

.product-views {
    width: 24%;
    float: left;
}

.product-view-item {
    display: block;
    margin-bottom: 10px;
    cursor: pointer
}

.catalog-slide .banner-caption {
}

    .catalog-slide .banner-caption h2 {
        font-size: 40px;
        color: #FFFFFF;
    }

    .catalog-slide .banner-caption p {
        display: block;
        color: #FFFFFF;
    }

.catalog-slide .carousel-indicators {
    top: 70%;
    left: 20.7%;
}

.catalog-slide .tch-banner-text {
    top: 10%;
    left: 15%;
}

    .catalog-slide .tch-banner-text .hlight_r {
        background-size: 100% 8px
    }

.product-catalog .filter-items-wrap {
    margin-left: -15px;
    margin-right: -15px;
}

.product-catalog .filter-wrap {
    border: none;
    background: url(images/filter-bg.png) no-repeat right bottom;
    background-color: #EFF3F6;
    padding: 50px 30px;
    max-width: 100%;
}

    .product-catalog .filter-wrap .filter-item {
        float: none;
    }

    .product-catalog .filter-wrap h3 {
        font-size: 42px;
        margin: 5px 0 0 20px;
    }

    .product-catalog .filter-wrap .filter-item .rddlInner {
        border-radius: 30px;
        cursor: pointer;
        padding: 15px 25px;
    }

    .product-catalog .filter-wrap .filter-item .RadDropDownList {
        width: 70%;
    }

        .product-catalog .filter-wrap .filter-item .RadDropDownList .rddlSelect {
            top: 20%;
            right: 10px;
        }


.product-catalog .product-list-box:nth-of-type(3n+1) {
    clear: left
}

.product-catalog .product-list-box > .list-wrap {
    border: solid 1px transparent;
    margin-bottom: 40px;
}

    .product-catalog .product-list-box > .list-wrap:hover {
        border-color: #1F57B4;
    }

        .product-catalog .product-list-box > .list-wrap:hover > a {
            border-color: #1F57B4
        }

    .product-catalog .product-list-box > .list-wrap > a {
        display: block;
        border: solid 1px #E1E1E1;
        max-width: inherit;
        min-height: 550px;
    }

.product-catalog .product-list-box .catalog-thumb {
    height: 260px !important;
    background-size: cover;
    background-position: center center;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.product-catalog .product-list-box h3 {
    font-family: Yantramanav,sans-serif,sans;
    font-weight: 300;
    font-size: 28px;
    text-align: left;
    padding: 0 20px;
}

.product-catalog .product-list-box .filter-items-price {
    font-size: 20px;
    text-align: left;
    padding: 0 20px;
}

.product-catalog .product-list-box .bttn-add-product {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    margin-bottom: 35px;
    margin-top: 30px;
}

.catalog-bottom {
    padding: 20px;
    max-width: 550px;
}

.product-variation-preloader, .preloader-scroll {
    text-align: center;
    margin-top: 10%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: 100px;
}

#ctl00_Main_Content_C004_ddlBrowseBy_DropDown ul.rddlList li:first-child .filter-droplist {
    visibility: hidden
}

.product-like .product-list-box > .list-wrap {
    border: solid 1px transparent;
    margin-bottom: 40px;
}

    .product-like .product-list-box > .list-wrap:hover {
        border-color: #1F57B4;
    }

        .product-like .product-list-box > .list-wrap:hover > a {
            border-color: #1F57B4
        }

    .product-like .product-list-box > .list-wrap > a {
        display: block;
        border: solid 1px #E1E1E1;
        max-width: inherit;
        min-height: 530px
    }

.product-like .product-list-box .catalog-thumb {
    height: 260px !important;
    background-size: cover;
    background-position: center center;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
}

.product-like .product-list-box h3 {
    font-family: Yantramanav,sans-serif,sans;
    font-weight: 300;
    font-size: 28px;
    text-align: left;
    padding: 0 20px;
}

.product-like .product-list-box .filter-items-price {
    font-size: 20px;
    text-align: left;
    padding: 0 20px;
}

.product-like .product-list-box .bttn-add-product {
    display: inline-block;
    margin: 0 auto;
    clear: both;
    margin-bottom: 35px;
    margin-top: 30px;
}

.product-like .product-list-box {
}

.product-like .flex-direction-nav a {
    height: 45px;
}

.product-like .flexslider:hover .flex-direction-nav .flex-next {
    right: -40px
}

.product-like .flexslider:hover .flex-direction-nav .flex-prev {
    left: -40px;
}


/* EXTRANET */
.touch-extranet {
    padding-top: 20px;
}

    .touch-extranet .bttn-box-red-v2 {
        border-radius: 30px;
        padding: 14px 60px;
        max-width: inherit;
    }

.extranet-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.extranet-leftnav {
    border: solid 1px #E1E1E1;
    padding-top: 15px;
    margin-bottom: 30px;
}

    .extranet-leftnav .profile-thumb {
        text-align: center;
    }

        .extranet-leftnav .profile-thumb img {
            max-width: 140px;
            display: inline-block;
        }

        .extranet-leftnav .profile-thumb > h4 {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 20px;
        }

    .extranet-leftnav h5.leftnav-title {
        display: block;
        background-color: #F1F1F1;
        border-top: solid 1px #E1E1E1;
        border-bottom: solid 1px #E1E1E1;
        padding: 15px;
        font-size: 20px;
        font-weight: 400
    }

    .extranet-leftnav .leftnav > ul.nav {
        padding: 0;
    }

        .extranet-leftnav .leftnav > ul.nav a {
            outline: none
        }

        .extranet-leftnav .leftnav > ul.nav > li {
            display: block;
        }

            .extranet-leftnav .leftnav > ul.nav > li > a {
                border-radius: 0;
                color: #000;
                background-color: #F1F1F1;
                font-size: 20px;
                font-weight: 500;
                padding-left: 48px;
                background-repeat: no-repeat;
                background-position: 15px center;
                background-size: 20px auto;
                border-top: solid 1px #E1E1E1;
                border-bottom: solid 1px #E1E1E1;
            }

                .extranet-leftnav .leftnav > ul.nav > li > a:hover {
                    color: #000;
                    background-color: #F1F1F1;
                }

.touch-extranet .sfBreadcrumbWrp {
}

    .touch-extranet .sfBreadcrumbWrp a.rsmLink {
        padding: 2px;
        margin-right: 7px;
        font-size: 16px;
        border: 0;
        color: #888
    }

        .touch-extranet .sfBreadcrumbWrp a.rsmLink:hover {
            background-color: transparent;
            border: 0;
            color: #FA534B;
            background-image: none;
        }

.touch-extranet .page-title h3 {
    margin-top: 10px;
    margin-bottom: 25px;
    font-weight: 500;
}

.touch-extranet #VolunteeringHistoryDiv .k-grid-content,
.touch-extranet #EventsParticipationDiv .k-grid-content,
.touch-extranet #DonationHistoryDiv .k-grid-content {
    min-height: 450px;
}

.touch-extranet #VolunteeringHistoryDiv .k-grid-header table > colgroup > col:nth-child(1) {
    width: 25%;
}

.touch-extranet #VolunteeringHistoryDiv .k-grid-content table > colgroup > col:nth-child(1) {
    width: 25%;
}

.touch-extranet #VolunteeringHistoryDiv .k-grid-header table > colgroup > col:nth-child(6) {
    width: 9%;
}

.touch-extranet #VolunteeringHistoryDiv .k-grid-content table > colgroup > col:nth-child(6) {
    width: 9%;
}

.touch-extranet #MyFundraisingCampaignListDiv {
}

    .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns {
        margin-bottom: 32px;
    }

        .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns:nth-of-type(3n + 1) {
            clear: left;
        }

        .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns .wrap-img {
            height: 160px;
            width: 100%;
            position: relative;
            background-color: #ECECEC;
            text-align: center;
        }

            .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns .wrap-img img {
                max-height: 160px;
                width: 100%;
            }

            .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns .wrap-img .causes {
                position: absolute;
                top: 15px;
                left: 0;
                font-size: 16px;
                background-color: rgba(255,255,255,0.7);
                display: inline-block;
                padding: 2px 10px 2px 20px;
                text-transform: uppercase;
                letter-spacing: 2px;
            }

        .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns .vlist-inner {
            border: solid 1px #ECECEC;
            padding-bottom: 20px;
            min-height: 540px;
        }

        .touch-extranet #MyFundraisingCampaignListDiv .my-fundraising-campaigns .wrap-content {
            margin: 0 15px;
            min-height: 440px
        }

    .touch-extranet #MyFundraisingCampaignListDiv .wrap-content h3 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .author {
        color: #AEAEAE;
        margin-bottom: 10px;
        display: block;
    }

    .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .fund-info {
        text-align: center;
        margin: 20px 0;
    }

        .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .fund-info > div {
            border: solid 1px #ECECEC;
            padding: 8px;
            text-align: center;
            margin-bottom: 10px;
        }

    .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links {
        text-align: center;
        color: #3124c3;
    }

        .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links a, .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links button {
            display: inline-block;
            background-color: transparent;
            margin: 0 10px;
            color: #3124c3;
            font-weight: 500;
        }

            .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links a:hover, .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links button:hover {
                color: #FA534B;
                text-decoration: none;
            }

            .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .links button:disabled {
                color: #DDD;
                cursor: not-allowed
            }

    .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .status {
        text-align: center;
        font-weight: 500;
        padding-top: 20px
    }

        .touch-extranet #MyFundraisingCampaignListDiv .wrap-content .status > span {
            color: #FB544C
        }

.touch-extranet .changepassword > button {
    margin-left: 0;
    margin-top: 9%;
    display: inline-block;
    font-size: 16px;
}

.touch-extranet .tch-form .btn-red {
    max-width: inherit
}

.extranet-dashboard {
}

.dashboard-menu {
}

    .dashboard-menu > .sf_colsOut > .sf_colsIn {
        margin-bottom: 20px !important;
        border: solid 1px #ECECEC;
        padding: 55px 20px;
        min-height: 320px;
    }

    .dashboard-menu h3 {
        font-size: 28px;
    }

        .dashboard-menu h3 a {
            color: #000000
        }

    .dashboard-menu h5 {
        font-size: 16px;
    }

    .dashboard-menu .border-box > img {
        display: inline-block;
        margin: 10px 0;
    }

    .dashboard-menu:last-child {
        margin-bottom: 50px;
    }

#edit-profile.tch-form {
}

    #edit-profile.tch-form h3 {
        font-weight: 500;
        margin: 55px 0 20px
    }

    #edit-profile.tch-form #profile-upload .k-upload {
        background-image: none;
        background-color: transparent;
        text-align: center;
    }

        #edit-profile.tch-form #profile-upload .k-upload .k-upload-files > li.k-file {
            background-color: #FAFAFA;
        }

        #edit-profile.tch-form #profile-upload .k-upload .k-upload-status > button.k-upload-action:hover {
            background-image: none;
            background-color: transparent;
            border: 0;
        }

            #edit-profile.tch-form #profile-upload .k-upload .k-upload-status > button.k-upload-action:hover > span {
                color: #FB544C
            }

        #edit-profile.tch-form #profile-upload .k-upload .k-upload-status > button.k-upload-action:active, #edit-profile.tch-form #profile-upload .k-upload .k-upload-status > button.k-upload-action:focus {
            background-color: transparent;
            background-image: none;
            box-shadow: none
        }

        #edit-profile.tch-form #profile-upload .k-upload .k-upload-button {
            background-color: #FAFAFA;
            border: 1px solid #ECECEC;
        }

    #edit-profile.tch-form .k-datepicker #DateOfBirth {
        height: 44px;
        border-top: 1px solid #ECECEC;
        border-bottom: 1px solid #ECECEC;
        border-left: 1px solid #ECECEC;
        background-color: #FAFAFA
    }

        #edit-profile.tch-form .k-datepicker #DateOfBirth .k-i-calendar {
            margin-top: 20%;
        }

    #edit-profile.tch-form .k-datepicker .k-select {
        background-color: #FFF;
        border: 1px solid #ECECEC
    }

    #edit-profile.tch-form #CheckboxDiv {
    }

        #edit-profile.tch-form #CheckboxDiv .input-wrap > input, #edit-profile.tch-form #CheckboxDiv .input-wrap > label {
            display: inline-block;
            margin-right: 5px;
            vertical-align: middle;
            width: auto;
            margin-bottom: 0;
            margin-top: 0;
            cursor: pointer;
            float: none;
        }

    #edit-profile.tch-form #NricDiv > div.row > div {
        margin-bottom: 10px;
    }

    #edit-profile.tch-form .CausesDiv .cause-btn {
        background-image: none;
        background-color: #FAFAFA;
        border: 1px solid #ECECEC;
        margin-bottom: 5px;
        padding: 2px 6px;
        cursor: default;
    }

        #edit-profile.tch-form .CausesDiv .cause-btn.selected {
            border: solid 1px #FB544C;
            color: #FB544C
        }

    #edit-profile.tch-form #SubmitDiv {
        text-align: center;
        padding-top: 35px;
    }

        #edit-profile.tch-form #SubmitDiv > button {
            display: inline-block;
            padding: 12px 50px;
            float: none;
            max-width: 200px;
            font-size: 16px
        }

/* Nav icons depends on the Title */
.extranet-leftnav .leftnav > ul.nav > li > a[title="Profile Info"] {
    background-image: url(images/icon-profile.png);
}

.extranet-leftnav .leftnav > ul.nav > li > a[title="Donations"] {
    background-image: url(images/icon-donate.png);
}

.extranet-leftnav .leftnav > ul.nav > li > a[title="Fundraising Campaign"] {
    background-image: url(images/icon-fundraise.png);
}

.extranet-leftnav .leftnav > ul.nav > li > a[title="Volunteer Activities"] {
    background-image: url(images/icon-volunteer.png);
}

.extranet-leftnav .leftnav > ul.nav > li > a[title="Orders"] {
    background-image: url(images/icon-orders.png);
}

.extranet-leftnav .leftnav > ul.nav > li > a[title="Events"] {
    background-image: url(images/icon-events.png);
}

.extranet-leftnav .leftnav > ul.nav > li > ul {
    padding: 10px 5px 10px 50px
}

    .extranet-leftnav .leftnav > ul.nav > li > ul > li a {
        background-color: transparent;
        color: #000;
        padding: 8px 0;
    }

        .extranet-leftnav .leftnav > ul.nav > li > ul > li a:hover, .extranet-leftnav .leftnav > ul.nav > li > ul > li.active a {
            color: #FA534B
        }

.touch-extranet .tch-form {
    max-width: 550px;
    margin: 0 0 40px;
}

    .touch-extranet .tch-form > div {
        margin-bottom: 30px;
    }

    .touch-extranet .tch-form table.k-editor {
        border-radius: 8px;
        border-color: #ECECEC;
        padding: 10px;
        background-image: none;
        background-color: #FAFAFA
    }

        .touch-extranet .tch-form table.k-editor .k-editable-area {
            padding: 10px;
            border-color: #ECECEC;
        }

        .touch-extranet .tch-form table.k-editor .k-editor-toolbar-wrap .k-dropdown {
            padding: 2px;
        }

    .touch-extranet .tch-form #CampaignCauses {
        width: 100%;
        border-radius: 30px;
        height: 50px;
        background-color: #FAFAFA;
        border: 1px solid #ECECEC;
        padding-left: 10px;
        font-weight: 400;
    }

        .touch-extranet .tch-form #CampaignCauses:focus {
            background-color: #FFFFFF;
        }

    .touch-extranet .tch-form label {
        margin-bottom: 10px;
        padding: 0 5px
    }

    .touch-extranet .tch-form .campaign-tooltip {
        margin-bottom: 10px;
        padding: 0 5px;
        font-size: 14px;
    }

    .touch-extranet .tch-form .btn-red {
        border: solid 1px #FB544C;
        background-color: #FB544C;
        color: #FFFFFF;
        min-width: 160px;
        margin: 0 auto;
        clear: both;
        text-align: center;
        padding: 6px 20px;
        border-radius: 25px;
        -moz-border-radius: 25px;
        -webkit-border-radius: 25px;
        display: block;
    }

    .touch-extranet .tch-form .form-browse {
        padding: 15px 5px 0;
    }

        .touch-extranet .tch-form .form-browse > label {
            padding: 0;
        }

        .touch-extranet .tch-form .form-browse > .demo-hint {
            font-size: 14px;
            color: #444
        }

        .touch-extranet .tch-form .form-browse > input[type="file"] {
            margin-bottom: 10px;
            display: block;
        }

        .touch-extranet .tch-form .form-browse .vlist-inner {
            position: relative;
            margin-bottom: 12px;
        }

            .touch-extranet .tch-form .form-browse .vlist-inner:hover .k-delete-button {
                background-color: #CCC;
            }

        .touch-extranet .tch-form .form-browse .k-delete-button {
            position: absolute;
            top: 0;
            right: 0;
            padding: 1px;
            border-radius: 0;
            font-size: 16px;
            line-height: 16px;
        }

    .touch-extranet .tch-form .ActionWrap {
        padding-top: 30px
    }

/* Extranet Table styles */
.extranet-table {
}

    .extranet-table > .k-grid {
        border: solid 1px #e6e6e6;
    }

    .extranet-table .k-grid-header {
        background-color: #FAFAFA;
        background-image: none;
        border-bottom-color: #e6e6e6
    }

        .extranet-table .k-grid-header .k-header > .k-link {
            color: #000;
            font-weight: 500;
            background-image: none;
            background-color: #FAFAFA;
        }

        .extranet-table .k-grid-header th.k-header {
            border-left-color: #e6e6e6;
            background-color: #FAFAFA;
            border-bottom-color: #E6E6E6;
        }

    .extranet-table .k-pager-wrap {
        background-color: #FFF;
        background-image: none;
        border-top: solid 1px #e6e6e6
    }

        .extranet-table .k-pager-wrap > .k-link {
            line-height: 1.8em
        }

    .extranet-table .k-grid td {
        line-height: 22px;
        font-size: 16px;
    }

    .extranet-table .k-grid tr:hover {
        background-image: none;
        background-color: #F1F1F1 !important
    }

    .extranet-table .k-alt {
        background-color: #FFFFFF
    }

    .extranet-table table > tbody {
    }

        .extranet-table table > tbody tr > td {
            border-bottom: solid 1px #E6E6E6;
        }

    /* Grid Pager */
    .extranet-table .k-pager-wrap {
    }

        .extranet-table .k-pager-wrap .k-pager-nav {
            border: 0
        }

        .extranet-table .k-pager-wrap .k-pager-numbers > li {
            border: 0;
        }

            .extranet-table .k-pager-wrap .k-pager-numbers > li > span {
                border: 0
            }

                .extranet-table .k-pager-wrap .k-pager-numbers > li > span.k-state-selected {
                    background-color: #FB544B;
                    border-color: transparent;
                    min-width: auto;
                    font-size: 18px;
                    width: 30px;
                    height: 30px;
                    line-height: 30px;
                    margin-top: 2px;
                }

        .extranet-table .k-pager-wrap .k-i-arrow-w::before {
            content: "\e016" !important
        }

        .extranet-table .k-pager-wrap .k-i-arrow-e::before {
            content: "\e014" !important
        }

/* EXTRANET SignUp styles */
.member-signup {
    padding-bottom: 50px;
}

.signup-verification {
    background-color: #EFF3F6;
    margin: 0 auto;
    max-width: 450px;
    margin-top: 10%;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #D7D7D7;
}

.account-activation {
    background-color: #EFF3F6;
    margin: 0 auto;
    max-width: 450px;
    margin-top: 10%;
    padding: 40px 20px;
    text-align: center;
    border: 1px solid #D7D7D7;
}

.signup-top {
    padding-top: 80px;
    margin-bottom: 30px;
}

    .signup-top > h4 {
        font-weight: 500;
        font-size: 26px;
    }

    .signup-top > p {
        font-size: 24px;
    }

.signup-left {
    padding-right: 40px;
    border-right: solid 1px #C2C2C2;
}

.signup-left-inner {
    text-align: center;
    padding: 40px 40px;
    background: url(/images/default-source/default-album/left-column-image.jpg) no-repeat center bottom #F3FCF7;
    background-size: 100% auto;
    min-height: 670px;
    font-size: 26px;
    line-height: 45px;
}

    .signup-left-inner > p {
        margin-bottom: 25px
    }

    .signup-left-inner > ul {
        text-align: left;
        font-size: 17px;
        max-width: 360px;
        margin: 0 auto;
        padding-left: 0;
    }

        .signup-left-inner > ul li {
            list-style: none;
            margin-bottom: 10px
        }

            .signup-left-inner > ul li span.btn-number {
                display: inline-block;
                background-color: #54B58C;
                color: #FFFFFF;
                border-radius: 50%;
                text-align: center;
                padding: 4px;
                vertical-align: middle;
                width: 32px;
                height: 32px;
                font-size: 22px;
                line-height: 24px;
                font-weight: 500;
                margin-right: 5px;
            }

.signup-right .signup-widget #NricSection h2 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px;
}
/*.signup-right .signup-widget #NricDiv {text-align:center;}*/
.signup-right .signup-widget #NricDiv > label {
    margin-bottom: 20px;
}

.signup-right .signup-widget .submit-wrap {
    clear: both;
}

    .signup-right .signup-widget .submit-wrap .bttn-box-red-v2 {
        display: inline-block;
        width: 100%;
        font-size: 16px;
    }

.signup-right .signup-widget .bttn-box-red-v2 {
    padding: 12px 40px;
    border-radius: 30px;
}

.signup-right .signup-widget .input-wrap {
    position: relative;
    margin-bottom: 10px;
}

    .signup-right .signup-widget .input-wrap label {
        width: 100%;
        float: none;
        text-align: left;
        padding-left: 0;
        font-weight: 300;
        margin-bottom: 8px;
    }

    .signup-right .signup-widget .input-wrap .inline-checkbox {
        padding: 10px 20px;
    }

        .signup-right .signup-widget .input-wrap .inline-checkbox > label {
            width: 90%;
            display: inline-block;
            cursor: pointer
        }

        .signup-right .signup-widget .input-wrap .inline-checkbox > input {
            cursor: pointer;
            display: inline-block;
        }

.signup-right .facebook-section {
    background-color: #EFF3FF;
    padding: 30px 30px 10px;
    margin-bottom: 40px;
    font-size: 16px;
}

    .signup-right .facebook-section p {
    }

.signup-right .facebook-login {
    margin-bottom: 15px;
}

    .signup-right .facebook-login .bttn-box-red-v2 {
        border-radius: 30px;
    }

        .signup-right .facebook-login .bttn-box-red-v2 > img {
            max-height: 30px;
            display: inline-block;
            margin-right: 10px;
        }

.signup-right .signup-widget .input-inner-wrap {
    width: 100%;
}

.signup-right .tch-form .k-widget.k-tooltip-validation {
    bottom: -9px;
}

.signup-right .signup-widget .preloader-scroll {
    margin-top: 0;
}

.signup-right .signup-widget .bttn-box-red-v2 {
    max-width: 170px;
}

.signup-right .signup-widget #btnSignUp {
    font-size: 16px;
}

.signup-right .signup-widget #SuccessMessageSection {
}

.signup-right .signup-widget #ExistingUserSection {
    padding: 40px;
    margin: 0 auto;
    max-width: 480px;
    border: solid 1px #C2C2C2;
    text-align: center;
}

    .signup-right .signup-widget #ExistingUserSection .bttn-box-red-v2 {
        background-color: #FB544C;
        padding: 14px 12px;
        max-width: inherit;
        margin-left: 0;
        font-size: 16px;
    }

        .signup-right .signup-widget #ExistingUserSection .bttn-box-red-v2.white {
            background-color: transparent;
            border: solid 1px #FB544C;
            color: #FB544C !important
        }

    .signup-right .signup-widget #ExistingUserSection > h3 {
        margin: 0 0 16px
    }

    .signup-right .signup-widget #ExistingUserSection #ExistingEmailAddress {
        color: #1448FF;
    }

    .signup-right .signup-widget #ExistingUserSection > p {
        margin-bottom: 40px;
    }

/* Donation forms Login */
.donation-login-form {
    border: solid 1px #D4D4D4;
    padding: 25px 40px 10px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 480px;
}

    .donation-login-form .donation-login-inner {
    }

        .donation-login-form .donation-login-inner a.btn {
            width: 47%;
            border-radius: 30px;
            margin: 0 1% 5px 0;
        }

            .donation-login-form .donation-login-inner a.btn.wht {
                color: #FB544C;
                background-color: #FFFFFF;
            }

        .donation-login-form .donation-login-inner > p {
            margin-bottom: 12px
        }



/* EXTRANET Login */
.extranet-login {
}

    .extranet-login .sf_cols {
    }

    .extranet-login .tch-form {
        max-width: 450px;
        margin: 0 auto;
        padding-top: 3%;
        margin-bottom: 18%
    }

        .extranet-login .tch-form label {
            padding-left: 10px;
            margin-bottom: 6px;
        }

        .extranet-login .tch-form > h2 {
            text-align: center;
            font-size: 40px;
            font-weight: 500;
            margin-bottom: 30px;
        }

    .extranet-login .login-inner {
        background: url(images/img-bg-login.jpg) no-repeat 0 top;
        background-size: 100% 100%;
        border: 1px solid #D7D7D7;
        padding: 40px 15%;
        margin-bottom: 30px;
    }

    .extranet-login .tch-form .btn-login, .extranet-login .tch-form .btn-forgot {
        background-color: #FB544C;
        border-color: #FB544C;
        color: #FFF;
    }

    .extranet-login .tch-form .btn-facebook {
        background-color: #3A5695;
        border-color: #3A5695;
        color: #FFF;
    }

    .extranet-login .tch-form .forgot-link {
        margin-bottom: 35px;
    }

        .extranet-login .tch-form .forgot-link a {
            font-size: 14px;
            color: #333;
            margin-left: 10px;
        }

    .extranet-login .tch-form .facebook-wrap > h3 {
        display: block;
        font-size: 18px;
        margin: 0 10px 15px;
        text-align: center;
    }

    .extranet-login .sf-registration-link {
        text-align: center
    }

        .extranet-login .sf-registration-link a {
            color: #FB544C;
            text-decoration: underline
        }

    .extranet-login .field-validation-error {
        font-size: 14px;
        color: #FB544C;
        margin-left: 10px;
    }

    .extranet-login .form-group.last {
        margin-bottom: 5px;
    }

    .extranet-login .forgot-inner {
        background-color: #EFF3F6;
        border: 1px solid #D7D7D7;
        padding: 40px 15%;
        margin-bottom: 30px;
    }

        .extranet-login .forgot-inner .forgot-text {
            font-size: 14px;
            margin-bottom: 20px;
        }

    .extranet-login .already-logged-in {
        background-color: #EFF3F6;
        margin: 0 auto;
        max-width: 450px;
        margin-top: 10%;
        padding: 40px 20px;
        1px solid #D7D7D7;
        text-align: center;
        border: 1px solid #D7D7D7
    }




/* EXTRANET MEDIA QUERIES */
@media screen and (max-width: 1199px ) {
    .catalog-slide .tch-banner-text {
        left: 4%
    }

    .catalog-slide .carousel-indicators {
        left: 8%;
    }

    .catalog-slide .banner-caption h2 {
        font-size: 3.2vw
    }

    .catalog-slide .banner-caption p {
        font-size: 2vw;
    }
}


@media screen and (max-width: 768px ) {
    .donation-login-form .donation-login-inner a.btn {
        width: 100%;
    }

    .catalog-slide .banner-caption h2 {
        margin-top: 0;
    }

    .product-catalog .filter-items-wrap {
        padding: 0 15px;
    }

    .shoppingcart-aside-promo input[type="text"] {
        width: 50%
    }
}


@media screen and (max-width: 480px ) {
    .catalog-slide .banner-caption h2 {
        margin-top: 0;
        font-size: 4vw
    }

    .catalog-slide .banner-caption p {
        font-size: 3vw;
        line-height: 2.2vw
    }

    .product-catalog .filter-wrap .filter-item .RadDropDownList {
        width: 100%
    }

    .product-catalog .filter-wrap h3 {
        margin: 0;
        font-size: 30px;
        margin-bottom: 15px;
        text-align: center;
    }
}


/* OOTB Form styles */
.tch-form .sf-fieldWrp {
    margin-bottom: 12px;
}

    .tch-form .sf-fieldWrp > input[type="text"], .tch-form .sf-fieldWrp > input[type="email"], .tch-form .sf-fieldWrp > input[type="number"], .tch-form .sf-fieldWrp > select {
        width: 100%;
        border: 1px solid #ECECEC;
        background-color: #FAFAFA;
        padding: 8px 15px;
        border-radius: 30px;
        background-image: none;
        height: 50px;
    }

    .tch-form .sf-fieldWrp input[type="text"]:focus, .tch-form .sf-fieldWrp input[type="email"]:focus, .tch-form .sf-fieldWrp input[type="number"]:focus {
        background-color: #FFF;
    }

    .tch-form .sf-fieldWrp > textarea {
        width: 100%;
        border-radius: 10px;
        background-color: #FAFAFA;
        box-shadow: none;
        border: 1px solid #ECECEC;
        padding: 20px;
        min-height: 50px;
    }

    .tch-form .sf-fieldWrp > select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        background: url(images/volunteer-filter-arrow.png) no-repeat 98% 21px #FAFAFA;
        cursor: pointer;
    }

        .tch-form .sf-fieldWrp > select::-ms-expand {
            display: none;
        }

        .tch-form .sf-fieldWrp > select:focus, .tch-form .sf-fieldWrp > select:hover, .tch-form .sf-fieldWrp > input, .tch-form .sf-fieldWrp > input:focus {
            outline: none;
        }

    .tch-form .sf-fieldWrp button[type="submit"] {
        color: #FFF;
        background-color: #FB544C;
        border: solid 1px #FB544C;
        padding: 10px 35px;
        display: block;
        background-image: none;
        margin: 0 auto;
        font-size: 20px;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        margin-top: 20px;
    }



/* MICROSITE NAV */
#main_header {
}

ul.microsite-nav {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
}

    ul.microsite-nav > li {
        display: inline-block;
        font-size: 16px;
        float: none;
        list-style: none;
        padding: 5px 0;
        margin: 5px 0 2px;
    }

        ul.microsite-nav > li:first-child > a {
            border-left: 0;
        }

        ul.microsite-nav > li:last-child > a {
            border-right: 0;
        }

        ul.microsite-nav > li > .dropdown-menu {
            border-radius: 0;
            border-top: 2px solid #DE5F59;
        }

            ul.microsite-nav > li > .dropdown-menu > li > a {
                padding-top: 5px;
                padding-bottom: 5px;
            }

        ul.microsite-nav > li > a {
            display: block;
            color: #000000;
            padding: 0px 10px;
            font-size: 16px;
            line-height: 14px;
            padding: 0 45px;
            border-left: solid 1px #EAEAEA;
            border-right: solid 1px #B4B4B4;
        }

            ul.microsite-nav > li > a .caret {
                display: none;
            }

            ul.microsite-nav > li > a:hover, ul.microsite-nav > li > a:focus {
                color: #FB544C;
                text-decoration: none;
            }

        ul.microsite-nav > li > .dropdown-menu li.active a {
            background-color: #FB544C
        }

.topr {
}


@media screen and (max-width: 1200px ) {
    .topr {
        margin-top: 100px;
    }
}

@media screen and (max-width: 980px ) {
    ul.microsite-nav > li > a {
        padding: 0 25px;
    }
}

@media screen and (max-width: 768px ) {
    ul.microsite-nav {
        text-align: left;
    }

        ul.microsite-nav > li {
            float: none;
            width: 100%;
        }

            ul.microsite-nav > li > .dropdown-menu {
                border-top: 0;
                position: relative;
                width: 100%;
                box-shadow: none;
                background-color: transparent;
                border: 0;
            }

            ul.microsite-nav > li > a .caret {
                display: inline-block;
                float: right;
                margin-right: 25px;
            }

            ul.microsite-nav > li > a {
                line-height: 20px;
                padding: 10px 10px;
                border: 0;
            }

    .topr {
        margin-top: 50px;
    }

    .micrositeNavWrap {
        background-color: #FAFAFA;
        max-height: 220px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .micrositeNavWrap .container-fluid {
            max-width: 1170px;
            margin: 0 auto;
        }
}

body {
    background-position: center 120px !important;
}

/* Volunteer Signup Form - added 2019/01/14 */
.togglelanguage-div {
    display: block;
    padding: 0px;
    position: absolute;
    float: right;
    top: 140px;
    right: 30px;
}

    .togglelanguage-div button {
        display: inline-block;
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        color: #FB544C;
        font-size: 20px;
        font-weight: bold;
        vertical-align: middle;
        font-family: inherit;
    }

.tch-form .textarea.k-invalid {
    border: 2px solid #FB544C;
}

.languageSwitch {
    margin-bottom: 40px;
    font-size: 16px;
}

    .languageSwitch a {
        display: inline-block;
        padding: 0;
        color: #FB544C;
        font-size: 16px;
        font-weight: bold;
        font-family: inherit;
    }

/* Volunteer History - added 2019/01/14 */
.view-volunteer-history-title h3 {
    display: inline-block;
}

.view-volunteer-history-title .download-link {
    display: inline-block;
    background: none;
    border: none;
    padding: 0 0 6px 0;
    cursor: pointer;
    color: #FB544C;
    font-size: 24px;
    font-weight: 300;
    vertical-align: middle;
    margin: 0px 0px 0px 20px;
}

.volunteerhistory-pdf-template {
    font-family: "Arial", sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .volunteerhistory-pdf-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888;
    }

        .volunteerhistory-pdf-template .header .volunteer-page {
            float: right;
            margin-right: 10px;
        }

        .volunteerhistory-pdf-template .header img {
            display: inline-block;
            width: 145px;
            height: auto;
            margin-left: 10px;
        }

        .volunteerhistory-pdf-template .header p {
            display: inline-block;
        }

        .volunteerhistory-pdf-template .header .volunteer-text {
            margin-left: 7px;
        }

    .volunteerhistory-pdf-template .user-detail {
        position: absolute;
        top: 90px;
        left: 30px;
        right: 30px;
        color: #888;
        padding-left: 20px;
        font-size: 14px;
    }

        .volunteerhistory-pdf-template .user-detail p {
            display: inline-block;
        }

        .volunteerhistory-pdf-template .user-detail .first-text {
            margin-right: 20px;
        }

    .volunteerhistory-pdf-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888;
    }

    .volunteerhistory-pdf-template .watermark {
        font-weight: bold;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaaaaa;
        opacity: 0.1;
        transform: rotate(-35deg) scale(1.7, 1.5);
    }


/*New Css 31-03-2021*/
.p-2 {
    padding: .5rem !important;
}

#cardTab {
    border-radius: 10px;
    border-bottom: none
}

.text-uppercase {
    text-transform: uppercase !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

#cardTab.nav-tabs .nav-item .nav-link {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    border-radius: 10px;
    padding: 15px 10px;
}

#cardTab.nav-tabs .nav-item.active .nav-link, #cardTab.nav-tabs .active .nav-link, #cardTab.nav-tabs .nav-item:hover .nav-link {
    background: #FC544C;
    color: #fff;
}

.text-center {
    text-align: center !important;
}

.w-50 {
    width: 50% !important;
}

.tab-content {
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: #ffffff;
}

.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}

.mt-4, .my-4 {
    margin-top: 1.5rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.form_element .form_lbl {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 13pt;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 18px 0px;
    width: 100% !important;
    text-align: left;
}

ul#type-of-donation {
    display: flex;
    align-items: stretch;
    border: none;
}

    ul#type-of-donation > li {
        width: 33%;
        margin: 0 15px;
    }

        ul#type-of-donation > li > a {
            border: 1px solid #B9B9B9;
            font-weight: 400;
            color: #000;
        }

            ul#type-of-donation > li.active > a, ul#type-of-donation > li > a:hover, ul#type-of-donation > li > a:focus {
                border: 1px solid #FC544C;
                border-bottom: 3px solid #FC544C;
                color: #FC544C;
                background-color: transparent;
                outline: none;
            }

.other-amount {
    background: #f7f7f7;
    padding: 20px 25px;
    margin: 15px 0px;
    margin-bottom: 40px;
    border-radius: 10px
}

label {
    font-weight: 400;
}

.donation-amt .switch-wrap {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

    .donation-amt .switch-wrap p {
        text-shadow: 0 0px 6px #e5e5e5;
    }

.donation-amt p {
    padding: 30px 50px;
    font-size: 40pt;
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
}

.donation-amt .primary-radio {
    background: none;
}

.donation-amt .switch-wrap.selected {
    background: #e5a44b;
}

    .donation-amt .switch-wrap.selected p {
        text-shadow: 0 0px 6px #a3a3a3;
        color: #fff;
    }

.donation-amt .switch-wrap:hover {
    border: 1px solid #e5a44b;
    box-shadow: 0 6.4px 14.4px 0 #e5a44b42, 0 1.2px 3.6px 0 rgb(0 0 0 / 11%);
}

.primary-radio {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    background: #f9f9ff;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
}

    .primary-radio input {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
    }

.donation-amt .primary-radio label {
    display: block;
    float: left;
    width: 100%;
    color: #FC544C;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    border-radius: 30px;
    left: -15px;
    top: 10px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #fff;
    padding: 9px;
}

.primary-radio input + label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #f1f1f1;
}

.primary-radio input:checked + label {
    background: url(./images/tick.png) no-repeat center center;
    background-size: 100%;
    border: none;
}

.max-container {
    max-width: 1330px;
    margin: 0px auto;
}

button#btnSubmit {
    border-radius: 50px;
    padding: 13px 40px;
    font-size: 20px;
    float: right;
}

.bg-light.p-4.rounded.mb-4 {
    margin-bottom: 20px;
}

.sec-ttl h3 {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    font-size: 13pt;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 18px 0px;
    width: 100% !important;
    text-align: left;
}

.mh-54 {
    min-height: 54px;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 50px;
}

.form-group {
    margin-bottom: 1rem;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.donation-description h5 {
    font-size: 20px;
    margin: 50px 0 20px !important;
}

.k-widget.k-multiselect.k-header.form-control.col-md-12 > div {
    min-height: inherit;
}

.k-widget.k-multiselect.k-header.form-control.col-md-12 {
    padding: 15px 10px;
    height: inherit;
}

    .k-widget.k-multiselect.k-header.form-control.col-md-12.k-state-hover, .k-multiselect.k-header.k-state-focused {
        background: none;
        border-radius: 50px
    }

div#userPageTab {
    background: none;
    padding: 0;
}

#userPageTabLinks.nav-tabs > li.active > a {
    background: none;
    border: none;
    border-bottom: 4px solid #fd443b;
}

#userPageTabLinks.nav-tabs > li > a:hover {
    background: none;
    box-shadow: none;
    border-color: transparent;
}

#userPageTabLinks.nav-tabs > li > a {
    color: #000;
}

ul#userPageTabLinks {
    border: none;
}

.sf_2cols_2_75 {
    margin: 0 auto !important;
    float: none;
}

.single-recent-cap.border.p-2.rounded {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 30px;
}

.recent-img.gradient-over-image > img {
    border-radius: 8px;
}

.card__head-overlay .h2 {
    font-size: 22px;
    font-weight: 500;
    /*padding-bottom: 10px;*/
    color: #fff
}

.d-flex {
    display: flex;
}

ul.volunteer-list-ul {
    list-style: none;
    padding: 0;
}

    ul.volunteer-list-ul li {
        margin-bottom: 10px
    }

    ul.volunteer-list-ul .mr-2 > img {
        max-width: 18px;
        margin-right: 8px;
    }

.recent-img.gradient-over-image {
    position: relative;
}

.card__head-overlay {
    position: absolute;
    bottom: 0;
    padding: 0 10px;
    width: 100%;
}

.your-dashboard {
    background-image: url(../images/dashboard-donation.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0;
}

.dashboard-kpi img {
    max-width: 42px;
}

.donation-kpi h2 {
    float: right;
    margin-top: -1.3em;
}

.donation-kpi {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
    margin-bottom: 1em;
}

    .donation-kpi h6 {
        font-size: 18px;
        font-weight: 500;
    }

h5 {
    font-size: 22px;
    font-weight: bold;
}

.personal-info, .volunteer-service, .volunteer-history, .donation-history, .donation-history, .login-container, .code-of-conduct {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.mt-10 {
    margin-top: 10px;
}

.mt-30 {
    margin-top: 30px;
}

textarea.form-control {
    height: auto;
    border-radius: 10px;
}

.Course-box {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #c0c0c0;
    color: #fff;
}

    .Course-box > .box-header {
        border-radius: 10px 10px 0 0;
        background-image: linear-gradient(#cccccc, #717171);
        padding: 20px 18px;
        line-height: 20px;
    }

    .Course-box > .box-body {
        padding: 20px 18px;
    }

        .Course-box > .box-body > button.Completed-btn {
            color: #31A75A;
            background: #EAFCF0;
            border: 2px solid #31A75A;
            border-radius: 20px;
            padding: 5px 20px;
            display: block;
            margin-bottom: 20px;
        }

        .Course-box > .box-body > a {
            background: #FC544C;
            display: block;
            text-align: center;
            color: #fff;
            padding: 10px 0;
            border-radius: 5px;
            font-weight: 700;
        }

.profile-pik-section .prf-about-content {
    padding: 15px;
    margin-bottom: 30px;
}

.mem-content .main-article {
    font-size: 16px;
    margin-bottom: 0px;
    color: #000;
    font-weight: 500;
}

.mem-content .sub-article {
    font-size: 15pt;
    color: #9f9f9f;
    padding-top: 0px;
    font-weight: 500;
}

.profile-pik-section {
    background: #fff;
    box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
    border-radius: 5px;
}

.event-heading > span.text-warning {
    color: #dc3545 !important;
    border-bottom: 3px solid #dc3545;
    padding-bottom: 2px;
}

.d-lg-inline-block.mr-lg-4.mb-3.mb-lg-0 {
    display: inline-block;
    margin-right: 10px;
}

input.form-control.event-search {
    min-width: 410px;
    border-radius: 5px;
}

.donation-events {
    background: url(../img/events-banner.png);
    background-repeat: round;
    height: 300px;
    margin-bottom: 30px;
    padding: 25px;
}
.workshop-schedule {
    background: url(../images/workshopScheduleBanner.png);
    background-repeat: round;
    height: 300px;
    margin-bottom: 30px;
    padding: 25px;
}

div#divOngoingEvents, div#divUpcomingEvents {
    margin-top: 30px;
}

span.d-block.font-weight-bold.mb-3 {
    display: block;
    margin: 20px 0;
}

a.RegisterNow {
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 50px;
}

.img-fluidAmba {
    width: 100%;
    border-radius: 50%;
    max-width: 70%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}



.profile-banner {
    background: url(../images/profile-bg.jpg) no-repeat;
}

.max-container {
    max-width: 1330px;
    margin: 0px auto;
}

.prf-dashboard .your-dashboard {
    background: url(../images/dashboard-donation.png)no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
    padding: 15px;
    border-radius: 10px;
}

.text-muted {
    color: #6c757d !important;
}

.pr-0, .px-0 {
    padding-right: 0 !important;
}

.membership-section {
    background: #fff;
    box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
    border-radius: 5px;
    padding: 15px;
}

.volunteer-registration .seaction-heading {
    background: #4C90FC;
    color: #fff;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0;
}

.volunteer-registration .seaction-body {
    /*border: 1px solid #4C90FC;*/
    padding: 20px;
    border-radius: 0 0 10px 10px;
}

section.tickets-screen .max-container {
    margin-top: -170px;
}

.tickets-screen-boder {
    border: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ticket-btn {
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 18px;
    margin-right: 20px;
    margin-bottom: 20px;
}

    .ticket-btn:focus, .btn:focus {
        outline: none !important;
    }

.ticket-heading-text {
    font-size: 27px;
    font-weight: 500 !important;
}

.ticket-form input.form-control {
    padding: 10px 10px;
    height: inherit !important;
}

.right-infoBox.p-4 {
    padding: 20px;
}

.rounded-pill {
    border-radius: 50px;
}

.btn.btn-lg {
    padding: 15px 40px;
    font-size: 20px;
    text-align: center
}

.btn.btn-lg.search {
    padding: 10px 40px;
    font-size: 20px;
    text-align: center
}

.search-box .adv-search {
    width: 100%;
    background: #ffffffd6;
    border-radius: 10px;
    backdrop-filter: saturate(180%) blur(20px);
    height: 90px;
    box-shadow: 0 6.4px 14.4px 0 rgb(0 0 0 / 13%), 0 1.2px 3.6px 0 rgb(0 0 0 / 11%);
    padding: 18px;
    margin-bottom: 30px;
}

.input100 {
    color: #1b3815;
    position: relative;
    width: 100%;
    height: 55px;
    background: #fff;
    border-radius: 10px;
    padding: 0 35px 0 15px;
    border: 1px solid #C9C9C9;
}

.adv-search h6 {
    padding-top: 6px;
    text-shadow: 1px 1px 2px #00000063;
    font-size: 20px;
    font-weight: 500;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border: none;
}

#getinvolved-tablink {
    border: none;
    margin-bottom: 30px;
}

    #getinvolved-tablink.nav-tabs > li.active > a, #getinvolved-tablink.nav-tabs > li:hover > a {
        border-bottom: 4px solid #fd443b;
        background: none;
    }


.w-100 {
    width: 100% !important;
}

.rounded-0 {
    border-radius: 0 !important;
}


.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

    .modal.show .modal-dialog {
        -webkit-transform: none;
        transform: none;
    }

    .modal.fade .modal-dialog {
        margin-top: 200px;
        transition: -webkit-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out;
        -webkit-transform: translate(0,-50px);
        transform: translate(0,-50px);
    }

@media (min-width: 992px) .modal-lg, .modal-xl {
    max-width: 800px;
}

@media (min-width: 576px) .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}

/*.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}*/

.modal-header {
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem !important;
}

.list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.detailspage-socialicon > li {
    margin-right: 10px;
}

li {
    /*list-style: none;*/
}

.contact-registration .seaction-heading {
    background: #BCBCBC;
    color: #fff;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0;
}

.contact-registration .seaction-body {
    border: 1px solid #BCBCBC;
    padding: 20px;
    border-radius: 0 0 10px 10px;
}

ul {
    margin: 0px;
    padding: 0px;
}

.slider-height2 {
    background-image: url('../Images/getinvolvedBanner.png');
    min-height: 200px;
    background-position: center -40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-height3 {
    background-image: url('../Images/GetInvolved1.jpg');
    min-height: 490px;
    background-position: center -40px;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-height4 {
    background-image: url('../Images/banner-d1.png');
    min-height: 490px;
    background-repeat: no-repeat;
    background-size: cover;
}

.k-numeric-wrap .k-input {
    border-radius: 50px;
}

.k-numeric-wrap.k-state-default.k-state-hover {
    background: none;
}


.card__head {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.gradient-over-image {
    border-radius: 10px;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(51, 51, 51, 0.7) 100%);
    display: block;
    position: relative;
    overflow: hidden;
}

.card__head-overlay {
    padding: 20px;
    position: absolute;
    z-index: 1;
    bottom: 0px;
    color: #fff;
    width: 100%;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgba(51, 51, 51, 0.7) 100%);
}

.progress {
    height: 10px;
    margin-bottom: 5px !important;
}

    .progress .progress-bar {
        height: inherit;
        background-color: #1cc3e9;
        background-image: linear-gradient(to bottom, #1cc3e9, #1cc3e9);
    }

.card__head-overlay .don-sub-title {
    font-size: 12pt;
}

.recent-area .single-recent-cap .recent-img img {
    border-radius: 10px;
    width: 100%;
    transform: scale(1);
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}

/**today**/

.fundraising-bx h6 {
    font-size: 16px;
    font-weight: 500;
    padding: 4px 0 0 15px;
}

.faq-bx {
    padding: 10px 0 0 0;
    clear: both;
}

    .faq-bx h4 {
        font-size: 18px;
        font-weight: 500;
    }

    .faq-bx h5 {
        margin-bottom: 20px;
    }

.fundraising-bx .detailspage-socialicon li a img {
    max-width: 32px;
    margin: 0 12px 0 0;
}

.progress-status {
    margin: 30px 0;
}

    .progress-status h3 {
        color: #000;
        font-weight: 600;
        font-size: 32px;
        margin: 0;
    }

    .progress-status span, .progress-status p {
        font-size: 12px;
        font-weight: 600;
    }

    .progress-status span {
        color: #919191;
    }

    .progress-status p {
        color: #000;
    }

    .progress-status .progress {
        margin-bottom: 5px;
    }

        .progress-status .progress .progress-bar {
            background: #f0ad4e;
        }

.quick-donate h4 {
    background: #f3c179;
    color: #845005;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0;
    font-size: 15px;
    margin: 0;
    font-weight: 600;
}

.quick-donate .body-content {
    border: 1px solid #f0ad4e;
    padding: 20px 10px;
    border-radius: 0 0 10px 10px;
}

.quick-donate {
    clear: both;
}

.donate-amt {
    text-align: center;
    background: #f0ad4e;
    border-radius: 5px;
    padding: 12px 10px;
    position: relative;
}

    .donate-amt p {
        font-size: 32px;
        font-weight: 600;
        color: #fff;
        margin: 10px 0 0;
    }

    .donate-amt span {
        font-size: 14px;
        color: #fff;
    }

.row-cutter {
    margin-left: -5px;
    margin-right: -5px;
}

.col-cutter {
    padding-left: 5px;
    padding-right: 5px;
}

.donate-amt .primary-radio label {
    display: block;
    float: left;
    width: 100%;
    color: #FC544C;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer;
    border-radius: 30px;
    left: -15px;
    top: 10px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: #fff;
    padding: 9px;
}

.donate-amt .primary-radio {
    background: none;
    top: -3px;
}

#homeslide .carousel-indicators.fundraise {
    right: 0;
    left: 0;
    margin: auto;
    bottom: 15px;
}

.align-self-center #btnLoadAllgetinvolve {
    width: 70px;
    padding: 18rem 0;
}

.otherAmt .k-state-default > .k-select {
    height: 53px;
    padding: 15px 0;
    background: #fff;
    border-radius: 100px;
    width: 6%;
    border: none;
}

.otherAmt .k-numeric-wrap .k-input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.otherAmt .k-numeric-wrap {
    border: transparent;
    background: transparent;
}

.otherAmtCorp .k-state-default > .k-select {
    height: 53px;
    padding: 15px 0;
    background: #fff;
    border-radius: 100px;
    width: 6%;
    border: none;
}

.otherAmtCorp .k-numeric-wrap .k-input {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.otherAmtCorp .k-numeric-wrap {
    border: transparent;
    background: transparent;
}

.k-numeric-wrap.k-state-default.k-state-hover {
    background: none;
}

.other-amount .mt-3.custom-control {
    margin: 20px 0 0px;
}

.note-text {
    margin: 0 0px 0 -18px;
}

.recent-cap .event-title a {
    text-decoration: none;
    color: #000;
}

.search-box .adv-search {
    height: auto;
}

#main_header {
    z-index: 9999;
}

@media screen and (max-width: 992px ) {
    .donate-amt {
        margin-bottom: 20px;
    }

    .categories-list li a {
        color: #333;
    }

    .single-recent-cap.border.p-2.rounded {
        margin: 20px 12px;
    }

    h4, h5, p {
        padding: 0 15px;
    }

    .other-amount.rounded .col-xs-6 {
        width: 100%;
    }
}

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

    .search-box .btn.btn-lg {
        margin: 15px 0 0;
    }

    .recent-area .nav-tabs li {
        display: block;
    }

    .donation-form .nav-tabs li {
        width: 100% !important;
        margin: 0 0 15px !important;
    }

    .donation-form ul#type-of-donation {
        display: block;
    }

    .donation-form .tab-content {
        padding-left: 0 !important;
        padding: 0;
    }

    .donation-form .col-md-6 {
        clear: both;
    }

    .donation-amt .switch-wrap {
        margin: 0 0 20px !important;
    }

    .note-text {
        margin: 0;
    }

    .other-amount {
        padding: 20px 0;
    }

    .k-numeric-wrap .k-input {
        margin: -30px 0 0;
    }

    .otherAmt .k-state-default > .k-select, .otherAmtCorp .k-state-default > .k-select {
        width: 20%;
    }

    #anonymous .other-amount .custom-checkbox .custom-control-input {
        float: left;
    }

    #anonymous .other-amount .custom-checkbox .custom-control-label {
        float: left;
        width: 270px;
        padding: 0 0 0 5px;
    }
}

@media screen and (max-width: 480px ) {

    .pagination {
        margin: 20px 30px;
    }
}

.mr-2, .mx-2 {
    margin-right: .5rem !important;
}

/****Login***/
.personal-info, .Other-Info {
    background: #fff;
    box-shadow: 0 1.6px 3.6px 0 rgb(0 0 0 / 13%), 0 0.3px 0.9px 0 rgb(0 0 0 / 11%);
    padding: 15px;
    border-radius: 10px;
}

.login-right-with-bg {
    position: relative;
}

.login-right-with-bg {
    background: url(/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/login-bg.jpg);
    border-radius: 20px;
}

.content-caption {
    position: absolute;
    bottom: 0px;
    top: auto;
    padding: 80px 20px 20px;
    background: linear-gradient( 180deg, #0000 0%, #fff 100%);
}

.social-icons {
    margin: 30px 0 20px;
}
/****end-Login******/



/*BRAINTREE START*/
::-webkit-input-placeholder {
    color: #6E787F;
    line-height: 1;
}

:-moz-placeholder {
    color: #6E787F;
    line-height: 1;
}

::-moz-placeholder {
    color: #6E787F;
    line-height: 1;
}

:-ms-input-placeholder {
    color: #6E787F;
    line-height: 1;
}

input:focus::-webkit-input-placeholder {
    color: #283036;
}

input:focus:-moz-placeholder {
    color: #283036;
}

input:focus::-moz-placeholder {
    color: #283036;
}

input:focus:-ms-input-placeholder {
    color: #283036;
}

label[for="amount"] {
    -webkit-transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: background-color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95), color 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
    border-top: solid 1px #DEE2E5;
    border-bottom: solid 1px #DEE2E5;
    color: #6E787F;
    cursor: pointer;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    padding: 12px 14px;
    position: relative;
    margin-top: -11px;
    width: 100%;
    z-index: 1;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 3.2rem;
    margin-bottom: 1rem;
    font-weight: 500;
}

@media (min-width: 720px) {
    label[for="amount"] {
        border: 1px solid #b5b5b5;
        border-radius: 3px;
    }
}

label[for="amount"] .input-label {
    -webkit-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -moz-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -ms-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    -o-transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition: opacity 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 4px;
}

label[for="amount"].has-focus {
    background-color: #f9f9f9;
    cursor: text;
    z-index: 2;
}

    label[for="amount"].has-focus .input-wrapper:after {
        color: #393536;
    }

    label[for="amount"].has-focus .input-label {
        color: #000;
    }

/*input {
    background-color: transparent;
    display: block;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 3.2rem;
    outline: none;
    line-height: 1;
    width: 100%;
}
*/

#amount {
    background-color: transparent;
    display: block;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 3.2rem;
    outline: none;
    line-height: 1;
    width: 100%;
}

.input-wrapper {
    position: relative;
}

.amount-wrapper input {
    -webkit-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -moz-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -ms-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    -o-transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s ease;
    padding: 0 14px;
    margin: 3px;
}

.amount-wrapper:after {
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "$";
    color: #393536;
    display: inline-block;
    line-height: 1;
    left: 0px;
    position: absolute;
    top: 50%;
}

.PaymentLoader {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    width: 100px;
}
/*BRAINTREE END*/

/*Special Campaign*/
/*ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

p {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2.1px;
}

.container-fluid {
    padding-right: 80px;
    padding-left: 80px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #000;
}

.header-bg-2 {
    background: #f5f5f2;
    padding: 16px 0;
}

.navbar-expand-lg .navbar-nav.user-account li a {
    background: #fa534b;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 100px;
    padding: 8px 20px;
    color: #fff;
}*/

/*.home-menu, .user-account {
    padding: 5px 0 0;
}*/

.banner-bx {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/LandingBanner.png") no-repeat center center;
    background-size: cover;
    position: relative;
}
/*

.land-02 {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/LandingBanner.png") no-repeat center center;
    background-size: cover;
}

.stories-bx {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/StoryBanner.png") no-repeat center center;
    background-size: cover;
}

.donate-bx {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/StoryBanner.png") no-repeat center center;
    background-size: cover;
    min-height: 430px;
}*/

.shop-bx {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/main-banner1.png") no-repeat center center;
    background-size: cover;
    min-height: 400px;
/*    margin-top: 32px;*/
    /*min-height: 380px;*/
    /* margin-top: 31px;*/
}

.AddDiv {
    display: none;
}
 

.green-bx {
    background: url("/Sitefinity/WebsiteTemplates/Touch/App_Themes/Touch/Images/FeatureBG.png") no-repeat center center;
    background-size: cover;
    min-height: 430px;
}

.caption-content img {
    border-radius: 100px;
}

.caption-content {
    text-align: center;
    padding: 8rem 1rem;
}

    .caption-content h1 {
        font-size: 35px;
        font-weight: 900;
        color: #fff;
        letter-spacing: 4px;
        margin-bottom: 20px;
        word-break: break-word !important;
    }

    .caption-content p {
        font-size: 20px;
        letter-spacing: 2.1px;
        color: #fff;
        font-weight: 400;
        line-height: 30px;
    }

.share-icon {
    margin: 30px 0 0;
}

    .share-icon li {
        display: inline-block;
    }

        .share-icon li a {
            color: #fff;
            margin-right: 12px;
            width: 30px;
            height: 30px;
            display: inline-block;
            border-radius: 100px;
            background: #000;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
        }

.inner-bx {
    padding: 50px 0 0;
}

    .inner-bx h2 {
        font-size: 30px;
        font-weight: 900;
        line-height: 1.58;
        text-transform: uppercase;
    }

.inner-content p {
    color: #868686;
    line-height: 38px;
}


.gray-bx {
    background: #f7f7f7;
    /* //   padding: 50px 0;*/
}

.bread-pos {
    position: absolute;
    left: 82px;
    top: 30px;
}

.breadcrumb {
    padding: .5rem 1rem;
}

.breadcrumb-item {
    font-size: 21px;
    font-weight: 400;
}

    .breadcrumb-item a {
        color: #000;
    }

    .breadcrumb-item.active {
        color: #ff0000;
    }

.inner-partner h2 {
    text-align: center;
    text-transform: capitalize;
    letter-spacing: 3.1px;
    margin-bottom: 30px;
}

.inner-partner .gray-bx {
    padding: 20px 0;
    margin: 3rem 0 0;
}

.inner-partner figure img {
    width: 100%;
}

.inner-partner .gray-bx figure {
    margin-bottom: 30px;
}

.inner-partner {
    padding-bottom: 50px;
}

.inner-content p strong {
    color: #000;
}

.stories-content h2 {
    text-transform: capitalize;
}

.donate-bx .caption-content h1 {
    letter-spacing: 1px;

}

.donate-bx .caption-content {
    text-align: left;
    position: absolute;
    left: 80px;
    /*max-width: 37%;*/
    max-width: 40%;
    top: 171px;
    padding: 0;
}

.hours-bx {
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
}

    .hours-bx li {
        display: inline-block;
        font-size: 25px;
        color: #fff;
        font-weight: 700;
        background: #000;
        padding: 7px 10px;
        text-align: center;
        min-width: 70px;
        border-radius: 5px;
        margin: 0 15px 0 0;
        position: relative;
    }

        .hours-bx li::before {
            content: ":";
            position: absolute;
            left: 75px;
            right: auto;
        }

        .hours-bx li:last-child::before {
            display: none;
        }

        .hours-bx li span {
            font-size: 14px;
            font-weight: 400;
            display: block;
        }

/*.progress-status {
    background-image: linear-gradient(to bottom, #fc6f6f, #cd3535);
    padding: 40px 10px;
}

.progress-bx {
    max-width: 1025px;
    margin: auto;
}

.progress {
    border-radius: 100px;
    background: #a5a5a5;
    height: .5rem;
}

.progress-bar {
    background-color: #2a4156;
}

.progress-bx h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.progress-bx span {
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 20px;
}

.progress-bx .row span {
    margin-top: 5px;
}

.btn-all .btn {
    text-align: center;
    background-color: #fff;
    border-color: #fff;
    color: #000;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 3.1px;
    text-transform: uppercase;
    padding: 6px 25px;
    border-radius: 100px;
}

.btn:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

.btn-all {
    text-align: center;
    margin: 10px 0 0;
}*/

.touch-ambas {
    text-align: center;
    padding: 2rem 0 8rem;
}

    /*.search-bx {
    text-align: center;
    display: inline-block;
    margin-top: 30px;
}

    .search-bx .form-outline {
        width: 400px;
    }

.form-outline .form-control {
    border-radius: 100px;
    border: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
}

.search-bx .btn-danger {
    border-radius: 100px;
    padding: 0px 25px 3px;
    margin: 0 0 0 10px;
    color: #fff;
    background-color: #fc544c;
    border-color: #fc544c;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
}*/

    .touch-ambas p {
        font-size: 16px;
        color: #a1a1a1;
        font-weight: 400;
        margin-top: 4rem;
    }

.gallery {
    background: #fff;
    padding: 0 0px;
}

.gallery-cell {
    width: 66%;
    height: 200px;
    margin-right: 10px;
    background: #8C8;
    counter-increment: gallery-cell;
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none;
    line-height: 1;
}

/* cell number */

.gallery-cell:before {
    display: block;
    text-align: center;
    content: counter(gallery-cell);
    line-height: 200px;
    font-size: 80px;
    color: white;
}

.carousel {
    background: black;
}


.carousel-cell {
    width: 70%;
    height: 200px;
    background: #f8f8f8;
    filter: blur(0px);
    /* flex-box, center image in cell */
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 10px;
}

    .carousel-cell img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        /* dim unselected */
        opacity: 0.7;
        -webkit-transform: scale(0.85);
        transform: scale(0.85);
        -webkit-filter: blur(1px);
        filter: blur(1px);
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s, transform 0.3s, -webkit-filter 0.3s, filter 0.3s;
        transition: opacity 0.3s, transform 0.3s, filter 0.3s;
        filter: gray; /* IE5+ */
        -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
        -webkit-transition: all .8s ease-in-out;
    }

    /* brighten selected image */

    .carousel-cell.is-selected img {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: none;
        filter: none;
    }

.pl-00 {
    padding-left: 0;
}

.our-story h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.58;
    color: #eb6c2f;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.our-story {
    padding: 2rem 0 3rem;
}

.ambas-img .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.ambas-content h5 {
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    font-weight: 400;
}

@media screen and ( min-width: 768px) {
    .carousel-cell {
        height: 280px;
    }
}

@media screen and ( min-width: 960px) {
    .carousel-cell {
        width: 56%;
        padding: 1%;
        margin: 0 20px;
        opacity: 75%;
    }
}

/* buttons, no circle */

.flickity-prev-next-button {
    width: 50px;
    height: 50px;
    background: transparent;
}

    .flickity-prev-next-button:hover {
        background: transparent;
        opacity: 1;
    }

    /* arrow color */

    .flickity-prev-next-button .arrow {
        fill: #fff;
    }

    .flickity-prev-next-button.no-svg {
        color: #fff;
    }

    /* closer to edge */

    .flickity-prev-next-button.previous {
        left: 14%;
        background: #007bff;
    }

.technology-details-table > tbody > tr:nth-child(1) > td {
    padding-top: 17px;
}

.technology-details-table > tbody > tr:nth-last-child(1) > td {
    padding-bottom: 17px;
}

.flickity-prev-next-button.next {
    right: 14%;
    background: #007bff;
}

/* hide disabled button */

.flickity-prev-next-button:disabled {
    display: none;
}

#slide-mobile {
    display: none;
}

.auther-bx img {
    border-radius: 100px;
    width: 60px;
    height: 60px;
}

.red-more {
    margin: 0 0 25px;
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}

#slide-desktop p {
    font-size: 18px;
    margin: 0 0 5px;
}

.auther-bx h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 0 0 5px;
    color: #000;
}

.auther-bx span {
    color: #eb6c2f;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*.landing-popup .modal-dialog {
    max-width: 720px;
    margin: 1.75rem auto;
}

.landing-popup .modal-content {
    background: #3c3533;
    border-radius: 10px;
}

.popup-content h3 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #fff;
}

.popup-content span {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fc544c;
    letter-spacing: 2px;
}

.popup-profile {
    text-align: center;
    padding: 20px 3rem;
    border-top: 1px solid #666;
}

    .popup-profile h4 {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 2px;
    }

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

    .popup-profile .btn {
        font-size: 20px;
        letter-spacing: 2px;
        color: #fff;
        border-radius: 100px;
        padding: 7px 20px;
        margin-top: 20px;
    }

.landing-popup .close {
    color: #fff;
    font-size: 40px;
}*/

/*.footer-area {
    background: #455561;
}

.footer-padding {
    padding-top: 40px;
    padding-bottom: 10px;
}

.footer-area .footer-tittle ul li {
    color: #fff;
    margin-bottom: 5px;
}

.footer-text {
    padding-left: 15px;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 12px;
    letter-spacing: 2px;
}

.footer-area .footer-logo {
    margin-bottom: 40px;
}

.footer-social {
    display: inline-flex;
}

    .footer-social a {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 12px;
        letter-spacing: 2px;
    }

.footer-area .footer-social a i {
    color: #65737D;
    ;
    margin-right: 12px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
}

.footer-bottom-area {
    background: #65737D;
}

    .footer-bottom-area .footer-border {
        padding: 20px 0px 10px;
    }

    .footer-bottom-area .footer-copy-right p {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        line-height: 2;
        margin-bottom: 12px;
        letter-spacing: 2px;
    }

.footer-social li {
    padding-left: 15px;
}

.footer-tittle.address ul li i.fa-map-marker-alt {
    float: left;
    width: 15px;
}

.footer-tittle.address ul li span {
    float: left;
    width: 90%;
    margin: -5px 0 0;
}
*/
@media (max-width: 768px) {
    /*.container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .mobile-bg {
        padding: 10px 0;
    }*/

    /* .footer-logo .footer-tittle {
        float: none !important;
        text-align: left !important;
        padding: 15px 0 0;
    }

    .footer-copy-right {
        text-align: left !important;
    }

    .footer-social li:first-child {
        padding: 0;
    }

    .footer-copy-right {
        margin-bottom: 20px;
    }
*/
    .inner-content {
        margin-bottom: 30px;
    }

    .inner-bx .pr-5 {
        padding-right: 15px !important;
    }

    .inner-bx .pl-5 {
        padding-left: 15px !important;
    }

    .inner-content h2 {
        font-size: 20px;
    }

    .inner-bx .gray-bx .inner-content {
        padding-top: 20px;
    }

    .bread-pos {
        position: relative;
        left: 0;
        top: 30px;
    }


 
    .donate-bx .caption-content {
        text-align: left;
        position: relative;
        left: 0;
        max-width: 100%;
        top: 0px;
        background: #00000047;
        padding: 9px;
    }

    .donate-bx .caption-content {
        .hours-bx li {
        margin: 0 10px 0 0;
    }

    .hours-bx {
        margin: 10px 0 0;
    }

    .donate-bx .caption-content h1 {
        font-size: 26px;
    }

    .donate-bx .caption-content pSpecial {
        font-size: 18px;
    }
}

#slide-desktop {
    display: none !important;
}

#slide-mobile {
    display: block;
}

.carousel-cell {
    height: auto !important;
    padding: 10px;
}

.auther-bx .pl-0 {
    padding-left: 15px !important;
}

.search-bx .form-outline {
    width: auto;
}

.inner-bx h2 {
    font-size: 22px;
}

.inner-bx figure img {
    width: 100%;
}

.ambas-img .col-lg-2 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.ambas-content {
    margin-bottom: 30px;
}

}

/*Special Campaign*/



.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect.k-header.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.otherAmt .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.otherAmt .k-state-default > .k-select {
    height: 30px;
    padding: 10px 0;
    margin: 5px 2px 0px;
}

.otherAmt .form-control {
    height: calc(1.5em + 3rem + 2px);
}


/*Special Campaign Page*/

.volunter-menus {
    text-align: center;
    background-color: #F4BCAA;
    padding: 25px 0;
}

    .volunter-menus .btn {
        font-size: 20px;
        letter-spacing: 2px;
        background: #fff;
        border-color: #fff;
        color: #000;
        padding: 8px 30px;
        min-width: 183px;
        font-weight: 600;
    }

.progress-status.new-bg {
    background: #F4BCAA;
}

    .progress-status.new-bg .progress-bx h3, .progress-status.new-bg .progress-bx span {
        color: #000;
    }

.audio-bx figure {
    margin: 0;
}

.ambas-img figure {
    padding: 20px;
}



pSpecial {
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2.1px;
    color: #868686;
    line-height: 38px;
    margin-top: 0;
    margin-bottom: 1rem;
    line-height: 1.4;
}



.inner-bx-special h2 {
    font-size: 30px;
    font-weight: 900;
    line-height: 1.58;
    text-transform: uppercase;
}

.text-right {
    text-align: right !important;
}

.rowSpecial {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
/*Special Campaign Page*/

.donation-banner {
    margin-top: 0px;
    min-height: 250px;
}

.donation-banner .carousel-caption {
    right: inherit;
    left: 5%;
    top: 150px;
    text-align: left;
    bottom: inherit;
    width: 30%;
}

@media screen and (max-width: 769px) {
    .donation-banner {
        margin-top: 0px;
        min-height: 130px;
    }

    .donation-banner .carousel-caption {
        right: inherit;
        left: 5%;
        top: 80px;
        text-align: left;
        bottom: inherit;
        width: 40%;
    }

    .donation-banner .carousel-caption h1 {
        font-size: 20px;
        margin-top: 100px;
    }
    .hlight_r3 {
        background-size: 100% 6px !important;
    }
}


@media screen and (max-width: 991px){
    .donation-banner {
        margin-top: 0px;
        min-height: 130px;
    }
    .donation-banner .carousel-caption {
        right: inherit;
        left: 5%;
        top: 120px;
        text-align: left;
        bottom: inherit;
        width: 40%;
    }
    .donation-banner .carousel-caption h1 {
        font-size: 20px;
        margin-top: 60px;
    }
    .hlight_r3 {
        background-size: 100% 6px !important;
    }
}
@media screen and (max-width: 420px) {
    .donation-banner {
        margin-top: 0px;
        min-height: 130px;
    }

        .donation-banner .carousel-caption {
            right: inherit;
            left: 5%;
            top: 50px;
            text-align: left;
            bottom: inherit;
            width: 40%;
        }

            .donation-banner .carousel-caption h1 {
                font-size: 16px;
                margin-top: 60px;
            }

    .hlight_r3 {
        background-size: 100% 6px !important;
    }
}
/*.donation-banner .carousel-caption h1 {
    font-size: 60px;
}*/

/*****Event Ticket screen *******/
.contact-bg figure img {
    margin: -35px 0 0 0;
}

.contact-bg .max-container {
    margin: 3rem auto 0;
}

.contact-bg h4 {
    margin-bottom: 20px;
    color: #000;
    font-weight: 600;
    margin-top: 0;
}

.contact-bg label {
    color: #000;
}

.form-group.light-bg input {
    background: #f6f6f6;
}

.contact-bg .accordion .btn {
    padding: 0;
}

.contact-bg .accordion .card {
    margin-bottom: 15px;
    border: none;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-radius: 10px;
}

    .contact-bg .accordion .card .card-header {
        background-color: #455561;
        border-radius: 10px;
        padding: .75rem 1.25rem;
    }

    .contact-bg .accordion .card .btn-link {
        color: #fff;
        text-decoration: none;
        font-size: 2rem;
        font-weight: 500;
        text-align: left;
    }
    .contact-bg .accordion .card h2{
        margin:0px;
    }

    .contact-bg .accordion .card .btn-link.collapsed {
        background: url("images/plus.png") no-repeat center right;
        background-size: 30px;
    }

    .contact-bg .accordion .card .btn-link {
        background: url("images/minus.png") no-repeat center right;
        background-size: 30px;
    }

.contact-bg .accordion .card .btn-link::before {
    background: transparent;
}

.contact-bg {
    margin-bottom: 30px;
    margin-left: 34px;
    margin-right: 34px;
}

.contact-bg p a {
    color: #007bff;
    text-decoration: underline;
}

.contact-bg hr {
    border-bottom: 2px solid #99999a;
}

.other-mt {
    margin-top: -15px;
}

/*****End-Event Ticket screen *******/

/***Invoice QR***/
.profile-content .nav-tabs li a {
    font-size: 14px;
}

.invoice-tab table tr td a {
    color: #007bff;
    text-decoration: underline;
}

.invoice-tab table tr td:last-child {
    width: 113px;
}

span.pending {
    border-radius: 30px;
    padding: 5px;
    border: 1px solid #e6ad02;
    color: #e6ad02;
    font-size: 9pt;
    min-width: 100px;
    display: block;
    text-align: center;
}

.tax-crumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    color: #000;
}

.tax-crumb.breadcrumb > .active {
    color: #0F7DEB !important;
}

.tax-crumb .breadcrumb-item a {
    color: #000;
}

.invoice-bx h1 {
    font-size: 2rem;
    color: #000;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
}

.tax-summary {
    background: url("images/tax-card.png") no-repeat center center;
    background-size: 100%;
    padding: 15px 50px;
    width: 100%;
}

    .tax-summary h3 {
        color: #fff;
        font-size: 25px;
        font-weight: 500;
        font-family: "Poppins", sans-serif;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .tax-summary span {
        font-size: 16px;
        color: #fff;
        font-weight: 400;
    }

    .tax-summary h4 {
        font-size: 30px;
        color: #fff;
        margin-top: 5px;
        font-weight: 700;
        margin-bottom: 0;
    }

.btn-category {
    background: #e3f4ec61;
    padding: 5px 20px;
    border-radius: 100px;
    font-size: 18px;
    margin-top: 40px;
    display: inline-block;
}

.tax-content {
    margin: 0 0 30px;
    position: relative;
}

    .tax-content.dots span {
        padding: 0 0 0 20px;
    }

    .tax-content.dots::before {
        content: "";
        background: #e3f4ec61;
        width: 10px;
        height: 10px;
        border-radius: 100px;
        position: absolute;
        left: 0;
        top: 7px;
    }

    .tax-content.d-green::before {
        background: #75DDBD;
    }

    .tax-content.d-yellow::before {
        background: #FF951B;
    }

.tax-summary .txt-right {
    float: right;
}

.tax-trans-bg {
    background: #F3F8FF;
    border-radius: 25px;
    margin: 20px 0;
    padding: 15px 50px;
}

    .tax-trans-bg h3 img {
        padding: 0 15px 0 0px;
    }

    .tax-trans-bg span {
        color: #9A9FAB;
    }

    .tax-trans-bg h3 {
        color: #000;
    }

    .tax-trans-bg h4 {
        color: #000;
        font-size: 22px;
    }

.payment-bg {
    border-radius: 20px;
    box-shadow: 0px 0px 10px #e2e2e2;
    padding: 40px 25px;
}

    .payment-bg .tax-content {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .payment-bg .tax-content span {
            font-size: 16px;
            color: #000;
            font-weight: 400;
        }

        .payment-bg .tax-content h4 {
            color: #000;
            font-size: 16px;
            padding: 10px 0;
            line-height: 1.8;
            font-weight: 600;
        }

        .payment-bg .tax-content.clr-bg h4 {
            color: #0058FF;
            font-size: 24px;
        }

.pay-invoices h3 {
    font-size: 24px;
    font-weight: 600;
}

.pay-invoices {
    border-top: 1px dotted #0F7DEB;
    padding-top: 16px;
}

.pay-btn {
    background: #0058FF;
    color: #fff;
    padding: 8px 45px;
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    border-radius: 10px;
    margin: 20px 0 0;
}

.tax-accordion h5 {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px;
}

    .tax-accordion h5 span {
        color: #707070;
        font-size: 16px;
        font-weight: normal;
    }

.tax-accordion {
    background: #F8F8F8;
    padding: 20px;
    border-radius: 20px;
}

.less-table thead th {
    border-bottom: none;
    border-top: none;
    padding: 10px 0 0;
    font-weight: normal;
    font-size: 15px;
}

.less-table td {
    border-top: none;
    padding: 10px 0 0;
    font-weight: 700;
    font-size: 18px;
}

.tax-accordion .accordion table thead tr {
    background: #418DBA;
}

    .tax-accordion .accordion table thead tr th {
        color: #fff;
    }

.tax-accordion .accordion .table tr:last-child {
    font-weight: 600;
}
@media only screen and (max-width: 992px) {

    .tax-summary {
        background-size: cover;
        padding: 15px 20px;
    }

        .tax-summary .txt-right {
            float: none;
        }

    .tax-trans-bg {
        padding: 14px 20px;
    }

        .tax-trans-bg h4 {
            padding-left: 0;
        }

    .tax-summary h4 {
        padding-left: 0;
    }

    .tax-trans-bg h3 img {
        padding: 0 0px 0 0px;
    }

    .contact-bg {
        margin-top: 25px;
        margin-left: 0;
        margin-right: 0;
    }

    .card-body .table {
        display: block;
        overflow-x: auto;
        width: 100%;
    }
}
/******End- Invoice QR***/

/**********/
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-body .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.card-body .table td, .card-body .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}
table tr > td {
    font-size: 10pt;
}
/*********/

/***Special Event***/

.youtupe-banner {
    /*background: url("../images/SpecialEvent/yout-banner.png") no-repeat center center;*/
    background: linear-gradient( 0deg, #f14134 0%, #f14134 100%);
    background-size: cover;
    padding: 85px 20px;
}

.feedback-bg h2,
.feedback-bg p {
    color: #fff;
    text-align: center;
}

.feedback-bg p {
    margin: auto;
    max-width: 925px;
    margin-bottom: 30px;
}
.feedback-bg p {
    font-family: "Red Hat Display";
    font-size: 18px;
    line-height: 25px;
    font-weight: normal;
}

.feedback-bg h2 {
    /*font-size: 3rem;*/
    font-size: xx-large;
}

.feedback-bg h2 {
    font-family: "Red Hat Display";
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 25px;
    letter-spacing: 1.5px;
}

.celebrate-bx {
    /*background: rgb(67, 10, 0);*/
    /*background: linear-gradient(0deg, rgba(67, 10, 0, 1) 0%, rgba(136, 59, 40, 1) 100%);*/
    background: linear-gradient( 0deg, #fd9a3c 0%,#f14134 100%);
    padding: 40px 0;
    font-family: "Red Hat Display";
}
.celebrate-content {
    /*background: #D78C7A;*/
    background: #ffffff;
    border-radius: 10px;
    text-align: center;
    padding: 20px 10px;
}

    .celebrate-content h3 {
        font-size: 24px;
        margin: 30px 0 15px;
        font-weight: 600;

    }

    .celebrate-content p {
        font-size: 14px;
        color: #000;
    }

.btn-vol {
    background: #FC544C;
    padding: 10px 25px;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    min-width: 130px;
}

.feeback-br {
    border-top: 3px solid #fff;
    padding: 25px 0 10px;
    margin: 40px 0 0;
}

.celebrate-content.bg-trans {
    /*background: transparent;
    position: relative;
    clear: both;
    overflow: hidden;*/
    padding: 0;
    margin: 0 0 30px;
    border-radius: 20px;
}
    .celebrate-content.bg-trans img {
        filter: brightness(0.5);
    }


    .celebrate-content.bg-trans::before {
        /*content: "";
        background-color: #00000070;
        position: absolute;
        height: 100%;
        width: 100%;
        display: inline-block;
        z-index: 99999;*/
    }

    .celebrate-content.bg-trans h4 {
        font-size: 26px;
        color: #fff;
        font-weight: 600;
        position: absolute;
        top: 41%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99999;
        width:100%;
    }

.celebrate-bx .bx-white {
    background: #fff;
}

    .celebrate-bx .bx-white p {
        color: #506172;
        text-align: left;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .celebrate-bx .bx-white .font-white .h2 {
        font-size: 18px;
    }

.celebrate-bx .recent-cap {
    padding: 15px 15px 15px 15px;
}

    .celebrate-bx .recent-cap h4 {
        font-size: 16px;
    }

    .celebrate-bx .recent-cap .volunteer-list-ul img {
        width: 20px;
    }

    .celebrate-bx .recent-cap .volunteer-list-ul .text-muted {
        font-size: 14px;
        font-weight: normal;
        padding-left: 5px;
    }

.celebrate-bx .owl-carousel .owl-dots {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: center;
    padding: 10px 0 0;
}

.celebrate-bx .owl-carousel .owl-dot {
    display: inline-block;
}

    .celebrate-bx .owl-carousel .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 10px 4px;
        background: #707070;
        border: none;
        border-radius: 100px;
        display: block;
    }

    .celebrate-bx .owl-carousel .owl-dot.active span {
        background: #fff;
    }

.celebrate-bx .owl-carousel .owl-nav div.owl-next {
    background: url("../images/SpecialEvent/next.png") no-repeat center center;
    text-indent: 999999px;
}

.celebrate-bx .owl-carousel .owl-nav div.owl-prev {
    background: url("../images/SpecialEvent/pre.png") no-repeat center center;
    text-indent: 999999px;
}

.celebrate-bx .owl-carousel .owl-nav div.owl-next {
    right: 0px;
    left: auto;
}

.celebrate-bx .owl-carousel .owl-nav div {
    left: 0px;
    height: 70px;
}

.celebrate-bx .b-bx .gradient-over-image {
    border-radius: 0px;
}

@media (max-width: 767px) {
    .celebrate-content {
        margin-bottom: 20px;
    }
}

.owl-carousel .owl-nav div {
    background: rgba(255,255,255,0.8) none repeat scroll 0 0;
    height: 40px;
    left: 20px;
    line-height: 40px;
    font-size: 22px;
    color: #646464;
    opacity: 1;
    visibility: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    width: 40px
} 
        .owl-carousel .owl-nav div.owl-next i {
            position: relative;
            right: 0;
            top: 1px
        }

    .owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: -30px
    }

    .owl-carousel .owl-nav div.owl-prev i {
        position: relative;
        right: 1px;
        top: 0px
    }

.owl-carousel:hover .owl-nav div {
    opacity: 1;
    visibility: visible
}

    /*.owl-carousel:hover .owl-nav div:hover {
        color: #fff;
        background: #ff3500
    }*/
/*.sticky-bar {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    z-index: 9999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    background: #fff
}*/


/***End - Special Event******/


#scrollUp {
    background: #ff656a;
    height: 50px;
    width: 50px;
    right: 31px;
    bottom: 18px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    border: 2px solid transparent
}



@media (max-width: 767px) {
    #scrollUp {
        right: 16px
    }
}

#scrollUp:hover {
    color: #fff
}

@media screen and (max-width: 767px) {
    .carousel.slide {
        background: transparent !important;
    }
}