@charset "utf-8";
/*
|----------------------------------------------------------
|  Basic Tags
|----------------------------------------------------------
*/
body			{ font-family:"Poppins Regular", Arial, Helvetica, sans-serif !important; overflow-x: hidden; width:100%; height:100%; margin:0; padding:0; 
            background-color:#FFFFFF; font-size:15px; }
form			{ margin:0px;	}
/*
|----------------------------------------------------------
|  Commong Styles
|----------------------------------------------------------
*/
.spacer2		{ font-size:2px; height:2px;}	.spacer3{ font-size:2px; height:3px;}	.spacer4{ font-size:2px; height:4px;}
.spacer5		{ font-size:2px; height:5px;}	.spacer6{ font-size:2px; height:6px;}	.spacer7{ font-size:2px; height:7px;}
.spacer8		{ font-size:2px; height:8px;}	.spacer9{ font-size:2px; height:9px;}	.spacer10{ font-size:2px; height:10px;}
.spacer12		{ font-size:2px; height:12px;}	.spacer13{ font-size:2px; height:13px;}	.spacer { font-size:2px; height:15px;}
.spacerBig1		{ height:20px; } 	.spacerBig2	{ height:30px; } 	.spacerBig3	{ height:40px; }
.spacerBig4		{ height:50px; } 	.spacerBig5	{ height:60px; } 	.spacerBig6	{ height:70px; }
.no_padding   { padding:0px; }
.no_margin    { margin:0px; }
/*  -------Aligns-------  */
.text_align1	{ text-align:left;	} .text_align2	{ text-align:right; } .text_align3	{ text-align:center;} .text_align4	{ text-align:justify;}
/*  -------Floats-------  */
.float1			{ float:left; } .float2 { float:right; }
/*  -------Colors-------  */
.white			{ color:#FFF; } .black  { color:#000; } .msgColor { color:#F00; }
.bgcolor1		{ background-color:#484848; } .bgcolor2 { background-color:#585858; }
/*  -----Thumnail Borders-----  */
.thumb			{ border: 1px solid #E0E0E0; padding: 5px; border-radius:3px; background-color: #FFFFFF; }
.thumb1			{ border: 1px solid #E0E0E0; padding: 10px; border-radius:4px; background-color: #FFFFFF;  }
.thumb2			{ border: 1px solid #F8F8F8; padding: 4px; border-radius:3px; background-color: #FFFFFF;  }
.thumb3			{ border: 1px solid #666666; padding: 1px; border-radius:2px;  }
/* -------Forms-------  */
.label 			{ color: #60451a; font-weight: bold; font-family:"Poppins Light", Arial, Helvetica, sans-serif;  }
.small			{ font-size:11px; }
/*
|----------------------------------------------------------
| Headings
|----------------------------------------------------------
*/
.heading		{ font-family:"Poppins Light", Arial, Helvetica, sans-serif;  }
.heading1		{ font-size:36px; }
.heading2		{ font-size:32px; }
.heading3		{ font-size:28px; line-height: 32px; }
.heading4		{ font-size:24px; }
.heading5		{ font-size:20px; }
.heading6		{ font-size:16px; }

.innertext1		{ font-size:15px; font-family: "Poppins", Arial, Helvetica, Sans-serif; }
.innertext2		{ font-size:14px; line-height:28px; color:#ececea;  }

.color1			{ color: #0f4e8c; }
.color2			{ color: #939598; }
.color3			{ color: #F09E32; }
.color4			{ color: #FFFFFF; }
.color5			{ color: #a8812f; }
.red			{ color: #FF0000; }


.bold			{ font-weight:bold; }
.italic			{ font-style:italic; }

.alert, .notice, .success, .info { padding:0.8em;margin-bottom:1em;border:2px solid #ddd; -webkit-border-radius:7px; 
  -moz-border-radius:7px;-khtml-border-radius:7px; border-radius:7px;}
.alert 			{ background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4; }
.notice 		{ background:#fff6bf;color:#514721;border-color:#ffd324; }
.success 		{ background:#e6efc2;color:#264409;border-color:#c6d880; }
.info 			{ background:#d5edf8;color:#205791;border-color:#92cae4; }

 
/*
|----------------------------------------------------------
| Customized
|----------------------------------------------------------
*/
.section                        { padding-top: 65px; padding-bottom: 65px;  }
.section_first                  { padding-top:40px; }
.contents                       { padding-left: 150px; padding-right: 150px; }
.footer_contents                { padding-left: 75px; padding-right: 75px; }
.section_gray                   { background-color:#F9F9F9; }
.dots_icon                      { padding:0px 8px; }
.stats_number                   { font-size:80px; font-family: "Quicksand Book Regular", Arial, Helvetica, sans-serif; font-weight: bold; }
.stats_heading                  { color:#f58220; text-transform: uppercase; font-size:18px;  }
.thumb_padding                  { margin-bottom: 20px; }
.footer                         { background-color:#313131; }
.footer_text                    { font-size:13px; color:#BBBBBB; }


.image_box					            { border:1px solid #F5F5F5; text-align: center; position: relative; border-radius:2px; }
.rec_image					            { overflow: hidden; }
.rec_image img 				          { transition: transform .8s ease;  width: 100%; min-height: auto; height: auto; padding: 6px 6px;  }
.rec_image:hover img 		        { transform: scale(1.2) rotate(0deg); /*filter: brightness(110%);*/ opacity: 0.9;   }
.rec_image i				            { position: absolute; width: 100%; height: 100%; vertical-align: middle; padding-top: 20%; text-align: center; display: none;
                                  font-size:50px; color: #FFFFFF; opacity: 1; }
.rec_image:hover i 			        { display: block; background-color: #000000; z-index: 100; opacity: 0.2; cursor: pointer; }
.navbar_lang  		              { color:#f58220 !important; font-family:"Droid_Arabic_Kufi", Arial, Helvetica, sans-serif !important; margin-left: 10px !important; 
                                  border-left:1px solid #f58220;  }

.hover_area   { margin-bottom: 25px !important;}
.proj_thumb_more  { background-color: #efaa70 !important; border-color:#efaa70; padding:5px 8px; border-radius:2px; color: #FFFFFF; text-decoration: none; transition: all 0.3s ease; }
.proj_thumb_more:hover { text-decoration: none; color:#000000; }


.img_gray                        { filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;  }
.img_gray:hover                  { filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.02); transform: scale(1.02); }
.img_gray_footer                 { filter: gray; -webkit-filter: grayscale(1); opacity:0.8; -webkit-transition: all .8s ease-in-out; transition: all .8s ease-in-out;  }
.img_gray_footer:hover           { filter: none; -webkit-filter: grayscale(0); opacity:1;  }
.award_header                    { background-color:#EAEAEA; padding:12px 12px; font-size:18px; }
.small                           { font-size:12px; }
.borderBox                       { border:1px solid #E5E5E5; border-radius:4px; padding:20px; }
.error                           { color:#FF0000; }

#innerBanner                { 
	background-color: #F09E32;
	padding: 55px 0;
	min-height: 300px;
	padding-bottom: 1em;
  position: relative;
  width:100%;
}
.welcome-content {
	min-height: 300px;
}
#innerBanner h1                       { color:#FFFFFF; 
	 font-size: 45px; 
	font-weight: 300;
}
#innerBanner h2 {
	font-family: "Merriweather", georgia, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 18px;
	line-height: 24px;
}
#innerBanner .middle-text {
	text-align: center;
	position: relative;
	display: table-cell;
	vertical-align: middle;
  z-index: 1002;
  color:#FFFFFF;
  
}
.middle-text div {
  background-color: #000000; text-align: left; opacity:0.5; padding:15px 25px; color:#FFFFFF;
}
#innerBanner .middle-text a.btn {
	margin-top: 20px;
	margin-right: 0;
}
#innerBanner .container {
	display: table;
	height: 300px;
}
#innerBanner #cover-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	-webkit-animation-delay: 0.15s;
	-moz-animation-delay: 0.15s;
	-o-animation-delay: 0.15s;
	-ms-animation-delay: 0.15s;
	animation-delay: 0.15s;
  transform: translateZ(0);
  z-index: 500;
}
#innerBanner #cover-image:after {
	content: '';
	position: absolute;
	display: block;
	height: 100%;
	left: 0;
	width: 100%;
	top: 0;
	background: rgba(0, 0, 0, 0.2);
}


#particles                        { width: 100%; height:500px; position:absolute; top:0; z-index:501; opacity:0.2; overflow: hidden; }


.leftSide                         { width: 75%; height: 75px; background-color: #FFFFFF; z-index: 1000; position: absolute; bottom:0; }
.rightSide                        { width: 25%; height: 75px; background-color: #FFFFFF; z-index: 1000; position: absolute; bottom:0; right: 0; }
.leftSide                         { -webkit-shape-outside: polygon(0 0, 100% 100%, 0 100%); shape-outside: polygon(0 0, 100% 100%, 0 100%); float: left;
                                    -webkit-clip-path: polygon(0 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100%, 0 100%); z-index: 1000; }
.rightSide                        { -webkit-shape-outside: polygon(100% 0, 100% 100%, 0 100%); shape-outside: polygon(100% 0, 100% 100%, 0 100%); float: right;
                                    -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%); clip-path: polygon(100% 0, 100% 100%, 0 100%); z-index: 1000; }


ul.subcat_links                   { margin:0px; padding:0px; text-align: right; float:right; }
ul.subcat_links li                { list-style:none; float: left; margin-right:25px; }
ul.subcat_links li a              { color:#333333; text-decoration: none; }
ul.subcat_links li a:hover        { color:#f38020; text-decoration: none; }
ul.subcat_links li a:visited      { color:#333333; text-decoration: none; }
ul.subcat_links li.active a       { color:#FFFFFF; text-decoration: none; background-color:#efaa70; padding:5px 8px; border-radius:2px; }


.breadcrumbs					{ color:#b2b2b2;  }
a.breadcrumbs:link 				{ color:#b2b2b2; text-decoration:none; transition: all 0.4s ease; }
a.breadcrumbs:visited 			{ color:#b2b2b2; text-decoration:none; }
a.breadcrumbs:hover 			{ color:#F09E32; text-decoration:none; }
.bread_active					{ color:#aaaaaa; }

.pro_details_container            { background-color:#FFFFFF; border-radius:4px; box-shadow: #CCCCCC; padding:20px; font-size:13px; }
.proj_detail_header               { color: #f38020; text-transform: uppercase; }
.white_container                  { background-color:#FFFFFF; border-radius:4px; box-shadow: #CCCCCC; padding:20px; font-size:13px; }
.sicons			                      { margin-left:0 !important; width:0 !important;  }
[class*=" sicons"]:before {
  width: 36px;
  margin-right: 0em;
  margin-left: 0em; line-height: 30px; 
}

.social_icon			                { font-size:36px; color: #999999; line-height: 30px; }
.social_icon:hover                { color: #FFFFFF;  }
.social_icon2			                { font-size:36px; color: #999999; line-height: 30px; }
.social_icon2:hover               { color: #f38020;  }
.equal_height_row                 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; }
.equal_height_col                 { height:100%; }
.para_contents_left               { padding-left: 150px; padding-top:100px; padding-bottom:100px; padding-right:100px;   }
.para_contents_right              { padding-right: 150px; padding-top:100px; padding-bottom:100px; padding-left:100px;  }
.para_picture_right               { padding-left:0px; padding-right:0px; padding-left:20px; }
.para_picture_left                { padding-left:0px; padding-right:0px; padding-right:20px; }
.para_text ul                     { margin:0px; padding:0px; }
.para_text ul li                  { list-style:none; padding-left:20px; }
.para_text ul li::before          { content: "\2022"; font-size:24px; font-family:Arial, Helvetica, sans-serif; color: #c46323; font-weight: bold; display: inline-block; 
                                    width: 1em; margin-left: -1em; }
.parabg_1                         { background-color:#EAEAEA; }
.parabg_2                         { background-color:#646464; color:#FFFFFF; }

.myparallax                       { height: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
@media only screen and (max-device-width: 1366px) {
  .myparallax                     { background-attachment: scroll; }
}














#topnavbar						          { min-height: 70px; background-color: #FFFFFF;  width:100%; }
#topnavbar .navbar-nav > li > a { text-transform: uppercase; font-size: 14px;  color: #000000; }
#topnavbar a:hover  			      { color: #f38020 !important; text-decoration: none;   }
#topnavbar .active > a  		    { color: #f38020 !important }

/* .navbar-toggler					{ background-color:#FFFFFF; border-color:#0f4e8c !important; margin-top: 7px; margin-bottom: 5px; }	
.navbar-toggler-icon			{ border-color:#0f4e8c !important;  }
.navbar-nav > li 				{  }
.navbar-nav > li:first-child 	{  }
.navbar-nav > li:last-child 	{  }
.navbar_lang  		            { color:#F09E32 !important; font-family:"Droid_Arabic_Kufi", Arial, Helvetica, sans-serif !important; margin-left: 20px !important;  }

.dropdown-item.active, 
.dropdown-item:active          { background-color: #0f4e8c; } */





@media (max-width: 980px) {
  .section                        { padding-top: 20px; padding-bottom: 20px;  }
  .section_first                  { padding-top: 20px; }
  .contents                       { padding-left: 20px; padding-right: 20px; }
  .footer_contents                { padding-left: 20px; padding-right: 20px; }
  .lbg1_MediumLargeGrand          { font-size: 35px !important; }
  .lbg1_LargeGrand                { font-size: 30px !important; }
  .spacerBig1	                    { height:10px; }
  .spacerBig2	                    { height:15px; }
  .spacerBig3	                    { height:20px; }
  .spacerBig4	                    { height:25px; }
  .stats_number                   { font-size:24px; }
  .stats_heading                  { font-size:15px; }
  .heading1		                    { font-size:24px; }
  .heading2		                    { font-size:22px; }
  .heading3		                    { font-size:20px; }
  .heading4		                    { font-size:18px; }
  .leftSide                       { height: 25px; }
  .rightSide                      { height: 25px; }
  #innerBanner                    { min-height: 300px; }
  .welcome-content                { min-height: 300px; }
  #innerBanner .container         { height: 300px; }
  #particles                      { height:350px; }
  ul.subcat_links                 { text-align: left !important; float:left !important; z-index:1000; }
  ul.subcat_links li              { margin-bottom:10px; margin-right:10px; }
  ul.subcat_links li a            { font-size:12px; }
  .para_contents_left             { padding-left: 25px; padding-top:25px; padding-bottom:25px; padding-right:25px;   }
  .para_contents_right            { padding-right: 25px; padding-top:25px; padding-bottom:25px; padding-left:25px;  }
  .white_container                { padding:10px 0px; } /* CONTACT PAGE */
  .breadcrumbs                    { margin-bottom: 20px; }

}
@media (min-width: 981px) and (max-width: 1366px) {
  .section                        { padding-top: 40px; padding-bottom: 40px;  }
  .section_first                  { padding-top: 30px; }
  .contents                       { padding-left: 40px; padding-right: 40px; }
  .footer_contents                { padding-left: 40px; padding-right: 40px; }
  .lbg1_MediumLargeGrand          { font-size: 70px !important; }
  .lbg1_LargeGrand                { font-size: 50px !important; }
}
@media (min-width: 1367px) {

}




/*
|----------------------------------------------------------
|  Links
|----------------------------------------------------------
*/
a:link							      { font-family:"Poppins Regular", Arial, Helvetica, sans-serif; text-decoration:none; color:#666666;			}
a:visited						      { font-family:"Poppins Regular", Arial, Helvetica, sans-serif; text-decoration:none; color:#666666;			}
a:hover							      { font-family:"Poppins Regular", Arial, Helvetica, sans-serif; text-decoration:none; color:#f38020;  	}

a.footer_links:link				{ font-family:"Poppins Regular", Arial, Helvetica, sans-serif; color:#BBBBBB !important; text-decoration:none;	 }
a.footer_links:visited				{ font-family:"Poppins Regular", Arial, Helvetica, sans-serif; color:#BBBBBB; text-decoration:none;	 }
a.footer_links:hover			{ font-family:"Poppins Regular", Arial, Helvetica, sans-serif; color:#f38020; text-decoration:none;}

a.btn_submit:link 				{ background-color: #efaa70 !important; border-color:#efaa70; color: #FFFFFF; text-decoration: none;  }
a.btn_submit:visited 			{ background-color: #efaa70; border-color:#efaa70; color: #FFFFFF; text-decoration: none;  }
a.btn_submit:hover 			  { background-color: #f38020 !important; border-color:#f38020; color: #FFFFFF; text-decoration: none;  }



.btn_submit               { background-color: #efaa70 !important; border-color:#efaa70; color: #FFFFFF; text-decoration: none;  }
.btn_submit:hover         { background-color: #f38020 !important; border-color:#efaa70; color: #FFFFFF; text-decoration: none; }

@font-face {
font-family: 'Poppins Regular';
font-style: normal;
font-weight: normal;
src: local('Poppins Regular'), url('poppins/Poppins-Regular.woff') format('woff');
}
@font-face {
font-family: 'Poppins Thin';
font-style: normal;
font-weight: normal;
src: local('Poppins Thin'), url('poppins/Poppins-Thin.woff') format('woff');
}
@font-face {
font-family: 'Poppins Light';
font-style: normal;
font-weight: normal;
src: local('Poppins Light'), url('poppins/Poppins-Light.woff') format('woff');
}

/* @font-face {
  /* font-family: 'Droid_Arabic_Kufi';
  src: url('fonts/droidkufi/DroidKufi-Regular.eot');
 src: url('fonts/droidkufi/DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
   url('fonts/droidkufi/DroidKufi-Regular.woff2') format('woff2'),
   url('fonts/droidkufi/DroidKufi-Regular.woff') format('woff'),
   url('fonts/droidkufi/DroidKufi-Regular.ttf') format('truetype');
font-style: normal;
  font-weight: 400; 
} 
*/
@font-face {
  font-family: 'Quicksand Book Oblique Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Book Oblique Regular'), url('quicksand/Quicksand_Book_Oblique.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Book Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Book Regular'), url('quicksand/Quicksand_Book.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Dash Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Dash Regular'), url('quicksand/Quicksand_Dash.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Light Oblique Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Light Oblique Regular'), url('quicksand/Quicksand_Light_Oblique.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Light Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Light Regular'), url('quicksand/Quicksand_Light.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Bold Oblique Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Bold Oblique Regular'), url('quicksand/Quicksand_Bold_Oblique.woff') format('woff');
  }
  
  
  @font-face {
  font-family: 'Quicksand Bold Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Quicksand Bold Regular'), url('quicksand/Quicksand_Bold.woff') format('woff');
  }