html, body{
	
}
	
#home {
  
	/*  background: url('../../images/header_bg.jpg') 100% 0 no-repeat;

	background-position: center center;
	 -webkit-background-size: cover;
   -moz-background-size: cover;
	height: 90%; */
	background: url(../../images/header_bg.jpg);
    background-repeat: no-repeat;
     padding-bottom: 1% !important;
 
  }
  
 /*#home {
  
	background: url('../images/header_bg.jpg') 100% 0 no-repeat;
	background-position: center center;
	 -webkit-background-size: cover;
   -moz-background-size: cover;
	height: 90%;
  }*/
 
#media {
	background: url('../../images/redcross.png') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }

#news {
	background: url('../../images/header_news2.jpg') 100% no-repeat;
	background-color: #eee !important;
	background-position: center center;
	background-size: cover;
	height: 300px;
  }

#magazine {
	background: url('../../images/magazine2.png') 100% no-repeat;
	background-color: #22428D;
	background-position: center center;
	background-size: cover;
	height: 300px;
  }

#photo {
	background: url('../../images/header_photo.jpg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 300px;
  }

#video {
	background: url('../../images/header_video.jpg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 300px;
  }


#who {
	background: url('../../images/header_kids2.png') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }

#what {
	background: url('../../images/header_what.jpg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }

#kuwait {
	background: url('../../images/kuwait.jpg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }

/*---------------------------------------
  World Map              
-----------------------------------------*/
#countries {
	background: #f1f2f3;
	padding-top: 20px;
	padding-bottom: 20px;
  }
.column {
	float: left;
	margin: 3px 2% 10px 2%;
	width: 21%;
  }
.box {
    background-color: rgba(0,0,0,.5);
    color: #fff;
	padding: 20px;
}
  #tanzania {
	background: url('../../images/tanzania.jpg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }
  #pakistan {
	background: url('../../images/pakistan.jpeg') 100% no-repeat;
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	height: 400px;
  }
/*---------------------------------------
  End World Map              
-----------------------------------------*/

.carousel-indicators li{
	position: relative;
	background-color: #666;
    background-clip: padding-box;
	width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    border-top: 1px solid;
    border-bottom: 1px solid ;
}

.img-flip{
	transform: scaleX(-1);
}
.img-bw {
	filter: grayscale(100%);
  }

  .blkshade{
	width:100%;
	height:auto;
	z-index:1;
	pointer-events: none;
	position:absolute;
	bottom:0px;
	right:-1px;
	/*background: url('../../images/shadow_blk.png') 100% no-repeat;*/
	background-size: 100%;
	opacity:0.3;

}

.title{
	text-align: right;
	font-family: 'Helvetica', 'sans-serif';
	font-size: 42px;
	font-weight: lighter;
	color: #22428D;
	padding-top: 30px;
	padding-bottom: 50px;
}

a{
	text-decoration:none !important;
}
.h1,  .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-weight: 300 !important;
    line-height: 1.3;
}
h1{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 60px;
	font-weight: lighter;
	color: #22428D;
	line-height: 1;
}

h2{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 42px;
	font-weight: lighter;
	color: #22428D;
}

h3{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 30px;
	font-weight: normal;
	color: #22428D;
}

h4{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 24px;
	font-weight: lighter;
	color: #22428D;
}

h5{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 21px;
	font-weight: normal;
	color: #22428D;
}

p{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 16px;
	font-weight: normal;
	color: #333;
}


.txt-shadow{
	color: white;
  text-shadow: 2px 2px 4px #000000;
}

hr {
	border-top: 1px dotted #666;
  padding-bottom: 20px;
}


ul .arrow1{
  list-style-type: none !important;
}

ul {
	list-style-type: none;
  }

li.arrow1{
	width:100%;
background: url('../../images/bullet_blue.png') no-repeat left top;
padding: 0  0  10px 20px;

margin-left: -40px;


}
.container{

}
section .parallax-section{
	padding-bottom: 60px !important;
  }
  
  .parallax-section {
	background-attachment: fixed !important;
	background-size: cover !important;
  
  }


.pt-50{
	margin-top: 50px;
}
.pb-40{
	margin-bottom: 40px;
}
.pl-40{
	padding-left: 40px;
}

.nm{
	margin-right: 0 !important;
    margin-left: 0 !important;
}

.red{
color: red !important;
}
.blue{
	color: #22428D !important;
	}
.white{
	color: #eee;
	}
.gray{
	color: #666;
		}

.bg-gray{
	background:#eee;
	background: url('../../images/logo_gray.png') 100% 0 no-repeat fixed;
}
.bg-white{
	background:#fff;
}
.boldlink a{
font-size:20px;
font-weight:400;
}
.bold{

font-weight:bold !important;
}

.float{
	text-align: right;
}


.btn-transparent{
	border: 1px;
	border-radius: 5px;
	background-color: #000;
	opacity: 0.8;

}
.btn-primary {
    color: #22428D;
    background-color: #eee !important;
    border: 1px;
	border-radius: 5px;
	opacity: 0.7;
}

.btn-submit {
	position: relative;
	margin-right: 1px !important;
    color: #eee !important;
    border: 1px;
	border-radius: 5px;
	opacity: 0.8;
}

 .search-submit {

	background-color: inherit;
	border: none;
	outline-style: none;
	position: absolute;
}
[class ^="icon-"]{

	font-size:32px;
	text-decoration:none;
	padding:0;
	margin:0;
	outline:0 !important;
}

.x{
	font-size:20px;
	}

.x1{
font-size:24px;
}

.x2{

	font-size:36px;
}
.x3{

	font-size:48px;
	}
.x4{

		font-size:64px;
	}
.x5{

		font-size:96px;
	}
.x6{

		font-size:120px;
	}

.gray,.redlink,.graylink{
	color:#999 !important;
}
.graylink:hover, .active {
	color: #666 !important;

}

.redlink{
	color:#999 !important;
}
.redlink:hover{
	color:red !important
}

.bluelink{
	color:#999 !important;
}
.bluelink:hover{
	color: #1b75bb !important;

}
.pinklink{
	color:#999 !important;
}
.pinklink:hover{
	color: #c60c84 !important;

}


.mainicons a span,#socialfooter a span{
	
	transition:1.5s; 
	border:0;
	overflow:hidden;
	outline:0;
	
	
}
.mainicons a span:hover,#socialfooter a span:hover{
	color:#111332;
	outline:0;
	transition:1s; 
	
	
}
.mainicons a span:focus{
	outline:0 !important;
	
	
}
.mainicons{
	color:#666;
}
.mainicons:hover{
	color: #22428D !important;
}

.icons{
	color:#666;
	padding-right: 10px;
	line-height: 30px;
	transition:1s; 
}
.icons:hover{
	color: #22428D !important;
	transition:1s; 
}

.topicons a span{
	color:#1b75bb;
	transition:1s; 
	height:18px;
	
}
.topicons a span:hover{
	color:#ec1c24;
	transition:1s; 
	height:48px;
	outline:0 !important;
	
}
.icontxt{
	text-align:center;
	margin-top: -15px;
}


#grad-country-banner{
	background: linear-gradient(45deg, #22428D, #2BA48F, #2EB292, #22428D);
	

  }

#grad-mag-banner{
	background: linear-gradient(45deg, #163A79, #236DA8, #163A79);
  }

.country{
	background: url('../../images/globe.png') no-repeat right;
	background-blend-mode: overlay;
	width: 100%;
	height: "auto"
}

.magazine{
	background: url('../../images/magazine.png') no-repeat right;
	background-blend-mode: overlay;
	width: 100%;
	height: "auto"
}
.law{
	background: url('../../images/law.png') no-repeat left;
	background-blend-mode: overlay;
	width: 100%;
	height: "auto"
}

.logo_main{


}
#logo{
	margin-top: 20px;
}	
#newkuwait{
	margin-top: -20px;
}

/*Charts*/

#chartdiv{
	font-size: 12px;
	height: 350px;
	width: auto;
}

#chartsector {
	width: 100%;
	height: 500px;
	font-size: 11px;
  }

#chartregion {
	width: 100%;
	height: 500px;
	font-size: 11px;
  }

#chartsector-grant {
	width: 100%;
	height: 500px;
	font-size: 11px;
  }

#chartregion-grant {
	width: 100%;
	height: 500px;
	font-size: 11px;
  }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.75rem;
}

.card-footer-0 {
    padding: 0.75rem 1.25rem;
    background-color: #fff;
   
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}

.card-footer-1 {
    padding: 0.75rem 1.25rem;
    background-color: rgba(17,81,124,.8);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-2 {
    padding: 0.75rem 1.25rem;
    background-color: rgba(24,148,232,.8);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-2-light {
	padding: 0.75rem 1.25rem;
    background-color: rgba(24,148,232,.4);
	border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-3 {
    padding: 0.75rem 1.25rem;
    background-color: rgba(152,128,45,.8);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-3-light {
    padding: 0.75rem 1.25rem;
    background-color: rgba(152,128,45,.6);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-4 {
    padding: 0.75rem 1.25rem;
    background-color: rgba(46,177,146,.8);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-4-light {
    padding: 0.75rem 1.25rem;
    background-color: rgba(46,177,146,.6);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}
.card-footer-5-light {
    padding: 0.75rem 1.25rem;
    background-color: rgba(17,81,124,.6);
    border-top: 1px solid rgba(0,0,0,.125);
	border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}



.card-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #22428D;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #22428D;
    border-color: #22428D;
}

.dot {
	height: 15px;
	width: 15px;
	background-color: #bbbbbb;
	border-radius: 5%;
	display: inline-block;
	margin-left: 4px;
	margin-top: 2px;
	margin-right: 4px
	
  }
  
.carousel-caption {
color:white !important;
z-index:5000;
position:absolute;
bottom:80px;
text-align:left;
left:10%;
display:block !important;
}

.carousel-caption h1 {
color:white !important;
font-weight:500 !important;
font-size: 4rem;
margin-top:-20px;
}

.dropdown-menu {
  background: blue;
  border-bottom: 5px solid blue;
  width: 100%;
}
.carousel-indicators{
z-index:7000;

}
.main {
    width: 100%;
    margin: 10px ;
    margin-right: auto;
}

.image-grid{
	--gap: 5px;
	--num-cols: 4;
	--row-height: 200px;

	box-sizing: border-box;
	padding: var(--gap);

	display: grid;
	grid-template-columns: repeat(var(--num-cols), 1fr);
	grid-auto-rows: var(--row-height);
	gap: var(--gap)
}
.image-grid > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.image-grid-col-2{
	grid-column: span 2;
}

.image-grid-row-2{
	grid-row: span 2;
}

.img-thumbnail{
    max-height: 200px;
    height: auto;
}

/* Bootstrap 4 text input with search icon */

.has-search{
	opacity: 0.7 !important;
}
.navbar{
	margin-left:-30px;
	font-weight:400;
}

.nav-tabs a{
	color: #22428D;
}
.nav-tabs .active{
	color: #2EB292;
	font-weight: 600;
}

.bsnav-mobile .navbar {
	background: #fff;
    width: 230px;
    height:100%;
     
    flex-flow: column;
    top:-15px;
    bottom: 0;
   	right:0;
    position: absolute;
    transition: .4s ease-in-out;
    transform: translate3d(300px, 0, 0);
    overflow-x: hidden;
    overflow-y: auto;
    border-left: 0px solid #22428D !important;
    
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
     padding: .5rem 0rem !important;
-webkit-box-shadow: 5px 4px 5px 4px rgba(0,0,0,0.25);
-moz-box-shadow: 5px 4px 5px 4px rgba(0,0,0,0.25);
box-shadow: 5px 4px 44px 5px rgba(0,0,0,0.25);
-moz-border-radius: 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px;
border-radius:0px 0px 6px 6px;
border: 0px solid #000000;
border-right:0px solid red;	 
}

.nav-item .red{
	margin-left:-32px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 6;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: red;
}

.form-control{
	border-radius: 25px;
	height: 32px;
	margin-top: -13px;
	opacity: 0.8;
}

.form-controll{
	border-radius: 25px;
	height: 32px;
	margin-top: -13px;
	opacity: 0.8;
}
.subscribe{
	font-size: 14px;
	padding: 10px;
	border-radius: 25px;
	border: none;
	width: 220px;
	height: 36px;
	margin-left:-10px;
	margin-top: 10px;
	opacity: 0.8;
}


#footer{
	/* background: url('../../images/world.svg') no-repeat right; */
	background: linear-gradient(45deg, #163A79, #236DA8, #163A79);
	
	height: auto;
	padding-top: 50px;
	padding-bottom: 30px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #eee;
	line-height: 1.8;
}

#notification {
    background-color: #22428D;
    color: #FFF;
    height: auto;
    padding-top:10px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
    position: absolute;
    top: -40px;
    width: 100%;
    transition: margin-top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    text-align:center;
    animation-delay: 5.0s;
    z-index:2;
}

#notification.visible {
  top: 0px;
   
}

#notification a {
	color:#fff;
	 
  }

.noteClose{
  position:absolute;
  z-index:4;
  font-weight:bold;
  cursor:pointer;
  top:10px;
  right:50px;
  
  
}


@media (max-width:1200px){

	.form-control{
		width: 150px !important;
	}
	.pl-40{
		padding-left: 15px;
	}
	
}

@media (max-width:860px){
	
	#newkuwait{
		display: none;
	
	}
	.pl-40{
		padding-left: 10px;
	}
	
	h1{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 48px;
		
	}
	h2{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 36px;
		
	}
	
	h3{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 28px;
		
	}
	
	h4{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 20px;
		
	}
	p{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 14px;
		font-weight: normal;
		color: #333;
	}
	.form-control{
		width: 150px !important;
	}
	.subscribe{
		font-size: 14px;
		padding: 10px;
		border-radius: 25px;
		border: none;
		width: 240px;
		height: 36px;
		margin-left:-10px;
		margin-top: 10px;
		opacity: 0.8;
	}
	.navbar{
		margin-left:-30px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight:400;
		height: 40px;
	}
	.title{
		text-align: right;
		font-family: 'Helvetica', 'sans-serif';
		font-size: 32px;
		font-weight: lighter;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.image-grid{

		--num-cols: 2;
		--row-height: 200px;
	}
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	#chartdiv{
		font-size: 12px;
	}

}

@media (max-width:480px){

#logo{
	margin-top: -1px;
}	

.pl-40{
	padding-left: 10px;
}

#newkuwait{
	display: none;

}

h1{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 48px;
	
}
h2{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 36px;
	
}

h3{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 28px;
	
}

h4{
	font-family: 'Helvetica', 'sans-serif';
	font-size: 20px;
	
}

.title{
	text-align: right;
	font-family: 'Helvetica', 'sans-serif';
	font-size: 32px;
	font-weight: lighter;
	padding-top: 1px;
	padding-bottom: 30px;
}

.form-control{
	border-radius: 25px !important;
	height: 32px;
	margin-top: 20px;
	opacity: 0.8;
}
.form-controll{
	border-radius: 25px !important;
	height: 32px;
	margin-top: 20px;
	opacity: 0.8;
}
.subscribe{
	font-size: 14px;
	border-radius: 20px;
	width: 220px;
	height: 36px;
	margin-top: 10px;
	opacity: 0.8;
}


.navbar{
	margin-left:-30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:400;
	height: 30px;
}
#topnav{
	padding:10px;
}
#homenav{
	position: absolute;
	margin-top: -510px;
}

.nav-tabs{
	margin-top: 10px;
}

.table-responsive{
	width: 100% !important;
}

.noteClose{
	position:absolute;
	z-index:4;
	font-weight:bold;
	cursor:pointer;
	top:10px;
	right:20px;
	
	
  }

/*---------------------------------------
  World Map              
-----------------------------------------*/

.column {
	float: left;
	margin: 3px 2% 10px 2%;
	width: 40%;
  }

/*---------------------------------------
  End World Map              
-----------------------------------------*/
}



@media (max-width:326px){

	#logo{
		margin-top: -1px;
	}	
	
	.pl-40{
		padding-left: 10px;
	}
	
	#newkuwait{
		display: none;
	
	}
	
	h1{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 40px;
		
	}
	h2{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 30px;
		
	}
	
	h3{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 22px;
		
	}
	
	h4{
		font-family: 'Helvetica', 'sans-serif';
		font-size: 16px;
		
	}
	.title{
		text-align: right;
		font-family: 'Helvetica', 'sans-serif';
		font-size: 32px;
		font-weight: lighter;
		padding-top: 10px;
		padding-bottom: 30px;
	}
	
	.form-control{
		border-radius: 25px !important;
		height: 32px;
		margin-top: 20px;
		opacity: 0.8;
	}
	.form-controll{
		border-radius: 25px !important;
		height: 32px;
		margin-top: 20px;
		opacity: 0.8;
	}
		
	.subscribe{
		font-size: 14px;
		border-radius: 20px;
		height: 24px;
		margin-top: 10px;
		opacity: 0.8;
	}
	
	.navbar{
		margin-left:-30px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight:400;
	}
	#topnav{
		padding:10px;
	}
	#homenav{
		position: absolute;
		margin-top: -550px;
	}
	
	.nav-tabs{
		margin-top: 10px;
	}
	
	
	/*---------------------------------------
	  World Map              
	-----------------------------------------*/
	
	.column {
		float: left;
		margin: 3px 2% 10px 2%;
		width: 40%;
	  }
	
	/*---------------------------------------
	  End World Map              
	-----------------------------------------*/
	

}