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

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

/* ==========================================================================
   Base styles
   ========================================================================== */
::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {vertical-align: middle;}

fieldset {border: 0; margin: 0; padding: 0;}

html {font-size: 1em; line-height: 1.4;}

body {display: flex; flex-direction: column; font-family: 'Open Sans', 'NotoKufiArabic', sans-serif;}
body.has-hero-image {display: inherit;}

main {padding: 25px 0; color: #525252; font-size: 14px; flex: 1 0 auto;}
textarea { resize: vertical;}
p {font-size: 13px; line-height: 20px; text-align: justify; font-weight: 400;}
a {text-decoration: none; color:  #4280aa; font-size: 13px;}
ul {list-style: none;}
h1 {font-size: 18px; font-weight: 300; margin: 0}
h1.title {font-size: 24px;}
h1.price {font-size: 40px; color: #4280aa;}
h2 {font-size: 18px; font-weight: 600; color: #4280aa;}
h3 {font-size: 24px; font-weight: 100; color: #fff; opacity: 0.7;}
h4 {font-size: 16px; font-weight: 600;}
h5 {font-size: 13px; font-weight: 600;}

:hover {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
:hover p,
:hover img,
:hover figure,
:hover h1,
:hover h2 {-webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

::-webkit-input-placeholder {color: #a6a6a6; font-weight: 300;}
:-moz-placeholder {color: #a6a6a6; opacity: 1; font-weight: 300;}
::-moz-placeholder {color: #a6a6a6; opacity: 1; font-weight: 300;}
:-ms-input-placeholder {color: #a6a6a6; font-weight: 300;}
select:required:invalid {color: #a6a6a6;}

.bg_khoolood {background: -webkit-linear-gradient(bottom left, #1e3260, #2f6590); background: -o-linear-gradient(top right, #1e3260, #2f6590); background: -moz-linear-gradient(top left, #1e3260, #2f6590);}

.flex_display {display: flex; justify-content: space-between; height: 100%;}
.flex-left {margin-right: auto;}
.flex-right {margin-left: auto;}
.flex-middle {margin: auto;}

.rtl {direction: rtl;}
.ltr {direction: ltr;}

.container {max-width: 1024px; width: 100%; margin: 0 auto;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-right a {line-height: 25px;}
.align-center {text-align: center;}

.main-button {padding: 10px 20px; border: 1px solid #4280aa; border-radius: 4px; font-weight: 600;}
.main-button:hover {background: #4280aa; color: #fff;}
.main-button.alt {background: #4280aa; color: #fff; padding: 10px 30px; font-weight: 400; border: 1px solid #4280aa;}
.main-button.alt:hover {background: #74BFD6; border: 1px solid #74BFD6;}
.main-button.white {background: transparent; color: #fff; border: 1px solid #fff;}
.main-button.green {background: #5EAA76; color: #fff; border: 1px solid #5EAA76;}
.main-button.white:hover {background: #fff; color: #4280aa; border: 1px solid #fff;}
.call-to-action {padding:18px 0 35px 0;}
.uppercase {text-transform: uppercase;}

.load-more {padding-bottom: 30px;}
.load-more .main-button {padding: 10px 60px;}
.facebook-icon {width: 15px; vertical-align: sub;}
.fb-login-button {width: 100%; text-align: center;}
.capitalize {text-transform: capitalize;}

.share-content {padding-right: 20px; background: url('../img/share-icon.svg') no-repeat right 1px; background-size: 14px; line-height: 25px;}
.share-content a {text-transform: uppercase; font-size: 13px !important; color: #4280aa;}

.filter {background: url('../img/filter_icon.svg') no-repeat left; background-size: 15px; padding-left: 23px;}

.email-link {color: #4280aa; font-weight: 600; position: relative;}
.email-link:after {content: ''; width: 100%; height: 1px; background: #4280aa; position: absolute; bottom: -3px; left: 0;}

.not-found {font-weight: 600;}
.social-icon a {color: #4280aa !important;}
.follow-us span {font-size: 11px; color: #525252; line-height: 27px; border-left: 1px solid #dfe0e0; padding-left: 10px;}
.rtl .follow-us span {border-right: 1px solid #dfe0e0; border-left: none; padding-left: 0px; padding-right: 10px;}

input, textarea, select {outline: none;}
input[type="text"], input[type="email"], input[type="password"], textarea, select, input[type="number"] {color: #525252; font-size: 14px; border: 1px solid #BEBEBE; border-radius: 4px; font-family: 'Open Sans', 'NotoKufiArabic', sans-serif; width: 100%; display: block; padding: 15px 10px; margin: 10px 0 15px 0; line-height: 17px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus {border: 1px solid #4280aa;}
input[type="submit"] {font-size: 14px; border-radius: 4px; cursor: pointer; font-family: 'Open Sans', sans-serif;}
textarea {min-height: 151px; overflow-x: hidden;}
select {background: url('../img/down-arrow.svg') no-repeat right 23px top 15px; -webkit-appearance: none; background-size: 10px; cursor: pointer; padding: 10px;}
input[type="text"].date {background: url('../img/date-icon.svg') no-repeat right 23px top 12px; background-size: 20px; padding-right: 55px;}
input[type="text"].time {background: url('../img/time-icon.svg') no-repeat right 23px top 12px; background-size: 20px;}
input[type="text"].location {background: url('../img/location-icon.svg') no-repeat right 23px top 10px; background-size: 18px;}
input[type="text"].resting-place {background: url('../img/resting-location-icon.svg') no-repeat left 15px top 9px; background-size: 18px; padding-left: 45px;}
input[type="text"].related-comm {background: url('../img/community-icon.svg') no-repeat left 14px top 11px; background-size: 21px; padding-left: 45px;}
input[type="text"].small-search {border: none; border-bottom: 1px solid #e7e8e8; border-radius: 0; background: url("../img/black-search-icon.svg") no-repeat left; background-size: 15px; padding: 10px 20px; margin: 0 0 15px 0;}

input {vertical-align: top;}
input[type="checkbox"] {visibility: hidden;}
.checkbox-btn {position: relative; margin-bottom: 8px;}
.checkbox-btn.alt {margin-bottom: 30px;}
.checkbox-btn label {cursor: pointer; position: absolute; width: 18px; height: 18px; top: 0; left: 0; background: #fff; border-radius: 3px; border: 1px solid #4280aa;}
.checkbox-btn.alt label {border: 1px solid #BEBEBE;}
.checkbox-btn label:after {opacity: 0; content: url('../img/arrow.svg'); position: absolute; width: 80%; background: transparent; top: -2px; left: 2px;}
.checkbox-btn.alt label:after {top: -9px;}
.checkbox-btn input[type="checkbox"]:checked + label {background: #4280aa; border: 1px solid #4280aa;}
.checkbox-btn.alt input[type="checkbox"]:checked + label {background: #4280aa; border: 1px solid #4280aa;}
.checkbox-btn input[type="checkbox"]:checked + label:after {opacity: 1;}
.checkbox-btn p {width: 300px; margin-left: 28px; color: #525252; font-weight: 300; margin-top: -4px;}

input[type="radio"] {visibility: hidden;}
.radio-btn {position: relative; margin-bottom: 20px; display: inline-block; width: 125px;}
.radio-btn label {cursor: pointer; position: absolute; width: 19px; height: 19px; top: 0; left: 0; background: #fff; border-radius: 11px; border: 1px solid #4280aa;}
.radio-btn label:after { opacity: 0; content: url('../img/arrow.svg'); position: absolute; width: 80%; background: transparent; top: 0; left: 2px;}
.radio-btn input[type="radio"]:checked + label {background: #4280aa; border: 1px solid #4280aa;}
.radio-btn input[type="radio"]:checked + label:after {opacity: 1;}
.radio-btn p {margin-left: 25px; width: 110px;}

.push-margin-top {margin-top: 25%;}
.push-padding-left {padding-left: 20px;}
.rtl .push-padding-left {padding-right: 20px; padding-left: 0;}
.push-padding-right {padding-right: 35px;}
.margin-bottom {margin-bottom: 25px;}
.no-margin {margin: 0 !important;}

.border-top {padding: 25px 0 30px 0; margin-top: 25px; border-top: 1px solid #dfe0e0;}
.border-bottom {border-bottom: 1px solid #dfe0e0; margin-bottom: 20px; padding-bottom: 20px;}
.border-bottom .small-search {padding-top: 15px !important;}
.border-right:after {content:''; height: 100%; width: 1px; position: absolute; background: #dfe0e0; top: 0; right: 10px;}
.border-right form {padding-right: 50px;}
.border-left:before {content:''; height: 100%; width: 1px; position: absolute; background: #dfe0e0; top: 0; left: -26px;}
.popup-menu .border-bottom { margin-bottom: 10px; padding-bottom: 10px;}

.google_map iframe {width: 100%; margin-bottom: 10px;}
.g-recaptcha {margin-bottom: 20px;}
.g-recaptcha > div {width: 100% !important;}
.google-ad > div {text-align: center; margin-bottom: 15px;}
aside .google-ad > div {margin-bottom: 0; margin-top: 15px;}

.normal-weight {font-weight: normal;}
.bold {font-weight: 600;}
.error {color: #FF7575; text-align: center; margin-top: 10px; font-size: 14px;}
.error_image {border: 1px solid #FF7575; border-radius: 3px;}
.error_image img {margin: 5px;}
.has-error > input,
.has-error > textarea,
.has-error .ui-spinner > input {border: 1px solid #FF7575;}
.success-message {color: #5EAA76 !important;}

.rtl .success-message {text-align: left; margin-bottom: 10px;}

.mobile-view {display: none;}

figure.profile {height: 50px; width: 50px; border-radius: 50%; margin: 0; padding: 0; background: url('../img/avatar.svg') no-repeat center; background-size: cover;}
figure.memorial {height: 50px; width: 50px; border-radius: 50%; margin: 0; padding: 0; background: url('../img/memorial-icon.svg') no-repeat top center; background-size: cover;}
figure.obituary {height: 50px; width: 50px; border-radius: 50%; margin: 0; padding: 0; background: url('../img/obituary.svg') no-repeat top center; background-size: cover;}
figure.single-memorial {border: 1px solid #fff; border-radius: 50%; width: 150px; height: 150px; background: #fff url('../img/memorial-icon.svg') no-repeat top center; background-size: cover;}
figure.single-obituary {border: 2px solid #fff; border-radius: 50%; width: 150px; height: 150px; background: #fff url('../img/obituary.svg') no-repeat top center; background-size: cover; margin: 0; padding: 0;}
figure.famous-death {height: 50px; width: 50px; border-radius: 50%; margin: 0; padding: 0; background: url('../img/obituary.svg') no-repeat top center; background-size: cover;}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}

/* ==========================================================================
   Loader
   ========================================================================== */
.loader {border: 2px solid #fff; border-top: 2px solid #4280aa; border-radius: 50%; width: 25px; height: 25px; animation: spin 2s linear infinite; margin: 0 auto; padding: 16px;}
.loader.alt {border-color: #eee; border-top: 2px solid #4280aa;}
.loader.alt.follow-btn {padding: 12px;}
.align-right .loader.alt {float: right;}
.align-left .loader.alt {float: left;}
.rtl .align-right .loader.alt {float: left;}
.communities-page .loader.alt,
.find-community-result-page .loader.alt {margin-right: 60px; padding: 10px;}
.admin-controls .loader {display: inline-block; position: relative; top: 10px; left: 10px;}
.rtl .admin-controls .loader {top: 14px; left: -2px;}
@keyframes spin { 0% { transform: rotate(0deg); }  100% { transform: rotate(360deg); }}

.bounce {display: inline-block; position: relative; -moz-animation: bounce 1s infinite linear; -o-animation: bounce 1s infinite linear; -webkit-animation: bounce 1s infinite linear; animation: bounce 1s infinite linear;}
@-webkit-keyframes bounce {0% { top: 0; }50% { top: -0.2em; }70% { top: -0.3em; }100% { top: 0; }}
@-moz-keyframes bounce {0% { top: 0; }50% { top: -0.2em; }70% { top: -0.3em; }100% { top: 0; }}
@-o-keyframes bounce {0% { top: 0; }
    50% { top: -0.2em; }70% { top: -0.3em; }100% { top: 0; }}
@-ms-keyframes bounce {0% { top: 0; }50% { top: -0.2em; }70% { top: -0.3em; }100% { top: 0; }}
@keyframes bounce {0% { top: 0; }50% { top: -0.2em; }70% { top: -0.3em; }100% { top: 0; }}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
.admin-controls .hidden {display: none !important;}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {content: " "; /* 1 */ display: table; /* 2 */}

.clearfix:after {clear: both;}

/* ==========================================================================
   Grid System
   ========================================================================== */
.row,
.column {box-sizing: border-box;}
.row:before,
.row:after {content: " "; display: table;}
.row:after {clear: both;}
.column {position: relative; float: left; display: block;}
.rtl .column {float: right;}
.column + .column {margin-left: 1.6%;}
.column-1 {width: 6.86666666667%;}
.column-2 {width: 15.3333333333%;}
.column-3 {width: 23.8%;}
.column-4 {width: 32.2666666667%;}
.column-5 {width: 40.7333333333%;}
.column-6 {width: 49.2%;}
.column-7 {width: 57.6666666667%;}
.column-8 {width: 66.1333333333%;}
.column-9 {width: 74.6%;}
.column-10 {width: 83.0666666667%;}
.column-11 {width: 91.5333333333%;}
.column-12 {width: 100%; margin-left: 0;}

/* ==========================================================================
   Menu
   ========================================================================== */
header {background: transparent;}
header .top_menu {background: #fff; height: 26px;}
header .top_menu > div ul li {display: inline-block; margin: 0 3px; height: 100%; vertical-align: middle}
header .top_menu > div ul li a {display: inline-block;font-size: 11px; color: #525252;}
header .top_menu div ul.language_menu a {text-align: right; color: #4D4D4D}
header .top_menu div ul.language_menu li {margin: 0 8px;}
header .top_menu div ul.language_menu span {margin: 0 3px;}
header .top_menu div ul.language_menu li:last-child,
header .top_menu div ul.language_menu span:last-child {margin-right: 0;}

header .menu {height: 47px; max-width: 1024px; margin: 0 auto; position: relative; z-index: 10;}
header .menu .logo img {vertical-align: inherit; max-width: 113px;}
header .menu ul {vertical-align: bottom; display: inline-block; font-size: 14px; padding: 24px 0 0 0;}
header .menu ul li {display: inline-block; text-align: center; vertical-align: middle;}
header .main-top-menu ul li {margin: 0 20px;}
header .main-bottom-menu ul li {margin: 0 34px;}
.fr-lng header .main-bottom-menu ul li {margin: 0 27px;}
.rtl header .main-top-menu ul li {margin: 0 20px;}
header .menu ul li:first-child,
header .main-bottom-menu ul li:first-child {margin-left: 0;}
header .main-bottom-menu ul li:last-child {margin-right: 0;}
header .menu ul li a {width: 100%; display: inline-block; color: #fff; position: relative; font-size: 13px;}
header .menu ul li a:before {content: ""; position: absolute; width: 100%; height: 1px; bottom: -11px; left: 0; background-color: #fff; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.rtl header .menu ul li a:before {bottom: -14px;}
header .menu ul li a.active:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); height: 4px;}
header .menu ul li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
header .menu ul li.no_hover a:before {width:0;}
header .menu ul li.join_community {margin: 0 40px 0 10px; position: relative;}
.rtl header .menu ul li.join_community {margin: 0 5px 0 50px; position: relative;}
header .menu ul li.join_community a {border: 1px solid; border-radius: 4px; padding: 9px;}
header .menu ul li.join_community a:hover {color: #4280aa; background: #fff;}
.rtl header .main-bottom-menu ul li {margin: 0 44px;}
.rtl header .main-bottom-menu ul li:first-child {margin-right: 0;}
.rtl header .main-bottom-menu ul li:last-child {margin-left: 0;}

header .main-height {height: auto;}
/*header .main-height ul {padding: 38px 0;}*/
/*header .main-height #search-form {top: 14px;}*/

nav.menu-logged-in  {max-width: 100%;}
nav .menu-container {max-width: 1024px; margin: 0 auto; position: relative; padding: 38px 0;}
.user-logged-in nav .menu-container {padding: 28px 0;}
.user-logged-in header .main-height #search-form {top: -1px;}
.user-logged-in.single-obituary-page header .nav-container,
.user-logged-in.famous-obituary-page header .nav-container,
.user-logged-in.family-memorial-page header .nav-container,
.user-logged-in.single-memorial-page header .nav-container,
.user-logged-in.single-community-page header .nav-container {background: transparent; border-top: 1px solid #dfe0e0;}
header .menu-logged-in ul {padding: 0;}
header .nav-container {background: #fff; border-bottom: 1px solid #dfe0e0;}
header .nav-container > div {max-width: 1024px; margin: 0 auto;}
header .nav-container ul li {margin: 10px 28px;}
.fr-lng header .nav-container ul li {margin: 10px 25px;}
/*.my-profile header .nav-container ul li {margin: 10px 60px;}*/
.fr-lng header .sub-menu ul li {margin: 10px 55px;}
.rtl header .nav-container ul li {margin: 0 40px;}
.my-profile.rtl header .nav-container ul li {margin: 10px 63px;}
header .nav-container ul li:first-child {margin: 10px 22px 10px 0;}
.rtl header .nav-container ul li:first-child {margin: 10px 0 10px 45px;}
.rtl header .nav-container ul li:first-child {margin-right: 0;}
header .nav-container ul li:last-child {margin: 10px 0 10px 35px;}
.rtl header .nav-container ul li:last-child {margin: 10px 52px 10px 0;}
.rtl header .nav-container ul li:last-child {margin-left: 0;}
header .nav-container ul li a {color: #525252;}
.home-page.user-logged-in header .nav-container ul li a {color: #fff;}
header .nav-container ul li a:hover {color: #4280aa;}
header .nav-container ul li a:before {background-color: #4280aa; bottom: -11px;}
.rtl header .nav-container ul li a:before {bottom: -12px;}
header .nav-container ul li.active a {color: #4280aa !important; font-weight: 600;}
header .nav-container ul li.active a:before {content: ""; position: absolute; width: 100%; height: 3px; bottom: -12px; left: 0; background-color: #4280aa; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

.user-logged-in.single-obituary-page header .nav-container ul li a,
.user-logged-in.famous-obituary-page header .nav-container ul li a,
.user-logged-in.single-community-page header .nav-container ul li a,
.user-logged-in.single-memorial-page header .nav-container ul li a,
.user-logged-in.family-memorial-page header .nav-container ul li a {color: #fff;}
.user-logged-in.single-obituary-page header .nav-container ul li.active a,
.user-logged-in.famous-obituary-page header .nav-container ul li.active a,
.user-logged-in.single-community-page header .nav-container ul li.active a,
.user-logged-in.single-memorial-page header .nav-container ul li.active a,
.user-logged-in.family-memorial-page header .nav-container ul li.active a {color: #fff !important;}
.user-logged-in.single-obituary-page header .nav-container ul li.active a:before,
.user-logged-in.famous-obituary-page header .nav-container ul li.active a:before,
.user-logged-in.family-memorial-page header .nav-container ul li.active a:before,
.user-logged-in.single-memorial-page header .nav-container ul li.active a:before,
.user-logged-in.single-community-page header .nav-container ul li.active a:before {background-color: #fff; bottom: -12px;}
.home-page.user-logged-in header .nav-container {border-top: 1px solid #dfe0e0; background: transparent;}

header .user-menu {position: absolute; top: 21px; right: 50px; z-index: 10; height: auto;}
.rtl header .user-menu {left: 51px; right: inherit;}
header .user-menu p {line-height: 51px; color: #fff; margin-right: 15px;}
.rtl header .user-menu p {margin-right: 0; margin-left: 15px;}
header .user-menu img,
header .popup-menu img {border: 1px solid #fff; border-radius: 100%; /*max-width: 50px;*/ max-height: 50px; /*width: 50px; height: 50px;*/}
header .popup-menu {display: none; position: absolute; top: 6px; right: 30px; width: 250px; z-index: 30; background: #fff; border-radius: 5px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.16); padding: 15px 20px;}
.rtl header .popup-menu {right: inherit; left: 30px;}
header .popup-menu a {color: #525252; display: block; line-height: 30px; font-size: 12px;}
header .popup-menu .user-name {font-weight: 600; line-height: 30px;}
header .popup-menu .comm-leader {font-size: 12px; opacity: 0.6;}
header .popup-menu .broadcast a {padding-left: 25px;}
.rtl header .popup-menu .broadcast a {padding-left: 0; padding-right: 25px;}
header .popup-menu .send-broadcast {background: url("../img/message-sent.svg") no-repeat left; background-size: 15px;}
.rtl header .popup-menu .send-broadcast {background-position: right;}

.user-menu ul li:first-child {margin-right: 20px;}
.rtl .user-menu ul li:first-child {margin-left: 20px; margin-right: 0;}
.user-menu ul li.submit-news-btn a {border: 1px solid; border-radius: 4px; padding: 9px;}
.user-menu ul li.submit-news-btn a:hover {color: #4280aa; background: #fff;}

.show-mobile-search  img {width: 20px; filter: invert(100%);}

/*.main-top-menu li.logo {padding-right: 480px;}*/
.main-bottom-menu {border-top: 1px solid #637c99; border-bottom: 1px solid #637c99; margin-top: 15px; padding: 10px 0;}
.main-bottom-menu ul {padding: 0 !important;}

.corona {text-align: center; padding-top: 59px; padding-bottom: 0;}
.corona h2 {padding-bottom: 5px;}
.corona p {text-align: center;}
.corona-number {color: #4280aa; padding-top: 10px; padding-bottom: 20px; opacity: 1;  font-weight: 400;}

/* ==========================================================================
   Search Form
   ========================================================================== */
#search-form {position: absolute; top: 0; right: 5px; width: 20px; height: 20px;}
#search-label-container {width: 20px; height: 20px; position: relative; z-index: 20; top: 33px;}
#search-label-container label {display: block; width: 20px; height: 20px; background: url("../img/search_icon.png") no-repeat -19px 0px; background-size: cover; text-indent: -9999px; cursor: pointer;}
#search-label-container.active label {background: url("../img/search_icon.png") no-repeat right; background-size: cover;}
#search-input {position: absolute; top: 23px; right: 30px; width: 851px; height: 41px; overflow: hidden;}
.rtl #search-input {width: 830px;}
#search-input input {display: block; position: absolute; top: 0; left: -1000px; width: 100%; height: 100%; margin: 0; background: #fff; border: none; transition: left 0;}
#search-input input[type="text"] {padding: 10px 43px 10px 15px;}
#search-input input[type="submit"] {text-indent: -9999px; width: 20px; height: 20px; padding: 0; margin: 11px 0; background: url('../img/search_icon.png') no-repeat left; background-size: cover; cursor: pointer;}
#search-input.focus {z-index: 10}
#search-input.focus input {left: 0; transition: left 0.3s;}
#search-input.focus input[type="submit"] {left: 95.5%;}

/* ==========================================================================
   Search page
   ========================================================================== */
.search-page .search-filters ul {padding-top: 12px;}
.search-page .search-filters ul li {display: inline-block; margin: 0 30px;}
.search-page .search-filters ul li:first-child {margin-left: 0;}
.rtl.search-page .search-filters ul li:first-child {margin-right: 0;}
.search-page .search-filters ul li:last-child {margin-right: 0;}
.search-page .search-filters ul li > a {color: #525252;}
.search-page .search-filters ul li > a:hover {color: #4280aa;}
.search-page .search-filters ul li.active > a {color: #4280aa; font-weight: 600;display: inline-block;  position: relative;}
.search-page .search-filters ul li.active > a::after {content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 8px;}

/* ==========================================================================
   Homepage Banner
   ========================================================================== */
.hero_image {margin-top: -47px; background: url('../img/hero_image.jpg') no-repeat center fixed; height: 100%; background-size: cover; position: relative;}
.hero-text {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;}
.hero-text h1 {color: #fff; font-size: 26px; font-weight: 400; margin-bottom: 40px;}
.hero-text a {padding: 10px 20px; border: 1px solid #fff; border-radius: 4px; font-size: 12px; color: #fff;}
.hero-text a:hover {color: #4280aa; background: #fff;}
.hero-stars {background: url("../img/hero_stars.png") no-repeat center; background-size: cover; position: relative; width: 100%; height: 100%;}
.hero-video {position: relative; width: 100%; height: 100%; background: #1e3260;}
.hero-text .play-video svg {margin-right: 5px;}
.rtl .hero-text .play-video svg {margin-left: 10px; margin-right: 0;}
.hero-text .video {display: none; padding-top: 90px;}
.hero-text .video iframe {width: 853px; height: 480px;}
.hero-text .scroll-action {display: none; padding-top: 20px;}
.hero-text .scroll-action a {padding: 0; border: none;}
.hero-text .scroll-action p {font-size: 18px; color: #fff; font-weight: 300; text-align: center;}
.hero-text .scroll-action svg {margin-top: 10px;}
/*.hero-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
@media (min-aspect-ratio: 16/9) {
    .hero-video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
    .hero-video { width: 300%; left: -100%; }
}*/
.fixed-btn {position: fixed; bottom: 30px; right: 30px; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.5); text-align: center; display: block; z-index: 1;}

/* ==========================================================================
   Homepage Stars animation
   ========================================================================== */
@keyframes move-twink-back {from {background-position:0 0;} to {background-position:-10000px 5000px;}}
@-webkit-keyframes move-twink-back {from {background-position:0 0;} to {background-position:-10000px 5000px;}}
@-moz-keyframes move-twink-back {from {background-position:0 0;} to {background-position:-10000px 5000px;}}
@-ms-keyframes move-twink-back {from {background-position:0 0;} to {background-position:-10000px 5000px;}}
@keyframes move-clouds-back {from {background-position:0 0;} to {background-position:10000px 0;}}
@-webkit-keyframes move-clouds-back {from {background-position:0 0;} to {background-position:10000px 0;}}
@-moz-keyframes move-clouds-back {from {background-position:0 0;} to {background-position:10000px 0;}}
@-ms-keyframes move-clouds-back {from {background-position: 0;} to {background-position:10000px 0;}}

.hero_image {background: #1c3965;}
.stars, .twinkling, .clouds {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block;}
.stars {background:transparent url('../img/stars.png') repeat top center; z-index:0;}
.twinkling{background:transparent url('../img/twinkling.png') repeat top center; z-index:1; -moz-animation:move-twink-back 200s linear infinite; -ms-animation:move-twink-back 200s linear infinite; -o-animation:move-twink-back 200s linear infinite; -webkit-animation:move-twink-back 200s linear infinite; animation:move-twink-back 200s linear infinite;}
.clouds{background:transparent url('../img/clouds.png') repeat top center; z-index:3; -moz-animation:move-clouds-back 200s linear infinite; -ms-animation:move-clouds-back 200s linear infinite; -o-animation:move-clouds-back 200s linear infinite; -webkit-animation:move-clouds-back 200s linear infinite; animation:move-clouds-back 200s linear infinite;}

/* ==========================================================================
   Listing Obituaries/Memorials/Commemorations/Famous Death
   ========================================================================== */
.list-items {margin: 35px 0;}
.list-items .column + .column {margin-left: 0;}
.list-items article > a {display: block; border-bottom: 1px solid #dfe0e0; border-right: 1px solid #dfe0e0; height: 155px;}
.famous-death-page .list-items article > a {height: 140px;}
.memorials-page .list-items article > a {height: 130px;}
.single-memorial-page .list-items article > a {height: auto;}
.list-items article > a > ul {padding: 15px;}
.rtl .list-items article > a {border-left: 1px solid #dfe0e0; border-right: 0;}
.rtl.single-memorial-page .list-items article > a {border-left: 0; border-right: 0;}
.list-items article > a > ul li {display: inline-block; vertical-align: top;}
.list-items article:nth-child(odd) ul {padding-left: 0;}
.rtl .list-items article:nth-child(odd) ul {padding-left: 15px; padding-right: 0;}
.list-items article:nth-child(1) ul,
.list-items article:nth-child(2) ul {padding-top: 0;}
.list-items article:nth-child(odd):nth-last-child(2) > a,
.list-items article:last-child > a {border-bottom: none;}
.list-items .item-image img {max-width: 50px; border-radius: 50%; width: 50px; max-height: 50px;}
.list-items .item-content {margin-left: 1.8%; width: 80%;}
.rtl .list-items .item-content {margin-right: 1.8%; margin-left: 0;}
.list-items .item-content h4 {font-size: 14px;}
.list-items .item-content h4,
.list-items .item-content > div {margin-bottom: 3px;}
.list-items .item-content h4 {text-transform: capitalize; color: #525252;}
.list-items .item-content p {/*text-transform: capitalize;*/ color: #525252; text-align: left;}
.rtl .list-items .item-content p {text-align: right;}
article .specialty p {text-transform: capitalize; text-align: left;}
.rtl article .specialty p {text-align: right;}
.list-items .item-content .death-date span,
.list-items .item-content .funeral-date span {color: #8f8f8f; display: inline-block; /*width: 65px;*/ margin-right: 5px;}
.rtl .list-items .item-content .death-date span,
.rtl .list-items .item-content .funeral-date span {margin-left: 3px; margin-right: 0;}
.list-items .item-content .commemoration-type p {color: #8f8f8f;}
.list-items .item-content .community {padding-left: 20px; background: url('../img/community-icon-yellow.svg') no-repeat center left; background-size: 15px;}
.list-items article > a:hover h4 {color: #4280aa;}
.list-items article > a:hover img,
.list-items article > a:hover figure {box-shadow: 0 0 0 5px #fff, 0 0 0 7px #4280aa;}
.list-items article > a.ar_font > ul {padding-left: 0; padding-bottom: 17px;}
.list-items .cfm-count ul li {display: inline-block; margin: 0 5px;}
.memorials-page .list-items .cfm-count ul li {margin: 0 3px;}
.list-items .cfm-count ul li:first-child {margin-left: 0;}
.list-items .cfm-count ul li:last-child {margin-right: 0;}
.list-items .cfm-count p {padding-left: 23px; font-size: 11px;}
.memorials-page .list-items .cfm-count p {padding-left: 20px;}
.list-items .cfm-count .candles-icon {background: url('../img/candle-icon.svg') no-repeat center left; background-size: 18px;}
.list-items .cfm-count .flowers-icon {background: url('../img/flower-icon.svg') no-repeat center left; background-size: 18px;}
.list-items .cfm-count .messages-icon {background: url('../img/message-icon.svg') no-repeat center left; background-size: 18px;}
.list-items .ar_font .death-date p,
.list-items .ar_font .funeral-date p {font-family: "NotoKufiArabic-Bold", sans-serif; font-weight: bold;}
.list-items .ar_font .death-date span,
.list-items .ar_font .funeral-date span {font-family: "NotoKufiArabic", sans-serif; width: 65px; font-weight: 600;}
.list-items .ar_font .item-content {margin-left: 0; margin-right: 1.6%;}
.list-items .ar_font .item-content .community {padding-right: 15px; padding-left: 0;background-position: right;}

.list-items .famous-death article > a,
.list-items.more-famous-death article > a {height: auto;}
.list-items .famous-death article > a > ul {padding: 15px; border-bottom: 1px solid #dfe0e0;}
.list-items .famous-death article:first-child > a > ul {padding-top: 0;}
.list-items .famous-death article:last-child > a > ul {border-bottom: none;}
.list-items .famous-death:first-child article > a > ul {padding-left: 0;}
.list-items .notable-death article > a > ul {padding-left: 15px !important;}
.list-items p.read-more {color: #4280aa;}
.rtl .list-items .famous-death article > a > ul {padding: 15px;}
/*.rtl .list-items .famous-death:first-child article > a > ul {padding-right: 0;}*/
.rtl .list-items .notable-death article > a > ul {padding-right: 15px !important;}

.candles-icon > .loader.alt {padding: 8px;}

.community-item {width: 100%;}
.community-item > a {display: block;}
.community-item ul li {display: inline-block; vertical-align: middle;}
.community-item li:first-child {margin-right: 10px;}
.community-item li:last-child {margin-right: 0px; width: calc(100% - 55px);}
/*.communities-page .community-item li:last-child {width: auto;}*/
.communities-page .search-comm-dialog .container {width: 600px;}
.search-comm-container .comm-info .main-button {margin-right: 0;}
.community-item li img {max-width: 40px; width: 40px; border-radius: 100%;}
.community-item li p {font-size: 13px; color: #8E8E8E; text-align: left;}
.community-item h5 {color: #525252;}
.comm-info.small {padding-bottom: 5px;}
.small .community-item ul li {vertical-align: middle;}
.small .community-item li img {max-width: 25px; width: 25px;}
.small .community-item li:first-child {margin-right: 5px;}

.list-items.no-border-right article > a > ul,
.list-items.no-border-right article > a {border-right: 0;}

.mobile-memorial {display: block; margin-top: 9px !important;}

/* ==========================================================================
   Single Memorial/Obituary page
   ========================================================================== */
.single-obituary-page header > nav,
.famous-obituary-page header > nav,
.single-community-page header > nav,
.single-memorial-page header > nav,
.family-memorial-page header > nav {margin-bottom: 185px;}
.user-logged-in.single-obituary-page .menu-logged-in,
.user-logged-in.famous-obituary-page .menu-logged-in,
.user-logged-in.single-community-page .menu-logged-in,
.user-logged-in.single-memorial-page .menu-logged-in {margin-bottom: 120px;}

.memorial-obituary-content {margin-top: -120px;}
.memorial-obituary-content h1 {font-size: 20px; font-weight:  500; text-transform: capitalize;}
.memorial-obituary-content .mem-obit-header {border-bottom: 1px solid #dfe0e0; margin-bottom: 20px; padding-bottom: 20px;}
.memorial-obituary-content .mem-obit-header > div {display: inline-block; vertical-align: bottom; color: #fff;}
.memorial-obituary-content .mem-obit-image img {max-width: 150px; border: 2px solid #fff; border-radius: 100%; width: 150px; background: #fff; max-height: 150px;}
.memorial-obituary-content .mem-obit-info {width: 81%; margin-left: 25px;}
.memorial-obituary-content .mem-obit-info .flex-right > a {display: block;}
.memorial-obituary-content .mem-obit-info .cfm-count {padding-top: 30px; padding-bottom: 5px;}
.memorial-obituary-content .mem-obit-info .cfm-count p {color: #a8a8a8; font-size: 11px; line-height: 12px; cursor: pointer; position: relative;}
.memorial-obituary-content .mem-obit-info .cfm-count a {color: #4280aa; font-size: 12px;}
.memorial-obituary-content .mem-obit-info .cfm-count li {display: inline-block; margin: 0 20px; padding-left: 40px;}
.memorial-obituary-content .mem-obit-info .cfm-count li:first-child {margin-left: 0;}
.memorial-obituary-content .mem-obit-info .cfm-count li:last-child {margin-right: 0;}
.memorial-obituary-content .mem-obit-info .joined-button {color: #5CC7AC; padding: 0 20px; margin-right: 33px; position: relative;}
.memorial-obituary-content .mem-obit-info .mobile-view .joined-button {margin-right: 0;}
.memorial-obituary-content .mem-obit-info .joined-button::before {content: " "; position: absolute; width: 13px; height: 10px; background: url('../img/checkbox-icon.svg?2') no-repeat left; background-size: cover; margin-left: -20px; top: 4px;}
.single-community-page .memorial-obituary-content .mem-obit-header > div {vertical-align: middle;}
.single-community-page p.ar_font {direction: rtl;}
.single-community-page .mem-obit-info .title {margin-bottom: 35px; padding-bottom: 20px;}
.single-community-page .memorial-obituary-content .mem-obit-header {border: none;}
.single-community-page #google_map,
.single-memorial-page #google_map {margin-bottom: 20px; width: 100%;  height: 220px;}
.user-logged-in.single-community-page .comm-notes {padding-top: 30px;}
.single-community-page .photos-videos ul {margin-bottom: 10px;}
.single-community-page .photos-videos li {display: inline-block; margin: 2px;}
.single-community-page .photos-videos li img {border-radius: 3px; max-width: 117px;}
.single-community-page .notes .comm-info {display: none;}
.single-community-page .list-items {margin: 10px 0;}
.single-community-page .community_obituaries h2 {margin-top: 15px;}
.single-community-page .community_obituaries .list-items article > a {border-bottom: none;}

.mem-obit-info .cfm-count .candles-icon {background:url('../img/candle-icon.svg') no-repeat; background-size: contain;}
.mem-obit-info .cfm-count .flowers-icon {background:url('../img/flower-icon.svg') no-repeat; background-size: contain;}
.mem-obit-info .cfm-count .messages-icon {background:url('../img/message-icon.svg') no-repeat; background-size: contain;}

.memorial-obituary-content h2 {margin-bottom: 15px;}
.memorial-obituary-content h2.title {font-weight: 300; color: #525252; font-size: 16px;}
.memorial-obituary-content .comm-info .community-item {display: inline-block; margin-bottom: 10px;}
.memorial-obituary-content .comm-info,
.memorial-obituary-content .info-column .bio-ftprints {margin-right: 20px; padding-bottom: 5px;}
.memorial-obituary-content .info-column .relatives-info > div {padding-bottom: 5px;}
.memorial-obituary-content .info-column .relatives-info > div p {vertical-align: top;}
.memorial-obituary-content .info-column .info-label,
.memorial-obituary-content .info-column .info-text {display: inline-block; width: 76%;}
.memorial-obituary-content .info-column .info-label {color: #8E8E8E; width: 105px !important; text-align: left;}
.memorial-obituary-content .info-column .info-text p {margin-bottom: 10px;}
.memorial-obituary-content .info-text.ar_font {direction: rtl;}

.memorial-obituary-content .info-column .bio-ftprints p {margin-bottom: 15px;}

.single-community-page .memorial-obituary-content h2 {font-size: 18px; font-weight: 300; color: #525252;}
.memorial-obituary-content .comm-about-text {padding-right: 20px;}
.memorial-obituary-content .comm-contact-details {padding-top: 10px; padding-bottom: 10px;}
.memorial-obituary-content .comm-about-text p {margin-bottom: 15px;}
.memorial-obituary-content .comm-about-text p:last-child {margin-bottom: 0;}
.memorial-obituary-content .comm-about-text span {color: #4280aa;}

.memorial-obituary-content .misc-info p {margin-bottom: 3px;}
.memorial-obituary-content .misc-info p span:first-child {color: #8E8E8E; display: inline-block; width: 50px;}
.single-memorial-page .memorial-obituary-content .misc-info p span:first-child {width: 90px;}
.memorial-obituary-content .misc-info a {color: #4280aa;}
.memorial-obituary-content .misc-info a.get-directions {font-size: 12px; font-weight: 600; color: #FF7575; text-transform: capitalize; display: block; margin-left: 50px;}
.single-memorial-page a.get-directions {margin-left: 0 !important;}
.memorial-obituary-content .funeral-info,
.memorial-obituary-content .burial-info {padding-bottom: 25px;}

.single-memorial .memorial-obituary-content .comm-info {display: inline-block;}

.memorial-obituary-content .notes p {margin-bottom: 10px;}
.memorial-obituary-content .notes .ar_font {direction: rtl;}

.memorial-obituary-content .small-description {opacity: 0.7;}

.memorial-obituary-content .photos-videos ul {margin-bottom: 10px;}
.memorial-obituary-content .photos-videos li {display: inline-block; margin: 2px;}
/*.memorial-obituary-content .photos-videos li:first-child {margin-left: 0;}
.memorial-obituary-content .photos-videos li:last-child {margin-right: 0;}*/
.memorial-obituary-content .photos-videos li img {border-radius: 3px; max-width: 117px;}

.single-memorial-page .show-more .row,
.single-memorial-page .photos-videos li {display: none;}
.single-memorial-page .guest-book-msg .msg-row-container.show-four div {display: none;}
.single-memorial-page .guest-book-msg .msg-row-container.show-four .delete-msg {display: block;}
.single-memorial-page .about-family .ar_font {direction: rtl;}

.famous-obituary-page .famous-info {position: -webkit-sticky; position: sticky; top: 10px;}
.famous-obituary-page .famous-info  p {margin-bottom: 15px; text-align: left;}
.rtl.famous-obituary-page .famous-info  p {text-align: right;}
.famous-obituary-page .famous-info  p span {display: block;}
.famous-obituary-page .photos-videos {margin-top: 15px;}

.video-block {margin-top: 10px;}
.video-block iframe {width: 100%;}

/*.memorial-obituary-content .community-item li:last-child {width: 80%;}
.rtl .memorial-obituary-content .community-item li:last-child {width: auto;}*/
.msg-row {position: relative;}
.msg-row p > span:first-child {font-weight: 600;}
.msg-row p > span:last-child {word-wrap: break-word;}
.msg-row .msg-time {color: #A8A8A8; font-size: 12px; padding: 5px 0; margin-bottom: 20px; border-bottom: 1px solid #dfe0e0;}
.msg-row li {display: inline-block; margin: 0 5px; vertical-align: top;}
.msg-row li:first-child {margin-left: 0;}
.rtl .msg-row li:first-child {margin-left: 10px; margin-right: 0;}
.msg-row li:last-child {margin-right: 0; width: 84%;}
.msg-row li img {width: 50px; border-radius: 50%; height: 50px;}
.msg-row li i {height: 25px; width: 25px; display: block; position: relative; left: 32px; border: 1px solid #fff; border-radius: 100%; top: -16px;}
.rtl .msg-row li i {left: -30px;}
.msg-row li i.comment {background: url('../img/message-icon.svg') no-repeat; background-size: 24px;}
.msg-row li i.flower {background: url('../img/flower-icon.svg') no-repeat; background-size: 24px;}
.msg-row li i.candle {background: url('../img/candle-icon.svg') no-repeat; background-size: 24px;}
.msg-row-container .msg-row:last-child .msg-time {border-bottom: 0;}
.memorial-obituary-content .guest-book-msg .flex_display {margin-left: 45px;}

.msg-row .delete-msg {position: absolute; top: 10px; right: -5px;}
.msg-row .delete-msg a {color: #FF7575;}
.rtl .msg-row .delete-msg {left: -5px; right: inherit;}

.no-msg-container {text-align: center;}
.no-msg-container img {max-width: 56px; text-align: center; margin-bottom: 10px;}
.no-msg-container a {display: inline-block; margin-top: 10px;}

.memorial-obituary-content .condolences-info {margin-bottom: 25px;}

.send-success img {width: 55px; max-width: 55px; margin-bottom: 10px;}

.admin-controls a {display: inline-block !important;}
.admin-controls p {text-align: center; direction: ltr;}

.message-container {display: none;}

/* ==========================================================================
   Famous Obituary page
   ========================================================================== */
.famous-obituary-page p.ar_font {direction: rtl;}
.famous-obituary-page .memorial-obituary-content .misc-info .notable-info span {width: 100px !important;}
.fr-lng.famous-obituary-page .memorial-obituary-content .misc-info .notable-info span {width: 130px !important;}
.famous-obituary-page .info-source {margin-top: 10px;}

/* ==========================================================================
   Draft Obituary page
   ========================================================================== */


/* ==========================================================================
   Create memorial page
   ========================================================================== */
.create-memorial-form .familyField {display: none;}
.create-memorial-form .groupField {display: none;}


/* ==========================================================================
   Communities page
   ========================================================================== */
.join-communities-page .community-sidebar {padding-top: 0;}

.comm-info {padding-bottom: 20px;}
.comm-info:last-child {padding-bottom: 0;}
.comm-info .joined-button {color: #5CC7AC; padding: 0 20px; margin-right: 33px; position: relative;}
.rtl .comm-info .joined-button {margin-left: 0; margin-right: 0;}
.comm-info .joined-button:before {content: " "; position: absolute; width: 13px; height: 10px; background: url('../img/checkbox-icon.svg?2') no-repeat left; background-size: cover; margin-left: -25px; margin-top: 7px;}
.rtl .comm-info .joined-button:before {margin-right: -25px; margin-left: inherit;}
.comm-info .main-button {margin-right: 48px; display: inline-block; font-size: 12px; line-height: 12px; font-weight: 400;}
.communities-page.rtl .comm-info .joined-button:before {left: 65px;}

.find-community-form label {color: #4280aa; font-size: 17px; font-weight: 300; display: block; margin-bottom: 10px;}
.find-community-form .input-corporate-community {display: none;}
.find-community-form input[type="text"] {padding: 7px 10px;}

.suggest-community-form form {margin-top: 30px;}

.find-community-result-page .community-sidebar {padding-top: 0;}
.find-community-result-page.rtl .comm-info .main-button {margin-left: 48px; margin-right: 0;}

/* ==========================================================================
   submit service page
   ========================================================================== */
.submit-service-page .nav-container,
.edit-service-page .nav-container {display: none;}
.submit-service-page .dialog-close,
.edit-service-page .dialog-close {position: absolute; right: 250px; top: 58px; color: #fff; background: url('../img/search_icon.png') no-repeat right; background-size: cover; height: 20px; width: 20px; text-indent: -99999px;}
.rtl.submit-service-page .dialog-close,
.rtl.edit-service-page .dialog-close {left: 250px; right: inherit;}

.submit-service-page header .top_menu {height: 0;}
.submit-service-page.user-logged-in header .top_menu {height: inherit;}

.submit-service-page .comm-info,
.edit-service-page .comm-info {padding-bottom: 10px;}

.notified-communities,
.selected-departed-people {margin-top: 15px;}
a.delete-more-condolences,
a.delete-more-individuals {color: #FF7575 !important;}

/* ==========================================================================
   My friends page
   ========================================================================== */
.listing.my-friends-list > .row {border-bottom: 0; padding-bottom: 20px;}
.listing.my-friends-list > .row:last-child {padding-bottom: 0;}

.listing.my-friends-list .comm-info p {}
.listing.my-friends-list .comm-info li {display: inline-block; vertical-align: middle;}
.listing.my-friends-list .comm-info li:first-child {margin-right: 10px;}
.rtl .listing.my-friends-list .comm-info li:first-child {margin-left: 10px; margin-right: 0;}

.listing.my-friends-list .follow-btn {margin-right: 40px;}
.rtl .listing.my-friends-list .follow-btn {margin-left: 40px; margin-right: 0;}
.my-friends .community-sidebar {padding-top: 0;}

/* ==========================================================================
   My profile page
   ========================================================================== */
.my-profile-fields {margin-top: 20px;}
.my-profile-fields img {border-radius: 50%; max-width: 80%;}
.my-profile-fields input[type="text"],
.my-profile-fields input[type="email"],
.my-profile-fields select {margin-top: 0;}
.my-profile-fields .border-left {margin-left: 20px !important;}
.my-profile-fields span {line-height: 45px; text-transform: capitalize;}
.my-profile-fields .radio-btn {margin-top: 10px;}
.my-profile-fields select {display: inline-block;}
.my-profile-fields select.dob-month {width: 33.33%;}
.my-profile-fields select.dob-day {width: 33.33%;}
.my-profile-fields select.dob-year {width: 32%;}
.my-profile-fields .add-image {margin-top: 10px; display: block; margin-right: 41px; text-align: center;}
.rtl .my-profile-fields .add-image {margin-left: 41px; margin-right: 0;}
.my-profile-fields figure.profile {height: 115px; width: 115px;}
.rtl .my-profile-fields .border-left .column + .column {margin-right: 1.6%; margin-left: 0;}

.account-deactivation-container {margin-top: 10px;}

/* ==========================================================================
   Preferences page
   ========================================================================== */
.my-preferences-fields {margin-top: 20px;}
.my-preferences-fields span {line-height: 45px; text-transform: capitalize;}
.my-preferences-fields .radio-btn {margin-top: 10px;}
.my-preferences-fields .success-message {margin-bottom: 10px;}

/* ==========================================================================
   Broadcasts page
   ========================================================================== */
.broadcast-list .send-broadcast {font-size: 14px; font-weight: 600; background: url('../img/broadcast-icon.svg') no-repeat left; background-size: contain; padding-left: 25px;}
.broadcast-message {margin-top: 20px;}
.broadcast-message h5 {font-size: 14px; padding-left: 23px; margin-bottom: 5px; background: url('../img/community-icon-yellow.svg') no-repeat left top 2px; background-size: 16px;}
.broadcast-message .date {font-size: 12px; color: #A8A8A8;}
/*.broadcast-message .message-content {text-align: justify; height: 18px; overflow: hidden;}*/
.broadcast-message .ellipsis {text-overflow: ellipsis; white-space: nowrap; cursor: pointer;}
.broadcast-message .forward-message {font-size: 12px; padding-left: 17px; background: url('../img/broadcast-icon.svg') no-repeat left; background-size: 12px; margin-top: 10px; display: block;}
.broadcast-message .message-content.ar_font p {direction: rtl;}

/* ==========================================================================
   Created services page
   ========================================================================== */
.created-services-list ul li {display: inline-block; vertical-align: top;}
.created-services-list ul li img {border-radius: 100%; max-width: 60px; width: 60px;}
.created-services-list .info-column {margin-left: 15px;}
.rtl .created-services-list .info-column {margin-right: 15px; margin-left: 0;}
.created-services-list h5 {font-weight: 600; font-size: 16px;}
.created-services-list .info-column .published-date {opacity: 0.7;}
.created-services-list .info-column .published-date.draft {opacity: 1; color: #FF7575;}
.created-services-list .info-column .comm-info {padding-left: 15px; background: url('../img/community-icon-yellow.svg') no-repeat left; background-size: 13px;}

/* ==========================================================================
   Memorials page
   ========================================================================== */
.memorials .memorial-filters ul li {display: inline-block; margin: 0 31px;}
.fr-lng .memorials .memorial-filters ul li {display: inline-block; margin: 0 25px;}
.rtl .memorials .memorial-filters ul li {display: inline-block; margin: 0 42px;}
.memorials .memorial-filters ul li:first-child {margin-left: 0;}
.memorials .memorial-filters ul li:last-child {margin-right: 0;}
.memorials .memorial-filters ul li > a {color: #525252;}
.memorials .memorial-filters ul li > a:hover {color: #4280aa;}
.memorials .memorial-filters ul li.active > a {color: #4280aa; font-weight: 600;display: inline-block;  position: relative;}
.memorials .memorial-filters ul li.active > a::after {content: ''; position: absolute; left: 0; display: inline-block; height: 1em; width: 100%; border-bottom: 1px solid; margin-top: 8px;}
.memorials.listing {margin-top: 45px;}

/* ==========================================================================
   About page
   ========================================================================== */
.about-khoolood p {margin-bottom: 20px;}
.about-khoolood iframe {margin: 15px 0;}

/* ==========================================================================
   Contact page
   ========================================================================== */
.contact-us form {margin-top: 30px;}
.contact-us h1 {margin-bottom:  20px;}
.contact-us p {margin-right: 55px;}
.contact-us #google_map {margin-bottom: 20px; width: 100%; height: 400px;}

/* ==========================================================================
   Terms of use / Privacy Policy page
   ========================================================================== */
.terms-of-use h1,
.privacy-policy h1 {margin-bottom: 10px;}
.terms-of-use h2,
.privacy-policy h2 {margin-bottom: 10px; font-weight: 300;}
.terms-of-use p,
.privacy-policy p {margin-bottom: 10px;}

/* ==========================================================================
   FAQ page
   ========================================================================== */
.faq h4.toggle {font-weight: 400; cursor: pointer; padding: 15px 5px; background: url('../img/plus-icon.svg') no-repeat right; background-size: 20px; border-bottom: 1px solid #dfe0e0; font-size: 15px;}
.faq h4.toggle:hover {color: #4280aa;}
.faq h4.toggle.open {padding-left: 5px; background: url('../img/minus-icon.svg') no-repeat right; background-size: 20px; color: #4280aa;}
.faq .div-toggle {display: none; padding: 15px 5px; border-bottom: 1px solid #dfe0e0;}
.faq .div-toggle p {margin-bottom: 5px;}
.faq-page h2 {margin-bottom: 15px;}
.faq-page p {margin-bottom: 5px;}

/* ==========================================================================
   Updates page
   ========================================================================== */
.news-list {margin: 25px 0;}
.news-list ul {border-bottom: 1px solid #eee;}
.news-list ul:last-child {border-bottom: none;}
.news-list ul li {display: inline-block; margin: 15px 5px; vertical-align: top;}
.news-list ul li:first-child {margin-left: 0;}
.news-list ul li:last-child {margin-right: 0;}
.news-list .news-image img {max-width: 50px; width: 50px;}
.news-list .news-content span {font-weight: 600;}
.news-list .news-content span.location {font-weight: 400; color: #8E8E8E;}
.news-list .news-content .time {color: #8E8E8E; font-size: 12px; margin: 5px 0;}
.news-list .news-content a {color: #4280aa}
.updates-page .list-items article > a {height: auto; margin-bottom: 20px;}
.updates-page .list-items article > a > ul {padding-left: 0; padding-top: 15px;}
.updates-page .list-items article:first-child > a > ul {padding-top: 0;}
.updates-page.rtl .list-items article > a {border-left: 0;}
.updates-page.rtl .list-items article > a > ul {padding-left: 15px; padding-right: 0;}
/*.updates-page .list-items article > a {border-bottom: 1px solid #dfe0e0; margin: 10px 0;}
.updates-page .list-items .row:first-child article > a {margin-top: 0;}
.updates-page.rtl .list-items article > a {border-left: 0;}*/

/* ==========================================================================
   Notifications page
   ========================================================================== */
.my-notifications .community-sidebar {padding-top: 0;}

/* ==========================================================================
   Login page
   ========================================================================== */
.login-page .member-login {margin-top: 20px; color: #000; display: block; text-align: left;}
.login-page .member-login span {font-weight: 600; text-decoration: underline;}
.login-page .fb-login-button {width: 100%; text-align: left;}
.login-page .info-block .reset-password {color: #000;}
.login-page .fb-login {background: #3b5998; color: #fff; padding: 10px; border-radius: 3px; display: inline-block;}
.login-page p.or-seperator {padding: 10px 0;}
.login-page .reset-password {margin: 0;}

/* ==========================================================================
   Forms header
   ========================================================================== */
.form-header .top_menu,
.form-header nav {display: none;}
.form-top {padding-top: 50px; position: absolute; top: 0; width: 100%; left: 0; z-index: 10;}
.form-top h1 {font-size: 30px; font-weight: 100; color: #fff; margin-bottom: 5px;}
.form-content form {margin: 15px 0;}
.form-content form img {border-radius: 50%; margin-bottom: 10px; max-width: 100%;}
.form-content form aside img {border-radius: 0;}
.form-content a {color: #4280aa; font-size: 12px; text-align: center;}
.form-content a.dark {color: #000; font-size: 14px; font-weight: 600;}
.form-content a.previous {font-size: 14px; display: none;}

.form-content form section,
.form-top h3,
.form-top h1 {display: none;}
.form-content form .active,
.form-top .active {display: block;}
.form-content form p.toggle {font-weight: 600; cursor: pointer; padding-left: 30px; background: url('../img/plus-icon.svg') no-repeat left;}
.form-content form p.toggle.open {padding-left: 30px; background: url('../img/minus-icon.svg') no-repeat left;}
.form-content form .div-toggle {display: none;}
.form-content form .submit-btn {display: none;}
.form-content .upload-images {font-size: 14px; color: #fff; background: url('../img/upload-icon.svg') #5CC7AC no-repeat center left 137px; background-size: 25px; border-color: #5CC7AC; width: 100%; display: block; font-weight: 400;}

.payment-info {background-color: rgba(224, 224, 224, 0.3); padding: 20px; margin-bottom: 25px;}

.form-group {position: relative;}
.form-label {position: absolute; left: 12px; top: 13px; color: #999; background-color: #fff; z-index: 1; transition: transform 150ms ease-out, font-size 150ms ease-out; font-weight: 300; cursor: text;}
.rtl .form-label {right: 12px; left: inherit;}
.focused .form-label {transform: translateY(-125%); font-size: 12px; color: #4280aa; padding: 0 2px;}

/* ==========================================================================
   Sidebar
   ========================================================================== */
.community-sidebar,
.obituary-sidebar {text-align: center; padding: 25px 0;}
/*.community-sidebar {padding-top: 59px;}*/
.community-sidebar .community-icon img {max-width: 55px;}

.communities-sidebar {text-align: center; padding: 35px 0}
.communities-sidebar .suggest-community {display: block; font-size: 13px; text-align: center; margin-top: 25px;}
.communities-sidebar .call-to-action,
.communities-sidebar .communities-icon img {max-width: 285px; margin: 0 auto;}
.communities-sidebar .call-to-action {font-weight: 300; font-size: 14px; padding-top: 15px;}

.obituary-sidebar .community-icon img {max-width: 100px;}
.obituary-sidebar .call-to-action p {text-align: center; margin-bottom: 10px;}

.memorial-sidebar {text-align: center; padding: 65px 0 20px 0;}
.memorial-sidebar .memorial-icon img {max-width: 50px;}

.call-to-action h1 {font-size: 14px;}

/* ==========================================================================
   Cedars
   ========================================================================== */
.cedars-content h1,
.cedars-content p {margin-bottom: 10px;}
.cedars-content img {max-width: 100%;}
.cedars-content a {display: inline-block; text-align: center;}

/* ==========================================================================
   Testimonials
   ========================================================================== */
.testimonials-container {background: url('../img/campaign-bg.jpg') no-repeat center; background-size: cover; padding: 20px 0; }
.testimonials-container .quote {width: 1000px; margin: 0 auto; text-align: center; color: #fff; position: relative;}
.testimonials-container .quote:before {height: 15px; width: 15px; content: " "; background: url('../img/quote-left.svg') no-repeat center; filter: invert(100%); position: absolute; left: -30px; top: 0;}
.testimonials-container .quote:after {height: 15px; width: 15px; content: " "; background: url('../img/quote-right.svg') no-repeat center; filter: invert(100%); position: absolute; right: -30px; bottom: 40px;}
.testimonials-container h3 {opacity: 1; font-size: 15px;}
.rtl .testimonials-container h3 {opacity: 1; font-size: 13px;}
.testimonials-container p {color: #fff; text-align: center; font-size: 15px; padding-top: 15px;}
.rtl .testimonials-container p {font-size: 16px;}
/* ==========================================================================
   App Banner
   ========================================================================== */
.app_banner {color: #fff; padding: 30px 0;}
.app_banner h1 {font-size: 24px; font-weight: 600;padding-bottom: 30px;}
.app_banner p {font-size: 15px; padding-bottom: 20px;}
.app_banner .app-text {margin-top: 95px;}
.app_banner .app-ad {text-align: right;}
.rtl .app_banner .app-ad {text-align: left;}
.app_banner .app-ad img {max-width: 265px;}
.app_banner .get-app {margin-top: 50px;}
.app_banner .get-app a {display: inline-block; margin: 0 15px; }
.app_banner .get-app a:first-child {margin-left: 0;}
.app_banner .get-app a:last-child {margin-right: 0;}
.rtl .app_banner .get-app a:first-child {margin-right: 0; margin-left: 14px;}
.rtl .app_banner .get-app a:last-child {margin-left: 0; margin-right: 14px;}
.app_banner .get-app a img {max-width: 200px;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {background: #383838; padding: 26px 0; font-size: 11px;}
footer a {color: #fff; font-size: 10px;}
footer > div {align-items: center;}
footer ul li {display: inline-block; margin: 0 10px;}
footer ul li:first-child {margin-left: 0;}
footer ul li:last-child {margin-right: 0;}
footer .copyright {color: #fff; opacity: 0.5;}

footer .app-badges img {max-width: 90px;}
/* ==========================================================================
   Modal
   ========================================================================== */
.modal {display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 20;}
.modal.overlay {background: rgba(0, 0, 0, 0.8);}
.modal ::-webkit-input-placeholder {color: #fff;}
.modal :-moz-placeholder {color: #fff;}
.modal ::-moz-placeholder {color: #fff;}
.modal :-ms-input-placeholder {color: #fff;}
.modal.overlay ::-webkit-input-placeholder {color: #a6a6a6;}
.modal.overlay :-moz-placeholder {color: #a6a6a6;}
.modal.overlay ::-moz-placeholder {color: #a6a6a6;}
.modal.overlay :-ms-input-placeholder {color: #a6a6a6;}
.modal h1 {color: #fff; font-size: 20px; font-weight: 400; margin-bottom: 15px;}
.modal p {color: #fff; text-align:  center;}
.modal.overlay p {color: #525252; text-align: left;}
.modal.overlay h1 {color: #525252; font-weight: 300;}
.modal .container {width: 500px; position: absolute; padding: 30px 0; top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.modal .dialog-close {position: absolute; right: 0; top: 58px; color: #fff; background: url('../img/search_icon.png') no-repeat right; background-size: cover; height: 20px; width: 20px; text-indent: -99999px;}
.modal.overlay .dialog-close {filter: invert(100%); top: 55px; height: 13px; width: 12px; right: 20px;}
.white-close .dialog-close {filter: inherit !important;}
.modal .modal-button {color: #4280aa; text-align: center; padding: 13px 0; background: #fff; border-radius: 4px; display: block; font-weight: 600;}
.modal .small-description {font-size: 12px !important; line-height: 15px;}
.modal .community-item li:last-child {width: 80%;}
.communities-page .modal .community-item li:last-child {width: inherit;}

.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden; overflow-y: auto;}

.fb-login:hover {background: #3b5998; color: #fff;}
.fb-login svg {margin: 0 5px;}

/* ==========================================================================
   Video Modal
   ========================================================================== */
.modal.video-dialog .container {width: 100%; max-width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 50px; transform: none;}
.modal.video-dialog.overlay .dialog-close {filter: none;}
/*.video-container {position: relative; width: 100%; height: 100%;}
.video-container iframe {width: 100%; height: 100%;}*/

/* ==========================================================================
   Popup Modal
   ========================================================================== */
.modal.popup-dialog .container {width: auto;}
.popup-dialog .popup-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.popup-container h2 {text-align: center;}
.popup-container p {margin-bottom: 10px; text-align: justify;}
.popup-container .action-buttons a {display: inline-block;}
.popup-container .action-buttons a.no-thanks {border: none;}

/* ==========================================================================
   News Modal
   ========================================================================== */
.modal.news-dialog .container {width: auto;}
.news-dialog .news-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.news-container h2.ar_font {direction: rtl;}
.news-container h2 {text-align: center; margin-bottom: 10px;}
.news-container p.ar_font {direction: rtl;}
.news-container p {margin-bottom: 10px; text-align: justify;}

/* ==========================================================================
   Survey Popup Modal
   ========================================================================== */
#feedback {position: fixed; top: 50%; bottom: auto;transform: rotate(270deg) translate(100%,-50%);transform-origin: right; right: -50px; z-index: 5;}
#feedback a {padding: 5px 10px;}
#feedback span {margin-left: 5px;}
.modal.popup-survey-dialog .container {width: 440px;}
.popup-survey-dialog .popup-survey-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.popup-survey-container h2 {text-align: center; margin-bottom: 10px;}
.popup-survey-container label.form-label {font-size: 12px;}
.popup-survey-dialog textarea {min-height: 85px;}
.popup-survey-dialog .radio-btn label:after {top: -2px;}
.popup-survey-dialog .success-message {font-size: 13px;}
.popup-survey-dialog .radio-btn {margin: 10px 0;}
/* ==========================================================================
   Login/Register Modal
   ========================================================================== */
p.or-seperator {font-size: 16px; padding: 15px 0;}
.login-dialog input {background: rgba(255, 255, 255, 0.3); color: #fff; padding: 16px; border: 0; width: 100%; margin: 0 0 20px 0;}
.login-dialog input:focus {border: 0; box-shadow: none;}
.login-dialog input[type="submit"] {background: #fff; padding: 16px; color: #4280aa; font-weight: 600; width: 100%; margin-bottom: 0;}
.login-dialog .registration-container,
.login-dialog .reset-password-container,
.login-dialog .login-container {width: 100%; margin: 0 auto; padding-top: 23px;}
.login-dialog .member-login {margin-top: 20px; color: #fff; display: block; text-align: center}
.login-dialog .member-login span {font-weight: 600; text-decoration: underline;}
.reset-password {color: #fff; display: block; font-weight: 600; text-decoration: underline; margin: 6px 0; text-align: right;}

.registration-container, .reset-password-container {display: none;}
.login-dialog .fb-login-button {width: 100%; text-align: center; display: block;}
.reset-password-container .success-message {text-align: center; margin-top: 10px; font-size: 14px;}

/* ==========================================================================
   Obituary Modal
   ========================================================================== */
.obituary-dialog .container {width: 355px;}
.obituary-dialog .dialog-close {top: 0;}
.obituary-dialog .obituary-container {width: 100%; margin: 0 auto; padding-top: 23px; text-align: center;}
.obituary-dialog img {max-width: 125px; margin-bottom: 20px;}
.obituary-dialog p {margin-bottom: 20px;}
.obituary-dialog .modal-button {margin: 10% auto 15px; width: 71%;}

/* ==========================================================================
   Memorial Modal
   ========================================================================== */
.memorial-dialog .container {width: 310px;}
.memorial-dialog .dialog-close {top: 0;}
.memorial-dialog .memorial-container {width: 100%; margin: 0 auto; padding-top: 23px; text-align: center;}
.memorial-dialog img {max-width: 60px; margin-bottom: 20px;}
.memorial-dialog p {margin-bottom: 20px;}
.memorial-dialog .modal-button {margin: 15% auto 15px; width: 71%;}

/* ==========================================================================
   Filter Modal
   ========================================================================== */
.filter-dialog .filter-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.filter-dialog .filter-items {margin-bottom: 10px;}
.filter-dialog .filter-container .filter-items:last-child {margin-top: 25px; margin-bottom: 0;}
.filter-dialog .checkbox-btn label {background: url('../img/checkbox-icon.svg?2') no-repeat right; background-size: cover; height: 14px; width: 20px; border: none;}
.filter-dialog .checkbox-btn input[type="checkbox"]:checked + label {border: none; background: url('../img/checkbox-icon.svg?2') no-repeat left; background-size: cover; height: 14px; width: 20px;}
.filter-dialog .checkbox-btn label:after {content: none;}
/*.filter-dialog .chosen-community {background: url('../img/checkbox-icon.svg?2') no-repeat right; background-size: cover; height: 14px; width: 20px; text-indent: -1000%; position: absolute; right: 0; top: 10px;}
.filter-dialog .chosen-community.checked {background-position: left;}*/

/* ==========================================================================
   Search Community Modal
   ========================================================================== */
.search-comm-dialog .search-comm-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.search-comm-dialog .search-comm-items {margin-bottom: 10px;}
.search-comm-dialog .loader.alt {margin-right: auto;}

/* ==========================================================================
   Forward Message Modal
   ========================================================================== */
.forward-msg-dialog .forward-msg-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.forward-msg-dialog .checkbox-btn {margin-top: 20px;}
.forward-msg-dialog .checkbox-btn label {background: url('../img/checkbox-icon.svg?2') no-repeat right; background-size: cover; height: 14px; width: 20px; border: none;}
.forward-msg-dialog .checkbox-btn input[type="checkbox"]:checked + label {border: none; background: url('../img/checkbox-icon.svg?2') no-repeat left; background-size: cover; height: 14px; width: 20px;}
.forward-msg-dialog .checkbox-btn label:after {content: none;}

/* ==========================================================================
   Share Modal
   ========================================================================== */
.share-dialog .container {width: 290px;}
.share-dialog .share-container {background: #fff; padding: 20px; border-radius: 4px;}
.sharethis-inline-share-buttons div {display: inline-block !important;}
#st_gdpr_iframe {display: none;}

/* ==========================================================================
   Light a Candle Modal
   ========================================================================== */
.candle-dialog .candle-container {background: #fff; padding: 100px 30px; border-radius: 4px;}
.candle-dialog .candle-container img {width: 200px; margin-bottom: 30px;}
.candle-dialog .candle-container h1 {font-weight: 600;}
.candle-dialog .candle-container p {text-align: center;}

/* ==========================================================================
   Place a Flower Modal
   ========================================================================== */
.flower-dialog .flower-container {background: #fff; padding: 100px 30px; border-radius: 4px;}
.flower-dialog .flower-container img {width: 200px; margin-bottom: 30px;}
.flower-dialog .flower-container h1 {font-weight: 600;}
.flower-dialog .flower-container p {text-align: center;}

/* ==========================================================================
   Reactions Modal
   ========================================================================== */
#reactions-tabs li a {outline-color: transparent;}
.reactions-dialog .container {width: 600px; transform: translate(-50%, 0); top: 20px;}
.reactions-dialog .reactions-container {background: #fff; padding: 20px; border-radius: 4px; max-height: calc(100vh - 100px); overflow-y: auto;}
.reactions-dialog .ui-tabs .ui-tabs-nav li {margin: 0; padding: 0 13px;}
.reactions-dialog .ui-widget.ui-widget-content {border: none;}
.reactions-dialog .ui-widget-header,
.reactions-dialog .ui-state-default {background: none; border: none; border-bottom: 1px solid #eee;}
.reactions-dialog .ui-state-active,
.reactions-dialog .ui-widget-content .ui-state-active,
.reactions-dialog .ui-widget-header .ui-state-active,
.reactions-dialog a.ui-button:active,
.reactions-dialog .ui-button:active,
.reactions-dialog .ui-button.ui-state-active:hover {border: none; background: none;}
.reactions-dialog .ui-state-active a,
.reactions-dialog .ui-state-active a:link,
.reactions-dialog .ui-state-active a:visited {color: #4280aa; border-bottom: 1px solid #4280aa;}
.reactions-dialog .candles-icon {background: url('../img/candle-icon.svg') no-repeat top 8px left; background-size: 15px; padding-left: 20px !important;}
.reactions-dialog .flowers-icon {background: url('../img/flower-icon.svg') no-repeat top 8px left; background-size: 15px; padding-left: 20px !important;}
.reactions-dialog .messages-icon {background: url('../img/message-icon.svg') no-repeat top 8px left; background-size: 15px; padding-left: 20px !important}

/* ==========================================================================
   Pay & Publish Modal
   ========================================================================== */
.pay-publish-dialog .pay-publish-container {background: #fff; padding: 25px 30px; border-radius: 4px;}
.pay-publish-dialog .pay-publish-container p {text-align: center;}
.pay-publish-dialog  .main-button.green {display: block; margin: 15px 0;}

/* ==========================================================================
   Send Broadcast Modal
   ========================================================================== */
.broadcast-dialog .broadcast-container {background-color: #fff; padding: 20px; border-top-right-radius: 4px; border-top-left-radius: 4px; max-height: calc(100vh - 90px); overflow-y: auto;}
.broadcast-dialog .broadcast-items {margin-bottom: 20px;}
.broadcast-dialog .first .broadcast-items:first-child {padding-bottom: 10px; border-bottom: 1px solid #dfe0e0; margin-bottom: 0;}
.broadcast-dialog .broadcast-items p {font-size: 13px; padding-bottom: 10px;}
.broadcast-dialog .broadcast-container .broadcast-items:last-child {margin-top: 25px; margin-bottom: 0;}
.broadcast-dialog p.title {font-weight: 600;}
.broadcast-dialog .chosen-community {background: url('../img/checkbox-icon.svg?2') no-repeat right; background-size: cover; height: 14px; width: 20px; text-indent: 1000%; position: absolute; right: 0; top: 10px;}
.broadcast-container .submit-btn img {display: inline-block; max-width: 12px; width: 12px; margin-right: 7px;}
.broadcast-dialog .chosen-community.checked {background-position: left;}
.broadcast-dialog textarea {min-height: 250px;}
.broadcast-container section,
.broadcast-container .submit-btn,
.broadcast-container .previous {display: none;}
.broadcast-container .active {display: block;}
.broadcast-container.broadcast-sent {text-align: center; padding: 220px 0;}
.broadcast-container.broadcast-sent h1 {display: none;}
.broadcast-container.broadcast-sent h2 {color: #fff; font-size: 16px; margin-top: 10px; font-weight: 400;}
.broadcast-container.broadcast-sent img {width: 45px; max-width: 45px;}
.broadcast-dialog .checkbox-btn label {background: url('../img/checkbox-icon.svg?2') no-repeat right; background-size: cover; height: 14px; width: 20px; border: none;}
.broadcast-dialog .checkbox-btn input[type="checkbox"]:checked + label {border: none; background: url('../img/checkbox-icon.svg?2') no-repeat left; background-size: cover; height: 14px; width: 20px;}
.broadcast-dialog .checkbox-btn label:after {content: none;}
.broadcast-dialog .fixed-position {position: fixed; bottom: 5px; right: 0; width: 100%; background: #fff; padding: 0 22px; height: 45px;}

/* ==========================================================================
   Select2
   ========================================================================== */
.find-community-form label span, .select2-results__option {font-size: 14px;}
.select2-container {padding: 8px 0;}
.select2-container--open .select2-dropdown {top: -8px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top: 8px;}
.select2-container--default .select2-selection--single {border: 1px solid #BEBEBE;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #4280aa;}

.obituaries-page .select2,
.commemorations-page .select2 {width: 100% !important;}

/* ==========================================================================
   Jquery UI
   ========================================================================== */
.ui-spinner.ui-widget.ui-widget-content {width: 100%; border: none; /*margin: 10px 0 20px 0;*/}
.ui-spinner input {margin: 0;}
.ui-spinner a.ui-spinner-button {border: 1px solid #BEBEBE;}
.ui-spinner a.ui-spinner-button.ui-corner-tr {border-bottom: none;}
.ui-autocomplete {max-height: 150px; overflow-y: auto; overflow-x: hidden;}
.ui-autocomplete-loading {background: url('../img/ui-loading.gif') no-repeat right 20px center !important; background-size: 30px !important;}
.rtl .ui-autocomplete-loading {background-position: left 8px center !important;}
.find-community-page .ui-autocomplete {max-height: 150px; overflow-y: auto; overflow-x: hidden;}
ul.tagit .ui-autocomplete-loading {background-position: right;}
.preferences-page .ui-autocomplete {max-height: 150px; overflow-y: auto; overflow-x: hidden;}

/* ==========================================================================
   Tag css
   ========================================================================== */
.rtl ul.tagit li {float: right;}


/* ==========================================================================
   Tooltip css
   ========================================================================== */
/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {position: relative; z-index: 0; cursor: pointer;}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none;}

/* Position tooltip below the element */
[data-tooltip]:before {position: absolute; top: 29px; left: calc(50% - 6px); margin-left: -80px; padding: 4px; width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1e3260; color: #fff; content: attr(data-tooltip); text-align: center; font-size: 11px; z-index: 1; white-space: nowrap;}
.rtl [data-tooltip]:before {margin-left: -30px;}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {position: absolute; top: 24px; left: 50%; margin-left: -5px; width: 0; border-bottom: 5px solid #1e3260; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0;}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}

/* Tooltip position */
[data-tooltip][data-position="top"]:before {top: -27px; margin-left: -45%;}
[data-tooltip][data-position="top"]:after {top: -7px; border-top: 5px solid #1e3260; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 0;}


/* ==========================================================================
   Arabic rtl
   ========================================================================== */
.rtl, .ar_font, .rtl .ui-widget {font-family: 'NotoKufiArabic', sans-serif;}

.rtl ::-webkit-input-placeholder {font-family: 'NotoKufiArabic', sans-serif;}
.rtl :-moz-placeholder {font-family: 'NotoKufiArabic', sans-serif;}
.rtl ::-moz-placeholder {font-family: 'NotoKufiArabic', sans-serif;}
.rtl :-ms-input-placeholder {font-family: 'NotoKufiArabic', sans-serif;}

.rtl input[type="text"],
input[type="text"].ar_font,
.rtl input[type="email"],
input[type="email"].ar_font,
.rtl input[type="password"],
.rtl input[type="submit"],
.rtl textarea
textarea.ar_font,
.rtl select {font-family: 'NotoKufiArabic', sans-serif; background-position: left 10px center;}
.rtl input[type="text"].date {padding-left: 20px; padding-right: 20px;}
.rtl input[type="text"].days.picker {padding-right: 30px;}
.rtl .align-right {text-align: left;}
.rtl .align-left {text-align: right;}
input[type="text"].ar_font,
input[type="email"].ar_font,
textarea.ar_font {direction: rtl;}

.rtl .push-padding-right {padding-left: 35px; padding-right: 0;}
.famous-obituary-page.rtl .push-padding-right {padding: 10px 20px;}

.rtl .radio-btn label {right: 0; left: inherit;}
.rtl .radio-btn p {margin-right: 25px; margin-left: 0;}

.rtl .flex-left {margin-left: auto; margin-right: 0;}
.rtl .flex-right {margin-left: 0; margin-right: auto;}
.rtl p {font-size: 13px; line-height: 23px;}
.rtl h4 {font-size: 15px; font-family: 'NotoKufiArabic-Bold', sans-serif;}

.rtl .modal .dialog-close {left: 0; right: inherit;}
.rtl .modal .modal-button {font-family: 'NotoKufiArabic-Bold', sans-serif;}
.rtl .modal .small-description {line-height: 19px;}
.rtl .login-dialog .member-login span {font-family: 'NotoKufiArabic-Bold', sans-serif;}
.rtl .login-dialog .reset-password {text-align: left;}
.rtl .modal.overlay .dialog-close {right: inherit; left: 20px;}
.rtl .modal.overlay p {text-align: right;}

.rtl .filter-dialog .filter-items > p {font-family: 'NotoKufiArabic-Bold', sans-serif;}
.rtl .filter-dialog .chosen-community {left: 0; right: inherit;}

.rtl .checkbox-btn label {right: 0; left: inherit;}
.rtl .checkbox-btn p {margin-left: 0; margin-right: 28px;}

.rtl input[type="text"].small-search {background-position: right;}

.rtl .community-item li:first-child {margin-right: 0;}

.rtl .main-button.alt {padding: 8px 20px;}

.rtl .app-ad {margin-left: 0;}

.rtl .broadcast-message h5 {padding-left: 0; padding-right: 23px; background-position: right top;}
.rtl .broadcast-message .forward-message {padding-left: 0; padding-right: 17px; background-position: right;}

.rtl .border-right:after {left: 17px; right: inherit;}
.rtl.communities-page .border-right:after {left: -35px;}
.rtl .border-left:before {right: -20px; left: inherit;}

.rtl #search-form {left: 5px; right: inherit;}
.rtl #search-input {left: 45px; right: inherit;}
.rtl #search-input input {right: -1000px; left: inherit;}
.rtl #search-input.focus input {right: 0; left: inherit; transition: right 0.3s;}
.rtl #search-input input[type="text"] {padding: 10px 15px 10px 45px}
.rtl #search-input.focus input[type="submit"] {right: 95.5%; left: inherit;}

.rtl .community-item li:last-child {margin-right: 5px; margin-left: 15px; width: auto;}
.rtl .list-items .item-content .community {background-position: right; padding-left: 0; padding-right: 20px;}

.rtl .contact-us p {margin-right: 0; margin-left: 50px;}
.rtl .border-right form {padding-right: 0; padding-left: 50px;}

.rtl .memorial-obituary-content h1 {font-family: 'NotoKufiArabic-Bold', sans-serif;}
.rtl .memorial-obituary-content .mem-obit-info {margin-right: 25px; margin-left: 0; width: 80%;}
.rtl .memorial-obituary-content .mem-obit-info .cfm-count li:first-child {margin-right: 0; margin-left: 20px;}
.rtl .memorial-obituary-content .mem-obit-info .cfm-count li:last-child {margin-right: 20px; margin-left: 0;}
.rtl .memorial-obituary-content .info-column .info-label {width: 65px !important; text-align: right;}
.rtl .memorial-obituary-content .misc-info a.get-directions {font-family: 'NotoKufiArabic-Bold', sans-serif;}

.rtl .about-khoolood p {margin-right: 0; margin-left: 5px;}

.rtl .form-content a.dark {font-family: 'NotoKufiArabic-Bold', sans-serif;}

.rtl .memorials .memorial-filters ul li:first-child {margin-left: inherit; margin-right: 0;}
.rtl .memorials .memorial-filters ul li:last-child {margin-left: inherit; margin-right: 31px;}

.rtl .memorial-obituary-content .comm-about-text {padding-right: 0; padding-left: 20px;}
.rtl .memorial-obituary-content .comm-info,
.rtl .memorial-obituary-content .info-column .bio-ftprints {margin-right: 0; margin-left: 20px;}
.rtl .memorial-obituary-content .mem-obit-info .joined-button {margin-right: 0;}
.rtl .memorial-obituary-content .mem-obit-info .joined-button::before {right: 0; top: 7px;}

.rtl .news-list ul li:first-child {margin-left: 5px; margin-right: 0;}
.rtl .news-list ul li:last-child {margin-right: 5px; margin-left: 0;}

.rtl .faq h4.toggle {background-position: left 10px center !important;}

.rtl .ui-tabs .ui-tabs-nav li {float: right;}

.rtl .community-item li p {direction: ltr; text-align: right;}

.rtl .broadcast-list .send-broadcast {padding-left: 0; padding-right: 35px; background-position: right;}

.rtl footer ul li:first-child {margin-left: 10px; margin-right: 0;}

/* ==========================================================================
   French css
   ========================================================================== */
/*.fr-lng .list-items .item-content .death-date span,
.fr-lng .list-items .item-content .funeral-date span {width: 95px;}*/
.fr-lng footer ul li {margin: 0 5px;}
.fr-lng footer ul li:first-child {margin-left: 0;}
.fr-lng footer ul li.last {margin-right: 0;}
.fr-lng #search-input {width: 860px;}

/* ==========================================================================
   App campaign page
   ========================================================================== */
.app-campaign-page header,
.app-campaign-page footer,
.app-campaign-page .modal {display: none !important;}
.app-campaign-page {background: url('../img/campaign-bg.jpg') no-repeat top; direction: rtl; background-size: cover; background-color: #254b72;}
.app-campaign-page a,
.app-campaign-page p,
.app-campaign-page h1 {color: #212d5d;}
.app-campaign-page h1,
.app-campaign-page .bold {font-family: "NotoKufiArabic-Bold", sans-serif; font-weight: bold;}
.campaign-container {width: 700px; margin: 0 auto;}
.campaign-container .logo {text-align: center; margin-top: 5%;}
.campaign-container .logo img {width: 100px;}
.app-campaign-page .campaign-content {background: #fff; padding: 20px; margin-top: 30px;}
.campaign-container .line {display: block; height: 1px; background: #212d5d; width: 300px; text-align: center; margin: 20px auto;}
.campaign-container .line.last {background: #fff; width: 100%; margin: 10px 0;}
.campaign-content ul li {display: inline-block;}
.campaign-content ul li {margin: 0 10px;}
.campaign-content ul li:first-child {margin-right: 0;}
.campaign-content ul li:last-child {margin-left: 0;}
.campaign-content .app-candle {text-align: center; margin-bottom: 20px;}
.campaign-content .app-candle img {width: 20px;}
.campaign-content .app-links:hover {background: #212d5d;}
.campaign-content .app-links:hover a,
.campaign-content .app-links:hover p,
.campaign-content .app-links:hover svg {color: #fff;}
.campaign-content .app-links a {display: block;}
.campaign-content .app-links svg {font-size: 40px;}
.campaign-content .app-links {border: 1px solid #212d5d; border-radius: 3px; padding: 10px;}
.campaign-content .app-links li {margin: 0;}
.app-campaign-page .video-container {margin: 15px 0;}
.app-campaign-page .video-container h1 {color: #fff; text-align: center; padding-bottom: 10px;}