:root{
	--Yellow	:#ede137;
	--Green		:#49c2b3;
	--Green2	:#a3e600;
	--Blue		:#0e5583;
	--Blue2		:#9fbbcd;
	--Gray1		:#f4f6fb;
}
body {
	background: var(--Gray1);
    margin: auto !important;
    padding: 0 !important; 
    overflow-x: hidden !important;
    height: 100%;
}
a {
    text-decoration: none !important;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}
a{
   color:#0e5583
}
a:hover{
	color:#b5b5b5;
}
.Capitalize{text-transform:capitalize;}

.h1, .h2, .h3, h1, h2, h3, .ULine-B {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 700;
    font-family:cairo;
}
.breadcrumb{
	padding: 0px;
    margin: 10px 0;
	background-color: unset;
}
.breadcrumb>li+li:before {
    padding: 0 3px;
}
.text-truncate{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*======= NavBar & SideBar =======*/
header {
    width: 100%;
}
header nav {
    clear: both;
    padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--Blue2);
    background: #fff;
	box-shadow: 0 2px 7px 0 rgba(0,0,0,.15);
}
header nav .Logo {
    float: left;
	margin-right:8px;
	display: inline-block;
	position: relative;
}
header .MenuBtn {
    color: #4bb5e9;
    text-align: center;
    margin-top: 0px;
    float: right;
	cursor: pointer;
	font-size:15px;
}
header #SearchBtn{
    float: right;
    cursor: pointer;
    width: 30px;
    margin-top: 6px;
    margin-right: 20px;
    margin-left: 20px;
}
header .MenuBtn span {
	display: inline-block;
	float: right;
    font-size: 2.0em;
    line-height: 40px;
    width: 41px;
    height: 41px;  
    border: 1px solid #fff;
}
@media (max-width: 600px){
	header #SearchBtn{
		margin-right: 8px;
        margin-left: 8px;
	}
}
/* PopUp Menu */
#PopUpMenux1 .ModalRight, #PopUpMenux2 .ModalRight, #PopUpMenuX5 .ModalRight{
	width: 250px;
	margin: 0px;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0,0,0,.5); 
	height:100%;
	right: 0;
	position: absolute;
}
.medium-modal {
   
	backgroundXX: #fff;
	padding: 20px 20px 40px;
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow:unset;
	border:unset;
}
.ModalHeader{
	min-height: 60px;
	background: #0e5583;
	margin: -20px -20px 3px;
}
.close {
	position: absolute;
	font-size: 2.0em;
	margin: 10px 20px;  
	color: #fff;
	opacity: 1 !important;    
	z-index: 50;
}
.MenuTitle {
	display: block;
	clear: both;
	padding-bottom: 0px;
	font-size: 2em;
	margin-right: 13px;
	margin-bottom: 15px;
	color: #003580;
}
.MenuItem {
	display: block;
	border-radius: 0;
	color: #2a334d;
	background: #fff;
	border: 1px solid #0f4e97;
	padding: 5px 0;
	font-size: 1em;
	border: 0;
	text-align: revert;
	border-bottom: 1px solid #eee;
	font-size: 17px;
	letter-spacing: -0.5px;
	margin: 0;
}
.MenuItem:hover{
	background:unset !important;
	color:#a3e600 !important;
	font-size:18px !important;
	
}
.ActiveItem {
	border: 2px solid #003580;
}
.ActiveItem, .MenuItem:hover {
	background: #003580;
	color: #fff;
}
._FilterItem{
	width: auto;
	min-width: 15%;
}
@media (max-width: 567px){
	._FilterItem{
		min-width: 50%;
		margin-bottom: 3px;
	}
}
.profile_h1{
    font:700 20px / 30px "cairo";
}
@media (min-width: 996px){
    .profile_h1{
        font:700 26px / 26px "cairo";
    }
}
/*======= Footer =======*/
footer{
	padding: 20px;
    background: #222;
    color: #fff;
}

/* Template Css*/
.ULine-B{
	border-bottom: 2px solid #e6e6e6;
    padding-bottom: 10px;
	font-weight: 700;
	margin-top: 30px;
}
@media (min-width: 991px){
	.ULine-L{
		border-bottom: 2px solid var(--Green);;
		padding-bottom: 7px;
	}
}
.itemBox{
	background: #fff;
    border-top: 6px solid #f4f6fb;
    padding: 5px 10px;
}
h3{
	margin: 10px 0;
}

.branch-row {
    margin: 10px 0;
    border: 0px #eee solid !important;
    background: #f4f6fb !important;
    padding: 20px 0 !important;
}
.branch-row-new-items {
    margin: 0;
    border: 2px #eee solid !important;
    background: #ffffff !important;
    padding: 15px !important;
    
}
.branch-row-show-items {
    margin: 15px 0;
    border: 1px #eee solid !important;
    background: #ffffff !important;
    padding: 15px !important;
    border-radius: 8px;
}

.branch-title{
    border-bottom: 0px #0000000d solid !important;
    margin-bottom: 10px;
    padding: 10px 0;
}
.branch-title-show-items{
    border-bottom: 0px #0000000d solid !important;
    margin-bottom: 10px;
    padding: 10px 0;
}
.BranchesCount{
	color: #999;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
	margin-bottom: 3px;
}
.branch-title i {
    font-size: 21px;
    margin-top: -3px;
    color: #3b5998;
}
.branch-address {
    margin-bottom: 10px;
    margin-top: 8px;
    color: #737373;
}
.branch-row i {
    margin-left: 7px;
    font-size: 17px;

}
.branch-phone {
    display: flex;
    flex-flow: row wrap;
}
.branch-phone a {
	direction: ltr;
    color: #0e9ee6;
    position: relative;
    display: inline-block;
    margin-top: 0;
    padding-top: 3px;
	max-width: 100%;
    overflow: hidden;
}
.branch-phone a:not(:last-child)::before {
    position: absolute;
    content: "-";
    left: -9px;
    color: #00000085;
    font-weight: 700;
    font-size: 18px;
    margin-top: -4px;
}
:root {
    --Width: 140px;
}
.ww{
	width: var(--Width);
	font-weight: 500;
    color: #777;
}
.ee{width: calc(100% - var(--Width));}
.blurry-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.Phone{
	color: unset !important;
    background: #f4f6fb;
    padding: 2px 5px;
    border-radius: 3px;
	margin: 2px;
    display: inline-block;
	max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: ltr;
    cursor: pointer;
}
.Social{
	padding: 2px 6px;
    background: #19ad25;
    color: #fff;
    border-radius: 5px;
    direction: ltr;
    display: inline-block;
	margin: 0 4px;
}
.Social i {
    margin-right: 7px;
}
.btn-showmap{
	color: #e61111;
    background-color: #f4f6fb;
}

/* === I Classes == */
.FF_cairo{font-family:cairo;}
.h1, h1 {font-size: 30px;}
.h2, h2 {font-size: 25px;}
.h3, h3 {font-size: 20px;}
._700{font-weight: 700;}
.D-Bl{display:block}
.D-In{display:inline}
.DIS-In-BL{display:inline-block}

.PG_FF{background: #fff;}
.PG_888{background: #888 !important;}
.PG_F9{background: #f9f9f5;}
.PG_Ye{background:var(--Yellow)}
.PG_Gr{background:var(--Green)}
.PG_Bl{background:var(--Blue)}

.CL_FFF{color:#fff}
.CL_Wi{color:#fff}
.CL_333{color:#333}
.CL_888{color:#888}
.CL_B6{color:#b6b6b6}
.CL_Ye{color:var(--Yellow)}
.CL_Gr{color:var(--Green2)}
.CL_Bl{color:var(--Blue)}

.MAR_20{margin:20px;}
.MAR_15{margin:15px;}
.MAR_12{margin:12px;}
.MAR_10{margin:10px;}
.MAR_8{margin:8px;}
.MAR_5{margin:5px;}
.MAR_3{margin:3px;}
.MAR_0{margin:0px;}

.MT_5{margin-top:5px;}
.MT_15{margin-top:15px;}
.MB_10{margin-bottom:10px;}

.MAR_LR_20{margin:0 20px;}
.MAR_LR_15{margin:0 15px;}
.MAR_LR_12{margin:0 12px;}
.MAR_LR_10{margin:0 10px;}
.MAR_LR_8{margin:0 8px;}
.MAR_LR_5{margin:0 5px;}
.MAR_LR_3{margin:0 3px;}

.PAD_20{padding:20px;}
.PAD_15{padding:15px;}
.PAD_12{padding:12px;}
.PAD_10{padding:10px;}
.PAD_8{padding:8px;}
.PAD_5{padding:5px;}
.PAD_3{padding:3px;}
.PAD_0{padding:0px;}

.PAD_LR_20{margin:0 20px;}
.PAD_LR_15{margin:0 15px;}
.PAD_LR_12{margin:0 12px;}
.PAD_LR_10{margin:0 10px;}
.PAD_LR_8{margin:0 8px;}
.PAD_LR_5{margin:0 5px;}
.PAD_LR_3{margin:0 3px;}

.F12{font-size:12px;}
.F13{font-size:13px;}
.F14{font-size:14px;}
.F15{font-size:15px;}
.F16{font-size:16px;}
.F17{font-size:17px;}
.F18{font-size:18px;}
.F19{font-size:19px;}
.F20{font-size:20px;}
.F21{font-size:21px;}
.F22{font-size:22px;}
.F23{font-size:23px;}
.F24{font-size:24px;}
.F25{font-size:25px;}
.F30{font-size:30px;}

.Border-R0{border-radius:0px}
.Border-R3{border-radius:3px}
.Border-R5{border-radius:5px}
.Border-R10{border-radius:10px}
.Border1_eee{border:1px #eee solid}
.dashed_line{
    background-image: linear-gradient(to right, #777777 33%, rgba(255, 255, 255, 0) 0%) !important;
    background-position: bottom !important;
    background-size: 14px 1px !important;
    background-repeat: repeat-x !important;
}
@media (max-width: 567px){
	.on_mob{
		display:None;
	}
}