@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body{
 font-family:'Droid Arabic Kufi', 'Open Sans', sans-serif;
}
.header{
    border-top: 4px solid #f6a91c;
    background:#008fc6  url(../images/header.png) repeat-x bottom;
    min-height: 307px;
}
.header .logo {
  clear: both;
  margin: 35px 92px 0 70px;
  display: block;
}

@media screen and (max-width: 468px) {
.header .logo {
  clear: both;
  margin: 95px auto 70px !important;
  display: block;
}

}
.header .ramadan-logo{
margin: 29px 41px 0 0;
}
.navbar-inverse .navbar-nav > li > a{
    color: #fff;
}
.navbar-inverse{
    border-width: 0;
}
.navbar-form{
    background: #008fc6;
    border-radius: 8px;
    box-shadow: inset 1px 1px 1px #006e98;
}
.navbar-form input.form-control{
    background: transparent;
    border-width: 0;
    box-shadow: none;
    color: #fff;
}
.navbar-form input.form-control::-webkit-input-placeholder{color:#fff;}
.navbar-form button.btn{
    background: transparent;
    border-width: 0;
    box-shadow: none;
    color: #fff;
}
.navbar-inverse .navbar-nav > li >a:hover{
background:#D68E09;
}
.inner{
    background: #ecf0f1;
}
.cover{
    background: url(../images/ramdan.png) no-repeat center top;
    height: 641px;
    position: absolute;
    top: 4px;
    right:0;
    left: 0;
}
.line{
    background: #f6a91c;
    color: #fff;
    font-weight: bold;
    line-height:35px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.line:last-child{
    margin-bottom: 15px;
}
.line .grey{
    background: #acacac;
    padding: 8px;
    border-right: 4px solid #008fc6;
}
.line .tite{
    padding: 8px;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 15px;
}

.carousel-caption {
  background-color: rgba(0,140,194,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}
.carousel-caption h2{
font-size:14px;
font-weight:bold;
}
.carousel-caption h2 a{
color:#fff;
}
.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 0px 0;
}

.section-white {
  background-color: #fff;
  color: #555;
}

@media screen and (min-width: 768px) {

  .section-white {
     padding:0 0;
  }

}
.titleh{
    background: #f6a91c;
    border-radius: 8px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 15px 0;
}
.news-box{
    margin: 15px 0;
    padding: 15px;
    background: #ffffff;
}
.news-box a{
    color: #3cb2dc;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}
.btn {
    border-radius: 0;
    border: 0;
    border-bottom: 4px solid #CCCCCC;
    margin:0;
    -webkit-box-shadow: 0 5px 5px -6px rgba(0,0,0,.3);
       -moz-box-shadow: 0 5px 5px -6px rgba(0,0,0,.3);
            box-shadow: 0 5px 5px -6px rgba(0,0,0,.3);
}
.btn .btn-block:active, .btn .btn-lg:active {
    -webkit-box-shadow: inset 0 3px 3px -5px rgba(0,0,0,.3);
       -moz-box-shadow: inset 0 3px 3px -5px rgba(0,0,0,.3);
            box-shadow: inset 0 3px 3px -5px rgba(0,0,0,.3);
}
.btn-default {
    color: #555;
    background-color: #f9f9f9;
    border-color: #cacaca;
    text-shadow: 1px 1px 0 #f5f5f5;
}
.btn-default:hover, .btn-default:focus {
    background-color: #f4f4f4;
    border-color: #bebebe;
}
.btn-success {
    background-color: #80d752;
    border-color: #61be26;
    text-shadow: 1px 1px 0 #5fdb34;
}
.btn-success:hover, .btn-success:focus {
    background-color: #75cd53;
    border-color: #53aa27;
}
.btn-info {
    background-color: #39b3d7;
    border-color: #348fd2;
    text-shadow: 1px 1px 0 #238ed5;
}
.btn-info:hover, .btn-info:focus {
    background-color: #45abcd;
    border-color: #347abe;
}
.btn-warning {
    background-color: #FEAF20;
    border-color: #d79a34;
    text-shadow: 1px 1px 0 #db9e34;
}
.btn-warning:hover, .btn-warning:focus {
    background-color: #f5a620;
    border-color: #cd9034;
}
.btn-danger {
    background-color: #d73814;
    border-color: #be0000;
    text-shadow: 1px 1px 0 #ac2925;
}
.btn-danger:hover, .btn-danger:focus {
    background-color: #cd3714;
    border-color: #aa0000;
}
.btn-primary {
    background-color: #4274d7;
    border-color: #4d5bbe;
    text-shadow: 1px 1px 0 #232bd5;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #426acd;
    border-color: #4f56aa;
}
.btn-magick {
    color: #fff;
    background-color: #bb39d7;
    border-color: #9a00cd;
    text-shadow: 1px 1px 0 #9823d5;
}
.btn-magick:hover, .btn-magick:focus {
    color: #fff;
    background-color: #b13acd;
    border-color: #8600b9;
}
.btn-pressure {
    position: relative;
    margin-bottom: 0;
}
.btn-pressure:focus {
    -moz-outline-style:none;
         outline:medium none;
}
.btn-pressure:active, .btn-pressure.active {
    top: 4px;
    border: 0;
    position: relative;
}
.btn-sensitive:active, .btn-sensitive.active {
    top: 1px;
    margin-top: 4px;
}
.footer{
    background:#727272 url(../images/footer.png) repeat-x bottom;
    min-height: 190px;
    border-top: 3px solid #f6a91c;
    color: #fff;
}
.footer h4{
    font-size: 16px;
    color: #f1f1f1;
}
.footer li a{
    font-size: 13px;
    color: #fff;
}
.footer li{
    color: #f6a91c;
}
.footer-bottom{
    background: #525252;
    border-bottom: 5px solid #f6a91c;
}
.rowaad{
    background: url(../images/rowaad.png);
    width: 163px;
    height: 60px;
    display: block;
    margin: 0 auto;
}
.rights{
    background: url(../images/rights.png);
    width: 321px;
    height: 60px;
    margin: 0 auto;
}
.block{
    margin: 0 0 15px 0;
}
.block h4{
    background: #f6a91c;
    padding: 10px;
    margin: 0 0 15px 0;
    color: #fff;
    border-bottom: 3px solid #008fc6;
}
.news-box .btn a{
    color: #fff;
    margin: 0;
    font-weight: normal;
}


.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cuadro_intro_hover{
        padding: 0px;
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
    .form-allowed-tags{
        display: none;
    }
.archive_title{
    font-size: 16px;
    font-weight: bold
}