/*
Theme Name: Substance
Theme URI: http://substance.alfisahr.com/
Description: A clean and substantial wordpress theme.
Author: Alfisahr
Author URI: http://themeforest.net/user/alfisahr
Version: 1.3
License: GPL
License URI: license.txt
Text Domain: substance
Domain Path: /languages/
Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-menu, featured-images


Substance (C) 2016 Alfisahr.

*/

/* Table of contents
-----------------------------------------------
1. Global
2. Header
	a. Dropdown Menu
3. Post
	a. Another container outside global post
	b. 404
4. Gallery
	a. Gallery Post Slider
	b. Tilled Gallery
5. Navigation
6. Comments
7. Widgets
8. Typography
9. Footer
*/


/* 1. GLOBAL */

body {
	background: #e9eaed;
	font-family: 'Lato';
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55em;
	color: #444;
}

a {
	color:#02929b;
	text-decoration:none;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
a:hover {
	color: #32c6cf;
	text-decoration:none;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
a:link,
a:visited,
a:active {
	text-decoration:none;
}

select, input[type="text"], input[type="email"], input[type="url"], textarea {
	border:1px solid #ddd;
	padding:10px;
	width:100%;
}

:focus {
	outline:0;
}

img {
  height: auto;
  max-width: 100%;
}

button,
button[type="submit"],
input[type="submit"] {
	background-color: #02929b;
	color:#fff;
	border:none;
	padding:12px 15px 13px 15px;
}
button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
	color:#fff;
	background-color: #32c6cf;
}

h1,h2,h3,h4,h5,h6 { color: #000;}

p {
	font-size: 15px;
}

/* Align Position */
.alignright {
	display: inline;
	float:right;
	margin-left: 1.5em;
}
.alignleft {
	display: inline;
	float:left;
	margin-right: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Clearing floats */
.clear:before,
.clear:after,
.gallery:before,
.gallery:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.home-widget-area:before {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.gallery:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.home-widget-area:before {
	clear: both;
}


/* 2. HEADER */

.fix-nav {
    z-index: 9900;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	background-color:#ffffff;
	border-bottom:1px solid #ddd;
}
.fix-body {
}
.floating-menu {
}

header.site-header {
	background-color: #ffffff;
	border-bottom:1px solid #d7d8da;
	margin:0 0 60px 0;
}
.site-header #logo {
	float:left;
	width:100%;
	margin:20px 0;
	text-align:center;
	/*margin:50px 0;*/
}
.site-header #logo img {
	max-width:650px;
	height:auto;
}
.site-header #logo h1.site-name,
.site-header #logo h1.site-name a {
	font-family:'Montserrat';
	font-size:50px;
	color:#000;
	letter-spacing:-0.05em;
	font-weight:700;
	margin:0;
}

.topnav-border {
	border-bottom:1px solid #ddd;
}

.site-header .topnav {
	float:left;
	width:100%;
	background-color:#ffffff;
}
.site-header .topnav .top-social {
	float:right;
	position:relative;
}
.site-header .topnav .top-social .searchbar {
	float:left;
	display:none;
	width:250px;
	position:absolute;
	top:100%;
	right:0;
	margin:5px 0 0 0;
	z-index: 990;
	background: #02929b;
}
.site-header .topnav .top-social .searchbar input[type="text"] {
	border:none;
	padding:5px;
	color: #fff;
	background: transparent;
}
.site-header .topnav .top-social .searchbar button {
	padding:7px;
	background: transparent;
	color: #fff;
}
.site-header .topnav .top-social a {
	padding:9px 10px 5px 10px;
	font-size:18px;
	display:inline-block;
	color:#ddd;
	float:left;
}
.site-header .topnav .top-social a:hover {
	padding:6px 10px 8px 10px;
}
.site-header .topnav .top-social a.navsearch:hover {
	padding:9px 10px 5px 10px;
}
.site-header .topnav .top-social .active {
	background: #02929b;
	color: #fff;
}
.site-header .topnav .top-social a.facebook:hover {
	color: #3b5998;
}
.site-header .topnav .top-social a.twitter:hover {
	color: #55acee;
}
.site-header .topnav .top-social a.googleplus:hover {
	color: #db4437;
}
.site-header .topnav .top-social a.youtube:hover {
	color: #e62117;
}
.site-header .topnav .top-social a.instagram:hover {
	color: #004879;
}

.site-header .search-container {
	padding:30px 15px 14px 15px;
}

/* 2a. Dropdown Menu */
.main-menu {
}
.main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	z-index: 999;
}
.main-menu ul:after,
.main-menu:after {
	content: ' ';
	display: block;
	font-size: 0;
	height: 0;
	clear: both;
	visibility: hidden;
}
.main-menu ul li {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}
.main-menu ul li a {
	text-decoration: none;
	display: block;
	margin: 0;
	-webkit-transition: color .2s ease;
	-moz-transition: color .2s ease;
	-ms-transition: color .2s ease;
	-o-transition: color .2s ease;
	transition: color .2s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main-menu ul li ul {
	position: absolute;
	left: -9999px;
	top: auto;
}
.main-menu ul li ul li {
	max-height: 0;
	position: absolute;
	-webkit-transition: max-height 0.4s ease-out;
	-moz-transition: max-height 0.4s ease-out;
	-ms-transition: max-height 0.4s ease-out;
	-o-transition: max-height 0.4s ease-out;
	transition: max-height 0.4s ease-out;
	background: #be0a0a;
}
.main-menu ul li ul li.has-sub:after {
	display: block;
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	border-radius: 0;
	z-index: 1;
	top: 13px;
	right: 15px;
}
.main-menu ul li ul li.has-sub:before:hover {
	border-left-color: #ffffff;
}
.main-menu.align-right ul li ul li.has-sub:after {
	right: auto;
	left: 15px;
}
.main-menu ul li ul li.has-sub:before {
	display: block;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	border: 3px solid transparent;
	border-left-color: #ffffff;
	z-index: 2;
	top: 15px;
	right: 15px;
}
.main-menu.align-right ul li ul li.has-sub:before {
	right: auto;
	left: 15px;
}
.main-menu ul li ul li a {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	color: #fff;
	letter-spacing: 0;
	display: block;
	width: 200px;
	padding: 8px 10px 8px 20px;
	border-bottom:1px solid #32c6cf;
}
.main-menu ul li ul li:hover > a,
.main-menu ul li ul li.active > a {
	color: #32c6cf;
}
.main-menu ul li ul li:hover:before,
.main-menu ul li ul li.active:before {
	border-left-color: #32c6cf;
}
.main-menu ul li ul li:hover > ul {
	left: 100%;
	top: 0;
}
.main-menu ul li ul li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
.main-menu > ul > li {
	float: left;
}
.main-menu.align-center > ul > li {
	float: none;
	display: inline-block;
}
.main-menu.align-center > ul {
	text-align: center;
}
.main-menu.align-center ul ul {
	text-align: left;
}
.main-menu.align-right > ul {
	float: right;
}
.main-menu.align-right > ul > li:hover > ul {
	left: auto;
	right: 0;
}
.main-menu.align-right ul ul li:hover > ul {
	right: 100%;
	left: auto;
}
.main-menu.align-right ul ul li a {
	text-align: right;
}
.main-menu > ul > li:after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	z-index: 0;
	-webkit-transition: height .3s;
	-moz-transition: height .3s;
	-ms-transition: height .3s;
	-o-transition: height .3s;
	transition: height .3s;
}
.main-menu > ul > li.has-sub > a {
	padding-right: 28px;
}
.main-menu > ul > li.has-sub > a:after {
	display: block;
	content: '';
	height: 12px;
	width: 12px;
	position: absolute;
	right: 14px;
	top: 13px;
}
.main-menu > ul > li.has-sub > a:before {
	display: block;
	content: '';
	border: 4px solid transparent;
	border-top-color: #666;
	z-index: 2;
	height: 0;
	width: 0;
	position: absolute;
	right: 16px;
	top: 17px;
}
.main-menu > ul > li > a {
	color: #444;
	padding: 8px 20px 8px 0;
	font-family: 'Roboto', serif;
	text-transform: uppercase;
	font-size:13px;
	z-index: 2;
	position: relative;
}
.main-menu > ul > li:hover:after,
.main-menu > ul > li.active:after {
	height: 100%;
}
.main-menu > ul > li:hover > a,
.main-menu > ul > li.active > a {
	color: #02929b;
}
.main-menu > ul > li.active > a {
	font-weight:700;
}
.main-menu > ul > li:hover > a:before,
.main-menu > ul > li.active > a:before {
	border-top-color: #02929b;
}
.main-menu > ul > li:hover > ul {
	left: 0;
}
.main-menu > ul > li:hover > ul > li {
	max-height: 72px;
	position: relative;
}
/*Special*/
.main-menu ul li ul li.has-sub:hover > a:before {
border-left-color: #ff0000;
background:#ff0000;
}

.main-menu #menu-button {
  display: none;
}
.main-menu > ul > li > a {
  display: block;
}
.main-menu > ul > li {
  width: auto;
}
.main-menu > ul > li > ul {
  width: 200px;
  display: block;
}
.main-menu > ul > li > ul > li {
  width: 200px;
  display: block;
}


#secondary {
	padding-bottom:50px;
}
.more-link,
.says {
	display: none;
}
.page-links {
	text-align:center;
	padding:10px 0 0 0;
	margin:50px 0 0 0;
}
.page-links span {
	display:inline-block;
	border:1px solid #02929b;
	padding:0 8px;
	color: #fff;
	background: #02929b;
}
.page-links a span {
	background:#fff;
	border:1px solid #ddd;
	color: #444;
}
.wp-caption {
  border: 1px solid #ccc;
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}
.bypostauthor {
}


/* 3. POST */

.post-inner-content,
.post-navigation,
.comments-area,
.top-section-block,
.no-results {
	background-color:#fff;
	border:1px solid #d7d8da;
	margin:0 0 20px 0;
}
.post-inner-content .entry-header {
	border:none;
	margin:0 0 30px 0;
}
.post-inner-content .entry-header .entry-thumb {
	max-height:500px;
	overflow:hidden;
	margin:0 0 30px 0;
	position:relative;
}
.post-inner-content .entry-header .entry-thumb span#caption {
	display:block;
	bottom:0;
	position:absolute;
	font-size:13px;
	color:#ddd;
	width:100%;
	padding:5px 10px;
	background:#000;
	background:rgba(0,0,0,0.5);
}
.post-inner-content .entry-header .no-img {
	height:400px;
}
.post-inner-content .entry-header .entry-thumb a {
	display:block;
	position:relative;
	width:100%;
	height:100%;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;

	overflow:hidden;
	background: #ccc;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#ccc));
	background: -webkit-radial-gradient(circle, #fff, #ccc);
	background: -moz-radial-gradient(circle, #fff, #ccc);
	background: -ms-radial-gradient(circle, #fff, #ccc);
}
.post-inner-content .entry-header .entry-thumb .post-type-icon, 
.post-inner-content .entry-header .entry-thumb a .post-type-icon {
	position:absolute;
	top:30px;
	left:30px;
	color:#fff;
	font-size:30px;
	padding:10px;
	background: #02929b;
}
.post-inner-content .entry-header .entry-thumb a .icons {
	position:absolute;
	width:100%;
	top:40%;
	text-align:center;
	color:#999;
	font-size:90px;
}
.post-inner-content .entry-header .entry-thumb a .overlay {
	position:absolute;
	background: #000;
	background: rgba(0,0,0, 0);
	width:100%;
	height:100%;
	z-index:30;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-header .entry-thumb a span.bottom-line,
.post-inner-content .entry-header .entry-thumb a span.top-line {
	position:absolute;
	height:1px;
	width:100%;
	z-index:40;
	background: #ffffff;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-header .entry-thumb a span.bottom-line {
	bottom:50px;
	right:100%;
}
.post-inner-content .entry-header .entry-thumb a span.top-line {
	top:50px;
	left:100%;
}
.post-inner-content .entry-header .entry-thumb img {
	width:100%;
	height:auto;
}
.post-inner-content .entry-header .entry-thumb a img {
	width:100%;
	height:auto;
}
.post-inner-content .entry-header .entry-thumb a:hover .overlay {
	background: #000;
	background: rgba(0, 0, 0, 0.2);
}
.post-inner-content .entry-header .entry-thumb a:hover .overlay,
.post-inner-content .entry-header .entry-thumb a:hover span.bottom-line,
.post-inner-content .entry-header .entry-thumb a:hover span.top-line {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-header .entry-thumb a:hover span.bottom-line {
	right:0;
}
.post-inner-content .entry-header .entry-thumb a:hover span.top-line {
	left:0;
}
.grid-layout .post-header .post-thumb .sticky,
.post-inner-content .entry-header .entry-thumb a .sticky,
.post-inner-content .entry-header .entry-thumb-links a .sticky,
.post-inner-content .entry-header .entry-thumb-quote .sticky {
	background:#02929b;
	font-size:22px;
	width: 100px;
	height: 50px;
	text-align: center;
	top: -12px;
	right: -32px;
	position:absolute;
	line-height: 62px;
	color:#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.grid-layout .post-header .post-thumb a .sticky i.fa,
.post-inner-content .entry-header .entry-thumb a .sticky i.fa,
.post-inner-content .entry-header .entry-thumb-links a .sticky i.fa,
.post-inner-content .entry-header .entry-thumb-quote .sticky i.fa {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
 }
.post-inner-content .entry-header iframe {
	width:100%;
	border:0;
}
.post-inner-content .entry-header iframe,
.post-inner-content .entry-header .entry-thumb-links {
	margin:0 0 30px 0;
}
.grid-right .grid-layout .vid-container,
.grid-left .grid-layout .vid-container, 
.post-inner-content .entry-header .vid-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin:0 0 30px 0;
}
.grid-right .grid-layout .vid-container iframe.video,
.grid-left .grid-layout .vid-container iframe.video,
.post-inner-content .entry-header .vid-container iframe.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.post-inner-content .entry-header .entry-thumb-quote {
}
.post-inner-content .entry-header .entry-thumb-quote blockquote.post-thumb {
	padding:60px 40px;
	background:#000;
	background: rgba(0, 0, 0, 0.5);
	color:#fff;
	display:block;
	font-family: 'Playfair Display';
	font-size:18px;
	line-height:30px;
	overflow:hidden;
	position:relative;
}
.post-inner-content .entry-header .entry-thumb-quote blockquote.post-thumb i {
	font-size:26px;
}
.post-inner-content .entry-header .entry-thumb-quote blockquote.post-thumb cite {
	display:block;
	font-size:18px;
	font-weight:700;
	color: #fff;
}
.post-inner-content .entry-header .entry-thumb-links {
	overflow:hidden;
	position:relative;
}
.post-inner-content .entry-header .entry-thumb-links a {
	padding:60px 40px;
	background:#000;
	background: rgba(0, 0, 0, 0.5);
	color:#fff;
	display:block;
	text-align:center;
	line-height:30px;
	overflow:hidden;
}
.post-inner-content .entry-header .entry-thumb-links a h3 {
	font-size:25px;
	font-weight:700;
	color:#fff;
}
.post-inner-content .entry-header .entry-thumb-gal {
	margin:0 0 30px 0;
	height:400px;
	overflow:hidden;
	position:relative;
}
.post-inner-content .entry-header .entry-thumb-gal ul.slides {
	padding:0;
}
.post-inner-content .entry-header .entry-thumb-gal ul.slides li {
	height:400px;
	position:relative;
	width:100%;
	overflow:hidden;
}
.post-inner-content .entry-header .entry-thumb-gal ul.slides li img {
	width:100%;
	height:auto;
}

.post-inner-content .entry-header h1.entry-title,
.post-inner-content .entry-header .entry-meta,
.post-inner-content .entry-header .entry-categories,
.post-inner-content .entry-content,
.post-inner-content .entry-summary {
	padding:0 40px;
}
.post-inner-content .entry-header h1.entry-title,
.post-inner-content .entry-header h1.entry-title a {
	font-family:'Montserrat';
	margin:0 0 5px 0;
	color:#000;
	letter-spacing:-0.04em;
	font-weight:700;
}
.post-inner-content .entry-header h1.entry-title i,
.post-inner-content .entry-header h1.entry-title a i {
	font-weight:300;
}
.grid-layout .post-header h1.post-title a:hover,
.small-listing-container .post-body .post-header h1.post-title a:hover,
.post-inner-content .entry-header h1.entry-title a:hover {
	color:#02929b;
}
.post-inner-content .entry-header h1.entry-title.image-attach {
	margin:40px 0 5px 0;
}
.post-inner-content .entry-header .entry-categories {
	margin:0 0 10px 0;
	color: #bbb;
}
.post-inner-content .entry-header .entry-categories.margin-top {
	margin-top: 50px;
}
.post-inner-content .entry-header .entry-categories .separator {
	width:100%;
}
.post-inner-content .entry-header .entry-categories .separator span {
	height:2px;
	display:inline-block;
	width:30px;
	background: #ddd;
}
.post-inner-content .entry-header .entry-categories a {
	display:inline-block;
	text-transform:uppercase;
	font-size:13px;
	color: #bbb;
}
.post-inner-content .entry-header .entry-categories a:hover {
	color:#02929b;
}
.post-inner-content .entry-header .entry-meta {
	font-size:13px;
	color:#999;
}
.post-inner-content .entry-header .entry-meta span {
	margin-right:18px;
}
.post-inner-content .entry-header .entry-meta span i.fa {
	color:#ddd;
	margin-right:3px;
}
.post-inner-content .entry-header .entry-meta span.author {
	font-weight:700;
}
.post-inner-content .entry-header .entry-meta span.edit-link{
	font-weight: 700;
}
.post-inner-content .entry-header .navigation-image {
	float:left;
	width:100%;
	padding:40px 40px 20px 40px;
	border-bottom: 1px solid #ddd;
	margin:0 0 30px 0;
}
.post-inner-content .entry-header .navigation-image .nav-previous {
	float:left;
}
.post-inner-content .entry-header .navigation-image .nav-next {
	float:right;
}
.post-inner-content .entry-content,
.post-inner-content .entry-summary {
	margin:0 0 30px 0;
	font-family: 'Lato';
	font-size: 15px;
	color:#444;
	line-height:26px;
}
.post-inner-content .entry-content p,
.post-inner-content .entry-summary p,
.post-inner-content .entry-content ul,
.post-inner-content .entry-content ol {
	margin:0 0 25px 0;
}
.post-inner-content .entry-content figure.thumbnail {
	border-radius:0;
}
.post-inner-content .entry-content figure.thumbnail figcaption.caption {
	color: #999;
	font-size:13px;
	font-style:italic;
}
.post-inner-content .entry-content .entry-attachment {
}
.post-inner-content .entry-content .entry-attachment .attachment img {
	width:100%;
	height:auto;
}
.post-inner-content .entry-content .entry-attachment .entry-caption {
	font-style:italic;
	font-size: 12px;
	color: #999;
}
.post-inner-content .entry-footer {
	border-top:1px solid #d7d8da;
	padding:0 40px;
}
.post-inner-content .entry-footer span.edit-link a {
	display:inline-block;
	padding:13px 0;
}
.post-inner-content .entry-footer a.read-more {
	display:inline-block;
	padding:13px 0;
	color:#444;
	font-weight: 700;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-footer a.read-more i {
	opacity:0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-footer a.read-more:hover {
	color:#02929b;
	padding:13px 0 13px 10px;
	text-decoration:none;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content .entry-footer a.read-more:hover i {
	opacity:1;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-inner-content footer.entry-meta {
	border-top:1px solid #d7d8da;
	margin:60px 0 0 0;
}
.post-inner-content footer.entry-meta .tagcloud {
	float:left;
	margin:10px 0 0 40px;
}
.post-inner-content footer.entry-meta .tagcloud i {
	color:#999;
	display:inline-block;
	margin:0 6px 0 0;
	font-size:13px;
}
.post-inner-content footer.entry-meta .tagcloud a {
	color:#999;
	display:inline-block;
	margin:0 3px 0 0;
	font-size:13px;
}
.post-inner-content footer.entry-meta .tagcloud a:hover {
	color:#32c6cf;
	border:1px solid #32c6cf;
}
.small-listing-container .post-footer .social-shares,
.post-inner-content .entry-footer .social-shares {
	float:right;
}
.small-listing-container .post-footer .social-shares a,
.post-inner-content .entry-footer .social-shares a {
	display:inline-block;
	padding:10px;
	font-size:20px;
	color:#ddd;
	float:left;
}
.post-inner-content footer.entry-meta .social-shares-p {
	float:right;
	margin:0 40px 0 0;
}
.post-inner-content footer.entry-meta .social-shares-p a {
	display:inline-block;
	padding:10px;
	font-size:27px;
	color:#ddd;
	float:left;
}
.small-listing-container .post-footer .social-shares a:hover,
.post-inner-content .entry-footer .social-shares a:hover,
.post-inner-content footer.entry-meta .social-shares-p a:hover {
	padding:5px 10px 15px 10px;
}
.grid-layout .post-footer .social-shares a.facebook:hover,
.small-listing-container .post-footer .social-shares a.facebook:hover,
.post-inner-content .entry-footer .social-shares a.facebook:hover,
.post-inner-content footer.entry-meta .social-shares-p a.facebook:hover {
	color:#3b5998;
}
.grid-layout .post-footer .social-shares a.twitter:hover,
.small-listing-container .post-footer .social-shares a.twitter:hover,
.post-inner-content .entry-footer .social-shares a.twitter:hover,
.post-inner-content footer.entry-meta .social-shares-p a.twitter:hover {
	color:#55acee;
}
.grid-layout .post-footer .social-shares a.gplus:hover,
.small-listing-container .post-footer .social-shares a.gplus:hover,
.post-inner-content .entry-footer .social-shares a.gplus:hover,
.post-inner-content footer.entry-meta .social-shares-p a.gplus:hover {
	color:#db4437;
}
.grid-layout .post-footer .social-shares a.pinterest:hover,
.small-listing-container .post-footer .social-shares a.pinterest:hover,
.post-inner-content .entry-footer .social-shares a.pinterest:hover,
.post-inner-content footer.entry-meta .social-shares-p a.pinterest:hover {
	color:#ff0000;
}

/* 3a. Another container outside global post */
.search-result,
.post-inner-content .author-bio {
	padding:40px;
}
.search-result header {
	margin:0;
	padding:0;
	border:none;
}
.post-inner-content .author-bio .avatar img {
	width:100%;
	height:auto;
}
.post-inner-content .author-bio .author-bio-content h4.author-name,
.post-inner-content .author-bio .author-bio-content h4.author-name a {
	color: #000;
	margin:0 0 20px 0;
	font-weight: 700;
}
.post-inner-content .author-bio .author-bio-content h4.author-name a:hover {
	color: #32c6cf;
}
.post-inner-content .author-bio .author-bio-content p.author-description {
	color: #555;
}

.post-navigation {
	padding:30px 40px;
	float:left;
	width:100%;
}
.post-navigation .nav-links {
	width:100%;
	float:left;
}
.post-navigation .nav-links .nav-previous {
	width:40%;
	float:left;
}
.post-navigation .nav-links .nav-next {
	width:40%;
	float:right;
}
.post-navigation .nav-links .nav-next {
	text-align:right;
}
.post-navigation .nav-links .nav-previous a,
.post-navigation .nav-links .nav-next a {
	display:block;
	font-size:13px;
	color: #444;
	text-transform:uppercase;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-navigation .nav-links .nav-previous a span,
.post-navigation .nav-links .nav-next a span {
	display:block;
	font-weight:700;
	font-size:20px;
	text-transform:none;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.post-navigation .nav-links .nav-previous a:hover span,
.post-navigation .nav-links .nav-next a:hover span {
	color: #32c6cf;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.top-section-block,
.no-results {
	padding:25px 40px;
}
.no-results header {
	border:none;
	margin:0;
}
.no-results header h1.page-title {
	margin:0 0 15px 0;
	border:none;
}
.top-section-block h1.page-title,
.top-section-block h3.search-title {
	font-size:25px;
	margin:0;
	color: #444;
	border:none;
	font-weight:700;
}
.top-section-block span.subtitle {
	display:block;
	margin-bottom:10px;
	font-weight:400;
	text-transform:uppercase;
	color: #999;
	font-size:13px;
}
.top-section-block span.subtitle i.fa {
	color: #ddd;
	margin-right: 5px;
}

/* 3b. 404 */
.error-404 {
	padding:40px 120px 70px 120px;
	text-align:center;
}
.error-404 .page-header {
	border:none;
	margin:0;
}
.error-404 .page-header .page-title {
	font-family: 'Roboto';
	font-weight:700;
	font-size:130px;
	margin:0;
	letter-spacing:-0.07em;
	color:#ccc;
}
.error-404 .page-header h3 {
	margin:0;
}
.error-404 .page-content a {
	background: #02929b;
	padding:5px 20px;
	display:inline-block;
	color:#fff;
}
.error-404 .page-content a:hover {
	background: #32c6cf;
}


/* 4. GALLERY */

/* 4a. Gallery Post Slider */
.post-inner-content .entry-header .entry-thumb-gal .flex-container a:active,
.post-inner-content .entry-header .entry-thumb-gal .flexslider a:active,
.post-inner-content .entry-header .entry-thumb-gal .flex-container a:focus,
.post-inner-content .entry-header .entry-thumb-gal .flexslider a:focus  {outline: none;}
.post-inner-content .entry-header .entry-thumb-gal .slides,
.post-inner-content .entry-header .entry-thumb-gal .flex-control-nav,
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav {line-height: 20px;}
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav a  { 
	text-decoration:none;
	display: block;
	width: 30px;
	height:30px;
	border-radius: 50%;
	margin: 0;
	padding-top:2px;
	position: absolute;
	top: 190px;
	z-index: 200;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	color:#fff;
	background: #02929b;
	text-align:center;
}
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav .flex-prev { left: 10px; padding-right:3px; }
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav .flex-next { right: 10px; padding-left:3px; text-align: center; }
.post-inner-content .entry-header .entry-thumb-gal:hover .flex-prev { opacity: 1; left: 10px; text-align: center;z-index: 210; }
.post-inner-content .entry-header .entry-thumb-gal:hover .flex-next { opacity: 1; right: 10px; text-align: center;z-index: 220; }
.post-inner-content .entry-header .entry-thumb-gal:hover .flex-next:hover, 
.post-inner-content .entry-header .entry-thumb-gal:hover .flex-prev:hover { opacity: 1; }
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav a:before  { font-family: FontAwesome;
	font-size: 30px; display: inline-block; content: '\f104'; }
.post-inner-content .entry-header .entry-thumb-gal .flex-direction-nav a.flex-next:before  { content: '\f105'; }

/* 4b. Tilled Gallery */

.gallery {
	margin-bottom:20px;
}
.gallery img {
	max-width:none;
	height:none;
}
.gallery-item {
	position:relative;
	float: left;
	margin: 0 2px 2px 0;
	overflow:hidden;
}
.gallery.gallery-size-thumbnail .gallery-item img {
	max-width:100%;
}
.gallery-columns-1.gallery-size-thumbnail .gallery-item,
.gallery-columns-2.gallery-size-thumbnail .gallery-item,
.gallery-columns-3.gallery-size-thumbnail .gallery-item,
.gallery-columns-4.gallery-size-thumbnail .gallery-item {
	max-width: 25%;
	max-width: -webkit-calc(25% - 2px);
	max-width:         calc(25% - 2px);
}
.gallery-columns-5.gallery-size-thumbnail .gallery-item {
	max-width: 20%;
	max-width: -webkit-calc(20% - 2px);
	max-width:         calc(20% - 2px);
}
.gallery-columns-6.gallery-size-thumbnail .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 2px);
	max-width:         calc(16.7% - 2px);
}
.gallery-columns-7.gallery-size-thumbnail .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 2px);
	max-width:         calc(14.28% - 2px);
}
.gallery-columns-8.gallery-size-thumbnail .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 2px);
	max-width:         calc(12.5% - 2px);
}
.gallery-columns-9.gallery-size-thumbnail .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 2px);
	max-width:         calc(11.1% - 2px);
}
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  clear: left;
}

.gallery-columns-1.gallery-size-medium .gallery-item {
	width: 40%;
	width: -webkit-calc(40% - 2px);
	width:         calc(40% - 2px);
	max-height:180px;
	clear:left;
}
.gallery-columns-2.gallery-size-medium .gallery-item {
	width: 40%;
	width: -webkit-calc(40% - 2px);
	width:         calc(40% - 2px);
	height:180px;
}
.gallery-columns-3.gallery-size-medium .gallery-item,
.gallery-columns-3.gallery-size-large .gallery-item {
	width: 32%;
	width: -webkit-calc(33.3% - 2px);
	width:         calc(33.3% - 2px);
	height:180px;
}
.gallery-columns-4.gallery-size-medium .gallery-item,
.gallery-columns-4.gallery-size-large .gallery-item {
	width: 25%;
	width: -webkit-calc(25% - 2px);
	width:         calc(25% - 2px);
	height:150px;
}
.gallery-columns-5.gallery-size-medium .gallery-item,
.gallery-columns-5.gallery-size-large .gallery-item {
	width: 20%;
	width: -webkit-calc(20% - 2px);
	width:         calc(20% - 2px);
	height:140px;
}
.gallery-columns-6.gallery-size-medium .gallery-item,
.gallery-columns-6.gallery-size-large .gallery-item {
	width: 16%;
	width: -webkit-calc(16.6% - 2px);
	width:         calc(16.6% - 2px);
	height:100px;
}
.gallery-columns-7.gallery-size-medium .gallery-item,
.gallery-columns-7.gallery-size-large .gallery-item {
	width: 14%;
	width: -webkit-calc(14.28% - 2px);
	width:         calc(14.28% - 2px);
	height:90px;
}
.gallery-columns-8.gallery-size-medium .gallery-item,
.gallery-columns-8.gallery-size-large .gallery-item {
	width: 12%;
	width: -webkit-calc(12.5% - 2px);
	width:         calc(12.5% - 2px);
	height:75px;
}
.gallery-columns-9.gallery-size-medium .gallery-item,
.gallery-columns-9.gallery-size-large .gallery-item {
	width: 11%;
	width: -webkit-calc(11.1% - 2px);
	width:         calc(11.1% - 2px);
	height:60px;
}
.gallery-size-medium .gallery-item .landscape a img,
.gallery-size-large .gallery-item .landscape a img {
	height:100%;
	width:auto;
}
.gallery-size-medium .gallery-item .portrait a img,
.gallery-size-large .gallery-item .portrait a img {
	height:auto;
	width:100%;
}

.gallery-item .gallery-caption {
	display:none;
}

.gallery-columns-1 .gallery-item .gallery-caption,
.gallery-columns-2 .gallery-item .gallery-caption,
.gallery-columns-3 .gallery-item .gallery-caption,
.gallery-columns-4 .gallery-item .gallery-caption,
.gallery-columns-5 .gallery-item .gallery-caption {
	position:absolute;
	bottom:0;
	padding:2px;
	line-height:18px;
	font-size:13px;
	width:100%;
	color:#ddd;
	background:#000;
	background:rgba(0,0,0,0.5);
}
.gallery-columns-1 .gallery-item:hover .gallery-caption,
.gallery-columns-2 .gallery-item:hover .gallery-caption,
.gallery-columns-3 .gallery-item:hover .gallery-caption,
.gallery-columns-4 .gallery-item:hover .gallery-caption,
.gallery-columns-5 .gallery-item:hover .gallery-caption {
	display:inline;
}


/* 5. NAVIGATION */

.page-numbers {
	display:inline-block;
	width:35px;
	height:35px;
	background:#fff;
	border:1px solid #d7d8da;
	text-align:center;
	font-size:20px;
	font-weight:700;
	padding:5px 0 0 0;
	color:#000;
}
.page-numbers:hover,
.page-numbers.current {
	background:#02929b;
	color:#fff;
	border:1px solid #02929b;
}


/* 6. COMMENTS */

.comments-area {
	padding:40px;
	float:left;
	width:100%;
}
.comments-area h2.comments-title,
.comments-area .comment-respond h3.comment-reply-title {
	font-family:'Montserrat';
	margin:0 0 40px 0;
	color:#000;
	letter-spacing:-0.04em;
	font-weight:700;	
}
.comments-area .comment-respond .comment-form p {
	margin:0 0 20px 0;
}
.comments-area .comment-respond .comment-form p input[type="email"],
.comments-area .comment-respond .comment-form p input[type="text"],
.comments-area .comment-respond .comment-form p input[type="url"] {
	width:100%;
}
.comments-area h2.comments-title {
	margin:0 0 40px 0;
}
.comments-area ol.comment-list {
	padding:0;
	float:left;
	width:100%;
	margin:0 0 30px 0;
}
.comments-area ol.comment-list li {
	list-style:none;
	float:left;
	width:100%;
}
.comments-area ol.comment-list li .comment-body {
	border-bottom:1px solid #eee;
	margin:0 0 25px 0;
	padding:0 0 25px 0;
	position:relative;
	float:left;
	width:100%;
}
.comments-area ol.comment-list li .comment-body .comment-author {
	float:left;
	width:100%;
}
.comments-area ol.comment-list li .comment-body .comment-author img.avatar {
	margin:0 20px 0 0;
	float:left;
	width:60px;
	height:60px;
	border-radius:50%;
}
.comments-area ol.comment-list li .comment-body .comment-author .fn {
	padding-top:-20px;
	padding-right:10px;
	display:inline-block;
	float:left;
}
.comments-area ol.comment-list li .comment-body .comment-author span.says {
	color: #aaa;
	font-style: italic;
}
.comments-area ol.comment-list li .comment-body .comment-metadata {
	float:left;
	padding:0 0 0 78px;
	margin:-38px 0 0 0;
	font-size:12px;
}
.comments-area ol.comment-list li .comment-body .comment-meta p.comment-awaiting-moderation {
	float:left;
	margin:0 0 20px 78px;
	background: #D7FAFC;
	padding:0 10px;
	font-size:13px;
	display:inline-block;
}
.comments-area ol.comment-list li .comment-body .comment-metadata a {
	color: #999;
	font-style:italic;
}
.comments-area ol.comment-list li .comment-body .comment-metadata a:hover {
	color: #32c6cf;
}
.comments-area ol.comment-list li .comment-body .comment-content {
	padding:0 0 0 78px;
	margin:0;
	float:left;
	width:100%;
}
.comments-area ol.comment-list li .comment-body .reply {
	position:absolute;
	right:0;
}
.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link {
	border-radius:0;
	padding:1px 4px;
}
.comments-area ol.comment-list li .comment-body .reply a.comment-reply-link:hover {
	color: #32c6cf;
	border:1px solid #32c6cf;
	background:none;
}
.comment-list li.byuser .comment-author span#comment-byuser {
	margin-left:5px;
	display:inline-block;
	font-size:12px;
	padding:0 6px;
	border:1px solid #32c6cf;
	border-radius: 3px;
	color: #32c6cf;
	line-height: 20px;
}
.comment-list li.byuser .comment-author span#comment-bypostauthor {
	margin-left:5px;
	display:inline-block;
	font-size:12px;
	padding:0 6px;
	background: #32c6cf;
	border-radius: 3px;
	color: #fff;
	line-height: 20px;
}


/* 7. WIDGETS */

.widget {
	margin:0 0 30px 0;
}
.widget a:hover {
	color: #32c6cf;
}
.widget h3.widget-title {
	font-family:'Montserrat';
	margin:0 0 20px 0;
	color:#000;
	letter-spacing:-0.04em;
	font-weight:700;
	padding:0 0 37px 0;
	border-bottom:5px solid #d7d8da;
}
.widget h3.widget-title span {
	float:left;
	display:block;
	border-bottom:5px solid #02929b;
	padding:0 0 10px 0;
}
.widget ul.recent-popular {
	padding:0;
}
.widget ul.recent-popular li {
	list-style:none;
	border-bottom:1px solid #D0D4DB;
	padding:10px 0;
}
.widget ul.recent-popular li .post-img img {
	width:100%;
	height:auto;
}
.widget ul.recent-popular li .post-content a {
	color: #444;
	padding:0;
}
.widget ul.recent-popular li .post-content a:hover {
	color: #32c6cf;
}
.widget ul.recent-popular li .post-img a .no-thumb {
	width:100%;
	text-align:center;
	padding:30px 5px;
	color:#999;
	font-size:40px;
	background: #ccc;
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#ccc));
	background: -webkit-radial-gradient(circle, #fff, #ccc);
	background: -moz-radial-gradient(circle, #fff, #ccc);
	background: -ms-radial-gradient(circle, #fff, #ccc);
}
.widget ul.recent-popular li .post-img a.spec,
.widget ul.recent-popular li .post-img a.spec:hover {
	position:relative;
	width:100%;
	display:block;
	padding:0;
}
.widget ul.recent-popular li .post-img a.spec .type {
	position:absolute;
	width:100%;
	left:5px;
	top:5px;
	color:#fff;
	font-size:30px;
}
.widget ul.recent-popular li .post-content span.date {
	display:block;
	font-size:12px;
	color:#999;
	line-height:16px;
}
.widget ul,
.cats-widget ul {
	padding:0;
}
.widget ul li,
.cats-widget ul li {
	list-style:none;
	border-bottom:1px solid #D0D4DB;
	padding:10px 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.cats-widget ul li a {
	display:inline-block;
	color:#444;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.cats-widget ul li:hover {
	padding:10px 0 10px 10px;
	color:#02929b;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
.cats-widget ul li span {
	float:right;
	background:#ddd;
	display:inline-block;
	margin:0 0 8px 0;
	padding:1px 7px;
	font-size:12px;
}
.cats-widget ul li:hover span {
	background:#02929b;
	color: #fff;
}

.substance-blog-author .main-con {
	height:170px;
	background-repeat:no-repeat;
	background-color: #ccc;
	background-size: cover;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
	position:relative;border:2px solid #fff;
}
.substance-blog-author .main-con #overlay {
	position:absolute;
	width:100%;
	height:100%;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000000));
	background: -webkit-linear-gradient(top, transparent, #000000);
	background: -moz-linear-gradient(top, transparent, #000000);
	background: -ms-linear-gradient(top, transparent, #000000);
	background: -o-linear-gradient(top, transparent, #000000);
}
.substance-blog-author .main-con #img-container {
	position:absolute;
	bottom:-30px;
	left:10px;
	width:130px;
	max-height:120px;
	overflow:hidden;
	border:3px solid #fff;
}
.substance-blog-author .main-con #img-container img {
	width:100%;
}
.substance-blog-author .main-con #textbox {
	position:absolute;left:160px;bottom:5px;
}
.substance-blog-author .main-con #textbox h4 {
	color:#fff;
	font-weight:700;
	font-size:22px;
	margin:0;
}
.substance-blog-author .main-con #textbox span {
	color: #02929b;
	font-weight: 700;
}
.substance-blog-author .second-con {
	background:#eee;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	padding:40px 20px 20px 20px;
	color: #555;
	text-align:center;
	font-size: 13px;
}
.substance-blog-author .second-con p {
	font-size:13px;
}
.substance-blog-author .second-con #socmed {
	margin-top:15px;
}
.substance-blog-author .second-con #socmed a {
	width:22px;
	height:22px;
	display:inline-block;
	background-color: #02929b;
	border-radius: 50%;
	color: #fff;
}

.tagcloud a {
	font-size:13px !important;
	color:#666;
	display:inline-block;
	border:1px solid #ccc;
	padding:0 8px;
	margin:2px 0;
}
.tagcloud a:hover {
	color:#32c6cf;
	border:1px solid #32c6cf;
}

.site-about h3 {
	font-size:40px;
	font-weight:700;
	margin:0 0 20px 0;
	color:#8c8f9c;
	font-family: 'Montserrat';
	letter-spacing: -0.07em;
}

/* Social icons */
.social-icons a {
	display:inline-block;
	padding:5px 10px;
	font-size:25px;
	margin:0 2px 2px 0;
	color:#999;
	border:1px solid #ccc;
}
.social-icons a:hover {
	color:#fff;
	border:1px solid #32c6cf;
	background:#32c6cf;
}

.flickwrap {
}
.flickwrap .flickr_badge_image {
	float:left;
	width:33%;
	overflow:hidden;
	height:80px;
}
.flickwrap .flickr_badge_image a {
}
.flickwrap .flickr_badge_image a img {
	width:100%;
	height:auto;
	opacity:0.9;
}
.flickwrap .flickr_badge_image a:hover img {
	opacity:1;
}

/* 8. TYPOGRAPHY */
blockquote  {
	font-family: 'Playfair Display';
	border:none;
	font-size:23px;
	line-height:32px;
	color: #333;
	text-align:center;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
blockquote p {
	font-size:23px;
}
.entry-content blockquote i.fa {
	float:left;
	font-size:36px;
	color: #ddd;
}
blockquote cite {
	display:block;
	color:#222;
	font-weight: 700;
	font-style:normal;

}
pre {
	border-radius:0;
	background-color:#333;
	color:#fff;
	border:none;
}
span.highlight {
	background:#BEF4F7;
}
span.spoiler {
	border:1px dotted #999;
	color:#fff;
	display:inline-block;
	padding:0 5px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
span.spoiler:hover {
	color:#444;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    transition: all ease .3s;
}
code {
	background-color:#eee;
	color:#444;
}
span.pull-right {
	text-transform:uppercase;
	display:block;
	float:right;
	margin:0 0 20px 30px;
	color:#ccc;
	width:25%;
	font-size:22px;
	text-align:right;
	line-height:27px;
}
span.pull-left {
	text-transform:uppercase;
	display:block;
	float:left;
	margin:0 30px 20px 0;
	color:#ccc;
	width:25%;
	font-size:22px;
	line-height:27px;
}
span.intro {
	text-transform:uppercase;
	text-align:center;
	padding:20px 25px;
	margin:20px 0;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	color:#999;
	display:block;
}
span.dropcap {
	font-weight: 700;
	display:block;
	float: left;
	padding:10px 10px 0 10px;
	font-size: 40px;
	font-family: 'Montserrat', serif;
	text-transform: uppercase;
}

/* 9. FOOTER */
#footer-area {
	background-color:#ffffff;
	margin:60px 0 0 0;
	padding:60px 0 30px 0;
	border-top:1px solid #d7d8da;
	color: #8c8f9c;
}
#footer-area .footer-widget-area {
}
.displaynone {
	display:none;
}
#footer-area .footer-widget-area .widget {
}
#footer-area .widget ul li {
	border-bottom: 1px solid #eee;
}
#footer-area a {
	color: #8c8f9c;
}
#footer-area a:hover {
	color: #32c6cf;
}
#footer-area .social-icons a:hover {
	color:#fff;
}
#footer-area .footer-widget-area h3.widget-title {
	font-family:'Montserrat';
	margin:0 0 20px 0;
	color:#8c8f9c;
	letter-spacing:-0.04em;
	font-weight:700;
	padding:0 0 36px 0;
	border-bottom:1px solid #d7d8da;
}
#footer-area .footer-widget-area h3.widget-title span {
	float:left;
	display:block;
	border-bottom:1px solid #02929b;
	padding:0 0 10px 0;
}
#footer-area .site-footer {
	position:relative;
}
#footer-area .site-footer .border-top {
	border-top:1px solid #ddd;
}
#footer-area .site-footer .copyright {
	padding:20px 0 0 0;
	font-size:13px;
	color: #bbb;
}
#footer-area .site-footer .copyright a {
	color: #bbb;
	text-decoration: underline;
}
#footer-area .site-footer .copyright a:hover {
	color: #32c6cf;
}
#footer-area .site-footer .copyright .prop {
	text-align: right;
}
#footer-area .site-footer .scroll-to-top {
	font-size:40px;
	cursor:pointer;
	position:absolute;
	right:30px;
	bottom:30px;
}