/*
Theme Name: Grid312
Theme URI: http://pro-g-f.com/themes/grid312/
Author: progf
Author URI: http://pro-g-f.com/
Description: Professional Blog WordPress Template
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, theme-options, threaded-comments
Text Domain: grid312
*/


/**
 * Table of Contents:
 *
 * 1.0 - General
 *   1.1 - Transition
 * 2.0 - Popup
 * 3.0 - Frame
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Grid
 * 6.0 - Content
 *   6.1 - Share Buttons
 *   6.2 - Home
 *   6.3 - Page
 *     6.3.1 - Author Page
 *     6.3.2 - Sitemap
 *     6.3.3 - 404
 *   6.4 - Post
 *     6.4.1 - Comments
 *     6.4.2 - Popup / Gallery
 *     6.4.3 - Post Fomat Quote
 *   6.5 - Form
 *   6.6 - Pagination
 * 7.0 - Sidebar
 * 8.0 - Footer
 * 9.0 - Loader
 * 10.0 - Media Queries
 * --------------------------------------
 */
 
/*--------------------------------------- 
  1.0 General
----------------------------------------*/
html, body {
  padding: 0;
  margin: 0;
  background: #141316;
  background-image: repeating-linear-gradient(-45deg, #141316, #141316 5px, #1a191e 5px, #1a191e 10px);
  background-position: 50% 0;
  background-attachment: fixed;
  background-size: 42px 42px;
  color: #a8a8aa;
  font: 400 1vw 'Montserrat', sans-serif; /* 16/1920 */
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
body.custom-background {
  background-size: auto;
}
*, *:after, *:before, a:focus, button:focus  {
	outline: none;
}
a {
	text-decoration: none;
	color: #FF0D3D;
	font-weight: 900;
}
a:hover, a:visited, a:focus {
	color: #FF0D3D;
	text-decoration: none;
	background: transparent;
}
a img {
	border: 0;
}
a i.fa-caret-right {
	margin-left: 0.5rem;
	font-size: 0.875rem;
	line-height: 1;
}
div, section, article {
	position: relative;
}
p, .entry-content li {
	font: 400 1em/1.5 'Lato', sans-serif;
	color: #000; 
}
p {
	margin: 0 0 2.5em;	
}
article p, p strong, table {
	color: #000;
}
p strong {
	font-weight: 900;
}
article p {
	line-height: 1.6;
}
h1, h2, h3, h4 ,h5, h6 {
	font-weight: 700;
	margin: 0;
	line-height: 1.2;
	text-transform: uppercase;
}
.entry-content h1,
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
	color: #000;
	margin: 0 0 2em;
	padding: 0;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2.25em;
}
h3 {
	font-size: 1.875em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
}
table {
	display: block;
	border-collapse: separate;
	border-spacing: 0;
	text-transform: none;
	overflow: auto;
}

caption,
th,
td {
	text-align: left;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 0.5em 1em;
}
caption,
th {
	white-space: nowrap;
}
caption:last-child,
th:last-child,
td:last-child {
	border-right: hidden;
}
.entry-content ul {
	margin: 0 0 0 1em;
	padding: 0;
}
ol {
	margin: 0;
	padding: 0;
    list-style-type: none;
    counter-reset: item;
}
ol ol {
	margin: 0 0 0 1em;
}
ol > li {
    counter-increment: item;
}
ol > li:before {
    content: counters(item, ".") ". ";
    padding-right: 0.25em;    
}
li ol > li:before {
   content: counters(item, ".") ". ";
}
.entry-content ul:not(.texture) li, .entry-content ol li {
	line-height: 2;
}
.site-content, .sidebar {
	float: left;
}
.sidebar {
	padding: 0 2.5em;
	width: 20%;
	text-transform: uppercase;
}
.main {
	margin: 0 auto;
	padding-bottom: 8.3333em; 
	width: 100%;
	max-width: 1600px;
	opacity: 0;
}
.main-wrapper {
	width: 100%;
	background: #1a191e;
}
.site-content {
	background: #eee;
	width: 80%;
	overflow: hidden;
}
div.post, div.page {
	background: #FFF;
}
.clearfix {
	clear: both;
}
.breadcrumb {
	position: relative;
	background: none;
	padding: 0;
	margin: 0;
	height: 2.5rem;
	font-size: 0.75em;
	line-height: 2.5rem;
	color: #a8a8aa;
	text-transform: uppercase;
	border-radius: 0;
}
.breadcrumb a {
	color: #a8a8aa;	
}
.breadcrumb a:hover {
	color: #ffbb00;
}
.breadcrumb i {
	margin: 0 1.25rem;
	font-size: 0.75rem;
}
.breadcrumb i:first-of-type {
	margin-left: 0;
	margin-right: 2.5em;
}
.breadcrumb > *:not(.site-title) {
	position: relative;
	display: inline-block;
	top: -5px;
	height: inherit;
	line-height: inherit;
}
.main-grid, .entries, .texture {
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #eee 5px, #eee 10px);     
}
.grid {
	overflow: hidden;
}
.sticky {
}
.screen-reader-text {
}
.gallery-caption {
}
.bypostauthor {
}
/* 1.1 Transition */
article a, article a *, .breadcrumb a,
.entry-content *, .box .fullsizeWrap:after,
.box:before, .grid-2 a:before, 
#comments-post,
.cat .num-cat, .cat .name-cat, .see-all, .adv a p, 
#main-menu ul li a:before, .nav a, 
a .name-comp:after, a.social,
a[data-toggle="modal"]:before, a[data-toggle="modal"]:after,
.page-template-sitemap ul[class*=list] li:not(.title):before,
.pagination i.fa-caret-right, .pagination i.fa-caret-left,
.zoom, .close, .widget_flickr a img {
	-ms-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
article .tag-links a, .nav-gall {
	-ms-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
     transition: background 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
article .tag-links a * {
	-ms-transition: none;
	-webkit-transition: none;
	transition: none;
}
/*--------------------------------------- 
  2.0 Popup
----------------------------------------*/
body.modal-open {
	background-image: none;
}
.modal {
	width: 100vw;
	margin: 0;
	padding: 0;
}
.modal-dialog, .modal-content {
	top: 0; left: 0; right: 0; bottom: 0;	
	background-color: transparent;
	margin: 0;
	width: 100%;
	height: 100%;
}
.modal-dialog {
	background-position: 0 0;
	background-size: 2.5em 2.5em;
}
#team-modal .modal-dialog {
	background: rgba(255,255,255,0.8);
	height: 100vh;
}
.modal-content {
	display: table;
	border-radius: 0;
	border: 0;
	box-shadow: 0 0 0;
}
.modal-body {
	display: table-cell;	
	padding: 0;
	vertical-align: middle;
	text-align: center;
	opacity: 0;
	-ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
	transform: scale(0.5); 
}
#team-modal .modal-body {
	text-align: left;
	opacity: 1;
	-ms-transform: scale(1);
    -webkit-transform: scale(1);
	transform: scale(1); 
}
.modal-body .pic {
	display: inline-block;
	width: auto;
	margin: auto;
	padding: 0.5em;
}
.modal-body img {
	width: auto;
	height: auto;
	max-width: 80vw;
	max-height: calc(100vh - 2.5em);
}
.modal-footer {
	position: absolute;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%);
	width: calc(100% - 1rem);
	height: 33%;
	left: 0.5rem;
	bottom: 0.5rem;
	padding: 33% 2.5rem 3rem;
	color: #FFF;
	font-size: 0.875em;	
	text-align: left;
	border: 0;
	z-index: 1089;
}
button.close, .zoom, .nav-gall {
	position: absolute;
	background: none;
	width: 3.75rem;
	height: 3.75rem;
	right: 3.75rem;
	text-align: center;
	font-size: 1.125em;
	line-height: 3.75rem;
	color: #FFF;
	opacity: 1;
	z-index: 9999;
}
.zoom, .nav-gall {
	display: block;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 3.75rem;
	cursor: pointer;
}
button.close {
	top: 2.5rem;
    text-shadow: 0 0 0;
	z-index: 9999;
}
#team-modal button.close {
	top: -5rem;
	right: -5rem;
	color: #000;
	border: 0;
}
.zoom {
	top: 2.5rem;
	left: 2.5rem;
}
.zoom:before {
	font-family: 'FontAwesome';
	content: '\f00e';
}
.zoom.zoom-out:before {
	content: '\f010';
}
button.close:hover {
	color:  #FFB200;
	opacity: 1;
}
 .zoom:hover, .nav-gall:hover {
	color: #000;
	background-color: #FFB200;
	border-color: #FFB200;
	opacity: 1;
}
#team-modal button.close:hover {
	color: #F00;
	background-color: transparent;
}
/*--------------------------------------- 
  3.0 Frame
----------------------------------------*/
.border {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255,255,255,0.1);	
	color: #FFF;
	-ms-transform: scale(1.5);
    -webkit-transform: scale(1.5); 
    transform: scale(1.5);
	z-index: 999;
}
a .border, .person .border {
    height: calc(100% - 2.5em);
    left: 6%;
    top: 6%;
    width: calc(100% - 2.5em);
}
.pic.border {
	position: relative;
	height: auto;
	-ms-transform: scale(1);
    -webkit-transform: scale(1); 
    transform: scale(1);
}
.border:before, .border:after, .ctop, .cbottom {
	position: absolute;
	display: block;
	content: '';
	width: 0.62em;
	height: 0.62em;
	border: 2px solid;
}
.border:before, .pic-wrapper:before {
	top: -1px;
	left: -1px;
	border-right: 0;
	border-bottom: 0;
}
.border:after, .pic-wrapper:after {
	right: -1px;
	bottom: -1px;
	border-top: 0;
	border-left: 0;
}
.ctop {
	top: -1px;
	right: -1px;
	border-left: 0;
	border-bottom: 0;	
}
.cbottom {
	left: -1px;
	bottom: -1px;
	border-top: 0;
	border-right: 0;
}
/*---------------------------------------
  4.0 Header
----------------------------------------*/

/* 4.1 Site Header
----------------------------------------*/
#main-header {
	position: relative;
	display: block;
	width: 100%;
	height: 7.5em;
	z-index: 999;
	-webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;	
    transform-style: preserve-3d;	
	-webkit-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
}
#header {
	background: #212025;
	padding: 2.5em 0;
	height: 7.5em;
	text-align: center;
	z-index: 899;
}
.header-icon {
	display: inline;
	border: 0;
	background: none;
	width: 2.5rem;
	height: 2.5rem;
	margin-left: 1.25rem;
	font-size: 1.125em;
	line-height: 2.5rem;
	text-align: center;
	color: #FFF;
}
.header-icon.menu {
	margin: 2.5rem;
}
.header-icon.menu:before {
	font-family: 'FontAwesome';
	content: '\f0c9';
}
.header-icon.menu.open{
	color: #000;
    -ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    transform: rotate(90deg);	
}
#btn-search{
	position: absolute;
	top: 2rem;
	right: 2.5rem;
}
.site-title, 
.site-description, 
.site-logo {
	display: inline-block;
	height: 2.5rem;
}
h1.site-title, 
 a.site-title, 
  .site-title  {
	font: 900 2.25rem/2.5rem 'Playfair Display', serif;
	color: #FFF;
	margin: 0 2.5rem 0 0;
	padding: 0;
	border: 0;
	text-transform: capitalize;
}
h1.site-title {
	position: relative;
	line-height: 1rem;
	bottom: -0.25rem;
}
img.site-title {
	width: auto;
	height: inherit;
}
a.site-title:hover {
	color: #FFF;
}
.site-title span, a.site-title:hover span {
	color: #FFB200;
}
.site-description {
	padding: 0 2.5rem;
	margin: 0;
	font-family: 'Raleway', sans-serif;
	color: #8a8a8c;
	line-height: 2.5rem;
	text-transform: capitalize;
	border-left: 1px solid rgba(255,255,255,0.2);
}
#site-search {
	position: absolute;
	background: #FFF;
	top: 0;
	left: 0;
	width: 100%;
	height: inherit;
	text-align: left;
	opacity: 0;
	z-index: 898;
	transform-origin: 100% 100% -8em;
	-webkit-transform-origin: 100% 100% -8em;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
}
#site-search.open {
	z-index: 999;
}
#site-search form {
	position: relative;
	display: inline-block;
	width: calc(100% - 7.5em);
	margin: 2.5em 3em;	
}
#site-search .close {
	position: absolute;
	background: none;
	top: 2rem;
	right: 2rem;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 1.25rem;
	color: #000;
	border: none;
}
/* 4.2 Navigation
----------------------------------------*/
#main-menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 7.5em;
	height: 100%;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 139;
}
.navbar {
	border: 0;
	border-radius: 0;
}
.navbar-main {
	display: none;
}
.navbar-main > div {
	height: inherit;
	width: inherit;
}
.navbar-main.open {
	position: absolute;
	display: block;
	top: 7.5em;
	width: auto;
	text-align: left;
}
#main-menu ul {
	position: relative;
	background-color: #FFF;
	width: 20.05rem;
	height: 100%;
	margin: 0;
	padding: 2.5em 0;
	z-index: 79;
}
#main-menu ul li {
	position: static;
	width: inherit;
	height: auto;
	list-style: none;	
	border: 0;
}
#main-menu ul li a {
	position: relative;
	display: block;
	padding: 0.5rem 2.5rem;
	color: #000;
	line-height: 1.2;
	font-size: 1.125em;
}
#main-menu .sub-menu {
	position: absolute;
	display: none;
	top: 0;
	left: 100%;
}
#main-menu .sub-menu {
	background-color: rgba(255,255,255,0.9);
}
#main-menu .sub-menu .sub-menu {
	background-color: rgba(255,255,255,0.8);
}
#main-menu .sub-menu li > a {
	font-size: 0.875rem;
}
#main-menu .sub-menu .sub-menu li > a {
	font-size: 0.75rem;
}
 #main-menu ul li:hover > a {
	 background: none; 
 }
 #main-menu ul li a:before {
	 position: absolute;
	 content: '';
	 top: 0; left: 0;
	 width: 100%; height: 100%;
	 background-color: #ff0d3d;
	 -ms-transform: scaleY(0);
	 -webkit-transform: scaleY(0);
	 transform: scaleY(0);
	 z-index: -1;
}
#main-menu .sub-menu li > a:before {
	 opacity: 0.8;
}
#main-menu .sub-menu .sub-menu li > a:before {
	  opacity: 0.6;
}
/*---------------------------------------
  5.0 Grid
----------------------------------------*/
.metro .grids {	
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.metro article.grid {
  display: block;
  margin: 0;
  padding: 0;
  width: 25%;
  height: 25%;
  overflow: hidden;
}
.blended {
	position: absolute;
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}
.adv a {
	background: #FFF;
}
article.grid.double {
  width: 50%;
}
article.grid.double-vertical {
  height: 50%;
}
article.grid.triple {
  width: 75%;
}
article.grid.triple-vertical {
  height: 75%;
}
/*---------------------------------------
  6.0 Content
----------------------------------------*/
.entry-header[data-type=background] {
	 background-position: 50% 0;
	 background-attachment: fixed;
	 background-repeat: no-repeat;
	 background-size: cover;
	 width: 100%;
}
body.single-format-standard .entry-header[data-type=background], body.page .entry-header[data-type=background] {
	position: absolute; 
}
body.single-format-standard .entry-header[data-type=background]:after, body.page .entry-header[data-type=background]:after {
	position: absolute;
	content: '';
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 38%,rgba(255,255,255,1) 85%); 
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 38%,rgba(255,255,255,1) 85%); 
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 38%,rgba(255,255,255,1) 85%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 38%,rgba(255,255,255,1) 85%);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: inherit;
}
.featured-img img {
	visibility: hidden;
}
div.post > .entry-content, div.page > .entry-content {
	margin-top: 15em;
    padding: 0 0 4em;
    z-index: 91;
}
.entry-meta {
	text-transform: uppercase;
}
figure {
	position: relative;
	overflow: hidden;
}
figcaption {
	position: absolute;
	top: 100%;
	width: 100%;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 100%); 
	padding: 20% 1.25rem 1.25rem;
	color: #fff;
	font-size: 0.875rem;
	text-transform: none;	
	z-index: 98;
}
a.popup + figcaption {
	position: absolute;
	visibility: hidden;
	border: 0;
}
blockquote {
    border-left: 3px solid rgba(0,0,0,0.2);
    margin: 4em 0;
    padding: 0.5em 0 0 2em;
	font-size: 1em;
	color: #000;
}
blockquote p { 
	font: italic 1rem/1.61 "Playfair Display",serif;
	color: #000;
}
blockquote cite, blockquote cite a, .widget_rss cite {
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}
blockquote cite a {
	color: #000;
}
blockquote cite:before, .widget_rss cite:before {
	position: relative;
	display: block;
	content: '';
	margin: 0 0 0.5em 0;
	width: 10px;
	height: 0;
	border-bottom: 1px solid #ff0d3d; 
}
.page .entry-content > p:first-of-type, .post-content > p:first-of-type, .first-p {
	font: 1.5em/1.5  'Playfair Display', serif;
}
.grayscale {
	 -webkit-filter: grayscale(100%);
	 -ms-filter: grayscale(100%);
	 filter: grayscale(100%);
	 filter: gray;
}
.hidden-title {
	display: none;
}
.no-results {
	background: #fff;
	padding: 2.5em 20% 5em;
}
/* 6.1 Share Buttons */
#share {
	cursor: pointer;
	z-index: 97;
}
#share:hover i {
	border-color: rgba(0,255,255,0.1);
}
#share-buttons {
	position: absolute;
	left: 0;
	margin: 0;
	width: 2.5em;
	height: auto;
	z-index: 91;	
}
#share-buttons.horisontal {
	position: relative;
	width: auto;
	height: 2.5em;
}
a.social {
	display: inline-block;	
	text-align: center;
	color: rgba(255,255,255,0.5);
	border: 1px solid;
}
#share-buttons a, .author-social a {
	width: 2.5rem;
	height: 2.5rem;
	color: #000;
	line-height: 2.5rem;
	border-color: rgba(0,0,0,0.2);
	border-radius: 2.5rem;
}
#share-buttons a.social {	
	margin-bottom: 1.25rem;
}
#share-buttons.horisontal a.social {	
	margin: 0 1.25rem 0 0;
}
#share-buttons .social:last-child {
	margin-bottom: 0;
}
#share-buttons.horisontal .social:last-child {
	margin-right: 0;
}
.author-social a.social {
	margin: 0 1.25rem 0 0;	
}
.author-social a.social:hover, #share-buttons a.social:hover {
	color: #FFFFFF;
}
#share-buttons i, .author-social i {
	font-size: 1.125em;
}

.facebook:hover, #share-buttons .facebook:hover {
	background-color: #3b5999;
	border-color: #3b5999;
}
.twitter:hover, #share-buttons .twitter:hover {
	background-color: #28a9e1;
	border-color: #28a9e1;
}
.google-plus:hover, #share-buttons .google-plus:hover {
	background-color: #df4b38;
	border-color: #df4b38;
}
.linkedin:hover, #share-buttons .linkedin:hover {
	background-color: #117bb8;
	border-color: #117bb8;
}
.globe:hover {
	background-color: #333;
	border-color: #333;
}
#share-buttons .pinterest:hover {
	background-color: #d73532;
	border-color: #d73532;
}
#share-buttons .stumbleupon:hover {
	background-color: #ea4924;
	border-color: #ea4924;
}
#share-buttons .envelope:hover {
	background-color: #2553a4;
	border-color: #2553a4;
}
#share-buttons .digg:hover {
	background-color: #2f72a7;
	border-color: #2f72a7;
}
#share-buttons .reddit:hover {
	background-color: #ff4006;
	border-color: #ff4006;
}

/* 6.2 Home
----------------------------------------*/
.metro {
	background: #FFF;
}
.box {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 2.5rem;
	z-index: 49;
}
.box .entry-content {
	width: 100%;
	height: 100%;
	z-index: 59;
}
.metro .fullsizeWrap {
	z-index: 0;
}
.box:before, .grid-2 a:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 16.66666rem;
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); 
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); 
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.82) 100%); 
	z-index: 1;
}
.metro .adv a:before, .metro .cat a:before {
	display: none;
}
.cat a {
	color: #FFF;
}
.blended {
	background-color: #F00; 
	background-blend-mode: multiply;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .blended {
	background-blend-mode: darken, luminosity;
  }
}
.num-cat, .name-cat {
	position: relative;
	display: block;
	text-align: center;	
	font-weight: 700;
	z-index: 11;
}
.num-cat {
	font-size: 8em;
	line-height: 0.8;
	letter-spacing: -0.1em;	
	margin: 0;
}
.cat .num-cat {
	top: 50%;
	margin-top: -4.25rem;
}
.name-cat {
	font-size: 1.5em;
}
.cat .name-cat {
	top: 100%;
	opacity: 0;
}
.see-all {
	position: absolute;
	display: block;
	top: 100%;
	padding-top: 2rem;
	width: calc(100% - 5rem);
	height: 0.875em;
	font-size: 0.875em;
	line-height: 1;
	color: #FF0D3D;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid rgba(255,13,61,0.2);
}
.cat .name-cat, .cat .see-all, .adv .see-all {
	visibility: hidden;
}
.adv .see-all {
	width: 100%;
}
.cat .see-all {
	color: #FFF;
	border-color: rgba(255,255,255,0.2);
}
.box-cat {
	position: relative;
	display: inline-block;
	background: rgba(255,187,0,0.8);
	max-width: calc(100% - 2.5rem);
	color: #000;
	padding: 0 1.5em;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 2.5rem;
	word-wrap: break-word;
	text-transform: uppercase;
}
.box-cat:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	width: 0;
    height: 0;
    border-top: 0.5rem solid rgba(255,187,0,0.8); 
    border-right: 0.5rem solid transparent;	
}
.box-cat:empty:before {
	display: none;
}
.main-grid {
	counter-reset: list;
}
.grids {
	counter-increment: list;
}
.empty-cat, .empty-ads {
	background: #FFF;
} 
.empty-cat {	
	color: #FF0D3D;
}
.empty-ads {
	color: #000;
}
.empty-cat h6, .empty-ads h6 {
	position: absolute;
	display: block;
	top: 2.5rem;
	left: 2.5rem;
	padding: 0.25rem 0.5rem;
	font-size: 0.875em;
}
.empty-cat h6:before, .empty-ads h6:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;	
    height: 0; 
	content: '';
	border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid;
}
.empty-cat:after, .empty-ads:after {
	position: absolute;
	right: 2.5rem;
	bottom: 2.5rem;
	content: counter(list,decimal-leading-zero);
	font-size: 4.5em;
	font-weight: bold;
	letter-spacing: -0.1em;
	line-height: 1;
	opacity: 0.1;
}
.post-format {
	position: absolute;
	display: block;
	background: rgba(0,0,0,0.5);
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.125em;
	color: #FFF;
	text-align: center;
}
.grid.page .post-format {
	display: none;
}
.post-format i.fa {
	font-size: 1.125em;
}
.bottom-box {
	position: absolute;
	top: 100%;
	width: 100%;
	color: #FFF;
}
.bottom-box h3, .bottom-box h5 , .bottom-box p {
	color: #FFF;
}
.bottom-box h3, .bottom-box h5 {
	margin: 0;
	padding: 0;
	font-size: 1.125em;
}
article[class*=triple] .bottom-box h3 {
	font-size: 1.875em;
}
.bottom-box time, .bottom-box .nickname, article[id^=author] .bottom-box span {
	font-size: 0.75em;	
	font-weight: 700;
}
article[class*=triple] .nickname, article[class*=triple] time {
	font-size: 0.875em;
}
.bottom-box time,
article[id^=author] .bottom-box span {
	display: block;
	text-transform: uppercase;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
article[id^=author] .bottom-box span {
	color: #FFBB00;
}
.bottom-box .nickname {
	color: #FFBB00;
	line-height: 2;
	text-transform: uppercase;
}
.hidden_el {
	display: none;
}
.bottom-box p {
	margin: 1em 0 0;
	opacity: 0.75;
}
.bottom-box blockquote {
	position: relative;
	margin: 0;
	padding: 0;	
	overflow: hidden;	
	border-left: 0;
	color: #FFF;
}
.bottom-box blockquote p {
	display: block;
	margin: 0;
	font-size: 1.5em;
	line-height: 1.5;
	color: #FFF;
}
.type-quote .bottom-box p {
	font: italic 1.5em/1.5 "Playfair Display",serif;
	color: #FFF;
	font-style: italic;
}
.bottom-box blockquote cite:before {
	margin-top: 2.5em;
	border-bottom-color: #ffbb00;
}
.content-ads {
	height: 100%;
	max-height: 100%;
	z-index: 198;
}
.content-ads:before {
	position: absolute;
	content: '';
	background: rgba(255,255,255, 0.8);
	top: -2.5em;
	left: -2.5em;
	width: 150%;
	height: 150%;
	z-index: -1;
}
.content-ads .wrapper {
	width: inherit;
	height: inherit;
	overflow: hidden;
}
a .name-comp {
	display: inline-block;
	width: auto;
	margin-bottom: 1.25rem;
	padding: 0 0.5rem;
	color: #FF0D3D;
	font-size: 0.875em;
	line-height: 2;
	text-transform: uppercase;
	overflow: hidden;
}
a .name-comp:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-right: 0.5rem solid transparent;
    border-top: 0.5rem solid #FF0D3D;
	z-index: -1;
}
a .title-ads {
	display: block;
	margin-bottom: 1em;
	color: #000;
	font-size: 1.125em;
	line-height: 1.2;
}
.adv a p {
	position: relative;
	height: 6em;
	overflow: hidden;
}
.see-all i {
	visibility: hidden;
}
.adv > a > .border, .cat > a > .border {
	display:none;
}
/* 6.3 Page
----------------------------------------*/
div.page .entry-content {
	padding: 0;
}
div.page section {
	position: relative;
	margin: 0;
}
div.page .entry-content > * {
	padding: 0 25%;
}
div.page section:not(.team) {
	padding: 2.5em 25%;
}
div.page section.team, div.page .entry-content > .map {
	padding: 0;
}
div.page .title-page {
	color: #000;
	padding: 0 17.5%;
}
div.page .entry-content > p:first-of-type {
	padding: 4em 17.5%;
	margin: 0;
}
div.page .entry-content > section.portfolio, #contact-form {
	padding: 2.5em 12.5%;
}
li.title-section, h3.title-section {
	position: absolute;
	width: 25%;
	top: 0;
	left: 0;
	padding: 4.5rem 0 0 5rem;
	font-size: 1.5em;
}

.title-section:after {
	position: absolute;
	content: '';
	top: 2.5rem;
	left: 5rem;
	width: 10px;
	height: 0;
	border-bottom: 1px solid #000;	
}
#company ul li {
	font-weight: bold;
}
.portfolio ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.portfolio ul li {
	position: relative;
	display: block;
	float: left;
	width: 33.3333%;
	overflow: hidden;
}
.portfolio ul li.double {
	width: 66.6666%;
}
.portfolio ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
a[data-toggle="modal"]:before {
	position: absolute;
	font: 1.125em/2.5rem 'FontAwesome';
	content: '\f00e';
	width: 2.5rem;
	height: 2.5rem;
	top: 50%;
	left: 50%;
	margin: -1.25rem auto auto -1.25rem;
	color: #FFF;
	text-align: center;
	opacity: 0.5;
	z-index: 98;
}
a[data-toggle="modal"]:after {
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.2);
	width: 3.75rem;
	height: 3.75rem;
	top: 50%;
	left: 50%;
	margin: -1.875rem auto auto -1.875rem;
	border-radius: 3.75rem;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
li.person a[data-toggle="modal"]:after {
	display: none;
}
a[data-toggle="modal"]:hover:before {
	opacity: 1;
}
a[data-toggle="modal"]:hover:after {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.team {
	width: 100%;
}
div.page .team ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.title-section, li.person {
	position: relative;
	display: block;
	width: 25%;
	float: left;
	font-weight: 700;
}
li.title-section {
	background: #FFF;
	color: #000;
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
}
li.title-section:before {
	position: absolute;
	background: #FFF;
	left: 0;
	top: 100%;
	content: '';
	width: 100%;
	height: 5rem;
	z-index: -1;
}
.person {
	cursor: pointer;
	overflow: hidden;
}
.person img {
	width: 100%;
	height: 100%;
}
.person-desc {
	position: absolute;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 100%); 
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.62) 100%); 
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2.5em;
	font-family: "Montserrat",sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	overflow: hidden;
}
.person-desc:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.person:hover .person-desc {
	background: none;
}
.person:hover .person-desc:before {
	background: rgba(255,255,255,0.5);
}
.person-name {
	top: calc(100% - 2em);
	color: #000;
	font-size: 1.125em;
	line-height: 1.16;
}
.person-name-wrapper {
	top: calc(100% - 2rem);
	color: #FF0D3D;
	font-size: 0.875em;
}
.person-text {
	display: none;
	margin-top: 1.25rem;
	max-height: 10.5em;
	color: #000;
    font: 400 1em/1.5 "Lato",sans-serif;
    text-transform: none;
	overflow: hidden;
}
.person .border {
	border-color: rgba(0,0,0,0.1);
	color: #000;
}
.person a[data-toggle="modal"]:before {
	display: none;
}
.person-info {
	position: absolute;
	visibility: hidden;
}
#team-modal .person-box {
	max-width: 50%;
	margin:0 auto;
}
#team-modal .person-name {
	font-weight: 700;
}
#team-modal .person-name-wrapper {
	font-size: 1em;
	margin: 0 0 2.5em;
}
#contact {
	margin-top: 3.75em;
}
#contact-form {
	padding-top: 0;
}
form.contact-form {
	padding-bottom: 2.5em;
}
.contact-info {
	padding-bottom: 3.75em;
}
.contact-info p {
	margin: 0;
}
.map {
	width: 100%;
}
/* 6.3.1 Author Page */
body.author .person-box {
	background: #FFF;
	padding: 10em;
}
.person-avatar {
	float: left;
	width: 20em;
	height: 20em;
	margin-right: 5em;
}
body.author .person-avatar:before {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	font-family: 'FontAwesome';
	content: '\f007';
	font-size: 20em;
	line-height: 1;
	text-align: center;
	color: #d8d8d8;

}
.person-avatar .border {
	visibility: visible;
	width: calc(100% + 1em);
	height: calc(100% + 1em);
	top: -0.5em;
	left: -0.5em;
}
.person-avatar img, .person-avatar .avatar {
	max-width: 100%;
	max-height: 100%;
}
.author-info {
	float: left;
	width: calc(100% - 25em);
}
h1.author-name, #team-modal .person-name {
	color: #000;
	font-size: 2.25em;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	border: 0;
	text-transform: uppercase;
}
h1.author-name span {
	font-family: "Playfair Display", serif;
	font-style: italic;
	font-weight: 400;
	text-transform: none;
}
.author-wrapper, #team-modal .person-name-wrapper {
	color: #ff0d3d;
	margin-top: 1em;
	text-transform: uppercase;
}
.person-content {
	color: #000;
	line-height: 1.625;
	margin: 2.5em 0;
}
body.author article.grid, 
body.archive article.grid, 
body.search article.grid,
body.page-template-all-authors article.grid {
	position: relative;
	float: left;
	width: 50%;
}
/* 6.3.2 Sitemape */
.page-template-sitemap .site-content, .error404 .site-content {
	background-color: #FFF;
	float: none;
	width: 100%;
}
.page-template-sitemap ul {	
	list-style: none;
}
.page-template-sitemap ul[class*=list] {
	display: block;
	float: left;
	width: 20%;
	height: 100%;
	margin: 0;
	padding: 2.5em;
}
.page-template-sitemap ul[class*=list]:nth-child(2n) {
	background-color: #EEEEEE;
}
.page-template-sitemap li {
	position: relative;
}
.page-template-sitemap ul[class*=list] li.title {
	font: 1.5rem 'Playfair Display', serif;
	color: #000;
	margin: 0 0 2.5rem 0;
	text-transform: none;
}
.page-template-sitemap ul.list_pages > li:last-child {
	border: 0;
}
.page-template-sitemap ul[class*=list] li a{
	position: relative;
	display: block;
	font-size: 0.875rem;
	line-height: 2.5rem;
	color: #000;
	font-weight: 700;
	z-index: 85; 
}
.page-template-sitemap ul[class*=list] li a[href="#"] {
	cursor: default;
}
.page-template-sitemap ul[class*=list] li:hover > a {
	color: #FFF;
}
.page-template-sitemap ul[class*=list] li:not(.title) {
	text-transform: uppercase;
}
.page-template-sitemap ul[class*=list] li:not(.title):before {
	position: absolute;
	content: '';
	background-color: #FF0D3D;
	top: 0; left: -2.5rem;
	width: calc(100% + 5rem);
	height: 2.5rem;
	z-index: 0;
	-ms-transform: scaleY(0);
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
}
.page-template-sitemap ul[class*=list] li:not(.title):hover:before {
	-ms-transform: scaleY(1);
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.page-template-sitemap ul[class*=list] .sub-menu {
	padding: 0;	
}
.page-template-sitemap ul[class*=list] ul[class*=list] > li > .sub-menu {
	margin-top: 2.5rem;	
}
.page-template-sitemap ul[class*=list] .sub-menu li a {	
	font-size: 0.875rem;
}
.page-template-sitemap ul[class*=list] .sub-menu .sub-menu li a {	
	font-size: 0.75rem;
}
.page-template-sitemap ul[class*=list] li li > .sub-menu > li a:before {
	position: relative;
	font-family: 'FontAwesome';
	content: '\f105';
	margin-right: 2.5em;
}
.page-template-sitemap li span {
	position: absolute;
	display: none;
	right: 0; top: 0;
	line-height: 2.5em;
	color: #FFF;
}
/* 6.3.3 404 Page */
body.error404 .site-content {
	padding: 15em 0;
	text-align: center;
}
body.error404 p {
	margin: 0 0 2.5em 0;
	font: 400 1.5em 'Playfair Display', serif;
}
body.error404 .site-content a {
	font-size: 0.875rem;
}
/* 6.4 Post
----------------------------------------*/
a.grid {
	display: block;
	width: 100%;
	height: inherit;
}
body.single-format-gallery .entry-header, 
body.single-format-video .entry-header, 
body.single-format-audio .entry-header, 
body.author .entry-header, 
body.single-format-quote .entry-header  {
	background-color: #999;
    background-blend-mode: luminosity;
}
body.single-format-gallery .entry-header, 
body.single-format-video .entry-header, 
body.single-format-audio .entry-header,  
body.single-format-quote .entry-header {
	padding: 15em;
}
.entry-header.dark:before, .entry-header.light:before {
	position: absolute;
	content: '';
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.entry-header.dark:before {
	background: rgba(0,0,0,0.6);
}
.entry-header.light:before {
	background: rgba(255,255,255,0.8);
}
body.single-format-video .entry-content, body.single-format-audio .entry-content, body.single-format-gallery .entry-content, body.single-format-quote .entry-content {
	margin-top: 0;
}
.title-post, .entry-content .title-post {
	position: relative;
	font-size: 3em;
	color: #000;
	margin-bottom: 1.25rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	z-index: 899;
}
.entry-header.light .title-post {
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.entry-header.dark .title-post {
	color: #FFF;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
div.media { 
    margin: 0; 
}
.embed.border {
	position: relative;
	width: 100%;
	margin: 4em 0 0;
	padding: 0.5em;
	-ms-transform: scale(1);
	-webkit-transform: scale(1); 
	transform: scale(1);
	z-index: 39;
}
.entry-header.light  .embed.border {
	border-color: rgba(0,0,0,0.1);
	color: #000;
}
.el-crn {
	position: relative;
	display: inline-block;
	height: 2.5rem;
	background: rgba(255,13,61,0.8);
	color: #FFF;
	padding: 0 1.5em;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 2.5rem;
	text-transform: uppercase;
}
.el-crn:hover {
	background: rgba(255,13,61,1);
}
.el-crn:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	width: 0;
    height: 0;
    border-top: 0.5rem solid rgba(255,13,61,0.8); 
    border-right: 0.5rem solid transparent;	
}
.el-crn:hover:before {
	border-top-color: rgba(255,13,61,1);
}
.el-crn span {
	margin-right: 0.5em;
}
#comments-post {
	margin: 0 0 2.5rem 0;
	cursor: pointer;
}
span.author a {
	font-size: 0.875em;
    margin-right: 2.5em;
}
.nav-post {
	width: 100%;
}
.post-link {
	position: relative;
	display: block;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.post-link.post-prev {
	float: left;
}
.post-link.post-next {
	float: right;
}
.post-link img {
	position: absolute;
	top: 0;
	left: 0;
}
.post-link .el-crn {
	top: 0;
}
.post-content {
	position: relative;
	width: 65%;
	margin: 0 auto;
	text-transform: none;
	color: #000;
}
.post-wrapper {
	background: #FFF;
}
.post-content h2:not(.title-post), .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
	margin: 4em 10% 2em;
}
.post-content > p, .post-content > figure, .post-content > img, .post-content div[class*=embed] {
	margin-bottom: 2em;
}
.post-content > *:not(.full-width) {
	margin-left: 10%;
	margin-right: 10%;
}
div.author a {
	font-size: 0.875em;
	margin-right: 2.5em;
}
body.single-format-standard .first-p, body.single-format-standard .post-content > p:first-of-type {
	margin: 4em 0;
}
body.single-format-gallery .post .post-content > p:first-of-type,
body.single-format-video .post .post-content > p:first-of-type,
body.single-format-audio .post .post-content > p:first-of-type,
body.single-format-quote .post .post-content > p:first-of-type {
	margin: 8em 0px 4em;
	color: rgba(0,0,0,0.62);
}
.entry-date {
	color: #000;
	font-size: 0.875em;
}
.entry-header.dark .entry-date {
	color: #FFF;
}
.entry-content img {
	max-width: 100%;
	height: auto;
}
.ads {
	position: absolute;
	width: 25%;
	right: -30%;
	margin: 0;
	padding-bottom: 2.5em;
	line-height: 1.19;
	z-index: 789;
	overflow: hidden;
}
section .ads {
	right: 2.5%;
	width: 20%;
}
.post .entry-content .ads p, .ads p {
	font-size: 0.875em;
	margin: 0;
	padding: 1.25rem 0;
}
.ads a .title-ads {
	font-size: 1em;
}
.ads a .name-comp {
	font-size: 0.75rem;
}
.ads .see-all {
	position: relative;
	top: auto;
	margin-top: 0;
	width: 100%;
	font-size: 0.75em;
}
.ads img {
	width: 100%;
	height: auto;
}
.ads a:hover .grayscale {
	 -webkit-filter: grayscale(0);
	 -ms-filter: grayscale(0);
	 filter: grayscale(0);
}
.tag-links {
	position: relative;
	display: table;
	width: 52%;
	margin: 0 auto;
	padding: 5em 0;
}
.widget_tag_cloud .tag-link, .tag-links a {
	display: inline-block;
	border: 1px solid;
	font-size: 0.875em;
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.2rem;
	margin: 0 0.5rem 0.5rem 0;
	overflow: hidden;
	-webkit-transition: background 0.125s ease;
	-ms-transition: background 0.125s ease;
     transition: background 0.125s ease;
}
.widget_tag_cloud .tag-link {
	color: #FFF;
}
article.quote .entry-content blockquote p {
	font-style: italic;
}
article.quote .entry-content blockquote {
	width: 100%;
	margin: 0;
}
.entries {
	width: 100%;
	overflow: hidden;
}
.grid-2, article.grid-2 {
	position: relative;
	float: left;
	width: 25%;
	height: inherit;
	overflow: hidden;
}
.grid-2 img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
}
.grid-2 .entry-content {
	overflow: hidden;
}
.grid-2 .entry-content blockquote {
	font-size: 0.75em;
}
.page-links {
	margin: 2.5rem auto;
}
.page-links span {
	margin-right: 1.25rem;
}
/* 6.4.1 Comments */
.post-comments {
	padding: 4em 0 8em;
}
.comments {
	width: 52%;
	margin: 0 auto;
}
body.page .comments {
	width: 100%;
}
#reply-title {
	display: none;
}
.comments .items {
	margin: 2.25rem 0;
	font-size: 2.25em;
	letter-spacing: -2pt;
	color: rgba(0,0,0,0.1);
	white-space: pre;
}
.comment-list, ul.children {
	margin: 0;
	padding: 0;
}
ul.children > ul {
	margin-left: 5em;
}
.comment-list li.comment {
	list-style: none;
	padding-top: 2.25em;
	margin-top: 2.25em;
	border-top: 1px solid rgba(0,0,0,0.1);
	text-transform: none;
}
.comment-list > li.comment:first-child {
	margin-top: 0;
	border-top: none;
}
.children li.comment {
	padding-left: 5em;
}
.children li.comment:before {
	position: absolute;
	margin-left: -2.5em;
	font: 1.5em 'FontAwesome';
	content: '\f064';
	color: rgba(0,0,0,0.1);
    -ms-transform: rotate(-90deg); 
    -webkit-transform: rotate(-90deg); 
    -o-transform: rotate(-90deg); 
    transform: rotate(-90deg);
}
.comment-author {
	height: 2.5rem;
	line-height: 1;
	text-transform: uppercase;
}
.comment-author:before {
   position: absolute;
   font-family: 'FontAwesome';
   content: '\f0e5';
   top: 0;
   left: 0;
   width: 2.5rem;
   height: 2.5rem;
   font-size: 1.5em;
   line-height: 1;
   text-align: center; 
   color: #000; 
   z-index: 0;
}
.comment-author .avatar {
	position: relative;
	float: left;
	max-width: 2.5rem;
	max-height: 2.5rem;
	border-radius:2.5rem;
	margin-right: 1.25rem;
	z-index: 9;
}
img.avatar-default {
	opacity: 0;
}
.comment-author .nickname a, .comment-author .nickname {
	display: block;
	color: #000;
	font-weight: 700;
}
.comment-meta {
	left: 3.75rem;
	top: -1.5rem;
	text-transform: uppercase;
}
.comment-meta .entry-date, .logged-in-as, .comment-notes {
	font-size: 0.75em;
	color: rgba(0,0,0,0.38);
}
.comment-body p {
	clear: both;
	padding: 2.25em 0 0;
	line-height: 1.37;
}
.reply {
	float: left;
}
.reply a {
	font-size: 0.75em;
}
.reply a i {
	margin-right: 0.5rem;
}
/* 6.4.2 Gallery */
.blur-on  {
	-webkit-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px); 
	filter: blur(5px); 
}
a.popup {
	position: relative;
	display: block;
	overflow: hidden;
}
a.popup img {
	width: 100%;
	height: auto;
}
.post-img {
	float: left;
	width: 75%;
	height: inherit;
}
.preview ul {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-content ul[id^=gallery] {
	list-style: none;
	margin-top: 2.5em;
}
.preview ul li, ul[id^=gallery] li {
	position: relative;
	float: left;
}
.preview ul li, ul.full li {
	width: 25%;
}
.preview li:hover img{
	 -webkit-filter: grayscale(0);
	 filter: grayscale(0);
}
.preview li a, .post-content ul[id^=gallery] li a {
	position: relative;
	display: block;
	width: 100%;
	height: inherit;
	z-index: 79;
}
.post-content ul[id^=gallery] li a .border {
	visibility: hidden;
}
.preview li a:hover .border, .post-content ul[id^=gallery] li a:hover .border {
	visibility: visible;
	z-index: 98;
}
#gallery .modal-dialog, #gallery .modal-content, #popup .modal-dialog, #popup .modal-content {
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
}
#gallery .modal-body img  {
	position: absolute;
	left: -9999px;
}
#gallery .modal-body img.full {
	position: relative;	
	left: auto;
	max-height: 90vh;
}
.gallery-preview {
	float: right;
	overflow: hidden;
}
.gallery-preview ul {
	position: relative;
	display: block;
}
.gallery-preview li {
	float: left;
}
.nav-gall {
	top: 50%;
	margin-top: -1.8rem;
	overflow: hidden;
}
.nav-gall.prev {
	left: 2.5rem;
	right: auto;
}
ul.col-1 li {
	width: 100%;
}
ul.col-2 li {
	width: 50%;
}
ul.col-3 li {
	width: 33.3333%;
}
ul.col-4 li {
	width: 25%;
}
ul.col-5 li {
	width: 20%;
}
ul.col-6 li {
	width: 16.6666%;
}
ul.col-7 li {
	width: 14.2857%;
}
ul.col-8 li {
	width: 12.5%;
}
ul.col-9 li {
	width: 11.1111%;
}
ul.col-10 li {
	width: 10%;
}
/* 6.4.3 Post Format Quote */
body.single-format-quote .entry-header blockquote {
	position: relative;
	margin: 5rem 0 0;
	padding: 0;
	border: 0;
	z-index: auto;
}
body.single-format-quote .entry-header blockquote p,
body.single-format-quote .entry-header  p  {
	font-size: 2.25em;
	line-height: 1.3;
	margin-bottom: 5rem;
}
body.single-format-quote .entry-header blockquote .signature {
	font-size: 1.5em;
	line-height: 2;
}
body.single-format-quote article > .entry-content {
    margin-top: 0;
}
/* 6.5 Form
----------------------------------------*/
input, textarea, select {
	font: 400 1em 'Lato', sans-serif;
	border: 0;
	background: #EEEEEE;
	color: #48474B;
}
.error {
	box-shadow: inset 1px 1px 0 #FF0004;
}
form p {
    margin-bottom: 1rem;
	line-height: 1;
}
label {
	font-weight: 400;
}
input, select {
	height: 3.75rem;
    line-height: 3.75rem;
    padding: 0 1.25rem;
	margin-top: 0.25rem;
    width: 100%;
}
input[type="file"] {
	padding-left: 0;
}
input[type="checkbox"], input[type="radio"] {
	background: #fff;
	width: auto;
	height: auto;
    line-height: normal;
	margin: 0 0.5em 0 0;
	border: 1px solid #000;
}
textarea {
	width: 100%;
	height: 6.5rem;
	padding: 1.25rem;
}
.submit, .wpcf7-submit {
	position: absolute;	
	top: 0;
	right: 0;
	height: 3rem;	
	padding: 0 2.5rem;
	background: #FFF;
	width: auto;
	height: 3.5rem;
	font: 700 0.875em/3.5rem 'Montserrat', sans-serif;
	color: #000; 
	text-transform: uppercase;
	line-height: 2.5rem;
	border: 0;
	border-radius: 5px 0 0;	
}
.post-password-form input[type="submit"] {
	height: 3rem;	
	padding: 0 2.5rem;
	background: #eee;
	width: auto;
	height: 3.75rem;
	font: 700 0.875em/3.5rem 'Montserrat', sans-serif;
	color: #000; 
	text-transform: uppercase;
	line-height: 2.5rem;
	border: 0;
}
.form-submit {
	position: relative;
	height: 2.5rem;
	top: -10px;
}
.form-submit:before {
	position: absolute;
	content: '';
	background: #EEEEEE;
	width: 100%;
	height: 3.5em;
	top: -1rem;
	left: 0;
}
.comment-form .form-submit:after {
	position: absolute;
	content: '';
	width: 0;
    height: 0;
	top: 100%;
	left: 1.25em;
    border-top: 1.25em solid #EEE; 
    border-right: 1.25em solid transparent;	
}
*::-webkit-input-placeholder { color: #000; }
*::-moz-placeholder {color: #000; }
*:-ms-input-placeholder  {color: #000; }
#site-search input {
	position: relative;
	display: block;
	float: left;
	background: none;
	width: 100%;
	height: 2.5rem;
	padding: 0;
	font: 1.5em/2.5rem 'Playfair Display', serif;
}
.comment-respond {
	margin: 4em 0;
}
#site-search label {
	display: none;
}
#searchform-2 {
	position: relative; 
}
#searchform-2 label {
	position: absolute;
	display: block;
	top: 0; right: 0;
	height: 3.75em;
	width: 3.75em;
}
#searchform-2 label:before {
	position: relative;
	right: -1.5em;
    font-family: 'FontAwesome';
	content: '\f002';
	line-height: 3.75em;
}
#searchform-2 input[type=submit] {
	position: absolute;
	width: inherit;
	height: inherit;
	margin: 0;
	padding: 0;
	opacity: 0;
}
button {
	background-color: #004f9e; 
	border: none;
	border-radius: 4px;
	font: 700 1em/2.5em 'Montserrat', sans-serif;
	color: #FFF;
	padding: 0 1em;
	margin: 0.5em 0.25em;
	cursor:pointer;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
button.red { background-color: red; }
button.red:hover { background-color: #cc0000; }
button.brown { background-color: brown; }
button.brown:hover { background-color: Maroon; }
button.orange { background-color: orange; }
button.orange:hover { background-color: OrangeRed; }
button.yellow { background-color: yellow; color: #000; }
button.yellow:hover { background-color: #ffcc00; }
button.green { background-color: green; }
button.green:hover { background-color: DarkGreen; }
button.LimeGreen { background-color: LimeGreen; }
button.LimeGreen:hover { background-color: #99cc00; }
button.DeepSkyBlue { background-color: DeepSkyBlue; }
button.DeepSkyBlue:hover { background-color: DodgerBlue; }
button.Indigo { background-color: Indigo; }
button.Indigo:hover { background-color: #6004d2; }
button.purple { background-color: purple; }
button.purple:hover { background-color: DarkViolet; }

/* 6.6 Pagination
----------------------------------------*/
.pag { 
	position: relative;
	display: block;
	text-align: center;
	margin: 4em auto;
}
.pagination {
	background-color: transparent;
	border: 0;
	margin: 0;
}
.pagination > li > a, .pagination > li > span {
    background-color: transparent;
	padding: 0;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 2.5em;
	min-width: 2.5em;
	color: #000;
	border: 0;
}
.pagination a[aria-label="Previous"], .pagination a[aria-label="Next"] {
	margin: 0 2.5em
}
.pagination > li:not(.disabled) > a:before, .pagination > li:not(.disabled) > a:after {
    position: absolute;
	background: rgba(255,13,62,0.2);
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
	-webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
	transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
}

.pagination > li:not(.disabled) > a:before {
    top: -6px;
    -webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}
.pagination > li:not(.disabled) > a:after {
    bottom: -4px;
    -webkit-transform: translateY(8px);
	transform: translateY(8px);
}
.pagination > li:not(.disabled) > a:hover:before, .pagination > li:not(.disabled) > a:hover:after {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.pagination > li, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: transparent;
    border: 0;
    color: #000;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:hover, .pagination > li > span:hover  {
    background-color: transparent;
    border: 0;
    color: #FF0D3E;
    z-index: 2;
}
.pagination .current {
	 color: #FF0D3E;
}
.pagination > li > a > span {
	padding: 1em 2.5em;
	text-transform: uppercase;
}
.pagination i.fa-caret-right, .pagination i.fa-caret-left {
	position: relative;
	opacity: 0;
}
.pagination i.fa-caret-right {
	-webkit-transform: translateX(-1em);
    transform: translateX(-1em);
}
.pagination i.fa-caret-left {
	-webkit-transform: translateX(0);
    transform: translateX(0);
}

/* 6.7 Shortcode
----------------------------------------*/
.tabs {
	margin: 1.25em 0;
}
.tabs.vertical {
	background: #eee;
	border: 1px solid #eee;
}
.tabs ul, div.page .tabs ul {
	margin: 0;
	padding: 0;
}
.tabs.horizontal ul {
	height: 2.5em;
	border-bottom: 1px solid #eee;
}
.tabs.vertical ul {
	background: #eee;
	float: left;
	width: 25%;
}
.tabs li {
	list-style: none;
	padding: 0 1.25em;
	height: 2.5em;
}
div.page .tabs ul li  {
    line-height: none;
}
.tabs.horizontal li {
	float: left;
	background: #eee;
	margin: 0 0.5px;
	border: 1px solid #eee;
	border-bottom-color: #FFF;
	border-radius: 5px 5px 0 0;
}
.tabs.vertical li {	
	margin: 0;
	height: auto;
	border-bottom: 1px solid #FFF;
}
.tabs li a {
	display: block;
	padding: 0;
	font: italic 1em/2.5em "Playfair Display", serif;
	color: #000;
}
.tabs.vertical li a {
	line-height: normal;
	padding: 0.5em 0;
}
.nav > li > a:focus, .nav > li > a:hover {
	background: none;
}
.tabs li.active {
	background: #FFF;
}
.tabs .tab {
	top: 0;
	margin: 0;
	padding: 0;
}
.tabs.horizontal .tab {
	border: 1px solid  #eee;
	border-top: none;
}
.tabs.vertical .tab {
	float: left;
	background: #FFF;
	width: 75%;
}
.tabs .tab p {
	margin: 0;
	padding: 1.25em;
}
.toggled {
	margin: 0.5em 0;
	padding: 1em 0;
	border: 1px solid #eee;
	border-radius: 5px;
}
.toggled h5 {
	margin: 0;
	padding: 0 1em; 	
	cursor: pointer;
	text-transform: none;
}
.toggled h5:after {
	font-family: 'FontAwesome';
	content: '\f107';
	position: absolute;
	right: 1em;
}
.toggled.open h5:after {
	font-family: 'FontAwesome';
	content: '\f106';
}
.toggled p {
	margin: 1em 1em 0;
}
.note {
	margin: 0.5em 0;
	border: 1px solid;
	border-radius: 5px;
}
.note p {
	margin: 1em;
	font-size: 0.875em;
	font-style: italic;
	line-height: 1.2;
}
.note.red, .note.red p {
	color: #F00;
}
.note.blue, .note.blue p {
	color: #004f9e; 
}
.note.yellow {
	border-color: #FC0;
}
.note.yellow p {
	color: #e4bd04;
}
.note.grey {
	border-color: #CCC;
}
.note.grey p {
	color: #808080;
}
.note.green, .note.green p {
	color: #090;
}
/*---------------------------------------
  7.0 Sidebar
----------------------------------------*/
.sidebar .widget {
	border-bottom: 4px solid rgba(255,255,255,0.2);
	margin-bottom: 2em;
	padding-bottom: 2em;
}
h4.widget-title {
	text-align: center;
	color: rgba(255,255,255,0.2);
}
.sidebar .widget:first-child h4.widget-title{
	margin-top: 2.5rem;
}
.widget_flickr {
	padding-top: 2em;
}
.sidebar .widget:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}
.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sidebar .widget ul li {
	position: relative;
	margin-top: 2.5rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid #434345;
	overflow: hidden;
}
.sidebar .widget ul li:last-child {
	border-bottom: 0;
}
.sidebar .widget_meta ul li, .sidebar .widget_recent_entries ul li, .sidebar .widget_nav_menu ul li {
	margin-top: 1.25rem;
	padding-bottom: 1.25rem;
}
.widget ul ul {
	margin-left: 1.25em;
}
.widget ul li > a {
	display: block;
}
.sidebar .widget .meta .fa {
	font-size: 1.125rem;
}
.sidebar a {
	color:#fff;
}
.sidebar img {
	max-width: 100%;
	height: auto;
}
.widget a .wcat {
	font-size: 0.75em;
	font-weight: 700;
	text-align: left;
	color: #717075;
}
.title_resent_posts, .recentcomments a .title-post {
	color: #FFF;
	font-size: 1.125rem;
	line-height: 1.2;
}
.title_resent_posts {
	margin-bottom: 1em;
	font-weight: 700;
}
.widget a p, .widget p {
	display: block;
	color: #a8a8aa;
	margin-bottom: 2em;
	text-transform: none;
}
.widget p strong {
	color: #a8a8aa;
}
.widget a:hover p, .widget a:hover .wcat {
	color: rgba(255,255,255,1);
}
.widget a .meta, .widget a .read_more, .widget a:hover .title_resent_posts {
	color: #FFBB00;
}
.widget a .meta, .widget a .read_more {
	font-size: 0.875em;
	height: 1rem;
}
.widget .read_more {
	position: absolute;
	margin-top: -1rem;
	left: 0;
	opacity: 0;
}
.widget blockquote {
	margin: 0 0 2em 0;
	padding: 0;
	border-left: 0;
}
.widget blockquote cite {
	color: rgba(255,255,255,0.6);
}
.widget blockquote cite::before, .widget_rss cite:before {
    border-bottom: 1px solid #FFBB00;
}
.recentcomments .avatar {
	border-radius: 2.5rem;
    float: left;
    height: 2.5rem;
    margin-right: 1.25rem;
    overflow: hidden;
    width: 2.5rem;
}
.recentcomments .avatar:before {
	color: #FFF;
    content: "";
    font-family: "FontAwesome";
    font-size: 1.5em;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 2.5rem;
    z-index: 0;
}
.recentcomments .avatar img {
	position: relative;
	visibility: hidden;
	z-index: 9;
}
.recentcomments a:hover .avatar img {
	visibility: visible;
}
 .recentcomments .avatar img.avatar-default {
	display: none;
}
.recentcomments a .meta {
	float: left;
	width: calc(100% - 4rem);
	height: auto;
	font-size: 0.75em;
	font-weight: 700;
	color: #8a8a8c;
}
.recentcomments a .title-post {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	
}
.recentcomments a:hover .title-post, 
.recentcomments a .nickname,
.widget_recent_comments .recentcomments span,
.widget_recent_comments .recentcomments span a,
.widget_recent_comments .recentcomments > a:hover,
.widget .cat-item:hover a,
.widget_archive li:hover a {
	color: #FFBB00;
}
.recentcomments a:hover .nickname,
.widget_recent_comments .recentcomments > a {
	color: #FFF;
}
.recentcomments p {
	padding-top: 1.62em;
	margin-bottom: 0;
}
.widget_recent_comments .recentcomments {
	font-size: 0.75em;
    font-weight: 700;
}
.widget_recent_comments .recentcomments > a {
	display: block !important;
	font-size: 1.125rem;
    line-height: 1.2;
}
.widget .num-cat {
	margin: 0 auto;
	line-height: 0.5;
	padding-bottom: 2rem;
	color: #FFF;
}
.widget_flickr .widget-title {
	font-size: 1.3125em;
	font-weight: 700;
	color: #0063DB;
	text-align: center;
}
.widget_flickr .widget-title span {
	color: #FF0084;
}
.flickrphotos {
	padding: 2em 0;
}
.flickr_badge_image {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	border: 0;
}
.tagcloud {
	margin: 2em 0 0;
}
.tweet-entry {
	padding-left: 3rem;
	min-height: 2.5rem;
	margin-bottom: 1.25rem;
	font-size: 0.75em;
	font-weight: 700;
}
.tweet-entry:before {
	position: absolute;
	font-family: 'FontAwesome';
	content: '\f099';
	top: 0;
	left: 0;
	color: #5FA9DD;
	font-size: 1.5rem;
}
.tweet-entry span {
	color: #FFF;
}
.jtwt_tweet a {
	color: #5FA9DD;
}
.tweet-entry a {
	display: block;
}
p.jtwt_tweet_text {
	margin: 0;
}
#wp-calendar {
	width: 100%;
	overflow: hidden;
}
#wp-calendar caption {
	color: rgba(255,255,255,0.3);
	margin-left: 0.5em;
	border: 0;
}
#wp-calendar td, #wp-calendar th {
	padding: 0 0.5em;
	text-align: center;
	height: 2.5em;
	border: 0;
	border-top: 1px solid rgba(255,255,255,0.1);
}
#wp-calendar td:first-child, #wp-calendar th:first-child {
	padding-left: 0;
}
#wp-calendar td:last-child, #wp-calendar th:last-child {
	padding-right: 0;
}
#wp-calendar th {
	font-size: 0.875em;
	font-weight: 400;
	color: rgba(255,255,255,0.3);	
}
#wp-calendar td {
	color: #a8a8aa;
}
#wp-calendar a {
	display: block;
	color: #FFB200;
	line-height: 2.2em;
}
#wp-calendar a:hover {
	background: #FFB200;
	color: #000;
}
.widget .cat-item, .widget_archive li {
	position: relative;
}
.widget .cat-item a, .widget_archive li a {
	color: #fff;
}
.widget .cat-item span, .widget_archive li span {
	position: absolute;
	display: inline-block;
	background: #FFB200;
	right: 0; top: 0;
	min-width: 1.25em;
	height: 1.25em;
	text-align: center;
	line-height: 1.25em;
	color: #000;
}
.sidebar .widget ul li.cat-item, .sidebar .widget_archive ul li {
	margin-top: 1.25em;
	padding-bottom: 1.25em;
}
.sidebar .widget ul li.page_item {
	margin-top: 1.25em;
	padding-bottom: 0;
}
.sidebar .widget ul li.cat-item:first-child, 
.sidebar .widget_archive ul li:first-child, 
.sidebar .widget ul li.page_item:first-child,
.sidebar .widget:first-child select, 
.sidebar .widget:first-child div.textwidget {
	margin-top: 2.5em;
}
.sidebar select {
	background-color: transparent;
	width: 100%;
	height: 2.5em;
	font: 400 1em/1.5 "Lato",sans-serif;
	border: none;
	border-bottom: 1px solid #434345;
	-webkit-appearance: none !important;
	-ms-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}
.widget_categories, .widget_archive {
	position: relative;
}
.widget_categories label, .widget_archive label {
	visibility: hidden;
}
.widget_categories label:after, .widget_archive label:after {
	position: absolute;
	bottom: 2.5rem;
	right: 0.5rem;
	font-family: 'FontAwesome';
	content: '\f107';
	color: #a8a8aa;
    pointer-events:none;
	visibility: visible;
}
.widget .page_item a {
	padding-bottom: 1.25rem;
}
.widget_search {
	margin-top: 2.5em;
}
.widget_search input {
	background: none;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1em;
	color: #a8a8aa;
	padding: 0;
	border-bottom: 1px solid #434345;
}
.widget_search input::-webkit-input-placeholder { color: #fff; }
.widget_search input::-moz-placeholder {color: #fff; }
.widget_search input:-ms-input-placeholder  {color: #fff; }
.widget_search label:before {
	display: none;
}
.rss-date {
	display: block;
	margin: 1rem 0;
	font-size: 0.75em;
}
.rssSummary {
	font: 400 1em/1.5 "Lato",sans-serif;
	color: #a8a8aa;
	text-transform: none;
	margin-bottom: 2em;
}
/*---------------------------------------
  8.0 Footer
----------------------------------------*/
#footer-sidebar {
	position: relative;
	width: 100%;
	padding: 2.5em 0 0;
	margin: 0;
}
#footer-sidebar .widget {
	margin: 0 2.5em;
}
#footer-social {
	float: left;
	height: 2.5em;
	border-left: 1px solid rgba(255,255,255,0.2);
	padding-left: 2em;
	margin-left: 3em;
}
#footer-social a.social {
	width: 1em;
	height: 1em;
	line-height: 2.5rem;
	margin: 0 1rem;
	font-size: 1.125em;
	border: 0;
}
#footer-social a.social:hover {
	background-color: transparent;
}
#footer-social .facebook:hover{
	color: #3b5999;
}
#footer-social .twitter:hover {
	color: #28a9e1;
}
#footer-social .google-plus:hover {
	color: #df4b38;
}
#footer-social .linkedin:hover {
	color: #117bb8;
}
#footer-social .instagram:hover {
	color: #a47658;
}
#footer-social .flickr:hover {
	color: #f12b92;
}
#footer-social .vimeo:hover {
	color: #82c7f0;
}
#footer-social .youtube:hover {
	color: #d23133;
}
#footer-social .behance:hover {
	color: #ec8c36;
}
#footer-social .dribbble:hover {
	color: #ec4a89;
}
#footer-social .pinterest:hover {
	color: #c91f25;
}
#footer-social .soundcloud:hover {
	color: #ff7600;
}
#footer-social .lastfm:hover {
	color: #c50000;
}
.rss:hover {
	color: #faa932;
}
#copy {
	float: left;
	display: inline;
	font: 0.875em/2.5rem 'Raleway', sans-serif;
	color: rgba(255,255,255,0.38);
	text-transform: none;
}
div[class^=menu-footer] {
	float: left;
	line-height: 2.5rem;
	min-height: inherit;
}
div[class^=menu-footer] > ul > li {
	position: relative;
	float: left;
	clear: none;
	height: 1em;
	margin: 0.8em 0 0 2rem;
	padding-left: 2rem;
	border-left: 1px solid rgba(255,255,255,0.2);
	border-radius: 0;
}
div[class^=menu-footer] ul li:hover, div[class^=menu-footer] ul li:hover a {
	background: transparent;
}
div[class^=menu-footer] ul li a {
	display: inherit;
	padding: 0;
	font-size: 0.75em;
	color: rgba(255,255,255,0.5);
	line-height: 1rem;
	text-transform: uppercase;
}
#f-site-name{
	font: 900 0.875em 'Playfair Display', serif;
	color: #FFF;
	text-transform: capitalize;
	margin: 0 0.5rem;
}
#f-site-name span, .navbar-footer > .navbar-nav > li > a:hover,  .navbar-footer > .navbar-nav > li > span:hover {
	color: #FFB200;
}
/*---------------------------------------
 9.0  Loader
----------------------------------------*/
#loader {
	position: fixed;
	background: #212025;
	top: 0; left: 0;
	width: 100vw; height: 100vh;
}
#loader-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -2.5em auto auto -2.5em;
	width: 5em;
	height: 5em;
	border: 0.25em solid rgb(255,255,255);
	animation: cssload-loader 2.3s infinite ease;
		-o-animation: cssload-loader 2.3s infinite ease;
		-ms-animation: cssload-loader 2.3s infinite ease;
		-webkit-animation: cssload-loader 2.3s infinite ease;
		-moz-animation: cssload-loader 2.3s infinite ease;
}
.loader-inner {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	background-color: rgb(255,179,0);
	animation: cssload-loader-inner 2.3s infinite ease-in;
		-o-animation: cssload-loader-inner 2.3s infinite ease-in;
		-ms-animation: cssload-loader-inner 2.3s infinite ease-in;
		-webkit-animation: cssload-loader-inner 2.3s infinite ease-in;
		-moz-animation: cssload-loader-inner 2.3s infinite ease-in;
}
@keyframes cssload-loader {
	0% { transform: rotate(0deg); } 
	25% { transform: rotate(180deg); }	
	50% { transform: rotate(180deg); }	
	75% { transform: rotate(360deg); }	
	100% { transform: rotate(360deg) }
}

@-o-keyframes cssload-loader {
	0% { transform: rotate(0deg); }	
	25% { transform: rotate(180deg); }	
	50% { transform: rotate(180deg); }	
	75% { transform: rotate(360deg); }	
	100% { transform: rotate(360deg); }
}

@-ms-keyframes cssload-loader {
	0% { transform: rotate(0deg); }	
	25% { transform: rotate(180deg); }	
	50% { transform: rotate(180deg); }	
	75% { transform: rotate(360deg); }	
	100% { transform: rotate(360deg); }
}

@-webkit-keyframes cssload-loader {
	0% { transform: rotate(0deg); }	
	25% { transform: rotate(180deg); }
	50% { transform: rotate(180deg); }
	75% { transform: rotate(360deg); }	
	100% { transform: rotate(360deg); }
}

@-moz-keyframes cssload-loader {
	0% { transform: rotate(0deg); }	
	25% { transform: rotate(180deg); }	
	50% { transform: rotate(180deg); }
	75% { transform: rotate(360deg); }
	100% { transform: rotate(360deg); }
}

@keyframes cssload-loader-inner {
	0% { height: 0%; }	
	25% { height: 0%; }	
	50% { height: 100%; }	
	75% { height: 100%; }	
	100% { height: 0%; }
}

@-o-keyframes cssload-loader-inner {
	0% { height: 0%; }	
	25% { height: 0%; }
	50% { height: 100%; }	
	75% { height: 100%; }	
	100% { height: 0%; }
}

@-ms-keyframes cssload-loader-inner {
	0% { height: 0%; }	
	25% { height: 0%; }	
	50% { height: 100%; }	
	75% { height: 100%; }
	100% { height: 0%; }
}

@-webkit-keyframes cssload-loader-inner {
	0% { height: 0%; }	
	25% { height: 0%; }	
	50% { height: 100%; }	
	75% { height: 100%; }	
	100% { height: 0%; }
}

@-moz-keyframes cssload-loader-inner {
	0% { height: 0%; }	
	25% { height: 0%; }	
	50% { height: 100%; }	
	75% { height: 100%; }	
	100% { height: 0%; }
}
/*---------------------------------------
 10.0  Media Queries
----------------------------------------*/
@media all and (-webkit-min-device-pixel-ratio:0){
  .pagination > li > a > span {
    padding: 1em 2.5em 1em 0;
  }
}
  /* IE10+ styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
	.blended:after {
		position: absolute;
		content: '';
		background: rgba(255,0,0,0.7);
		width: 100%;
		height: 100%;
	}
	#share-buttons {
		padding-top: 1em;
	}
}
@media only screen and (min-width: 1600px) {
	body, html { font-size: 16px; }
}
@media only screen and (min-width: 1025px) {
	#main-menu:hover {
	  background-color: #FFF;
   }
   #main-menu li:hover > a {
	  color: #FFF;
	  border: none;
   }
   #main-menu li:hover > a:before {
	  -ms-transform: scaleY(1);
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
   }
   #main-menu li.menu-item-has-children:hover > .sub-menu {
	   display: block; 
   }
   a:hover .border, .person:hover .border {
	   left: 1.25em;
       top: 1.25em;
	  -ms-transform: scale(1);
	  -webkit-transform: scale(1); 
	   transform: scale(1);
   }
   .box:hover:before, .grid-2 a:hover:before, .post-link:hover .el-crn,
   .box:hover .box-cat,  .box:hover .post-format{
	   opacity: 0;
	}
	
	article:not(.single) .box .fullsizeWrap:after {
		position: absolute;
		background: rgba(0,0,0,0);
		content: '';
		width: 100%;
		height: 100%;
		top: 0; left: 0;
	}
	article:not(.single) .box:hover .fullsizeWrap:after {
		background: rgba(0,0,0,0.7);
	}
	.box:hover img,
	.widget_flickr a:hover img {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	body.home .box:hover .type-quote time, body.home .box:hover .type-quote h3, body.home .box:hover .type-quote h5, body.home .box:hover .type-quote .nickname {
		opacity: 0;
	}
	.cat a:hover .name-cat, .cat a:hover .see-all {
		visibility: visible;
		margin-top: -5.5rem;
	}
	.adv a:hover .see-all {
		visibility: visible;
		margin-top: -2.5rem;
	}
	a:hover .see-all i {
		visibility: visible;
	}
	.adv a:hover p {
		height: 3em;
	}
	.adv a:hover img, .cat:hover .blended {
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
	a:hover .name-comp {
		color: #FFF;
	}
	a:hover .name-comp:after {
		border-width: 12rem;
	}
	a:hover .title-ads, .adv a:hover .see-all, .ads a:hover .see-all {
		color: #FF0D3D;
	}
	.adv a:hover .see-all, .ads a:hover .see-all {
		border-color: #FF0D3D;
	}
	.cat:hover .num-cat {
		top: 0;
		margin-top: 0;
	}
	.cat:hover .name-cat {
	  top: 7rem;
	  opacity: 1;
	}
	.pagination li:not(.disabled) a:hover i {
		opacity: 1;		
	}
	.pagination a:hover i.fa-caret-right {
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
       transform: translateX(0);
	}
	.pagination a:hover i.fa-caret-left {
		-ms-transform: translateX(-0.625em);
		-webkit-transform: translateX(-0.625em);
		transform: translateX(-0.625em);
	}
	.page-template-sitemap li:hover span {
		display: inline;
		font-weight: 700;
	}
	.sidebar a:hover {
	    color:#FFBB00;
     }
	 .jtwt_tweet a:hover {
	   color: #5FA9DD;
    }
	.widget ul li > a:hover .read_more {
		opacity: 1;
	    animation: anim 0.7s;
	 }
	 .widget ul li:not(.recentcomments) > a:hover .meta {
		 opacity: 0;
	 }
	.recent-post a:hover .wcat, 
	.widget .page_item:hover a, 
	.widget_rss li:hover a,
	.widget_rss li:hover .rss-date {
		animation: anim 0.2s;
	}
	.recent-post a:hover .title_resent_posts, .widget_rss li:hover .rssSummary {
		animation: anim 0.3s;
	}
	.recent-post a:hover p, .recent-post a:hover blockquote, .widget_rss li:hover cite {
		animation: anim 0.4s;
	}
	@keyframes anim {
		from {
			opacity: 0;			
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
			}
		to {
			opacity: 1;
			-ms-transform: translateX(0);
            transform: translateX(0);
			}
	}
	.recentcomments a:hover .avatar, 
	.widget li.cat-item:hover a,
	.widget_archive li:hover a {
		animation: anim_top 0.3s;
	}
	.recentcomments a:hover .meta, 
	.widget li.cat-item:hover span,
	.widget_archive li:hover span {
		animation: anim_top 0.5s;
	}
	.person:hover .person-text {
		 display: block;
		 animation: anim_top 0.6s;
		 z-index: 199;
	 }
	 .person:hover .person-name, .person:hover .person-name-wrapper  {
		 top: 0;
	 }
	.person:hover .person-name, .person:hover .person-name-wrapper   {
		top: 0;
		animation: anim_top 0.6s;
	}
	.person:hover .person-desc:before {
		animation: none;
	}
	@keyframes anim_top {
		from {
			opacity: 0;
			-ms-transform: translateY(100%);
            transform: translateY(100%);
			}
		to {
			opacity: 1;
			-ms-transform: translateY(0);
            transform: translateY(0);
			}
	}
	.widget_tag_cloud .tag-link:hover, .tag-links a:hover {
		padding: 0 0.55rem;
	}
	.widget_tag_cloud .tag-link:hover {
		color: #000;
		background: #FFF;
	}
	.post .tag-links a:hover {
		background: #FF0D3D;
		color: #FFF;
		border-color: #FF0D3D;
	}
	.tag-link:before, .tag-links a:before {
		position: relative;
		display: none;
		width: 1rem;
		margin-right: 0.3rem;
		font-family: 'FontAwesome';
		content: '\f02b';
		font-size: 0.875em;
	}
	.tag-link:hover span, .tag-links a:hover span {
		display: inline-block;
	    animation: anim_tag 0.125s;
	}
	@keyframes anim_tag{
		from {
			opacity: 0;			
            -ms-transform: translateX(100%);
            transform: translateX(100%);
			}
		to {
			opacity: 1;
			-ms-transform: translateX(0);
            transform: translateX(0);
			}
	}
	.tag-link:hover:before, .tag-links a:hover:before  {
	    display: inline-block;
	    animation: anim_i 0.2s;
	}	
	@keyframes anim_i {
		from {
			-ms-transform: translateX(-100%);
            transform: translateX(-100%);
			}
		to {
			-ms-transform: translateX(0);
            transform: translateX(0);
			}
	}
	.nav-gall.prev:hover i {
	    animation: ar_prev 0.6s;
	}
	@keyframes ar_prev {
		49% {
			opacity: 1;
			-ms-transform: translateX(-2.5em);
			transform: translateX(-2.5em);
		}
		50% {
			opacity: 0;
		}
		51% {
			opacity: 1;
			-ms-transform: translateX(2.5em);
			transform: translateX(2.5em);
		}
		100% {
			-ms-transform: translateX(0);
			transform: translateX(0);
		}
	}
	.nav-gall.next:hover i {
		animation: ar_next  0.6s;
	}
	@keyframes ar_next {
		49% {
			opacity: 1;
			-ms-transform: translateX(2.5em);
			transform: translateX(2.5em);
		}
		50% {
			opacity: 0;
		}
		51% {
			opacity: 1;
			-ms-transform: translateX(-2.5em);
			 transform: translateX(-2.5em);
		}
		100% {
			transform: translateX(0);
		}
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	.adv a p { height: 3.2em; }
}
@media only screen and (max-width: 1280px) {
	body, html { width: auto; overflow: auto; }
	.main { width: 100%; margin-top: 0; }
	a .name-comp { margin-bottom: 1em; }
}
@media only screen and (max-width: 1024px) {
	#main-menu.open { background: #fff; }
	#main-menu.open .header-icon.menu {
		color: #000;
		-ms-transform: rotate(90deg); 
		-webkit-transform: rotate(90deg); 
		transform: rotate(90deg);	
	}
	#main-menu ul li { position: relative; }
	#main-menu li.open { background: #212025; }
	#main-menu li.open > a, #main-menu li.open > a:focus, #main-menu ul ul.open li a { background: none; color:#fff; }
	#main-menu ul li a { display: inline-block; }
	#main-menu .sub-menu { 
		position: relative;
		background: none;  
		top: 0; left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#main-menu .sub-menu li.open { background: #141316; }
	#main-menu .sub-menu.open { display: block; }
	#main-menu .sub-menu li { padding-left: 1em; }
	#main-menu .sub-menu .sub-menu { background: none; }
	.o-sbm { 
		position: absolute; 
		display: inline-block; 
		top: 0; right: 1em; 
		width: 2em; height: 100%;
		font-size: 1em;
		font-weight: 400;
		color: #000;
	} 
	#main-menu li.open .o-sbm { color: #fff; }
	.o-sbm:before {
		position: absolute;
		top: 0.5rem; right: 0;
		font-family: 'FontAwesome'; 
		content: '\f107';
		font-size: 1rem;
		z-index: 599;
	}
	.o-sbm.open:before {
		-ms-transform: rotate(180deg); 
		-webkit-transform: rotate(180deg); 
		transform: rotate(180deg);	
	}
	.entry-header[data-type="background"] { background-attachment: scroll; }
    .cat .name-cat, .cat .see-all, .adv .see-all, .see-all i {visibility: visible; opacity: 1; }
	.cat .name-cat { top: 50%; }
	.cat .see-all { margin-top: -5rem;}
	.adv .see-all { margin-top: -2.5rem;}
	.entry-content section { width: 80%; padding: 0; }
	.ads, section .ads { position: relative; width: inherit; right: 0; }
	a .name-comp { background-color: #FF0D3D; color: #FFF; }
	a .title-ads, .adv a .see-all, .ads a .see-all { color: #FF0D3D; }
	.adv a .see-all, .ads a .see-all { border-color: #FF0D3D; }
	.tag-links, .comments {width: 65%; }
	li.title-section, h3.title-section { padding-left: 0; }
	.title-section:after { left: 0; }
	div.page section { margin: 0 auto;}
	div.page section:first-child, div.page section.team  { padding-left: 0; padding-right: 0; }
}
@media only screen and (max-width: 980px) {
   .adv a p { height: 3.2em; }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.sidebar { padding: 0 4em; }
	.widget li:not(.recentcomments) a .meta, .widget a .read_more { position: absolute; width: 100%; bottom: 3.375em;}
	#popular-posts li, #hot-posts li, #recent-comments li, #tweets li { float:left; width: calc(50% - 1.25em); }
	#popular-posts li, #hot-posts li { height: 15.5em; }
	#popular-posts li p, #hot-posts li p { height: 6em; overflow: hidden; }
	#recent-comments li { height: 5.5em; }
	#popular-posts li:nth-child(2n), #hot-posts li:nth-child(2n), #recent-comments li:nth-child(2n), #tweets li:nth-child(2n) { margin-left: 2.5em; }
	#popular-posts li:nth-last-child(2), #hot-posts li:nth-last-child(2), #recent-comments li:nth-last-child(2),  #tweets li:nth-last-child(2) { border-bottom-width: 0; } 
	#flickr-photos ul { width: 75%; margin: 0 auto;}
	#flickr-photos li { width: 25%; }
	.ads { border-top: 4px solid #e5e5e5; border-bottom: 4px solid #e5e5e5; padding: 2.5em 0; margin-bottom: 2.5em; }
	.ads:after, .ads:before { display: table; clear: both; content: ''; }
	.ads img { position: absolute;  width: 50%; height: auto; top: 2.5em; right: 0; }
	.ads .name-comp, .ads .title-ads, .ads p, .ads .see-all { max-width: calc(50% - 60px); }
	#flickr-photos { text-align: center; }
	#flickr-photos .num-cat, #flickr-photos .title-widget { display: inline; font:  400 1.3125em 'Montserrat', sans-serif; }  
	#flickr-photos .num-cat { margin-right: 0.5rem; }
}
@media only screen and (max-width: 768px) {
	body, html { font-size: 16px; }
	.main { padding: 0; }
	#main-header, #header, .box-animate { padding: 0; height: 5em; }
	#site-search form { margin: 1.25em 2.5em; }
	#main-menu { width: 5em; }
	.navbar-main.open { top: 5em; }
	.header-icon.menu { margin: 1rem 1.5rem; }
	#btn-search, #site-search .close { right: 1.5rem; top: 0.5rem; }
	h1.site-title, a.site-title, .site-title { position: absolute; display:block; top: 0; width: 100%; height: 100%; line-height: 4.5rem; text-align: center;} 
	.site-description, .breadcrumb > *:not(.site-title), .entry-header.dark:before, .entry-header.light:before,
	body.single-format-standard .entry-header[data-type="background"]:after, 
	body.page .entry-header[data-type="background"]:after { display: none; }
	body.single-format-standard .entry-header[data-type="background"], body.page .entry-header[data-type="background"], body.single-format-gallery .entry-header, body.single-format-video .entry-header, body.single-format-audio .entry-header, body.single-format-quote .entry-header  { background-color: #FFF; position: relative; padding: 0; }
	div.post >.entry-content, div.page > .entry-content { width: 100%; margin-top: 6em; }
	div.post > .entry-content {padding: 0 4em; }
	div.page section:not(#map), div.page .entry-content > p:first-of-type, div.page .title-page { padding-left: 4rem; padding-right: 4rem;  }
	.gallery #comments-post, .gallery .meta-post, .media #comments-post, .media .meta-post, .quote #comments-post, .quote .meta-post, body.single-format-quote .entry-header blockquote { margin-left: 4rem; margin-right: 4rem; }
	.entry-header.dark .title-post {border-bottom: 1px solid rgba(0,0,0,0.2); color: #000; }
	.entry-header.dark .entry-date  { color: #000; }
	.dark .embed.border { border: 1px solid rgba(0,0,0,0.1); color: #000; }
	.featured-img { height: 24em; background-position: center center; background-size: cover; }
	.gallery .featured-img, .media .featured-img, .quote .featured-img  { margin-bottom: 4em; }	
	.post-preview { margin-top: 2.5em; }
	.site-content, .sidebar  { float: none; width: 100%; }
	.grids { display: inline; }
	.bottom-box h3, .bottom-box h5 { font-size: 1.125em; }
	.bottom-box time, .bottom-box .nickname, article[class*="triple"] .nickname, article[class*="triple"] time { font-size: 0.75em; }
	.metro article.reset-grid { display:block; position:relative; float:left; width: 50%; height: 50%; opacity: 1; }
	.metro article.reset-grid a.box { opacity: 1; }	
	body.author .person-box { padding: 2.5em; }
	#team-modal .person-box { max-width: calc(100% - 5em); }
	#team-modal button.close { right: -1.25rem; top: -2.5rem; }
	.person-avatar { width: 17.5em; height: 17.5em; margin-right: 2.5em; }
	.author-info { width: calc(100% - 20em);}
	.adv a p { height: 6.4em; }
	h1.author-name, #team-modal .person-name { font-size: 1.5em; }
	.entry-content section { width: 100%; padding: 0; }
	.post-content { width: auto; margin: 0; }
	.post-content > *:not(.meta-post) { margin-left: 0; margin-right: 0; }
	#share-buttons { position: relative; width: 100%; margin-top: 4em; }
	#share-buttons a { margin: 0 1.25rem 0 0; }
	.tag-links, .comments { width: 100%; padding: 4rem 0;  }
	 .comments { width: 100%; padding: 4em;  }
	.comment-body p { padding: 1em 0 0; }
	.grid-2, article.grid-2 {  width: 50%; }
	li.title-section, h3.title-section {position: relative; width: 100%; left: 0; top: 0; padding: 2.5rem 0 0; }
	.title-section:after { left: 0; top: 0; }
	li.title-section { padding-bottom: 2.5rem;}
	li.title-section:before { display: none; }
	li.person { width: 50%; }
	#footer-sidebar { padding: 2.5em 0; }
    #copy, div[class^=menu-footer], #footer-social { float: none; text-align: center; }
	#copy {  display: block;  margin-bottom: 2.5em;  }
	div[class^=menu-footer] { position:relative; display: table; margin: 0 auto 2.5em; }
	div[class^=menu-footer] > ul > li { margin-top: 0; } 
	div[class^=menu-footer] li:first-child { border: 0; padding-left: 0; margin-left: 0; }
	#footer-social { position:relative; display: table; width:auto; margin: 0 auto; padding-left: 0; border: 0; }
	.nav-gall { top: 100%; margin-top: -5em; }
	.nav-gall.prev { left: 50%; margin-left: -5em; }
	.nav-gall.next { right: 50%; margin-right: -5em; }
	.modal-body .pic { padding: 0; }
	.modal-body img { max-width: 100vw; }
	.modal-footer { background: none; left:0; top: 100%; bottom: auto; width: 100%; height: auto; padding: 2em 0; text-align: center; 
     }
	 body.single-format-gallery .post .post-content > p:first-of-type, body.single-format-video .post .post-content > p:first-of-type, body.single-format-audio .post .post-content > p:first-of-type, body.single-format-quote .post .post-content > p:first-of-type {
    margin: 4em 0;
    }
	.page-template-sitemap ul[class*="list"]:before, .page-template-sitemap ul[class*="list"]:after { display: table; clear: both; content: ''; }
	.page-template-sitemap ul[class*="list"] { clear: both; float: none; width: 100%; }
	.page-template-sitemap ul[class*="list"] li.title { display: block; width: 100%;  }
	.page-template-sitemap ul[class*="list"] li:not(title) { float: left; margin-right: 2.5em; }
	.sidebar .widget { margin-bottom: 0; padding-bottom: 0; }	
	#flickr-photos { margin-top: 2.5em; }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
	.adv a p { height: 3.2em; }
	#popular-posts li p, #hot-posts li p { height: 4.5em; }
}
@media only screen and (max-width: 480px) {
	#main-menu, #btn-search { z-index: 959; }
	.metro article.reset-grid, body.page-template-all-authors article.grid, body.author article.grid, body.archive article.grid { float: none; width: 100%; height: 100%; }
	body.single-format-gallery .entry-header, body.single-format-video .entry-header, body.single-format-audio .entry-header { padding: 5em 2.5em 0; }
	article.site-content > div > .entry-content, .comments { width: 100%; padding: 0 2.5em; }
	.gallery #comments-post, .gallery .meta-post, .media #comments-post, .media .meta-post, .quote #comments-post, .quote .meta-post { margin-left: 0; margin-right: 0; }
	.gallery .featured-img, .media .featured-img { display: none; }
	body.single-format-quote .entry-header #comments-post, body.single-format-quote .entry-header .meta-post, body.single-format-quote .entry-header blockquote { margin-left: 2.5rem; margin-right: 2.5rem; }
	 body.single-format-quote .entry-header .meta-post { width: calc(100% - 5rem); }
	.preview ul li { width: 50%; }
	.sidebar  {  padding-top: 2em; padding-bottom: 2em; }
	.sidebar ul li:not(.recentcomments) { float: none; width: 100%; height: auto; }
	.sidebar ul li:not(.recentcomments):nth-child(2n) { margin-left: 0; }
	.sidebar ul li:not(.recentcomments):nth-last-child(2) { border-bottom-width: 1px; } 
	.sidebar ul li.flickrphotos {width: 100%; }
	.pagination > li > a > span { padding: 1em 0; }
	.post-link, .grid-2, article.grid-2, #portfolio li, li.person { float: none; width: 100%; }
	#portfolio li { height: auto; }
	#portfolio li img { width: 100%; height: auto; }
	#flickr-photos ul, #recent-comments ul  { width: 100%; margin: 0; }
	#flickr-photos li { float: left; width: 50%; }
	.children li { padding-left: 0; }
	.children li::before { background: #fff; width: 2em; height: 2em; padding: 2em 0; margin: -4em 0 0 0; }
	#footer-sidebar .widget {  margin: 0 2em; }
	.person-avatar, .author-info { float:none; width: 100%; height: auto; margin: 0; overflow: inherit; }
	.person-avatar { height: 25em;}
	.author-info {margin-top: 2.5em; }
	.pag { margin: 2.5em auto; }
	.pagination i.fa-caret-right, .pagination i.fa-caret-left { opacity: 1; transform: translateX(0);}
	ul.col-3 li , ul.col-4 li, ul.col-5 li, ul.col-6 li, ul.col-7 li, ul.col-8 li, ul.col-9 li { width: 50%; }
	
}
@media only screen and (max-width: 360px) {
	body, html { font-size: 14px; }
	#f-site-desc { display: block; }
	div[class^=menu-footer]  { width: 50%; }
	div[class^=menu-footer] > ul > li { 
	float: none; margin: 0; padding: 1em 0; width:100%; height: auto; border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: 0; }
	div[class^=menu-footer] > ul > li:first-child { border: 0; }
	#footer-social a.social { margin: 0 0.5rem; }
	.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span  { margin: 0; }
	.tabs.vertical ul { width: 35%; }
	.tabs.vertical .tab { width: 65%; }
	.person-avatar { height: 20em;}
	figcaption { padding: 20% 1rem 0.5rem; font-size: 0.75em; }
}