@import  url('font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css');
@import url('https://fonts.googleapis.com/css?family=Cairo&display=swap&subset=arabic,latin-ext');
/*@font-face {font-family: 'Cairo'; src:url('../fonts/Cairo.ttf') format('truetype');}*/
*{box-sizing:border-box;scroll-behavior:smooth;}
body{overflow-x:hidden;width:100%;margin:0px;color:#2b54a3; padding:auto; font-family:Cairo,Arial, FontAwesome, sans-serif;}

#sections{width:100%;margin:0px auto; padding:auto;text-transform: capitalize;}
#content{padding:0%;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;}
.section{width:100%;padding:0px;margin:auto;background-color:#eee;}
.section h1,.section h2,.section h3,.section h4{color:#224382;padding:5px;font-weight:bold;margin:0px;}

.section li:nth-child(odd){background:#eee;}
.clear{clear:both;}
.text{width:100%;padding:0px 10px;margin:auto; border: 20px solid transparent;
border-image:url(../img/borde.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;}

.text li:nth-child(even){color:#e23;}
.text li:nth-child(odd){color:#224382;}
.menubtn{display:none;float:right;right:10px;top:2px;z-index:2;color:#345;font-size:14pt;}
#inquirebtn{margin:7px 0px;float:right;z-index:2;position:relative;color:#fff;border-radius:30px;padding:0px 10px;background:orange;display:none;}
#nav{position:relative;display:block;width:100%;font-size:14pt;z-index:100;height:auto;}

#nav #topPanel{height:30px;width:100%;padding:2px;background:#eee;}
#nav #logoTop{height:50px;float:left;}
#nav #menu{float:right;padding:0px;}

#nav ul{ list-style-type:none;padding:0px;margin:0px;}
#nav ul ul{display:none;position:absolute;margin:0px;right:0px;background:#ffffff;}
#nav ul ul li{border:0px;border-bottom:solid 2px #ee8;font-size:70%;height:40px;position:relative;display:block;background:#ffffff;}
#nav ul li:hover ul{display:block;}
#menu li{text-align:center;height:50px;padding:5px 10px;border-left:solid 2px #ee8;float:left;left:0px;z-index:999;}
#nav li:hover{ background:#ee8;}
#nav li:hover a{ color:#19B5FE;}
#nav a{text-decoration:none; color:#678;}
#nav .active{color:#19B5FE;}#nav .active:hover{color:#19B5FE;}

#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;}

.shadow-black-top{box-shadow:1px 1px 40px 20px #000;position:absolute;width:100%;height:1px;top:-1px;z-index:2;}
.shadow-black-bottom{box-shadow:1px 1px 40px 20px #000;position:absolute;width:100%;height:1px;bottom:-1px;z-index:1;}
.shadow-white{box-shadow:1px 1px 50px 80px #fff;position:absolute;min-width:100%;bottom:-3px;z-index:5;}
.row2{float:left;width:50%;}
.row3{float:left;width:33%;}
.row4{float:left;width:25%;}
.row5{float:left;width:20%;}
.row6{float:left;width:16%;}
.warning{color:red;}
.centerIt{width:85%;margin:auto;}
.centerIt label{min-width:150px;display:block;}
.centerIt textarea{width:100%;float:left;}
.catRow{float:left;width:33%;margin:5px 0px;}
.cat{height:400px;position:relative;overflow:hidden;border:0px;margin:auto;width:95%;padding:0px;text-align:inherit;border:solid 2px #eee;}
.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;}
.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:80%;}
.cat .cat_more{padding:1px 3px; text-transform: capitalize;background:aqua;position:absolute;right:0px;bottom:0px;z-index:5;border-radius:5px;}
.cat .cat_price{padding:1px 3px; text-transform: capitalize;color:#fff;background:blue;position:absolute;left:0px;top:0px;z-index:5;}

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,.button{background:#22313F;color:#19B5FE;padding:10px;}
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;}
.centering{max-height:500px;overflow-y:auto;}
.creatingBox input,.creatingBox textarea,.creatingBox select{display:block;width:70%;border:0px;}
.creatingBox textarea{padding:5x;margin:0px;border:0px;width:100%;min-height:100px;}
.enquireBox{position:relative;z-index:10;width:30%;background:yellow;margin:10px 0px;float:right;border-radius:10px;padding:10px;box-shadow:1px 1px 8px 2px #456;overflow:hidden;}
.enquireBox h3{color:#000;}
.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-color:red;background:linear-gradient(to right,aqua, blue);color:#fff;transform:rotate(45deg);width:150px;text-align:center;}
#viewArt{margin:0px;float:left;width:68%;background:#fff;color:#456;font-size:14px;}
#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:blue;color:#fff;border-left:solid 1px #fff;}
#topIdSelectorArticles ul li:hover{background:#fff;color:blue;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; width:100%; text-align:center; font-size:10pt; display:block;}

.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;text-align:center;font-size:50px;}
.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;}


.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: 650px){
	body{font-size:12pt;}
	.centerIt{width:98%;}
	.intro{font-size:12pt;padding:0px 5px;overflow:Auto;}
	.sections{width:100%;margin:0px;}
	#nav{height:50px;}
	#nav #topPanel{position:absolute;z-index:1;background:#fff;}
	#nav #logoTop{height:50px;z-index:2;position:relative;}
	#nav #menu{display:none;margin:0px;padding:0px;background:#fff;height:auto;width:100%;position:relative;right:0px;transition:right 1s;z-index:5;}
	.menubtn{direction:rtl;width:40px;display:block;margin:10px 5px;z-index:2;position:relative;}
	.menubtn div{width:100%;height:5px;background:#224382;border-radius:5px;}
	.menubtn div:nth-child(odd){width:100%;}
	.menubtn div:nth-child(even){margin:5px 0px;width:80%;}
	#inquirebtn{display:inline-block;margin-right:20px; }
	.enquireBox{width:100%;}
	#viewArt{width:100%;}	

	#nav #connectionsTop li{float:right;}
	#nav #connectionsTop{text-align:center;border:0px;}
	#nav ul{ list-style-type:none;width:100%;padding:0px;float:none;}
	#nav li{text-align:center;padding:5px 10px;float:none;border:0px;max-height:60px;}
	.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{font-size:10px;overflow:never;}
	
	}