body
{
	margin:0;
}
header.global
{
    width:100%;
    float:left;
    max-width:100% !important;
}
footer.global
{
    min-height:60px;
    margin-top:35px;
    padding-bottom:15px;
    padding-top:15px;
}
.contentcontainer
{
	clear:both;
}
header.global #main_nav a
{
	font-size:24px;
}
.txt div h2
{
	margin-top:10px;
}
header.global #utility_nav li.arabic a
{
	font-size:16px;
}
header.global #utility_nav li a
{
	font-size:12px;
}
/*End of existing style update*/
header.global .headercontainer, footer.global .footercontainer
{
	position:relative;
}
.col.fixedboxes
	{
		margin-right:0px;
		float:left;
		width:100%;
	}
	.fixedboxes > article, .fixedboxes > div
	{
		float:left;
		width:24.25%;
		margin-right:1%;
	}
	.fixedboxes > div.last
	{
	    margin-right:0px;
	}
	/*Menu changes*/
	header.global
	{
		background: #FFF;

  -webkit-transition: background-color .5s linear;
  -moz-transition: background-color .5s linear;
  -o-transition: background-color .5s linear;
  transition: background-color .5s linear;
	}
	header.sticky
	{
		position: fixed;
		top: 0;
		width: 100%;
		max-width: 100%;
		background:#333333;
		max-width:100% !important;
		webkit-box-shadow: 0 1px 15px 0px #333;
box-shadow: 0 1px 15px 0px #333;
z-index:1000;
	}
	header.sticky #logo
	{
		height: 36px;
		width: 159px;
		left:52%
	}
	header.sticky #logo a {
		display: block;
		height: 36px;
		width: 159px;
		overflow: hidden;
	}
	header.sticky a
	{
		color:#fff;
	}
	header.sticky #utility_nav li a
	{
		color:#fff;
	}
	header.global .headercontainer, footer.global .footercontainer
	{
		max-width: 855px;
		margin: 0 auto;
	}
	header.sticky #logo
	{
		top:10px;
	}
	header.sticky #main_nav
	{
		margin:20px 0 20px;
	}
	header.sticky #utility_nav
	{
		margin: 22px 0 0 0;
	}
	footer.sticky
	{
	
		
		width: 100%;
		max-width: 100%;
		background:#fff;
		max-width:100% !important;
        z-index:1000;
       
	}
	/*Search form*/
	.js header.global #utility_nav li.search a
	{
		background:url(https://cdn.qf.com.qa/app/media/27184) /* ../images/search_grey.png */ 4px 4px no-repeat #cccccc;
		border:0;
		width:25px;
		height:25px;
		
	}
	
	
	/*.js header.global #search_form {
		display: none;
		position: absolute;
		top: 65px;
		left: 70%;
		width: 30%;
		height: 26px;
		background: #e6e3dc;
		overflow-x: hidden;
		color:#333;
	}
	.js header.global #search_form .search_input {
		display: none;
		width: 98%;
		margin: 0;
		padding: 0px 1% 0px 1%;
		border: none;
		outline: none;
		text-indent: 0;
		background-position: right -49px;
		background-color: white;
		font-size: 16px;
		line-height: 26px;
		background:none #e6e3dc;
		color:#333;
		
		}*/
		.js header.global #utility_nav li.search
		{
			margin:0;
		}
		.js header.sticky #utility_nav li.search a
	{
		background:url(https://cdn.qf.com.qa/app/media/27185) /* ../images/search_white.png */ 4px 4px no-repeat #666;
		border:0;
		width:25px;
		height:25px;
		
	}
	.js header.sticky #search_form {
		
		background: #666;
		color:#fff;
	}
	.js header.sticky #search_form .search_input {
		
		background:none #000;
		color:#fff;
		
		}
	
	/*menu changes*/
	
	.hero ul.tags > li > a
	{
		position: absolute;
		top: 5px;
		left: 5px;
		padding: 3px;
		color: #fff;
		opacity:0.5;
	}
	.hero.hover ul.tags > li > a
	{
	    	opacity:1;
	}
	.hero h2
	{
		margin-top:30px;
	}
	.hero .img:after
	{
		background:none;
	}
	article.txt .tags
	{
		margin: 0 0 0px 0;
		line-height: 30px;
		overflow: hidden;
		position: absolute;
		top: 5px;
		left: 5px;
		opacity:0.5;
		
	}
	article.img_txt .tags
	{
		margin: 0 0 0px 0;
		line-height: 30px;
		overflow: hidden;
		position: absolute;
		top: 5px;
		left: 5px;
		opacity:0.5;
	}
	article.img_txt .tags a, article.txt .tags a
	{
		color: #fff;
		padding: 2px 3px;
		display: block;
		line-height:100%;
		font-size:12px;
	}
	 article.txt.hover .tags
	 {
	     background:#0b150c;
	 }
	.img_txt.heritage.hover .tags, .hero.heritage .tags a {
  background: #024179; }

.img_txt.education.hover .tags, .hero.education .tags a {
  background: #135a7f; }

.img_txt.research.hover .tags, .hero.research .tags a {
  background: #770711; }

.img_txt.health.hover .tags, .hero.health .tags a {
  background: #630063; }

.img_txt.technology.hover .tags, .hero.technology .tags a {
  background: #167ea5; }

.img_txt.environment.hover .tags, .hero.environment .tags a {
  background: #386735; }

.img_txt.media.hover .tags, .hero.media .tags a {
  background: #c11423; }

.img_txt.events.hover .tags, .hero.events .tags a {
  background: #630063; }

.img_txt.leadership.hover .tags, .hero.leadership .tags a {
  background: #40422b; }

.img_txt.community.hover .tags, .hero.community .tags a {
  background: #578319; }

.img_txt.projects.hover .tags, .hero.projects .tags a {
  background: #774175; }

	.txt.heritage.hover .tags a {
  color: #024179; }

.txt.education.hover .tags a {
  color: #135a7f; }

.txt.research.hover .tags a {
  color: #770711; }

.txt.health.hover .tags a {
  color: #630063; }

.txt.technology.hover .tags a {
  color: #167ea5; }

.txt.environment.hover .tags a {
  color: #386735; }

.txt.media.hover .tags a {
  color: #c11423; }

.txt.events.hover .tags a {
  color: #630063; }

.txt.leadership.hover .tags a {
  color: #40422b; }

.txt.community.hover .tags a {
  color: #578319; }

.txt.projects.hover .tags a{
  color: #774175; }
  .img_txt.hover .tags, .hero .tags a 
  {
  background:#0b150c !important;
  }
  .txt.hover .tags a
  {
      color:#fff !important;
  
  }
  
  .topic span.heritage
  {
	  background: #024179;
  }
  .topic span.education
  {
	  background: #135a7f;
  }
  .topic span.research
  {
	  background: #770711;
  }
  .topic span.health
  {
	  background: #630063;
  }
  .topic span.technology
  {
	  background: #167ea5;
  }
  .topic span.environment
  {
	  background: #386735;
  }
  .topic span.media
  {
	  background: #c11423;
  }
  .topic span.events
  {
	  background: #630063;
  }
   .topic span.leadership
  {
	  background: #40422b;
  }
  .topic span.community
  {
	  background: #578319;
  }
  .topic span.projects
  {
	  background: #774175;
  }
  .topic span
  {
	  background: #fff !important;
  }
  #utility_nav ul li.topic span
  {
	  width: 9px;
	  height: 9px;
      float: left;
display: inline-block;
margin-top: 8px;
margin-right:7px;
  }
  #utility_nav ul.full-nav li ul li
  {
	  width:140px;
  }
  #utility_nav ul.full-nav li ul li a
  {
	  border-bottom:1px solid #666;
  }

	article.txt .tags li, article.img_txt .tags li
	{
		margin:0;
	}
	  
	#utility_nav ul
	{
		display:inline;
	}
	#utility_nav .full-nav .menu-a-first
	{
		border-right: solid 1px #e5e5e5;
	}
	header.global #utility_nav li 
	{
		padding: 0 10px;
	}
	#big-sexy
	{
		display:none;
	}
	#utility_nav ul li ul
{
	display:none;
	position:absolute;
	width:160px;
	background:#333;
	padding-bottom:15px;
}
#utility_nav ul li ul li
{
	display:block;
	float:left;
	position:relative;
}
#utility_nav ul li.hover ul
{
	display:block;
	margin-left:-6px;
}
#utility_nav ul li.hover
{
	background:#333;
}
#utility_nav ul li.hover a
{
	color:#fff;
}



/*Menu responsive*/
#site-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;


}

#site-canvas {
    width: 100%;

    position: relative;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;

}
#site-menu {
    width: 250px;
    height: 100%;
    position: absolute;
    top: -10px;
    left: -250px;
    background: #333;
    padding: 0px;
}
#site-wrapper.show-nav #site-canvas {
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
}
#site-wrapper.hide-nav #site-canvas {
   /* -webkit-transform: translateX(0px);
    transform: translateX(0px);
    left:-250px;*/
}
#site-wrapper.hide-nav #site-menu
{
display:none;
}
.loadmorecontainer
{
width: 100%;
text-align: center;
margin-top: 30px;
background: url(https://cdn.qf.com.qa/app/media/27174) center top 30px no-repeat;
height:60px;
margin-bottom:30px;
clear:both;
}
#content_wrap, #category_header_wrap, .global
{
	clear:both
}
header.global #utility_nav li ul li a
{
	text-transform: none;
	font-weight:normal;
	font-family: 'Avenir LT W01 35 Light', Arial;
	font-size:13px;
}
header.global #utility_nav .menu-item-b .full-nav
{
	width:200px;
	z-index:999;
}
header.global #utility_nav .menu-item-b .full-nav li
{
	width:180px;
}
div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}
header.global #utility_nav li.listen
	{
		display:none;
	}
	header.global nav li a
	{
	padding:0 15px 0 11px;
	}
	header.global #utility_nav li.arabic
	{
	    border-right:0;
	}
	header.global #main_nav a
	{
	    color:#235c50;
	}
	header.sticky #main_nav a
	{
	    color:#fff;
	}
	header.global #utility_nav > ul.full-nav > li.has-kids > a
	{
	    background: url(https://cdn.qf.com.qa/app/media/27188) right 5px top 10px no-repeat;
        padding: 0 25px 0 15px;
	}
	header.global #utility_nav > ul.full-nav > li.has-kids.hover > a
	{
	    background: url(https://cdn.qf.com.qa/app/media/27189) right 5px top 10px no-repeat;
	}
	header.sticky #utility_nav > ul.full-nav > li.has-kids > a
	{
	    background: url(https://cdn.qf.com.qa/app/media/27186) right 5px top 10px no-repeat;
        
	}
	header.sticky #utility_nav > ul.full-nav > li.has-kids.hover > a
	{
	    background: url(https://cdn.qf.com.qa/app/media/27186) right 5px top 10px no-repeat;
	}
	footer.global #share
	{
	position:relative;
	}
	footer.global #share li {

width: 28px !important;
height: 28px !important;
border: 0px solid #e6e3dc !important;
}
	footer.global #copyright_links {
	
	    top:0px;
	}
	footer.global #share a {
width: 28px !important;
height: 28px !important;
}
header.global #main_nav li
{
    display:inline-block;
}
header.global #main_nav li.menu-a
{
    border-right: solid 1px #e5e5e5;
}
.sticky #utility_nav .full-nav .menu-a-first, header.sticky #main_nav li.menu-a
{
    border-right: solid 1px #e5e5e5;
}
header.sticky #utility_nav li.arabic
{
border-left: solid 1px #e5e5e5;
}
header.global #main_nav li.menu-a.menu-a-last
{
    border-right: none;
}
.global
{
max-width:100%;
margin:0;
}

 .js header.global #utility_nav li.search a
 {
     right:7px;
 }
	
	@media only screen and (min-width: 1190px) {
		header.global .headercontainer, footer.global .footercontainer
	{
		max-width: 1170px;
		margin: 0 auto;
	}

	footer.global #copyright_links {
position: absolute;
width: 96% !important;
margin-left: 0 !important;
right: 0 !important;
line-height: 25px;
padding: 0;
text-align: right;
top: 0px;
float: right;
}
footer.global #share {
position: relative;
top: 0;
left: 0;
z-index: 3;
background: #fff;
float: left;
}
	
}
@media only screen and (max-width: 1190px) {
	footer.global #copyright_links
	{
	    position:relative;
	    clear:both;
	    margin-bottom:30px;
	}
	

	    
	}
@media only screen and (min-width: 875px) and (max-width: 1189px), only screen and (min-width: 750px) and (max-width: 874px) {
	header.global #utility_nav .menu-item-b .full-nav
{
	width:170px;
	z-index:999;
}

header.global #utility_nav .menu-item-b .full-nav li
{
	width:150px;
}
	.fixedboxes > article, .fixedboxes > div
	{
		width:32.66%;
	}
	.fixedboxes .th_module
	{
	    margin-right:0px;
	   
	}
	.fo_module
	{
	    display:none;
	}
	header.global .headercontainer, footer.global .footercontainer
	{
		max-width: 855px;
		margin: 0 auto;
	}
	header.global #utility_nav li.listen
	{
		clear:none;
		margin-left:0;
		display:none;
	}
	header.global #utility_nav li.arabic
	{
		clear:left;
		margin-left: 65px;
	}
	.js header.global #utility_nav li.search a {
position: absolute;
right: 0;
top: 45px;
}
.js header.sticky #utility_nav li.search a
{
	top: 32px;
}
header.global #utility_nav li.arabic
{
	border-right: solid 0px #e5e5e5;
border-left: 0;
}
header.global #utility_nav .full-nav
{
	margin-right:50px;
}

}

@media only screen and (min-width: 750px) and (max-width: 874px) {
	header.global #utility_nav .menu-item-b .full-nav
	{
	    width:140px;
	}
	header.global #utility_nav .menu-item-b .full-nav li
	{
	    width:120px;
	}
	header.global #utility_nav li.menu-item-b ul li a
	{
	    line-height:18px;
	}
}

@media only screen and (min-width: 570px) and (max-width: 749px) {
	#qf_home .col.fixedboxes
	{
		float:left;
	}
	.fixedboxes > article, .fixedboxes > div
	{
		width:49.5%;
	}
	.fixedboxes .se_module
	{
		margin-right:0px;
	}
}


@media only screen and (min-width: 570px) and (max-width: 749px), only screen and (min-width: 0) and (max-width: 569px) {
	header.global .headercontainer, footer.global .footercontainer
	{	
	min-width: 320px;
	max-width: 100%;
	margin: 0 auto;
	}
	header.global #utility_nav li.arabic a
{
	font-size:18px;
	margin-top:-4px;
	line-height:20px;
}
header.global #search_form .search_input {
font-size: 18px;
line-height: 40px;
}
.js header.global #search_form .search_input
{
    background-position: right -60px;
    margin: 2px 13px;
}
	
}
@media only screen and (min-width: 0) and (max-width: 569px) {
	.fixedboxes > article, .fixedboxes > div
	{
		width:100%;
		margin:0;
	}
	header.global #main_nav li a {
font-size: 22px;
padding: 0 8px 0 3px;
}
	
}
@media only screen and (min-width: 0) and (max-width: 749px) {
	#big-sexy
	{
		display:block;
		position: absolute;
color: #fff;
background:url(https://cdn.qf.com.qa/app/media/27181) no-repeat;
text-indent: -9999px;
overflow: hidden;
left: 15px;
top: 15px;
width: 20px;
height:20px;

}
	
	#site-menu
{
	display:block;
}
header.global #main_nav
{
	border-top:0px;
	border-bottom:0px;
}
header.global #utility_nav
{
	width: 100%;
margin: 0;
float: left;
background: #333;
padding:10px 0;
position: absolute;
top: 70px;
}
header.global #utility_nav li.arabic
{
	border-left:0px;
}
header.global #utility_nav li.search
{
	position: relative;
display: inherit;
float: left;
top: 0;
right: 0;
}
.js header.global #utility_nav li.search a, .js header.sticky #utility_nav li.search a
{
	background: url(https://cdn.qf.com.qa/app/media/27185) 4px 4px no-repeat #333;
}
header.global #utility_nav li a
{
	color:#fff;
}
header.global
{
	height:166px;
}
header.global #main_nav
{
	position: absolute;
top: 115px;
background: #666666;
padding: 8px 0;
}
header.sticky
{
height: 94px;
}
header.sticky #main_nav
{
    top: 45px !important;
margin: 0px;
padding: 8px 0;
}
header.sticky #logo
{
    margin: 5px 0 5px 40px;
}
header.sticky h1#logo img
{
    z-index:999;
}
header.sticky #utility_nav
{
    top: 0px !important;
    background:none;
}
#utility_nav > ul
{
	float:right
}
#site-menu li a
{
	color:#fff;
}
#site-menu li a
{
	color:#fff;
}
#site-menu ul li.topic span
  {
	  width: 9px;
	  height: 9px;
      float: left;
display: inline-block;
margin-top: 8px;
margin-right:7px;
  }
  #site-menu > ul > li > a
  {
	  display:block;
	  font-family: 'Avenir LT W01 95 Black', Arial;
	  padding:8px 0;
  }
  #site-menu > ul > li > ul
  {
	  margin-left:15px;
  }
#site-menu li ul li a
{
	text-transform: none;
	font-weight:normal;
	font-family: 'Avenir LT W01 35 Light', Arial;
	font-size:15px;
	border-bottom: 1px solid #666;
	display: block;
	line-height:28px;
}
#site-menu > .full-nav
{
	padding:50px 0 0 25px;
}
#site-menu > .footer_nav
{
	padding:0px 0 0 25px;
}

header.global #main_nav li a
{
	color:#fff;
}
.js header.global #search_form {
position: absolute;
top: 0px !important;
left: 0;
width: 100%;
height: 100% !important;
background: #e6e3dc;
overflow-x: hidden;
color: #333;
}
.js header.sticky #search_form {
position: absolute;
top: 0px !important;
left: 0;
width: 100%;
height: 100% !important;
background: #666;
overflow-x: hidden;
color: #333;
}
.js header.global #search_form .search_input
{
margin: 2px 1%;
padding: 0px 0 0 1%;
width:97%;
}
}
article .tags
{
	/*display:none;*/
z-index: 1;
}
article.hover .tags
{
	opacity:1;
}
.ui-autocomplete
{
	z-index:9999 !important;
}

#site-menu #share
{
	padding-left: 18px;
margin-top: 50px;
}
#site-menu #share li {
  position: relative;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
  width: 28px;
  list-style: none;
  float: left;
  height: 28px;
  border: 0px solid #e6e3dc;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -ie-transition: width 0.5s ease;
  transition: width 0.5s ease; }

#site-menu #share li .share_btns_wrap {
  position: absolute;
  left: 35px;
  top: 7px; }

#site-menu #share li:hover {
  background-color: #f5f4f1;
  -webkit-transition: width 0.5s ease;
  -moz-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  -ie-transition: width 0.5s ease;
  transition: width 0.5s ease; }

#site-menu #share li#fb:hover {
  /*width: 118px;*/ }

#site-menu #share li#tw:hover {
 /* width: 100px;*/ }

#site-menu #share li a {
  display: block; }
  #site-menu #share li a img
  {
  width:100%;
  height:auto;
  }

#site-menu #share #fb a {
  margin: 0px 0px 0 0px;
  width: 33px;
  height: 33px;
  padding:0;
   }
  

#site-menu #share #tw a {
  margin: 0px 0px 0 0px;
  width: 33px;
  height: 33px;
  padding:0;
   }
  #site-menu #share #ig a {
  margin: 0px 0px 0 0px;
  width: 33px;
  height: 33px;
  padding:0;
   }
  #site-menu #share #pi a {
  margin: 0px 0px 0 0px;
  width: 33px;
  height: 33px;
  padding:0;
   }

#site-menu #share #gp a {
  margin: 0px 0px 0 0px;
  width: 33px;
  height: 33px;
  padding:0;
   }

#site-menu #share #gp {
  margin: 0; }
#site-menu #share #tw{margin: 0 10px 0 0 !important;}

#site-menu #share li#fb:hover a {
  /*background-position: 0 -266px;*/ }

#site-menu #share li#tw:hover a {
  /*background-position: -7px -266px;*/ }
  #site-menu #share a
  {
        width: 28px !important;
  height: 28px !important;
  
  }

.hero .content
{
    float:left;
}
.txt.anniversary
  {
      background: #0a4436;
  }
  header.global #utility_nav li.schools
    {
        display: none;
    }
    #utility_nav > .full-nav > li
    {
        border-right: solid 1px #e5e5e5;
    }
    header.global #utility_nav li {
        padding: 0 6px;
    }
header.global #utility_nav li ul li
{
    padding: 0 10px;
}
.schools, .desktopview
            {
                display: none;
            }
    @media only screen and (min-width: 749px)
        {
            header.global #utility_nav li.schools
    {
        display: inline-block;
    }
            header.global #utility_nav .menubarSecond li.menu-a > a {
    background: url(https://cdn.qf.com.qa/app/media/27188) right 5px top 10px no-repeat;
    padding: 0 25px 0 15px;
}
            .mobileview
            {
                display: none;
            }
            .schools, .desktopview
            {
                display: block;
            }
            header.global #utility_nav .menubarSecond li.menu-a ul li
            {
                padding: 0 10px;
            }
            header.global #utility_nav .menubarSecond li.menu-a ul li a
            {
                    border-bottom: 1px solid #666;
            }
        }
    @media only screen and (max-width: 1189px) and (min-width: 875px), only screen and (max-width: 874px) and (min-width: 750px)
        {
            #utility_nav > .full-nav > li
    {
        border-right: solid 0px #e5e5e5;
    }
            header.global #utility_nav li.arabic {
    border-left: solid 1px #e5e5e5;
    border-right: 0;
}
            header.global #utility_nav li.arabic {
    clear: none;
    margin-left: 0;
}
            .menubarSecond
            {
                clear: left;
                margin-left: 22px;
                float: left;
            }
            header.global #utility_nav li.schools
            {
                border-right: solid 1px #e5e5e5;
            }
            #utility_nav .full-nav .menu-a-first {
    border-right: solid 0px #e5e5e5;
}
        }