@import "http://fonts.googleapis.com/earlyaccess/droidarabickufi.css";
html, body {
height : 100%;
}
body {
font-size : 13px;
direction : rtl;
}
.wrapper {
min-height : 100%;
margin-bottom : -344px;
}
.wrapper:after {
content : "";
display : block;
height : 344px;
}
.footer {
height : 344px;
}
h1, h2, h3, h4, h5, h6 {
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
font-weight : 300;
}
strong, p {
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
p {
color : #444;
font-size : 13px;
}
a {
color : #6091ba;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
a:hover {
text-decoration : none;
color : #365d7e;
}
a:focus {
text-decoration : none;
}
.btn {
border-radius : 0;
background-clip : padding-box;
}
.btn .fa {
color : #fff;
margin-right : 5px;
}
.btn .fa.fa-search {
margin-right : 0;
}
.btn-theme {
background : #6091ba;
border : #6091ba solid 1px;
color : #fff;
}
.btn-theme:hover {
background : #84aac9;
border : #84aac9 solid 1px;
color : #fff;
}
.gap-10 {
margin : 10px 0;
}
a.btn-cta, .btn-cta {
background : #6091ba;
color : #fff;
padding : 10px 20px;
font-size : 18px;
line-height : 1.33;
border-radius : 0;
background-clip : padding-box;
border : #6091ba solid 1px;
font-family : 'open sans', arial, sans-serif;
}
a.btn-cta:hover, .btn-cta:hover {
color : #fff;
background : #84aac9;
border : #84aac9 solid 1px;
}
a.btn-cta .fa, .btn-cta .fa {
margin-right : 10px;
font-size : 20px;
color : #fff;
}
.form-control {
border-radius : 0;
background-clip : padding-box;
}
.form-control:focus {
border-color : #6091ba;
box-shadow : none;
}
blockquote {
font-size : 14px;
}
blockquote p {
font-size : 14px;
line-height : 1.5;
}
.RedDamask {
background-color : #e27240;
}
.RedDamask:hover {
background-color : #df622a;
}
.FireBush {
background-color : #E28D40;
}
.FireBush:hover {
background-color : #df802a;
}
.OliveDrab {
background-color : #60A823;
}
.OliveDrab:hover {
background-color : #54931f;
}
.Mojo {
background-color : #C94139;
}
.Mojo:hover {
background-color : #b73932;
}
.text-highlight {
color : #27435a !important ;
}
.highlight-border {
border-color : #6091ba;
}
.read-more {
font-size : 13px;
display : block;
}
.read-more .fa {
position : relative;
top : 1px;
margin-right : 5px;
}
.read-more:hover {
text-decoration : none;
}
.carousel-fade .item {
opacity : 0;
}
.carousel-fade .item.active {
opacity : 1;
}
#topcontrol {
background : #84aac9;
color : #fff;
text-align : center;
display : inline-block;
width : 35px;
height : 35px;
border : none;
border-radius : 2px;
background-clip : padding-box;
}
#topcontrol:hover {
background : #6091ba;
}
#topcontrol .fa {
position : relative;
top : 3px;
font-size : 25px;
}
.row-end {
margin-right : 0;
padding-right : 0;
}
ul.custom-list-style li {
list-style : none;
}
.date-label {
background : #f5f5f5;
display : inline-block;
width : 40px;
height : 50px;
text-align : center;
font-size : 13px;
}
.news-item p {
    font-size: 15px;
    line-height: 31px;
}
.date-label .month {
background : #6091ba;
color : #fff;
display : block;
font-size : 13px;
text-transform : uppercase;
}
.date-label .date-number {
clear : left;
display : block;
padding-top : 5px;
font-size : 15px;
font-family : 'open sans', arial, sans-serif;
font-weight : 500;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color : #6091ba;
border-color : #6091ba;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
background-color : #eef3f8;
border-color : #a7c2d9;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
border-radius : 0;
background-clip : padding-box;
}
.nav-tabs {
border-bottom : none;
position : relative;
margin-bottom : -1px;
}
.tab-content {
border : #e8e8e8 solid 1px;
padding : 15px;
margin-bottom : 20px;
}
.nav > li > a {
font-size : 12px;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
.nav > li > a:focus, .nav > li > a:hover {
background : inherit;
}
.nav-tabs > li > a {
border : #e8e8e8 solid 1px;
border-bottom : none;
background : #f5f5f5;
padding : 5px 15px;
margin-right : 0;
border-radius : 0;
background-clip : padding-box;
color : #444;
}
.nav-tabs > li {
margin-right : 2px;
}
.nav-tabs > li.active {
border-top : 2px solid #6091ba;
}
.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:active, .nav-tabs > li.active a:focus {
border-bottom : 0;
border-top : 0;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
background : #f5f8fb;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top : 1px solid #ebebeb;
}
.table > thead > tr > th {
border-bottom : 2px solid #a7c2d9;
color : #365d7e;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
background : #f5f8fb;
}
.table-boxed, .table-bordered {
border : #ebebeb solid 1px;
}
.table.table-boxed > thead > tr > th {
border-bottom : none;
background : #6091ba;
color : #fff;
}
.panel-group .panel {
border-radius : 0;
background-clip : padding-box;
}
.widget-container, .post-listing {
background : #FFF;
box-shadow : 0 0 3px #CACACA;
}
.widget-container {
padding : 10px;
clear : both;
}
.widget-container li {
padding : 0 0 5px 0;
line-height : 18px;
overflow : hidden;
}
.widget.timeline-posts ul {
padding : 0;
margin : 0;
outline : none;
list-style : none;
border : none 0;
}
.widget.timeline-posts li {
padding : 0 5px 0 0;
border-bottom : 1px solid #F5F5F5;
}
.widget.timeline-posts li:nth-child(even) {
background-color : #EDE9E9;
}
.widget.timeline-posts li span.jaw-date {
position : relative;
padding-right : 12px;
margin : 2px 0 0 0;
display : block;
height : 16px;
font-size : 11px;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
color : #B21C35;
}
.widget.timeline-posts li span.jaw-date i {
margin-left : 3px;
}
#middle-adv-section {
width : 100%;
margin-bottom : 20px;
margin-top : 20px;
}
#middle-adv-section a img {
width : 49.79%;
height : 96px;
}
.widget.timeline-posts li span.jaw-date:before {
content : '';
width : 8px;
height : 8px;
border : #ccc solid 2px;
display : block;
position : absolute;
right : -3px;
top : 4px;
border-radius : 100%;
}
.widget.timeline-posts li h3 {
border : #ccc solid 2px;
border-width : 0 2px 0 0;
padding : 5px 10px 12px 0;
line-height : 20px;
font-size : 12px;
font-weight : normal;
margin : 0 !important ;
}
.panel-group .panel .panel-heading {
background : none;
border : none;
border-radius : 0;
background-clip : padding-box;
}
.panel-group .panel .panel-heading .panel-title a {
color : #6091ba;
}
.panel-group .panel .panel-heading .panel-title a:before {
font-family : FontAwesome;
line-height : 1;
content : "\f146";
margin-right : 5px;
}
.panel-group .panel .panel-heading .panel-title a.collapsed:before {
content : "\f0fe";
}
.panel-group .panel .panel-body {
font-size : 13px;
}
.panel {
border-radius : 0;
background-clip : padding-box;
}
.panel .panel-heading {
border-radius : 0;
background-clip : padding-box;
}
.panel .panel-heading h3.panel-title {
font-weight : 500;
}
.panel .panel-heading .label {
font-size : 10px;
}
.panel .panel-footer {
border-radius : 0;
background-clip : padding-box;
}
.panel .panel-footer ul {
margin-bottom : 0;
}
.panel .panel-footer ul.list-inline li {
margin-bottom : 0;
}
.panel .panel-footer small {
color : #999;
}
.panel > .list-group .list-group-item:last-child {
border-radius : 0;
background-clip : padding-box;
}
.panel-theme {
border-color : #6091ba;
}
.panel-theme > .panel-heading, .panel-theme > .panel-footer {
color : #fff;
background : #6091ba;
border-color : #6091ba;
}
.no-margins {
margin : 0;
}
.no-margin-left {
margin-left : 0;
}
.no-margin-right {
margin-right : 0;
}
.no-margin-top {
margin-top : 0;
}
.no-margin-bottom {
margin-bottom : 0;
}
.label {
border-radius : 0;
background-clip : padding-box;
}
.label.label-theme {
background : #6091ba;
}
.label .fa {
margin-right : 4px;
}
.label.label-icon-only .fa {
margin-right : 0;
}
.badge.badge-theme {
background : #6091ba;
}
.badge.badge-default {
background : #999;
}
.badge.badge-primary {
background : #428bca;
}
.badge.badge-success {
background : #5cb85c;
}
.badge.badge-info {
background : #5bc0de;
}
.badge.badge-info {
background : #5bc0de;
}
.badge.badge-warning {
background : #f0ad4e;
}
.badge.badge-danger {
background : #d9534f;
}
.promo-badge {
font-size : 20px;
display : table;
}
#latest-news-section .scroll-item {
display : block;
background-color : #f1f1f1;
position : relative;
float : right;
width : 30%;
margin : 5px 7px 10px 3%;
height : auto;
}
.scroll-item:nth-child(3n), .scroll-item:nth-child(3n) {
margin-left : 0 !important ;
}
.scroll-item .post-thumbnail {
margin : 0 0 4px 0;
overflow : hidden;
position : relative;
line-height : 0;
}
#latest-news-section h3.post-box-title {
font-size : 13px !important ;
padding-right : 4px;
line-height : 20px;
font-weight : normal;
margin : 1px !important ;
}
#latest-news-section h3.post-box-title {
font-size : 12px !important ;
padding-right : 4px;
line-height : 20px;
font-weight : normal;
text-align : center;
}
.post-thumbnail a {
display : block !important ;
background : #000;
font-size : 0;
}
.post-thumbnail img {
height : 150px;
max-width : 100%;
width : 100%;
opacity : 1;
vertical-align : middle;
transition : all 0.4s ease-in-out;
}
.post-category {
position : absolute;
z-index : 111;
bottom : 50px;
font-size : 13px;
opacity : 0.800000011920928955078125;
color : #ffffff;
padding : 5px;
background-color : #424254;
}
.da-slideFromTop {
left : 0;
top : -100%;
}
.da-slideFromBottom {
left : 0;
top : 100%;
}
.da-slideFromLeft {
top : 0;
left : -100%;
}
.da-slideFromRight {
top : 0;
left : 100%;
}
.da-slideTop {
top : 0;
}
.da-slideLeft {
left : 0;
}
.promo-badge a {
color : #fff;
display : table-cell;
width : 135px;
height : 135px;
text-align : center;
vertical-align : middle;
border-radius : 50%;
background-clip : padding-box;
border : #fff solid 5px;
box-shadow : 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.promo-badge .percentage {
font-size : 32px;
font-weight : 500;
color : #fff;
position : relative;
font-family : 'open sans', arial, sans-serif;
}
.promo-badge .percentage .off {
font-size : 11px;
position : absolute;
top : 15px;
right : -15px;
}
.promo-badge .desc {
font-size : 12px;
}
#latest-news-section > div {
width : 100%;
}
#latest-news-section .scroll-item {
transition-property : transform, opacity;
}
#latest-news-section .scroll-item div {
transition-duration : 0.8s;
transition : all 0.3s ease-in-out;
}
#latest-news-section .scroll-item div.da-animate {
position : absolute;
background : #111;
background : rgba(0, 0, 0, 0.8);
width : 100%;
height : 100%;
overflow : hidden;
}
#latest-news-section .scroll-item a:hover img {
transform : scale(1.5,1.5) rotate(10deg);
}
#latest-news-section .scroll-item .post-caption {
position : absolute;
background : #111;
background : rgba(0, 0, 0, 0.8);
width : 100%;
height : 100%;
overflow : hidden;
}
#latest-news-section .scroll-item div.info {
position : absolute;
top : 50%;
margin-top : -15px;
width : 100%;
line-height : 23px;
text-align : center;
height : auto;
background : transparent;
}
#latest-news-section .scroll-item div.info h3 {
font-size : 16px;
opacity : 0.800000011920928955078125;
padding : 0 15px;
color : #fff !important ;
}
.post-thumbnail a:hover .overlay-icon:before, .video-box .overlay-icon:before {
opacity : 1;
transform : scale(1);
}
.overlay-icon:before, .tie_slider .overlay-icon:before {
content : '\f15c';
color : #FFF;
display : block;
position : absolute;
top : 50%;
left : 50%;
border : #FFF solid 3px;
border-radius : 100%;
width : 40px;
height : 40px;
text-align : center;
font-size : 18px;
line-height : 35px;
margin : -20px 0 0 -20px;
opacity : 0;
transform : scale(0);
transition : all 0.3s ease-in-out;
}
.progress-bar-theme {
background : #6091ba;
}
.img-thumbnail {
border-radius : 0;
background-clip : padding-box;
border-color : #e8e8e8;
margin-bottom : 15px;
}
#cboxLoadedContent, #cboxContent {
background : none;
}
.box {
background : #f5f5f5;
padding : 15px;
}
.box.box-border {
border-left : 5px solid #6091ba;
}
.box.box-dark {
background : #f4f4f4;
color : #fff;
}
.box.box-theme {
background : #6091ba;
color : #fff;
}
.box .date-label {
background : #fff;
}
.social-icons {
list-style : none;
padding : 10px 0;
margin-bottom : 0;
}
.social-icons li {
float : right;
}
.social-icons li.row-end {
margin-left : 0;
}
.social-icons a {
display : inline-block;
background : #95b6d1;
width : 32px;
height : 32px;
text-align : center;
padding-top : 4px;
border-radius : 50%;
background-clip : padding-box;
font-size : 18px;
margin-right : 10px;
float : left;
}
.social-icons a:hover {
background : #6091ba;
}
.social-icons a .fa {
color : #fff;
}
.social-icons a .fa:before {
font-size : 18px;
text-align : center;
padding : 0;
}
.header .top-bar {
background : #2f506c;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
.header .top-bar .search-form {
padding : 10px 0;
}
.header .top-bar .search-form .form-group {
display : inline-block;
margin-bottom : 0;
vertical-align : middle;
}
.header .social-icons li.row-end {
margin-left : 0;
}
.header .social-icons a {
background : #27435a;
}
.header .social-icons a:hover {
background : #6091ba;
}
.header .social-icons a:hover .fa {
color : #fff;
}
.header .social-icons a .fa {
color : rgba(255, 255, 255, 0.4);
}
.header .social-icons a .fa:before {
font-size : 18px;
text-align : center;
padding : 0;
}
.header .header-main {
padding : 30px 0;
}
.header h1.logo {
margin-top : 0;
margin-bottom : 0;
}
.header .menu-top {
list-style : none;
margin : 0;
padding : 0;
text-align : right;
float : right;
}
.header .menu-top li {
list-style : none;
float : right;
font-size : 11px;
}
.header .menu-top li:last-child a {
padding-left : 0;
}
.header .menu-top li.divider a {
border-left : 1px solid #c3c3c3;
}
.header .menu-top li a {
display : inline-block;
color : #f5f4f4;
padding : 0 10px;
}
.header .menu-top li a:hover {
color : #6091ba;
}
.header .contact {
font-size : 20px;
font-family : 'open sans', arial, sans-serif;
font-weight : 300;
margin-top : 10px;
}
.header .contact p {
float : left;
margin-bottom : 0;
}
.header .contact p.phone {
margin-right : 30px;
}
.header .contact p a {
color : #444;
}
.header .contact .fa {
color : #6091ba;
margin-left : 8px;
font-size : 18px;
position : relative;
top : 1px;
}
.header .contact .fa.fa-phone {
font-size : 22px;
top : 2px;
}
.header .search-form {
border : 0;
box-shadow : none;
}
.header .search-form .form-control {
width : 260px;
background : #f5f5f5;
}
.header .search-form .form-control:focus {
background : #fff;
border-color : #6091ba;
}
.main-nav {
background : #6091ba;
margin-bottom : 30px;
}
.main-nav button {
background : #27435a;
color : #fff !important ;
border-radius : 0;
background-clip : padding-box;
}
.main-nav button:focus {
outline : none;
}
.main-nav button .icon-bar {
background-color : #fff;
}
.main-nav .navbar-collapse {
padding : 0;
}
.main-nav .nav .nav-item {
font-weight : 600;
text-transform : uppercase;
font-family : 'open sans', arial, sans-serif;
z-index : 100;
}
.main-nav .nav .nav-item.dropdown {
z-index : 101;
}
.main-nav .nav .nav-item a {
color : #dce7f0;
}
.main-nav .nav .nav-item a:hover {
background : #6091ba;
color : #fff;
}
.main-nav .nav .nav-item.active {
position : relative;
}
.main-nav .nav .nav-item.active > a {
background : #4678a1;
color : #fff;
}
.main-nav .nav .nav-item.active > a:before {
content : "\f0d8";
position : absolute;
bottom : -8px;
left : 0;
text-align : center;
font-family : FontAwesome;
display : block;
font-size : 12px;
width : 100%;
}
.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
display : none;
}
.main-nav .nav .nav-item.open a {
background : #4678a1;
color : #fff;
}
.main-nav .nav .nav-item .dropdown-menu {
border-radius : 0;
background-clip : padding-box;
margin : 0;
border : none;
padding : 0;
text-transform : none;
min-width : 220px;
}
.main-nav .nav .nav-item .dropdown-menu a {
border-bottom : 1px solid #3e6a8f;
padding : 8px 20px;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
background : #3e6a8f;
color : #fff;
padding-left : 24px;
}
.main-nav .nav .nav-item .dropdown-submenu {
position : relative;
}
.main-nav .nav .nav-item .dropdown-submenu .fa {
position : absolute;
right : 15px;
top : 10px;
}
.main-nav .nav .nav-item .dropdown-submenu li {
position : relative;
}
.main-nav .nav .nav-item .dropdown-submenu li .fa {
position : absolute;
right : 15px;
top : 10px;
}
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
top : 0;
left : 100%;
margin-top : 0;
margin-left : -1px;
}
.footer {
background : #444;
color : #fff;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
.footer p {
color : #dcdcdc;
}
.footer ul {
padding-left : 0;
}
.footer li {
list-style : none;
}
.footer h3 {
margin-top : 0;
margin-bottom : 20px;
}
.footer .footer-content {
padding : 21px 0 0 0;
font-size : 12px;
min-height : 190px;
}
.footer .footer-content .footer-col .footer-col-inner {
padding : 0 15px;
}
.footer .footer-content .footer-col .fa {
margin-left : 10px;
display : inline-block;
color : #767676;
}
.footer .footer-content .footer-col .fa.fa-phone {
font-size : 16px;
}
.footer .footer-content .footer-col li {
margin-bottom : 10px;
font-size : 12px;
}
.footer .footer-content .footer-col a {
color : #dcdcdc;
}
.footer .footer-content .footer-col a:hover {
color : #84aac9;
}
.footer .footer-content .adr {
margin-bottom : 30px;
}
.footer .footer-content .adr .fa {
font-size : 16px;
margin-top : 2px;
}
.footer .footer-content .subscribe-form {
padding : 0;
}
.footer .footer-content .subscribe-form .form-group {
display : inline-block;
margin-bottom : 0;
vertical-align : middle;
}
.footer .footer-content .subscribe-form .form-control {
width : 320px;
background : #f5f5f5;
border : none;
}
.footer .footer-content .subscribe-form .form-control:focus {
background : #fff;
}
.footer .bottom-bar {
background : #2b2b2b;
padding : 5px 0;
}
.footer .bottom-bar .copyright {
font-size : 11px;
color : #dcdcdc;
line-height : 3;
}
.footer .bottom-bar .copyright a:hover {
color : #84aac9;
}
.footer .bottom-bar .social {
margin : 0;
}
.footer .bottom-bar .social li {
float : right;
margin-left : 10px;
text-align : center;
font-size : 18px;
line-height : 2;
}
.footer .bottom-bar .social li a {
color : #a9a9a9;
padding : 0 5px;
}
.footer .bottom-bar .social li a:hover {
color : #6091ba;
}
.flexslider {
border-radius : 0;
background-clip : padding-box;
box-shadow : 0 0 0;
border : 0;
}
.flexslider .flex-control-nav {
bottom : -35px;
}
.flexslider .flex-control-paging li a {
background : #a1a1a1;
}
.flexslider .flex-control-paging li a:hover {
background : #6091ba;
}
.flexslider .flex-control-paging li a.flex-active {
background : #6091ba;
}
.flexslider .slides li {
position : relative;
}
.flexslider .slides .flex-caption {
position : absolute;
right : 30px;
bottom : 30px;
color : #fff;
display : inline-block;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
.flexslider .slides .flex-caption .main {
display : inline-block;
background : #6091ba;
margin-bottom : 5px;
padding : 10px 15px;
font-size : 18px;
text-transform : uppercase;
}
.flexslider .slides .flex-caption .secondary {
display : inline-block;
background : rgba(0, 0, 0, 0.8);
padding : 5px 15px;
color : #fff;
font-size : 16px;
}
.flexslider .slides .promo-badge {
position : absolute;
left : 60px;
top : 30px;
}
.fb-comments, .fb-comments iframe[style], .fb-comments span {
width : 100% !important ;
}
.fb-page, .fb_iframe_widge[style], .span {
width : 100% !important ;
}
.page-wrapper .page-heading {
margin-bottom : 15px;
border-bottom : 1px solid #e8e8e8;
}
.page-wrapper .page-heading h1.heading-title {
margin-top : 0;
display : inline-block;
font-size : 22px;
line-height: 30px;
}
.page-wrapper .breadcrumbs {
display : inline-block;
}
.page-wrapper .breadcrumbs ul {
padding-top : 25px;
margin : 0;
}
.page-wrapper .breadcrumbs ul li {
color : #6091ba;
font-size : 12px;
float : left;
list-style : none;
display : inline-block;
}
.page-wrapper .breadcrumbs ul li a {
display : inline-block;
padding : 0 5px;
color : #aaaaaa;
}
.page-wrapper .breadcrumbs ul li a:hover {
color : #365d7e;
}
.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
padding-right : 0;
color : #aaaaaa;
}
.page-wrapper .breadcrumbs ul li.current {
max-width : 250px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.page-wrapper .breadcrumbs ul li .fa {
margin-right : 5px;
color : #aaaaaa;
}
.page-wrapper ul li {
margin-bottom : 5px;
}
.page-wrapper ul li .fa {
margin-right : 5px;
color : #6091ba;
}
.page-wrapper ul li.list-group-item {
margin-bottom : -1px;
}
.page-wrapper ul.nav li {
margin-bottom : 0;
}
.page-wrapper ul.social-icons li .fa {
margin-right : 0;
color : #fff;
}
.page-wrapper ol li {
margin-bottom : 5px;
}
.page-wrapper dl dd {
margin-bottom : 5px;
}
.page-wrapper .page-content h1 {
font-size : 26px;
font-weight : normal;
}
.page-wrapper .page-content h2 {
font-size : 24px;
font-weight : normal;
}
.page-wrapper .page-content h3 {
font-size : 20px;
font-weight : normal;
}
.page-wrapper .page-content h4 {
font-size : 18px;
font-weight : normal;
}
.page-wrapper .page-content h5 {
font-size : 16px;
font-weight : normal;
}
.page-wrapper .page-content h6 {
font-size : 14px;
font-weight : normal;
}
.page-wrapper .page-content .title {
margin-top : 0;
margin-bottom : 15px;
font-weight : 300;
}
.page-wrapper .page-content .page-row {
margin-bottom : 30px;
}
.page-wrapper .page-content .custom-quote {
border-color : #a7c2d9;
}
.page-wrapper .page-content .custom-quote p {
font-size : 14px;
color : #777777;
line-height : 1.5;
}
.page-wrapper .page-content .custom-quote .fa {
color : #6091ba;
margin-right : 10px;
}
.page-wrapper .page-content .custom-quote .people {
margin-top : 10px;
font-size : 11px;
color : #444;
font-style : normal;
}
.page-wrapper .page-content .custom-quote .people .name {
color : #6091ba;
}
.page-wrapper .page-content .has-divider {
border-bottom : 1px dotted #e8e8e8;
padding-bottom : 15px;
}
.page-wrapper .page-content .has-divider-solid {
border-bottom : 1px solid #e8e8e8;
}
.page-wrapper .page-content .row-divider {
border-bottom : 1px dotted #e8e8e8;
padding : 10px 0;
}
.page-wrapper .page-content .even-row {
background : #f5f5f5;
}
.page-wrapper .page-content .read-more.btn {
margin-bottom : 15px;
display : inline-block;
}
.page-wrapper .page-content .panel-title {
font-size : 16px;
font-weight : 300;
}
.page-wrapper .page-content .video-iframe {
max-width : 100%;
}
.page-wrapper .page-content .album-cover {
border : #e8e8e8 solid 1px;
margin-bottom : 30px;
}
.page-wrapper .page-content .album-cover:hover {
box-shadow : 0 0 5px 0 #e8e8e8;
}
.page-wrapper .page-content .album-cover > a:hover {
position : relative;
}
.page-wrapper .page-content .album-cover > a:hover img {
display : block;
opacity : 0.89999997615814208984375;
}
.page-wrapper .page-content .album-cover .desc {
padding : 15px;
position : relative;
}
.page-wrapper .page-content .album-cover .desc:before {
content : "";
display : block;
border-left : 10px solid transparent;
border-right : 10px solid transparent;
border-bottom : 10px solid #fff;
position : absolute;
top : -10px;
}
.page-wrapper .page-content .prettyphoto:hover img {
box-shadow : 0 0 5px 0 #e8e8e8;
}
.page-wrapper .page-sidebar h3.title {
margin-top : 0;
margin-bottom : 15px;
font-size : 20px;
}
.page-wrapper .page-sidebar .widget.has-divider {
border-bottom : 1px dotted #e8e8e8;
}
.page-wrapper .page-sidebar .widget .iframe {
height : auto;
min-height : 200px;
max-width : 100%;
}
.page-wrapper .page-sidebar .widget .fa {
margin-right : 5px;
color : #6091ba;
}
.page-wrapper .page-sidebar .widget .fa.fa-phone {
font-size : 16px;
}
.page-wrapper .page-sidebar .widget .btn .fa {
color : #fff;
}
.page-wrapper .page-sidebar .widget .nav li a {
padding : 5px 15px;
color : #444;
margin-bottom : 10px;
border-left : 5px solid transparent;
}
.page-wrapper .page-sidebar .widget .nav li a:hover {
background : none;
color : #6091ba;
}
.page-wrapper .page-sidebar .widget .nav li.active a {
background : none;
color : #6091ba;
font-weight : bold;
border-left : 5px solid #6091ba;
}
.page-wrapper .page-sidebar ul {
padding-left : 0;
}
.page-wrapper .page-sidebar #flickr-photos li {
list-style : none;
float : left;
display : inline-block;
margin-bottom : 5px;
margin-right : 5px;
}
.page-wrapper .page-sidebar #flickr-photos li img {
max-width : 100%;
}
.page-wrapper .page-sidebar #flickr-photos li img:hover {
opacity : 0.800000011920928955078125;
}
.page-wrapper .page-sidebar .news-item {
margin-bottom : 15px;
}
.page-wrapper .page-sidebar .news-item img {
width : 40px;
height : 40px;
}
.post_details {
line-height : 35px;
text-align : justify;
font-size : 14px;
text-indent : 35px;
border-bottom : 2px dotted #F5F5F5;
}
.page-wrapper .page-sidebar .news-item .title {
font-size : 14px;
margin-top : 0;
}
.page-wrapper .page-sidebar .testimonials-carousel {
position : relative;
}
.page-wrapper .page-sidebar .testimonials-carousel .fa {
color : #6091ba;
margin-right : 5px;
font-size : 18px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel .item {
min-height : 300px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people {
margin-top : 10px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .name {
color : #6091ba;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .title {
color : #999;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls {
margin-top : 20px;
text-align : right;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a .fa {
background : #dddddd;
color : #fff;
display : inline-block;
width : 20px;
height : 20px;
text-align : center;
margin-right : 0;
font-size : 15px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.next .fa {
padding-top : 2px;
padding-right : 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.prev .fa {
padding-top : 2px;
padding-right : 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a:hover .fa {
background : #6091ba;
}
.config-wrapper {
position : absolute;
top : 100px;
right : 0;
}
.config-wrapper-inner {
position : relative;
}
.config-trigger {
display : block;
position : absolute;
left : -36px;
width : 36px;
height : 36px;
background : #444;
color : #fff;
text-align : center;
border-top-right-radius : 0;
border-bottom-right-radius : 0;
border-bottom-left-radius : 4px;
border-top-left-radius : 4px;
background-clip : padding-box;
}
.config-trigger:hover {
background : #000;
}
.config-trigger .fa {
font-size : 22px;
padding-top : 8px;
display : block;
color : #fff;
}
.config-panel {
display : none;
background : #444;
color : #fff;
padding : 15px;
border-top-right-radius : 0;
border-bottom-right-radius : 0;
border-bottom-left-radius : 4px;
border-top-left-radius : 0;
background-clip : padding-box;
}
.config-panel p {
margin : 0;
padding : 0;
margin-bottom : 15px;
color : #fff;
}
.config-panel ul {
margin-bottom : 0;
}
.config-panel li a {
display : block;
width : 20px;
height : 20px;
border : transparent solid 2px;
}
.config-panel li a:hover {
opacity : 0.89999997615814208984375;
border : rgba(255, 255, 255, 0.8) solid 2px;
}
.config-panel li.active a {
border : #fff solid 2px;
}
.config-panel li.default a {
background : #6091ba;
}
.config-panel li.green a {
background : #57a89a;
}
.config-panel li.purple a {
background : #6f7a9f;
}
.config-panel li.red a {
background : #a85770;
}
.config-panel .close {
position : absolute;
right : 5px;
top : 5px;
color : #fff;
}
.config-panel .close .fa {
color : #fff;
}
.ie8 .footer .footer-content {
min-height : 280px;
}
.ie8 .navbar-nav {
position : relative;
z-index : 100;
}
h1.section-heading {
font-size : 22px;
font-weight : 300;
line-height : 2;
margin-top : 0;
color : #2f506c;
}
.section-heading .line {
border-top : 2px solid #6091ba;
display : inline-block;
padding : 0 15px;
padding-top : 5px;
}
.home-page section, section.news {
background : #f5f5f5;
overflow : hidden;
margin-bottom : 30px;
}
.section-content {
padding : 15px;
padding-top : 0;
}
.carousel-controls a .fa {
background : #dddddd;
color : #fff;
display : inline-block;
width : 20px;
height : 20px;
text-align : center;
margin-right : 0;
font-size : 15px;
}
.carousel-controls a.next .fa {
padding-top : 2px;
padding-right : 1px;
}
.carousel-controls a.prev .fa {
padding-top : 2px;
padding-right : 1px;
}
.carousel-controls a:hover .fa {
background : #6091ba;
}
.home-page .promo {
margin-bottom : 30px;
}
.section-heading {
margin-top : 0;
font-size : 24px;
border-bottom : 1px dashed #E7E5E5;
padding-bottom : 7px;
color : #fff;
}
.home-page .promo p {
color : #f5f5f5;
}
.home-page .promo .btn-cta {
font-size : 20px;
margin-top : 30px;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
}
.news {
position : relative;
margin-top : 25px;
}
.news .carousel-controls {
position : absolute;
left : 10px;
top : 10px;
}
.news h2.title {
font-size : 18px;
margin-top : 0;
}
.news h2.title a {
color : #444;
}
.news h2.title a:hover {
color : #365d7e;
}
.news .news-item {
padding-left : 115px;
position : relative;
margin-bottom : 20px;
}
.news .thumb {
position : absolute;
left : 0;
top : 0;
}
.home-page .events .section-content {
min-height : 520px;
}
.home-page .events .event-item {
position : relative;
padding-left : 55px;
border-bottom : 1px solid #e8e8e8;
padding-bottom : 10px;
}
.home-page .events .event-item .date-label {
background : #fff;
position : absolute;
left : 0;
}
.home-page .events .event-item h2.title {
margin-bottom : 20px;
font-size : 16px;
}
.home-page .events .event-item p {
margin-bottom : 5px;
}
.home-page .events .event-item .fa {
margin-right : 5px;
font-size : 14px;
min-width : 16px;
color : #666;
}
.home-page .events .event-item .fa.fa-map-marker {
font-size : 18px;
}
.home-page .events .read-more {
margin-top : 15px;
}
.home-page .events .details p {
color : #666;
}
.home-page .course-finder .course-finder-form {
margin-bottom : 15px;
}
.home-page .course-finder .keywords {
padding-left : 0;
}
.home-page .course-finder .keywords input {
width : 200px;
margin-left : 5px;
}
.home-page .video {
position : relative;
}
.home-page .video .carousel-controls {
position : absolute;
right : 10px;
top : 10px;
}
.home-page .video .video-iframe {
max-width : 100%;
width : 100%;
height : 287px;
margin-bottom : 5px;
}
.home-page .links .fa {
margin-right : 5px;
}
.home-page .testimonials {
position : relative;
}
.home-page .testimonials .carousel-controls {
position : absolute;
right : 10px;
top : 10px;
}
.home-page .testimonials .fa {
color : #6091ba;
margin-right : 5px;
font-size : 18px;
}
.home-page .testimonials .carousel .item {
min-height : 298px;
}
.home-page .testimonials .people {
margin-top : 10px;
}
.home-page .testimonials .people .name {
color : #6091ba;
}
.home-page .testimonials .people .title {
color : #999;
}
.home-page .awards {
background : #fff;
}
.home-page .awards .logos {
margin : 0;
padding : 0;
}
.home-page .awards .logos li {
list-style : none;
margin-right : 0;
text-align : center;
border-width : 1.4px;
font-size : 14px;
border-style : solid;
background : #f5f5f5;
border-color : #EDE9E9;
margin : 0 0 0 4px;
border-radius : 4px;
padding : 5px 9px;
margin-bottom : 7px;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
width : 16.25%;
overflow : hidden;
position : relative;
transition : background 0.3s ease, border 0.3s ease, color 0.3s ease;
}
.home-page .awards .logos li img {
opacity : 1;
margin : 0 auto;
margin-bottom : 7px;
}
.home-page .awards .logos li img:hover {
position : relative;
z-index : 1;
transition : all 0.4s ease;
}
.home-page .awards .logos li h3 {
font-size : 14px;
color : #264d6e;
font-weight : normal;
text-align : center;
width : 150px;
margin : 10px auto;
}
.home-page .awards .logos li .btn-hover-bg {
background : #6091BA !important ;
left : 50% !important ;
right : 50% !important ;
transition : all 0.4s ease !important ;
top : -1000px !important ;
bottom : -1000px !important ;
transform : rotate(135deg) !important ;
position : absolute !important ;
white-space : nowrap !important ;
z-index : 0 !important ;
opacity : 0 !important ;
}
.home-page .awards .logos li a:hover .btn-hover-bg {
left : -21px !important ;
right : -21px !important ;
transition : all 0.4s ease !important ;
opacity : 1 !important ;
z-index : 0 !important ;
}
.home-page .awards .logos li a:hover .btn-content {
color : #fff !important ;
}

.info .menu-top .btn-content:hover{
	color : #fff !important ;
}

.info .menu-top .btn-content {
z-index : 1;
transition : all 0.4s ease;
}

.home-page .awards .logos li .btn-content {
position : relative;
z-index : 1;
transition : all 0.4s ease;
}
.home-page .awards .carousel-control {
background : none;
width : auto;
top : 35px;
text-shadow : none;
opacity : 1;
}
.home-page .awards .carousel-control .fa {
color : #264d6e;
font-weight : bold;
font-size : 33px;
}
.home-page .awards .carousel-control:hover .fa {
color : #999;
}
.home_side_nav ul {
margin : 0;
padding : 0;
}
.home_side_nav ul li {
margin : 6px 0 0 0;
padding : 0;
list-style : none;
}
.home_side_nav ul li:first-child {
margin : 0 0 0 0;
}
.home_side_nav li a {
background : #e3f5fd;
height : 49px;
padding : 15px;
display : block;
border : #d1e9fd solid 1px;
color : #264d6e;
font-size : 15px;
font-family : Droid Arabic Kufi, Tahoma, Geneva, sans-serif;
transition-property : background;
transition-duration : 0.3s;
}
.home_side_nav li a i.fa-2x {
font-size : 1.65em !important ;
}
.home_side_nav li a span {
vertical-align : super;
}
.home_side_nav li a:hover {
background : #BEE7FA;
border : #a2c5e2 solid 1px;
text-decoration : none;
}
#left_adv {
position : fixed;
top : 249px;
left : 35px;
}
#left_adv span {
display : block;
margin-bottom : 20px;
}
#left_adv .remove_adv {
position : relative;
bottom : 110px;
right : 13px;
}
.courses-wrapper .tab-content {
font-size : 12px;
}
.courses-wrapper .tab-content .item {
margin-top : 15px;
}
.courses-wrapper .tab-content img {
margin-bottom : 10px;
}
.courses-wrapper .course-finder {
margin-bottom : 30px;
}
.courses-wrapper .course-finder .keywords input {
width : 260px;
}
.courses-wrapper .course-list-header {
font-size : 13px;
margin-bottom : 15px;
}
.courses-wrapper .course-list-header .summary {
padding-top : 10px;
}
.courses-wrapper .course-list-header .control-label {
font-size : 12px;
font-weight : normal;
display : inline-block;
margin-right : 10px;
line-height : 2;
}
.courses-wrapper .course-list-header .sort {
padding-top : 5px;
}
.courses-wrapper .course-list-header .sort-options {
width : auto;
height : 25px;
font-size : 12px;
}
.courses-wrapper .course-item {
font-size : 12px;
}
.courses-wrapper .course-item .col-meta {
color : #777777;
}
.events-wrapper .events-item .date-label {
background : #f5f5f5;
}
.events-wrapper .events-item .details .time {
margin-right : 10px;
}
.events-wrapper .events-item .details .fa {
margin-right : 5px;
}
.contact-form .required {
color : #E14B39;
display : inline-block;
font-weight : normal;
padding-left : 2px;
}
#map {
height : 300px;
}
#map, #map *, #map *:before, #map *:after {
box-sizing : content-box;
}
@media (max-width:518px) {
.home-page .awards .logos li {
width : 28.2%;
margin : 0 50px 10px 4px;
}
}
@media (max-width:767px) {
#latest-news-section .scroll-item {
width : 45% !important ;
}
.home-page .awards .logos li {width: 43.25%;margin-right : 21px;}
#left_adv {
display : none !important ;
}
.wrapper {
min-height : inherit;
margin-bottom : 0;
}
.wrapper:after {
content : none;
}
.footer {
height : auto;
}
.pull-right, .pull-left {
float : none !important ;
}
.logo {
text-align : center;
}
.header .contact p {
text-align : center;
margin-right : 0;
margin-bottom : 5px;
float : none;
}
.header .menu-top {
text-align : center;
margin-top : 10px;
}
.header .menu-top li {
float : none;
display : inline-block;
}
.header br {
display : none;
}
.header .social-icons {
text-align : center;
margin : 0 auto;
}
.header .social-icons li {
float : none;
display : inline-block;
}
.main-nav .navbar-collapse {
padding-left : 15px;
padding-right : 15px;
border-top : 0;
}
.navbar-nav {
margin-top : 0;
}
.header .search-form {
text-align : center;
}
.header .search-form .form-group {
display : inline-block;
}
.header .search-form .form-control {
width : 210px;
}
.main-nav .nav .nav-item.active > a:before {
content : none;
}
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
position : static;
left : auto;
margin-left : 0;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a {
padding-left : 30px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a:hover {
padding-left : 34px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
padding-left : 45px;
}
.main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover {
padding-left : 49px;
}
.flexslider {
margin-bottom : 15px;
}
.flex-direction-nav a {
margin-top : -50px;
}
.flexslider .slides .flex-caption {
position : static;
display : block;
}
.flexslider .slides .flex-caption br {
display : none;
}
.flexslider .slides .flex-caption .main {
font-size : 13px;
display : block;
margin-bottom : 0;
}
.flexslider .slides .flex-caption .secondary {
display : block;
font-size : 12px;
}
.flexslider .flex-control-nav {
display : none;
}
.home-page .promo .btn-cta {
margin-top : 0;
}
.news .thumb {
width : 60px;
height : 60px;
}
.news .news-item {
padding-left : 75px;
}
.home-page .course-finder .keywords {
padding-left : 15px;
margin-top : 10px;
}
.home-page .course-finder .keywords input {
width : 180px;
}
.home-page .video .video-iframe {
height : auto;
}
.home-page .testimonials .carousel .item {
min-height : inherit;
}
.home-page .events .section-content {
min-height : inherit;
}
.home-page .awards .carousel-control {
top : 50px;
}
.footer .footer-content .subscribe-form .form-control {
width : 140px;
}
.footer #tweet .tweets-list-container {
max-width : 100%;
}
.footer .bottom-bar .social li {
float : left;
}
.footer-col-inner {
margin-bottom : 30px;
}
.footer #tweet {
min-height : inherit;
}
.footer .footer-content .footer-col .fa-twitter {
text-align : center;
margin-bottom : 10px;
}
.page-wrapper .page-heading h1.heading-title {
float : none;
text-align : center;
display : block;
}
.page-wrapper .breadcrumbs {
text-align : center;
display : block;
}
.page-wrapper .breadcrumbs ul {
padding-top : 0;
padding-left : 0;
margin : 0 auto;
}
.page-wrapper .breadcrumbs ul li {
float : none;
display : inline-block;
}
.page-wrapper .breadcrumbs ul li.current {
max-width : inherit;
overflow : visible;
}
.home-page .course-finder .keywords input {
float : left !important ;
}
}
@media (min-width:768px) {
.home-page .awards .logos li {
width : 30.25%;
margin-right : 15px;
}
.wrapper {
min-height : inherit;
margin-bottom : 0;
}
.wrapper:after {
content : none;
}
.footer {
height : auto;
}
.footer .bottom-bar .social li {
float : left;
}
.footer-col-inner {
margin-bottom : 15px;
}
.home-page .testimonials .carousel .item {
min-height : inherit;
}
.home-page .events .section-content {
min-height : inherit;
}
.footer #tweet {
min-height : inherit;
}
.page-wrapper .album-cover {
min-height : 360px;
}
}
@media (min-width:992px) {
.home-page .awards .logos li {
width : 16.25%;
margin : 1px;
}
.home-page .testimonials .carousel .item {
min-height : 298px;
}
.home-page .events .section-content {
min-height : 520px;
}
.home-page .video .video-iframe {
height : 287px;
}
.footer .bottom-bar .social li {
float : right;
}
.footer #tweet {
min-height : 100px;
}
.page-wrapper .album-cover {
min-height : 360px;
}
html, body {
height : 100%;
}
body {
font-size : 13px;
}
.wrapper {
min-height : 100%;
margin-bottom : -190px;
}
.wrapper:after {
content : "";
display : block;
height : 190px;
}
.footer {
height : 190px;
}
}
@media (min-width:1200px) {
.home-page .course-finder .keywords input {
width : 600px;
}
}
 @media (max-width: 460px) {
    /*Tareq Development For news in a small size*/
    #latest-news-section .scroll-item {
        width:96% !important;
    }
    .home-page .awards .logos li{
        width:89%
    }
 }