/*
Theme Name: Poris
Theme URI: https://www.themewarrior.com/item/poris/
Description: A simple WordPress blog theme from ThemeWarrior. The theme comes with two-column layout with one widget area and one menu location. Poris is also comes with  responsive layout which means the layout will adapt nicely in desktop or mobile devices. The theme is packed with tons of options to help you configure the way you want it. Poris also support WooCommerce and RTL languages.
Author: ThemeWarrior
Author URI: http://www.themewarrior.com
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, custom-logo, post-formats, rtl-language-support, one-column, two-columns, custom-background, custom-colors, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: poris

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.
*/

/*
PLEASE DON'T EDIT THIS FILE
If you want to add or modify the styles please do it from the custom.css file inside the theme folder, or for best practice do your customization in a child theme http://codex.wordpress.org/Child_Themes. It will make it easier for you to update your theme when we release a theme updates.
*/

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

body {
	background-color: #eaeaea;
	font: 17px/180% Roboto, Helvetica, Arial, sans-serif;
	color: #666;
	-webkit-font-smoothing: antialiased;
}

body.menu-opened {
    width: 100vw;
    overflow: hidden;
}

body.menu-opened #main-wrapper {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
input,
textarea {
	font: 100% Roboto, Helvetica, Arial, sans-serif;
}

p {
	margin-bottom: 20px;
}

a {
	transition: all ease-in 0.5s;
}

a:link {
	color: #01579b;
	text-decoration: none;
}

a:hover {
	color: #ad1457;
	text-decoration: none;
}

p,
blockquote {
	margin: 0 0 1.7em 0;
}

blockquote {
	font-size: 16px;
	color: #777;
	line-height: 150%;
	margin: 40px 0;
	padding-left: 40px;
	border-left: 2px solid #ddd;
}

blockquote p:last-child {
	margin-bottom: 0 !important;
}

pre,
code {
	font: 15px/120% 'Courier New', Courier, monospace;
	overflow-x: auto;
	overflow-y: hidden;
	margin: 40px 0;
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */;
}

pre > code {
	background-color: #fafafa;
    page-break-inside: avoid;
    font-family: monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1em 1.5em;
    display: block;
}

table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

th,
td {
	text-align: left;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #dddddd;
}

table th {
	background-color: #ddd;
	font-size: .85em;
	font-weight: 700;
}

table tr:nth-child(odd) td {
	background-color: #fafafa;
}

table tr:hover td {
	background-color: #ececec;
}

table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #dddddd;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

table > tbody + tbody {
	border-top: 2px solid #dddddd;
}

ul,
ol {
	margin: 0 24px 30px 24px;
	padding: 0;
}

ul li {
	list-style: disc;
	margin-bottom: 4px;
}

ol li {
	list-style: decimal;
	margin-bottom: 4px;
}

li ul,
li ol {
	margin-top: 4px;
}

embed,
iframe,
object,
video {
	width: 100%;
	max-width: 100%;
}

img {
	max-width: 100%;
}

::selection {
	background-color: #9e9e9e;
	color: #fff;
}

.clearfix,
.clear {
	width: 100%;
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after,
.pagination:before {
	display: table;
	content: "";
}

.clearfix:after,
.pagination {
	clear: both;
}

h1,
h2,
h3,
h4 {
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0;
	margin: 20px 0;
	word-break: break-word;
}

h5,
h6 {
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0;
	margin: 10px 0;
}

h1 {
	font-size: 40px;
	margin: 20px 0;
}

h2 {
	font-size: 30px;
	margin: 20px 0;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 11px;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	position: relative;
	height: 100%;
}

#main-content .container {
	background-color: #fff;
	position: relative;
}

#main-content .container:after {
	content: '';
	display: block;
	width: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #ddd;
	left: 70%;
}

#main-content.fullwidth-template .container:after {
	display: none;
}

#main-content.fullwidth-template.sidebar-left .container:after,
#main-content.fullwidth-template.sidebar-right .container:after {
	display: block;
}

body.error404 #main-content .container:after {
	display: none;
}

.page-template-page-full-width #main-content .container:after {
	width: 0;
}

#infscr-loading {
	overflow: hidden;
}

.about_author {
}

.clearfix {
	width: 100%;
	clear: both;
}

/* Left Content */
#left-content {
	float: left;
	width: 70%;
	padding-bottom: 5%;
}

body.error404 {
	padding-bottom: 0;
}

body.error404 article.hentry {
	padding-top: 70px;
}

#left-content.full-width {
	float: none !important;
	clear: both;
	width: 70%;
	border-right: none;
	margin: 0 auto;
}

#respond input {
	clear: both;
}

#left-content.full-width article.hentry {
	border-bottom: none;
}

#left-content.full-width article.hentry .title-wrapper,
#left-content.full-width article.hentry .post-content {
	padding: 0;
}

#left-content.full-width.product-page article.hentry .post-content,
#left-content.fullwidth.product-page article.hentry .post-content {
	padding: 0 30px 0 30px;
}

#left-content.full-width.product-page article.hentry .title-wrapper,
#left-content.fullwidth.product-page article.hentry .title-wrapper,
#main-content.account-page #left-content article.hentry .title-wrapper,
body.woocommerce-page #left-content article.hentry .title-wrapper {
	padding: 30px 0;
 	margin-bottom: 30px;
 }

#main-content.account-page #left-content article.hentry .title-wrapper {
	margin-bottom: 0;
}

/* Breadcrumb */
#breadcrumb {
	font-size: 12px;
	font-size: 14px;
	color: #999;
	margin-bottom: 40px;
}

/* Sidebar */
#right-content {
	float: right;
	width: 30%;
	background-color: #fff;
	font-size: 14px;
	padding: 40px;
}

#main-header {
	width: 100%;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
	text-align: right;
	position: relative;
}

/*#main-header:after {
	content: '';
	height: 1px;
	background-color: #33363b;
	position: absolute;
	bottom: -2px;
	z-index: 1000;
	display: block;
	width: 100%;
}*/

#main-header #main-logo {
	font-size: 35px;
	font-weight: 400;
	line-height: 1.1;
	color: #333;
	text-align: center;
}

#main-header #main-logo h2.site-title {
	font: 700 35px/110% Roboto, Arial, Helvetica, sans-serif;
	color: #212121;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
}

#main-header #main-logo h2.site-title a,
#main-header #main-logo h2.site-title a:hover {
	color: #333;
}

#main-header #main-logo h4.site-desc {
	font: 400 14px/110% Roboto, Arial, Helvetica, sans-serif;
	color: #ccc;
	line-height: 110%;
	margin: 0 0 10px 0;
}

#main-header #main-logo img {
	max-height: 70px;
	width: auto;
}

/* Main Menu */
#header-nav {
	clear: both;
	background-color: #212121;
	text-align: center;
	margin: 0 auto;
}

nav.site-navigation {
	position: relative;
}

#main-header .menu-trigger {
	display: none;
	font-size: 30px;
	color: #333;
	top: 0;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.site-navigation ul {
	margin: 0;
	position: relative;
}

.site-navigation ul li {
	display: inline-block;
	text-align: left;
	margin: 0;
	position: relative;
	list-style: none !important;
}

.site-navigation ul li .expand {
	display: none;
}
.site-navigation ul li .expand.expanded {
	transform: rotate(180deg);
}
.site-navigation ul li.menu-item-has-children {
	position: relative;
	list-style: none !important;
}

.site-navigation ul li.menu-item-has-children > a:after {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	margin-left: 10px;
	content: '\f107';
	transition: all ease-in .2s;
}

.site-navigation ul li a {
	display: block;
	font: 400 12px Roboto, Arial, Helvetica, sans-serif;
	color: #dddddd;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 20px;
	-webkit-transition: all 0.24s ease-in-out;
	-moz-transition: all 0.24s ease-in-out;
	transition: all 0.24s ease-in-out;
}

.site-navigation ul li a:hover,
.site-navigation ul li.current-menu-item > a,
.site-navigation ul li.current-menu-ancestor > a {
	color: #ffffff;
}

.site-navigation ul.sub-menu li a:hover {
	background-color: #666;
	color: #fff;
}

a.slicknav_btn {
	background-color: #4C4C4C;
}

.site-navigation ul.main-menu > li:last-child > a:after {
	border-right: none;
}

#masthead .header-main.sticky .site-navigation ul li a {
	color: #666;
	padding: 15px 20px;
	list-style: none !important;
}

.primary-navigation ul li:hover > ul {
	display: block;
	list-style: none !important;
}

.primary-navigation .menu-item-has-children:hover > a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	border-width: 0 6px 10px 6px;
	border-color: transparent transparent #555  transparent;
	margin-left: -6px;
	border-style: solid;
}

.primary-navigation .menu-item-has-children:hover > ul.sub-menu a:before {
	display: none;
}

.primary-navigation ul.sub-menu {
	width: 200px;
	position: absolute;
	top: 100%;
	z-index: 2;
	color: #fff;
	display: none;
	background: #555;
	list-style: none !important;
	box-shadow: 1px 7px 10px rgba(0,0,0,0.3);
}

.primary-navigation ul.sub-menu li ul.sub-menu {
	position: absolute;
	width: 200px;
	left: 200px;
	top: 0;
	z-index: 10;
	list-style: none !important;
}

.primary-navigation ul.sub-menu li a {
	display: block;
	border-bottom: solid 1px #666;
	list-style: none !important;
}

.primary-navigation ul li ul ul.sub-menu {
	width: 200px;
	top: 0;
	left: 220px;
	list-style: none !important;
}

.primary-navigation ul li ul li {
	display: block;
	list-style: none !important;
}

.primary-navigation ul li ul li:hover > a {
	color: #c6671a;
	list-style: none !important;
}

.primary-navigation ul li ul li a {
	color: #fff;
	list-style: none !important;
	padding: 15px 30px;
}

.primary-navigation ul li ul li {
	width: 100%;
	padding-right: 0;
	list-style: none !important;
}

.primary-navigation .sub-menu li > .sub-menu:before {
	content: '';
	border: none;
}

#main-content {
	float: left;
	clear: both;
	width: 100%;
	margin: 40px 0;
}

/* Elementor Template Full Width */
body.elementor-template-full-width #main-content {
	margin: 0 0 40px 0;
}

#main-content.sidebar-left #left-content {
	float: right;
}

#main-content.sidebar-left .container:after {
	left: 30%;
}

#main-content.sidebar-left #right-content {
	float: left;
}

#main-content.sidebar-right #left-content {
	float: left;
}

#main-content.sidebar-right #right-content {
	float: right;
}

#main-content.sidebar-right .container:after {
	left: 70%;
}

#main-content.sidebar-none #left-content {
	float: none;
	margin: 0 auto;
	width: 70%;
}

body.woocommerce-page #main-content.sidebar-none #left-content {
	width: 100%;
}

#main-content.sidebar-none #right-content {
	display: none;
}

#main-content.sidebar-none .container {
	/*max-width: 760px;*/
}

#main-content.sidebar-none .container:after {
	display: none;
}

select.select-menu {
	display: none;
}

/* Sidebar Widgets */
#sidebar-widget {
	margin-top: 40px;
	font-family: "Open Sans";
	border-top: solid 1px #3f3f3f;
}

.widget {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
	margin-bottom: 40px !important;
	padding-bottom: 0 !important;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget .widget-title h3 {
	font: 14px Roboto, Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.widget.social_network .info {
}

.widget.social_network .info p:last-child {
	margin-bottom: 0;
}

.post-section,
.widget {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 50px 0;
	position: relative;
	z-index: 1;
}

/*.post-section:after,
.post-section:before,
.widget:after,
.widget:before {
content: '';
border-style: solid;
border-width: 10px;
width:0;
height:0;
position:absolute;
top: 0;
left: 50%;
}

.post-section:before {
border-color: #ddd transparent transparent;
}

.post-section:after,
.widget:after {
margin-top: -2px;
border-color: #fff transparent transparent;
}

.widget:after {
border-color: #fff transparent transparent;
}

.widget:before {
border-color: #e0e0e0 transparent transparent;
}*/

.section-title,
.archive-title {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.section-title {
}

.section-title:after,
.archive-title:after {
	position: absolute;
	top: 100%;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	content: '';
	height: 1px;
	background: #212121;
}

h4.widget-title,
.archive-title {
	display: inline-block;
	font: 400 14px Roboto, Arial, sans-serif;
	color: #000;
	letter-spacing: 3px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	margin: 0 auto;
}

.archive-title {
	padding: 30px;
}

h4.widget-title a:hover {
	text-decoration: underline;
	color: #900;
}

.widget.search .wrapper {
	border: solid 1px;
	padding: 10px 0;
}

.widget.search input {
	margin: 0;
	padding: 5px;
	border: none;
	color: #fff;
}

.widget.search input[type="text"] {
	width: 90%;
	height: 20px;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: none;
	padding: 10px 5%;
}

.widget.search input.searchbutton {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	right: 20px;
	margin: 0;
	background: url('images/zoom.png') no-repeat center;
	text-indent: 9999px;
	cursor: pointer;
}

.widget ul,
.widget_archive ul,
.widget_categories ul,
.widget_pages ul,
.widget_rss ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget ol,
.widget_archive ol,
.widget_categories ol,
.widget_pages ol,
.widget_rss ol,
.widget_meta ol,
.widget_nav_menu ol,
.widget_recent_comments ol,
.widget_recent_entries ol {
	margin: 0 !important;
}

.widget li,
.widget_archive li,
.widget_categories li,
.widget_pages li,
.widget_rss li,
.widget_meta li,
.widget_nav_menu li,
.widget_recent_comments li,
.widget_recent_entries li {
	float: left;
	clear: both;
	width: 100%;
	list-style: none;
	margin: 0 0 10px 0;
	position: relative;
}

.widget li:last-child {
	margin-bottom: 0;
}

.widget ul ul,
.widget ol ol {
	margin: 15px 0 !important;
}

.widget_recent_comments li.recentcomments,
.widget_recent_entries ul li,
.widget_pages ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_display_topics ul li {
	padding-left: 0;
}

.widget_recent_comments li.recentcomments:before,
.widget_recent_entries li:before,
.widget_pages li:before,
.widget_categories li:before,
.widget_nav_menu li:before,
.widget_display_topics li:before {
}

.widget_recent_comments li.recentcomments:before {
}

.widget_archive li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_comments li a,
.widget_recent_entries li a {
}

.widget_nav_menu ul li,
.widget_categories ul li {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #eee;
}

.widget_nav_menu ul li:last-child,
.widget_categories ul li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.widget_categories ul {
	counter-reset: widget-list-counter;
}

.widget_categories > ul > li:before {
	content: counter(widget-list-counter);
	counter-increment: widget-list-counter;
	position: absolute;
	left: 0;
	width: 30px;
	top: -3px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	font-size: 12px;
	transition: all ease-in .3s;
}

.widget_categories ul li:hover:before {
	background: #878787;
	font-weight: 700;
	color: #fff;
}

.widget_categories ul li {
	line-height: 190%;
	text-align: right;
	padding-left: 45px;
}

.widget_categories ul li a {
	float: left;
	display: block;
	text-align: right;
	margin-right: 10px;
}

.widget_categories ul.children li {
	padding-left: 20px;
}

.widget_nav_menu ul li ul.sub-menu li {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.widget_nav_menu ul li ul.sub-menu li:before {
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f105';
	margin-right: 10px;
}

.widget_nav_menu ul li ul.sub-menu li:hover:before {
	color: #00bcd4;
}

.widget h3.post-title {
	font-size: 16px;
	line-height: 140%;
	margin: 0 0 5px 0;
	font-weight: normal;
}

.recent article:last-child {
	margin-bottom: 0;
}

.recent article .thumbnail {
	width: 80px;
	height: 80px;
	float: left;
}

.recent article .detail {
	margin-left: 100px;
}

.recent article,
ul.tweets li {
	margin-bottom: 30px;
}

.widget .meta {
	font-size: 12px;
	color: #999;
}

.widget .meta span i {
	font-style: normal;
}

ul.tweets li .tweets-icon {
	float: left;
	color: #4099ff;
	margin-top: 6px;
}

ul.tweets li p,
ul.tweets li .meta {
	margin-left: 24px;
}

ul.tweets li p {
	margin-bottom: 0;
}

.tagcloud a {
	padding: 3px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px;
	display: inline-block;
	border: none;
	font-size: 12px !important;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.tagcloud a:hover {
	border-color: #eee;
	background: #eee;
}

/* Forms Styles */
label.title {
	display: block;
}

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: normal;
}

input[type="file"] {
	display: block;
}

input[type="range"] {
	display: block;
	width: 100%;
}

select[multiple],
select[size] {
	height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

output {
	display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
}

select {
	max-width: 100%;
}

.form-group {
	position: relative;
	margin-bottom: 15px;
}

.form-control,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="url"],
form textarea,
.widget_archive select,
.widget_categories select {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {
	-webkit-appearance: none;
	line-height: 20px;
	background-image: url(images/chevron.png) !important;
	background-size: 10px !important;
	background-position: right 10px bottom 16px !important;
	background-repeat: no-repeat !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-image: url(images/chevron.png) !important;
	background-size: 10px !important;
	background-position: right 10px bottom 13px !important;
	background-repeat: no-repeat !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	opacity: 0 !important;
}

select:focus {
	background-position: right 10px top 17px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{
	background-position: right 10px top 17px !important;

}

form textarea {
	min-height: 150px;
}

.form-group.medium .form-control,
.form-group.medium input[type="text"],
.form-group.medium input[type="password"],
.form-group.medium input[type="email"],
.form-group.medium input[type="url"],
.form-group.medium textarea,
.form-group.medium select {
	width: 60%;
}

.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus,
input:focus {
	border-color: #c0dcf2 !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder,
input::-moz-placeholder ,
select::-moz-placeholder  {
	color: #777;
	opacity: 1;
}

.form-control:-ms-input-placeholder,
input:-ms-input-placeholder,
select:-ms-input-placeholder {
	color: #777;
}

.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: #777;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}

textarea.form-control {
	min-height: 130px;
}

input[type="search"] {
	-webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	line-height: 34px;
	line-height: 1.42857143 \0;
}

input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
	line-height: 30px;
}

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
	line-height: 46px;
}

.button,
.form-submit input,
form input[type="submit"],
form button[type="submit"] {
	display: inline-block;
	width: auto !important;
	font: 14px/110% Roboto, Arial, sans-serif;
	background-color: #414141;
	color: #fff;
	padding: 15px 30px;
	margin-bottom: 0;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}

form .input-wrapper label.title {
	margin-bottom: 10px;
}

#footer {
	font-size: 14px;
	text-align: center;
	padding: 0 0 40px 0;
}

#footer span a {
	color: #000;
}

#footer .copyright {
	display: block;
}

/* Jetpack Infinite Scroll */
.infinite-loader {
	color: #000;
	position: fixed;
	left: 50%;
	top: 60%;
}

#infinite-handle {
	font-size: 16px;
	text-align: center;
	position: relative;
	margin: 100px 0 60px 0;
}

#infinite-handle span {
	display: inline-block;
	background-color: #fff;
	padding: 20px 50px;
	position: relative;
	z-index: 2;
	font-size: 14px;
	font-weight: 300;
	color: #333;
	border-radius: 0;
	border: 3px solid #757575;
}

#infinite-handle span:before {
	content: ' ';
	position: absolute;
	z-index: -1;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 1px solid #999;
}

/* Jetpack Related Posts */
.jp-relatedposts-post-title {
	margin: 10px 0 2px 0;
}

.jp-relatedposts-post-context {
	font-size: .8em;
}

div#jp-relatedposts h3.jp-relatedposts-headline {
	margin-bottom: 20px;
}

/* Article */
.meta {
	font: 12px Roboto, Arial, sans-serif;
	color: #bababa;
}

article.hentry .meta span:after {
	content: ' / ';
	margin: 0 10px;
}

article.hentry .meta span:last-child:after {
	display: none;
}

.meta span:hover a {
	text-decoration: underline;
}

.meta span i {
	margin-right: 5px;
	font-style: normal;
}

#left-content article.hentry .thumbnail,
#left-content article.type-product .thumbnail {
	margin: 40px -100px 20px -100px;
}

body.single #left-content article.hentry .thumbnail,
body.single #left-content article.type-product .thumbnail {
	margin-bottom: 0;
}

.thumbnail p.image-caption {
	font-size: 12px;
	font-weight: 700;
	padding: 0 100px 10px 100px;
	border-bottom: 1px solid #eee;
}

.thumbnail p.image-caption span.fa {
	color: #f44336;
	margin-right: 5px;
}

#left-content article.hentry .post-content,
#left-content article.type-product .post-content {
	padding: 30px 0 0 0;
}

body.woocommerce-cart #main-content.sidebar-none article.hentry .post-content,
body.woocommerce-checkout #main-content.sidebar-none article.hentry .post-content,
body.woocommerce-account #main-content.sidebar-none article.hentry .post-content {
	padding: 0 15px;
}

body.woocommerce-page #left-content article.hentry .post-content {
	padding: 0 30px;
}

body.woocommerce-cart #main-content.sidebar-right article.hentry .post-content,
body.woocommerce-checkout #main-content.sidebar-right article.hentry .post-content,
body.woocommerce-account #main-content.sidebar-right article.hentry .post-content {
}

article.hentry .post-content {
	padding-top: 0;
}

body.single article.hentry .post-content {
	padding-bottom: 40px;
}

body.single #left-content .other-content {
	padding-top: 0;
}

.other-content {
	padding: 70px 100px;
}

#left-content article.hentry .title-wrapper,
#left-content article.type-product .title-wrapper {
	margin: 0 auto;
}

#left-content article.hentry .title-wrapper.no-thumbnail {
}

#left-content article.hentry .category {
	margin-bottom: 10px;
}

#left-content article.hentry .category a {
	color: #e65100;
}

#left-content article.hentry h3.post-title {
	font: 400 24px/120% Roboto, Arial, sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#left-content article.hentry h3.post-title a {
	color: #000;
	word-break: break-word;
}

#left-content article.hentry h3.post-title a:hover {
	color: #ad1457;
}

#left-content article.hentry h1.post-title {
	font: 400 24px/120% Roboto, Arial, sans-serif;
	color: #000;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
	word-break: break-word;
}

body.page article.hentry h1.post-title {
	margin-bottom: 0;
}

article.hentry.audio iframe {
	width: 100%;
}

div.thumbnail img {
	width: 100%;
	height: 100%;
}

#left-content article.hentry,
#left-content .box {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}

#left-content article.hentry,
#left-content article.type-product {
	clear: both;
	border-bottom: 1px solid #ddd;
	padding: 70px 100px;
}

body.single #left-content article.hentry {
	border-bottom: none;
}

body.attachment #left-content article.hentry {
	text-align: center;
	margin: 0 auto;
}

body.attachment #left-content article.hentry img.size-large {
	max-width: 100%;
}

body.page #left-content article.hentry .post-content {
}

body.page #left-content .other-content.box {
	padding: 70px 150px 0 150px;
}

body.page #left-content article.hentry {
	border-bottom: none;
}

body.single #left-content article.hentry {
	background-color: transparent;
	margin-bottom: 0;
	padding-bottom: 40px;
	border: none;
}

body.single-product #left-content article.hentry {
	padding-bottom: 70px;
}

body.single #left-content .box {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 0;
}

article.hentry .post-detail p:last-child {
	margin-bottom: 0;
}

.post-tags {
	clear: both;
	margin-bottom: 40px;
}

a.button,
input.button {
	padding: 10px 15px;
	font-size: 12px;
	color: #fff;
	display: inline-block;
	position: relative;
}

input.button {
	background: #fff;
}

a.button.readmore {
	text-transform: uppercase;
	margin-bottom: 50px;
}

article.hentry.gallery .thumbnail {
	position: relative;
}

#TB_closeWindow .screen-reader-text,
#TB_ImageOff .screen-reader-text {
	display: block;
	text-indent: -99999px;
}

article.hentry.format-quote cite {
	font: 12px Roboto, Helvetica, Arial, sans-serif;
	columns: #212121;
	letter-spacing: 2px;
	text-transform: uppercase;
	position: relative;
	display: block;
	margin-top: 30px;
}

article.hentry.format-quote blockquote.quote {
	font-size: 18px;
	margin: 0;
}

article.hentry.format-quote .post-content {
	padding-top: 70px;
}

article.status .thumbnail {
	text-align: center;
	padding: 60px;
}

article.hentry.status iframe.twitter-tweet {
	width: 100% !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 auto !important;
}

#comment-widget {
}

.comments-list {
	margin-top: 50px;
}

.comments-list ul {
	margin: 0;
}

.comments-list ul li {
	list-style: none;
	position: relative;
	margin-bottom: 30px;
}

.comments-list ul li:after {
	left: 120px;
}

.comments-list ul.children {
	margin: 50px 0;
	margin-left: 100px;
}

.comments-list ul.children li {
	margin-bottom: 50px;
}

.comments-list ul li .thumbnail,
.user-detail .thumbnail {
	width: 80px;
	height: 80px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
}

.comments-list ul li .thumbnail img {
	border-radius: 50px;
}

.comment-detail {
	font-size: 16px;
	line-height: 170%;
	margin-left: 110px;
}

.comments-list ul li .author {
	font: 16px Roboto, Arial, sans-serif;
	color: #333;
	margin-right: 15px;
	margin-bottom: 10px;
}

.comments-list ul li .author label.author-name {
	font-weight: 700;
}

.comments-list ul li .author span {
	font-size: 14px;
	font-weight: normal;
	color: #989898;
	margin-left: 10px;
}

.comments-list ul li .reply a {
	margin-right: 20px;
}

.comments-list ul li .reply {
	font: 12px Roboto, Arial, sans-serif;
}

#comment-form-widget {
	clear: both;
	margin-bottom: 0;
}

#respond {
	font-size: 14px;
	line-height: 170%;
}

/* Page */
.page-title {
	text-align: center;
	margin-bottom: 60px;
}

.page-title a.title {
	font-family: "Bitter";
	font-size: 48px;
	color: #000;
	display: block;
	line-height: 100%;
}

.page-title span {
	color: #d3d3d3;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
}

.page-title span a,
.page-title span {
	color: #d3d3d3;
	display: inline-block;
}

/* About Author */
.about-author {
	margin-bottom: 70px;
}

.about-author .hentry {
	padding: 70px 100px;
}

.about-author > article.hentry h3.post-title {
	margin-bottom: 30px;
}

.about-author > article.hentry {
	font-size: 16px;
	line-height: 170%;
	margin-bottom: 0;
	padding-bottom: 0;
}

.about-author > article.hentry:after {
	border-bottom: none !important;
}

.about-author .thumbnail {
	float: left;
	width: 100px;
	margin-right: 30px;
}

.about-author .thumbnail+p {
	margin-left: 130px;
}

.about-author .thumbnail img {
	width: 100%;
}

.about-author .social {
	margin-top: 50px;
}

.about-author .social ul li a,
.page-detail .post-detail .social ul li a {
	font-size: 24px;
	color: #d3d3d3;
}

.about-author .social ul li:hover a,
.page-detail .post-detail .social ul li:hover a {
	color: #000;
}

.page-navigation {
	float: left;
	clear: both;
	width: 100%;
	font: 16px/110% Roboto, Arial, Helvetica, sans-serif;
	padding: 40px;
}

.page-navigation:hover {
	color: #900;
}

.page-navigation .next,
.page-navigation .prev {
	float: left;
	width: 50%;
}

.page-navigation .next {
	float: right;
	text-align: right;
}

.filter-holder,
.pagination {
	text-align: center;
}

.pagination {
	display: block;
	padding-top: 30px;
}

.filter-holder a,
.pagination a,
.pagination span {
	padding: 10px;
}

.pagination a,
.pagination span {
	font-size: 14px;
	line-height: 18px;
	min-width: 40px;
	display: inline-block;
	margin: 5px;
	border: none;
}

.pagination span.current {
	background-color: #ddd;
}

.filter-holder a:hover,
.pagination a:hover {
	color: #d3d3d3;
}

.page-title .client {
	margin-top: 10px;
	display: block;
}

.page-title .client span {
	text-transform: none;
	font-weight: 300;
	font-size: 14px;
	font-style: italic;
	margin: 20px;
	color: #989898;
}

.page-title .client span a {
	color: #000;
}

.page-title .client span:hover a {
	text-decoration: underline;
}

#post-nav {
	border-top: solid 1px #d3d3d3;
	border-bottom: solid 1px #d3d3d3;
	float: left;
	width: 100%;
}

#post-nav .post-previous, #post-nav .post-next {
	float: left;
	width: 42.5%;
	padding: 20px 2.4% 20px 5%;
	border-right: solid 1px #d3d3d3;
	position: relative;
}

#post-nav .post-previous a:hover,
#post-nav .post-next a:hover {
	color: #900;
}

#post-nav .post-next {
	float: right;
	text-align: right;
	border: none;
	padding-right: 5%;
	width: 42.5%;
	padding-left: 2.4%;
}

#post-nav .post-next:after,
#post-nav .post-previous:after {
	font-family: "FontAwesome";
	font-size: 30px;
	position: absolute;
	top: 50%;
	margin-top: -14px;
	color: #d3d3d3;
}

#post-nav .post-next:hover:after,
#post-nav .post-previous:hover:after {
	color: #900;
}

#post-nav .post-next:after {
	content: '\f054';
	right: 0;
}

#post-nav .post-previous:after {
	content: '\f053';
	left: 0;
}

.page-detail .holder {
	margin: 50px 0;
}

.single-author {
}

.single-author .thumbnail {
	float: left;
	margin-right: 30px;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.single-author .info {
	font-size: 15px;
	line-height: 170%;
	margin-left: 130px;
}

.single-author .info h3 {
	font-weight: 700;
	margin: 0 0 10px 0;
}

.single-author .info p:last-child {
	margin-bottom: 0;
}

.single-author a.button {
	font-size: 14px;
	margin-left: 130px;
}

/* Related Posts */
.related-posts {
}

.related-posts article.related {
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

.related-posts article.related .thumbnail {
	float: left;
	width: 100px;
	margin-right: 15px;
}

.related-posts article.related h3.article-title {
	font-size: 20px;
	line-height: 140%;
	margin: 0 0 5px 0;
}

.related-posts article.related .meta {
	font-size: 14px;
	line-height: 1;
}

article.related .thumbnail img {
}

.header-display {
	margin-bottom: 30px;
	padding: 20px;
}

.page-template-page-full-width .header-display {
	text-align: center;
}

/* Form */
/* .required {
	position: absolute;
	color: red;
	top: 10px;
	right: 10px;
} */

.recent-post {
	height: auto;
	display: inline-block;
}

label.screen-reader-text {
	display: none;
}

form#searchform {
}

form#searchform input[type="text"], form.woocommerce-product-search input {
	height: 40px;
	font-size: 14px;
	line-height: 2;
	padding: 0;
	margin: 0;
	padding: 10px;
	box-shadow: none;
	border: 1px solid #dddddd;
	width: 100%;
}

form.woocommerce-product-search input+button {

display: none;
}

form#searchform input {
	margin: 0;
	padding: 5px;
	border: none;
}

form#searchform input#searchsubmit {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	right: 20px;
	margin: 0;
	background: url('images/zoom.png') no-repeat center;
	text-indent: 9999px;
	cursor: pointer;
}

.fa-list-ul:before {
	padding-right: 10px;
}

ul.menu li.fa {
	margin-bottom: 20px;
	display: block !important;
}

ul.menu li.fa:last-child {
	margin-bottom: 0;
}

ul.menu ul.sub-menu {
	margin: 20px 0 0 20px;
}

.reply a.comment-reply-link {
	color: #900;
}

.reply a.comment-reply-link:hover {
	color: #dd3333;
}

small a#cancel-comment-reply-link {
	color: #900;
}

small a#cancel-comment-reply-link:hover {
	color: #dd3333;
}

span.edit-link a.comment-edit-link {
	color: #000;
}

span.edit-link a.comment-edit-link:hover {
	text-decoration: underline;
}

p.logged-user {
	margin-bottom: 20px;
}

#commentform #message {
}

.menu-menu-container ul li.menu-item > a.sf-with-ul {
	background: url(images/dropdown-sign.png) no-repeat 100% 10px;
	padding-right: 25px;
}

#infscr-loading {
	text-align: center;
}

/* Chat */
ul.chat {
	margin: 0;
	padding: 0;
}

ul.chat li {
	list-style: none;
	font-style: italic;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #eee;
	line-height: 170%;
}

ul.chat label {
	display: inline;
	font-weight: 700;
	font-style: normal;
}

ul.chat li.odd {
}


/* -----------------------------------
Standard WordPress Styles
-----------------------------------*/
/* Post */
.aligncenter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* Image */
.hentry img {
	height: auto;
}

img.size-full {
}

img.alignnone {
	display: inline;
}

img.alignright {
	display: inline;
	margin-left: 20px;
	margin-bottom: 20px;
}

img.alignleft {
	display: inline;
	margin-right: 20px;
	margin-bottom: 20px;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.post-content img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

div.alignnone {
	margin: 0 0 20px 0;
}

div.alignleft {
	margin: 0 20px 20px 0;
}

div.alignright {
	margin: 0 0 20px 20px;
}

div.aligncenter {
	margin: 20px auto;
}

ul.sub-menu {
	margin-bottom: 0;
}

.gallery .gallery-item,
.galleries .gallery-item {
	width: 31.5%;
	display: inline-block;
	text-align: left;
	margin: 0 2% 30px 0;
	vertical-align: top;
}

.galleries .gallery-item:nth-child(3n+3) {
	margin-right: 0;
}

.gallery-columns-1 .gallery-item {
	margin-bottom: 20px;
}

.gallery-columns-2 .gallery-item {
	width: 49% !important;
	margin: 0 1% 1% 0;
}

.gallery-columns-3 .gallery-item {
	width: 32% !important;
	margin: 0 1% 1% 0;
}

.gallery-columns-4 .gallery-item {
	width: 24% !important;
	margin: 0 1% 1% 0;
}

.gallery-columns-5 .gallery-item {
	width: 18% !important;
	margin: 0 1% 1% 0;
}

.gallery-columns-6 .gallery-item {
	width: 14.5% !important;
	margin: 0 1% 1% 0;
}

.gallery img {
	border: none !important;
}

.gallery img:hover {
	background: white;
}

.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 13px;
	margin: 0;
}

.gallery dl, .gallery dt {
	margin: 0;
}

.gallery br+br {
	display: none;
}

.gallery-caption,
.entry-caption {
	float: left;
	clear: both;
	width: 100%;
	font-size: .8em;
	line-height: 120%;
	margin-top: 5px !important;
}

.wp-caption {
	max-width: 100%;
	color: #aaa;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 1em;
	padding: 0;
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
	clear: both;
	font-size: 14px;
	font-style: normal;
	margin: 5px 0 0 0;
}

.wp-smiley {
	width: auto !important;
}

article.hentry .sticky {
	display: inline-block;
	background-color: #e65100;
	font: 700 11px Roboto, Helvetica, Arial, sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 5px 10px;
}

.bypostauthor {
}

/* ZillaShortcodes Styles */
.zilla-tabs .zilla-nav li a {
	font-size: .8em;
	font-weight: 700;
	height: 35px !important;
}

.zilla-tabs .zilla-nav .ui-tabs-selected a,
.zilla-tabs .zilla-nav .ui-tabs-active a {
	height: 35px !important;
}

.sticky {
}

.bypostauthor {
}

/* WordPress Calendar Widget */
table#wp-calendar {
	clear: both;
	width: 100%;
	font-size: 85%;
}

table#wp-calendar caption {
	text-align: center;
	padding-bottom: 10px;
}

table#wp-calendar th,
table#wp-calendar td {
	text-align: center;
	padding: 2px;
}

table#wp-calendar td#prev,
table#wp-calendar td#next {
	padding-top: 10px;
}

table#wp-calendar td#prev {
	text-align: left;
}

table#wp-calendar td#next {
	text-align: right;
}

/* Fix WordPress audio player issue */
.mejs-container {
	margin-bottom: 30px;
}

article.format-audio .embed-player .mejs-container {
	width: 70% !important;
	margin: 0 auto;
	position: absolute !important;
	left: 0;
	right: 0;
	bottom: 40px;
}

/* Default WordPress Styles */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

.gallery {
	margin-bottom: 1.5em !important;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

input#searchsubmit {
	display: none;
}


a#backtotop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    font-size: 0;
    background-color: #212121;
    border-radius: 5px;
    cursor: pointer;
    transition: all ease-in 0.2s;
}

a#backtotop i.fa {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    display: block;
    line-height: 37px;
}

a#backtotop:hover {
    background: #010101;
}
