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

 
/*delete padding from left and right of slideshow*/
    .container-fluid{padding-left:0;
    padding-right:0;}
    
    
    /*delete padding from top of slideshow*/
    body.admin-menu.navbar-is-fixed-top{padding-top:0;}
    
    
/*.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{padding:0;}*/

/*main menue*/
.navbar-nav{float:right;font-size:18px;padding-top:39px; padding-right:40px;}

.dropdown-menu > li > a{padding-bottom:15px;}

/*padding between icon and menu item*/
.dropdown-menu > li > a > i {
    padding-left: 5%;
}


/*site name*/
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand:hover{color:indianred;}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand
{color:black;font-size:24px;padding-top:50px;}

/*move site title and logo to right*/
.navbar-header {
float: right;
color:black;
}

/*float logo*/
.pull-left {
    float: right!important;		
}


/*float searchbox*/
.searchblock{float:left!important;}


/*footer*/
.footer { margin-top:0px; padding:20px 25px 20px 5px; background-color:#222; background-image:url("green.jpg"); color:#fff; width: 100%; direction:rtl; font-size:14px; 
background-repeat:none; background-size:cover;
}
 @media only screen and (max-width: 768px)
{
.footer{font-size:4px;}}
footer.footer.container-fluid {
    margin-top: 20px;
}
/*border of footer*/
section#block-block-1 {
    background: none;
    border-top: none;
}

/*form button*/
button.webform-submit.button-primary.btn.btn-lg.btn-default.form-submit {
    position: relative;
   /* right: 47%;*/
        font-weight: bold;
    background-image: none!important;
    background-color: black;
    font-family: 'Droid Arabic Kufi', serif;
   
}

button:hover.webform-submit.button-primary.btn.btn-lg.btn-default.form-submit{
	background-color: darkgreen;
}
 form#webform-client-form-9 {
    text-align: center;
    direction:rtl;
}

form#webform-client-form-9 h2{text-align: center;direction:rtl;}


/*fade slideshow*/
/* slideshow position8_12_2017 */
/* div#views-bootstrap-carousel-1{position:initial; } */

 .carousel-inner > .item > img, .carousel-inner > .item > a > img
 {padding-right:0px;
  padding-left:0px;
  margin-right:0px;
  width:100%;
  height:550px;
  
 }
 

 
 @media only screen and (max-width: 768px)
 {height:120px;}

 
 /*fade slideshow*/
 .carousel-inner .item {
  left: 0 !important;
  -webkit-transition: opacity .4s; /*adjust timing here */
     -moz-transition: opacity .4s;
       -o-transition: opacity .4s;
          transition: opacity .4s;
}

/* Fade controls with items */
.carousel-inner .item.next.left,
.carousel-inner .item.prev.right {
    opacity: 1;
    z-index: 1;
}
.carousel-inner .item.active.left,
.carousel-inner .item.active.right {
    opacity: 0;
    z-index: 2;
}

.main-container.container .carousel-inner > .item > img, .carousel-inner > .item > a > img
 {padding-right:0px;
  padding-left:0px;
  margin-right:0px;
  width:100%;
  height:350px;
 }
 /*end of fadding of slideshow */
 
 
 /*weeeeeeeeeeeeeeeeeeeeeeeeeeebfooooooooooooooorm*/
 /*width of webform*/
 form#webform-client-form-1 {
    width: 100%;
    padding: 20px 30px;
    font-size: 14px;
    color:black;
}

/*webform rtl*/
article#node-1 {
    direction: rtl;
}

a.panel-title.fieldset-legend {
background-image:url("green.jpg");
background-size:cover;
}

fieldset .panel-heading a.panel-title{
	color: white;
    display: block;
    margin: -10px -15px;
    padding: 10px 15px;
    font-size: 20px;
    font-weight: bold;
}
/*جعل حقول الاستمارة تظهر بشكل صحيح تطابق اتجاه اللغه العربيه*/
@media only screen and (min-width: 768px) {
    
    .fs {
display:flex;
flex-direction:row-revearse;

}

}
span.panel-title.fieldset-legend {
    display: none;

}

/*جميع ال fieldset*/
fieldset.webform-component-fieldset.fs.webform-component---info--fs.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component---info--fs2.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component---info--fs3.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component---info--fs4.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Living--fs5.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Living--fs6.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Living--fs7.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component--address--fs8.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component--address--fs9.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component---university--fs10.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component---university--fs11.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs12.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset fs webform-component------Guardian--fs13 panel panel-default form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs14.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs16.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs17.panel.panel-default.form-wrapper,webform-component-fieldset fs webform-component----Guarantee--fs18 panel panel-default form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Guarantee--fs19.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Guarantee--fs20.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Guarantee--fs21.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Guarantee--fs22.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component----Guarantee--fs23.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs13.panel.panel-default.form-wrapper,fieldset.webform-component-fieldset.fs.webform-component------Guardian--fs15.panel.panel-default.form-wrapper , fieldset.webform-component-fieldset.fs.webform-component----Living--fs66.panel.panel-default.form-wrapper , fieldsetContactUS
{border-color: white;
}

  .form-control  {height:40px;}
  
  
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"]
  {position:relative;
  margin-left:0;
  }
  
  
.panel-default > .panel-heading
{background-color:white;
border-color:white;}








/*end of weeeeeeeeeeeeeeeeeeeeeeeeeeeeebfoooooooooooooorm*/

/* pages title */
h1.page-header {
    text-align: center;
    padding: 20px 20px;
    padding-top:130px;
    color: darkgreen;
    font-family: 'Droid Arabic Kufi', serif;
    font-size:25px;
}
@media only screen and (max-width: 768px){h1.page-header{padding-top:60px;
  font-size:18px;}}

/*delete margine from whole page*/
.row{
margin-right:0px;}


/*delete margine from whole pagein phone
@media only screen and (max-width: 768px) {


*{
margin-right:-10px;}

}
*/

/*ضوابط السكن*/

.img1 {
	
	background-image:url("1.jpg");
}

.img2 {
	background-image: url("22.jpg");
}

.img3 {
	background-image: url("22.jpg");
}

.img4 {
	background-image: url("4.jpg");
}	

.img1, .img2, .img3, .img4
{
	min-height: 300px;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	text-align: center;
    color: white;
    font-size: 30px;
    font-weight: 800;
    padding-top: 25%;

}
.img2,.img3{opacity:.6;}

.txt1, .txt2, .txt3, .txt4 {
	/*background-color: hsl(89, 43%, 51%);*/
	background-color:white;
	min-height: 50px;
	font-size: 20px;
	padding: 30px 10% 30px 10%;
	line-height:1.8;
}
.txt4.rteright{padding-right:30px;}

/*انتهى كود ضواب السكن */

/*شروط السكن*/
.bgimg {background-image: url("3.jpg");
	
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	min-height: 10px;
	max-height:100px;
	padding-top: 12%;
}

.p1, .p2, .p3, .p4, .p5 {

background-color:white;
	min-height: 50px;
	font-size: 20px;
	padding: 30px 10% 30px 10%;
	line-height:1.8;
}

/*back to top color*/
#back-top span#button:hover
{background-color:indianred;}

#back-top span#button
{background-color:green;}
/* end back to top color*/
.col-sm-12
{padding-right:0;}

}

/* صفحة شروط اسكن*/
article#node-8 {
    padding: 30px;
    line-height: initial;}
    
@media only screen and (max-width: 768px)
    {.navbar-nav{padding-right:0;font-size:11px;padding-top:30px}
    .navbar-brand{padding:0;font-size:11px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{font-size:11px;padding-left:0;}}

/* contact us block */

section#block-webform-client-block-9 {
    direction: rtl;
}

.fieldsetContactUS {
display:flex;
flex-direction:row-revearse;
}


.fieldsetContactUS.panel-heading, fieldset.webform-component-fieldset.fieldsetContactUS.webform-component--fieldset.panel.panel-default.form-wrapper {
background-color:white;
border-color:white;
}
/* الكلام والجداول عن الموقع الاقسام */
.aboutsite
{
min-height: 400px;
background-color:#dff0d8;
line-height:1.8;
padding-right:5%;
padding-left:5%;
}

@media only screen and (max-width:750px)
{

.jadrsite span{
font-size:11px;}

.aboutsite
{line-height:1.3;}

.service1 span {
    font-size: 14px;}
    .service2 span{font-size:12px;}
.service2
{
    display:block;
    width: 80%;
     margin-left: auto;
    margin-right: auto;
    }
    }
/* الكلام والجداول عن الموقع الاقسام النهايه*/

/*عن الموقع الاقسام االسلايد شو*/	
.jadslideblock,.khadslideblock
{
width:70%;
display:block;
margin-left:auto;
margin-right:auto;}


/*الخدمات التي توفرها الاقسام الداخليه*/
.service1{background-color:#b1e5bb;
    padding-top:12px;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 60px;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;}
        
   
   .service2
{
    display:block;
    width: 70%;
     margin-left: auto;
    margin-right: auto;
    }	
	
/* النهاية الخدمات التي توفرها الاقسام الداخليه*/

/* mini panel */
@media only screen and (max-width:800px) {
 section#block-panels-mini-facemap-counter {
    display: none;
    
    .inside.panels-flexible-region-inside.panels-flexible-region-4-center-inside.panels-flexible-region-inside-first.panels-flexible-region-inside-last {
    position: relative;
    left: 14%;
}
}
}

@media only screen and (min-width:800px) {
.panels-flexible-region.panels-flexible-region-4-center.panels-flexible-region-first.panels-flexible-region-last {
    display: none;
}
}

div#mini-panel-facemap_counter {
    padding: 20px;
}	

.contextual-links-region,.contextual-links-region.panel-pane.pane-block.pane-block-2.pane-block.pane-block
 {
   /* direction: rtl; */
    TEXT-ALIGN: RIGHT;
}


.panel-pane.pane-block.pane-block-2.pane-block.pane-block H2 {
    FONT-FAMILY: 'Droid Arabic Kufi', serif;
    /*TEXT-ALIGN:RIGHT;
    FONT-SIZE:16PX;
    WIDTH:70%;
    FLOAT:RIGHT;*/
    TEXT-ALIGN: center;
    FONT-SIZE: 20PX;
    font-weight: bold;
    color: green;
}

.counter.pane-content{padding-top:5%;}

.counter p {
    margin-left: 47%;
    position: relative;
}


/*type write*/
.writer {
direction:rtl;
  padding-top: 5em;
  display: flex;
  justify-content: center;
}

/* DEMO-SPECIFIC STYLES */
.typewriter h1 {
  color: #000;
  /*font-family: monospace;*/
  font-family:'Droid Arabic Kufi', serif;
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-left: .15em solid green; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  /*letter-spacing: .08em;*/ /* Adjust as needed */
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .5s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: green }
}



/*news responsive block*/
.view.view-news-grid.view-id-news_grid.view-display-id-block_1.view-dom-id-6b4fb52c7b2d68b1e3028bc44183dd35 {
    padding: 2%;
    border-top: 1px solid #acbfac6e;
    /* border-bottom: 1px solid #acbfac6e; */
}
    
/*.col-xs-12.col-sm-12.col-md-4.col-lg-4 {direction:rtl; border:1px solid gray; display:block; border-radius:5px;}*/

.col-xs-12.col-sm-12.col-md-4.col-lg-4 {
    border: 1px solid lightgray;
    padding: 2%;
    direction: rtl;
    height:540px;
}



@media only screen and (max-width: 768px){
.col-xs-12.col-sm-12.col-md-4.col-lg-4{  height:490px;
   
}

}


div#views-bootstrap-grid-1 {
    margin: 2%;
    margin-left:5%;
}
/*news responsive title*/
.views-field.views-field-title {
  
    padding: 2%;
}




/*news*/

table.views-view-grid.cols-3{
	margin:10px 80px;
}
/*news view coloumns*/

td.col-1 , td.col-2 , td.col-3 { direction:rtl; border:1px solid gray; display:block; border-radius:5px;}

/*title of news coloumn*/
h2.block-title {
    color: green; text-align:center;font-size: 32px; font-weight:bold;}
    /* border-top-left-radius: 0px; */
	/* border-top-right-radius: 0px; border-bottom-right-radius: 0px;*/
.views-field.views-field-title	{min-height:60px;}
.views-field.views-field-title a {text-decoration:none; color: green; text-align:center;  border: 1px solid none; font-size: 16px; font-weight:bold;float:right;
    }


 td.col-1.col-first, td.col-2, td.col-3.col-last {padding:15px 15px;}


/*read more buttun should write all classes*/
.views-field.views-field-view-node span.field-content {
    background-color: #fafafa;
    border: 1px solid gray;
    padding: 10px;
    margin-top: -10px;
    border-top-left-radius: 15px;
	border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
	float: left;
	margin-top:5px;
}

/*hight of view body in news block important for position of read more link*/
.views-field.views-field-body {
    min-height: 100px;
}

.views-field.views-field-view-node span:hover.field-content { background-color: green; border-color:#fff;}
.views-field.views-field-view-node span.field-content a {
    color: green; font-size:12px;font-weight:900;
    text-decoration: none;
}
.views-field.views-field-view-node:hover span.field-content a {
    color: #fff; 
}
/*news pagenation*/
.text-center li{}
.text-center li a {color:green;background-color:white;}
.text-center li:hover a {color:white;font-weight:900;}

.pagination {font-size:16px;
    display: flex;
    flex-direction: row-reverse;
    position:relative;
    right:40%;
}

.pagination > li:first-child > span {
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;}
  
/*.pagination > li:last-child > span{
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;}*/

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

/*news sccroll*/
.scroll{direction:rtl;
background-color:#dff0d8;
padding-bottom: 1%;
   
}

div#views_slideshow_cycle_div_scroll-block_1_0,div#views_slideshow_cycle_main_scroll-block_1,div#views_slideshow_cycle_div_scroll-block_1_2,div#views_slideshow_cycle_div_scroll-block_1_3,div#views_slideshow_cycle_div_scroll-block_1_1,div#views_slideshow_cycle_div_scroll-block_1_4

{position:relative;
right:0 important;
left:auto!important;
width:auto!important;
min-width:60%;
max-height:50px!important;
padding-top:6px;
padding-right:5px;
color:#b22222;

}

/*section#block-views-scroll-block */


}
section#block-views-scroll-block a {font-size:14px;color:#b22222;}


/*to display the mini panel of class miniPanelFull in large screen only*/

/* news subtitle not wrapping*/
@media only screen and (min-width: 768px) {
#views_slideshow_cycle_teaser_section_scroll-block_1
{
white-space: nowrap;
    overflow: hidden;
    }
    
    
    
/*iconat*/

.iconatall {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 20px;
    margin: 10px auto;
    width: 92%;
}

.iconat {
    text-align: center;
    margin: 5px;
    border: 1px solid #6872e236;
    padding: 14px 0;
    box-shadow: 0 4px 6px 0 hsla(0, 0%, 0%, 0.2);
}

.icn {
    font-size: 45px;
}

.iconat h4 {
    font-size: 18px;
    margin: 0;
}

.iconatall > div > h4 > a {
    font-size: 14px;
    text-decoration: none;
}

.iconat a {
    color: #092780;
}

.iconat p {
    font-size: 14px;
	padding-bottom:10px;
}

.iconat:hover {
	border:1px solid #f95f0575;
	color:#f95f05;
	box-shadow: 0 4px 6px 0 #f95f0569;
}

.iconat:hover a{
	color:#f95f05;
}


/*END iconat*/

    
    
    
    
    
    
}
    @media only screen and (max-width: 768px) {div#views_slideshow_cycle_div_scroll-block_1_0,div#views_slideshow_cycle_main_scroll-block_1,div#views_slideshow_cycle_div_scroll-block_1_2,div#views_slideshow_cycle_div_scroll-block_1_3,div#views_slideshow_cycle_div_scroll-block_1_1,div#views_slideshow_cycle_div_scroll-block_1_4
    {min-width:100%;}
    section#block-views-scroll-block a {font-size:12px;}
}


@media only screen and (max-width: 750px) {
.miniPanelFull{display:none;}
}

/*contact us*/ /*NOT WORKING!!*/
.contextual-links-region.panel-pane.pane-block.pane-webform-client-block-9.pane-webform.pane-webform {
    text-align: center!important;
    font-weight: bold;
    font-family: 'Droid Arabic Kufi', serif;
}



@media only screen and (max-width: 750px) {
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    
    height: 350px;
}
}

/*menu items direction*/
.dropdown-menu > li {
    /* direction: rtl; */
    text-align: right;
}


/* انشطه الطلاب*/ 
/*
.dor=class for title = الانشطة الطلابية
.dor1 , .dor2, .dor3, .dor4 = classes for الرياضية الثقافية اللاصفية التطوعية
*/
section#block-block-9 {
	background-image:url("cut.png");
	background-size:cover;
	height:200px;
	padding:3% 15%;
	color: white;
    font-size: 20px;
    line-height: 2em;
    margin-top:1%;
    margin-bottom:1%;
}

@media only screen and (min-width:768px) {
.dor{position: relative; right:41%; font-weight:bold;}
.dor1, .dor2, .dor3, .dor4 {position: absolute;  padding:10px 14px;}
.dor1 a, .dor2 a, .dor3 a, .dor4 a {color:white;text-decoration:none;}
.dor1{right:15%; } .dor2{right:35%;} .dor3{right:55%;} .dor4{right:75%;}

section#block-block-9:hover .dor {
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0% {right:0%;} 100% {right:41%;} 
	}
}
.dor1:hover, .dor2:hover, .dor3:hover, .dor4:hover {
	 border:.5px solid white; 
}
    
 
/*main menu @ phone*/  
button.navbar-toggle.collapsed{position:relative;
right:130px;} 

   
.navbar-default .navbar-toggle {
    border-color: #2f922f;
}

.navbar-toggle {
    position: relative;
    float: left;
    right: 130px;
    padding: 20px 20px;
    margin-top: 26px;
    margin-bottom: 14px;
    margin-left: 12px;
    background-color: #65d35c80;
    background-image: none;
    border: 1px solid #00000017;
    border-radius: 4px;
}
   
.navbar-default .navbar-toggle .icon-bar {
background-color:#0e9e44;
}

 /*.navbar-default .navbar-toggle:focus {
    background-color: #7c82fa99;
    position:relative;
top:30px;
right:90px;
}*/

@media only screen and (max-width: 768px){


section#block-block-9 {
	
	height:250px;
}

.navbar-nav {
    font-size: 14px;
    padding-top: 30px;
    float: left;
    width: 100%;
}

.nav{padding-left: 5px;}

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    font-size: 20px;
    color:green;
}

.navbar-default .navbar-nav > li > a {
    color: green;
}

.navbar-default .navbar-nav > li:hover > a {
    background-color: lightgreen;
color:black;
font-weight:bold;
}


ul.dropdown-menu li a {
    text-align: left;
    color: green;
    font-size: 16px;   
}


div#navbar-collapse {
    /*width: -webkit-fill-available;*/
    width:100%;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #1b6f31;
    font-size: 14px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li:hover > a {
background-color: lightgreen;
color:black;
font-weight:bold;
}

.navbar .logo {
    margin: 2px 7px 2px 1px;
}

.typewriter h1  span{font-size:18px;}

body{font-size:14px;}




}
@media only screen and (max-width: 900px)
{.navbar-nav {
    font-size: 14px;
    padding-top: 40px;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{font-size:18px;margin-right:-90px;}
    }
   

/*المدير السيرة الذاتيه*/
#f1_container {
  position: relative;
  margin: 10px auto;
  width: 300px;
  height: 250px;
  z-index: 1;
}
#f1_container {
  perspective: 1000;
}
#f1_card {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: all 1.0s linear;
}
#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}
.face {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}
.face.back {
  display: block;
  transform: rotateY(180deg);
  box-sizing: border-box;
  padding: 10px;
  color: green;
  text-align: center;
  background-color: white;
  font-size:12px;
  
}

@media only screen and (max-width: 1180px) 
{

/*صوره المدير*/
.mangerclass{width:200px!important;
height:250px!important;}
/*السيره الذاتية*/
#f1_container{width:200px!important;
height:250px!important;
}
/* السيره الذاتية حجم الخط*/
.face.back {font-size:11px;}
/*حجم الخط الكلام تحت الصوره*/
.mangertext span,.mangertext strong{font-size:12px!important;}
}
@media only screen and (max-width: 700px)
{div#mini-panel-4colminipanel
{display:none;}}
@media only screen and (min-width: 700px)
{div#mini-panel-4colminipanelinphone
{display:none;}}

.panel-pane.pane-block.pane-webform-client-block-9.pane-webform.pane-webform h2 {
    text-align: center;
    color: green;
    font-family: 'Droid Arabic Kufi', serif;
}







/*phone=====================================================*/
@media only screen and (max-width: 768px){
.dor1 a, .dor2 a, .dor3 a, .dor4 a  {
    color: #f4f1f1;
    text-decoration: none;
}

/*pagination @ phone*/
.pagination {
 
    position: relative;
    right: 28%;
    font-size: 10px;
}






/*iconat*/
.iconatall {
    background: #fff;
  /*  width: 100%!important;*/
    padding: 10px;
    text-align: center;
}

.iconat {
    border: 1px solid #808080c7;
    margin: 14px auto;
    padding: 12px;
    background: #c6d6f447;
    width: 95%;
}

/*END iconat*/




}
/*phone end=================================================*/


.allrights{width:25%;}


/*شكر وتقدير */
.thankss{
    border-top-left-radius: 13%;
    border-bottom-right-radius: 10%;
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;font-size:30px}
    .thankss tr.odd,.thankss tr.even
    {background-color:#dff0d8;
     color:black;
     
    }
     .thankss tr.odd:hover,.thankss tr.even:hover
    {background-color:MediumSeaGreen;
     color:black;}
     
    .pager{display: flex;
    flex-direction: row-reverse;color: black;font-size:20px;position:relative;right:47%;}
    .pager li > a, .pager li > span{ font-size:16px; 
      padding: 3px 10px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 10px;}
    
    @media only screen and (max-width: 768px)
    {
.thankss  {width:100%;font-size:15px;
    }
.thankss tr.odd:hover,.thankss tr.even:hover
    {background-color:MediumSeaGreen;
     }

#thankssimages
{border-top-left-radius:20%;
    border-bottom-right-radius:20%;width:100px!important;height:100px!important;
}
}

    
    #thankssimages{border-top-left-radius:20%;
    {border-bottom-right-radius:20%;width:250px!important;height:180px!important;padding-right:10px;}
    
    /*شكر وتقدير النهاية*/
    
.navbar-default .navbar-nav > li > a {
    color: #000!important;
    }
   .navbar-default .navbar-nav > li:hover > a {
    color: indianred!important;
    } 
    



img#box3:hover
{ transform:scale(1.5,1.5);
  
  }