/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body { background:#f2ecdb; font-family:Tahoma;}
header { background:#dcd2ba;}
.nav_body, .s_u_s  {  background:#2b2222;}
.s_u_s  { padding:10px; position:relative}
    .s_u_s .lang, .s_u_s .login, .s_u_s .social_icon {
        width: 24px;
        height: 24px;
        display: inline-block;
        border-radius: 20px;
        background: #453c3c url(../../gfx/social_icons.png) -4px -82px no-repeat
    }
.s_u_s .holder { text-align:left; height:30px;}
.s_u_s .login { background-position: -4PX -104PX; margin:0 0 0 33px; }
.s_u_s .after_login { display:block; float:right; max-width:150px; height:20px; padding:2px 5px; font-size:12px; color:#F5EEDB;}
.s_u_s .social .social_icon {background-position: -4PX -126px;}
.social { width:24px; height:24px; position:relative; display:inline-block}
    .social .s_icons {
        width: max-content !important;
        height: 40px;
        background: #ffffff;
        padding: 5px;
        position: absolute;
        top: 25px;
        left: -40px;
        display: none;
        overflow: hidden;
        z-index: 4;
        -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        box-shadow: 1px 1px 4px rgba(0,0,0,.2);
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 2px;
    }

.social:hover .s_icons { display:block}
.logo { display:inline-block; width:156px; height:60px; background:url(../../gfx/logo.png) 0 0 no-repeat; float:right;}
header .nav_body { margin:20px 0; padding:14px 20px; } 

header nav a { color:#fffff5;}
header nav ul {  position:relative; margin:20px}
header nav ul > li { display:block; float:right; margin:0; }
header nav ul > li > a {display:block;padding:0px 25px; color:#f5eedb; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
header nav ul > li > a:visited { color:#F5EEDB;} 
header nav ul > li > a span { text-align:center;  display:block;}
header nav ul > li > a .icon { width:40px; height:40px; background:url(../../gfx/nav_icons.png) -10px 3px no-repeat; margin:5px 0 7px 0;}
header nav ul > li > .events .icon { background-position:-10px -90px;}
header nav ul > li > .movies .icon {background-position:-10px -180px;}

header nav ul > li > .places { color:#f5eedb; border-left:1px solid #3e3434; }
header nav ul > li > .events { color:#f5eedb;border-left:1px solid #3e3434;}
header nav ul > li > .movies { color:#f5eedb;}
header nav ul > li:hover > .places { color:#c64c43; /*border:5px solid #c64c43;*/ border-left:1px solid #3e3434; border-right:none;}
header nav ul > li:hover > .events {color:#dcbe45; /*border:5px solid #dcbe45;*/ border-left:1px solid #3e3434; border-right:none; }
header nav ul > li:hover > .movies {color:#7fa57c; /*border:5px solid #7fa57c;*/ border-left:none; border-right:none; }

header nav ul > li:hover > .places .icon {background-position:-10px -43px;}
header nav ul > li > .events:hover .icon {background-position:-10px -136px;}
header nav ul > li > .movies:hover .icon {background-position:-10px -226px;}

header nav ul > li > ul { display:none; margin:0; float:none; width:320px; min-height:100px; position:absolute;top:80px; right:-40px; background:#2b2222; border:2px solid #dd655c; z-index:10; padding:10px 0;  }

header nav ul > li:hover ul { display:block;}
header nav ul > li > ul:before {content:"";width:0;height:0;border-left:10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #dd655c; position:absolute; right:73px; top:-12px;}
header nav ul > li > ul > li > a { padding:0; position:static}
header nav ul > li > ul > li > a:hover { color:#dd655c}
header nav ul > li > ul > li { float: right; padding:10px 20px;border-bottom:1px solid #453c3c; width:50%;}

.search {background:#453c3c; }
.search input[type="text"] { background:#453c3c; border:none; color:#f5eedb;font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:0; padding:5px 10px; width:100%}
.search input[type="text"]:focus {color:#F5EEDB;}
.search input[type="submit"] { border:none;  /*background:url(../../gfx/nav_icons.png) 0 -269px no-repeat;*/ margin:0; width:100%;font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; }
.search input[type="submit"]:hover { /*background-position: 0 -300px;*/}

/* smart search */
.autocomplete-suggestions { background:#453C3C; overflow: auto; color:#FFFFF4 }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #E0665D; }
.autocomplete-suggestions strong { font-weight: normal; color:#E0665D; }
.autocomplete-selected strong { color:#2B2222; }

footer { /*background:#453c3c;*/ padding:70px 0 0 0; } 
footer .container { position:relative; min-height:250px; }
footer .bg { position:absolute; width:226px; height:194px; bottom:0px; left:50px; background:url(../../gfx/footer_bg.png) 0 0 no-repeat;  }
footer nav > ul { width:680px; overflow:hidden; margin:20px 0}
footer nav > ul > li { display:block; float:right; width:200px;}
footer nav > ul > li > a, footer nav > ul > li > a:visited   { color:#f5eddb; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }

footer .social_bar { clear:right; width:145px; height:40px;text-align:center; margin:20px 0 20px 0}
footer .social_bar a, .social p a{ display: inline-block; width:41px ; height:41px; background:url(../../gfx/footer_social.png) 0 0 no-repeat; margin:2px;}
footer .social_bar a.fb, .social p a.fb { background-position:-93px -2px}
footer .social_bar a:hover.fb, .social p a:hover.fb  { background-position:-93px -52px;}
footer .social_bar a.tw, .social p a.tw  { background-position:-46px -2px;}
footer .social_bar a:hover.tw, .social p a:hover.tw  { background-position:-46px -53px;}
footer .social_bar a.gp, .social p a.gp  { background-position:0px -1px;}
footer .social_bar a:hover.gp, .social p a:hover.gp { background-position:0px -51px;}
.copy_rights { color:#aaa1a1; background:#170e0e; height:40px;}
.copy_rights p { text-align:left; padding:10px 0; font-size:11px; width:1000px; margin:0 auto; }

/* #General elements
================================================== */
 address { font-size:13px; font-weight:bold; margin:0 0 10px 0; padding: 0 20px; }
.phone, .hot_line {font-size:12px; font-weight:bold; margin:0 0 10px 5px; padding:2px 10px;display:inline-block;}
.hot_line {}
.attributes { height:40px; padding:0 20px; margin:20px 0 0 0;}
.social_bar { text-align:left;}
.social_bar a {width:25px; height:25px; display:inline-block; background:url(../../gfx/social_bar.png)0 0 no-repeat;}
.social_bar a.fb { background-position:-30px 0;}
.social_bar a:hover.fb { background-position:-30px -25px;}
.social_bar a.tw { background-position:0 0;}
.social_bar a:hover.tw { background-position:0 -26px;}
.social_bar a.gp { background-position:-60px 0;}
.social_bar a:hover.gp { background-position:-60px -25px;}


.property { display: block; font-size:12px; margin:0 0 10px 0;}
 a.property { color:#C64C43; }
.tit_1 { font-size:18px; font-weight:bold;}
.tit_2 { display:block; font-size:16px; font-weight:bold; padding:5px 20px; background:#f8f8ee;}
.tit_3 ,.sub_tit { font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:13px; color:#453c3c; font-weight:bold;}

.breadcrumb {padding:5px 20px;list-style: none; margin:0;}
.breadcrumb > li {display: inline-block; margin:0;  text-shadow: 0 1px 0 #FFFFF5; color:#C60}
.breadcrumb > li > a { color:#c64c43;} 
.breadcrumb > li > .divider { padding: 0 5px;  color: #8f8875;}
.breadcrumb > .active {color: #aaa1a1;}

.filter_header { padding:10px 20px; background:#2b2222; overflow:hidden; margin:10px 0 0 0;}

.v_list { padding:10px 10px 0 10px;}
.v_list > li, .v_list > li > a  { display:block; overflow:hidden; }
.v_list > li > a {border-bottom:1px solid #aaa1a1; padding:10px;}
.v_list > li > a:hover { background:#EFFFFF} 
.v_list > li > a > img { float:right; border:2px solid #e7e7dd; margin:0 0 0 10px; height:110px; width:78px;}

.more { display:block; padding:10px 20px; color:#453c3c; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; background:#f8f8ed;  text-align:left; text-shadow: 0 1px 0 #FFFFF5; clear:both;}
.more:hover { color:#c64c43;} 

.btn_holder { clear:both; padding:20px 20px 0 20px; text-align:left;}
.btn_holder input { margin:0 10px; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; }
.btn_holder input[type="reset"] { background:#504647; border-color:#504647}

.tabs, .tabs_2, .tabs_3 { overflow:hidden; margin:0;}
.tabs > li, .tabs_2 > li, .tabs_3 > li  { display:block; float:right; margin:0;}
.tabs > li > a, .tabs_2 > li > a, .tabs_3 > li > a { background:#e0e0d6; color:#6f6161; display:block; padding:10px 20px; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} 
.tabs > li > .current, .tabs_2 > li > .current, .tabs_3 > li > .current { background:#f8f8ed; color:#2b2222; }

.separator { padding:10px 20px; background:#dcd5c2; font-size:14px; font-weight:bold;}
	.separator .more { clear:none; display:inline-block; height:auto; padding:5px 10px; margin:0 10px 0 0;border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;  }

.filter_header h1 { float:right; }
.toggle_it { float:left; width:55px; height:23px; display:block; background:url(../../gfx/nav_icons.png) -3px -334px no-repeat; margin:4px 0 0 0;}
.filter_body { display:none; padding:20px; min-height:100px; background:#463c3d; color:#f3eedb; overflow:hidden;}
.filter_body .jump {}
.filter_body .jump select, .select_date input[type="text"]  {  padding:5px; display:inline-block; margin:0 0 10px 20px; background:#2b2525; width:200px; border-color:#504647;  font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; color:#f3eedb; font-weight:bold;}
.select_date { margin:20px 0; } 
.select_date label { display:inline-block;font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:12px; color:#f3eedb; font-weight:bold;}

.select_date .tit_2 { background:none; font-size:14px; padding:0px; color:#F3EEDB; }
.switches { margin:20px 0 0 0; }
.switches .options { margin:0;border-bottom:1px solid #504647;}
.switches .options span { color:#E0655D; font-size:11px; font-weight: bold; display:inline-block; width:47px; margin:5px; text-align:center;font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif;}
.switches .holder { overflow:hidden; width:33.3%; float:right;}
.switches .tit_3 { color:#f3eedb; font-size:12px; float:right; margin:17px 0 0 0;  overflow:hidden;}

.switch { position: relative;padding:2px; width:80px; display: block; height:35px; margin:10px 0 10px 10px; float:right;}
.switch input {position: absolute;opacity: 0;}
.switch label {position: relative;z-index: 2;float: right;width: 50%;height: 100%;margin: 0;text-align: center;}
.switch input:last-of-type:checked ~ {right: 50%;}
/* Switch with 3 items */
.switch.switch-three label {width: 33.3%; margin:0; padding:6px 0;}
.switch.switch-three input:checked:nth-of-type(2) ~ .slide-button {	right: 33.3%;}
.switch.switch-three input:checked:last-of-type ~ .slide-button {right: 66.6%;}
.switch *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.switch label {vertical-align: middle; cursor:pointer; font-size:10px; color:#6A6061;}
@-webkit-keyframes bugfix { from { position: relative; } to { position: relative; } }
.candy {background-color: #2B2525; border:1px solid #504647; border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
.candy input:checked + label { background:#83797A; border-radius: 2px;-moz-border-radius:2px;-webkit-border-radius: 2px; outline:none; }
.candy input:checked + label.yes { background:#99bf96; color:#2b2222;}
.candy input:checked + label.no { background: #e0665d; color:#2b2222;}
.candy p {color: #333;}
.candy span {color: #fff;}
/* paging */
.paging { clear:both; background:#f8f8ed; overflow: hidden; color:#606060; margin:20px 0; font-weight:bold; }
.paging a { color:#8f8875}
.paging .current { color:#453c3c}
.paging .not_active { color:#c2bba8;}
.paging a ,.paging span{padding: 10px 16px; border:1px solid #8F8875; border-bottom:none; border-top:none; border-left:none; color:#8f8875; font-size:12px; float:right;}
.paging .current ,.paging a:hover{color:#453c3c; border-bottom:5px solid #c64c43; padding: 5px 16px 10px 16px;}
.paging .page_number { border-right: none;}


/* #Adds 
================================================== */
.mr { height:250px; width:300px; margin: 0 auto 20px auto}
.lb { width:730px; height:90px; float:right;} 
.sticker { width:192px; height:90px; display:inline-block; margin:0 18px 0 0}
.google_ads {width:300px;  margin:20px 0 0 0; }
.google_ad_1 {  margin:0 0 20px 0;  }
.adx {width:730px; height:90px; margin:10px auto 20px auto; overflow:hidden; clear:both; }


/* #Modules 
================================================== */
.hasDatepicker { margin:0 0 20px 0}

.recommended {background:url(../../gfx/recommended.png) 0 0 no-repeat; display:block; width:57px; height:57px; top:0; left:0; position:absolute; z-index:30; }
.movie_rate { display: inline-block; font-family: Tahoma; font-size: 10px; background: #B3D9B0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding:0px 10px; }
.alert { background:#E0665D; padding:10px 20px; margin:5px 0; color:#fff; font-weight:bold; }
/* Generic listing item */
.generic_item { background:#fffff4; margin:0 0 10px 0; position:relative; overflow:hidden;}
.generic_item h2 { margin:10px 0 10px 10px; line-height:20px; font-size:14px;}
.generic_item h2 a {color:#df665d; font-size:16px; font-weight:bold;}
.generic_item address { font-size:12px; }
.generic_item figure img { border:3px solid #e5e5db; width:73px; height:73px; margin:20px 20px 20px 20px; float:right; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius: 40px;}
.generic_item .phone, .generic_item .hot_line { background:#f8f8ed; }
.generic_item .hot_line { background:#e0655d; color:#f5eedb;}
.generic_item .attributes { background:#f8f8ed; clear:right;}
.generic_item .attributes a { display:inline-block; float:left; margin:4px; width:30px; height:30px;}
.generic_item .attributes a img {width:30px; height:30px;}

/* Media listing item */
.h_listing { padding:10px 10px 0 10px  ; margin: 0 0 20px;}
.panes .h_listing { margin:0; } 
.h_listing .media_item { width:193px; height:340px; overflow:hidden; float:right; margin:0 0 10px 10px; position:relative;} 
.h_listing .media_item:nth-child(3n+3) { margin:0;} 
.h_listing .media_item figure  { height:200px; overflow:hidden; border-bottom:2px solid;}
.h_listing .media_item img { width:193px; margin:0 0 0 0; -webkit-transition: margin 3s ease;-moz-transition: margin 3s ease;-o-transition: margin 3s ease;-ms-transition: margin 3s ease;transition: margin 3s ease;}
.h_listing .media_item img:hover {margin-top: -70px; }
.h_listing .media_item .property { margin:0 10px;}
.h_listing .media_item h2 { font-size:14px; font-weight:bold; line-height:20px; margin:5px 10px 0 10px; max-height:40px; overflow:hidden;}
.h_listing .media_item time.property { display:inline-block; background:#2b2222; color:#f2ecdc; padding:0px 5px; position:absolute; top:170px; left:0; margin:0;}
.h_listing .social_bar {background:#2b2222; width:100%; padding:10px 10px 2px 10px;  margin:10px 0 0 0; position:absolute; bottom:0; left:0; z-index:0;}

.home .h_listing .media_item figure { height:185px; }
.home .h_listing .media_item time.property { top:130px;}

.v_listing { padding:10px 10px 0 10px; margin:0 0 20px 0; }
.v_listing .media_item { margin:0 0 10px 0; overflow:hidden; position:relative;} 
.v_listing .media_item figure { float:right;overflow:hidden; width:120px;  margin:0 0 0 10px;}
.v_listing .media_item .property { margin:5px 35px; font-size:14px;}
.v_listing .media_item h2 { font-size:16px; font-weight:bold; line-height:20px; margin:10px 10px 0 10px; max-height:40px; overflow:hidden;}
.v_listing .media_item time.property { display:inline-block; background:#2b2222; color:#f2ecdc; padding:0px 5px; position:absolute; top:130px; right:0; margin:0;}
.v_listing .social_bar {background:#2b2222; padding:10px 5px; margin:10px 0 0 0; position:absolute; bottom:0; left:0; width:35px; height:100%; z-index:0;}
.v_listing .recommended { background:url(../../gfx/recommended_en.png) 0 0 no-repeat;right:0;}

.media_item dl { overflow:hidden; float:right; background:#B3D9B0; margin:5px 0 10px 0; width:70%;}
.media_item dl > dt { float:right; padding:0 5px;width:30%; font-weight:bold; font-size:12px; clear:both; }
.media_item dl > dd	{ float:right; width:60%; font-size:11px;}	

.movies_bg { background:#d8d1be /* url(../../gfx/movie_bg.png) 0px 10px repeat*/}
.events_bg {background:#d8d1be url(../../gfx/event_bg.png) 0px 10px repeat}

/* Movies listing page tabs */
.fake_tabs .tabs_3 > li { text-align:center;}
.fake_tabs .tabs_3 > li > a { background:#E7E0CE; color:#6F6161;} 
.fake_tabs .tabs_3 > li > .current { background:#D8D1BE; color:#2b2222; }

/* Inner calendar */ 
.inner_cal  { margin: 0 0 20px 0;}

.inner_cal > .tab_holder > .tabs > li { margin:0 0 0 1px; }
.inner_cal > .tab_holder > .tabs > li > a { height: auto; padding:5px 15px; background:#e7e0ce; }
.inner_cal > .tab_holder > .tabs > li > a > .date { display:block; text-align:center; font-size:16px}
.inner_cal > .tab_holder > .tabs > li > a > .day { font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:normal;}
.inner_cal > .tab_holder > .tabs > li > .current { background:#D8D1BE; color:#2b2222; }


.inner_cal .controller { padding: 20px; background:#D8D1BE; margin:0; font-family:Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; overflow:hidden }
.inner_cal .controller .week, .inner_cal .controller .next, .inner_cal .controller .prev { display:inline-block; float:left;} 
.inner_cal .controller .prev, .inner_cal .controller .next { background:#2c2223; padding:8px 15px; font-size:12px; color:#fdfff3; cursor:pointer;} 
.inner_cal .controller .week { margin:8px 0 0 20px; font-size:14px;}
.inner_cal .controller .next { border-radius: 4px 0px 0px 4px;-moz-border-radius:4px 0px 0px 4px;-webkit-border-radius: 4px 0px 0px 4px;}
.inner_cal .controller .prev { border-radius: 0px 4px 4px 0px;-moz-border-radius:0px 4px 4px 0px;-webkit-border-radius: 0px 4px 4px 0px;}
.inner_cal .controller .empty { background:#463c3d;} 


/* Generic profile card */
.generic_card { background:#e0655d; color:#fff; margin:0 0 20px 0; position:relative; overflow:hidden;}
.generic_card .holder { float: right; padding:0 0 40px 0; width:60%;}
.generic_card a { display:inline-block; color:#FFFFF4}
.generic_card address { padding:0;}
.generic_card h1, .generic_card .district a{ color:#FFF; font-size:20px; font-weight: bold; margin:20px 0 10px 0;}
.generic_card .district a { font-family: Droid Arabic Kufi, Arial, Helvetica, sans-serif; font-size:16px;  }
.generic_card .district a:hover { border-bottom:1px  dashed #fff; }
.generic_card figure img { border:0px; width:30%;  margin:0 20px 0 20px; position:relative; z-index:2; float:right;}
.generic_card .phone, .generic_card .hot_line {  background:none; color:#FFF;}
.generic_card .hot_line { background:#FFF; color:#e0655d;}
.generic_card .attributes { background:#2b2222; height:40px; padding:0 20px; margin:0; position:absolute; bottom:0; left:0; width:100%; z-index:0;}
.generic_card .attributes a { display:inline-block; float:left; margin:4px; width:30px; height:30px;}
.generic_card .attributes a img { width:30px; height:30px;}

/* Media profile card */
.media_card { background:#e0655d; color:#fff; margin:0 0 20px 0; position:relative; overflow:hidden;}
.media_card .holder { float: right; padding:0 0 40px 0; width:60%;}
.media_card h1 {  font-size:22px; font-weight: bold; margin:20px 0 10px 0;}
.media_card figure img { border:0px; width:30%; margin:0 20px 0 20px; position:relative; z-index:2; float:right;}
.media_card dl { margin:0 0 20px 0}
.media_card dl > dt { float:right; clear:both; padding:5px;width:20%; font-weight:bold; font-size:12px; }
.media_card dl > dd	{margin:2px 0; float:left; width:80%; padding:5px 0;}	

.media_card a { color:#C64C43;} 
.media_card a:hover {color:#c64c43;}
.media_card .social_bar { background:#2b2222; padding:5px 20px; margin:0; position:absolute; bottom:0; left:0; width:100%; z-index:0;}
/* Map */
.map { padding:0 0 1px 0; margin:0 0 20px 0;}
.map .holder { margin:10px; height:433px; overflow:hidden}
/* review */
.review { margin:0 0 20px 0;}
.review p { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:10px 20px; margin:0; line-height:28px;}
/* related */
.related {margin:0 0 20px 0;}
.related ul { margin:20px 20px 0 20px ; padding:0 0 20px 0}
.related ul li { float:right; display:block; margin:0 0 10px 15px;}
.related ul li img {border:3px solid #e5e5db; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius: 40px; width:75px; height:75px; }
/* other branches  */
.related .sub_tit { color:#8F8875; padding:0 20px; font-size:14px; margin:0;} 
.related .near_list address { font-weight:normal; font-size:12px; padding:0;}
.related .near_list { overflow:hidden; margin:0 25px 0 0;}
.related .near_list > li { display:block; float:right;  margin:10px 0 10px 10px;}
.related .near_list > li a { display:block; width:159px; height:80px; border: 2px solid #e5e5db; padding:5px 10px; overflow:hidden} 
.related .near_list > li a:hover { background:#FFE5DC;}

.related .all_branches_list { margin:0 20px 20px 0;}
.related .all_branches_list li {margin:0 15px 2px 0;}
.related .all_branches_list li > a { width:150px; display:block; font-size:12px; padding:0 20px 0 0;  background:url(../../gfx/dot.png) 99% 7px no-repeat; }

/* Events widget */
.events_widget {margin:0 0 20px 0;}
.events_widget .v_list > li > a { border-bottom-color:#fcf3c7;}
.events_widget .v_list > li > a:hover { background:#fcf3c7;} 
.events_widget .property { margin:0 0 5px 0; color:#766f5c}
/* Movie widget */
.movies_widget .tabs > li { width:50%}
.movies_widget .tabs > li > a {display:block; text-align:center; background:#7fa57c;}
.movies_widget .tabs > li > .current { background:#99bf96; }
.movies_widget .v_list > li > a { border-bottom-color:#d8e4d0;}
.movies_widget .v_list > li > a:hover { background:#d8e4d0;} 
.movies_widget .property { margin:0 0 5px 0; color:#766f5c}
/* Gallery */
.gallery { padding:0 0 10px 0; margin:0 0 20px 0;}
.gallery .tit_2 { margin:0 0 10px 0;}
.gallery ul { overflow:hidden; margin:0 10px 0 0;}
.gallery ul > li { display:block; float:right; margin:0 7px 7px 0 }
.gallery ul > li > a { display:block; width:112px; height:83px; position:relative;}
.gallery ul > li > a> .play { display:block; position:absolute; width:30px; height:30px; background:#2B2222 url(../../gfx/rotator.png) 11px -17px no-repeat; top:27px; right:40px; border-radius: 20px;-moz-border-radius:20px;-webkit-border-radius: 20px; opacity:.8;}
.gallery ul > li > a:hover .play:hover {opacity:1;}
.gallery ul > li > a > img { width:112px; height:83px;}
	

/*BxSlider v4.0*/
.bx-wrapper {position: relative;margin: 0 auto 60px;padding: 0; *zoom: 1; direction:ltr; overflow:hidden;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;width: 32px;height: 32px;text-indent: -9999px;z-index:20;border-radius: 20px;-moz-border-radius:20px;-webkit-border-radius: 20px; border:2px solid #F5EEDB;  opacity: 0.5;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { background:#2c2223 url(../../gfx/rotator.png)0 0 no-repeat}
.bx-wrapper .bx-prev {left:10px; background-position: 10px 8px;}
.bx-wrapper .bx-next { right:10px; background-position: 12px -16px}

.bx-wrapper .bx-controls-direction a:hover {opacity: 1;} 
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* now playing at  */
.playing_at {margin:0 0 20px 0;} 
.playing_at ul { padding:0 25px 0px 0px ; overflow:hidden;}
.playing_at ul > li { display:block; float:right;  margin:10px 0 10px 10px;}
.playing_at ul > li a { display:block; width:159px; height:80px; border: 2px solid #e5e5db; padding:5px 10px; overflow:hidden} 
.playing_at ul > li a:hover { background:#FFE5DC;}

/* Search page listing page   */
.key_word { color:#DF665D;  }
.search_results_tabs { padding:10px 0; }
.search_results_tabs a { display:inline-block; padding:5px 15px; background:#DCD5C2; font-size:12px; margin:0 0 4px 2px   }
.search_results_tabs a:hover { background: #E0655D;color: #F5EEDB; }
    
.search_results_tabs .active { background:#2B2222; color:#F5EEDB; }


/* #Home page components 
================================================== */
.featured_area { background:#2B2222; padding:20px; color:#FFF; position:relative;}
.carousel-inner .item { display:none}
.carousel-inner .active { display:block}

.featured_area .carousel { overflow:hidden}
.featured_area .carousel-inner .item { height:200px; overflow:hidden }
.featured_area .carousel-inner figure { width:65%; float:right;}
.featured_area .carousel-inner .con { overflow:hidden; float:right; width:35%;}
 

.featured_area .carousel-inner img {width:100% /*float:right; margin:0 0 0 20px;width:400px; height:210px;*/}
.featured_area .carousel-inner h1 {font-size: 13px;font-weight: bold;line-height: 20px;max-height: 50px;overflow: hidden;padding: 10px; }
.featured_area .carousel-inner  p { font-size: 12px; overflow: hidden;padding: 0 10px 10px 10px; font-family:Tahoma; max-height:170px; }
.featured_area .carousel-inner a {color:#2B2222;}

.featured_area .carousel-inner .event_f { background:#f6d85f}
.featured_area .carousel-inner .movie_f { background:#99bf96}
.featured_area .carousel-inner .place_f { background:#e0665d}
.featured_area .carousel-inner .generic_f { background:#70c1e5}

.carousel-indicators { position:absolute; bottom:6px; width:60px; margin:0;left:20px;}
.carousel-indicators li { float:right;display:block;width:11px; height:11px; padding:0; margin:0 2px;}
.carousel-indicators li span {display:block;width:11px; height:11px; cursor:pointer; border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; border:2px solid #2B2222; background: #453c3c;}
.carousel-indicators .active .event_f {background:#f6d85f;}
.carousel-indicators .active .movie_f {background:#99bf96} 
.carousel-indicators .active .place_f {background:#e0665d}
.carousel-indicators .active .generic_f {background:#70c1e5} 

.new_featured { background:#D8D1BE; padding:10px 10px 0 10px;}
.new_featured ul li { padding-bottom:0;}
.new_featured article { width:100%; height:290px; background:#FFFFF4;}
.new_featured article h1 { overflow:hidden;}
.new_featured .place h1,.new_featured .movie h1, .new_featured .event h1  { color:#2b2222; background:#e0665d;}
.new_featured .event h1 { background:#f6d85f}
.new_featured .movie h1 { background:#99bf96;}
.new_featured a { display:block; padding:5px 20px; width:100%; }
.new_featured a img { width:100%; height:140px; border:4px solid #2b2222; margin:15px 0 0 0;}
.new_featured a p { width:100%;  overflow:hidden; font-size:13px; height:65px;}

.new_featured .place img { border-color:#df665d;}
.new_featured .place a:hover { color:#df665d;}
.new_featured .movie img { border-color:#7fa57c;}
.new_featured .movie a:hover { color:#7fa57c;}
.new_featured .event img { border-color:#dcbe45;}
.new_featured .event a:hover { color:#dcbe45;}

/* home page events */
.special_events { background:#f6d85f; padding:10px } 
.special_events article { height:177px; margin:0 0 10px 0; overflow:hidden; position:relative;}
.special_events article img { width:100%}
    
.special_events article .social_bar { position:absolute; bottom:0; left:0; margin:0; padding:5px 10px 5px 10px; background:#2B2222; width:100%;}
.special_events article .date { display:inline-block; float:right; color:#f6d85f; font-weight:bold;}

.home .inner_cal .panes {overflow:auto; overflow-y:hidden}
.home .inner_cal .panes .h_listing { width:620px;}
.home .inner_cal { margin:0;}
.inner_cal .tabs { width:430px;}
.inner_cal .tab_holder { overflow:auto}
    
.home .inner_cal .h_listing .media_item { height:290px;}
.home .inner_cal .more, .movies_home .more  { background:none; padding:5px 20px 15px 0;}

/* home page movies */
.movies_home .tab_1, .movies_home .tab_2 { background:#D8D1BE; position:relative;border-radius: 4px 0px 4px 4px;-moz-border-radius: 4px 0px 4px 4px;-webkit-border-radius: 4px 0px 4px 4px;}
.movies_home .panes_2 { width:100%; overflow:auto; overflow-y:hidden;}
.movies_home .panes_2 .tab_1, .movies_home .panes_2 .tab_2 { width:2420px}
.movies_home .h_listing { overflow:hidden; margin:0;}
.movies_home .h_listing li { margin:0;}
.movies_home .h_listing .social_bar { width:100%; padding:10px 10px 2px 10px }
.movies_home .h_listing .media_item { width:190px; height:300px;}
.movies_home .tabs_2 > li { text-align:center;}
.movies_home .tabs_2 > li > a { background:#E7E0CE; color:#6F6161;} 
.movies_home .tabs_2 > li > .current { background:#D8D1BE; color:#2b2222; }
.movies_home .more { padding:10px 20px; height:auto }

.movies_home ::-webkit-scrollbar, .inner_cal ::-webkit-scrollbar { width: 5px; height: 5px; background-color: #D8D1BE;-webkit-border-radius: 100px;}
.movies_home ::-webkit-scrollbar:hover, .inner_cal ::-webkit-scrollbar:hover {width: 10px;}
.movies_home ::-webkit-scrollbar-thumb, .inner_cal ::-webkit-scrollbar-thumb  {background: #453c3c; -webkit-border-radius: 100px;}
.movies_home ::-webkit-scrollbar-thumb:hover,.movies_home ::-webkit-scrollbar-thumb:active, .inner_cal ::-webkit-scrollbar-thumb:hover,.inner_cal ::-webkit-scrollbar-thumb:active { background: #2B2222;} 


/* you should try */
.try { height:300px; background:#e0665d; margin:0 0 20px 0 }
.try .tit_2 { background:none; color:#fff;} 
.try .try_list  li  a { background: #999; display:block; width:100%; height:211px; border:2px solid #c64c43; border-left:none; border-right:none; position:relative;}
.try .try_list  li  a p {  width:calc(100% - 20px); margin:-59px 10px 0 10px; padding:10px;  background:#352a2a; color:#F5EEDB; font-weight:bold; text-align:center; font-size:12px; opacity:.9;}
.try .try_list  li  a img { height:211px; width:100%;}
.try .bx-wrapper .bx-controls-direction a { top:110px;}
.try .bx-has-controls-direction { text-align:center; margin:6px auto 0 auto; width:80px;}
.try .bx-pager-item { width:15px; height:15px; display:inline-block; margin:2px; float:right; }
.try .bx-pager-item a {width:15px; height:15px; display:block; overflow:hidden; text-indent:-999px; background: #c64c43;border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;}
.try .bx-pager-item .active { background: #E0665D; border:2px solid #c64c43; width:11px; height:11px;}
.home .try {margin:42px 0 0 0 }

/* social components */

.twitter_feed, .facebook  { width:100%; height:300px; background:#453c3c}
.twitter_feed .tit_2, .facebook .tit_2 { height:40px; background:#2b2222 url(../../gfx/social_icons.png) 20px 12px no-repeat;}
.facebook .tit_2 { background-position:13px -27px;}
.home .mr { margin:20px auto;} 



/* About us page  
================================================== */
.about {min-height:700px; background:#FFFFF4;  margin:0 0 20px 0;}
.about p {font-family: Arial,Helvetica,sans-serif; font-size: 18px;  line-height: 28px; padding:20px; }
.about h1 {padding:30px; background:#2b2222  url(../../gfx/about.png) 0px 0px no-repeat; color:#F5EEDB;  margin:0 0 20px 0; font-weight:bold; }
.about .video { margin:30px auto 10px auto;  border:10px solid #DCD2BA;width:500px; height:300px; }  

/* popup  
================================================== */

#popup_box {
    position: fixed;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(43, 34, 34, 0.8);
    z-index: 100;
 
    display: none;
}
    #popup_box .o {
        height: 358px;
        width: 600px;
        background-image: url(../../../Images/banner.jpg);
        /* background: rgba(43, 34, 34, 1); */
        margin: 150px auto;
        padding: 20px;
        font-size: 15px;
        border-radius: 4px;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
        position: relative;
        background-repeat: no-repeat;
    } 
    #popup_box .o .close { display:inline-block; color:#fff;border-radius:40px; padding:3px 10px; background:#70c1e5; float:left; }
    #popup_box .o .close:hover {background:#df665d}
    .mobiles { background:url(../../gfx/go_mobile_please.png) 0px 0px no-repeat;    width: 270px;  height: 220px;float: left;margin: 40px 0 0 00px; }
.text {
    color: #ffffff;
    text-align: center;
    font-family: Droid Arabic Kufi;
    font-size: 10px;
    width: 285px;
    /* float: right; */
    margin: 0;
    position: absolute;
    bottom: 3px;
    left: 0;
}
        .text span {display:inline-block ; background: url(../../gfx/go_mobile_please.png) -172px -226px no-repeat;width: 93px;height: 99px; }
        .text p { padding:20px 0;}
    .text a {
        color: #f3ecdc;
        display: inline-block;
        margin: 4px 2px 30px;
        font-size: 0.8em;
        direction: ltr;
    }
    .text img {
        width: 24px;
        display: inline-block;
        margin: 0 5px;
        position: relative;
        top: 2px;
    }
        .text figcaption {
             display: inline-block;
        }
.stores {
    float: left;
    clear: both;
    padding: 50px 0;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    text-align: center;
    width: 240px;
}
    .stores h1 {
        font-weight: bold;
        font-size: 23px;
    }
    .stores h3 {
        font-size: 0.9em;
        font-weight: bold;
    }
    .stores a {
        display: inline-block;
        background: url(../../../Images/popupLinks.png) 0 0 no-repeat;
    }
    .stores .and {
        background-position: -98px 0;
        width: 101px;
        height: 36px;
        margin: 0 0 0 0;
    }
    .stores .ios {
        background-position: 0 0;
        width: 97px;
        height: 37px;
        margin: 0 0 0 0px;
    }
    
    

/* #customization and groups   
================================================== */
/* modules Radius */
.filter_header, .generic_item, .generic_card, .phone, .hot_line, .map, .review, .related, .events_widget, .movies_widget, .gallery, .media_card,.playing_at, .playing_at ul > li > a, .h_listing, .media_item, .separator, .movies_bg, .media_item dl, .related .near_list > li > a, .nav_body, .s_u_s, nav ul > li > ul, .search, .new_featured, .new_featured article,.try, .special_events, .special_events article, .try .try_list  li  a p, .featured_area, .twitter_feed, .facebook, .social p, .paging, .hasDatepicker, .search_results_tabs a, .about, .about .video, .alert  {border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
/* Bottom Radius */
.generic_item .attributes, .more,.h_listing .social_bar, .inner_cal .h_listing, .filter_body  {border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px;border: 0px solid #000000;}
/* top Radius */
.tit_2, .tabs, .h_listing .media_item img, .inner_cal > .tabs > li > a, .movies_home .tabs_2 > li > a, .fake_tabs .tabs_3 > li > a, .about h1  {border-radius: 4px 4px 0px 0px;-moz-border-radius: 4px 4px 0px 0px ;-webkit-border-radius: 4px 4px 0px 0px;border: 0px solid #000000;}
/* modules 2px shadow */
.generic_item, .review, .related, .events_widget, .movies_widget, .gallery, .playing_at, .new_featured article, .paging { -webkit-box-shadow: 0px 2px 0px 0px rgba(221,220,208,1);-moz-box-shadow: 0px 2px 0px 0px rgba(221,220,208,1);box-shadow: 0px 2px 0px 0px rgba(221,220,208,1);}

.events_widget, .movies_widget, .related, .review, .map, .gallery, .playing_at {background:#fffff4;} 

/*M T B 20 */
.featured_area, .nav_body, .s_u_s, .movies_home,.sp_events, .home .inner_cal, .lb, .sticker, .new_featured  { margin:20px 0 10px 0;}



/* Category colors */
.places {color:#df665d}
.movies { color:#99BF96;}
.events { color:#f6d85f;}
.blue { color:#FFF; background:#6fc2e4 !important; }
.yellow {color:#453c3c !important; background:#f6d85f !important;}
.yellow figure { border-bottom-color: #dcbd45 !important; }
.green { color:#453C3C !important; background:#99BF96 !important;}
.green figure  { border-bottom-color: #4f754e !important; }
.red { background:#df665d !important; color:#FFF}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: /*url(../../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/DroidKufi-Regular.woff) format('woff'),*/
       url(../../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face
{
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: /*url(../../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), 
        url(../../fonts/DroidKufi-Bold.woff) format('woff'),*/ 
        url(../../fonts/DroidKufi-Bold.ttf) format('truetype');
}


@media only screen {
  

} /* Define mobile styles */

@media only screen and (max-width: 40em)
 {
    .featured_area .carousel-inner .item { height:auto; }
    .featured_area .carousel-inner figure { width:100%; float:none;}
    .featured_area .carousel-inner .con { overflow:hidden; float:none; width:100%;}
    .movies_home .tabs_2 { width:100%}
    .movies_home .tabs_2 > li { width:50%}
    .logo { display:inline-block; width:45px; height:45px; background:url(../../gfx/filbalad_small.png) 0 0 no-repeat; float:right; margin:10px;}

    header nav ul > li > a { /*padding:24px 13px;*/}
    header .nav_body { margin:10px 0 0 0; padding:0;}
    header nav ul > li {padding:0 ;}
    header nav ul > li > ul { top:60px; right:-95px; }
    header nav ul > li > ul:before {right:112px;}


    .featured_area, .nav_body, .s_u_s,.movies_home,.sp_events, .home .inner_cal, .lb, .sticker, .new_featured  { margin:10px 0 10px 0;}
    .home .try { margin:10px 0 0 0;}
    .home .mr { margin:0 auto;}

    .generic_card figure img { width:calc(100% - 20px); float:none; margin:10px;}
    .generic_card .holder { float: none; padding:10px 10px 40px 10px; width:100%;}
    .generic_card h1, .generic_card .district a { margin:5px 0;}

    .media_card figure img {width:calc(100% - 20px); margin:10px;}
    .media_card .holder { width:100%; padding:10px; float:none}

    .copy_rights p { width:auto; margin:20px auto 0;}

    .carousel-indicators {bottom:0; width:120px;}
    .carousel-indicators li, .carousel-indicators li span { width:20px; height:20px;}

    .fake_tabs .tabs_3 > li {width:50%;}

    #popup_box .o {
        width: 90%;
        background-position: right;
        height: 260px;
        background-repeat: no-repeat;
        background: #f8af08;
    } 
    .mobiles { background:url(../../gfx/go_mobile_please.png) 16px 0px no-repeat;    width: 100%; margin: 20px 0 0 0; }
    .text {
        font-size: 17px;
        width: 285px;
        /* float: right; */
        color: #1a1a1a;
        margin: 0 auto;
        right: 0;
    }
        .text a {
            color: #1a1a1a;
        }
    #popup_box .o .close {
   
        background: #000000;
    }
        .text span {  }
        .text p { padding: 25px 0;text-align: right;}
    .stores {
        left: 0;
        margin: 0 auto;
    }
    .stores .ios {
   
    }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { 


} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  
        
    
    header nav ul > li > a {padding:0px 18px; }

}