/*
Theme Name: Xing
Theme URI: http://labs.saurabh-sharma.net/themes/xing/wp/
Description: Xing is a clean and modern WordPress theme designed for corporate websites and e-commerce ventures. The theme can be used for small to large business setups, online shopping stores, personal portfolio, or as an editorial blog. Supported with custom templates, widgets, short codes, and customization options; the theme can be a suitable choice for your business/ecommerce projects.
Author: Saurabh Sharma
Author URI: http://themeforest.net/user/SaurabhSharma
Version: 2.1.2
License: GNU General Public License
License URI: License/README_License.txt
Tags: white, blue, black, green, one-column, two-columns, left-sidebar, right-sidebar, fixed-layout, custom-background, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: xing
*/

/* -- TABLE OF CONTENTS ---------

	1. RESET BROWSER DEFAULTS
	2. TYPOGRAPHY
	3. STRUCTURE
	4. HEADER
	5. SIDEBAR
	6. PORTFOLIO PAGES
	7. BLOG PAGES
	8. SECONDARY AREA
	9. FOOTER AREA
	10. FORMS
	11. WIDGETS
	12. MISCELLANEOUS

-------------------------------*/


/* -- 1. RESET BROWSER DEFAULTS ( http://meyerweb.com/eric/tools/css/reset/index.html ) -- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
	font-size: 75%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
 display: none;
}

/* Clearing floats */
.clear:after {
	clear: both;
}

.clear:before,
.clear:after {
	display: table;
	content: "";
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f5f5f5;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	line-height: normal;
	padding: 1em 1.5em;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Responsive images */
img {
	width: auto;
	max-width: 100%;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
 height: auto;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
}

/* Fit videos into parent containers */
embed,
iframe,
object,
video {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;  /* Override the Twitter embed fixed width */
}


/* Form fields */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
}

select,
button,
input,
textarea {
	font-size: 1em;
	line-height: 1;
	font-weight: normal;
	font-family: inherit;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
	vertical-align: middle;
}

button[disabled],
input[disabled] {
	cursor: default;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

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

.wp-caption-text {
	max-width: 100%;
	padding: 0.3333em;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 1em;
	line-height: 1.5;
	color: #777;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* -- 2. TYPOGRAPHY -- */

body {
	font-size: 13px;
	line-height: 1.6;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
	color: #444;
}

body.is-stretched {
	background:#222;
	border-top:2px solid #222
}

body.no-border {
	border-top:none !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: inherit;
	color:#222
}

h1 {
	font-size: 34px;
	line-height: 1.1764;
	margin-bottom: .5em;
}

@media only screen and (max-width: 768px) {
	.woocommerce div.product .product_title {
		font-size: 24px;
		line-height: 1.33;
	}
}

h2 {
	font-size: 24px;
	line-height: 1.3333;
	margin-bottom: .75em;
}

h3,
.woocommerce-account h2,
.woocommerce-cart h2,
.woocommerce-page h2 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 9px
}

.woocommerce-account h2,
.woocommerce-cart h2,
.woocommerce-page h2 {
	margin-bottom: 18px;
}

h4 {
	font-size: 14px;
	line-height: 1.6071;
	margin-bottom: 18px;
}

h5,
h6 {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 600;
	margin-bottom: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color:#222;
	text-decoration:none
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color:#000
}

/* Links */
a {
	color:#336699;
	text-decoration:none;
	border: none;
	outline: none;
}

a:hover {
	color:#eb6633;
	text-decoration:none
}

/* Text elements */
p {
	margin-bottom:18px
}

ul,
ol {
	margin:0 0 18px 18px
}

ul {
	list-style:circle
}

ol {
	list-style-type:decimal
}

ol ol {
	list-style:upper-alpha
}

ol ol ol {
	list-style:lower-roman
}

ol ol ol ol {
	list-style:lower-alpha
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0
}

dl {
	margin:0 0 18px 0
}

dt {
	font-weight: 600
}

dd {
	margin:0 0 9px 18px
}

strong,
b {
	font-weight: 600;
}

cite,
em,
i {
	font-style:italic
}

pre {
	overflow:auto;
	font-size: 12px;
	line-height: 1.5;
	font-family: "Consolas", Courier New, Courier, monospace;
	color:#333;
	padding:4px 6px;
	background:#f9f9f9;
	margin:0 0 18px;
	border:1px solid #e5e5e5;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-break:break-all;
	word-wrap:break-word
}

code,
kbd,
samp,
var {
	font: 12px "Consolas", Courier New, Courier, monospace
}

abbr,
acronym,
dfn {
	border-bottom:1px dotted #666;
	cursor:help
}

address {
	display:block;
	margin:0 0 18px
}

ins {
	text-decoration:none;
}

sup,
sub {
	font-size:10px;
	height:0;
	line-height:1;
	position:relative;
	vertical-align:baseline
}

sup {
	bottom:1ex
}

sub {
	top:.5ex
}

small,
.small {
	font-size: 92%;
	color: #999;
	line-height: inherit;
}

.big,
big {
	font-size: 14px;
	line-height: 1.60714;
}

blockquote,
.pqleft,
.pqright {
	font-family:Georgia, "Bitstream Charter", serif;
	font-weight:normal;
	padding:0 0 0 13px;
	margin:0 0 12px;
	color:#444;
	border-left:1px solid #e5e5e5
}

blockquote em,
blockquote i,
blockquote cite {
	font-style:normal
}

blockquote cite {
	color:#666;
	font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	letter-spacing:0.05em;
	text-transform: uppercase
}

hr {
	background-color:#e9e9e9;
	border:0;
	height:1px;
	margin-bottom:18px
}

table {
	margin:0 0 18px;
	width:100%;
	border-collapse:collapse
}

td,
th {
	padding:8px 10px;
	border:1px solid #e5e5e5
}

th {
	background-color:#f9f9f9;
	font-weight: 600;
	color:#3a3a3a
}

tfoot th {
	border-top:none
}


/* -- 3. STRUCTURE -- */

#page {
	position: relative;
	width: auto;
}

#container {
	position:relative;
	overflow:hidden;
	margin: 0 auto;
	text-align:left;
	background:#fff;	
}

.wrap {
	position:relative;
	width: 96%;
	max-width: 960px;
	margin:0 auto;
	text-align:left
}

#header {
	position:relative;
	background:#fff;
	width:100%
}

.row,
.content-row {
	position: relative;
	margin: 0 -12px;
}

#primary {
	position:relative;
	padding:0 0 32px;
	background:#fff;
	text-align:center
}

#primary .wrap {
	padding: 24px 0 0
}

#content,
#content-grid,
#sidebar,
.sidebar-b,
.content-narrow {
	position:relative;
	float:left;
	width: 80%;
	padding: 0 12px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#content-grid {
	padding: 0;
}

#sidebar {
	width: 20%;
}

.content-narrow {
	width: 75%;
}

.sidebar-b {
	width: 25%;
}

#content-grid .breadcrumbs,
#content-grid .wp-pagenavi,
#content-grid .pagination,
#content-grid .entry {
	margin-left:10px;
	margin-right:10px
}

#content.full-width,
.full-width #content {
	float: none;
	width: 100%;
}

#content.content-right,
#content-grid.content-right {
	float:right;
}

#sidebar.sb-left {
	float:left
}

#secondary {
	position:relative;
	margin:0;
	padding:0;
	background:#f9f9f9;
	color:#777;
	text-align:center;
}

#secondary .wrap {
	padding: 2.5em 0 .5em;
}

#footer {
	position:relative;
	margin:0;
	text-align:center;
	background:#222;
	border-top:1px solid #222;
	border-top-color:rgba(0, 0, 0, 0.5)
}

#footer .wrap {
	padding: 15px 0;
	margin: 0 auto;
}

/* Column Grids */
.full,
.three_fourth,
.half,
.three_eighth,
.two_third,
.one_third,
.two_third,
.one_fourth,
.one_fifth {
	position:relative;
	overflow:hidden;
	float:left;
	margin-bottom: 2px;
	margin-right: 3.14%;
}

.full {
	clear:both;
	float:none;
	width:100%;
	margin-right:0
}

.three_fourth {
	width: 74.215%;
}

.half {
	width: 48.43%;
}

.two_third {
	width: 65.62%;
}

.one_third {
	width: 31.24%;
}

.three_eighth {
	width: 35.7375%;
}

.one_fourth {
	width: 22.645%;
}

.one_fifth {
	width: 17.488%;
}

#secondary .one_fifth {
	width: 18%;
	margin-right: 2.5%;
}

#secondary .one_fifth.last {
	margin-right: 0;
}

/* -- 4. HEADER -- */

/* Callout and WooCommerce Account Bar */
#utility {
	position:relative;
	margin:20px auto 0;
	padding:0;
	z-index:9
}

.is-stretched #utility {
	width:100%;
	margin-top:0;
	padding-top:20px;
	background:#fff
}

#utility .wrap {
	padding:0
}

#callout {
	position:relative;
	float:left;
	width:auto;
	padding: 8px 0;
	color:#444;
	background:#fff;
	border-top:1px solid #222;
	border-bottom:1px solid #222
}

/* WooCommerce cart navigation */
.cart-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.cart-nav li {
	display: inline-block;
}

.cart-nav li.welcome,
.cart-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 0.666em;
	margin: 0.666em 0;
	line-height: 1.5;
	color: #777;
	text-decoration: none;
	white-space: nowrap;
}

.cart-nav li.welcome {
	padding-right: 0;
}

.cart-nav li.welcome:after {
	display: inline-block;
	content: "";
	width: 1px;
	height: 1em;
	margin: 0 0 0 .666em;
	vertical-align: middle;
	background: rgba(0,0,0,.12);
}

.cart-nav li a:hover {
	color: #333;
}

.cart-nav li a.log-in,
.cart-nav li a.log-out {
	border: none;
}

.cart-nav li.cart-status a {
	margin: 0;
	padding: .5em;
	background: #222;
	color: #fff;
	text-shadow: none;
	font-weight: 600;
	border: none;	
}

.cart-nav li.cart-status a:hover {
	background: #eb6633;
}

.cart-nav li.cart-status span.amount {
	display: inline-block;
}
 
.cart-contents:before { 
	font-family: 'FontAwesome';
	margin-right: .5em;	
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f07a';
}

/* Logo and Blog Name */
.brand {
	position:relative;
	overflow:hidden;
	float:left;
	width:auto;
	margin:0;
	padding: 2.25em 0;
}

.brand.right {
	float:right;
}

.brand.no-callout {
	padding-top:0;
	margin-top:-35px;
	z-index: 999;
}

.brand.right.no-callout {
	padding-top:25px;
	margin-top:0px
}

.brand h1,
.brand h2,
.brand h3,
.brand h4 {
	margin: 0;
	font-size: 3em;
	font-weight: normal;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.brand .site-description {
	display: block;
	margin: 0;
	font-size: 0.4444em;
	letter-spacing: normal;
	font-weight: normal;
	color: #999;
}

.brand img {
	display:block
}

/* Header Widget Area */
.header-widget-area {
	position:relative;
	overflow:hidden;
	float:right;
	padding: 0;
	margin: 25px 0 12px 0;
	max-width: 460px;
	text-align:right;
}

.header-widget-area .widgetwrap {
	position:relative;
	overflow:hidden;
	display:block;
	margin-bottom:10px
}

.header-widget-area .widgetwrap * {
	margin-bottom:0
}

.header-widget-area.left {
	text-align:left;
}

.header-widget-area p,
.header-widget-area small {
	margin-bottom:0;
	color:#777
}

.header-widget-area img {
	display:block
}

.logo-center .brand,
.logo-center .brand.right,
.logo-center .header-widget-area,
.logo-center .header-widget-area ul.ss_social {
	float: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.logo-center .header-widget-area .widgetwrap {
	margin: 0 auto 15px;
}

.logo-center .header-widget-area .widget_product_search {
	max-width: 600px;
}

.logo-center .header-widget-area ul.ss_social > li {
	float: none;
	display: inline-block;
	margin: 0 2px;
}

.logo-center .brand img {
	margin: auto;
}

/* Primary Navigation Menu */
.ss_nav {
	position:relative;
	margin:0 auto;
	text-align:center;
	background:#222;
	z-index:999;
}

body.is-stretched .ss_nav {
	width:100%;
	max-width: 100%;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}

.ss_nav .wrap {
	width: 100%;
	overflow:visible;
}

.nav1 {
	position:relative;
	list-style:none;
	margin:0;
	padding:0 1px;
	z-index:999
}

.is-stretched .nav1 {
	padding: 0;
}

.nav1 li {
	float:left;
	position:relative
}

.nav1 > li a {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.538462;
	padding: .615em 1em;
	margin: 2px 1px;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

.top-menu > li a {
	font-size: 12px;
	margin: 0;
	color: #ccc;
}

.nav1 li a span {
	display: block;
	font-size: 0.75em;
}

.nav1 > li:hover > a {
	color: #222;
	background-color: #fff;
}

.nav1 li ul {
	position: absolute;
	display: none;
	width: 16em;
	margin: 0;
	padding: 4px 0;
	list-style: none;
	top: 100%;
	left: 1px;
	background: #fff;
	z-index: 10;
	-webkit-box-shadow: 0 6px 6px -4px rgba(0,0,0,.1), 0 2px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 0 6px 6px -4px rgba(0,0,0,.1), 0 2px 1px rgba(0,0,0,.05);
	box-shadow: 0 6px 6px -4px rgba(0,0,0,.1), 0 2px 1px rgba(0,0,0,.05);
}

.nav1 li ul ul {
	top: -4px;
	left: 100%;
}

.nav1 li:hover > ul {
	display: block;
}

.nav1 > li.current-menu-item > a,
.nav1 > li.current-menu-ancestor > a,
.nav1 > li.current_page_item > a,
.nav1 > li.current_page_ancestor > a {
	background: #fff;
	color: #000;
	text-shadow: none;
}

.nav1 li li {
	width: 100%;
	border: none;
}

.nav1 li ul li a {
	float: none;
	display: block;
	padding: 6px 8px;
	margin: 0 4px;
	color: #777;
	border-radius: 2px;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	text-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.nav1 li ul li:hover > a {
	color: #333;
	background: #f5f5f5;
}

.nav1:not(.top-menu) > li.menu-item-has-children:hover > a {
	padding-bottom: 10px;
	margin-bottom: 0;
}

.nav1 li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	content: "\f107"; /* f078 for chevron arrow */
	font-weight: normal;
	line-height: 1;
	font-weight: normal;
	display: inline;
	padding-left: 0.666em;
	color: inherit;
}

.nav1 ul li.menu-item-has-children > a:after {
	float: right;
	padding: 0;
	color: inherit;
	content: "\f105"; /* f054 for chevron arrow */
	font-weight: normal;
	line-height: inherit;
}

.nav1 ul ul li.menu-item-has-children:hover > a:after {
	color: inherit;
}

.ss_nav select {
	display:none;
	width:100%
}

/* Secondary Navigation Menu (Top Menu) */
.ss_nav_top {
	position:relative;
	text-align:center;
	background:#333;
	z-index:1000
}

.ss_nav_top .wrap {
	overflow:visible
}

.nav2 {
	position:relative;
	float:left;
	width:50%;
	list-style:none;
	margin:0;
	padding:0;
	z-index:1000
}

.nav2 li {
	float:left;
	position:relative
}

.nav2 > li a {
	display: block;
	font-weight: normal;
	padding: .5em 10px;
	color: #ccc;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

.nav2 li a span {
	display: block;
	font-size: 0.75em;
}

.nav2 > li:hover > a {
	color: #fff;
	background-color: #444;
}

.nav2 li ul {
	position: absolute;
	display: none;
	width: 17em;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 100%;
	left: 0;
	background: #fff;
	z-index: 10;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}

.nav2 li ul ul {
	top: 0;
	left: 100%;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.nav2 ul li:hover > ul {
	display: block;
}

.nav2 > li.current-menu-item > a,
.nav2 > li.current-menu-ancestor > a,
.nav2 > li.current_page_item > a,
.nav2 > li.current_page_ancestor > a {
	background: #444;
	color: #fff;
	text-shadow: none;
}

.nav2 li li {
	width: 100%;
	border: none;
}

.nav2 li ul li a {
	float: none;
	display: block;
	margin: 0 12px;
	padding: 0.666em 0;
	color: #666;
	font-size: 1em;
	border-bottom: 1px solid #e5e5e5;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	text-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.nav2 li ul li:last-child a {
	border-bottom: none;
}

.nav2 li ul li:hover > a {
	color: #333;
}

.nav2 li.menu-item-has-children > a:after {
	font-family: FontAwesome;
	content: "\f0d7"; /* f078 for chevron arrow */
	font-size: 0.75em;
	font-weight: normal;
	line-height: inherit;
	font-weight: normal;
	display: inline;
	padding-left: 0.666em;
	color: inherit;
}

.nav2 ul li.menu-item-has-children > a:after {
	float: right;
	padding: 0;
	color: inherit;
	content: "\f0da"; /* f054 for chevron arrow */
	font-size: 0.875em;
	font-weight: normal;
	line-height: 2;
}

.nav2 ul ul li.menu-item-has-children:hover > a:after {
	color: inherit;
}

.ss_nav_top select {
	display:none;
	width:100%
}

/* Sticky Menus */

.main-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 99999999;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: none;
}

.main-sticky {
	z-index: 9999999;
	width: 100%;
	max-width: 100%;
}

.main-sticky .wrap {
	width: 96%;
	max-width: 960px;
	margin: 0 auto;
}

@media only screen and (max-width: 999px) {
	.main-sticky {
		display: none !important;
	}
}

/* Top-right Callout Text */
#callout-top {
	position:relative;
	float:right;
	width:50%;
	padding: .5em 0;
	color:#fff;
	text-align:right;
}

#callout-top * {
	color:inherit
}

#callout-top a:hover {
	color:#eb6633
}

/* Breadcrumbs */

/* Breadcrumbs */
.breadcrumbs,
.woocommerce .woocommerce-breadcrumb {
	margin: 0 0 1.84615em;
	line-height: 1;
	list-style: none;
	color: #999;
	padding: .15em 0;
}

.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-breadcrumb:before {
	content:" ";
	display:table
}

.woocommerce .woocommerce-breadcrumb:after {
	clear:both
}

.woocommerce .woocommerce-breadcrumb a {
	color:#999
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color:#333
}

.breadcrumbs,
.woocommerce .woocommerce-breadcrumb {
	font-size: .9em;
	line-height: 1.333334;
	word-break: break-word;
}

.breadcrumbs li,
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb span {
	display: inline-block;
}

.breadcrumbs li:not(:last-child):after,
.woocommerce-breadcrumb .sep:before {
	display: inline-block;
	margin: 0 8px;
	content: "";
	border: 1px solid #999;
	width: 4px;
	vertical-align: middle;
	height: 4px;
	border-width: 0 1px 1px 0;
	transform: rotate(-45deg);
}


.breadcrumbs a {
	color: inherit;
}

.breadcrumbs a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
	color: #666;
}

/* -- 5. SIDEBAR -- */

.sb-title,
.sc-title {
	font-size: 14px;
	line-height: 1.28571;
	margin-bottom: 12px;
	color: #999;
}

.widgetwrap ul {
	position: relative;
	margin: 0 0 .75em;
	padding: 0;
	list-style: none;
}

.widgetwrap ul li {
	position: relative;
	display: block;
	padding: 0 0 .75em;
}

.widgetwrap ul ul {
	margin: .75em 0 0;
}

.widgetwrap ul ul li {
	padding-left: 1.5em;
}

.widgetwrap ul ul li:before {
	position: absolute;
	left: 0.5em;
	content: "\002d";
	color: #999;
}

.widgetwrap ul ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.widgetwrap ul a {
	color: #333;
	text-decoration: none
}

.widgetwrap ul a:hover {
	color: #eb6633;
	text-decoration: none;
}

.widgetwrap ins {
	color: #555;
}

.widgetwrap span.count {
	float: right;
	margin-left: 0.3em;
}

.widgetwrap ul.ss_social {
	margin-top: 0;
}

/* -- 6. PORTFOLIO PAGES -- */

ul.port {
	margin:0 0 20px;
	padding:0;
	list-style:none
}

ul.port li {
	position:relative;
	overflow:hidden;
	float:left;
	background:#fff;
	-moz-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3);
	box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.3);
}

ul.port li img {
	display:block
}

.port-details {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	color:#fff;
	z-index:2;
	background:#222;
	background:rgba(0,0,0,.5);
	padding: 12px 16px;
	opacity: 0;
	-moz-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.75);
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.port-item:hover .port-details {
	opacity: 1;
}

.port-details h2 {
	color:#fff;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom:0
}

.port-details h2 a {
	color:#fff;
	display:block
}

.port-details h2 a:hover {
	color:#fff
}

.port-meta {
	position:absolute;
	width:100%;
	bottom: 12px;
	left: 16px;
	font-weight: 600;
}

.port-meta a {
	display:inline-block;
	color:#ccc;
}

.port-meta a:hover {
	color:#fff
}

.port-meta span.sep:before {
	content: "\00b7";
	margin: 0 4px;
}

.col3 li {
	width: 33.33333%;
}

.col4 li,
.col4-wide li {
	width: 25%;
}

.col5-wide li {
	width: 20%;
}

.col3 li:nth-child(3n+1),
.col4 li:nth-child(4n+1),
.col4-wide li:nth-child(4n+1),
.col5-wide li:nth-child(5n+1) {
	clear: both;
}

.filterable-wrap {
	position: relative;
}

.ss_filterable {
	margin-bottom:10px
}

ul#filter-nav {
	position:relative;
	overflow:hidden;
	width:auto;
	margin:0 0 18px;
	padding:0;
	list-style:none
}

ul#filter-nav li {
	float:left;
	margin:0 2px 2px 0;
	font-size:12px;
	line-height:19px
}

ul#filter-nav li.filter-nav-label {
	padding:5px 10px;
	display:block;
	background:#777;
	color:#fff
}

ul#filter-nav li a {
	color:#666;
	padding:5px 10px;
	display:block;
	background:#f0f0f0;
}

ul#filter-nav li a:hover {
	color:#fff;
	background:#222;
}

ul#filter-nav li.current a {
	color:#fff;
	background:#eb6633;
}

.mask-overlay {
	position:absolute;
	background:#fff
}

/* -- 7. BLOG PAGES -- */

/* Single Post */
.entry {
	border-bottom:1px solid #e9e9e9;
	margin-bottom:20px
}

.entry-meta {
	position:relative;
	overflow:hidden;
	color:#999;
	margin:-5px 0 9px;
	display:block
}

.single .entry-meta {
	margin-bottom:18px
}

.single-post-title {
	font-weight: 600;
}

.entry-meta a {
	color: inherit;
}

.entry-meta a:hover {
	color: #333;
}

.entry-list-left {
	position:relative;
	overflow:hidden;
	float:left;
	width: 31.588%;
	margin: 0 0 20px 0;
}

.entry-list-right {
	margin-left: 34.208%;
}

.list_style {
	margin-bottom:20px
}

.entry-list-right.no_image {
	width:100%;
	margin-left:0
}

.navigation {
	position:relative;
	overflow:hidden;
	margin-bottom:18px
}

.navigation a,
.navigation a:visited,
.more-link,
.more-link:visited {
	font-size:12px;
	margin:0;
	padding:0;
	display:inline-block;
	color:#777;
}

.navigation a:hover,
.navigation a:active,
.more-link:hover,
.more-link:active {
	color:#333;
	border-bottom-color:#ccc
}

.nav-next,
.nav-previous {
	float:left;
	position:relative;
	overflow:hidden;
	width:50%;
	padding:0
}

/* Previous Next Post links */
.post-navigation {
	position: relative;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #e5e5e5;
}

.nav-links a {
	position: relative;
	color: #777;
}

.nav-links .post-title {
	font-size: 14px;
}

.nav-links .meta-nav {
	font-size: 1rem;
	line-height: 1.5;
	color: #777;
	display: block;
}

.nav-links .nav-previous a {
	padding: 0 0 0 20px;
	display: inline-block;
}

.nav-links .nav-next a {
	padding: 0 20px 0 0;
	display: inline-block;
}

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after {
	font-family: FontAwesome;
	display: inline-block;
	position: absolute;
	vertical-align: middle;
	font-weight:400;
	font-style: normal;
	speak:none;
	text-decoration:inherit;
	text-transform:none;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-align: center;
	font-size: 16px;
	line-height: 1;
	color: inherit;
}

.nav-links .nav-previous a:before {
	content: "\f104";
	left: 0;
	top: 46%;
}

.nav-links .nav-next a:after {
	content: "\f105";
	right: 0;
	top: 46%;
}

.nav-links a:hover .post-title,
.nav-links a:hover:before,
.nav-links a:hover:after {
	color: #333;
}

.nav-next {
	float:right;
	text-align:right
}

/* Page Links */
.page-links,
.pagination {
	position: relative;
	clear: both;
	margin-bottom: 32px;
	padding-top: 16px;
	color: #757575;
	font-size: 0 /* Whitespace prevention */
}

.pagination {
	text-align: center;
}

.pagination a,
.pagination span,
.page-links a,
.page-links span {
	display: inline-block;
	padding: 4px 12px;
	margin: 0 2px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #757575;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

.pagination a:hover,
.pagination .current,
.page-links a:hover {
	color: #212121;
	background: rgba(0,0,0,.07);
}

.page-links span.page-links-title,
.page-links span.screen-reader-text,
.page-links a span {
	margin: 0;
	padding: 0;
}

.tag-label {
	display:block;
	float:left;
	padding:2px 6px 0 0;
	margin:0;
	color:#555;
}

ul.tag-list {
	position:relative;
	overflow:hidden;
	margin:0 0 20px;
	padding:0;
	list-style:none
}

ul.tag-list li {
	float:left;
	margin:0 3px 3px 0
}

ul.tag-list li a {
	display:block;
	background:#fff;
	color:#777;
	padding:1px 5px;
	border:1px solid #e5e5e5
}

ul.tag-list li a:hover,
ul.tag-list li a:active {
	background:#f0f0f0;
	color:#777;
	border-color:#ccc;
}

ul.tag-list li a:active {
	color:#999
}

/* Tagcloud widget */

.tagcloud {
	font-size: 0;
	margin-bottom: 16px;
}

.tagcloud a {
	font-size: 12px !important;
}

.tag-links a,
.tagcloud a {
	font-size: 12px;
	line-height: 20px;
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 2px 8px;
	background: rgba(0,0,0,.12);
	color: rgba(0,0,0,.7);

	border-radius: 3px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.tagcloud a:hover,
.tag-links a:hover {
	background: #757575;
	color: #fff;
}

.tagcloud a:active,
.tag-links a:active {
	background-image: -webkit-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -moz-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -ms-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: -o-linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
	background-image: linear-gradient(rgba(0,0,0,.15), rgba(0,0,0,.15));
}

/* Author Box */
#author-avatar {
	float:left;
	margin:0
}

#author-avatar img,
.author-avatar img {
	display:block;
	-moz-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3);
	box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.3);
}

#author-description {
	margin-left:100px
}

/* Gallery */
ul.gallery-single {
	position:relative;
	list-style:none;
	margin:0 0 18px;
	padding:0
}

ul.gallery-single li {
	float:left;
	margin:0 1px 1px 0
}

ul.gallery-single li img {
	width:126px;
	height:103px;
	display:block
}

span.no-video {
	display:block;
	padding:15px 15px 0
}

.single span.no-video {
	padding:20px 20px 0
}

.single-jp-wrap,
.single-video-wrap {
	position:relative;
	overflow:hidden;
	padding:0 0 14px
}

.entry-grid iframe,
.entry-list-left iframe {
	display:block;
	margin-bottom: 0;
}

.single .article-body {
	font-size: 15px;
	line-height: 1.7333;
}

/* Related Posts */
ul.related_posts {
	position:relative;
	overflow:hidden;
	list-style:none;
	margin:0 0 4px 0
}

ul.related_posts li {
	position:relative;
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:140px;
	margin:0 16px 16px 0
}
ul.related_posts li:nth-child(5n) {
margin-right:0
}

ul.related_posts li a.rp_thumb {
	display:block;
	margin-bottom:9px
}

ul.related_posts li img {
	display:block;
	width:140px;
	height:90px
}

ul.related_posts li h4 {
	font-size:12px;
	line-height:18px;
	margin:0
}

ul.related_posts li h4 a {
	color:#666
}

ul.related_posts li h4 a:hover {
	color:#333
}

/* Comments */

.comments-area {
	clear: both;
}

.comment-form:after {
	content: "";
	clear: both;
	display: table;
}

.comment-list {
	list-style: none;
	margin: 0 0 32px 0;
}

.comment-list .comment-body:after {
	content: "";
	display: block;
	margin: 20px 0 0 56px;
	border-bottom: 1px solid rgba(0,0,0,.12);
}

.comment-author {
	font-size: 1rem;
}

.comment-list .reply a:hover {
	color: #212121;
}

.comment-author .fn {
	font-size: 14px;
	line-height: 1.4285714;
	font-weight: 600;
	font-style: normal;
}

.comment-author a {
	color: #212121;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-meta a,
.comment-list .reply a {
	color: #757575;
}

.comment-list .reply a {
	font-size: 12px;
	line-height: 20px;
	color: #757575;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-meta a:hover,
.comment-list .reply a:hover {
	color: #212121;
}

.comment-list .comment-body {
	padding-top: 24px;
}

.comment-list > li:first-child > .comment-body {
	border-top: 0;
}

.comment-author {
	position: relative;
}

.comment-author .avatar {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
}

.says {
	display: none;
}

.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-meta,
.comment-body p {
	padding-left: 56px;
}

.comment-body p {
	margin-bottom: 16px;
}

.comment-author {
	line-height: 20px;
}

.comment-meta {
	font-size: 12px;
	line-height: 1.666666;
}

.comment-meta {
	margin-bottom: 16px;
}

.comment-edit-link {
	float: right;
}

.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 24px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

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

.comment-respond {
	margin-bottom: 24px;
	padding: 0;
}

.comment .comment-respond {
	margin-top: 32px;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #757575;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
	font-size: 1rem;
}

.no-comments {
	margin-top: 24px;
}

.comment-form label {
	display: block;
}

#reply-title {
	margin-bottom: 8px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	font-size: 12px;
}

.required {
	color: #f44336;
}

.comment-reply-title small {
	float: right;
}

.comment-reply-title small a {
	position: relative;
	color: #757575;
	display: inline-block;
}

.comment-navigation {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 48px;
}

.comment-navigation .nav-next,
.comment-navigation .nav-previous {
	display: inline-block;
}

.comment-navigation .nav-previous a {
	margin-right: 8px;
}

#comment-nav-above {
	margin-top: 36px;
	margin-bottom: 0;
}

.comment-form-author,
.comment-form-email {
	float: left;
	width: 48%;
}

.comment-form-url,
.comment-form-comment,
.comment-form-rating {
	clear: both;
}

.comment-form-email {
	float: right;
}

.comment-form p:not(.form-submit) {
	margin-bottom: 14px;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	max-width: 100%;
}

#content-grid .navigation {
	margin:0 12px 18px
}

/* Ads and Social Sharing */
.ad_code {
	position:relative;
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px;
	margin-bottom:20px
}

/* Social sharing buttons on single post */

.ss-sharing-container {
	position: relative;
	margin: 0 0 1.5em;
	padding: 0 0 0.75em;
	border-bottom: 1px solid #e5e5e5;
}

.fb-share-button,
.ss-sharing-btn {
	position: relative;
	display: inline-block;
	margin: 0 1em 0.75em 0;
	padding: 0 1em 0 0;
	border-right: 1px solid #e5e5e5;
	vertical-align: top;
}

.ss-sharing-container div.ss-sharing-btn:last-child {
	border: none;
	margin-right: 0;
}

.ss-sharing-btn iframe,
.ss-sharing-btn table {
	margin-bottom: 0;
	max-width: inherit;
}

.ss-sharing-btn td,
.ss-sharing-btn th {
	padding: 0;
	border: 0;
}

.fb_iframe_widget iframe {
	max-width: inherit;
}

.single iframe[class^="PIN_"] {
	display: none;
}

/* Masonry Styles */

.masonry {
	margin: 0;
}

.entry-grid {
	position:relative;
	float:left;
	width: 33.33%;
	margin: 0;
	padding: 0 12px;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.entry-grid:after {
	content: "";
	display: block;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

.entry-grid h2.entry-title {
	font-size: 20px;
	line-height: 1.33;
	margin-bottom: .4em;
	font-weight: 600;
}

.entry-thumb {
	position:relative;
	overflow:hidden;
	margin-bottom:0
}

.entry-thumb img {
	display:block
}

.entry-grid .entry-content {
	position:relative;
	overflow:hidden;
	padding: 1em 0 0;
}

.entry-grid .entry-content p {
	margin-bottom: .75em;
	line-height: 1.6;
	color: #777;
}

.entry-grid .entry-meta {
	position:relative;
	overflow:hidden;
	color: #999;
	margin:0 0 1em
}

.entry-grid .entry-meta a {
	color: #999;
	border: none;
}

.entry-grid .entry-meta a:hover {
	color:#333
}

.content-grid-inner {
	padding: 0px 10px
}

.entry-meta .sep:before {
	width: 2px;
	height: 2px;
	background: #999;
	display: inline-block;
	content: "";
	margin: 0 4px;
	vertical-align: middle;
}

.single-meta .sep:before {
	margin: 0 6px;
}

/* -- 8. SECONDARY AREA -- */

#secondary .ss_social {
	margin-top: 0;
}


/* -- 9. FOOTER -- */

#footer {
	color:#ddd;
}

#footer a {
	color:#ccc;
	border-bottom:1px solid #777
}

#footer a:hover {
	color:#fff;
	border-bottom-color:#999
}

.notes_left {
	position:relative;
	overflow:hidden;
	float:left;
	width:50%
}

.notes_right {
	position:relative;
	overflow:hidden;
	float:right;
	width:50%;
	text-align:right
}

.scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 10px;
	text-align: center;
	z-index: 999;
	opacity: 0;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;	
}

.scroll-to-top.show-btn {
	opacity: 1;
	bottom: 20px;
}

.scroll-to-top a {
	display: block;
	width: 36px;
	height: 36px;
	background: #222;
	color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}

.scroll-to-top a:before {
	font-size: 18px;
	line-height: 36px;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f106";
}

.scroll-to-top a:hover {
	background-color: #eb6633;
}

/* -- 10. FORMS -- */

/* ---------------------------------------------------------------
 * 8. FORMS
 * Comment form, contact form, and other form styles.
 * ------------------------------------------------------------ */

form {
	position: relative;
	margin: 0 0 1.5em;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"] {
	width: auto;
	max-width: 100%;
	color: inherit;
}

textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="password"] {
	margin: 0;
	padding: 0.615em 1em;
	height: 32px;
	border: 1px solid #e0e0e0;
	vertical-align: middle;
}

textarea {
	min-height: 50px;
	height: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
	outline: 0;
	border-color: #ccc;
}

select {
	width: auto;
	max-width: 100%;
	padding: 0.3em;
	background-color: #fff;
	border: 1px solid #ccc;
}

optgroup {
	font-family: inherit;
	font-style: normal;
	font-weight: 600;
	color: #000;
}

optgroup option {
	padding-left: 0.5em;
}

input[type="checkbox"] {
	display: inline;
}

input[type="checkbox"] + label {
	display: inline-block;
}

/* Buttons */
button,
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	font-size:100%;
	margin:0;
	cursor:pointer;
	position:relative;
	font-family:inherit;
	text-decoration:none;
	overflow:visible;
	padding: .625em 1em;
	height: 32px;
	font-weight: normal;
	border-radius: 2px;
	left:auto;
	color: #444;
	background-color:#f0f0f0;
	border:0;
	white-space:nowrap;
	display:inline-block;
	background-image:none;
	box-shadow:none;
	-webkit-box-shadow:none;
	text-shadow:none
}

button:hover,
.menu-toggle:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
}

button:active,
.menu-toggle:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: inherit;
	opacity: .9;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: -o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
	background-image: linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,.1));
}

/* Comment form */

h3#reply-title small {
	font-size: 1em;
}

a#cancel-comment-reply-link {
	font-size: 0.6111em;
	color: #999;
}

a#cancel-comment-reply-link:hover {
	color: #333;
}

#respond form label,
#contactform label {
	display: block;
	line-height: 1.5;
}

#respond form input[type="text"],
#contactform input[type="text"],
#respond form textarea,
#contactform textarea {
	width: 100%;
	max-width: 66.66%;
}

.half #contactform input[type="text"],
.half #contactform textarea {
	max-width: 100%;
}

.column #contactform input[type="text"],
.column #contactform textarea {
	max-width: 100%;
}

#respond form textarea {
	width: 100%;
	max-width: 100%;
}

.required {
	color: red;
}

input.error,
textarea.error {
	border: 1px solid #ff6666 !important;
}

#mail_success,
#mail-success-no-js {
	margin: 1.5em 0 0;
}

#mail_success {
	display: none;
}

div.wpcf7 {
	margin-bottom:20px !important;
}

/* -- 11. WIDGETS -- */

.widgetwrap {
	position:relative;
	margin-bottom:9px;
	display:block
}

.widgetwrap:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	margin:0;
	padding:0
}

.widgetwrap span.count {
	float: right;
	margin-left: 0.3em;
}

/* Search Widget */
.widgetwrap .search-field,
#searchform #s {
	width: 100%;
	padding-right: .5em;
	border-radius: 2px;
}

.widgetwrap .search-submit,
#searchform #searchsubmit,
.widget_product_search input[type="submit"],
.widget_product_search button[type="submit"] {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 30px;
	border-radius: 0 2px 2px 0;
}

/* Recent Posts / Popular Posts Widget */
ul.thumb_list h4,
ul.normal_list h4 {
	font-size:12px;
	line-height:18px;
	margin:0
}

ul.thumb_list li {
	overflow: hidden;
}

.cp_thumb {
	float:right;
	width:41px
}

.cp_thumb img {
	display:block
}

.cp_title {
	margin-right:46px
}

ul.normal_list li .cp_title {
	float:none;
	width:100%;
	margin-right:0
}

.list_meta {
	font-size:10px;
	line-height:18px;
	color:#999;
	display:block
}

/* Widgets */
.widget_categories span.count,
.widget_product_categories span.count,
.widget_archive span.count,
.custom_cat span.count {
	float:right;
	margin-left:4px
}


/* -- 12. MISCELLANEOUS -- */

/* FlexSlider */

.slider {
	position: relative;
}

.flex-controls-container {
	position: absolute;
	top: 0;
	width: 100%;
}

.flex-controls-container.carousel-controls {
	top: 46%;
}

.flex-control-nav {
	float: right;
	width: auto;
	margin: 5px 2px 0 0;
	padding: 2px;
}

.flex-control-nav li {
	float: left;
	margin-right: 3px;
}

.flex-control-paging li a {
	display: block;
	width: 15px;
	height: 8px;
	background: rgba(255,255,255, .75);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
	text-indent: -9999px;
	cursor: pointer;
}

.flex-control-paging li a:hover {
	background: #000;
}

.flex-control-paging li a.flex-active {
	background: #000;
	cursor: default;
}

/* WP Page Navi */
.wp-pagenavi {
	position:relative;
	overflow:hidden;
	margin-bottom:0;
	padding:10px 0 20px 0
}

.wp-pagenavi a,
.wp-pagenavi span.current {
	padding:5px 9px;
	margin-right:4px;
	color:#666;
	background:#fff;
	border:1px solid #e5e5e5
}

.wp-pagenavi a:hover {
	background:#f0f0f0;
	color:#666;
	border-color:#ccc
}

.wp-pagenavi span.pages {
	color:#999;
	float:right;
}

.wp-pagenavi span.current {
	text-decoration:none;
	color:#fff;
	background:#222;
	border-color:#222
}

.wp-pagenavi a:active {
	color:#999
}

/* Make iFrame and Embeds reponsive */
.embed_wrap {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:18px
}

.flexslider .embed_wrap {
	padding-top:0;
	margin-bottom:0
}

.embed_wrap iframe,
.embed_wrap object,
.embed_wrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

/* Other miscellaneous classes */
.serif {
	font-family:Georgia, "Times New Roman", Times, serif
}

.my_ad {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
	border:1px dashed #ccc;
	color:#777
}

.preload {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/loading.gif) 50% 50% no-repeat
}

.imgleft {
	float:left;
	margin: 0 18px 18px 0
}

.imgright {
	float:right;
	margin: 0 0 18px 18px
}

.noalign {
	float:none;
	margin: 0 0 14px 0
}

.nomargin {
	margin-bottom:0
}

.imgcenter {
	display:block;
	margin:0 auto
}

.center {
	text-align:center
}

.last,
.three_fourth.last,
.half.last,
.two_third.last,
.one_third.last,
.three_eighth.last,
.one_fourth.last,
.one_fifth.last {
	margin-right:0
}

.clear {
	clear:both
}

.clearfix:after,
.clearf {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
	margin:0;
	padding:0
}

.clearboth {
	display:block;
	margin:0;
	padding:0;
	clear:both
}

.pp_inline {
	line-height:18px;
	padding:10px
}

.hide,
.pp_description {
	display:none !important;
}

.pp_gallery ul a img {
	width: 50px;
}

span.menu_notifier {
	padding:12px;
	margin:0;
	font-size:12px;
	display:block;
	color:#fff
}

span.menu_notifier strong {
	color:#fff
}

.ss_nav_top span.menu_notifier {
	padding: .5em 0;
	color:#eee;
	width:50%;
	float:left
}

.sb_notifier {
	padding:15px 15px 0;
	border:1px dashed #e5e5e5
}

.ico_left {
	float:left;
	margin-right:12px;
	position:relative;
	overflow:hidden
}

.ico_left,
.ico_left img {
	width:24px;
	height:24px;
	display:block
}

p.img {
	margin-bottom:12px
}

.h_icon {
	float:left;
	margin-right:10px
}

#recaptcha_widget_div,
#recaptcha-submit-btn-area {
	margin-bottom:20px
}

p.recaptcha-error {
	font-size:14px;
	padding-bottom:0
}

/* WordPress Default Styles */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft,
.left {
	float:left;
}

.alignright,
.right {
	float:right;
}

.wp-caption {
	background: transparent;
	border: 0;
	margin: 0;
}

.wp-caption img {
	border: 0;
	margin: 0;
	padding: 0;
}

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
}

/* Gallery listing */
.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}

.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}

.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}

/* Attachment pages */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}

.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}

.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}

/* Images */
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width:100%;
	height:auto
}

.alignleft,
img.alignleft {
	display: inline;
	float:left;
	margin:0 18px 18px 0;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin:0 0 18px 18px;
}

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

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 18px;
}

.wp-smiley {
	margin: 0;
}

.gallery {
	margin: 0 auto 18px;
}

.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}

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

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

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

.gallery img {
	border: none !important;
}

.gallery-columns-2 .attachment-medium {
	max-width: 85%;
	height: auto;
}

.gallery-columns-4 .attachment-thumbnail {
	max-width: 82%;
	height: auto;
}

.gallery-columns-5 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}

.gallery-columns-6 .attachment-thumbnail {
	max-width: 82%;
	height: auto;
}

.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

.gallery dl {
	margin: 0;
}

.gallery br+br {
	display: none;
}

#content .attachment img {
	display: block;
	margin: 0 auto
}

/* WPML Plugin compatibility Styles */

#lang_sel {
	width: auto;
	display: inline-block;
	text-align: left;
}

#lang_sel ul li {
	border: none;
}

img.iclflag {
	display: inline;
}

/* Border fixes for carousel and product list widget */
.carousel li.product,
.carousel li.product.last {
	margin-right: 18px !important;
}

#secondary .product_list_widget li {
	padding-right: 1px;
}

/* Responsive Navigation */

#responsive-menu,
#menu-button {
	display: none;
}

.close-button {
	color: #999;
	overflow: hidden;
	height: 40px;
	margin: 0;
}

.close-button a {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #999;
}

.close-button a:hover {
	color: #fff;
}

.close-button a:before {
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f00d';
}

/* Elementor Specific */
.overlay-box:hover {
	opacity: .7;
}
.overlay-box .elementor-image-box-content,
.overlay-box .wp-caption-text {
	position: absolute;
	left: 16px;
	top: 16px;
	width: auto;
}

.overlay-box .wp-caption-text,
.overlay-box .elementor-image-box-title > a {
	font-size: 13px;
	line-height: 1.3;
	font-weight: normal;
	padding: 0;
	color: #fff;
	transition: .2s;
}

.elementor-widget-container {
	position: relative;
}

.gutter-20 .elementor-container {
	margin-left: -10px;
	margin-right: -10px;
}

.gutter-20 .elementor-column {
	margin-left: 10px;
	margin-right: 10px;
}

.full-stretch {
	margin: 0 -100%;
}

.full-stretch .full-inner {
	max-width: 33% !important;
	margin-left: auto;
	margin-right: auto;
}

.fixed-nav.transparent-nav .elementor-editor-active #header {
	position: relative;
}

.elementor-icon-box-content .elementor-icon-box-title {
	margin-bottom: .25em;
}

.slick-slide-inner {
	position: relative;
}

.xing-slider .elementor-image-carousel .elementor-image-carousel-caption {
	position: absolute;
	left: 16px;
	top: 16px;
	color: #fff;
	text-align: left !important;
}

@media only screen and (min-width: 768px) {
	.xing-slider .elementor-image-carousel .elementor-image-carousel-caption {
		max-width: 60%;
	}
}

@media only screen and (max-width: 767px) {
	.xing-slider .elementor-image-carousel .elementor-image-carousel-caption {
		font-size: 90% !important;
	}
}

.xing-slider .elementor-image-carousel .elementor-image-carousel-caption {
	color: #fff;
}

.xing-slider .elementor-image-carousel .elementor-image-carousel-caption * {
	color: inherit;
	margin-bottom: 0;
}

.xing-slider .elementor-image-carousel .elementor-image-carousel-caption a {
	color: inherit;
}

.text-s {
	font-size: 75%;
}

.text-m {
	font-size: 166.666%;
}

.text-uc {
	text-transform: uppercase;
}

.bar:after {
	content: "";
	display: block;
	width: 30px;
	margin-top: .5em;
	border-bottom: 2px solid;
}

.text-spaced {
	letter-spacing: .2em;
}

.elementor-heading-title small,
.elementor-heading-title a {
	font-weight: 400;
}

.elementor-heading-title a.view-all {
	float: right;
	text-align: right;
	color: #999;
	font-size: 12px;
}

.elementor-heading-title a.view-all:hover {
	color: #333;
}

.elementor-heading-title a.view-all:after {
	font-family: Fontawesome;
	content: '\f105';
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	margin-left: 4px;
}

.full-stretch {
	margin: 0 -100%;
}

.full-stretch .full-inner {
	max-width: 33% !important;
	margin-left: auto;
	margin-right: auto;
}

.fixed-nav.transparent-nav .elementor-editor-active #header {
	position: relative;
}

.elementor-icon-box-content .elementor-icon-box-title {
	margin-bottom: .25em;
}

.elementor-toggle .elementor-tab-title i {
	line-height: inherit;
}

/* responsive styles */

#container {
	width: 96%;
	min-width: 320px;
	max-width: 1000px; /* 20 + 960 + 20 */
}

.wrap,
.ss_nav {
	width: 96%;
	max-width: 960px;
}

.nav-enabled .container {
	min-width: 320px;
}

@media only screen and (max-width: 960px) {

	/* Menus */
	.top-menu,
	#access {
		display:none;
	}

	.no-resp-menu #access {
		display: block;
	}

	#callout-top {
		width: 90%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	#callout,
	.cart-nav,
	.ss_nav_top span.menu_notifier {
		width: 100%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	#callout {
		margin-bottom: 10px;
	}

	.brand {
		float: none;
		text-align: center;
	}

	.brand img {
		margin: 0 auto;
	}

	.header-widget-area {
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0 0 12px;
	}

	#primary .wrap {
		border-top: 1px solid #333;
	}

	.no-resp-menu #primary .wrap {
		border-top: none;
	}

	#responsive-menu,
	#menu-button {
		display: block;
	}

	#responsive-menu {
		position: fixed;
		left: 0;
		top: 0;
		width: 250px;
		height: 100%;
		overflow-x: auto;
		overflow-y: visible;
		z-index: 99999999;
		background: #000;
		text-align: left;
		font-size: 14px;
		-ms-transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		-moz-transform: translateX(-250px);
		transform: translateX(-250px);
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	.menu-active #responsive-menu {
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

	/* Menu styles */
	.menu-drop .main-menu,
	.menu-drop .optional-menu {
		padding: 0 16px 16px;
	}

	.menu-drop .optional-menu {
		padding-top: 16px;
	}

	.menu-drop ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#responsive-menu .main-menu li,
	#responsive-menu .optional-menu li {
		position: relative;
	}

	.optional-menu {
		border-top: 1px solid #333;
	}

	.menu-drop a {
		display: block;
		padding: 0.666em 0;
		color: #ccc;
	}

	.menu-drop a:hover {
		color: #fff;
	}

	.menu-drop .expand-menu {
		position: absolute;
		top: 0;
		right: -16px;
		padding: 0;
		width: 40px;
		height: 40px;
		text-align: center;
		z-index: 10;
	}

	.menu-drop .expand-menu .fa {
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-ms-transition: .3s;
		transition: .3s;
	}

	.menu-drop .expand-menu .fa:before {
		font-size: 14px;
		line-height: 40px;
		width: 40px;
	}

	#responsive-menu .expand-menu .rotate-180 {
		-webkit-transform: rotateZ(180deg); /* Chrome, Safari, Opera */
		-moz-transform: rotateZ(180deg); /* IE 9 */
		-ms-transform: rotateZ(180deg); /* IE 9 */
		transform: rotateZ(180deg);
	}

	.menu-drop ul ul li {
		padding-left: 1em;
	}

	.menu-drop ul ul li a {
		padding: 0.666em 0;
	}

	/* Menu button */
	#menu-button {
		position: fixed;
		left: 0;
		top: 60px;
		margin: 0;
		color: #ccc;
		background: rgba(0,0,0,.8);
		width: 40px;
		height: 40px;
		border-radius: 0 4px 4px 0;
		cursor: pointer;
		text-align: center;
		vertical-align: middle;
		z-index: 99999999;
	}

	#menu-button:hover {
		color: #fff;
		background: #000;
	}

	#menu-button:before {
		font-size: 18px;
		line-height: 40px;
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: '\f0c9';
	}
}

@media only screen and (max-width:768px) {
	#content,
	#content-grid,
	#sidebar,
	.sidebar-b,
	.content-narrow {
		float: none;
		width: 100%;
	}

	#callout {
		float: none;
		width: 100%;
		margin: 0 auto 20px;
	}

	#account-bar {
		float:none
	}

	ul.account-nav li.welcome {
		padding-left: 0;
	}

	.brand.no-callout {
		padding-top: 25px;
		margin-top:0
	}

	.col5-wide li {
		width: 33.33%;
	}

	.col5-wide li:nth-child(5n+1) {
		clear: none;
	}

	.col5-wide li:nth-child(3n+1) {
		clear: both;
	}

	#secondary .one_fifth {
		width: 100%;
		margin-right: 0;
	}

}

@media only screen and (max-width:640px) {

	.full,
	.three_fourth,
	.half,
	.three_eighth,
	.two_third,
	.one_third,
	.two_third,
	.one_fourth,
	.one_fifth {
		float: none;
		margin: 0 0 2px;
		width: 100%;
	}

	.entry-grid {
		width: 50%;
	}

	.col3 li,
	.col4 li,
	.col4-wide li,
	.col5-wide li {
		width: 50%;
	}

	.col3 li:nth-child(3n+1),
	.col4 li:nth-child(4n+1),
	.col4-wide li:nth-child(4n+1),
	.col5-wide li:nth-child(5n+1),
	.col5-wide li:nth-child(3n+1) {
		clear: none;
	}

	.col3 li:nth-child(2n+1),
	.col4 li:nth-child(2n+1),
	.col4-wide li:nth-child(2n+1),
	.col5-wide li:nth-child(2n+1) {
		clear: both;
	}
}

@media only screen and (max-width:425px) {
	.entry-grid {
		width: 100%;
	}

	.entry-list-left,
	.entry-list-right {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}

	.col3 li,
	.col4 li,
	.col4-wide li,
	.col5-wide li {
		width: 100%;
	}
}