@charset "utf-8";

/* CSS Document */



body{

	margin:0;

	padding:0;

	background-color:#FFF;
	
   font-family: 'DroidArabicKufi';

}



@import url(https://fontlibrary.org/face/droid-arabic-kufi);


@font-face {

  font-family: 'DroidArabicKufi-Bold';

  src: url('../fonts/DroidArabicKufi-Bold.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/DroidArabicKufi-Bold.woff') format('woff'), 

  url('../fonts/DroidArabicKufi-Bold.ttf')  format('truetype'), 

  url('../fonts/DroidArabicKufi-Bold.svg#DroidArabicKufi-Bold') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'DroidArabicKufi';

  src: url('../fonts/DroidArabicKufi.eot?#iefix') format('embedded-opentype'),  

  url('../fonts/DroidArabicKufi.woff') format('woff'), 

  url('../fonts/DroidArabicKufi.ttf')  format('truetype'), 

  url('../fonts/DroidArabicKufi.svg#DroidArabicKufi') format('svg');

  font-weight: normal;

  font-style: normal;

}




/*===================== Layout Style Starting ======================

===================================================================*/



.wrapper{

	width:1360px;

	height:auto;

	position:relative;

	margin:0 auto;

}



.wrapper p{

    width: 100%;

    font-family: 'DroidArabicKufi';
	direction:rtl;
	text-align:right;
    font-size: 16px;

    color: #000;

    line-height: 24px;

}





/*================Nav Bar Sticky Menu Style Starting=================

===================================================================*/



.header {

  width:100%;

  height:93px;

  z-index:500;

  position:relative;

  background:url(../images/hed.png) repeat-x;

}



.sticky {

  position: fixed;

  top: 0;

  width: 100%;

}



.sticky + .content {

  padding-top: 102px;

}



/*================Nav Bar Sticky Menu Style Ending===================

===================================================================*/



.logo{

	width:315px;

	height:93px;

	float:right;

}

.logo img{

	width:100%;

	height:auto;

	display:block;

}



.banner-bg{

	width:100%;

	height:100%;

	top:0;

	position:fixed;

}

.bnr-contact{

	width:24.9%;

	position:absolute;

	top:350px;

	z-index:500;

	left:0;

}

.bnr-contact img{

	width:100%;

	height:auto;

	display:block;

}

.kato-logobg{

	width:125px;

	margin:20px 15px 0 0;

	float:left;

}

.language{

	width:50px;

	margin:20px 15px 0 0;

	float:right;
	
	font-family: 'DroidArabicKufi-Bold';
	
	font-size:20px;

}


.language a{

color:#000;

}

.home-btmsec{

	width:100%;

	z-index:500;

	position:relative;

	margin-top:650px;

}

.slider-bg{

	width:100%;

}

.btn-bg{

	background:url(../images/btmbg.jpg) no-repeat right bottom;

}

.slider-box{

	width:264px;

	height:264px;

	margin:0 auto;

	border-radius:130px;

	background-color:transparent;

	border:18px solid #FFF;

}

.slider-boxyellow{

	width:264px;

	height:264px;

	margin:0 auto;

	border-radius:130px;

	background-color:transparent;

	border:18px solid #ffb202;

}

.slider-box-inner{

	width:100%;

	height:100%;

	border-radius:115px;

	background:url(../images/trans.png) repeat;

}

.slider-box-inner h1{

	width:100%;

	font-size:24px;

	color:#FFF;

	font-family: 'DroidArabicKufi' !important;

	text-align:center;

	text-transform:uppercase;

	padding-top:90px;

	margin:0;

}

.more{

	width:34px;

	height:34px;

	position:relative;

	z-index:500;

	margin:25px auto 0 auto;

}

.slider-imgbox{

	width:auto;

	margin-top:-100px;

}

.owl-carousel .owl-item img{

	width:inherit !important;

}

.home-about-sec{

	width:100%;

	margin-top:-70px;
	direction:rtl;

	background-color:#ffb202;

	border-top:10px solid #FFF;

}

.abt-lt{

	width:52.6%;

	float:right;

	background-color:#ffb202;

}

.abt-rt{

	width:47.4%;

	float:left;

	background:#e3a311 url(../images/abt-rt.jpg) right top no-repeat;

}

.abt-ltinner{

	width:698px;

	padding-top:80px;

	float:left;

	padding-bottom:50px;

}

.abt-ltinner h1{

	width:100%;

	font-size:20px;

	color:#000;	

	font-family: 'DroidArabicKufi-Bold';

	text-transform:uppercase;

}

p{

	width:100%;

	font-size:13px;
	color:#000;	

	line-height:18px;

	font-family: 'DroidArabicKufi';

	text-transform:none;

}

p span{

	width:100%;

	font-size:16px;

	color:#000;	

	font-family: 'DroidArabicKufi';

	text-transform:none;

}

.readmore{

	font-family: 'DroidArabicKufi-Bold';

	font-size:14px;

	color:#000;

}

.readmore a{

	color:#000;

}

.readmore a:hover{

	color:#C60;

}

.abt-rtinner{

	width:448px;

	padding-top:80px;

	padding-bottom:80px;

	float:right;
	margin-left:auto;
	margin-right:280px;

}

.abt-rtinner img{

	width:auto;

	height:auto;

}

.abt-rtinner h3{

	width:100%;

	font-size:14px;

	color:#000;	

	padding-top:58px;

	font-family: 'DroidArabicKufi-Bold';

	text-transform:none;

}

footer{

	width:100%;

	background-color:#000;

	padding:33px 0;
	direction:rtl;

}

.ftr-lt{

	width:auto;

	float:right;

}

.ftr-lt ul{

 	width:auto;

	float:left;
	padding-right:40px;
	display:block;	

}

.ftr-lt ul li{

	width:auto;

	float:right;

	list-style:none;

}

.ftr-lt ul li a{

	padding:0 0 0 23px;

	font-family: 'DroidArabicKufi';

	font-size:12px;

	color:#a09c9c;

}

.ftr-copy{

	width:auto;	

	font-family: 'DroidArabicKufi';

	font-size:12px;

	color:#4a4747;

	margin-right:40px;

}

.ftr-socbg{

	width:auto;

	float:left;

	margin:10px 0 0 40px;

}

.ftr-socbg img{

	width:auto;

	float:left;

	margin:0 8px 0 0;

}

	

/*=============Inner page Style Starting=============*/



.inner-banner{

	width:100%;

	height:238px;

	background:url(../images/inner-banner.jpg);

}

.banner-caption{

	width:auto;

	font-family: 'DroidArabicKufi-Bold';

	font-size:48px;

	float:right;
	text-align:right;

	padding-top:130px;

	padding-right:28px;

	color:#FFF;

	text-transform:uppercase;

}

.bredcrumbs{

	width:auto;

	float:left;

	padding-left:28px;

	margin-top:140px;	

	font-family: 'DroidArabicKufi';

	font-size:14px;

	color:#FFF;

}

.bredcrumbs span{

	color:#9ec9ff;

}

.inner-content-sec{

	width:100%;

	padding:70px 0 145px 28px;

	border-top:10px solid #FFF;

	background:#ffb202 url(../images/contentbg.jpg) top center no-repeat;

}

.inner-lt{

	width:51.5%;

	height:auto;

	float:right;
	direction:rtl;

}

.inner-ltin{

	width:91.5%;

	height:auto;

	float:left;

}

.inner-content-sec h1{

	font-family: 'DroidArabicKufi-Bold';

	font-size:30px;

	color:#000;

	line-height:38px;
	direction:rtl;

	text-transform:uppercase;

	margin:0 0 40px 0;

	padding:0 0 40px 0;

	border-bottom:1px solid #FFF;

}

.inner-ltcontent{

	width:100%;

	height:450 px;

	overflow:auto;

}

.inner-ltcontent p{

	width:90%;

	font-family: 'DroidArabicKufi';

	font-size:16px;

	color:#000;

	line-height:24px;
	

}

.inner-ltcontent ul{

	width:100%;

	display:block;

	padding-right:15px;

}

.inner-ltcontent ul li{

	width:100%;

	list-style:none;

	padding:10px 25px 10px 0;

	background:url(../images/bullet.png) no-repeat  right top 17px;

}

::-webkit-scrollbar {

    width: 5px;

}

 

::-webkit-scrollbar-track {

    background-color: #c18805;

    -webkit-border-radius:0px;

    border-radius:0px;

}



::-webkit-scrollbar-thumb {

    -webkit-border-radius:0px;

    border-radius:0px;

    background: #072851; 

}

.inner-rtgallery{

	width:41.6%;

	float:left;

	position:relative;

}


.inner-rtgallery img{

	text-align:center;

	margin:0 auto;

}

.view-galbtn{

	width:23.5%;

	margin:0 auto;

	position:absolute;

	top:38%;

	left:0; right:0;

}

.subhed{

	width:100%;

	font-family: 'DroidArabicKufi-Bold';

	font-size:18px;

	color:#000;

	padding:15px 0;
	
	text-align:right;
	

}

.gallery-box{

	width:23%;

	float:right;

	background-color:#F00;

	margin:1%;

}

.gallery-box img{

	width:100%;

	height:auto;

	display:block;

}









#panel, #panel2, #panel3, #panel4 {

  display: none;

  width: 100%;

  height: 602px;

  position:relative;

  margin:30px 0;

  background-color:#FFF;

}

#panel input, #panel2 input, #panel3 input, #panel4 input{

	position:absolute;

	left:0;

	width:43px;

	height:39px;

	border:0;

	background:url(../images/close.png) no-repeat;

}

.panel-lt{

	width:51.5%;

	height:602px;

	padding:30px 0 0 50px;

	float:right;

	background:#FFF url(../images/right.png) top 25px left no-repeat;

}

.panel-lt h1{

	width:85%;

	font-family: 'DroidArabicKufi-Bold';
	direction:rtl;

	font-size:24px;

	color:#072851;	

	padding:0 0 20px 0;

	text-transform:none;

	margin:0;

}

.panel-lt h2{

	width:85%;

	font-family: 'DroidArabicKufi-Bold';
	
	text-align:right;
	
	direction:rtl;

	font-size:18px;

	color:#000;	

	padding:10px 0;

	text-transform:none;

	margin:0;

	border-bottom:1px solid #b8b8b8;

	border-top:1px solid #b8b8b8;

}

.panel-lt img{

	width:100%;

	height:auto;

	display:block;

}

.panel-rt{

	width:48.5%;

	height:602px;

	float:left;

	padding:40px 15px 15px 35px;

	background-color:#072851;

}

.panel-rtinner{

	width:100%;
	direction:rtl;

	height:480px;

	padding-right:40px;

	border-bottom:1px solid #0b3f81;

	overflow:auto;	

}

.panel-rtinner li{

	width:100%;

	list-style:none;

	padding-bottom:15px;

	font-family: 'DroidArabicKufi';

	font-size:14px;

	color:#FFF;

}

.panel-rtinner li span{

	font-family: 'DroidArabicKufi-Bold';

	font-size:14px;

	color:#ffb202;	

}



.download-box{

	width:auto;

	float:left;

	margin-top:20px;

	padding-right:3%;

}

.download-box img{

	width:auto;

	float:left;

}

.download-box span{

	float:left;

	padding-top:6px;

	padding-left:10px;

	font-family: 'DroidArabicKufi-Bold';

	font-size:14px;

	color:#ffb202;

}

.pro-box{

	width:24.25%;

	height:481px;

	position:relative;

	float:right;

	margin:0 .5%;

	background-color:#FFF;

}

.pro-box img{

	width:100%;

	height:auto;

	display:block;

}

.pro-box input{

	width:100%;

	height:100%;

	z-index:500;

	position:absolute;

	border:0px;

	background-color:transparent;

}

.pro-box h1{

	width:100%;

	text-align:center;	

	font-family: 'DroidArabicKufi-Bold';

	font-size:18px;

	margin:0;

	color:#040404;

	padding:30px 0 16px 0;

	text-transform:uppercase;

	background:url(../images/proline.jpg) bottom center no-repeat;

}

.pro-box p{

	width:100%;

	padding:24px 40px 0 40px;

	font-family: 'DroidArabicKufi';

	font-size:14px;

	color:#5f5d5d;

	line-height:22px;

	text-align:center;

}

.pro-more{

	width:38px;

	height:38px;

	position:absolute;

	left:0; right:0;

	margin:0 auto;

	bottom:-15px;

	background:url(../images/pro-more.png) no-repeat;

}

.mr-lt{

	margin-right:0px;

}

.mr-rt{

	margin-left:0px;

}



/*================Pop Up Form Style Starting================*/

.enquiry{

	width:auto;

	float:right;

	padding:10px 25px;

	font-family: 'DroidArabicKufi-Bold';

	font-size:14px;

	color:#CCC;

	margin-top:15px;

	cursor:pointer;

	border-radius:5px;

	border:1px solid #03315b;

	background: rgba(7,92,166,1);

background: -moz-linear-gradient(top, rgba(7,92,166,1) 0%, rgba(2,45,82,1) 97%, rgba(2,45,82,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,92,166,1)), color-stop(97%, rgba(2,45,82,1)), color-stop(100%, rgba(2,45,82,1)));

background: -webkit-linear-gradient(top, rgba(7,92,166,1) 0%, rgba(2,45,82,1) 97%, rgba(2,45,82,1) 100%);

background: -o-linear-gradient(top, rgba(7,92,166,1) 0%, rgba(2,45,82,1) 97%, rgba(2,45,82,1) 100%);

background: -ms-linear-gradient(top, rgba(7,92,166,1) 0%, rgba(2,45,82,1) 97%, rgba(2,45,82,1) 100%);

background: linear-gradient(to bottom, rgba(7,92,166,1) 0%, rgba(2,45,82,1) 97%, rgba(2,45,82,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#075ca6', endColorstr='#022d52', GradientType=0 );

}

.enquiry a{

	color:#CCC;

}

.enquiry:hover{

	background: rgba(2,45,82,1);

background: -moz-linear-gradient(top, rgba(2,45,82,1) 0%, rgba(7,92,166,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2,45,82,1)), color-stop(100%, rgba(7,92,166,1)));

background: -webkit-linear-gradient(top, rgba(2,45,82,1) 0%, rgba(7,92,166,1) 100%);

background: -o-linear-gradient(top, rgba(2,45,82,1) 0%, rgba(7,92,166,1) 100%);

background: -ms-linear-gradient(top, rgba(2,45,82,1) 0%, rgba(7,92,166,1) 100%);

background: linear-gradient(to bottom, rgba(2,45,82,1) 0%, rgba(7,92,166,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022d52', endColorstr='#075ca6', GradientType=0 );

}



#contact, #contact2, #contact3, #contact4 { 

  -webkit-user-select: none; /* Chrome/Safari */        

  -moz-user-select: none; /* Firefox */

  -ms-user-select: none; /* IE10+ */

  

}



#contact:hover, #contact2:hover, #contact3:hover, #contact4:hover { background: #666; }

#contact:active, #contact2:active, #contact3:active, #contact4:active { background: #444; }

#contactForm h1, #contactForm2 h1, #contactForm3 h1, #contactForm4 h1{

	margin:0;

	font-size:18px;

}

#contactForm, #contactForm2, #contactForm3, #contactForm4, #contactForm5 { 

  display: none;



  border: 6px solid salmon; 

  padding: 2em;

  width: 400px;

  text-align: center;

  background: #fff;

  position: absolute;

  z-index:500;

  top:25%;

  left:50%;

  transform: translate(-50%,-50%);

  -webkit-transform: translate(-50%,-50%)

  

}



input, textarea { 

  margin: .8em auto;

  font-family: inherit; 

  text-transform: inherit; 

  font-size: inherit;

  

  display: block; 

  width: 280px; 

  padding: .4em;

}

textarea { height: 80px; resize: none; }



.formBtn { 

  width: 140px;

  display: inline-block;
  
  text-align:center;

  background: teal;

  color: #fff;

  font-weight: 100;

  font-size: 1.2em;

  border: none;

  padding:10px 0;

}

.support-formbg{

	width:100%;
	direction:rtl;
	padding-top:70px;

}

.support-formbg h2{
	width:100%;
	border-bottom:0px;
	padding-bottom:20px;
	font-size:24px;	
}

.support-form{

	width:100%;

	height:45px;

	border:1px solid #999;

}

.support-form2{

	width:100%;

	height:100px;

	border:1px solid #999;

}





.support-form3{ 

  margin: .8em auto;

  font-family: inherit; 

  text-transform: inherit; 

  font-size: inherit;

  

  display: block; 

  width: 280px; 

  padding: .4em;

}
.close-icon{
	width:20px;
	height:20px;
	position:absolute;
	top:10px;
	right:0;
}
.close-icon a{
	text-decoration:none;
}
.privacy-policy-row{
	width:100%;	
}
.privacy-policy-row input{
	width:auto;
	float:right;
}



/*=================Pop Up Form Style Ending================*/