.publishedby {
    background-color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.publishedby > .container > div {
    float: left;
    width: 100%;
    min-height: 62px;
    position: relative;
}

.publishedby .name {
    font-size: 7px;
    font-weight: 600;
    text-align: left;
    color: #323d54;
    display: block;
    line-height: normal;
    padding-top: 5px;
}

.publishedby img.publish-logo {
    width: 132px;
    height: auto;
}

.publishedby .contact {
    border-radius: 2px;
    /*background-color: rgba(216, 216, 216, 0.2);
        border: solid 1px rgba(151, 151, 151, 0.2);*/
    /*padding: 8px 17px;*/
    padding: 8px 0 8px 17px;
    /*font-weight: 600;*/
    color: #8f8e8e;
    position: absolute;
    right: 0px;
    top: calc(50% - 19px);
}

.publishedby .contact:hover {
    color: #23527c;
}

.publishedby .contact > img {
    width: 15px;
    height: 15px;
    margin-right: 12px;
}

.profile-header {
    width: 100%;
    /*min-height: 260px;*/
    border-radius: 2px 2px 0px 0px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
    clear: both;
    border-bottom: 0px;
    float: left;
    margin-top: 12px;
    padding-top: 10px;
}

.profile-header.member {
    background-color: #535353;
}

.profile-title + .profile-header {
    margin-top: 0px;
}

.publishedby + div .profile-header {
    margin-top: 0px;
}

.premium .profile-header {
    width: 100%;
    /*min-height: 260px;*/
    clear: both;
    /*border-bottom: 0px;*/
    float: left;
    box-shadow: none;
    /*padding-left: 24px;
    padding-right: 24px;*/
    padding-bottom: 0px;
}

.profile-header > .photo {
    display: inline-block;
    /*margin-left: -1px;
        margin-top: -1px;*/
    float: left;
    padding: 4px 4px 4px 6px;
    padding-top: 0;
}

.profile-header.member > .photo {
    padding: 0px 10px 10px;
}

.premium .profile-header > .photo {
    display: inline-block;
    float: none;
    width: 100%;
    text-align: center;
    padding-top: 44px;
    position: relative;
    min-height: 350px;
}

.premium .profile-header > .photo > .dates {
    position: absolute;
    left: 153px;
    width: 100px;
    text-align: center;
    top: 150px;
}

.premium .profile-header > .photo > .dates.datedeath {
    left: auto;
    right: 150px;
}

.premium .profile-header > .photo > .dates > span {
    display: block;
    font-size: 14px;
    color: #1d1d1d;
}

.premium .profile-header > .photo > .dates > span.head {
    font-weight: 700;
}

.premium .profile-header > .photo > .dates > i {
    width: 65px;
    height: 70px;
    background-image: var(--lamp);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: 35px;
}

.premium .profile-header > .photo > .dates > img {
    width: 65px;
    height: 70px;
    margin-top: 35px;
}

.profile-header > .photo > img {
    width: 234px;
    height: 272px;
    /*min-height: 250px;*/;
}

.profile-header.member > .photo > img {
    width: 165px;
    height: 165px;
}

.profile-header.small > .photo > img {
    width: 100px;
    height: 120px;
}

.premium .profile-header > .photo > img {
    width: 300px;
    height: auto;
}

.profile-header > .info {
    display: inline-block;
    float: left;
    padding: 6px 9px 12px;
    line-height: normal;
    width: calc(100% - 263px);
    border-bottom: solid 0.5px #e0e0e0;
    margin-bottom: 12px;
}

.profile-header.member > .info {
    padding-top: 0;
    border-bottom: 0;
    margin-bottom: 5px;
    width: calc(100% - 185px);
}

.profile-header.small > .info {
    border-bottom: 0px;
}

.premium .profile-header > .info {
    width: 100%;
    text-align: center;
    padding: 16px 170px 12px;
    margin-bottom: 0;
}

.profile-header > .info > .name {
    font-size: 24px;
    font-weight: 700;
    /*text-align: left;*/
    color: #1d1d1d;
    display: block;
    line-height: 30px;
    padding-bottom: 5px;
}

.profile-header.member > .info > .name {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    color: #ffffff;
}

.premium .profile-header > .info > .name {
    /*padding-bottom: 13px;*/;
}

.profile-header > .info > .position {
    font-size: 18px;
    /*text-align: left;*/
    color: #1d1d1d;
    display: block;
    padding-bottom: 9px;
    line-height: 22px;
}

.profile-header.member > .info > .position {
    font-size: 14px;
    color: #fff;
    line-height: normal;
}

.profile-header > .info > .profile-link {
    font-size: 14px;
    font-weight: 600;
    color: #3b86e3;
    display: inline-block;
}

.profile-header > .info > .profile-link:hover {
    color: #23527c;
}

.premium .profile-header > .info > .position {
    padding-bottom: 5px;
}

.profile-header > .info > .dates {
    display: block;
}

.profile-header > .info > .dates > .age {
    border-radius: 1px;
    background-color: rgba(59, 134, 227, 0.13);
    border: solid 0.5px rgba(59, 134, 227, 0.35);
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #3b86e3;
    padding: 4px 15px;
    display: inline-block;
    margin-right: 12px;
}

.profile-header > .info > .dates > .datefrom {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    padding-right: 12px;
    display: inline-block;
}

.profile-header > .info > .dates > .dateto {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    display: inline-block;
}

.profile-header > .info > .dates > .datefrom + .dateto {
    padding-left: 12px;
}

.profile-header.member > .info > .dates, .profile-header.member > .info > .dates > .datefrom, .profile-header.member > .info > .dates > .dateto {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.profile-header > .places {
    display: inline-block;
    float: left;
    /*padding: 12px 9px 11px;*/
    padding: 0px 9px 11px;
    line-height: normal;
    width: calc(100% - 263px);
}

.premium .profile-header > .places {
    width: 100%;
    padding: 15px 50px;
}

.profile-header > .places > div {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.premium .profile-header > .places > div {
    width: 50%;
}

.premium .profile-header > .places > div.full-width {
    width: 100%;
}

.premium .profile-header > .places > div:last-of-type {
    padding-bottom: 0px;
}

.premium .profile-header > .places > div > .innergroup {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.profile-header > .places > div span {
    color: #323d54;
    display: inline-block;
    font-size: 14px;
    text-align: justify;
    margin-right: 12px;
    float: left;
    line-height: 22px;
    width: 66px;
    position: relative;
}

.profile-header.tamil > .places > div span {
    width: 105px;
}

.premium .profile-header > .places > div > .innergroup > .full-width-center {
    display: block;
    text-align: center;
    font-weight: 600;
    width: 100%;
    float: left;
    margin-right: 0px;
}

.profile-header > .places > div span:not(.placegroup):after {
    content: '-';
    position: absolute;
    right: 0px;
}

.profile-header > .places > div span.full-width-center:after {
    content: '';
}

.profile-header > .places > div .placegroup {
    float: left;
    display: inline-block;
    margin-right: 0px;
    text-align: left;
    width: 100%;
}

.profile-header > .places > div span + .placegroup {
    width: calc(100% - 85px);
}

.profile-header.tamil > .places > div .placegroup {
    width: calc(100% - 120px);
}

.premium .profile-header > .places > div .placegroup {
    float: left;
    display: inline-block;
    width: 100%;
    margin-right: 0px;
    text-align: center;
}

.profile-header > .places > div a, .profile-header > .places > div .placegroup > span {
    color: #323d54;
    font-size: 14px;
    margin-right: 3px;
    line-height: 22px;
}

.profile-header > .places > div a .label-badge {
    float: none;
    position: relative;
    padding: 0px 3px;
    font-size: 11px;
    line-height: normal;
    margin-left: 0px;
    color: #1d1d1d;
    margin-right: 2px;
}

.profile-header > .places > div a:after, .profile-header > .places > div .placegroup > span:after {
    content: ',';
}

.profile-header > .places > div a:last-of-type::after, .profile-header > .places > div .placegroup > span:last-of-type::after {
    content: '';
}

.profile-header > .places > div a:hover, .profile-header > .places > div a:hover > span {
    color: #3b86e3;
}

.profile-header > .buttons, .profile-header-group > .buttons {
    display: inline-block;
    float: left;
    padding: 0px 9px 10px;
    line-height: normal;
    width: calc(100% - 263px);
}

.profile-header.member > .buttons {
    width: calc(100% - 185px);
}

.profile-header-group > .buttons {
    width: auto;
    float: none;
}

.premium .premium-profile-container .buttons {
    /*width: 100%;*/
    padding: 24px 50px 0px;
    display: inline-block;
    /*float: left;*/;
}

.profile-header-group > .buttons {
    /*width: 100%;*/
    padding-bottom: 25px;
}

.profile-header > .buttons > button, .profile-header-group > .buttons > button, .premium .premium-profile-container .buttons > button {
    background: #fafafa;
    padding: 8px 20px;
    /*width: 123px;
            height: 35px;*/
    float: left;
    border-right: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    border-radius: 0px;
}

.profile-header-group > .buttons > button {
    padding: 13px 38px;
}

.premium .premium-profile-container .buttons > button {
    padding: 8px 31px;
}

.profile-header > .buttons > button.active, .profile-header-group > .buttons > button.active, .premium .premium-profile-container .buttons > button.active {
    color: #ff4437;
}

.profile-header > .buttons > button:hover, .profile-header-group > .buttons > button:hover, .premium .premium-profile-container .buttons > button.active:hover {
    background: #f5f5f5;
}

.profile-header > .buttons > button:first-child, .profile-header-group > .buttons > button:first-child, .premium .premium-profile-container .buttons > button:first-child {
    border-left: solid 1px #e0e0e0;
}

.profile-header > .buttons > button > i, .profile-header-group > .buttons > button > i, .premium .premium-profile-container .buttons > button > i, .public-figure .profile-container > .detail > .buttons > button > i {
    padding-left: 30px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center;
    vertical-align: middle;
    margin-top: -3px;
    background-image: var(--sprite);
    background-size: 800px;
}

.public-figure .profile-container > .detail > .buttons > button > i {
    padding-left: 19px;
}

.profile-header > .buttons > button > i.follow, .profile-header-group > .buttons > button > i.follow, .premium .premium-profile-container .buttons > button > i.follow, .public-figure .profile-container > .detail > .buttons > button > i.follow {
    background-position: -670px -14px;
}

.profile-header > .buttons > button.active > i.follow, .profile-header-group > .buttons > button.active > i.follow, .premium .premium-profile-container .buttons > button.active > i.follow, .public-figure .profile-container > .detail > .buttons > button.active > i.follow {
    background-position: -645px -14px;
}

.profile-header > .buttons > button > i.invite, .profile-header-group > .buttons > button > i.invite, .premium .premium-profile-container .buttons > button > i.invite, .public-figure .profile-container > .detail > .buttons > button > i.invite {
    background-image: var(--sprite);
    background-position: -867px -17px;
    background-size: 900px;
}

.profile-header > .buttons > button > i.print, .profile-header-group > .buttons > button > i.print, .premium .premium-profile-container .buttons > button > i.print, .public-figure .profile-container > .detail > .buttons > button > i.print {
    background-image: var(--sprite);
    background-position: -908px -19px;
    background-size: 1000px;
}

.profile-header > .buttons > button.active > i.print, .profile-header-group > .buttons > button.active > i.print, .premium .premium-profile-container .buttons > button.active > i.print, .public-figure .profile-container > .detail > .buttons > button.active > i.print {
    background-position: -879px -20px;
}

.profile-header > .buttons > button > i.share1, .profile-header-group > .buttons > button > i.share1, .premium .premium-profile-container .buttons > button > i.share1, .public-figure .profile-container > .detail > .buttons > button > i.share1 {
    background-position: -928px -19px;
    background-size: 1000px;
}

.public-figure .profile-container > .detail > .buttons > button > i.share1 {
    background-position: -935px -19px;
}

.profile-menu {
    height: 59px;
    border-radius: 0px 0px 2px 2px;
    /*background-color: #ffffff;*/
    background-color: #323d54;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    /*border-top: solid 1px #d2d2d2;*/
    float: left;
    width: 100%;
    z-index: 10;
}

.profile-menu.duplicate {
    /*bottom: 62px;*/
    border: 1px solid #323d54;
    background-color: #45536f;
    display: none;
    border-radius: 0px;
}

.profile-menu.duplicate.shown {
    display: none;
}

.public-figure .profile-menu {
    border-top: 0px;
    background: #fff;
}

.premium .profile-menu {
    background-color: #323d54;
    border-top: 0px;
}

.profile-menu > ul {
    list-style: none;
    padding-left: 0px;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0px;
    height: 100%;
}

.profile-menu > ul > li {
    display: inline-block;
    /*width: 20%;*/
    text-align: center;
    float: left;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    /*padding: 0px 25px;*/
    /*padding: 0px 10px;*/
    padding: 0px 14px;
}

/*.profile-menu > ul > li#li_announcements {
            min-width: 100px;
        }*/

.profile-menu.duplicate > ul > li {
    display: inline-table !important;
}

.profile-menu.duplicate > .btnclose {
    background: transparent;
    float: right;
    margin-top: -29px;
    padding: 0px;
    margin-bottom: 0px;
    margin-right: 4px;
    line-height: normal;
}

.public-figure .profile-menu > ul > li {
    width: 25%;
}

/*.profile-menu > ul > li:hover {
                border-bottom: solid 1.5px #ff4437;
            }*/

.profile-menu > ul > li.active {
    border-bottom: solid 1.5px #fff;
}

.premium .profile-menu > ul > li.active {
    border-bottom: solid 1.5px #fff;
}

.public-figure .profile-menu > ul > li.active {
    border-bottom: solid 1.5px #ff4437;
}

.profile-menu > ul > li > a {
    padding: 15px 2px;
    display: block;
    font-size: 16px;
    font-weight: 600;
    /*color: #8f8e8e;*/
    color: rgba(255, 255, 255, 0.56);
}

.profile-menu > ul > li.active > a {
    /*color: #ff4437;*/
    color: #fff;
}

.public-figure .profile-menu > ul > li > a {
    color: #8f8e8e;
}

.public-figure .profile-menu > ul > li.active > a {
    color: #ff4437;
}

.premium .profile-menu > ul > li.active > a {
    color: #fff;
}

/*.profile-menu > ul > li:hover > a {
                color: #ff4437;
            }*/


.profile-menu > ul > li > a > i {
    width: 18px;
    height: 20px;
    /*margin-right: 11px;*/
    margin-right: 7px;
    margin-top: -2px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: left;
    padding-left: 20px;
    vertical-align: middle;
    background-image: var(--sprite);
    background-size: 1000px;
}

.profile-menu > ul > li > a > i.home {
    background-position: -884px -73px;
    background-size: 950px;
}

.profile-menu > ul > li > a > i.timeline {
    background-position: -25px -452px;
}

.profile-menu > ul > li.active > a > i.timeline {
    background-position: -56px -452px;
}

.profile-menu > ul > li > a > i.about {
    background-position: -86px -441px;
    background-size: 980px;
    height: 22px;
}

.profile-menu > ul > li.active > a > i.about {
    background-position: -118px -441px;
}

.profile-menu > ul > li > a > i.photos {
    background-position: -126px -382px;
    background-size: 850px;
    width: 23px;
}

.profile-menu > ul > li.active > a > i.photos {
    background-position: -152px -382px;
}

.profile-menu > ul > li > a > i.life-story-icon {
    background-position: -400px -449px;
    height: 23px;
}

.profile-menu > ul > li.active > a > i.life-story-icon {
    background-position: -432px -449px;
}

.profile-menu > ul > li > a > i.notice {
    background-position: -304px -402px;
    height: 25px;
    background-size: 900px;
    width: 21px;
}

.profile-menu > ul > li.active > a > i.notice {
    background-position: -332px -402px;
}

.profile-menu > ul > li > a > i.tributes {
    background-position: -530px -405px;
    background-size: 900px;
    width: 21px;
    height: 20px;
}

.profile-menu > ul > li.active > a > i.tributes {
    background-position: -558px -405px;
}

.profile-menu > ul > li > a > i.feedbacks {
    background-position: -247px -405px;
    background-size: 900px;
    width: 21px;
    height: 20px;
}

.profile-menu > ul > li.active > a > i.feedbacks {
    background-position: -275px -405px;
}

.profile-menu > ul > li > a > i.contact-icon {
    background-position: -417px -405px;
    background-size: 900px;
    width: 21px;
    height: 20px;
}

.profile-menu > ul > li.active > a > i.contact-icon {
    background-position: -445px -405px;
}

.memorial-content {
    float: left;
    width: 100%;
    margin-top: 20px;
    position: relative;
}

.memorial-content .stretch {
    display: block;
    max-width: 700px;
    width: 100%;
    margin: auto;
}

.memorial-content.about, .memorial-content.profile {
    margin-top: 13px;
}

.memorial-content.profile {
    position: relative;
}

.memorial-content > .content-left {
    float: left;
    display: inline-block;
    width: 630px;
}

.memorial-content > .content-left > div {
    float: left;
}

.memorial-content > .content-right {
    float: right;
    display: inline-block;
    width: 376px;
}

.memorial-content > .full-content {
    float: left;
    width: 100%;
    background: #fff;
}

.memorial-content > .content-right > div {
    float: left;
}

.box-card {
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    border: 0;
    margin-bottom: 13px;
    float: left;
}

.box-card.no-bottom-margin {
    margin-bottom: 0;
}

.box-card.no-float {
    float: none;
}

.blocks > h4 + .box-card {
    border: solid 1px #ebebeb;
}

.box-card > .box-header {
    padding: 14px 20px;
    border-bottom: solid 1px #ebebeb;
    position: relative;
}

.box-card > .box-header > button {
    position: absolute;
    right: 14px;
    top: 11px;
    background: rgba(216, 216, 216, 0.25);
    border: solid 1px rgba(151, 151, 151, 0.25);
    border-radius: 4px;
    width: 26px;
    height: 26px;
    text-align: center;
    color: #8f8e8e;
    font-size: 18px;
    font-weight: 600;
    padding: 0px;
}

.label-badge {
    position: absolute;
    right: 0px;
    top: calc(50% - 13px);
    background: rgba(216, 216, 216, 0.25);
    border: solid 1px rgba(151, 151, 151, 0.25);
    border-radius: 4px;
    text-align: center;
    color: #8f8e8e;
    font-size: 14px;
    font-weight: 600;
    padding: 2px 10px;
}

.box-card > .box-header > h4, .box-card > .box-header > a {
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #323d54;
    margin: 0px;
    line-height: normal;
}

.box-card > .box-body {
    float: left;
    width: 100%;
}

.box-card.no-float > .box-body {
    float: none;
}

.box-card > .box-body .media-placeholder {
    float: left;
    width: 100%;
    display: inline-block;
    padding: 10px;
}

.box-card.no-float > .box-body .media-placeholder {
    float: none;
}

.box-card > .box-body .media-placeholder.no-padding {
    padding: 0;
}

.box-card > .box-body .media-placeholder.no-padding {
    padding: 0;
}

.box-card > .box-body .media-placeholder.schedule {
    border-radius: 4px;
    background-color: #fff5f2;
}

.box-card > .box-body .media-placeholder.schedule .content {
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: middle;
}

.box-card > .box-body .media-placeholder.schedule i {
    background-size: 980px;
    background-position: -523px -576px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    vertical-align: middle;
}

.box-card > .box-body .media-placeholder.schedule i.live {
    background-position: -484px -576px;
}

.box-card > .box-body .media-placeholder.schedule span {
    display: block;
    font-size: 15px;
    /*padding-bottom: 5px;*/
    font-weight: 600;
    color: #333;
}

.box-card > .box-body .media-placeholder.schedule span.live {
    background: rgba(251, 5, 5, 0.90);
    padding: 2px 6px;
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
    border-radius: 2px;
    line-height: 17px;
    display: inline-block;
    max-width: 50px;
    text-align: center;
    vertical-align: middle;
}

.box-card > .box-body .media-placeholder.schedule p {
    display: block;
    line-height: 21px;
    font-size: 15px;
    margin: 0;
    color: #333;
}

.box-card > .box-body .media-placeholder .media-content {
    display: inline-block;
    float: left;
    width: 100%;
    position: relative;
}

.box-card > .box-body .media-placeholder .media-content:first-child:nth-last-child(2),
.box-card > .box-body .media-placeholder .media-content:first-child:nth-last-child(2) ~ .media-content {
    width: 50%;
    padding-right: 5px;
    padding-left: 0;
}

.box-card > .box-body .media-placeholder .media-content:first-child:nth-last-child(2) ~ .media-content {
    padding-right: 0;
    padding-left: 5px;
}

.video-thumb-list .box-card > .box-body .media-placeholder .media-content {
    width: 33.3%;
    margin-bottom: 10px;
}

.box-card > .box-body .media-placeholder .media-content h2 {
    line-height: normal;
    font-size: 15px;
    font-weight: normal;
    /*padding-bottom: 0;
                padding-top: 5px;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    background: #F4F5F2;
    padding: 10px;
    color: #333;
    margin: 0;
}

.box-card > .box-body .media-placeholder .media-content h3 {
    margin: 0;
    padding-bottom: 15px;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
}

.box-card > .box-body .media-placeholder .media-content p {
    font-size: 15px;
    line-height: normal;
    /*padding-top: 10px;*/
    padding-bottom: 10px;
    margin: 0;
}

.box-card > .box-body .media-placeholder .media-content .live {
    background: rgba(251, 5, 5, 0.90);
    padding: 0px 6px;
    color: #fff;
    margin-right: 5px;
    font-size: 13px;
    border-radius: 2px;
    line-height: normal;
}

.box-card > .box-body .media-placeholder .media-content .live.left-corner {
    position: absolute;
    left: 10px;
    top: 10px;
    margin-right: 0;
}

.box-card > .box-body .media-placeholder .media-content .live.right-corner {
    position: absolute;
    right: 10px;
    top: 10px;
    margin-right: 0;
}

.box-card > .box-body iframe {
    width: 100% !important;
}

.modal-body .box-card > .box-body iframe {
    margin-bottom: 10px;
}

.box-card > .box-body > .body-content {
    display: inline-block;
    width: 100%;
    padding: 20px;
}

.box-card > .box-body > ul {
    list-style: none;
    padding-left: 0px;
    float: left;
    width: 100%;
}

.box-card > .box-body > ul > li {
    float: left;
    border-bottom: solid 1px #ebebeb;
}

.box-card > .box-body > ul > li:last-child {
    border-bottom: 0px;
}

.box-card > .box-footer {
    padding: 10px;
    border-top: solid 0.5px #e0e0e0;
    float: left;
    width: 100%;
    text-align: center;
}

.box-card > .box-footer .button-outline-full {
    text-transform: none;
    /*font-size: 16px;*/;
}

.box-card.footer-only > .box-footer {
    border: 0;
}

.box-card.half {
    width: 49%;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #d2d2d2;
    margin-bottom: 13px;
    float: left;
    /*float: none;
        display: table-cell;
        vertical-align: top;*/;
}

.box-card.half.right {
    margin-left: 12px;
}

.no-shadow {
    box-shadow: none;
}

.tab-container {
    float: left;
    width: 100%;
    background: #fff;
}

.post-tribute {
    min-height: 82px;
    padding: 0px;
}

.post-tribute > .tab-container {
    border-bottom: solid 0.5px #e0e0e0;
    padding-left: 12px;
}

.post-tribute > .tribute-container {
    padding: 12px;
    float: left;
    width: 100%;
    min-height: 80px;
}

.post-tribute > .tribute-container > div {
    float: left;
    display: inline-block;
    position: relative;
    width: calc(100% - 125px);
}

.post-tribute .count {
    border-radius: 2px;
    background-color: rgba(216, 216, 216, 0.2);
    border: solid 1px rgba(151, 151, 151, 0.2);
    padding: 7px 10px;
    display: inline-block;
    /*float: left;*/
    vertical-align: middle;
}

.post-tribute .count > span {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1d;
    word-break: normal;
}

.post-tribute .count > span.name {
    font-size: 14px;
    color: #8f8e8e;
    font-weight: normal;
    word-break: normal;
}

.post-tribute .count > span.mobileonly {
    font-size: 14px;
    color: #ff4437;
    font-weight: normal;
    word-break: normal;
    display: none;
}

.post-tribute span.label {
    font-size: 14px;
    text-align: left;
    color: #8f8e8e;
    /* line-height: 82px; */
    font-weight: normal;
    padding: 16px 10px;
    display: table-cell;
    vertical-align: middle;
    float: left;
}

.post-tribute a + span.label, .post-tribute div + span.label {
    width: calc(100% - 80px);
    float: none;
    padding: 0px 20px;
    display: inline-block;
    vertical-align: middle;
    min-height: initial;
    white-space: normal;
    line-height: 21px;
}

.post-tribute button {
    border-radius: 2px;
    background-color: #ff4437;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    padding: 8px 14px;
    float: right;
    margin-top: 9px;
    margin-right: 13px;
}

.notice-content {
    padding: 33px 44px;
}

.notice-content > .title {
    font-size: 22px;
    color: #1d1d1d;
    font-weight: 600;
    display: block;
    padding-bottom: 22px;
    line-height: 30px;
}

.notice-content > .views {
    font-size: 14px;
    font-weight: 600;
    color: #8f8e8e;
    display: block;
    padding-top: 8px;
    padding-bottom: 22px;
}

.notice-content > .video {
    position: relative;
    margin-bottom: 22px;
    float: left;
}

.notice-content > .video > .thumb, .media-content .thumb, .media-content .thumb-single {
    width: 100%;
    height: auto;
    margin: auto;
}

/*.media-content .thumb_image_container {
    display: inline-block;
    width: 100%;
    max-height: 200px;
    overflow: hidden;
}*/

.media-content .thumb, .media-content .thumb-single {
    background-repeat: no-repeat;
    background-position: center;
    height: 200px;
    /*background-size: 100%;*/
    background-size: cover;
}

.media-content .thumb.large, .media-content .thumb-single.large {
    background-size: 200%;
}

.video-thumb-list .media-content .thumb {
    /*height: 10vw;*/
    height: 120px;
    width: calc(100% - 10px);
    display: block;
}

.video-thumb-list .media-content a.active .thumb, .video-thumb-list .media-content a:hover .thumb {
    border: 3px solid #e0e0e0;
}

/*.media-content .thumb {
    width: 100%;
    height: 100vw;
}*/
.notice-content > .video > .icon, .media-content .icon {
    position: absolute;
    left: calc(50% - 27px);
    top: calc(50% - 27px);
    width: 55px;
    height: 55px;
    /*background-repeat: no-repeat;*/
    display: inline-block;
    /*background-image: var(--sprite);
            background-size: 980px;
            background-position: -579px -567px*/
    border: 3px solid #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.36);
}

.notice-content > .video > .icon:after, .media-content .icon:after {
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff;
    left: calc(50% - 5px);
    position: absolute;
    top: calc(50% - 10px);
    display: inline-block;
}

.media-content h2 + .icon {
    top: calc(50% - 47px);
}

.notice-content > p {
    font-size: 15px;
    color: #1d1d1d;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    float: left;
}

.notice-content h1, .notice-content h2, .notice-content h3, .notice-content h4, .notice-content h5, .notice-content h6 {
    margin: 0px;
    padding-bottom: 16px;
    font-weight: 600;
}

.notice-content h1 {
    font-size: 35px;
    line-height: 46px;
}

.notice-content h2 {
    font-size: 28px;
    line-height: 40px;
}

.notice-content h3 {
    font-size: 20px;
    line-height: 27px;
}

.notice-content h4 {
    font-size: 16px;
    line-height: 20px;
}

.notice-content h5 {
    font-size: 14px;
    line-height: 18px;
}

.notice-content h6 {
    font-size: 10px;
    line-height: 14px;
}

.notice-content > .address {
    border-radius: 4px;
    background-color: #f5f5f5;
    /*border: solid 1px #e4e1e1;*/
    float: left;
    width: 100%;
    padding: 13px 24px;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #1d1d1d;
    position: relative;
    margin-bottom: 24px;
}

.notice-content > .address > span {
    float: left;
    display: inline-block;
    clear: both;
    width: calc(100% - 153px);
}

.notice-content > .address > span > a {
    color: #1d1d1d;
}

.notice-content > .address > .head {
    font-weight: 600;
}

.notice-content > .address > a {
    border-radius: 2px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ff4437;
    /*padding: 6px 20px;*/
    top: calc(50% - 10px);
    position: absolute;
    right: 23px;
}

.notice-content > .address > a > i.route-white {
    width: 17px;
    height: 19px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: -502px -250px;
    padding-left: 22px;
    vertical-align: middle;
}

.notice-content > .address > a > img {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    margin-top: -2px;
}

.notice-content > .informby {
    font-size: 15px;
    color: #1d1d1d;
    float: left;
    width: 100%;
    padding-right: 12px;
    padding-bottom: 20px;
    font-weight: 600;
}

.notice-content > .informby > span {
    font-weight: normal;
}

.notice-content .special-message {
    float: left;
    width: 100%;
    /*padding: 10px 0;*/;
}

.notice-content .special-message p {
    color: #8f8e8e !important;
    font-size: 15px;
}

.blocks {
    float: left;
    width: 100%;
    /*float: none;*/;
}

.blocks > h4 {
    padding-top: 8px;
    padding-bottom: 2px;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    margin: 0px;
    line-height: 32px;
}

.blocks > h4 > a {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
}

.blocks > h4 > a:hover {
    color: #23527c;
}

.blocks > h4 > button {
    background-color: #ff4437;
    border: solid 1px #ff4437;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    float: right;
    line-height: normal;
}

.blocks.tributes > h4 {
    padding-bottom: 8px;
}

.blocks > h4 > i.calender {
    background-image: var(--sprite);
    background-size: 700px;
    background-position: -371px -284px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}

.blocks > h4 > i.contact {
    background-image: var(--sprite);
    background-size: 700px;
    background-position: -397px -284px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 6px;
    margin-right: 10px;
}

.events > .events-container {
    display: table;
    width: 100%;
}

.events .box-card > .primary-header {
    float: left;
    width: 100%;
    padding: 20px 27px;
    border-bottom: solid 1px #ebebeb;
}

.events .box-card > .primary-header > h2 {
    float: left;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    color: #1d1d1d;
}

.events .box-card > .primary-header > label {
    display: inline-block;
    float: right;
    width: auto;
}

.events .box-card > .primary-header > label > .mdl-switch__label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    text-align: left;
    color: #7a7a7a;
}

.events .box-card > .header {
    padding: 13px 19px 12px 19px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #ebebeb;
    border-top: solid 1px #ebebeb;
    background: rgba(241, 241, 241, 0.31);
}

.events.upcoming .box-card > .header {
    background: transparent;
    border: 0px;
    padding: 13px 27px 12px 27px;
}

.events .box-card > .header:first-child {
    border-top: 0px;
}

.events .box-card > .header > span {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    float: left;
}

.events .box-card > .header > a {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
    float: right;
}

.events .box-card > .header > a > img {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    margin-top: -2px;
}

.events .box-card > .header > a > .direction-icon {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    margin-top: -2px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: -502px -250px;
    vertical-align: middle;
}

/*.events .box-card > .header > a:hover {
            color: #23527c;
        }*/

.events .box-card > .body {
    padding: 10px 19px 10px;
    float: left;
    width: 100%;
    background-color: #fff;
}

.events.upcoming .box-card > .body {
    padding: 0px 27px 13px;
    border-bottom: solid 1px #ebebeb;
}

.events.upcoming .box-card > .body:last-of-type {
    border-bottom: 0px;
}

/*.events.upcoming .box-card > .body + .header {
        padding-top: 0px;
    }*/

.events .box-card > .body > ul {
    list-style: none;
    padding-left: 0px;
    float: left;
    margin-bottom: 0px;
}

.events .box-card > .body > ul > li {
    width: 100%;
    float: left;
    padding-bottom: 0px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: left 2px;
    /*padding-left: 31px;*/
    margin-bottom: 5px;
}

.events.upcoming .box-card > .body > ul > li {
    margin-bottom: 10px;
}

.events .box-card > .body > ul > li > i {
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 1000px;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.events .box-card > .body > ul > li.date > i {
    background-position: -73px -205px;
}

.events .box-card > .body > ul > li:last-of-type {
    margin-bottom: 0px;
}
/*.events .box-card > .body > ul > li.place {
    margin-bottom: 0px;
}*/

.events .box-card > .body > ul > li.place > i {
    background-position: -495px -182px;
    background-size: 900px;
}

.events .box-card > .body > ul > li.note {
    /*background: rgba(128, 128, 128, 0.09);
    padding: 10px;
    border-radius: 4px;*/;
}

.events .box-card > .body > ul > li.note p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    color: #8f8e8e;
}

.events .box-card > .body > ul > li > span, .events .box-card > .body > ul > li > a, .events .box-card > .body > ul > li > div, .events .box-card > .body > ul > li > div > a {
    display: inline-block;
    float: left;
    width: 100%;
    color: #1d1d1d;
    line-height: 20px;
}

.events .box-card > .body > ul > li > div > a:hover {
    color: #23527c;
}

.events .box-card > .body > ul > li > i + span, .events .box-card > .body > ul > li > i + a, .events .box-card > .body > ul > li > i + div {
    width: calc(100% - 30px);
}

.events .box-card > .body > ul > li > span.timing {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    text-align: left;
    /*color: #1d1d1d;*/
    color: #8f8e8e;
}

.events .box-card > .body > ul > li > span.timing > span {
    font-weight: normal;
    color: #8f8e8e;
    display: inline-block;
    background: rgba(143, 142, 142, 0.14);
    /*padding: 3px 6px;*/
    padding: 0px 6px;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 14px;
    margin-right: 5px;
}

.events .box-card > .body > ul > li > span.timing > span.date {
    font-weight: 600;
    color: #1d1d1d;
    padding-right: 5px;
    padding-left: 0px;
    background: transparent;
    border-radius: 0px;
    font-size: 14px;
}

.events .box-card > .body > ul > li > a:hover {
    color: #23527c;
}

.events .box-card > .body > ul > li > a:hover > span {
    color: #23527c;
}

.events .box-card > .body > ul > li > span > span, .events .box-card > .body > ul > li > a > span, .events .box-card > .body > ul > li > div > a > span {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    font-weight: 700;
    color: #ff4437;
}

.events .box-card > .body > ul > li > div > a:hover > span {
    color: #23527c;
}

.contact > .box-card > .header {
    padding: 6px 10px;
    float: left;
    width: 100%;
    border-bottom: solid 1px #ebebeb;
    background-color: rgba(241, 241, 241, 0.36);
    border-top: solid 1px #ebebeb;
}

.contact > .box-card > .header:first-child {
    border-top: 0px;
}

.contact > .box-card > .header > img {
    width: 18px;
    height: auto;
    /*border-radius: 50%;*/
    margin-right: 10px;
    float: left;
    margin-top: 7px;
}

.contact > .box-card > .header span {
    display: block;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
    color: #1d1d1d;
    float: left;
}

.contact > .box-card > .header > i {
    /*float: left;*/
    margin-right: 10px;
    /*margin-top: 4px;*/
    display: inline-block;
    vertical-align: middle;
}

.contact > .box-card > .header > div {
    display: inline-block;
    /*float: left;*/
    width: calc(100% - 40px);
    vertical-align: middle;
}

.contact > .box-card > .header span.head {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 2px;
    padding-top: 2px;
    width: 100%;
}

.contact > .box-card > .header span.head > span {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

.contact > .box-card > .header span.head > span:first-of-type {
    /*max-width: calc(100% - 120px);*/
    max-width: 100%;
    /*text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;*/;
}

.contact > .box-card > .header span.head > span:nth-of-type(2):before {
    content: '-';
    padding-left: 4px;
    padding-right: 4px;
}

.contact > .box-card > .header span.place {
    display: inline-block;
    padding-top: 2px;
    font-size: 12px;
    width: 100%;
}

.contact > .box-card > .header span.place > span {
    display: inline-block;
    padding-right: 15px;
    font-size: 12px;
    position: relative;
}

.contact > .box-card > .header span.place > span:after {
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #8f8e8e;
    position: absolute;
    right: 0px;
    top: 7px;
    margin-right: 6px;
}

.contact > .box-card > .header span.place > img {
    width: 26px;
    height: auto;
    margin-left: 10px;
}

.contact > .box-card > .header > button {
    border-radius: 2px;
    /*border: solid 1px #ff4437;*/
    color: #1d1d1d;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    margin-top: 1px;
}

.contact > .box-card > .header > button > img {
    width: 16px;
    height: auto;
    margin-right: 8px;
    margin-top: -2px;
}

.contact > .box-card > .body {
    padding: 4px 46px 0px;
    float: left;
    width: 100%;
    background-color: #fff;
}

.contact > .box-card > .body > ul {
    list-style: none;
    padding-left: 0px;
    float: left;
    width: 100%;
    margin: 0px;
}

.contact > .box-card > .body > ul > li {
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 4px;
    /*padding-right: 30px;*/
    /*margin-bottom: 10px;
            margin-top: 10px;*/;
}

.contact > .box-card > .body > ul > li > span.key {
    font-size: 15px;
    text-align: left;
    padding-right: 3px;
    color: #8f8e8e;
    width: 55px;
    display: inline-block;
}

.contact > .box-card > .body > ul > li > span.value, .contact > .box-card > .body > ul > li > span.value > a, .contact > .box-card > .body > ul > li > a.value {
    font-size: 15px;
    text-align: left;
    color: #323d54;
    padding-right: 6px;
}

.contact > .box-card > .body > ul > li > a.value:hover {
    color: #5088b9;
}

.contact > .box-card > .body > ul > li > a.value.underline {
    text-decoration: underline !important;
}

.contact > .box-card > .body > ul > li > img {
    width: 23px;
    height: 23px;
    margin-right: 10px;
}

.whatsapp {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    padding-left: 23px;
    vertical-align: middle;
    margin-top: -2px;
    background-position: -88px -70px;
    background-size: 210px !important;
}

.skype {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    padding-left: 23px;
    vertical-align: middle;
    margin-top: -2px;
    background-position: -49px -70px;
    background-size: 210px !important;
}

.viber {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    padding-left: 23px;
    vertical-align: middle;
    margin-top: -2px;
    background-position: -69px -70px;
    background-size: 210px !important;
}

.tributes > .feed-card > .card-body {
    padding: 15px 0px 12px;
}

.overview-card .tributes > .feed-card > .card-body {
    padding-top: 0;
}

.tributes > .feed-card > .card-body > .photo {
    width: 133px;
    text-align: center;
    margin-top: 5px;
    display: none;
}

.tributes > .feed-card > .card-body > .photo img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.tributes > .feed-card > .card-body > .photo > .name {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #1d1d1d;
    padding-top: 10px;
}

.tributes > .feed-card > .card-body > .photo > .name:hover {
    color: #23527c;
}

.tributes > .feed-card > .card-body > .photo > span {
    display: block;
    text-align: center;
    font-size: 12px;
    text-align: center;
    color: #8f8e8e;
}

.tributes > .feed-card > .card-body > .comments {
    width: 100%;
    /*padding-right: 40px;*/
    padding: 0px 20px;
}

.tributes > .feed-card > .card-body > .comments > a {
    float: left;
}

.tributes > .feed-card > .card-body > .comments > p {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #1d1d1d;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    margin: 0px 0px 2px 0px;
    /*height: 80px;*/
    overflow: hidden;
    float: left;
}

.tributes > .feed-card > .card-body > .comments > a {
    display: inline-block;
    float: left;
    margin-top: 4px;
}

.tributes > .feed-card > .card-body > .comments > a > img {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 2px;
}

.tributes > .feed-card > .card-body > .comments > a > .namecircle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 2px;
}

.list-tributes > li {
    padding: 18px 18px 18px 0px;
}

.list-tributes > li > div {
    float: left;
    display: inline-block;
}

.list-tributes > li > .photo {
    width: 141px;
    text-align: center;
    padding-top: 5px;
}

.list-tributes > li > .photo img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.list-tributes > li > .photo > .name {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #1d1d1d;
    padding-top: 10px;
}

.list-tributes > li > .photo > .name:hover {
    color: #23527c;
}

.list-tributes > li > .photo > span {
    display: block;
    text-align: center;
    font-size: 12px;
    text-align: center;
    color: #8f8e8e;
    padding-top: 5px;
}

.list-tributes > li > .comments {
    width: calc(100% - 141px);
    position: relative;
}

.list-tributes > li > .comments > .date {
    font-size: 12px;
    line-height: 1.08;
    text-align: left;
    color: #9a9a9a;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.list-tributes > li > .comments > .title {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    padding-bottom: 5px;
    display: block;
}

.list-tributes > li > .comments > .title:hover {
    color: #23527c;
}

.list-tributes > li > .comments > p {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #1d1d1d;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    margin: 0px 0px 2px 0px;
    /*height: 80px;*/
    overflow: hidden;
    padding-bottom: 10px;
}

.button-outline-full {
    border-radius: 2px;
    /*border: solid 1px #ff4437;*/
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ff4437;
    width: 100%;
    /*padding: 14px 4px;*/
    background: transparent;
    text-transform: uppercase;
}

/*.button-outline-full:hover {
        border: solid 1px #ff4437;
        color: #ffffff;
        background: #ff4437;
    }*/

.list-photos {
    padding: 18px !important;
}

.overview-card > .overview-content .list-photos {
    padding: 0px !important;
    display: inline-table;
}

.list-photos > li {
    padding: 2px;
    display: inline-block;
    border-bottom: 0px !important;
    width: 33.3%;
    height: 115px;
    position: relative;
}

.list-photos > li .more:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.list-photos > li .more > span {
    position: absolute;
    color: #fff;
    z-index: 2;
    text-align: center;
    top: 38px;
    font-size: 15px;
    padding: 5px;
    font-weight: 600;
    width: 100%;
    left: 0;
}

.list-photos > li img {
    /*width: 109px;
            height: 115px;*/
    width: 100%;
    height: 100%;
}

.list-similar {
    width: 100%;
}

.list-similar > li {
    display: block;
    padding: 10px 20px;
    width: 100%;
}

.list-similar > li > img {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    float: left;
    margin-right: 18px;
}

.list-similar > li > div {
    float: left;
    display: inline-block;
    width: calc(100% - 100px);
}

.list-similar > li span {
    display: block;
    line-height: normal;
}

.list-similar > li .name {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
}

.list-similar > li .place {
  font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #8f8e8e;
    padding-top: 0px;
    padding-bottom: 7px;
}


.list-summary {
    width: 100%;
    padding-top: 6px;
}

.list-summary > li {
    display: block;
    padding: 2px 20px 0px;
    width: 100%;
    border-bottom: 0px !important;
}

.list-summary > li > .icon {
    float: left;
    /*margin-right: 18px;*/
    display: inline-block;
    /*height: 46px;*/
    height: 40px;
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: 0px 6px;
    background-image: var(--sprite);
    width: 20px;
    margin-right: 18px;
}

.list-summary > li > .icon.brief {
    background-position: -753px -65px;
}

.list-summary > li > .icon.graduate {
    background-position: -857px -69px;
    background-size: 950px;
}

.list-summary > li > .icon.graduate-cap {
    background-position: -782px -65px;
}

.list-summary > li > .icon.home {
    background-position: -884px -69px;
    background-size: 950px;
}

.list-summary > li > .icon.live {
    background-position: -863px -64px;
}

.list-summary > li > .icon.native {
    background-position: -438px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.birth {
    background-position: -479px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.live2 {
    background-position: -515px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.community {
    background-position: -553px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.religion {
    background-position: -586px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.reason {
    background-position: -618px -515px;
    background-size: 800px;
}

.list-summary > li > .icon.incident {
    background-position: -650px -515px;
    background-size: 800px;
}

.list-summary > li > div {
    float: left;
    width: calc(100% - 40px);
}

.list-summary > li img {
    width: 19px;
    height: auto;
    margin-top: 4px;
}

.list-summary > li > span {
    display: block;
    line-height: normal;
}

.list-summary > li .name {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    float: left;
    width: calc(100% - 50px);
    line-height: 20px;
}

.list-summary > li .name:hover {
    color: #23527c;
}

.list-summary > li .sub {
    font-size: 13px;
    /*font-weight: 600;*/
    text-align: left;
    color: #8f8e8e;
    /*padding-top: 4px;*/
    padding-bottom: 7px;
    float: left;
    width: calc(100% - 50px);
}

.photos-section {
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: 0px;
    float: left;
    width: 100%;
}

.photos-section > .heading {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
    height: 55px;
    line-height: 55px;
    padding-left: 55px;
    border-bottom: solid 1px #e0e0e0;
}

.photos-section > .heading > ul {
    padding-left: 0px;
    float: left;
    width: 100%;
    list-style: none;
}

.photos-section > .heading > ul > li {
    display: inline-block;
    position: relative;
    line-height: 51px;
    padding-right: 28px;
    text-align: left;
    color: #ff4437;
    font-size: 16px;
    font-weight: 600;
}

.photos-section > .heading > ul > li > a {
    text-align: left;
    color: #ff4437;
    font-size: 16px;
    font-weight: normal;
}

.photos-section > .heading > ul > li > a:hover {
    color: #23527c;
}

.photos-section > .heading > ul > li:after {
    content: '.';
    position: absolute;
    font-size: 30px;
    top: -2px;
    line-height: normal;
    right: 9px;
}

.photos-section > .heading > ul > li:last-child:after {
    display: none;
}

.photos-section > .body {
    padding: 20px 45px 25px 55px;
    float: left;
    position: relative;
    width: 100%;
}

.photos-section.member > .body {
    padding: 18px 25px;
}

.photos-section > .body > .section {
    float: left;
    width: 100%;
}

.photos-section > .body > .section > div:first-of-type {
    float: left;
    width: 100%;
    padding-bottom: 32px;
    padding-top: 29px;
    display: table;
}

.photos-section > .body > .section > div.full-width {
    float: left;
    width: 100%;
    padding-top: 0;
    margin-bottom: 23px;
    padding-bottom: 17px;
    border-bottom: solid 1px rgba(151, 151, 151, 0.18);
}

.photos-section > .body > .section > div.no-border {
    border-bottom: 0;
    padding-bottom: 0;
}

.photos-section > .body > .section .buttons {
    /*position: absolute;
                right: 60px;
                top: 32px;*/
    float: right;
}

.photos-section > .body > .section > .full-width .buttons {
    float: none;
    text-align: right;
}

.photos-section > .body > .section .buttons > button {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    padding: 8px 19px;
    border: solid 1px #ff4437;
}

.photos-section > .body > .section .buttons > button.button-primary-outline {
    color: #ff4437;
    padding: 8px 19px;
    margin-right: 10px;
}

.photos-section > .body > .section .sec-head {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    display: table-cell;
    vertical-align: middle;
}

.photos-section > .body > .section .sec-subhead {
    font-size: 12px;
    font-weight: 600;
    color: #8f8e8e;
}

.photos-section > .body > .section > .full-width > span {
    float: left;
    display: inline-block;
    width: 200px;
    clear: both;
}

.photos-section > .body > .section > .sec-body {
    float: left;
    width: 100%;
    padding-bottom: 34px;
    border-bottom: solid 1px #e0e0e0;
}

.photos-section > .body > .section > .sec-body.no-padding {
    padding-bottom: 0;
}

.photos-section > .body > .section > .sec-body h2 {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    padding-bottom: 14px;
    margin: 0;
}

.photos-section > .body > .section:last-child > .sec-body {
    border-bottom: 0px;
}

.photos-section > .body > .section > .sec-body > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
}

.photos-section > .body > .section > .sec-body > ul.album {
    margin-left: -14px;
}

.photos-section > .body > .section > .sec-body > ul > li {
    float: left;
    display: inline-block;
    width: 25%;
    position: relative;
    text-align: center;
    padding-right: 15px;
    padding-bottom: 11px;
}

.photos-section > .body > .section > .sec-body > ul > li.add {
    float: left;
    display: inline-block;
    width: 23.5%;
    position: relative;
    height: 133px;
    object-fit: contain;
    border-radius: 2px;
    background-color: #f1f1f1;
    border: dashed 1.5px rgba(188, 188, 188, 0.53);
    margin-right: 15px;
    padding-right: 0px;
    line-height: 133px;
}

.photos-section > .body > .section > .sec-body > ul > li.add > a > i {
    background-size: 800px;
    background-position: -530px -153px;
    width: 37px;
    height: 37px;
    vertical-align: middle;
    position: absolute;
    left: calc(50% - 18.5px);
    top: calc(50% - 18.5px);
}

.photos-section > .body > .section > .sec-body > ul > li.add img {
    width: 37px;
    height: 37px;
}

.photos-section > .body > .section > .sec-body > ul.album > li {
    width: 25%;
    padding-left: 14px;
    padding-right: 14px;
    height: 234px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.photos-section.member > .body > .section > .sec-body > ul.album > li {
    width: 33.3%;
}

.photos-section.member > .body > .section > .sec-body > ul.album > li.add {
    background: #fff;
    border: 0;
    margin-right: 0;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a {
    width: 100%;
    padding-top: 0px;
    border-radius: 4px;
    border: solid 1.2px rgba(151, 151, 151, 0.34);
    height: 100%;
    padding: 25px 0px 0px;
    position: relative;
}

.photos-section > .body > .section > .sec-body > ul.album > li.add > a {
    background-color: #f1f1f1;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a > .image-frame {
    /*width: 100%;*/
    width: 200px;
    height: 121px;
    /*float: left;*/
    position: relative;
    padding: 0px 18px;
    margin: 0px auto;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a > .image-frame > .frame1 {
    width: 99px;
    height: 68px;
    transform: rotate(-29deg);
    opacity: 0.34;
    border-radius: 4px;
    background-color: #d8d8d8;
    position: absolute;
    z-index: 1;
    bottom: 22px;
    left: 22px;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a > .image-frame > .frame2 {
    width: 139px;
    height: 95px;
    transform: rotate(-11deg);
    opacity: 0.91;
    border-radius: 4px;
    background-color: #d8d8d8;
    position: absolute;
    z-index: 2;
    bottom: 16px;
    left: 34px;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a > .image-frame > img {
    width: 132px;
    height: 103px;
    border-radius: 4px;
    z-index: 3;
    position: absolute;
    bottom: 4px;
    right: 22px;
    /*-webkit-transition: all .5s ease;
                                -moz-transition: all .5s ease;
                                -ms-transition: all .5s ease;
                                transition: all .5s ease;*/;
}

.photos-section > .body > .section > .sec-body > ul.album > li:hover > a > .image-frame > img {
    width: calc(100% + 2px);
    height: 178px;
    border-radius: 4px;
    z-index: 3;
    position: absolute;
    top: -26px;
    right: -1px;
    bottom: 0px;
    border-radius: 4px 4px 0px 0px;
}

.photos-section > .body > .section > .sec-body > ul > li > a {
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
    height: 100%;
}

.photos-section > .body > .section > .sec-body > ul > li > a > img {
    width: 100%;
    height: auto;
    border-radius: 1px;
}

.photos-section > .body > .section > .sec-body > ul.album > li > a > img {
    width: 133px;
    height: 102px;
    border-radius: 0px;
}

.photos-section > .body > .section > .sec-body > ul > li .label {
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
    padding-top: 8px;
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    padding-bottom: 0px;
    border-top: solid 1px rgba(151, 151, 151, 0.24);
    border-radius: 0px;
    margin-top: 30px;
    padding-left: 18px;
}

.photos-section > .body > .section > .sec-body > ul > li .sublabel {
    font-size: 14px;
    color: #323d54;
    padding-top: 2px;
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.photos-section > .body > .section > .sec-body > ul.video > li:not(.add) > a:after {
    content: '';
    position: absolute;
    left: calc(50% - 29px);
    top: calc(50% - 14px);
    width: 38px;
    height: 38px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 600px;
    background-position: -345px -153px;
    padding-left: 65px;
}

.photos-section > .body > .section > .sec-body > ul > li > a > .timespan {
    position: absolute;
    right: 11px;
    bottom: 11px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 11px;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    line-height: normal;
}

.post-tribute-holder {
    margin-bottom: 11px;
    float: left;
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 0px #d2d2d2;
    padding: 20px;
}

.post-tribute-holder .head {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
    display: block;
    padding-bottom: 12px;
}

/*.post-tribute-holder > .message-placeholder > .textarea {
        min-height: 92px;
    }*/


.post-tribute-holder.feedback > .message-placeholder > .textarea {
    min-height: 143px;
}

.post-tribute-holder .message-placeholder > .action > label {
    padding: 6px;
}

.post-tribute-holder .temp-list {
    margin-left: 0px;
    margin-top: 22px;
}

.post-tribute-holder button {
    padding: 7px 15px;
    /*color: #999999;*/
    margin-top: 44px;
    margin-right: 0px;
    font-size: 14px;
    font-weight: 600;
    border: solid 1px #ff4437;
    background-color: #ff4437;
    color: #ffffff !important;
}

.post-tribute-holder.feedback > button {
    margin-top: 20px;
}

/*.post-tribute-holder > button.active {
            border-color: #ff4437;
            color: #ff4437;
        }*/

.about-menu {
    display: inline-block;
    float: left;
    width: 350px;
    position: absolute;
    top: 0px;
}

.about-menu > ul {
    padding-left: 0px;
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 0px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
}

.about-menu > ul > li {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    border-left: solid 2px #ffffff;
}

.about-menu > ul > li.active {
    background-color: #f8f8f8;
    border-left: solid 2px #ff4437;
}

.about-menu > ul > li.active > a {
    color: #323d54;
    font-weight: 600;
}

.about-menu > ul > li > a {
    font-size: 16px;
    text-align: left;
    color: #8f8e8e;
    padding: 14px 26px;
    display: block;
}

.about-menu > ul > li > a > i {
    width: 21px;
    height: 19px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-size: 18px auto;
    background-position: left;
    vertical-align: middle;
    background-image: var(--sprite);
    background-size: 900px;
}

.about-menu > ul > li > a > .abt-place {
    background-position: -368px -134px;
}

.about-menu > ul > li.active > a > .abt-place {
    background-position: -396px -134px;
}

.about-menu > ul > li > a > .abt-family {
    background-position: -425px -134px;
}

.about-menu > ul > li.active > a > .abt-family {
    background-position: -453px -134px;
}

.about-menu > ul > li > a > .abt-family-2 {
    background-position: -482px -134px;
}

.about-menu > ul > li.active > a > .abt-family-2 {
    background-position: -511px -134px;
}

.about-menu > ul > li > a > .abt-edu {
    background-position: -543px -134px;
}

.about-menu > ul > li.active > a > .abt-edu {
    background-position: -575px -134px;
}

.about-menu > ul > li > a > .abt-mile {
    background-position: -606px -134px;
}

.about-menu > ul > li.active > a > .abt-mile {
    background-position: -633px -134px;
}

.about-menu > ul > li > a > .abt-events {
    background-position: -824px -184px;
}

.about-menu > ul > li.active > a > .abt-events {
    background-position: -860px -184px;
}

.about-menu > ul > li > a > .abt-social {
    background-position: -661px -134px;
}

.about-menu > ul > li.active > a > .abt-social {
    background-position: -689px -135px;
}

.about-menu > ul > li > a > .abt-work {
    background-position: -718px -135px;
}

.about-menu > ul > li.active > a > .abt-work {
    background-position: -748px -134px;
}

.about-menu > ul > li > a > .abt-tag {
    background-position: -775px -134px;
}

.about-menu > ul > li.active > a > .abt-tag {
    background-position: -805px -134px;
}

.about-menu > ul > li > a > .abt-others {
    background-position: -836px -134px;
}

.about-menu > ul > li.active > a > .abt-others {
    background-position: -866px -134px;
}

.about-content {
    min-height: 535px;
    float: left;
    width: calc(100% - 365px);
    margin-left: 365px;
}

.profile .about-content {
    margin-left: 210px;
    width: calc(100% - 210px);
}

.profile .about-content .message-container {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 30px;
}

.profile .about-content .message-container.morepadding {
    padding: 30px;
}

.about-card {
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
    float: left;
    width: 100%;
    margin-bottom: 16px;
}

.about-card > .header {
    min-height: 51px;
    background-color: #f8f8f8;
    padding: 16px 32px;
    font-size: 16px;
    text-align: left;
    color: #1d1d1d;
    border-bottom: solid 1px #e0e0e0;
    position: relative;
}

.about-card > .body {
    background-color: #ffffff;
    padding: 20px 32px;
    float: left;
    width: 100%;
}

.about-card > .body > ul {
    list-style: none;
    padding-left: 0px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.about-card > .body > ul > li {
    float: left;
    width: 100%;
}

.about-card > .body > ul.small > li {
    margin-bottom: 14px;
}

.about-card > .body > ul.medium > li {
    margin-bottom: 27px;
}

.about-card > .body > ul > li:last-child {
    margin-bottom: 0px;
}

.about-card > .body > ul > li span, .about-card > .body > ul > li span > a {
    display: block;
    font-size: 16px;
    color: #8f8e8e;
}

.about-card > .body > ul > li span > a:hover {
    color: #23527c;
}

.about-card > .body > ul > li span.small, .about-card > .body > ul > li span.small > a {
    font-size: 14px;
}

.about-card > .body > ul.list-about img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
}

.about-card > .body > ul > li .light, .about-card > .body > ul > li .light > a {
    color: #8f8e8e;
}

.about-card > .body > ul > li .dark, .about-card > .body > ul > li .dark > a {
    font-size: 16px;
    font-weight: 600;
    color: #323d54;
}

.about-card > .body > ul > li .inline, .about-card > .body > ul > li .inline > a {
    display: inline-block;
    padding-right: 10px;
}

.about-card > .body > .list-similar li {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: solid 1px #ebebeb;
}

.about-card > .body > .list-similar li:first-child {
    padding-top: 0px;
}

.about-card > .body > .list-similar li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.about-card > .body > .list-similar .name {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
}

.about-card > .body > .list-similar .place {
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #8f8e8e;
    line-height: normal;
    padding-bottom: 0px;
}

.about-card > .body > .list-about > li .name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-align: left;
    color: #1d1d1d;
}

.about-card > .body > .list-about > li .place {
    font-size: 12px;
    font-weight: normal;
    color: #8f8e8e;
    padding-bottom: 10px;
}

.about-card > .body > .list-about > li .comments {
    font-size: 14px;
    font-weight: normal;
    color: #1d1d1d;
    padding-left: 78px;
}

.about-card > .footer {
    float: left;
    border-top: solid 1px #e0e0e0;
    min-height: 69px;
    position: relative;
    width: 100%;
    padding-left: 32px;
    line-height: 66px;
    font-size: 16px;
    color: #1d1d1d;
}

.about-card > .footer > button, .about-card > .header > button {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #ffffff;
    padding: 7px 18px;
    position: absolute;
    right: 28px;
    line-height: normal;
    top: calc(50% - 16px);
}

.about-card > .header > button {
    right: 11px;
}

.notice-main-card {
    border-radius: 4px;
    background-color: #fff5ef;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #ff4437;
    padding: 18px;
    position: relative;
}

.notice-main-card:after {
    content: '';
    position: absolute;
    right: 30px;
    top: -2px;
    width: 20px;
    height: 25px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: -8px -162px;
}

.notice-main-card > .image {
    display: inline-block;
    float: left;
    padding-right: 16px;
}

.notice-main-card > .image > img {
    width: 127px;
    height: 121px;
}

.notice-main-card > .detail {
    display: inline-block;
    float: left;
    padding: 5px;
}

.notice-main-card > .detail > span {
    display: block;
}

.notice-main-card > .detail > .head {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #ff4437;
    display: block;
    padding-bottom: 7px;
}

.notice-main-card > .detail > .head:hover {
    color: #23527c;
}

.notice-main-card > .detail > .date {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: left;
    color: #1d1d1d;
    padding-top: 7px;
    padding-bottom: 16px;
}

.notice-main-card > .detail > .date > img {
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-top: 2px;
    float: left;
    margin-bottom: 10px;
}

.notice-main-card > .detail > .date > .calendar {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    margin-top: -4px;
    /*float: left;*/
    /*margin-bottom: 10px;*/
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 1100px;
    background-position: -79px -226px;
    vertical-align: middle;
    display: inline-block;
}

.notice-main-card > .detail > .date > span {
    font-weight: normal;
    color: #8f8e8e;
    padding-left: 10px;
}

.notice-main-card > .detail > button {
    background: #ff4437;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    border-radius: 2px;
    margin-top: 18px;
}

.notice-main-card > .detail > .date + button {
    margin-top: 0px;
}
/*.notice-main-card > .detail > button:hover {
                background: #f5f5f5;
            }*/
.timeline-card {
    border-radius: 4px;
    background-color: #ffffff;
    border: solid 0px #d2d2d2;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    min-height: 74px;
}

.timeline-card .date {
    width: 72px;
    display: inline-block;
    float: left;
    height: 100%;
    border-right: solid 1px #d2d2d2;
    padding: 12px;
}

.timeline-card .date > span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
}

.timeline-card .date > span.light {
    color: #8f8e8e;
    font-weight: normal;
}

.timeline-card .name {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    padding-left: 27px;
    padding-top: 20px;
}

.timeline-card .datetime {
    font-size: 12px;
    color: #8f8e8e;
    padding-left: 27px;
    line-height: normal;
}

.timeline-card .name > img {
    height: auto;
    margin-right: 10px;
    margin-top: -2px;
}

.imp-dates > .header {
    height: 41px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    border-bottom: solid 1px #e0e0e0;
    line-height: 40px;
    padding-left: 17px;
}

.imp-dates > .detail {
    float: left;
    display: block;
    width: 100%;
}

.imp-dates > .detail > ul {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

.imp-dates > .detail > ul > li {
    float: left;
    display: block;
    width: 100%;
    padding: 14px 17px;
    border-bottom: solid 1px #e0e0e0;
}

.imp-dates > .detail > ul > li:last-child {
    border-bottom: 0px;
}

.imp-dates > .detail > ul > li > span {
    display: block;
    font-size: 14px;
    text-align: left;
    color: #1d1d1d;
    line-height: normal;
}

.imp-dates > .detail > ul > li > span.date {
    font-weight: 600;
    color: #ff4437;
    padding-top: 2px;
}

.persons > ul {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

.persons > ul > li {
    float: left;
    display: block;
    width: 100%;
    padding: 14px 20px;
    border-bottom: solid 1px #e0e0e0;
    position: relative;
}

.persons > ul > li.highlight {
    background-color: #fafafa;
}

.persons > ul > li:last-child {
    border-bottom: 0px;
}

.persons > ul > li > span {
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #1d1d1d;
    line-height: normal;
    display: block;
}

.persons > ul > li > span.light {
    font-weight: normal;
}

.persons > ul > li > button {
    background: #fafafa;
    padding: 1px 20px;
    border: solid 1px #e0e0e0;
    font-size: 12px;
    text-align: center;
    color: #1d1d1d;
    border-radius: 2px;
    position: absolute;
    right: 24px;
    top: calc(50% - 14px);
}

.persons > ul > li > button:hover {
    background: #f5f5f5;
}

.tag-rounded {
    border-radius: 6px;
    border: solid 1px #e0e0e0;
    padding: 10px 17px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 14px;
}

.tag-rounded:hover {
    background-color: #f8f8f8;
}

.tag-rounded > a {
    float: left;
    width: 100%;
}

.tag-rounded.add {
    padding: 18.5px 17px;
}

.tag-rounded.add > a {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: normal;
    color: #ff4437;
}

.tag-rounded span {
    display: block;
    line-height: normal;
}

.tag-rounded .dark {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #323d54;
    line-height: normal;
}

.tag-rounded .light {
    font-size: 14px;
    text-align: left;
    color: #8f8e8e;
    line-height: normal;
}

.notice-card-large {
    float: left;
    width: 100%;
    /*height: 109px;*/
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    padding: 30px 27px;
    position: relative;
    border: 0px;
}

.notice-card-large > .head {
    font-size: 18px;
    font-weight: 600;
    color: #ff4437;
    /*padding-top: 27px;*/
    padding-bottom: 8px;
    display: block;
    line-height: normal;
}

.notice-card-large > .subhead {
    font-size: 14px;
    color: #8f8e8e;
    display: inline-block;
    line-height: normal;
    width: calc(100% - 180px);
}

.notice-card-large > button {
    position: absolute;
    right: 26px;
    bottom: 24px;
    border-radius: 2px;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 7px 11px;
    font-size: 14px;
    font-weight: 600;
    color: #323d54;
}

.profile-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    padding: 14px 26px;
    border-bottom: solid 0.5px #e0e0e0;
    line-height: 30px;
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 12px;
}

.publishedby + div .profile-title {
    margin-top: 0px;
}

.premium .profile-title {
    border-bottom: 0px;
    text-align: center;
}

/*.public-figure .profile-title {
    text-align: center;
    background: #000000;
    color: #fff;
}*/

.profile-title.remembrance {
    background-color: #fff3b0;
}

.premium .profile-title.remembrance {
    background-color: #fff;
    color: #FF9800;
}

.profile-header-title {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
    color: #404040;
    padding: 20px 18px 0px;
    line-height: 32px;
}

.profile-header-group {
    float: left;
    width: 100%;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
    border-bottom: 0px;
    text-align: center;
    padding: 0px 20px;
    margin-top: 12px;
}

.publishedby + div .profile-header-group {
    margin-top: 0px;
}

.profile-header-group > .group-container {
    /*display: inline-block;*/
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
}

/*.profile-header-group > .group-container > ul {
            padding-left: 0px;
            min-width: 1000px;
            list-style: none;
        }*/


.profile-header-group .single-profile {
    /*display: inline;*/
    width: 326px;
    min-height: 456px;
    display: inline-block;
    float: left;
    margin: 20px 0;
}

.profile-header-group .single-profile > div {
    width: 290px;
    margin: 0px auto;
}

.profile-header-group .single-profile > div > img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 11px;
}

.profile-header-group .single-profile > div > .name {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    padding-bottom: 5px;
}

.profile-header-group .single-profile > div > .position {
    font-size: 14px;
    text-align: center;
    color: #999999;
    padding-bottom: 5px;
}

.profile-header-group .single-profile > div > .dates {
    font-size: 14px;
    text-align: center;
    color: #1d1d1d;
}

.invitation-container {
    padding: 33px;
    width: 100%;
    float: left;
}

.premium-profile-container {
    padding: 24px;
    float: left;
    width: 100%;
    border-radius: 2px 2px 0px 0px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
    padding-top: 24px;
    margin-top: 12px;
    text-align: center;
}

.profile-title + .premium-profile-container {
    margin-top: 0px;
    padding-top: 0px;
}

.publishedby + div .premium-profile-container {
    margin-top: 0px;
}

.corner-border {
    position: relative;
    border: solid 1px #ebebeb;
    padding-bottom: 25px;
}

.invitation-container > .content {
    width: 100%;
    float: left;
    position: relative;
    min-height: 300px;
    border: solid 1px rgba(151, 151, 151, 0.55);
    text-align: center;
    padding-top: 52px;
    padding-bottom: 120px;
}

.invitation-container > .content > .border, .corner-border .border {
    width: 105px;
    height: 108px;
    position: absolute;
    background: #fff;
    display: inline-block;
}

.no-fill-corner .corner-border .border {
    background: transparent;
}

.invitation-container > .content > .border > img, .corner-border .border > img {
    width: 100%;
    height: 100%;
}

.invitation-container > .content > .border > .invitation-corner, .corner-border .border > .invitation-corner {
    width: 100%;
    height: 100%;
    background-image: var(--invitation-corner);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.invitation-container > .content > .top-left, .corner-border .top-left {
    left: -12px;
    top: -12px;
}

.no-fill-corner .corner-border .top-left {
    top: 12px;
}

/*.corner-border .top-left {
    left: 12px;
}*/

.invitation-container > .content > .top-left:after, .corner-border .top-left:after {
    content: '';
    width: 2px;
    height: 16px;
    background: #fff;
    position: absolute;
    left: 11px;
    top: 108px;
}

.invitation-container > .content > .top-left:before, .corner-border .top-left:before {
    content: '';
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 105px;
    top: 11px;
}

.invitation-container > .content > .top-right, .corner-border .top-right {
    right: -12px;
    top: -12px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.no-fill-corner .corner-border .top-right {
    top: 12px;
}
/*.corner-border .top-right {
    right: 12px;
}*/
.invitation-container > .content > .top-right:after, .corner-border .top-right:after {
    content: '';
    width: 2px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: 94px;
    top: 108px;
}

.invitation-container > .content > .top-right:before, .corner-border .top-right:before {
    content: '';
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 105px;
    bottom: 94px;
}

.invitation-container > .content > .bottom-left, .corner-border .bottom-left {
    left: -12px;
    bottom: -12px;
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.invitation-container > .content > .bottom-left:after, .corner-border .bottom-left:after {
    content: '';
    width: 2px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: 94px;
    top: 108px;
}

.invitation-container > .content > .bottom-left:before, .corner-border .bottom-left:before {
    content: '';
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 105px;
    bottom: 94px;
}

.invitation-container > .content > .bottom-right, .corner-border .bottom-right {
    right: -12px;
    bottom: -12px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.invitation-container > .content > .bottom-right:after, .corner-border .bottom-right:after {
    content: '';
    width: 3px;
    height: 16px;
    background: #fff;
    position: absolute;
    right: 92px;
    top: 108px;
}

.invitation-container > .content > .bottom-right:before, .corner-border .bottom-right:before {
    content: '';
    width: 16px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 105px;
    bottom: 96px;
}

/*.invitation-container > .content > .main-greeting {
            width: 253px;
            height: 93px;
            margin-top: 52px;
        }*/
.invitation-container > .content > .main-greeting {
    width: 253px;
    height: 93px;
    /*margin-top: 52px;*/
    background-image: var(--invitation-flower);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin-bottom: 30px;
}

.invitation-container > .content > .name {
    font-size: 26px;
    font-weight: 600;
    color: #ff4437;
    padding-bottom: 15px;
}

.invitation-container > .content > .date {
    font-size: 18px;
    font-weight: 600;
    color: #323d54;
    padding-bottom: 22px;
}

.invitation-container > .content > .placemain {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #323d54;
    font-weight: 700;
    display: block;
}

.invitation-container > .content > .placesub {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #323d54;
    font-weight: normal;
    display: block;
    padding-bottom: 27px;
}

.invitation-container > .content > .seperator {
    width: 243px;
    height: 8px;
    background-image: var(--invitation-line);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.invitation-container > .content > p {
    font-size: 16px;
    line-height: 1.5;
    color: #323d54;
    padding: 30px;
    margin-bottom: 0px;
}

.invitation-container > .content > .invite-header {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    color: #ff4437;
}

.invitation-container > .content > .invite-header {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    font-weight: 600;
    color: #ff4437;
    padding-top: 28px;
}

.invitation-container > .content > .invite-name, .invitation-container > .content > .invite-phone {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: #323d54;
}

.invitation-container > .content > .invite-phone {
    /*margin-bottom: 120px;*/;
}

.invitation-container > .content > .invite-phone > span {
    font-weight: 600;
}

.timeline-feed {
    border-radius: 4px;
}

.timeline-feed.no-bottom {
    border-bottom: 0px;
    margin-bottom: 0px;
}

.timeline-feed > .header {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: solid 1px rgba(151, 151, 151, 0.13);
}

.timeline-feed > .header.noborder {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.timeline-feed > .header .icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 3px;
}

.timeline-feed > .header i {
    width: 32px;
    height: 32px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: left;
    float: left;
    background-image: var(--sprite);
    background-size: 750px;
}

.timeline-feed > .header .icon-rect-comment {
    background-position: -260px -105px;
}

.timeline-feed > .header .icon-rect-msg {
    background-position: -152px -105px;
}

.timeline-feed > .header .icon-rect-camera {
    background-position: -44px -105px;
}

.timeline-feed > .header .icon-rect-mail {
    background-position: -188px -105px;
}

.timeline-feed > .header .icon-rect-user {
    background-position: -80px -105px;
}

.timeline-feed > .header .icon-rect-rippon {
    background-position: -116px -105px;
}

.timeline-feed > .header .icon-rect-call {
    background-position: -10px -105px;
}

.timeline-feed > .header .icon-rect-grave {
    background-position: -224px -105px;
}

.timeline-feed > .header > div {
    float: left;
    display: inline-block;
    padding-left: 13px;
}

.timeline-feed > .header > div > .main-head {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
    display: block;
    line-height: normal;
}

.timeline-feed > .header > div > a.main-head:hover {
    color: #23527c;
}

.timeline-feed > .header > div > .sub-head {
    font-size: 12px;
    text-align: left;
    color: #8f8e8e;
    display: block;
    line-height: normal;
}

.timeline-feed > .header > div > .sub-head > span {
    font-weight: 600;
}

.timeline-feed > .timeline-body {
    padding: 13px 30px 17px 60px;
    float: left;
}

.timeline-feed.no-bottom > .timeline-body {
    /*padding: 10px 15px 10px 19px;*/
    padding: 10px 10px 10px 10px;
}

.timeline-feed > .timeline-body > .content {
    font-size: 14px;
    text-align: left;
    color: #1d1d1d;
    margin-bottom: 0px;
    float: left;
    line-height: normal;
}

.timeline-feed > .timeline-body > .photos > a {
    width: 55px;
    height: 55px;
    border-radius: 4px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

.timeline-feed > .timeline-body > .photos.adjust-width > a {
    width: 20%;
    height: 20vw;
    margin-right: 0;
    border-radius: 0;
}

.timeline-feed > .timeline-body > .photos > a:first-child:nth-last-child(1) {
    width: 100px;
    height: 100px;
}

.timeline-feed > .timeline-body > .photos > a.more:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.timeline-feed > .timeline-body > .photos.adjust-width > a.more:after {
    width: 95%;
    height: 95%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    left: 2.5%;
}

.timeline-feed > .timeline-body > .photos > a > span {
    position: absolute;
    color: #fff;
    top: 0px;
    z-index: 2;
    text-align: center;
    font-size: 11px;
    top: 10px;
    padding: 5px;
    font-weight: 600;
}

.timeline-feed > .timeline-body > .photos.adjust-width > a > span {
    top: calc(50% - 17px);
    width: 100%;
    font-size: 2.5vw;
}

.timeline-feed > .timeline-body > .photos > a > img {
    width: 100%;
    height: 100%;
}

.timeline-feed > .timeline-body > .photos.adjust-width > a > img {
    width: 95%;
    height: 95%;
    display: block;
    margin: auto;
    border-radius: 4px;
}

.timeline-feed > .timeline-body .seemore {
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
}

.timeline-feed > .timeline-body .seemore:hover {
    color: #23527c;
}

.timeline-feed > .footer {
    padding: 0px 12px 0px 60px;
    font-size: 14px;
    text-align: left;
    color: #8f8e8e;
    border-top: solid 1px rgba(151, 151, 151, 0.13);
    float: left;
    width: 100%;
    position: relative;
    /*min-height: 57px;*/
    height: 57px;
    display: table;
}

.timeline-feed > .footer.noborder {
    border-top: 0px;
}

.timeline-feed > .footer > span {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 160px 10px 0px;
}

.timeline-feed > .footer.noaction > span {
    padding: 10px 10px 10px 0px;
}

.timeline-feed > .footer > span.dark {
    color: #1d1d1d;
}

.timeline-feed > .footer > button {
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4f4e4e;
    border-radius: 2px;
    position: absolute;
    top: calc(50% - 17px);
    right: 12px;
}

.timeline-feed-event, .timeline-feed-sponsor {
    float: left;
    width: 100%;
    text-align: center;
    border-radius: 4px;
}

.timeline-feed-event > i, .timeline-feed-sponsor > i {
    width: 56px;
    height: 56px;
    margin-top: 19px;
    margin-bottom: 9px;
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: left;
}

i.icon-round-calender {
    background-position: -548px -204px;
}

i.icon-round-hands {
    background-position: -615px -204px;
}

.timeline-feed-event > .head {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #ff4437;
    margin-bottom: 18px;
}

.timeline-feed-sponsor > .head {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #1d1d1d;
}

.timeline-feed-sponsor > .subhead {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 1.43;
    color: #8f8e8e;
    margin-bottom: 13px;
}

.timeline-feed-sponsor > .button {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.timeline-feed-sponsor > .button > button {
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4f4e4e;
    border-radius: 2px;
}

.timeline-feed-event .event-list {
    float: left;
    width: 100%;
    text-align: center;
}

.timeline-feed-event ul {
    /*float: left;
        width: 100%;*/
    padding-left: 0px;
    list-style: none;
    padding: 0px 13px;
    margin-bottom: 19px;
    display: inline-block;
}

.timeline-feed-event ul > li {
    display: inline-block;
    /*float: left;*/
    text-align: center;
    border-right: solid 1px rgba(151, 151, 151, 0.32);
    width: 198px;
}

.timeline-feed-event ul > li:last-child {
    border-right: 0px;
}

.timeline-feed-event ul > li > span {
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #1d1d1d;
    font-weight: 600;
    display: block;
}

.timeline-feed-event ul > li > span.light {
    color: #8f8e8e;
    font-weight: normal;
}

.full-box {
    padding: 24px 0px;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 0px #d2d2d2;
    float: left;
    width: 100%;
}

.full-box > .header {
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    color: #323d54;
    padding-bottom: 24px;
    margin: 0px;
    line-height: normal;
    padding-left: 35px;
}

.print-container {
    width: 100%;
    float: left;
}

.print-placeholder {
    height: 487px;
    width: 292px;
    background-color: #fbfbfb;
    border: solid 1px rgba(151, 151, 151, 0.24);
    padding: 18px 21px;
    margin-left: 35px;
    display: inline-block;
    float: left;
    margin-bottom: 35px;
}

.print-placeholder > .header {
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #ff4437;
    padding-bottom: 18px;
}

.print-placeholder span {
    display: block;
    line-height: normal;
}

.print-placeholder > .innerholder {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border: solid 1px rgba(151, 151, 151, 0.24);
    height: 350px;
    text-align: center;
}

.print-placeholder > .tribute2 {
    background: transparent;
    border: 0px;
}

.print-placeholder > .frame > img {
    width: 100%;
    height: 250px;
}

.print-placeholder > .ob-notice > img, .print-placeholder > .tribute1 > img, .print-placeholder > .tribute2 > img {
    width: 100%;
    height: 151px;
}

.print-placeholder > .innerholder > div {
    float: left;
    padding: 16px 19px;
    width: 100%;
}

.print-placeholder > .innerholder .name {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #404040;
    padding-top: 4px;
    padding-bottom: 3px;
}

.print-placeholder > .innerholder .position {
    font-size: 13px;
    text-align: center;
    color: #999999;
    padding-bottom: 9px;
}

.print-placeholder > .innerholder .year {
    font-size: 14px;
    text-align: center;
    color: #404040;
}

.print-placeholder > .innerholder p {
    font-size: 12px;
    text-align: justify;
    color: #404040;
    margin: 0px;
    padding: 19px 0px;
    line-height: normal;
}

.print-placeholder > .innerholder .friend {
    font-size: 12px;
    text-align: left;
    color: #404040;
    line-height: normal;
}

.print-placeholder > .membook {
    position: relative;
}

.print-placeholder > .membook > .book {
    width: 142px;
    height: 192px;
    margin-top: 76px;
    background-position: center;
    background-size: 100% 100%;
    background-image: var(--book);
}

.print-placeholder > .membook > .user {
    width: 70px;
    height: 70px;
    border: solid 4px #a97c28;
    position: absolute;
    top: 125px;
    border-radius: 50%;
    left: calc(50% - 30px);
}

.print-placeholder > .gen-tribute > .print {
    width: 120px;
    height: 121px;
    margin-top: 55px;
    margin-bottom: 80px;
    background-position: center;
    background-size: 100% 100%;
    background-image: var(--printer);
}

.print-placeholder > .gen-tribute > p {
    font-size: 12px;
    text-align: justify;
    color: #404040;
    margin: 0px;
    padding: 0px 25px;
    line-height: normal;
}

.print-placeholder > .facebook > div.header {
    float: left;
    width: 100%;
    padding: 11px;
    text-align: left;
}

.print-placeholder > .facebook > div.header > .avatar {
    width: 29px;
    height: 29px;
    border-radius: 4px;
    float: left;
    background: rgba(216, 216, 216, 0.6);
}

.print-placeholder > .facebook > div.header > .loader {
    width: 118px;
    height: 20px;
    float: left;
    margin-left: 6px;
    background-position: -340px -310px;
    background-size: 1500px;
}

.print-placeholder > .facebook > .placeholder {
    width: 100%;
    height: 135px;
}

.print-placeholder > .facebook > .body {
    padding: 6px 13px;
}

.print-placeholder > .facebook > .body > .name {
    color: #516084;
    text-align: left;
}

.print-placeholder > .facebook > .body > p {
    color: #999999;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 26px;
}

.print-placeholder > .facebook > .footer {
    border-top: solid 1px rgba(151, 151, 151, 0.24);
    height: 44px;
    padding: 11px 19px;
}

.print-placeholder > .facebook > .footer > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
}

.print-placeholder > .facebook > .footer > ul > li {
    float: left;
    width: 33.3%;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    color: #d6d6d6;
}

.print-placeholder > .facebook > .footer > ul > li:nth-child(2) {
    text-align: center;
}

.print-placeholder > .facebook > .footer > ul > li:last-child {
    text-align: right;
}

.print-placeholder > .facebook > .footer > ul > li > img {
    width: 12px;
    height: 12px;
    margin-top: -2px;
    margin-right: 4px;
}

.print-placeholder > .facebook > .footer > ul > li > i {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    padding-left: 17px;
    vertical-align: middle;
    margin-top: -3px;
    background-image: var(--sprite);
    background-size: 600px;
}

.print-placeholder > .facebook > .footer > ul > li > i.like {
    background-position: -187px -121px;
}

.print-placeholder > .facebook > .footer > ul > li > i.comments {
    background-position: -220px -121px;
}

.print-placeholder > .facebook > .footer > ul > li > i.share {
    background-position: -253px -121px;
}

.print-placeholder > button {
    border-radius: 2px;
    background-color: #f0f0f0;
    border: solid 1px #d2d2d2;
    margin-top: 15px;
    padding: 12px 0px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #1d1d1d;
}

.info-list {
    float: left;
    width: 100%;
    /*padding-top: 17px;*/
    /*padding-bottom: 5px;*/;
}

.info-list > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.info-list > ul > li {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 19px;
    position: relative;
    border-bottom: solid 1px #ebebeb;
    text-align: left;
}

.info-list > ul > li:last-of-type {
    border-bottom: 0px;
}

.info-list > ul > li .icon {
    /*float: left;*/
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.info-list > ul > li .icon.middle {
    vertical-align: middle;
}

.info-list > ul > li .icon > img {
    width: 15px;
    height: 15px;
    margin-right: 11px;
    margin-top: 3px;
    vertical-align: top;
}

.info-list > ul > li .icon > i {
    width: 19px;
    height: 15px;
    margin-right: 8px;
    margin-top: 3px;
    vertical-align: top;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: -273px -363px;
}

.info-list > ul > li.no-sub .icon > i {
    margin-top: 5px;
}

.info-list > ul > li .icon > i.calender {
    background-position: -217px -376px;
    background-size: 900px;
}

.info-list > ul > li .icon > i.home {
    background-position: -100px -330px;
}

.info-list > ul > li .icon > i.location {
    background-position: -124px -330px;
}

.info-list > ul > li .icon > i.work {
    background-position: -24px -329px;
}

.info-list > ul > li .icon > i.education {
    background-position: -48px -329px;
}

.info-list > ul > li .icon > i.call {
    background-position: -510px -257px;
    background-size: 700px !important;
}

.info-list > ul > li .icon > i.more {
    background-position: -148px -329px;
}

.info-list > ul > li .icon > i.message {
    /*background-position: -963px -867px;
                background-size: 1600px;*/
    background-position: -591px -360px;
}

.info-list > ul > li .detail {
    /*float: left;*/
    display: inline-block;
    width: calc(100% - 50px);
    text-align: left;
}

.info-list > ul > li > a.more > .detail {
    width: calc(100% - 60px);
}

.info-list > ul > li .icon.right {
    position: absolute;
    top: calc(50% - 14px);
    right: 10px;
}

.info-list > ul > li .icon > i.arrow {
    background-position: -166px -329px;
}

.info-list > ul > li .detail .datefrom {
    margin-right: 5px;
}

.info-list > ul > li .detail .dateto {
    margin-left: 5px;
}

.info-list > ul > li .detail > span, .info-list > ul > li .detail > a {
    display: block;
    line-height: normal;
    padding-bottom: 3px;
}

.info-list > ul > li .detail .light {
    font-size: 14px;
    text-align: left;
    color: #323d54;
    font-weight: 600;
}

.info-list > ul > li .detail .auto {
    width: auto;
    display: inline-block;
    margin-right: 10px;
}

.info-list > ul > li .detail .dark {
    font-size: 14px;
    text-align: left;
    color: #323d54;
    /*font-weight: 600;*/
    display: inline-block;
    /*margin-top: 1px;*/;
}

/*.info-list > ul > li .detail .light + span > .dark {
                margin-top: 0;
            }*/

.info-list > ul > li .detail a, .info-list > ul > li .detail a > span {
    margin-right: 3px;
    color: #323d54;
}

.info-list > ul > li .detail a:hover, .info-list > ul > li .detail a:hover > span {
    color: #3b86e3;
}

.info-list > ul > li .detail a:after, .info-list > ul > li .detail a > span:after {
    content: ',';
}

.info-list > ul > li .detail a:last-of-type::after, .info-list > ul > li .detail a > span:last-of-type::after {
    content: '';
}

.info-list > ul > li .detail button {
    padding: 4px 12px;
}

.info-list > ul > li .detail a.action {
    font-size: 15px;
    text-align: left;
    color: #323d54;
    text-decoration: underline !important;
    display: inline-block;
}

.info-list > ul > li .detail a.action:hover {
    color: #5088b9;
}

#li_notice img {
    width: 15px;
    height: 18px;
}

.timeline-feed > .timeline-body {
    float: left;
    width: 100%;
}

.event-list {
    padding-left: 0px;
    float: left;
    width: 100%;
    list-style: none;
    margin-bottom: 0px;
}

.event-list > li {
    float: left;
    width: 100%;
    line-height: normal;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(151, 151, 151, 0.13);
    padding-bottom: 15px;
}

.event-list > li:last-of-type {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.event-list > li > div {
    float: left;
    width: calc(100% - 120px);
}

.event-list > li > a {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #ff4437;
    float: right;
    margin-top: 25px;
    margin-right: 10px;
}

.event-list > li > a > i {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    margin-top: -2px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 800px;
    background-position: -445px -221px;
    vertical-align: middle;
}

.event-list > li .event {
    font-weight: 600;
    color: #1d1d1d;
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}

.event-list > li .place-name {
    font-size: 14px;
    text-align: left;
    font-weight: 700;
    color: #ff4437;
    display: block;
}

.event-list > li .place-name:hover {
    color: #23527c;
}

.event-list > li .place {
    color: #8f8e8e;
    font-size: 14px;
    text-align: left;
    display: block;
}

.event-list > li .place:hover {
    color: #23527c;
}

.event-list > li .date {
    padding-top: 5px;
    color: #8f8e8e;
    font-size: 14px;
    text-align: left;
    display: block;
    font-weight: 600;
}

.emptyblock {
    padding: 40px 20px;
    text-align: center;
}

.emptyblock > span {
    font-size: 16px;
    color: #8f8e8e;
    font-weight: 600;
    width: 100%;
    display: inline-block;
}

.emptyblock > button {
    border-radius: 2px;
    background-color: #ff4437;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    padding: 6px 14px;
    margin-top: 10px;
}

/*.overview-card {
    padding: 15px 0px 20px;
}*/

.overview-card > h2 {
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: #1d1d1d;
    padding-bottom: 15px;
    padding: 15px 20px 15px;
}

.overview-card > h2 > a {
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
}

.overview-card > h2 > a:hover {
    color: #23527c;
}

.overview-card > h2.border {
    border-bottom: solid 1px #ebebeb;
}

.overview-card > h2 > button {
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4f4e4e;
    border-radius: 2px;
    float: right;
    margin-top: -5px;
}

.overview-card > .overview-content {
    float: left;
    width: 100%;
    padding: 0px 20px 20px;
}

.overview-card > .overview-content.photos {
    padding-left: 18px;
    padding-right: 18px;
}

.overview-card.tribute > .overview-content {
    padding-left: 0;
    width: auto;
    padding-right: 0;
    text-align: left;
}

.overview-card.tribute > .share-buttons {
    max-width: 330px;
    float: right;
    display: inline-block;
    width: auto;
    margin-top: 20px;
}

.overview-card.tribute > .share-buttons > .round-button {
    width: 50px;
}

.overview-card > .overview-content > .video {
    position: relative;
    float: left;
}

.overview-card > .overview-content > .video > .thumb {
    width: 100%;
    height: auto;
}

.overview-card > .overview-content > .video > .icon {
    position: absolute;
    left: calc(50% - 27px);
    top: calc(50% - 19px);
    width: 55px;
    height: 42px;
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 800px;
    background-position: -476px -209px;
}

.overview-card > .overview-content > .photos > a {
    width: 98px;
    height: 98px;
    border-radius: 4px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

.overview-card > .overview-content > .photos > a:first-child:nth-last-child(1) {
    width: 150px;
    height: 150px;
}

.overview-card > .overview-content > .photos > a.more:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.overview-card > .overview-content > .photos > a > span {
    position: absolute;
    color: #fff;
    z-index: 2;
    text-align: center;
    font-size: 11px;
    top: calc(50% - 15px);
    padding: 5px;
    font-weight: 600;
    width: 100%;
}

.overview-card > .overview-content > .photos > a > img {
    width: 100%;
    height: 100%;
}

.overview-card > .overview-footer {
    float: left;
    width: 100%;
    padding: 0px 20px 20px;
}

.overview-card > .overview-footer > button {
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4f4e4e;
    border-radius: 2px;
}

.news > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin: 0px;
    list-style: none;
}

.news > ul > li {
    float: left;
    width: 100%;
}

.news > ul > li > a {
    float: left;
    width: 100%;
    padding: 15px 0px 0px;
}

.news > ul > li > a > span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    color: #8f8e8e;
}

.news > ul > li > a > span.head {
    font-size: 16px;
    font-weight: 600;
    color: #3b86e3;
    padding-bottom: 3px;
}

.news > ul > li > a:hover > span.head {
    color: #23527c;
}

.contact-card {
    position: relative;
    overflow: hidden;
}

.contact-card > .icon {
    display: inline-block;
    width: 262px;
    height: 112%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: var(--contact-cover);
    position: absolute;
    left: 0px;
    top: 0px;
}

.contact-card > .icon > i {
    position: absolute;
    left: calc(50% - 27px);
    top: calc(50% - 33px);
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: var(--call-white-orange);
}

.contact-card > .detail {
    margin-left: 262px;
    float: left;
    display: inline-block;
    padding: 30px;
    width: calc(100% - 262px);
}

.contact-card > .detail > h2 {
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #1d1d1d;
    padding-bottom: 10px;
}

.contact-card > .detail > span, .contact-card > .detail > span > a {
    display: block;
    font-size: 14px;
    line-height: 1.43;
    color: #1d1d1d;
}

.contact-card > .detail > span > a:hover {
    color: #23527c;
}

.contact-card > .detail > .sub-head {
    font-weight: 600;
    color: #ff4437;
}

.contact-card > .detail > span {
    display: block;
}

.contact-card > .detail > .buttons {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.contact-card > .detail > .buttons > button {
    float: left;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #4f4e4e;
    border-radius: 2px;
}

.contact-card > .detail > .buttons > button + button {
    margin-left: 10px;
}

.life-story {
    background-color: #fffdf6;
    padding: 25px 50px;
    text-align: center;
}

.life-story.simple {
    padding: 0;
    text-align: left;
}

.life-story > i {
    margin-bottom: 12px;
}

.life-story > h2, .life-story > a {
    margin: 0px;
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1d1d1d;
    padding-bottom: 17px;
    line-height: normal;
}

.life-story > a:hover {
    color: #23527c;
}

.life-story > p {
    font-size: 14px;
    line-height: 1.43;
    color: #1d1d1d;
    text-align: left;
}

.life-story.simple > p {
    font-size: 15px;
    line-height: 24px;
}

.life-story > p:last-of-type {
    margin-bottom: 0px;
}

.public-figure .profile-container {
    float: left;
    width: 100%;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #000000;
    position: relative;
    overflow: hidden;
    margin-top: 12px;
}

.publishedby + div .profile-container {
    margin-top: 0px;
}

.public-figure .profile-container > .photo {
    width: 397px;
    height: auto;
    float: left;
    max-width: 100%;
}

.public-figure .profile-container > .detail {
    display: inline-block;
    float: left;
    width: calc(100% - 397px);
    padding-top: 100px;
    padding-left: 50px;
    padding-right: 30px;
}

.public-figure .profile-container > .detail > span {
    display: block;
    color: #fff;
}

.public-figure .profile-container > .detail > .name {
    font-size: 34px;
    font-weight: 700;
    line-height: 38px;
    padding-bottom: 8px;
}

.public-figure .profile-container > .detail > .year {
    font-size: 18px;
    padding-bottom: 24px;
}

.public-figure .profile-container > .detail > .position {
    font-size: 18px;
    padding-bottom: 24px;
}

.public-figure .profile-container > .detail > .quote {
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    color: #8d8d8d;
    float: left;
    width: 100%;
    padding-bottom: 85px;
}

.public-figure .profile-container > .detail > .buttons {
    position: absolute;
    bottom: 30px;
}

.public-figure .profile-container > .detail > .buttons > button {
    background: #fafafa;
    padding: 13px 25px;
    float: left;
    border-right: solid 1px #e0e0e0;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    border-radius: 0px;
}

.public-figure .profile-container > .detail > .buttons > button:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.public-figure .profile-container > .detail > .buttons > button:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.lifestory {
    float: left;
    width: 100%;
    padding: 25px 65px;
    background-color: #ffffff;
    border: solid 1px #ebebeb;
    border-radius: 4px;
    margin-bottom: 13px;
    text-align: center;
}

.lifestory > i {
    margin-bottom: 12px;
}

.lifestory > h2 {
    float: left;
    width: 100%;
    font-size: 34px;
    font-weight: 600;
    color: #1d1d1d;
    text-align: center;
    margin: 0px;
    padding-bottom: 20px;
    line-height: normal;
}

.lifestory p {
    text-align: left;
    /*font-size: 14px;
        line-height: 1.43;
        text-align: justify;
        color: #1d1d1d;*/;
}

.lifestory p > img {
    margin-right: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.write-placeholder {
    float: left;
    width: 100%;
    padding-top: 25px;
    text-align: center;
}

.write-placeholder .error-block {
    margin-top: 0px;
}

.write-placeholder .text-container {
    width: 630px;
    display: inline-block;
}

.write-placeholder .textarea {
    width: 100%;
    min-height: 69px;
    border-radius: 4px;
    background-color: #fcfcfc;
    border: solid 1px #d2d2d2;
    display: inline-block;
    padding: 0px 12px 0px 25px;
    max-width: 100%;
    position: relative;
}

.write-placeholder .textarea > textarea {
    width: calc(100% - 120px);
    height: 100%;
    border: 0px;
    background: transparent;
    float: left;
    padding-top: 23px;
    font-size: 16px;
    text-align: left;
    color: #1d1d1d;
}

.write-placeholder .textarea > button {
    border-radius: 4px;
    background-color: #ff4437;
    padding: 13px 31px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    position: absolute;
    right: 12px;
    top: calc(50% - 23px);
}

i.triangle-flag {
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: 1200px;
    background-position: -755px -476px;
    border-radius: 50%;
    background-color: rgba(255, 69, 56, 0.03);
    border: 1px solid #ff4437;
}

i.tribute-flower {
    width: 54px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: 1200px;
    background-position: -802px -575px;
    border-radius: 50%;
    background-color: rgba(255, 69, 56, 0.03);
    border: 1px solid #ff4437;
}

.memorial-contact-container {
    float: left;
    width: 100%;
    border-radius: 4px;
    background-color: #ffffff;
}

.memorial-contact-container > h2 {
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    width: 100%;
    float: left;
    border-bottom: solid 1px #ebebeb;
    padding: 19px 44px;
    margin: 0px;
    line-height: normal;
}

.memorial-contact-container > .memorial-contact-content {
    width: 100%;
    float: left;
    padding: 24px 44px;
}

.memorial-contact-container > .memorial-contact-content > h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    width: 100%;
    float: left;
    padding-bottom: 12px;
    margin: 0px;
    line-height: normal;
}

.memorial-contact-container > .memorial-contact-content .box-card {
    border: solid 1px #ebebeb;
}

.memorial-contact-container > .memorial-contact-content > .address {
    font-size: 18px;
    text-align: left;
    color: #1d1d1d;
    padding-bottom: 39px;
    float: left;
    width: 100%;
    line-height: 25px;
}

.memorial-contact-container > .memorial-contact-content > .address:hover {
    color: #23527c;
}

#li_more {
    display: none;
}

.profile-activation {
    border-radius: 4px;
    background-color: #fff5ef;
    border: solid 1px #ff4437;
    float: left;
    width: 100%;
    padding: 12px 28px;
    margin-bottom: 13px;
    text-align: center;
    margin-top: 12px;
}

.publishedby + div .profile-activation {
    margin-top: 0px;
}

.profile-activation > .icon {
    float: left;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: rgba(255, 68, 55, 0.11);
    text-align: center;
    margin-right: 25px;
    line-height: 52px;
}

.profile-activation > .icon > i {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-size: 1400px;
    background-position: -908px -634px;
}

.profile-activation > .info-text {
    float: left;
    width: calc(100% - 180px);
    padding-top: 2px;
    padding-right: 15px;
    text-align: left;
}

.profile-activation > .info-text > span {
    display: block;
}

.profile-activation > .info-text > .main-label {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
    padding-bottom: 2px;
    line-height: 25px;
}

.profile-activation > .info-text > .sub-label {
    font-size: 14px;
    color: #1d1d1d;
}

.profile-activation > button {
    float: left;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    padding: 10px 27px;
    margin-top: 6px;
}

.memo-order-steps {
    width: 589px;
    margin: 25px auto 70px;
    position: relative;
}

.memo-order-steps > .lines {
    display: inline-block;
    width: 100%;
    height: 1px;
    background: rgba(151, 151, 151, 0.38);
    position: relative;
}

.memo-order-steps > .lines > .highlight {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: #3b86e3;
}

.memo-order-steps > .lines > .hide-right, .memo-order-steps > .lines > .hide-left {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: #f1f1f1;
    width: 12.5%;
}

.memo-order-steps > .lines > .hide-right {
    right: 0;
    top: 0;
    left: auto;
}

.memo-order-steps > .lines > .highlight {
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    background: #3b86e3;
}

.memo-order-steps > .steps {
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 4px;
    left: 0px;
}

.memo-order-steps > .steps > .current, .memo-order-steps > .steps > .upcoming, .memo-order-steps > .steps > .past {
    display: inline-block;
    text-align: center;
    width: 25%;
    float: left;
}

.memo-order-steps > .steps > .current {
    margin-top: -4px;
}

.memo-order-steps > .steps > .current > .icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: solid 1.5px #3b86e3;
    border-radius: 50%;
    background-color: #f1f1f1;
    text-align: center;
}

.memo-order-steps > .steps > .upcoming > .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: solid 1px #979797;
    border-radius: 50%;
    background-color: #f1f1f1;
    text-align: center;
}

.memo-order-steps > .steps > .past > .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: solid 1px #3b86e3;
    border-radius: 50%;
    background-color: #3b86e3;
    text-align: center;
}

.memo-order-steps > .steps > .current > .icon > .tick {
    display: inline-block;
    width: 11.5px;
    height: 6.5px;
    border: solid 1.5px #3b86e3;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    border-top: 0px;
    border-right: 0px;
    margin-bottom: 1px;
}

.memo-order-steps > .steps > .past > .icon > .tick {
    display: inline-block;
    width: 9.5px;
    height: 5.5px;
    border: solid 1.5px #fff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    border-top: 0px;
    border-right: 0px;
    margin-bottom: 3px;
}

.memo-order-steps > .steps > .current > .text, .memo-order-steps > .steps > .upcoming > .text, .memo-order-steps > .steps > .past > .text {
    font-size: 16px;
    font-weight: 600;
    display: block;
    color: #3b86e3;
    padding-top: 12px;
}

.memo-order-steps > .steps > .current > .text {
    padding-top: 10px;
}

.memo-order-steps > .steps > .upcoming > .text {
    color: #8f8e8e;
    padding-top: 7px;
}

.memorial-package-placeholder {
    float: left;
    width: 100%;
}

.memorial-package-placeholder button.action {
    border-radius: 4px;
    background-color: #ff4437;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    padding: 15px 120px;
}

.package-selection {
    width: 918px;
    margin: 0px auto;
    text-align: center;
}

.memorial-package {
    /*float: left;
    width: 100%;*/
    list-style: none;
    padding-left: 0px;
    /*margin-top: 70px;*/
    width: 924px;
    margin: 70px auto 0px;
    max-width: 100%;
}

.memorial-package > li {
    float: left;
    width: 33.3%;
    text-align: center;
    cursor: pointer;
}

.memorial-package > li > a {
    margin: 0px auto;
    width: calc(100% - 12px);
    height: 514px;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    position: relative;
    display: inline-block;
}

.memorial-package > li.popular > a:after {
    content: 'Popular';
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    background-color: #5dc676;
    border: solid 1px rgba(93, 198, 118, 0.42);
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    line-height: normal;
    right: -1px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    top: 42px;
}

.memorial-package > li > a > .header {
    float: left;
    width: 100%;
    padding-top: 80px;
    position: relative;
    border-bottom: solid 1px #ebebeb;
    height: 186px;
}

.memorial-package > li > a > .header > .avatar {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0px;
    top: -19px;
}

.memorial-package > li > a > .header > .avatar > div {
    position: relative;
    width: 66px;
    height: 66px;
    display: inline-block;
    background: linear-gradient(rgb(255, 243, 190), rgb(255, 100, 141));
    border-radius: 50%;
}

.memorial-package > li > a > .header > .avatar > div > img {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 60px;
    height: 60px;
}

.memorial-package > li > a > .header > .avatar > div > .floral {
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 80px;
    height: 37px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 550px;
    background-position: -8px -135px;
}

.memorial-package > li.premium > a > .header > .avatar {
    top: -41px;
}

.memorial-package > li.premium > a > .header > .avatar > div {
    width: 88px;
    height: 88px;
}

.memorial-package > li.premium > a > .header > .avatar > div > img {
    left: 5px;
    top: 5px;
    width: 78px;
    height: 78px;
}

.memorial-package > li.premium > a > .header > .avatar > div > .floral {
    width: 89px;
    height: 37px;
    background-size: 650px;
    background-position: -8px -164px;
}

.memorial-package > li.vip > a > .header > .avatar {
    top: -69px;
}

.memorial-package > li.vip > a > .header > .avatar > div {
    width: 116px;
    height: 116px;
}

.memorial-package > li.vip > a > .header > .avatar > div > img {
    left: 7px;
    top: 7px;
    width: 102px;
    height: 102px;
}

.memorial-package > li.vip > a > .header > .avatar > div > .floral {
    width: 110px;
    height: 37px;
    background-size: 800px;
    background-position: -6px -213px;
}

.memorial-package > li > a > .header > span {
    display: block;
    text-align: center;
    line-height: normal;
}

.memorial-package > li > a > .header > .title {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.memorial-package > li > a > .header > .price-title {
    font-size: 14px;
    font-weight: 600;
    color: #ff4437;
    padding-bottom: 2px;
}

.memorial-package > li > a > .header > .price {
    font-size: 38px;
    font-weight: 600;
    color: #1d1d1d;
}

.memorial-package > li > a > ul {
    padding: 21px 38px 0px;
    float: left;
    width: 100%;
    list-style: none;
}

.memorial-package > li > a > ul > li {
    font-size: 18px;
    color: #1d1d1d;
    padding-bottom: 13px;
    text-align: left;
}

.memorial-package > li > a > ul > li:before {
    content: '';
    display: inline-block;
    width: 18.5px;
    height: 7.7px;
    border: solid 1.5px #ff4437;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Chrome, Safari, Opera */
    border-top: 0px;
    border-right: 0px;
    margin-right: 25px;
    margin-bottom: 3px;
}

.customer-care {
    float: left;
    width: 100%;
    padding: 35px 0px;
    text-align: center;
}

.customer-care > div {
    display: inline-block;
    width: 278px;
    margin: 0px auto;
}

.customer-care > div > .icon {
    display: inline-block;
    width: 62px;
    height: 62px;
    background-color: rgba(143, 143, 143, 0.12);
    border: solid 1px rgba(143, 143, 143, 0.26);
    border-radius: 50%;
    margin-right: 16px;
    float: left;
}

.customer-care > div > .icon > i {
    width: 33px;
    height: 49px;
    vertical-align: middle;
    background-size: 1000px;
    background-position: -565px -391px;
    opacity: 0.5;
}

.customer-care > div > .phoneno {
    display: inline-block;
    width: 200px;
    float: left;
    text-align: left;
    padding-top: 10px;
}

.customer-care > div > .phoneno > span {
    display: inline-block;
    font-size: 18px;
    color: #1d1d1d;
    clear: both;
    text-align: left;
}

.customer-care > div > .phoneno > .label-main {
    font-size: 34px;
    font-weight: 600;
}

.selected-package {
    float: left;
    width: 100%;
    height: 81px;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding: 12px 27px 15px;
    margin-bottom: 16px;
}

.selected-package > .avatar {
    width: 52px;
    height: 52px;
    background: linear-gradient(to bottom, #fff3be, #ff648d);
    border-radius: 50%;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 20px;
}

.selected-package > .avatar > img {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.selected-package > .avatar > .floral {
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 52px;
    height: 23px;
    background-image: var(--sprite);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: -6px -108px;
}

.selected-package > .content {
    float: left;
    width: calc(100% - 80px);
    padding-top: 17px;
}

.selected-package > .content > span {
    float: left;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
}

.selected-package > .content > a {
    float: right;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #ff4437;
}

.selected-package > .content > a:hover {
    color: #23527c;
}

.days-plan {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 42px;
}

.days-plan > li {
    float: left;
    display: inline-block;
    width: 102px;
    height: 96px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.days-plan > li > label {
    float: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding: 23px 0px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.days-plan > li > input[type='radio']:checked + label {
    border: solid 1.5px #ff4437;
}

.days-plan > li.popular > label:after {
    content: 'Popular';
    position: absolute;
    z-index: 1;
    border-radius: 3px;
    background-color: #5dc676;
    border: solid 1px rgba(93, 198, 118, 0.42);
    padding: 0px 5px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    line-height: normal;
    left: calc(50% - 26px);
    bottom: -8.5px;
}

.days-plan > li:last-of-type {
    margin-right: 0px;
}

.days-plan > li.large {
    width: 246px;
}

.days-plan > li > label > span {
    display: block;
    line-height: normal;
}

.days-plan > li > label > .days {
    font-size: 14px;
    font-weight: 600;
    color: #8f8e8e;
    text-transform: uppercase;
}

.days-plan > li > label > .days.orange {
    color: #ff4437;
}

.days-plan > li > label > .days.orange > a {
    color: #ff4437;
    font-size: 39px;
    font-weight: 300;
    display: inline-block;
    height: 10px;
    vertical-align: top;
    margin-top: -18px;
    padding-left: 20px;
}

.days-plan > li > label > .days.orange > a:first-of-type {
    font-size: 54px;
    padding-right: 20px;
    margin-top: -30px;
    padding-left: 0px;
}

.days-plan > li > label > .days.orange > a:hover {
    color: #23527c;
}

.days-plan > li > label > .price {
    font-size: 24px;
    font-weight: normal;
    color: #1d1d1d;
}

.package-addon {
    width: 505px;
    margin: 0px auto;
    text-align: center;
    max-width: 100%;
}

.package-addon > h2 {
    font-size: 22px;
    color: #1d1d1d;
    padding-bottom: 15px;
    margin: 0px;
    line-height: normal;
    text-align: left;
}

.package-addon > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
    margin-bottom: 18px;
}

.package-addon > ul > li {
    float: left;
    width: 100%;
    margin-bottom: 11px;
}

.package-addon > ul > li > label {
    display: inline-block;
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding: 22px;
    font-weight: normal;
    cursor: pointer;
}

.package-addon > ul > li > input[type='checkbox']:checked + label {
    border: solid 1px #ff4437;
}

.package-addon > ul > li > label > .icon {
    float: left;
    width: 26px;
    height: 26px;
    border: solid 1.6px #bdbaba;
    border-radius: 50%;
    margin-right: 17px;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
}

.package-addon > ul > li > input[type='checkbox']:checked + label > .icon {
    background-color: #ff4437;
    border: solid 1.6px #ff4437;
}

.package-addon > ul > li > input[type='checkbox']:checked + label > .icon > .tick {
    width: 11.6px;
    height: 6.3px;
    border: solid 1.5px #ffffff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: 0px;
    border-right: 0px;
    display: inline-block;
    margin-bottom: 4px;
}

.package-addon > ul > li > label > .info {
    float: left;
    width: calc(100% - 192px);
    text-align: left;
}

.package-addon > ul > li > label > .info > input[type='text'] {
    width: 178px;
    border-radius: 4px;
    border: solid 1px rgba(143, 142, 142, 0.46);
    padding: 8px 19px;
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 16px;
    color: #1d1d1d;
}

.package-addon > ul > li > label > .info .selectize-input {
    width: 208px;
    height: 50px;
    border-radius: 4px;
    background-color: rgba(216, 216, 216, 0.14);
    border: solid 1px rgba(143, 142, 142, 0.46);
    font-size: 16px;
    color: #1d1d1d;
    padding: 15px 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.package-addon > ul > li > label > .info .selectize-input input, .package-addon > ul > li > label > .info .selectize-dropdown-content > div {
    font-size: 16px;
    color: #1d1d1d;
}

.package-addon > ul > li > label > .info > .addon-logo {
    width: 100px;
    height: 37px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.package-addon > ul > li > label > .info > span, .package-addon > ul > li > label > .info > label {
    display: block;
}

.package-addon > ul > li > label > .info > .main-label {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
    line-height: normal;
    cursor: pointer;
}

.package-addon > ul > li > label > .info > .sub-label {
    font-size: 14px;
    color: #1d1d1d;
}

.package-addon > ul > li > label > .price {
    display: inline-block;
    float: right;
}

.package-addon > ul > li > label > .price > span {
    font-size: 24px;
    text-align: right;
    color: #ff4437;
}

.memorial-payment-placeholder {
    width: 920px;
    margin: 0px auto;
}

.memorial-payment-placeholder > .memorial-payment {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding: 0px 0px 0px;
    margin-bottom: 22px;
}

.memorial-payment-placeholder > .memorial-payment > h2 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #56565a;
    line-height: normal;
    margin: 0px;
    padding: 22px 39px 22px;
    font-weight: 600;
}

.summary-header {
    float: left;
    /*width: calc(100% + 18px);*/
    width: 100%;
    background-color: #f9f9f9;
    /*border: solid 1px #ff4437;*/
    /*margin-left: -9px;*/
    padding: 17px 39px 1px;
    position: relative;
    text-align: left;
}

.summary-header.small {
    padding: 17px 38px 1px;
}

/*.summary-header:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #d84338;
        bottom: -6px;
        left: -1px;
        transform: rotate(45deg);
    }

    .summary-header:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #d84338;
        bottom: -6px;
        right: -1px;
        transform: rotate(-45deg);
    }*/

.summary-header > ul {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.summary-header > ul > li {
    display: inline-block;
    padding-right: 100px;
    padding-bottom: 20px;
}

.summary-header.small > ul > li {
    padding-right: 38px;
}

.summary-header > ul > li > span {
    display: block;
    line-height: normal;
    /*text-transform: uppercase;*/;
}

.summary-header > ul > li > .heading {
    /*font-size: 16px;*/
    font-size: 16px;
    font-weight: 300;
    color: #8e8b8a;
    padding-bottom: 5px;
}

.summary-header.small > ul > li > .heading {
    font-size: 16px;
}

.summary-header > ul > li > .detail {
    font-size: 20px;
    font-weight: 400;
    color: #ff4437;
}

.summary-header.small > ul > li > .detail {
    font-size: 18px;
}

.summary-item {
    float: left;
    width: 100%;
    padding: 22px 39px;
    border-bottom: solid 0.5px #d2d2d2;
}

.summary-item:last-of-type {
    border-bottom: 0px;
}

.summary-item > .item {
    float: left;
    width: calc(100% - 160px);
}

.summary-item > .item > h2 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 4px;
    color: #56565a;
    margin: 0px;
    line-height: normal;
}

.summary-item > .item > p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: normal;
    color: #8e8b8a;
    margin: 0px;
}

.summary-item > .price {
    float: right;
    width: 160px;
    text-align: right;
    font-size: 24px;
    font-weight: 600;
    color: #56565a;
}

.summary-item > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.summary-item > ul > li {
    float: left;
    width: 100%;
    padding-bottom: 8px;
}

.summary-item > ul > li:last-child {
    padding-bottom: 0px;
}

.summary-item > ul > li {
    float: left;
    width: 100%;
    padding-bottom: 8px;
}

.summary-item > ul > li > span {
    font-size: 18px;
    color: #444444;
    padding-bottom: 8px;
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    /*font-weight: 600;*/;
}

.summary-item > ul > li.large > span {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 0px;
}

.summary-item > ul > li > span.main-label {
    /*float: left;*/
    width: calc(100% - 150px);
}

.summary-item > ul > li > span.sub-label {
    float: right;
    width: 150px;
    text-align: right;
}

.summary-item > ul > li.large > span.main-label {
    width: calc(100% - 160px);
}

.summary-item > ul > li.large > span.sub-label {
    font-size: 24px;
    width: 160px;
}

.payment-methods-holder {
    float: left;
    width: 100%;
}

.payment-methods-holder > h2 {
    float: left;
    width: 100%;
    font-size: 22px;
    color: #1d1d1d;
    margin: 0px;
    padding-bottom: 11px;
}

.payment-methods-holder > .payment-methods {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    min-height: 359px;
    margin-bottom: 10px;
}

.payment-methods-holder > .payment-methods > .payment-types {
    float: left;
    width: 203px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 0px;
    list-style: none;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li {
    float: left;
    width: 100%;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li > a {
    float: left;
    width: 100%;
    padding: 20px 24px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
    border-bottom: solid 1px #d2d2d2;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li.active > a {
    border-left: solid 2px #ff4437;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li.active > a {
    color: #ff4437;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li > a > i {
    width: 22px;
    height: 22px;
    margin-right: 12px;
    vertical-align: middle;
    background-size: 1400px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li > a > i.cc {
    background-position: -128px -689px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li.active > a > i.cc {
    background-position: -102px -689px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li > a > i.bank {
    background-position: -186px -691px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li.active > a > i.bank {
    background-position: -158px -691px;
}

.payment-methods-holder > .payment-methods > .payment-types > ul > li > a > i.paypal {
    background-position: -241px -688px;
}

.payment-methods-holder > .payment-methods > .payment-detail {
    border-left: solid 1px #d2d2d2;
    min-height: 358px;
    float: left;
    width: calc(100% - 203px);
    padding: 22px 35px;
}

.input-control {
    float: left;
    display: inline-block;
    width: 200px;
    padding-top: 15px;
    margin-right: 25px;
}

.credit-card > .selectize-input {
    background-color: #fff;
    border-radius: 4px;
    border: solid 1px rgba(143, 142, 142, 0.46);
    padding: 10px 15px;
}

.credit-card > .selectize-input > input, .credit-card > .selectize-input > * {
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
}

.section-card-details > div:first-of-type > .input-control {
    padding-top: 0px;
}

.input-control.small {
    width: 130px;
}

.input-control.large {
    width: 300px;
}

.input-control.medium {
    width: 200px;
}

.input-control > label {
    float: left;
    display: block;
    font-size: 16px;
    line-height: normal;
    color: #1d1d1d;
    font-weight: normal;
    width: 100%;
    padding-bottom: 10px;
    margin: 0px;
}

.input-control > input[type='text'] {
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #1d1d1d;
    border-radius: 4px;
    border: solid 1px rgba(143, 142, 142, 0.46);
    padding: 8px 15px;
    display: inline-block;
    width: 100%;
}

.payment-secure {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding: 20px 26px;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
}

.payment-secure > div {
    float: left;
    width: calc(100% - 210px);
}

.payment-secure .icon {
    /*float: left;*/
    width: 50px;
    height: 50px;
    background-color: rgba(93, 198, 118, 0.14);
    border-radius: 50%;
    /*margin-right: 19px;*/
    position: absolute;
    left: 26px;
    top: calc(50% - 25px);
    line-height: 50px;
}

.payment-secure .icon > i {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-size: 1400px;
    background-position: -272px -689px;
}

.payment-secure p {
    float: left;
    width: 100%;
    margin: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: normal;
    color: #1d1d1d;
    padding-top: 7px;
    text-align: left;
    padding-left: 65px;
}

.payment-secure > button {
    float: right;
    border-radius: 4px;
    background-color: #ff4437;
    padding: 15px 21px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.payment-secure-terms {
    float: left;
    width: 100%;
}

.payment-secure-terms > .icon {
    float: left;
    width: 50px;
    margin-right: 13px;
    padding-top: 12px;
}

.payment-secure-terms > .icon > i {
    width: 50px;
    height: 25px;
    vertical-align: middle;
    background-size: 1400px;
    background-position: -303px -689px;
}

.payment-secure-terms > p {
    float: left;
    width: calc(100% - 295px);
    margin: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    line-height: normal;
    color: #1d1d1d;
    padding-top: 7px;
}

.payment-secure-terms > p > a {
    color: #ff4437;
}

.payment-secure-terms > p > a:hover {
    color: #23527c;
}

.payment-secure-terms > .customer-care {
    width: 230px;
    padding: 0px;
    float: right;
}

.payment-secure-terms > .customer-care > div > .icon {
    background-color: transparent;
    border: 0px;
    margin-right: 3px;
}

.payment-secure-terms > .customer-care > div > .icon > i {
    background-position: -560px -402px;
}

.payment-secure-terms > .customer-care > div > .phoneno {
    width: 160px;
    padding-top: 0px;
}

.payment-secure-terms > .customer-care > div > .phoneno > span {
    font-size: 16px;
}

.payment-secure-terms > .customer-care > div > .phoneno > .label-main {
    font-size: 26px;
}

.section-bank {
    float: left;
    width: 100%;
}

.section-bank > .note {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: normal;
    color: #1d1d1d;
    padding-bottom: 20px;
    margin: 0px;
}

.section-bank > .bank-list {
    float: left;
    width: 423px;
}

.section-bank > .bank-list > h2 {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    margin: 0px;
    padding-bottom: 17px;
    text-transform: uppercase;
}

.section-bank > .bank-list > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 20px;
    list-style: none;
}

.section-bank > .bank-list > ul > li {
    float: left;
    width: 100%;
}

.section-bank > .bank-list > ul > li > label {
    float: left;
    width: 100%;
    border-radius: 2px;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 18px 16px;
    display: inline-block;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 6px;
}

.section-bank > .bank-list > ul > li > label > .tick {
    float: left;
    width: 18px;
    height: 18px;
    border: solid 1px #979797;
    margin-right: 22px;
    border-radius: 50%;
    position: relative;
    margin-top: 3px;
}

.section-bank > .bank-list > ul > li > input[type='radio']:checked + label > .tick {
    background-color: #5dc676;
    border: solid 1px #5dc676;
}

.section-bank > .bank-list > ul > li > input[type='radio']:checked + label > .tick:after {
    content: '';
    display: inline-block;
    width: 8.5px;
    height: 5.5px;
    border: solid 1.5px #fff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: 0px;
    border-right: 0px;
    text-align: center;
    margin-left: 4px;
    margin-bottom: 7px;
}

.section-bank > .bank-list > ul > li > label > .bankname {
    float: left;
    width: calc(100% - 135px);
    font-size: 18px;
    line-height: normal;
    color: #1d1d1d;
}

.section-bank > .bank-list > ul > li > label > .price {
    float: right;
    max-width: 120px;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    text-transform: uppercase;
}

.section-bank > .bank-list > ul > li > input[type='radio']:checked + label > .price {
    color: #ff4437;
}

.memorial-confirm-placeholder {
    width: 920px;
    margin: 0px auto;
}

.memorial-confirm-placeholder > .memorial-confirm {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    /*border: solid 1px #d2d2d2;*/
    padding-top: 18px;
    text-align: center;
}

.memorial-confirm-placeholder > .memorial-confirm.bank {
    padding-top: 0px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > div {
    float: left;
    width: 100%;
    background-color: #fafafa;
    padding: 30px 30px 0px;
    text-align: center;
    border-bottom: solid 1px #d2d2d2;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > div.bg-white {
    background-color: #fff;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > div > .bank-icon {
    width: 63px;
    height: 63px;
    background-color: #ededed;
    border: solid 1px #d2d2d2;
    border-radius: 50%;
    margin-bottom: 17px;
    display: inline-block;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > div > .bank-icon > i {
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background-size: 1600px;
    background-position: -214px -786px;
    display: inline-block;
    margin-top: 16px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 28px;
    text-align: center;
    border-bottom: 0px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > .actionlink {
    padding-top: 30px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > .actionlink > i {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-size: 1400px;
    background-position: -446px -690px;
    margin-right: 5px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > .action {
    float: left;
    width: 100%;
    text-align: center;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > .action > button {
    border-radius: 2px;
    background-color: #fafafa;
    border: solid 1px #d2d2d2;
    padding: 9px 23px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    margin-right: 13px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > .action > button.button-primary {
    background-color: #ff4437;
    border: solid 1px #ff4437;
    color: #fff;
    margin-right: 0px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul {
    width: 350px;
    margin: 0px auto;
    padding-left: 0px;
    list-style: none;
    max-width: 100%;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li {
    float: left;
    width: 100%;
    padding-bottom: 23px;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li > span {
    float: left;
    width: 50%;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li > span.key {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #8f8e8e;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li > span.value {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li.highlight > span {
    color: #ff4437;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li > .note {
    font-size: 14px;
    font-style: italic;
    color: #8f8e8e;
    text-transform: none;
    width: 100%;
}

.memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info > ul > li > .note > .icon {
    display: inline-block;
    float: left;
    width: 17px;
    height: 17px;
    background-color: #8f8e8e;
    border-radius: 50%;
    margin-right: 7px;
    color: #fff;
    font-style: normal;
    text-align: center;
    line-height: 17px;
    font-size: 12px;
    font-weight: 600;
}

.circle {
    display: inline-block;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    margin-bottom: 11px;
}

.circle.success {
    background-color: rgba(93, 198, 118, 0.2);
}

.circle.failed {
    background-color: rgba(223, 62, 62, 0.2);
}

.circle.failed .tick {
    width: 41px;
    height: 41px;
    vertical-align: middle;
    background-size: 1400px;
    background-position: -360px -680px;
    display: inline-block;
    background-image: var(--sprite);
    margin-top: 16px;
}

.circle > .inner {
    display: inline-block;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    position: absolute;
    left: 10.5px;
    top: 10.5px;
}

.circle.success > .inner {
    background-color: #5dc676;
}

.circle.failed > .inner {
    background-color: #f32d2d;
}

.circle.success > .inner > .tick {
    display: inline-block;
    width: 32px;
    height: 17px;
    border: solid 5px #fff;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: 0px;
    border-right: 0px;
    margin-bottom: -26px;
}

.memorial-confirm-placeholder > .memorial-confirm > h2, .memorial-confirm-placeholder > .memorial-confirm > div > h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    text-align: center;
    padding-bottom: 10px;
    margin: 0px;
    text-transform: uppercase;
}

.memorial-confirm-placeholder > .memorial-confirm > .action {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

.memorial-confirm-placeholder > .memorial-confirm > .action > button {
    border-radius: 4px;
    border: solid 1px #ff4437;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #ff4437;
    padding: 14px 25px;
    background: #fff;
}

.memorial-confirm-placeholder > .memorial-confirm > .action > button:hover, .memorial-confirm-placeholder > .memorial-confirm > .action > button:active, .memorial-confirm-placeholder > .memorial-confirm > .action > button:focus {
    background: #ff4437;
    color: #fff;
}

.memorial-confirm-placeholder > .memorial-confirm > p, .memorial-confirm-placeholder > .memorial-confirm > div > p {
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    color: #1d1d1d;
    padding: 0px 200px 30px;
    margin-bottom: 0px;
}

.actionlink {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #3b86e3;
}

.memorial-confirm-placeholder > .memorial-confirm > .actionlinks {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 7px;
}

.memorial-confirm-placeholder > .memorial-confirm > .actionlinks > a {
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    padding-right: 30px;
    color: #3b86e3;
    text-transform: uppercase;
}

.memorial-confirm-placeholder > .memorial-confirm > .actionlinks > a:hover {
    color: #23527c;
}

.memorial-confirm-placeholder > .memorial-confirm > .actionlinks > a:last-of-type {
    padding-right: 0px;
}

.memorial-confirm-placeholder > .memorial-confirm > .summary-header {
    margin-bottom: 30px;
}

.whatnext {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 57px;
    padding-right: 57px;
}

.whatnext > h2 {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    text-transform: uppercase;
    margin: 0px;
    padding-bottom: 25px;
}

.whatnext > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
}

.whatnext > ul > li {
    float: left;
    width: 100%;
    padding-bottom: 36px;
}

.whatnext > ul > li > .number {
    float: left;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #e7e7e7;
    border-radius: 50%;
    text-align: center;
    margin-top: 3px;
    line-height: 22px;
    margin-right: 15px;
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1d;
}

.whatnext > ul > li > div {
    float: left;
    width: calc(100% - 40px);
}

.whatnext > ul > li > div > .header {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    padding-bottom: 7px;
    color: #1d1d1d;
}

.whatnext > ul > li > div > p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: normal;
    color: #8f8e8e;
    margin-bottom: 0px;
}

.whatnext > ul > li > div > ul {
    float: left;
    width: 100%;
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
}

.whatnext > ul > li > div > ul > li {
    float: left;
    width: 100%;
}

.whatnext > ul > li > div > ul > li > a {
    float: left;
    font-size: 16px;
    line-height: 1.38;
    color: #3b86e3;
}

.whatnext > ul > li > div > ul > li > a:hover {
    color: #23527c;
}

.whatnext > ul > li > div > .header > .loader {
    display: inline-block;
    width: 163px;
    height: 6px;
    background: #e6e6e6;
    border-radius: 6px;
    position: relative;
    margin-left: 25px;
    margin-bottom: 3px;
}

.whatnext > ul > li > div > .header > .loader > .fill {
    display: inline-block;
    height: 6px;
    background: #5dc676;
    border-radius: 6px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.whatnext > ul > li > div > .header > .text {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    padding-left: 10px;
}

.upload {
    border-radius: 2px;
    text-align: center;
    overflow: hidden;
}

.upload.tribute {
    background-image: var(--tribute-placeholder);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 65px 20px 52px;
}

.upload.photo > .header {
    float: left;
    width: 100%;
    height: 173px;
    background-image: var(--photo-placeholder);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: #f0c1be;
}

.upload.photo > .upload-body {
    padding: 33px 20px 39px;
    float: left;
}

.upload .name {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #1d1d1d;
    padding-bottom: 16px;
}

.upload p {
    font-size: 16px;
    line-height: 1.38;
    /*color: #8f8e8e;*/
    color: #1d1d1d;
    margin-bottom: 0px;
    padding: 0px 50px 29px;
}

.upload button {
    border-radius: 2px;
    background-color: #ff4437;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #ffffff;
    padding: 10px 23px;
    text-transform: uppercase;
}

.upload.photo button {
    background-color: #323d54;
}

.save-card {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.save-card > label {
    font-size: 16px;
    font-weight: normal;
    color: #1d1d1d;
}

.share-buttons {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.share-buttons .round-button {
    float: left;
    width: 14.24%;
    text-align: center;
}

.share-buttons .round-button button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    padding: 0;
}

.share-buttons .round-button button i {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 700px;
    margin: auto;
    display: block;
}

button.fb-share {
    background: #3B5998;
}

button.fb-share > i {
    background-position: -581px -427px;
}

button.tw-share {
    background: #08a0e9;
}

button.tw-share > i {
    background-position: -558px -427px;
}

button.whatsapp-share {
    background: #25D366;
}

button.whatsapp-share > i {
    background-position: -636px -428px;
}

button.viber-share {
    background: #675ca8;
}

button.viber-share > i {
    background-position: -531px -427px;
}

button.msg-share {
    background: #26be5f;
}

button.msg-share > i {
    background-position: -503px -427px;
}

button.in-share {
    background: #0077B5;
}

button.in-share > i {
    background-position: -666px -429px;
}

button.fbm-share {
    background: #0084FF;
}

button.fbm-share > i {
    background-position: -606px -427px;
}

.share-buttons-with-label {
    width: 100%;
    display: inline-block;
    padding-bottom: 18px;
}

.share-buttons-with-label .round-button {
    width: 24%;
    text-align: center;
    display: inline-block;
    padding: 20px;
}

.share-buttons-with-label .round-button button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    padding: 0;
}

.share-buttons-with-label .round-button button i {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 700px;
    margin: auto;
    display: block;
}

.share-buttons-with-label .round-button span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}

.profile-alert {
    float: left;
    width: 100%;
    padding: 15px 10px;
    background: #fff;
}

.modal-message .modal-dialog {
    width: 461px;
    height: auto;
    max-width: 96%;
}

.modal-message .modal-body {
    width: 100%;
    display: inline-block;
    padding: 0;
    float: left;
    background: #fff;
}

.modal-message .modal-content {
    overflow: hidden;
}

.modal-message .modal-body form {
    padding: 20px;
}

.modal-message textarea {
    min-height: 120px;
}

.modal-message .buttons {
    float: left;
    width: 100%;
    border-top: solid 1px rgba(151, 151, 151, 0.25);
}

.modal-message .buttons button {
    float: left;
    width: 50%;
    border-right: solid 1px rgba(151, 151, 151, 0.25);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    color: #1d1d1d;
    padding: 16px 0;
    text-transform: uppercase;
    background: #fff;
}

.modal-message .buttons button:last-of-type {
    border-right: 0;
}

.modal-message .buttons button.txt-orange {
    color: #ff4437;
}

.modal-message .msg-receiver {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.modal-message .msg-receiver span {
    display: block;
}

.modal-message .msg-receiver .main-label {
    font-size: 18px;
    font-weight: 600;
    color: #1d1d1d;
}

.modal-message .msg-receiver .sub-label {
    font-size: 12px;
    font-weight: normal;
    color: #1d1d1d;
}

.modal-message .form-box .control-group label.block {
    color: #333;
}

.modal-message .message-confirm {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 30px;
}

.modal-message .message-confirm .circle {
    width: 54px;
    height: 54px;
}

.modal-message .message-confirm .circle.success {
    background: transparent;
}

.modal-message .message-confirm .circle > .inner {
    width: 54px;
    height: 54px;
    left: 0;
    top: 0;
}

.modal-message .message-confirm .circle > .inner > .tick {
    width: 26px;
    height: 12px;
    border: solid 3px #fff;
    margin-bottom: -16px;
    border-top: 0px;
    border-right: 0px;
}

.modal-message .message-confirm h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 7px;
    line-height: normal;
    text-align: center;
    color: #1d1d1d;
    margin: 0;
}

.modal-message .message-confirm p {
    font-size: 16px;
    line-height: normal;
    padding: 0px 30px 19px;
    color: #1d1d1d;
}

.message-confirmation .form-box .control-group .control-left {
    width: 100px;
}

.message-confirmation .form-box .control-group .control-left.vertical-center {
    padding-top: 6px;
}

.message-confirmation .form-box .control-group .control-right {
    width: calc(100% - 120px);
}

.message-confirmation .form-box .control-group .intl-tel-input {
    width: calc(100% - 120px);
}

.message-confirmation .form-box .control-group .control-right + .help-block, .message-confirmation .form-box .control-group .control-right + .error-block, .message-confirmation .form-box .control-group .control-right + .help-block + .error-block, .message-confirmation .form-box .control-group .control-right + .error-block + .help-block,
.message-confirmation .form-box .control-group .intl-tel-input + .help-block, .message-confirmation .form-box .control-group .intl-tel-input + .error-block, .message-confirmation .form-box .control-group .intl-tel-input + .help-block + .error-block, .message-confirmation .form-box .control-group .intl-tel-input + .error-block + .help-block {
    margin-left: 100px;
}

.message-confirmation .terms {
    float: left;
    width: 100%;
    padding: 10px;
    text-align: center;
    font-size: 15px;
}

.message-confirmation .terms a {
    color: #ff4437;
}

.message-confirmation .terms a:hover {
    color: #23527c;
}

.icon-card-button {
    padding: 20px;
}

.icon-card-button .icon {
    width: 54px;
    height: 54px;
    display: inline-block;
    vertical-align: middle;
    background: rgba(255, 68, 55, 0.11);
    border-radius: 50%;
    margin-right: 20px;
    text-align: center;
    padding-top: 17px;
}

.icon-card-button .icon > i {
    background-size: 700px;
    background-position: -604px -310px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.icon-card-button .detail {
    display: inline-block;
    width: calc(100% - 195px);
    vertical-align: middle;
    padding-right: 20px;
}

.icon-card-button .detail h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #1d1d1d;
    margin: 0;
    padding-bottom: 5px;
}

.icon-card-button .detail p {
    font-size: 14px;
    line-height: 1.43;
    color: #1d1d1d;
    margin: 0;
}

.icon-card-button button {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 16px;
}

.contact-modal-container {
    display: inline-block;
    border: solid 1px #ebebeb;
    margin-bottom: 15px;
    width: 100%;
}

.contact-modal-container .box-card:last-of-type {
    margin-bottom: 0;
}

.tribute-detail-profile {
    float: left;
    width: 100%;
    padding: 17px;
    margin-bottom: 15px;
    background: #f7f7f7;
    border-radius: 4px;
    text-align: left;
    position: relative;
}

.tribute-detail-profile .share-buttons {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
    right: 17px;
    position: absolute;
    top: calc(50% - 31px);
}

.tribute-detail-profile .share-buttons .round-button {
    width: 48px;
}

.tribute-detail-profile img {
    /*float: left;*/
    display: inline-block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-right: 16px;
}

.tribute-detail-profile .detail {
    /*float: left;*/
    display: inline-block;
    width: calc(100% - 280px);
    /*padding-top: 8px;*/
    text-align: left;
    vertical-align: middle;
}

.tribute-detail-profile .detail > span {
    display: block;
    text-align: left;
}

.tribute-detail-profile .detail > .main-head {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
}

.tribute-detail-profile .detail > .sub-head {
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    color: #8f8e8e;
    display: inline-block;
    vertical-align: middle;
}

.tribute-detail-profile .detail > .sub-head.country {
    max-width: calc(100% - 95px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.tribute-detail-profile .detail > .sub-head + .dot {
    width: 3px;
    height: 3px;
    margin-bottom: 0;
    vertical-align: middle;
}

.tribute-detail-profile .date {
    float: right;
    text-align: right;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    color: #8f8e8e;
    padding-top: 18px;
}

.tribute-card {
    border-radius: 2px;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 11px;
    clear: both;
    float: left;
}

.overview-card .tribute-card {
    border-bottom: solid 0.5px #ebebeb;
    margin-bottom: 0px;
}

.overview-card .tribute-card:last-child {
    border-bottom: 0;
}

.tribute-card .card-header {
    border-bottom: solid 0.5px #e0e0e0;
    padding: 8px 20px;
    width: 100%;
    float: left;
    position: relative;
}

.tribute-card .card-header.signature {
    padding-top: 0;
    padding-bottom: 15px;
}

.overview-card .tribute-card .card-header {
    border-bottom: 0;
}

.tribute-card .card-header img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
}

.tribute-card .card-header .namecircle {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    line-height: 50px;
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
}

.tribute-card .card-header .headgroup {
    width: calc(100% - 63px);
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    padding: 7px 0;
}

.tribute-card .card-header > a + .headgroup, .tribute-card .card-header > img + .headgroup, .tribute-card .card-header > .namecircle + .headgroup {
    padding: 0;
}

.tribute-card .card-header .headgroup .head {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    color: #1d1d1d;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block !important;
    line-height: normal;
}

.tribute-card .card-header.signature .headgroup .head {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

.tribute-card .headgroup > a.head:hover, .tribute-card a:hover .headgroup .head {
    color: #23527c;
}

.tribute-card .card-header .headgroup span {
    font-size: 12px;
    color: #8f8e8e;
    display: inline-block;
}

.tribute-card .card-header.signature .headgroup span {
    font-size: 10px;
}

.tribute-card .card-body {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 0 12px;
}

.overview-card .tribute-card .card-body {
    padding-top: 0;
}

.tribute-card .card-body .comments {
    float: left;
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
}

.tribute-card .card-body .comments > p {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #1d1d1d;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    margin: 0px 0px 2px 0px;
    overflow: hidden;
    float: left;
    word-break: break-word;
}

.views {
    font-size: 14px;
    color: #8f8e8e;
}

.rich-editor-content {
    display: inline-block;
    width: 100%;
    font-size: 15px;
}

.rich-editor-content blockquote {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 15px 20px 15px 26px;
    margin: 0 0 16px;
    position: relative;
    font-family: Source Sans Pro, Mukta Malar, Catamaran !important;
    font-size: 15px;
    line-height: normal;
    color: #666;
    text-align: justify;
    font-weight: normal;
    letter-spacing: normal;
}

.rich-editor-content blockquote::after, .rich-editor-content blockquote::before {
    content: '';
}

.rich-editor-content img {
    max-width: 100%;
    margin-bottom: 16px;
}

.rich-editor-content p, .rich-editor-content div {
    font-size: 15px;
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
}

@media (min-width: 320px) {
    .profile-header-group .single-profile {
        width: 326px;
    }

    .list-photos > li {
        width: 94px;
        height: 94px;
    }
}

.invitation-box-holder {
    width: 721px;
    display: block;
    margin: auto;
    max-width: 100%;
}

.invitation-box {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px #d2d2d2;
    background-color: #ffffff;
    margin-bottom: 16px;
}

.invitation-box.no-border {
    border: 0;
}

.invitation-box .header {
    float: left;
    width: 100%;
    padding: 19px 10px 45px;
    background-color: #fffdf6;
    position: relative;
    text-align: center;
    font-family: 'Playfair Display';
    font-size: 33px;
    font-weight: 700;
    line-height: normal;
    color: #1d1d1d;
}

.invitation-box .header .left-corner {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 90px;
    background: var(--invitation-corner-1);
    background-repeat: no-repeat;
    background-size: 100%;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.invitation-box .header .right-corner {
    position: absolute;
    right: 0;
    top: 0;
    width: 90px;
    height: 90px;
    background: var(--invitation-corner-1);
    background-repeat: no-repeat;
    background-size: 100%;
}

.invitation-box .header .bottom-corner {
    position: absolute;
    left: calc(50% - 155px);
    bottom: -4px;
    width: 311px;
    height: 34px;
    background: var(--invitation-2);
    background-repeat: no-repeat;
    background-size: 100%;
}

.invitation-box .content {
    float: left;
    width: 100%;
    padding: 42px 54px;
    background: #fff;
}

.invitation-box .content .user-content {
    float: left;
    width: 100%;
}

.invitation-box .content .user-content .media-placeholder {
    display: block;
    width: 546px;
    max-width: 100%;
    margin: 0 auto 18px;
}

.invitation-box .content .user-content .media-placeholder iframe {
    width: 100%;
}

.invitation-box .content .user-content .text-content {
    float: left;
    width: 100%;
    text-align: center;
}

.invitation-box .content .user-content .text-content h2 {
    float: left;
    width: 100%;
    font-family: 'Playfair Display';
    font-size: 26px;
    font-weight: normal;
    line-height: normal;
    color: #1d1d1d;
    margin: 0;
    padding-bottom: 18px;
}

.invitation-box .content .user-content .text-content p {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    color: #1d1d1d;
    padding-bottom: 18px;
    margin: 0;
}

.invitation-box .content .nonuser-content {
    float: left;
    width: 100%;
    text-align: center;
}

.invitation-box .content .nonuser-content h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding-bottom: 18px;
    font-family: 'Playfair Display';
    font-size: 26px;
    font-weight: 700;
    line-height: normal;
    color: #1d1d1d;
}

.invitation-box .content .nonuser-content .highlight-box {
    float: left;
    width: 100%;
    border-radius: 4px;
    border: solid 1px #ac9c65;
    background-color: #fffdf6;
    padding: 19px;
    text-align: center;
    margin-bottom: 27px;
}

.invitation-box .content .nonuser-content .highlight-box span {
    display: block;
    color: #1d1d1d;
    line-height: normal;
}

.invitation-box .content .nonuser-content .highlight-box .sub-head {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 7px;
}

.invitation-box .content .nonuser-content .highlight-box .head {
    font-size: 26px;
    font-weight: 900;
    padding-bottom: 7px;
}

.invitation-box .content .nonuser-content .highlight-box .date {
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 7px;
}

.invitation-box .content .nonuser-content .highlight-box .address {
    font-size: 14px;
    font-weight: normal;
    color: #1d1d1d;
}

.invitation-box .content .custom-message {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 18px;
}

.invitation-box .content .custom-message p {
    float: left;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.33;
    color: #1d1d1d;
    margin: 0;
    padding-bottom: 18px;
}

.invitation-box .content .custom-message p .bold {
    font-weight: 600;
}

.invitation-box .content .salutation {
    float: left;
    width: 100%;
    text-align: center;
}

.invitation-box .content .salutation span {
    display: block;
    line-height: normal;
    color: #1d1d1d;
}

.invitation-box .content .salutation .salute {
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
}

.invitation-box .content .salutation .name {
    font-size: 22px;
    font-weight: 600;
    color: #1d1d1d;
    padding-bottom: 5px;
}

.invitation-box .content .salutation .phone, .invitation-box .content .salutation .phone a {
    font-size: 22px;
    font-weight: normal;
    color: #1d1d1d;
}

.statistics-count {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 8px 0;
    border-bottom: solid 1px #e0e0e0;
}

.statistics-count.large {
    box-shadow: none;
    padding: 24px 0;
    margin-bottom: 13px;
}

.statistics-count.view-only {
    width: auto;
    float: right;
    padding: 0;
    border-bottom: 0;
}

.statistics-count .state {
    float: left;
    width: 33.3%;
    border-right: solid 0.5px #d9d9d9;
    padding: 0 20px;
    text-align: center;
}

.statistics-count.view-only .state {
    width: auto;
}

.statistics-count.large .state {
    padding: 0 24px;
}

.statistics-count .state.left {
    text-align: left;
}

.statistics-count .state.right {
    text-align: right;
}

.statistics-count .state.center {
    text-align: center;
}

.statistics-count .state:nth-last-child(1) {
    width: 100%;
}

.statistics-count .state:nth-last-child(2),
.statistics-count .state:nth-last-child(2) ~ .state {
    width: 50%;
    text-align: center;
}

.statistics-count .state:nth-last-child(2),
.statistics-count .state:nth-last-child(2) ~ .state {
    width: 50%;
}

.statistics-count .state:nth-last-child(3),
.statistics-count .state:nth-last-child(3) ~ .state {
    width: 33.3%;
}

.statistics-count .state:nth-child(2) {
    text-align: center;
}

.statistics-count .state:last-child {
    text-align: right;
}

.statistics-count .state:first-child:last-child {
    text-align: center;
}

.statistics-count.view-only .state:first-child:last-child {
    text-align: right;
}

.statistics-count .state:last-of-type {
    border-right: 0;
}

.statistics-count .state span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    color: #8f8e8e;
    line-height: normal;
}

.statistics-count.large .state span {
    font-size: 14px;
}

.statistics-count .state span.head {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.06;
    color: #ff4437;
}

.statistics-count.view-only .state span.head {
    color: #1d1d1d;
}

.statistics-count.large .state span.head {
    font-size: 20px;
}

.tribute-prefilled h2 {
    padding: 15px 25px;
    float: left;
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    border-bottom: solid 0.5px #e0e0e0;
}

.tribute-prefilled .detail {
    float: left;
    width: 100%;
    padding: 18px 25px;
}

.tribute-prefilled .detail blockquote {
    float: left;
    width: 100%;
    font-family: Source Sans Pro, Mukta Malar, Catamaran;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #1d1d1d;
    letter-spacing: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
    border-left: 0;
    text-indent: 26px;
    margin-bottom: 20px;
}

.tribute-prefilled .detail blockquote:before {
    color: rgba(143, 142, 142, 0.37);
    font-size: 57px;
    line-height: normal;
    top: -19px;
    left: -28px;
    content: "“";
}

.tribute-prefilled .detail blockquote:after {
    content: '';
}

.tribute-prefilled .detail button {
    float: left;
    width: 100%;
    text-transform: uppercase;
}

.create-memo-container .main-header {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #1d1d1d;
    padding: 17px 35px;
    background-color: #f8f8f8;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
    box-shadow: none;
}

.create-memo-container .main-header:first-of-type {
    border-top: 0;
}

.create-memo-container .main-detail {
    float: left;
    width: 100%;
    padding: 27px 35px 0;
}

.create-memo-container .main-detail .control {
    float: left;
    width: 100%;
    padding-bottom: 14px;
}

.create-memo-container .main-detail .control .main-lbl {
    float: left;
    width: 147px;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    text-align: right;
    color: #1d1d1d;
    padding-top: 7px;
}

.create-memo-container .main-detail .control .control-item {
    float: left;
    padding-left: 16px;
    width: calc(100% - 147px);
}

.create-memo-container .main-detail .control .control-item textarea {
    height: 121px;
}

.create-memo-container .main-detail .control .control-item .control-group {
    padding-bottom: 0;
}

.image-slideshow {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
}

.image-slideshow > li {
    float: left;
    width: 134px;
    position: relative;
}

.image-slideshow > li img {
    float: left;
    width: 126px;
    height: 89px;
    border-radius: 4px;
}

.image-slideshow > li.add {
    width: 126px;
    height: 89px;
    border-radius: 2px;
    border: dashed 1.5px rgba(188, 188, 188, 0.53);
    background-color: #f1f1f1;
    text-align: center;
    line-height: 89px;
}

.image-slideshow > li.add span {
    font-size: 49px;
    font-weight: normal;
    color: rgba(29, 29, 29, 0.19);
}

.image-slideshow > li .actions {
    display: none;
}

.image-slideshow > li:hover .actions {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.76);
    width: calc(100% - 8px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    text-align: center;
}

.image-slideshow > li:hover .actions > button {
    width: 20px;
    height: 20px;
    background: transparent;
    padding: 0;
    margin-top: 35px;
}

.image-slideshow > li:hover .actions > button i {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 1800px;
    background-position: -1409px -975px;
}

@media (min-width: 375px) {
    .list-photos > li {
        width: 113px;
        height: 113px;
    }
}

@media (min-width: 425px) {

    .list-photos > li {
        width: 97px;
        height: 97px;
    }
}

@media (max-width: 560px) {
    .notice-content > .address {
        background-color: transparent;
        border: 0px;
        padding: 0px;
    }

    .notice-content > .address > a {
        top: 0px;
        right: 0px;
        /*position: relative;
            margin-top: 10px;
            right: auto;
            clear: both;
            float: left;
            padding: 6px 0px;*/;
    }

    .notice-content > .address > span {
        width: 100%;
    }

    .share-buttons-with-label .round-button {
        width: 32%;
        padding: 10px;
    }

    .icon-card-button {
        padding: 10px;
    }

    .icon-card-button button {
        display: block;
        margin: 10px auto 0;
    }

    .icon-card-button .icon {
        margin-right: 10px;
    }

    .icon-card-button .detail {
        width: calc(100% - 68px);
        padding-right: 0;
    }
}

@media (min-width: 500px) {

    .list-photos > li {
        width: 88px;
        height: 88px;
    }
}

@media (min-width: 700px) {

    .list-photos > li {
        width: 110px;
        height: 110px;
    }
}

@media (max-width: 545px) {

    .notice-card-large > button {
        position: relative;
        right: auto;
        bottom: auto;
        float: right;
        margin-top: 15px;
    }

    .notice-card-large > .subhead {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    /*.sticky-header {
        display: none;
    }*/
    .profile-menu.duplicate.shown {
        display: inline-block;
    }

    .profile-header > .photo {
        width: 100%;
        text-align: center;
    }

    .profile-header.small > .photo {
        width: auto;
        text-align: left;
    }

    .profile-header-group {
        padding: 0px;
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .premium .premium-profile-container .buttons {
        display: none;
    }

    .profile-header-group .single-profile {
        float: none;
    }

    .profile-header-group .single-profile:last-of-type {
        margin-bottom: 20px;
    }

    .profile-header-group > .buttons {
        margin-bottom: 20px;
    }

    .profile-header > .info, .profile-header > .places, .profile-header > .buttons, .profile-header-group > .buttons {
        width: 100%;
    }

    .profile-header.small > .info {
        padding: 10px 10px 10px 0px;
        width: calc(100% - 120px);
    }

    .profile-header.small > .info > .name, .profile-header.small > .info > .position {
        text-align: left;
    }

    .profile-header > .buttons.hide-mobile, .profile-header-group > .buttons.hide-mobile {
        display: none;
    }

    .profile-menu {
        border: 0px;
        margin-top: 8px;
        height: auto;
        position: fixed;
        bottom: 0px;
        left: 0px;
        /*border-top: solid 1px #d2d2d2;*/
        box-shadow: 0 -7px 23px 0 rgba(0, 0, 0, 0.11);
        border-radius: 0;
    }

    .profile-menu > ul > li > a {
        padding: 7px 2px;
        display: inline-block;
        width: 100%;
    }

    .profile-menu > ul > li.active {
        background-color: #45536f;
        border-bottom: 0px;
    }

    .profile-menu > ul > li > a > img {
        margin-right: 0px;
        width: 15px;
        margin-top: 0px;
    }

    .profile-menu > ul > li > a > i {
        background-position: center;
        margin-right: 0px;
        background-size: 800px;
    }

    .profile-menu > ul > li > a > i.timeline {
        background-position: -17px -359px;
    }

    .profile-menu > ul > li.active > a > i.timeline {
        background-position: -42px -359px;
    }

    .profile-menu > ul > li > a > i.about {
        background-position: -67px -359px;
        background-size: 800px;
    }

    .profile-menu > ul > li.active > a > i.about {
        background-position: -93px -359px;
    }

    .profile-menu > ul > li > a > i.photos {
        background-position: -102px -313px;
        background-size: 700px;
    }

    .profile-menu > ul > li.active > a > i.photos {
        background-position: -123px -313px;
    }

    .profile-menu > ul > li > a > i.life-story-icon {
        background-position: -319px -359px;
    }

    .profile-menu > ul > li.active > a > i.life-story-icon {
        background-position: -344px -359px;
    }

    .profile-menu > ul > li > a > i.more {
        background-position: -418px -359px;
    }

    .profile-menu > ul > li > a > i.notice {
        background-position: -269px -359px;
        background-size: 800px;
    }

    .profile-menu > ul > li.active > a > i.notice {
        background-position: -294px -359px;
    }

    .profile-menu > ul > li > a > i.tributes {
        background-position: -469px -359px;
        background-size: 800px;
    }

    .profile-menu > ul > li.active > a > i.tributes {
        background-position: -493px -359px;
    }

    .profile-menu > ul > li > a > i.feedbacks {
        background-position: -218px -359px;
        background-size: 800px;
    }

    .profile-menu > ul > li.active > a > i.feedbacks {
        background-position: -244px -359px;
    }

    .profile-menu > ul > li > a > span {
        display: block;
        font-size: 12px;
    }

    .profile-menu > ul > li > a > span.hide-mobile {
        display: none;
    }

    .profile-menu > ul > li > a > span.show-mobile {
        display: block !important;
    }

    #li_notice img {
        width: 11px;
        height: auto;
    }

    .publishedby {
        margin-bottom: 6px;
    }

    .publishedby img.publish-logo {
        width: 90px;
    }

    .publishedby .contact {
        font-size: 12px;
        padding: 6px 0px 6px 8px;
        top: calc(50% - 17px);
    }

    .publishedby .contact > img {
        width: 12px;
        height: 12px;
        margin-right: 4px;
    }

    .publishedby .contact > span {
        display: none;
    }

    .publishedby > .container > div {
        min-height: 50px;
    }

    .memorial > .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .profile-header {
        border: 0px;
        border-radius: 0px;
    }

    .profile-header > .photo > img {
        width: 260px;
        height: auto;
        /*min-height: initial;*/;
    }

    .profile-header.small > .photo > img {
        width: 100px;
        height: 120px;
    }

    .profile-header > .info {
        padding: 0px 18px 10px;
        /*border-bottom: 0px;*/
        border-bottom: solid 1px #e0e0e0;
        margin-bottom: 0;
    }

    .premium .profile-header > .photo {
        padding-top: 0;
        min-height: initial;
    }

    .premium .profile-header > .border + .photo {
        padding-top: 44px;
    }

    .profile-header > .info > .name {
        font-size: 16px;
        line-height: 1.31;
        text-align: center;
    }

    .profile-header > .info > .position {
        font-size: 14px;
        text-align: center;
        color: #8f8e8e;
    }

    .profile-header > .info > .dates, .profile-header > .places {
        display: none;
    }

    .profile-header > .buttons, .profile-header-group > .buttons, .premium .premium-profile-container .buttons {
        padding: 0px;
    }

    .profile-header > .buttons > button, .profile-header-group > .buttons > button, .premium .premium-profile-container .buttons > button {
        border-right: 0px;
        border-left: 0px !important;
        padding: 0px;
        width: 25%;
        height: 60px;
        border-top: 0;
    }

    .profile-header-group > .buttons > button {
        border-top: solid 1px #e0e0e0;
    }
    /*.profile-header > .buttons > button:first-child:nth-last-child(1) {
                    width: 100%;
                }

                .profile-header > .buttons > button:first-child:nth-last-child(2),
                .profile-header > .buttons > button:first-child:nth-last-child(2) ~ button {
                    width: 50%;
                }

                .profile-header > .buttons > button:first-child:nth-last-child(3),
                .profile-header > .buttons > button:first-child:nth-last-child(3) ~ button {
                    width: 33.3333%;
                }

                .profile-header > .buttons > button:first-child:nth-last-child(4),
                .profile-header > .buttons > button:first-child:nth-last-child(4) ~ button {
                    width: 25%;
                }*/
    .profile-header > .buttons > button:not(.hide-mobile):first-of-type:nth-last-child(3),
    .profile-header > .buttons > button:first-child:nth-last-child(3) ~ button {
        width: 33.3333%;
    }

    .profile-header > .buttons > button > i, .profile-header-group > .buttons > button > i, .premium .premium-profile-container .buttons > button > i {
        padding-left: 0px;
        margin-bottom: 3px;
        margin-top: 3px;
    }

    .profile-header > .buttons > button.active > i.follow, .profile-header-group > .buttons > button.active > i.follow, .premium .premium-profile-container .buttons > button.active > i.follow {
        background-position: -652px -14px;
    }

    .profile-header > .buttons > button > i.share1, .profile-header-group > .buttons > button > i.share1, .premium .premium-profile-container .buttons > button > i.share1 {
        background-position: -935px -19px;
    }

    .profile-header > .buttons > button > span, .profile-header-group > .buttons > button > span, .premium .premium-profile-container .buttons > button > span {
        display: block;
        font-weight: normal;
    }

    .profile-header > .buttons > button > i.tribute, .profile-header-group > .buttons > button > i.tribute, .premium .premium-profile-container .buttons > button > i.tribute {
        background-position: -1109px -868px;
        background-size: 1600px;
    }

    .profile-header > .buttons > button > i.message, .profile-header-group > .buttons > button > i.message, .premium .premium-profile-container .buttons > button > i.message {
        background-position: -964px -867px;
        background-size: 1600px;
        width: 18px;
    }

    .profile-header > .buttons > button > i.memories, .profile-header-group > .buttons > button > i.memories, .premium .premium-profile-container .buttons > button > i.memories {
        background-position: -1142px -868px;
        background-size: 1600px;
    }

    .memorial-content {
        margin-top: 9px;
    }

    .post-tribute-holder {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
        padding: 15px;
    }

    .about-menu {
        display: none;
    }

    .about-content {
        margin-left: 0px;
        width: 100%;
    }

    .about-card {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .about-card > .header {
        padding: 16px 15px;
    }

    .about-card > .body {
        padding: 15px;
    }

    .about-card > .body > .list-similar li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .about-card > .body > ul.medium > li {
        margin-bottom: 10px;
    }

    .about-card > .body > ul.small > li {
        margin-bottom: 10px;
    }

    .memorial-content > .content-left, .memorial-content > .content-right {
        width: 100%;
    }

    .box-card {
        /*border-left: 0px;
        border-right: 0px;
        border-radius: 0px;*/;
    }

    /*.notice-content {
        padding: 15px;
    }*/

    .photos-section {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .photos-section > .heading {
        padding-left: 15px;
    }

    .photos-section > .body {
        padding: 15px;
    }

    .photos-section > .body > .buttons {
        right: 0px;
        position: relative;
        top: 0px;
        float: right;
    }

    .photos-section > .body > .section > .sec-body > ul.album {
        margin-left: 0px;
    }

    .photos-section > .body > .section > .sec-body > ul.album > li {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .photos-section > .body > .section > .sec-body > ul > li {
        width: 100%;
        padding-right: 0px;
    }

    .photos-section > .body > .section > .sec-body > ul > li.add {
        width: 100%;
    }

    .timeline-feed > .timeline-body {
        padding: 13px 10px 17px 15px;
    }

    .timeline-feed > .footer {
        padding: 0px 12px 0px 15px;
    }

    .timeline-feed > .footer > span {
        padding-right: 130px;
    }

    .timeline-feed > .footer.noaction > span {
        padding-right: 10px;
    }

    .timeline-feed-event ul > li {
        border-right: 0px;
        padding-bottom: 10px;
    }

    .notice-main-card {
        border-right: solid 0px #ff4437;
        border-left: solid 0px #ff4437;
        border-radius: 4px;
    }

    .notice-main-card > .image {
        text-align: center;
        width: 100%;
        padding-right: 0;
    }

    .notice-main-card > .detail {
        padding: 5px 0px;
        text-align: center;
        width: 100%;
    }

    .notice-main-card > .detail > .head {
        text-align: center;
        display: block;
    }

    .notice-main-card > .detail > .date {
        display: inline-block;
        padding-bottom: 15px;
        width: 100%;
        text-align: center;
    }

    .notice-main-card > .rippon {
        right: 12px;
    }

    /*.link-light {
        padding-left: 15px;
    }*/

    .views {
        padding-left: 15px;
    }

    .sliding-tabs > a:last-of-type {
        width: 90px;
    }

    .post-tribute > .tab-container {
        padding-left: 0px;
    }

    .post-tribute a + span.label, .post-tribute div + span.label {
        /*padding: 4px 15px;*/
        /*display: inline-block;*/
        /*width: calc(100% - 80px);*/
        /*float: left;*/
        line-height: 21px;
        white-space: normal;
        /*min-height: 50px;*/;
    }

    .timeline-card {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .blocks > h4 {
        /*padding-left: 19px;*/
        padding-bottom: 6px;
    }

    .blocks.tributes > h4 {
        padding-left: 19px;
    }

    /*.contact > .box-card > .header > span {
        width: calc(100% - 115px);
    }*/

    .contact > .box-card > .body {
        padding: 10px 10px 5px;
    }

    /*body {
        padding-bottom: 833px;
    }*/

    .main-footer {
        padding-bottom: 63px;
    }

    /*.list-photos > li img {
        width: 92px;
        height: 92px;
    }*/

    .invitation-container {
        padding: 15px;
    }

    .invitation-container > .content > .border, .corner-border .border {
        width: 60px;
        height: 60px;
    }

    .corner-border .top-left {
        left: 12px;
    }

    .corner-border .top-right {
        right: 12px;
    }

    .invitation-container > .content > .top-left:before {
        left: 59px;
    }

    .invitation-container > .content > .top-left:after {
        top: 59px;
    }

    .invitation-container > .content > .bottom-left:before {
        left: 59px;
        bottom: 47px;
    }

    .invitation-container > .content > .bottom-left:after {
        right: 47px;
        top: 59px;
    }

    .invitation-container > .content > .bottom-right:before {
        left: 59px;
        bottom: 47px;
    }

    .invitation-container > .content > .bottom-right:after {
        right: 47px;
        top: 59px;
    }

    .invitation-container > .content > .top-right:before {
        left: 59px;
        bottom: 48px;
    }

    .invitation-container > .content > .top-right:after {
        right: 47px;
        top: 59px;
    }

    .invitation-container > .content > .name {
        line-height: 34px;
    }

    .timeline-feed.no-bottom {
        border-radius: 0px;
        border-left: 0px;
        border-right: 0px;
    }

    .public-figure .profile-container {
        text-align: center;
    }

    .public-figure .profile-container > .photo {
        float: none;
        width: 100%;
    }

    .public-figure .profile-container > .detail {
        width: 100%;
        padding-top: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .public-figure .profile-container > .detail > .quote {
        padding-bottom: 5px;
    }

    .public-figure .profile-container > .detail > .buttons {
        position: relative;
        bottom: auto;
        float: left;
        width: 100%;
        text-align: center;
        display: table;
        padding-bottom: 20px;
    }

    .public-figure .profile-container > .detail > .buttons > button {
        float: none;
    }

    .premium .profile-header > .info {
        padding: 16px 12px 12px;
    }

    .corner-border {
        padding-bottom: 0px;
    }

    .profile-title + .premium-profile-container {
        padding: 0;
    }

    .premium-profile-container {
        padding: 24px 0 0;
    }

    .lifestory {
        padding: 25px;
    }

    .contact-card > .icon {
        display: none;
    }

    .contact-card > .detail {
        width: 100%;
        margin-left: 0px;
        padding: 20px;
    }

    .memorial-contact-container > h2, .memorial-contact-container > .memorial-contact-content {
        padding: 19px;
    }

    .events .box-card > .primary-header {
        padding: 20px;
    }

    .events.upcoming .box-card > .header {
        padding: 13px 20px 12px 20px;
    }

    .events.upcoming .box-card > .body {
        padding: 0px 20px 13px;
    }

    .life-story {
        padding: 20px;
    }

    .memorial-package > li > a > ul {
        padding: 21px 30px 0px;
    }

    .memorial-package > li > a > ul > li:before {
        margin-right: 13px;
    }

    .package-selection {
        max-width: 100%;
        padding: 0px 10px;
    }

    .memorial-payment-placeholder {
        width: 100%;
    }

    .payment-secure-terms > p {
        width: calc(100% - 340px);
    }

    .payment-secure-terms > .customer-care {
        width: calc(100% - 460px);
    }

    .memorial-confirm-placeholder {
        width: 100%;
    }

    .memorial-confirm-placeholder > .memorial-confirm > p, .memorial-confirm-placeholder > .memorial-confirm > div > p {
        padding: 0px 20px 30px;
    }

    .whatnext {
        padding-left: 20px;
        padding-right: 20px;
    }

    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        width: 12.5%;
        padding: 0px 5px;
    }

    .days-plan > li {
        width: 16.6%;
        height: 96px;
        padding-right: 10px;
        margin-right: 0px;
    }

    .days-plan > li:nth-of-type(6n) {
        padding-right: 0px;
    }

    .days-plan > li.large {
        width: 100%;
        padding-right: 0px;
    }

    .memorial-confirm-placeholder > .memorial-confirm > .actionlinks {
        padding-bottom: 25px;
    }

    .whatnext > ul > li > div > ul > li {
        padding-bottom: 10px;
    }

    .whatnext > ul > li > div > ul > li > a {
        font-size: 18px;
    }

    .memorial-confirm-placeholder > .memorial-confirm > .actionlinks > a {
        font-size: 16px;
    }

    .contact > .box-card > .body > ul > li {
        padding-bottom: 10px;
    }

    .contact > .box-card > .body > ul > li > span.key {
        width: 60px;
        font-size: 16px;
    }

    .contact > .box-card > .body > ul > li > span.key, .contact > .box-card > .body > ul > li > span.value, .contact > .box-card > .body > ul > li > span.value > a, .contact > .box-card > .body > ul > li > a.value {
        font-size: 16px;
    }

    .whatsapp {
        width: 32px;
        height: 32px;
        background-position: -130px -100px;
        background-size: 310px !important;
    }

    .viber {
        width: 32px;
        height: 32px;
        background-position: -102px -100px;
        background-size: 310px !important;
    }

    .overview-card.tribute > .overview-content {
        max-width: 100%;
        width: 100%;
    }

    .overview-card.tribute > .share-buttons {
        width: 100%;
        text-align: center;
        margin-top: 0;
        max-width: 100%;
    }

    .tribute-detail-profile .share-buttons {
        display: none;
    }

    .box-card.footer-only {
        border-left: 0 !important;
        border-radius: 0 !important;
    }

    .tribute-detail-profile .detail {
        width: calc(100% - 83px);
    }

    .tribute-card {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width {
        /*overflow: hidden;
        height: 100px;
        max-width: calc(100% - 105px);*/;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 100px !important;
        height: 100px !important;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 30px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 768px) {
    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        width: 14.28%;
        padding: 0px 5px;
    }

    .profile-menu > ul > li:nth-of-type(7), .profile-menu > ul > li:nth-of-type(8) {
        display: none;
    }

    #li_more {
        display: inline-block;
    }

    .memorial-package-placeholder {
        padding: 0px 10px;
    }

    .memorial-payment-placeholder > .memorial-payment > h2 {
        padding: 0px 15px 22px;
    }

    .summary-header {
        padding: 17px 24px 1px;
        width: 100%;
        margin-left: 0px;
    }

    .summary-header:before, .summary-header:after {
        display: none;
    }

    /*.summary-header > ul > li {
            padding-bottom: 15px;
        }

            .summary-header > ul > li > .heading {
                font-size: 14px;
            }

            .summary-header > ul > li > .detail {
                font-size: 16px;
            }*/

    .summary-item {
        padding: 22px 15px;
    }
    /*.summary-item > .item > h2 {
            font-size: 18px;
        }*/

    .summary-item > .price, .summary-item > ul > li > span.sub-label {
        width: 100px;
        /*font-size: 20px;*/;
    }

    .summary-item > .item, .summary-item > ul > li > span.main-label {
        width: calc(100% - 100px);
    }

    /*.summary-item > ul > li.large > span.sub-label {
            font-size: 20px;
        }*/
    .payment-methods-holder > .payment-methods > .payment-types {
        width: 100%;
    }

    .payment-methods-holder > .payment-methods > .payment-detail {
        width: 100%;
        border-left: 0px;
        padding: 15px;
    }

    .section-bank > .bank-list {
        width: 100%;
    }

    .payment-secure-terms > p {
        width: calc(100% - 80px);
    }

    .payment-secure-terms > .customer-care {
        width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    .payment-secure {
        position: initial;
        padding: 5px 15px 20px;
    }

    .payment-secure > div {
        width: 100%;
        position: relative;
        margin-top: 5px;
    }

    .payment-secure > div > .icon {
        left: 0px;
    }

    .payment-secure > div > p {
        padding-top: 0px;
    }

    .payment-secure > button {
        float: none;
        margin: 0px auto 15px;
    }

    .days-plan > li {
        width: 20%;
        height: 96px;
        padding-right: 10px;
        margin-right: 0px;
    }

    .days-plan > li:nth-of-type(6n) {
        padding-right: 10px;
    }

    .days-plan > li:nth-of-type(5n) {
        padding-right: 0px;
    }

    .days-plan > li.large {
        width: 80%;
        padding-right: 0px;
    }

    .payment-methods-holder > .payment-methods > .payment-types > ul > li {
        width: 33.3%;
    }

    .payment-methods-holder > .payment-methods > .payment-types > ul > li > a {
        padding: 15px 0px;
        font-size: 16px;
        text-align: center;
    }

    .payment-methods-holder > .payment-methods > .payment-types > ul > li > a > i {
        margin-right: 6px;
    }

    .payment-methods-holder > .payment-methods > .payment-types > ul > li.active > a {
        border-bottom: solid 2px #ff4437;
        border-left: 0px;
    }

    .payment-methods-holder > .payment-methods {
        margin-bottom: 0px;
    }

    .section-bank > .bank-list > ul {
        margin-bottom: 0px;
    }

    .payment-methods-holder > .payment-methods, .payment-methods-holder > .payment-methods > .payment-detail {
        min-height: auto;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 118px;
        height: 118px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 37px;
        font-size: 16px;
    }

    .video-thumb-list .media-content .icon {
        width: 40px;
        height: 40px;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
    }

    .video-thumb-list .media-content .icon:after {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 11px solid #fff;
        left: calc(50% - 3.5px);
        position: absolute;
        top: calc(50% - 7px);
    }
}

@media (max-width: 768px) and (min-width:625px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(3), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(4), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(5) {
        display: inline-block;
    }
}

@media (max-width: 721px) {
    .memorial-package > li {
        width: 100%;
        max-width: 300px;
        margin: 0px auto;
        float: none;
        margin-bottom: 90px;
    }

    .memorial-package > li:last-of-type {
        margin-bottom: 0px;
    }

    .memorial-package > li > a {
        height: auto;
    }

    .memorial-package > li > a > ul {
        padding: 21px 30px 21px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .public-figure .profile-container > .photo {
        float: left;
        width: 325px;
    }

    .public-figure .profile-container > .detail {
        width: calc(100% - 325px);
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }

    .public-figure .profile-container > .detail > .quote {
        padding-bottom: 85px;
    }

    .public-figure .profile-container > .detail > .buttons {
        text-align: left;
        bottom: 30px;
        position: absolute;
        padding-bottom: 0px;
    }

    .public-figure .profile-container > .detail > .buttons > button {
        padding: 13px 21px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(3), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(4), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(5), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(6) {
        display: inline-block;
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        width: 12.5%;
        padding: 0px 5px;
    }

    .profile-menu > ul > li:nth-last-child(-n+2) {
        display: none;
    }

    #li_more {
        display: inline-block;
        /*width: 90px;
        float: right;*/;
    }

    /*#li_contact {
        width: 90px;
        float: right;
    }*/
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 143px;
        height: 143px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 47px;
        width: 100%;
        font-size: 18px;
    }
}

@media (max-width: 625px) {
    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        width: 16.6%;
        padding: 0px 5px;
    }

    /*#li_notice, #li_tributes {
        display: none;
    }*/
    .profile-menu > ul > li:nth-of-type(6), .profile-menu > ul > li:nth-of-type(7), .profile-menu > ul > li:nth-of-type(8) {
        display: none;
    }

    #li_more {
        display: inline-block;
    }

    .memo-order-steps {
        width: 100%;
        margin: 25px auto 50px;
    }

    .days-plan > li {
        width: 25%;
        height: 96px;
        padding-right: 10px;
        margin-right: 0px;
    }

    .days-plan > li:nth-of-type(5n), .days-plan > li:nth-of-type(6n) {
        padding-right: 10px;
    }

    .days-plan > li:nth-of-type(4n) {
        padding-right: 0px;
    }

    .days-plan > li.large {
        width: 50%;
        padding-right: 0px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 98px;
        height: 98px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 30px;
        font-size: 15px;
    }
}

@media (max-width: 625px) and (min-width:525px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(3), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(4) {
        display: inline-block;
    }
}

@media (max-width: 525px) {
    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        width: 20%;
        padding: 0px 5px;
    }

    .profile-menu > ul > li:nth-of-type(5), .profile-menu > ul > li:nth-of-type(6), .profile-menu > ul > li:nth-of-type(7), .profile-menu > ul > li:nth-of-type(8) {
        display: none;
    }

    #li_more {
        display: inline-block;
    }

    .days-plan > li {
        width: 33.3%;
        height: 96px;
        padding-right: 10px;
        margin-right: 0px;
    }

    .days-plan > li:nth-of-type(4n), .days-plan > li:nth-of-type(5n), .days-plan > li:nth-of-type(6n) {
        padding-right: 10px;
    }

    .days-plan > li:nth-of-type(3n) {
        padding-right: 0px;
    }

    .days-plan > li.large {
        width: 100%;
        padding-right: 0px;
    }

    .whatnext > ul > li > div > .header > .loader {
        width: calc(100% - 60px);
        margin-left: 0px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 78px;
        height: 78px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 24px;
        font-size: 12px;
    }
}

@media (min-width: 420px) and (max-width:525px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2), .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(3) {
        display: inline-block;
    }
}

@media (max-width: 500px) {
    .about-card > .footer, .about-card > .header {
        padding-left: 15px;
        text-align: left;
        line-height: normal;
    }

    .about-card > .footer > span {
        display: inline-block;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .about-card > .header > span {
        display: inline-block;
        width: 100%;
        padding-bottom: 10px;
    }

    .about-card > .footer > button, .about-card > .header > button {
        position: relative;
        right: auto;
        top: auto;
        margin-bottom: 15px;
    }

    .about-card > .header > button {
        margin-bottom: 5px;
    }

    body {
        /*padding-bottom: 2080px;*/;
    }

    .post-tribute > .tribute-container {
        text-align: center;
    }

    .post-tribute button {
        /*float: none;
        margin-top: 35px;
        position: absolute;
        right: 0px;*/
        float: right;
    }

    .post-tribute > .tribute-container > div {
        width: 100%;
    }

    .memorial-content > .content-left > div {
        padding-bottom: 15px;
    }

    .memorial-content > .content-left > div.post-tribute {
        padding-bottom: 0px;
    }

    .memorial-content > .content-left > div.overview-card {
        padding-bottom: 0px;
    }

    .memorial-content > .content-left > div.upload.tribute {
        padding: 65px 20px 52px;
    }

    .upload p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .post-tribute > .tribute-container > div > a {
        position: absolute;
        /*top: 35px;*/
        left: 10px;
        bottom: -41px;
    }

    .post-tribute a + span.label {
        width: 100%;
        padding-left: 10px;
    }

    .post-tribute .count > span {
        display: inline-block;
        font-size: 15px;
        color: #ff4437;
    }

    .post-tribute .count > span.name {
        display: none;
    }

    .post-tribute .count > span.mobileonly {
        padding-left: 2px;
        display: inline-block;
    }

    .post-tribute .count {
        border: 0px;
        background: transparent;
        padding-left: 0px;
    }

    .public-figure .profile-container > .detail > .buttons > button {
        padding: 13px 18px;
    }

    .tributes > .feed-card > .card-body > .photo {
        display: none;
    }

    .tributes > .feed-card > .card-body > .comments {
        width: 100%;
        padding: 0px 20px;
    }

    .tributes > .feed-card > .card-body > .comments > a {
        display: inline-block;
        float: left;
        margin-top: 4px;
    }

    .tributes > .feed-card > .card-body > .comments > a > img {
        width: 30px;
        height: 30px;
        float: left;
        margin-right: 10px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .tributes > .feed-card > .card-body > .comments > a > .namecircle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0;
        margin-top: 0;
        font-size: 20px;
    }
    /*.events .box-card > .primary-header > h2 {
        width: 100%;
        text-align: center;
    }*/
    .memo-order-steps > .steps > .current > .text, .memo-order-steps > .steps > .upcoming > .text, .memo-order-steps > .steps > .past > .text {
        font-size: 12px;
        padding-top: 4px;
    }

    .memo-order-steps > .steps > .upcoming > .text {
        padding-top: 0px;
        margin-bottom: -1px;
    }

    .profile-activation {
        padding: 12px;
    }

    .profile-activation > .icon {
        margin-right: 15px;
    }

    .profile-activation > .info-text {
        width: calc(100% - 77px);
        padding-right: 0px;
    }

    .profile-activation > button {
        float: none;
        margin-top: 15px;
    }

    .memorial-package-placeholder button.action {
        padding: 15px;
        width: 100%;
        text-align: center;
    }

    .feed-card > .feed-header.extra {
        height: 55px;
    }

    .feed-card > .feed-header.extra img {
        width: 30px;
        height: 30px;
        margin-top: 12px;
    }

    .feed-card > .feed-header.extra .namecircle {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        margin-top: 12px;
    }

    .tribute-card .card-header img {
        width: 40px;
        height: 40px;
    }

    .tribute-card .card-header .namecircle {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .feed-card .feed-header.extra .headgroup {
        padding-top: 11px;
    }

    .feed-card .feed-header.extra .actions > .minago {
        padding-top: 9px;
    }

    .lifestory {
        padding: 10px;
    }

    .tribute-detail-profile {
        padding: 10px;
    }

    .tribute-detail-profile img {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .lifestory > h2 {
        font-size: 26px;
    }

    .tribute-detail-profile .detail > .sub-head {
        font-size: 13px;
    }

    .tribute-detail-profile .detail {
        width: calc(100% - 63px);
    }

    .tribute-detail-profile .detail > .main-head {
        font-size: 16px;
    }

    /*.video-thumb-list .box-card > .box-body .media-placeholder .media-content {
        width: 50%;
    }*/

    .video-thumb-list .media-content .thumb {
        height: 110px;
    }
}

@media (max-width: 426px) {

    .notice-content {
        padding: 12px;
    }

    .event-list > li > a {
        margin-top: 12px;
        margin-right: 0px;
        display: block;
        width: 100%;
        float: left;
    }

    .event-list > li > div {
        width: 100%;
    }

    .package-addon > ul > li > label {
        padding: 15px;
    }

    .memorial-package-placeholder {
        padding: 0px;
    }

    .memorial-package-placeholder.addon {
        padding: 0px 10px;
    }

    .payment-methods-holder > h2, .package-addon > h2 {
        padding-left: 15px;
    }

    .payment-secure > button {
        width: 100%;
        text-align: center;
    }

    .payment-secure > div > p {
        font-size: 12px;
    }

    .section-bank > .bank-list > ul > li > label > .tick {
        margin-right: 10px;
    }

    .section-bank > .bank-list > ul > li > label {
        padding: 15px 12px;
    }

    .package-addon > ul > li > label > .info {
        width: calc(100% - 155px);
    }

    .package-addon > ul > li > label > .price > span {
        font-size: 18px;
    }

    .package-addon > ul > li > label > .info > .main-label {
        font-size: 16px;
    }

    .summary-item > .item, .summary-item > ul > li > span.main-label {
        width: calc(100% - 120px);
    }

    .summary-item > .price, .summary-item > ul > li > span.sub-label {
        width: 120px;
        font-size: 18px;
    }

    .summary-item > .item > h2 {
        font-size: 18px;
    }

    .summary-item > ul > li.large > span.main-label {
        width: calc(100% - 130px);
    }

    .summary-item > ul > li.large > span.sub-label {
        font-size: 20px;
        width: 130px;
    }

    .memorial-confirm-placeholder > .memorial-confirm.bank > .deposit-info {
        padding: 15px;
    }

    .post-tribute-holder button {
        margin: 0px auto;
        float: none !important;
        display: block;
    }

    /*.overview-card > .overview-content {
        padding-left: 10px;
        padding-right: 10px;
    }*/

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 76px;
        height: 76px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 24px;
        font-size: 12px;
    }

    .notice-content > .video > .icon, .media-content .icon {
        width: 50px;
        height: 50px;
        left: calc(50% - 25px);
        top: calc(50% - 25px);
    }

    .media-content h2 + .icon {
        top: calc(50% - 45px);
    }

    .video-thumb-list .media-content .thumb {
        height: 85px;
    }

    .invitation-box .header .left-corner, .invitation-box .header .right-corner {
        width: 70px;
        height: 70px;
    }

    .invitation-box .header .bottom-corner {
        width: 246px;
        left: calc(50% - 123px);
    }

    .invitation-box .content {
        padding: 20px;
    }

    .invitation-box .content .user-content .text-content p, .invitation-box .content .custom-message p {
        font-size: 17px;
    }

    .invitation-box .content .nonuser-content .highlight-box .sub-head {
        font-size: 18px;
    }

    .invitation-box .content .nonuser-content .highlight-box .address {
        font-size: 16px;
    }

    .invitation-box .content .nonuser-content .highlight-box .date {
        font-size: 20px;
    }

    .invitation-box .content .salutation .salute {
        font-size: 18px;
    }
}

@media (max-width: 415px) {
    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        /*width: 33.3%;*/
        width: 25%;
        padding: 0px 5px;
    }

    .profile-menu > ul > li:nth-of-type(4), .profile-menu > ul > li:nth-of-type(5), .profile-menu > ul > li:nth-of-type(6), .profile-menu > ul > li:nth-of-type(7), .profile-menu > ul > li:nth-of-type(8) {
        display: none;
    }

    #li_more {
        display: inline-block;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 68px;
        height: 68px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 20px;
        font-size: 8px;
    }
}

@media (max-width: 420px) and (min-width:375px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2) {
        display: inline-block;
    }
}

@media (max-width: 405px) {
    .public-figure .profile-container > .detail > .buttons > button {
        padding: 12px 9px;
    }
}

@media (max-width: 376px) {

    .photos-section > .body > .section .buttons {
        float: none;
        width: 100%;
        display: table-caption;
        text-align: center;
    }

    .overview-card > .overview-content > .photos > a {
        width: 82px;
        height: 82px;
    }
}

@media (max-width: 374px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        width: 56px;
        height: 56px;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a > span {
        top: 16px;
        font-size: 8px;
    }
}

@media (max-width: 375px) and (min-width:320px) {

    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more, .timeline-feed > .timeline-body > .photos.adjust-width > a:nth-child(2) {
        display: inline-block;
    }

    .media-content .thumb-single {
        height: 180px;
        background-size: 200%;
    }
}

@media (max-width: 320px) {
    .timeline-feed > .timeline-body > .photos.adjust-width > a {
        display: none;
    }

    .timeline-feed > .timeline-body > .photos.adjust-width > a:first-child, .timeline-feed > .timeline-body > .photos.adjust-width > a.more {
        display: inline-block;
    }
}

@media (max-width: 650px) {
    .profile-header-group .single-profile {
        min-height: initial;
    }
}

@media (max-width: 685px) {
    .print-container {
        text-align: center;
    }

    .print-placeholder {
        float: none;
        margin-left: 0px;
    }

    .write-placeholder {
        padding-top: 10px;
    }

    .write-placeholder .text-container {
        width: 100%;
    }

    .write-placeholder .textarea {
        padding: 0;
        overflow: hidden;
    }

    .write-placeholder .textarea > textarea {
        text-align: center;
        margin-bottom: 10px;
        width: 100%;
        padding-top: 15px;
        border-bottom: solid 1px #dcdcdc;
        min-height: 60px;
        padding-top: 20px;
        margin-bottom: 12px;
        background: #fff;
    }

    .write-placeholder .textarea > button {
        display: block;
        margin: auto;
        margin-bottom: 20px;
        float: none;
        top: auto;
        right: auto;
        position: relative;
        margin-bottom: 15px;
        padding: 7px 14px;
    }
}

@media (min-width: 1024px) {
    .list-photos > li {
        width: 113px;
        height: 113px;
    }

    .list-photos > li:first-child:nth-last-child(1) {
        width: 340px;
        height: 340px;
    }

    .list-photos > li:first-child:nth-last-child(2), .list-photos > li:first-child:nth-last-child(2) ~ li {
        width: 170px;
        height: 170px;
    }
}

@media (max-width: 750px) {
    .box-card {
        border-left: 0px;
        border-radius: 0px;
        border-left: 0px;
    }

    .blocks .box-card {
        border-left: solid 1px #ebebeb;
        border-radius: 4px;
        border-left: solid 1px #ebebeb;
    }

    .profile-activation {
        border-radius: 0px;
        border: 0px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    .profile-header > .buttons > button, .profile-header-group > .buttons > button {
        padding: 8px 16px;
    }

    .memorial-content > .content-left {
        float: left;
        display: inline-block;
        width: 580px;
    }

    .timeline-feed-event ul > li {
        width: 180px;
    }

    .public-figure .profile-container > .detail > .buttons > button {
        padding: 13px 20px;
    }

    .profile-menu > ul > li, .public-figure .profile-menu > ul > li {
        padding: 0px 12px;
    }
}

@media (max-width: 600px) {
    .media-content .thumb {
        height: 180px;
        background-size: 200%;
    }
}

@media (max-width: 321px) {
    .media-content .thumb {
        height: 140px;
        background-size: 200%;
    }
}