@charset "utf-8";
* { outline:0 !important; box-sizing:border-box; }
body { margin:0; padding:0; background:#F4F4F4 !important}
ul { margin:0; padding:0; }
a { text-decoration:none; }
a:hover, a:focus { text-decoration:none; }
h1,h2,h3,h4,h5,h6 { padding:0; margin:0; }
p span { line-height:141% !important }
.no-gutter { margin-right:0; margin-left:0; padding-right:0; padding-left:0; }
.alert_msg h1 { font-size:65px; font-weight:bold; color:#a5a5a5; padding:194px 0; }
/*tahir-css*/
.posted-comments {border-top:1px dotted #dcdcdc}
.posted-comments .user_comments .user_date {font-size:14px; color:#3f3f3f}
.posted-comments h3 {color:#3F3F3F;font-family:robotoSlab-regular;font-size:18px;padding:20px 0px;}
.posted-comments .user_comments .right-side-txt {font-family:robotoSlab-light}
.posted-comments .user_comments p {font-size:14px;padding-top:5px; color:#666; line-height:30px}
.posted-comments .user_comments h2 {font-size:16px; padding:10px 0px; padding-bottom:0px; color:#3f3f3f; font-family:robotoSlab-regular}
.posted-comments .user_comments { background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    padding: 16px 0;
}
.user_comments .user_img {padding: 2px}
.user_comments .user_img  .fa {color: rgb(238, 238, 238); font-size: 40pt; padding: 4px;}
@font-face {font-family:robotoSlab-thin;src:url(../fonts/roboto-fonts/RobotoSlab-Thin.ttf);}
@font-face {font-family:robotoSlab-regular;src:url(../fonts/roboto-fonts/RobotoSlab-Regular.ttf);}
@font-face {font-family:robotoSlab-light;src:url(../fonts/roboto-fonts/RobotoSlab-Light.ttf);}
@font-face {font-family:robotoSlab-bold;src:url(../fonts/roboto-fonts/RobotoSlab-Bold.ttf);}

.lefthumbs a h2 {
    color: #222;
    font-family:robotoSlab-regular;
    font-size: 26px;
    letter-spacing: 0;
    line-height: 30px;
    padding: 0 0 10px;
}
.lefthumbs > p { font-size:19px; color:#333333; margin:0; font-family:robotoSlab-light; padding-bottom:10px}
.thumbs:hover h2 {color:#43b649}

.eyada_top_strip {background:#222; padding:10px}
.eyada_menu {background:#333}



/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss:hover {
	background-color: #F56505;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoVimeo:hover {
	background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width:32px;
	height:30px;
	font-size:20px;
}
.social-circle li i {
	margin:0;
	line-height:30px;
	text-align: center;
}
.eyada_soical_icons {padding-left:0px}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}


/*end-tahir-css*/
header { background-color:#0030FF; }
header .container { padding-top:20px; padding-bottom:20px; }
.logo img {  max-width:100%; }

.btn-custom { background-color:#43B649; color:#fff; transition:all 0.5s; }
.btn-custom:hover, .btn-custom:focus { color:#fff; background-color:#269d2c; }

nav { background-color:#333; position:relative; z-index:10; }
.navbar-nav > li > a { color:#fff; transition:all 0.5s; padding-top:20px; padding-bottom:20px; font-size:15px; }
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color:#fff; background-color:#269d2c; }
.navbar-toggle .icon-bar { border:1px solid #fff; }
section { background-color:#F4F4F4; }
section .container {min-height:500px;/* -webkit-box-shadow:0px 0px 15px -1px rgba(0,0,0,0.75); -moz-box-shadow:0px 0px 15px -1px rgba(0,0,0,0.75); box-shadow:0px 0px 15px -1px rgba(0,0,0,0.75);*/ }
.headings { font-size:20px; padding:12px; background-color:#303443; color:#fff; text-transform:uppercase; margin-top:30px; }
.thumbs { padding:20px; border-bottom:solid 1px #CCC; margin-right:0; margin-left:0; background:#fff; margin-bottom:15px; box-shadow:0 1px 5px rgba(0, 0, 0, 0.1); transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s; margin-top:20px}
.thumbs:hover {box-shadow:0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)}


.dated {font-size:12pt;color:#504F51; font-family:robotoSlab-light; color:#111; padding-bottom:8px}
.views { padding-bottom:8px; font-size:14px; color:red;  font-family:robotoSlab-bold}

.grouped-area { margin:30px 0 0; }
a.list-group-item { background-color:#303443; border:1px solid #fff; color:#fff; transition:all 0.5s; }
a.list-group-item:hover, .list-group-item:focus { background-color:#43B649; border:1px solid #fff; color:#fff; }
.detail-heading {color:#111; font-size:40pt; padding-bottom:10px; font-family:robotoSlab-light; font-weight:300; padding-top:15px}

.pagination>li>a, .pagination>li>span { padding:10px 12px; border:1px solid #fff; background-color:#303443; color:#fff; transition:all 0.5s; }
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, 
.pagination>.disabled>span, .pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover { border:1px solid #fff; background-color:#43B649; color:#fff; }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#fff; background-color:#43B649; border:1px solid #fff; }

blockquote b { font-size:14px; font-style:italic; font-weight:bold; }
blockquote p { font-size:15px; font-style:italic; font-weight:normal; }


#CommentsForm .form-control {border-radius:0px;   border: 1px solid #dcdcdc;
    height: 45px;
    padding: 0 14px;
    width:65%; box-shadow:none}
#CommentsForm .form-control:focus {border-color:#333 !important}
#CommentsForm .form-group label {font-weight:normal; color:#777; font-size:13px; font-family:robotoSlab-light}

/*.comment-section input[type="text"] { border:1px solid #ccc; background:none; color:#aaa; font-size:1.2em; padding:0.7em 1em; width:100%; -webkit-appearance:none; }*/
.comment-section textarea { border:1px solid #ccc; background:#fff; color:#aaa; font-size:1.2em; padding:0.7em 1em; width:100%; -webkit-appearance:none; resize:none; min-height:6em; }
.comment-section h3 { color: #3f3f3f;
    font-family: robotoSlab-regular;
    font-size: 18px;
    padding: 20px 0;}
.alert-border-all {padding:5px 7px 0; }
.error { width:100%; padding:5px 10px; color:#fff; background-color:red; }
.blog-detail {
    font-family: robotoSlab-light;
    font-size: 13pt;
    padding-bottom: 15px;
	color:#343434
}
.blog-detail img { max-width:100%; }

footer { background-color:#43B649; border-top:4px solid #222; }
footer .list-inline { padding:20px 0; }
footer .list-inline a { color:#fff; }
footer .list-inline a:hover, footer .list-inline a:focus { color:#0030FF; text-decoration:none; }





button{
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}

button:focus {
  outline: none !important;
}
.btn {
  border-radius: 2px;
  border: 0;
  transition: .2s ease-out;
  color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  font-size:15px !important
}

.btn:hover {
  color: #fff;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn:active, .btn:focus, .btn.active {
  outline: 0;
  color: #fff;
}

/*Primary*/
.btn-primary {
  background: #4285F4;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #5a95f5 !important;
}

.btn-primary.active {
  background-color: #0b51c5 !important;
}
/*Secondary*/
.btn-secondary {
 background: #00C851;
}
.btn-secondary:hover, .btn-secondary:focus {
 background-color: #00d255 !important;
  color: #fff;
}
.btn-secondary.active {
  background-color: #773399 !important;
}
.btn-secondary.active:hover {
  color: #fff;
}
.btn-secondary.active:focus {
  color: #fff;
}

/*Default*/
.btn-default {
  background: #2BBBAD;
}
.btn-default:hover, .btn-default:focus {
  background-color: #30cfc0 !important;
}
.btn-default.active {
  background-color: #186860 !important;
}

/*Success*/
.btn-success {
  background: #00C851;
}
.btn-success:hover, .btn-success:focus {
  background-color: #00d255 !important;
}
.btn-success.active {
  background-color: #006228 !important;
}

/*Info*/
.btn-info {
  background: #33b5e5;
}
.btn-info:hover, .btn-info:focus {
  background-color: #4abde8 !important;
}
.btn-info.active {
  background-color: #14799e !important;
}

/*Warning*/
.btn-warning {
  background: #FF8800;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #ff961f !important;
}
.btn-warning.active {
  background-color: #cc8800 !important;
}

/*Danger*/
.btn-danger {
  background: #CC0000;
}
.btn-danger:hover, .btn-danger:focus {
  background-color: #db0000 !important;
}
.btn-danger.active {
  background-color: maroon !important;
}

/*Link*/
.btn-link {
  background-color: transparent;
  color: #000;
}
.btn-link:hover, .btn-link:focus {
  background-color: transparent;
  color: #000;
}

/*--MinimumWidths--*/
@media only screen and (min-width : 320px) {

}
@media only screen and (min-width : 480px) {

}
@media only screen and (min-width : 768px) {
.grouped-area { margin:30px 0; }
.search-for { padding-top:26px; }
}
@media only screen and (min-width : 992px) {
.search-for { padding-top:42px; }
}
@media only screen and (min-width : 1200px) {
}
/*--//MinimunWidths--*/
/*--MaximumWidths--*/
@media only screen and (max-width : 1200px) {

}
@media only screen and (max-width : 992px) {
.navbar-nav > li > a { font-size:14px; padding:20px 10px; }
}
@media only screen and (max-width : 768px) {
.logo img { margin-right:auto; margin-left:auto; display:block; }
.search-for { padding-top:20px; }
.lefthumbs a h2 { padding-top:10px; }
}
@media only screen and (max-width : 480px) {

}
@media only screen and (max-width : 320px) {
    
}
/*--//MaximumWidths--*/