.imgthumb {width: 130px; height: 130px; margin: 5px;}
.img {width: 100%; height: 110px; background-color: #ffffff; border: 1px solid #a2a2a2; padding: 4px; border-radius: 4px;}
.item {text-align: right;}
.border {border: 1px solid #000000; padding: 5px; position: relative; margin-top: 15px;}
.details {position: absolute; left: 8px; bottom: 8px;}

.pre {white-space: pre; font-size: xx-large;}

.offer > div > div {text-align: center; margin: 15px 0; padding: 15px; font-size: 18px; font-weight: bold; line-height: 35px; max-height: 230px;}
.offer a {color: #fff; font-size: 20px;}
.offer1 {background: url("../../images/special_offer1.png") no-repeat center center; width: 349px; height: 255px;}
.offer2 {background: url("../../images/special_offer2.png") no-repeat center center; width: 349px; height: 255px;}
.offer3 {background: url("../../images/special_offer3.png") no-repeat center center; width: 349px; height: 255px;}
.offer4 {background: url("../../images/special_offer4.png") no-repeat center center; width: 349px; height: 255px;}
.offer5 {background: url("../../images/special_offer5.png") no-repeat center center; width: 349px; height: 255px;}
.offer6 {background: url("../../images/special_offer6.png") no-repeat center center; width: 349px; height: 255px;}

.adverts > div > div {text-align: center; padding: 105px 15px 15px; font-size: 18px; font-weight: bold; max-height: 350px;}
.announce {background: url("../../images/announce.png") no-repeat center center; width: 350px; height: 350px;}
.announce > div {line-height: 35px;}
.attention {background: url("../../images/attention.png") no-repeat center center; width: 350px; height: 350px;}
.attention > div {line-height: 25px;}

.table th, .table td, .table tr {border-color: #00b10b !important;}
.outer {font-size: 18px; font-weight: bold;}

.thumbsmax img {max-width: 300px;}

/**************************************************/
/******************** Standard ********************/
/**************************************************/
html { direction: rtl; }

body
{
 /*font-family: Arial, Tahoma, Andalus;*/
 font-family: Arial,Verdana,Geneva,sans-serif,"Droid Sans";
 cursor: url("../../images/mouse.ani");
 background-color: #ffffff;
/* background-image: url("../../images/background.jpg") fixed center top;
 background-attachment: fixed;
*/ text-align: center;
}

th { background-color: #008608; color: #ffffff; text-align: center; vertical-align: middle;}

input[type="text"], input[type="password"], input[type="email"], select, textarea
{
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 1px solid #c80a38;
    color: #465096;
    padding: 4px;
    margin: 0px;
}

.empty {color: #0f0;}
.sold {color: #f00;}
.await {color: #00f;}

/*************************************************/
/******************** MenuBar ********************/
/*************************************************/
/* tha main div container of the menubar */
#menu {width:100%; text-align:center; border: 1px #000 solid; background-color: #000;}
/* for every ul in the div */
#menu ul {display:inline-block; padding:0; white-space:nowrap; background:#000; margin: 0px;}
/* for first li's in menu (main visibile li's) */
#menu ul.level1 li.level1-li {float:right;border-left: 1px solid #444; display:block; position:relative; text-align:center; color: #f00;}
/* for first links in menu (main visibile links) */
#menu ul.level1 li.level1-li a.level1-a {float:left;}
/* for every li in the div */
#menu li {display:inline; padding:0;}
/* for every a in the div */
#menu a {display:block; color:#fff; line-height:30px; text-decoration:none; padding:5px 15px; border-radius: 4px;}
/* the first (vertical) submenu under the main menu to right or left */
#menu ul li:hover > ul {visibility:visible; right:0; top:35px; background-color: #000;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:36px;}
/* down arrow image */
#menu li a.drop {background:transparent url('../../images/menu-down.gif') no-repeat left center;}
/* hides every submenu */
#menu ul ul {position:absolute; visibility:hidden;}
/* the second (horizental) submenu beside the first submenu to right or left */
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:-4px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-35px; margin-right:-4px;}
/* direction of left submenu */
#menu a:hover ul {left:0; top:23px;}
/**/
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
/**/
#menu li.left ul a {text-align:right; padding: 0px 50px;}
/**/
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
/**/
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
/**/
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
/**/
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}
/* right or left arrow image */
#menu li a.fly {background:transparent url('../../images/menu-right.gif') no-repeat right center;}
#menu li.left ul a.fly {background:transparent url('../../images/2.png') no-repeat left center;}
/* for every li hover in the div */
#menu li a:hover,
#menu li a:focus,
#menu li a.fly:hover, #menu li a.fly:focus {color:#f55; background-color:#ddd;} 
/* for every li hover in the div */
#menu li:hover > a,
#menu li:focus > a,
#menu ul li:hover > a.fly, #menu ul li:focus > a.fly {color:#f00; background-color:#eee;}

.level2 {z-index: 10000;}

/*************************************************/
/******************* MyMenuBar *******************/
/*************************************************/
#MyMenuBar {background-color: #000; border: #080808 1px solid; border-radius: 4px; position: relative; display: block; color: #fff; font-size: 17px;}
.MMB_ul_1 {list-style: outside none none; margin: 0px;}
.MMB_ul_1 > li {float: right; position: relative; display: inline-block; border-left: 1px #444 solid;}
.MMB_ul_1 > li > a {border-radius: 4px; position: relative; display: block; padding: 10px 15px; outline: medium none; text-decoration: none; color: #fff;}
.MMB_ul_1 > li > a:hover, .MMB_ul_1 > li > a:focus {background-color: #eee; text-decoration: none; color: #f00;}
.MMB_ul_1 > li:hover > ul {visibility: visible; left: 10%; right: 0; top: auto; background-color: #0f0; text-decoration: none; color: #f00; z-index: 100;}
.MMB_ul_1 > li > ul {position: absolute; visibility:hidden; color: #0ff; z-index: 666666;}

.mymenu {position: relative; display: block; color: #fff; font-size: 15px; padding: 0px;}

/***********************************************/
/******************** Fonts ********************/
/***********************************************/
/*
 * Noto Naskh Arabic (Arabic) http://www.google.com/fonts/earlyaccess
 */
/*
 @font-face {
  font-family: 'Noto Kufi Arabic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notokufiarabic/v2/NotoKufiArabic-Bold.ttf) format('truetype');
}
*/

@font-face {
  font-family: 'BankGothic'; /* English */
  src: url('../../src/fonts/BankGothic.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/BankGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/BankGothic.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/BankGothic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/BankGothic.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'GESSTwo'; /* Arabic */
  src: url('../../src/fonts/gesstwomedium.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/gesstwomedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/gesstwomedium.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/gesstwomedium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/gesstwomedium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Monotype'; /* Arabic */
  src: url('../../src/fonts/Monotype.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/Monotype.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/Monotype.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/Monotype.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/Monotype.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'mothnna'; /* Arabic */
  src: url('../../src/fonts/mothnna.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/mothnna.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/mothnna.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/mothnna.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/mothnna.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Noto Kufi Arabic'; /* Arabic */
  src: url('../../src/fonts/NotoKufiArabic-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/NotoKufiArabic-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/NotoKufiArabic-Bold.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/NotoKufiArabic-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/NotoKufiArabic-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Amiri-Bold'; /* Arabic */
  src: url('../../src/fonts/Amiri-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../src/fonts/Amiri-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../src/fonts/Amiri-Bold.woff') format('woff'), /* Modern Browsers */
       url('../../src/fonts/Amiri-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../src/fonts/Amiri-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}




/************************************************/
/******************** Slider ********************/
/************************************************/
.carousela {color: #ffffff; text-shadow: 1px 1px 1px #000;}
.carousela a:hover {text-decoration: none; color: #ffffff;}
.carousela a:visited {text-decoration: none; color: #0000ff;}

#carousel-example-generic {position: relative;}

/**************************************************/
/******************** Optional ********************/
/**************************************************/
#logo {position: absolute; z-index: 1; width: 100%; bottom: 0px;}
#logo img {width: 100%;}
#social {position: absolute; z-index: 1; text-align: center; left: 0px; }
/*#social ul {display: inline-block; background-color: #008608; padding: 5px 10px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; margin-right: -126px;}*/
#social ul {display: inline-block; padding: 5px 10px;}
#social li {display: inline; float: right; margin: 5px}
#social li img {border-radius: 50%; border: 1px dotted #fff; width: 50px; height: 50px;}


.thefont {font-family: Noto Kufi Arabic;}
.defaultfont {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px;}




.ar {text-align: right; direction: rtl;}
.en {text-align: left; direction: ltr;}
.dir-right {direction: rtl;}
.dir-left {direction: ltr;}
.fr {float: right;}
.fl {float: left;}
.in {display: inline;}
.in-bk {display: inline-block;}
.bk {display: block;}
.vm {vertical-align: middle;}
.vt {vertical-align: top;}
.vb {vertical-align: bottom;}
.hr {text-align: right;}
.hl {text-align: left;}
.hc {text-align: center;}

.footerhr {height: 20px; background-color: #000; margin-top: -20px;}
.copyrights {background-color: #000; border: 1px solid #000; color: #fff; margin: 0;}
.headerhr {height: 20px; background-color: #000; margin-bottom: -20px;}
.sm {background-color: #fff; position: relative;}
.cornerl {position: absolute; left: 0px; width: 0px; height: 0px; border-style: solid; border-width: 20px 30px 30px 0px; border-color: transparent transparent #fff;}
.cornerr {position: absolute; right: 0px; width: 0px; height: 0px; border-style: solid; border-width: 20px 0px 30px 30px; border-color: transparent transparent #fff;}
.cornerlt {position: absolute; left: 0px; width: 30px; height: 30px; top: -4px; background: url("../../images/cornerlt.png");}
.cornerrt {position: absolute; right: 0px; width: 30px; height: 30px; top: -4px; background: url("../../images/cornerrt.png");}

#background {background-color: transparent !important;}
body
{    background-image: url('../../images/background/1.jpg');
    background-position: 0 0;
    -webkit-background-size: calc(100vw) calc(100vh);
    -moz-background-size: calc(100vw) calc(100vh);
    -o-background-size: calc(100vw) calc(100vh);
    background-size: calc(100vw) calc(100vh);
    background-repeat: no-repeat;
    background-color: unset;
    background-attachment: fixed;
}
.pagebody {background-color: #fff; margin: -20px 0; padding: 40px 5px;}

.headerbg {background-color: #008608; color: #fff; font-weight: bold;}
.adv {background-color: #ffa973; border-radius: 10px; padding: 25px; font-size: 20px; margin: 10px; position: relative; padding: 20px;}
.advtitlebg {margin-top: -35px;}
.advtitle {background-color: #008608; border: 1px solid #008608; border-radius: 10px; text-align: center; display: inline-block; width: 100%; padding: 10px; color: #fff; font-size: 15px;}
.advbody {background-color: #fff; border-radius: 1px; position: relative; margin-top: 10px;}
.advfooter {position: absolute; background: url("../../images/advbg.png"); bottom: 0; right: 0; width: 360px; height: 71px;}
.advbotton {background-color: #008608; border: 1px solid #008608; border-radius: 10px; position: absolute; bottom: 20px; left: 20px; padding: 2px 15px;}
.advbotton a {color: #fff;}
.advbody img {width: 100%; height: 300px;}
.home {text-align: right;}
.home .thumbnail img {width: 100%; height: 300px; }
.btn-thumb {color: #FFF; background-color: #008608; border-color: #008608;}
.describe {height: 120px; max-height: 120px;}
.caption h3 {color: #008608;}
.offers {border: 1px solid #008608;}
.offers textarea {width: 100%;}

/* Project */
.ribbontop {text-align: center; font-size: 23px;}
.ribbontop a {color: #fff;}
.ribbontop div {display: inline-block; background: url("../../images/ribbontop.png") no-repeat; height: 100px; min-width: 234px; padding: 0 15px; background-size: 100% 100%;}
.ribbontoplarge {text-align: center; font-size: 23px;}
.ribbontoplarge a {color: #fff;}
.ribbontoplarge div {display: inline-block; background: url("../../images/ribbontoplarge.png") no-repeat; height: 100px; min-width: 370px;}
.ribbonright {text-align: right; font-size: 13px; color: #ffffff;}
.ribbonright div {display: inline-block; background: url("../../images/ribbonright.png"); width: 216px; height: 66px; margin-right: -30px; padding: 30px 25px 0px 0px;}
.hmmarquee {background: #008608; font-size: 20px;}
.hmtitle {color: #000;}
.hmcontent {color: #fff;}
.marqueetitle {border: 1px solid #008608; background-color: #008608; color: #fff; display: inline-block; font-size: 20px; float: right;}
.marqueecontent {border: 1px solid #008608; color: #008608; display: inline-block; width: 85%; font-size: 19px; float: right;}
.mainlist {font-size: 20px; color: #000; padding: 0px 10px;}
.mainlist li {text-align: right;}
.mainlist input[type='text'] {width: 100%;}
.mainlist table {width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border: 1px solid #DDD;}
.mainlist td {border: 1px solid #DDD;}
.mainlist th {border: 1px solid #DDD;}
.isis {color: #008608; font-family: Noto Kufi Arabic; font-size: 15px;}

/* Services */
.ribbonlgtop {text-align: center; font-size: 23px;}
.ribbonlgtop a {color: #fff;}
.ribbonlgtop div {display: inline-block; background: url("../../images/ribbonlgtop.png"); width: 334px; height: 100px;}
.h3heading {background-color: #008608; color: #fff; padding: 5px;}
.package {border: 1px solid #008608;}
.package img {width: 100%;}
.main {color: #008608;}
.price {border: 1px solid #008608; color: #00f; border-radius: 15px; padding: 5px;}
.blanco img {width: 150px; height: 150px;}

/* Login */
#login {display: inline-block;}
#login label {display: inline-block; float: right; margin: 5px; padding: 5px;}
/*#login input[type='text'], input[type='password'] {display: inline-block; float: left; margin: 5px;}*/
#login input[type='submit'] {display: inline-block; margin: 20px; padding: 5px;}