/*-----------------------------------------------------------------------------------

    Template Name: Hoper
    Template URI: http://usdtheme.com
    Description: This is html5 template
    Author: usdtheme
    Author URI: http://usdtheme.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header Area 
    2.1. Header Bottom 
    2.2. Sticky Menu 
    3. About Area 
    4. Feature Area 
    5. Portfolio Area
    6. Testimonial Area 
    7. Blog Area
    8. Add Area
    9. Contact Area 
    10. Footer Area
    11. Blog Details

-----------------------------------------------------------------------------------*/

/* Google Fonts */

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700');

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {
	height: 100%;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.alignleft {
	float:left;
	margin-right:15px;
	margin-bottom: 15px;
}
.alignright {
	float:right;
	margin-left:15px;
	margin-bottom: 15px;
}
.aligncenter {
	display:block;
	margin:0 auto 15px;
}
a:focus {
	outline:0px solid;
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
img {
	max-width:100%;
	height:auto;
}
.fix {
	overflow:hidden;
}
p {
  margin:0 0 15px;
  color: #444;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	margin: 0 0 10px;
	color: #444;
}
 a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
}
a:hover {
	color: #252525;
	text-decoration: none;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
#scrollUp {
	background: #000 none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 2px;
	bottom: 15px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	color: #fff;
	font-size: 20px;
	height: 34px;
	line-height: 31px;
	opacity: 0.6;
	right: 15px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 34px;
	z-index: 99999 !important;
}
#scrollUp:hover {
	background: #252525;
	opacity: 1;
	border: 1px solid #252525;
}
header {
	position: static;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.clear{
	clear:both;
}
div#preloader {
	background: #fff url('img/logo/preloader.gif') no-repeat center center;
	position: fixed; 
    left: 0; 
	top: 0;
	z-index: 99999; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
}
body {
	background: #fff none repeat scroll 0 0;
	color: #999999;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	text-align: left;
	overflow-x: hidden;
	line-height: 22px;
}
::-moz-selection {
	background: #fff;
	text-shadow: none;
}
::selection {
	background: #fff;
	text-shadow: none;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
.area-padding {
  padding: 70px 0;
}
.section-head h3 {
	color: #444;
	display: inline-block;
	font-size: 36px;
	font-weight: 600;
	margin-bottom: 20px;
}
.section-head.section-2> h3 {
  color: #444;
}
/*--------------------------------*/
/*  2. Header Area
/*--------------------------------*/
header {
	background-attachment: fixed;
	background-image: url("img/background/bg1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.navbar-header a.navbar-brand {
	display: inline-block;
	padding: 20px 0;
	height: 80px;
}
.main-menu ul.navbar-nav li {
	display: inline-block;
	padding: 0px 18px;
}
.main-menu ul.navbar-nav li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	padding: 29px 0;
	text-transform: capitalize;
}
.main-menu ul.navbar-nav li.active a::after {
	border: 1px solid #fff;
	bottom: 37px;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.main-menu ul.navbar-nav li.active a:hover {
	background: none;
	color:#f8f8f8; 
}
.main-menu ul.navbar-nav li.active a:focus {
	color: #fff;
}
.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #f8f8f8;
	position: relative;
}
.main-menu ul.navbar-nav li a:hover {
  color:#f8f8f8;
}
.navbar {
	border: medium none;
	margin-bottom: 0;
}
.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.main-menu ul.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background: none;
	color:#252525;
}
.navbar-default .navbar-toggle {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
	padding: 25px 0px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #fff;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
  background: none;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}
/*--------------------------------*/
/*  2.1.Header Bottom Area
/*--------------------------------*/
.helo {
	color: #fff;
	font-size: 24px;
}
.header-bottom h1 {
	color: #fff;
	font-size: 60px;
	font-weight: 700;
	letter-spacing: 2px;
	margin-bottom: 20px;
	}
.header-bottom h2{
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	margin: 0;
}
.header-icons li {
    display: inline-block;
}
.header-icons li a i {
    color: #ddd;
    font-size: 16px;
    padding: 0 10px;
	transition: all 0.5s ease 0s;
}
.header-icons li a i:hover {
  color: #fff;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}
header .container {
  display: table;
  height: 100%;
}
header .row {
  display: table-cell;
  vertical-align: middle;
}
.header-overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}
.header-area{
  left: 0;
  margin: 0 auto;
  max-width: 100%;
  position: fixed !important;
  right: 0;
  top: 0;
  z-index: 9999;
}
.logo {
  height: 40px;
  padding: 20px 0;
}
.logo a {
  display: inline-block;
  margin-top: 8px;
}
.sticky-logo > img {
  display: none;
}
/*--------------------------------*/
/* 2.2. Stick menu
/*--------------------------------*/
.stick .navbar-header a.navbar-brand {
  display: inline-block;
  padding: 18px 0;
  height: 50px;
}
.stick .navbar-brand > img {
  display: none;
}
.stick .navbar-brand.sticky-logo > img {
  display: block;
}
.stick .main-menu ul.nav > li > a {
  color: #444;
  font-size: 15px;
  line-height: 22px;
  padding: 30px 0;
  text-transform: capitalize;
}
.stick .main-menu ul.navbar-nav li.active a::after {
border: 1px solid #252525;
  bottom: 40px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.stick .main-menu ul.nav > li > a:hover {
  color:#252525;
}
.stick .main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #252525;
  position: relative;
}
.stick .mainmenu ul#nav >li:hover>a,
.stick .mainmenu ul#nav li .mega-menu,
.stick .mainmenu ul#nav li ul.sub-menu{
  background-color: #f5f5f5;
  color: #252525;
  outline: medium none;
}
.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover,
.mainmenu ul#nav li .mega-menu span>a:hover,
.stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover{
  color:#252525;
}
.stick .logo {
  height: 20px;
}
.stick .logo a{margin-top:0px}
.header-area.stick {
  background: #fff none repeat scroll 0 0;
  box-shadow: 2px 2px 20px #ccc;
  height: 80px;
}
.stick .navbar-default .navbar-toggle .icon-bar {
  background-color: #444;
  width: 30px;
  height: 2px;
}
.stick .navbar-default .navbar-toggle {
  padding: 10px 0px;
}
/*--------------------------------*/
/*  3.About Area
/*--------------------------------*/
.section-head {
  display: block;
  margin-bottom: 40px;
}
.section-head > p {
  font-size: 16px;
  letter-spacing: 1px;
}
.self-img > a {
  display: block;
  overflow: hidden;
}
.self-btn {
  margin-top: 50px;
}
.add-btn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 50px;
  color: #444;
  display: inline-block;
  font-size: 19px;
  letter-spacing: 1px;
  margin-top: 0;
  padding: 14px 30px;
  text-transform: capitalize;
}
.add-btn:focus {
  color: #252525;
  text-decoration: none;
}
.add-btn:hover {
  background:#252525;
  border: 1px solid #252525;
  color: #fff;
}
.add-btn.left-btn {
  margin-right: 15px;
}
.self-head {
  margin: 30px 0;
}
.self-head > p {
  letter-spacing: 1px;
}
/*--------------------------------*/
/* 4.Feature Area
/*--------------------------------*/
.feature-area {
  background: #f8f8f8 none repeat scroll 0 0;
  display: block;
  overflow: hidden;
}
.row.second-row {
  margin-top: 40px;
}
.about-icon {
  border: 1px solid #444;
  border-radius: 5px;
  color: #444;
  display: inline-block;
  font-size: 24px;
  height: 50px;
  line-height: 53px;
  margin-bottom: 30px;
  text-align: center;
  width: 50px;
  transition: 0.4s;
}
.single-about > h4 {
  color: #444;
  font-size: 20px;
}
.single-about > p {
  color: #444;
}
.single-about {
  padding: 0 12px;
}
.single-about:hover .about-icon {
  background: #252525 none repeat scroll 0 0;
  border: 1px solid #252525;
  color: #fff;
  transition: 0.4s;
  margin-bottom: 35px;
  margin-top: -5px;
}
.single-about:hover h4 {
  color: #252525;
}
.second-row .single-about > p {
  margin-bottom: 0;
}
/*----------------------------------------
 5.Portfolio Area Css
----------------------------------------*/
.pst-content {
  padding-left: 10px;
}
.project-menu {
  margin-bottom: 40px;
  text-align: center;
}
.project-menu li {
    display: inline-block;
}
.project-menu li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #444;
  border-radius: 20px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0 4px;
  padding: 8px 17px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.project-menu li a.active,
.project-menu li a:hover{
    border-color: #252525;
    background: #252525;
    color: #fff;
    text-decoration: none;
}
.portfolio-2 .single-awesome-project {
  float: left;
  overflow: hidden;
  width: 33.34%;
  padding: 15px;
}
.portfolio-3 .single-awesome-project {
  float: left;
  overflow: hidden;
  width: 25%;
}
.single-awesome-portfolio {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 25%;
  position: relative;
}
.single-awesome-project {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 33.34%;
}
.first-item {
  margin-bottom: 30px;
}
.awesome-img{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.awesome-img > a {
  display: block;
  position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
	opacity: 1;
}
.single-awesome-project:hover .add-actions{
	opacity: 1;
    bottom: 0;
}
.awesome-img > a::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: 0.4s;
}
.add-actions {
  bottom: 100px;
  display: block;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 100%;
  background: rgba(0,0,0,0.80);
}
.project-dec {
  display: inline-block;
  float: left;
  padding: 15px 0;
}
.project-dec h5 {
  margin-bottom: 5px;
}
.project-dec h5 a:hover {
	color: #fff;
}
.project-dec h5 a {
  color: #ddd;
  font-size: 18px;
  text-decoration: none;
  text-transform: capitalize;
}
.project-dec span {
  color: #ddd;
  font-size: 13px;
}
.project-action-btn {
  float: right;
  padding: 19px 0;
  text-align: center;
  transition: all 1s ease 0s;
}
.project-action-btn li {
  display: inline-block;
  margin: 0 2px;
}
.project-action-btn li a i:hover {
	border: 1px solid #fff;
	color: #252525;
	background: #fff;
}
.project-action-btn li a i {
  border: 1px solid #ddd;
  border-radius: 5px;
  color: #ddd;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  transition: all 0.4s ease 0s;
  width: 40px;
}
/*----------------------------------------
 6.Testimonial Area Css
----------------------------------------*/
.testimonials-area {
  background: rgba(0, 0, 0, 0) url("img/background/bg1.jpg") no-repeat fixed center top / cover ;
  height: auto;
  width: 100%;
}
.testi-inner{
	position: relative;
	width: 100%;
	height:auto;
	z-index: 1;
}
.testi-overly {
  background: rgba(0, 0, 0,0.70) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.quate {
  border: 1px dotted #fff;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  width: 70px;
}
.quate:hover {
  color: #252525;
}
.testi-img img {
  border: 1px dotted rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  height: 80px;
  margin: 0 auto;
  padding: 5px;
  transition: background 0.6s ease-out 0s;
  width: 80px !important;
}
.testi-text p {
  color: #ddd;
  font-size: 16px;
  line-height: 1.5em;
  margin: 20px 0;
  letter-spacing: 1px;
}
.testi-text h6 {
  color: #fff;
  font-size: 20px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot > span {
  background: #ddd none repeat scroll 0 0;
  display: inline-block;
  height: 2px;
  width: 50px;
   -moz-transition:0.4s;
  -webkit-transition:0.4s;
  -o-transition:0.4s;
  -ms-transition:0.4s;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots {
  display: block;
  left: -15%;
  position: absolute;
  text-align: left;
  top: 0;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot {
  display: block;
  margin: 0 7px;
}
.testimonial-carousel.owl-carousel.owl-theme .owl-controls .owl-dots div.owl-dot.active span {
  background: #fff none repeat scroll 0 0;
  left: 0;
  width: 70px;
}
.testi-text.text-center > h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.guest-rev {
    color: #ddd;
    font-size: 16px;
}
.guest-rev > a {
    color: #252525;
    font-size: 14px;
}
/*--------------------------------*/
/*  7.Blog Area
/*--------------------------------*/
.blog-area {
  height: auto;
  width: 100%;
}
.blog-inner{
	position: relative;
	width: 100%;
	height:auto;
	z-index: 1;
}
.blog-overly {
  background: rgba(255,255,255,1) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.blog-text h4 a {
  color: #444;
  text-decoration: none;
}
.blog-text h4 {
  margin-bottom: 10px;
}
.blog-btn {
  border: 1px solid #444;
  color: #444;
  display: inline-block;
  font-size: 16px;
  padding: 7px 20px;
  position: relative;
  text-decoration: none;
}
.blog-btn:hover {
  text-decoration: none;
}
.blog_meta span.date_type i {
	margin-left: 5px;
}
.blog-meta span.comments-type {
	margin-left: 5px;
}
.blog-meta span i {
  padding-right: 10px;
}
.blog-content .blog-meta {
  border-bottom: 1px solid #444;
}
.blog-meta {
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  padding: 10px 0;
}
.comments-type > a, .date-type,
.blog-meta span.comments-type {
  color: #444;
  letter-spacing: 1px;
}
.blog-content-right .comments-type > a,
.blog-content-right .date-type,
.blog-content-right .blog-meta span.comments-type,
.blog-content-right .blog-text p {
  color: #fff;
  letter-spacing: 1px;
}
/*--------------------------------*/
/* 8.Add Area
/*--------------------------------*/
.add-area {
  background: url(img/background/bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  position: relative;
}
.add-text {
  padding: 80px 0px;
  display: block;
  overflow: hidden;
}
.add-content h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 0;
  line-height: 64px;
}
.add-button .add-btn {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 0;
  padding: 18px 40px;
  text-transform: capitalize;
}
.add-button .add-btn:focus {
  color: #fff;
  text-decoration: none;
}
.add-btn:hover {
  background:#252525;
  border: 1px solid #252525;
  color: #fff;
}
/*----------------------------------------*/
/*  9.	Contact Us  CSS
/*----------------------------------------*/
.contact-page-area {
    background: #f1f1f1 none repeat scroll 0 0;
    padding: 50px 0 70px;
}
.contact-info {
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
}
.contact-info h3, .contact-form h3 {
	border-bottom: 1px solid #c2c2c2 !important;
	color: #444;
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
	padding-bottom: 8px;
	text-transform: uppercase;
	line-height: 20px;
}
.contact-info h3:before{
	content: "\f007";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
	vertical-align: text-bottom;
}
.contact-info ul li{
	border-bottom: 1px solid #e8e8e9;
	float: left;
	font-size: 12px;
	line-height: 40px;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.contact-info ul li i{
	font-size: 16px;
	margin-right: 5px;
	width: 20px;
}
.contact-info ul li a:hover {
	text-decoration: underline;
}
.contact-info ul li a {
	color: #252525;
}
.contact-form h3 {
	margin-bottom: 30px;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 45px;
	margin-bottom: 30px;
	padding-left: 20px;
	width: 100%;
}
.contact-form textarea#message {
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 180px;
	padding: 20px;
	width: 100%;
}
.contact-form input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #444;
	border-radius: 0;
	color: #444;
	font-size: 14px;
	font-weight: 700;
	margin-top: 16px;
	padding: 11px 24px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
}
.contact-form input[type=submit]:hover{
    color:#fff;
    border: 1px solid #252525;
    background:#252525;
}
.left-contact {
    background: #eee none repeat scroll 0 0;
    padding: 0 20px 20px;
}
.left-cont-info ul li {
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 15px 0;
}
.left-cont-info ul li a {
    color: #444;
}
.left-cont-info ul li a i {
    color: #252525;
    font-size: 16px;
    margin-right: 10px;
}
.left-side-icons ul li {
	display: inline-block;
	margin-right: 5px;
	margin-top: 20px;
}
.left-side-icons ul li a {
	border: 1px solid #ccc;
	color: #444;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}
.left-side-icons ul li a:hover {
	border: 1px solid #252525;
	color: #fff;
	background-color: #252525;
}
.add-btn.contact-btn {
	border: 1px solid #444;
	color: #444;
	font-size: 20px;
	margin-top: 30px;
}
.add-btn.contact-btn:hover {
	background: #252525 none repeat scroll 0 0;
	border: 1px solid #252525;
	color: #fff;
}
/*----------------------------------------
  10.Footer css
----------------------------------------*/
.footer-area.text-center {
	background: #010101 none repeat scroll 0 0;
	box-shadow: 1px 1px 20px #f1f1f1;
	padding: 60px 0;
}
.footer-icons ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer-icons ul li {
    display: inline-block;
    margin: 10px;
}
.footer-icons ul li a {
	color: #fff;
	font-size: 18px;
}
.copyright.text-center a {
	color: #000;
}
.copyright.text-center > p {
	color: #ddd;
}
.copyright.text-center a {
	color: #fff;
}
/*----------------------------------------*/
/*  11.	Blog Details css
/*----------------------------------------*/
.blog-content.blog-details-content {
	padding: 100px 100px 55px;
}
.blog-page .banner-box {
	margin-bottom: 40px;
}
.left-blog h4 {
  border-bottom: 1px solid #ddd;
  color: #444;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 0;
  padding: 0px 10px 15px 0;
  text-transform: uppercase;
}
.left-blog {
	margin-bottom: 30px;
	overflow: hidden;
}
.left-blog li {
    border-bottom: 1px solid #ddd;
    display: block;
}
.left-blog ul li a {
	color: #444;
	display: block;
	font-size: 14px;
	padding: 10px 0px;
	text-transform: capitalize;
}
.left-blog ul li a:hover {
	color: #252525;
}
.recent-single-post {
	border-bottom: 1px solid #ddd;
	display: block;
	overflow: hidden;
	padding: 15px 10px 15px 0;
}
.post-img {
	display: inline-block;
	float: left;
	padding: 0 7px 0 0;
	width: 35%;
}
.pst-content {
	display: inline-block;
	float: left;
	width: 65%;
}
.pst-content p a:hover,
.left-blog ul li a:hover {
	color: #252525;
}
.pst-content p a {
	color: #444;
	font-size: 15px;
}
.blog-tags {
	padding: 1px 0;
}
.left-blog li:last-child {
	border-bottom: 0 ;
}
.popular-tag.left-blog ul li a:hover{
	color: #fff;
}
.popular-tag.left-side-tags.left-blog ul {
	padding: 0 10px 0 0;
}
.blog-1 .banner-box {
	margin-bottom: 30px;
}
.left-tags .left-side-tags ul li {
    border-bottom:0;
}
.left-tags .left-side-tags ul li a {
	padding: 6px 10px;
}
.left-side-tags h4 {
	margin-bottom: 15px;
}
.popular-tag.left-side-tags.left-blog li:hover {
	color: #252525;
	background-color: #252525;
	border: 1px solid #252525;
}
.popular-tag.left-side-tags.left-blog li {
	border: 1px solid #444;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
}
/* sidebar end */
.post-information h2 {
    color: #444;
    font-size: 22px;
    text-transform: uppercase;
}
.post-information {
    padding: 20px 0;
}
.post-information .entry-meta span a {
    color: #444;
    display: inline-block;
    padding: 10px 0;
}
.entry-meta span a:hover {
	color: #252525;
}
.post-information .entry-meta {
	border-bottom: 1px solid #444;
	margin: 20px 0;
}
.post-information .entry-meta span i {
    padding: 0 10px;
}
.entry-content > p {
    color: #444;
}
.entry-meta > span {
	color: #444;
}
.entry-content blockquote {
	border-left: 2px solid #252525;
	font-size: 17.5px;
	font-style: italic;
	margin: 0 0 20px 40px;
	padding: 22px 20px;
}
.entry-content blockquote p{
	color: #252525;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus, 
.pagination > li > span:focus {
	background-color: transparent;
	border-color: #252525;
	border-style: solid;
	color: #252525;
	cursor: default;
	z-index: 3;
}
.social-sharing {
    background: #444 none repeat scroll 0 0;
    border: 1px solid #444;
    display: block;
    margin: 30px 0;
}
.social-sharing > h3 {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 20px 10px;
}
.sharing-icon {
    display: inline-block;
    float: right;
    padding: 13px 10px;
}
.sharing-icon a {
    border: 1px solid #444;
    color: #444;
    display: block;
    float: left;
    font-size: 18px;
    height: 34px;
    line-height: 30px;
    margin-left: 10px;
    text-align: center;
    width: 34px;
}
.sharing-icon a:hover {
	color: #252525;
	border: 1px solid #252525;
}
.single-blog .author-avatar {
	float: left;
	margin-right: 10px;
}
.single-blog .author-description h2 {
	font-size: 18px;
	margin: 0;
	padding: 0 0 5px;
}
.author-info {
	background: #444 none repeat scroll 0 0;
	float: left;
	margin: 30px 0;
	padding: 15px;
	width: 100%;
}
.single-post-comments {
	margin-bottom: 20px;
	max-width: 650px;
}
.comments-heading h3,
h3.comment-reply-title {
	border-bottom: 1px solid #444;
	color: #444;
	font-size: 18px;
	margin: 0 0 20px;
	padding: 0 0 5px;
	text-transform: uppercase;
}
.comments-list ul li{
	margin-bottom: 25px;
}
.comments-list-img{
	float: left;
	margin-right: 15px;
}
.comments-content-wrap {
	color: #444;
	font-size: 12px;
	line-height: 1;
	margin: 0 0 15px 80px;
	padding: 10px;
	position: relative;
}
.author-avatar {
	display: inline-block;
	float: left;
	width: 10%;
}
.author-description h2 {
    color: #444;
    font-size: 20px;
    text-transform: uppercase;
}
.author-description h2 a {
    color: #444;
}
.comments-content-wrap span b{
	margin-right:5px
}
span.post-time{
	margin-right:5px
}
.comments-content-wrap p {
	color: #444;
	line-height: 18px;
	margin-bottom: 5px;
	margin-top: 15px;
}
li.threaded-comments{
    margin-left:50px;
}
.comment-respond {
	margin-top: 60px;
}
span.email-notes{
	color: #444;
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}
.comment-respond p {
	color: #444;
	margin-bottom: 5px;
}
.comment-respond input[type="text"],
.comment-respond input[type="email"] {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #444;
	border-radius: 0;
	height: 32px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	width: 100%;
}
.comment-respond textarea#message-box{
	border: 1px solid #444;
	border-radius: 0;
	max-width: 100%;
	padding: 10px;height: 130px;
	width: 100%;
	background: transparent none repeat scroll 0 0;
}
.comment-respond input[type="submit"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 1px solid #444;
	border-radius: 0;
	box-shadow: none;
	color: #444;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	height: 40px;
	line-height: 14px;
	margin-top: 20px;
	padding: 10px 15px;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	border-radius: 10px;
}
.comments-content-wrap span a {
    color: #444;
}
.comments-content-wrap span a:hover {color: #252525;}

.comment-respond input[type=submit]:hover{
    border:1px solid #252525;
    color: #fff;
    background: #252525;
}
.single-blog .blog-pagination {
	border-top: 1px solid #444;
	margin:0;
	padding-top:30px;
}
.pagination > li > a, .pagination > li > span {
	background-color: transparent;
	border: 1px solid #444;
	color: #444;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}
.pagination {
	border-radius: 4px;
	display: inline-block;
	margin: 20px 0 0;
	padding-left: 0;
}
.search-option input {
	border: 1px solid #444;
	border-radius: 5px;
	margin-bottom: 39px;
	padding: 8px 15px;
	width: 70%;
}
.search-option button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #444;
	border-radius: 5px;
	font-size: 20px;
	height: 42px;
	padding: 5px 10px 8px;
	width: 25%;
}
.search-option button:hover {
	background: #252525 none repeat scroll 0 0;
	border: 1px solid #252525;
	color: #fff;
}
/*----------------------------------------
 .End CSS
----------------------------------------*/