/**
 * Place your custom styles here.
 */

/**{border : 1px solid green;}*/

@import url('https://fonts.googleapis.com/css?family=Tajawal');
@import url('https://fonts.googleapis.com/css?family=El+Messiri');
@import url('https://fonts.googleapis.com/css?family=Pacifico');
* {
    font-family: 'Tajawal', sans-serif;
}

/*form هويات*/
fieldset .panel-heading a.panel-title {
    display: block;
    margin: -10px -15px;
    padding: 10px 15px;
    font-weight: bold;
    color: #5d0705!important;
    font-size: 20px;
    font-family: 'El Messiri', sans-serif;
}
/*END form هويات*/

/*menu style*/
.navbar {
    background-image: url("brown.jpg")!IMPORTANT;
    background-size: cover!IMPORTANT;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #178acc00;}
.navbar-default .navbar-nav > .active:hover > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
                color: #ffffff;  background-color:#562d0b7d; /*#178acc00;*/}

.navbar-default .navbar-nav > li > a:hover {background-color: #562d0b7d;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color:#71362d; /*#cc2e17;*/
    color: #ffffff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none; color: #ffffff; background-color: #71362d;
}

/*Emenu style*/

h1{font-family: 'Tajawal', sans-serif;}

/*highlight region*/
.highlighted.jumbotron {
    display: none;
}


.html.front .highlighted.jumbotron {
    display: block;
}

/*خدمات المكتبة*/
section#block-views-services-block {
    margin-top: 80px;
    margin-bottom: 80px;
    background-color: lemonchiffon;
    color: #9a4a0f;
    padding-bottom: 50px;
    text-align: center;
}

section#block-views-services-block h2.block-title {
    color: #c35022;
    margin: 70px 0 30px 0;

    /*font-family: 'El Messiri', sans-serif;*/
}

section#block-views-services-block
flexslider .slides {
    background-color: lemonchiffon;
    border: 1px solid lemonchiffon;
}

section#block-views-services-block .flexslider{
    background: #fffacd;
    border: 4px solid #fffacd;

}
/*انتهى كود خدمات المكتبة*/


/* horizontal scrollbar in article nodes removed :) */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
/*end horizontal scrollbar*/



/*font-family for all text in site*/
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
*{font-family: 'Droid Arabic Kufi', serif;}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

section#block-views-news-block .block-title, h1.page-header {
    border: 0;
    color: #0e8498;
    }
    
/*footer width*/
footer.footer.container {
    /*background-color: #2a90d4;*/
    /*background-color: #012c48;*/
    background-color: #330605;
    color: white;
    width: -webkit-fill-available;
}

/*نورفاضل*/
.page-node strong {
    /*color: #bf2727;*/
    color: #5d0705!important;
    font-family: 'El Messiri', sans-serif;
}
    
/*الانجازات*/
.slideimg{margin:0; padding:0; width:100%; height:100%;}

.card{position:relative; /*top:50%; left:50%; transform:translate(-50%,-50%);*/ width:300px; height:400px; background:#262626; overflow:hidden;}

.card .imgbx, .card .details{width:100%; height:100%; position:absolute; box-sizing:border-box; transition:.5s;}

.card .imgbx img{width:100%;}

.card .imgbx{top:0; left:0;}

.card:hover .imgbx{top:0; left:-100%;}

.card .details{background:#9dc0f4; top:0; left:100%;}

.card:hover .details{top:0; left:0;}

.card .details h2{color:#fff; text-align:center; margin:0; padding:10px 0 ; border-bottom:2px solid #fff; font-size: 18px;}

.card p:last-child { margin-bottom: 0; font-size: 17px; padding: 10px; color: black;}

.card .details ul li {color:#fff; margin:20px 0 0; list-style: none; text-align:center; padding: 0;}

.card .details ul li a {text-decoration:none; color:#fff;}

.card .details ul li:hover a {color:#000; font-weight:bold;}

.slideimg ul {padding: 0;}
/*الانجازات end*/

/*IVSL*/

.::before,
::after {
	content: "";
}



.ivsl {
	background: #deebef;
	color: #34495e;
	font-family: 'Lato', 'Arial', sans-serif;
	font-weight: 400;
	line-height: 1.2;
}

.ivsl ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ivsl a {
	color: #2c3e50;
	text-decoration: none;
}

.ivsl .btn {
	display: inline-block;
	text-transform: uppercase;
	border: 2px solid #2c3e50;
	margin-top: 100px; 
	font-size: 0.7em;
	font-weight: 700;
	padding: 0.1em 0.4em;
	text-align: center;
	-webkit-transition: color 0.3s, border-color 0.3s;
	-moz-transition: color 0.3s, border-color 0.3s;
	transition: color 0.3s, border-color 0.3s;
}

.ivsl .btn:hover {
	border-color: #16a085;
	color: #16a085;
}

/* basic grid, only for this demo */

.ivsl .align {
	clear: both;
	margin: 0px auto 20px;
	width: 100%;
	max-width: 1170px;
	text-align: center;
	
}

.ivsl .align > li {
	width: 500px;
	min-height: 300px;
	display: inline-block;
	margin: 30px 20px 30px 30px;
	padding: 0 0 0 60px;
	vertical-align: top;
}

/* ///////////////////////////////////////////////////

HARDCOVER
Table of Contents

1. container
2. background & color
3. opening cover, back cover and pages
4. position, transform y transition
5. events
6. Bonus
	- Cover design
	- Ribbon
	- Figcaption
7. mini-reset

/////////////////////////////////////////////////////*/

/*
	1. container
*/

.ivsl .book {
	position: relative;
	width: 160px; 
	height: 220px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	float: left;
}

p.tww {
    float: right;
    text-align: right;
    display: block;
    position: relative;
    top: 30px;
   /* left: 250px;*/
    font-size: initial;
    color: #316db0;
    width: max-content;
}

/*
	2. background & color
*/

/* HARDCOVER FRONT */
.ivsl .hardcover_front li:first-child {
	background-color: #eee;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* reverse */
.ivsl .hardcover_front li:last-child {
	background: #fffbec;
}

/* HARDCOVER BACK */
.ivsl .hardcover_back li:first-child {
	background: #fffbec;
}

/* reverse */
.ivsl .hardcover_back li:last-child {
	background: #fffbec;
}

.ivsl .book_spine li:first-child {
	background: #eee;
}
.ivsl .book_spine li:last-child {
	background: #333;
}

/* thickness of cover */

.ivsl .hardcover_front li:first-child:after,
.ivsl .hardcover_front li:first-child:before,
.ivsl .hardcover_front li:last-child:after,
.ivsl .hardcover_front li:last-child:before,
.ivsl .hardcover_back li:first-child:after,
.ivsl .hardcover_back li:first-child:before,
.ivsl .hardcover_back li:last-child:after,
.ivsl .hardc over_back li:last-child:before,
.ivsl .book_spine li:first-child:after,
.ivsl .book_spine li:first-child:before,
.ivsl .book_spine li:last-child:after,
.ivsl .book_spine li:last-child:before {
	background: #999;
}

/* page */

.ivsl .page > li {
	background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background: -moz-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background: -ms-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	background: linear-gradient(left, #e1ddd8 0%, #fffbf6 100%);
	box-shadow: inset 0px -1px 2px rgba(50, 50, 50, 0.1), inset -1px 0px 1px rgba(150, 150, 150, 0.2);
	border-radius: 0px 5px 5px 0px;
}

/*
	3. opening cover, back cover and pages
*/

.ivsl .hardcover_front {
	-webkit-transform: rotateY(-34deg) translateZ(8px);
	-moz-transform: rotateY(-34deg) translateZ(8px);
	transform: rotateY(-34deg) translateZ(8px);
	z-index: 100;
}

.ivsl .hardcover_back {
	-webkit-transform: rotateY(-15deg) translateZ(-8px);
	-moz-transform: rotateY(-15deg) translateZ(-8px);
	transform: rotateY(-15deg) translateZ(-8px);
}

.ivsl .page li:nth-child(1) {
	-webkit-transform: rotateY(-28deg);
	-moz-transform: rotateY(-28deg);
	transform: rotateY(-28deg);
}

.ivsl .page li:nth-child(2) {
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
}

.ivsl .page li:nth-child(3) {
	-webkit-transform: rotateY(-32deg);
	-moz-transform: rotateY(-32deg);
	transform: rotateY(-32deg);
}

.ivsl .page li:nth-child(4) {
	-webkit-transform: rotateY(-34deg);
	-moz-transform: rotateY(-34deg);
	transform: rotateY(-34deg);
}

.ivsl .page li:nth-child(5) {
	-webkit-transform: rotateY(-36deg);
	-moz-transform: rotateY(-36deg);
	transform: rotateY(-36deg);
}

/*
	4. position, transform & transition
*/

.ivsl .hardcover_front,
.ivsl .hardcover_back,
.book_spine,
.ivsl .hardcover_front li,
.ivsl .hardcover_back li,
.ivsl .book_spine li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ivsl .hardcover_front,
.ivsl .hardcover_back {
	-webkit-transform-origin: 0% 100%;
	-moz-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
}

.ivsl .hardcover_front {
	-webkit-transition: all 0.8s ease, z-index 0.6s;
	-moz-transition: all 0.8s ease, z-index 0.6s;
	transition: all 0.8s ease, z-index 0.6s;
}

/* HARDCOVER front */
.ivsl .hardcover_front li:first-child {
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-transform: translateZ(2px);
	-moz-transform: translateZ(2px);
	transform: translateZ(2px);
}

.ivsl .hardcover_front li:last-child {
	-webkit-transform: rotateY(180deg) translateZ(2px);
	-moz-transform: rotateY(180deg) translateZ(2px);
	transform: rotateY(180deg) translateZ(2px);
}

/* HARDCOVER back */
.ivsl .hardcover_back li:first-child {
	-webkit-transform: translateZ(2px);
	-moz-transform: translateZ(2px);
	transform: translateZ(2px);
}

.ivsl .hardcover_back li:last-child {
	-webkit-transform: translateZ(-2px);
	-moz-transform: translateZ(-2px);
	transform: translateZ(-2px);
}

/* thickness of cover */
.ivsl .hardcover_front li:first-child:after,
.ivsl .hardcover_front li:first-child:before,
.ivsl .hardcover_front li:last-child:after,
.ivsl .hardcover_front li:last-child:before,
.ivsl .hardcover_back li:first-child:after,
.ivsl .hardcover_back li:first-child:before,
.ivsl .hardcover_back li:last-child:after,
.ivsl .hardcover_back li:last-child:before,
.ivsl .book_spine li:first-child:after,
.ivsl .book_spine li:first-child:before,
.ivsl .book_spine li:last-child:after,
.ivsl .book_spine li:last-child:before {
	position: absolute;
	top: 0;
	left: 0;
}

/* HARDCOVER front */
.ivsl .hardcover_front li:first-child:after,
.ivsl .hardcover_front li:first-child:before {
	width: 4px;
	height: 100%;
}

.ivsl .hardcover_front li:first-child:after {
	-webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	-moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.ivsl .hardcover_front li:first-child:before {
	-webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
	-moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
	transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.ivsl .hardcover_front li:last-child:after,
.ivsl .hardcover_front li:last-child:before {
	width: 4px;
	height: 160px;
}

.ivsl .hardcover_front li:last-child:after {
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(-2px) translateY(-78px);
}
.ivsl .hardcover_front li:last-child:before {
	box-shadow: 0px 0px 30px 5px #333;
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px);
}

/* thickness of cover */

.ivsl .hardcover_back li:first-child:after,
.ivsl .hardcover_back li:first-child:before {
	width: 4px;
	height: 100%;
}

.ivsl .hardcover_back li:first-child:after {
	-webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	-moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}
.ivsl .hardcover_back li:first-child:before {
	-webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
	-moz-transform: rotateY(90deg) translateZ(158px) translateX(2px);
	transform: rotateY(90deg) translateZ(158px) translateX(2px);
}

.ivsl .hardcover_back li:last-child:after,
.ivsl .hardcover_back li:last-child:before {
	width: 4px;
	height: 160px;
}

.ivsl .hardcover_back li:last-child:after {
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(80px) translateX(2px) translateY(-78px);
}

.ivsl .hardcover_back li:last-child:before {
	box-shadow: 10px -1px 80px 20px #666;
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px);
}

/* BOOK SPINE */
.ivsl .book_spine {
	-webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
	-moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
	transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
	width: 16px;
	z-index: 0;
}

.ivsl .book_spine li:first-child {
	-webkit-transform: translateZ(2px);
	-moz-transform: translateZ(2px);
	transform: translateZ(2px);
}

.ivsl .book_spine li:last-child {
	-webkit-transform: translateZ(-2px);
	-moz-transform: translateZ(-2px);
	transform: translateZ(-2px);
}

/* thickness of book spine */
.ivsl .book_spine li:first-child:after,
.ivsl .book_spine li:first-child:before {
	width: 4px;
	height: 100%;
}

.ivsl .book_spine li:first-child:after {
	-webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	-moz-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
	transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}

.ivsl .book_spine li:first-child:before {
	-webkit-transform: rotateY(-90deg) translateZ(-12px);
	-moz-transform: rotateY(-90deg) translateZ(-12px);
	transform: rotateY(-90deg) translateZ(-12px);
}

.ivsl .book_spine li:last-child:after,
.ivsl .book_spine li:last-child:before {
	width: 4px;
	height: 16px;
}

.ivsl .book_spine li:last-child:after {
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(8px) translateX(2px) translateY(-6px);
}

.ivsl .book_spine li:last-child:before {
	box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
	-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
	-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
	transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px);
}

.ivsl .page,
.ivsl .page > li {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ivsl .page {
	width: 100%;
	height: 98%;
	top: 1%;
	left: 3%;
	z-index: 10;
}

.ivsl .page > li {
	width: 100%;
	height: 100%;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	transition-timing-function: ease;
}

.ivsl .page > li:nth-child(1) {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.ivsl .page > li:nth-child(2) {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

.ivsl .page > li:nth-child(3) {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.ivsl .page > li:nth-child(4) {
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

.ivsl .page > li:nth-child(5) {
	-webkit-transition-duration: 0.6s;
	-moz-transition-duration: 0.6s;
	transition-duration: 0.6s;
}

/*
	5. events
*/

.ivsl .book:hover > .hardcover_front {
	-webkit-transform: rotateY(-145deg) translateZ(0);
	-moz-transform: rotateY(-145deg) translateZ(0);
	transform: rotateY(-145deg) translateZ(0);
	z-index: 0;
}

.ivsl .book:hover > .page li:nth-child(1) {
	-webkit-transform: rotateY(-30deg);
	-moz-transform: rotateY(-30deg);
	transform: rotateY(-30deg);
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	transition-duration: 1.5s;
}

.ivsl .book:hover > .page li:nth-child(2) {
	-webkit-transform: rotateY(-35deg);
	-moz-transform: rotateY(-35deg);
	transform: rotateY(-35deg);
	-webkit-transition-duration: 1.8s;
	-moz-transition-duration: 1.8s;
	transition-duration: 1.8s;
}

.ivsl .book:hover > .page li:nth-child(3) {
	-webkit-transform: rotateY(-118deg);
	-moz-transform: rotateY(-118deg);
	transform: rotateY(-118deg);
	-webkit-transition-duration: 1.6s;
	-moz-transition-duration: 1.6s;
	transition-duration: 1.6s;
}

.ivsl .book:hover > .page li:nth-child(4) {
	-webkit-transform: rotateY(-130deg);
	-moz-transform: rotateY(-130deg);
	transform: rotateY(-130deg);
	-webkit-transition-duration: 1.4s;
	-moz-transition-duration: 1.4s;
	transition-duration: 1.4s;
}

.ivsl .book:hover > .page li:nth-child(5) {
	-webkit-transform: rotateY(-140deg);
	-moz-transform: rotateY(-140deg);
	transform: rotateY(-140deg);
	-webkit-transition-duration: 1.2s;
	-moz-transition-duration: 1.2s;
	transition-duration: 1.2s;
}

/*
	6. Bonus
*/

/* cover CSS */

.ivsl .coverDesign {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ivsl .coverDesign::after {
	background-image: -webkit-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	background-image: -moz-linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	background-image: linear-gradient( -135deg, rgba(255, 255, 255, 0.45) 0%, transparent 100%);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.ivsl .coverDesign h1 {
	color: #fff;
	font-size: 2.2em;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 54% 0 0 0;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.ivsl .coverDesign p {
	color: #f8f8f8;
	font-size: 1em;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.1);
}

.ivsl .yellow {
	background-color: #f1c40f;
	background-image: -webkit-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
	background-image: -moz-linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
	background-image: linear-gradient(top, #f1c40f 58%, #e7ba07 0%);
}

.blue {
	background-color: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db 58%, #2a90d4 0%);
	background-image: -moz-linear-gradient(top, #3498db 58%, #2a90d4 0%);
	background-image: linear-gradient(top, #3498db 58%, #2a90d4 0%);
}

.grey {
	background-color: #f8e9d1;
	background-image: -webkit-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
	background-image: -moz-linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
	background-image: linear-gradient(top, #f8e9d1 58%, #e7d5b7 0%);
}

/* Basic ribbon */

.ivsl .ribbon {
	background: #c0392b;
	color: #fff;
	display: block;
	font-size: 0.7em;
	position: absolute;
	top: 11px;
	right: 1px;
	width: 40px;
	height: 20px;
	line-height: 20px;
	letter-spacing: 0.15em; 
	text-align: center;
	-webkit-transform: rotateZ(45deg) translateZ(1px);
	-moz-transform: rotateZ(45deg) translateZ(1px);
	transform: rotateZ(45deg) translateZ(1px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 10;
}

.ribbon::before,
.ribbon::after{
	position: absolute;
	top: -20px;
	width: 0;
	height: 0;
	border-bottom: 20px solid #c0392b;
	border-top: 20px solid transparent;
}

.ribbon::before{
	left: -20px;
	border-left: 20px solid transparent;
}

.ribbon::after{
	right: -20px;
	border-right: 20px solid transparent;
}

/* figcaption */

figcaption {
	padding-left: 40px;
	text-align: left;
	position: absolute;
	top: 0%;
	left: 160px;
	width: 310px;
}

figcaption h1 {
	margin: 0;
}

figcaption span {
	color: #16a085;
	padding: 0.6em 0 1em 0;
	display: block;
}

figcaption p {
	color: #63707d;
	line-height: 1.3;
}

/* Media Queries */
@media screen and (max-width: 37.8125em) {

	figure.book {
    position: relative;
    right: 1px;
}

	.ivsl {
  		  height: 300px;
  		  }
    
	.ivsl .align > li {
		width: 100%;
		min-height: 440px;
		height: auto;
		padding: 0;
		margin: 0px 0 30px 0;
	}

	.ivsl .book {
	        width:160px;
	        height:220px;
		margin: 0 auto;
	}

	figcaption {
		text-align: center;
		width: 320px;
		top: 250px;
		padding-left: 0;
		left: -80px;
		font-size: 90%;
	}
	.ivsl .align {
    clear: both;
    margin: 0px auto 20px;
    max-width: 1170px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 25%;
}
p .tww {position: relative; right: 55px;  display: block;}
}

.ivsl .book {
    position: relative;
    top:30px;}

.i18n-ar .ivsl .book {
    position: relative;
    top:30px;
    left: 210px;
}

.pane-block.pane-block-10.pane-block.pane-block .ivsl .blue {
    background-image: url(http://lib.nahrainuniv.edu.iq/sites/default/files/iraq.png)!important;
}
.panel-pane.pane-block.pane-block-14.pane-block.pane-block .ivsl .blue {
    background-image: url(http://lib.nahrainuniv.edu.iq/sites/default/files/nahrain.jpg)!important;
}
.panel-pane.pane-block.pane-block-15.pane-block.pane-block .ivsl .blue {
    background-image: url(http://lib.nahrainuniv.edu.iq/sites/default/files/ministry.png)!important;
}


.blue h1 {
    color: #f9f2f2!important;
    margin-top: 170px!important;
    font-size: 20px!important;

}

.panel-pane.pane-block.pane-block-15.pane-block.pane-block .ivsl .blue h1{
color: #000!important;
}



/*end IVSL*/


/*en contact us*/
 form#webform-client-form-33 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
}
button.webform-submit.button-primary.btn.btn-primary.form-submit{width:30%!important;}

/*about ar*/
.contextual-links-region.panel-pane.pane-block.pane-block-9.pane-block.pane-block p:last-child {
  /*  margin-bottom: 0;*/
    font-size: 16px;
    padding: 12px;
    color: #180d04;
}

/*facilities ar pages style*/
.wajeha span  {font-family: 'El Messiri', sans-serif; font-size: 40px;}
    
/*college_ar_page_menu*/
.pane-block-21,.pane-block-94,
.pane-block-26,.pane-block-95,
.pane-block-30,.pane-block-96,
.pane-block-32,.pane-block-97,
.pane-block-36,.pane-block-98,
.pane-block-38,.pane-block-105,
.pane-block-40,.pane-block-99,
.pane-block-48,.pane-block-100,
.pane-block-51,.pane-block-101,
.pane-block-54,.pane-block-102,
.pane-block-57,.pane-block-104,
.pane-block-60,.pane-block-103,
.pane-block-63,.pane-block-106 { position: relative;  /*  top: -114px; padding: 8px;*/ background-color: #000000f7; line-height: 2;}

.pane-block-21 a,.pane-block-94 a,
.pane-block-26 a,.pane-block-95 a,
.pane-block-30 a,.pane-block-96 a,
.pane-block-32 a,.pane-block-97 a,
.pane-block-36 a,.pane-block-98 a,
.pane-block-38 a,.pane-block-99 a,
.pane-block-40 a,.pane-block-100 a,
.pane-block-48 a,.pane-block-101 a,
.pane-block-51 a,.pane-block-102 a,
.pane-block-54 a,.pane-block-103 a,
.pane-block-57 a,.pane-block-104 a,
.pane-block-60 a,.pane-block-105 a,
.pane-block-63 a,.pane-block-106 a { color: #fff; text-decoration: none;}

.pane-block-21 table tr td:hover,.pane-block-94 table tr td:hover, 
.pane-block-26 table tr td:hover,.pane-block-95 table tr td:hover, 
.pane-block-30 table tr td:hover,.pane-block-96 table tr td:hover,
.pane-block-32 table tr td:hover,.pane-block-97 table tr td:hover,
.pane-block-36 table tr td:hover,.pane-block-98 table tr td:hover,
.pane-block-38 table tr td:hover,.pane-block-99 table tr td:hover,
.pane-block-40 table tr td:hover,.pane-block-100 table tr td:hover,
.pane-block-48 table tr td:hover,.pane-block-101 table tr td:hover,
.pane-block-51 table tr td:hover,.pane-block-102 table tr td:hover,
.pane-block-54 table tr td:hover,.pane-block-103 table tr td:hover,
.pane-block-57 table tr td:hover,.pane-block-104 table tr td:hover,
.pane-block-60 table tr td:hover,.pane-block-105 table tr td:hover,
.pane-block-63 table tr td:hover,.pane-block-106 table tr td:hover { background-color: #df4242;  color: black;}

h2.block-title, section#block-block-18 h2 ,section#block-block-18 h4, 
.panel-flexible-inside.panels-flexible-17-inside h2.pane-title, 
.page-node-33 h1.page-header,
.page-node-20 h1.page-header,
.page-node-21 h1.page-header,
.page-node-4 h1.page-header {
    text-align: center;
    color: #5d0705!important;
    font-size: 32px;
    font-weight: bold;
    margin: 70px 0 30px 0;
    font-family: 'El Messiri', sans-serif;
}

/*parallax pages*/
 .para {
  height: 100%;
}

.parallax {
  /* The image used */
  background-image: url('law.jpg');

  /* Full height */
  height: 35%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bgimg {
    background-image: url('law.JPG');
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    min-height: 10px;
    max-height: 100px;
    padding-top: 12%;
}

.bgimg1{ background-image: url('89.jpg');}
.p1 {
    background-color: white;
    min-height: 50px;
    font-size: 20px;
    padding: 30px 1% 30px 1%;
    line-height: 1.8;
}

/*END parallax pages*/

/*=====================================================LARGE SCREEN===============================================================*/
@media screen and (min-width:768px){
/*ar menu*/
/*.page-node.i18n-ar .navbar-header*/
.i18n-ar .navbar-header {
    float: right;
    display: flex;
}
.i18n-ar ul.menu.nav.navbar-nav {
    display: flex;
    padding-right: 10px;
}

ul.menu.nav.navbar-nav {
    font-size:18px;
}


.i18n-ar .navbar-nav {
    float: right;
}
.i18n-ar .dropdown-menu > li > a {
    text-align: right;
}
.i18n-ar .dropdown-menu {
    position: absolute;
    top: 100%;
    RIGHT: 0;
    left: auto;
    }
    
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

    font-family: 'El Messiri', sans-serif;
}

/*END ar menu*/

/*contact us ar ph*/
div#mini-panel-contact_us_ph_ar {
    DISPLAY: NONE;
}


/*sc_ar_page_menu*/
#mymenuinphone{display:none;}



/*الشعب والوحدات*/
.phoneonly {
    display: none;
}


/*arabic statistics*/
#statph{display:none;}

section#block-block-17, section#block-block-44 {
    background-color: beige;
    padding-bottom: 50px;
    margin-top: 80px;
    margin-bottom: 80px;
    border-radius: 30px;
    
}
section#block-block-17 span , section#block-block-44 span {
    font-family: 'Pacifico', cursive;
   /* color: rebeccapurple;*/
        color: #894c44;
    }
    
section#block-block-17 span:hover , section#block-block-44 span:hover{
	color: red;
}
section#block-block-17.page-node strong , section#block-block-44.page-node strong {
  /*  color: #663399;*/
       color: #5d0705!important;
    /* font-family: 'El Messiri', sans-serif; */
}


/*صفحة الضوابط والتعليمات عربي*/
article#node-34 .field-items {
    line-height: 36px;
}
article#node-34 .field.field-name-body.field-type-text-with-summary.field-label-hidden {
    width: -webkit-fill-available;
    margin: 5px 10px;
}

/*انتهى كود الضوابط والتعليمات*/



section#block-views-thesis-block h2 {
    color: blue;
    background-color: white;
    border-bottom: 2px solid #517ac6;
    position: relative;
    top: -15px;}
    
.views-exposed-form {
    margin: 10px;}
section#block-views-researches-block,section#block-views-thesis-block {
    background-color: #fff;
}
h2.block-title {
    color: blue;
    margin: 70px 0 30px 0;

}
div#edit-tid-wrapper,div#edit-tid-1-wrapper,div#edit-tid-2-wrapper,div#edit-keys-wrapper,button#edit-submit-researches,div#edit-tid-3-wrapper {
    color: red;}

/*arabic webform*/
.col-md-6.form-item.webform-component.webform-component-textfield.webform-component---PI---FN.form-group.form-item.form-item-submitted--pi--fn.form-type-textfield.form-group, .col-md-6.form-item.webform-component.webform-component-select.webform-component---address--city.form-group.form-item.form-item-submitted--address-city.form-type-select.form-group, .col-md-6.form-item.webform-component.webform-component-textfield.webform-component---address--m.form-group.form-item.form-item-submitted--address-m.form-type-textfield.form-group, .col-md-3.form-item.webform-component.webform-component-textfield.webform-component---address--zq.form-group.form-item.form-item-submitted--address-zq.form-type-textfield.form-group, .col-md-6.form-item.webform-component.webform-component-file.webform-component---pic.form-group.form-item.form-item-submitted--pic.form-type-managed-file.form-group,.col-md-6.form-item.webform-component.webform-component-file.webform-component-------picp.form-group.form-item.form-item-submitted------picp.form-type-managed-file.form-group, .col-md-6.form-item.webform-component.webform-component-select.webform-component---PI---rr.form-group.form-item.form-item-submitted--pi--rr.form-type-select.form-group, .col-md-6.form-item.webform-component.webform-component-textfield.webform-component---PI--department.form-group.form-item.form-item-submitted--pi-department.form-type-textfield.form-group, .col-md-6.form-item.webform-component.webform-component-file.webform-component----ensurance.form-group.form-item.form-item-submitted---ensurance.form-type-managed-file.form-group {
    float: right;
}


/*ar&en form*/
div#edit-submitted-a-ad, div#edit-submitted-a-b {
    display: flex;
    padding: 20px;
    font-size: 18px;
   /* margin-right: 30px;*/
}

/*ar form*/
.form-item.form-item-submitted--a-ad.form-type-radio.radio {
    margin-right: 70px;
}
/*en form*/
.form-item.form-item-submitted--a-b.form-type-radio.radio {
    margin-left: 70px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-right: -30px;
}

/*en form*/
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
margin-left: -30px;

}

fieldset.collapsible {
    position: relative;
    border: 0;
    box-shadow: 0 0 0 0;
}

.panel-default {
    border: 0;
}

.panel-default > .panel-heading {
    color: #555555;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #2968d8;
}

button.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin-left: auto;
    margin-right: auto;
    width: 10%;
    display: block;
    font-size: 20px;
}


/*end arabic webform*/

/*ar news front page*/
/*ar news title + ar all news title*/
section#block-views-news-block .block-title, section#block-views-news-block .block-title, h1.page-header {
   /* color: #000;*/
   color: #0e8498;
    font-size: x-large;
    font-weight: 700;
    margin-bottom: 20px;
}
.views-field.views-field-title h1 {
    font-size: 16px;
    font-family: 'Tajawal', sans-serif;
}


h1.field-content a {
    color: black;
    font-weight: bold;
    line-height: initial;
    text-decoration: none;
    
}
.col-xs-12.col-sm-6.col-md-4.col-lg-3:hover img { 
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  }

.col-xs-12.col-sm-6.col-md-4.col-lg-3:hover h1 a {
   color: rgb(190,25,52);
   text-decoration: none;
   cursor: pointer;
} 

/*make newest news appear in the righside*/
section#block-views-news-block-1 {
    margin-top: 50px;
}

section#block-views-news-block-1 .block-title, section#block-block-18 h2{
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #5d0705;

}

section#block-views-news-block-1 .row {
    display: flex;
}

/*end ar frontpage news*/

/*ar all news page*/
section#block-views-news-block .block-title, h1.page-header {
    text-align: center;
    margin: 30px;
    color: #0e8498;
}
section#block-block-6 a {
    color: #6b93de;
    font-weight: bold;
    text-decoration: none;
}


/*ar allnews titles*/


/*نورفاضل */
.allnews strong{color: #d83131;font-family: 'El Messiri', sans-serif;}
.allnewsen strong{color: #d83131;font-family: 'El Messiri', sans-serif;}

.allnews .views-field.views-field-title a {
/*color:black;*/
    font-weight: bold;
    line-height: initial;
    text-decoration: none;
    position: relative;
    right: 260px;
    word-wrap: break-word;
    color: #0e8498;
    font-size: 20px;
    font-family: 'Tajawal', sans-serif;
}

.allnewsen .views-field.views-field-title a {
/*color:black;*/
    font-weight: bold;
    line-height: initial;
    text-decoration: none;
    position: relative;
    left: 260px;
    word-wrap: break-word;
    color: #0e8498;
    font-size: 20px;
    font-family: 'Tajawal', sans-serif;
}

.allnews .views-field.views-field-title:hover a, .allnewsen .views-field.views-field-title:hover a {
color: rgb(190,25,52);
}


.allnews .views-field.views-field-body img, .allnewsen .views-field.views-field-body img {
position: relative;
    bottom: 20px;
    width: 220px!important;
    height: 165px!important;
}

.allnews .views-field.views-field-body td {
    padding-right: 20px;
    height: 100px;
}

.allnewsen .views-field.views-field-body td {
    padding-left: 20px;
    height: 100px;
}

.allnews .views-field.views-field-created,.allnews .views-field.views-field-view-node
{
 position: relative;
 width:50%;
    right: 260px;
    bottom: 60px;  
}

.allnewsen .views-field.views-field-created,.allnewsen .views-field.views-field-view-node{
 position: relative;
 width:50%;
    left: 260px;
    bottom: 60px;  
}

.allnews .views-field.views-field-view-node{
margin-bottom: 40px;
}

.allnewsen .views-field.views-field-view-node {
     margin-bottom: 0; 
}


/*link كل الاخبار*/
p.two {
    display: none;
}

/*each article page*/
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
margin: auto;
}
.field.field-name-field-more-images.field-type-image.field-label-hidden .field-items .even {
    margin: 40px;
}

.sharethis-wrapper, ul.links.list-inline {
    text-align: center;
}
.field.field-name-body.field-type-text-with-summary.field-label-hidden {
    margin-top: 50px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.form-item.form-type-item.form-group {
    display: none;
}

/*ar contact us page*/
form#webform-client-form-21 button.webform-submit.button-primary.btn.btn-primary.form-submit {
    width: 20%;
}

form#webform-client-form-21 {
    width: 50%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:30px;
}

/*Contact us AR&EN in panel*/
div#mini-panel-contact_us_panel form#webform-client-form-21, 
div#mini-panel-clone_of_contact_us_panel form#webform-client-form-33 {
    width: 90%;
}


/*facebook ar*/
.fb-page.fb_iframe_widget{
padding:30px;
}

body.navbar-is-static-top.html.not-front.no-sidebars.page-node.page-node-.page-node-21.node-type-webform.i18n-ar,
body.navbar-is-static-top.html.not-front.no-sidebars.page-node.page-node-.page-node-33.node-type-webform.i18n-en {
    background: url(7.jpg);
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}

form#webform-client-form-21 .form-control {
    color: #2d1616;
    background-color: #ffffff6b;
    border: 1px solid #9af89cb5;
    }
    
body.navbar-is-static-top.html.not-front.no-sidebars.page-node.page-node-.page-node-33.node-type-webform.i18n-en footer.footer.container {
    display: none;
}
    
/*ar ph front books*/
section#block-panels-mini-ar-phone-3block-panel {
    display: none;
}

/*en front books*/
div#mini-panel-en_phone_3block_panel {
    display: none;
}

/*animated books for phone*/
div#mini-panel-animated_books_phone_ar_en {
    display: none;
}

/*Contact us AR&EN block*/
div#mini-panel-contact_us_panel , div#mini-panel-clone_of_contact_us_panel {
    /*BACKGROUND: #bbeaf559;*/
    BACKGROUND: #deebef;
    margin-bottom: 70px;
}

section#block-panels-mini-contact-us-panel .block-title, {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color:#5d0705;
   
}
div#mini-panel-contact_us_panel .pane-title ,
div#mini-panel-clone_of_contact_us_panel .pane-title{
    display: unset;
    color: #deebef;
}

div#mini-panel-contact_us_panel.page-node strong ,
div#mini-panel-clone_of_contact_us_panel.page-node strong {
    color: #5d0705!important;
}


section#block-panels-mini-contact-us-panel form#webform-client-form-21 .form-control {
    color: #5f2020;
    background-color: #ffffff6b;
    border: 1px solid #c71c224a;
}
/*section#block-panels-mini-contact-us-panel button.webform-submit.button-primary.btn.btn-primary.form-submit {
    background: #c43531;
    border: none;
}*/

section#block-panels-mini-contact-us-panel button.webform-submit.button-primary.btn.btn-default.form-submit ,
section#block-panels-mini-clone-of-contact-us-panel button.webform-submit.button-primary.btn.btn-primary.form-submit {
    background: #5d0705;
    border: none;
    COLOR: WHITE;
    FONT-SIZE: 20PX;
    WIDTH: 40%;
    MARGIN: auto;
    DISPLAY: BLOCK;
}

/*en ph contact us mini panel*/
div#mini-panel-clone_of_contact_us_ph_ar {
    display: none;
}

.page-node-33 button.webform-submit.button-primary.btn.btn-primary.form-submit,
.page-node-21 button.webform-submit.button-primary.btn.btn-default.form-submit,
.page-node-4 button.webform-submit.button-primary.btn.btn-default.form-submit,
.page-node-20 button.webform-submit.button-primary.btn.btn-primary.form-submit { 
    background: #5d0705;
    border: none;
    COLOR: WHITE;
    FONT-SIZE: 20PX;
    WIDTH: 30%;
    MARGIN: auto;
    DISPLAY: BLOCK;
}
.page-node-4 button.webform-submit.button-primary.btn.btn-default.form-submit,
.page-node-20 button.webform-submit.button-primary.btn.btn-primary.form-submit { WIDTH: 20%;}

}/*============END LARGE SCREEN========================================*/



/*=====================================================small SCREEN===============================================================*/
@media screen and (max-width:768px){

/*contact us en ph mini form*/
.panel-flexible-inside.panels-flexible-17-inside form#webform-client-form-33,
.page-node-33 form#webform-client-form-33{
width:90%;
}


/*contact us ar panel*/
section#block-panels-mini-contact-us-panel , 
section#block-panels-mini-clone-of-contact-us-panel{
    display: none;
}

/*contact us ar&en ph*/
/*contact us button ar&en*/
.inside.panels-flexible-region-inside.panels-flexible-region-15-center-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last button.webform-submit.button-primary.btn.btn-default.form-submit , 
div#mini-panel-clone_of_contact_us_ph_ar button.webform-submit.button-primary.btn.btn-primary.form-submit,
.page-node-33 button.webform-submit.button-primary.btn.btn-primary.form-submit,
.page-node-21 button.webform-submit.button-primary.btn.btn-default.form-submit,
.page-node-20 button.webform-submit.button-primary.btn.btn-primary.form-submit {
    background: #5d0705;
    border: none;
    COLOR: WHITE;
    FONT-SIZE: 20PX;
    WIDTH: 30%;
    MARGIN: auto;
    DISPLAY: BLOCK;
}

.inside.panels-flexible-region-inside.panels-flexible-region-15-center-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last h2.pane-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #5d0705;
    font-family: 'El Messiri', sans-serif;
    margin-top: 70px;
}
.inside.panels-flexible-region-inside.panels-flexible-region-15-center-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last form#webform-client-form-21 .form-control {
  
    border: 1px solid #b94a485c;
}

/*END contact us ar ph*/

/*sc_ar_page_menu*/
#menularge{display:none;}

/*الشعب والوحدات*/
.largeonly {
    display: none;
}

/*title of artical page*/
h1.page-header {
    font-size: 24px;
    color: #0e8498;
}

/*animated books for full screen*/
div#mini-panel-animated_book_full_screen {
    display: none;
}


/*en front books*/
div#mini-panel-en_front_full_screen {
    display: none;
}

/*arabic webform*/
div#edit-submitted-a-ad {
    margin-right: 30px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-right: -20px;
    }


/*end arabic webform*/


/*ar news grid frontpage*/

div#views-bootstrap-grid-1 h1 a{    
    font-weight: 700;
    font-size: 14px;
    color: #000;
    line-height: .2!important;
    font-family: 'Tajawal', sans-serif;
}

div#views-bootstrap-grid-1 h1.field-content {
    line-height: .9;
    margin-top: -10px;
}

div#views-bootstrap-grid-1 .views-field.views-field-created {
    margin-bottom: 30px;
}

/*End ar news grid frontpage*/
/*ar allnews page*/


/*End ar allnews page*/

/*link كل الاخبار*/
p.one {
    display: none;
}

/*ar all news ph title*/
div#views-bootstrap-grid-1 .views-field.views-field-title {
    padding: 10px 0;
}
div#views-bootstrap-grid-1 .views-field.views-field-title a {
    font-weight: 700;
    font-size: 14px;
    color: #000;
    line-height: .7!important;
}

div#views-bootstrap-grid-1 .views-field.views-field-view-node {
    margin-top: 10px;
    margin-bottom: 30px;
}

/*webform ar ph*/
.panel-default > .panel-heading {
    color: #0c0000;
    background-color: #7cc1d000;
    border-color: #dddddd05;
    border-bottom: 1px solid #1881d7fc;;
}

.panel-default {
    border-color: #dddddd05;
}
.panel {
    -webkit-box-shadow: 0 1px 1px rgba(252, 248, 248, 0.05);
    box-shadow: 0 1px 1px rgba(252, 248, 248, 0.05);
}
button.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin: auto;
    display: block;
}

/*ar contact us title*/
.page-node-21 h1 {
    color: black;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    font-family: 'Tajawal', sans-serif;
}
body.navbar-is-static-top.html.not-front.no-sidebars.page-node.page-node-.page-node-21.node-type-webform.i18n-ar {
    background: url(7.jpg);
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center; 
}
form#webform-client-form-21 .form-control {
    color: #2d1616;
    background-color: #ffffff6b;
    border: 1px solid #9af89cb5;
    }
    
/*ar front minipanel 3colin1row*/
section#block-panels-mini-arfrontanimatedbooks {
    display: none;
}

/*article ar page*/
/*share deleted*/
.sharethis-buttons, .form-item.form-type-item.form-group {
    display: none;
}
.page-node img.img-responsive {
    margin-bottom: 20px;
}

/*ar table statistics*/
#statlarge{display:none;}
#statph{
	vertical-align: baseline;
	MARGIN-TOP: -60PX;
}
table#statph td {
    border-bottom: 1px solid;
    padding: 20px;
}



}/*============END small SCREEN========================================*/