/*
Theme Name: BeAgency Pro
Theme URI: http://betheme.me/themes/beagency/
Author: BeTheme
Author URI: http://betheme.me/
Description: BeAgency is a very minimalistic yet creative WordPress theme for agencies and freelancers, which will help you make your project stand out from the crowd. Show off your latest photos and videos in all their glory with the responsive portfolio grid. Write blog posts with the beautiful, minimal blog. It is well documented which will help you to get your site running easy and fast.
Version: 1.8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beagency
Tags: green, fixed-layout, responsive-layout, one-column, two-columns, right-sidebar, accessibility-ready, custom-menu, translation-ready
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
01 Normalizes
	1.1 Typography
	1.2 Elements
	1.3 Grid System
	1.4 Alignments
02 Page Loading Transition
03 Header
	3.1 Site Title
	3.2 Site Logo
	3.3 Header Menu
04 Homepage Modules
	4.1 Text Module
	4.2 Portfolio Block
		4.2.1 Portfolio Filter
		4.2.2 Portfolio Shuffle
		4.2.3 Portfolio Items
		4.2.4 Portfolio Details
	4.3 Blog Block
	4.4 Promotion Block
	4.5 Service Block
	4.6 Testimonial Block
	4.7 Client Block
05 Content
	5.1 Posts and Pages
		5.1.1 404 Page
	5.2 Widgets
		5.2.1 TagCloud
	5.3 Comments
06 Accessory
	6.1 Magnific Popup
	6.2 Owl Carousel
	6.3 FlexSlider
	6.4 Contact Form
	6.5 WordPress Core
	6.6 WooCommerce
07 Footer
	7.1 Social Link
	7.2 Footer Link
	7.3 Go to Top
--------------------------------------------------------------*/

/*--------------------------------------------------------------
01 Normalize
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/
body {
	line-height: 1.5;
	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-ms-word-wrap: break-word;
		word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	line-height: 1.5;
}

a {
	text-decoration: none !important;
}

:active,
:focus {
	outline: none !important;
}

ins,
::selection {
	color: #fff;
	text-shadow: none;
	text-decoration: none;
}

input[type=number] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

dl,
dt,
ol,
ul,
li {
	margin: 0;
	padding: 0;
}

dd {
	margin-left: 15px;
}

/*--------------------------------------------------------------
1.2 Elements
--------------------------------------------------------------*/
img {
	display: block;
	height: auto;
}

img,
embed,
iframe,
object {
	max-width: 100%;
}

.line {
	clear: both;
	position: relative;
	width: 100%;
	border-top: 1px solid #eee;
}

.line-sm {
	margin: 30px 0;
}

.line-md {
	margin: 40px 0;
}

.line-lg {
	margin: 50px 0;
}

.button {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	font-weight: 600;
	white-space: nowrap;
	text-transform: uppercase;
	border: none;
	border-radius: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

body:not(.device-touch) .button {
	-webkit-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.button:hover {
	color: #fff;
	opacity: .9;
}

.button:focus {
	color: #fff;
}

.button-sm {
	height: 40px;
	padding: 0 1.571em;
	font-size: 1em;
	line-height: 40px;
	letter-spacing: .143em;
}

.button-lg {
	height: 52px;
	padding: 0 1.778em;
	font-size: 1.286em;
	line-height: 52px;
	letter-spacing: .111em;
}

label {
	font-size: .929em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .077em;
	margin-bottom: 10px;
}

.input-form-control {
	display: block;
	width: 100%;
	padding: 8px 14px;
	font-size: 1.071em;
	line-height: 1.4;
	border: 2px solid #ddd;

	-webkit-transition: border-color ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s;
			transition: border-color ease-in-out .15s;
}

.input-form-control:focus {
	border-color: #aaa;
}

.form-allowed-tags {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
1.3 Grid System
--------------------------------------------------------------*/
.col-1_2,
.col-1_3,
.col-2_3,
.col-3_5,
.col-2_5 {
	display: block;
	position: relative;
	margin-right: 4%;
	float: left;
}

.col-1_2 {
	width: 48%;
}

.col-1_3 {
	width: 30.63%;
}

.col-2_3 {
	width: 65.33%;
}

.col-3_5 {
	width: 58.4%;
}

.col-2_5 {
	width: 37.6%;
}

.col-full {
	display: block;
	position: relative;
	width: 100%;
	clear: both;
}

.col-last {
	margin-right: 0 !important;
	clear: right;
}

/*--------------------------------------------------------------
1.4 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
02 Page Loading Transition
--------------------------------------------------------------*/
.loading-spinner {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	text-align: center;

	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

.loading-spinner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	border-radius: 100%;
	display: inline-block;

	-webkit-animation: bounce-delay 1.4s infinite ease-in-out;
			animation: bounce-delay 1.4s infinite ease-in-out;

	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

/*--------------------------------------------------------------
03 Header
--------------------------------------------------------------*/
#masthead .container {
	position: relative;
}

#masthead,
#header-wrap {
	position: relative;
	margin: 0 auto;
}

#header-wrap {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#masthead > .container {
	text-align: center;
	line-height: 1;
	overflow: hidden;
}

/*--------------------------------------------------------------
3.1 Site Title
--------------------------------------------------------------*/
.site-title {
	font-size: 2.857em;
	line-height: 100%;
}

.site-title a,
.site-title a:hover {
	font-weight: 600;
}

/*--------------------------------------------------------------
3.2 Site Logo
--------------------------------------------------------------*/
.site-logo {
	display: inline-block;
	margin: 30px 0;
}

.site-logo img {
	max-height: 100px;
}

.site-logo .standard-logo {
	display: block;
}

.site-logo .retina-logo {
	display: none;
}

/*--------------------------------------------------------------
3.3 Header Menu
--------------------------------------------------------------*/
.main-navigation ul {
	list-style: none;
}

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	width: 220px;
	height: auto;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, .05);
	border: 1px solid #eee;
	border-top-style: solid;
	border-top-width: 2px;
}

.main-navigation ul ul ul {
	top: -2px !important;
	left: 218px;
}

.main-navigation ul ul.menu-pos-invert {
	left: auto;
	right: 0;
}

.main-navigation ul ul ul.menu-pos-invert {
	right: 218px;
}

.main-navigation ul ul a {
	font-size: .857em !important;
	font-weight: 600 !important;
	height: 42px !important;
	line-height: 42px !important;
	letter-spacing: 0 !important;

	-webkit-transition: all .2s ease-in-out;
		 -o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}

.main-navigation ul li {
	position: relative;
	float: left;
	margin-left: 2px;
}

.main-navigation ul li div {
	display: inline-block;
}

.main-navigation ul li:first-child {
	margin-left: 0;
}

.main-navigation > div > ul > li a {
	display: block;
	padding: 0 15px;
	overflow: hidden;
	font-size: .929em;
	font-weight: bold;
	letter-spacing: .077em;
}

.main-navigation ul ul li {
	float: none;
	margin: 0;
}

.main-navigation ul ul li a.sf-with-ul {
	background-position: right center;
	background-repeat: no-repeat;
}

.main-navigation ul ul li a.sf-with-ul:after {
	content: "\f105";
	font-family: fontawesome;
	position: absolute;
	top: 0;
	right: 5%;
}

.main-navigation ul li i {
	font-size: 1em;
	margin-right: 6px;
}

#main-navigation-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

/*--------------------------------------------------------------
04 Homepage Modules
--------------------------------------------------------------*/
.module {
	margin-bottom: 50px;
}

.module-header {
	margin: 0 0 30px;
}

.module-header > span {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	font-size: 1.572em;
	font-weight: 300;
}

.module-header:after {
	content: '';
	display: block;
	margin: 25px auto 0;
	width: 40px;
	border-top-style: solid;
	border-top-width: 2px;
}

.module-title {
	font-size: 2.143em;
	margin: 0;
}

/*--------------------------------------------------------------
4.1 Text Module
--------------------------------------------------------------*/
.text-module .module-heading {
	font-size: 2.286em;
	font-weight: 700;
	letter-spacing: .031em;
}

.text-module .module-content {
	display: block;
	max-width: 700px;
	margin: 10px auto 0;
	font-size: 1.714em;
	font-weight: 300;
}

/*--------------------------------------------------------------
4.2 Portfolio Block
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.2.1 Portfolio Filter
--------------------------------------------------------------*/
#portfolio-filter {
	max-width: 90%;
	max-height: 41px;
	overflow: hidden;
	margin: 0 0 40px;
	border: 1px solid rgba(0,0,0,.07);
	float: left;
	border-radius: 4px;
}

ul#portfolio-filter {
	list-style: none;
}


#portfolio-filter li {
	float: left;
}

#portfolio-filter li a {
	display: block;
	padding: 12px 18px;
	font-size: .929em;
	line-height: 1.154em;
	border-left: 1px solid rgba(0,0,0,.07);
}

#portfolio-filter li.active a {
	color: #fff !important;
	margin: -1px 0;
	padding: 13px 18px;
	font-weight: bold;
}

#portfolio-filter li:first-child a {
	border-left: none;
	border-radius: 4px 0 0 4px;
}

#portfolio-filter li:last-child a {
	border-radius: 0 4px 4px 0;
}

/*--------------------------------------------------------------
4.2.2 Portfolio Shuffle
--------------------------------------------------------------*/
#portfolio-shuffle {
	float: right;
	width: 41px;
	height: 41px;
	border: 1px solid rgba(0,0,0,.07);
	text-align: center;
	line-height: 41px;
	border-radius: 4px;
	cursor: pointer;

	-webkit-transition: all .2s linear;
		 -o-transition: all .2s linear;
			transition: all .2s linear;
}

#portfolio-shuffle:hover {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

/*--------------------------------------------------------------
4.2.3 Portfolio Items
--------------------------------------------------------------*/
.portfolio-items {
	margin: 0 -12px -12px 0;
}

.portfolio-item {
	float: left;
	width: 276px;
	margin: 0 12px 12px 0;
}

.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image img {
	display: block;
	width: 276px;
	height: 207px;
}

.portfolio-item:hover .portfolio-overlay {
	opacity: 1;
}

.portfolio-item:hover a.center-icon  {
	opacity: 1;
}

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color: rgba(0,0,0,.5);
}

.portfolio-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #f5f5f5;
	width: 40px !important;
	height: 40px !important;
	font-size: 1.286em;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}

.portfolio-overlay a:hover {
	background-color: #eee;
}

.portfolio-overlay a.center-icon {
	margin: -20px 0 0 -20px;
	opacity: 0;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay {
	-webkit-transition: opacity .4s ease-in-out;
		 -o-transition: opacity .4s ease-in-out;
			transition: opacity .4s ease-in-out;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .portfolio-overlay a {
	-webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
		 -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
			transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-desc {
	padding: 15px 5px 10px;
	height: 105px;
	overflow: hidden;
}

.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 1.357em;
}

.portfolio-desc span {
	display: block;
	margin-top: 3px;
}

/*--------------------------------------------------------------
4.2.4 Portfolio Details
--------------------------------------------------------------*/
#infscr-loading,
#portfolio-ajax-loader {
	display: none;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	background-color: rgba(0,0,0,.7);
	border-radius: 3px;
	font-size: 1.714em;
	line-height: 48px;
	color: #fff;
	text-align: center;
}

#portfolio-ajax-wrap {
	position: relative;
	max-height: 0;
	overflow: hidden;

	-webkit-transition: max-height .6s ease;
		 -o-transition: max-height .6s ease;
			transition: max-height .6s ease;
}

#portfolio-ajax-wrap.portfolio-ajax-opened {
	max-height: 1200px;
}

#portfolio-ajax-container {
	display: none;
	padding-bottom: 60px;
}

#portfolio-ajax-single h2 {
	font-size: 1.857em;
}

#portfolio-ajax-single #slave .slide {
	width: 100px !important;
}

#portfolio-navigation {
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	height: 28px;
	margin-top: -15px;
}

#portfolio-navigation a {
	display: block;
	float: left;
	margin-left: 5px;
	width: 28px;
	height: 28px;
	text-align: center;

	-webkit-transition: color .3s linear;
		 -o-transition: color .3s linear;
			transition: color .3s linear;
}

#portfolio-navigation a:first-child {
	margin-left: 0;
}

#portfolio-navigation a i {
	position: relative;
	font-size: 2em;
	line-height: 1;
}

.portfolio-single-image img,
.portfolio-single-image > a {
	display: block;
}

.portfolio-meta {
	list-style: none;
}

.portfolio-meta li {
	margin: 10px 0;
}

.portfolio-meta li:first-child {
	margin-top: 0;
}

.portfolio-meta li span {
	display: inline-block;
	width: 150px;
	font-weight: 700;
}

.portfolio-meta li span i {
	position: relative;
	top: 1px;
	width: 14px;
	margin-right: 7px;
	text-align: center;
}

/*--------------------------------------------------------------
4.3 Blog Block
--------------------------------------------------------------*/
.blog-carousel .entry-image {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

.blog-carousel .entry-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	background-color: rgba(0,0,0,.5);
}

.blog-carousel .blog-item:hover .entry-overlay {
	opacity: 1;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .blog-carousel .entry-overlay {
	-webkit-transition: opacity .4s ease-in-out;
		 -o-transition: opacity .4s ease-in-out;
			transition: opacity .4s ease-in-out;
}

.blog-carousel .entry-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -28px 0 0 -44px;
	font-size: 1.286em;
	line-height: 40px;
	border-radius: 50%;
	background-color: #f5f5f5;
}

.blog-carousel .entry-overlay a:hover {
	background-color: #eee;
}

body:not(.device-touch):not(.device-xs):not(.device-xxs) .blog-carousel .entry-overlay a {
	-webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
		 -o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
			transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.blog-carousel .blog-item:hover .entry-overlay a.left-icon,
.blog-carousel .blog-item:hover .entry-overlay a.right-icon {
	margin-top: -18px;
}

.blog-carousel .entry-overlay a.right-icon {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -44px;
}

.blog-carousel .entry-meta {
	margin: 0;
	padding: 15px 5px 10px;
}

.blog-carousel .entry-meta h3 {
	margin: 0;
	padding: 0;
	font-size: 1.357em;
}

.blog-carousel .entry-meta span {
	display: block;
	margin-top: 3px;
}

/*--------------------------------------------------------------
4.4 Promotion Block
--------------------------------------------------------------*/
.promotion-module {
	position: relative;
	margin-top: 60px;
	padding: 30px 330px 30px 30px;
	border-radius: 3px;
	border: 1px solid #e5e5e5;
}

.promotion-module .module-heading {
	margin: 0;
	font-size: 1.714em;
	font-weight: 700;
}

.promotion-module .module-content {
	display: block;
	margin-top: 6px;
	font-size: 1.143em;
	font-weight: 300;
}

.promotion-module a.button {
	position: absolute;
	top: 50%;
	right: 30px;
	left: auto;
	margin: -25px 0 0;
}

/*--------------------------------------------------------------
4.5 Service Block
--------------------------------------------------------------*/
.service-module .service-box {
	margin: 25px 0;
}

.service-module i {
	width: 48px;
	height: 48px;
	font-size: 3em;
	line-height: 48px;
}

.service-module .service-title {
	font-size: 1.429em;
	font-weight: 700;
}

.service-module .service-subtitle {
	font-size: 1.143em;
	font-weight: 400;
	font-style: italic;
}

.service-module .description {
	font-size: 1.071em;
}

/*--------------------------------------------------------------
4.6 Testimonial Block
--------------------------------------------------------------*/
.testimonial-fslider {
	position: relative;
	max-width: 700px;
	margin: 0 auto;
}

.testimonial-fslider .fslider {
	height: auto !important;
	overflow: visible !important;
}

.testimonial-fslider .flex-control-nav {
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 6px;
	margin: 20px 0 0;
}

.testimonial-fslider .flex-control-nav li {
	float: none;
	margin: 0 5px;

	display: -webkit-inline-flex;
	 display: -ms-inline-flexbox;
			display: inline-flex;
}

.testimonial-fslider .flex-control-nav li a {
	width: 6px !important;
	height: 6px !important;
	border: none;
	opacity: .5;
}

.testimonial-fslider .flex-control-nav li a.flex-active {
	opacity: 1;
}

.testimonial-fslider .testimonial-box {
	position: relative;
	overflow: hidden;
	font-size: 1.286em;
}

.testimonial-box .testimonial-content {
	font-style: italic;
}

.testimonial-box .testimonial-content:after,
.testimonial-box .testimonial-content:before {
	content: '"';
}

.testimonial-box .testimonial-meta {
	margin-top: 15px;
	font-size: .722em;
	font-weight: 700;
}

.testimonial-meta .testimonial-author,
.testimonial-meta .testimonial-company {
	display: block;
}

.testimonial-meta .testimonial-author:before {
	content: '\2013';
	padding-right: 2px;
}

.testimonial-meta .testimonial-company {
	font-size: .923em;
	font-weight: 400;
}

/*--------------------------------------------------------------
4.7 Client Block
--------------------------------------------------------------*/
.client-module .image-carousel {
	padding: 20px 0 0;
}

/*--------------------------------------------------------------
05 Content
--------------------------------------------------------------*/
.content-wrap {
	padding: 30px 0;
}

#content p {
	line-height: 1.8;
}

.sidebar,
.post-content {
	display: block;
	position: relative;
}

.sidebar {
	width: 240px;
	float: right;
}

#infscr-loading img {
	display: none;
}

/*--------------------------------------------------------------
5.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.load-more {
	display: none;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-body .wp-smiley {
	border: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.heading-block {
	margin-bottom: 50px;
}

.heading-block:after {
	content: '';
	display: block;
	margin: 30px auto 0;
	width: 40px;
	border-top-style: solid;
	border-top-width: 2px;
}

.heading-block h1 {
	font-size: 2.286em;
	font-weight: 700;
	letter-spacing: .031em;
}

.heading-block > span {
	display: block;
	max-width: 700px;
	margin: 10px auto 0;
	font-size: 2em;
	font-weight: 300;
}

.cat-page .edit-link,
.blog-page .edit-link {
	float: right;
}

.cat-page .entry-meta .byline,
.cat-page .entry-meta .cat-links,
.cat-page .entry-footer .tags-links,
.blog-page .entry-meta .byline,
.blog-page .entry-meta .cat-links,
.blog-page .entry-footer .tags-links {
	display: none;
}

.post-masonry {
	margin-right: -28px;
}

.post-masonry .post {
	float: left;
	width: 264px;
	margin: 0 28px 40px 0;
	padding: 0 0 40px;
	border-bottom: 2px solid #f5f5f5;
}

.post-masonry .entry-summary {
	margin-top: 20px;
}

.entry-header span {
	font-size: 1.429em;
}

.post-content {
	width: 860px;
	margin-right: 40px;
	float: left;
}

.entry {
	position: relative;
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: 2px solid #f5f5f5;
}

.entry-title {
	margin: 0;
	font-weight: 600;
}

h1.entry-title {
	font-size: 1.714em;
	letter-spacing: .0417em;
}

h2.entry-title {
	font-size: 1.214em;
	letter-spacing: .059em;
}

.entry-audio,
.entry-video,
.entry-gallery,
.entry-image {
	margin-bottom: 20px;
}

.entry-meta {
	margin: 10px -10px -15px 0;
}

ul.entry-meta {
	list-style: none;
}

.entry-meta li {
	float: left;
	font-size: .929em;
	line-height: 1.077em;
	margin: 0 10px 15px 0;
	font-style: italic;
}

.entry-meta li:not(:first-child):before {
	content: '/';
	display: inline-block;
	margin-right: 10px;
	opacity: .5;
}

.entry-meta li i {
	font-size: 1em;
	margin-right: 3px;
}

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

.more-link {
	display: inline-block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0 2px;
	font-style: italic;
}

.single-post .entry-meta {
	margin-bottom: 20px;
}

.single-post .more-link {
	display: none;
}

/*--------------------------------------------------------------
5.1.1 404 Page
--------------------------------------------------------------*/
.error-404 {
	margin: 0;
	color: #ddd;
	font-size: 17.143em;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .0167em;
}

.error-message {
	margin: 0 0 100px;
	font-size: 1.429em;
	letter-spacing: .05em;
}

/*--------------------------------------------------------------
5.2 Widgets
--------------------------------------------------------------*/
.widget {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	position: relative;
}

.widget:first-child {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.widget > h2 {
	margin: 0 0 15px 0;
	font-size: 1.071em;
	letter-spacing: .133em;
	text-transform: uppercase;
}

.widget ul {
	list-style: none;
}

.widget ul li {
	padding: 4px 4px 4px 12px;
	background: url("images/widget-link.png") left 5px no-repeat;
}

/*--------------------------------------------------------------
5.2.1 TagCloud
--------------------------------------------------------------*/
.tagcloud {
	display: inline-block;
}

.tagcloud a {
	display: block;
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 3px 6px;
	border: 1px solid #e5e5e5;
	font-size: .929em;
	border-radius: 2px;
}

body:not(.device-touch) .tagcloud a {
	-webkit-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}

/*--------------------------------------------------------------
5.3 Comments
--------------------------------------------------------------*/
.bypostauthor {
	display: block;
}

.comments-title {
	margin: 0 0 30px;
}

.comment-list {
	list-style: none;
	padding-bottom: 50px;
	border-bottom: 1px solid #eee;
}

.comment-list > li {
	position: relative;
	margin: 30px 0 0 30px;
}

.comment-list > li:first-child {
	margin-top: 0;
	padding-top: 0;
}

.comment-list .children {
	margin-left: 30px;
	list-style: none;
}

.comment-list .children li {
	margin: 30px 0 0 0;
}

.comment-list .children .comment-body {
	margin-left: 25px;
	padding-left: 20px;
}

.comment-list .children .comment-avatar {
	left: -25px;
}

.comment-list .children .comment-avatar img {
	width: 40px;
	height: 40px;
}

.comment-avatar {
	position: absolute;
	top: 15px;
	left: -35px;
	padding: 4px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 50%;
}

.comment-avatar img {
	display: block;
	border-radius: 50%;
}

.comment-body {
	position: relative;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 20px 20px 20px 35px;
}

.comment-content {
	padding: 0 0 0 15px;
	position: relative;
	overflow: hidden;
}

.comment-author {
	font-size: 1.143em;
	font-weight: bold;
}

.comment-author span {
	display: block;
	line-height: 1em;
}

.comment-author span a {
	font-size: .857em;
	font-weight: normal;
	font-style: italic;
}

.comment-content p {
	margin: 10px 0 0;
}

.comment-reply-link {
	position: absolute;
	top: 4px;
	left: auto;
	right: 0;
	line-height: 1;
}

.comment-navigation {
	margin: 20px 0;
}

.comment-list .pingback .vcard {
	display: none;
}

.no-comments {
	margin: 10px 30px;
}

.comment-respond {
	margin: 50px 0;
}

.comment-respond h3 {
	margin: 0 0 30px;
}

.comment-respond .col-1_3,
.comment-respond .col-full {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
06 Accessory
--------------------------------------------------------------*/
/*--------------------------------------------------------------
6.1 Magnific Popup
--------------------------------------------------------------*/
.mfp-preloader {
	left: 50%;
	width: 48px;
	height: 48px;
	font-size: 1.174em;
	line-height: 48px;
	margin: -24px 0 0 -24px;
	background-color: rgba(0,0,0,.7);
}

.mfp-fade.mfp-bg {
	opacity: 0;

	-webkit-transition: all .15s ease-out;
	   -moz-transition: all .15s ease-out;
			transition: all .15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all .15s ease-out;
	   -moz-transition: all .15s ease-out;
			transition: all .15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

/*--------------------------------------------------------------
6.2 Owl Carousel
--------------------------------------------------------------*/
.owl-carousel {
	cursor: move;

	cursor: -webkit-grab;
		cursor: -ms-grab;
		 cursor: -o-grab;
			cursor: grab;
}

.owl-theme .owl-nav [class*=owl-] {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: -36px;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	font-size: 1.286em;
	color: #777;
	line-height: 1.389em;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.2);

	-webkit-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	color: #fff;
}

.owl-theme .owl-nav .owl-next {
	left: auto;
	right: -18px;
}

.owl-theme:hover .owl-nav [class*=owl-] {
	opacity: 1;
	left: -22px;
}

.owl-theme:hover .owl-nav .owl-next {
	left: auto;
	right: -22px;
}

/*--------------------------------------------------------------
6.3 FlexSlider
--------------------------------------------------------------*/
.fslider {
	min-height: 32px;
	overflow: hidden;
}

.fslider .slider-wrap {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.fslider .slider-wrap > .slide {
	display: none;
}

.flex-control-nav {
	position: absolute;
	z-index: 99;
	top: 14px;
	right: 10px;
	margin-left: 10px;
}

.flex-control-nav li {
	float: left;
	display: block;
	margin: 0 3px 5px
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 10px !important;
	height: 10px !important;
	border: 1px solid #fff;
	border-radius: 50%;

	-webkit-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active {
	background-color: #fff;
}

#slave.fslider .slide {
	margin: 2px 2px 0 0;
}

#slave.fslider .slide img {
	cursor: pointer;
	opacity: .65;

	-webkit-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}

#slave.fslider .slide img:hover,
#slave.fslider .flex-active-slide img {
	opacity: 1;
}

/*--------------------------------------------------------------
6.4 Contact Form
--------------------------------------------------------------*/
.contact-form .col-1_2,
.contact-form .col-1_3,
.contact-form .col-2_3,
.contact-form .col-3_5,
.contact-form .col-2_5,
.contact-form .col-full {
	margin-bottom: 25px !important;
}

.cf-form-control {
	display: block;
	width: 100%;
	padding: 8px 14px;
	font-size: 1.071em;
	border: 2px solid #ddd;

	-webkit-transition: border-color ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s;
			transition: border-color ease-in-out .15s;
}

.cf-form-control:focus {
	border-color: #aaa;
}

.cf-form-control.error  {
	border-color: #e42c3e;
}

.contact-form label.error {
	margin-top: 5px;
	color: #e42c3e;
	font-weight: 400;
}

.contact-form .captcha .cf-form-control {
	width: 50%;
}

.contact-form .submit {
	padding: 30px 0 0;
	text-align: right;
}

.contact-form #contact-form-result,
.contact-form .contact-form-process {
	display: none;
	position: absolute;
	z-index: 999;
	background-color: rgba(255,255,255,.7);
	width: 100%;
	height: 100%;
}

.contact-form-process i {
	position: relative;
	top: 45%;
	left: 45%;
	font-size: 2.143em;
}

#contact-form-result span {
	position: relative;
	top: 32%;
	left: 29%;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
}

#contact-form-result span i {
	margin-right: 5px;
}

.contact-box {
	position: relative;
	margin-top: 60px;
	padding: 50px 30px 30px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.contact-box:first-child {
	margin-top: 30px;
}

.contact-box .contact-icon {
	position: absolute;
	top: -50px;
	left: 50%;
	margin: 0 0 0 -30px;
	width: 60px;
	font-size: 4.286em;
	background-color: #fff;
}

.contact-box .contact-info {
	font-size: 1.143em;
	font-weight: 300;
}

/*--------------------------------------------------------------
6.5 WordPress Core
--------------------------------------------------------------*/
.admin-bar #masthead.site-header {
	margin-top: 32px;
}

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

figure {
	position: relative;
}

.gallery-caption {
	display: block;
}

.wp-caption {
	margin-bottom: 1em;
	max-width: 100%;
}

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

.wp-caption-text {
	position: absolute;
	left: 20px;
	bottom: 15px;
	margin-right: 20px;
	padding: 5px 10px;
	font-style: italic;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
}

/*--------------------------------------------------------------
6.6 WooCommerce
--------------------------------------------------------------*/
.product-list {
    position: relative;
    margin: 0 -20px 0 0;
}

.product {
    float: left;
    width: 270px;
    margin: 0 20px 0 0 !important;
}

.product-image {
    position: relative;
    width: 100%;
	height: 357px;
    overflow: hidden;
}

.product-overlay {
    position: absolute;
    top: auto;
    bottom: -44px;
    left: 0;
	width: 100%;
    height: 44px;
    line-height: 44px;

	-webkit-transition: bottom .3s ease-in-out;
		 -o-transition: bottom .3s ease-in-out;
			transition: bottom .3s ease-in-out;
}

.product-overlay a {
	display: block;
	float: left;
	width: 50%;
	font-size: .929em;
	text-align: center;
	background-color: #f5f5f5;

	-webkit-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}

.product-overlay a:hover {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
}

.product-overlay a i {
    position: relative;
    font-size: 1em;
    margin-right: 3px;
}

.product-overlay a.added_to_cart,
.product-overlay a.add_to_cart_button {
	border-right: 1px solid rgba(0,0,0,.1);
}

.oc-item .product:hover .product-overlay,
.product-list .product:hover .product-overlay {
	bottom: 0;
}

.product-desc {
	height: 140px;
    padding: 15px 0;
	overflow: hidden;
}

.product-desc h3 {
	margin: 0 0 5px;
    font-size: 1.429em;
}

.product-price {
    margin-bottom: 5px;
}

.single-product .product {
    width: 100%;
    margin: 0;
}

.upsells.products h2,
.related.products h2 {
	margin: 10px 0 20px
}

#oc-product .product-image {
	height: auto;
}

#oc-product .product-desc {
    height: auto;
    text-align: center
}

#oc-product .star-rating {
	margin: 0 auto .5em;
}

.product_meta {
	padding: 15px;
	margin-bottom: -5px;
	border: 1px solid #eee;
    border-radius: 4px;

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
			box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.product_meta > span {
	display: block;
	margin-bottom: 5px;
}

.woocommerce .woocommerce-result-count {
	float: none;
	margin: 10px auto 0;
}

.woocommerce span.onsale {
	position: absolute;
	top: 10px;
	right: auto;
	left: 10px;
	min-height: inherit;
	margin: 0;
	padding: 5px 10px;
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	border-radius: 2px;
	z-index: 99;
}

.woocommerce div.product p.price {
	font-size: 1.714em;
}

.woocommerce div.product span.price {
	font-size: 1.286em;
	font-weight: 600;
}

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
    font-size: 90%;
	font-weight: 400;
	opacity: 1;
}

.woocommerce .star-rating {
	float: none;
	width: 6.15em;
	font-size: .9em;
	height: 1.1em;
}

.woocommerce .star-rating:before,
.woocommerce .star-rating span:before {
	letter-spacing: .130em;
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0 0 2em;
}

.woocommerce div.product .woocommerce-product-rating {
	margin-bottom: 1em;
}

.woocommerce .woocommerce-product-rating .star-rating {
	margin: .55em 4px 0 0;
}

.woocommerce div.product form.cart div.quantity {
	margin: 0 15px 0 0;
}

.woocommerce div.product form.cart .variations label {
    margin: 0 0 0 20px;
    vertical-align: middle;
	font-size: 1.231em;
    font-weight: 500;
    line-height: 3.769em;
}

.woocommerce .quantity .qty {
	height: 42px;
	border: 0;
	background-color: #eee;
}

.woocommerce button.button {
	line-height: 1.786em;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	color: #fff;
}

.woocommerce table.shop_attributes td {
	padding: 8px 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 64px;
	border-radius: 50%
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0 0 0 80px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 1em;
    font-style: italic;
}

.woocommerce a.added_to_cart {
	display: none;
}

.woocommerce a.remove {
	font-size: 1em;
	margin: 0 auto;
}

.woocommerce a.remove:hover {
    color: #000 !important;
    background: none;
}

.woocommerce dl.variation {
	margin: 0 !important;
}

.woocommerce dl.variation dt {
	margin: 0 3px 0 0 !important;
	padding: 0 !important;
	line-height: 1.786em;
}

.woocommerce dl.variation dd {
	margin: 0 !important;
	padding 0;
}

.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
	background: none;
}

.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
	width: 100%;
	float: none;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
	top: 10px;
}

.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
	margin: 15px 5px 10px;
	padding: 10px 0 0;
}

.woocommerce-account .addresses .title .edit,
.woocommerce .widget_shopping_cart .buttons a {
    float: left;
    margin: 0 5px;
    padding: 5px 10px;
    border: 1px solid #e5e5e5;
    font-size: .929em;
    border-radius: 2px;

    -webkit-transition: all .3s ease-in-out;
		 -o-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
}

.woocommerce ul.product_list_widget span.amount {
	font-style: italic;
}

.woocommerce ul.product_list_widget del {
	font-size: .857em;
}

.woocommerce ul.product_list_widget ins {
	font-size: .929em;
	background: inherit;
}

.woocommerce-cart table.cart img,
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
	width: 48px;
}

.woocommerce ul.product_list_widget li .star-rating {
	margin: 2px 0;
}

.woocommerce-page table.cart td.actions {
	padding: 20px;
}

.woocommerce form .form-row input.input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 8px 14px;
	font-size: 1.071em;
	line-height: 1.429;
	border: 2px solid #ddd;

    -webkit-transition: border-color ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s;
			transition: border-color ease-in-out .15s;
}

.woocommerce form .form-row input.input-text {
	width: 100% !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: 50% !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
	border-color: #aaa;
}

.woocommerce form .form-row {
	margin: 0 0 15px;
}

.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	font-size: 1.071em;
	padding: 8px 14px;
	border: 2px solid #ddd;
	border-radius: 0;
}

.woocommerce form .form-row .input-form-control {
	display: inline;
	width: auto;
}

.woocommerce-cart .cart-collaterals .cart-shipping {
	width: 48%;
	float: left;
}

.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th {
	padding: 6px 10px;
}

.woocommerce ul#shipping_method label {
	display: inline;
}

.woocommerce-account .addresses .title .edit {
	margin: 20px 0 0 5px;
}

/*--------------------------------------------------------------
07 Footer
--------------------------------------------------------------*/
#colophon {
	border-top: 1px solid #ddd;
	margin: 0 auto;
}

.site-footer {
	padding: 50px 0;
	line-height: 1.8;
}

.site-footer ul {
	list-style: none;
}

.site-footer ul li {
	display: inline-block;
	vertical-align: top;
}

.site-footer .col-1_2 {
	margin-bottom: 0 !important;
	min-height: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*--------------------------------------------------------------
7.1 Social Link
--------------------------------------------------------------*/
.social-link ul li div {
	display: none;
}

.social-link a {
	display: block;
	width: 32px;
	height: 32px;
	margin: 5px 5px 5px 0;
	font-size: 1.143em;
	text-align: center;
	color: #fff !important;
	background-color: rgba(0,0,0,.05);
	border-radius: 50%;
	border: 1px solid transparent;
	overflow: hidden;
}

.social-link a i {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.social-link a:hover i:first-child {
	margin-top: -30px;
}

body:not(.device-touch) .social-link a,
body:not(.device-touch) .social-link i {
	-webkit-transition: all .3s ease;
		 -o-transition: all .3s ease;
			transition: all .3s ease;
}

.social-link a:hover [class*='fa-twitter'] {
	background-color: #55acee;
}

.social-link a:hover [class*='fa-facebook'] {
	background-color: #3b5998;
}

.social-link a:hover [class*='fa-google-plus'] {
	background-color: #dd4b39;
}

.social-link a:hover [class*='fa-pinterest'] {
	background-color: #cc2127;
}

.social-link a:hover [class*='fa-linkedin'] {
	background-color: #0077b5;
}

.social-link a:hover [class*='fa-youtube'] {
	background-color: #cd201f;
}

.social-link a:hover [class*='fa-vimeo'] {
	background-color: #1ab7ea;
}

.social-link a:hover [class*='fa-tumblr'] {
	background-color: #35465c;
}

.social-link a:hover [class*='fa-instagram'] {
	background-color: #3f729b;
}

.social-link a:hover [class*='fa-flickr'] {
	background-color: #0063dc;
}

.social-link a:hover [class*='fa-dribbble'] {
	background-color: #ea4c89;
}

.social-link a:hover [class*='fa-quora'] {
	background-color: #a82400;
}

.social-link a:hover [class*='fa-foursquare'] {
	background-color: #0732a2;
}

.social-link a:hover [class*='fa-forrst'] {
	background-color: #5b9a68;
}

.social-link a:hover [class*='fa-vk'] {
	background-color: #45668e;
}

.social-link a:hover [class*='fa-wordpress'] {
	background-color: #21759b;
}

.social-link a:hover [class*='fa-stumbleupon'] {
	background-color: #eb4924;
}

.social-link a:hover [class*='fa-yahoo'] {
	background-color: #400191;
}

.social-link a:hover [class*='fa-blogger'] {
	background-color: #f57d00;
}

.social-link a:hover [class*='fa-soundcloud'] {
	background-color: #ff3300;
}

.social-link a:hover [class*='fa-git'] {
	background-color: #333;
}

.social-link a:hover [class*='fa-skype'] {
	background-color: #00aff0;
}

.social-link a:hover [class*='fa-whatsapp'] {
	background-color: #4dc247;
}

/*--------------------------------------------------------------
7.2 Footer Link
--------------------------------------------------------------*/
.footer-link ul li:not(:last-child):after {
	content: "/";
}

.footer-link a {
	display: inline-block;
	margin: 0 5px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.footer-link li:first-child a {
	margin-left: 0;
}

.footer-link a:hover {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

/*--------------------------------------------------------------
7.3 Go to Top
--------------------------------------------------------------*/
.go-to-top {
	display: none;
	z-index: 999;
	cursor: pointer;
	position: fixed;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 1.429em;
	line-height: 36px;
	text-align: center;
	border-radius: 2px;
	background-color: rgba(0,0,0,.3);
}

body:not(.device-touch) .go-to-top {
	-webkit-transition: background-color .2s linear;
		 -o-transition: background-color .2s linear;
			transition: background-color .2s linear;
}