html, body {
    max-width: 100%;
    /* overflow-x: hidden; */
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}
/* Angular cloaking */

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.container {
    max-width: 970px;
    width: auto;
}
body {
    color: #666666;
}
@media all and (min-width: 1200px) {
    .container {
        max-width: 1170px;
        width: 1170px;
    }
}
img {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    line-height: 1.3;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-weight: 300;
}
.home_index h1 {
    font-size: 37px;
}
.Home_index h2 {
    font-size: 33px;
}
.Home_index h3 {
    font-size: 25px;
}
.Home_index h4 {
    font-size: 20px;
}
.content-area h1 {
    font-size: 35px;
    margin-top: 0;
}
.content-area h2 {
    margin-top: 0;
}
.content-area h2 strong {
    color: #00b4d9;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-left: -4px;
}
a {
    position: relative;
    color: #39699e;
}
a:hover, a:focus, a:active {
    text-decoration: none;
    color: #39699e;
}
a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0;
    border-bottom: 1px solid;
    transition: all 0.5s;
}
a:hover:before, a:focus:before, a:active:before {
    /*width: 100%;*/
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.rowx {
    margin: 0 -10px;
}
.rowy {
    margin: 0 -5px;
}
.rowz {
    margin: 0;
}
.rowx:before, .rowy:before, .rowz:before {
    content: ' ';
    display: table;
}
.rowx:after, .rowy:after, .rowz:after {
    content: ' ';
    display: table;
    clear: both;
}
.rowx>[class^='col-'] {
    padding: 0 10px;
}
.rowy>[class^='col-'] {
    padding: 0 5px;
}
.rowz>[class^='col-'] {
    padding: 0;
}
.btn {
    border: 1px solid #ff696e;
    background: #ff696e;
    color: #fff;
    border-radius: 0;
}
.heading {
    text-align: center;
    padding-bottom: 30px;
}
.heading.regular h2, .heading.regular h3 {
    font-weight: 400;
    margin-top: 0;
}
.heading img {
    margin: 20px 0;
}
.heading-inner {
    padding-bottom: 20px;
}
.heading-2 {
    margin-bottom: 30px;
}
.heading-2 h2 {
    margin-top: 0;
}
.heading-3 {
    margin: auto;
    max-width: 580px;
    text-align: center;
}
.heading-3 h2 {
    margin-top: 0;
}
.heading-4 {
    text-align: center;
    padding-bottom: 30px;
}
.f-15 {
    font-size: 15px !important;
}
.d-teal {
    color: #ff696e;
}
.p-0 {
    padding: 0;
}
.pt-0 {
    padding-top: 0;
}
.pt-10 {
    padding-top: 10px;
}
.pt-15 {
    padding-top: 15px;
}
.pt-20 {
    padding-top: 20px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-15 {
    padding-bottom: 15px;
}
.m-0 {
    margin: 0;
}
.mt-0 {
    margin-top: 0;
}
.mt-30 {
    margin-top: 30px;
}
.mr-30 {
    margin-right: 30px;
}
/*.active a {color: #fff}*/

.video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 34px;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.space {
    padding: 70px 0;
}
/*hr {
    background: #ddd;
    height: 2px;
    margin: 0
}*/

.bg-gray {
    background: #ebeff0;
}
.bg-contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.alignleft {
    float: left;
    margin-right: 20px;
}
.content-area ul, .content-area p {
    margin-bottom: 30px;
}
.content-area ul {
    position: relative;
    list-style: none;
}
.content-area ul li:before {
    content: '\f058';
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    color: #00a8ff;
}
label {
    font-weight: 400;
    font-size: 12px;
    margin: 0;
}
input[type='submit'] {
    border-radius: 20px;
}
input[type='checkbox'], input[type='radio'] {
    margin: 0;
}
.radio-wrap>label {
    padding-right: 5px;
}
.radio-wrap .radio-custom label {
    padding-left: 10px;
    cursor:pointer;
}
.radio-wrap .radio-custom input[type='radio'] {
    opacity: 0;
    position: absolute;
    margin-left: -20px;
}
.radio-wrap .radio-custom label:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 4px;
    top: -2px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio-wrap .radio-custom label::after {
    display: inline-block;
    position: absolute;
    content: ' ';
    width: 11px;
    height: 11px;
    left: 27px;
    top: 1px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio-wrap .radio-custom input[type='radio']:checked+label::before {
    border-color: #39699e;
}
.radio-wrap .radio-custom input[type='radio']:checked+label::after {
    border-color: #39699e;
}
.radio-wrap .radio-custom input[type='radio']:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio-wrap .radio-custom input[type='radio']+label::after {
    background-color: #39699e;
}
.inline-radio .radio-custom {
    display: inline-block;
    padding: 0 0 0 16px;
    vertical-align: middle;
}
.radio-wrap .radio-custom {
    position: relative;
}
.form-control, .input-group-addon {
    border-radius: 0;
}
section {
    padding: 36px 0;
    display: block;
}
.flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}
.nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: initial;
}
.table-wrap {
    display: table;
    width: 100%;
}
.table-wrap>div {
    display: table-cell;
    float: none;
    background-size: cover;
    background-repeat: no-repeat;
}
.borderTp {
    border-top: 1px solid #ddd;
}
.borderTpBtm {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.display-none {
    display: none;
}
/* header */

.dsktp_hide {
    display: none;
}
.logo {
    max-width: 248px;
    max-height: 55px;
}
.logo.white-log0 {
    display: none;
}
/*#mbNav{display: none !important;}*/

.header-top {
    padding: 20px 32px;
}
.header-top.header-bottom-shadow {
    -webkit-box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px -2px 7px 1px rgba(0, 0, 0, 0.5);
}
.header-top a {
    font-family: 'Oswald', Arial, 'sans-serif';
}
.navigation ul {
    padding: 0;
    list-style: none;
}
.nav>ul {
    margin-bottom: 0;
    padding: 20px 0 10px;
}
.nav>ul>li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 40px;
    position: relative;
}
.nav>ul>li.hasSub-menu:before {
    position: absolute;
    top: 1px;
    right: 25px;
    content: '\f107';
    font-family: FontAwesome;
    width: 10px;
    height: 10px;
    font-weight: 700;
}
.nav li:last-child {
    padding-right: 0px;
}
.nav a {
    color: #2a2a2a;
    font-weight: bold;
    padding: 10px 0px;
    cursor: pointer;
}
.nav a sup {
    color: #aac309;
    font-size: 10px;
    text-transform: uppercase;
}
.nav ul li.haschild>a::after {
    content: '\f078';
    margin-top: 7px;
    margin-left: 3px;
    position: absolute;
    font: normal normal normal 11px/1 FontAwesome;
}
.nav ul .second-label:before {
    position: absolute;
    content: '';
    width: 150px;
    height: 40px;
    top: -40px;
}
.nav ul .second-label {
    opacity: 0;
    visibility: hidden;
    top: 60px;
    position: absolute;
    z-index: 9;
    width: 265px;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 30px;
    transition: all 0.3s ease;
}
.nav ul .second-label.mega-menu {
    padding: 0;
}
.nav ul .second-label.mega-menu .top-section {
    padding: 20px 30px;
}
.nav>ul>li:hover>.second-label {
    opacity: 1;
    visibility: visible;
}
.nav ul .second-label li {
    padding: 6px 0;
}
.nav ul .second-label.mega-menu {
    width: 750px;
}
.nav ul .second-label li a {
    display: block;
    padding: 0;
    font-weight: 400;
}
.nav ul .second-label li a:hover {
    color: #e3c510;
}
.nav ul .third-label>li {
    font-size: 15px;
    text-transform: uppercase;
}
.nav ul .fourth-label {
    padding-left: 10px;
}
.nav ul .fourth-label>li {
    font-size: 14px;
    text-transform: initial;
}
/*.nav ul .fourth-label li{padding:7px 0}*/

.nav ul .btn-pw {
    padding: 7px 14px;
    color: #fff;
    font-size: 14px;
}
.nav ul .gf-social a {
    background: #39699e;
    color: #fff !important;
    margin-right: 5px;
}
.nav-weekly-wish {
    padding: 20px;
    border-top: 1px solid #ddd;
}
.nav-weekly-wish .ww-slider {
    height: 150px;
}
.nav .nav-weekly-wish a {
    padding: 0;
    font-weight: 400;
}
.nav .nav-weekly-wish a.btn-facebook {
    padding: 4px 12px 4px 12px;
    color: #fff;
}
.nav .nav-weekly-wish .ww-btns span {
    margin: 0;
    padding: 4px 8px;
}
.nav .nav-weekly-wish .ww-btns {
    padding-top: 20px;
}
#pwRegister .modal-dialog {
    width: 740px;
}
.header-right {
    margin-bottom: 0;
    padding: 10px 0;
}
.header-right .signUpLogin a {
    color: #292929;
}
.btn-pw {
    display: inline-block;
    background: #f1ce27;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    /*margin-right: 40px;*/
    transition: all 0.3s ease;
}
.btn-pw:hover, .btn-pw:focus {
    background: #39699e;
    color: #fff;
}
/* banner */

.banner_section {
    padding-top: 0;
}
.slider_wrap {
    position: relative;
}
.slider_wrap>.cssload-loader, .pet-slider>.cssload-loader, .flexslider>.cssload-loader, .sliderLoading li {
    display: none;
}
.sliderLoading {
    padding: 100px 0;
}
.sliderLoading .cssload-loader {
    display: block;
}
.banner_section .slider_wrap .flex-control-nav {
    bottom: 10px;
}
.banner_section .bx-pager {
    bottom: 18px;
}
.banner {
    background-size: cover;
    background-position-y: center;
    background-repeat: no-repeat;
    font-size: 20px;
}
.banner.banner-3 {
    background-position: left center;
    background-size: 55% 100%;
}
.banner .btn-generic {
    font-size: 1.2em;
    padding: 8px 16px 8px 46px;
    border: 2px solid;
    margin-top: 70px;
    /*font-size: 29px;
    padding: 15px 47px 15px 76px;
    border: 4px solid;
    margin-top: 70px;
    border-radius: 40px;*/
}
.banner-text {
    margin: 35px 15px;
    min-height: 570px;
}
.banner-text-border {
    border: 5px solid #fff;
}
.banner-text h3 {
    font-size: 2em;
    margin-top: 30px;
    color: #ffffff;
    /*text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff;*/
}
.banner-green .banner-text h3 {
    font-size: 1.7em;
}
.banner-ascpa .banner-text h3 {
    font-size: 1.7em;
}
.banner-inner {
    /*background: rgba(0, 0, 0, .1);*/
    padding: 0px 20px 20px 20px;
}
.transparent-bg {
    background: rgba(0, 0, 0, 0.1);
}
.transparent-bg-grey {
    background: rgba(127, 127, 127, 0.5);
}
.banner-green .banner-inner {
    background: rgba(0, 0, 0, 0.3);
}
.banner:first-child h3 {
    color: inherit;
}
.banner-pw {
    background-color: #39699e;
}
.btn-generic {
    font-size: 11px;
    white-space: nowrap;
    color: #fff;
    border-radius: 25px;
    padding: 5px 15px 5px 30px;
    margin-top: 5px;
    display: inline-block;
    background-color: #f1ce27;
    background-image: url(../img/donate-now-hand.png);
    background-repeat: no-repeat;
    background-position: -2px center;
    background-size: auto 80%;
    outline: none;
    transition: all 0.3s ease;
}
.btn-generic:hover, .btn-generic:focus {
    background-color: #39699e;
    color: #fff;
    outline: none;
}
.donate-btn {
    white-space: nowrap;
    color: #fff;
    padding: 5px 12px;
    margin-top: 5px;
    display: inline-block;
    background-color: #ff696e;
    transition: all 0.3s ease;
}
.donate-btn:hover, .donate-btn:focus {
    background-color: #39699e;
    color: #fff;
    outline: none;
}
.btn-heal {
    background-color: #e47008 !important;
}
.btn-grey {
    font-size: 15px;
    padding: 4px 12px;
    background: none;
    background-color: #bebebe;
}
.btn-facebook {
    padding: 4px 12px 4px 12px;
    background: none;
    background-color: #395b9a;
    font-size: 15px;
    color: #fff;
}
.btn-facebook:hover {
    color: #fff;
}
.btn-facebook i {
    margin-right: 5px;
}
/* Campaign Items Home */

/*.camapign-items .container {
    max-width: 100%;
    width: 100%;
}*/

.color-pw {
    color: #39699e;
}
.color-pw-light {
    color: #fff952;
}
.yellow {
    color: #f1ce27;
}
.active-pw a {
    color: #fff;
}
.ci-top {
    text-align: center;
}
.ci-tabs {
    margin: 0 auto;
    margin-bottom: 10px;
}
.ci-tabs .tab-item {
    font-size: 14px;
    border: 1px solid #dddddd;
    text-transform: uppercase;
    border-radius: 3px;
    position: relative;
    padding-left: 10px;
}
.ci-tabs .tab-item:hover, .tab-item.active {
    background: #f1ce27;
    color: #fff;
}
.ci-tabs .tab-item:hover a, .tab-item.active a {
    color: #fff;
}
.ci-tabs .col-md-3:last-child .tab-item {
    border-right: 1px solid #dddddd;
}
.ci-tabs a {
    padding: 16px 20px 16px 58px;
    white-space: nowrap;
    display: block;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: auto 70%;
    color: #292929;
    font-weight: 500;
}
.ci-tabs .tab-urgent {
    background-image: url(../img/tab-urgent.png);
}
.ci-tabs .tab-almost {
    background-image: url(../img/tab-almost.png);
}
.ci-tabs .tab-recent {
    background-image: url(../img/tab-recent.png);
}
.ci-tabs .tab-wishlists {
    background-image: url(../img/tab-wishlists.png);
}
.ci-tabs .tab-all {
    background-image: url(../img/tab-all.png);
}
/*mean menu*/

.mean-container {
    width: 39px;
}
.mean-container .mean-bar {
    background: #b6ca32;
    padding: 2px 0px;
}
.mean-container .mean-bar {
    /*margin-top: 10px;*/
    min-height: 30px;
}
.mean-container a.meanmenu-reveal {
    padding: 8px 8px 8px;
}
.mean-container .mean-nav ul li a.mean-expand {
    height: auto;
}
.mean-container .mean-nav ul li a {
    background: #b6ca32;
}
.mean-container .mean-nav {
    margin: 0;
}
/* campaign thumbs */

.currency {
    font-size: 16px;
    font-weight: 700;
}
.thumb-wrap {
    padding-top: 15px;
    padding-bottom: 10px;
}
.thumb {
    min-height: 300px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-left: 1px;
    font-size: 14px;
}
.pet-slider .thumb {
    overflow: hidden;
    /* margin-right: 2px !important; */
    /* margin-left: 1px; */
    font-size: 14px;
    font-weight: 500;
    max-width: 361px;
    width: 100%;
    margin: 0 auto;
}
.thumb a {
    color: #292929;
}
.thumb .btn-facebook {
    color: #fff;
}
.thumb-cover {
    height: 200px;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 50% 60%;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    overflow: hidden;
}
.thumb-cover img {
    width: 100%;
    height: auto;
    min-height: 100%;
}
.pet-slider .thumb-cover {
    height: 215px;
}
.thumb-info {
    height: 144px;
    padding: 10px 20px 2px 20px;
    border-bottom: 1px solid #ebebeb;
}
.thumb-info h4 {
    margin-bottom: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.thumb-info p {
    color: #999999;
}
.thumb-bottom {
    padding: 20px;
    border-top: 1px solid #ffffff;
}
.thumb-bottom strong {
    display: block;
    white-space: nowrap;
}
/* thumb donate button */

.btn-donate {
    font-size: 12px;
    border-radius: 25px;
    background: #433e35;
    padding: 7px 16px 7px 26px;
    margin-top: 10px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}
.btn-donate b {
    color: #fff;
    padding-left: 8px;
    white-space: nowrap;
}
.btn-donate b:before {
    content: '';
    background: url(../img/donate-now-hand.png) no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    left: -2px;
    border: none;
}
/* progress bar */

.progress {
    height: 10px;
    border-radius: 5px;
    box-shadow: none;
}
.progress-bar {
    /*background-color: #c9e804;*/
    background-color: #f1ce27;
    border-radius: 5px;
}
/* css loader animation */

.cssload-loader {
    position: relative;
    left: calc(50% - 31px);
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    perspective: 780px;
    background: rgba(255, 255, 255, 0.5);
    top: calc(50% - 31px);
}
.cssload-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
.cssload-inner.cssload-one {
    left: 0%;
    top: 0%;
    animation: cssload-rotate-one 1.15s linear infinite;
    -o-animation: cssload-rotate-one 1.15s linear infinite;
    -ms-animation: cssload-rotate-one 1.15s linear infinite;
    -webkit-animation: cssload-rotate-one 1.15s linear infinite;
    -moz-animation: cssload-rotate-one 1.15s linear infinite;
    border-bottom: 3px solid rgba(201, 232, 4, 0.97);
}
.cssload-inner.cssload-two {
    right: 0%;
    top: 0%;
    animation: cssload-rotate-two 1.15s linear infinite;
    -o-animation: cssload-rotate-two 1.15s linear infinite;
    -ms-animation: cssload-rotate-two 1.15s linear infinite;
    -webkit-animation: cssload-rotate-two 1.15s linear infinite;
    -moz-animation: cssload-rotate-two 1.15s linear infinite;
    border-right: 3px solid rgb(40, 126, 123);
}
.cssload-inner.cssload-three {
    right: 0%;
    bottom: 0%;
    animation: cssload-rotate-three 1.15s linear infinite;
    -o-animation: cssload-rotate-three 1.15s linear infinite;
    -ms-animation: cssload-rotate-three 1.15s linear infinite;
    -webkit-animation: cssload-rotate-three 1.15s linear infinite;
    -moz-animation: cssload-rotate-three 1.15s linear infinite;
    border-top: 3px solid rgb(99, 99, 99);
}
@keyframes cssload-rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-one {
    0% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-one {
    0% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-one {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-one {
    0% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-two {
    0% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-two {
    0% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-two {
    0% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-two {
    0% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes cssload-rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-o-keyframes cssload-rotate-three {
    0% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-ms-keyframes cssload-rotate-three {
    0% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-webkit-keyframes cssload-rotate-three {
    0% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-moz-keyframes cssload-rotate-three {
    0% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
.pet-slider .flex-direction-nav a {
    left: -2.5%;
    opacity: 1 !important;
    text-indent: initial;
    color: #ccc;
    font-size: 45px;
    line-height: 40px;
    background: none;
}
/*slick slider*/

.pet-slider .slides .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 45px;
    color: #ccc;
}
.pet-slider .slick-prev {
    left: -2.5%;
    z-index: 9999;
}
.pet-slider .slick-next {
    right: -2.5%;
    z-index: 9999;
}
.pet-slider .slick-prev, .pet-slider .slick-next {
    top: 44%;
    height: auto;
    width: auto;
    padding: 0 8px 2px 8px;
    border-radius: 5px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    margin: -20px 0 0;
}
.pet-slider .slick-prev .fa, .pet-slider .slick-next .fa {
    color: #fff;
}
.slick-prev:before, .slick-next:before {
    display: none !important;
}
/*slick slider*/

.pet-slider .flex-direction-nav .flex-next {
    left: auto;
    right: -2.5%;
}
/* content footer */

.content-footer .cf-cover {
    display: block;
    height: 306px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #ebebeb;
}
/*.content-footer .col-sm-5:first-child .cf-cover {
    background-image: url("../img/cf-first.jpg");
}

.content-footer .col-sm-5:last-child .cf-cover {
    background-image: url("../img/cf-second.jpg");
}*/

h2.rt-header {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: center;
}
/* green footer */

.green-footer {
    color: #ffffff;
    background-color: #94b3b7;
}
.green-footer h4 {
    position: relative;
    font-size: 18px;
    display: inline-block;
    padding: 8px 0px 8px 42px;
    margin-bottom: 26px;
}
.green-footer h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 39px;
    width: 39px;
    background-image: url('../img/number-one.png');
    background-size: contain;
}
ul.gf-nav {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: block;
}
ul.gf-nav li {
    display: inline-block;
    text-transform: uppercase;
}
ul.gf-nav li a {
    color: #ffffff;
    padding: 5px 10px;
}
ul.gf-nav li a:hover {
    color: #7f7f7f;
}
.gf-separator {
    display: inline-block;
    width: 30px;
}
.gf-social {
    display: inline-block;
}
.gf-social a {
    border-radius: 50%;
    background-color: #fff;
    color: #39699e;
    width: 25px;
    height: 24px;
    display: inline-block;
    text-align: center;
    padding: inherit !important;
}
.gf-social a i {
    vertical-align: middle;
}
/* chevron */

.chevron {
    position: absolute;
    text-align: center;
    padding: 12px;
    margin-bottom: 6px;
    height: 100%;
    width: 85%;
    margin-left: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
}
.chevron:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: rgba(250, 250, 250, 0.32);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}
.chevron:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background: rgba(250, 250, 250, 0.32);
    -webkit-transform: skew(12deg, 0);
    -moz-transform: skew(12deg, 0);
    -ms-transform: skew(12deg, 0);
    -o-transform: skew(12deg, 0);
    transform: skew(12deg, 0);
}
/* rotating testimonials */

.relative-wrap {
    position: relative;
}
.rotating-testimonials {
    background-image: url('../img/rt-backgroung.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: center;
}
.rotating-testimonials:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba(251, 198, 12, .85);*/
    background: #f1ce27;
}
.rt-cover {
    min-height: 300px;
    position: relative;
}
.rt-content {
    color: #fff;
    font-style: italic;
    min-height: 300px;
    overflow: hidden;
}
.rt-content div:first-child {
    padding: 10px 20px;
}
.rt-content h4 {
    text-transform: uppercase;
}
.rt-content a {
    color: #ffffff;
    text-decoration: underline;
}
.rt-content .rt-thanks {
    color: #ff2a00;
    text-align: right;
    margin-top: 20px;
}
.rt-content .text-right {
    font-style: normal;
}
.shelter-cover {
    height: 150px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/*bxslider*/

.ww-slider-wrap.flexslider {
    border: none;
    margin: 0;
}
.ww-slider-wrap.flexslider .flex-direction-nav a {
    opacity: 1;
}
/*.bx-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    max-width: 100% !important;
    margin: 0 auto !important;
    position: relative;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #f9df91;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #ffffff;
}*/

/*.flex-direction-nav a {

    margin: -20px 0 0;

    position: absolute;

    top: 50%;

    width: 36px;
}*/

.flex-direction-nav li {
    padding: 0 !important;
    margin: 0 !important;
}
.flexslider:hover .flex-direction-nav a:hover {
    color: #a0a8a6;
}
.flex-direction-nav a {
    opacity: 0;
    cursor: pointer;
    display: block;
    text-indent: 0 !important;
    background: rgba(220, 223, 221, 0.7);
    border-radius: 25px;
    color: #a0a8a6;
    font-size: 23px;
    text-align: center !important;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.flexslider .flex-direction-nav a {
    width: 32px;
    height: 32px;
}
.flexslider .flex-direction-nav a i {
    vertical-align: middle;
}
.flex-direction-nav .flex-prev {
    padding-right: 4px;
}
.flex-direction-nav .flex-next {
    padding-left: 4px;
}
/*.flex-control-paging li a{background: rgba(255,255,255,.5)}
.flex-control-paging li a:hover{background: rgba(249,223,145,.7)}
.flex-control-paging li a.flex-active{background: rgba(249,223,145,.9)}*/

/*owl nav*/

.owl-prev, .owl-next {
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: -4%;
}
.owl-next {
    left: auto;
    right: -4%;
}
.owl-prev i, .owl-next i {
    color: #ccc;
    font-size: 45px;
    line-height: 40px;
}
.tab-content-header {
    padding: 5px;
    font-weight: bold;
    margin-top: 20px;
}
.tab-content-header .btn {
    color: #292929;
    border: 1px solid #ddd;
    background: none;
}
.tab-content-header h3 {
    margin: 3px 0;
    text-transform: uppercase;
}
/* weekly wish */

.home-weekly-wish h2, .home-weekly-wish h3 {
    font-weight: normal;
}
.home-weekly-wish h3 {
    margin-top: 0;
}
.generic-box {
    -webkit-box-shadow: 5px 5px 35px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 35px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 35px -9px rgba(0, 0, 0, 0.75);
    padding: 20px;
    margin-top: 20px;
}
.home-weekly-wish .generic-box {
    padding: 0;
}
.ww-slider {
    width: 100%;
    height: 330px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.home-weekly-wish .thumb {
    height: 330px;
    margin-bottom: 0;
    background: #ffffff;
    font-size: inherit;
    border: none;
}
.home-weekly-wish .thumb-info {
    height: auto;
    border-bottom: none;
}
.ww-btns {
    padding: 5px 0;
}
.ww-btns .donate-btn {
    padding: 4px 12px;
}
/* donate form section */

.donate-form-wrap {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
}
.donate-form {
    background: rgba(255, 255, 255, 0.6);
    padding: 20px;
}
.donate-form h4 {
    padding: 15px 0;
    margin: 0;
}
.donate-form .btn-generic {
    font-size: 20px;
    padding: 7px 20px 7px 45px;
    border: 2px solid;
}
.donate-form .donation-amount input {
    border: 1px solid #616161;
    font-weight: bold;
    font-size: 35px;
    margin-top: 15px;
    background: none;
    text-align: center;
    max-width: 100%;
}
.donate-form .radio-stuff label {
    font-size: 23px;
    margin-right: 5px;
    font-weight: bold;
    padding: 12px;
    cursor: pointer;
    position: relative;
    min-height: 64px;
}
.donate-form .radio-stuff input[type='radio'] {
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
}
.donate-form .radio-stuff input[type='radio'] {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid darkgray;
    border-radius: 50%;
    outline: none;
    box-shadow: 0 0 5px 0px gray inset;
}
.donate-form .radio-stuff input[type='radio']:hover {
    box-shadow: 0 0 5px 0px #287e7b inset;
}
.donate-form .radio-stuff input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}
.donate-form .radio-stuff input[type='radio']:checked:before {
    background: #287e7b;
}
/*Modal popup*/

.modal-content {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.intro-popup .modal-dialog {
    width: 645px;
    font-family: 'Avenir', sans-serif;
    color: #fff;
}
.modal .close {
    position: absolute;
    right: 12px;
    top: 4px;
    font-size: 35px;
    font-weight: 400;
    text-shadow: none;
    opacity: 1;
}
.intro-popup .close {
    color: #fff;
}
.alert {
    margin-top: 20px;
}
.pet_media .slider-wrapper #slider .slides li {
    position: relative;
}
/*.pet_media .slider-wrapper #slider .slides li:before {
    content: '';
    background-image: url("../img/Poundwishes_pw_watermark.png");
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 5%;
    bottom: 10px;
    z-index: 999999;
}*/

.Testimonials_index .testimonial-blog .article-txt {
    min-height: 230px;
}
/* footer section */

footer {
    color: #7f7f7f;
    background: #333333;
}
footer p {
    color: #7f7f7f;
}
footer .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
footer h5 {
    color: #d6d6d6;
}
.footer-top {
    font-size: 13px;
}
.footer-bottom {
    font-size: 11px;
}
.footer-bottom .container {
    border-top: 1px solid #5e5e5e;
}
footer ul {
    padding: 0;
    margin: 0;
}
.footer-bottom ul li {
    display: inline;
    padding-right: 10px;
}
.footer-bottom ul li:last-child {
    padding-right: 0px;
}
.footer-bottom ul li a {
    color: #7f7f7f;
}
.footer-bottom .copyright {
    text-align: right;
    margin-bottom: 0;
}
.footer-widget a {
    color: #7f7f7f;
}
.footer-widget a:hover {
    color: #fff;
}
.footer-widget ul li {
    list-style: none;
}
/*Cutomizing editor font*/

.cmscontent p {
    font: inherit !important;
}
font, p font {
    font: inherit !important;
}
p span {
    font: inherit;
    letter-spacing: inherit;
}
.cmscontent h1 span, .cmscontent h2 span, .cmscontent h3 span, .cmscontent h4 span, .cmscontent h5 span, .cmscontent h6 span {
    font: inherit !important;
    background: none !important;
}
.cmscontent a, .cmscontent a:hover {
    color: #39699e;
}
/* Green rope modal*/

#green_opt_in .modal-dialog {
    width: 1024px;
    max-width: 100%;
}
#green_opt_in .modal-content {
    border-radius: 0;
    border: none;
}
#green_opt_in .modal-body {
    padding: 0;
}
#green_opt_in .modal-body {
    background-image: url(../img/landingbanner-right.png);
    background-repeat: no-repeat;
    background-position: center;
}
#green_opt_in .modal-body:before {
    position: absolute;
    bottom: 0;
    content: '';
    width: 100%;
    height: 5px;
    z-index: 99;
}
#green_opt_in .modal-body iframe {
    overflow: hidden;
}

.green_opt_in_iframe {
    width: 1024px;
    max-width: 100%;
}

@media only screen and (min-width: 820px) {
    .green_opt_in_iframe {
        height: 600px;
    }
}

@media only screen and (max-width: 820px) {
    .green_opt_in_iframe {
        height: 720px;
    }
}

@media only screen and (max-width: 320px) {
    .green_opt_in_iframe {
        height: 770px;
    }
}


/* Noteeditor*/

.better-styles .note-editor .btn {
    background-color: #fff;
    color: #333;
    border-color: #adadad;
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    text-shadow: 0 1px 0 #fff;
    width: 48px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.note-editor .note-icon-caret {
    font-size: 1em;
}
.note-editor .btn:active {
    background-color: #ff2a00;
}
.note-editor .btn:focus {
    background-color: #ff2a00;
}
/*New 404 page CSS*/

.better-styles .banner-text-oops h1 {
    font-size: 36px;
    font-family: Oswald;
    color: black;
}
.better-styles .banner-text-oops h3 {
    color: #ed7c76;
    font-size: 21px;
    margin-top: auto;
    margin-bottom: 1%;
}
.better-styles .banner-text-oops {
    height: 700px;
    padding: 150px;
    padding-left: 650px;
}
.banner-text-oops .row {
    margin-left: 0px;
    margin-right: 0px;
}
.better-styles .banner-text-oops .bannerText .take-to-homepage {
    margin-top: 2%;
}
.better-styles .banner-text-oops .bannerText .take-to-homepage a {
    font-size: 18px;
    font-weight: 500;
}
.error-page .row {
    margin-left: 0;
    margin-right: 0;
}
.error-page .bg-primary, .better-styles .bg-dark-teal {
    margin-top: 10px;
}
.error-page .cudlly-footer-top-desktop {
    padding: 30px;
}
.error-page .footer-row-mobile {
    padding: 30px;
}
@media only screen and (max-width: 800px) {
    .better-styles .banner-text-oops {
        text-align: center;
        padding: 0px;
        height: auto;
        background-position: right;
    }
}
a.text-underline {
    text-decoration: underline;
}
.home-page-marketing-banner, .landing-page-marketing-banner, .donor-dashboard-marketing-banner {
    padding-top: 12.5%;
    background-image: url(../img/cyber_monday_band.png);
    background-clip: padding-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.donor-dashboard-marketing-banner {
    background-image: url(../img/cybermonday_band_dashboard.png);
}
.donor-dashboard-marketing-banner>.t-and-c {
    color: #39699e;
}
.home-page-marketing-banner.givingTuesday {
    background-image: url(../img/tuesday_band.png);
}
.donor-dashboard-marketing-banner.givingTuesday {
    background-image: url(../img/tuesday_band_dashboard.png);
}
@media (max-width: 700px) {
    .home-page-marketing-banner, .landing-page-marketing-banner {
        padding-top: 24%;
        background-image: url(../img/cyber_monday_band_mobile.png);
    }
    .landing-page-marketing-banner {
        margin-bottom: 30px;
    }
    .donor-dashboard-marketing-banner {
        padding-top: 24%;
        background-image: url(../img/cybermonday_band_dashboard_mobile.png);
    }
    .home-page-marketing-banner.givingTuesday {
        background-image: url(../img/tuesday_band_mobile.png);
    }
    .donor-dashboard-marketing-banner.givingTuesday {
        background-image: url(../img/tuesday_band_dashboard_mobile.png);
    }
}
.t-and-c {
    position: absolute;
    top: 0;
    right: 0;
    color: white;
    padding: 0.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
}
.t-and-c::before {
    content: attr(data-tooltip);
    white-space: pre-wrap;
    display: none;
    position: absolute;
    top: 3px;
    right: 100%;
    width: 225px;
    font-size: inherit;
    background-color: white;
    color: #666;
    padding: 0.4em 0.5em;
    border-radius: 3px;
}
.t-and-c:hover::before {
    display: inline-block;
}
.shipping-warning-text {
    padding-bottom: 30px;
    color: #ff696e;
}
.shipping-warning-text-donor-dashboard {
    padding-top: 10px;
    color: #ff696e;
}
.flex-row-wrap {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-row {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
}

/*

    Developed by Mathew Maione

    CSS Layout

        - Browser Defaults
        - App Defaults
        - Page Defaults
        - Header
        - Content (pages)
            - Home
            - About
            - Portfolio
            - Services
            - Blog
                - Post
            - Contact
        - Footer
        - Responsive Design

*/

/* Start ~ Browser Defaults */

    body {
        padding: 0px;
        margin: 0px;
        outline: none;
        /*-webkit-font-smoothing: antialiased;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/
        position: relative;
        left: 0px;
    }

    body.pet-pantry.privacy-policy,
    body.pet-pantry.terms-conditions,
    body.pet-pantry.faq-page {
        position: fixed;
        width: 100%;
        bottom: 0;
    }

    body:not(.pet-pantry) {
        font-family: 'Lato';
    }

    a {
        text-decoration: none;
        outline: none;
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"],
    input[type="password"],
    input[type="date"],
    textarea{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        border-radius: 0px;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        background: #fff;
    }

    textarea {
        resize: none;
    }

    button {
        border: none;
        outline: none;
    }

    button:focus, input:focus, textarea:focus, select:focus, a:focus {
        outline: none;
    }

/* End ~ Browser Defaults */

/* Start ~ App Defaults */

    :root {
        --cdly-pink: #ff696e;
        --cdly-pink-hover: #e95258;
        --cdly-pink-muted: #ffbec0;
        --cdly-blue: #39699e;
        --cdly-navy: #2a415b;
        --cdly-navy-muted: #b4bfca;
        --cdly-yellow: gold;
        --cdly-orange: #ffaf69;
    }

/* End ~ App Defaults */

/* Start ~ Defaults */

    /*.noScroll {
        overflow: hidden !important;
        margin-right: 15px;
    }*/

    .cdly-wrapper {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-box-orient: horizontal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -moz-flex;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        height: inherit;
        min-height: inherit;
    }

    @media (max-width: 380px) {

        .text-align-center-xs {
            text-align: center;
        }

        .cdly-wrapper-xs {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-box-orient: horizontal;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -moz-flex;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            height: inherit;
            min-height: inherit;
        }
    }

    .cdly-container {
        width: 1200px;
        max-width: 90%;
        margin: 0 auto;
    }

    .cdly-15 {
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    .cdly-25 {
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
    }

    .cdly-50 {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .cdly-100 {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    .cdly-150 {
        -webkit-transition: all 1.5s ease-in-out;
        -moz-transition: all 1.5s ease-in-out;
        -o-transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out;
    }

    .cdly-search {
        display: none;
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: 100;
    }

    .cdly-search-container {
        width: 100%;
        height: 100%;
    }

    .cdly-search-content {
        position: relative;
        top: 15vh;
        width: 700px;
        max-width: 90%;
        height: auto;
        margin: 0 auto;
        background: #fff;
        z-index: 1;
    }

    .cdly-search-close {
        position: absolute;
        top: -16px;
        right: -16px;
        width: 30px;
        height: 30px;
        background: #fff;
        cursor: pointer;
    }

    .cdly-search-box {
        padding: 10px;
    }

    .cdly-search-box-title {
        margin-bottom: 15px;
        text-align: center;
        font-weight: 800;
        font-size: 20px;
        font-family: 'Lato';
    }

    .cdly-search-results {
        position: absolute;
        left: 0px;
        width: 100%;
        max-height: 200px;
        overflow-y: scroll;
        background: #fff;
    }

    .cdly-search-result {
        padding: 12px;
    }

    .cdly-search-result-container {
        justify-content: flex-start;
    }

    .cdly-search-result-image {
        width: 60px;
        height: 60px;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        border-radius: 4px;
    }

    .cdly-search-result-info {
        margin-left: 10px;
        width: calc(100% - 70px);
    }

    .cdly-search-result-title {
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 0.5px;
        font-size: 14px;
    }

    .cdly-search-result-location {
        font-size: 12px;
        color: #b3b3b3;
        margin-bottom: 5px;
    }

    .cdly-search-result-group {
        font-size: 10px;
        background: var(--cdly-pink);
        color: #fff;
        padding: 3px 6px;
        display: inline-block;
        border-radius: 4px;
    }

    .cdly-search-value {
        width: 100%;
        height: 50px;
        padding: 0px;
        text-indent: 10px;
        font-size: 18px;
        font-weight: 300;
        border: 1px solid rgba(20,20,20,0.05)
    }

    .cdly-search-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(20,20,20,0.8);
    }

    .cdly-lockout {
        width: 100vw;
        height: 100vh;
    }

    .cdly-lockout-container {

    }

    .cdly-lockout-value {
        height: 40px;
        width: 80px;
        padding: 0px;
        margin: 0px;
        font-weight: 300;
        border: 1px solid rgba(20,20,20,0.1);
        text-align: center;
        font-size: 18px;
    }

/* End ~ Defaults */

/* Start ~ Header */

    .cdly-header {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: auto;
        /*box-shadow: 0px 0px 10px rgba(20,20,20,0.05);*/
        z-index: 100;
    }

    .cdly-header.active {
        top: 0px;
    }

    .cdly-header-top {
        position: relative;
        width: 100%;
        height: 36px;
        background: var(--cdly-pink);
        color: #fff;
        z-index: 10;
    }

    .cdly-header-social {
        width: 150px;
    }

    .cdly-header-cta {
        width: calc(100% - 300px);
        font-size: 12px;
    }

    .cdly-header-account {
        width: 150px;
    }

    .cdly-header-account-container {
        display: none;
    }

    .cdly-header-account-item {
        width: 69px;
        height: 26px;
        border-radius: 20px;
        margin: 0px 2px;
        font-size: 11px;
        text-transform: capitalize;
        font-weight: 600;
    }

    .cdly-header-account-item:nth-child(1) {
        background: rgba(20,20,20,0.33);
        color: #fff;
    }

    .cdly-header-account-item:nth-child(2) {
        background: var(--cdly-pink-muted);
        color: var(--cdly-navy);
    }

    .cdly-header-main {
        position: relative;
        width: 100%;
        height: 55px;
        background: #fff;
        box-shadow: 0px 0px 2px rgba(20,20,20,0.05);
        z-index: 10;
    }

    .cdly-header-main-left,
    .cdly-header-main-right {
        width: 160px;
    }

    .cdly-header-main-right-container {
        color: rgba(42, 65, 91, 0.8);
        font-size: 20px;
        justify-content: flex-end;
    }

    .cdly-header-main-container {
        width: calc(100% - 320px);
    }

    /*.cdly-header.active .cdly-header-main {
        height: 50px;
    }*/

    .cdly-header-main-item {
        cursor: pointer;
    }

    .cdly-header-main-item a {
        color: inherit;
    }

    .cdly-header-main-search,
    .cdly-header-main-account {
        width: 36px;
    }

    .cdly-header-main-registry,
    .cdly-header-main-cart,
    .cdly-header-main-menu {
        position: relative;
        cursor: pointer;
        width: 40px;
    }

    .cdly-header-main-wishlist-count {
        position: absolute;
        top: 7px;
        right: 15px;
        width: 0px;
        height: 0px;
        background: var(--cdly-pink);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        border-radius: 50%;
        z-index: -1;
    }

    .cdly-header-main-cart-count {
        position: absolute;
        top: 7px;
        right: 15px;
        width: 0px;
        height: 0px;
        background: var(--cdly-pink);
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        border-radius: 50%;
        z-index: 1;
    }

    .cdly-header-main-wishlist-count.active,
    .cdly-header-main-cart-count.active {
        top: -10px;
        right: -2px;
        width: 18px;
        height: 18px;
    }

    .cdly-header-menu-container {
        display: none;
    }

    .cdly-header-menu-item {
        position: relative;
        margin: 0px 10px;
        padding: 0px 5px;
        height: 55px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #696969;
    }

    .cdly-header-menu-item:hover {
        color: var(--cdly-pink);
    }

    .cdly-header-menu-item:hover .cdly-header-menu-group {
        display: block;
    }

    .cdly-header-menu-group {
        display: none;
        position: absolute;
        top: 55px;
        left: 0px;
        padding: 15px;
        min-width: 200px;
        background: #f6f6f7;
        box-shadow: 0px 2px 5px rgba(20,20,20,0.1);
    }

    .cdly-hearder-menu-group-item {
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0px;
        color: #696969;
        padding: 6px;
        cursor: pointer;
    }

    .cdly-hearder-menu-group-item:hover {
        color: var(--cdly-pink);
    }

    .cdly-header-menu-item a {
        color: inherit;
    }

    .cdly-header-menu-logo {

    }

    .cdly-header-menu-logo a {
        justify-content: flex-start;

    }

    .cdly-header-menu-logo-icon-container {
        position: relative;
        width: 56px;
        height: 40px;
        background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.25));
        z-index: 2;
    }

    .cdly-header-menu-logo-icon {
        margin: 0px 8px;
        width: 40px;
        height: inherit;
        background: url(../img/cuddly-logo-icon-new.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .cdly-header-menu-logo.active .cdly-header-menu-logo-text {
        left: 0px;
        opacity: 1;
    }

    .cdly-header-menu-logo-text {
        position: relative;
        left: -150px;
        opacity: 0;
        width: 90px;
        height: 50px;
        background: url(../img/cuddly-logo-black.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    /*.cdly-header.active .cdly-header-menu-logo img {
        width: 70px
    }*/

    /*.cdly-header.active .cdly-header-megamenu.active {
        top: 50px;
    }*/

    .cdly-header-megamenu.active {
        top: 55px;
    }

    .cdly-header-megamenu {
        position: absolute;
        top: -100vh;
        left: 0px;
        width: 100%;
        height: auto;
    }

    .cdly-header-megamenu-container {
        position: relative;
        padding: 10px;
        background: #fff;
        box-shadow: 0px 0px 7px rgba(20,20,20,0.35);
        z-index: 1;
    }

    .cdly-header-megamenu.active .cdly-header-megamenu-overlay {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100vh;
        background: rgba(20,20,20,0.5);
    }

    .cdly-header-megamenu-section {

    }

    .cdly-header-megamenu-block-container {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .cdly-header-megamenu-block {
        margin: 0px 25px;
    }

    .cdly-header-megamenu-title {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .cdly-header-megamenu-list {
        margin-left: 10px;
    }

    .cdly-header-megamenu-item {
        font-size: 12px;
        font-weight: 300;
        margin: 5px 0px;
        cursor: pointer;
    }

    .cdly-header-megamenu-feature-image {
        min-height: 200px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    .cdly-sidebar-section-menu-list-item {
        border-bottom: 1px solid rgba(20,20,20,0.05);
    }

    .cdly-sidebar-section-menu-list-title {
        padding: 15px;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        cursor: pointer;
    }

    .cdly-sidebar-section-menu-list-group {
        display: none;
        padding: 10px;
        background: #f6f6f7;
    }

    .cdly-sidebar-section-menu-item {
        padding: 12px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 1px;
        color: #000;
    }

/* End ~ Header */

/* Start ~ Sidebar */

    .cdly-sidebar-menu.active {
        right: 0px;
    }

    .cdly-sidebar-menu {
        position: fixed;
        top: 0px;
        right: -400px;
        width: 400px;
        height: 100%;
        background: #fff;
        overflow-y: scroll;
        z-index: 101;
    }

    .cdly-sidebar-menu-close {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 24px;
        color: var(--cdly-navy);
        cursor: pointer;
        z-index: 10;
    }

    .cdly-sidebar-section-account {
        overflow: hidden;
    }

    .cdly-sidebar-section-account-header {
        position: relative;
        width: 100%;
        height: 225px;
        background: var(--cdly-navy);
        color: #fff;
    }

    .cdly-sidebar-section-account-avatar {
        position: absolute;
        width: 110px;
        height: 110px;
        padding: 15px;
        background: #fff;
        border-radius: 50%;
        border: 2px solid rgba(20,20,20,0.05);
        overflow: hidden;
        top: 100px;
        z-index: 2;
    }

    .cdly-sidebar-section-account-avatar-container {
        width: 100%;
        height: 100%;
        background: url(../img/cuddly-logo-new-ey.png);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

    .cdly-sidebar-section-account-menu {
        position: relative;
        background: #fff;
    }

    .cdly-sidebar-section-account-menu:before {
        content: '';
        position: absolute;
        top: -70px;
        left: -5%;
        width: 110%;
        height: 100px;
        background: inherit;
        transform: rotate(5deg);
        z-index: 1;
    }

    .cdly-sidebar-section-account-menu-container {
        position: relative;
        background: rgba(20,20,20,0.05);
        padding: 4px;
        z-index: 1;
    }

    .cdly-sidebar-section-account-welcome {
        padding: 15px;
        font-size: 16px;
        font-weight: 600;
    }

    .cdly-sidebar-section-account-item {
        position: relative;
        text-transform: uppercase;
        color: var(--cdly-navy);
        font-weight: 800;
        font-size: 12px;
        letter-spacing: 1px;
        padding: 5px;
        margin: 5px;
        cursor: pointer;
    }

    .cdly-sidebar-section-account-item:after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0px;
        width: 100%;
        height: 3px;
    }

    .cdly-sidebar-section-account-item.active:after {
        background: var(--cdly-pink);
    }

    .cdly-sidebar-section-account-block {
        display: none;
    }

    .cdly-sidebar-section-account-block.active {
        display: block;
    }

    .cdly-sidebar-section-content {
        padding: 20px;
    }

    .cdly-sidebar-section-content .boxed {
        text-align: center;
        display: block;
        margin: 20px 20px 40px;
        padding: 20px;
        background: #f6f6f7;
    }

    .cdly-sidebar-section-content .boxed img {
        width: 60px;
    }

    .cdly-sidebar-section-content .boxed p {
        font-size: 14px;
        margin: 20px 0px;
    }

    .cdly-sidebar-section-input {
        margin-bottom: 10px;
    }

    .cdly-sidebar-section-input-title {
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        color: #808080;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .cdly-sidebar-section-input-value {
        width: 100%;
        height: 40px;
        text-indent: 10px;
        font-size: 16px;
        font-weight: 300;
        border: 1px solid rgba(20,20,20,0.05);
    }

    .cdly-sidebar-section-submit,
    .cdly-sidebar-section-logout {
        width: 100%;
        height: 46px;
        background: var(--cdly-pink);
        color: #fff;
        font-size: 15px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 4px;
        margin-top: 20px;
        cursor: pointer;
    }

    .cdly-sidebar-overlay {
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(20,20,20,0.75);
        width: 100%;
        height: 100% !important;
        z-index: 100;
    }

/* End ~ Sidebar */

/* Start ~ Cart */

    .cdly-cart {

    }

    .cdly-cart-sidebar.active {
        right: 0px;
    }

    .cdly-cart-sidebar {
        position: fixed;
        top: 0px;
        right: -300px;
        width: 300px;
        height: 100%;
        background: #fff;
        z-index: 1000;
    }

    .cdly-cart-header {
        display: none;
    }

    .cdly-cart-header-menu {
        width: 100%;
        height: 36px;
        background: var(--cdly-navy);
        color: #fff;
    }

    .cdly-cart-header-menu-item.active {
        font-weight: 800;
    }

    .cdly-cart-header-menu-item {
        position: relative;
        margin: 0px 5px;
        padding: 0px 5px;
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 2px;
        cursor: pointer;
    }

    .cdly-cart-header-menu-item:after {
        content: '';
        position: absolute;
        right: -5px;
        width: 1px;
        height: 18px;
        background: rgba(255,255,255,0.25);
        cursor: default;
    }

    .cdly-cart-header-menu-item:last-child:after {
        display: none;
    }

    .cdly-cart-content-section.active {
        display: block;
    }

    .cdly-cart-content-section {
        display: none;
    }

    .cdly-cart-list, .cdly-registry-list {
        padding: 10px;
    }

    .cdly-cart-item, .cdly-registry-item {
        border-bottom: 1px solid rgba(20,20,20,0.1);
    }

    .cdly-cart-item-container, .cdly-registry-item-container {
        padding: 5px;
    }

    .cdly-cart-item-image, .cdly-registry-item-image {
        width: 50px;
        height: 50px;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        margin: 5px;
    }

    .cdly-cart-item-info, .cdly-registry-item-info {
        width: calc(100% - 100px);
    }

    .cdly-cart-item-info-container, .cdly-registry-item-info-container {
        padding: 0px 10px;
    }

    .cdly-cart-item-title, .cdly-registry-item-title {
        font-size: 11px;
        letter-spacing: 0.5px;
        margin-bottom: 2px;
    }

    .cdly-cart-item-price, .cdly-registry-item-price {
        font-size: 11px;
        font-weight: 700;
    }

    .cdly-cart-item-qty, .cdly-registry-item-qty {
        width: 40px;
        height: 40px;
        background: #f6f6f7;
        font-size: 12px;
    }

    .cdly-cart-overlay, .cdly-registry-overlay {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 100;
        background: rgba(20,20,20,0.75);
    }

    .cdly-cart-footer {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background: var(--cdly-navy);
    }

/* End ~ Cart */

/* Start ~ Page */

    /*.cdly-page.active-blur {
        filter: blur(1.5px);
    }*/

    .cdly-page {
        background: #f6f6f7;
    }

    .cdly-page-sections {
        overflow: hidden;
    }

    .cdly-page-section-video {
        background: #000;
        height: 75vh;
        overflow: hidden;
    }

    .cdly-page-section {
        position: relative;
    }

    .cdly-page-section-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .cdly-homepage-cover-video-content {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
    }

    .cdly-homepage-cover-container {
        width: 90%;
        margin: 0 auto;
        justify-content: flex-start;
    }

    .cdly-homepage-cover-video-titles {
        position: absolute;
        top: 75px;
    }

    /*.cdly-homepage-cover-video-title-container:nth-child(1) .cdly-homepage-cover-video-title {
        z-index: 2;
        padding-top: 8px;
    }

    .cdly-homepage-cover-video-title-container:nth-child(4) .cdly-homepage-cover-video-title {
        z-index: 1;
        padding-bottom: 8px;
    }*/

    .cdly-homepage-cover-video-title-container {
        position: relative;
        padding: 5px;
        margin-bottom: 20px;
        color: #fff;
        width: 350px;
    }

    .cdly-homepage-cover-video-subtitle {
        font-size: 20px;
        font-weight: 600;
        line-height: 36px;
        margin-bottom: 15px;
    }

    .cdly-homepage-cover-video-title {
        font-weight: 900;
        font-size: 60px;
    }

    .cdly-homepage-cover-video-text {
        font-size: 18px;
        font-weight: 300;
        line-height: 30px;
    }

    .cdly-homepage-cover-video-list {
        justify-content: flex-start;
    }

    .cdly-homepage-cover-video-list-item {
        position: relative;
        margin: 5px;
    }

    .cdly-homepage-cover-video-list-item-container {
        padding: 14px;
        min-width: 120px;
        background: var(--cdly-pink);
        border-radius: 4px;
        cursor: pointer;
    }

    .cdly-blank-btn {
        background: #fff;
        color: var(--cdly-pink);
    }

    .cdly-blank-btn:hover {
        background: #e9e9ec;
    }

    .cdly-primary-btn {
        position: relative;
        background: var(--cdly-pink);
        color: #fff;
    }

    .cdly-primary-btn:hover {
        background: #ff575f;
    }

    .cdly-homepage-cover-video-list-icon {
        width: 40px;
        height: 40px;
        font-size: 16px;
        border-radius: 50%;
    }

    .cdly-default-btn {
        display: inline-flex;
        min-width: 120px;
        height: 46px;
        padding: 0px 14px;
        border-radius: 4px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: 800;
        margin-top: 30px;
    }

    .cdly-homepage-cover-video-list-content {
        margin-left: 10px;
    }

    .cdly-homepage-cover-video-list-titles {

    }

    .cdly-homepage-cover-video-list-title {
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 15px;
        font-weight: 800;
    }

    .cdly-homepage-search-input {
        width: 100%;
        height: 44px;
        background: rgba(255,255,255,0.9);
    }

    .cdly-homepage-search-value {
        width: 100%;
        height: 100%;
        font-size: 16px;
        font-weight: 300;
        text-indent: 10px;
        border: none;
    }

    .cdly-homepage-search-results {
        display: none;
        background: rgba(246, 246, 247, 0.9);
        padding: 10px;
        height: 110px;
        overflow-y: scroll;
    }

    .cdly-homepage-search-result {
        height: 36px;
        width: 100%;
        border-bottom: 1px solid rgba(20,20,20,0.1);
    }

    .cdly-homepage-search-result-name {
        justify-content: flex-start;
        width: calc(100% - 90px);
        padding-left: 10px;
        font-size: 14px;
    }

    .cdly-homepage-search-result-group {
        width: 80px;
        font-size: 11px;
        font-weight: 700;
    }

    /*.cdly-page-section:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;  width: 100%;
        height: 50px;
        background: #f6f6f7;
    }*/

    #cdly-page-section-block {
        padding: 30px 0px 150px !important;
    }

    #cdly-page-section-block:last-child {
        padding-bottom: 0px !important;
    }

    #homepage-cta {
        padding: 10px;
    }

    /*.homepage-features:before {
        content: '';
        position: absolute;
        top: -75px;
        left: -25vw;
        width: 150vw;
        height: 150px;
        background: inherit;
        transform: rotate(-3.5deg);
        z-index: 1;
    }*/

    .cdly-page-section-content {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .cdly-homepage-cta-header {
        font-family: 'Lato';
        font-weight: 800;
        font-size: 25px;
        color: var(--cdly-navy);
        text-align: center;
        margin-bottom: 20px;
        letter-spacing: 2px;
        line-height: 60px;
    }

    .cdly-homepage-cta-block {
        background: #fff;
        margin: 10px;
        padding: 20px;
    }

    .cdly-homepage-cta-content {
        font-size: 15px;
        font-weight: 300;
        line-height: 22px;
        text-align: center;
        margin-bottom: 15px;
    }

    .cdly-homepage-cta-text {
        padding: 30px 60px;
        font-weight: 300;
        font-size: 18px;
        line-height: 32px;
        text-align: center;
    }

    .cdly-homepage-cta-title {
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 2px;
        color: #212529;
    }

    .cdly-homepage-cta-btn {
        height: 44px;
        background: var(--cdly-pink);
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .cdly-homepage-about-item {
        text-align: center;
        margin-bottom: 30px;
    }

    .cdly-homepage-about-text {
        padding: 30px 60px;
        font-weight: 300;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        min-height: 205px;
    }

    .cdly-homepage-about-btn {
        margin-top: 0px;
        border: 2px solid var(--cdly-navy);
        color: var(--cdly-navy);
        background: transparent;
        font-weight: 700;
    }

    .cdly-homepage-about-btn:hover {
        background: var(--cdly-navy);
        color: #fff;
    }

    .cdly-homepage-popular {
        margin-top: 30px;
    }

    .cdly-homepage-popular-item {
        padding: 5px;
    }

    .cdly-homepage-popular-item-image-container {
        position: relative;
        margin-bottom: 10px;
    }

    .cdly-homepage-popular-item-features {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 10;
    }

    .cdly-homepage-popular-item-feature {
        height: 30px;
        padding: 0px 8px;
        text-align: center;
        background: var(--cdly-pink-hover);
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
    }

    .cdly-homepage-popular-item-feature-icon {
        width: 20px;
        height: 20px;
        margin-right: 2px;
    }

    .cdly-homepage-popular-item-feature-title {
        text-align: center;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 11px;
        letter-spacing: 0.5px;
    }

    .cdly-homepage-popular-item-image {
        background: #f6f6f7;
        background-position: center center !important;
        background-size: cover !important;
        width: 100%;
        min-height: 30vh;
    }

    .cdly-homepage-popular-item-info-container {
        margin-bottom: 5px;
        min-height: 60px;
    }

    .cdly-homepage-popular-item-info {
        padding: 10px;
    }

    .cdly-homepage-popular-item-title {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        color: #505050;
        font-weight: 800;
    }

    .cdly-homepage-popular-item-brand {
        text-transform: capitalize;
        font-size: 12px;
        color: #969696;
    }

    .cdly-homepage-popular-item-price {
        justify-content: flex-start;
        font-size: 13px;
        font-weight: 600;
        color: #585858;
    }

    .cdly-homepage-popular-item-price-sale {
        margin-left: 5px;
    }

    .cdly-homepage-popular-item-onsale .cdly-homepage-popular-item-price-base {
        text-decoration: line-through;
    }

    .cdly-homepage-popular-item-onsale .cdly-homepage-popular-item-price-sale {
        color: var(--cdly-pink);
        font-weight: 800;
    }

    .cdly-homepage-collection-item {
        padding: 5px;
    }

    .cdly-homepage-collection-item-image-container {
        position: relative;
    }

    .cdly-homepage-collection-item-features {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        color: var(--cdly-pink);
        z-index: 10;
    }

    .cdly-homepage-collection-item-image {
        background-position: center center !important;
        background-size: cover !important;
        width: 100%;
        min-height: 480px;
    }

    .cdly-homepage-collection-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        background: linear-gradient(-285deg,rgba(42, 65, 91, 0.85),rgba(255, 255, 255, 0.25));
    }

    /*.cdly-homepage-collection-item:hover .cdly-homepage-collection-item-title {
        bottom: 100px;
        font-size: 28px
    }*/

    .cdly-homepage-collection-item-info {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .cdly-homepage-collection-item-amount {
        width: 50px;
        height: 50px;
        background: var(--cdly-navy);
        color: #fff;
    }

    .cdly-homepage-collection-item-count {
        font-weight: 900;
        font-size: 20px;
        line-height: 20px;
    }

    .cdly-homepage-collection-item-count-title {
        position: relative;
        font-size: 8px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .cdly-homepage-collection-item-title {
        position: absolute;
        width: 100%;
        bottom: 40px;
        text-transform: uppercase;
        letter-spacing: 4px;
        font-size: 30px;
        font-weight: 300;
        color: #fff;
        text-align: center;
    }

    .cdly-homepage-collection-item-brand {
        text-transform: capitalize;
        font-size: 12px;
        color: #969696;
    }

    .cdly-homepage-collection-item-price {
        font-size: 15px;
        font-weight: 600;
    }

    .cdly-homepage-donate-item {
        padding: 10px;
        background: #ffff;
    }

    .cdly-homepage-donate-item-image-container {
        position: relative;
        margin-bottom: 10px;
    }

    .cdly-homepage-donate-item-features {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        color: var(--cdly-pink);
        z-index: 10;
    }

    .cdly-homepage-donate-item-image {
        background: #f6f6f7;
        background-position: center center !important;
        background-size: cover !important;
        width: 100%;
    }

    .cdly-homepage-donate-item-progress {

    }

    .cdly-homepage-donate-item-progress-bar {
        position: relative;
        width: 100%;
        height: 10px;
        background: rgba(20,20,20,0.15);
    }

    .cdly-homepage-donate-item-progress-bar:after {
        content: '';
        position: absolute;
        width: 75%;
        height: 100%;
        background: var(--cdly-yellow);
    }

    .cdly-homepage-donate-item-amount {
        margin-left: 10px;
        padding-left: 10px;
        font-size: 14px;
        color: #969696;
        border-left: 1px solid rgba(20,20,20,0.1);
    }

    .cdly-homepage-donate-item-amount span {
        font-weight: 800;
        color: var(--cdly-navy);
    }

    .cdly-homepage-donate-item-info-container {
        margin-top: 8px;
    }

    .cdly-homepage-donate-item-info {

    }

    .cdly-homepage-donate-item-title {
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
        color: #505050;
        font-weight: 800;
    }

    .cdly-homepage-donate-item-brand {
        text-transform: capitalize;
        font-size: 12px;
        color: #969696;
    }

    .cdly-homepage-donate-item-price {
        font-size: 15px;
        font-weight: 600;
    }

    .cdly-homepage-brand-item {
        margin: 25px;
        opacity: 0.33;
        cursor: pointer;
    }

    .cdly-homepage-brand-item:hover {
        opacity: 0.5;
    }

    .cdly-homepage-brand-item-image-container {
        position: relative;
    }

    .cdly-homepage-brand-item-features {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        color: var(--cdly-pink);
        z-index: 10;
    }

    .cdly-homepage-brand-item-image {
        background: url(https://www.freelogodesign.org/Content/img/logo-ex-4.png);
        background-position: center center;
        background-size: cover;
        width: 100%;
        min-height: 20vh;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    .cdly-homepage-brand-item-info-container {
        margin-bottom: 5px;
    }

    .cdly-homepage-brand-item-info {
        padding: 10px;
    }

    .cdly-homepage-brand-item-title {
        text-transform: capitalize;
        font-size: 14px;
    }

    .cdly-homepage-brand-item-brand {
        text-transform: capitalize;
        font-size: 12px;
        color: #969696;
    }

    .cdly-homepage-brand-item-price {
        font-size: 15px;
        font-weight: 600;
    }

    .cdly-page-cover-content {
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .cdly-page-cover {
        text-align: center;
    }

    .cdly-page-cover-title {
        font-size: 60px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 4px;
        color: #fff;
    }

    .cdly-page-cover-subtitle {
        letter-spacing: 4px;
        text-transform: uppercase;
        color: #fff;
    }

    .mvt-page-home-cover-video {
        position: absolute;
        width: 100vw !important;
        height: 100vh !important;
        background: #000;
        background-position: center center;
        background-size: cover;
    }

    #mvt-page-home-cover-video {
        top: -100px;
    }

    .mvt-page-home-cover-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cdly-page-text {
        margin-bottom: 25px;
        line-height: 32px;
        font-weight: 300;
    }

    .cdly-page-funds-container {
        padding: 5px;
        margin: 10px;
        border: 1px solid rgba(20,20,20,0.1);
    }

    .cdly-page-funds-content {
        padding: 15px;
    }

    .cdly-page-funds-image {
        position: relative;
    }

    .cdly-page-funds-title {
        position: absolute;
        top: 10px;
        left: 10px;
        background: var(--cdly-blue);
        color: #fff;
        font-size: 12px;
        padding: 5px 10px;
    }

    .cdly-page-funds-amount {
        font-size: 14px;
        color: #666;
    }

    .cdly-page-funds-amount-current {
        font-weight: 800;
    }

    .cdly-page-funds-amount-title {
        padding: 0px 4px;
    }

    .cdly-page-funds-progress-bar {
        position: relative;
        width: 100%;
        height: 10px;
        background: #fff;
    }

    .cdly-page-funds-progress-value {
        position: absolute;
        width: 80%;
        height: 100%;
        background: var(--cdly-yellow);
    }

    .cdly-page-funds-btn {
        width: 100%;
        height: 44px;
        background: var(--cdly-pink);
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 1px;
    }

    .cdly-page-shop-container.active {
        box-shadow: 2px 2px 2px rgba(20, 20, 20, 0.05);
    }

    .cdly-page-shop-container {
        position: relative;
        overflow: hidden;
        margin: 3px;
        background: #fff;
        padding: 10px;
        border: 1px solid rgba(20,20,20,0.05);
        border-radius: 5px;
        z-index: 1;
    }

    .cdly-page-shop-image {
        padding: 15px 40px;
        background: #fff;
    }

    .cdly-page-shop-content {

    }

    .cdly-page-shop-title {
        text-align: center;
        font-size: 12px;
        margin-bottom: 10px;
        min-height: 50px;
    }

    .cdly-page-shop-amount {
        margin-bottom: 10px;
        font-size: 15px;
        /*font-weight: 700;*/
        color: var(--cdly-navy);
    }

    .cdly-page-shop-btn {
        width: 100%;
        height: 40px;
        background: var(--cdly-pink);
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 11px;
        cursor: pointer;
    }

    .cdly-page-shop-registries {
        display: none;
        width: 100%;
        height: auto;
        background: #efefef;
    }

    .cdly-page-shop-registries-container {
        padding: 5px;
        justify-content: flex-start;
    }

    .cdly-page-shop-registry {

    }

    .cdly-page-shop-registry-content {
        margin: 5px;
        min-height: auto;
        background: #fff;
    }

    .cdly-page-shop-registry-icon {
        width: 50px;
        height: 50px;
        font-size: 24px;
        background: #ff696e;
        color: #fff;
    }

    .cdly-page-shop-registry-title {
        width: calc(100% - 60px);
        margin-left: 10px;
        text-transform: capitalize;
        font-size: 13px;
        font-weight: 300;
    }

    /*.cdly-page-shop-modal {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        background: rgba(20,20,20,0.75);
        z-index: 100;
    }*/

    /* Start ~ Shop Page Filter */

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-filter {
            left: -251px;
        }

        /*.cdly-page-shop-filter.active {
            position: fixed;
            top: 50px;
            height: calc(100vh - 50px);
        }*/

        .cdly-page-shop-filter {
            position: absolute;
            left: 0px;
            width: 250px;
            height: calc(100vh - 50px);
            background: #f6f6f7;
            z-index: 2;
        }

        .cdly-page-shop-filter-heading {
            height: 38px;
            padding: 0px 24px;
            justify-content: flex-start;
            background: #fff;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 800;
        }

        .cdly-page-shop-filter-container {
            height: calc(100% - 60px);
            overflow-y: scroll;
            padding: 12px;
        }

        .cdly-page-shop-filter-search {
            padding: 2px 0px 12px;
            border-bottom: 1px solid rgba(20,20,20,0.05);
        }

        .cdly-page-shop-filter-search-value {
            width: 100%;
            height: 40px;
            border: 1px solid rgba(20,20,20,0.05);
            text-indent: 10px;
            font-size: 16px;
            font-weight: 300;
        }

        .cdly-page-shop-filter-section {
            position: relative;
        }

        .cdly-page-shop-filter-title {
            padding: 10px;
            color: var(--cdly-navy);
            font-size: 13px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 2px;
            cursor: pointer;
        }

        .cdly-page-shop-filter-list {
            /*display: none;*/
            padding-bottom: 12px;
        }

        .cdly-page-shop-filter-list.active .cdly-page-shop-filter-clear {
            display: inline-block;
        }

        .cdly-page-shop-filter-clear {
            display: none;
            position: absolute;
            top: 6px;
            right: -8px;
            margin: 4px 20px;
            padding: 4px 8px;
            font-size: 10px;
            font-weight: 600;
            background: var(--cdly-navy);
            color: #fff;
            text-transform: capitalize;
            border-radius: 20px;
            cursor: pointer;
        }

        .cdly-page-shop-filter-item {
            padding: 4px 20px;
            cursor: pointer;
        }

        .cdly-page-shop-filter-item:hover {
            padding-left: 30px;
        }

        /*.cdly-page-shop-filter-list.active .cdly-page-shop-filter-item-title {
            color: #d2d2d2;
        }*/

        .cdly-page-shop-filter-item.active .cdly-page-shop-filter-item-title {
            font-weight: 600;
        }

        .cdly-page-shop-filter-item-title {
            font-size: 12px;
            font-weight: 300;
            color: var(--cdly-navy);
            text-transform: capitalize;
            letter-spacing: 0.5px;
        }

    /* End ~ Shop Page Filter */

    /* Start ~ Shop Page Toolbar */

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-toolbar {
            left: 0px;
            width: 100%;
        }

        .cdly-page-shop-toolbar.active {
            position: fixed;
            top: 55px;
        }

        .cdly-page-shop-toolbar {
            position: absolute;
            left: 0px;
            width: 100%;
            height: 38px;
            background: #fff;
            border-bottom: 1px solid rgba(20,20,20,0.05);
            z-index: 10;
        }

        .cdly-page-shop-toolbar-container {
            width: 100%;
            justify-content: flex-start;
        }

        .cdly-page-shop-toolbar-filter-item:hover {
            color: var(--cdly-navy);
        }

        .cdly-page-shop-toolbar-filter-item {
            position: relative;
            margin: 0px 4px;
            padding: 0px 4px;
            font-size: 10px;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-weight: 400;
            color: #9a9a9a;
            cursor: pointer;
        }

        .cdly-page-shop-toolbar-btn {
            display: none;
            position: absolute;
            right: 0px;
            top: 39px;
            width: 38px;
            height: 38px;
            cursor: pointer;
        }

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-toolbar-btn {
            background: #fff;
            right: -39px;
        }

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-toolbar-btn-line:nth-child(1) {
            transform: rotate(0deg);
            top: 14px;
            left: 8px;
        }

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-toolbar-btn-line:nth-child(2) {
            transform: rotate(0deg);
            display: block;
            left: 8px;
        }

        .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-toolbar-btn-line:nth-child(3) {
            transform: rotate(0deg);
            top: 24px;
            left: 8px;
        }

        .cdly-page-shop-toolbar-btn-line:nth-child(1) {
            transform: rotate(45deg);
        }

        .cdly-page-shop-toolbar-btn-line:nth-child(2) {
            display: none;
        }

        .cdly-page-shop-toolbar-btn-line:nth-child(3) {
            transform: rotate(-45deg);
        }

        .cdly-page-shop-toolbar-btn-line {
            position: absolute;
            top: 19px;
            left: 9px;
            background: #333;
            width: 16px;
            height: 1px;
        }

        .cdly-page-shop-toolbar-content {
            width: 100%;
        }

    /* End ~ Shop Page Toolbar */

    /* Start ~ Shop Page Grid */

    .cdly-page-shop-template.cdly-page-template-closed .cdly-page-shop-grid {
        left: 0px;
        width: 100%;
    }

    .cdly-page-shop-grid {
        position: relative;
        padding: 38px 0px;
        width: 100%;
        left: 0px;
    }

    .cdly-page-shop-grid-container {
        justify-content: flex-start;
        align-items: flex-start;
        min-height: 100vh;
        padding: 3px;
    }

    .cdly-page-shop-grid-message {
        width: 100%;
        font-size: 20px;
    }

    .cdly-page-shop-container {
        cursor: pointer;
    }

    .cdly-page-shop-container.active .cdly-page-shop-product-quickview {
        opacity: 1;
    }

    .cdly-page-shop-product-quickview {
        position: absolute;
        opacity: 0;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background: #f6f6f7;
        color: var(--cdly-navy);
        cursor: pointer;
    }

    .cdly-page-shop-item.active {
        display: flex;
    }

    .cdly-page-shop-item.not-active {
        display: none;
    }

    .cdly-page-shop-container.active .cdly-page-shop-product-add-cart {
        right: 10px;
    }

    .cdly-page-shop-container.active .cdly-page-shop-product-add-registry {
        left: 10px;
    }

    .cdly-page-shop-container.active .cdly-page-shop-product-add-angled {
        bottom: 0px;
    }

    .cdly-page-shop-product-add-angled {
        position: absolute;
        bottom: -250px;
        left: 0px;
        width: 100%;
        height: auto;
        background: var(--cdly-pink);
    }

    .cdly-page-shop-product-add-angled:before {
        content: '';
        position: absolute;
        top: -20px;
        left: -5%;
        width: 110%;
        height: 60px;
        background: inherit;
        transform: rotate(7.5deg);
        z-index: 1;
    }

    .cdly-page-shop-product-wishlist {
        position: absolute;
        top: -25px;
        left: 10px;
        width: 40px;
        height: 40px;
        color: #fff;
        font-size: 24px;
    }

    .cdly-page-shop-product-qty {
        margin-bottom: 15px;
    }

    .cdly-page-shop-product-qty-value {
        width: 60px;
        height: 40px;
        border: none;
        text-align: center;
        font-size: 18px;
    }

    .cdly-page-shop-product-qty-control {
        width: 36px;
        height: 36px;
        color: #fff;
        font-size: 12px;
    }

    /*.cdly-page-shop-product-add {
        position: absolute;
        bottom: -100px;
        left: 0px;
        width: 100%;
        height: auto;
    }*/

    .cdly-page-shop-product-add-container {
        position: relative;
        padding: 10px;
        z-index: 10;
    }

    .cdly-page-shop-product-add-btn {
        height: 46px;
        color: #fff;
        /*background: rgba(20,20,20,0.15);*/
        background: var(--cdly-pink-hover);
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius: 4px;
    }

    .cdly-page-shop-product-add-registry {
        margin-bottom: 10px;
    }

    .cdly-page-shop-product-add-cart {

    }

    .cdly-page-shop-pagination {
        padding-bottom: 10px;
    }

    .cdly-page-shop-pagination-btn {
        background: var(--cdly-navy);
        color: #fff;
        padding: 6px 16px;
        margin: 4px 2px;
        cursor: pointer;
    }

    .cdly-page-shop-pagination-item {
        background: #fff;
        color: #333;
        font-weight: 500;
        font-size: 13px;
        padding: 0px 16px;
        margin: 4px 2px;
        height: 34px;
        cursor: pointer;
    }

    .cdly-page-shop-modal {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        z-index: 100;
    }

    .cdly-page-shop-modal-holder {
        position: relative;
        width: 600px;
        max-width: 90%;
        background: #fff;
        z-index: 1;
    }

    .cdly-page-shop-modal-content {
        padding: 10px;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .cdly-page-shop-modal-image {
        margin: 15px;
    }

    .cdly-page-shop-modal-image-container {

    }

    .cdly-page-shop-modal-info {
        margin: 15px;
    }

    .cdly-page-shop-modal-overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        width: inherit;
        height: inherit;
        background: rgba(20,20,20,0.5);
    }

/* End ~ Page */

/* Start ~ Footer */

    .cdly-footer {

    }

    .cdly-footer-container {
        background: linear-gradient(0deg,#afafaf,#f6f6f7);
        padding-top: 100px;
    }

    .pet-pantry-footer {
        display: none;
    }

    .pet-pantry .pet-pantry-footer {
        display: none;
    }

    .cdly-footer-newsletter {
        padding: 25px 0px;
    }

    .cdly-footer-newsletter-input {
        width: calc(100% - 100px);
    }

    .cdly-footer-newsletter.cdly-newsletter-not-in-footer-anymore {
        padding: 0px;
    }

    .cdly-footer-newsletter-submit {
        width: 100px;
        height: 44px;
        background: var(--cdly-pink);
        color: #fff;
        border: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 14px;
        border-radius: 0px !important;
        cursor: pointer !important;
    }

    .cdly-footer-newsletter-value {
        width: 100%;
        height: 44px;
        border: none;
        text-indent: 10px;
        font-size: 16px;
        font-weight: 300;
    }

    .cdly-footer-menu {
        padding: 15px;
        align-items: flex-start;
    }

    .cdly-footer-block {
        width: 100%;
        margin-bottom: 15px;
    }

    .cdly-footer-social {
        padding: 30px 0px;
    }

    .cdly-footer-social-list,
    .cdly-footer-newsletter-content {
        width: 100%;
    }

    .cdly-footer-social-item {
        margin: 5px;
        width: 46px;
        height: 46px;
        background: var(--cdly-navy);
        color: #fff;
        border-radius: 50%;
    }

    .cdly-footer-content {
        margin-bottom: 15px;
    }

    .cdly-footer-title {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 800;
        color: var(--cdly-navy);
        margin-bottom: 10px;
    }

    .cdly-footer-list-item {
        text-transform: capitalize;
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 500;
        color: var(--cdly-navy);
    }

    .cdly-footer-list-item a {
        color: inherit;
    }

    .cdly-footer-copyright {
        width: 100%;
        height: 50px;
        font-size: 11px;
        color: var(--cdly-navy);
    }

/* End ~ Footer */

/* Start ~ Other */

    .owl-dots {
        text-align: center;
        margin: 15px 0px;
    }

    .owl-dot.active {
        background: var(--cdly-pink) !important;
    }

    .owl-dot {
        width: 24px;
        height: 2px;
        margin: 4px;
        background: rgba(20,20,20,0.15) !important;
    }

    .owl-prev {
        position: absolute;
        top: 30%;
        left: -10px;
        width: 40px;
        height: 40px;
        background: var(--cdly-pink) !important;
        color: #fff !important;
        border-radius: 4px;
        font-size: 24px !important;
    }

    .owl-next {
        position: absolute;
        top: 30%;
        right: -10px;
        width: 40px;
        height: 40px;
        background: var(--cdly-pink) !important;
        color: #fff !important;
        border-radius: 4px;
        font-size: 24px !important;
    }

    #drift-widget {
        right: 10px !important;
        bottom: 10px !important;
    }

    #drift-widget-container {
        z-index: 10 !important;
    }

    .confetti-canvas {
        position: fixed;
        opacity: 0;
        top: -100vh;
        left: 0px;
        width: 100vw;
        height: 0vh;
        z-index: 1000;
    }

    .confetti-canvas.active {
        opacity: 1;
        top: 0px;
        height: 100vh;
    }

    #confetti-canvas {
        position: absolute;
    }

    .mid-content {
        padding-top: 55px !important;
    }

    .ShopifyCheckout_index .cdly-header,
    /* .ShopifyCheckout_index .cdly-footer, */
    .Donation_index .cdly-header,
    .Donation_index .cdly-footer,
    .LandingPages_registerForWishpack .cdly-header
    /* .LandingPages_registerForWishpack .cdly-footer*/ {
        display: none;
    }

/* End ~ Other */

/* Start ~ Responsive Design */

    /* Start ~ Responsive Design - Grid */

        /* Extra Small */
        .cdly-xs-10 {width: 10%}
        .cdly-xs-15 {width: 15%}
        .cdly-xs-16 {width: 16.6%}
        .cdly-xs-20 {width: 20%}
        .cdly-xs-25 {width: 25%;}
        .cdly-xs-30 {width: 30%;}
        .cdly-xs-33 {width: 33.33%;}
        .cdly-xs-40 {width: 40%;}
        .cdly-xs-45 {width: 45%;}
        .cdly-xs-50 {width: 50%;}
        .cdly-xs-55 {width: 55%;}
        .cdly-xs-60 {width: 60%;}
        .cdly-xs-66 {width: 66.6%;}
        .cdly-xs-70 {width: 70%;}
        .cdly-xs-75 {width: 75%;}
        .cdly-xs-80 {width: 80%;}
        .cdly-xs-90 {width: 90%;}
        .cdly-xs-100 {width: 100%;}

        /* Small */
        @media( min-width: 767px ) {
            .cdly-sm-10 {width: 10%}
            .cdly-sm-15 {width: 15%}
            .cdly-sm-16 {width: 16.6%}
            .cdly-sm-20 {width: 20%}
            .cdly-sm-25 {width: 25%;}
            .cdly-sm-30 {width: 30%;}
            .cdly-sm-33 {width: 33.33%;}
            .cdly-sm-40 {width: 40%;}
            .cdly-sm-45 {width: 45%;}
            .cdly-sm-50 {width: 50%;}
            .cdly-sm-55 {width: 55%;}
            .cdly-sm-60 {width: 60%;}
            .cdly-sm-66 {width: 66.6%;}
            .cdly-sm-70 {width: 70%;}
            .cdly-sm-75 {width: 75%;}
            .cdly-sm-80 {width: 80%;}
            .cdly-sm-90 {width: 90%;}
            .cdly-sm-100 {width: 100%;}
        }

        /* Medium */
        @media( min-width: 991px ) {
            .cdly-md-10 {width: 10%}
            .cdly-md-15 {width: 15%}
            .cdly-md-16 {width: 16.6%}
            .cdly-md-20 {width: 20%}
            .cdly-md-25 {width: 25%;}
            .cdly-md-30 {width: 30%;}
            .cdly-md-33 {width: 33.33%;}
            .cdly-md-40 {width: 40%;}
            .cdly-md-45 {width: 45%;}
            .cdly-md-50 {width: 50%;}
            .cdly-md-55 {width: 55%;}
            .cdly-md-60 {width: 60%;}
            .cdly-md-66 {width: 66.6%;}
            .cdly-md-70 {width: 70%;}
            .cdly-md-75 {width: 75%;}
            .cdly-md-80 {width: 80%;}
            .cdly-md-90 {width: 90%;}
            .cdly-md-100 {width: 100%;}
        }

        /* Large */
        @media( min-width: 1200px ) {
            .cdly-lg-10 {width: 10%}
            .cdly-lg-15 {width: 15%}
            .cdly-lg-16 {width: 16.6%}
            .cdly-lg-20 {width: 20%}
            .cdly-lg-25 {width: 25%;}
            .cdly-lg-30 {width: 30%;}
            .cdly-lg-33 {width: 33.33%;}
            .cdly-lg-40 {width: 40%;}
            .cdly-lg-45 {width: 45%;}
            .cdly-lg-50 {width: 50%;}
            .cdly-lg-55 {width: 55%;}
            .cdly-lg-60 {width: 60%;}
            .cdly-lg-66 {width: 66.6%;}
            .cdly-lg-70 {width: 70%;}
            .cdly-lg-75 {width: 75%;}
            .cdly-lg-80 {width: 80%;}
            .cdly-lg-90 {width: 90%;}
            .cdly-lg-100 {width: 100%;}
        }

        @media (min-width: 767px) {
            .cdly-header-menu-container {
                display: block;
            }
            .cdly-footer-block {
                width: unset;
            }
            .cdly-homepage-cover-video-title-container {
                width: 400px;
            }
            .cdly-header-main-menu {
                display: none;
            }
        }

        @media (max-width: 375px) {
            .cdly-page-section-video {
                height: 85vh;
            }
        }

        @media( min-width: 1200px ) {
            .cdly-page-shop-grid {
                left: 250px;
                width: calc(100% - 250px);
            }
        }

    /* End ~ Responsive Design - Grid */

/* End ~ Responsive Design */

.wzrd-section-item {
    margin: 3px;
    cursor: pointer;
}

.wzrd-section-content {
    position: relative;
}

.wzrd-section-question {
    text-align: center;
    font-family: 'Noto Serif SC';
    color: var(--cdly-navy);
    margin-bottom: 50px;
}

.wzrd-section-question-title {
    font-size: 40px;
    font-weight: 600;
}

.wzrd-section-question-answer {
    display: inline;
    position: relative;
}

.wzrd-section-question-answer:after {
    content: '';
    position: absolute;
    left: -5px;
    bottom: 5px;
    background: rgba(255, 0, 0, 0.25);
    width: calc(100% + 10px);
    height: 35px;
}

.wzrd-section-question-title span {
    /* padding: 6px 18px 12px; */
    /* background: var(--cdly-pink-hover); */
    /* color: rgba(255,255,255,0.75); */
    border-bottom: 3px solid var(--cdly-pink-hover);
}

.wzrd-section-question-subtitle {
    font-size: 28px;
}

.wzrd-section-block {
    /*margin: 50px;*/
}

.wzrd-section-block:hover {
    cursor: pointer;
}

.wzrd-section-image {
    display: none;
    margin-bottom: 20px;
}

.wzrd-section-image img {
    max-width: 250px;
    width: 100%;
}

.wzrd-section-input {

}

.wzrd-section-input-value {
    width: 100%;
    height: 60px;
    border: none;
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    text-indent: 10px;
    color: var(--cdly-pink);
    background: transparent;
    border-bottom: 3px solid var(--cdly-navy);
}

.wzrd-section-input-value::placeholder {
    color: rgba(255, 142, 147, 0.15);
}

.wzrd-select-label {
    position: relative;
    text-align: center;
    font-weight: 800;
    font-size: 36px;
    color: rgba(255, 142, 147, 0.5);
    display: inline-flex;
    padding: 0px 10px 6px;
    border-bottom: 3px solid transparent;
}

.wzrd-select-label.active {
    color: var(--cdly-pink-hover);
    border-bottom: 3px solid var(--cdly-pink-hover);
}

.wzrd-select-list-item {
    font-size: 16px;
}

.wzrd-section-title {
    position: relative;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
}

.wzrd-section-value {
    padding: 15px;
    min-width: 125px;
    border: 2px solid var(--cdly-navy);
    color: var(--cdly-navy);
    border-radius: 4px;
    cursor: pointer;
}

.wzrd-section-title:hover .wzrd-section-value{
    background: #fff0f1;
    border: 2px solid #fff0f1;
}

.wzrd-section-block.selected .wzrd-section-value {
    background: #fff0f1;
    border: 2px solid #fff0f1;
}
/*.wzrd-section-title:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    background: rgba(255, 142, 147, 0.5);
    bottom: -10px;
    left: 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}*/

.wzrd-section-block:hover .wzrd-section-title:before, .wzrd-section-title.active:before {
    width: 100%;
    background: var(--cdly-pink-hover);
}

.wzrd-section-subtitle {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: var(--cdly-pink-hover);
}

.wzrd-section-text {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
}

.wzrd-footer {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.wzrd-toolbar-btn {
    width: 70px;
    height: 40px;
    font-size: 13px;
    color: var(--cdly-pink-hover);
    border: 1px solid var(--cdly-pink-hover);
    border-radius: 4px;
    cursor: pointer;
}

.wzrd-toolbar-prev {
    display: none;
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.wzrd-toolbar-skip {
    display: none;
    position: absolute;
    bottom: 10px;
}

.wzrd-toolbar-next {
    display: none;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.wzrd-select {
    position: relative;
    margin: 45px 0px;
    width: 100%;
    min-width: 300px;
    cursor: pointer;
    text-align: center;
}

.wzrd-select-list.active {
    display: block;
}

.wzrd-select-list {
    display: none;
    position: absolute;
    top: -30px;
    width: 100%;
    min-width: 320px;
    height: 150px;
    overflow: hidden;
    background: rgb(255, 223, 224);
}

.wzrd-select-list-container {
    overflow-y: scroll;
    height: calc(100% - 20px);
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    background: #ffd7d7;
}

.wzrd-select-item {
    padding: 6px 10px;
    color: var(--cdly-pink-hover);
    font-weight: 300;
    text-transform: capitalize;
    text-align: center;
    cursor: pointer;
}

.wzrd-select-item:hover, .wzrd-select-item.active {
    background: var(--cdly-pink-hover);
    color: #fff;
}

@media(min-width: 767px) {
    .wzrd-section-image {
        display: block;
    }
}

#giveback-modal .modal-content {
    border-radius: 1px;
}

#giveback-modal .giveback-support-text{
    line-height: 1.5;
    color: #3d4246;
    font-weight: 400;
    padding: 20px;
}

#giveback-modal .selected-sar{
    font-weight: 800;
    color: #ff696e;
}

#giveback-modal .input-sar{
    width: 100%;
    height: 46px;
    border: 1px solid rgb(148, 148, 148);
    text-indent: 10px;
    color: black;
    font-weight: 400;
    line-height: 1.2;
}

#giveback-modal .no-result{
    font-size: 14px;
    padding: 15px 20px;
}

#giveback-modal .click-here{
    font-weight: 800;
    color: #ff696e;
    cursor: pointer;
}

.cdly-shelter-support-results-container {
    padding: 20px;
    background: #f9f9f9;
    height: 100%;
}

.cdly-shelter-support-result {
    border-bottom: 1px solid rgba(20,20,20,0.05);
    padding: 10px;
    cursor: pointer;
}

.cdly-shelter-support-result-title {
    font-size: 16px;
    font-weight: 800;
}

.cdly-shelter-support-result-location {
    font-size: 13px;
}

.cdly-shelter-support-result.no-border{
    border: none;
}

.cdly-shelter-support-results{
    max-height: 200px;
    overflow-y: auto;
}

.cdly-shelter-support-result:hover {
    background: #ececec;
}

.help-text{
    padding: 20px;
    line-height: 1.75;
    color: #3d4246;
}

.cdly-header-mobile-shelter{
    position: fixed;
    top: 55px;
    left: 0px;
    width: 100%;
    background: #ff686e;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
    z-index: 10;
}


.cdly-header-mobile-shelter .cdly-header-main-shelter-location-container {
    padding: 6px 10px;
    display: none;
}

.cdly-vcenter {
    display: flex;
    align-items: center;
}

.cdly-hcenter {
    display: flex;
    justify-content: center;
}


.more-pets-help{
    display: flex;
    flex-direction: row;
}

.cdly-footer-newsletter-container .signUpWrapper{
    border: none;
    border-radius: 0px;
}

.cdly-footer-newsletter-container .signUpWrapper .signUpImage{
    background-image: url(../img/Newsletter-popup-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}


.cdly-footer-newsletter-container .signUpWrapper .logoImage{
    display: flex;
    margin-bottom: 30px;
}

.cdly-footer-newsletter-container .signUpWrapper .logoImage img {
    height: 30px;
}

.cdly-footer-newsletter-container .signUpWrapper .logoImage .cuddly-text{
    height: 25px;
    margin-top: 2px;
    margin-left: 2px;
}

.cdly-footer-newsletter-container .signUpWrapper .signupForm{
    padding: 40px;
}

.cdly-footer-newsletter-container .signUpWrapper .signUpText{
    color: #2A415B;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    padding-bottom: 30px;
}

.cdly-footer-newsletter-container .signUpWrapper .submitbtn{
    background-color: #2A415B;
    height: 48px;
    width: 224px;
    border-radius: 0;
    color: white;
    letter-spacing: 5.25px;
    line-height: 17px;
}

.cdly-footer-newsletter-container .signUpWrapper .signupForm input[type=text],.cdly-footer-newsletter-container .signUpWrapper .signupForm select{
    border: 1px solid rgba(153,153,153,0.31);
    height: 45px;
    background-color: #FFFFFF;
    font-size: 16px;
    border-radius: 0px;
}

.cdly-footer-newsletter-container .signUpWrapper .signupForm select{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
}

.cdly-footer-newsletter-container .signUpWrapper .signupForm .selectDiv{
    position: relative;
}


.cdly-footer-newsletter-container .signUpWrapper .signupForm .selectDiv:before{
    content: "▼";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 60%;
    line-height: 30px;
    color: #555;
    pointer-events: none;
    padding: 8px 10px;
    z-index: 1;
}

.cdly-footer-newsletter-container .signUpWrapper .joinSocial{
    font-size: 14px;
    line-height: 22px;
    color: #333333;
    padding-top: 30px;
}


.cdly-footer-newsletter-container .signUpWrapper .joinButtons{
    display: flex;
    height: 50px;
    padding:10px 0px;
}

.cdly-footer-newsletter-container .signUpWrapper .twtFollowButton{
    padding-left: 10px;
}


.cdly-footer-newsletter-container .signUpWrapper .close-newsletterSign img {
    height: 20px;
}

.cdly-footer-newsletter-container .signUpWrapper .close-newsletterSign {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
}

.cdly-footer-newsletter-container .signUpWrapper .red-line {
    margin-bottom: 30px;
    width: 9vh;
    border: 1px solid #EF676C;
}

@media only screen and (min-width: 1000px)
{
    .cdly-footer-newsletter-container .modal.in .modal-dialog{
        transform: translate(0,12vh);
    }
}

@media only screen and (max-width: 1000px)
{
    .cdly-footer-newsletter-container .signUpWrapper .signupForm {
        padding: 16px;
    }
}

@media only screen and (max-width: 767px){
    .cdly-footer-newsletter-container .signUpWrapper .row{
        flex-direction: column;
    }

    .cdly-footer-newsletter-container .signUpWrapper .signUpImage{
        height: 350px;
    }
}

@media only screen and (max-width: 425px)
{
    .cdly-footer-newsletter-container .signUpWrapper .logoImage{
        justify-content: center;
    }

    .cdly-footer-newsletter-container .signUpWrapper .signUpText{
        text-align: center;
        font-size: 18px;
    }

    .cdly-footer-newsletter-container .signUpWrapper .submitbtn{
        width: 100%;
    }

    .cdly-footer-newsletter-container .signUpWrapper .joinButtons{
        flex-direction: column;
        height: unset;
    }

    .cdly-footer-newsletter-container .signUpWrapper .joinButtons div{
        padding: 4px 0px;
        display: flex;
        justify-content: center;
    }

    .cdly-footer-newsletter-container .signUpWrapper .joinSocial{
        text-align: center;
    }


    .cdly-footer-newsletter-container .signUpWrapper .red-line{
        margin: auto;
        margin-bottom: 30px;
    }
}
.pagination > li > a, .pagination > li > span {
    color: var(--cdly-navy) !important;
}

.pagination > li > a:hover, .pagination > li > span:hover {
    background-color: var(--cdly-navy) !important;
    border-color: var(--cdly-navy) !important;
    color: #fff !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover
{
    background-color: var(--cdly-navy) !important;
    border-color: var(--cdly-navy) !important;
    color: white !important;
}