@import url(https://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
body
	{
	margin: 0;
	width:100%;
	background-color:white;
	min-width: 270px;
	background-position: center center;
    color: #fff;
    text-shadow: none;
	}
a
	{
	color: #51575b;
	text-decoration: none;
	}
i
	{
	font-style: normal;
	}
.header1
	{
	width:100%;
	height:35px;
	background-color:#282e3c;
	padding: 12px 0 0 0;
	}
.container
	{
	width:100%;
	height:auto;
	margin:0;
	background-image: url(../img/site/floral.webp);
    background-repeat: repeat;
    text-align: center;
	}
.con_menu
	{
	width:100%; 
	background-color:white; 
	height:100px;
	}
.medbody_left
	{
	width:47%; 
	float:left; 
	margin:10px; 
	height:450px;
	}
.medbody_right
	{
	width:50%; 
	float:right; 
	margin:5px; 
	height:auto;
	}
.medbody_right_inner
	{
	width:48%; 
	float:right; 
	margin:4px; 
	background-color:purple; 
	height:250px;
	}
.footer
	{
	width:100%; 
	height:auto; 
	background-color:#017ae6; 
	font-family: "droid sans arabic",Arial;
	}
.cat
	{
	margin-bottom:25px; 
	position:relative
	}
.overlay_content
	{
	display:block; 
	z-index:2; 
	position:absolute
	}
.overlay_content h5
	{
	font-size:24px; 
	padding-right:15px; 
	font-weight:bold; 
	font-family:Arabic Transparent,Arial,Helvetica,sans-serif; 
	line-height: 0;
	color : #fff;
	}
.trip
	{
	width:100%; 
	background: #e6edf6; 
	font-weight: bold; 
	color: #003580; 
	border-radius: 3px; 
	margin-bottom:-10px
	}
.trip h4
	{
	padding:8px;
	}
.dest	
	{
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 10px;
	padding: 20px 8px 0;
	border-top: 1px solid #d4dada;
	color:#003580 ; 
	font-family: "Arabic Transparent",Arial,Helvetica,sans-serif!important;
	}
.featured-overlay 
	{
    transition: all 0.2s ease;
    position: absolute;
    overflow: hidden;
    right: 0;
    width: 50.5%;
    height: 675px;
    background: rgba(18, 55, 78, 0.6);
    z-index: 10;
    color: #ffffff;
	}
.caption
	{
	margin: 30px 25px 5px 0;
	}
.caption h3
	{
	font-size: 24px;
	line-height: 21px !important;
	padding: 10px;
	margin-bottom: 0px;
	}

form.location-search input[type="text"] 
	{
    width: 90%;
    border-radius: 3px;
    border: none;
    background: #dfe7eb url(../img/site/sprite.png) -5px -116px;
    height: 34px;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 20px;
	margin: 0 15px 10px 15px;
	font-size: 16px;
	color: #003580;
	}
.common
	{
	background: #dfe7eb !important;
	}
form.location-search .date
	{
	width: 40.4% !important;
	}
.calender
	{
	margin-left:1% !important;
	}
form.location-search::-moz-placeholder 
	{
    color: #333333;
	font-size: 16px;
	}
.button.wide-fat 
	{
    text-align: center;
    padding-left: 0;
    padding-right: 0;
	background: #8bcf17;
	border-color: #8bcf17;
	color: #ffffff;
	border-top: solid 1px #8bcf17;
	border-left: solid 1px #8bcf17;
	border-right: solid 1px #8bcf17;
	border-bottom: solid 1px #8bcf17;
	border-radius: 3px;
	width: 95%;
	margin: 6px 15px;
	display: inline-block;
	padding: 4px 16px;
	font-weight: bold;
	font-size:21px;
	font-family: traditional arabic;
	}
.arrival
	{
	float:right;
	margin:1% 3.5% 1% 33%;
	}
.arrival h4
	{
	font-size:17px;
	margin:4px 0 4px 0;
	}

.arrival1
	{
	margin-left:0 !important;
	}
select
	{
	margin: 20px 4px 20px 0;
	width : 45px;
	}
.rate
	{
	width: 80px;
	height: 25px;
	font-weight: bold;
	}
.price 
	{
	margin-left: 21%;
	}
label
	{
	font-size: 21px;
	font-weight: 600;
	font-family: traditional arabic;
	margin-right: 4%;
	text-align: center !important;
	}
.tabwidget
	{
	margin-bottom: 40px;
	}
.nav-tabs
	{
	padding-right: 5px;
	text-align: right;
	}
.nav-tabs>li
	{
	display: inline;
	}
.nav-tabs>li>a
	{
	margin-right:10px;
	color: #ccc;
	padding: 9px 5px 4px;
	font-size: 1.4vw;
	background-color:#EEF;
	line-height: 32px;
	}
.nav-tabs>li>a:hover
	{
	background: #7FC142;
	color: #fff;
	}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus
	{
	color: #fff;
	cursor: pointer;
	background-color:#FF304D;
	font-weight: bold;
	}
.nav-tabs>li.active>a:hover
	{
    background: #7FC142;
	}
.nav-tabs.nav-justified>li>a
	{
	margin-bottom:5px;
	text-align:center
	}
.tab-content>.tab-pane
	{
	display:none
	}
.tab-content>.active
	{
	display:block;
	color: black;
	width:100%;
	padding-top:25px;
	clear: both;
	}
.fade
	{
	opacity:0;
	transition:opacity .15s linear
	}
.fade.in
	{
	opacity:1
	}
.row1 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em;
	}
.row1::before, .row::after 
	{
    content: " ";
    display: table;
	}
.large-4 
	{
    width: 27%;
	}
.columns 
	{
    position: relative;
    padding-left: .7vw;
    padding-right: 1.2vw;
    float: right;
	}
.footer .right
	{
    height: 48vh;
    background: #015E89;
    margin-top: 2.7vw;
    padding: 1vw 2vw;
	margin-right: 1%;
	}
.left1
	{
	text-align: center;
	}
.left1 img
	{
	width: 19vw !important;
    height: 8vw !important;
	margin-bottom: .7vw;
	}
.footer .tit-1 span 
	{
    color: #fff;
    font-size: 1.5vw;
	}
.footer ul.nav 
	{
    border-right: 1px solid #1d82dc;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit;
	font-size: .8rem;
	margin-right: 1.1rem;
	padding: 0;
	}
.footer .nav li 
	{
    list-style: none;
	}
.footer .nav li a 
	{
    display: block;
    padding: .27vw;
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 1.1vw;
	background: transparent;
	}
.footer .nav li a:hover 
	{
    color: #f58020;
	}
.footer .nav li a:hover span 
	{
    border-bottom: 6px solid rgba(0,0,0,0);
    border-right: 6px solid #fe821e;
    border-top: 6px solid rgba(0,0,0,0);
    height: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    width: 0;
    top: .43em;
	}
.social li a.faceb:hover, .use-page .social li a.faceb
	{
    background-color: #3b5998;
	}
.social li a.twitter:hover, .use-page .social li a.twitter 
	{
    background-color: #02b0e8;
	}
a.googl:hover, .use-page .social li a.googl 
	{
    background-color: #d24940;
	}
.social li a.ytube:hover 
	{
    background-color: #c12a28;
	}
.social li a.inst:hover 
	{
    background-color: #5b4a41;
	}
.social li a.pint:hover 
	{
    background-color: #c1182b;
	}
.social li a.lindin:hover 
	{
    background-color: #0072b1;
	}
.social div a.ios:hover 
	{
    background-color: #999;
	}
a.googleplay:hover 
	{
    background-color: #9c3;
	}
.side-nav li.active>a:first-child:not(.button),.side-nav li a:hover:not(.button),.side-nav li a:focus:not(.button)
	{
	color:#fff;
	background:url("../img/site/g_nav.png") no-repeat scroll 0 .3em #ff7f00
	}
[class*="column"] + [class*="column"]:last-child 
	{
    /* float: left; */
	}
.row::after 
	{
    clear: both;
	}
.footer .sub 
	{
    background: #015aaa;
	clear: both;
	}
.large-8 
	{
    width: 64%;
	}
.copy-rights, .sarmady-logo 
	{
    height: 30px;
    margin-top: .8vw;
	}
.text-center 
	{
    text-align: center !important;
	}
.copy-rights p 
	{
    color: #fff;
    font-family: "droid sans arabic",Arial;
    font-size: .9vw;
    margin-top: .8vw;
	}
.copy-rights p a
	{
	color: #fff;
	font-weight: bold;
	}
.copy-rights p a:hover
	{
	color: #fec492;
	}
.feed-back 
	{
    background: #015aaa;
    color: #fff;
    display: inline-block;
    font-size: 1.5vw;
    margin: 0 6px 0 0;
    overflow: hidden;
    padding: .6vw 0 .8vw 0;
    text-align: center;
    text-decoration: none;
    width: 93%;
	}
.feed-back:hover 
	{
    background-color: #fff;
    background-position: 32px -38px;
	}
a:hover
	{
    color: #0169c6;
	outline: 0;
	}
.footer .social 
	{
    border-top: 1px solid #0e78d7;
    padding-top: 1em;
    display: inline-block;
    margin: 0;
	padding-left: 0;
	}
.social li 
	{
    display: inline-block;
    list-style: none;
	}
.social li a.pint
	{
    background-position: -37px center;
	}
.social li a.inst 
	{
    background-position: 9px center;
	}
.social li a.ytube 
	{
    background-position: -130px center;
	}
.social li a.googl 
	{
    background-position: -179px center;
	}
.social li a.twitter 
	{
    background-position: -228px center;
	}
.social li a.faceb 
	{
    background-position: -278px center;
	}
.text 
	{
    text-align: center;
    width: 100%;
    margin-bottom: .9vw;
    color: #fff;
	font-size: 1.4vw;
	font-weight: bold;
	font-family: Comic sans ms;
	}
.text1
	{
	margin-top: 1vw !important;
	font-size: 1.25vw;
	margin-bottom: .5vw !important;
	}
.newsletter
	{
	margin: 0 auto;
	width: 100%;
	}
.subscr
	{
	height: 1.8vw;
    padding: 0 2vw 0 0.6vw;
	}
.subm
	{
	height: 2em;
    background-color: #015aaa;
    color: white;
    font-size: 1.1vw;
    width: 3.4vw;
    padding: 0;
	}
.envelope
	{
	font-size: 1.8vw;
    color: #4e4e4e;
    margin: .25vw .4vw .25vw -2.35vw;
    position: absolute;
	}
.centerfotter 
	{
    width: 100%;
    align-content: center;
    align-items: center;
    justify-content: space-around;
    display: -webkit-inline-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
	}
.social li a 
	{
    display: inline-block;
    width: 3.2vw;
    background: #0179e4;
    padding: .4vw 0 .15vw;
    font-size: 1.7vw;
    color: #fff;
	}
.social div a.ios 
	{
    height: 3.4vw !important;
    margin-left: 2px;
	}
.social div a 
	{
    display: inline-block;
    width: 3.4vw;
    background: #0179e4;
    padding: .4vw 0 .15vw;
    font-size: 1.7vw;
    color: #fff;
	}
.footer .left img 
	{
    margin: .6vw auto;
    display: block;
	width: 15vw;
    height: 5.4vw;
	}
img.icon-ios-square 	
	{
    width: 2.6vw !important;
    height: 2.6vw !important;
    margin-top: 0 !important;
	}
.social div a.googleplay 
	{
    height: 3.4vw !important;
    margin-left: 2px;
	}
img.icon-googleplay-square 
	{
    width: 2.6vw !important;
    height: 2.6vw !important;
    margin-top: 0 !important;
	}
.webfox-links, .webfox-links a 
	{
    color: #fff;
    font-family: "droid sans arabic",Arial;
    font-size: .9vw;
    line-height: 2.5;
    margin: 0 .43em;
    text-align: right;
	}
.webfox-links a:hover 
	{
    color: #f58020;
	}
.hoteldisplay
	{
	width: 75%;
	float: left;
	}
.searchform
	{
	width: 25%;
	}
#cssmenu 
	{
	  padding: 0;
	  border: 0;
	  display: inline-block;
	}	
#cssmenu ul, #cssmenu li 
	{
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
#cssmenu ul 
	{
  position: relative;
  z-index: 597;
	}
#cssmenu ul li 
	{
  float: left;
  min-height: 1px;
  vertical-align: middle;
	}
#cssmenu ul li.hover, #cssmenu ul li:hover 
	{
	position: relative;
	z-index: 599;
	cursor: default;
	}
#cssmenu ul ul 
	{
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	width: 80%;
	}
#cssmenu ul ul li 	
	{
	float: none;
	}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  right: 20;
}
#cssmenu ul ul {
  margin-top: 0;
}
#cssmenu ul ul li 
	{
	font-weight: normal;
	}
#cssmenu a 
	{
	display: block;
	line-height: 1em;
	text-decoration: none;
	}
/* Custom CSS Styles */
#cssmenu > ul 
	{
	display: inline-block;
	}
#cssmenu:after, #cssmenu ul:after 
	{
	content: '';
	display: block;
	clear: both;
	}
#cssmenu ul 
	{
	text-transform: uppercase;
	text-align: center;
	}
#cssmenu ul ul 
	{
	text-transform: none;
	width: 100%;
	}
#cssmenu ul ul a 
	{
	background:#fff;
	border-top: 0 none;
	line-height: 100%;
	padding: 1vw;
	font-weight:700;
	font-size: 1.2vw;
	font-weight: 600;
	border-radius: .2vw;
	}
.colorbor:hover
	{
	border-top: 3px solid #8bcf17;
	color: gold !important;
	}
.colorbor p
       {
    margin: 0;
    font-size: 1.2vw;
    display: inline-block;
    line-height: 0;
    }
#cssmenu ul ul li 
	{
  position: relative;
	}
#cssmenu ul ul li:first-child > a 
	{
	
	}
#cssmenu ul ul li:hover > a 
	{
	color: #fff;
	background: #8bcf17;
	font-weight: 700;
	}
#cssmenu ul ul li:last-child > a 
	{
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  	}
#cssmenu ul ul li:last-child:hover > a {
  -moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#cssmenu ul ul li.has-sub > a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
}
#cssmenu ul li.active  
	{
   color: #8bcf17;
	}
#cssmenu ul li.has-sub > a:after {
  content: '▼';
  margin-left: .3vw;
  font-size: 1vw;
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}
#cssmenu a {
  color:  #1A2B49;
  padding: 0 .35vw;
}
#cssmenu > ul > li > a {
  line-height: 2;
  font-size: 1.27vw;
  margin-left: .8vw;
  padding-top: 1.5vw;
}

.no-margin 
	{
    padding: 0;
    margin: 0 !important;
	}
.col-sm-2 
	{
    width: 16.666666666666664%;
	min-height: 1px;
	}
.col-sm-10 
	{
	display: inline-block;
    width: 65% !important;
	text-align: right;
	right: 0;
	}
.branding 
	{
	width: 92%;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	margin: 20px 22%;
	}
.site-title 
	{
    font-size: 2em;
    margin: 0.67em 0;
	}
.icon_group::before 
	{
    content: "\e08b";
	}
.icon_ribbon::before 
	{
    content: "\e078";
	}
.icon_building_alt::before 
	{
    content: "\e0fd";
	}
.icon_globe_alt::before 
	{
    content: "\e0de";
	}
.icon_pin::before 
	{
    content: "\e01d";
	}
.icon_contacts::before 
	{
    content: "\e026";
	}
.left-side 
	{
    display: inline-block;
    float: right;
	}
.reveal-inline-block 
	{
    display: inline-block !important;
	margin-left: 15px;
	margin-top: -18px;
	}
.icon 
	{
    font-size: 26px;
    width: 34px;
	height: 31px;
    line-height: 32px;
    vertical-align: middle;
	transition: .3s all ease;
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	}
.icon1
	{
    font-size: 18px;
    width: 34px;
    line-height: 30px;
    vertical-align: middle;
	transition: .3s all ease;
	position: relative;
	display: inline-block;
	font-weight: 400;
	font-style: normal;
	}
.icon-warning 
	{
    color: #ffffff;
    background: #81c144;
	}
.icon-warning1
	{
    color: #ffffff;
    background: #81c144;
	margin-top: 15px;
	}
.icon-warning1:hover
	{
	color : orange;
	background:#282e3c;
	}
.icon-circle 
	{
    border-radius: 50%;
	text-align: center;
	border: 2px solid;
	border-color: #81c144;
	}
.mdi 
	{
	font-family: "Material Design Icons";
	text-rendering: auto;
	transform: translate(0, 0);
	}
.mdi-phone::before 
	{
    content: "\f3f2";
	}
.mdi-phone::before 
	{
    content: "\f3f2";
	}
.mdi-email-outline::before 
	{
    content: "\f1f0";
	}
.mdi-earth::before 
	{
	content: "\f1e7";
	}
.unit-body 
	{
    padding-left: 10px;
	padding-top: 0;
	}
.text-alto
	{
    color: #d6d6d6;
	font-family: "PT Sans", Helvetica, Arial, sans-serif;
	}
.text-alto:hover
	{
    color: orange;
	}
.text-alto:hover
	{
	color: orange;
	}
.right-side 
	{
    display: inline-block;
    float: left;
    margin-top: -2px;
	}
.text-middle 
	{
    vertical-align: middle;
    margin-left: 5px;
	}
.unit-horizontal 
	{
	flex-direction: row;
	}
.unit-middle 
	{
	align-items: center;
	}
.mdi-login::before 
	{
	content: "\f342";
	}
.text-warning 
	{
    color: #fcbe16;
	}
.list-inline 
	{
    margin-left: 15px;
	padding-left: 0;
	list-style: none;
	}
.list-inline-0 
	{
	margin-right: -10px;
	}
ul 
	{
    list-style-type: none;
    margin-bottom: 0;
	}
.list-inline > li 
	{
    display: inline-block;
    }
.list-inline-0 > li 
	{
    padding-left: 0;
    padding-right: 0;
	}
.icon-boulder-filled 
	{
    color: #282e3c;
    background: #7a7a7a;
    border-color: #7a7a7a;
	}
.signin
	{
	float:left; 
	margin-top:22px; 
	margin-right:10px
	}
.rd-navbar-wrap
	{
	position: absolute;
    left: 0;
    right: 0;
	z-index: 5;
	}
.swiper-caption-absolute 
	{
    position: absolute;
    top: 58%;
    left: 50%;
    z-index: 4;
    width: 100%;
    transform: translate(-50%, -50%);
	text-align: center;
	}
.shell1
	{
	margin-top: 6vw;
	}
.text-white 
	{
    color: #fff;
	font-size: 3.6vw;
	margin: 2.1vw 1.4vw 1.5vw 1.4vw;
	opacity: .7;
	}
.text-white:hover 
	{
    opacity: 1;
	}
.text-white1
	{
    font-size: 1.9vw;
	}
.offset-md-top-60 
	{
    margin-top: 60px;
	}
.form-control 
	{
    font-size: 1.3vw;
    color: #212121;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e1e1e1;
	height: 2.5vw;
    padding-top: .4vw;
    padding-bottom: .4vw;
    padding-left: 15px;
    opacity: .73;
    border-left: none;
    border-right: none;
    }
.first-box
	{
	border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
	margin-top: 13vw;
	}
.srsh
	{
	border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    opacity: .8;
    height: 3.4vw;
	}
.btn-primary 
	{
    color: #fff;
    background-color: #3C6020;
    border-color: #3C6020;
	}
.btn77
	{
    min-width: 12vw;
    font-weight: 900;
    text-transform: uppercase;
    padding: .8vw 1.5vw;
    font-size: 1.2vw;
    line-height: 1.2;
    border-radius: 30px;
    transition: .3s ease-out;
	border: 1px solid transparent;
	cursor: pointer;
	}
.btn-primary:hover
	{
	color: #fff;
	background-color: #cf7700;
	border-color: #cf7700;	
	}
.whyus
	{
	background-image: url(../img/site/background1920x900.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 3vw 0;
    padding: 1vw;
    height: 36vw;
	}
.square-box
	{
    background: #fff;
    float: left;
	width: 30%;
	margin: 1.5%;
	border-radius: 5px;
	}
.explore
	{
	background-image: url("../img/site/background11920x900.webp");
	background-size: 100%;
	margin: 3vw 0;
    background-repeat: no-repeat;
    background-position: center center;
	height: 38vw;
	padding: 0 5%;
	text-align: left;
	}
.explore_con
	{
	padding: 15px 0 0 0;
	width: 50%;
	}
.icon-circle-lg 
	{
    width: 48px;
    height: 48px;
    line-height: 48px;
	}
.icon-circle 
	{
    position: relative;
    border-radius: 50%;
	}
.icon-filled-turquoise 
	{
    background: #2ec4b6;
	}
.center-block 
	{
    display: block;
    margin-left: auto;
    margin-right: auto;
	}
.icon-circle img 
	{
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    will-change: content;
	}
.img-responsive 
	{
    max-width: 100%;
	height: auto;
	}
.unit-body 
	{
    padding: 3%;
	float: left;
	width: 69%;
	}
.text-gray-base 
	{
    color: #000;
	}
.text-silver-chalice
	{
    font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #000 !important;
	}
.text-small 
	{
	font-size: 1.2vw;
	text-align: justify;
	color: #555555;
	}
.unit-left
	{
	float: left;
	width:20%;
	margin: 8% 0 0 4%;
	}
.medbody
	{
	color: #000;
	font-size: 1.4vw;
	text-align: center;
	}
.medbody h1
	{
	margin: 1vw;
	font-size: 2.4vw;
	}
.medbody p
	{
	margin: 1vw;
	}
.bags
	{
	width: 93%;
	height: auto;
	margin: 1vw auto;
	}
.hassan
	{
	width: 30%;
	float: left;
	margin: 1.5% 1.5%; 
	}
.hassan img
	{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	width: 100%;
	height: 310px;
	}
.explain
	{
	width: 100%;
	height: 6.8vw;
	background-color: floralwhite;
	text-align: center;
	}
.explain .l
	{
	float: left;
	color: #000;
	padding: 0 0 0.3vw .6vw;
	font-family: comic sans ms;
	font-weight: 900;
	}
.explain .l h2
	{
	margin: 1vw 0 0 0;
	font-size: 1vw;
	}
.explain .r
	{
	float: right;
	color: #000;
	font-size: 1.1vw;
    padding: 1.1vw .3vw .8vw 0;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	}
.explain .r span
	{
	color: #d10c33;
	font-size: 1.1vw;
	font-family: comic sans ms;
	}
.explain .r font
	{
	color:#000;
	}
.rule
	{
	clear: both;
	font-size: 1.1vw;
	display: block;
	}
.rcolor
	{
	color: red;
	vertical-align: text-bottom;
    font-size: 1vw;
	margin-left: .2vw;
	}
.file
	{
	clear: both;
	padding: 0 4%;
	}
.advisor
	{
	height: 290px;
	width: 22%;
	border-radius: 50%;
	float: left;
	margin: 0 5.5%;
	}
.advisor:hover
	{
	height: 300px;
	width: 23%;
	border-radius: 50%;
	float: left;
	margin: 0 5.5%;
	cursor: pointer;
	}
.who
	{
	background-image: url(../img/site/who-we-are.webp);
	background-size: 100% 100%;
	}
.trip
	{
	background-image: url(../img/site/tripadvisorlogo.webp);
	background-size: 100% 100%;
	}
.services
	{
	background-image: url(../img/site/femalecustmoerservice.webp);
	background-size: 100% 100%;
	}
.normal
	{
	margin-top: 0;
    font-size: 2vw;
    margin-bottom: 0.5vw;
    text-transform: uppercase;
	}
.closer
	{
	letter-spacing: 0.12vw;
	text-transform: uppercase;
	font-size: 3.4vw;
	}
.closer:hover
	{
	color: gold;
	}
.white2
	{
	margin: 0;
	font-style: italic;
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size: 22px;
	}
.con_medbody1
	{
	width: 88%;
	margin: auto;
	}
.rside
	{
	float: right;
	width: 77%;
	}
.lside
	{
	float: left;
	width: 22%;
	height: auto;
	background: #f5f5f5;
	border-radius: 5px;
	margin-top: 10px;
	}
.search
	{
	width: 90%;
	margin: 25px 0;
	}
.search input
	{
	width: 95%;
	height: 30px;
	background: white;
	font-size: 1.4vw;
	border-radius: .7vw;
	padding-left: 1vw;
	margin: 2.5%;
	border: 1px solid black;
	}
.search button
	{
	width: 30%;
	height: 30px;
	font-size: 1.7vw;
	color: white;
	background-color: #7FC142;
	border-radius: .9vw;
	border: 1px solid #7FC142;
	cursor: pointer;	
	}
.search button:hover
	{
	background-color: #cf7700;
	border-color: #cf7700;	
	}
.top10
	{
	margin: 5px 0;
	}
.chhassan
	{
	width: 47% !important;
	}
.hassan1
	{
	width: 31%;
	float: left;
	margin: 1.5% 1%;
	position: relative;
	}
.hassan1 img
	{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	width: 100%;
	height: 24vw;
	}
.explain1
	{
	width: 100%;
	height: 4.5vw;
	background-color: floralwhite;
	padding-bottom: .55vw;
	}
.explain1 .l
	{
	color: #000;
	font-size: .94vw;
	padding: .2vw .29vw .3vw;
	font-family: comic sans ms;
	font-weight: 600;
	}
.explain1 .l a
	{
	margin: .35vw 0 0 0;
    font-size: .95vw;
	color: #000 !important;
	}
.rule1
	{
	clear: both;
    color: #545454;
    font-size: 1vw;
    display: inline-block;
    margin: 0;
	width: 98%;
	}
.fixc
	{
	width: 86%;
	margin: auto;
	}
.item
	{
	height: 28vw;
	}
.item
	{
	color: #51575b;
	}
.advisor1
	{
	height: 11vw;
	width: 35%;
	border-radius: 50%;
	border: .7vw solid #f9f9f9;
	margin: .5vw auto 0;
	}
.otop
	{
	color: #555555;
	font-style: italic;
	font-size: 1.4vw;
	padding: .9vw;
	line-height: 2vw;
	font-weight: 700;
	}
.panel-group 
	{
    margin-bottom: 20px;
	}
.panel-group .panel 
	{
    margin-bottom: 0;
    border-radius: 4px;
	}
.panel-default 
	{
    border-color: #ddd;
	}
.panel 
	{
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
	}
.panel-default > .panel-heading 
	{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
	}
.panel-group .panel-heading 
	{
    border-bottom: 0;
	background: #f6f6f6;
	text-align: left;
	}
.panel-heading 
	{
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	}
.panel-title 
	{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.4vw;
    color: brown;
	text-align: left;
    padding-left: .9vw;
	display: inline-block;
	}
.collapse.in 
	{
    display: block;
	}
.collapse 
	{
    display: none;
	padding: .7vw 1.7vw;
    color: black;
    text-align: justify;
    overflow: hidden;
	}
.collapsing 
	{
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s; /* Safari */
  transition: all 0.2s;
	}
.panel-body::after
	{
    clear: both;
	}
.panel-body::after, .panel-body::before,
	{
    display: table;
    content: " ";
	}
.panel-default > .panel-heading + .panel-collapse > .panel-body 
	{
    border-top-color: #ddd;
	}
.panel-group .panel-heading + .panel-collapse > .panel-body 
	{
    border-top: 1px solid #ddd;
	color: #000;
	}
.panel-body 
	{
    padding: 15px;
	color: black;
	text-align: justify;
	overflow: hidden;
	white-space: pre-wrap; /*to enable new lines break when you press Enter*/
	}
.panel-group .panel + .panel 
	{
    margin-top: 5px;
	}
.widSSPnarrow
	{
	width: 97% !important;
    margin: auto !important;
	}
.condet	
	{
    text-align: center;
    width: 100%;
    margin-top: 2vw;
	font-size: 1.25vw;
    margin-bottom: 1.5vw;
	}
.condet span
	{
	font-style: italic;
	font-family: comic sans-serif;
	}
.fa-whatsapp:hover
	{
	color: #34AF24;
	}
.author
	{
	color: rgba(34, 34, 34, 0.7);
    text-align: left;
    margin-left: 1.6vw;
	}
.transf
	{
	font-size: 2.5vw;
	}
.offset-top-10
	{
	font-size: 1.3vw !important;
	color: #000 !important;
	}
.headercap
	{
	position: relative;
	}
.menuicons
	{
	display: block !important;
	}
.pmethods img
	{
	width: auto !important;
	height: auto !important;
	}
.faqs
	{
	color: #000;
    width: 90%;
    margin: 0vw auto 4vw;
	font-size: 1.7vw;
	clear: both;
	}
.panel-group .panel1
	{
	margin-bottom: .9vw !important;
    border-radius: 4px !important;
	line-height: 1.7 !important;
    font-size: 1.6vw !important;
	}
.panel-group .panel-heading1
	{
    border-bottom: 0;
    background: aqua;
	padding: .9vw 1.2vw;
	border-radius: 9vw;
	text-align: left;
	}
.panel-group .panel-heading1 i
	{
	color: brown;
	}
.panel-title1
	{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.5vw;
    color: brown;
    text-align: left;
    padding-left: 1vw;
	}
.hwid
	{
    height: 33vw;
    width: 100%;
    margin-top: 5%;
    }
.hbanner
    {
    position: fixed;
    z-index: 50;
    border-bottom: 1px solid #dee2e6;
    background-color: #fff;
	height: 5vw;
    font-size: 1.25vw;
	}
.lbanner
    {
    color:#1A2B49;
    font-weight: 600;
    font-family: century gothic;
    width: 35%;
    vertical-align: text-top;
	text-align: left;
    }
.leinner
    {
    display: inline-block;
    margin-right: .2vw;
	height: 15%;
	vertical-align: bottom;
    }
.leinner i
       {
    color: #00cc99;
    }
.leinner p
       {
    display: inline-block;
    }
.greviews
    {
    background-image: url(../img/site/egypt-holidays-1920x900.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 3vw 0;
    height: 34vw;
    padding: 3% 2% .5%;
	clear: both;
    }
.item1
    {
    background-color: white;
    border-radius: 3vw;
    padding: 0 0 1vw;
    opacity: .7;
	height: 28vw;
    }
.reviewtit
    {
    margin: .9vw 0 .4vw;
	color: #000;
	letter-spacing: 0.14vw;
	font-size: 1.3vw;
	font-weight: 900;
	text-transform: uppercase;
    }
.otop1
    {
    padding: .9vw .6vw 0;
    color: black;
    height: 12vw;
    }
.testimonial-name
    {
    margin: 0 auto;
    display: table;
    background: #1c325c;
    padding: .8vw 3.4vw;
    border-radius: 1.1vw;
    text-align: center;
    color: #fff;
    font-size: 1.5vw;
    }
.retrieve
	{
	text-align: center;
    width: 45%;
    margin: auto;
    padding: 3vw;
    color: #000;
	}
.retrieve h3
	{
	font-size: 3vw;
    font-weight: bold;
    margin: 0 0 1vw;
	}
.retrieve1
	{
    text-align: justify;
    font-size: 1.4vw;
    line-height: 1.5;
	}
.retrieve input
	{
    width: 90%;
    height: 2.4vw;
    padding-left: .8vw;
    margin: 0 0 2vw;
    font-size: 1.4vw;
	border-radius: 1vw;
	}
.retrieve2
	{
    font-size: 1.4vw;
    margin: .5vw 0;
    font-weight: bold;
    text-align: left;
	}
.manage
	{
	width: 96%;
    color: #000;
    margin: 4vw auto;
	font-size: 1.4vw;
	}
.manage table
	{
	width: 100%;
	font-size: 1.4vw;
	}
.solde
	{
	text-align: right;
	margin-right: 1vw;
    }
.solde p
	{
	padding: .5vw;
    margin: 0;
    display: inline-block;
    font-size: 1.3vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1vw;
	border-radius: .7vw;
	letter-spacing: .1vw;
	}
.managetable td:first-child
	{
	border: 1px solid black;
    padding: .3vw;
	width: 22%;
	}
.managetable tr:first-child 
	{
	background-color: lightblue;
	font-weight: bold;
	}
.booknotes1
	{
	width: 92%;
    margin: auto;
    line-height: 1.2;
    color: #000;
	text-align: justify;
	margin: .4vw auto;
	font-size: 1.4vw;
	}
.errmess
	{
	width: 92%;
    margin: auto;
    font-size: 1.3vw;
    background: #fff5f5;
    padding: 0 1vw;
    border-radius: 2vw;
    border: 1px solid #d4111e;
	line-height: 1.5;
	margin: auto;
	}