@charset "utf-8";
/* CSS Document */

/* default */
.row {margin-right: -10px;margin-left: -10px;}
.col-lg-25, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, 
.col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 10px;padding-right: 10px; float:right;}
.col-lg-25{ float:right; width:20%;}
.img-rounded {border-radius: 3px;}
.row2 {margin-right: -3px;margin-left: -3px;}
.col2 {padding-left: 3px;padding-right:3px;}
.row3 {margin-right: -6px;margin-left: -6px;}
.col3 {padding-left: 6px;padding-right: 6px;}
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {margin-right: -20px;}
.img-rounded {border-radius: 12px;}
.modal-open .modal{ padding-right:0 !important; padding-left:0 !important;}

.no-padding{ padding-right:0; padding-left:0;}
.no-pd-left{ padding-left:0;}
.no-pd-right{ padding-right:0;}
h1{font-size:20px;line-height:150%; margin:0 0 5px;}
h2{font-size:18px;line-height:150%; margin:0 0 4px;}
h3{font-size:16px;line-height:150%; margin:0 0 3px;}
h4{font-size:14px;line-height:150%; margin:0 0 3px;}
h1, h2, h3, h4{ font-weight:normal;font-family: 'TheSansArabic-Bold', sans-serif;}
a:hover, a:focus, a{ text-decoration:none;color: #171542;}
.mb-40{margin-bottom:40px;}
.mb-30{margin-bottom:30px;}
.mb-20{margin-bottom:20px;}
.mb-15{margin-bottom:15px;}
.mb-10{margin-bottom:10px;}
.mb-5{margin-bottom:5px;}
.mt-5{margin-top:5px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.pt-15{padding-top:15px;}
.pt-20{padding-top:20px;}
.pb-15{padding-bottom:15px;}
p{ line-height:145%;margin: 0 0 10px 0; font-family: 'GretaArabic-BoldItalic';font-size: 15px;}
.small, small {font-size: 70%;}
.btn-facebook:hover, .btn-facebook{color:#FFFFFF;background:#3b5998; }
.btn-twitter:hover, .btn-twitter{color:#FFFFFF;background:#55acee}
.btn-google:hover, .btn-google{color:#FFFFFF;background:#d73d32;}
.brk{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}


/* default for this site */
body{font-family: 'TheSansArabic-SemiBold', sans-serif; background-color:#f2f2f2; font-size:13px;}
.btn-main{background:#586169; color:#fff; transition:ease-out 0.2s;}
.btn-main:focus, .btn-main:hover{background:#586169; color:#fff;}

.container{box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.28); background: #fff;}

header{float:right; width:100%; padding:15px 0;}
header .logo{float:right; max-width:150px;}
header .lang{float:left; margin:0 10px 0 0;}
header .btn-login{ float:left; border:1px solid #586169; background:#fff;}

.navbar-main{ background-color:#62a5d0; font-size: 13px;  margin-bottom:15px;}
.navbar-main .nav a{padding-right: 6px; padding-left: 6px;}
.navbar-main .nav a i{ margin-left:4px;}
.navbar-main a:hover, .navbar-main a:focus, .navbar-main a {color: #fff; }
.navbar-main .nav .open>a, .navbar-main .nav .open>a:focus, .navbar-main .nav .open>a:hover, .navbar-main .nav>li>a:focus, .navbar-main .nav>li>a:hover {background-color: #468cb9;}
.navbar-main .navbar-nav>li>.dropdown-menu{background-color: #468cb9; border:0; border-radius:0; }
.navbar-main .dropdown-menu>li>a{color: #fff;padding: 9px 20px;}
.navbar-main .dropdown-menu>li>a:focus, .navbar-main .dropdown-menu>li>a:hover {background-color: #62A5D0;}
.navbar-main .navbar-brand{background-color:#4b80a3;}

.carousel-control{top: 45%; bottom: auto; width: auto;}
.right.carousel-control{background-image: none; right:2%; left:auto;}
.left.carousel-control{background-image: none; right:auto; left:2%;}
.carousel-caption{ right:0; left:0; bottom:0; font-size:24px; padding:70px 20px 12px;
    background: rgba(0,0,0,0); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7)); /* Standard syntax */}

.cat-title{ background-color:#586169; padding:5px 10px; width:100%; float:right; margin-bottom:15px;}
.cat-title a{ color:#fff;}
.cat-news{float:right; width:100%; border:1px solid #ccc; margin-bottom:20px;}
.cat-news .bdy{padding:8px 10px 0; height: 110px; overflow: hidden;}
.cat-news .bdy h3{ margin-bottom:9px;}
.cat-news .bdy p{color:#333;}

#carousel-gallery{ margin-bottom:20px; position:relative;}
#carousel-gallery .title{background-color:#586169; padding:5px 10px; top:10px; right:10px; position:absolute;}
#carousel-gallery .title a{color:#fff;}
#carousel-gallery .cats{background-color:#fff; padding:5px 0; bottom:15px; right:15px; position:absolute;}
#carousel-gallery .cats .cat{ float: right;padding: 0 20px;color: #586169;font-size: 15px;}
#carousel-gallery .cats .cat:hover{color:#000;}
#carousel-gallery .carousel-indicators{left: 25px; bottom: 15px; margin: 0; width: auto;}
#carousel-gallery .carousel-indicators .active {background-color: #333333;}
#carousel-gallery .carousel-indicators li {border: 1px solid #333333;}
	
.visual{ position:relative; overflow:hidden;}
.visual img{opacity:1; transition: all .7s ease;}
.visual img:hover{ opacity:0.9;  transform:scale(1.2, 1.2);}
.visual .plus{ padding:2px 10px; background-color:rgba(88, 97, 105, 0.64); bottom:5px; left:5px; color:#fff; position:absolute; }
.visual .play{color:#333333; position:absolute; top:50%; right:50%; margin: -25px -25px 0 0; text-align:center; line-height:50px; background: rgba(233, 233, 234, 0.68); width:50px; height:50px; font-size: 24px; padding-left: 5px; border-radius:50%; border: 2px solid rgba(23, 21, 66, 0.65);}
.visual h3{position:absolute; bottom:15px; right:15px; left:15px; }
.visual h3 span{background:#e9e9ea; padding:4px 10px;}

.friends-sites{border:1px solid #ccc; margin:0 0 20px;  padding:5px 0;}
.friends-sites h2{color:#62a5d0; }

footer{ background:#586169; float:right; width:100%; padding:20px 20px 15px;}
footer ul.menu{float:right; width:100%; list-style:none; margin: 0 0 15px; padding:0; border-bottom:1px solid #acb0b4;}
footer ul.menu li{ float:right;  margin:0 0 10px 60px; }
footer ul.menu li:last-child{ margin-left:0;}
footer, footer a{color:#acb0b4;}
footer .rights{float:right; margin-left:20px; font-size:11px;}
footer .follow{float:right; font-size:11px; }
footer .follow i{ margin-right:10px; font-size:13px;}
footer .nadsoft{float:left; }
 
 
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.library{float:right; width:100%; background-color:#e5e1d1; padding:15px 30px 5px 15px; margin-bottom:20px;}
.library h2{color:#62a5d0; text-decoration:underline; font-size:22px; margin-top:15px;}
.library a{float:right; width:100%; font-size:16px; margin-top:5px;}

.newsletter{float:right; width:100%; background: url(images/galile-03.png) no-repeat left bottom #62a5d0; padding:20px 15px; margin-bottom:20px;}
.newsletter h3{color:#fff; margin-bottom:13px;}

.btn-cat{ border-radius:0; padding:20px; color:#fff;}
.btn-cat:hover{color:#fff; opacity:0.8;}

.google-map{ float:right; width:100%; border:1px solid #ccc; margin-bottom:20px; }
.google-map .map{float:left; width:100%;height:200px; width: calc(100% - 1px);}

article{float:right; width:100%; border:1px solid #ccc; margin-bottom:15px; padding:15px;}
article h1{font-size:28px; margin-bottom:15px;}
article .bar{float:right; width:100%; border-bottom:1px solid #ccc; margin-bottom: 15px;padding-bottom: 6px;}
article .bar .date{float:right; font-size:12px; color:#999;}
article .bar .share{float:left; margin-left: 8px;}
article img{ margin-bottom:15px;}
article p{font-size:17px;}

.responsive-calendar{ margin-bottom:30px; border:1px solid #ccc; float: right; width: 100%;}
.responsive-calendar .controls {padding: 10px; background: #586169; color: #fff; margin-bottom:0;}
.responsive-calendar hr{ display: none; margin:0}
.responsive-calendar .day.header {font-size: 11px; padding: 8px 0; background: #FFE4E4;}

/* calendar */
.up-calendar{ font-size: 13px;float:right; width:100%;  background:#fff;     border: 1px solid #ccc;}

.Tophead { text-align: center; float: right; width: 100%; height: auto;   color: #fff; background:#586169; line-height: 40px; }
.Tophead .prev, .Tophead .next, .Tophead .prevYear, .Tophead .nextYear{ font-size:16px;   padding: 0 10px; }
.Tophead .prev { float: right; cursor: pointer;  }
.Tophead .next { float: left; cursor: pointer;  }
.Tophead .prevYear { float: right; cursor: pointer; }
.Tophead .nextYear { float: left; cursor: pointer; ;}
.Tophead h2 {  width: 200px; font-size: 12px; text-align:center;}

table.calendar{ float: right;  width: 100%; height: 230px; background: url('images/calenderbg.png') #fff top no-repeat;}
tr.calendar-row {    line-height: 20px; }
td.calendar-day { color:#000; height:25px; min-height:25px;  position:relative; text-align: center; cursor: default;     background-position: center !important; } * html div.calendar-day { height:25px; }
td.calendar-day.event{ color:#c41919; }
td.calendar-day.event div.day-number{cursor:pointer;}
td.calendar-day:hover   { cursor: auto; }
td.calendar-day p   { float: left; width: 32px; margin: 0 0 5px 0; text-align: right;  }
td.calendar-day-np  {  min-height:25px;cursor: auto; } * html div.calendar-day-np { height:25px; cursor: auto;}
td.calendar-day-head {  line-height: 11px;font-size:11px; width:32px; height: 20px; border:0;  color: #000; background:#FFE4E4;  text-align: center; border-bottom: solid #000 1px; }
div.day-number{    line-height: 34px;   width: 100%;  height: 100%;  text-align:center; position: absolute; border:1px solid #fff; top:0;}

.popover.top>.arrow{ display:none;}
.popover.top:after{ content:''; margin:0 auto -40px; float:right; width:100%; height:15px; background:url('images/arrow-down.png') bottom no-repeat; display:none;}

.visualtv{ float:right;  position:relative; }
.visualtv .txt{ position:absolute; padding:10px 10px 0 10px; color:#fff; background:rgba(0,0,0, 0.5); bottom:0; width:100%;}
.visualtv .video{ position: absolute; color:#fff; font-size:50px; margin:-25px -25px 0 0; top:50%; right:50%;  opacity:0.7;}
.visualtv:hover .video{ opacity:1;}
.visualtv .video.big{transform: scale(1.5);}

.gkftor{position:absolute; top:40%; right:20px; font-size:24px; color:#fff;-webkit-text-shadow: 0 3px 3px rgba(0,0,0,.5);text-shadow: 0 3px 3px rgba(0,0,0,.5);}
.gkftorl{ right:auto; left:20px;}

.youtube-frame{ float:right; width:100%; height:480px;     }

.comments-title{float:right; width:100%;color:#fff;  background-color:#9DAFAF; font-size: 14px;padding: 3px 10px; height:28px; margin-bottom: 10px;}
.comments .textarea{ height:65px;}
.comments .btn-default{ line-height:38px; height:48px;     border-bottom: 1px solid #ccc;}
.comments .form-control, .comment{font-size:12px;}
.comment{}
.comments .name{color:#53a4c6;  }

.fastnews{ background:#4d4d4d; width:100%; height:40px;line-height:40px;padding:0px 10px 0px; font-size:12px;float: right; }
.fastnews .first{ float: right; padding-left:7px; color:#fff; width: 15%;font-family: 'TheSansArabic-Bold';line-height:40px;}
.fastnews .txt{float: right;width: 85%;text-align: right; line-height:40px;}

.fastnews .navbar-nav, .fastnews .navbar-nav>li { height: 40px; color: #fff}
.fastnews .navbar-nav>li>a { color: #fff}
.fastnews .nav>li>a:focus, .fastnews .nav>li>a:hover {background-color: transparent; color: #fff}

.scroller {
    height:40px;
    line-height:40px;
    overflow:hidden;
    position:relative;
}
.scrollingtext {
    white-space:nowrap;
    position:absolute;
    width:3000px;
}
.scrollingtext a:link, a:visited {
    color: #fff
}
.scrollingtext a:visited {
    text-decoration:none;
}


@media (max-width: 1200px){ 

}

@media (max-width: 990px){

}


@media (max-width: 767px){

}

@media (max-width: 500px){

}

@media (max-width: 400px){

}

@media (max-width: 350px){

}