html{  background-image: url("http://mubs.edu.lb/Images/DiagonalStrips.jpg");}
body {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
}
p{
    line-height:120%;
}
 @font-face {
    font-family: RockWell;
    src: url('http://www.mubs.edu.lb/assets/templates/Fonts/Rockwell.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
p{
    font-family: arial;
    font-size: 14px;
	line-height:19px;
    
    
}
.news_title{
    font-family: rockwell;
}

.container {
    text-align: center;
    width: 100%;
    background-repeat: no-repeat;
    background-color:none;
    background-repeat: repeat;
}
.wrapper {
    margin-left: auto;
    margin-right: auto;
    background-color: eeeeee;
    text-align: center;
    width: 800px;
}
.section{
    margin-bottom:12px;
    -webkit-box-shadow: 2px 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px 2px #888;
    box-shadow: 2px 2px 2px 2px #888;
}
.col{
    padding-left:15px;
    padding-right:15px;
    font-family:Rockwell;
    font-size:12px;
    hyphens:auto;
    color: #003366;
    column-count: 2;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    background: linear-gradient(to right, #d3d3d3 0%,#d3d3d3 50%,#000000 50%,white 50%, white 100%);
}
.text_sect{
    padding:20px;
    font-family:Rockwell;
    font-size:12px;
    hyphens:auto;
    overflow:hidden;
    text-align:justify;
}
.odd_news_sect{
    padding:15px;
    color: #003366;
    line-height:30px;
}
.even_news_sect{
    line-height:30px;
    color: #c32133;
    background-color:#d3d3d3;
    padding:15px;
}
.news_text{
    width:55%;
}
.news_title {
    font-size:18px;
}
.news_img{
   width: 40%;
float: right;
text-align: center;
margin-top: 36px;
}
.news_img img, .news_img a img {
    padding:5px;
    width: 45%;
    float: right;
}
.news_img_single{
    width: 42%;
    float: right;
    text-align: center;
    margin-top: 36px;
}
.news_img_single img, .news_img_single a img {
    padding: 5px;
    width: 95%;
    float: right;
}
hr{
    clear:both;
} 
.interview_author{
    display:block;
    clear:both;
    float:left;
    text-align:justify;
}
.interview_author img {
 width:50%;
 padding-top:15px;
}
.interview_author span {
    font-size:12px; 
}
.mubs_st_odd span, .mubs_st_even span {
    height:150px;
    display:block;
    font-size:11px;
    overflow:visible;
}

.mubs_st_odd, .mubs_st_even{
    width:21%;
    padding-left:7px;
    padding-right:7px;
    padding-bottom:5px;
    padding-top:15px;
height: 324px;
    float:left;
    text-align:justify;
    margin:7px;
    background-color:#d3d3d3;
    display:block;
}
.mubs_st_odd{
    color:#c32133;
}
.mubs_st_even{
    color:#003366;
}
.mubs_st_odd img, .mubs_st_even img {
    width:100%;
}
#question{
    clear:both;
    color: #c32133;
    
	font-size:14px;
}
li{
    list-style-type:circle;
    padding-left: 15px;
    line-height:120%;
}
.photocaption {
    float:right;
    text-align: left;
    display: block;
    clear: both;
    width:45%;
    color: #c32133;
    font-weight: bold;
    margin-top:15px;
}
div.header, div.center-wrap{
	clear:both;
}
.center-wrap {
    padding-bottom: 36px;
    margin:auto;
    clear: both;
    text-align: left;
}
.title-container {
    background-color: #c32133;
    display:table-cell;
    font-family: "RockWell";
    text-shadow: 0px 1px rgba(0,0,0,0.3);
    font-size: 24px;
    height: 44px;
    line-height: 44px;
    margin-top: 20px;
} 
.title-img::before
{
 content:url('images/mubs-circle.png'); /* with class ModalCarrot ??*/
  position:relative  ; /*or absolute*/
  z-index:200; /*a number that's more than the modal box*/
  top:70px;
  left:10px;
  clear:right;
}

.title {
  min-width: 150px;
  max-width: 750px;

  white-space:nowrap;
  float: left;
  margin-left:100px;
  margin-right: -75px;
  
  
}
.title a {
  
  color: white;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  text-decoration: none;

}

@-webkit-keyframes title-width {
  0% { 
    margin-left: 100px;
    margin-right: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
}
@-moz-keyframes title-width {
  0% { 
    margin-left: 100px;
    margin-right: 100px;
    -moz-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
  50% {
    -moz-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
}
@-o-keyframes title-width {
  0% { 
    margin-left: 100px;
    margin-right: 100px;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
  50% {
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
}
@keyframes title-width {
  0% { 
    margin-left: 100px;
    margin-right: 100px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
  50% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: rgba(255,255,255,0.0);
  }
}


.ribbon-left, .ribbon-right {
  background: #c32133;
  margin-top: 0px;
  position: absolute;
  height: 44px;
  width: 120px;
  z-index: -100;
 
}
.ribbon-left {
  float: left;
  margin-left: -32px;
  text-align: center;
  -webkit-animation: flag-end-left 1s ease;
  -moz-animation: flag-end-left 1s ease;
  -o-animation: flag-end-left 1s ease;
  animation: flag-end-left 1s ease;
}
.ribbon-right {
  display: inline;
  margin-left: -32px;
  -webkit-animation: flag-end-right 1s ease;
  -moz-animation: flag-end-right 1s ease;
  -o-animation: flag-end-right 1s ease;
  animation: flag-end-right 1s ease;
}

.ribbon-left:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 22px solid #c32133;
  border-left: 50px solid transparent;
  float: left;
  margin-left: -48px;
  margin-top: 22px;
}
.ribbon-left:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 22px solid #c32133;
  border-left: 50px solid transparent;
  float: left;
  margin-left: -50px;
  margin-top: 0;
}
.ribbon-right:before {
  content: '';
  width: 0;
  height: 0;
  border-bottom: 22px solid #c32133;
  border-right: 50px solid transparent;
  float: right;
  margin-right: -48px;
  margin-top: 22px;
}
.ribbon-right:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 22px solid #c32133;
  border-right: 50px solid transparent;
  float: right;
  margin-right: -50px;
  margin-top: 0;
}
@media all and (max-width: 1340px) {
  .center-wrap {
    width: 100%;
  }
}
@media all and (max-width: 850px) {
  .title-container {
    font-size: 4.8vw;
  }
}
@media only screen and (max-width:900px)
{
    .wrapper {
        width: 90%;
    }
   .mubs_st_even, .mubs_st_odd{
        width:94%;
        padding-top:10px;
        height:auto;
    }
    .news_img{
        width:100%;
        padding:10px;
    }
    .interview_author{
        clear:both;
        width:100%;
    }
    .photocaption {
    float:none;
    text-align: center;
    width:100%;
    }
    .news_text{
    width:100%;
    }
    .news_img_single{
        width:100%;
        padding:10px;
    }
    .interview_author img{
        width:100%;
    }
}

.arabic #question {font-size:15px;}
.arabic *{
	
	font-size:15px;
}
br{
	line-height:38px;
}