html {
height:100%;
margin:0;
padding:0;
direction:rtl
}

body {
overflow-y:auto;
overflow-x:hidden;
direction:rtl;
margin:0;
padding:0;
font-weight:400;
font-family:'Droid Arabic Kufi','Noto Sans',tahoma;
background:#f6f6f6
}

@media (max-width: 992px) {
.tile {
height:auto!important
}

.tile-big.tile-horizontal .media {
text-align:center!important;
margin:10px auto!important
}

.tile-big.tile-horizontal .media-img {
float:none!important;
display:block;
text-align:center!important
}

.tile-big.tile-horizontal a.media-img img {
width:100px!important;
height:100px!important;
margin:auto!important
}

.tile-big .media-body {
padding-top:0!important;
display:block!important
}

.tile-big .media-body .media-heading {
font-size:18px!important;
line-height:30px!important;
height:30px!important;
overflow:hidden!important;
margin:0!important;
text-align:center!important
}

.tile-big .media-body p.media-desc {
margin-top:5px!important;
font-size:16px!important;
text-align:center!important
}
}

@media (max-width: 400px) {
.logo {
text-align:center
}

.logo .logo-img {
display:block;
text-align:center;
width:100%
}

.logo .logo-img img {
display:inline
}

.logo .media-heading a {
font-size:18px!important;
}
}


.nice-font {
font-family:'Droid Arabic Kufi','Noto Sans',tahoma
}



/* tools */

.ltr {
direction:ltr!important;
display:inline
}

.iam_loading{
position:absolute;
top:10px;
left:10px;
}

.btn.btn-huge {
font-size:35px;
padding:15px 25px
}

.no-borders {
border-width:0
}

.no-round {
border-radius:0!important;
-webkit-border-radius:0!important
}

.no-padding {
padding:0!important
}

.no-margin {
margin:0!important
}

.no-list {
list-style:none
}

.auto-margin {
margin:0 auto
}

input {
font-size:14px;
font-family:'Droid Arabic Kufi'!important
}

label {
font-family:'Droid Arabic Kufi';
font-weight:400;
margin-top:0
}

.form-group {
margin-bottom:5px
}

.stripped {
background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
background-size:40px 40px
}

.nice_bg {
background:#f1f1f1!important
}

.home_section {
padding:40px 10px!important
}

.section-more {
float:left;
margin-right: 5px;
}

.cover-bg {
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:top center!important
}

.mb-40 {
margin-bottom:40px
}

.no-items {
font-size:30px;
color:#aaa;
text-align:center;
font-family:'Droid Arabic Kufi',serif;
padding:60px 0
}


s, strike {
text-decoration: none;
position: relative;
display: inline-block; 
}
s:after, strike:after {
content: ""; 
position: absolute;
bottom: 0;
left: 0;
border-top: 2px solid rgba(255,0,0,0.7);
height: 50%; 
width: 100%;
transform: rotateZ(-10deg);
}

.pointer{
    cursor: pointer;
}


/* override */

.form-control,.form-control:focus,.btn {
outline:0 none;
box-shadow:none!important
}

.form-control:focus {
border-color:#66AFE9
}

.btn,.form-control,textarea,input,button {
border-radius:2px;
-webkit-border-radius:2px
}

.row {
margin-left:0;
margin-right:0
}

.popover-title {
font-family:"Droid Arabic Kufi";
line-height:35px;
font-weight:400;
font-size:20px
}

.popover-content {
font-family:"Droid Arabic Kufi";
line-height:30px;
font-size:14px;
font-weight:400
}

.dropdown-submenu {
position:relative
}

.dropdown-submenu > .dropdown-menu {
top:0;
right:100%!important;
left:auto!important;
margin-top:-6px;
margin-right:-1px;
-webkit-border-radius:6px 0 0 6px;
-moz-border-radius:6px 0 0 6px;
border-radius:6px 0 0 6px
}

.dropdown-submenu:hover > .dropdown-menu {
display:block;
background-color:#34495E;
border-right:2px solid #ddd
}

.dropdown-submenu:hover > .dropdown-menu li a {
color:#fff
}

.dropdown-submenu > a:after {
display:block;
content:" ";
float:left;
width:0;
height:0;
border-color:transparent;
border-style:solid;
border-width:5px 5px 5px 0;
border-right-color:#ccc;
margin-top:5px;
margin-right:-10px
}

.dropdown-submenu:hover > a:after {
border-left-color:#fff
}

.dropdown-submenu.pull-left {
float:none
}

.dropdown-submenu.pull-left > .dropdown-menu {
left:-100%;
margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px;
border-radius:6px 0 6px 6px
}

.navbar-nav.navbar-left .dropdown-menu {
left:0;
right:auto
}

.btn-group .dropdown-menu {
background:#34495e!important
}

.btn-group .dropdown-menu li a {
color:#f1f1f1!important
}

.btn-group .dropdown-menu li.sub a {
font-size:12px;
background:#3c5267!important
}

.btn-group .dropdown-menu li.sub:hover a {
background:#5f7286!important
}

.cats-dropdown {
right:auto;
left:0
}

.cats-dropdown-container {
text-align:left
}

#photo_viewer .modal-dialog {
width:auto!important;
max-width:1140px!important
}

#photo_viewer .modal-header {
background:#34495E;
color:#f1f1f1;
border:0
}

#photo_viewer .modal-header .close {
color:#fff;
opacity:.8
}

.panel-heading {
    padding: 20px 15px;
}


/* navbar */

.main-navbar {
border:0;
border-radius:0;
-webkit-border-radius:0;
margin-bottom:0!important
}

.navbar-unread,.navbar-new {
position:inherit;
line-height:25px;
display:inline-block;
margin-left:3px;
right:3px;
width:8px;
height:8px
}

.navbar-nav > li > a {
font-weight:400;
padding:15px!important
}

ul.dropdown-menu li a {
padding:10px!important
}


/* header */

#header {
background-color:#2db4b9;
padding:60px 0;
color:#fff;
border-bottom:5px solid #fff
}

#header.small-padding {
padding:30px 0
}

.logo {
margin:0;
padding:0
}

.logo .logo-img img {
width:128px;
height:128px
}

.logo .media-body {
margin-right:20px
}

.logo .media-heading {
margin-top:20px
}

.logo .media-heading a ,.logo-title{
font-size:40px;
color:#fff;
font-weight:bold;
}

.logo-desc {
font-weight:400;
font-size:18px;
margin-top:15px
}

#header .header-link {
display:inline-block;
text-align:center;
width:70px;
cursor:pointer;
margin-bottom:5px;
border-radius:2px;
-webkit-border-radius:2px;
overflow:hidden
}

.header-link .link-icon {
background:#fff;
color:#34495e;
padding:5px
}

.header-link .link-text {
padding:5px;
background:#34495e;
color:#fff;
font-size:12px
}

.social-icons {
margin-top:10px
}

.social-icons,.social-icons li {
list-style:none;
padding:0
}

.social-icons li {
display:inline-block
}

.social-icons li a img {
width:48px;
height:48px
}



/* News */

#news-promos-wrapper {
padding:50px 0
}

.carousel-inner .item,.carousel-inner .item a.block_link {
height:450px
}

.carousel-inner .item a.block_link {
width:100%;
display:block
}

.carousel-inner .item a {
color:#fff!important
}

#my_carousel {
border:1px solid #ddd!important;
background:#fff;
padding:5px;
overflow:hidden
}

#my_carousel .carousel-inner .item {
background-size:cover!important;
background-repeat:no-repeat!important;
background-position:top center!important
}

.carousel-inner .item .item_data {
padding:20px;
text-align:center;
top:125px;
background:rgba(0,0,0,0.4);
position:relative;
min-height:200px
}

.carousel-inner .item .item_data h3,.carousel-inner .item .item_data p {
width:60%;
margin:auto
}

.carousel-inner .item .item_data h3 {
margin-top:40px;
font-weight:400;
font-size:24px
}

.carousel-inner .item .item_data p {
margin-top:20px;
font-size:14px;
line-height:26px
}

.carousel-control {
background-image:none!important;
opacity:1
}

.news-go-left {
margin-left:-20px!important;
margin-right:0!important;
left:15px!important;
-webkit-border-radius:0 50% 50% 0;
border-radius:0 50% 50% 0
}

.news-go-right {
margin-right:-20px!important;
margin-left:0!important;
right:15px!important;
-webkit-border-radius:50% 0 0 50%;
border-radius:50% 0 0 50%
}

.news-go-right,.news-go-left {
position:absolute!important;
padding:20px!important;
background:#fff!important;
margin-top:-35px!important;
width:auto!important;
height:auto!important;
color:#333!important
}



/* Promos */


#promos-container {
margin-top:40px;
text-align:center;
color:#333
}

#promos-container .single-promo {
border-radius:2px!important;
-webkit-border-radius:2px!important;
text-align:center;
}

#promos-container .normal {
padding-top:20px
}

#promos-container .normal .single-promo {
padding:40px 20px 20px;
height:330px;
margin-top:20px;
background:#fff;
border:1px solid #ddd
}

#promos-container .normal .single-promo h1 {
font-size:20px
}

#promos-container .normal .single-promo h2 {
font-size:24px;
font-weight:400!important
}

#promos-container .normal .single-promo h4 {
font-size:16px;
line-height:29px;
margin-top:20px;
font-weight:400!important
}

#promos-container .special .single-promo {
margin-top:20px;
padding:30px 10px 20px;
height:380px;
background:#ddd;
border:1px solid #cfcece
}

#promos-container .special .single-promo h1 {
font-size:30px
}

#promos-container .special .single-promo h2 {
font-size:26px;
font-weight:400!important
}

#promos-container .special .single-promo h4 {
font-size:16px;
line-height:29px;
margin-top:20px;
font-weight:400!important
}


/* Cats > pages */

#cats {
background:#e5e4e4;
padding:8px
}

#cats .pages {
text-align:right
}

#cats .socials {
text-align:left
}

#cats ul {
list-style:none;
padding:0
}

#cats ul li {
display:inline-block;
margin:10px 0 0
}

#cats ul.pages li a {
white-space:nowrap;
display:inline-block;
padding:3px 15px;
background:#f5f5f5;
font-size:14px;
line-height:40px;
min-width:70px;
border-radius:5px!important;
-webkit-border-radius:5px!important;
border:1px solid #d5d5d5;
border-bottom-width:3px
}

#cats ul li a.all {
background:#dedede;
color:#7d7d7d
}

#cats ul.pages li a:hover {
background:#16a085;
color:#fff
}

#cats ul li.active a {
background:#dedede;
color:#7d7d7d
}

#cats ul.socials li a img {
width:42px;
height:42px;
margin-top:4px
}


/* Main content */

.section-head {
text-align:right;
margin-top:30px;
margin-bottom:30px
}

.section-head h3 {
font-size:30px;
margin-top:0
}

.section-head.bordered h3 {
margin:0
}

.section-head.big h3 {
font-size:32px
}

.section-head.bordered {
padding-top:30px;
margin-top:30px;
border-top:3px dashed #ddd
}

.nice-border {
border-top:1px dashed #ddd
}


/* Tiles */

.tile-container {
padding:10px
}

.tile {
border:1px solid #ddd;
margin-bottom:10px;
background:#fff;
padding:0;
border-radius:0!important;
-webkit-border-radius:0!important
}

.tile:hover {
background:#f8f8f8
}

.tile .tile-image {
margin:5px;
border:1px solid #ddd;
padding-top:0;
overflow:hidden
}

.tile a.tile-cover,.tile div.tile-cover {
background-repeat:no-repeat!important;
background-size:cover!important;
background-position:50% 50%;
height:250px;
width:100%;
display:block;
border-bottom:1px solid #ddd
}

.tile div.tile-cover.view_photo {
cursor:pointer
}

.tile div.tile-cover .zoomin {
margin:20px 0 0 20px;
color:rgba(255,255,255,0.4)
}

.tile a.tile-cover span {
line-height:200px;
font-size:40px;
color:#fff
}

.swipe-tile {
-webkit-transition:.8s;
transition:.8s
}

.tile .tile-title {
font-size:22px;
font-weight:400;
line-height:30px;
height:30px;
overflow:hidden;
margin:15px 10px 5px
}

.tile .tile-desc {
margin:0 10px 20px;
height:75px;
overflow:hidden;
font-size:14px;
text-align:justify
}

.tile .media {
text-align:right;
margin:5px
}

.project .tile {
border-bottom-width:5px
}

.project-small .tile {
border-left-width:5px
}

.project-small .tile .tile-title {
margin-top:10px
}

.project-small .tile .tile-desc {
height:45px
}

.client .tile {
border-left-width:5px
}

.client .tile .tile-title {
margin-top:10px
}

.client .tile .tile-desc {
height:45px
}

.tile-container.client-small {
padding:0;
margin:0 0 15px;
text-align:center
}

.client-small .tile {
border-radius:5px!important;
-webkit-border-radius:5px!important;
border:none;
background:transparent
}

.client-small .tile a img {
margin:auto
}

.client-small .tile a {
display:block
}

.client-small .tile .tile-image {
background:#fff;
height:256px;
width:256px;
border-bottom:5px solid #ddd
}

.partner .tile {
border-left-width:5px
}

.partner .tile .tile-title {
margin-top:10px
}

.partner .tile .tile-desc {
height:45px
}

.tile-container.partner-small {
padding:0
}

.partner-small .tile .tile-image {
background:#fff;
height:150px;
width:150px
}

.partner-small .tile {
border-radius:5px!important;
-webkit-border-radius:5px!important;
border:none;
background:transparent
}

.product .tile {
border-bottom-width:5px
}

.product .tile .product-photo {
padding:40px 10px;
background:#eee
}

.product .tile .product-photo img {
width:150px;
height:150px
}

.product-small .tile {
border-left-width:5px
}

.product-small .tile .tile-title {
margin-top:10px
}

.product-small .tile .tile-desc {
height:45px
}

.event .tile {
border-bottom-width:5px
}

.event .tile .tile-title {
margin-top:5px
}

.event .tile .tile-desc {
height:50px
}

.news .tile .tile-title {
margin:10px
}



/* Inner pages */

.content-page {
padding:20px 0 40px
}

.content-page .content {
margin-bottom:30px;
background:#f1f1f1;
border:1px solid #ddd;
padding:25px 15px;
border-bottom-width:3px;
font-size:16px;
line-height: 36px;
}

.content-page .content p{
    line-height: 36px;    
}

.content-page .content-cover {
height:400px;
border-top:1px solid #ddd;

}

.content-page .content-cover.auto {
height:auto
}

.content-page .content .content-img {
float:left;
margin:-125px 10px 10px;
border:1px solid #ddd;
width:150px;
height:150px;
background:#ddd
}

.content-page .section-head h3 {
font-size:22px
}

.content-page .content-heading {
background: #e6e9ed;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
border-left:1px solid #ddd;
padding:20px;
}

.content-page .content h3 {
font-size:26px
}

.content-page #my_carousel {
padding:0
}

.content-page .content-meta {
background:#f1f1f1;
font-size:12px;
padding:10px
}

.content-meta .edit_time {
text-align:left
}

.news_date {
float:left;
margin:5px;
line-height:40px;
font-size:12px;
direction:ltr
}


/* Comments */

.single_comment {
margin-bottom:20px;
padding-bottom:10px;
border:1px solid #ddd;
background:#fff;
border-radius:4px!important;
-webkit-border-radius:4px!important;
overflow:hidden;
}

.comment_header {
background:#f3f3f3;
padding:10px;
font-size:16px
}

.comment_header .user {
font-weight:700
}

.comment_header .time {
text-align:left;
font-size:12px
}

.comment_text {
font-size:14px;
padding:10px 10px 0
}

.comment-textarea {
height:100px!important;
resize:vertical
}


/* Contact us */

.contact-label{
font-weight: normal;
font-size: 12px;
white-space: nowrap;
margin:5px !important;
padding:5px;
background: #F5F5F5;
display: block;
text-align: right;
}

.single-branch {
padding:10px;
}

.single-branch .branch-data {
margin-top:10px
}

.single-branch .branch-data li {
line-height:35px;
font-size:14px;
padding:5px;
display:inline-block;
background:#f1f1f1;
border:1px solid #ddd;
margin:5px;
min-width:200px;
white-space:nowrap;
text-align:center
}




/* Footer */

#footer {
padding:40px 0 20px;
color:#e6e6e6;
background:#34495e
}

#footer .footer-links ul {
padding:0;
list-style:none
}

#footer .footer-links ul li {
color:#f1f1f1;
margin-top:5px;
background:#3e546a;
padding:5px 10px;
font-size:12px;
line-height:26px
}

#footer .footer-links ul li a {
color:#f1f1f1;
display:block;
font-size:16px
}

#footer h3 {
font-size:20px;
margin-top:0
}

#footer #footer-logo {
margin-bottom:15px;
width:96px;
height:96px
}

#footer .site-title {
font-size:18px;
font-weight:bold;
}

#footer .site-desc {
font-size:14px
}

#footer .copyrights {
border-top:1px dashed #455c73;
margin-top:30px;
padding-top:20px;
padding-bottom:5px;
font-size:12px
}

#footer .copyrights a {
color:#aac610
}

#footer .copyrights .copy-text {
text-align:right
}

#footer .copyrights .design-by {
text-align:left
}













/* Misc */



#fb-root {
display:none
}


.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style] {
width:100%!important
}

.social-box {
overflow:hidden;
background:#fff
}

iframe.twitter-tweet {
width:100%!important;
max-width:100%!important;
margin:0!important;
box-shadow:none!important
}


.admin-strip{
background: #c0392b;
padding:10px 0px;    
}
.admin-strip a{
color:#fff;
padding:10px 0px;
}

.strip-title{
text-align:right;
}

.strip-logout{
text-align:left;    
}




/* Product pricing */

.product-price{
padding:10px;
float:right;
background: rgba(0,0,0,0.8);        
display: inline-block;
margin:10px;
text-align:center;
}

.product-price ,.product-price:hover{
color:#fff;    
}


.product-price .offer{
line-height:30px;    
font-size:16px;
margin:5px 0 5px 0; 
}

.product-price .discount{
line-height:30px;    
font-size:26px;
margin:10px 0 10px 0;
font-weight: bold;   
display: block; 
}
.product-price .discount span{
color:#ed5565;    
}

.product-price .discount strike{
font-weight:normal ;
font-size:18px;
color:#ddd;
}

.product-price .normal{
line-height:30px;    
font-size:26px;
margin:10px 0 10px 0;
font-weight: bold;    
display: block; 
}

.product-price .normal span{
color: #1ABC9C;    
}


.product-price .price{
line-height:30px;    
font-size:12px;               
margin:5px 0 5px 0;
display: block;    
}

.line-throught{
text-decoration: line-through;
}

.small-price{
background: #1ABC9C;
font-size:12px;
color:#fff;
padding:0px 10px;
float:left;
}

.small-price.discount{
background: #ed5565;        
}

.small-price:hover {
color:#fff;
}



/* Form Validator */
.red_border{
border-right:5px solid #e59292 !important;    
}
.green_border{
border-right:5px solid #9dce7c !important;
}

/* Support */
.support-reply{
padding: 8px 8px 0 8px; margin-bottom: 0px;    
}

.support-reply .media-body{
display: block;
}

.reply-text{
margin-top: 10px; line-height: 27px;
}