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

@font-face {
    font-family: NeoSans;
    src: url('../../fonts/NeoSansArabic.eot');
    src: url('../fonts/NeoSansArabic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NeoSansArabic.woff') format('woff'),
         url('../fonts/NeoSansArabic.ttf') format('truetype'),
         url('../fonts/NeoSansArabic.svg#NeoSansArabic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* --- For Opera ---  */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	@font-face {
		font-family:NeoSans;
		src:  url('../fonts/NeoSansArabic.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}
}

.bibleletters {
	display:inline
}
.bibleletters a {
	display:inline-block;
	padding:2px;
	color:#5b2119;
	text-shadow:1px 1px 1px #fff4d6;
	font-size:17px;
}
.bibleletters a:hover {
	text-decoration:underline;
	color:#5b2119;
}

.biblewords {
	display:block;
}
.biblewords a {
	display:inline-block;
	padding:10px 0px;
	color:#5b2119;
	text-shadow:1px 1px 1px #fff4d6;
	font-size:17px;
	width:30%;
}
.biblewords a:hover {
	text-decoration:underline;
	color:#5b2119;
}

.church a {
	display:block;
	padding:10px 0px;
	color:#5b2119;
	text-shadow:1px 1px 1px #fff4d6;
	font-size:17px;
	width:30%;
}
.church a:hover {
	text-decoration:underline;
	color:#5b2119;
}

.books a {
	display:block;
	padding:10px 0px;
	color:#5b2119;
	text-shadow:1px 1px 1px #fff4d6;
	font-size:17px;
}
.books a:hover {
	text-decoration:underline;
	color:#5b2119;
}

img, object, embed, video {max-width: 100%;}

/* -- 1. RESET BROWSER DEFAULTS -- */
	html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, i, font, img, small, strike, strong, ol, ul, li {
		margin:0px; padding:0px; border:0px; font-weight:inherit; font-style:inherit;
		font-size:100%; font-family:inherit; vertical-align:baseline;
		text-align:right;
	}
	
h1{ font-size: 28px; line-height: 44px; margin-bottom: 10px; }
h2{ font-size: 24px; line-height: 38px; margin-bottom: 10px; }
h3{ font-size: 18px; line-height: 28px; margin-bottom: 10px; }
h4{ font-size: 16px; line-height: 24px; margin-bottom: 10px; }

a, .nav_books li, .book_item, .carousel-indicators li, .carousel-control,a img, .roof_icon, .sub-roof-ico, .icon_roof_title, .side_sec{
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
 }
.carousel .item .image_frame{
	-webkit-transition:all 0.9s ease-in-out;
	-moz-transition:all 0.9s ease-in-out;
	-o-transition:all 0.9s ease-in-out;
	-ms-transition:all 0.9s ease-in-out;
	transition:all 0.9s ease-in-out;
}


li:hover .book_item, .small_fi li a:hover img, .bigbook_fi li:hover a, .icons_roof li:hover .roof_icon, .icons_roof li:hover .icon_roof_title, #main_slider .carousel-control:hover, .su_l_icon:hover, .su_r_icon:hover{
	/* filter: url(shadow_filter.svg); */
	filter:drop-shadow(16px 16px 10px black);  /* Current draft standard */
    -webkit-filter:drop-shadow(16px 16px 10px black); /* New WebKit */
    /* -moz-filter:drop-shadow(16px 16px 10px black); */
    -ms-filter:drop-shadow(16px 16px 10px black); 
    -o-filter:drop-shadow(16px 16px 10px black); /* Not yet supported in Gecko, Opera or IE */ 
	/* filter: url(shadow_filter.svg#drop-shadow); */
    /* filter: drop-shadow(16px 16px 10px black);  IE */
    -webkit-filter: drop-shadow(16px 16px 10px black); /* Old WebKit */
}



a{color:#fac88b; font-size:14px;}
a:hover{color:#fff; }
	
	body {
		font:12px/18px 'NeoSans' , Arial , Tahoma;
		direction:rtl;
		text-align:right;
		color:#ffd8a9;
		line-height:20px;
		background:#a04920 url(../img/bgs/body.jpg) top center repeat;
		/*
		background-position:center;
		background-attachment:fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-repeat: no-repeat;
		*/
	}
	
	body.index_page{background-position:center 200px;}

::-moz-selection { background: #fcca85; color: #3d0f09; text-shadow:#ffe2bb 1px 1px 1px;}
::selection { background: #fcca85; color: #3d0f09; text-shadow:#ffe2bb 1px 1px 1px; }

::-webkit-scrollbar {width: 8px; height:8px; }
::-webkit-scrollbar-track {background: #db7f47; border: 1px solid #c45a20;}
::-webkit-scrollbar-thumb {background: #57180e;}
::-webkit-scrollbar-thumb:hover {cursor:pointer; background:#8e2415;}
::-webkit-scrollbar-thumb:active {background: #34100d;}

.btn-primary{
	color: #fad3a4;
	background-color: #571a10;
	background-image: linear-gradient(to bottom, #8d2816, #571a10);
	background-repeat: repeat-x;
	font-family: NeoSans, Arial, Tahoma;
	background-image: linear-gradient(to bottom, #8d2816, #571a10);
}
.btn-primary:hover, .btn-primary:focus{background-color:#571a10;}
	

.index_page header{ background:url(../img/bgs/head_1.jpg) top repeat-x;}

.container{position:relative;}
	
.index_nav{background:url(../img/bgs/index_top_nav.png) bottom center no-repeat; height:335px;}
.index_nav .logo{position:absolute; display:block; left:40%; top:30px;}
.index_nav .logo:hover{top:20px;}
select.mob_menu, select.mob_topnav, select.mob_mainnav{display:none;}
.nav_books{margin:55px 40px 0 40px; list-style:none;}
.nav_books li.r_book, .nav_books li.l_book{position:relative; display:block; width:159px; height:181px;}
.nav_books li.r_book{float:right;}
.nav_books li.l_book{float:left;}
.nav_books li .book_item{width:100%; height:100%; display:block; position:relative;}
.nav_books li:hover .book_item{margin-top:-10px; }

.ktab_mokds{width:58px; height:86px; display:block; position: absolute; left: 28px;top: 37px;}
.m3agm{width:62px; height:93px; display:block; position: absolute; left: 28px;top: 37px;}
.drasat{width:59px; height:89px; display:block; position: absolute; right: 28px;top: 40px;}
.search_ico{width:59px; height:89px; display:block; position: absolute; right: 28px;top: 45px;}

ul.nav_sub{margin:10px 0; overflow:hidden;}
ul.nav_sub li{display:inline-block; width:135px; float:right; margin:2px 10px; padding:0; text-align:right; margin-bottom:4px;}
ul.nav_sub li a, .sub-roof-ico li a{display:block; background:url(../img/icons/link_ico.png) right 3px no-repeat; padding-right:17px;}
ul.nav_sub li a:hover, .sub-roof-ico li a:hover{background-position:right -19px; padding-right:17px;}

.nav_books li.r_book .popover{right:0; height:auto !important;}
.nav_books li.l_book .popover{left:0; height:auto !important;}
.nav_books li.dropdown:hover .popover{display:none;}
.nav_books li:hover .popover, .nav_books li.dropdown.open .popover{display:block; opacity:1;}
.nav_books .popover{ opacity:0.0; top:150px; width:310px; max-width:inherit; background:url(../img/bgs/brown_9.png) repeat; border:none;}
.nav_books .popover.bottom .arrow:after{border-bottom-color: #581810; border-width:20px; border-top-width:0; top:-9px; opacity:.9;}
li.r_book .popover.bottom .arrow{right:24%; left:inherit; border-bottom-color: rgba(0, 0, 0, 0);}
li.l_book .popover.bottom .arrow{left:41%; right:inherit; border-bottom-color: rgba(0, 0, 0, 0);}

.popover{background:url(../img/bgs/brown_9.png) repeat; border:none;}
.popover.bottom .arrow:after{border-bottom-color: #581810; opacity:.9;}
.popover.top .arrow:after{border-top-color: #581810; opacity:.9;}

.closeit{
	display:none;  position:absolute; bottom: -12px; left: 15px; font-weight:bold; z-index:9999; cursor:pointer;
	font-size:15px; font-family:Arial, Helvetica, sans-serif;
}
.open .closeit{display:block;}
.popover select, .popover .row-fluid input{background-color:#370f0b; border:#b86019 solid 1px; color:#ffd8a9; font-family:'NeoSans' , Arial , Tahoma;}

.site_title{margin-top:-8px}
.site_title h1{text-align:center; color:#53221c; text-shadow:#f0ddb6 1px 2px 2px; font-size:30px; line-height: 38px;}

#main_slider{ margin-top:25px; background:url(../img/bgs/roof.png) bottom center no-repeat; padding-bottom:90px; position:relative; margin-bottom:120px;}
.image_frame{width:390px; height:301px; float:left; margin-left:35px; position:relative;}
#main_slider .img_frame{background:url(../img/bgs/img-frame.png) top left no-repeat; width:390px; height:301px;position:absolute; top:0; left:0;}
#main_slider .inner_img{width:275px; height:165px; float:left; margin-left:50px; margin-left: 55px; margin-top: 73px;}
#main_slider .inner_img img{width:100%; min-width:271px; height:161px;}

.slider_desc{float:right; margin-top: 40px; width: 540px;}
#main_slider .item h2{color:#fff; font-size:24px; text-shadow:#421b12 1px 2px 3px;}
#main_slider .item p{color:#ffd6a5; font-size:17px; text-shadow:#421b12 1px 2px 3px; line-height:26px;}

.carousel .item .image_frame{opacity:0;}
.carousel .active.item .image_frame{opacity:1;}

#main_slider .carousel-control{
	position: absolute;
	top:inherit;
	bottom: 100px;
	left: 330px;
	width: 103px;
	height: 63px;
	margin-top:0;
	font-size: 40px;
	font-weight: 100;
	line-height: 60px;
	color: #ffc58a;
	text-shadow:#000 1px 2px 3px;
	text-align: center;
	background: url(../img/icons/slider_arrow.png) no-repeat;
	border: none;
	-webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0;
	opacity: 1;
	filter: alpha(opacity=50);
}
#main_slider .carousel-control.right{left:20px; right:inherit;}
#main_slider .carousel-control:hover{padding-bottom:10px; color:#fff;}
#main_slider .carousel-indicators { position: absolute;bottom: 125px;right: 0px; top:inherit;}
#main_slider .carousel-indicators li{
float: right; width: 22px; height: 22px; margin-right: 5px; margin-left:0; cursor:pointer;
background:url(../img/icons/slider-indicators.png) top center no-repeat; border-radius: 0;
}
#main_slider .carousel-indicators .active{background:url(../img/icons/slider-indicators.png) bottom center no-repeat; cursor:default;}


.slider_under{position:absolute; bottom:-95px; width:100%; height:187px;}

.slider_under .su_r_icon{display: block; float: right; margin-top: 0; margin-right: 170px;}
.slider_under .su_l_icon{display: block; float: left; margin-top: 0; margin-left: 170px;}
.su_l_icon:hover, .su_r_icon:hover{margin-top:3px;}
.slider_under a span{display: block; text-align:center; clear:both; text-shadow:#000 1px 1px 1px;}

.clock_cont { position:absolute; left:41%; bottom:0; width:177px; height:187px; background:url(../img/bgs/clock.png) top no-repeat;}
.clock_cont .theclock{width: 127px; height: 127px; margin: 38px 28px 0 0; position:relative;}
.clock_cont canvas{width: 127px !important; height: 127px !important;}
.clockinfo{position:absolute; width: 10px; height: 10px; background:#53221c; cursor:pointer;
box-shadow: #f0ddb6 1px 1px 1px; -moz-box-shadow: #f0ddb6 1px 1px 1px; -moz-box-shadow: #f0ddb6 1px 1px 1px;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; 
}
.clockinfo.top_info{top:7px; left: 59px;}
.clockinfo.right_info{top:60px; right:7px;}
.clockinfo.left_info{top: 60px; left: 7px;}
.clockinfo.bottom_info{bottom: 7px; left: 59px;}
.clock_cont .popover .arrow{left:53%;}
.popover-title{background: url(../img/bgs/brown_9.png) repeat; border-bottom:#53221c solid 1px; font-size:15px;}
.popover .popover-content{font-size:12px; line-height:18px;}
.clock_cont .popover{width:250px;}


.icons_roof{background:url(../img/bgs/roof.png) bottom no-repeat; height:225px; margin-bottom:20px; clear:both; display:block;}
.icons_roof ul{margin-right:45px;}
.icons_roof li{float:right; list-style:none; position:relative; margin-left:20px;}
.icon_roof_title{
	background:url(../img/icons/icon_title.png) bottom no-repeat; padding-top:130px;
	width:209px; height:76px; display:block; position:relative;
}
.icon_roof_title span{
	position:absolute; display:block; width:100%; text-align:center; font-size:18px;
	bottom:24px; color:#53221c; text-shadow:#fdeccc 1px 1px 1px;
}
.roof_icon{position:absolute; bottom:70px; text-align:center; width:100%;}
.icons_roof li:hover .roof_icon{opacity:0.3;}
.sub-roof-ico{
	display:none; position: absolute; left: 0; margin: 0; bottom: 83px; z-index: 9; padding:10px; width: 180px;
	background: url(../img/bgs/brown_9.png) repeat;  box-shadow:#000 0 0 10px; -moz-box-shadow:#000 0 0 10px; -webkit-box-shadow:#000 0 0 10px; 
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
}
.sub-roof-ico li{display:block; margin-bottom:5px;}
.sub-roof-ico.open{display:block;}

.foot_icons, .small_fi li a, .small_fi li, .small_fi li a span, .small_fi li a img{display:block;}
.small_fi{margin-top:50px;}
.small_fi li{margin:0 7px;}
.small_fi li a span{text-align:center; text-shadow:#000 1px 2px 3px; font-size:15px;}
.small_fi li:hover a{margin-top:-5px;}

.bigbook_fi{text-align:center; display:inline-block; margin-right:10px;}
.bigbook_fi li{display:inline-block; text-align:center; margin-bottom:25px; float:right;}
.bigbook_fi li a{background:url(../img/icons/big_book.png) bottom center no-repeat; width:140px; height:180px; display:block; position:relative;}
.bigbook_fi li a span{display:block; position:absolute; width:56px; height:97px; left: 28px; top: 42px;}
.bigbook_fi li:hover a{margin-top:-5px;}

.c_arablangs span{background:url(../img/icons/bigbook_inner3.jpg) top no-repeat;}
.c_otherlangs span{background:url(../img/icons/bigbook_inner2.jpg) top no-repeat;}
.maps_dic span{background:url(../img/icons/bigbook_inner1.jpg) top no-repeat;}


footer{background:url(../img/bgs/foot.jpg) top center repeat-x; }
footer{ margin-top:-115px; padding-top:115px; min-height:140px;}
.foot_text{text-align:center; margin-top: 27px;}
.foot_text h2, .foot_text h2 a{color: #53221c; text-shadow: #f0ddb6 1px 2px 2px;font-size: 18px;}
.foot_text h2{display:block; margin-bottom:19px; text-align:center; line-height:31px}


/* ------------------------------------------------------------ 
inner page
------------------------------------------------------------ */
.inner_page header{ background:url(../img/bgs/inner_head.png) top repeat-x; padding-bottom:25px;}
.sidelogo{float:right; height:160px; margin-top:5px;}
.sidelogo img{height:160px;}
.navs{display:inline-block; float:right; margin-right:10px; width:828px;}
.navs li{display:block; float:right; list-style:none; position:relative;}
.navs li a:hover{background:#53160a; box-shadow:#370c03 0 0 10px inset; -moz-box-shadow:#370c03 0 0 10px inset; -webkit-box-shadow:#370c03 0 0 10px inset; text-decoration:none; }

.top_menu{display:block; clear:both; height:42px;}
.top_menu li a{display:block; padding:11px 10px;}

.slogan{height: 39px; padding: 13px 0; clear:both; display:block; }
.slogan h1{color:#fff; text-shadow:#000 1px 1px 4px; display:inline-block;}
.slogan ul{float:left; margin-top:5px;}
.slogan ul li{float:left; list-style:none; margin-right:10px;}

nav{height: 57px; font-size:16px;}
nav li a{ display:block; padding: 12px 10px; margin-top: 5px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; }

nav li ul li a, .top_menu li ul li a{padding:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; padding-right: 17px;}
.navs nav li ul li a:hover, .top_menu li ul li a:hover {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; text-decoration:underline;
background: url(../img/icons/link_ico.png) right -19px no-repeat;}
nav li:hover .popover, .top_menu li:hover .popover{display:block; opacity:1;}
nav ul .popover, .top_menu li .popover{ opacity:0.0; right:0; width:310px; max-width:inherit; background:url(../img/bgs/brown_9.png) repeat; border:none;}
nav ul .popover{top:38px;} .top_menu li .popover{top:30px;}
nav ul .popover.bottom .arrow, .top_menu li .popover.bottom .arrow{right:10%; left:inherit; border-bottom-color: rgba(0, 0, 0, 0);}


nav .innersearch{ float:left; position:relative; margin-top:12px;}
nav .innersearch .dropdown-toggle{background:url(../img/icons/search.png) top no-repeat; width:43px; height:34px; display:block;}
nav .innersearch .popover{width:350px; top:26px;}
.innersearch .popover .arrow{left:31px;} .innersearch .closeit{bottom: -34px;}











section .container{min-height:420px;}

.main_sec{background:url(../img/bookpage.png) top center no-repeat; width:926px; height:665px; float:left; margin-bottom:30px; position:relative;}
.showmenu {
	width:88px;
	height:150px;
	background:url(../img/sidemenu.png);
	position:absolute;
	left:-90px;
	top:7px;
	display:block;
}
.side_sec{background:url(../img/bgs/sidebar_bg.png) top left no-repeat; width: 300px; height: 680px;
 margin-top: 8px; padding: 30px 15px;
 position:absolute;
 right:0px;
 top:185px;
 }
.side_sec_show2 {
	right:-330px;
}
.sidebar_trig{
	display:none; position:absolute; top:20px; right:0; background:url(../img/icons/sidebar_trig.png) top center no-repeat;
	width:76px; height:66px; cursor:pointer;
}
.sidebar_trig.active{right: 322px; z-index: 99; top: 23px;}

.main_sec .breadcrumb{ background:none; margin: 32px 28px 0 10px;}
.main_sec .breadcrumb a{color:#5b2119; text-shadow:#fff4d6 1px 1px 1px; display:inline-block; line-height:24px; font-size:15px;}
.main_sec .breadcrumb .divider, .main_sec .breadcrumb .active{color:#c75900; font-size:15px;}
.ico-home{ background:url(../img/small_icos/home.png) right top no-repeat; padding-right:25px;}

.articledate{background:url(../img/bgs/top-time.png) bottom left no-repeat; width:107px; height:80px; position:absolute; left:50px; top:20px;}
.articledate p {
color: #fff; width: 90px; float: left; font-size:16px; text-align: center; padding-top: 11px; line-height: 26px;text-shadow: #000 1px 1px 3px;
}

article { margin: 28px 45px 0 30px; color: #5b2119; text-shadow: #fff4d6 1px 1px 1px; }
article p { font-size: 14px; line-height: 25px; font-family:Tahoma, Geneva, sans-serif; display:block; margin-bottom:15px;}
article strong { font-size: 15px; font-weight:bolder;}
article img.pull-right{margin-left:15px; margin-bottom:10px;}
.img-polaroid{border:#78240d solid 1px;}
article .inner_content{height:550px; margin-left:15px;}

.side_title{
	color: #5b2119; text-shadow: #fff4d6 1px 1px 1px; display: inline-block; font-size: 17px; margin-top:2px;
	text-align:center; width:100%;
}
.sidebar{ margin:32px 8px 0 15px;}
.side_inner{height:600px; padding-right:17px; color:#5b2119;}

.sep{background:url(../img/bgs/sep.png) bottom center no-repeat; width:100%; height:8px; margin:15px 0 20px 0;}

.sidebar .nav li a{border:#bc682c solid 1px; font-size:16px; text-align:center; background:#fdf3cc; color:#600606;}
.sidebar .nav-tabs .active a, .sidebar .nav-tabs .active a:hover, .sidebar .nav-tabs .active a:focus, .sidebar .nav li:hover a{
	background:#c78538; color:#fff; text-shadow:#000 1px 1px 1px; border:#bc682c solid 1px;
	box-shadow:#873e0c 0 0 10px inset; -webkit-box-shadow:#873e0c 0 0 10px inset; -moz-box-shadow:#873e0c 0 0 10px inset;
}

.sidebar .table-bordered{border:#bc682c solid 1px;}
.sidebar table tbody td{border-color:#bc682c; font-size:16px; text-align:center; background:#3a251b; color:#fbe39c;}
.sidebar table tbody td.active, .sidebar table tbody td:hover, .sidebar table thead td, .sidebar .accordion-heading{
	box-shadow:#873e0c 0 0 10px inset; -webkit-box-shadow:#873e0c 0 0 10px inset; -moz-box-shadow:#873e0c 0 0 10px inset;
	background:#c78538; color:#fff; text-shadow:#000 1px 1px 1px;
}
.sidebar table thead td{font-size:16px; text-align:right; border:none;}
.sidebar table tbody td.active a, .sidebar table tbody td:hover a{color:#fff; text-decoration:none;}

.tabs .nav-tabs{ border:none;}
.tabs .nav-tabs > li{float:right; width:50%;}
.tabs .nav-tabs > li a{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.sidebar_box{background:url(../img/bgs/sidebar_box.png) bottom left no-repeat; width:260px; height:293px; display:block; margin:20px 0;}
.box_inner{padding:24px; color:#fff;}
.box_inner p{line-height:22px; text-align:justify; font-size:13px; margin-bottom:10px; color:#fdfad9;}

.sidebar .accordion-group{border-color:#bc682c;}
.sidebar .accordion-inner{padding:0; border-top:1px solid #bc682c;}
.sidebar .accordion-inner table{margin-bottom:0; border:none;}
.sidebar .accordion-heading a{color:#fff;}



.posts{margin-top:20px; margin-left:30px; }
.post_list{height:600px;}
.post_list article{min-height:inherit; margin: 10px 40px 0 20px;}
.post_list article a{
	display:block; background:url(../img/bgs/list_bg.png) repeat; padding:8px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	color: #5b2119; text-shadow: #fff4d6 1px 1px 1px; text-decoration:none; min-height: 103px;
}
.post_list article a:hover{background:#fff3d5;}
.post_list article a:hover h3{text-decoration:underline;}

.post_list article a p{color: #c75900; line-height: 22px; max-height: 70px; overflow: hidden; margin-bottom: 0;}
.post_list article a h3{margin-bottom:5px;}
.post_list article a img{height: 92px; margin-bottom: 0;}






/************************ PHOTO GALLERY ******************/
.alpum_itm{display:inline-block; margin:10px 9px 15px 9px; position:relative;}
.preview {
	min-height: 110px;
	width: 170px;
	display:block;
	clear:both;
}

img.stackphotos {
	border: none;
	text-decoration: none;
	position: absolute;
	margin-left:0px;
	width: 165px;
	height:100px;
	position: absolute;
	border: 1px solid #bc682c;
	z-index: 20;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
	padding: 2px;
	background-color: #FFF;
}
.preview #p1:hover {
	-moz-transform: scale(1.1) rotate(0deg);
	-webkit-transform: scale(1.1) rotate(0deg);
	-o-transform: scale(1.1) rotate(0deg);
	-ms-transform: scale(1.1) rotate(0deg);
	transform: scale(1.1) rotate(0deg);
}
.preview .rotate1 {/* rotate last image 15 degrees to the right */
	-webkit-transform: rotate(15deg); /* safari and chrome */
	-moz-transform: rotate(15deg);/*firefox browsers */
	transform: rotate(15deg);/*other */
	-ms-transform:rotate(15deg); /* Internet Explorer 9 */
	-o-transform:rotate(15deg); /* Opera */
}
.preview .rotate2 {/* css not used*/
	-webkit-transform: rotate(0deg); /* safari and chrome */
	-moz-transform: rotate(0deg);/*firefox browsers */
	transform: rotate(0deg);/*other */
	-ms-transform:rotate(0deg); /* Internet Explorer 9 */
	-o-transform:rotate(0deg); /* Opera */
}
.preview .rotate3 {/*rotate first image 15 degrees to the left*/
	-webkit-transform: rotate(-15deg); /* safari and chrome */
	-moz-transform: rotate(-15deg); /*firefox browsers */
	transform: rotate(-15deg);/*other */
	-ms-transform:rotate(-15deg); /* Internet Explorer 9 */
	-o-transform:rotate(-15deg); /* Opera */
	cursor: pointer;
}
.picTitle {
	background-color:#3C3C3C;
	color:#DDDDDD;
	font-size:0.825em;
	margin:10px auto 0;
	overflow:hidden;
	padding:4px 6px;
	text-align:center;
	text-shadow:0 0 1px black;
	white-space:nowrap;
	position: absolute;
	display: none;
	margin-top: -20px;
	z-index: 11;
	width: auto;
	max-width: 148px;
	cursor: pointer;
}
.pic_title, .pic_stats{text-align:center;}



.photo_gallerys li{
	float:right; display:inline-block; width:124px; height:85px; margin:0 5px 10px 5px; padding:3px; background:#fff; border: 1px solid #bc682c;
	 -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
.photo_gallerys li:hover{
	box-shadow: 3px 3px 3px #bc682c;
	-moz-box-shadow: 3px 3px 3px #bc682c;
	-webkit-box-shadow: 3px 3px 3px #bc682c;
}

.photo_gallerys li a img{display:block; width:100%; height:100%;}

/* ------------------------- responsive -------------------------- */
@media (max-width: 979px) {
.index_nav {background: url(../img/bgs/index_top_nav_tab.png) bottom center no-repeat; height: 290px;}
.slider_desc{text-align:center; float:none; width:inherit; margin-top:10px;}
.slider_desc p, .slider_desc h2{text-align:center;}
.image_frame{margin:0 auto; float:none;}
#main_slider .carousel-control{right:130px; left:inherit;}
#main_slider .carousel-control.right{left:120px;}
#main_slider .carousel-indicators{position:static; text-align:center;}
#main_slider .carousel-indicators li{display:inline-block; float:none;}

.slider_under .su_r_icon{margin-right:40px;} .slider_under .su_l_icon{margin-left:50px;} .clock_cont{left:38%;}
.index_nav .logo {left: 40%;top: 40px; width: 150px;}
.nav_books { margin: 55px 10px 0 10px;}
.nav_books li.r_book, .nav_books li.l_book{width: 135px; height: 158px;}
.ktab_mokds{width: 53px; left: 25px; top: 34px;}
.m3agm{width:53px; left:25px; top:33px;}
.drasat{width:52px; right:23px; top:33px;}
.search_ico{width: 48px; right: 25px;top: 37px;}
.site_title {margin-top: -17px;}
.site_title h1 { font-size: 25px; line-height: 41px; margin-bottom: 0;}

.icons_roof{background:none;}
.icons_roof li.main_icon_li{background:url(../img/bgs/min-roof.png) bottom no-repeat; width:285px; margin:0 20px 40px 20px; padding-bottom: 0px;}
.roof_icon{bottom:70px;}
.icons_roof li ul.sub-roof-ico{margin:0 43px; bottom:85px;}
.icon_roof_title{width:100%;}
#main_slider{background: url(../img/bgs/roof_tab.png) bottom no-repeat; padding-bottom: 64px; margin-bottom: 150px;}
#main_slider .carousel-control{bottom: 69px;}
.slider_under{bottom:-119px; }

.small_fi.pull-right{clear:right;} .small_fi{margin-top:10px; margin-bottom: 25px;} .small_fi li{margin:0 20px;}
.bigbook_fi { display:block; clear:both; background: url(../img/bgs/roof_tab.png) bottom no-repeat; padding-bottom: 60px;}
.bigbook_fi li{float:none; margin:0 10px;}

/* inner pages */
.navs{width:560px;}
.top_menu, nav .main-nav, .slogan ul{display:none;}
select.mob_topnav{display:block; background-color:#57180e; color:#fff; height:25px; border:#db7f47 solid 1px; width:100%; margin-top: 8px;}
select.mob_mainnav{float:right; display:block; background-color:#57180e; color:#fff; height:30px; border:#db7f47 solid 1px; width:450px; margin-top: 12px;}

.side_sec{position:absolute; top:0; right:-1000px;}
.showmenu {
	display:none;
}
.side_sec.side_sec_show{opacity:1; right:0;}
.sidebar_trig{display:block;}

li:hover .book_item, .small_fi li a:hover img, .bigbook_fi li:hover a, .icons_roof li:hover .roof_icon, .icons_roof li:hover .icon_roof_title, #main_slider .carousel-control:hover, .su_l_icon:hover, .su_r_icon:hover{
	/* filter: url(shadow_filter.svg); */
	filter:none; 
    -webkit-filter:none; /* New WebKit */
    -moz-filter:none;
    -ms-filter:none; 
    -o-filter:none; /* Not yet supported in Gecko, Opera or IE */ 
}


}

@media only screen and (max-width: 767px) {
	.clock_cont, .articledate{display:none;}
	.index_page header { height: 280px;}
	.index_nav .logo{position:static; text-align:center; margin:0 auto; width:120px;}
	.nav_books{margin:0;}
	.site_title {margin-top:0px;}
	.site_title h1 {font-size: 24px; line-height: 35px; margin-bottom: 0; color:#ffd6a5; text-shadow: #53221c 1px 3px 1px;}
	
	#main_slider .carousel-control{right:0;} #main_slider .carousel-control.right{left:0;}
	.slider_under .su_r_icon{margin-right:20px;} .slider_under .su_l_icon{margin-left:30px;}
	.bigbook_fi{background:none; padding-bottom:0;}
	.bigbook_fi li{background:url(../img/bgs/min-roof.png) bottom no-repeat; padding-bottom:70px; display:block; clear:both;}
	.bigbook_fi li a{margin:0 auto;}
	.icons_roof li.main_icon_li{margin: 0 35px 40px 0;}
	.small_fi.pull-right, .small_fi.pull-left{float:none; text-align:center;}
	.small_fi.pull-right{background:url(../img/bgs/min-roof.png) bottom no-repeat; padding-bottom:18px;}
	.small_fi.pull-right li a span{margin-top: 20px;}
	.small_fi li {margin: 0 10px !important; float: none; display: inline-block;}
	
	.nav_books li.r_book, .nav_books li.l_book{display:none;}
	.index_nav {background: none;height: 210px;}
select.mob_menu{background-color:#57180e; color:#fff; height:30px; border:#db7f47 solid 1px; width:100%; margin-top: 18px; display:block;}

.main_sec{width:100%; background:url(../img/bgs/mob-inner.png) center top no-repeat;}
.main_sec .breadcrumb{margin:11px 47px 0 10px;}
article {margin: 28px 22px 0 12px;}
.sidebar_trig{top: 3px; right: -9px;}
.sidebar_trig.active{top: 3px;}
.side_sec.side_sec_show {opacity: 1;right: -11px;top: -22px;}
.showmenu {
	display:none;
}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:440px;}
	
	/* inner pages */
.navs{width:275px;}
.slogan h1{font-size:18px; line-height:25px;}
.slogan{padding:8px 0 12px 0;} nav {margin-top: 5px;}
select.mob_mainnav{width:215px; margin-top: 12px;}
	.photo_gallerys li{width:111px; height:75px;}


}
@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:300px;}	
	.icons_roof ul, .icons_roof li.main_icon_li{margin:0 auto 30px auto;}
	#main_slider .carousel-control{display:none;}

	.carousel .active.item .img_frame{display:none;}
	.carousel .item .image_frame{margin:0; padding:0; height:auto;}
	#main_slider .inner_img{width:100%; height:100px; margin:5px 0; padding:0;}
	#main_slider{background:url(../img/bgs/min-roof.png) bottom no-repeat; padding-bottom:80px; margin-bottom:110px;}
	#main_slider .inner_img img {
		width: 240px;min-width: inherit;height: inherit;margin-right: 28px; border:#57180e solid 3px;
		border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	.slider_under{bottom:-105px;}
	.slider_under .su_r_icon, .slider_under .su_l_icon{margin:10px auto; text-align:center; width:142px;}
	.site_title h1 {font-size: 18px;}
	
	.sidelogo{display:none;}
	.navs{width:275px;}
	.slogan h1{font-size:18px; line-height:25px;}
	.slogan{padding:8px 0 12px 0;} nav {margin-top: 5px;}
	select.mob_mainnav{width:215px; margin-top: 12px;}
	
	.main_sec .breadcrumb {margin: 22px 47px 0 10px;}
	.main_sec .breadcrumb .active{ display:none;}
	.main_sec .breadcrumb a{font-size:13px;}
	.breadcrumb > li > .divider{padding:0;}
	article{margin: 15px 10px 0 2px;}
	.side_sec, .main_sec{ width:100%; background:url(../img/bgs/sidebar_bg.png) top center no-repeat;}
.showmenu {
	display:none;
}
	.sidebar_trig{top: 14px; right: -16px;}
	.sidebar_trig.active {right: 257px; top:0;}
	.photo_gallerys li{width:117px; height:80px;}

}