/*
Theme Name: Smart Solutions
Author: Emil
Author URI: https://www.designbyicon.com/
Version: 1.0
License: Private

*/

/** reset **/

*{
  margin:0; padding:0;	
  -webkit-appearance:none;
  -moz-appearance: none;
  border-radius: 0;
 }

html {
	
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-appearance:none;
	-moz-appearance: none;
	border-radius: 0;
	scroll-behavior: smooth;
}

body {
	font-family: 'Tajawal', tahoma, arial, sans-serif;
	font-size:16px !important;
	}



a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}

ul{margin:0;padding:0;list-style:none;}




img {
	border: 0;
	vertical-align:top;
}

h1, h2, h3, h4, h5, h6, p {margin:0}

/****** fonts ******/

@font-face {
    font-family: 'myhelvetica-bold';
    src: url('fonts/helvetica-bold/helvetica-bold.eot');
    src: url('fonts/helvetica-bold/helvetica-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/helvetica-bold/helvetica-bold.woff') format('woff'),
         url('fonts/helvetica-bold/helvetica-bold.ttf') format('truetype'),
         url('fonts/helvetica-bold/helvetica-bold.svg#webfontregular') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'tajawal-black';
    src: url('fonts/tajawal-black/tajawal-black.eot');
    src: url('fonts/tajawal-black/tajawal-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/tajawal-black/tajawal-black.woff') format('woff'),
         url('fonts/tajawal-black/tajawal-black.ttf') format('truetype'),
         url('fonts/tajawal-black/tajawal-black.svg#webfontregular') format('svg');
    font-weight: bold;
    font-style: normal;
}





/**** colors ****/

.darkgray-color {color:#292929}
.darkgray-bg {background-color:#292929}

.darkblue-bg {background-color:#083f88}


/*****************/


.remove-padding{padding:0 !important}


.top-header-container {color:#fff;padding:20px 0;font-size:14px;font-weight:bold;font-family:myhelvetica-bold, helvetica;}
.top-header-container .top-contacts {float:left}
.top-header-container .top-contacts ul li {float:left;margin-right:33px}
.top-header-container .top-contacts ul li:last-child {margin-right:0}
.top-header-container .top-contacts ul li a {padding:0 0 0 25px}
.top-header-container .top-contacts ul li a.tel {background:url("images/tel-icon.png") no-repeat left center}
.top-header-container .top-contacts ul li a.email {background:url("images/email-icon.png") no-repeat left center}



/***/

.logo-col {z-index:9}

.main-menu-container {color:#fff;padding:25px 0}
.main-menu-container a.logo {float:left;}



@media (max-width: 440px) {
	.main-menu-container a.logo img {width:160px}
}
	
	
/*** reset main menu styles ***/

.navbar {
		border-radius:0 !important;
		margin-bottom:0 !important;
		min-height:0 !important;
		}
		
.navbar-default {
				background-color:transparent !important;
				border:none !important;
				}
				
.navbar-collapse {padding:0 !important}		

.navbar-nav {margin:0 !important}	


/*** my menu styles ***/



.navbar-default {margin-top:15px;}
.navbar-default .navbar-nav > li > a {color:#fff !important;padding:10px 0 3px 0px !important;margin-right:40px;}
.navbar-default .navbar-nav > li:first-child > a {margin-right:0 !important}		
.navbar-default .navbar-nav > .active > a {background-color:transparent !important; color:none !important;}
.navbar-default .navbar-nav > li > a:hover {border-bottom:2px solid #fff}

.navbar-header {padding-bottom:10px}
.navbar-toggle {float:right}


@media (max-width: 991px) {
  .navbar-toggle {margin-right:15px}
  .navbar-default {margin-top:25px;}
  .navbar-default .navbar-nav > li > a {padding-right:15px !important;margin-right:0}
  .navbar-default .navbar-nav > li > a:hover {border-bottom:none}
  .navbar-header {padding-bottom:0 !important}
  .navbar-collapse {margin-top:10px !important}
}

@media (max-width: 440px) {
	.navbar-default {margin-top:5px;}
}




/*** change menu breakpoint ***/
@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      /*margin-top: 7.5px;*/
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}




/*** main carousel ***/
.main-carousel-container {width:100%;height:570px;background-color:#555}
.main-slider-wrapper {height:570px;position:relative;overflow:hidden}
.main-slider-wrapper .slide-image {
									height:570px;
									-webkit-background-size:cover !important;
									-moz-background-size:cover !important;
									-o-background-size:cover !important;
									background-size:cover !important; 
									}
									
.main-slider-wrapper .slide-container {display:table;height:570px}		
						
.main-slider-wrapper .slide-content {
									color:#fff;
									text-shadow:1px 1px 1px #000;
									text-align:center;
									display:table-cell;
									vertical-align:middle;
									}
									
									
									
.main-slider-wrapper .slide-content h1{font-family:tajawal-black;font-size:90px;font-weight:bold}	
.main-slider-wrapper .slide-content h2{font-size:60px;font-weight:500;margin:25px 0}										
.main-slider-wrapper .slide-content h3{font-size:30px;font-weight:500}	

.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;} 

@media (max-width:1199px ) {
	.main-slider-wrapper .slide-content h1{font-size:81px;}	
	.main-slider-wrapper .slide-content h2{font-size:54px;}										
	.main-slider-wrapper .slide-content h3{font-size:27px;}	
}

@media (max-width:991px ) {
	.main-slider-wrapper .slide-content h1{font-size:73px;}	
	.main-slider-wrapper .slide-content h2{font-size:49px;}										
	.main-slider-wrapper .slide-content h3{font-size:25px;}	
	
	.main-carousel-container, 
	.main-slider-wrapper, 
	.main-slider-wrapper .slide-image, 
	.main-slider-wrapper .slide-container {height:500px}	
}

@media (max-width:767px ) {
	.main-slider-wrapper .slide-content h1{font-size:66px;}	
	.main-slider-wrapper .slide-content h2{font-size:45px;margin:15px 0}										
	.main-slider-wrapper .slide-content h3{font-size:25px;}	
								
	.main-carousel-container, 
	.main-slider-wrapper, 
	.main-slider-wrapper .slide-image, 
	.main-slider-wrapper .slide-container {height:400px}	
}

@media (max-width:625px ) {
	.main-slider-wrapper .slide-content h1{font-size:60px;}	
	.main-slider-wrapper .slide-content h2{font-size:41px;}										
	.main-slider-wrapper .slide-content h3{font-size:25px;}	
									
}

@media (max-width:590px ) {
	.main-slider-wrapper .slide-content h1{font-size:54px;}	
	.main-slider-wrapper .slide-content h2{font-size:37px;margin:10px 0}										
	.main-slider-wrapper .slide-content h3{font-size:25px;}	
								
}

@media (max-width:520px ) {
	.main-slider-wrapper .slide-content h1{font-size:50px;}	
	.main-slider-wrapper .slide-content h2{font-size:34px;}										
	.main-slider-wrapper .slide-content h3{font-size:25px;}	
								
}


@media (max-width:480px ) {
	.main-slider-wrapper .slide-content h1{font-size:45px;}	
	.main-slider-wrapper .slide-content h2{font-size:30px;}										
	.main-slider-wrapper .slide-content h3{font-size:22px;}	
	
	.main-carousel-container, 
	.main-slider-wrapper, 
	.main-slider-wrapper .slide-image, 
	.main-slider-wrapper .slide-container {height:300px}
								
}

@media (max-width:420px ) {
	.main-slider-wrapper .slide-content h1{font-size:40px;}	
	.main-slider-wrapper .slide-content h2{font-size:27px;}										
	.main-slider-wrapper .slide-content h3{font-size:20px;}	
										
}

@media (max-width:380px ) {
	.main-slider-wrapper .slide-content h1{font-size:36px;}	
	.main-slider-wrapper .slide-content h2{font-size:24px;}										
	.main-slider-wrapper .slide-content h3{font-size:20px;}	
	
	.main-carousel-container, 
	.main-slider-wrapper, 
	.main-slider-wrapper .slide-image, 
	.main-slider-wrapper .slide-container {height:250px}
										
}

@media (max-width:320px ) {
	.main-slider-wrapper .slide-content h1{font-size:33px;}	
	.main-slider-wrapper .slide-content h2{font-size:22px;}										
	.main-slider-wrapper .slide-content h3{font-size:18px;}	
	
	.main-carousel-container, 
	.main-slider-wrapper, 
	.main-slider-wrapper .slide-image, 
	.main-slider-wrapper .slide-container {height:230px}
										
}


.main-slider-custom-navigation-wrapper {position:absolute;bottom:20px;width:100%;z-index:99}
.main-slider-custom-navigation {color:#fff;text-align:center;}
.main-slider-custom-navigation li {display:inline-block;margin-right:10px}
.main-slider-custom-navigation li:first-child {margin-right:0}
.main-slider-custom-navigation li a {
									
									width:17px;
									height:17px;
									border-radius:50%;
									cursor:pointer;
									text-indent:-9999px;
									display:inline-block;
									background-color:#fff;
									box-shadow:0px 0px 3px #555;
									}
									
.main-slider-custom-navigation li a.flex-active {background-color:red;}										
.main-slider-custom-navigation li a:hover {background-color:#ececec;}	


@media (max-width:380px ) {
	.main-slider-custom-navigation-wrapper {bottom:10px;}
	.main-slider-custom-navigation li a {width:12px;height:12px;}
}								



.loading {background:url("images/default.gif") no-repeat center}

/*** home sections ***/

.section-padding{padding:40px 0}

.home-section-title {text-align:center;color:#58595b;padding-bottom:40px;}
.home-section-title h1 {font-size:29px}
.home-section-title h1:before,
.home-section-title h1:after {
							 background-color: #58595b;
							 content: "";
							 display: inline-block;
							 height: 1px;
							 position: relative;
							 vertical-align: middle;
							 width: 45px;
							 margin:0 30px;
							}
							
							
.home-section img {max-width:100%}							
							
.home-section .content h1 {font-weight:bold;font-size:40px}							
.home-section .content h2 {font-size:24px}
img.alignleft {float:left;margin:15px 15px 15px 0}
img.alignright {float:right;margin:15px 0 15px 15px}
img.aligncenter {margin:15px auto;display:block}

@media (max-width:820px ) {
	img.alignleft {float:none; margin-right:auto; margin-left:auto;display:block}
	img.alignright {float:none; margin-right:auto; margin-left:auto;display:block}
}

@media (max-width:585px ) {
	.home-section-title h1 {font-size:27px}
	.home-section-title h1:before,
	.home-section-title h1:after {width: 40px;}
							
	.home-section .content h1 {font-size:36px}							
							
}

@media (max-width:515px ) {
	.home-section-title h1 {font-size:26px}
	.home-section-title h1:before,
	.home-section-title h1:after {width: 38px;}
							
	.home-section .content h1 {font-size:34px}							
							
}

@media (max-width:480px ) {
	.home-section-title h1 {font-size:24px}
	.home-section-title h1:before,
	.home-section-title h1:after {width: 36px;}
							
	.home-section .content h1 {font-size:30px}							
							
}

@media (max-width:430px ) {
								
	.home-section .content h1 {font-size:28px}							
							
}

@media (max-width:390px ) {
	.home-section-title h1 {font-size:22px}
	.home-section-title h1:before,
	.home-section-title h1:after {width: 30px;margin:0 20px;}							
	.home-section .content h1 {font-size:24px}							
							
}


/*** home our services ***/
.home-our-services-wrapper {
							background:url("images/our-services-bg.jpg") #fff no-repeat center center; 
							-webkit-background-size:cover;
							-moz-background-size:cover;
							-o-background-size:cover;
							background-size:cover;
							background-attachment:fixed;
							color:#fff;
							}


.home-our-services-wrapper .our-services-list {padding-top:60px}
.home-our-services-wrapper .our-services-list .list-item {text-align:center}
.home-our-services-wrapper .our-services-list .list-item img {margin-bottom:30px;width:176px;height:173px}
.home-our-services-wrapper .our-services-list .list-item h1 {font-size:24px;margin-bottom:30px}

.home-our-services-wrapper .our-services-list ul {list-style:disc inside}
.home-our-services-wrapper .our-services-list ul li {margin-top:22px}
.home-our-services-wrapper .our-services-list ul li:first-child {margin-top:0}



							

.home-our-services-wrapper .home-section-title {color:#fff}	
.home-our-services-wrapper .home-section-title h1:before,
.home-our-services-wrapper .home-section-title h1:after {
														background-color: #fff;	
														}	

@media (min-width:768px ) {
	.our-services-padding {padding:0 !important}
	
}

@media (max-width:767px ) {
	.home-our-services-wrapper .our-services-list .list-item {margin-top:25px}
	.home-our-services-wrapper .our-services-list .list-item:first-child {margin-top:0}
	.home-our-services-wrapper .our-services-list ul li {margin-top:10px}
}

/*** home our clients ***/
.home-our-clients-list ul {/*margin-right:-.6%;*/margin-right:-10px}
.home-our-clients-list ul li {
								/*width:24.4%;
								margin-right:.6%;
								margin-bottom:.6%;*/
								width:285px;
								float:right;
								margin-right:10px;
								margin-bottom:10px
								}
								
								
								
.home-our-clients-list .list-item {position:relative;}
.home-our-clients-list .list-item img.watermark {outline:1px solid #c1c5e0;}
.home-our-clients-list .list-item img {width:100%;display:block}
.home-our-clients-list .list-item .overlay {
											position:absolute;
											top:0;
											width:100%;
											height:100%;
											color:#fff;
											background-color:rgba(2,63,163,0.8);
											text-align:center;
											padding-left:15px;
											padding-right:15px;
											overflow:hidden;
											display:none;
											}
											
.home-our-clients-list .list-item .overlay .content-wrapper {width:100%;height:100%;display:table;}	
.home-our-clients-list .list-item .overlay .content-wrapper .content {display:table-cell;vertical-align: middle;}									
											
.home-our-clients-list .list-item .content h1 {font-size:32px;font-weight:bold;}
.home-our-clients-list .list-item .content h2 {font-size:24px;font-weight:bold;margin-top:40px;}


.home-our-clients-list .list-item:hover .overlay {display:block}


@media (max-width:1199px) {
	.home-our-clients-list ul li {width:235px;}
	.home-our-clients-list .list-item .content h1 {font-size:30px;}
	.home-our-clients-list .list-item .content h2 {font-size:22px;}
}

@media (max-width:991px) {
	.home-our-clients-list ul li {width:180px;}
	.home-our-clients-list .list-item .content h1 {font-size:24px;}
	.home-our-clients-list .list-item .content h2 {font-size:16px;margin-top:20px;}
}

@media (max-width:767px) {
	.home-our-clients-list ul {margin-right:-1%}
	.home-our-clients-list ul li {width:49%;margin-right:1%;margin-bottom:1%}
	.home-our-clients-list .list-item .content h1 {font-size:6vw;}
	.home-our-clients-list .list-item .content h2 {font-size:4vw;margin-top:4vw;}
}


/*** home library ***/

.home-library-container {
					background:url("images/library-bg.jpg") #fff no-repeat center center; 
					-webkit-background-size:cover;
					-moz-background-size:cover;
					-o-background-size:cover;
					background-size:cover;
					padding:50px 0;
					}
					
					
ul.home-library-list	{list-style:disc inside}				
ul.home-library-list li {float:right;width:48%;padding-left:2%}
ul.home-library-list li a {font-size:24px;font-weight:bold;}
ul.home-library-list li a:hover {color:#083f88}

@media (max-width:767px) {
	ul.home-library-list li a {font-size:20px;}
}

@media (max-width:550px) {
	ul.home-library-list li {float:none;width:100%;}
}

/*** home Training ***/

.home-training-item {
					
					color:#fff;
					height:340px;					
					padding:30px;
					text-shadow:1px 1px 1px #000;
					-webkit-background-size:cover !important;
					-moz-background-size:cover !important;
					-o-background-size:cover !important;
					background-size:cover !important;
					}


.home-training-item h1 {font-size:45px;font-weight:bold;}


@media (max-width:580px) {
	.home-training-item {height:300px;}
}

@media (max-width:480px) {
	.home-training-item {height:270px;}
}

@media (max-width:420px) {
	.home-training-item {height:240px;}
	.home-training-item h1 {font-size:8vw;}
}

@media (max-width:380px) {
	.home-training-item {height:200px;}
	
}


/*** our services ***/

.our-services-intro {color:#000}
.our-services-intro h1 {font-size:40px;font-weight:bold;}

@media (max-width:585px ) {
	.our-services-intro h1 {font-size:36px;}
}

@media (max-width:480px ) {
	.our-services-intro h1 {font-size:30px;}
}

@media (max-width:390px ) {
	.our-services-intro h1 {font-size:24px;}
	.our-services-intro h2 {font-size:26px;}
}


ul.our-team-list {width:860px;padding:80px 0;margin:0 auto;}
ul.our-team-list li {/*margin-right:110px;width:375px;*/width:33.33%;float:right;text-align:center;padding:25px;}
/*ul.our-team-list li:first-child {margin-right:0}*/
ul.our-team-list li:hover {box-shadow:0px 0px 10px #ccc}
ul.our-team-list li img {max-width:100%;margin-bottom:20px}
ul.our-team-list li h1 {font-size:24px;font-weight:bold}
ul.our-team-list li h2 {font-size:16px;}


@media (max-width:1199px ) {
	ul.our-team-list {width:760px;}
	/*ul.our-team-list li {margin-right:100px;width:330px;}
	ul.our-team-list li:first-child {margin-right:0}*/
}

@media (max-width:991px ) {
	ul.our-team-list {width:650px;}
	/*ul.our-team-list li {margin-right:50px;width:300px;}
	ul.our-team-list li:first-child {margin-right:0}*/
}

@media (max-width:735px ) {
	ul.our-team-list {width:615px;}
	/*ul.our-team-list li {margin-right:15px;width:300px;}
	ul.our-team-list li:first-child {margin-right:0}*/
}

@media (max-width:650px ) {
	ul.our-team-list {width:600px;}
	/*ul.our-team-list li {margin-right:14px;width:293px;}
	ul.our-team-list li:first-child {margin-right:0}*/
}

@media (max-width:630px ) {
	ul.our-team-list {width:100%;}
	ul.our-team-list li {width:100%;padding:25px 0}
	/*ul.our-team-list li {margin-right:4%;width:48%;}
	ul.our-team-list li:first-child {margin-right:0}*/
}




/*** partners ***/

.partners-intro h1 {font-size:40px;font-weight:bold}

.profile-picture img {max-width:100%}

.partner-info {padding-top:40px}
.partner-info h1 {font-size:33px;font-weight:bold}
.partner-info h2 {font-size:24px;font-weight:bold}
.partner-info h3 {font-size:22px}
.partner-info ol {padding-right:17px}
.partner-info ul {list-style-type:disc;padding-right:15px} 


@media (max-width:585px ) {
	.partners-intro h1 {font-size:36px;}
	.partners-info h1 {font-size:36px;}
}

@media (max-width:480px ) {
	.partners-intro h1 {font-size:30px;}
	.partners-info h1 {font-size:30px;}
}

@media (max-width:390px ) {
	.partners-info h1 {font-size:24px;}
	.partners-info h2 {font-size:26px;}
}


/*** Library ***/


.library-container {margin:40px 0}
.library-sidebar {margin-bottom:40px}
.library-sidebar .top-section {background-color:#edeeef;margin-bottom:10px;padding:35px 25px}

.library-sidebar .top-section .laws-section {min-height:330px}

.library-sidebar .top-section .laws-section ul {list-style-type:disc;list-style-position: inside;}
.library-sidebar .top-section .laws-section ul li {margin-top:30px}
.library-sidebar .top-section .laws-section ul li:first-child {margin-top:0}
.library-sidebar .top-section .laws-section ul li a {font-family:tajawal-black, Tajawal, tahoma;font-weight:bold;}

.library-menu li.current-menu-item {color:#083f88}
.library-menu li:hover {color:#083f88}


.library-sidebar .bottom-section .link-item {
											margin-top:10px;
											width:100%;
											height:225px;
											padding:0 40px;
											color:#fff;
											text-align:center;
											display:table;
											overflow:hidden;
											background:url("images/library-link-bg.jpg")no-repeat center;
											-webkit-background-size:cover;
											-moz-background-size:cover;
											-o-background-size:cover;
											background-size:cover;											
											}
											
.library-sidebar .bottom-section .link-item:first-child {margin-top:0;}
.library-sidebar .bottom-section .link-item a {
												display:table-cell;
												vertical-align: middle;
												}
												
.library-sidebar .bottom-section .link-item a h1 {font-size:32px}
.library-sidebar .bottom-section .link-item a h2 {font-size:24px;margin-top:30px}	

.law-wrapper {padding-top:10px}
.law-wrapper h1 {font-family:tajawal-black, Tajawal, tahoma;font-weight:bold;font-size:33px}											

.law-wrapper a.law-pdf {	
						display:inline-block;
						color:#fff;
						margin:50px 0 30px 0;
						padding:20px 30px 20px 63px;
						font-family:tajawal-black, Tajawal, tahoma;font-weight:bold;font-size:22px;
						background: #3965a0 url("images/pdf-icon.png") no-repeat 20px center ;
						}
						
						
.law-wrapper .law-amendments {margin-top:20px}
.law-wrapper .law-amendments .entry {margin-bottom:20px}
.law-wrapper .law-amendments .entry img {max-width:100%;margin:15px 0}
.law-wrapper .law-amendments .entry img.aligncenter {margin:15px auto;display:block}


.library-intro h1 {font-size:40px}

@media (max-width:991px ) {
	.library-container {margin-top:15px;margin-bottom:0px}
}

@media (max-width:585px ) {
	.library-intro h1 {font-size:36px}
	.law-wrapper h1 {font-size:36px;}
	
}

@media (max-width:480px ) {
	.library-intro h1 {font-size:30px}
	.law-wrapper h1  {font-size:30px;}
	
}

@media (max-width:390px ) {
	.library-intro h1 {font-size:24px}
	.law-wrapper h1 {font-size:24px;}
	
}


/*** contac us ***/

.google-map {height:445px}

.contacts a:hover {color:#083f88}

@media (max-width:620px ) {
	.google-map {height:350px}
}

































														



/********************/


						

							
								
/********** homepage shortcuts *******/

.homepage-shortcuts-container {width:940px; margin:0 auto;margin-top:-175px!important}
.homepage-shortcuts-container ul.shortcuts li {float:right;width:210px;margin-right:33px;}								
.homepage-shortcuts-container ul.shortcuts li:first-child  {margin-right:0}
.homepage-shortcuts-container ul.shortcuts li div.orange {height:175px;padding-top:22px;text-align:center; border-radius:10px 10px 0 0;}
.homepage-shortcuts-container ul.shortcuts li div.orange span.icon {
																	width:102px;
																	height:100px;
																	margin:0 auto;
																	display:block;
																	background-repeat: no-repeat;
																	}
.homepage-shortcuts-container ul.shortcuts li:hover div.orange span.icon {
																	
																	background-position:-109px 0;
																	}																	
																	
.homepage-shortcuts-container ul.shortcuts li div.orange h1 {color:#fff;margin:10px 0 0 0;font-size:21px;text-shadow:1px 1px 2px #d1d3d4}
.homepage-shortcuts-container ul.shortcuts li div.white {
															position:relative;
															background-color:#fff;
															padding:30px 17px 40px 17px;
															font-size:12px;
															border-radius:0 0 0 10px;
															background:url("images/corner-bg.png") no-repeat right bottom #fff;
															min-height:325px;
															
															}

.homepage-shortcuts-container ul.shortcuts li div.white p {text-align:center;}															
.homepage-shortcuts-container ul.shortcuts li div.white span.more {position:absolute; left:20px; bottom:10px}																
														

.homepage-shortcuts-bg {background-color:#e3e4e5;padding-bottom:60px}
.homepage-shortcuts-background {width:1170px;height:400px;margin:0 auto; background-color:#e3e4e5;margin-top:-312px}


.homepage-slogan {padding:43px 0;}


@media (max-width:1200px) {
.homepage-shortcuts-container ul.shortcuts li {float:right;width:210px;margin-right:20px;}	
.homepage-shortcuts-container ul.shortcuts li:first-child  {margin-right:0}
}

@media (max-width:992px) {


.homepage-shortcuts-bg {padding-top:20px;padding-bottom:20px; width:auto;}															
.homepage-shortcuts-container {width:auto;margin-top:0!important;}	
.homepage-shortcuts-container ul.shortcuts li {float:none;width:auto;min-height:190px;margin-right:0!important}	
.homepage-shortcuts-container ul.shortcuts li div.orange {width:30%;float:right;border-radius:0px  10px 10px 0px}														
.homepage-shortcuts-container ul.shortcuts li div.white {float:left;width:70%;min-height:175px;background:#fff;border-radius:10px 0 0 10px;}
														
}



@media (max-width:620px) {
	.homepage-shortcuts-container ul.shortcuts li {margin-top:15px}	
	.homepage-shortcuts-container ul.shortcuts li:first-child {margin-top:0}	
	.homepage-shortcuts-container ul.shortcuts li div.orange {width:auto;float:none;margin-left:0;border-radius:10px  10px 0px 0px}	
	.homepage-shortcuts-container ul.shortcuts li div.white {width:auto;float:none;border-radius:0px  0px 10px 10px}	
}

/*********** page ***************/

.page-header-image {height:500px;}

@media (max-width: 991px) {
	.page-header-image { height:350px; }
}

@media (max-width: 768px) {
  .page-header-image { height:300px; }
}

@media (max-width: 400px) {
  .page-header-image { height:200px; }
}


.page-submenu-bar {min-height:98px;padding:24px 40px;margin-top:-37px}
@media (max-width:768px) {
	.page-submenu-bar {min-height:60px;padding:12px 30px}
}
.page-submenu-bar h1.page-title {font-family:arabic-bold;font-size:30px;color:#4c4d4f;float:right;margin-left:50px}
@media (max-width:510px) {
	.page-submenu-bar h1.page-title {font-size:25px;}
}
.page-main-content-wrapper {padding:65px 40px}
.page-main-content-wrapper .content {font-size:16px;line-height:26px}
.page-main-content-wrapper .content ul {list-style:disc;margin-right:17px;line-height:30px}
.page-main-content-wrapper .content ol {list-style:arabic-indic;margin-right:17px}
.page-main-content-wrapper .content h1 {font-family:arabic-bold;font-size:18px;color:#fdb713}
.page-main-content-wrapper .content p {}

.page-main-content-wrapper .content a span.pdf {padding:10px 40px 10px 0;background:url("images/pdf-icon.png") no-repeat right; color:#fdb713 }

/*************************************/

.my-container {
				margin:0 auto;
				/*padding-right: 15px; 
				padding-left: 15px;*/
				}


@media (min-width: 770px) {
  .my-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .my-container {
    width: 900px;
  }
}
@media (min-width: 1200px) {
  .my-container {
    width: 940px;
  }
}


/*************** submenu **********************/

.page-submenu-bar ul.submenu {padding-top:10px;}
@media (max-width:990px) {
	.page-submenu-bar ul.submenu {clear:right}
}

@media (max-width:510px) {
	.page-submenu-bar ul.submenu {display:none;}
}
.page-submenu-bar ul.submenu li {float:right;border-left:1px solid #fff;padding-left:15px;margin-left:15px;line-height:15px;margin-top:5px}
.page-submenu-bar ul.submenu li:last-child {padding-left:0;border-left:none}

.page-submenu-bar ul.submenu li a {color:#fff;font-size:15px}
.page-submenu-bar ul.submenu li a:hover {color:#4c4d4f}
.page-submenu-bar ul.submenu li.current_page_item a{color:#4c4d4f}



form.dropdown-submenu {display:none;clear:right;margin-top:20px;}
@media (max-width:510px) {
	form.dropdown-submenu {display:inline-block;}
}

form.dropdown-submenu select {color:#4c4d4f;padding:5px 10px;border:none;min-width:150px;background-color:#fff}

form.dropdown-submenu input {padding:5px 10px;border:none;background:#0d5aa7;color:#fff}

/************ gallery *********/

.gallery-page-main-content-wrapper {padding:40px 40px 0 40px}
@media (max-width:768px) {
	.page-main-content-wrapper {padding:30px}
}

.gallery-thumbnails {padding:40px 0;}
@media (max-width:510px) {
	.gallery-thumbnails {padding:40px 0 10px 0;}
}

.single-thumbnail {margin-bottom:20px}

.single-thumbnail img {border:1px solid #ccc;padding:15px}



/************ contact us *********/
/*
.google-map {height:400px;padding-top:40px}
.contact-us-content {padding:40px 0;}
@media (max-width:769px) {
	.contact-us-content {padding:40px 15px;}
}


.contact-form-bg {background-color:#e3e4e5;padding:0 0 20px 0}

.contact-form h1.title {float:right;color:#fff;display:inline-block;font-size:24px;padding:55px 10px 15px 10px}

.contact-form ul.titles {clear:both;padding-top:15px} 

.contact-form ul.titles li {margin-bottom:20px;font-size:17px} 


/*** contact form ****/


.home-section.contacts h1 {
							font-size:40px;
							font-weight:bold;
							border-bottom:5px solid #083f88;
							display:inline-block;
							margin-bottom:55px;
							padding-bottom:20px;
							}
	
.home-section.contacts {font-size:21px}	
.home-section.contacts h2 {font-size:24px;font-weight:bold;margin-bottom:35px}
.home-section.contacts h3 {font-size:24px;font-weight:bold;width:65%;margin-bottom:35px}

@media (max-width:550px) {
	.home-section.contacts h1 {font-size:34px;}
}
/**/


.wpcf7 {direction:rtl !important}
.contact-form-container .field {margin-bottom:10px}

.contact-form-container .field.email input,
.wpcf7 input[type="email"] {direction:rtl !important}

.contact-form-container .field input, 
.contact-form-container .field textarea {
										background-color:#f0f1f1;
										color:#58595b;
										padding:20px;
										border:1px solid #636466;
										border-radius:10px;
										resize:none;
										width:100%;
										}
										
.contact-form-container .submit input {
										width:100%;
										border:none !important;
										background-color:#083f88;
										color:#fff;
										padding:20px;
										border-radius:15px;
										font-size:21px;
										font-weight:bold;
										}										
										

.contact-form-container .submit input:hover {
							
													
							/*background-color:#00c1de;*/
							box-shadow:0px 0px 10px #555;
							}										
.contact-form-container .field input:focus, 
textarea:focus {outline: none;background-color:#d8d8d8 !important ;}




				   
					   
	

ul.contact-form li.captchac  {/*width:60px;float:left;*/margin-top:11px}					   
ul.contact-form li.captchar input {/*width:260px;float:right*/}	
ul.contact-form li.captchar span {position:static !important;}


				
ul.contact-form li.quiz p {font-size:13px;margin:5px 0 0 0;color:#4d4d4d}		
ul.contact-form li.quiz input {margin:5px 0 0 0}		


	


div.wpcf7 img.ajax-loader {margin-top:5px}
.ajax-loader {margin-top:10px !important}

ul.contact-form li.quiz span.wpcf7-not-valid-tip{margin:0}			


										
div.wpcf7-validation-errors	{color:red;}									
										
div.wpcf7-response-output{
						border:none;
						margin:-10px 0 0 0 !important;
						padding:0;
						font-size:16px;
						text-align:center;
						}
						
.wpcf7-mail-sent-ok {color:#2fb6ca}


@media (max-width:991px) {
	.contact-form-container {margin-top:25px}
	.home-section.contacts h3 {width:auto;}
}



/*********** footer ************/


.footer-wrapper {color:#fff;text-align:center;padding:25px 0}
						  
				  
						  
/****/

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 1px solid #fff; /* Remove borders */
    background-color: #292929; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    /*padding: 15px; /* Some padding */
	width:50px;
	height:50px;
    border-radius: 50%; /* Rounded corners */
    font-size: 18px; /* Increase font size */
	
	/*box-shadow:0px 0px 1px #fff;*/
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}		

.grecaptcha-badge {display:none !important}