.on-logo-side{float:right}.on-logo-side h1{padding:0;margin:0}.on-logo-title{font-family:"Open Sans","Droid Arabic Kufi";font-size:16px;color:#00617a;text-decoration:none}.on-logo-title:active,.on-logo-title:hover,.on-logo-title:link,.on-logo-title:visited{text-decoration:none}.on-logo-title .fa{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;background:#00617a;position:relative;top:10px;border-radius:100%;margin-left:5px;border:2px solid #00617a}.on-logo-title:hover .fa{box-shadow:0 0 0 5px #eee}.on-logo-desc{display:block;color:#31538a;font-size:11px;font-family:Tahoma;text-indent:50px}
 
 body {
  padding-top: 0px;
  padding-bottom: 0px;
  background:url(images/bg-m.png) repeat-x scroll center 146px #fff !important;
}

#page-wrapper { margin:0px auto; margin-bottom:0; }
#logo-bar-wrapper {height:146px; background:url(images/h-bg.png) top center no-repeat #fff; }
#logo-bar { padding:0px 0px 0px 0px; }
#logo-wrapper {  }
#logo {	float:right; margin:0; width:300px; }
#logo img {	margin:15px 0 0 0; max-height:100px; max-width:300px; }
.header_ads { float:left; margin:0; }

#footer { padding:10px; color:#fff; background:#7e471e url(images/footer-bg.png) repeat 0px 0px; }
#footer a { color:#f88c00; }

.powered { text-align:center; margin:10px 0 0 0; color:#ffffff; }
.powered a { text-align:center; margin:10px 0 0 0; color:yellow; }

.signup { text-align:center; }
.email-wrapper { margin-bottom:10px; }

.ads { padding:0; margin:0; }
.ads ul { list-style-type:none; margin:0px; padding:0px; }
.ads ul li { margin:0 0 10px 0; padding:0px; }
.ads ul li img { margin:0; padding:0px; }
.ads p { margin:0 0 10px 0; padding:0px; text-align:center; }

.top_ads { padding:0; margin:0 0 20px 0; }
.top_ads img { border:none; max-width:1000px; }

.just_categories { padding:0; margin:0; }
.just_categories ul { list-style-type:none; margin:5px 5px 0 0; padding:0px; }
.just_categories ul li { background:#f2f2f2; border:1px solid #cccccc; float:right; width:48.5%; margin:0 0 10px 10px; padding:5px; }
.just_categories ul li a { font-size:13px; }
.just_categories ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.just_categories ul li ul li { border:0px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.just_categories ul li ul li a { font-size:10px; }

.just_categories_one_line { padding:0; margin:0; }
.just_categories_one_line ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories_one_line ul li { background:#f2f2f2; border:1px solid #cccccc; margin:0 0 10px 0; padding:5px; }
.just_categories_one_line ul li a { font-size:12px; }
.just_categories_one_line ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.just_categories_one_line ul li ul li { border:0px solid #cccccc; border-bottom:1px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.just_categories_one_line ul li ul li a { font-size:10px; }

.categories_with_sites { padding:0; margin:0; }
.categories_with_sites ul { list-style-type:none; margin:5px 0px 0 0; padding:0px; }
.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:right; width:48.5%; margin:0 0 10px 10px; padding:5px; }
.categories_with_sites ul li a { font-size:13px; }
.categories_with_sites ul li ul { list-style-type:none; margin:7px 0px 0 0; padding:0px; } /*square, circle*/
.categories_with_sites ul li ul li { border:0px solid #cccccc; width:100%; float:right; margin:0 0 5px 5px; padding:5px; }
.categories_with_sites ul li ul li a { font-size:10px; }

.incategory { padding:0; margin:0px 5px 0 0; }
.categories_with_sites ul li ul li .incategory, .just_categories ul li .incategory { margin:0px 0px 0 0; }
.incategory a, .categories_with_sites ul li .incategory a, .just_categories ul li .incategory a { font-size:10px; color:black; }

.well { margin:8px 0 5px 0; }

.search_form { }

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



/* Start pagination */
@media (min-width:0px) and (max-width:650px) { 
    .toggle-pagination {
        display: block
    }
    .toggle-pagination.active i:before {
        content: '\2212'
    }
    .pagination {
        width: 100%;
        margin-top: 10px;
        display: none;
    }
    .pagination > li > a,
    .pagination > li > span {
        width: 100%;
        margin: 0;
        line-height: 40px;
        padding: 0;
        border-radius: 0px!important;
    }
    .pagination > li {
        float: left;
        width: 20%;
        margin-top: -1px;
        text-align: center;
    }
}
@media (max-width:480px) { 
    .pagination > li {
        width: 33%
    }
}
@media (max-width:320px) { 
    .pagination > li {
        width: 50%
    }
}
@media (min-width:651px) { 
    .toggle-pagination {
        display: none
    }	
}
/* End pagination */

#sites { padding: 0px; margin:0 0 0 0; background: rgba(253, 253, 253, 0.86); }

#sites div.site { padding: 5px; margin:0 0 7px 0; border-bottom: 1px dotted #ddd; background: #fff; }
#sites div:hover.site { background: #f2f2f2; }
#sites h2 { padding: 0; margin:0px 0 7px 0; }
#sites h2 a { font-weight:bold; font-size:13px; line-height:24px; color:#516472; }
#sites h2 a:hover { color: #000; }
#sites .url { padding: 0px; margin:0 0 7px 0; color:green; }
#sites .url a { color:green; }
#sites .meta { padding: 0px; margin:0 0 7px 0; }
#sites .info { padding: 0px; margin:0 0 15px 0; }
#sites .order { padding: 0px; margin:0px 0 15px 0; }

#site_info { padding: 0px; margin:0 0 0 0; background: rgba(253, 253, 253, 0.86); }
#site_info p { padding: 0; margin:0 0 7px 0; }
#site_info span { color:black; }

#post_info { padding: 0px; margin:0 0 20px 0; background: rgba(253, 253, 253, 0.86); }
#post_info p { padding: 0; margin:0 0 7px 0; }
#post_info span { color:black; }
#post_info .info { padding: 10px; margin:10px 0 0 0; border-bottom:1px dotted #cccccc; text-align:center; }

/* Start comment */
#add_comment { margin:15px 0 0 0; padding:0; }
#add_comment .title { margin:10px 0 15px 0; padding:0; font-size: 20px;  }
#add_comment .inputs { margin:0 0 20px 0; padding:0; }
#add_comment .inputs p { margin: 0 0 0px 0; padding:0; }
#add_comment .inputs input, #add_comment .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
#add_comment .inputs select { margin:3px 0 0 0; padding:10px; }
#add_comment input.num { width:50%; }
#add_comment .submits { margin:0; padding:0; }
#add_comment .submits input { width:auto; }

.comments { color: #505050; margin: 0 0 30px 0; padding: 0px; }
.comments h2 { margin:0; padding:15px 0 15px 0; text-align:center; font-size: 20px; }
.commenttext { border:1px solid #b0b0b0; background-color:#fff; margin: 0 0 15px 0; padding: 10px; }
.commenttext h3 { font-size: 17px; border-bottom:1px solid #b0b0b0; height:32px; background: url(images/user.png) right no-repeat; color: #505050; padding:0; margin:0 0 10px 0; }
.commenttext h3 span { padding:0 40px; margin:0; line-height:30px; }
.commenttext p.date { font-size: 12px; padding:5px 0 0 0; margin:0; text-align:left; }
.commenttext div { color: #505050; padding:0px; margin:0; }
/* End comment */

/* Rating Start */
.hover {width:24px; height:24px; background: url('../img/star.png') no-repeat; z-index: 1000; }
.rating_v { display: block;	margin: 5px 0 5px 0; position:relative; left:0; top:2px; line-height:20px; }
.rating_v img { width:24px; height:24px; }
.rating_v span { cursor: pointer; width:24px;}
/* Rating End */

#add_data { margin:0; padding:0; }
#add_data .title { margin:0 0 25px 0; padding:0; }
#add_data .inputs { margin:0 0 20px 0; padding:0; }
#add_data .inputs p { margin: 0 0 0px 0; padding:0; }
#add_data .inputs input, #add_data .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
#add_data .inputs select  { margin:3px 0 0 0; padding:10px; }
#add_data input.num { width:50%; }

.search { margin:15px 0 0 0; padding:0; }
.search .title { margin:10px 0 15px 0; padding:0; font-size: 20px;  }
.search .inputs { margin:0 0 20px 0; padding:0; }
.search .inputs p { margin: 0 0 0px 0; padding:0; }
.search .inputs input, .search .inputs textarea { margin:3px 0 0 0; padding:10px; width:100%; }
.search .submits { margin:0; padding:0; }
.search .submits input { width:auto; }

.navbar-brand{ text-decoration: underline;

  font-family: "Open Sans", "Droid Arabic Kufi";
  font-size: 12px;
 }


.post_thumb {
	position: relative;
	display: block;
}

.post_thumb img {
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
	width:185px;
	height:auto;
}

.post_thumb a img {
	border: 1px solid #ddd;
	padding: 3px;
}

.post_thumb a,  .post_thumb a img {	display: block; }

a.read_more { color: #ff8a00; }
a.read_more:hover {	color: #ff8a00; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 1200px) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; text-align:center; }
#logo img {	margin:0px 0 0 0; width:25%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; max-width:900px; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; text-align:center; }
#logo img {	margin:0px 0 0 0; width:34%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; max-width:670px; }

}

/* rules for iPad in landscape orientation */
@media only screen and (device-width: 768px) and (orientation: landscape) {
body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; text-align:center; }
#logo img {	margin:0px 0 0 0; width:55%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  .responsive-invisibility();
}
.visible-xs {
  @media (max-width: @screen-tablet) {
    .responsive-visibility();
  }
}
.visible-sm {
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-visibility();
  }
}
.visible-md {
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-visibility();
  }
}
.visible-lg {
  @media (min-width: @screen-large-desktop) {
    .responsive-visibility();
  }
}

.hidden-xs,
.hidden-sm,
.hidden-md,
.hidden-lg {
  .responsive-visibility();
}
.hidden-xs {
  @media (max-width: @screen-tablet) {
    .responsive-invisibility();
  }
}
.hidden-sm {
  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
    .responsive-invisibility();
  }
}
.hidden-md {
  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
    .responsive-invisibility();
  }
}
.hidden-lg {
  @media (min-width: @screen-large-desktop) {
    .responsive-invisibility();
  }
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #777;
}

.social .fa-facebook:hover {
    color: #4060A5;
}

.social .fa-twitter:hover {
    color: #00ABE3;
}

.social .fa-google-plus:hover {
    color: #e64522;
}

.social .fa-linkedin:hover {
    color: #0094BC;
}
.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;max-width:100%;height:auto;padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

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

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; text-align:center; }
#logo img {	margin:0px 0 0 0; width:45%; }


.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 320px) and (max-width: 479px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; width:100%; margin:10px 0 10px 0; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}

@media only screen and (max-width: 240px) {
.panel-body img { max-width:100%; }

.ads ul li { float:none; width:100%; margin:0px 0 10px 0; padding:0px; text-align:center; }
.ads ul li img, .ads p img { margin:0; padding:0px; width:100%; }

body { background:url(images/bg-m.png) repeat-x scroll center 90px #f2f2f2 !important; }
#page-wrapper { margin:0px auto; }
#logo-bar-wrapper { padding:5px 0 5px 0; background:#f2f2f2; height:90px; }
#logo {	margin:0 auto; width:100%; }
#logo img {	margin:0px 0 0 0; width:100%; }

.header_ads { display:none; margin:10px 0 10px 0; width:100%; }
.header_ads img { width:100%; }

.just_categories ul { list-style-type:none; margin:0 0 0 0; padding:0px; }
.just_categories ul li { float:none; width:100%; margin:0 0 10px 0; padding:5px; }
.just_categories ul li ul li { width:100%; float:none; margin:0 0 5px 0; padding:5px; }

.categories_with_sites ul li { background:#f2f2f2; border:1px solid #cccccc; float:none; width:100%; margin:0 0 10px 0px; padding:5px; }
.categories_with_sites ul li ul li { width:100%; float:none; margin:0 0 5px 0px; padding:5px; }

.top_ads img { border:none; width:100%; }
}