/*
HTML elements
=============================================*/
html{ background:#f1f1f1;}
body {direction: rtl; height:auto;background-color:#f5f5f5;}
.row, header, .navigation, .footer{ cursor:default;}
header { background:#2f2f2f;height:80px;position: fixed;width: 100%;z-index: 5;}
footer { background:#fcfcfc; /*height:65px;*/}
/*header .row{ max-width:100%; }*/
p, ul, ol, dl { font-size:0.8rem }
p, a{color:#000;font-size: 0.8em;line-height: 1.6;}
a:hover{ color:#bb5c70;}
table { width: 100%;border: none;}
table tr.even, table tr.alt, table tr:nth-of-type(2n) { background: #fff;}
table tr { border-bottom: 1px solid #f0f0f0;}
table thead tr th {color: #A9A7AA;font-size: 0.8em;font-weight: normal;}
table thead tr th img { width: 100px;}
table thead tr th .tit_2 { margin-top: 20px;color: #000;padding: 0.3em 0.73em 0 0;}
table tr td input[type="text"] {background-color:#fff; }
label {cursor:default;}
input[type="file"], .basic-add .azi_box i.icon-user-icon { border:1px solid #eee;padding:.7rem; line-height:0; direction:ltr;}
.tabs dd > a, .tabs dd label {padding: 0.33rem 1.0rem;color: #fff;background: #008feb; outline: none}
.tabs dd.active a, .tabs dd.active label { background:#6c6c6c;}
.tabs dd > a:hover { background:#6c6c6c;}
/*.tabs-content > .content { float: none;}*/
.tabs-content form{ margin:0;}
.top_postion{margin-top:100px}
.top_postion_none{margin-top:0;}
.inline-list{margin-bottom:0;}
/*
Foundation elements Customization
=============================================*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background: #fff; color:#c6c6c6; border: none; box-shadow:none; height:49px; margin:0; font-size:inherit; line-height:1.6;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{box-shadow:none; color:#222;}
input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea{ background:inherit;}
button.disabled, button[disabled], .button.disabled, .button[disabled], button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus{ background:#d6d5d5;}
textarea { min-height:200px;}
input[type="checkbox"]{ width:1.5em; height:1.5em;}
select[multiple="multiple"] { height: auto;}
select, select:hover{padding:.5em;border: none; height:auto; background-color: #fff;}
.panel { background:#FFF; border:none;}
.panel.radius, input.radius[type="text"], .panel .dark_silver, .panel .light_silver, p.radius, .more-radius{border-radius:5px;}
.panel p { color:#676767; }
.panel strong {color:#333333; }
button.radius, .button.radius{border-radius:5px}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6{ line-height:1.3; margin-bottom:inherit;}
.pagination ul{ line-height:inherit;display: block;min-height: 1.5rem;width: 90%; margin-right:0;}
.pagination ul li{ background:#e5e5e5; height:auto;font-size: inherit;margin-right:4px;display: inline-block;float: none;}
.pagination ul li a{padding: 1em 1.7em;display: block;color: #999;border-radius: 3px;}
.pagination ul li span{padding:1.2em 1.7em;display: block;}
.pagination ul li a:hover{background:#99022d; color:#fff;}
.pagination ul li.active span{padding:1.2em 1.7em; background:#99022d; color:#fff;border-radius: 3px;}
.pagination ul li i{ font-size:2.4em;}
dialog, .reveal-modal { background:#e6e6e6; border:none; box-shadow:none; height:auto;}
dialog .close-reveal-modal, .reveal-modal .close-reveal-modal{ left:0.4rem; top:0; font-size:1.5rem; font-weight:normal;}
dialog.full, .reveal-modal.full{width: 99.4vw;height: auto;min-height:inherit;}
.tabs dd.active a, .tabs .tab-title.active a, .hajz-services .tabs dd.active a, .hajz-services .tabs .tab-title.active a{background:#6c6c6c; color:#fff;}
.accordion .accordion-navigation > a, .accordion dd > a{background: #e3e3e3;}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover{background: #efefef;}
/*
off-convice
=============================================*/
.off-canvas-wrap { overflow:hidden;min-height:580px; }
.tab-bar-section a{ color:#fff; font-size:large;}
nav.tab-bar { background: #2f2f2f;}
.tab-bar .menu-icon{text-indent:inherit;}
a.menu-icon {width: 3.2rem;height:2.6rem; font-size:1.5em; line-height:2; }
.menu-icon i{ font-size:inherit;}
a.menu-icon span { left:1rem;width: 1.3rem;top:0.38rem;}
.off-canvas-wrap.move-right, .off-canvas-wrap.move-left { height: auto; }
.right-off-canvas-menu .scroll {overflow-y:auto;}
.right-off-canvas-menu, .left-off-canvas-menu { background: #2f2f2f;width: 240px; }
.left-off-canvas-menu{padding: 10px 0px 10px 10px;width: 250px}
.right-off-canvas-menu .button { text-align: right;margin: 0 0 2px 0;padding:0.5rem 2rem;}
.right-off-canvas-menu .add, .right-off-canvas-menu .user { background-image: url(https://elwafeyat.com/assets/gfx/off_con.png);background-position: 97% 12px;background-repeat: no-repeat; }
.right-off-canvas-menu .user {background-position: 97% -50px;}
.right-off-canvas-menu .fb {background-image:url("https://elwafeyat.com/assets/gfx/fb-menu-icon.png");background-position: 175px 12px;background-repeat: no-repeat; }
.right-off-canvas-menu .accordion dd > a { color: #fff;background: #015AAA; padding: 0.66667rem;font-size: 0.8rem;position: relative}
.right-off-canvas-menu .accordion dd > a > span { display: inline-block;background: #00519a url(https://elwafeyat.com/assets/gfx/menu_arrow.png) 15px 20px no-repeat;padding: 1.3rem;position: absolute;left: 0;top: 0;}
.right-off-canvas-menu .accordion .content.active { background: #00519a;}
.right-off-canvas-menu .accordion dd.active .off-canvas-list a { background: #00519a;border-bottom: 1px solid #015aaa;}
section.left-small { border: none; width:100px; box-shadow: none;top: 8px;left: 6px;/*background:#000;*/}
section.left-small .search-icon { display: inline-block;width: 2.8125rem;height: 2.8125rem; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdBQkI2RTA5N0RCMTFFM0IzODI5NjREMzE0QTg3Q0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdBQkI2RTE5N0RCMTFFM0IzODI5NjREMzE0QTg3Q0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0N0FCQjZERTk3REIxMUUzQjM4Mjk2NEQzMTRBODdDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0N0FCQjZERjk3REIxMUUzQjM4Mjk2NEQzMTRBODdDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk6T/gkAAAHjSURBVHjaYvj//z8DED8B0SDGc6jAf0awCFAMRAAEEANUtBpEw2TAgAmqBCwCEEAwZT+hNNt/CACrqgBidqiuXzDtKGYhgf8AAYRs4xMomwFm+3+oUSBj/gAxC8wlyGaDBJ8jSyCDiTDniv5HBX8wfAgFIHsYAAII5gp0XchAFNm1IKIRFgo48H+oGgbkOCCk4TlyeMDiCeR1LiD+C3UzMxB/A2I2UEgjxxgDVIAdGi/PoRgWR3+hBv7BF0fYAEgDM0AAIbtVGogPQN18AMrH8BOMcRJHkJ7EpqEdKtmCJtkCFW9H1wACh3EE6WH0IIdpkMahQRpdAxMDqYAcJ3VBBavRFFdDxReREqwwEI6uAVfEhaBrYsCTSmEYWZM3MRqQNT0BCDAmNAk2aCB8I+Cnb1B1bIQsQzYYPaAuQV0ijRQmIVBx9PTJhs8CaWihCAM5RAZDDpIekH45XBYcRlIYRaThMByFpBdrYgQVAD+hxQgDUtFLLADp+4lUOrOjKwDlneNI/BAScxKy+uO48pocWhykERk8acTGAa5UdB6aaiSgaiSg/PNYku0fXPGHLsAJTd8/CeSDn9BC4Q8Wi8LxWUAODsFhUQh5BSQmWAOt10PRKrnVoPqLGhagW+QPxC+gOA4AxkJN8ENOtfYAAAAASUVORK5CYII=) 10px 10px no-repeat; }
ul.off-canvas-list li label {background:#ff7f00;color: #fff;}
ul.off-canvas-list li a { border-color: #3b3b3b;color: #fff;padding: 0.71rem;}
ul.off-canvas-list li a:hover { background:#c6c6c6; color:#000;}
.move-left a.exit-off-canvas{ box-shadow: none; background:none}
nav.tab-bar .title img{ padding:0;}
section.right-small { border: 0;box-shadow: none;top: 0px;right: 0px;}
.subscrib-menu{ display:block;}
.wafaa-announ, .subscrib-menu a{color:#fff; border:1px solid #555555; border-radius:3px; padding: .1em 0 .3em;}
.subscrib-menu a{width:80%;text-align: center;margin:5% 10%;border: none;}
/*
buttons
=============================================*/
button, .button, a.i-padding{ font-size:1.4em; background:#fff; color:#4b4b4b;}
.button.small.edit_btn, .button.small.icon-trash-o{ padding:0.6em .9em 0em;}
.share a.i-padding {background:#e5e5e5; padding:0em 1.3em 0em !important; color:#8f8f8f;}
button:hover, button:focus, .button:hover, .button:focus, .share a.i-padding:hover, .share a.i-padding:focus{background:#6c6c6c; color:#fff;}
.button-1, .button-2{padding:4px 0px 9px; /*padding:7px 0px 10px;*/border:2px solid; font-family:inherit;}
.button-2{ padding:4px 15px 7px; font-size:1.1em; border-color:#74726d;}
header button.radius, header .button.radius, .splash .button.radius{border-radius:10px;}
.splash .button.radius{font-size:0.9em;padding:.25em 0.7em .55em; opacity:0.7; }
.cover{ background:#f1f1f1; border:1px solid #fff; padding:10px; width:100%; display:inline-block;}
.text-link{ font-size:1.1em; text-decoration:underline; color:#fff;}
.text-link:hover{ text-decoration:none;}
/*Tools Classes */
.rmv_padding{ padding:0; }
.rmv_padding_top{padding-top: 0;}
.rmv_padding_btm{ padding-bottom: 0;}
.rmv_padding_l{padding-left: 0;}
.rmv_padding_r { padding-right: 0;}
.rmv_padding_bg {padding:0; background:none }
.rmv_bg{background:none}
.rmv_all {padding:0;background: none;margin: 0;}
.line { border-bottom: 1px solid #f0f0f0;}
.rmv_margin, .inline-list li.rmv_margin{ margin:0;}
.rmv_margin_btm{ margin-bottom:0;}
.rmv_margin_top{ margin-top:0;}
.rmv_margin_r{ margin-right:0px;}
.brd_btm{border-bottom:1px solid #eee; padding-bottom:.5em;}
.rmv_margin_l{ margin-left:0!important;}
.panel.rmv_btm_raduis, .rmv_btm_raduis{ border-bottom-left-radius:0; border-bottom-right-radius:0;}
.panel.rmv_top_raduis, .rmv_top_raduis{ border-top-left-radius:0; border-top-right-radius:0;}
.rmv_brd{ border:none;}
/* Attributes */
.center{text-align:center; display: block;}
.bold{ font-weight:bold;}
.padding{ padding:1em;}
.padding_top{ padding-top:1em;}
.padding_btm{ padding-bottom:1em;}
.padding_r{ padding-right:1em;}
.padding_l{ padding-left:1em;}
.subcribe-in-header input{margin-bottom:1em;}
.margin_top{ margin-top:1em;}
.margin_r{ margin-right:1em;}
.margin_l{ margin-left:1em;}
.margin_b{ margin-bottom:1em;}
.sm_margin_top{margin-top:3px;}
.sm_margin_l{margin-left:3px;}
.sm_padding_btm{padding-bottom:5px;}
/* header*/
/*Custom main nav*/
header ul > li > a , footer ul > li > a { display:inline-block; width:110px;color:#fff;display:inline-block; border-left:1px solid #3b3b3b;padding: 20px 0px 20px;text-align:center; font-size:1em;}
/* padding increased 1 px top and bottom Fix Bugged header*/
/* header Fix Bugged Manu*/
.inline-flex{display: inline-flex;}
header ul > li > a:hover, .login-header li a:hover, .after-login a:hover{ color:#000; background:#fff;}
a.logo{padding: 7px 0;}
a.logo:hover{ background:inherit;}
.login-header li a{width:170px;}
ul.add_cat{ border:none; margin-top:19px;}
.add_cat li > a{ width: auto;font-size: 1.3em;border: none;text-align: right;padding:0px 19px 5px 19px;}
.add_cat li > a:hover{ background:#fff; color:#000;}
.add_cat i{ color:#288185; font-size:1.2em;}
.add_cat_popup {background: #fff;}
.add_cat_popup a{ display:block; padding:1.5em 1.25em;}
.add_cat_popup a:hover{ background:#d6d5d5;}
.add_cat_popup h1{ font-size:2em;}
.add_cat_popup span, .add_cat_popup i{background: url(../gfx/add-cat-icon.png) no-repeat center 9px #fff; padding:4.5em; border-radius:150px; display:inline-block;}
.add_cat_popup i, .numbers_icon i.icon-phone{background: none #fff;font-size: 6em;border-radius: 200px;height: 125px;display: inline-flex;width: 126px;padding: .39em;color:#8c4151;}
.add_cat_popup .add-t3zya span{ background-position:center -90px;}
.add_cat_popup .add-takreem span{ background-position:center -186px;}
.add_cat_popup .na3i-in-waf span{ background-position:center -298px;}
.add_cat_popup .na3i-in-myay span{ background-position:center -418px;}
.add_cat_popup .na3i-in-ahram span{ background-position:center -515px;}
.reveal-modal a.close-reveal-modal:hover{ background:none;}
/*.reveal-modal-bg{ display:block!important;}*/
/*footer ul{ border-bottom:1px solid #f1f1f1;}*/
footer ul > li > a{ padding:24px 55px 0px; color:#a0a0a0; width:auto; font-size:1em; border-right:1px solid #eae9e9; border-left:none;height: 69px;}
footer .inline-list{ margin-bottom:0px;}
footer p{ line-height:1em;}
.copy-right{border-top:1px solid #eae9e9; margin-top:0px; text-align:center;}
/* Colors Classes */
.dark_gray { color:#fff; background:#2f2f2f; border-color:#636363;}
.dark_green {color:#fff; background:#025a5c;}
.maroon { background: #8a3d4f;color: #fff;}
.purple {background: #99022d; color: #fff;}
.silver { background: #f1f1f1;color: #000;}
.dark_silver{ background: #cdd1d2; color:#8f8f8f;}
.light_silver{background:#ececec;color:#8f8f8f;}
.light-gray{ background:#f7f7f7;}
.gray{ background:#9b9b9b;}
.panel .maroon_txt{color:#c34360; }
.green_txt {color:#025a5c; }
.txt_gray{color: #8f8f8f;}
.blue_txt{color:#0083e8; }
.f-gray{background:#eae9e9;}
/* Custome Panels Classes */
.custom_p_1, .custom_p_2, .custom_p_3, .custom_p_5, .custom-admin{padding:0 0.625rem 0rem;-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.2);box-shadow:0px 1px 4px 0px rgba(168, 168, 168, 0.2);}
.custom_p_1 img{ border: 6px solid #fff;border-radius: 5px;height: 95px;width: 95px;}
.custom_p_1 a, .custom_p_2 a, .custom_p_3 a, .custom_p_1 p, .custom_p_2 p, .custom_p_5 p{ display:inline-block;padding:0px 6px; font-family:Tahoma;margin-bottom:0px;}
.custom_p_2 a{padding:0;}
.custom_p_2 a img{border-top-right-radius:5px;height:85px;width:83px;}
.custom_p_3 p{ font-size:1em; font-family:Tahoma; margin-top:8px;}
.custom_p_1 h4 a, .custom_p_2 h4 a, .custom_p_1 h5 a, .custom_p_2 h5 a{ padding:0;text-align:inherit; font-family:inherit;}
.custom_p_1 h4 a{ width:85%;}
.custom_p_1 a.button, .custom_p_2 a.button{ margin:0; border-radius:0;padding:0.475rem 1rem 0.5rem; font-family:inherit;border-left: 1px solid #fff;}
.custom_p_1 span, .custom_p_2 span, .custom_p_5 span{ font-size:1em;}
.custom_p_1 .light_silver, .custom_p_2 .light_silver, .custom_p_1 .dark_silver, .custom_p_2 .dark_silver{ border-bottom-left-radius:0; border-bottom-right-radius:0;}
.custom_p_4 img{border:2px solid #d7d7d7;border-radius:100px;height:50px;width:50px; padding:.2em; background:#fff;}
.custom_p_4 span{ font-size:.8em;}
.custom_p_4 h6{ margin-bottom:.2em;}
.custom_p_5{ box-shadow:none;}
.custom_p_5 p{ padding:0;}
.custom_p_1 .na3i-div-head, .custom_p_2 .na3i-div-head, .memorials-div-head{background: url(../gfx/tree-bg.png) no-repeat left -5px #e5e5e5;color: #8f8f8f; padding:1em 0;border-top-left-radius:5PX; border-top-right-radius:5PX;}
.custom_p_2 .na3i-div-head{background:#fff; padding-top:0px; padding:0;border-bottom: 1px solid #d6d5d5;min-height: 75px;}
.custom_p_2 .na3i-div-head h4{width: 100%; margin: 0 ;}
.custom_p_2 .na3i-div-head h4 span{font-size:.65em;color: #8f8f8f;max-height:38px;overflow: hidden;margin-right: 10px;margin-bottom: 10px;width: 69%;display: inline-block;}
.custom_p_1 .na3i_name_age, .custom_p_2 .na3i_name_age{ text-align:right;}
.custom-admin h5{ margin-bottom:0;}
.custom-admin .u-pic-upload img{border-radius: 0;clear: both; display: block;}
/*home search*/
.home-search .button-group a.button, .reveal-modal .button-group a.button, .user-pic .unactive-btn{ margin:0px 6px 0px; border-radius:5px;padding:0.575rem 1.8rem 0.8rem;}
.reveal-modal .button-group a.button{ padding:0.575rem 0rem 0.6375rem; background:none;}
.home-search select, .home-search select:hover{margin-bottom: 0px;padding:0.575rem 1rem 0.6375rem;}
.home-search input{ padding-right:3em; color:#eaeaea;}
.memorial-search input{height: 55px;}
.memorial-search .button.small{ width:100%;font-size: 1.2rem;padding-top: 0.45rem;padding-bottom: 0.7rem;}
i.search-i, .home-search span, .memorials-listing i.icon-menu, i.icon-filter{font-size: 1.6em;position: absolute;top: 10px;right: 22px;color: #e9e9e9;}
.home-search span{left: 22px; right:auto; font-size:.8em;top: 18px;}
.home-search .icon-calender{ font-size:1.7em;}
i{ font-size:1.2em;}
a.i-padding{padding:0.2em 1.5em 0.2em !important;}
i.age-i{ padding:0 .4em; margin-top:3px; font-size:1.3em;}
i.email-i/*, i.browes-i*/{background: #fff;padding: 0.1em .6em;color: #000;font-size: 1.3em;margin-left: 5px;border-radius: 3px;}
.share .icon-share{ font-size:1.5em;}
.memorials-listing i.icon-menu{ top:2px; right:20px;font-size: 2.5em; color:#000;}
i.icon-filter{ top:2px; left:25px; right:inherit; font-size:2.2em;border-right: 1px solid; padding-right:10px; }
/*i.browes-i{ padding:1em .8em .5em; position:absolute; top:10px;}
a.browes{ background:#fff;}*/
.radius-left, .custom_p_1 a.radius-left, .custom_p_2 a.radius-left, .share-inn i.radius-left {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.radius-right, .custom_p_1 a.radius-right, .custom_p_2 a.radius-right, .share-inn i.radius-right{border-top-right-radius:5px;border-bottom-right-radius:5px;}
/*.tree-bg, .tree2-bg{background: url(https://elwafeyat.com/assets/content/gfx/tree-bg.png) no-repeat left top; background-position:left top; background-repeat:no-repeat;}*/
.tree2-bg{background-image: url(../gfx/tree2-bg.png);}
.splash{ background:url(../gfx/Landing-page-background.jpg) no-repeat center 0 #5a5852; border-bottom:1px solid #3b3b3b; padding-top:1em; /*height:641px;*/-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mobile-new-header{ background:url(../gfx/Landing-page-background.jpg) center;}
.splash h3{padding: .5em .5em .5em .5em;color:#fff;}
.splash-brd{ border-left:3px solid #fff;}
.splash-links{ border-top:1px solid #3b3b3b;}
.splash-links a{ color:#6f6f6f;}
.splash-links a img{ margin:.5em 1em 0 0;}
.splash-links a:hover{ color:#fff;}
/*.splash .row{padding-bottom:2em;}*/
.splash .splash-links .row{padding-bottom:0em;}
.need-help{ background:#e6e7e6; position:relative!important;padding: 0px;}
.need-help .reveal-modal-bg{ display:none!important;}
.subcribe-in-splash{background: rgba(255,255,255,0.5);padding: 13px;border-radius: 5px;height: 75px;display: inline-block;width: 56%;}
.subcribe-in-splash input{width:79%;font-size: 1.2em;color: #3b6264}
.subcribe-in-splash .button.small{font-size: 1.2rem;padding: 0.3rem 1.75rem 0.5rem;}
.subcribe-in-header{ background:#ededed; border-radius:20px;height:36px;width:100%;padding:3px 14px 2px 0; margin-top: 23px}
.subcribe-in-header input, .subcribe-in-header input[type="text"]:focus, .subscribe_in_mob_home_div input, .subscribe_in_mob_home_div input[type="text"]:focus{ background:#ededed;width:71%; font-size:.7em; color:#3b6264; height:31px;border-radius:20px;padding: 0;}
.subcribe-in-header .button.small, .subscribe_in_mob_home_div .button.small{font-size: .8rem; padding:0.06rem 0.85rem 0.15rem;border-radius: 22px;}
.datepicker {background: none repeat scroll 0 0 #fff;border: 1px solid #e1e1e1;}
.social-share .button-group a.button{margin-right:0;}
.fb, .tw, .gp, .e-mail, .print-n, .copy-link{background-color:#2c5c9a; color:#fff; padding:0.4rem 1.3rem 0.25rem;border-radius:5px; font-size:1.5em;}
.tw{background-color:#00b5ec;}
.gp{background-color:#c4232b;}
.e-mail{background-color:#055b5e;}
.print-n{background-color:#8b3e4f;}
.copy-link{background-color:#727272;}
.reveal-modal .social-txt a.button, .reveal-modal .social-txt a.twitter{background:#2c5c9a; padding:0.5em 0.7em 0.5em;font-size: 1.2em;color:#FFF; margin-bottom:5px;}
.reveal-modal .social-txt a.twitter{background-color:#00b5ec; padding:0.5em 2.1em 0.5em;}
/*register and login*/
.register-login .tabs.vertical {width: 70%;}
.tabs-content.vertical, .edit-na3i{width:100%;}
.register-login label{ font-size:1.02em; font-weight:bold;}
.register-login input, .register-login input:focus{ background:#E6E6E6; border-bottom:1px solid #fff;}
.register-login-content{ border-right:1px solid #fff;}
.unactive-btn{ background:#e6e6e6;}
.user-pic .button{ margin-bottom:1em;}
.register-login-content img{border:10px solid #fff;border-radius: 100px; width:150px; height:150px;}
.after-login{ background:none;}
.after-login img{ width:45px; height:45px; border:5px solid #fff; border-radius:100px;margin-left: 10px;}
/* Extra style for premium user picture*/
.radius.premium-user {border-color: #E1c37A;}
.after-login a{color:#fff; display: block;padding:0.8em 0 1.1em;}
.after-login .top-bar-section ul li, .after-login .top-bar-section li:not(.has-form) a:not(.button){ background:#292929; border:none;}
.after-login .top-bar-section ul li:hover, .after-login .top-bar-section li:not(.has-form) a:hover:not(.button) { background:#fff; border:none; color:#2f2f2f;}
.after-login .top-bar-section li:not(.has-form) a:not(.button){padding:15px 10px 17px; width:190px;background:none;}
.after-login .top-bar-section ul.dropdown li:not(.has-form) a:not(.button) { padding:5px 15px 5px;}
.after-login .top-bar-section{top:0px;}
.after-login .top-bar-section ul li > a{ font-size:.9em;;}
.after-login .top-bar-section .has-dropdown > a:after{ border:none;}
.after-login .top-bar-section .has-dropdown > a{padding-left: 15px !important;}
.register_form span{ color:red;}
.register-login .tabs dd > a, .register-login .tabs .tab-title > a{ width:10em;}
.need-action .top-bar-section li:not(.has-form) a:not(.button){color: #fff;background: #2f2f2f;width:176px;padding: 17px 10px 18px;font-size: 1.1em;}
.need-action .top-bar-section ul.dropdown li:not(.has-form) a:not(.button){ font-size:.9em; text-align:right;}
/*user account*/
.user-account .tab-title a{ background:none; border-bottom:2px solid #e0e0e0; margin-left:1px;}
.user-account .tab-title a:hover, .user-account .tab-title.active a{background:none; border-bottom:2px solid #000; color:inherit;}
.user-account .tab-title{margin-bottom: -1px!important;}
.user-account form input, .user-account form textarea, .basic-add .azi_box form input, .basic-add .azi_box form select{ border-bottom:1px solid #eee; background:#fff;}
.basic-add .azi_box form input.button{background: #ececec;color: #8f8f8f; border:none; border-bottom-right-radius:0px; border-top-right-radius:0px;}
.basic-add .azi_box form input.button:hover{background: #6c6c6c;color: #fff;}
.user-account form textarea{min-height: 8em;}
.user-account form label{ font-size:1.1em;}
.btn-unselect{border:1px solid #eee;}
.u-pic-upload img{ border:9px solid #f1f1f1; border-radius:100px;box-shadow:0px 0px 0px 1px #cecece, 0px 0px 0px 0px #cecece, 0px 0px 1px 1px #cecece; width:190px; height:190px;}
/* left Panel Style */
.left-panel-pad-top{
padding-top: 0.625em;
}
/*new style for premium user*/
.u-pic-upload.premium-user img{border-color: #E1c37A;}
.u-pic-upload .progress{ background:#fff; border:3px solid #e2e2e2;height:auto;padding: 0.2em;}
.u-pic-upload .progress.alert .meter{ background:#9b9b9b; color:#fff; padding:1em 0;}
.u-pic-upload .progress.radius .meter{ border-radius:5px;}
i.email-i-2{ padding:0.1em 0.2em; color: #000;font-size: 2.9em;}
i.icon-edit, i.icon-trash-o{ color:#c9c9c9; font-size:2.2em; margin:-11px 0 -8px 10px;}
i.icon-trash-o{margin:-14px 0 -5px 10px;}
.user-account i.fb-bg{ color:#2b67a5; font-size:2.5em;}
.user-account i.tw-bg{ color:#30b0e1; font-size:2.5em;}
.join-mail{ background:#fff url(../gfx/mail-bg.png) repeat-x;}
.join-mail input{ border:2px solid #e2e2e2;
/*height:60px;*/}
/*Add Memories*/
.Add_Memories form textarea{ min-height:22em;border:1px solid #eee;}
.video-upload input{border:1px solid #d3d3d3; height:50px;}
.video-upload .button.small{ width:100%; color:#b8b8b8; border:1px dotted;}
.video-upload .button.small i{ line-height:0em; margin-left:.2em; font-size:2.2em;}
.video-upload .button.add-v{ width:30%; border:none;}
/* add-pics */
.add-pics img{ width:100px;height:100px; padding:.5em; border:1px solid #d3d3d3;margin-bottom:4px;}
.add-pics a{ position:relative; display:inline-block;}
.add-pics a:hover .icon-cross{ color:red;}
.icon-cross{ background:#f3f3f3; display:inline-table; position:absolute; top:-5px ; left:-3px; border-radius:50px; padding:.2em .5em;opacity: .9; color:#000;font-size: .9em;}
.close-reveal-modal .icon-cross{padding: 0.45em .5em;top: -14px;left: -20px; height:auto; width:auto; font-size: 1em;}
.register-login .close-reveal-modal .icon-cross{top:0px;left:0px;border-radius:0px;}
/* Na3i details Page*/
.na3i-pic img{ width:100%;}
.share-inn a{ width:45%; margin:0;}
.share-inn a i{ width:100%; display:inline-block; margin-top:-10px; border-radius:0px;}
.moshatra-details .share-inn a{ width:50%;}
.moshatra-details .share-inn a i{ margin-top:0; padding:1rem 1.8rem; font-size:1.8em;}
.na3i-services-btn a{ width:9em;}
/*.na3i-details .panel :last-child{ margin-bottom:1em;}*/
.azi_box .panel{ border:2px solid #f0f0f0;}
.azi_box .azi-form .panel {border:none;}
.azi_box .azi-form input.mushatra_text{ background:none; border-top:1px solid #f0f0f0; font-size:1.3em; color:#000;}
.azi_box .azi-form input[type="radio"]{height: 1.3em;width: 1.3em;}
.step_tit{ position:absolute; top:-10px; border:2px solid #f0f0f0;padding: 0.8em 1em 0.1em;background: #fff;border-radius: 5px; }
.step_tit input[type="radio"]{height:20px;width:20px;}
.step_tit label{ font-size:1.2em;}
.azi_box input[type="text"], .azi_box textarea{ background:#fafafa;}
.add_cat_popup .pay_by_mobile span , .add_cat_popup .pay_online span{ background-image:none; padding:1em 1em 0.7em;}
.pay_by_mobile .icon-mobile, .pay_online .icon-list-alt{ font-size:5.5em; color:#8a3d4f;}
.pay_online input{display: inline-block;width: 100%;height: 100%;padding: .5em;border: none;border-radius: .5em;font-size: 1.2em;color: #000;}
.pay_online{ padding:3em 1.25em .9em;}
.edit-na3i .icon-edit, .edit-na3i-en .icon-edit{font-size: 1.4em;margin: 8px 0 0px 10px;top: 6px;position: absolute;left: 5%;}
.edit-na3i-en .icon-edit{ right:5%;left: inherit;}
.pay_by_fawry img{padding:24px 23px;height: 126px;}
/* memorials Pages*/
.memorials-div-head{height:120px; padding:2em 0;}
.memorials-listing .custom_p_1{ box-shadow:none;}
.memorials-listing .custom_p_1 p{ font-family:inherit; color:#000; height:210px;}
.memorials-listing .custom_p_1 img{height: 166px; width:166px;border:4px solid #fff;-webkit-box-shadow:0px 0px 1px 1px rgba(168, 168, 168, 0.3);box-shadow:0px 0px 1px 1px rgba(168, 168, 168, 0.3);}
.memorials-listing .panel h4{ margin-bottom:inherit; line-height:inherit;}
.memorials-listing .home-search select, .memorials-listing .home-search select:hover{ padding:.9em 4em; margin-top:0;}
/* memorial detials Pages*/
.memorial-details .custom_p_5 p{ font-family:inherit;}
.without-bg .fb, .without-bg .tw{ background:none; border:1px solid #ccc; color:#3266cc; border-radius:inherit;padding: 0.6rem 1.1rem 0.4rem;}
.without-bg .tw{ color:#48b5f4;}
.memorial-details .icon-edit-2, .memorial-details .icon-coments-bg, .icon-plus2{ font-size:1.6em; margin-left:5px; color:#c7c7c7;}
.icon-plus2{ font-size:1.2em;}
.icon-camera{ font-size:1.4em; margin-left:8px; color:#848484;}
.add-comment textarea{ min-height:90px;}
.add-comment .brd_btm{ border-color:#fff;}
.comments .icon-bubbles{font-size:6em; color:#f1f1f1;}
h5.no-comment { color:#e6e6e6;}
.na3i-pic .add-pics img{ width:100px;z-index: 0;}
.khatmaa table tr{ border:1px solid #f1f1f1;}
.khatmaa table th, .khatmaa table td{ text-align:center; color:#000; font-size:1em; border:1px solid #f1f1f1; padding:1rem 0.625rem;}
.khatmaa h1{ font-size:1.3em; line-height:0;}
.mom_gallery_list img{ height:250px; max-width:100%;}
.mom_gallery_list ul li a{ background:#f1f1f1; display:block;}
.mom_gallery h1, .mom_videos h1{ font-size:1.7em;}
.mom_gallery_list h1, .mom_videos_list h1{ background:#f6f6f6; border-radius:0;padding: .4em 1em .7em;margin-top: 0; font-size:1.5em;}
.mom_gallery_list ul li .clearing-container a{ background:none;}
/* Dalil Pages*/
.dalil-main h1{ font-size:1.4em;}
.services_icon i{ font-size:5.4em;padding-top: .45em;}
.numbers_icon i.icon-phone{font-size:4.5em; padding:.6em .6em .39em .39em; transform: scaleY(1);}
/* Dalil Pages ( 7ajz services )*/
.hajz-services .tabs.vertical{width:92%;}
.hajz-services .tabs dd > a, .hajz-services .tabs .tab-title > a{ background:#fff;text-align: right;padding: 1rem 5rem 1em 2em;margin-bottom: 10px;}
.hajz-services .tabs dd > a:hover, .hajz-services .tabs .tab-title > a:hover{background: #6c6c6c; color:#fff;}
.hajz-services .tabs-content > .content{ padding:0;}
i.icon-laptop, .tabs i.icon-angle-left, .tabs i.icon-angle-right, i.icon-list, i.icon-cogs, i.icon-lamp, i.icon-office, i.icon-library, i.icon-automobile, i.icon-phone, .ejraat i.icon-list-alt, i.icon-paper, i.icon-paper-stack, .numbers i.icon-mobile, .basic-add i.icon-edit{font-size: 2em;color: #efefef;border-left: 1px solid #efefef;right: 0px;position: absolute;top: 0;padding: 0 .5em;}
.tabs i.icon-angle-left, .tabs i.icon-angle-right, i.icon-lamp, i.icon-office, i.icon-library, i.icon-automobile, i.icon-phone, .ejraat i.icon-list-alt, i.icon-paper, i.icon-paper-stack, .basic-add i.icon-edit{right: inherit;left: .49em;border: 2px solid #efefef;border-radius: 30px;top: .45em;line-height: 0;padding:0.04em .5em .3em;font-size: 1.7em;}
.tabs i.icon-angle-right{ right:.49em; left:inherit;}
i.icon-lamp, i.icon-office, i.icon-library, i.icon-automobile, i.icon-phone, .ejraat i.icon-list-alt, i.icon-paper, i.icon-paper-stack, i.steps-no, .basic-add i.icon-edit{position: inherit;color: #464646;padding:.05em 0.54em;border-radius: 50px;font-size: 2em; transform: scaleY(-1);}
.contact-us i.icon-phone, .contact-us i.icon-location, .contact-us i.icon-mobile, .contact-us i.icon-mail{ border:none; color:#d3d3d3; font-size:1.4em;padding: 0 0 0 0.2em;}
.hajz-services .mom_gallery_list img{ /*width:100%; height:250px;*/}
.book_mony p, .book_mony a{background:#dfdfdf; width:49.9%; border-left:1px solid #f1f1f1; display:block;}
.book_mony p{border-bottom-right-radius:5px; padding:0.4em 0em; /*height:49px;*/font-size: 1.25em;}
.hajz-services .book_mony a{background:#dfdfdf;border-left:none;line-height: 1.9; border-bottom-left-radius:5px;}
.hajz-services .book_mony a:hover{ background:#e6e6e6;}
.hajz-services .book_mony a i{ font-size:2em;}
#book-mosk .book_mony a, #book-charch .book_mony a{ width:100%; border-bottom-right-radius:5px;}
.form-on-white input{ background:#f1f1f1;}
.form-on-white select{ background:#cdcdcd;padding:0.7em 0.5em;}
.form-on-white .button{padding:0em 1.9em;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.form-on-white .icon-search{ font-size:1.95em; color:#fff;}
/* Dalil Pages ( FAQ - Ejra2aat ) pages*/
.faq_tit h1{ font-size:1.3em;}
.faq_list a, .basic-add .azi_box h5 span{ font-size:1.2em; text-decoration:underline; color:#db6161;}
i.icon-list{ font-size: 1.5em;transform: scaleX(-1);border-left: none;border-right: 1px solid #efefef;padding: .35em .852em;}
i.icon-cogs{transform: scaleY(-1);}
.ejraat .accordion .accordion-navigation > a, .ejraat .accordion dd > a{background: none;text-align: center;text-decoration: none;margin-top: 8px;padding: .5em; color:#e3e3e3;}
.ejraat .accordion .accordion-navigation > a:hover, .ejraat .accordion .accordion-navigation > a:active{ background:#f8f8f8;}
.ejraat .accordion .accordion-navigation > a i{font-size:2.2em;line-height: 1;margin-top: -26px;display: inline-block; color:#e3e3e3;}
.ejraat hr{ margin:0 0 2em;}
.ejraat .button.small{border: 2px solid #efefef;padding: 0.5em 1em;text-decoration: none;color: inherit; width:100%;}
.ejraat .button.small:hover{background:#efefef;}
/* Dalil Pages ( Numbers ) page*/
.numbers .ejraat .button.small{background:#efefef; border:none; width:auto; margin-top:1em;padding: 0.5em .4em;}
.numbers .custom_p_5{ margin:inherit;}
.numbers .custom_p_5 span{ font-size:1em;}
.numbers .ejraat hr{ margin:1em 0;}
.no-icon .icon-phone{ border:none; font-size:1.5em; color:#b5b5b5;margin: 0 0 0 .4em;padding: 0;}
.numbers .faq_list h4 a{ color:#000; font-size:inherit; text-decoration:none;}
.numbers .faq_list h4 a:hover{text-decoration:underline; color:#db6161}
@media only screen and (max-width: 640px) {.smaller-img img { display: none;}}
@media only screen and (max-width: 640px) {.top-margin{ margin-top: 15px !important; }}
/* basic add Page */
.basic-add .tabs dd > a, .basic-add .tabs .tab-title > a{ padding:.55rem 8rem .65em 1em;position: relative; color:#9f9f9f; background:none; border:1px solid #fff;}
.basic-add .tabs .tab-title.active a span{ background:#898989;}
.basic-add .tabs .tab-title a:hover span{color:#6c6c6c;}
.basic-add .tabs .tab-title.active a:hover span{color:#fff;}
.steps{position: absolute;background: #f2f2f2;padding: 0.6em 1.2em;font-size: 1em;top: 0;right:8px;}
.basic-add .azi_box .panel{ display:inline-block; position:relative;width:100%;margin-bottom: 2.5em;}
.basic-add .azi_box .panel .panel{ margin-bottom:1em;}
.basic-add .azi_box label{font-size:1em;}
.basic-add .azi_box .step_tit span{ font-size:1em;}
.basic-add .azi_box .step_tit{padding:.7em 1em 0.9em;top: -27px;}
.basic-add .azi_box form p{font-size:.8em;}
.basic-add .azi_box input[type="radio"]{width: 24px;height: 24px;}
.basic-add .azi_box form select{padding: .68em .5em;}
.basic-add .azi_box label.inline{margin:0;}
.basic-add .azi_box i.icon-user-icon{font-size: 1.3em;padding:.62em .8em; color:#c4c4c4;display:table;margin-top: 2em;}
.azi_box .panel2{border:2px dashed #f1f1f1;}
.azi_box .panel2 textarea{ min-height:130px;}
.basic-add a i.icon-paper, .basic-add a i.icon-edit, .basic-add .submit_button i.icon-paper, .basic-add .submit_button i.icon-edit, .basic-add .add_na3i_field i.icon-paper{background: #c4c4c4;color: #fff;border: none;border-radius: 0;font-size:1.5em;top: 3px;right:-28px;border-bottom-right-radius: 5px;border-top-right-radius: 5px;padding:.45em 1em;}
.basic-add .submit_button i.icon-paper, .basic-add .submit_button i.icon-edit, .basic-add .add_na3i_field i.icon-paper{font-size:1.25em; right:0px;}
.basic-add .submit_button i.icon-paper, .basic-add .add_na3i_field i.icon-paper{right:5px;}
.basic-add .azi_box h5 span{ text-decoration:none;}
.choose-style .azi_box .panel{ border:none; padding-top:3em;}
.pay-step .azi_box .panel{ padding-top:1em;}
.pay-step .icon-lamp{border: none;font-size: 3.5em;position: absolute;padding: 0 .2em 0 0;color: #ececec;top: 0px;left: -9px;transform:scalex(1);}
.choose-style .azi_box .step_tit{ padding:0.4em 1em 0.1em; font-size:1.3em;}
.add-preview .azi_box .step_tit{padding:0.5em 1em 0.8em; font-size:1.2em;}
.add-preview .azi_box .custom_p_1, .add-preview .azi_box .custom_p_2{ padding-top:0;}
/* tabs - links */
ul.tabs-link { margin-right:.1em}
.memorial-details .tabs:before, .tabs:after{ display:inline;}
.mini-item {/*padding-bottom:1em;*/}
.part2_1 .mini-item {padding-bottom:1em;}
/*.subscribe-page*/
/*.join-mail{ background-position:bottom;}*/
.subscribe-page h1{ font-size:1.8em;}
.subscribe-popup{ background:none; padding:0}
.about h1{ font-size:1.4em;}
.contact-us form .contact-btn input {background:#6c6c6c; color:#fff;}
.contact-us p span{ margin-left:.8em;}
.contact-us form label{ color:#999; font-size:1em;}
.subs_button{background: #6c6c6c;color: #fff;}
/*.subscribe-page*/
.newsletter-subscrip h1{ font-size:3em;margin-bottom: .3em;}
/* error page */
.error a{ font-size:1.2em; color:#bb5c70;}
span.required{ position:absolute; top:0; right:0; color:red;}
/*terms page 8*/
.terms p { font-family: "Frutiger LT Arabic","Tahoma",Helvetica,Arial,sans-serif; line-height: 1.8}
.terms > .panel li {color:#676767 !important}
/* Admin */
.custom-admin{padding: 1.25rem; border:1px solid #e2e2e2; box-shadow:none;}
.custom-admin input[type="text"], .custom-admin input[type="password"], .custom-admin input[type="date"], .custom-admin input[type="datetime"], .custom-admin input[type="datetime-local"], .custom-admin input[type="month"], .custom-admin input[type="week"], .custom-admin input[type="email"], .custom-admin input[type="number"], .custom-admin input[type="search"], .custom-admin input[type="tel"], .custom-admin input[type="time"], .custom-admin input[type="url"], .custom-admin textarea, .custom-admin select { border:1px solid #ddd; margin-bottom:1em;/*height: 40px;*/}
.custom-admin .tabs{background: #efefef;padding: 1em;display: inline-block;width:106%;margin: -1.5em;}
.custom-admin .tabs dd.active a, .custom-admin .tabs dd a:hover{ background:#fff; color:#656c70; border-radius:3px;}
.custom-admin .tabs dd{margin:0 0 0 1.7em;}
.custom-admin .tabs dd a{ padding:.5em .91em .8em; font-size:1.4em; background:none; color:#555555}
.custom-admin .tabs dd a:hover{ background:#e1e1e1}
.na3i-box-builder{position:relative;}
.na3i-box-builder .close-reveal-modal .icon-cross{border-radius: 0;padding: 0.1em .4em;top:0px;left:-22px; background:#efefef;}
.custom-admin .tabs dd span{position: absolute;right: -9px;top: -8px;background:#e1e1e1;width: 29px;border-radius: 27px;text-align: center;color: #c34360;height: 27px;line-height: 2;}
.na3i-box-builder textarea {min-height: 80px;}
.admin-preview{ position:relative;}
.admin-preview .custom-admin{padding:0 0 1.25em 0;}
.admin-preview .custom_p_2 .na3i-div-head{width: 100%;margin-right: 0em;border-radius: 0;}
.admin-preview .panel p{ padding:.5em 1em;}
.admin-preview-contain{ position:fixed; width:372px;}
.custom-admin .accordion dd > .content.active{ background:none;}
#googlemaps {height: 98%; width:100%; position:absolute; top: 0; z-index: 0;}
.announc-popup { position: relative; z-index: 1;display:inline-block;margin:60px 50px 0;padding: 10px; height: auto; color: white;}
.announcement{width: 100%;display: inline-table;margin-top:80px;}
.announc-r{ width:170px; height:450px; display:inline-block; float:right;}
.announc-l{ display:inline-block; background:#fff;-webkit-box-shadow: 0px 1px 5px 1px rgba(000, 000, 000, 0.1);box-shadow:0px 1px 5px 1px rgba(000, 000, 000, 0.1); height:400px; width:380px; border-radius:5px;}
.announc-l .panel{min-height: 300px;}
.announc-l h1{ font-size:1.6em;}
.announc-l p{ font-size:1.05em;}
.announc-l a{border-radius:5px; width:82%; margin:0;}
a.location-link{font-size:0.98em; text-decoration:underline; color:#555555;}
a.location-link:hover{text-decoration:none;}
.announc-l .icon-location, .announc-l .icon-clock{ font-size:1.6em; margin-left:.25em;}
.announc-l .icon-clock{font-size:1.2em}
.announc-l .icon-cross{ position:initial; background:none; color:inherit;}
.attendance{ background:#fff;}
.attendance a{ padding:1em 1.25em; display:block;}
.attendance .panel{ max-height:465px;overflow: auto;}
.attend-no{width: 112px;margin:7px auto 0;text-align: center;border-radius: 56px;height: 112px;padding-top:6px;background:#fff;}
.attend-no a{border-radius: 50px;height: 100px;border: 1px solid #035a5d;display: inline-block;padding: .45em;width: 100px; color:#035a5d;}
.attend-no a p{font-size: 2.5em;margin-bottom: 0;line-height: 1;padding-top: .4em;color:#035a5d;}
.attend-no a span{ clear:both;}
.share-announc{ width:97%; background:#fff; padding:.5em .7em .5em 0; border-bottom-right-radius:5px; border-top-right-radius:5px;display: inline-block;-webkit-box-shadow: 0px 1px 5px 1px rgba(000, 000, 000, 0.1);box-shadow:0px 1px 5px 1px rgba(000, 000, 000, 0.1);}
.share-announc .button-group a.button{padding:0.575rem 0rem 0.6375rem}
.share-announc .button-group a.button:hover{background:none;}
.share-announc i.icon-edit, .share-announc i.icon-paper{font-size: 1.8em;margin: -2px 0 0px 7px;line-height: 1.5;}
.share-announc i.icon-paper{ border:none;padding: 6px 3px 3px; line-height:0.5;margin: -10px 0 11px -5px;color:#c9c9c9; }
.share-announc .button.small.edit_btn{padding: 0.3em .9em 0em;}
a.announc-by{color:#0054a6; text-decoration:underline;font-size: 1.1em;}
.announc-tit{ background:#2f2f2f; color:#fff; display:inline-block; width:100%;padding:.2em .5em .7em; text-align:center;}
.icon-whatsApp {background: url("https://elwafeyat.com/assets/css/gfx/whatsapp.png") no-repeat scroll 12px 8px #17ae00;width:60px;height:48px;margin: 3px 1px 0 0;border-radius: 5px;}
.share-new .fb, .share-new .tw{background:none;color: #3a3a3a;padding: 0.4rem 0rem 0.1rem;}
.share-new a.button{padding:0.275rem .8rem 0.1rem;}
.share-new a.button i:hover{color:#fff;}
span.source{font-size:.8em;margin:0px;font-weight: bold;width:auto!important;}
.na3i-addthis-share{direction: ltr;text-align: right;margin-top: 5px;}
/*=========== Ganaza tabel ===========*/
.ganaza-table{ border:1px solid #fff; background:#e6e6e6; border-radius:6px;padding: 15px 7px 25px;}
.ganaza-table .item{background:#fff; height:155px; width:100%; display:block;text-align: center; border-top-right-radius:5px; border-top-left-radius:5px;}
.ganaza-table .owl-buttons{ position:inherit;top:50%;}
.ganaza-table .owl-nav .owl-prev, .ganaza-table .owl-nav .owl-next{position: absolute;left: 0px;top: 0%;/*padding: 0.07em 0.4em 0em 1em;*/background: #000;width:35px;vertical-align: middle;font-family: sans-serif;height:35px;color: #FFF;font-size: 1.3em;opacity:0.25;border-radius: 55px;line-height: 1.5;text-align: center;}
.ganaza-table .owl-nav .owl-prev{ right:0;}
.arrow_box {position: relative;background:#e0e0e0;height: 100%;display: inline-block;padding: 3.53em .5em;border-left:3px solid #d6d5d5;color: #8c253b;text-align: center;line-height:2.7;width:87%;font-weight: bold;right:10px;}
.arrow_box span {right: 100%;top: 54%;border: solid;height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(214, 213, 213, 0);border-right-color: #d6d5d5;border-width:13px;margin-top: -15px;}
.ganaza-box a, .azaa-box a{ width:100%; height:100%; display:inline-block;}
.ganaza-box a:hover, .azaa-box a:hover{background:#f5f5f5;border-top-right-radius:5px; border-top-left-radius:5px;}
.ganaza-box a h1, .azaa-box a h1{ font-size:1.3em; border-bottom:5px solid #035a5d;margin:0;padding:0.6em 1em; font-weight:bold;}
.azaa-box a h1{ border-color:#c8c8c8;}
.ganaza-box a p, .azaa-box a p{font-weight: bold;padding:0.7em 1em;color: #2f2f2f;min-height:72px;font-size: 1.3em;max-height: 2em;overflow: hidden;}
.ganaza-box a address, .azaa-box a address{font-size:.8em; border-top:1px solid #eaeaea;width: 100%;display: inline-block;font-style: normal;padding:.5em;}
.ganaza-box a:hover address, .azaa-box a:hover address{color:#000;}
.owl-controls{position: absolute;bottom: -7%;right: 39%;width: 20%;}
.owl-dots{padding-top:6px;text-align: center;}
.shadow{-webkit-box-shadow:inset 35px 0px 31px -24px rgba(50, 50, 50, 0.10);-moz-box-shadow:inset 35px 0px 31px -24px rgba(50, 50, 50, 0.10);box-shadow:inset 35px 0px 31px -24px rgba(50, 50, 50, 0.10);position: absolute;left: 11px;height:69%;z-index: 100;width:30px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.message_after_subscribe p, .message_after_subscribe div{width: 100%;font-size:.6em;background: #fff;border-radius: 5px;padding: .5em;opacity: .8;margin:0; color:red; clear:both;}
/*.message_after_subscribe p span{width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ffffff transparent;}*/
/* home-tabs */
.main-home-tabs li{ width:33.33%;}
.main-home-tabs .tab-title > a{ background:#fff;border-bottom:2px solid #d6d5d5; text-align: center;padding:.6rem 2rem .8em;color:#6c6c6c;}
.main-home-tabs .tab-title.active a{border-bottom: 2px solid #6c6c6c; background:#fff;color:inherit; color:#000;}
.home-tabs{top:45px!important; z-index:100; box-shadow:0 0 8px rgba(0,0,0,0.10); padding:0;height: 45px;right: 0; margin-bottom:1em;}
.home-tabs .sub-nav dd a{padding:10px 30px;display: block;}
.home-tabs .sub-nav dd a:hover{background:#f3f3f3;}
.home-tabs .sub-nav dd a:active, .home-tabs .sub-nav dd a:focus{ border-bottom:2px solid #8f8f8f; color:#2f2f2f;}
.condition-wrapper li { color: #676767; font-family: Tahoma; }
/* new pags */
.azi_box .custom-admin{ border:none;padding:inherit;}
.azi_box input[type="email"]{background:#fafafa;}
.brd{border:1px solid #d6d5d5; border-radius:5px;}
.custom_p_5 p.padding, .ta3zyat{padding:1em;margin: 0; width:100%;position: relative;}
.New-Na3i .custom_p_5 .shadow{-webkit-box-shadow: inset 0px -33px 34px -12px rgba(255,255,255,1);
-moz-box-shadow: inset 0px -33px 34px -12px rgba(255,255,255,1);
box-shadow: inset 0px -33px 34px -12px rgba(255,255,255,1);position: absolute;left:28px;z-index: 100;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;bottom: 0; width:92.5%;bottom:3px;}
.New-Na3i .custom_p_5{ position:relative;}
.New-Na3i .button.small.edit_btn{padding: 0.3em .9em 0.4em;}
.New-Na3i .custom_p_4 img{border: 1px solid #d7d7d7;height: 40px;width: 40px;position:absolute;z-index: 1;margin-right: 5px;right: 0;}
.New-Na3i .publish-ta3zi .custom_p_4 img{position: inherit;}
.New-Na3i .custom_p_4 .ta3zyat a{padding: 0.4em 2em .6em 1em;width: 100%;margin-right: .5em;display: inline-block;}
.New-Na3i .custom_p_4 .ta3zyat li{ padding-bottom:.5em;padding-right: 0;}
.New-Na3i .button.small{padding:0.375rem 1rem;}
.ta3zia-box {position: relative;background: #f1f1f1;}
/*.ta3zia-box:after {left: 100%;top:19%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(241, 241, 241, 0);border-left-color: #f1f1f1;border-width:7px;margin-top:6px;}*/
.na3i-img{ width:160px; height:167px;}
span.announcer{font-size: .6em; margin:-8px 0 0 1em;}
.wrong-ann{margin:-8px 0 0 1em;}
.New-Na3i .icon-edit{ position:absolute; left:1%; font-size:1.3em; top:1%;}
.New-Na3i .panel{ width:100%; display:inline-block;}
.New-Na3i .job-desc p{width:55%;float:right;height:54px;overflow:hidden;font-family:inherit;font-size:.8em;margin-top:-11px;}
.publish-ta3zi .button-group{ margin-top:9px;}
.publish-ta3zi span{display:inline-block;margin-right: 27px;font-size: 2em;color:#d6d5d5;}
.publish-ta3zi a.share_na3i{float:left; position:inherit;top: 0px;left: 0px;}
a.share_facebook{font-size:.8em;}
a.share_facebook i{ font-size:.8em;margin-left: 1em;}
.nam-job{float:right;margin: 10px 10px 0 0;max-width: 69%;}
.source{position: absolute;left: 0;padding: .3em;border: 1px solid #a6a6a6;border-left: 0;border-top-right-radius: 5px;border-bottom-right-radius: 5px;top:20px;}
.custom_p_2 .source img, .ta3zi-home-tit span.source img{width:60px;height:25px;padding: .2em;}
a.morelink {text-decoration:none;outline:none; width:100%; padding:.5em 0 0; border-bottom:1px solid #d6d5d5; position:absolute;text-align: center; right:0;bottom:0;}
.more-div{padding-bottom:1.7em;}
.more-div a{font-size:14px;}
a.more_less_text{display: inline-block;padding:1em 0 0;}
.morecontent{text-align:center;}
.morecontent span {display: none;}
.comment{width: auto;min-height: 68px;}
.custom_p_2 .brd_btm{padding-bottom:0;}
.message_after_subscribe{width: 56%;color: red;padding: .5em;font-size: 1.7em;display: inline-block;}
h3.new-na3i-tit{/*display: inline-block;*/width: 95%;padding-top: 0.7em;}
h3.new-na3i-tit time{/*float: right;*/display: block;clear: right;font-size: 0.7em;margin-top: 10px;}
a.share_na3i{left: 20px;top: 25px;position: absolute;}
/* dontaions */
.donations-head{border-bottom:10px solid #dfdfdf; padding-bottom:2em;margin-bottom:1em!important;}
.donations-head h1{ font-size:2.2em;margin-top: .5em;}
.donations-head img.logo{height: 160px;margin-top: 0;float:right;margin-right:1em;}
.donations-head img{margin-top:1.65em; float:left;margin-left:1em;}
.donations .mom_gallery_list img{height: 260px;}
.donations .mom_gallery_list h5{ border-bottom:2px solid #fff;padding:.5em;}
.donations .mom_gallery_list p{ padding:1em;}
.donations .mom_gallery_list .book_mony a{ display: inline-block;background-color: #035a5d;padding: 0em 0 .73em;color: #fff;font-size: 1.7em; border-bottom-left-radius: 6px;}
.ta3zi-home-tit{padding:0.6em 0em .5em;}
.ta3zi-home-tit a{margin-right:.8em;padding: 0;}
.ta3zi-home-tit span.source{top: 15px;margin: 0;padding: 0;}
/* blog */
.blog-box, .blog-details{position:relative;display: inline-block; color:#fff;}
.blog-box time{position:absolute;bottom:.3em;left:1em;font-size: 1.7em;}
a.blog-box:hover{color:#fff;}
.blog-box h4{position:absolute;bottom:2em;right:.7em;color:#fff;}
.blog-box h2 {font-size:200%;right:.7em;color:#fff;position:absolute;}
.blog-box h4{right:1.2em;bottom:.3em;}
.blog-details h1, .blog-details h3{position:absolute; top:30%; left:37%;color:#fff;}
.blog-details h3{top:48%;left:46%;}
.blog-details .social{position:absolute;bottom:6%;left:1.5%;}
.blog-details .social span{float: left;padding-top: .65em;}
.blog-details .social a i{background-color:transparent!important;}
.blog-breif .social{position:inherit;}
.blog-breif .social a i{color:#000;}
@media (max-width: 480px) {
.blog-details-header {
font-size: 120%;
}
.blog-details h1{ top:0; }
}
/* new Parahraph size in blog*/
.p-blog{
font-size: 1.3em;
}
/* Button Formate */
.padding-na3i-button {
padding-right: 65px !important;
font-size: 1.36em !important;
/*height: 75px; !important
padding-top: 15px; !important
font-size: 1.36em !important;*/
}
/* End Button Formate */
/* New Footer */
.footer-wrapper{
width: 100%;
background-color: #F1F1F1;
text-align: center;
line-height: 50px;
}
.col-border{
border-right: 2px solid #EAE9E9;
}
.footer-copy{
width: 100%;
background-color: #EAE9E9;
text-align: center;
padding-top: 15px;
}
.footer-wrapper .container .row > a {
text-decoration: none;
color: #a0a0a0;
}
.footer-wrapper .container .row a:hover {
color: #C27182;
}
.img-footer{
padding: 10px 0px ;
}
/* End of Footer*/
/* Facebook Plugin Style */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
min-width: 100% !important;
width: 100% !important;
}
/* End Facebook Plugin Style */
/*Builder Extra Style */
.select-style #select-style-builder {
width: 200px;
padding-right: 0px;
margin-bottom:0px;
float: right;
}
.button.tiny.Bold-button{
margin: 0;
float: right;
margin: auto 0px;
font-size: 12px;
border: 1px solid #ddd;
border-radius: 10px;
}
/* Builder Extra Style */
/* Follow Tags Style */
.select-style .select-style-TagFollow {
width: 200px;
float: right;
margin-right:20px;
box-shadow: 0px 2px 2px 1px #B9B7B7;
}
.header-marg{
margin: 40px auto;
}
.input-txt.tag-input{
box-shadow: 0px 2px 2px 1px #CCC9C9;
margin: 10px auto;
border-radius: 10px;
}
/* End Follow Tags Style*/
/*follow na3i slider*/
#slideout {
background: #fff;
box-shadow: 0 0 5px rgba(0,0,0,.3);
color: #333;
position: fixed;
bottom: 0px;
right: 0px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
z-index: 1;
}
/* End folow na3i slider Style*/
/*****************************************************Donate Style********************************************/
/*****************Migration***************/
/* Progress Bar*/
.Container-Rectangle{
width: 95%;
height:25px;
background-color: gainsboro;
position: relative;
display: flex ;
vertical-align: bottom;
margin: auto;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.meter-fund1{
background-color:#91B0DB;
width: 100%;
height: 30%;
display: block;
}
.meter-fund4{
background-color: #F4B68A;
width: 100%;
height: 10%;
display: block;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
/*End of PRogress bar*/
/**********************donate to crowd fund diff***/
.form-wrap{
width: 70%;
margin: auto;
margin-top: 20px
}
.donate-wrap p{
width: 90%;
margin: 5px auto 10px auto;
min-height:60px;
min-height: 80px;
}
.meter-info{
margin-top: 130px;
}
.fund-4{
color: #F4B68A;
}
.fund-3{
color: #FFDC89;
}
.fund-2{
color:#98CC9F;
}
.fund-1{
color:#91B0DB;
}
.paragraph-width{
width: 360px;
margin: auto;
}
.client-name {
font-weight: bold;
}
.client-info{
padding-top: 10px;
color: gray;
font-weight: bold;
}
.profile-img-radius {
min-width:180px;
max-width:none;
height:180px;
margin:0 -100%;
}
.profile-img-container {width:180px;height:180px;text-align:center;border-radius:50%;overflow:hidden;margin-left:auto;margin-right:auto;}
/**********************donate to crowd fund homePage diff***/
/*Donate HomePage Style ***********/
.imge-cover{
background: url(../gfx/hero.png) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 500px;
}
@media only screen and (max-width: 640px) {
.imge-cover{
display: none; !important;
}
}
.intro-text-homepage{
color: white;
font-size: 50px;
text-align: center;
margin: 0 auto;
padding-top: 200px;
}
.red-button{
background-color: #873747;
border-radius: 10px;
color: #fff;
white-space: nowrap ;
padding-left: 15px;
padding-right: 20px;
font-size: medium;
}
.donate-wrap{
margin: 20px auto;
background-color: #FFF;
border-radius: 5px;
box-shadow: 2px 2px 2px 2px #DFDFDF;
}
.intro-wrapper{
box-shadow: 2px 2px 2px 2px #DFDFDF;
margin: 40px auto;
background-color: #FFF;
border-radius: 5px;
}
.button.defult.green-button{
background-color: #0F5A5D;
border-radius: 10px;
color: #fff;
white-space: nowrap ;
}
.green-Header {
color: #0F5A5D;
font-weight: bold;
}
.red-Header {
color: #873747;
font-weight: bold;
}
.lg-padding-button{
padding-left: 35%;
padding-right: 35%;
}
.nowrap {
white-space: nowrap ;
}
.mar-top-bot-shar-btn{
margin-top: 35px;
margin-bottom: 10px;
}
.intro-text-wrapper {
border: 1px solid #DDD;
border-radius: 5px;
}
.border_btm {
border-bottom: 2px solid #aaa;
border-
}
/*Donate HomePage Style ***********/
/*Common Style in Donations Pages-form- */
.outer-wrapper {
width: 100%;
background-color: #f5f5f5;
margin-top: 25px;
}
@media only screen and (min-width: 1025px) {
.outer-wrapper{
margin-top: 120px !important;
}
}
.intro-text {
font-weight:bold;
padding-top: 30px;
font-size: 30px;
}
.inner-wrapper {
box-shadow: 2px 2px 2px 2px #DFDFDF;
margin: auto;
background-color: #FFF;
border-radius: 8px;
}
.text-center {
text-align: center;
}
.text-dir {
direction: rtl;
}
.split-line {
height: 4px;
background-color: #DFDFDF;
border-radius: 2px;
margin: 40px 40px 15px 40px;
}
@media (min-width: 640px) {
.pull-left-lg {
float: left;
padding-left: 15px;
}
}
@media (max-width: 640px) {
.img-center {
display: block;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 640px) {
.pull-right-lg {
float: right;
padding-right: 15px;
}
}
.waf-logo {
height: 170px;
padding-top: 20px;
}
.logo-masr {
padding-top: 30px;
height: 170px;
}
.header-title {
padding-top: 0px;
color: #0F5A5D;
font-weight: bold;
}
.profile-title{
padding-top: 0px;
color: #0F5A5D;
font-weight: bold;
}
.profile-img {
display: block;
margin-left: auto;
margin-right: auto;
height: 170px;
margin-top: 15px;
}
.form-wrap select , .form-wrap select:hover{padding:.5em; border: 1px solid #ddd; height:auto; background-color: #fff; margin-top: 5px;}
input[type="text"].Elmtwafy-info {
text-align: center;
}
input[type="text"].donate-form {
border: 1px solid #777777;
border-radius: 20px;
max-width:320px;
margin: 5px auto;
}
.form-wrap label{
font-weight: bold;
font-size: 15px;
}
.form-wrap label span{
font-size: 1.1em;
font-weight: bold;
color: #0F5A5D;
}
/********simple button *********/
.CFbutton{
float: left;
padding: 15px 20px;
margin-right: 20px;
border-radius: 10px;
margin-left: 10px;
font-size: medium;
}
@media (max-width:1024px){.remove-left-mrg {margin-left: 0px;}}
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
{
.small-text-button {font-size: small;}}
/********End simple button *********/
/********need to be redfined later****/
.button.small.green-button.donate-form-button {
background-color: #0F5A5D;
border-radius: 10px;
margin-top: 40px;
margin-bottom: 20px;
padding:10px 70px 10px 70px;
font-size: 1.4em;
font-weight: bold;
color: #fff;
white-space: nowrap ;
}
.img-container { position: relative; }
.img-container .top {
position: absolute;
bottom: 0;
z-index: 1;
width: 70px;
height: 70px;
opacity: 0.7;
}
/******************************************************END Donate Style****************************************/
/****************New Landing Page Style******/
.land-btm-padd {
padding-bottom: 2em !important;
}
.splash h3{
font-size: 1.15em;
}
.mobil-new-header .accordion-navigation .icon-angle-down:before {
line-height: 0;
font-size: 30px;
}
.mobil-new-header .accordion-navigation i{
margin-top: -5px;
display: inline-block
}
.mobil-new-header .accordion .accordion-navigation > a, .accordion dd > a {
line-height: 1em;
background-color: #025A5C;
color: #fff;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
font-weight: bold;
}
.mobil-new-header .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
background: #025A5C;
}
.mobil-new-header .accordion .accordion-navigation.active > a, .accordion dd.active > a{
background: #025A5C;
}
.accordion-button{
padding: 5px 25px ;
background: #F2AB01;
color: #fff;
margin: auto;
}
.accordion .accordion-text {
font-size: medium;
}
.txt-white{ color: #fff;}
.accordion-text-small{
width: 85%;
display: block;
margin: auto;
}
/****************End of New Landing Page Style******/
/****************New Subscribe Page ****************/
.new-subscribe{
background: url(../gfx/55.png) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background-size: 100%;
height: 920px*/
margin-top: 120px;
}
.new-subscribe-mobile{
background: url(../gfx/Subscribe-mobil.jpg) no-repeat center center ;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*background-size: 100%;
height: 920px
margin-top: 120px;*/
}
input[type="text"].subscribe-input {
/* box-shadow: 0px 2px 2px 1px #f5f5f5;*/
margin: 20px auto;
width: 250px;
border: 2px solid #f5f5f5 ;
border-radius: 10px;
-moz-box-shadow: inset 0 0 10px #999;
-webkit-box-shadow: inset 0 0 10px #999;
box-shadow: inset 0 0 10px #999;
color:#025a5c;
}
input[type="text"].subscribe-input-mobil {
/* box-shadow: 0px 2px 2px 1px #f5f5f5;*/
margin: 20px auto;
/*width: 250px;*/
border: 2px solid #f5f5f5 ;
border-radius: 10px;
-moz-box-shadow: inset 0 0 10px #999;
-webkit-box-shadow: inset 0 0 10px #999;
box-shadow: inset 0 0 10px #999;
color:#025a5c;
}
.sub-head-1, .sub-head-2 {
width:70%;
text-align: center;
margin:60px auto 20px auto;
}
.subscribe-img{
height: 100px;
}
.options-margin{
margin-top: -20px;
}
.subscribe_response_for_subscribe_page p {
width: 85%;
margin: auto;
margin-bottom: 10px;
}
/****************End Subscribe Page ****************/
/************Start T3yzat Page************/
@media only screen and (min-width: 1030px) {
.mar-t3zyat-page{
margin-top: 100px !important;
}
}
.mar-t3zyat-page {
background-color: #fff;
padding: 10px;
}
/************End T3yzat Page************/
/**********Na3i Image fixed *********/
.t3zyat-box img{border: 1px solid #d7d7d7;height: 40px;width: 40px;z-index: 2;margin:5px 5px auto auto;right: 0; }
.t3zyat-box p { background-color: #F1F1F1;font-size: 15px; padding: 0.4em 2em .6em 1em; margin-bottom: 5px; border-radius: 5px;}
/*****************************Meter-Na3i***********************-CF new page***/
.Container-Rectangle-na3i{
width: 70%;
height:25px;
background-color: gainsboro;
position: relative;
display: flex ;
vertical-align: bottom;
margin: auto;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
}
.meter-fund3-na3i, .meter-fund3{
background-color: #98CC9F;
height: 100%;
width: 30%;
display: block;
max-width: 100%;
border-bottom-right-radius: 20px;
/*border-bottom-left-radius: 20px;*/
border-top-right-radius: 20px;
/*border-top-left-radius: 20px;*/
}
.meter-fund2-na3i, .meter-fund2 {
background-color: #FFDC89;
height: 100%;
width: 20%;
display: block;
max-width: 100%;
/*border-bottom-right-radius: 20px;*/
border-bottom-left-radius: 20px;
/*border-top-right-radius: 20px;*/
border-top-left-radius: 20px;
}
.na3i-meter-header {
text-align: center;
}
.na3i-meter-notfi p {
display: inline-block;
}
.meter-curved {
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
}
.sec-meter-curved{
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
/*******New CF profile *********/
.super-title {
border-bottom: 3px solid #000;
}
.meter-container {
border: 3px solid #CCC;
border-radius: 10px;
}
.Cf-masr-logo {
padding-top: 22px;
}
.Cf-profile p {
font-size: 1.1em;
color: #5d5c5c;
}
.Cf-profile .Container-Rectangle {
background-color: #fff;
border: 1px solid #000;
}
.mobil-fixed{
position: fixed;
bottom:0px;
left:0px;
right:0px;
z-index:1;
background-color:#222;
}
.mobil-fixed .Cf-mobil-share{
display: inline-block;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
}
.mobil-fixed .share-camping {
padding: 5px 10px;
border-radius: 20px;
margin-top: 4px;
display: inline-block;
margin-bottom:2px;
font-size:1.1em;
}
/*********************ta3yza-ahram-builder**************/
/***********SMSIndex**************/
.sms-header {
background :url(../imgs/newsletter_v4/banner.jpg) center center;
height: 146px;
}
.sms-ganaza-box{
border: 1px solid #fff;
background: #e6e6e6;
border-radius: 6px;
padding: 4px 0px 5px 0px;
}
.sms-ganaza .item {
background: #fff;
height: 155px;
width: 100%;
display: block;
text-align: center;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
margin-top: 5px;
}
.sms-ganaza-box a h1{
border-color: #c8c8c8;
border-width: 2px;
}
/**************End SMSIndex**************/
body.is-reveal-open {
overflow: hidden; }
.reveal-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1005;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll; }
.reveal {
display: none;
z-index: 1006;
padding: 1rem;
border: 1px solid #cacaca;
background-color: #fefefe;
border-radius: 3px;
position: relative;
top: 100px;
margin-left: auto;
margin-right: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media screen and (min-width: 40em) {
.reveal {
min-height: 0; } }
.reveal .column,
.reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 62.5rem; } }
@media screen and (min-width: 40em) {
.reveal .reveal {
left: auto;
right: auto;
margin: 0 auto; } }
.reveal.collapse {
padding: 0; }
@media screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 62.5rem; } }
@media screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 62.5rem; } }
@media screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 62.5rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none;
margin-left: 0;
border: 0; }
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none;
margin-left: 0;
border: 0; } }
.reveal.without-overlay {
position: fixed; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(-100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(-100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(100%);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateY(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: translateX(0);
transition-property: transform, opacity;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(90deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(90deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateX(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotateY(-90deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: top;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: right;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: bottom;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: left;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: perspective(2000px) rotate(0deg);
transform-origin: center;
transition-property: transform, opacity;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(0.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1.5);
transition-property: transform, opacity;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: scale(1);
transition-property: transform, opacity;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(-0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0.75turn);
transition-property: transform, opacity;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
transform: rotate(0);
transition-property: transform, opacity;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
.shake {
animation-name: shake-7; }
@keyframes shake-7 {
0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
transform: translateX(7%); }
5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
transform: translateX(-7%); } }
.spin-cw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(-1turn); }
100% {
transform: rotate(0); } }
.spin-ccw {
animation-name: spin-cw-1turn; }
@keyframes spin-cw-1turn {
0% {
transform: rotate(0); }
100% {
transform: rotate(1turn); } }
.wiggle {
animation-name: wiggle-7deg; }
@keyframes wiggle-7deg {
40%, 50%, 60% {
transform: rotate(7deg); }
35%, 45%, 55%, 65% {
transform: rotate(-7deg); }
0%, 30%, 70%, 100% {
transform: rotate(0); } }
.shake,
.spin-cw,
.spin-ccw,
.wiggle {
animation-duration: 500ms; }
.infinite {
animation-iteration-count: infinite; }
.slow {
animation-duration: 750ms !important; }
.fast {
animation-duration: 250ms !important; }
.linear {
animation-timing-function: linear !important; }
.ease {
animation-timing-function: ease !important; }
.ease-in {
animation-timing-function: ease-in !important; }
.ease-out {
animation-timing-function: ease-out !important; }
.ease-in-out {
animation-timing-function: ease-in-out !important; }
.bounce-in {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
animation-delay: 300ms !important; }
.long-delay {
animation-delay: 700ms !important; }
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('https://elwafeyat.com/assets/fonts/icomoon.svg?k4x8dy#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="payment-ico-"],
[class*=" payment-ico-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.payment-ico-credit-card:before {
content: "\e900";
}
.payment-ico-cash:before {
content: "\e901";
}
.payment_select {
display: none;
}
.paymentChoose {
margin-bottom: 10px;
}
.paymentChoose h6 {
margin-bottom: 15px;
}
.paymentChoose span {
font-size: 30px;
display: block;
float: right;
margin-left: 10px;
}
.paymentChoose input[type="radio"] {
display: none;
}
.paymentChoose input[type=radio]:checked + label {
/*color: #005a5b;*/
color: #8c4151;
}
/*Ahmed Shaarawy CSS*/
/*body { background-color: #fff; color: #2f2f2f;}*/
h4 { font-size: 18px;}
.custom_block { border: 1px solid #ededed; padding: 20px; border-radius: 4px;}
.custom_block.grey { background-color: #f7f7f7;}
.person { float: right; width: 70%;}
.person figure { float: right; margin: 0 0 0 30px; border: 1px solid #ededed; padding: 20px; width: 114px; height: 138px; position: relative;}
.person figure img { max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.person small { font-size: 20px;}
.person h3 { font-weight: bold; font-size: 20px; margin-bottom: 10px;}
.person p { font-size: 14px; margin-bottom: 15px;}
.person time { font-size: 12px; color: #a0a0a0;}
time i { margin-left: 5px;}
.announcer { background-color: #ededed; border: 1px solid #cbcbcb; padding: 15px; position: absolute; left: 30px; top: 15px;}
.announcer span { font-size: 13px; color: #8b8b8b; width: 40px; float: right;}
.announcer figure { margin: 0; float: left; margin-right: 10px;}
.help_family { float: left; width: 20%; margin-top: 30px; font-size: 12px; text-align: center;}
.help_family i { display: block; text-align: center; margin-top: 5px; font-size: 20px;}
.m_t_30 { margin-top: 30px !important;}
.p_t_30 { padding-top: 30px !important;}
.m_t_50 { margin-top: 50px !important;}
.p_t_50 { padding-top: 50px !important;}
.b_t { border-top: 1px solid #ededed !important;}
.funeral_location .details { float: right; width: 50%;}
.funeral_location .buttons { float: left; width: 50%; padding-right: 15px;}
.custom_btn { text-align: center; line-height: 1; font-size: 14px; border: 1px solid #a0a0a0; color: #a0a0a0; padding: 5px 10px; display: block; border-radius: 4px; margin-bottom: 5px;}
.custom_btn i { margin-left: 10px; font-size: 1em; vertical-align: middle;}
.custom_btn:hover { color: #000;}
.custom_btn.green_bg { color: #fff; background-color: #005a5d; border: 0;}
.custom_btn.green_bg:hover,
.custom_btn.green_bg:hover { color: #fff; background-color: #6c6c6c;}
.custom_btn.grey_bg { color: #2f2f2f; background-color: #ededed; border: 0;}
.custom_btn.big { padding: 15px; font-size: 16px;}
.custom_btn.block { display: block; width: 100%;}
.custom_btn.green { color: #005a5d; border-color: #005a5d;}
.custom_btn.width_auto { width: auto; display: inline-block;}
.funeral_location small { font-size: 14px; display: block;}
.funeral_location time { font-size: 14px; display: block; margin: 10px 0}
.funeral_location .location { font-size: 14px; display: block;}
.location i { margin-left: 5px;}
.tags { margin-top: 20px;}
.tags a { background-color: #f4f4f4; padding: 5px 10px; border-radius: 4px; display: inline-block; margin-top: 5px;}
.help_block { font-size: 14px; display: block;}
.text_center { text-align: center !important;}
.text_right { text-align: right !important;}
.send_condolence p { margin: 20px 0}
.lines { position: relative; display: block; text-align: center; z-index: 0;}
.lines span { background-color: #fff; padding: 0 20px; position: relative; z-index: 9}
.lines:before { content: ""; background-color: #005a5d; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.donations { text-align: center;}
.donations h4 { text-align: right;}
.donations figure { float: left; margin: 0; max-width: 90px;}
.donations .buttons button { background-color: #ededed; border: 1px solid #c7c7c7; border-radius: 4px; padding: 5px 8px; margin: 0; font-size: 15px; line-height: 18px;}
.donations .buttons button:last-child { margin-left: 0;}
.donations .buttons button:hover,
.donations .buttons button:focus { color: #fff; background-color: #c7c7c7; outline: 0;}
.custom_block.grey .buttons button { color: #005a5d; background-color: #fff; border-color: #eaeaea;}
.donations input { border: 1px solid #cccccc; height: 35px; margin-top: 10px; margin-bottom: 10px; display: inline-block; border-radius: 4px; font-size: 14px;}
.custom_block.grey input { border-color: #eaeaea;}
.margin { margin: 20px 0 !important;}
.project_name { background-color: #f4f4f4; padding: 10px; border-radius: 4px; display: inline-block; font-size: 14px;}
.donation_progress { font-size: 14px; display: block; margin: 30px 0; position: relative;}
.donation_progress:before { content: ""; position: absolute; height: 100px; width: 1px; background-color: #ededed; left: 50%; top: 0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.donation_progress span { font-size: 30px; display: block; margin: 10px 0;}
.donation_progress div { float: left; width: 50%; text-align: center;}
.hint { font-size: 12px;}
.end_quran { background-image: url(../gfx/end_quran_bg.png); background-size: cover; background-position: center; background-repeat: no-repeat;}
.end_quran p { color: #fff;}
.comments .custom_btn { position: absolute; top: -90px; left: 0;}
.pull_right { float: right !important;}
.pull_left { float: left !important;}
.comments { display: inline-block; position: relative; width: 100%; padding-right: 20px; margin-top: 60px; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px; margin-bottom: 30px;}
.comments .comment { margin-bottom: 30px;}
.comments .comment figure { float: right; margin: 0 0 0 20px; max-width: 55px;}
.comments .comment h5 { font-size: 12px;}
.comments .comment p { background-color: #f4f4f4; position: relative; border-radius: 4px; padding: 15px; float: right; width: calc(100% - 75px)}
.comments .comment p:before { content: ""; background-image: url(../gfx/arrow.png); position: absolute; width: 10px; height: 12px; right: -10px; top: 10px;}
.comments .more { display: block; text-align: center; text-decoration: underline; font-size: 12px; color: #898989;}
.comments .more:hover,
.comments .more:focus { color: #000;}
.record textarea { background-color: #ededed; border: 1px solid #c7c7c7; height: 85px; min-height: inherit;}
.reveal { position: absolute; height: auto; margin-right: auto !important; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%);}
.reveal .close-button { padding: 0; position: absolute; left: 20px; top: 15px; line-height: inherit; color: #bababa; outline: 0;}
.add_cat_popup .close-button span { background-color: transparent; padding: 0;}
.reveal .close-button:hover { background-color: transparent; color: #bababa;}
.reveal form .row { margin-bottom: 1rem}
.reveal .custom_field { background-color: #f7f7f7; height: 44px; color: #c2c2c2; padding:10px 20px;}
.reveal .custom_field:focus { background-color: #fafafa}
.reveal select.custom_field { background-image: url(../gfx/select_arrow.png); background-position: 20px center;}
.steps_wizard .steps { position: static; background: none; padding-top: 40px; border-bottom: 1px solid #f7f7f7; margin-bottom: 40px; padding-bottom: 20px;}
.steps_wizard .steps ul { padding: 0; margin: 0; list-style: none;}
.steps_wizard .steps ul li { float: right; width: 33.33%; opacity: 0.6;}
.steps_wizard .steps ul li.current { opacity: 1;}
.steps_wizard .steps ul li.current a { color: inherit;}
.steps_wizard .steps ul li.disabled { opacity: 0.2; pointer-events:none;}
.steps_wizard .steps ul li a { font-size: 22px; position: relative; padding-right: 50px; float: right; outline: 0;}
.steps_wizard .steps ul li a small { font-size: 16px; display: block;}
.steps_wizard .steps ul li a .number { position: absolute; right: 0; top: 50%; width: 34px; height: 34px; background: #212121; color: #fff; text-align: center; border-radius: 50%; font-size: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.steps_wizard .current-info { display: none;}
.steps_wizard .content { padding: 0 50px;}
.steps_wizard .content .title { display: none;}
.steps_wizard .actions {}
.steps_wizard .actions ul { padding: 0; margin:40px 0 0; list-style: none;}
.steps_wizard .actions ul li { display: inline-block; width: 49%;}
.steps_wizard .actions ul li:first-child { margin-left: 10px;}
.steps_wizard .actions ul li:first-child a { background-color: #dfdfdf;}
.steps_wizard .actions ul li.disabled { display: none;}
.steps_wizard .actions ul li a { color: #fff; background-color: #005a5d; border: 0; text-align: center; line-height: 1; font-size: 14px; padding:20px; display: block; border-radius: 4px; margin-bottom: 5px;}
.steps_wizard .actions ul li a:hover { opacity: 0.6;}
.steps_wizard .information span { background-color: #f4f4f4; padding: 10px; border-radius: 4px; display: inline-block; font-size: 14px;}
.steps_wizard .information ul { padding: 0; margin: 20px 0 0; list-style: none;}
.steps_wizard .information ul li { display: block; width: 100%; position: relative;}
.steps_wizard .information ul li:before { content: "\e116"; font-family: "icons-font"; display: inline-block; vertical-align: middle; margin-left: 5px}
.button { max-width: 100%;}
.donner_info { text-align: center;}
.donner_info .value { font-size: 34px; margin-bottom: 1rem; display: block;}
.donner_info .value small { font-size: 14px;}
.steps_wizard .content .donner_info .title { display: block; text-align: right;}
.steps_wizard .content .donner_info .title figure { float: left; margin: 0;}
.steps_wizard .content .donner_info .title span { display: block; margin-bottom: 10px}
.reveal.large { overflow: visible;}
.message_code { padding: 20px; border:1px solid #cccccc; font-size: 12px; line-height: 2; margin-top: 10px;}
.donators_list .header { border-bottom: 1px solid #ededed; padding:0 20px 20px; margin: 0 -20px;}
.donators_list h3 { font-size: 15px; margin-top: 0; margin-bottom: 0;}
.donators_list small { font-size: 10px; color: #959494}
.donators_list dl { margin: 0 -20px;}
.donators_list dl dt { line-height: 16px; float: right; position: relative; width: 80%; padding: 10px 10px 10px 0; margin-bottom: 0;}
.donators_list dl dt:before { content: ""; position: absolute; left: 0; top: 0; height: 40px; background-color: #ededed; width: 1px;}
.donators_list dl dt i { display: inline-block; margin-left: 5px; vertical-align: baseline;}
.donators_list dl dd { padding: 10px 10px 10px 0; border-bottom: 1px solid #ededed; margin: 0; text-align: left; padding-left: 10px;}
.campaign_info { margin: -20px -20px 0;}
.campaign_info.hidden { display: none;}
.campaign_info div { float: right; border-left: 1px solid #ededed; padding: 20px; min-height: 130px; border-bottom: 1px solid #ededed; width: 33.33%;}
.campaign_info div:last-child { border-left: 0;}
.campaign_info div h4 { font-size: 14px;}
.campaign_info div span { display: block; font-size: 30px; color: #8d8d8d; margin: 5px 0;}
.campaign_info div small { font-size: 12px; color: #8d8d8d;}
.campaign_info div .adopt { font-size: 15px; line-height: 22px; color: #c8c8c8; background: url(../gfx/adopt.png) no-repeat right center; padding-right: 46px;}
.campaign_info div .adopt b { color: #000;}
.campaign_owner .data { margin-right: -10px; border-left: 1px solid #ededed; padding: 20px;}
.campaign_owner .data figure { margin: 0; text-align: center;}
.campaign_owner .data figure.person { width: auto; float: none; margin: -20px -20px 0;}
.campaign_owner .data figure.person img { width: 100%;}
.campaign_owner .data figure img {}
.campaign_owner .data .help_family { width: 100%; margin-top: 0; float: none;}
.campaign_owner .data .lines { margin-top: 40px !important}
.campaign_owner .data p { margin: 20px 0; font-size: 16px;}
.campaign_owner .large-4 { padding: 0;}
.progresion { text-align: center; padding-top: 30px; margin-bottom: 40px;}
.progresion .top_numbers small { color: #9f9f9f; font-size: 14px; display: inline-block;}
.progresion .top_numbers span { font-size: 30px; color: #2f2f2f; margin: 0 10px; display: inline-block;}
.progresion .bar { height: 20px; border: 1px solid #005a5c; margin: 30px auto 0; border-radius: 30px; width: 90%;}
.progresion .bar .collected { height: 20px; width: 70%; border-radius: 0 30px 30px 0; margin-top: -1px; margin-right: -1px; background-color: #005a5c; float: right;}
.progresion .bar .not_collected { height: 20px; width: 10%; border-radius: 0; margin-top: -1px; background-color: #9f9f9f; float: right;}
.progresion ul { margin: 20px auto 0; padding: 0; list-style: none; font-size: 14px; width: 90%; text-align: right;}
.progresion ul li { display: inline-block; position: relative; margin-left: 30px;}
.progresion ul li:last-child { margin-left: 0;}
.progresion ul li:before { content: ""; width: 15px; height: 15px; display: inline-block; background-color: #eee; margin-left: 10px; border-radius: 2px; vertical-align: middle;}
.progresion ul li.collected:before { background-color: #005a5c}
.progresion ul li.not_collected:before { background-color: #9f9f9f}
.progresion ul li.not_done:before { background-color: transparent; border: 1px solid #8d8d8d;}
.no_padding_left { padding-left: 0 !important}
article.width_90 { width: 90%; margin: 0 auto}
article h4 { margin-bottom: 20px;}
article figure { margin: 0; float: right; margin-left: 20px;}
.follow_campaign { margin: 40px -10px 0 -10px; border-top: 1px solid #ededed; padding: 20px 0}
.follow_campaign p { width: 80%; display: block; margin: 0 auto 15px;}
.follow_campaign form { width: 80%; display: block; margin: 0 auto;}
.follow_campaign form input { display: inline-block; width: 79%; border: 1px solid #d5d5d5; border-radius: 4px; height: 30px; background-color: #ffffff; font-size: 12px;}
.follow_campaign form button { display: inline-block; width: 20%; font-size: 12px; height: 30px;}
.running_campaigns h4 { margin-bottom: 30px;}
.running_campaigns .run { border: 1px solid #ededed; border-radius: 4px; padding: 20px 20px 0; margin-bottom: 30px;}
.running_campaigns .run figure { margin: -20px -20px 10px;}
.running_campaigns .run figure img { width: 100%; border-radius: 4px 4px 0 0 }
.running_campaigns .run h4 { font-size: 14px; margin-bottom: 10px;}
.running_campaigns .run .adopt { color: #c8c8c8; font-size: 12px; background: url(../gfx/adopt.png) no-repeat right center; padding-right: 45px;}
.running_campaigns .run .done_finance { border-top: 1px solid #ddd; margin: 30px -20px 20px; padding: 0 20px;}
.running_campaigns .run .done_finance h5 { margin: 0; display: inline-block; border: 1px solid #ededed; padding: 5px; background-color: #fff; font-size: 12px; color: #8d8d8d; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.running_campaigns .run .done_finance span { display: block; font-size: 30px; color: #8d8d8d;}
.running_campaigns .run .done_finance small { font-size: 12px; display: inline-block; line-height: 18px; margin-right: 10px;}
.running_campaigns .run .finance_bar { display: block; border: 1px solid #8d8d8d; height: 15px; border-radius: 4px; margin: 10px 0 20px;}
.running_campaigns .run .finance_bar .filled { display: block; background-color: #8d8d8d; height: 15px; width: 70%; border-radius: 0 4px 4px 0; margin-right: -1px; margin-top: -1px;}
.running_campaigns .run a { margin: 0 -20px 0; width: auto; border-radius: 0 0 4px 4px;}
.running_campaigns .more_campaigns { width: 25%; margin: 0 auto;}
.running_campaigns.side h4 { margin-bottom: 0; background: #d3d3d3; color: #fff; border-radius: 4px 4px 0 0; padding: 20px; text-align: center;}
.running_campaigns.side .run { border-top: 0; margin-bottom: 0;}
.running_campaigns.side .run figure img { border-radius: 0}
.running_campaigns.side .run h4 { background: none; padding: 0; color: #222222; margin-bottom: 10px; text-align: right; }
.background { background-repeat:no-repeat; background-position: top center; padding: 20px; background-size: cover;}
.background h3 { font-size: 20px; color: #fff;}
.background p { font-size: 14px;}
.background a { float: right;}
.collect { background-image: url(../gfx/collect.jpg); border-radius: 4px;}
.donate {background-image: url(../gfx/donate.jpg)}
.sad2a h3 { font-size: 20px; margin-bottom: 40px;}
.sad2a h3 small { font-size: 16px; color: #848484; margin-right: 5px;}
table.curve { border: 1px solid #ededed; border-radius: 4px; border-collapse: separate;}
.sad2a table tr:nth-child(odd) { background: #f9f9f9;}
.sad2a table tr td { padding: 20px;}
.sad2a table tr td:first-child { width: 20%; text-align: center;}
.sad2a table tr td:last-child { width: 30%;}
.sad2a table tr td span { display: block; font-size: 18px;}
a.link { font-size: 14px; text-decoration: underline;}
a.link.green { color: #005a5c}
.side_slider .owl-controls { position: static; margin: 10px auto 0; width: auto}
.owl-dots .owl-dot { display: inline-block;}
.owl-dots .owl-dot span { width: 11px; height: 11px; background: #ededed; display: inline-block; border-radius: 50%; margin: 0 5px;}
.owl-dots .owl-dot.active span { background: #005a5c;}
.owl-carousel .owl-item figure { margin: 0; width: 100%;}
.owl-carousel .owl-item figure img { width: auto; margin: 0 auto}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
.hint_img { margin-top: 30px; opacity: 0.5; font-size: 14px;}
.hint_img figure { margin: 0; display: inline-block; vertical-align: middle; margin-left: 15px;}
.finance .title { border-bottom: 1px solid #ededed; padding-bottom: 20px; margin-bottom: 20px;}
.finance .steps_wizard .steps { border-bottom: 0; margin-bottom: 60px;}
.finance figure { float: left; margin: 0;}
.finance p { font-size: 16px; color: #848484;}
.finance .steps_wizard .steps ul li a { color: #848484;}
.finance .steps_wizard .steps ul li a small { color: #222222;}
.finance .steps_wizard .actions ul { text-align: center;}
.finance .steps_wizard .actions ul li { width: auto; min-width: 200px;}
.finance .steps_wizard .actions ul li:first-child a { background: none; font-size: 16px; text-decoration: underline; color: #005a5c}
.fileUpload { position: relative; overflow: hidden; margin-left: 10px;}
.fileUpload input.upload { position: absolute; top: 0; left: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload figure { float: none; margin: 0 auto; text-align: center; margin-bottom: 20px; border: 1px solid #ededed; padding: 30px; height: 140px;}
.custom .form-group label { margin-bottom: 10px;}
.custom .form-group { margin-bottom: 15px;}
.custom .form-group .custom_input { background: #fff; border: 1px solid #d5d5d5; border-radius: 4px;}
.finance .project { min-height: 110px;}
.finance .project.active { border-color: #828282; border-width: 2px;}
.finance .project figure { float: none; margin-bottom: 10px;}
.project span { display: block;}
textarea.custom_input { height: 100px; min-height: inherit;}
.options { margin-top: 50px; text-align: center;}
.options ul { margin: 0; padding: 0; list-style: none; display: inline-block;}
.options ul li { display: inline-block;}
.options ul li a { display: inline-block; border: 1px solid #ddd; padding: 10px 20px; border-radius: 4px; color: #848484; font-size: 16px; margin: 0 5px;}
.options ul li.active a { border-color: #828282; border-width: 2px;}
.options input { display: inline-block; width: 100px; border: 1px solid #ddd; border-radius: 4px; margin: 0 5px;}
hr { background-color: #ededed; margin: 50px 0}
.total_amount { display: inline-block; border-right: 1px solid #ededed; padding-right: 50px; margin-right: 50px; vertical-align: middle;}
.total_amount span { border: 1px solid #ededed; padding: 10px 20px; display: block; margin: 15px 0; font-size: 25px; border-radius: 4px;}
i.help { width: 16px; height: 16px; display: inline-block; background: url(../gfx/mark.png); vertical-align: middle; margin-right: 10px;}
.donate_info form { width: 80%; margin: 30px auto 0;}
.donate_info .custom_btn { width: 150px; display: block; margin: 50px auto 0}
footer { margin-top: 80px;}
@media (max-width: 1024px) {
.send_condolence .custom_btn.big,
.send_condolence .custom_btn.big + p { display: none;}
.send_condolence .custom_btn.big.send_box { display: block;}
}
@media (max-width: 854px) {
.total_amount { padding-right: 0; margin-right: 0; border-right: 0; display: block; margin-top: 30px;}
.total_amount span { width: 150px; margin: 15px auto;}
}
@media (max-width: 767px) {
.person { width: 100%; padding-top: 30px;}
.help_family { width: 140px;}
.help_family i { display: inline-block;}
.custom_block h4 { text-align: center;}
.help_family { width: 100%;}
.help_family span { display: block;}
.help_family i { width: 49%;}
.tags { text-align: center;}
.steps_wizard .steps ul li a { font-size: 15px}
.steps_wizard .steps ul li a small { font-size: 13px;}
.steps_wizard .content { padding: 0;}
.steps_wizard .actions ul li { width: 48%}
.campaign_owner .data figure.person { padding-top: 0;}
}
@media (max-width: 641px) {
.campaign_info { display: none;}
.custom_block { padding-top: 0;}
.campaign_owner .data figure.person { float: right; margin: -20px -20px 10px 20px; width: 250px;}
.campaign_info.hidden { display: block; margin-right: 250px;}
.campaign_info.hidden div { padding: 0; min-height: 75px; width: 53%; margin-right: -20px; padding-right: 20px;}
.campaign_info.hidden div:first-child { padding: 0; border: 0; min-height: inherit; margin: 0 0 52px; width: auto;}
.campaign_info.hidden div:last-child { padding-right: 10px; border-left: 0; margin-right: 0;}
.campaign_info.hidden div .adopt { font-size: 12px; padding-right: 35px;}
.campaign_info.hidden div h4 { font-size: 18px; text-align: right;}
.reveal { transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; margin: 0 !important;}
.collect { margin-bottom: 15px;}
.finance .project { margin-bottom: 15px;}
.running_campaigns .run figure { float: right; margin: -20px -20px 10px 20px; width: 250px;}
.running_campaigns .run figure img { border-radius: 0 4px 0 0;}
.running_campaigns .run h4 { font-size: 22px; margin-bottom: 70px;}
.running_campaigns .run .done_finance { margin-top: -10px; text-align: center; padding: 30px 20px; margin-bottom: 0;}
.running_campaigns .run .done_finance h5 { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; margin-left: 15px;}
.running_campaigns .run .done_finance span { display: inline-block; vertical-align: middle;}
.donators_list dl dt:before { display: none;}
.follow_campaign form input { width: 100%;}
.follow_campaign form button { width: 100%; margin-top: 10px; font-size: 14px; height: 50px;}
.campaign_info div span { font-size: 20px;}
.campaign_info div { font-size: 12px; min-height: 150px;}
.campaign_owner .data { margin-left: -10px;}
.sad2a table tr { display: block;}
.sad2a table tr td:last-child { display: block; width: 100%; text-align: center;}
.sad2a table tr td:first-child { width: 45%}
.sad2a table tr td:last-child .custom_btn { display: inline-block; width: auto;}
.side_slider { display: none;}
}
@media (max-width: 516px) {
.campaign_info.hidden div h4 { font-size: 15px}
}
@media (max-width: 509px) {
.campaign_owner .data figure.person { margin: -20px -20px 20px; width: calc(100% + 40px); float: none;}
.campaign_info.hidden { margin-right: 0; margin-top: 20px;}
.campaign_info.hidden div:first-child { margin: 0 0 15px; width: 100%}
.campaign_info.hidden div { padding: 0; min-height: 80px; width: 50%; margin-right: 0; padding-right: 0;}
.campaign_info.hidden div:last-child { padding-right: 10px; border-left: 0; margin-right: 0; border-bottom: 0;}
}
@media (max-width: 450px) {
.comments .comment figure { display: none;}
.comments .comment p { width: 100%; margin: 20px 0}
.comments .comment p:before { right: 10px; top: -10px; transform: scale(-1); -webkit-transform: scale(-1); -moz-transform: scale(-1); -ms-transform: scale(-1);}
.custom_block h4 { text-align: center; float: none !important;}
.comments .custom_btn { position: static; margin-bottom: 0; margin-top: 15px;}
.custom_btn.big { display: block; float: none !important; width: 100%;}
.steps_wizard .steps ul li { width: 100%; margin-bottom: 15px;}
.running_campaigns h4 { text-align: center;}
.running_campaigns .run h4 { font-size: 18px; margin-bottom: 40px;}
.running_campaigns .run figure { width: 200px;}
.follow_campaign form { width: 90%}
article figure { width: 100%; margin-left: 0; margin-bottom: 10px;}
article figure img { width: 100%}
.sad2a table tr td:last-child .custom_btn { width: 100%}
}
@media (max-width: 400px) {
.person figure { display: block; margin: 0 auto 30px; float: none;}
.person { text-align: center;}
.options ul li a { padding: 5px 10px; margin: 0 0px;font-size: 14px;
}
.funeral_location time,
.funeral_location .location { display: inline-block; width: 49%}
.funeral_location .buttons .custom_btn { float: left; width: 48%; margin-right: 10px;}
.funeral_location .buttons .custom_btn:last-child { margin-right: 0;}
.funeral_location .details { width: 100%;}
.funeral_location .buttons { width: 100%; padding-right: 0; margin-top: 15px;}
.funeral_location .buttons .custom_btn { display: inline-block;}
}