.add-btn,
.share-btns {
    text-align: center
}

.btn-filter-option i,
.btn-quick-filter i,
.panel-charity-box .btn-orange,
.producten .filter-views li a i,
.radio label,
.top5 .box .progress,
.top5 .box h5,
.user-login .btn-start span {
    vertical-align: middle
}

.chat-message {
    margin-top: 10px;
    padding-top: 10px
}

.chat-message:not(:first-child) {
    border-top: 1px solid #e7e7e7
}

.chat-message-details {
    margin-left: 10px
}

.chat-profile-image {
    height: 28px;
    width: 28px;
    border-radius: 50%
}

.btn-md-size {
    padding: 8px 16px;
    font-size: 17px
}

.btn-create,
.btn-create:active,
.btn-create:focus,
.btn-create:hover {
    background: #7DC242;
    color: #fff;
    font-size: 1.8em
}

.add-btn {
    margin: 0 0 20px
}

.add-btn .btn {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    line-height: 1.5;
    font-size: 20px
}

.user-login .btn-social {
    text-align: center;
    border: none;
    box-shadow: none;
    font-size: 1em;
    font-weight: 700
}

.user-login .btn-social > :first-child {
    left: 1em;
    line-height: 1.5;
    border: 0;
    width: auto
}

.btn-default-focus {
    outline: 0;
    background: 0 0;
    box-shadow: none
}

.btn-green,
.btn-green:active,
.btn-green:focus,
.btn-green:hover {
    background: #44C95C;
    border-style: solid;
    border-width: 1px;
    border-color: #44C95C;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}

.btn-whatsapp {
    color: #fff;
    background-color: #12af0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-whatsapp.active,
.btn-whatsapp.focus,
.btn-whatsapp:active,
.btn-whatsapp:focus,
.btn-whatsapp:hover,
.open > .dropdown-toggle.btn-whatsapp {
    color: #fff;
    background-color: #13a80c;
    border-color: rgba(0, 0, 0, .2)
}

.btn-whatsapp.active.focus,
.btn-whatsapp.active:focus,
.btn-whatsapp.active:hover,
.btn-whatsapp:active.focus,
.btn-whatsapp:active:focus,
.btn-whatsapp:active:hover,
.open > .dropdown-toggle.btn-whatsapp.focus,
.open > .dropdown-toggle.btn-whatsapp:focus,
.open > .dropdown-toggle.btn-whatsapp:hover {
    color: #fff;
    background-color: #12af0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-whatsapp.active,
.btn-whatsapp:active,
.open > .dropdown-toggle.btn-whatsapp {
    background-image: none
}

.btn-whatsapp.disabled,
.btn-whatsapp.disabled.active,
.btn-whatsapp.disabled.focus,
.btn-whatsapp.disabled:active,
.btn-whatsapp.disabled:focus,
.btn-whatsapp.disabled:hover,
.btn-whatsapp[disabled],
.btn-whatsapp[disabled].active,
.btn-whatsapp[disabled].focus,
.btn-whatsapp[disabled]:active,
.btn-whatsapp[disabled]:focus,
.btn-whatsapp[disabled]:hover,
fieldset[disabled] .btn-whatsapp,
fieldset[disabled] .btn-whatsapp.active,
fieldset[disabled] .btn-whatsapp.focus,
fieldset[disabled] .btn-whatsapp:active,
fieldset[disabled] .btn-whatsapp:focus,
fieldset[disabled] .btn-whatsapp:hover {
    background-color: #12af0a;
    border-color: rgba(0, 0, 0, .2)
}

.btn-whatsapp .badge {
    color: #12af0a;
    background-color: #fff
}

.btn-save,
.btn-upload {
    border-radius: 3px;
    background-color: #F06B25;
    color: #fff;
    text-transform: uppercase
}

.btn-save:active,
.btn-save:focus,
.btn-save:hover,
.btn-upload:active,
.btn-upload:focus,
.btn-upload:hover {
    color: #fff
}

.photoUpload {
    position: relative;
    overflow: hidden;
    margin: 10px 0
}

.upload-photo .text-warning {
    color: #f48350;
    font-size: 13px
}

.upload-photo .help-block {
    font-size: 13px;
    color: #668733
}

.photoUpload input.uploadphoto {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.share-btns h4 {
    color: #F06B25;
    font-weight: 700;
    text-transform: uppercase
}

.share-btns ul li a {
    border-radius: 0;
    border: 0
}

.btn-filter-option,
.btn-quick-filter {
    border-style: solid;
    border-width: 1px;
    text-transform: uppercase
}

.btn-goal {
    position: absolute;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    display: block;
    width: 100%;
    left: 0;
    padding: 10px 0
}

.btn-shop,
.btn-shop:active,
.btn-shop:focus,
.btn-shop:hover {
    background: #F06B25;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0
}

.btn-shop {
    padding: 2px 10px
}

.btn-filter-option {
    color: #F06B25;
    font-weight: 500;
    border-radius: 20px;
    border-color: #dbddd4;
    background: rgba(253, 253, 252, 1);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(253, 253, 252, 1)), color-stop(50%, rgba(241, 242, 237, 1)), color-stop(51%, rgba(239, 241, 235, 1)), color-stop(71%, rgba(230, 232, 223, 1)), color-stop(100%, rgba(230, 232, 223, 1)));
    background: -webkit-linear-gradient(top, rgba(253, 253, 252, 1) 0, rgba(241, 242, 237, 1) 50%, rgba(239, 241, 235, 1) 51%, rgba(230, 232, 223, 1) 71%, rgba(230, 232, 223, 1) 100%);
    background: linear-gradient(to bottom, rgba(253, 253, 252, 1) 0, rgba(241, 242, 237, 1) 50%, rgba(239, 241, 235, 1) 51%, rgba(230, 232, 223, 1) 71%, rgba(230, 232, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfc', endColorstr='#e6e8df', GradientType=0);
    padding: 6px 0 6px 12px
}

.btn-filter-option i {
    padding: 0 10px 0 30px;
    font-size: 18px
}

.btn-quick-filter {
    color: #468922;
    font-weight: 700;
    font-size: 11px;
    border-radius: 0;
    border-color: #acc837;
    background: #fff;
    padding: 4px 0 4px 2px
}

.btn-quick-filter i {
    padding: 0 4px;
    font-size: 18px
}

.btn-quick-filter.active {
    background-color: #468922;
    color: #fff
}

.btn-orange,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover,
.product-box .btn-choose,
.product-box .btn-choose:active,
.product-box .btn-choose:focus,
.product-box .btn-choose:hover {
    background: #EA6D2E;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3px
}

@media (min-width: 768px) and (max-width: 1199px) {
    .shop-btn {
        display: block;
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .shop-btn {
        display: block;
        margin-bottom: 10px
    }
}

/*@font-face {*/
/*    font-family: 'Gunny Rewritten';*/
/*    src: url(../fonts/Gunny-Rewritten/GunnyRewritten.eot);*/
/*    src: url(../fonts/Gunny-Rewritten/GunnyRewritten.eot?#iefix) format('embedded-opentype'),*/
/*    url(../fonts/Gunny-Rewritten/GunnyRewritten.woff2) format('woff2'),*/
/*    url(../fonts/Gunny-Rewritten/GunnyRewritten.woff) format('woff'),*/
/*    url(../fonts/Gunny-Rewritten/GunnyRewritten.ttf) format('truetype'),*/
/*    url(../fonts/Gunny-Rewritten/GunnyRewritten.svg#GunnyRewritten) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Light/Roboto-Light.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Light/Roboto-Light.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Light/Roboto-Light.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 300;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Regular/Roboto-Regular.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Regular/Roboto-Regular.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Regular/Roboto-Regular.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Medium/Roboto-Medium.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Medium/Roboto-Medium.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Medium/Roboto-Medium.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 500;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Bold/Roboto-Bold.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Bold/Roboto-Bold.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Bold/Roboto-Bold.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 700;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: Roboto;*/
/*    src: url(../fonts/Roboto/Bold/Roboto-Bold.woff2?v=1.1.0) format("woff2"),*/
/*    url(../fonts/Roboto/Bold/Roboto-Bold.woff?v=1.1.0) format("woff"),*/
/*    url(../fonts/Roboto/Bold/Roboto-Bold.ttf?v=1.1.0) format("truetype");*/
/*    font-weight: 700;*/
/*    font-style: normal*/
/*}*/

html {
    position: relative;
    min-height: 100%
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body {
    font-family: Roboto, sans-serif;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    background: rgba(0, 0, 0, 0.05);
}

a {
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    text-decoration: underline;
    outline: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

textarea {
    width: 100% !important
}

.no-margin {
    margin: 0 !important
}

.loading-content {
    padding: 100px 0 200px
}

.preloader2 {
    width: 100%;
    text-align: left
}

.preloader2 span {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #000;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    -webkit-animation: preloader21 2s linear infinite alternate;
    animation: preloader21 2s linear infinite alternate
}

.preloader2 span:nth-child(2) {
    animation-name: preloader22;
    -webkit-animation-name: preloader22
}

.preloader2 span:nth-child(3) {
    animation-name: preloader23;
    -webkit-animation-name: preloader23
}

.preloader2 span:nth-child(4) {
    animation-name: preloader24;
    -webkit-animation-name: preloader24
}

.preloader2 span:nth-child(5) {
    animation-name: preloader25;
    -webkit-animation-name: preloader25
}

@keyframes preloader21 {
    0% {
        margin-left: 0
    }
    100%,
    50% {
        margin-left: 64px
    }
}

@-webkit-keyframes preloader21 {
    0% {
        margin-left: 0
    }
    100%,
    50% {
        margin-left: 64px
    }
}

@keyframes preloader22 {
    0% {
        margin-left: 0
    }
    37.5%,
    87.5% {
        margin-left: 48px
    }
    100% {
        margin-left: 64px
    }
}

@-webkit-keyframes preloader22 {
    0% {
        margin-left: 0
    }
    37.5%,
    87.5% {
        margin-left: 48px
    }
    100% {
        margin-left: 64px
    }
}

@keyframes preloader23 {
    0% {
        margin-left: 0
    }
    25%,
    75% {
        margin-left: 32px
    }
    100% {
        margin-left: 64px
    }
}

@-webkit-keyframes preloader23 {
    0% {
        margin-left: 0
    }
    25%,
    75% {
        margin-left: 32px
    }
    100% {
        margin-left: 64px
    }
}

@keyframes preloader24 {
    0% {
        margin-left: 0
    }
    12.5%,
    62.5% {
        margin-left: 16px
    }
    100% {
        margin-left: 64px
    }
}

@-webkit-keyframes preloader24 {
    0% {
        margin-left: 0
    }
    12.5%,
    62.5% {
        margin-left: 16px
    }
    100% {
        margin-left: 64px
    }
}

@keyframes preloader25 {
    0%,
    50% {
        margin-left: 0
    }
    100% {
        margin-left: 64px
    }
}

@-webkit-keyframes preloader25 {
    0%,
    50% {
        margin-left: 0
    }
    100% {
        margin-left: 64px
    }
}

.content {
    position: relative;
    z-index: 1
}

:focus {
    outline: 0
}

.contentarea {
    margin-top: 20px
}

.float-none {
    float: none
}

.modal-backdrop {
    background-color: #6a7d18
}

hr.seperator {
    border-top: 1px solid #7DC242
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px
}

.radio label:after,
.radio label:before {
    display: inline-block;
    position: absolute;
    margin-left: -20px
}

.radio label:before {
    content: "";
    width: 17px;
    height: 17px;
    left: 0;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label:after {
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background-color: #555;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33), -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-primary input[type=radio] + label:after,
.radio-primary input[type=radio]:checked + label:after {
    background-color: #337ab7
}

.radio input[type=radio] {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 1
}

.radio input[type=radio]:focus + label:before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.radio input[type=radio]:checked + label:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type=radio]:disabled + label {
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
}

.radio input[type=radio]:disabled + label:before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type=radio]:checked + label:before {
    border-color: #337ab7
}

.radio-danger input[type=radio] + label:after,
.radio-danger input[type=radio]:checked + label:after {
    background-color: #d9534f
}

.radio-danger input[type=radio]:checked + label:before {
    border-color: #d9534f
}

.radio-info input[type=radio] + label:after,
.radio-info input[type=radio]:checked + label:after {
    background-color: #5bc0de
}

.radio-info input[type=radio]:checked + label:before {
    border-color: #5bc0de
}

.radio-warning input[type=radio] + label:after,
.radio-warning input[type=radio]:checked + label:after {
    background-color: #f0ad4e
}

.radio-warning input[type=radio]:checked + label:before {
    border-color: #f0ad4e
}

.radio-success input[type=radio] + label:after {
    background-color: #668733
}

.radio-success input[type=radio]:checked + label:before {
    border-color: #44C95C
}

.overlay-bgd,
footer {
    /*border-top: 3px solid #249f53*/
    box-shadow: 6px 0 12px rgba(0, 0, 0, .175);
}

.radio-success input[type=radio]:checked + label:after {
    background-color: #44C95C
}

.footer,
.overlay-bgd {
    background-color: rgba(74, 118, 168, 0.1)
}

input[type=radio].styled:checked + label:after {
    font-family: FontAwesome;
    content: "\f00c"
}

input[type=radio] .styled:checked + label:after,
input[type=radio] .styled:checked + label:before {
    color: #4a76a8;
}

.col-lg-15,
.col-md-15,
.col-sm-15,
.col-xs-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-15 {
    width: 20%;
    float: left
}

.mar-top {
    margin: 50px 0
}

footer {
    margin: 100px 0 0;
    width: 100%;
    position: relative
}

@media (max-width: 767px) {
    footer {
        margin-top: 40px;
    }
}

.footer {
    padding: 40px 0;
    background-color: #fff;
}

.footer h4 {
    font-size: 16px;
    color: #349d23;
}

.footer ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 26px;
}

.footer ul li a:hover,
.footer ul li a:focus,
.footer ul li a:active {
    color: #000;
    text-decoration: underline;
}

.overlay-bg {
    position: relative;
    margin-bottom: -110px
}

.overlay-bgd {
    padding: 100px 0 0;
    position: absolute;
    width: 100%;
    bottom: 0
}

.about-us h5,
.contact h5,
.hiw h5,
.myaccount h5,
.terms h5 {
    color: #529E29;
    font-weight: 700;
    margin: 50px 0 0;
    font-size: 18px
}

.charity-setup h4,
.contact h4,
.hiw h4,
.myaccount h4,
.settings-page h4,
.terms h4,
.user-login h4 {
    color: #F06B25;
    text-transform: uppercase;
    font-weight: 700
}

.about-us h4 a span,
.contact h4 {
    text-transform: none
}

.about-us p,
.charity-setup p.custom-text,
.hiw p,
.terms p {
    color: #848484;
    margin: 20px 0
}

.about-us p,
.hiw p {
    color: #333;
    font-size: 16px
}

.hiw p,
.terms p {
    margin: 0
}

.meter.progress {
    height: 30px;
    background: rgba(74, 118, 168, 0.1);
    border-radius: 6px;
    margin-bottom: 0;
    position: relative;
    box-shadow: none
}

.meter.progress .progress-bar {
    font-style: normal;
    text-align: justify;
    line-height: 28px;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    box-shadow: none;
    padding-left: 10px;
    padding-right: 0;
    background: #14c25d;
    background: #349d23;
}

.meter.progress .target {
    line-height: 28px;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    color: #424f0a;
    right: 10px
}

.stores-container h4 {
    color: #333;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 25px;
}

.stores-container .causes-box h4 {
    margin-top: 10px;
}

.stores-container .causes-box .causes-box__item {
    width: calc(100% / 3 - 20px);
}

.category-box--vertical > .category-box > ul {
    flex-direction: column;
}

.category-box--vertical .category-box__item {
    width: 100%;
    margin-bottom: 5px;
    background-color: #fff;
}

.category-box--vertical .category-box__item a {
    padding: 10px 10px 12px 10px;
    border-radius: 6px;
}

.category-box--vertical .category-box__item img {
    display: none;
}

.category-box--vertical .category-box__item .category-box__item--description-title {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 22px;
}

.category-box--vertical .category-box__item.active .category-box__item--description-title {
    font-weight: 700;
    color: #4a76a8;
}

.category-box--vertical .category-box__item .category-box__item--description-title:after {
    content: "\203A";
    display: inline-block;
    margin-left: 5px;
    font-size: 20px;
}

.tags-list--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .tags-list--wrapper {
        flex-direction: column;
    }
}

.tags-list--wrapper-flex-start {
    justify-content: flex-start;
}

.tags-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .tags-list {
        margin-bottom: 10px;
    }
}

.tags-list__tag {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 5px 5px 5px 0;
    min-width: 50px;
    border-radius: 6px;
    background-color: #fff;
}

.tags-list__tag.active a {
    background-color: rgb(228, 241, 255);
    border: 1px solid #4a76a8;
}

.tags-list__tag a {
    padding: 5px 10px;
    width: 100%;
    text-align: center;
    color: #000;
    border-radius: 6px;
    font-size: 12px;
    border: 1px solid #ddd;
    text-decoration: none;
}

.tags-list--search,
.tags-list--select {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
}

@media (max-width: 1199px) {
    .tags-list--search,
    .tags-list--select {
        margin-bottom: 10px;
    }
}

.tags-list--search input,
.tags-list--select select {
    padding: 5px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
    height: auto;
}

.tags-list--select option {
    line-height: 2;
}

.tags-list--select option:last-of-type {
    border-radius: 0 0 6px 6px;
}

.tags-list__tag a:hover,
.tags-list__tag a:active,
.tags-list__tag a:focus {
    background-color: rgb(228, 241, 255) !important;
    border: 1px solid #4a76a8;
}

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

.category-box > ul,
.causes-box > ul,
.top-recent-stores > ul,
.recent-purchases-box > ul,
.location-box > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-self: center;
    margin: 0;
}

.location-box > ul {
    justify-content: flex-start;
}

.stores__list {
    justify-content: flex-start !important;
}

.stores__list--rows {
    flex-direction: column !important;
}
@media (max-width: 991px) {
    .stores__list--rows {
        flex-direction: row !important;
    }
}

.stores__list--rows .store__card {
    width: 100%;
    flex-direction: row;
    padding: 10px 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0 !important;
}
@media (max-width: 991px) {
    .stores__list--rows .store__card {
        flex-direction: column;
        width: calc(100% / 2);
    }
}
@media (max-width: 500px) {
    .stores__list--rows .store__card {
        flex-direction: column;
        width: 100%;
    }
}

.stores__list--rows .store__card:first-of-type {
    border-radius: 6px 6px 0 0 !important;
}

.stores__list--rows .store__card:last-of-type {
    border-radius: 0 0 6px 6px !important;
}

.stores__list--rows .store__item {
    flex-direction: row !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
@media (max-width: 991px) {
    .stores__list--rows .store__item {
        flex-direction: column !important;
    }
}

.stores__list--rows .store__item img {
    width: auto;
    margin: 0 20px 0 0;
    height: 100px;
    min-width: 170px;
}
@media (max-width: 991px) {
    .stores__list--rows .store__item img {
        width: 100%;
        margin: 0 0 10px 0;
        height: auto;
        min-width: inherit;
    }
}

.stores__list--rows .recent-label {
    right: auto !important;
    left: 0;
    top: 0 !important;
}

.stores__list--rows .store__donation {
    justify-content: flex-start;
}

.store__description-wrap {
    width: 100%;
}

.stores__list--rows .store__description-wrap {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 20px 0 0;
}

.stores__list--rows .button {
    margin-right: 0;
    width: auto;
    position: static;
}

.store__description-text {
    font-size: 12px;
    text-align: justify;
}
.stores__list .store__description-text {
    display: none;
}
@media (max-width: 991px) {
    .store__description-text {
        display: none;
    }
}

.category-box__item,
.causes-box__item,
.top-recent-stores__item,
.recent-purchases-box__item,
.location-box__item {
    display: flex;
    width: calc(100% / 4 - 10px);
    position: relative;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 20px;
    background-color: #fff;
}

@media (max-width: 1199px) {
    .category-box__item {
        width: calc(100% / 2 - 10px);
    }
}

@media (max-width: 991px) {
    .category-box__item,
    .causes-box__item,
    .top-recent-stores__item,
    .recent-purchases-box__item,
    .location-box__item {
        width: calc(100% / 2 - 10px);
        margin-bottom: 10px;
    }
}

@media (max-width: 500px) {
    .category-box__item,
    .causes-box__item,
    .top-recent-stores__item,
    .recent-purchases-box__item,
    .location-box__item {
        width: 100%;
    }

    .category-box__item,
    .top-recent-stores__item,
    .recent-purchases-box__item {
        margin-left: auto;
        margin-right: auto;
    }
}

.category-box__item a,
.causes-box__item a,
.location-box__item a {
    text-decoration: none;
}

.location-box__item {
    width: calc(100% / 5 - 10px);
    margin-right: 12px;
}

.location-box__item:nth-of-type(5n) {
    margin-right: 0;
}

.category-box__item:hover,
.category-box__item:active,
.category-box__item:focus,
.causes-box__item:hover,
.causes-box__item:active,
.causes-box__item:focus,
.top-recent-stores__item:hover,
.top-recent-stores__item:active,
.top-recent-stores__item:focus,
.recent-purchases-box__item:hover,
.recent-purchases-box__item:active,
.recent-purchases-box__item:focus,
.location-box__item:hover,
.location-box__item:active,
.location-box__item:focus {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
    transition: 0.3s ease box-shadow;
}

.category-box__item > a > img,
.location-box__item > a > img {
    max-width: 75px;
    margin-right: 20px;
}

.category-box__item--img {
    width: 75px;
    height: 75px;
    background-size: auto 100%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
}

.location-box__item > a > img {
    height: 40px;
    opacity: 0.75;
}

@media (max-width: 767px) {
    .category-box__item > a > img {
        display: none;
    }
}

.location-box__item:hover > a > img,
.location-box__item:active > a > img,
.location-box__item:focus > a > img {
    opacity: 1;
}

.category-box__item > a,
.causes-box__item > a,
.recent-purchases__item > a,
.location-box__item > a {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
}

.location-box__item > a {
    height: 50px;
    padding: 5px;
}

.causes-box__item > a {
    padding: 0;
    max-height: 180px;
    height: 180px;
}
@media (max-width: 767px) {
    .causes-box__item > a {
        max-height: 100%;
        height: 200px;
    }
}

.causes-box__item--title {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    line-height: 2;
    font-weight: 400;
    color: white;
    width: 100%;
    border-radius: 0 0 6px 6px;
    background-color: rgba(0, 0, 0, 0.35);
    margin: 0;
    text-align: center;
}

.category-box__item--description {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.category-box__item--description-title {
    color: #349d23;
    font-size: 18px;
    font-weight: 400;
}

.location-box__item--description-title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.category-box--vertical .category-box__item--description-title {
    color: #000;
}

.category-box__item--description-text {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .category-box__item--description-title,
    .category-box__item--description-text {
        margin-bottom: 0;
    }
}

.category-box h4,
.causes-box h4,
.recent-purchases-box h4,
.product-bar h4,
.top-recent-stores h4,
.location-box h4,
.default--h4 {
    color: #333;
    font-weight: 400;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .category-box h4,
    .causes-box h4,
    .recent-purchases-box h4,
    .product-bar h4,
    .top-recent-stores h4,
    .location-box h4,
    .default--h4 {
        margin-top: 0;
    }
}

.causes-box__item > a > img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.recent-purchases-box__item {
    border: none;
    background-color: #fff;
}

.recent-purchases-box__item > a {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 150px;
    text-decoration: none;
}

.recent-purchases-box__item > a > img {
    width: 100%;
    border-radius: 6px 6px 0 0;
}

.recent-purchases-box__item--title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px;
    color: #000;
}

.recent-purchases-box__item--title a {
    color: #000;
}

.recent-purchases-box__item--sum {
    font-size: 16px;
    font-weight: 700;
    color: #349d23;
}

.category-box ul.popular-cat-list {
    text-align: left;
    padding: 10px 20px 20px
}

.category-box ul.popular-cat-list > li.category-name {
    font-weight: 500;
    font-size: 16px;
    margin: 0 0 10px
}

.category-box ul.popular-cat-list > li > a {
    color: #468922;
    font-size: 14px;
    margin: 5px 0;
    display: block;
    text-transform: uppercase
}

.top-recent-stores__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 10px 10px 10px;
    position: relative;
    background-color: #fff;
    min-height: 270px;
}

.top-recent-stores__item > img {
    width: calc(100% + 20px);
    position: relative;
    margin: 0 -10px 10px -10px;
    border-radius: 6px 6px 0 0;
}

.top-recent-stores__item--store {
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.top-recent-stores__item--store:hover,
.top-recent-stores__item--store:active,
.top-recent-stores__item--store:focus {
    color: #000;
    text-decoration: underline;
}

.top-recent-stores__item--category-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 5px;
}

.top-recent-stores__item--category {
    color: #000;
    font-size: 12px;
    background-color: rgb(228, 241, 255);
    border-radius: 6px;
    padding: 5px;
    margin: 3px 6px 3px 0;
    border: 1px solid rgb(228, 241, 255);
    text-decoration: none;
}

.top-recent-stores__item--category:hover,
.top-recent-stores__item--category:active,
.top-recent-stores__item--category:focus {
    color: #000;
    border: 1px solid #4a76a8;
}

.top-recent-stores__item--recent-label,
.recent-label {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 400;
    color: white;
    text-shadow: 0 0 0.2em #000, 0 0 0.2em #000;
    background-color: rgba(0, 0, 0, 0.05);
}

.store__item .recent-label {
    top: 20px;
    right: 20px;
}

.store__card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: calc(100% / 4);
    padding: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.store__card:hover,
.store__card:active,
.store__card:focus {
    border: 1px solid #4a76a8;
}

@media (max-width: 991px) {
    .store__card {
        width: calc(100% / 2);
    }
}

@media (max-width: 500px) {
    .store__card {
        width: 100%;
    }
}

.store__card:first-of-type {
    border-radius: 6px 0 0 0;
}

@media (max-width: 500px) {
    .store__card:first-of-type {
        border-radius: 6px 6px 0 0;
    }
}

@media (min-width: 501px) and (max-width: 991px) {
    .store__card:nth-of-type(2) {
        border-radius: 0 6px 0 0;
    }
}

.store__card:nth-of-type(4) {
    border-radius: 0 6px 0 0;
}

@media (max-width: 991px) {
    .store__card:nth-of-type(4) {
        border-radius: 0;
    }
}

.store__card:nth-of-type(9),
.store__card:nth-of-type(45) {
    border-radius: 0 0 0 6px;
}

@media (max-width: 500px) {
    .store__card:nth-of-type(9),
    .store__card:nth-of-type(45) {
        border-radius: 0;
    }
}

@media (min-width: 501px) and (max-width: 991px) {
    .store__card:nth-of-type(9),
    .store__card:nth-of-type(45) {
        border-radius: 0;
    }
}

.store__card:last-of-type {
    border-radius: 0 0 6px 0;
}

@media (max-width: 500px) {
    .store__card:last-of-type {
        border-radius: 0 0 6px 6px;
    }
}

@media (min-width: 501px) and (max-width: 991px) {
    .store__card:nth-of-type(11) {
        border-radius: 0 0 0 6px;
    }
}

.store__card .store__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-radius: 6px;
    position: relative;
    padding: 20px 20px 80px 20px;
    text-decoration: none;
    color: #000;
}

.store-details__description .store__item,
.cause-details__description .store__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    border-radius: 6px;
    position: relative;
    padding: 20px 10px 0 10px;
    text-decoration: none;
    color: #000;
}

.store__item:hover,
.store__item:active,
.store__item:focus {
    color: #000;
    text-decoration: none;
}

@media (max-width: 991px) {
    .store__item {
        padding-bottom: 10px;
    }
}

.store__item img {
    width: 100%;
    position: relative;
    margin: 0 0 10px 0;
    height: 130px;
    height: 130px;
    object-fit: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
    .store__item img {
        width: auto;
        margin: 0 auto 10px auto;
    }
}
@media (min-width: 400px) and  (max-width: 767px) {
    .store__item img {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .store__item img {
        height: auto;
    }
}

.store__name {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.store__donation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    font-size: 14px;
}

.store__donation b {
    color: #349d23;
    font-size: 14px;
    margin-left: 4px;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    min-height: 40px;
    border-radius: 6px;
    background-color: #349d23;
    border: 1px solid #349d23;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    margin: 10px;
    text-decoration: none;
}

.button--store,
.button--cause {
    width: calc(100% - 40px);
    margin: 10px 0;
    position: absolute;
    bottom: 10px;
}

.button:hover,
.button:active,
.button:focus {
    background-color: rgba(52, 157, 35, 0.7);
    color: #fff;
    text-decoration: none;
}

.button--back {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    text-decoration: none;
}

.button--back:hover,
.button--back:active,
.button--back:focus {
    text-decoration: underline;
}

.button--details-page-hidden {
    margin: 20px 0 0 0;
}
@media (min-width: 768px) {
    .button--details-page-hidden {
        display: none;
    }
}

.product-box {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .23);
    padding: 0 5px;
    cursor: pointer;
    position: relative
}

.product-box h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #4F8247;
    padding-left: 1%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.product-box .product-price {
    float: right;
    color: #F06B25;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase
}

.product-box .product-footer {
    padding-left: 6px;
    padding-right: 6px
}

.product-box .product-footer .btn {
    padding-left: 16px;
    padding-right: 16px
}

.product-box .product-cat {
    color: #468922;
    font-weight: 500;
    overflow: hidden;
    font-size: 10px;
    text-align: center;
    margin: 5px 0;
    text-transform: capitalize
}

.product-box .product-seller {
    float: left;
    color: #668733
}

.product-box .donatie {
    float: right;
    color: #668733;
    font-size: 12px;
    margin: 0
}

.product-box .donatie span {
    font-weight: 700
}

.afkl-lazy-image-loading {
    background: url(../modules/core/client/img/brand/logo.png) center center no-repeat #fff
}

.text-black p {
    color: #333
}

.text-blue {
    color: #00c
}

.cookie-info {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    color: #fff;
    z-index: 1000
}

.cookie-info-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .8
}

.cookie-info-content {
    position: relative;
    z-index: 10;
    margin-right: 10px
}

.cookie-info-content p {
    margin: 0;
    padding-right: 120px;
    font-size: 11px
}

.cookie-info-content a.cookie-info-close {
    position: absolute;
    right: 0;
    top: 50%;
    color: #fff;
    font-size: 2em;
    margin-top: -15px
}

.navbar-doelshop {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: none;
    border-radius: 0;
    display: block;
    margin: 0;
    z-index: 999;
}

.navbar-doelshop--description-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    background-color: #fff;
    margin-top: 70px;
}

@media (max-width: 1199px) {
    .navbar-doelshop--description-wrapper {
        margin-top: 100px;
    }
}

.navbar-doelshop--description {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-self: center;
    align-items: center;
    padding: 20px 0 10px 0;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .navbar-doelshop--description {
        flex-direction: column;
    }
}

.navbar-doelshop--description-wrapper--active {
    height: 60px;
    padding: 25px 0 5px 0;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-doelshop--description-wrapper--active {
        height: 70px;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .navbar-doelshop--description-wrapper--active {
        height: auto;
        padding: 20px 0 0 0;
    }
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--info-icon {
    display: none;
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item {
    font-size: 14px;
    align-items: flex-start;
    padding-bottom: 10px;
    border-bottom: 5px solid transparent;
}

@media (max-width: 767px) {
    .navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item.active {
        margin-bottom: 0;
    }
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item span {
    background-color: rgba(0, 0, 0, 0.5);
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item.active span {
    background-color: #349d23;
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--description {
    padding: 0;
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item > span {
    width: 20px;
    height: 20px;
    font-size: 12px;
}
@media (max-width: 767px) {
    .navbar-doelshop--description-wrapper--active .navbar-doelshop--description-item > span {
        font-size: 10px;
    }
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--checkicon {
    color: #349d23;
    background-color: #fff !important;
    font-size: 20px !important;
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--info-icon img {
    width: 20px;
}

.navbar-doelshop--description-item {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    font-size: 18px;
    position: relative;
    color: #000;
    padding: 0 20px;
}

@media (max-width: 1199px) {
    .navbar-doelshop--description-item {
        font-size: 14px;
    }

    .navbar-doelshop--description > div {
        width: 100%;
        justify-content: flex-start;
        padding: 0 20px;
        height: 26px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-doelshop--description > div {
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .navbar-doelshop--description > div {
        width: auto;
    }
}

.navbar-doelshop--description-item--v-sign.active span:first-of-type {
    display: none;
}

.navbar-doelshop--description-item--v-sign .navbar-doelshop--checkicon {
    display: none;
}

.navbar-doelshop--description-item--v-sign.active .navbar-doelshop--checkicon {
    display: inline-block;
}

.navbar-doelshop--description-item--v-sign .navbar-doelshop--vsign-active {
    margin: 0;
}

.navbar-doelshop--description-item--v-sign.active .navbar-doelshop--vsign-active {
    margin: 0;
}

.navbar-doelshop--description-item > span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #349d23;
    margin-right: 20px;
    color: #fff;
    font-size: 20px;
}
@media (max-width: 1199px) {
    .navbar-doelshop--description-item > span {
        width: 20px;
        max-width: 20px;
        height: 20px;
        font-size: 10px;
        margin-right: 10px;
    }
}

.navbar-doelshop--description-item.active {
    color: #349d23;
    border-bottom: 5px solid rgba(52, 157, 35, 0.3);
}

@media (max-width: 767px) {
    .navbar-doelshop--description-item.active {
        border-bottom: none;
    }
}

.navbar-doelshop--description-item a {
    color: #000;
    text-decoration: none;
}

.navbar-doelshop--description-item a:hover,
.navbar-doelshop--description-item a:focus,
.navbar-doelshop--description-item a:active {
    color: #349d23;
}

.navbar-doelshop--description-item.active a {
    color: #349d23;
}

.navbar-doelshop--info-icon {
    width: 50px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
@media (max-width: 767px) {
    .navbar-doelshop--info-icon {
        display: none;
    }
}

.navbar-doelshop--description-wrapper--active .navbar-doelshop--info-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-top: -3px;
}

.navbar-doelshop--info-icon img {
    width: 26px;
}

.navbar-header {
    padding: 20px 0;
}

.navbar-header .login-btn {
    margin-top: 5px;
}

.mobile-header {
    padding: 5px 0;
    border-bottom: 1px solid #eee
}

.mobile-header .navbar-brand {
    float: none
}

.navbar-header a.red-link {
    padding: 15px;
    display: block;
    text-transform: uppercase
}

a.red-link {
    color: #E54D27 !important;
    font-weight: 500 !important
}

.mobile-header .navbar-brand > img {
    margin: 0 auto;
    height: 2.6em
}

.navbar-toggle {
    margin-left: 15px;
    margin-right: 0;
    float: left
}

.navbar-doelshop .navbar-brand {
    height: 100%;
    padding-bottom: 0;
    padding-top: 10px
}

@media (max-width: 767px) {
    .navbar-doelshop .navbar-brand {
        padding-top: 0;
    }
}

.navbar-doelshop .navbar-nav > li > a,
.openonhover.dropdown .dropdown-menu > li > a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
    text-decoration: none;
}

.navbar-doelshop a.dropdown-toggle.user-header-dropdown-toggle {
    color: #529E29;
    font-weight: 500;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: uppercase;
    line-height: 2
}

.login-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 6px;
    height: 40px;
    min-width: 120px;
    padding: 10px 15px !important;
    background-color: #4a76a8 !important;
    color: #fff !important;
    font-weight: 500;
    line-height: 1.5 !important;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .login-btn {
        margin-top: 5px;
        margin-right: 15px;
    }
}

.login-btn:focus,
.login-btn:active,
.login-btn:hover {
    background-color: rgba(74, 118, 168, 0.7) !important;
}

.dropdown-menu > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > ul > li > a:focus,
.dropdown-menu > ul > li > a:hover {
    color: #529E29;
    text-decoration: underline;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #349d23;
    border-top: none;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}


.pull-right .dropdown-menu {
    right: 0;
    left: auto
}

.navbar-doelshop .navbar-nav > .active > a,
.navbar-doelshop .navbar-nav > .active > a:focus,
.navbar-doelshop .navbar-nav > .active > a:hover,
.navbar-doelshop .navbar-nav > li > a:focus,
.navbar-doelshop .navbar-nav > li > a:hover,
.openonhover.dropdown .dropdown-menu > li > a:focus,
.openonhover.dropdown .dropdown-menu > li > a:hover {
    background: 0;
    color: #349d23;
    box-shadow: none;
}

.navbar-doelshop .navbar-nav > .open > a,
.navbar-doelshop .navbar-nav > .open > a:focus,
.navbar-doelshop .navbar-nav > .open > a:hover {
    font-weight: 700;
    background: 0 0
}

.product-view-modal .modal-header {
    border: 0;
    padding: 10px
}

.product-view-modal .modal-header .close {
    color: #668733;
    font-size: 25px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    top: -10px;
    background: #fff;
    right: -10px;
    margin: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.product-view-modal .modal-header .close span {
    border: 2px solid #668733;
    border-radius: 50%;
    display: block;
    margin: 3px 2px
}

.product-view-modal .product-img-thumbs .img-thumbnail {
    border: none;
    padding: 0 5px 10px
}

.product-view-modal .product-img-big {
    height: 250px;
    max-width: 100%
}

.product-view-modal .shop-img-big {
    height: 200px;
    max-width: 100%
}

.product-view-modal .other-description {
    color: #ACA1A1;
    text-align: left;
    padding: 0 15px
}

.product-view-modal .product-desc h2,
.product-view-modal .product-desc h4 {
    color: #468922;
    margin: 0;
    font-weight: 500
}

.product-view-modal .product-desc h2 {
    font-weight: 400
}

.product-view-modal .product-desc h2 span {
    color: #F06B25;
    font-weight: 700
}

.product-view-modal .product-desc p {
    color: #59671e;
    margin: 10px 0;
    font-size: 13px
}

.product-view-modal .product-desc p.small-advice {
    color: #676663;
    margin: 0 0 20px
}

.product-view-modal .notification-desc {
    background: #faf0a2;
    padding: 40px;
    color: #668733;
    text-align: left
}

.product-view-modal .notification-desc h5 {
    margin: 0
}

.product-view-modal .notification-desc p {
    color: #676663
}

.product-view-modal .product-price h2 {
    color: #F06B25;
    font-weight: 700;
    display: inline-block;
    float: left
}

.product-view-modal .product-price h5 {
    display: inline-block;
    color: #8d8d8d;
    font-weight: 300;
    margin-top: 28px;
    margin-left: 10px
}

.product-view-modal .product-price h5 span {
    color: #468922
}

.product-view-modal .filter-options .btn-filter-option {
    font-size: 12px;
    padding: 2px 0 2px 10px
}

.product-view-modal .product-terms {
    margin: 10px 0
}

.product-view-modal .product-terms li h5,
.product-view-modal .product-terms li p {
    color: #59671e;
    font-size: 12px;
    margin: 0;
    display: inline-block
}

.product-view-modal .product-terms li h5 {
    font-weight: 500;
    min-width: 60px
}

.product-view-modal .social-icons {
    position: relative;
    margin: 10px 0
}

.product-view-modal .social-icons ul {
    float: left;
    margin-bottom: 0
}

.product-view-modal .social-icons ul li {
    padding: 0
}

.product-view-modal .social-icons ul li a {
    height: 30px;
    width: 30px;
    padding: 0;
    border-radius: 0;
    border: 0
}

.product-view-modal .social-icons ul li a span {
    font-size: 1.2em;
    line-height: 2
}

.product-view-modal .social-icons h4 {
    color: #7DC242;
    font-weight: 700;
    padding: 0 5px;
    margin: 6px 0;
    display: inline-block
}

.product-view-modal .social-icons img {
    position: absolute;
    right: 15px;
    top: 5px
}

.product-view-modal .social-icons ul li:first-child a {
    margin-left: 5px
}

.product-view-modal .company-logo {
    max-width: 100px;
    margin: 34px 0 0
}

.product-view-modal .product-btn {
    text-align: center;
    margin: 40px 0 0
}

.product-view-modal .product-btn p a {
    color: #F06B25
}

.product-view-modal .product-btn .btn-shop {
    padding: 8px 50px
}

.product-view-modal .other-products h4 {
    color: #F06B25;
    font-weight: 700;
    padding: 0 5px
}

.sk-fading-circle {
    margin: 100px auto;
    width: 60px;
    height: 50px;
    position: relative
}

.sk-fading-circle .loading-numbers {
    text-align: center;
    color: #F06B25
}

.sk-fading-circle .loading-numbers p {
    margin: 0;
    font-size: 12px
}

.sk-fading-circle .loading-numbers h5 {
    font-weight: 500;
    margin: 0;
    font-size: 18px;
    font-style: italic
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 65px;
    width: 25%;
    height: 30%;
    background-color: #F06B25;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -.7s;
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -.6s;
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -.2s;
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -.1s;
    animation-delay: -.1s
}

@-webkit-keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

@keyframes sk-circleFadeDelay {
    0%,
    100%,
    39% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    40% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}

.home .section-area {
    margin: 30px 0
}

a.twitter-timeline {
    display: inline-block;
    padding: 6px 12px 6px 30px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNzIgNzIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcyIDcyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9Im5vbmUiIHdpZHRoPSI3MiIgaGVpZ2h0PSI3MiIvPg0KPHBhdGggZmlsbD0iIzU1YWNlZSIgZD0iTTY4LjgxMiwxNS4xNDFjLTIuMzQ4LDEuMDM5LTQuODY5LDEuNzQzLTcuNTE5LDIuMDZjMi43MDMtMS42Miw0Ljc3OC00LjE4Nyw1Ljc1Ni03LjI0NGMtMi41MjksMS41LTUuMzMsMi41OTItOC4zMTMsMy4xNzYNCglDNTYuMzQ5LDEwLjU5MSw1Mi45NDgsOSw0OS4xODIsOWMtNy4yMjksMC0xMy4wOTIsNS44NjEtMTMuMDkyLDEzLjA5M2MwLDEuMDI2LDAuMTE4LDIuMDIxLDAuMzM4LDIuOTgxDQoJYy0xMC44ODUtMC41NDgtMjAuNTI4LTUuNzU3LTI2Ljk4Ny0xMy42NzljLTEuMTI2LDEuOTM2LTEuNzcxLDQuMTg0LTEuNzcxLDYuNTgxYzAsNC41NDIsMi4zMTIsOC41NTEsNS44MjQsMTAuODk4DQoJYy0yLjE0Ni0wLjA2OS00LjE2NS0wLjY1Ny01LjkzLTEuNjM4Yy0wLjAwMiwwLjA1NS0wLjAwMiwwLjExLTAuMDAyLDAuMTYyYzAsNi4zNDUsNC41MTMsMTEuNjM4LDEwLjUwNCwxMi44NA0KCWMtMS4xMDEsMC4yOTgtMi4yNTYsMC40NTctMy40NDksMC40NTdjLTAuODQ2LDAtMS42NjctMC4wNzgtMi40NjUtMC4yMzFjMS42NjcsNS4yLDYuNDk5LDguOTg2LDEyLjIzLDkuMDkNCgljLTQuNDgyLDMuNTEyLTEwLjEyOSw1LjYwNi0xNi4yNiw1LjYwNmMtMS4wNTUsMC0yLjA5Ni0wLjA2MS0zLjEyMi0wLjE4NGM1Ljc5NCwzLjcxNywxMi42NzYsNS44ODIsMjAuMDY3LDUuODgyDQoJYzI0LjA4MywwLDM3LjI1MS0xOS45NDksMzcuMjUxLTM3LjI0OWMwLTAuNTY2LTAuMDE0LTEuMTM0LTAuMDM5LTEuNjk0QzY0LjgzOCwyMC4wNjgsNjcuMDU4LDE3Ljc2NSw2OC44MTIsMTUuMTQxeiIvPg0KPC9zdmc+DQo=) 8px 8px no-repeat #f8f8f8;
    background-size: 1em 1em;
    font: 400 12px/18px Helvetica, Arial, sans-serif;
    color: #333;
    white-space: nowrap
}

a.twitter-timeline:focus,
a.twitter-timeline:hover {
    background-color: #dedede
}

.ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
    margin: 20px 0
}

a.twitter-timeline:focus {
    outline: 0;
    border-color: #0089cb
}

.compare-box {
    background: #fff;
    text-align: center;
    cursor: pointer;
    display: block;
    text-decoration: none
}

.option-block .eclipse,
.top5 .box h5 {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase
}

.compare-box p {
    color: #44C95C;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    margin: 0
}

.compare-box h3 {
    font-weight: 700;
    color: #F06B25;
    font-size: 22px;
    padding: 5px 0 0;
    margin: 0
}

.testimonials h4 {
    color: #529E29;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase
}

.social-feed .nav-tabs {
    border: none
}

.option-block,
.social-feed .tab-content {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .23);
    border-radius: 5px
}

.newsletter-box,
.top5 .box {
    border-width: 1px;
    border-color: #A1E294
}

.SandboxRoot .timeline-Tweet-text {
    font-size: 14px !important;
    line-height: 1.5 !important
}

.social-feed .tab-content {
    background: #fff;
    text-align: center;
    padding: 5px 10px
}

.right-tabs .nav li {
    float: right
}

.right-tabs .nav-tabs > li > a {
    padding: 2px
}

.option-block {
    background-color: #fff;
    padding: 14px 10px
}

.option-block p {
    color: #4F8247;
    margin: 0;
    padding: 10px 0 0
}

.option-block .eclipse {
    border-radius: 50%;
    background: #F06B25;
    color: #fff;
    text-align: center;
    padding: 25px 15px
}

.top5 {
    margin: 50px 0
}

.top5 .box {
    border-style: solid;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px
}

.top5 .box img {
    height: 200px
}

.top5 .box h5 {
    padding: 5px;
    font-size: 18px;
    color: #e96011;
    font-style: italic;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    min-width: 100%
}

.top5 .box .link-t5 {
    font-size: 15px
}

.top5 .box .progress {
    height: 30px;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    background: 0 0
}

.top5 .box .progress-bar {
    background: #468922;
    font-size: 16px;
    text-align: right;
    line-height: 1.8;
    font-style: italic;
    padding-right: 20px
}

.top5 .box .progress-bar.pbg1 {
    background-color: #47CA5D;
    width: 100%
}

.top5 .box .progress-bar.pbg2 {
    background-color: #68D05C;
    width: 80%
}

.top5 .box .progress-bar.pbg3 {
    background-color: #87D55C;
    width: 60%
}

.top5 .box .progress-bar.pbg4 {
    background-color: #8ED65C;
    width: 40%
}

.top5 .box .progress-bar.pbg5 {
    background-color: #A7DA5B;
    width: 20%
}

.top5 .box .selected h5 {
    border-radius: 7px;
    background-color: #fae1d7
}

.top .progress-bar {
    background: #668733
}

.newsletter h4,
.option-block h4,
.top5 h4 {
    color: #529E29;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 1em
}

.newsletter-box {
    border-style: solid;
    background: #fff;
    padding: 10px 10px 0;
    color: #4F8247
}

.recent-donations {
    position: relative;
    z-index: 1
}

.charity .product-footer {
    margin: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0
}

.charity .product-box {
    min-height: 280px;
    max-height: 280px;
    margin: 20px 0
}

.charity .product-box img {
    height: 10em
}

.charitys-bg {
    background-color: #fefffb;
    padding: 10px 50px;
    border-style: solid;
    border-width: 12px;
    border-radius: 12px;
    border-color: #44C95C;
    font-size: 15px
}

.charitys-bg .states {
    font-size: 14px
}

.user-login .advantages h4 {
    padding-left: 60px;
    text-decoration: underline;
    margin: 10px 0 20px;
    font-weight: 500;
    font-size: 16px
}

#AuthenticationModal .modal-body {
    padding-bottom: 0
}

.user-login .advantages .media .media-heading {
    text-transform: uppercase;
    color: #4F8247;
    font-weight: BOLD
}

.user-login .advantages .media .media-body {
    padding-left: 20px
}

.user-login .advantages .media .media-body p {
    color: #4F8247;
    font-style: italic
}

.user-login .advantages .media .media-object {
    width: 30px
}

.user-login .btn-start {
    background: #F06B25;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0
}

.user-login .btn-start img {
    padding-right: 20px
}

.charity-setup .second-side {
    color: #F06B25
}

.charity-setup .second-side .states li {
    font-weight: 500
}

.charity-setup .second-side p.quotes {
    font-size: 14px;
    font-weight: 500
}

.charity-setup p.warning {
    font-weight: 500;
    color: #3baee4
}

.charity-setup p.warning span {
    font-style: italic;
    font-weight: 700
}

.charity-setup .second-side img,
.contact .second-side img {
    max-height: 180px
}

.charity-setup .second-side .img-details {
    margin: 10px 0
}

.charity-setup .second-side .states li i {
    font-size: 18px
}

.charity-setup .second-side .states li i.valid {
    color: #44C95C
}

.charity-setup .second-side .states li i.invalid {
    color: #d00
}

.goal-info .goal-img {
    position: relative;
    text-align: center;
    height: 300px;
    background: #fff
}

.goal-info .goal-img .gimg {
    height: 300px;
    background: center center no-repeat #fff;
    background-size: contain;
    max-width: 100%;
    max-height: 100%
}

.goal-info .myrightside {
    min-height: 300px
}

.goal-info .float-bottom {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 2em;
    padding: 0 30px
}

.goal-info .user-dstats h4 {
    color: #F06B25;
    font-weight: 700;
    text-transform: uppercase
}

.goal-info .sticky-notification {
    position: relative;
    display: block;
    margin-bottom: 10px
}

.goal-info .sticky-notification p {
    position: absolute;
    left: 20%;
    top: 10px;
    color: #468922;
    font-weight: 700;
    font-size: 1.5em;
    font-style: italic
}

.producten .breadcrumb {
    background: 0 0;
    padding: 0;
    border-radius: 0
}

.producten .breadcrumb li,
.producten .breadcrumb li a {
    color: #468922;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px
}

.producten .product-sidebar {
    background: #faf0a2
}

.producten .product-subcat {
    padding: 10px;
    color: #ACC838;
    text-transform: uppercase
}

.producten .price-filter {
    padding: 10px 0;
    color: #6a8531
}

.producten .price-filter h4 {
    padding: 0 10px
}

.producten .product-subcat ul {
    padding-left: 20px
}

.producten .price-filter h4,
.producten .product-subcat h4 {
    color: #6a8531;
    font-size: 14px
}

.producten .product-subcat ul li a {
    color: #6a8531;
    font-size: 11px
}

.producten .product-subcat ul li a.active,
.producten .product-subcat ul li a:hover {
    color: #668733;
    font-weight: 700
}

.producten .product-cat-desc {
    color: #ACA1A1;
    margin: 260px 0;
    font-size: 9px
}

.producten .product-cat-desc h6 {
    text-transform: uppercase;
    padding: 10px 0
}

.home .product-box,
.producten .product-box {
    margin-bottom: 40px;
    min-height: 235px;
    max-height: 235px
}

.home .product-box h5,
.producten .product-box h5 {
    line-height: 1.4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

.home .product-box img,
.producten .product-box img {
    height: 12em;
    padding: 0 .5rem
}

.producten .product-filters {
    margin-bottom: 20px
}

.producten .product-filters h5 {
    font-weight: 500;
    color: #da7147;
    text-transform: uppercase;
    font-size: 12px
}

.producten .product-filters .alert.alert-danger {
    background: #F06B25;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    border-radius: 20px;
    padding: 2px 30px 2px 20px
}

.producten .product-filters .alert.alert-danger button {
    background: #fff;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #eb9769;
    border-radius: 50%;
    padding: 0 5px;
    font-size: 18px;
    top: 0;
    float: right
}

.producten .product-filters .filter-colors .dropdown-menu {
    min-width: 250px;
    padding: 5px
}

.producten .product-filters .filter-colors .dropdown-menu > li {
    float: left;
    position: relative;
    margin: 1px
}

.producten .product-filters .filter-colors .dropdown-menu > li > a {
    padding: 12px 15px;
    border: 1px solid #e2e2e2;
    margin: 5px 0
}

.producten .product-filters .filter-colors .dropdown-menu > li > a.selected-color:after,
.producten .product-filters .filter-colors .dropdown-menu > li > a:hover:after {
    position: absolute;
    content: "\ ";
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 1.5px solid #7dc242;
    left: 0;
    top: 0
}

.filter-colors,
.producten .product-bar {
    position: relative
}

.producten .list-view-col .product-box {
    height: auto;
    min-height: 150px
}

.producten .product-bar.isloading {
    text-align: center
}

.producten .product-bar.isloading:after {
    content: "\ ";
    position: absolute;
    background: #6a7d18;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0
}

.producten .product-bar.listviewSection .list-view-col .product-box {
    padding: 10px
}

.producten .product-bar.listviewSection .list-view-col .product-box img {
    margin: 0
}

.show-in-lw {
    display: none
}

.producten .product-bar.listviewSection .list-view-col .show-in-lw {
    display: block
}

.producten .product-bar.listviewSection .list-view-col .hide-in-lw {
    display: none
}

.producten .product-details h4 {
    color: #F06B25;
    text-transform: uppercase;
    font-weight: 700
}

.producten .product-details h4 span {
    color: #a1a1a1;
    font-style: italic;
    font-weight: 300;
    font-size: 14px
}

.producten .filter-bar {
    background: #fff;
    border-bottom: 2px solid #7DC242;
    margin: 20px 0 0;
    padding: 10px
}

.producten .filter-bar .pagination-bar {
    border: none;
    padding: 0
}

.producten .filter-bar label {
    color: #7DC242;
    text-transform: uppercase;
    font-weight: 700
}

.producten .filter-views {
    margin: 4px 0;
    text-align: right
}

.producten .filter-views li:first-child {
    border-right: 1px solid #468922
}

.producten .filter-views li a {
    color: #7dc242;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px
}

.producten .filter-views li a i {
    font-size: 20px
}

.pagination-bar,
.pagination-bar2 {
    background: #fff;
    border-bottom: 2px solid #7DC242;
    padding: 5px 5px 0;
    text-align: center
}

.pagination-bar ul.pagination {
    border-radius: 0;
    margin: 0
}

.pagination-bar ul.pagination li a,
.pagination-bar ul.pagination li button {
    border-radius: 0;
    color: #7dc242;
    text-transform: uppercase;
    background: 0 0;
    border: 0;
    cursor: pointer;
}

.pagination-bar ul.pagination li:first-child a,
.pagination-bar ul.pagination li:first-child button,
.pagination-bar ul.pagination li:last-child a,
.pagination-bar ul.pagination li:last-child button {
    padding: 3px;
    float: left
}

.pagination-bar ul.pagination li:first-child a i,
.pagination-bar ul.pagination li:first-child button i,
.pagination-bar ul.pagination li:last-child a i,
.pagination-bar ul.pagination li:last-child button i {
    font-size: 25px;
    vertical-align: middle
}

.pagination-bar2 .pagination {
    margin: 0
}

.pagination-bar2 .pagination > .disabled > a,
.pagination-bar2 .pagination > .disabled > a:focus,
.pagination-bar2 .pagination > .disabled > a:hover,
.pagination-bar2 .pagination > .disabled > span,
.pagination-bar2 .pagination > .disabled > span:focus,
.pagination-bar2 .pagination > .disabled > span:hover {
    color: #7dc242;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #7dc242
}

.pagination-bar2 .pagination > .active > a,
.pagination-bar2 .pagination > .active > a:focus,
.pagination-bar2 .pagination > .active > a:hover,
.pagination-bar2 .pagination > .active > span,
.pagination-bar2 .pagination > .active > span:focus,
.pagination-bar2 .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #7dc242;
    border-color: #7dc242
}

.activeClass,
.mousePointer {
    cursor: pointer !important
}

.pagination-bar2 .pagination > li > a,
.pagination-bar2 .pagination > li > span {
    color: #7dc242;
    border: 1px solid #7dc242
}

.pagination-bar2 .pagination > li > a:focus,
.pagination-bar2 .pagination > li > a:hover,
.pagination-bar2 .pagination > li > span:focus,
.pagination-bar2 .pagination > li > span:hover {
    z-index: 2;
    color: #fff;
    background-color: #7dc242;
    border-color: #7dc242
}

.myaccount h5 {
    font-size: 17px;
    margin: 8px 0 20px
}

.myaccount p.ghead {
    color: #4F8247;
    font-weight: 500;
    margin: 0;
    float: left
}

.myaccount p.shead,
.myaccount p.shead2 a {
    color: #848484;
    float: right;
    margin: 0
}

.myaccount p.shead2 a {
    color: #F06B25
}

.myaccount .sidebar h5 {
    color: #333;
    margin-bottom: 5px
}

.myaccount .sidebar ul {
    margin-bottom: 2em
}

.myaccount .sidebar ul li.active {
    font-weight: 500
}

.myaccount .sidebar ul li.active a {
    color: #000
}

.myaccount .sidebar a {
    color: #3c3b3b;
    text-decoration: underline
}

.info-graphics {
    margin: 80px 0 0
}

.info-graphics .panel-1,
.panel-quotes {
    border: 3px solid #4a76a8;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 15px 10px;
    margin: 20px 0;
    color: #668733;
    position: relative
}

.info-graphics .panel-1 {
    font-size: 11px
}

.info-graphics .panel-1 .quotes-top,
.panel-quotes .quotes-top {
    position: absolute;
    top: -13px;
    left: 50%;
    margin-left: -30px;
    padding: 0 10px;
    background-color: #fff;
}

.info-graphics .panel-1 .quotes-bottom,
.panel-quotes .quotes-bottom {
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -30px;
    padding: 0 10px;
    background-color: #fff;
}

.info-graphics .panel-1 .quotes-bottom img,
.info-graphics .panel-1 .quotes-top img,
.panel-quotes .quotes-bottom img,
.panel-quotes .quotes-top img {
    width: 30px;
}

.panel-quotes p {
    margin: 0;
}

.panel-quotes-gunny p {
    font-size: 21px;
    font-weight: 700;
    color: #3E5B38;
    text-align: center
}

.charity-setup .panel-quotes p {
    font-size: 16px;
    color: #333
}

.info-graphics .panel-1 h5 {
    color: #468922;
    font-size: 14px
}

.info-graphics p {
    margin: 0
}

.myaccount p.shead2 {
    margin: 10px 0;
    right: 30px;
    bottom: 20px;
    position: absolute
}

.myaccount .side-subcat ul li a {
    color: #529E29
}

.myaccount .side-subcat ul li.active a {
    font-weight: 700
}

.faqs.contact h5 {
    color: #668733
}

.info-blocks2 {
    background: #faf0a2;
    color: #668733 !important;
    font-size: 1.45rem
}

.faqs .panel-group h5 {
    font-size: 16px;
    color: #3E5B38;
    margin: 10px 0
}

.faqs h4.panel-title {
    font-size: 16px;
    color: #3E5B38;
    font-weight: 500;
    margin: 5px 0;
}

.faqs .panel-body {
    font-size: 16px
}

.panel-title a i {
    color: #44C95C;
    padding-right: 8px
}

.contact .second-side {
    margin: 100px 0 0
}

.contact .second-side h5 {
    font-size: 14px
}

.contact .second-side p {
    font-style: normal;
    color: #333
}

.pagination-block {
    text-align: center;
    font-size: 14px;
}

.pagination-block .pagination {
    margin: 30px 0 0 0;
}

.pagination > li > a,
.pagination > li > span {
    color: #4a76a8;
    padding: 10px 15px !important;
    border-radius: 4px;
    margin: 3px;
    font-size: 14px;
}

.pagination > li.active > a,
.pagination > li.active > a:focus,
.pagination > li.active > a:hover,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > a:active {
    background-color: rgb(228, 241, 255) !important;
    border-color: #4a76a8;
    color: #4a76a8;
    /*margin-right: 10px;*/
}

.panel-default {
    border-color: #349d23;
}

.panel-contact .panel-heading,
.panel-myaccount .panel-heading {
    border-color: #4a76a8;
    background: #4a76a8;
    color: #fff
}

.panel-charity-setup,
.panel-contact,
.panel-myaccount,
.panel-settings-page,
.panel-user-login {
    border: 1px solid #7DC242;
    border-radius: 6px;
    background-color: #fff;
}

.panel-myaccount {
    border-style: solid;
    border-width: 1px;
    border-color: #A1E294;
    border-radius: 3px;
    background-color: #fff
}

.myaccount form label,
.panel-charity-setup form label,
.panel-contact form label,
.panel-user-login form label {
    color: #000 !important
}

.panel-contact form label + i {
    color: #468922;
    font-size: .8em
}

.panel-user-login form .form-group {
    margin-bottom: 5px
}

.panel-charity-setup form .checkbox label {
    font-weight: 700
}

.myaccount form .form-control,
.panel-charity-setup form .form-control,
.panel-charity-setup form .form-control:active,
.panel-charity-setup form .form-control:focus,
.panel-charity-setup form .form-control:hover,
.panel-contact form .form-control,
.panel-user-login form .form-control {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: none;
    color: #000;
    height: 40px;
}

textarea.form-control {
    height: auto !important;
}

.panel-user-login form .form-group.error-field .form-control {
    border: 2px solid #e65631 !important
}

.panel-user-login form button.btn-default[type=submit] {
    border-radius: 3px;
    background: #4a76a8;
    color: #fff;
    font-weight: 700;
    border: none
}

.panel-user-login .f-link {
    color: #000;
    margin: 30px 0 10px;
    display: block;
    font-size: 12px
}

.panel-user-login .r-link {
    text-decoration: underline;
    color: #F06B25;
    font-weight: 700
}

.panel-user-login form button.btn-default[type=submit]:active,
.panel-user-login form button.btn-default[type=submit]:focus,
.panel-user-login form button.btn-default[type=submit]:hover {
    background: #ea6d2e;
    border: none;
}

.panel-charity-setup form button.btn-default[type=submit],
.panel-contact form button.btn-default[type=submit] {
    background: #4a76a8;
    border: none;
    border-radius: 6px;
    color: #fff;
    text-transform: uppercase;
    margin: 40px auto 0 auto;
    min-width: 120px;
    height: 40px;
    outline: none;
    display: block;
    font-weight: 700;
}

.panel-charity-setup form button.btn-default[type=submit]:hover,
.panel-contact form button.btn-default[type=submit]:hover {
    background-color: rgba(74, 118, 168, 0.7);
}

.panel-myaccount {
    margin: 0
}

.panel-down {
    border-style: solid;
    border-width: 1px;
    border-color: #A1E294;
    padding: 15px;
    border-top: 0;
    height: 180px;
    margin-bottom: 20px
}

.panel-down2 h5 {
    color: #468922
}

.panel-myaccount .panel-heading {
    padding: 5px 15px
}

.panel-myaccount .panel-heading a {
    color: #fff
}

.panel-myaccount .panel-heading h3 {
    margin: 5px 0
}

.panel-myaccount .panel-heading .btn-save {
    font-weight: 500;
    border: 1px solid #eee;
    border-radius: 0
}

.panel-myaccount .table > thead > tr > th {
    color: #4F8247;
    font-weight: 500;
    border: none
}

.panel-myaccount .table > tbody > tr > td {
    color: #939393
}

.panel-myaccount .table > tbody > tr.text-warning > td {
    color: #F06B25;
    font-weight: BOLD
}

.myaccount .approved:after,
.myaccount .rejected:after,
.myaccount .wait:after {
    font-family: fontawesome;
    padding-left: 8px;
    display: inline-block
}

.myaccount .approved:after {
    content: '\f00c';
    color: #009917
}

.myaccount .wait:after {
    content: '\f04c';
    color: #efb632;
    font-size: 11px
}

.myaccount .rejected:after {
    content: '\f00d';
    color: #da5114
}

.panel-myaccount .table > tbody > tr > td.social-icons ul li a {
    height: 20px;
    width: 20px;
    font-size: 8px;
    border-radius: 0
}

.panel-myaccount .table > tbody > tr > td.social-icons ul li a.btn-social-icon > :first-child {
    line-height: 20px
}

.myaccount form .form-control[disabled],
.myaccount form .form-control[readonly],
.myaccount form fieldset[disabled] .form-control {
    border: none
}

.panel-myaccount.sh .sp_btn {
    margin: 50px 0 0;
    font-weight: 500
}

.panel-graph label {
    font-size: 11px;
    text-align: left !important
}

.panel-graph .form-inline .form-group {
    text-align: left
}

.panel-graph .panel-heading {
    padding: 0
}

.panel-graph .form-inline .input-group {
    display: table
}

.myaccount-sub-page .panel-myaccount .panel-heading {
    padding: 5px 2px 5px 15px
}

.help-block {
    font-size: 12px;
    color: #566b0a
}

.panel-user-login .nav-tabs.nav-justified > li.active > a {
    color: #668733;
    border: 1px solid #44C95C;
    border-top: 0;
    border-bottom: 0;
    background: 0 0
}

.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(1) > a,
.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(1) > a:focus,
.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(1) > a:hover {
    border-left: 0
}

.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(2) > a,
.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(2) > a:focus,
.panel-user-login .nav-tabs.nav-justified > li.active:nth-child(2) > a:hover {
    border-right: 0
}

.panel-user-login .nav-tabs.nav-justified > li > a {
    border-radius: 0;
    color: #4F8247;
    border-bottom: 1px solid #44C95C;
    background: #fffbc9
}

.panel-user-login .nav > li > a:focus,
.panel-user-login .nav > li > a:hover {
    background: #fffbc9
}

.panel-user-login .checkbox label {
    padding-left: 20px
}

.panel-user-login .checkbox input[type=checkbox] {
    margin-left: 0;
    position: absolute;
    left: 0
}

.panel-myaccount .checkbox input[type=checkbox] {
    top: 0;
    left: 0;
    margin-left: -10px
}

.panel-charity-setup form .has-success .form-control-feedback {
    color: #44C95C
}

.panel-charity-setup form span.domainextension {
    position: absolute;
    right: 80px;
    z-index: 2;
    top: 25px;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
    color: #668733
}

.panel-charity-setup form .has-currency .input-group-addon {
    background: 0 0;
    border-color: #44C95C;
    color: #44C95C
}

.panel-goal-info {
    border-radius: 0;
    overflow: hidden;
    display: block;
    word-wrap: break-word;
    padding-bottom: 55px
}

.panel-goal-info .panel-heading {
    border-bottom: 1px solid #468922;
    padding: 8px;
    border-radius: 0
}

.panel-goal-info .panel-heading h4 {
    display: inline-block;
    font-weight: 700;
    margin: 0;
    font-size: 16px
}

.panel-goal-info .panel-heading h4.goal-title {
    color: #468922;
    text-transform: uppercase;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 28em
}

.panel-goal-info .panel-heading h4.goal-price {
    float: right;
    color: #F06B25
}

.panel-goal-info .panel-body {
    color: #424f0a;
    padding: 0 15px
}

.panel-goal-info .panel-body .meter.progress {
    margin: 15% 0 0
}

.panel-goal-info .panel-body .meter.progress .progress-bar,
.panel-goal-info .panel-body .meter.progress .target {
    line-height: 2;
    font-size: 16px
}

.panel-goal-info.users-supporting .panel-heading {
    border: 0
}

.panel-goal-info.users-supporting .panel-heading h4 {
    color: #F06B25;
    text-transform: uppercase;
    font-weight: 700
}

.panel-goal-info.users-supporting .see-more {
    color: #468922;
    text-transform: uppercase;
    float: right;
    font-weight: 700;
    margin: 20px 0 0
}

.panel-dstats .dstats-block {
    color: #468922;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 15px
}

.panel-dstats.panel-cdstats .dstats-block {
    margin-bottom: 25px
}

.panel-dstats.panel-cdstats .dstats-block h5 {
    color: #fe905e
}

.panel-dstats .dstats-block h5 {
    font-weight: 700;
    margin: 0
}

.panel-dstats .dstats-block .target-block {
    border-style: solid;
    border-width: 1px;
    border-color: #a8c42d;
    background: #f9fcef;
    padding-right: 5px
}

.panel-dstats .dstats-block .target-block .btn {
    padding: 2px 10px;
    margin: 5px 0 0
}

.panel-dstats .dstats-block .target-block p {
    float: left;
    margin: 0
}

.panel-dstats .dstats-block .target-block p span {
    display: block;
    font-weight: 700;
    font-size: 15px
}

.panel-contact form select.form-control {
    /*background: #fff;*/
    color: #000;
}

.panel-faqs > .panel-heading {
    background: 0 0;
    border: none;
    border-radius: 0
}

.panel-charity-box-wrapper {
    border-radius: 12px;
    padding: 1px;
    border: 2px solid #F06B25;
    background-color: #fff
}

.panel-charity-box {
    border-radius: 10px;
    margin: 0;
    border-color: #F06B25
}

.panel-charity-box .panel-heading {
    background: #F06B25;
    display: block;
    border-radius: 10px 10px 0 0;
    color: #fff;
    padding: 3px 10px;
    border: none
}

.panel-charity-box .panel-heading a {
    color: #fff;
    text-decoration: underline
}

.panel-charity-box .panel-footer {
    background: #dbe5b2;
    border-radius: 0 0 10px 10px;
    padding: 0;
    border: 0
}

.panel-charity-box .panel-footer .meter.progress {
    border-radius: 0 0 10px 10px
}

.panel-charity-box .panel-body {
    padding: 5px 8px
}

.panel-charity-box .panel-body .input-group-addon {
    border: none;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    color: #529E29
}

.panel-charity-box .panel-body .input-group-info {
    margin-left: 6px;
    margin-right: 6px;
    background-color: #f2f9ef;
    padding: 3px 6px;
    text-align: center;
    border-radius: 6px
}

.panel-charity-box .panel-body .input-group-info a.doelen-title {
    color: #F06B25;
    text-transform: uppercase;
    font-weight: 700
}

.panel-charity-box .panel-body .input-group-addon a.edit-btn,
.panel-charity-box .panel-body .meter.progress .target {
    color: #529E29
}

.panel-charity-box .panel-body .meter.progress {
    margin-top: 10px;
    background-color: #f2f9ef
}

.panel-charity-box .panel-body p {
    color: #468922;
    font-size: 15px;
    margin: 0
}

.panel-charity-box .panel-body p a.doelen-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block
}

.panel-charity-box .panel-body .edit-btn,
.panel-charity-box .panel-body p a.doelen-title {
    font-weight: 700;
    color: #668733
}

.panel-charity-box .btn-orange {
    padding: 2px 5px !important;
    font-size: 10px;
    margin-left: 2px;
    display: inline-block
}

.red {
    color: red !important
}

.search-bar {
    position: relative;
    display: block !important
}

.search-bar .form-control {
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    color: #468922;
    border-color: rgba(52, 157, 35, 0.3);
    width: 100%
}

.search-bar.form-group {
    margin-bottom: 0 !important;
}

.search-bar.form-group .form-control {
    height: 40px !important;
    border-radius: 6px !important;
}

@media (max-width: 767px) {
    .search-bar.form-group .form-control {
        margin-bottom: 15px;
    }
}

.search-bar .search-bar-btn .btn {
    background: transparent;
    color: #ccc;
    position: absolute;
    top: 0;
    right: .3em;
    margin: .2em 0;
    padding: 3px 10px;
    width: 34px;
    height: 34px;
    border: none !important;
}

.search-area {
    background-color: #7DC242;
    background-image: url(/img/header_bg.png);
    background-repeat: repeat-y;
    padding: 5px 0 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 20px;
    z-index: 99;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dropdown-mega-menu .lnt-category,
.search-area .navbar-right {
    margin: 0
}

.search-area .navbar-collapse {
    position: relative;
    margin: 0
}

.navbar-collapse.collapse {
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: center;
}

@media (max-width: 1199px) {
    .navbar-collapse.collapse {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    .navbar-collapse.collapse {
        align-items: flex-start;
    }
}

.search-area .lnt-search-form {
    position: relative;
    display: block;
    padding: 0 15px
}

.search-area .lnt-search-form .dropdown-menu {
    width: 100%;
    border-radius: 0;
    border: none;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .08)
}

.typeaheadIsOpen:after {
    content: "\ ";
    -webkit-animation: show-type-ahead-overlay .25s ease-in-out;
    animation: show-type-ahead-overlay .25s ease-in-out;
    display: block;
    background: #98b848;
    height: 100%;
    left: 0;
    opacity: .15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

.search-area .lnt-search-form .dropdown-menu > li:nth-child(5n+0) > a {
    border-bottom: 1px solid #468922
}

.search-area .lnt-search-form .dropdown-menu > li:last-child > a {
    border: none
}

.search-area .lnt-search-form .dropdown-menu > .active > a,
.search-area .lnt-search-form .dropdown-menu > .active > a:focus,
.search-area .lnt-search-form .dropdown-menu > .active > a:hover {
    background-color: #468922
}

.search-area .lnt-search-form .form-control:focus {
    box-shadow: 0 0 0, 0 0 0
}

.dropdown-mega-menu .dropdown-menu {
    box-shadow: 0 1px 5px rgba(50, 50, 50, .6);
    padding: 0;
    border-radius: 0;
    border: none;
    border-top: 1px #8da158 solid;
    width: 100%;
    min-width: 100%;
    left: auto
}

.dropdown-mega-menu .dropdown-menu.expandwidth {
    width: 100%
}

.dropdown-mega-menu .dropdown-menu .label {
    font-weight: 400;
    font-size: 10px;
    padding: 4px 7px
}

.dropdown-mega-menu li {
    position: static
}

.dropdown-mega-menu .lnt-category > li {
    position: relative
}

.dropdown-mega-menu .lnt-category > li > a {
    color: #333;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dropdown-mega-menu .lnt-category > li > a:focus,
.dropdown-mega-menu .lnt-category > li > a:hover {
    text-decoration: none;
    background-color: #468922;
    color: #fff
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap {
    display: none;
    position: relative;
    background-color: #fff;
    margin-left: 180px
}

.dropdown-mega-menu .dropdown-menu.showrnav .lnt-subcategroy-carousel-wrap {
    display: block
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap > div {
    display: none
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap > div.active,
.main-slide .slide-badge a span {
    display: block
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap [class*=col-],
.dropdown-mega-menu .lnt-subcategroy-carousel-wrap.container-fluid {
    padding: 0
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory {
    padding-bottom: 10px;
    overflow-y: auto;
    max-height: 490px
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory .lnt-category-name {
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    margin-top: 0;
    color: #F06B25
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory ul li {
    padding: 6px 20px
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory ul li a {
    color: #333
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory ul li a:hover {
    text-decoration: underline
}

.dropdown-mega-menu .lnt-subcategroy-carousel-wrap .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 5px
}

.btn-search-cat {
    border-style: solid;
    border-width: 1px;
    border-color: #8da158;
    border-radius: 20px;
    padding: 6px 12px !important;
    color: #E54D27 !important;
    font-weight: 500 !important;
    text-transform: uppercase
}

.sp-text p {
    font-weight: 700;
    color: #fff;
    margin: 5px 0 0;
    font-style: italic;
    font-size: 1.2em
}

.activeClass,
.activeClass a {
    color: #fff !important
}

.sp-text img {
    position: absolute;
    bottom: 10px;
    right: 0
}

.activeClass {
    text-decoration: none !important;
    background-color: #468922 !important
}

@media (min-width: 992px) {
    .search-area .lnt-search-form {
        margin: 0 20px;
        padding: 0
    }
}

@media (min-width: 1200px) {
    .search-area .lnt-search-form .form-control {
        width: 650px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dropdown-mega-menu .lnt-subcategroy-carousel-wrap {
        margin-left: 190px
    }
}

.fill {
    width: 100%;
    height: 27.5em;
    background-position: center;
    background-size: cover;
    -o-background-size: cover
}

.carousel-inner {
    height: 100%
}

.main-slide .carousel-indicators {
    bottom: 15%
}

.main-slide .slide-badge {
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 1%;
    top: 5%
}

.main-slide .slide-badge a,
.main-slide .text-sfooter {
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
    font-size: .8em;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    font-weight: 700
}

.main-slide .slick-dots {
    bottom: 2.5em;
    top: inherit
}

.main-slide .slick-dots li button:before {
    display: none
}

.main-slide .slick-slide {
    position: relative
}

.main-slide .text-sfooter {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px 0;
    z-index: 10;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, .54);
    font-size: 11px
}

.main-slide .text-sfooter p {
    margin: 0
}

.main-slide .text-sfooter p span {
    color: #44C95C
}

#testimonials-carousel {
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .23);
    border-radius: 5px;
    padding: 0 20px
}

#testimonials-carousel .carousel .carousel-inner {
    padding-bottom: 6em;
    padding-top: 1em
}

#testimonials-carousel .carousel .carousel-inner .item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition-property: opacity;
    transition-property: opacity
}

#testimonials-carousel .carousel .carousel-inner .active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition-property: opacity;
    transition-property: opacity
}

#testimonials-carousel .carousel .carousel-indicators {
    bottom: 10px
}

#testimonials-carousel .carousel .carousel-indicators > li,
.main-slide .slick-dots li button {
    background-color: #87D55C;
    border: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 5px
}

.rd-container,
.rd-container .donation-item {
    border-style: solid;
    border-width: 1px;
    padding: 10px
}

#testimonials-carousel .carousel .carousel-indicators > li.active,
.main-slide .slick-dots li.slick-active button {
    background-color: #44C95C;
    width: 16px;
    height: 16px
}

#testimonials-carousel .carousel-control {
    background: 0;
    color: #44C95C;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    text-shadow: none;
    top: auto;
    width: 5%;
    bottom: 40px
}

.testimonial-desc p:after,
.testimonial-desc p:before {
    font-family: fontawesome;
    position: absolute;
    font-size: 1.4em;
    color: #e4e6df
}

.testimonial-desc p:before {
    content: '\f10d';
    top: -1.2em
}

.testimonial-desc p:after {
    content: '\f10e';
    right: 15%;
    bottom: -1.5em
}

.testimonial-desc h5 {
    color: #7e7e7e;
    font-style: italic;
    font-weight: 300
}

.testimonial-desc p {
    font-weight: 500;
    color: #000;
    margin: 2em 0 0;
    position: relative;
    z-index: 1;
    font-size: 15px
}

.rd-container {
    border-color: #708613;
    background-color: #f0f7dc;
    box-shadow: inset 0 0 9px 0 rgba(0, 0, 0, .75)
}

.rd-container .slick-slider {
    margin: 0
}

.rd-container .donation-item {
    border-color: #A1E294;
    background-color: #fff;
    margin: 0 5px
}

.rd-container .donation-item .date,
.rd-container .donation-item .donation-desc p,
.rd-container .donation-item .shopname,
.rd-container .donation-item .username {
    color: #4F8247;
    margin: 0;
    font-weight: 500
}

.rd-container .donation-item .image-container {
    border: 1px solid #A1E294
}

.rd-container .donation-item img {
    height: 10em
}

.rd-container .donation-item .username {
    font-weight: 700
}

.rd-container .donation-item .price {
    float: right;
    color: #468922;
    font-weight: 700
}

.rd-container .donation-desc {
    margin: 10px 0 0
}

@media only screen and (max-width: 800px) {
    #no-more-tables table,
    #no-more-tables tbody,
    #no-more-tables td,
    #no-more-tables th,
    #no-more-tables thead,
    #no-more-tables tr {
        display: block
    }

    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    #no-more-tables tr {
        border: 1px solid #ccc
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700;
        content: attr(data-title)
    }
}

@media only screen and (max-width: 968px) {
    .navbar-brand {
        padding: 0
    }

    .panel-charity-box .panel-body p,
    .panel-charity-box .panel-body p a.doelen-title {
        font-size: 1em
    }

    .product-view-modal .product-img-thumbs .img-thumbnail {
        height: 70px
    }

    .product-view-modal .social-icons img {
        display: none
    }

    .panel-goal-info .panel-heading h4.goal-price {
        float: none
    }

    .btn-shop {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5
    }
}

@media only screen and (max-width: 767px) {
    .panel-myaccount .checkbox input[type=checkbox],
    .panel-user-login .checkbox input[type=checkbox] {
        left: 85%
    }

    #AuthenticationModal .modal-body {
        padding: 15px 0
    }

    .user-login .btn-start {
        font-size: 15.5px;
        line-height: 1.5
    }

    .search-area .navbar-collapse {
        padding: 0
    }

    .home .section-area {
        margin: 0
    }

    .newsletter-box .btn {
        margin: 1em 0 0
    }

    .height-xs,
    .social-feed,
    .testimonials,
    .top5 {
        margin-bottom: 2em
    }

    .top5 .box .progress-bar,
    .top5 .box h5 {
        font-size: 1em
    }

    .navbar-doelshop a.dropdown-toggle.user-header-dropdown-toggle {
        padding: 14px 10px;
        display: block
    }

    .main-slide .text-sfooter p span {
        display: block
    }

    .height-xs {
        height: auto !important
    }

    .navbar-header {
        padding: 0
    }

    .search-area .dropdown {
        text-align: center
    }

    .product-box {
        margin: 10px 0
    }

    .btn-search-cat {
        width: 100%;
        margin-bottom: 10px
    }

    .category-box h4,
    .newsletter h4,
    .option-block h4,
    .product-bar h4,
    .top5 h4 {
        text-align: center;
        font-size: 1em
    }

    #testimonials-carousel img,
    .newsletter img,
    .option-block img {
        margin: 0 0 30px
    }

    .newsletter,
    .option-block {
        text-align: center;
        margin-bottom: 20px
    }

    .margin-top {
        margin: 10px 0
    }

    .product-view-modal .product-img-big,
    .product-view-modal .shop-img-big {
        width: 100%
    }

    .product-view-modal .product-img-thumbs .img-thumbnail {
        padding: 10px 0;
        height: auto
    }

    .sticky-notification {
        padding: 0;
        text-align: center
    }

    .sticky-notification p {
        position: relative
    }

    .charity .category-box {
        margin-bottom: 1em
    }

    .product-bar .row [class*=col-]:nth-child(even) {
        padding-right: 10px;
        padding-left: 5px
    }

    .product-bar .row [class*=col-]:nth-child(odd) {
        padding-right: 5px;
        padding-left: 10px
    }

    .product-box h5 {
        font-size: .9em
    }

    .charitys-bg {
        border: 0;
        padding: 0;
        background: 0 0
    }

    .producten .price-filter label {
        padding: 5px 15px 0 !important
    }

    .panel-down2,
    .panel-graph .panel-body,
    .panel-graph .panel-heading {
        padding: 10px
    }

    .info-graphics {
        margin: 0
    }

    .panel-down2 {
        border: 1px solid #7DC242;
        margin: 1em 0
    }

    .main-slide .slick-dots {
        bottom: 5em
    }

    .main-slide .slick-dots li button,
    .main-slide .slick-dots li.slick-active button {
        width: 10px;
        height: 10px
    }
}

@media only screen and (max-width: 500px) {
    .compare-box img {
        margin: 0 auto
    }

    .category-box > ul > li > a,
    .home .category-box > ul > li > a {
        font-size: 1em
    }

    .fill {
        height: auto
    }
}

@media only screen and (min-width: 500px) {
    .main-slide .carousel-inner .slide-badge a {
        font-size: 12px
    }

    .main-slide .text-sfooter {
        font-size: 16px
    }
}

@media only screen and (min-width: 768px) {
    .pdr0 {
        padding-right: 0
    }

    .pdl0 {
        padding-left: 0
    }

    .user-profile-picture {
        height: 80px
    }

    .user-login .btn-social {
        font-size: 1.1em
    }

    .user-login .btn-social > :first-child {
        left: 2.5em
    }

    .option-block {
        margin-top: -16%
    }

    .dropdown-mega-menu .lnt-subcategroy-carousel-wrap .lnt-subcategory ul {
        display: inline-block;
        padding: 0 .3rem;
        vertical-align: top;
        white-space: normal;
        width: 33.333333%
    }

    .category-box ul.popular-cat-list {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        height: 0 !important;
        padding: 0 !important
    }

    .col-sm-15 {
        width: 20%;
        float: left
    }

    .search-area .search-bar.extra-mar {
        margin: 1em 0 0
    }

    .row.space-less {
        margin-left: 0;
        margin-right: 0
    }

    .row.space-less > [class*=col-]:not(:first-child),
    .row.space-less > [class*=col-]:not(:last-child) {
        padding-right: 5px;
        padding-left: 5px
    }

    .row.reorder-xs {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        direction: rtl
    }

    .row.reorder-xs > [class*=col-] {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        direction: ltr
    }

    .top5 h5 {
        margin: 0 0 15px
    }

    .filter-bar h5 {
        display: inline-block;
        float: left
    }

    .panel-myaccount.sh {
        min-height: 540px
    }

    .btn-shop {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333
    }

    .navbar-doelshop .navbar-nav > li > a {
        padding: 25px 7px
    }

    .navbar-header {
        padding: 0
    }

    .navbar-doelshop .navbar-nav > li.flags {
        padding: 16px 0
    }

    .navbar-doelshop .navbar-nav > li.flags > a {
        border-style: solid;
        border-width: 1px;
        border-color: #dedddd;
        background-image: -webkit-linear-gradient(90deg, #ececec 0, #fff 100%);
        background-image: -ms-linear-gradient(90deg, #b1b1b1 0, #fff 100%);
        border-radius: 20px;
        padding: 8px 12px;
        color: #E54D27
    }

    .navbar-doelshop .navbar-nav > .flags.open > a,
    .navbar-doelshop .navbar-nav > .flags.open > a:focus,
    .navbar-doelshop .navbar-nav > .flags.open > a:hover {
        background-image: -webkit-linear-gradient(90deg, #ececec 0, #fff 100%);
        background-image: -ms-linear-gradient(90deg, #b1b1b1 0, #fff 100%);
        border-radius: 20px;
        box-shadow: none;
        color: #E54D27
    }

    .sp-text p {
        padding-left: .5em
    }

    .charity .product-box {
        min-height: 280px;
        max-height: 280px
    }

    .charity-setup .second-side {
        margin: 20px 0 0
    }
}

@media only screen and (min-width: 968px) {
    .panel-charity-box .panel-body p a.doelen-title,
    .panel-charity-box .panel-body p.doelen-heading {
        margin: .2rem 0 0
    }

    .newsletter {
        margin-top: -7%
    }

    .no-padding {
        padding: 0
    }

    .search-area .dropdown.extra-mar {
        margin: 1em 0 0
    }

    .sp-text p {
        font-size: 1.6em
    }

    .compare-box {
        margin: 0 10px
    }

    .search-top-fixed.search-area {
        position: fixed;
        right: 0;
        left: 0;
        top: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        z-index: 999;
        margin: 0
    }

    .is-visible.search-area {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: all .2s linear;
        transition: all .2s linear
    }

    .search-top-fixed.search-area .panel-charity-box {
        padding: 0;
        margin-bottom: 0
    }

    .search-top-fixed.search-area .panel-charity-box .panel-heading {
        padding: 2px 5px
    }

    .search-top-fixed.search-area .panel-charity-box .panel-body {
        padding: 5px 10px
    }

    .search-top-fixed.search-area .panel-charity-box .panel-body p a.doelen-title {
        font-size: 18px;
        margin: 0
    }

    .search-top-fixed.search-area .panel-charity-box .btn-orange {
        font-size: 9px
    }

    .search-top-fixed.search-area .panel-charity-box .panel-footer .meter.progress .progress-bar,
    .search-top-fixed.search-area .panel-charity-box .panel-footer .meter.progress .target {
        line-height: 1.5
    }

    .search-top-fixed.search-area .dropdown.extra-mar {
        margin: 10% 0 0
    }
}

@media only screen and (min-width: 1024px) {
    .category-box > ul > li > a {
        font-size: 15px
    }

    .home .category-box > ul > li > a {
        font-size: 17px
    }

    .openonhover.dropdown .dropdown-menu {
        display: block;
        border-radius: 0 0 6px 6px;
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s, opacity .3s ease-in-out
    }

    .openonhover.dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1
    }

    .charity-setup .second-side p.quotes {
        margin: 0
    }

    .charity-setup .second-side img {
        margin-top: 58%
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: landscape) {
    .navbar-doelshop .navbar-nav > li > a {
        padding: 25px 7px;
        font-size: .89em
    }

    .search-area .dropdown.extra-mar {
        margin: 1em 0 0
    }

    .sp-text img {
        display: none
    }

    .panel-charity-box .panel-body .edit-btn {
        display: inline
    }

    .home .category-box > ul > li > a {
        font-size: .95em
    }

    .category-box > h4,
    .product-bar > h4 {
        font-size: .86em
    }

    .fill {
        height: 24em
    }

    .main-slide .slide-badge a,
    .main-slide .text-sfooter {
        font-size: .7em
    }

    .main-slide .text-sfooter {
        font-size: 1em
    }
}

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) {*/
/*    .navbar-collapse {*/
/*        padding: 0*/
/*    }*/

/*    .navbar-doelshop .navbar-nav > li > a {*/
/*        padding: 10px 7px*/
/*    }*/

/*    .fill,*/
/*    .mobile-header .navbar-brand > img {*/
/*        height: auto*/
/*    }*/

/*    .panel-charity-box .panel-body p,*/
/*    .panel-charity-box .panel-body p a.doelen-title {*/
/*        font-size: 1em*/
/*    }*/
/*}*/

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {*/
/*    .search-area .dropdown.extra-mar {*/
/*        margin: 13px 0 0*/
/*    }*/

/*    .panel-charity-box .panel-body p,*/
/*    .panel-charity-box .panel-body p a.doelen-title {*/
/*        font-size: 13px*/
/*    }*/

/*    .meter.progress .progress-bar {*/
/*        padding-left: 2px*/
/*    }*/

/*    .meter.progress .progress-bar,*/
/*    .meter.progress .target {*/
/*        font-size: 12px*/
/*    }*/
/*}*/

/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {*/
/*    .charity-setup .second-side {*/
/*        margin: 160px 0*/
/*    }*/

/*    .panel-myaccount .table > tbody > tr > td {*/
/*        font-size: 11px*/
/*    }*/

/*    .sticky-notification {*/
/*        padding: 0;*/
/*        text-align: center*/
/*    }*/

/*    .sticky-notification img {*/
/*        display: block*/
/*    }*/

/*    .meter.progress .progress-bar {*/
/*        padding-left: 8px*/
/*    }*/
/*}*/

/*@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {*/
/*    .navbar-doelshop .navbar-nav > li > a {*/
/*        font-size: .85em;*/
/*        padding: 25px 8px*/
/*    }*/

/*    .category-box > ul > li > a,*/
/*    .home .category-box > ul > li > a {*/
/*        font-size: .85em;*/
/*        padding: 9px*/
/*    }*/

/*    .category-box > h4,*/
/*    .product-bar > h4 {*/
/*        font-size: .86em*/
/*    }*/

/*    .fill {*/
/*        height: auto*/
/*    }*/

/*    .sp-text img {*/
/*        display: none*/
/*    }*/

/*    .main-slide .slide-badge a {*/
/*        font-size: .6em*/
/*    }*/

/*    .compare-box h3 {*/
/*        font-size: 1.1em*/
/*    }*/
/*}*/

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left
    }
}

/*@media screen and (-webkit-min-device-pixel-ratio: 0) {*/
/*    .compare-box h3,*/
/*    .contact .info-blocks,*/
/*    .goal-info .sticky-notification p,*/
/*    .product-view-modal .other-products h4,*/
/*    .product-view-modal .social-icons h4,*/
/*    .sp-text p,*/
/*    ::i-block-chrome {*/
/*        font-weight: 400;*/
/*        font-style: normal*/
/*    }*/
/*}*/

.social-account-container {
    display: inline-block;
    position: relative
}

.btn-remove-account {
    top: 10px;
    right: 10px;
    position: absolute
}

.btn-file {
    position: relative;
    overflow: hidden
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #fff;
    cursor: inherit;
    display: block
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left
    }

    .nav-users {
        position: fixed
    }
}


.carousel {
    padding: 0;
}

.carousel__control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
}

.carousel__control--next {
    right: 0;
    left: auto;
}

.carousel__icon {
    display: inline-block;
    width: 26px;
    height: 49px;
    background: url('/views/img/carousel/carousel-str.png') center no-repeat;
    background-size: 100% 100%;
    opacity: .5;
    transform: rotate(-180deg);
}

.carousel__icon--next {
    transform: rotate(0);
}

.carousel__icon:hover {
    opacity: 1;
}

.item__wrap {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}
@media (max-width: 767px) {
    .item__wrap {
        flex-direction: column;
    }
}

.item__card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: calc(100% / 3 - 40px);
    padding: 0;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #fff;
    transition: 0.3s ease transform;
}
.item__card:hover,
.item__card:active,
.item__card:focus {
    transform: scale(1.1);
    transition: 0.3s ease transform;
}
@media (min-width: 768px) and (max-width: 991px) {
    .item__card {
        width: calc(100% / 3 - 2px);
    }
}
@media (max-width: 767px) {
    .item__card {
        width: 100%;
        margin-bottom: 10px;
    }
}

.item__logo-wr {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: calc(50% - 50px);
    top: -80px;
}

.item__data {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    padding: 25px 40px 10px 40px;
    margin-top: 80px;
    position: relative;
    border-radius: 0 0 6px 6px;
}

.item__text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    padding: 30px 40px 10px 40px;
    min-height: 140px;
}
@media (max-width: 767px) {
    .item__text {
        min-height: auto;
    }
}

.item__text-name {
    color: #349d23;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}
.item__text-name--company {
    margin-bottom: 0;
    font-size: 14px;
}

.main-cause {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 6px;
    margin-top: 40px;
    margin-bottom: 15px;
    background-color: #fff;
}

.main-cause--thankyou .main-cause__link-wrap {
    justify-content: space-around;
}

@media (max-width: 767px) {
    .main-cause {
        flex-direction: column;
    }
}

.main-cause--overview-page .main-cause__description {
    display: flex;
    flex-direction: row;
    align-items: center;
}

@media (max-width: 991px) {
    .main-cause--overview-page .main-cause__description {
        flex-direction: column;
    }
}

.main-cause--overview-page .main-cause__description--label > h4 {
    margin-right: 0;
}

.main-cause--overview-page .main-cause__description--label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 50%;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .main-cause--overview-page .main-cause__description--label,
    .main-cause--overview-page .main-cause__description--text {
        width: 100% !important;
    }
}

.main-cause--overview-page .main-cause__description--text {
    width: 50%;
    text-align: justify;
}

.main-cause--backgr {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 350px;
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-cause--backgr {
        margin-top: -30px;
    }
}
@media (max-width: 767px) {
    .main-cause--backgr {
        background-image: none !important;
        margin-top: -30px;
    }
}

.main-cause--backgr > .container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 350px;
    padding: 0;
}

@media (max-width: 991px) {
    .main-cause--backgr > .container {
        margin-top: 30px;
        height: auto;
    }
}

.main-cause__image {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 30%;
    position: relative;
    max-width: 220px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-cause__image {
        width: 35%;
        max-width: 100%;
        align-self: center;
    }
}
@media (max-width: 767px) {
    .main-cause__image {
        /*width: 100%;*/
        /*max-width: 100%;*/
        display: none;
    }
}

.main-cause__image > img {
    border-radius: 6px 0 0 6px;
    width: 100%;
    min-height: 140px;
    object-fit: cover;
}
@media (max-width: 991px) {
    .main-cause__image > img {
        min-height: 160px;
        height: 100%;
    }
}
@media (max-width: 767px) {
    .main-cause__image > img {
        border-radius: 6px 6px 0 0;
    }
}

.main-cause__image--label {
    position: absolute;
    width: 100%;
    border-radius: 0 0 0 6px;
    background-color: rgba(0, 0, 0, 0.35);
    bottom: 0;
    text-align: center;
    font-size: 18px;
    line-height: 2;
    font-weight: 500;
    color: white;
    text-shadow: 0 0 0.2em #000, 0 0 0.2em #000;
}
@media (max-width: 991px) {
    .main-cause__image--label {
        font-size: 14px;
    }
}

.main-cause__description {
    margin: 0 20px;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
    min-height: 140px;
}

@media (max-width: 767px) {
    .main-cause__description {
        width: calc(100% - 40px);
        min-height: auto;
    }
}

.main-cause__description--thankyou .main-cause__description--image {
    position: absolute;
    left: 10px;
    width: 65px;
    border-radius: 50%;
}
@media (max-width: 767px) {
    .main-cause__description--thankyou .main-cause__description--image {
        position: relative;
        left: 0;
        margin-bottom: 6px;
    }
}

.main-cause__description--thankyou .main-cause__description--image-dot {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    left: 56px;
    top: 100px;
    background-color: #349d23;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff;
}
@media (max-width: 767px) {
    .main-cause__description--thankyou .main-cause__description--image-dot {
        display: none;
    }
}

.main-cause__description--thankyou .main-cause__description--title {
    margin-left: 0;
}

.main-cause__description--thankyou .main-cause__description--text {
    font-size: 16px;
    padding: 10px 20px 10px 100px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
}
@media (max-width: 991px) {
    .main-cause__description--text {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .main-cause__description--thankyou .main-cause__description--text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
    }
}

.main-cause__description--thankyou b {
    font-style: italic;
}

.main-cause--thankyou .main-cause__link-wrap {
    width: 15%;
    padding-left: 20px;
}
@media (max-width: 767px) {
    .main-cause--thankyou .main-cause__link-wrap {
        width: 100%;
        margin-top: 0;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .main-cause--thankyou .main-cause__link-wrap {
        width: 20%;
        padding-left: 0;
    }
}

.main-cause__description--label {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 991px) {
    .main-cause__description--label {
        flex-direction: column;
    }
}

.main-cause__description--label > h4 {
    margin: 0 0 0 10px;
}
@media (max-width: 767px) {
    .main-cause__description--label > h4 {
        margin: 10px 0;
    }
}

.main-cause__description--title {
    color: #349d23;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.main-cause__description--text {
    font-size: 14px;
    margin: 10px 0;
    width: 100%;
}

.main-cause__description--sum {
    font-size: 16px;
}

.main-cause__description--sum > b {
    color: #349d23;
    font-size: 20px;
    font-weight: 700;
}

.main-cause__link-wrap {
    width: 30%;
    text-align: center;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 140px;
    height: 100%;
    padding: 15px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-cause__link-wrap {
        max-width: 100%;
        width: 15%;
        margin: 0;
        padding: 0 10px 0 0;
        min-height: auto;
        align-self: center;
    }
}
@media (max-width: 767px) {
    .main-cause__link-wrap {
        max-width: 100%;
        width: 100%;
        margin: 20px 0 0 0;
        padding: 0 20px 20px 20px;
        min-height: auto;
    }
}

@media (max-width: 767px) {
    .main-cause--overview-page .main-cause__link-wrap {
        margin-top: 0;
    }
}

.main-cause__link,
.main-cause__store-link {
    display: flex;
    color: #4a76a8;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
}

.main-cause__link:hover,
.main-cause__link:active,
.main-cause__link:focus {
    color: #4a76a8;
    text-decoration: underline;
}

@media (max-width: 991px) {
    .main-cause__link,
    .main-cause__store-link {
        font-size: 16px;
        display: block;
        text-align: center;
    }
}

.read-more {
    color: #4a76a8;
    text-decoration: none;
}

.read-more:hover,
.read-more:active,
.read-more:focus {
    color: #4a76a8;
    text-decoration: underline;
}

.content-page-box {
    margin: 80px auto 30px auto;
    width: 100%;
    background-color: #fff;
    padding: 20px 10px;
    text-align: justify;
}

@media (min-width: 768px) {
    .content-page-box {
        padding: 20px 30px;
        border-radius: 6px;
    }
}

@media (min-width: 1200px) {
    .content-page-box {
        width: 70%;
        margin: 40px auto 0 auto;
    }
}

.content-page-box img {
    width: 100%;
}
.content-page-box .croppie-container img {
    width: auto;
}

.content-page-box h1 {
    color: #349d23;
    font-weight: 700;
    font-size: 28px;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

.content-page-box h2 {
    color: #349d23;
    font-weight: 700;
    font-size: 26px;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

.content-page-box h3 {
    color: #349d23;
    font-weight: 700;
    font-size: 24px;
    text-transform: none;
    margin-top: 20px;
    margin-bottom: 30px;
}

.content-page-box h4 {
    color: #349d23;
    font-weight: 700;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.content-page-box h5 {
    color: #349d23;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.content-page-box .panel-title {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: none;
    margin-top: inherit;
    margin-bottom: inherit;
}

.content-page-box p {
    font-size: 11.5pt;
}

.title-with-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

@media (max-width: 767px) {
    .title-with-link {
        flex-direction: column;
        align-items: flex-start;
    }
}

.title-with-link a {
    /*color: #000;*/
    margin-top: 40px;
    text-decoration: none;
    margin-bottom: 18px;
    margin-left: 24px;
}

@media (max-width: 767px) {
    .title-with-link a {
        margin: -16px 0 10px 0;
    }
}

.title-with-link a:hover,
.title-with-link a:active,
.title-with-link a:focus {
    text-decoration: underline;
}

.store-details__wrapper,
.cause-details__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #fff;
    margin-bottom: 20px;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .store-details__wrapper,
    .cause-details__wrapper {
        border-radius: 6px;
    }
}

.store-details__image,
.cause-details__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 300px;
    overflow: hidden;
}
@media (max-width: 991px) {
    .store-details__image,
    .cause-details__image {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .store-details__image,
    .cause-details__image {
        height: auto;
    }
}

.store-details__image img,
.cause-details__image img {
    width: 100%;
}

.store-details__description,
.cause-details__description {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 20px 20px 40px 20px;
}

@media (max-width: 991px) {
    .store-details__description,
    .cause-details__description {
        flex-direction: column;
    }
}

.store-details__store-details__description--left,
.cause-details__store-details__description--left {
    display: flex;
    flex-direction: column;
    width: 30%;
    margin-right: 30px;
}

@media (max-width: 1199px) {
    .store-details__store-details__description--left,
    .cause-details__store-details__description--left {
        width: 50%;
        margin: 0 40px 0 auto;
    }
}
@media (min-width: 501px) and (max-width: 991px) {
    .store-details__store-details__description--left,
    .cause-details__store-details__description--left {
        margin: 0 auto;
    }
}
@media (max-width: 500px) {
    .store-details__store-details__description--left,
    .cause-details__store-details__description--left {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .store-details__store-details__description--left .store__item img,
    .cause-details__store-details__description--left .store__item img {
        height: auto;
    }
}
@media (min-width: 992px) {
    .store-details__store-details__description--left .store__item img,
    .cause-details__store-details__description--left .store__item img {
        height: auto;
    }
}

.store-details__store-details__description--right,
.cause-details__store-details__description--right {
    width: 70%;
}

@media (max-width: 991px) {
    .store-details__store-details__description--right,
    .cause-details__store-details__description--right {
        width: 100%;
    }
}

.store-details__store-details__description--title,
.cause-details__store-details__description--title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .store-details__store-details__description--title,
    .cause-details__store-details__description--title {
        margin: 20px 0;
    }
}

.store-details__store-details__description--text a,
.cause-details__store-details__description--text a {
    color: #4a76a8;
    text-decoration: underline;
}

.store-details__store-details__description--text a:hover,
.store-details__store-details__description--text a:focus,
.store-details__store-details__description--text a:active,
.cause-details__store-details__description--text a:hover,
.cause-details__store-details__description--text a:focus,
.cause-details__store-details__description--text a:active {
    text-decoration: none;
}

.store-details__store-details__description--donation,
.cause-details__store-details__description--donation {
    font-size: 20px;
    margin: 20px 0 30px 0;
}

.store-details__store-details__description--donation b,
.cause-details__store-details__description--donation b {
    color: #349d23;
    font-size: 22px;
    font-weight: 700;
}

.cause-details__store-details__description--progress {
    margin-bottom: 20px;
}

.cause-details__description .tags-list--wrapper,
.store-details__description .tags-list--wrapper {
    margin: 30px 0 0 0;
}

.cause-details__description .tags-list,
.store-details__description .tags-list {
    padding: 0;
}

.footer__updates {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

@media (max-width: 767px) {
    .footer__updates {
        align-items: flex-start;
        margin-top: 20px;
    }
}

.footer__updates h3 {
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
    text-align: right;
    max-width: 70%;
}

@media (max-width: 767px) {
    .footer__updates h3 {
        max-width: 100%;
        text-align: center;
    }
}

.footer__updates input {
    font-size: 14px;
    padding: 5px 30px 5px 15px;
    border-radius: 6px;
    border: 1px solid rgba(74, 118, 168, 0.1);
    height: 40px;
}

@media (max-width: 767px) {
    .footer__updates input {
        width: 70%;
    }
}

.footer__updates form {
    display: flex;
    flex-direction: revert;
    justify-content: space-between;
    align-items: center;
}

.footer__updates--social {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 20px;
    font-size: 16px;
}

@media (max-width: 767px) {
    .footer__updates--social {
        width: 100%;
        align-items: center;
    }
}

.footer__updates .btn-subscribe {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    border-radius: 6px;
    height: 40px;
    padding: 10px 15px !important;
    background-color: #4a76a8 !important;
    color: #fff !important;
    margin-left: 10px;
    border: none;
    box-shadow: none;
}

.footer__updates .btn-subscribe:hover,
.footer__updates .btn-subscribe:active,
.footer__updates .btn-subscribe:focus {
    background-color: rgba(74, 118, 168, 0.7) !important;
    border: none;
    outline: none;
}

.footer__terms {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

@media (max-width: 767px) {
    .footer__terms {
        flex-direction: column;
        align-items: flex-start;
    }
}
header {
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.margin-top-80 {
    margin-top: 80px;
}
@media (max-width: 1199px) {
    .margin-top-80 {
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .search-form {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
}

.g-recaptcha img {
    width: auto;
    max-width: 100%;
}

.page__section--testimonials {

}

@media (max-width: 767px) {
    .page__section--testimonials {
        /*display: none;*/
    }
}

.bottom-panel--container {
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0 20px 0;
    margin-top: 50px;
}

.bottom-panel--wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .bottom-panel--wrapper {
        flex-direction: column;
    }
}

.bottom-panel__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: justify;
}

@media (max-width: 767px) {
    .bottom-panel__card {
        padding: 0;
        font-size: 12px;
        align-items: flex-start;
    }

    .bottom-panel__card h4 {
        font-size: 14px;
    }
}

.bottom-panel__divider {
    display: inline-flex;
    align-self: center;
    width: 1px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 10px;
}

@media (max-width: 767px) {
    .bottom-panel__divider {
        display: none;
    }
}

.bottom-panel__circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #349d23;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 14px;
}

.bottom-panel--container h3 {
    text-align: center;
    margin-bottom: 20px;
}

.bottom-panel--container + footer {
    margin-top: 0;
}

.list-grid-switch {
    display: flex;
    justify-content: flex-end;
    margin-left: -25px;
}

@media (max-width: 991px) {
    .list-grid-switch {
        display: none;
    }
}

.list-grid-switch a {
    font-size: 30px;
    text-decoration: none;
    opacity: 0.8;
}

.list-grid-switch a:hover,
.list-grid-switch a:active,
.list-grid-switch a:focus {
    opacity: 1;
}

.display-none {
    display: none !important;
}

input {
    font-size: 14px;
    padding: 5px 30px 5px 15px;
    border-radius: 6px;
    border: 1px solid rgba(74, 118, 168, 0.1);
    height: 40px;
}

select {
    padding: 5px;
    border: 0;
    background: url(https://image.flaticon.com/icons/png/512/120/120890.png) no-repeat right #fff;
    background-size: 12px;
    -webkit-appearance: none;
    background-position-x: calc(100% - 10px);
}

@media (max-width: 767px) {
    .category--container {
        margin-top: -20px;
    }
}

@media (min-width: 768px) {
    .desktop-hidden {
        display: none;
    }
}