@font-face {
    font-family: 'OpenSans-Regular';
    src: url(http://icare.alazhar.edu.ps/fonts/OpenSans-Regular.otf);
}
@font-face {
    font-family: 'Exo-Regular';
    src: url(http://icare.alazhar.edu.ps/fonts/Exo-Regular.otf);
}

body {
    font-family: 'OpenSans-Regular';
    overflow-x: hidden;
	}

	

	
.news-details ul {
	    font-size: 18px;
		}

iframe#twitter-widget-0 {
    overflow: scroll !important;
   /* height: 350px !important;*/
}


.timeline-Widget {
    overflow: scroll !important;
    height: 350px !important;
}

.separator {
	    border-bottom: 2px solid #f9f9f9;
    margin: 30px 0px;
}

/************ team profile img ************/
.profile_block{
	text-align:center;
    padding-bottom: 50px;
		}
.profile_img{
    min-width: 160px;
    min-height: 160px;
    max-width: 160px;
    max-height: 160px;
	 border: #66b445 solid 6px;

	
}
.profile_block h3{
	color:#007cc2;
    font-family: 'Acme', sans-serif;
	font-size:19px;
	
		}
		
.profile_block h4{
	
	font-weight:bold;
	
		}
		
.profile_block img {
    width: 150px;
    height: 150px;
	 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	 padding:3px;
	  transition: .3s ease-in-out;
}

.profile_block img:hover {
	 -webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;

	cursor:pointer;
	 width: 250px;
    height: 250px
}

	
/************ social media section ************/
.social{
    background: #ebebeb;
    color:#FFF;
/*	padding: 15px 0;
*/}
.social-head {
    background:#2887c9;
    width: 100%;
    height: 50px;
    color: #FFF;
}
.social-head h4 {
    font-size: 24px;
    text-align: center;
    line-height: 2;
}

.timeline-Viewport {
    height: 420px !important;
}

/*iframe#twitter-widget-0 {
    max-height: 461px;
}
*/
.SandboxRoot.var-fully-expanded .timeline-Viewport {
    overflow-y: visible;
    height: 420px !important;
}
div#third-youtube {
    width: 49%;
    display: inline-block;
}
div#second-youtube {
    width: 50%;
    display: inline-block;
	margin: 2px 0;
}

div#first-youtube img {
    width: 100%;
    max-height: 181px;
    overflow: hidden;
}
div#second-youtube img, div#third-youtube img {
    width: 100%;
    max-height: 101px;
    overflow: hidden;
}
div#fourth-youtube img {
    width: 100%;
    max-height: 181px;
    overflow: hidden;
}




/*.news-details-body {
    width: auto !important;
    height: auto !important;
    padding: 10px !important;
    display: block !important;
    margin: 10px auto !important;
    overflow: hidden !important;
}

.news-details-body img {
    width: 100% !important;
    height: auto !important;
}
*/

.news-details h2 {
	text-align:center;
	font-weight:bold;
	    font-family: 'Acme', sans-serif;

}



.news-details p {
        line-height: 1.7;
        font-size: 14pt;
        text-indent: 32px;
        margin-bottom: 17px;
}

.title {
        font-size: 37px;
    	color: #007cc3;
	    padding: 31px 0px;
}

.columns_title h4{
    font-size: 20px;
    padding-bottom: 10px;
    font-family: 'Acme', sans-serif;
    border-bottom: 3px solid #ddd;
    /* border-image: url(../icare.alazhar.edu.ps) 22% space; */
}

.event_pad{
    background-color: white;
    padding: 20px;
    overflow: hidden;
    max-height: 130px;
    min-height: 130px;
	margin-bottom:10px;
	    border-radius: 4px;
}
 .event_date_rec {
    background-color: #2887c9;
    min-height: 80px;
    border-radius: 3px;
    color: white;
	text-align:center;
	font-size:2.4rem;
	padding:11px;
 }
 .event_heading h4 {

	margin-top: 0px;
    height: 80px;
    max-height: 80px;
    overflow: hidden;
	vertical-align: middle;
    display: table-cell;
	   
	
		 }
		 
		 
		 
		 
.related {
	background-color:#E5E5E5;
	    border-radius: 4px;
}
 .related_heading   {

    background-color: white;
    padding: 8px;
    overflow: hidden;
    margin-bottom: 8px;
    border-radius: 4px;	   
	
		 }
		 
.related_heading h4, a{
	color:#fff;

		 }

 .related_heading_inner   {

    background-color: white;
    padding: 8px;
    overflow: hidden;
    margin-bottom: 8px;
    border-radius: 4px;	   
	
		 }
		 
.related_heading_inner h4, a{
	color:#007cc2;

		 }
		 		 
		 
		 
/*** header ***/
section.header {
    padding: 20px 0;
}
section.header img {
    margin-left: 50px;
}
/*** NavBar ***/
.navbar-default {
    background-color: #007cc3;
    border-color: #007cc3;
    border-radius: 0;
    border: none;
}
.navbar-default .navbar-brand {
    color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}
.navbar-default .navbar-text {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #66b445;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #66b445;
}
.navbar-default .navbar-toggle {
    border-color: #66b445;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #66b445;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}
.navbar-default .navbar-link {
    color: #ffffff;
}
.navbar-default .navbar-link:hover {
    color: #ffffff;
}

.navbar-default .navbar-nav > li > a{
    text-transform: uppercase;
	    font-weight: bold;
}
.navbar-default .navbar-nav > li:hover,.navbar-default .navbar-nav > li.active :hover{
    background: #66b445;
}
.navbar {
    margin-bottom: 0;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
    background: #66b445;
    color:#FFF;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #66b445;
    }
}

ul.dropdown-menu {
    background: #00000099;
}
.dropdown-menu>li>a{
    color:#FFF;
    line-height: 3;
}
/*** slider ****/

@media screen and (max-width: 640px){
	.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    min-height: auto;
}
.carousel-caption { display:none;}
}

.carousel-caption {
    position: absolute;
    bottom: 100px;
    font-size: 40px;
/*    background-color: #007cc21f;*/ 
	font-weight: bold;
   	z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.97) !important;
}

.carousel-caption a {
    color: #ffffff;
    text-decoration: none;
}



/***** Welcome ******/
.welcome{
    background-color: #66b645;
    text-align: center;
    margin-top: -2px;
}
.welcome-content {
    padding-top: 40px;
    color: #FFF
}

@media screen and (max-width: 640px){
	.welcome-content {
    padding-top: 5px;
}
	.welcome-img img {width:50%}
}
.welcome-content p {
   
	text-align: center;
    line-height: 1.8;
        font-size: 23px;
  
}
/***** body content ****/
section.body-content {
    margin: 15px 0;

	}

	
	

.body-content a , .body-content h3{
    color: #007cc3;
    text-decoration: none;
    font-size: 30px;
}


/**** section.news-group ****/
section.news-group {
	background-color:#F1F1F1;
	    padding-top: 30px;
	}
	
	.news_block { 
    background-color: white;
    margin: 5px;
    padding: 20px;
    width: 48%;
	 border-bottom: 5px solid #2887c9;
	     overflow: hidden;
    max-height: 435px;
	    min-height: 435px;
	}
		.news_block img {
			max-width:100%;
			/* max-width: 311px; */
			min-width: 311px;
			max-height: 220px;
			min-height: 220px;
	} 
			
	@media screen and (max-width: 640px){
		.news_block { 
    background-color: white;
    margin: 5px;
    padding: 20px;
    width: 100%;
	 border-bottom: 5px solid #66b545;

    max-height: auto;
	}
	}
/***** news ****/
.news-img img {
    width: 100%;
    height: 102px;
	filter: grayscale(60%);
}
.news{
    padding: 27px 0;
    padding-right: 10px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.news-body {
    text-align: justify;
}


.news-body a{
    text-decoration: none;
    color: #464646;
	font-family: 'Acme', sans-serif;
	}
	
.news-body p{
    color: #666;
    font-size: 16px;
    font-family: 'OpenSans-Regular';
	    display: contents;
}
		
	
.btn-edit , .btn-edit:hover , .btn-edit:focus{
    background: #007cc3;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    float: right;
}
.margin-top{
    margin: 20px 0;
}
/**** right-side ****/
#form{
    color: #464646;
    margin-bottom: 50px
}

/**** footer ***/
.footer{
  /*  background: #4C4C4C;*/
    color:#FFF;
    padding: 33px 0;
    background:#007cc3;
}
.footer a{
    text-decoration: none;
    color:#FFF;
}


/******* THE CONSORTIUM ********/
table#CONSORTIUM-table {
    margin: 15px 0;
}

/**** news page ****/
table#news-table img {
    height: 60px;
}
table#news-table tbody tr td a {
    line-height: 2;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: 1px solid #007cc3;
}
.table>thead>tr>th {
    border-bottom: 2px solid #007cc3;
}
table#news-table tbody tr:hover {
    background: #f8dcf3;
}

/***** news details ****/
.news-details {
    margin: 15px 0;
}
.news-details-body {

    padding: 10px;
    display: block;
    margin: 10px auto;
}

.news-details-body img{
    width: 100%;
	    border-radius: 4px;
}

/***** EVENTS ***/
.activites li h4{
    line-height: 2;
}
/**** documents ****/
.line-height li a {
    line-height: 2;
}

/**** Gallery ****/
.filter-button
{
    font-size: 18px;
    border: 1px solid #007cc3;
    border-radius: 5px;
    text-align: center;
    color: #007cc3;
    margin-bottom: 30px;

}
.filter-button:hover,.filter-button:focus
{
    font-size: 18px;
    border: 1px solid #007cc3;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #007cc3;

}
/*.filter-button.active*/
/*{*/
    /*background-color: #007cc3;*/
    /*color: white;*/
/*}*/
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

.gallery-meny .btn-default.active{
    color: #007cc3;
    border-color: #007cc3;
    background-color: #FFF;
    box-shadow:none;
}
.gallery-meny .btn-default.active:hover,
.gallery-meny .btn-default.active:focus{
    background-color: #007cc3;
    border: 1px solid #007cc3;
    color: #ffffff;
}

.footer-margin{
    margin-top: 39px;
}

/****** work *******/

.table-margin{
    margin: 10px 0;
}

/**** methods ***/
.methods-body {
    text-align: justify;
}
/**** time frame ***/
img.timeframe {
    display: block;
    margin: auto;
}
#timeframe{
    display: block;
    margin: auto;
}
@media screen and (max-width: 480px) {
/** header **/
    section.header img{
        width: 100%;
        margin-left: 0;
    }
 /*** news page ***/
    table#news-table tbody tr td a {
        line-height: 1.42857143;
    }
    /*** news details ***/
    .news-details-body {
        height: auto;
        width: 100%;
    }
    .timeframe{
        width: 100%;
    }
}

.timeline-Widget {
    overflow: scroll;
    height: 350px;
}

.news-details-body {
   
    
    padding: 10px;
    display: block;
    margin: 10px auto;
    overflow: hidden;
}

/*.news-details-body img {
    width: 328px;
    height: 185px;
}
*/


   /*** work pakages ***/

.dash-box {
    position: relative;
    background: rgb(255, 86, 65);
    background: -moz-linear-gradient(top, rgba(0, 124, 194, 1) 0%, rgba(102, 180, 69, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 124, 194, 1) 0%, rgba(102, 180, 69, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 124, 194, 1) 0%, rgba(102, 180, 69, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#007cc2', endColorstr='#fd3261', GradientType=0);
    border-radius: 4px;
    text-align: center;
    margin: 12px 0 50px;
    max-height: 420px;
    height: 420px;
}
.dash-box-icon {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
.dash-box-action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}
.dash-box-body {
    padding: 38px 20px;
}

.dash-box-body li {
    color:white;
    text-align: left;
    font-size: 17px;
}

.dash-box-icon:after {
    width: 60px;
    height: 60px;
    position: absolute;
    background: rgb(102, 179, 69);
    content: '';
    border-radius: 50%;
    left: -10px;
    top: -10px;
    z-index: -1;
}
.dash-box-icon > i {
    background: #007cc2;
    border-radius: 50%;
    line-height: 40px;
    color: #FFF;
    width: 40px;
    height: 40px;
    font-size:22px;
}
.dash-box-icon:before {
    width: 75px;
    height: 75px;
    position: absolute;
    background:rgba(102, 179, 69, 0.57);
    content: '';
    border-radius: 50%;
    left: -17px;
    top: -17px;
    z-index: -2;
}
.dash-box-action > button {
    border: none;
    background: #FFF;
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
}
.dash-box-body > .dash-box-count {
    display: block;
    font-size: 30px;
    color: #FFF;
    font-weight: 300;
}
.dash-box-body > .dash-box-title {
    color: rgba(255, 255, 255, 0.81);
}
.dash-box-body h3 {
color:white;
font-weight: bold;}