/*
Theme Name: demure
Author: Vitaliy Konurin
Author URI: http://nevo.solutions
Description: Demure is a wonderful multipurpose WordPress theme for business, portfolio, creative and blog websites. With its great number of features and customizations like color and font options, different pages layouts, beautiful slider and theme options it brings everything to create an expressive website.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: demure
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-header, featured-images, footer-widgets, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, blog, news
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* xdebug */
.xdebug-error {
	padding: 20px;
	background: #fff;
	display: inline-block;
}

input[type="file"] {
	opacity: 0;
	transition: .3s;
}

/* #general */
html {
	font-size: 100%;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	border-color: #edeef0;
}

body {
	font-size: 1em;
    line-height: 1.4;
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	transition: .2s;
	background: #edeef0;
	color: #333;
	font-weight: 400;
}

p {
	font-size: 1em;
	font-weight: 400;
    margin: 0 0 15px;
    color: #444;
    line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	color: #444;
}

h1 {
	font-weight: 800;
	font-size: 1.9em;
}

h2 {
	font-weight: 800;
	font-size: 1.8em;
}

h3 {
	font-weight: 800;
	font-size: 1.7em;
}

h4 {
	font-weight: 800;
	font-size: 1.6em;
}

h5 {
	font-weight: 800;
	font-size: 1.5em;
}

h6 {
	font-weight: 800;
	font-size: 1.5em;
}

a {
	text-decoration: none !important;
}

label {
	display: inline-block;
	margin: 5px 0;
	font-weight: 600;
	cursor: pointer;
	opacity: 0.8;
	transition: .3s;
}

label:hover {
	opacity: 1;
}

ul, ol {
	padding: 0;
	margin: 0;
}

th, td {
	padding: 7px 15px;
}

table {
	width: 100%;
}

dl.container-dl {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

dl.container-dl > div {
	flex-direction: row;
	align-items: baseline;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width: 100%;
    justify-content: space-between;
}

dl.container-dl dd {
    margin: 5px 0;
}

.entry-content table,
.entry-content th,
.entry-content td,
.comment-content-block .comment table,
.comment-content-block .comment th,
.comment-content-block .comment td {
    border: 1px solid #c1c1c1;
}

dt {
	font-weight: 600;
}

dd {
	margin: 5px 0 20px;
}

address {
	margin: 0 0 15px;
}

code {
	font-size: 0.9em;
    background: #f5f5f5;
    padding: 5px 10px;
    border: 1px solid #c1c1c1;
}

del {
	opacity: 0.8;
}

ins {
	padding: 2px 10px;
    text-decoration: none;
    color: #fff;
}

kbd, var {
	font-family: monospace;
}

pre {
	font-size: 0.9em;
    background: #f5f5f5;
    padding: 20px;
    border: 1px solid #c1c1c1;
}

pre.xdebug-var-dump {
	background: #2b2b2b;
	color: #fff;
	border: none;
	letter-spacing: 1px;
	font-family: monospace;
	font-size: 12px;
	z-index: 999;
	padding: 10px;
}

pre.xdebug-var-dump font {
	color: red!important;
}

.entry-content ul,
.entry-content ol,
.comment-content-block .comment ul,
.comment-content-block .comment ol {
	padding-left: 40px;
	margin: 10px 0;
}

.entry-content ul li,
.entry-content ol li,
.comment-content-block .comment ul li,
.comment-content-block .comment ol li {
	margin-bottom: 10px;
}

.entry-content a,
.comment-content-block .comment a {
	text-decoration: underline!important;
}

.entry-content a:hover,
.comment-content-block .comment a:hover {
	text-decoration: none!important;
}

input, button, select, textarea {
	padding: 10px;
	outline: none!important;
	border: 1px solid #efefef;
	background: #f4f4f4;
}

::selection {
  background: #a9d6fd;
}

::-moz-selection {
  background: #a9d6fd;
}

html input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	padding: 10px 20px;
    outline: none!important;
    border: 0;
    color: #fff;
    display: inline-block;
    text-align: center;
    transition: .3s;
    cursor: pointer;
    font-weight: 400;
    opacity: 1;
	margin: 0;
}

.notification {
	background: #f4f4f4;
    border: 1px solid #efefef;
    padding: 5px 10px;
    transition: .3s;
}

.notification p {
    font-size: 0.95em;
    margin-bottom: 0;
}

.notification-warning {
	color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.notification-success {
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.demure-preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color:#f5f5f5; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
	opacity: 1;
	transition: 0.2s;
	will-change: transform;
	visibility: visible;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

/* html tags and formatting */
.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
	position: relative;
}

.clearfix {
	clear: both;
}

.wp-caption .wp-caption-text {
	font-size: 0.9em;
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 5px 10px;
	background: #333;
	width: 100%;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.wp-caption img[class*="wp-image-"] {
	 display: block;
	 margin: 0;
}

.alignleft {
	float: left;
	margin-right: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
}

.bypostauthor {
	color: #ddd;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

blockquote {
	background: whitesmoke;
    margin: 10px 0px 10px;
    padding: 20px 40px 20px;
}

blockquote p {
	margin-bottom: 0;
}

.tag-list,
.categories-list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.tag-list .tag-title,
.categories-list .categories-title {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;}

.tag-list a,
.categories-list a {
	transition: .3s;
    margin: 5px 5px 5px 0px;
    border: 1px solid #3c5267;
    padding: 3px 9px;
    font-size: 0.9em;
}

/* preloader */
.uil-cube-css {
  background: none;
  position: relative;
  width: 100px;
  height: 100px;
}

@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes uil-cube-css {
  0% {
    -ms-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
  }
  100% {
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.uil-cube-css > div {
  position: absolute;
  width: 40px;
  height: 40px;
  -ms-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -moz-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -webkit-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  -o-animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
  animation: uil-cube-css 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
}
.uil-cube-css > div:nth-of-type(1) {
  top: 40px;
  left: 40px;
  background: #303030;
  opacity: 0.9;
  -ms-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -webkit-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.uil-cube-css > div:nth-of-type(2) {
  top: 40px;
  left: 90px;
  background: #303030;
  opacity: 0.8;
  -ms-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.uil-cube-css > div:nth-of-type(3) {
  top: 90px;
  left: 40px;
  background: #303030;
  opacity: 0.7;
  -ms-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.uil-cube-css > div:nth-of-type(4) {
  top: 90px;
  left: 90px;
  background: #303030;
  opacity: 0.6;
  -ms-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

/* #header */
#masthead {
	background: #3c5267;
	display: block;
}

#masthead .wrapper {
	width: 100%;
	min-height: 100%;
}

#masthead .header-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: relative;
	flex-direction: row;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	flex: 2 0px;
}

#masthead .menu-right-block {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex: 1;
	background-color: #333333;
}

#masthead .branding h1 {
	text-align: left;
    margin: 0;
    font-size: 2em;
    display: block;
    letter-spacing: 0.05em;
}

#masthead .branding {
	display: block;
	position: relative;
	max-height: 100px;
	overflow: hidden;
	max-width: 100%;
	width: auto;
}

#masthead .branding-image {
	flex-direction: row;
	justify-content: flex-start;
    max-width: 90%;
}

#masthead .container-branding-image {
	position: relative;
}

#masthead .branding img {
	max-height: inherit;
}

#masthead .branding h1 a {
	text-decoration: none!important;
	color: #fff;
	transition: .3s;
}

#masthead .branding h1 a:hover {
	opacity: 1;
}

#masthead .branding span {
	display: block;
	color: #fff;
	font-size: 0.9em;
	opacity: 0.8;
}

#masthead .branding a.logotype-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* #navigation */
.main-navigation {
	display: none;
	transition: .3s;
}

.main-navigation.open-main-menu {
	display: block!important;
}

.sidebar-menu {
	display: block;
	transition: .3s;
}

.main-navigation ul {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	list-style-type: none;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.main-navigation ul > li > a {
	opacity: 0.8;
	padding: 15px;
	display: inline-block;
	transition: .3s!important;
	font-weight: 600;
	font-size: 0.95em;
}

.main-navigation ul:first-child > li > a,
.main-navigation ul:not(:first-child) > li a,
.main-navigation ul:first-child > li > a:hover,
.main-navigation ul:not(:first-child) > li a:hover {
	color: #fff;
}

.main-navigation ul > li > a:hover {
	opacity: 1;
}

.main-navigation ul.sub-menu,
.main-navigation ul.children {
	display: none;
	position: absolute;
	z-index: 10;
	background-color: #2b2b2b;
	width: 200px;
}

.main-navigation ul.sub-menu,
.main-navigation ul.children li {
	transition: .3s;
}

.main-navigation ul.sub-menu li:hover, 
.main-navigation ul.children li:hover {
	background-color: #328CC1;
}

.main-navigation ul.sub-menu li a,
.main-navigation ul.children li a {
	padding: 10px 20px;
	text-transform: initial;
	width: 100%;
}

.main-navigation ul.sub-menu, 
.main-navigation ul.children li:hover {
	color: #328CC1;
}

#masthead .menu-toggle {
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	cursor: pointer;
	transition: .3s;
	display: none;
}

#masthead .menu-toggle:hover {
	opacity: 1;
}

#masthead .menu-toggle span.line {
	height: 3px;
    background: #fff;
    display: block;
    margin: 3px 0;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
}

#masthead .top-container {
	display: block;
}

#masthead .top-container  a.custom-logo-link {
	padding: 20px 0;
	display: block;
}

#masthead .top-container .branding {
	padding: 20px 0;
}

#masthead .top-container  a.custom-logo-link + .branding {
	padding-top: 0;
}

/* #profile navigation */
.profile-navigation {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.profile-navigation a {
	padding: 11px;
    background: #333;
    display: block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    color: #fff!important;
	transition: .3s;
	margin-left: 10px;
}

.profile-navigation a.cart-contents i {
    margin-right: 10px;
}

.profile-navigation a:hover {
	background: #328CC1;
}

/* #content */
.site-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.container-fluid .content-area {
	padding-left: 0;
	padding-right: 0;
}

.transparent-container article {
	background: transparent!important;
}

article {
	margin-bottom: 30px;
	background: #fff;
}

.blog article,
.archive article {
	border: 1px solid #efefef;
}

.blog article, 
.single-post article, 
.archive article {
	background-color: #f9f9f9;
}

article .empty-space-no-title {
	padding-top: 15px;
}

article header h3 {
	font-size: 2em;
	color: #444;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 15px;
	display: inline-block;
}

article header h3 a {
	color: inherit!important;
	text-decoration: none!important;
	display: block;
	transition: .3s;
}

.page article {
	margin-bottom: 0;
	background-color: #f9f9f9;
}

article .thumbnail {
	position: relative;
	overflow: hidden;
	display: block;
}

article a.thumbnail {
	cursor: pointer;
}

article .thumbnail img {
	width: 100%;
	object-fit: cover;
	height: 400px;
	transition: all .2s ease-in-out;
}

article .thumbnail .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(51,51,51,0.30);
	transition: .4s;
}

article .thumbnail:hover img {
	transform: scale(1.1);
}

article .thumbnail:hover .overlay {
	background: transparent!important;
}

article .entry-header h1 {
	margin-top: 0;
    font-size: 2.2em;
    padding: 20px 20px 0 20px;
}

article .entry-header .no-title-padding {
	padding-top: 20px;
}

article .entry-content {
	padding: 0 20px;
}

article .entry-meta {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
    padding: 0 20px 20px 20px;
	font-size: 0.9em;
}

article .entry-meta .author {
	margin-right: 10px;
}

article .entry-meta .date i {
	margin-right: 5px;
}

.page article .entry-content {
	padding-bottom: 20px;
}

.single article .entry-content {
	padding-bottom: 20px;
}

article .entry-footer {
	color: #737373;
	display: block;
	padding: 0 20px 20px 20px;
	margin-top: 5px;
}

article .entry-footer span.date {
	float: right;
}

article .entry-content a.read_more {
	font-weight: 600;
    margin-top: 10px;
    color: #444;
    padding-left: 10px;
}

.error404 form.search-form {
	background: transparent;
	justify-content: center;
	margin-top: 40px;
}

.error404 h1.page-title {
	font-size: 2.5em;
}

.error404 .site-content {
	margin-top: 30px;
    margin-bottom: 100px;
}

.error404 .not-found {
	text-align: center;
}

.error404 .error-404-big-text {
	font-weight: 800;
	font-size: 172px;
}

#loadmore {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: center;
}

/* #pagination and navigation */
.nav-links {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-weight: bold;
    opacity: 0.8;
}

.page-links {
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-weight: bold;
    opacity: 0.8;
	margin: 20px 0;
}

.nav-links a,
.nav-links span {
	background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    margin: 0 5px;
}

.page-links span {
	background: #fff;
    padding: 10px;
    border: 1px solid #efefef;
    margin: 0 5px;
	display: block;
}

/* #post format */

article.sticky header h3 a:before {
	content: "\f08d";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 12px;
}

.entry-content .gallery {
	display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
	margin-left: auto;
	margin-right: auto;
}

.entry-content .gallery-columns-1 {
	flex-direction: column;
    align-items: flex-start;
}

.entry-content .gallery-columns-2 .gallery-item {
	width: 50%;
}

.entry-content .gallery-columns-3 .gallery-item {
    width: 33.33333333333333%;
}

.entry-content .gallery-columns-4 .gallery-item {
    width: 25%;
}

.entry-content .gallery-columns-5 .gallery-item {
    width: 20%;
}

.entry-content .gallery-columns-6 .gallery-item {
	width: 16.66666666666667%;
}

.entry-content .gallery-columns-7 .gallery-item {
	width: 14.28571428571429%;
}

.entry-content .gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.entry-content .gallery-columns-9 .gallery-item {
	width: 11.11111111111111%;
}

.entry-content .gallery .gallery-item {
	position: relative;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none!important;
}

.entry-content .gallery .gallery-item figure {
	padding: 10px;
	position: relative;
	max-width: 100%;
}

.entry-content .gallery .gallery-item a {
	display: block;
}

.entry-content .gallery .gallery-item:hover:after {
	background: transparent;
}

.entry-content .gallery .gallery-item img {
	transition: all .2s ease-in-out;
}

.entry-content .gallery .gallery-item:hover img,
.entry-content .gallery .gallery-item:hover .gallery-caption {
	transform: scale(1.05);
}

.entry-content .gallery .gallery-item:after {
	content: "";
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: .4s;
}

.entry-content .gallery .gallery-item  .gallery-caption {
	background: #333;
	padding: 6px 10px;
	transition: all .2s ease-in-out;
	position: relative;
	top: -5px;
	text-align: center;
}

.entry-content .gallery .gallery-item  .gallery-caption > div {
	color: #fff;
}

.entry-content .gallery .gallery-item  .gallery-caption > .img-title {
	font-size: 0.9em;
	border-bottom: 1px solid #444;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-weight: 600;
}

.entry-content .gallery .gallery-item  .gallery-caption > .img-caption {
	font-size: 0.9em;
}

/* #sidebar */
.sidebar > section {
	background: #f9f9f9;
	padding: 20px;
}

h2.widget-title {
	font-size: 1.5em;
	margin-bottom: 10px;
	margin-top: 0;
}

.widget-area > section {
	margin-bottom: 15px;
}

.widget-area > section ul li {
	margin-bottom: 5px;
}

.widget-area > section ul li a {
	font-size: 1em;
}

.widget-area > section ul li a:hover {
	color: #005f98;
}

.widget ul, .widget ol {
	list-style-type: none;
}

.widget_calendar caption {
	width: auto;
	padding: 5px 0;
	color: #474747;
	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: left;
}

.widget_calendar table {
	width: 100%;
	border-collapse: separate;
}

.widget_calendar table th, .widget_calendar table td {
	text-align: center;
	padding: 4px;
}

.sidebar .widget_calendar table tfoot td {
	text-align: inherit;
}

form.search-form {
	display: inline-flex;
	background: #f5f5f5;
	width: 100%;
}

form.search-form .search-field {
	max-width: 400px;
	width: 100%;
	padding: 10px 10px;
	border: 0;
	display: inline-block;
	float: left;
	outline: none!important;
	background: #fff;
}

form.search-form button {
	width: 44px;
	border: none;
	color: #fff;
	display: inline-block;
	float: left;
	transition: 0.5s;
	min-width: 44px;
}

form.search-form button::before {
	content: "\f002";
	font-family: "FontAwesome";
	display: block;
}

/* demure widgets */
.widget_demure_popular_widget .demure-popular-item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin: 15px 0;
	clear: both;
	flex-direction: row;
	justify-content: flex-start;
}

.widget_demure_popular_widget .demure-popular-item .image-block {
	width: 100px;
	height: 80px;
	background: #999;
	margin-right: 10px;
	max-width: 100px;
	min-width: 100px;
	border-radius: 3px;
	overflow: hidden;
}

.widget_demure_popular_widget .demure-popular-item .image-block img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.widget_demure_popular_widget .demure-popular-item .title-section {
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* #user sidebar */
.user_menu li a {
	color: #fff!important;
	padding: 7px;
	width: 100%;
	display: block;
	margin-bottom: 10px;
	transition: .3s;
}

.user_menu li:last-child a {
	margin-bottom: 0;
}

.user_avatar img {
	position: relative;
    width: 50%;
    height: 50%;
}


/* #comments */
#comments {
	background: #fff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}

#comments p.no-comments {
	margin: -20px 20px 20px;
    padding: 20px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid #efefef;
}

#comments .comment-respond {
	padding: 20px;
}

#comments .comment-list {
	padding: 20px;
}

#comments .comments-container .comment-wrap,
#comments .comments-container .pingback .comment-wrap {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: 15px;
	padding: 15px;
    border: 1px solid #efefef;
}

#comments .comments-container .comment .comment  {
	margin-left: 20px;
}

#comments .comments-container > .children {
	margin-left: 20px;
}

#comments .comments-container .comment-author-block {
	min-width: 96px;
	min-height: 96px;
}

#comments .comments-container .comment-content-block {
	padding-left: 15px;
	width: 100%;
}

#comments .comments-container .comment-content-block > .comment {
	margin-top: 10px;
	margin-left: 0;
}

#comments .comments-container .comment-content-block .comment-header {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

#comments .comments-container .comment-content-block .comment-header {
	font-weight: 600;
}

#comments .comments-container .comment-content-block .comment-header .comment-author {
	color: #222;
}

#comments .comments-container .comment-content-block .date {
	font-size: 0.9em;
	color: #989898;
}

#comments .comment-list li article {
	padding: 20px;
	margin-bottom: 20px;
}

#comments .comment-list ol.children {
	margin-left: 20px;
}

#respond h3 {
	font-size: 1.4em;
	font-weight: 600;
}

#respond form textarea,
#respond form .comment-form-author input,
#respond form .comment-form-email input {
	width: 100%;
}

.form-group {
	margin-bottom: 10px;
}

.form-group input {
	width: 100%;
}

.form-group textarea {
	width: 100%;
}

/* #modal */
body.admin-bar .de_modal {
	margin-top: 32px;
}

.de_modal {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1001;
	left: 0;
	top: 0;
	justify-content: center;
	align-items: center;
	display: none;
}

.de_modal.open {
	display: block;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 30px;
}

.de_modal form  {
    background: #fff;
    padding: 20px;
    z-index: 10;
    width: 400px;
	max-width: 100%;
}

.de_modal .form-wrap {
	position: relative;
	z-index: 11;
	transition: .3s;
	max-width: 100%;
	max-height: 100%;
}

.de_modal .close {
    z-index: 12;
    position: absolute;
    top: -18px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: #fff;
    right: -18px;
    padding: 4px 0;
    font-size: 18px;
    cursor: pointer;
    transition: .3s;
}

.de_modal .overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
}

.de_modal[data-name="login-form"] input[type="submit"] {
	margin-top: 10px;
}

.de_modal .close:hover {
	color: #fff;
}

/* #slider */
.homepage-slider .slide img {
	display: block;
    width: 100%!important;
    object-fit: cover;
}

.homepage-slider .owl-buttons .owl-prev,
.homepage-slider .owl-buttons .owl-next {
    color: #fff;
    display: flex;
    font-size: 50px;
    width: 50px;
    height: 50px;
    margin: 0px 20px 0px 20px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: .3s;
    position: absolute;
    top: 50%;
    bottom: 0;
    margin-top: -25px;
}

.homepage-slider .owl-buttons {
	width: 100%;
}

.homepage-slider .owl-buttons .owl-prev {
	left: 0;
}

.homepage-slider .owl-buttons .owl-prev:hover i,
.homepage-slider .owl-buttons .owl-next:hover i {
	opacity: 1;
}

.homepage-slider .owl-buttons .owl-prev i,
.homepage-slider .owl-buttons .owl-next i {
	transition: .3s;
	opacity: 0.8;
	position: relative;
}

.homepage-slider .owl-buttons .owl-prev i {
    right: 3px;
    bottom: 2px;
}

.homepage-slider .owl-buttons .owl-next {
	right: 0;
}

.homepage-slider .owl-buttons .owl-next i {
    left: 3px;
    bottom: 2px;
}

.homepage-slider .slide a.slide_link {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.homepage-slider .slide .slide-information {
	position: absolute;
	z-index: 5;
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	max-width: 80%;
	left: 10%;
}

.homepage-slider .slide {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
	height: 100%;
}

.homepage-slider .slide .slide-information h3 {
	margin-top: 0;
	color: #fff;
	font-weight: 800;
	font-size: 1.8em;
}

.homepage-slider .slide .slide-information .description {
	color: #fff;
	font-weight: 400;
	font-size: 1.2em
}

.homepage-slider .slide .slide-information, 
.homepage-slider .owl-buttons .owl-prev, 
.homepage-slider .owl-buttons .owl-next {
	background-color: #2b2b2b;
}

/* #footer */
footer .site-info {
	padding: 20px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
}

footer .footer-wrap {
	padding: 40px 0;
	color: #cecece;
}

footer .footer-wrap a,
footer .footer-wrap p {
	color: #cecece!important;
    font-size: 0.95em;
}

footer .footer-wrap input,
footer .footer-wrap button,
footer .footer-wrap select,
footer .footer-wrap textarea {
	color: #333;
}

footer .footer-wrap a:hover {
	text-decoration: underline!important;
}

footer .footer-wrap section.widget {
	margin-bottom: 30px;
}

footer .footer-wrap section.widget h2.widget-title,
footer .footer-wrap .widget_calendar caption {
	color: #fff;
}

/* #profile page */
.profile-avatar,
.profile-tabs,
.profile-informations {
	background: #fff;
	border: 1px solid #efefef;
	padding: 20px;
}

.profile-avatar .profile-avatar-src {
	width: 228px;
	height: 228px;
}

.profile-avatar form {
	overflow: hidden;
	position: relative;
	transition: .3s;
    max-width: 228px;
}

.profile-avatar form input[name="save_profile_avatar"] {
	display: block;
	width: 100%;
}

.profile-avatar form .button-container {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	clear: both;
    align-items: baseline;
}

.profile-avatar .input-file-container label {
	width: 100%;
}

.profile-avatar .input-file-container input[type="file"] {
	position: absolute;
	display: none;
}

.profile-avatar form .input-file-container,
.profile-avatar form .button-container input[type="button"] {
	width: 50%;
}

.profile-avatar form img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.tabs-menu {
	padding: 20px;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #efefef;
}

.tabs-menu ul {
	list-style-type: none;
}

.tabs-menu ul li a {
	width: 100%;
    text-align: left;
    color: #fff;
    font-size: 14px;
}

.tabs-menu ul li a i {
	width: 25px;
	text-align: center;
}

.profile-tabs .posts-container .post-container {
	background: rgba(60, 82, 103, 0.06);
    color: #333;
    padding: 5px 20px;
    margin-bottom: 10px;
    font-size: 15px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/* social icons */
.social-links-wrapper {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.social-links-wrapper .demure-icon {
	width: 30px;
    height: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

.social-links-wrapper .demure-icon i {
	color: #fff;
}

.social-links-wrapper .demure-icon:hover i {
	color: #aaaaaa;
}

/* woocommerce */
.cart-items {
	padding: 20px;
	background: #fff;
	overflow-y: auto;
    max-height: 80vh;
	min-width: 600px;
}

.cart-items .cart-item > td {
	padding: 20px;
	font-weight: 600;
	border: 1px solid #e6e6e6;
	text-align: center;
}

.cart-items .cart-item .product-image {
	width: 150px;
}

.cart-items .cart-item .product-remove a.remove {
	font-size: 26px;
    height: 42px;
    width: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    font-weight: 600;
    color: #fff!important;
}

.cart-items .cart-item .product-remove a.remove:hover {
	background: red;
}

/* #media */
@media (min-width: 1026px) {
	.main-navigation {
		display: block!important;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children ul.sub-menu,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children ul.children {
		top: 0;
	}
	
	.main-navigation li.menu-item-has-children,
	.main-navigation li.page_item_has_children {
		padding-right: 10px;
		position: relative;
	}
	
	.main-navigation li.menu-item-has-children:hover > ul.sub-menu,
	.main-navigation li.page_item_has_children:hover > ul.children {
		display: block;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children:hover > ul.children {
		left: 100%;
	}
	.main-navigation li.menu-item-has-children ul.sub-menu li.menu-item-has-children a:after,
	.main-navigation li.page_item_has_children ul.children li.page_item_has_children a:after {
		border-top: 5px solid transparent;
	    border-left: 5px solid #fff;
	    border-bottom: 5px solid transparent;
	    margin-left: 14px;
	}

	.main-navigation li.menu-item-has-children > a:after,
	.main-navigation li.page_item_has_children > a:after {
		content: "";
		border-top: 5px solid;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		position: absolute;
		width: 10px;
		opacity: 0.8;
		right: 3px;
		top: calc(50% - 5px);
	}

	.main-navigation li.menu-item-has-children > a:hover:after,
	.main-navigation li.page_item_has_children > a:hover:after {
		opacity: 1;
	}
}

@media (max-width:1600px) {
	article .thumbnail img {
		height: 300px;
	}
}

@media (max-width: 1200px) {
	#masthead .menu-right-block {
		flex: 4;
	}
}

@media (max-width: 1025px) {

	.main-navigation {
		height: 100%;
	    position: absolute;
	    top: 100%;
	    left: 0px;
	    z-index: 10;
	    width: 100%;
	}

	.main-navigation ul {
		flex-direction: column;
   		background: #555;
	}

	#masthead .menu-toggle {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

	.main-navigation ul > li {
		position: relative;
	}

	.main-navigation ul > li > a {
		width: 100%;
		padding: 10px 20px;
	}

	.main-navigation ul > li {
		border-bottom: 1px solid #2b2b2b;
	}

	.main-navigation ul > li:last-child {
		border-bottom: 0;
	}

	.main-navigation ul.sub-menu,
	.main-navigation ul.children {
		width: 100%!important;
		position: relative;
	}

	.main-navigation .open-sub-menu {
		position: absolute;
	    right: 0;
	    top: 0;
	    width: 41px;
    	height: 41px;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: -ms-flex;
	    display: -o-flex;
	    display: flex;
	    align-items: center;
    	justify-content: center;
    	cursor: pointer;
	}

	.main-navigation .open-sub-menu:after {
		content: "";
		border-top: 5px solid #fff;
	    border-left: 5px solid transparent;
	    border-right: 5px solid transparent;
	}
	.main-navigation ul.sub-menu li a,
	.main-navigation ul.children li a {
		padding-left: 20px;
	}

	.main-navigation ul.sub-menu li ul.sub-menu li a,
	.main-navigation ul.children li ul.children li a {
		padding-left: 40px;
	}

	.main-navigation ul.sub-menu li ul.sub-menu li ul.sub-menu li a,
	.main-navigation ul.children li ul.children li ul.children li a {
		padding-left: 60px;
	}

	#masthead .menu-right-block {
		flex: 1;
		justify-content: flex-end;
	}

}

@media (max-width: 767px) {
	.homepage-slider .slide .slide-information {
		max-width: 70%;
    	left: 15%;
	}
	.sidebar form.search-form .search-field {
		max-width: 100%;
	}
	.homepage-slider .slide .slide-information h3 {
		font-size: 1.4em;
	}
	.homepage-slider .slide .slide-information .description {
		font-size: 1em;
	}
	.sidebar {
		margin-top: 15px;
	}
}

@media (max-width: 600px) {
	.entry-content .gallery .gallery-item {
		align-items: baseline;
		width: 50%;
	}
	#comments .comments-container .comment-content-block .comment-header {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.homepage-slider .owl-controls {
		display: none!important;
	}
	.homepage-slider .slide .slide-information {
		position: absolute;
		max-width: 100%;
    	left: 0;
	}
	.homepage-slider .slide {
		flex-direction: column-reverse;
	}
	.entry-content .gallery .gallery-item {
		width: 100%;
	}
}

@media (max-width: 400px) {
	#masthead .top-container {
		flex-direction: column;
		align-items: flex-start;
	}
	#masthead .branding {
		margin-bottom: 20px;
	}
	.profile-navigation a:first-child {
		margin-left: 0;
	}
	
}