/*
@font-face {font-family: Cairo; src:url('../fonts/Cairo.ttf') format('truetype');}
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Lalezar&display=swap&family=Cairo&display=auto');

*/
:root{
	--silver: silver;
	--grey:grey;

}

.fa{font-family:var(--bs-font-sans-serif),'Cairo','Almarai',Cairo,Arial,Calibri,Comic Sans MS,sans-serif,FontAwesome;}
*{box-sizing:border-box;scroll-behavior:smooth;font-family:var(--bs-font-sans-serif),'Cairo','Almarai',Cairo,Arial,Calibri,Comic Sans MS,sans-serif,FontAwesome;font-display: swap;transition:all 100ms;}
#navigationTop{z-index:99;background-color:#FFFFFF;}
#logoTop{height:60px;z-index:0;position:relative;float:left;left:0px;}


.navbar-toggler{transition:all 0.5s;}
.navbar-toggler:hover{background:none;}
.navbar-toggler:active{background:var(--bs-primary);}
.navbar-toggler:hover{transform:rotate(180deg);}


.shadow{box-shadow:0px 0px 5px #19B5FE;border-radius:3px;}

section:nth-child(even){background:DodgerBlue;padding:30px 10px;color:#ffffff;}


.flex-rows{display:flex;flex-wrap:wrap;justify-content:center;align-items:strech;flex-direction:row;align-content:center;text-align:center;}

.flex-rows div{flex-grow:2;padding:40px;margin:20px;background:#dee;font-size:18px;}
.flex-rows div:hover{flex-grow:2;padding:40px;margin:20px;background:#dde;font-size:18px;}


#sections{width:100%;margin:0px auto; padding:auto;text-transform: normal;}

#content{padding:0%;overflow:hidden;margin:0px;position:relative;display:block;width:100%;}

#curaddress {float:none;clear:both;}

#curaddress li{float:left;list-style:none;}

#curaddress a{text-decoration:none;color:#123;font-size:13px;white-space:pre;}



h1 a,h2 a,h3 a,h4 a,h5 a{text-decoration:none;}

.centerMessage{width:100%;display:block;flex-direction:column;justify-content:center;padding:50px 0px;text-align:center;}



.text{width:100%;padding:0px 10px;margin:auto; border:20px solid transparent;border-image:url(../images/style/border.png) 20% round;}

.intro{font-size:16px;text-align:center;overflow:hidden;

font-family:'Cairo', cursiv,FontAwesome;position:absolute;bottom:0px;z-index:2;margin:0px auto 0px ;

width:100%;max-height:100px;z-index:5;}



.text li:nth-child(even){color:#e23;}

.text li:nth-child(odd){color:#224382;}



.loading-icon{display:none;}
.icon-xx{font-size:80px;line-height:85px;text-align:center;}
.icon-x{font-size:50px;line-height:55px;text-align:center;}
.color-green{color:green;}
.background-green{background:green;color:#ee9;}
.error-icon{display:none;}
/*--HEADER SECTION START--*/

	/*#headerSection{width:100%;display:block;z-index:99;}

	#titleTopPanel{text-align:center;position:relative;height:35px;width:100%;font-size:18px;line-height:30px;padding:2px;background:#345;color:#fff;margin:0px;}
	
	#navTopPanel{text-align:center;position:absolute;top:35px;height:auto;width:90%;margin:0px 5%;padding:0px 2px;background:#fff;z-index:10;border:solid 3px #eee;border-radius:10px;box-shadow:0px 0px 20px 0px #000;}

	#navTopPanel a{color:#ec3933;}

	#navTopPanel h1{display:inline;margin:0px;padding:0px;line-height:40px;}*/

	

	/*#menubtn{display:none;float:right;margin:0px;z-index:999;color:#345;font-size:40px;line-height:40px;}
*/
	#inquirebtn{margin:7px 0px;float:right;z-index:2;position:relative;color:#fff;border-radius:30px;padding:0px 10px;background:orange;display:none;}


	/*--MENU SECTION START--*/
	/*	nav{display:block;float:right;z-index:999;}

		nav ul{ list-style-type:none;padding:0px;margin:0px;width:auto;background:red;}
	
		nav ul ul{display:none;position:absolute;right:0px;z-index:9999;background:#ffffff;}

		nav ul li:hover ul{display:block;}
		nav ul li ul:hover{display:block;}

		nav li{white-space:nowrap;text-align:center;margin:0px;display:block;height:45px;position:relative;line-height:40px;padding:5px 10px;border-left:solid 2px #ee8;float:left;left:0px;z-index:9999;}
		nav ul ul li{width:100%;}

		nav li:hover{ background:#ee8;}

		nav li:hover a{ color:#19B5FE;}

		nav a{text-decoration:none; color:#678;}

		nav .active{color:#19B5FE;}
	*/	
	/*--MENU SECTION END--*/

/*--HEADER SECTION END--*/


/*--Table Start--*/
.table{border:solid 1px #eee;width:100%;text-align:center;}
.table th{background-color:rgba(0,0,0,0.5);font-weight:heavy;padding:5px;font-size:18px;line-height:auto;color:#fff;}
.table tr:nth-child(odd){background-color:rgba(0,0,0,0.3);}
.info-nav{font-size:18px;}
.info-nav td{border:solid 1px #000;color:red;background-color:#dde;font-size:18px;}

/*--Table End--*/




#linker {background:#234;padding:10px}

#linker ul{background:none;color:#fff;}

#linker ul ul{float:left;}

#linker li:nth-child(odd){background:none;}

#linker a{text-decoration:none;color:#fff;}


.popTo{position:absolute;top:100%;left:0px;width:100%;background:#000;color:#fff;font-size:22px;overflow-y:auto;max-height:200px;line-height:22px;padding:4px;z-index:5;}

.shadow-black-top{box-shadow:1px 1px 300px 150px #000;position:absolute;width:100%;height:0px;top:-1px;z-index:1;}
.shadow-black-bottom{box-shadow:1px 1px 80px 50px #000;position:absolute;width:100%;height:0px;bottom:-1px;z-index:1;}

.shadow-white{box-shadow:1px 1px 50px 80px #fff;position:absolute;min-width:100%;bottom:-3px;z-index:5;}
.row{position:relative;}
.row::after{clear:both;display:table;content:"";}
.col-50{width:50%;float:left;}
.col-25{width:25%;float:left;}
.col-75{width:75%;float:left;}
.col-100{width:100%;float:left;clear:both;content:"";}
.clear{clear:both;display:table;}
/*textarea,input,select,datalist{padding:5px;line-height:2.2em;margin:0px;border:0px;color:#000;border-bottom:solid 3px lightblue;}
textarea:focus,input:focus,button:focus,select:focus{border:none;background:#19ffff;border-bottom:solid 3px blue;}
button,input[type=submit],.button{background:#22313F;color:#19B5FE;}*/
.border-bottom{padding-top:2px;border-bottom:solid 1px #000;width:100%;}
.clean-input{border:0px;shadow:0px;margin:auto;width:auto;background:transparent;}


.showen{height:auto;width:auto;z-idex:1;opacity:1;transition:all 400ms;}
.hidden{height:0px;width:auto;z-index:0;opacity:0;overflow:auto;transition:all 400ms;}
/*
.col2{display:inline-block;padding:0px;margin:0px;border:none;vertical-align:top;width:49%;}

.row2{float:right;width:50%;}

.row3{float:right;width:33%;}

.row4{float:right;width:25%;}

.row5{float:right;width:20%;}

.row6{float:right;width:16%;}

.warning{color:red;}

.centerIt{width:85%;margin:auto;}

.centerIt label{min-width:150px;display:block;}

.centerIt textarea{width:100%;float:left;}*/



#news{12px;}



.catRow{display:inline-block;width:33%;margin:5px 0px;clear:both;}

.cat{height:400px;position:relative;overflow:hidden;border:0px;box-shadow:0px 0px 10px #000000;margin:auto;width:95%;padding:0px;text-align:inherit;transition:box-shadow 1s;}

.cat:hover {box-shadow:0px 0px 15px 1px #000000;}

.cat .openPage{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:6;padding:25%;text-align:center;color:#fff;text-shadow:1px 1px 5px #ee9;display:none;}

.cat:hover .openPage{display:block}

.cat .catImage{position:relative;width:100%;height:60%;z-index:1;top:0px;right:0px;overflow:hidden;}

.cat .catImage img{display:block;transition:height 500ms,width 500ms;position:absolute;width:100%;height:100%;z-index:1;top:0px;right:0px;}

.cat:hover img{width:150%;height:120%;}

.cat .cat_details{position:relative;z-index:3;margin:0px;padding:0px;height:40%;background:#fff;}

.cat .cat_title{position:relative;z-index:3;margin:0px;padding:1px 3px;color:orange;border-bottom:dotted 1px #444;white-space:nowrap;}

.cat .cat_address{padding:1px 3px; text-transform: capitalize;background:#eee9;}

.cat .cat_description{font-weight:bold;padding:1px 3px; text-transform: capitalize;color:#678;font-size:12px;}

.cat .cat_more{padding:1px 3px; text-transform: capitalize;background:#ee1;position:absolute;right:0px;bottom:0px;z-index:5;border-radius:5px;}

.cat_more a{text-decoration:none;}

.cat .cat_price{padding:1px 3px; text-transform: capitalize;background:orange;position:absolute;left:0px;top:0px;z-index:5;}





.articleAutor{width:100%;border-radius:5px;height:60px;background:#ffe;padding:2px;margin:3px 0px;border:solid 3px #eee;box-shadow:1px 1px 8px #eef;}

.autorDetails{vertical-align:top;direction:ltr;position:relative;text-align:left;display:block;margin:0px;padding:10px;font-size:16px;z-index:1;}

.autorDetails span{white-space:nowrap;}

.userThumb{float:right;right:5px;position:relative;height:50px;width:50px;border-radius:100%;border:solid 1px #000;box-shadow:3px 3px 3px #eee;background:#eee url(../images/style/logo.png) center no-repeat;background-size:100% 100%;z-index:2;}

.comment{display:block;position:relative;width:100%;padding:5px 5px 12px;}

.autorCommentDetails{direction:ltr;position:absolute;bottom:-5px;left:5px;width:50%;font-size:10px;white-space:nowrap;}

.commentDetails{vertical-align:top;display:inline-block;margin:0px;padding:0px;width:calc(100% - 58px);background:#eee;padding:5px;}

.articleThumbs{max-width:150px;max-height:150px;display:inline;margin:2px;}



/*textarea,input,button,select{border:0px;padding:0px 0px;margin:0px;color:#333;font-family:Cairo,Tahoma,Times New Roman,Arial;border-radius:5px;-webkit-border-radius:5px;}*/


/*button a,.head a{text-decoration:none;color:#ee7;}*/



.section2{height:350px;width:50%;float:left;direction:ltr; padding:20px;overflow:hidden;}

.creatingBox{width:90%;margin:auto;padding:0px;overflow:hidden;}

.creatingBox .section{padding:10px;}

.creatingBox table th{font-size:120%;}

.creatingBox table td input{width:100%;}

.creatingBox table tr:nth-child(even){background:#fff9;}

.centeringOOld{max-height:500px;overflow-y:auto;}



.creatingBox textarea{padding:5x;margin:0px;border:0px;width:100%;min-height:100px;}

.enquireBox{position:relative;z-index:10;width:98%;background:orange;margin:10px 0px;float:right;border-radius:10px;padding:10px;box-shadow:1px 1px 8px 2px #456;overflow:hidden;}

.enquireBox input,.enquireBox select{display:block;margin:auto;width:90%;}

.add-button{background:#ee9;margin:5px;padding:20px;border-radius:100%;display:inline-block;}

.remove-button{background:#ee9;padding:5px;border-radius:100%;display:inline-block;}

.artType{position:absolute;z-index:2;margin-top:20px;right:-40px;background:orange;transform:rotate(45deg);width:150px;text-align:center;}

.dropImage{width:100%;padding:40px;font-size:50px;text-align:center;background:#eee;}

.droppedImage{width:100%;text-align:center;background:#ee2;padding:2px;}

#article_create_banner{max-width:100%;max-height:300px;margin:auto;}



.left_column{float:left;display:inline-block;vertical-align:top;width:29%;margin:0px;background:#fff;overflow:hidden;text-align:center;background:#eeeeee;}

.viewArt{float:right;display:inline-block;margin:0px;width:70%;background:#fff;color:#456;font-size:14px;overflow:hidden;}

.vewArt *{max-width:100%;}

#itinerartUL ul{display:none;list-style:none;padding-left:0px;}

#itinerartUL li{border-radius:10px;margin-bottom:5px;background:#eee;}

#itinerartUL li ul{border-top:dotted 1px #869;}

#itinerartUL li:hover  ul{display:block;}

#topIdSelectorArticles ul{list-style:none;padding:0px;}

#topIdSelectorArticles ul li{float:left;width:25%;text-align:center;padding:10px;background:orange;color:#fff;border-left:solid 1px #fff;}

#topIdSelectorArticles ul li:hover{background:#224382;color:#fff;outline:solid 1px yellow;}

#hotelPrice,#tourPrice{width:100%;text-align:center;font-size:16px;}

#hotelPrice th,#tourPrice th{background:#eee;}

#hotelPrice td,#tourPrice td{box-shadow:2px 2px 1px 0px #eee8;z-index:2;border-left:solid 1px #eee8;}

.mapiframeinart{width:100%;height:400px;}

.videoiframeinart{width:100%;height:400px;}

.hotelNametd{background:#ee3;}

.contact_box label,.contact_box textarea,.contact_box input{display:block;width:100%;margin:auto;min-height:30px;}

.contact_box .contact_form{margin:auto;width:95%;}



#footer{margin:0px;padding:10px 0px;background-color:#123; color:#ee3;color:#ec3933; width:100%; text-align:center; font-size:12pt; display:block;}





.head{width:100%;margin:0px;padding:8px 0px;text-align:center;background:#224382;color:#ffffff;font-family:Cairo,cursive,sans-serif;font-weight:bold;}



#whatsapp{position:fixed;width:30px;left:59px;bottom:40px;height:30px;z-index:10;background:url(../images/whatsApp.png);}

#map {height: 400px;width: 500px; }

.fadein{visibility:visible;height:auto;opacity:1;transition:opacity 300ms,height 400ms,visibility 400ms;}

.fadeout{opacity:0;height:0px;visibility:hidden;transition:opacity 300ms,height 400ms,visibility 400ms;}



@media(max-width: 1000px){
		/*

		nav{display:none;font-size:16px;margin:0px;padding:0px;background:#fff;height:auto;width:100%;position:relative;right:0px;top:0px;transition:right 1s;z-index:599;}

		nav:hover{ display:block;}
		
		#menubtn:hover+nav{display:block;}
		
		nav li{width:100%;}

		#menubtn{width:40px;height:100%;float:right;display:block;padding:5px 0px;right:0px;z-index:999;transition:all 0.5s;}
		#menubtn:hover{transform:rotate(-90deg);color:red;font-shadow:0px 0px 5px 1px #000;}



		#inquirebtn{display:inline-block;margin-right:20px;}
*/
}



@media(max-width: 650px){
	
	body{font-size:13px;}

	.centerIt{width:98%;}

	.intro{font-size:12pt;padding:0px 5px;overflow:Auto;}

	.sections{width:100%;margin:0px;}

	.autorDetails{padding:15px 2px;line-height:14px;white-space:nowrap;font-size:12px;}

	.enquireBox{width:100%;}

	.viewArt{width:100%;}	


	.text{width:85%;}

	.catRow{width:100%;}

	.section2{width:100%;float:none;border:0px;margin:0px;padding:10px;}

	.section2:nth-child(odd){background-color:#eee;}

	.section2:nth-child(even){background-color:#fff;}


	.contact_box .row2{width:100%;}

	#footer, #footer h1{overflow:hidden;font-size:12px;}

	.left_column{display:block;width:100%;}
	}

	


.newSelectArea{
list-style:none;
min-width:80px;
width:100%;
max-height:350px;
height:50px;
margin:0px;
text-align:center;
padding:2px;
position:relative;
font-size:18px;
line-height:40px;
border:solid 2px black;

}
.newSelectArea input[type=text]{position:absolute;top:0px;z-index:4;}
.newSelectArea input[type=text]:focus{bakground:#eee;}
.newSelectUl{z-index:5;min-width:99%;display:none;box-shadow:1px 1px 3px lightblue; position:absolute;left:5px;right:5px;margin-top:-10px;background:#ffffff;padding:0px;max-height:300px;overflow-x:auto;border:solid 2px green;border-radius:10px;}

.newSelectLi{border-bottom:solid 2px lightblue;color:#000;white-space:pre;padding:2px auto;margin:0px;list-style:none;height:45px;line-height:45px;}
.newSelectLi:nth-child(odd){background:rgba(0,0,0,0.1);}

.newSelectLi:active{background:rgba(0,0,0,0.4);}

.newSelected{display:inline-block;text-weight:heavy;white-space:pre;overflow:auto;height:45px;line-height:45px;font-size:22px;width:100%;box-shadow:2px 2px 3px lightblue;}

.newSelected:active{background:rgba(0,0,0,0.3);}

#popup{
	text-align:center;
	position:fixed;
	display:none;
	padding:0px;
	left:5%;
	right:5%;
	bottom:20vh;
	border:solid 10px grey;
	box-shadow:3px 3px 20px black;
	max-height:80vh;
	background:white;
	color:blue;
	border-radius:10px;
	z-index:100;
	z-index:100;
	overflow-x:auto;
}
#popup img{max-width:100%;max-height:100%;}
#toast{background:aqua;border:solid 2px #000;padding:10px;min-height:50px;border-radius:20px 25px 0px 0px;position:fixed;left:5px;right:5px;color:#000;text-align:center;line-height:1em;box-shadow:5px 5px 20px #000;transition:bottom 1000ms,opacity 800ms,z-index 1000ms;}
#toast button{background:#ee0;color:#000;font-weight:heavy;margin:2px;position:relative;}
.toastShown{bottom:0px;opacity:1;z-index:9999;}
.toastHidden{bottom:-200px;opacity:0;z-index:-1;}
/* بواسطة سر الصحراء */