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

    Theme Name: Hoper
    Theme URI: http://hopper.rockstheme.com
    Description: This is a porfolio based WordPress theme
    Author: centurycoding
    Author URI: http://www.rockstheme.com
    Version: 1.3
	Text Domain: hoper
	License: Private
	License URI: http://hopper.rockstheme.com
	Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
-----------------------------------------------------------------------------------
    
    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

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

/*----------------------------------------*/
/*  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;
}
table {
    border: 1px solid #ddd;
	margin-bottom: 15px;
}
td, th {
    padding: 5px 10px;
    border: 1px solid #ddd;
}
p {
  margin:0 0 15px;
  color: #444;
}
body > p{
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
	margin: 0 0 10px;
	color: #444;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-weight: 600;
}
a {
	transition: all 0.3s ease 0s;
	text-decoration:none;
	color: #444;
}
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: #444;
	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
/*--------------------------------*/
.navbar-header a.navbar-brand {
	display: inline-block;
	padding: 20px 0;
	height: 80px;
}
.main-menu ul.navbar-nav > li.current-menu-item > a::after,
.main-menu ul.navbar-nav > li.active > a::after {
	border: 1px solid #fff;
	top: 48%;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.stick .main-menu ul.navbar-nav > li.current-menu-item > a::after,
.stick .main-menu ul.navbar-nav > li.active > a::after{
	border-color: #444;
}

/*.main-menu ul.navbar-nav li.active a:hover {
	background: none;
	color:#f8f8f8; 
}
.main-menu ul.navbar-nav li.active a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #f8f8f8;
	position: relative;
}*/
.navbar {
	border: medium none;
	margin-bottom: 0;
}
.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
	background-color: transparent;
}
.main-menu ul.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
	background: none;
	color:#252525;
}
.page-template-template-home .navbar-default .navbar-nav > .active > a:hover{
	color: #fff;
}
.page-template-template-home .stick .navbar-default .navbar-nav > .active > a:hover{
	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-toggle .icon-bar {
	background-color: #fff;
	width: 30px;
	height: 2px;
}
.navbar-default .inner-page-menu-loc .navbar-toggle .icon-bar {
	background-color: #444;
}
.navbar-default .navbar-nav>.active>a{
	background:none;
}
/*--------------------------------*/
/*  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: static;
  right: 0;
  top: 0;
  z-index: 9999;
}
.page-template-template-home .header-area
{
	position: fixed;
}
.disable-hoper-sticky-header.page-template-template-home .header-area{
	position: absolute;
}
body.admin-bar .header-area{
    top: 32px;
}
.default-header #sticker{
	box-shadow: 2px 2px 20px #ccc;
}

@media (max-width: 767px){
.header-area.has-admin-bar.stick{
    top: 0px;
}
}
.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;
}
.nav > ul > li,
.main-menu ul.nav > li{
    display: inline-block;
    position: relative;
}
.navbar-default .nav > ul > li > a,
.navbar-default .main-menu ul.nav > li > a {
  color: #444;
  font-size: 15px;
  line-height: 22px;
  padding: 30px 7.5px;
  text-transform: capitalize;
  display: inline-block;
  margin-left: 7.5px;
  margin-right: 7.5px;
}


.main-menu ul.navbar-nav > li.current-menu-item > a::after {
	border: none;
	border-top: 2px solid #252525;
  top: 48%;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}
.page-template-template-home .main-menu ul.navbar-nav > li.current-menu-item > a::after{
	border-color: #fff;
}
.page-template-template-home .stick .main-menu ul.navbar-nav > li.current-menu-item > a::after{
	border-color: #252525;
}

.nav ul > li > a:hover,
.main-menu ul.nav > li > a:hover {
  color:#252525;
}
.navbar-default .navbar-nav>.active>a:focus{
	background:none;
}

.main-menu ul.navbar-nav li.current-menu-item > a {
  background: none;
  color: #252525;
  position: relative;
}
.nav ul > li:hover > a,
.mainmenu ul#nav > li:hover > a{
	color: #252525;
	outline: medium none;
}
.mainmenu ul#nav li .mega-menu,
.mainmenu ul#nav li ul.sub-menu{
  background-color: #f5f5f5;
  color: #252525;
  outline: medium none;
}
.mainmenu ul#nav li:hover ul.sub-menu li a:hover,
.mainmenu ul#nav li .mega-menu span>a:hover,
.mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover{
  color:#252525;
}
.page-template-template-home .nav > ul > li > a,
.page-template-template-home .main-menu ul.nav > li > a{
	color: #fff;
}
.page-template-template-home .stick .nav > ul > li > a,
.page-template-template-home .stick .main-menu ul.nav > li > a{
	color: #444;
}


.main-menu ul.nav > li,
.nav ul > li{
	position: relative;
	float: left;
}
.nav .sub-menu,
.nav .children{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s ease-in;
	background: #fff;
	box-shadow: 2px 2px 20px #ccc;
	min-width: 200px;
}
.nav .sub-menu .sub-menu,
.nav .children .children{
	left: auto;
	top: 0;
	right: 100%;
}
.main-menu ul.nav li:hover > .sub-menu,
.nav ul li:hover  > .children{
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
.main-menu ul.nav .sub-menu li,
.nav .children li{
	float:none;
}
.main-menu ul.nav .sub-menu a,
.nav .children a {
    display: block;
    padding: 5px 15px;
}

.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;
  min-height: 80px;
  position: fixed;
}
.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;
}
.contact-form input[type="submit"],
.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;
}
.about-area{
	margin-top: 30px;
	margin-bottom: 30px;
}

/*----------------------------------------
 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: 30px;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin: 0 4px;
  padding: 10px 17px 8px;
  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;
}
.left-blog .add-btn:hover,
.add-btn:hover {
  background:#252525;
  border: 1px solid #252525;
  color: #fff !important;
}
/*----------------------------------------*/
/*  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;
	padding-left: 20px;
	width: 100%;
}
.contact-form .wpcf7-form-control-wrap{
	margin-bottom: 30px;
	display: inherit;
}
.contact-form textarea#message,
.contact-form textarea,
.wrap-forms textarea
 {
	border: 1px solid #ccc;
	border-radius: 10px;
	height: 180px;
	padding: 20px;
	width: 100%;
}
.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;
}
.contact-form input[type="submit"],
.add-btn.contact-btn {
	border: 1px solid #444;
	color: #444;
	font-size: 20px;
	margin-top: 30px;
}
.contact-form input[type="submit"]:hover,
.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: 600;
  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{
	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;
}
.left-blog .tagcloud{
	margin-top: 15px;
}
.left-blog button{
	transition: all 0.3s ease 0s;
}
.page-404 input.search-field,
.left-blog input,
.left-blog button,
.left-blog select,
.left-blog .tagcloud a,
.popular-tag.left-side-tags.left-blog li {
	border: 1px solid #444;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
	padding: 6px 10px;
	font-size: 14px !important;
}
.left-blog button:hover,
.left-blog .tagcloud a:hover,
.popular-tag.left-side-tags.left-blog li:hover {
	color: #fff !important;
	background-color: #252525;
	border: 1px solid #252525;
}
/* 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: 10px 0 20px;
}
.post-information .entry-meta span i {
    padding: 0 3px 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-top: 30px;
	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;
	margin: 0 0 35px 60px;
	padding: 0px;
	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 .comment-content,
.comments-content-wrap p {
	color: #444;
	line-height: normal;
	margin-bottom: 5px;
	margin-top: 5px;
}
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%;
	border-radius: 5px;
}
.comment-respond textarea{
	border: 1px solid #444;
	border-radius: 0;
	max-width: 100%;
	padding: 10px;height: 130px;
	width: 100%;
	background: transparent none repeat scroll 0 0;
	border-radius: 5px;
}
.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 9px;
	text-shadow: none;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	white-space: nowrap;
	border-radius: 5px;
}
.comments-content-wrap span a {
    color: #444;
}
.comments-content-wrap span a:hover {color: #252525;}

.comments-content-wrap span .comment-reply-link{
	border: 1px solid #444;
	background: #fff;
	border-radius: 20px;
	padding: 3px 10px;
	font-size: 11px;
	color: #444;
}
.comments-content-wrap span .comment-reply-link:hover{
	background: #444;
	color: #fff;
	border-color: transparent;
}

.comment-respond input[type=submit]:hover{
    border:1px solid #252525;
    color: #fff;
    background: #252525;
}
.single-blog .pagination {
	border-top: 1px solid #444;
	margin:0;
	padding-top:30px;
}
.pagination  .page-numbers {
	background-color: transparent;
	border: 1px solid #252525;
	color: #252525;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}
.pagination  .page-numbers:hover,
.pagination  .page-numbers.current{
	background: #252525;
	border-color: #252525;
	color: #fff;
}
.pagination  .page-numbers:first-child{
	border-radius: 5px 0 0 5px;
}
.pagination  .page-numbers:last-child{
	border-radius: 0 5px 5px 0;
}


.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;
}
/***** new css *******/
.wrap-forms label{
	display:none;
}
.wrap-forms .field-text, .wrap-forms .field-gap, .wrap-forms .field-textarea, .wrap-forms .field-select, .wrap-forms .field-upload, .wrap-forms .field-date, .wrap-forms .field-time, .wrap-forms .field-multiple, .wrap-forms .field-rating, .wrap-forms .field-table{
	margin-bottom:0;
}

.header-img.cc-section-area .container{
	display: table;
    height: 100%;
}

.header-img.cc-section-area .fw-container,
.header-img.cc-section-area .fw-container-fluid{
	height: 100%;
}
.header-img.cc-section-area .row,
.header-img.cc-section-area .fw-row{
	display: table-cell;
    vertical-align: middle;
}
@media (max-width: 1024px){
.cc-section-area {
	background-size: auto 100% !important;
	background-position: center !important;
}
}

/*----------------------------------------
 .End CSS
----------------------------------------*/
/** blog layout fixings **/

.blog-post-wrapper ul{
	padding-left: 20px;
	list-style-type: initial;
}
.blog-post-wrapper ol{
	padding-left: 20px;
}

.comment-list ul ul,
.comment-list ol ol,
.blog-post-wrapper ul ul,
.blog-post-wrapper ol ol
{
	padding-left: 20px;
}
.comment-list ol ol ol,
.comment-list ul ul ul{
	padding-left: 0;
}
@media all and (max-width: 767px){
.comment-list ol ol,
.comment-list ul ul{
	padding-left: 0;
}
}

.blog-post-wrapper pre{
	white-space: initial;
}
.blog-post-wrapper figure{
	max-width: 100%;
}
.blog-post-wrapper h2,
.blog-post-wrapper h3,
.blog-post-wrapper h4,
.blog-post-wrapper h5,
.page-links{
	clear: left;
}
.comment-list .comment-content ul{
	list-style-type: initial;
}
.comment-list .comment-content ul,
.comment-list .comment-content ol{
	padding-left: 15px;
}
[class*="gallery-columns"] .gallery-item{
	float:left;
	margin-bottom: 15px;
}
[class*="gallery-columns"] .gallery-item,
.gallery-columns-3 .gallery-item{
	width: 33.33333%;
}
[class*="gallery-columns"] .gallery-item:nth-child(3n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1){
	clear: left;
}
.left-blog.widget_nav_menu ul li,
.left-blog.widget_pages ul li{
	padding: 0;
	border:0;
}
.left-blog.widget_nav_menu ul li a,
.left-blog.widget_pages ul li a{
	padding:10px 0;
	display: block;
}
.left-blog.widget_nav_menu ul.menu > li:first-child > ul.sub-menu > li:first-child > a,
.left-blog.widget_nav_menu ul li + li a,
.left-blog.widget_pages ul li + li a{
	border-top:1px solid #ddd;
}
.left-blog .screen-reader-text{
	display:none;
}
.left-blog select,
.left-blog input{
	margin-top: 15px;
	width: 100%;
}
.left-blog table th, .left-blog table td {
    padding: 6px 15px;
    text-align: center;
}
.left-blog table tfoot td{
	text-align: left;
}
.blog-post-wrapper.sticky {
    padding: 15px;
    background: lemonchiffon;
    border: 1px solid #999;
}
.blog-post-wrapper{
	margin-bottom: 15px;
}
.wp-caption{
	max-width: 100%;
}
.wp-caption-text{
	
}
.gallery-caption{
	
}
.bypostauthor{
	
}
span.edit-link {
    display: block;
    clear: left;
}
.post-information h2{
	word-wrap: break-word;
}
.entry-content button,
.entry-content input[type="submit"],
.entry-content input[type="button"],
.entry-content input[type="password"],
.entry-content input[type="text"],
.entry-content input[type="email"]{
	border: 1px solid #444;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 10px;
    font-size: 14px;
	transition: all 0.2s ease-in;
}
.left-blog button,
.entry-content a.more-link,
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="submit"]{
	padding: 5px 25px;
	font-weight: 600;
	color: #fff;
    background-color: #252525;
    border: 2px solid #252525;
}
.left-blog button:hover,
.entry-content a.more-link:hover,
.entry-content button:hover,
.entry-content input[type="submit"]:hover,
.entry-content input[type="button"]:hover{
	color: #444;
    background-color: #ddd;
    border: 2px solid #444;
}
.entry-content a.more-link{
	display:table;
	margin-top: 15px;
	border-radius: 5px;
}


.comments-content-wrap > span {
    line-height: normal;
}
.entry-meta span.author-meta {
    font-weight: 600;
}
.entry-meta span.author-meta + a {
    font-style: italic;
}
.blog-post-wrapper h2 {
    font-size: 28px;
    text-transform: none;
	margin-top: 10px;
}

.cc-section-area{
	position: relative;
}
.cc-section-area .cc_overlay_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.widget_hoper_special_posts .single-blog {
    margin-top: 20px;
}
.left-blog .blog-text h4{
	border:none;
}
.footer-area{
	color: #f3f3f3;
}

.entry-content a.more-link, 
.entry-content button, 
.entry-content input[type="button"], 
.entry-content input[type="submit"] {
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 20px;
	color: #333;
	font-weight: 600;
	padding: 8px 25px;
}

.page-404 [type="submit"],
.left-blog button[type="submit"] {
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 20px;
    color: #333;
    font-weight: 600;
    padding: 6px 25px;
    margin-top:10px;
	transition: all 0.3s ease 0s;
}
.page-404 [type="submit"]:hover,
.left-blog button:hover, 
.entry-content a.more-link:hover, 
.entry-content button:hover, 
.entry-content input[type="submit"]:hover, 
.entry-content input[type="button"]:hover {
	background-color: #333;
	border: 1px solid #333;
	color: #fff;
}
.left-blog .tagcloud a, 
.popular-tag.left-side-tags.left-blog li {
	border: 1px solid #444;
	border-radius: 20px;
	display: inline-block;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 5px 20px;
}
.post-information .entry-meta,
.comments-heading h3, 
h3.comment-reply-title{
	border-bottom: 1px solid #ccc;
}
.widget_hoper_special_posts .single-blog {
	margin-top: 30px;
}
.about-details {
    margin-bottom: 40px;
	text-align: center;
}
.single-post-comments img.avatar.photo {
    border: 1px solid #c4c4c4;
    padding: 3px;
}
.navbar-brand>img {
    margin-left: -17px;
}