/*
Theme Name: Xcel
Theme URI: http://kairaweb.com/theme/xcel/
Author: Kaira
Author URI: http://www.kairaweb.com/
Description: The Xcel theme is a modern design which is fully responsive, adapting to all screen sizes. The Xcel theme offers lots of different options from different header layouts with 4 different color schemes, different blog layouts and different footer layouts, all to suit your needs. It comes with a built in default slider and different page templates. With the Xcel we've integrated with some of the best plugins such as SiteOrigin's Page Builder, WooCommerce, Meta Slider and more. Download it and give it a go... Hope you like it!
Version: 1.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: xcel
Tags: black, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, fluid-layout, light, responsive-layout, threaded-comments, white

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

xcel is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #4F4F4F;
    font-family: sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

b,
strong {
    font-weight: bold;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 20px;
}

code,
kbd,
tt,
var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0 0 20px 25px;
    padding: 5px 0 10px;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}

figure {
    margin: 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: 300;
    line-height: 1.0em;
    word-wrap: break-word;
    color: #5E5E5E;
    margin-top: 0;
}

h1 {
    font-size: 32px;
    margin-bottom: .55em;
}

h2 {
    font-size: 28px;
    margin-bottom: .65em;
}

h3 {
    font-size: 22px;
    margin-bottom: .8em;
}

h4 {
    font-size: 20px;
    margin-bottom: 1.1em;
}

h5 {
    font-size: 16px;
    margin-bottom: 1.3em;
}

h6 {
    font-size: 14px;
    margin-bottom: 1.4em;
}

.entry-content code {
    display: block;
    background: #f7f7f7;
    border: 1px solid #D8D8D8;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
    margin: 5px 0;
    overflow-x: auto;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	text-decoration: none;
}

a:visited {
}

a:hover,
a:focus,
a:active {
	
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
    
}
.main-navigation.header-stick.stuck {
	background-color: #FFF;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.015);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 58px;
	z-index: 99999;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	position: relative;
	display: block;
    float: left;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: inherit;
	padding: 20px 16px 33px;
	font-size: 13px;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
    
    -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
       -o-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.95);
	float: left;
	position: absolute;
	top: 71px;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
	white-space: nowrap;
	text-align: left;
	width: auto;
	padding: 15px 32px 15px 20px;
	min-width: 190px;
	color: #5E5E5E;
}

.main-navigation ul ul li {
	width: 100%;
}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-menu-parent > a,
.main-navigation ul ul li.current_page_parent > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_ancestor > a {
    background: inherit;
    background-color: #EAEAEA;
}

.xcel-setting-header-type-dark-light .main-navigation a:hover,
.xcel-setting-header-type-dark-light .header-cart-contents:hover,
.xcel-setting-header-type-dark-light .main-navigation li.current-menu-item > a,
.xcel-setting-header-type-dark-light .main-navigation li.current_page_item > a,
.xcel-setting-header-type-dark-light .main-navigation li.current-menu-parent > a,
.xcel-setting-header-type-dark-light .main-navigation li.current_page_parent > a,
.xcel-setting-header-type-dark-light .main-navigation li.current-menu-ancestor > a,
.xcel-setting-header-type-dark-light .main-navigation li.current_page_ancestor > a {
    color: #000;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* ---- Mobile Nav ---- */

.header-menu-button,
.main-menu-close {
    display: none;
}

.menu-dropdown-btn {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.04);
	color: #838383;
	margin: 0;
	padding: 10px 14px;
	/* box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08); */
	height: 33px;
	line-height: 15px;
	text-align: center;
	font-size: 14px;
	z-index: 9;
	cursor: pointer;
}

#page {
    position: relative;
    right: 0;
    
    -webkit-transition: right 0.4s ease 0s;
     -moz-transition: right 0.4s ease 0s;
      -ms-transition: right 0.4s ease 0s;
       -o-transition: right 0.4s ease 0s;
          transition: right 0.4s ease 0s;
}

/*--------------------------------------------------------------
8.2 Xcel Content Layout Styling
--------------------------------------------------------------*/

.woocommerce #container,
.woocommerce-page #container,
.content-area {
	width: 75%;
	float: left;
	padding: 40px 2% 40px 0;
}

.widget-area {
	width: 25%;
	float: left;
	padding: 40px 0 30px 2%;
}
.woocommerce .widget-area,
.woocommerce-page .widget-area {
    padding-top: 40px !important;
}
.woocommerce-cart .widget-area,
.woocommerce-checkout .widget-area,
.woocommerce-account .widget-area,
.single-product.woocommerce .widget-area,
.single-product.woocommerce-page .widget-area {
    /* padding-top: 15px !important; */
}
.blog .widget-area {
}

.page-template-template-left-sidebar-php .content-area {
	width: 75%;
	float: left;
	padding: 25px 0 0 2%;
}

.page-template-template-left-sidebar-php .widget-area {
	width: 25%;
	float: left;
	padding: 40px 2% 30px 0;
}

.error404 .content-area,
.content-area-full,
.page-template-template-full-width-php .content-area,
.woocommerce .content-no-sidebar #container,
.woocommerce-page .content-no-sidebar #container,
.content-no-sidebar .content-area {
	float: none;
	width: 100%;
	padding: 40px 0 40px;
}

.woocommerce .breadcrumbs,
.woocommerce-page .breadcrumbs,
.woocommerce .entry-header.site-container,
.woocommerce-page .entry-header.site-container {
    display: none;
}

.woocommerce #container,
.woocommerce-page #container,
.content-area,
.page-template-default .content-area {
    box-shadow: -1px 0 0 #eaeaea inset;
}

.page-template-template-left-sidebar-php .content-area {
    box-shadow: -1px 0 0 #eaeaea;
}

.woocommerce .widget-area,
.woocommerce-page .widget-area,
.widget-area,
.page-template-default .widget-area {
    box-shadow: -1px 0 0 #eaeaea;
}

.page-template-template-left-sidebar-php .widget-area {
    box-shadow: -1px 0 0 #eaeaea inset;
}

.content-no-sidebar .content-area,
.content-area-full,
.page-template-template-full-width-php .content-area,
.page-template-template-full-width-php .widget-area {
    box-shadow: none;
}

.no-results.not-found,
.error-404.not-found {
	border: 1px solid rgba(0, 0, 0, 0.8);
	padding: 80px 40px 130px;
	text-align: center;
	max-width: 1240px;
	margin: 0 auto;
}
.error-404 i.fa-ban{
    font-size: 240px;
	
    margin: 0 0 20px;
    color: rgba(0, 0, 0, 0.3);
}
.no-results.not-found .page-header,
.error-404.not-found .page-header {
	display: inline-block;
	vertical-align: top;
}
.no-results.not-found .page-header .page-title,
.error-404.not-found .page-header .page-title {
	color: #000;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 58px;
}
.no-results.not-found .page-header .page-title {
    font-size: 38px;
}
.no-results.not-found .page-content,
.error-404.not-found .page-content {
	box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08);
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0 0 4px 15px;
	font-size: 15px;
	line-height: 24px;
}
.no-results.not-found .page-content {
    max-width: 40%;
    
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 0 14px;
}
.no-results.not-found .page-content p,
.error-404.not-found .page-content p {
	margin: 0;
	padding: 0;
}

/* -------- Title Bar Styling -------- */

.has-page-thumbnail {
    background-position: center center;
    background-size: cover;
}

.page-titlebar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.no-page-thumbnail {
	
}
.home .xcel-setting-slider-default .no-page-thumbnail,
.home .xcel-setting-meta-slider .no-page-thumbnail,
.woocommerce-account .no-page-thumbnail {
    display: none !important;
}

.page-titlebar-left {
    width: 50%;
    float: left;
    padding: 150px 0 0;
}
.page-titlebar-left .entry-title {
    color: #FFF;
    margin: 0;
    padding: 0;
    font-size: 18px;
}
.page-titlebar-right {
    width: 50%;
    float: right;
    padding: 150px 0 0;
    color: #FFF;
    text-align: right;
}
.page-titlebar-right a {
    color: #FFF;
}


/* -------- Title Size Small -------- */

.xcel-setting-title-size-small {
    padding: 0 0 25px;
    
}

.xcel-setting-title-size-small .page-titlebar-left {
    padding: 133px 0 0;
}
.xcel-setting-title-size-small .page-titlebar-left .entry-title {
    font-size: 22px;
}
.xcel-setting-title-size-small .page-titlebar-right {
    padding: 137px 0 0;
}

/* -------- Title Extras -------- */

.xcel-setting-title-bgimg-top {
	background-position: center top !important;
}
.xcel-setting-title-bgimg-middle {
	background-position: center center !important;
}
.xcel-setting-title-bgimg-bottom {
    background-position: center bottom !important;
}

.page-no-thumbnail.page-titlebar {
	
}

.woocommerce .page-titlebar,
.woocommerce-page .page-titlebar {
	display: none;
}



/*--------------------------------------------------------------
5.3 Xcel Styling
--------------------------------------------------------------*/

.clearboth {
    clear: both;
}

.site-container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-header {
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
	position: absolute;
	z-index: 10;
	width: 100%;
}
/*.home .site-header-slider {
    position: absolute;
}*/

.div-no-slider {
	height: 82px;
}

.site-header-left {
	
}
.site-branding {
    border-radius: 2px;
    padding: 8px 10px 11px;
}
.site-title {
    margin: 0;
    padding: 0 0 1px;
    font-size: 30px;
    font-weight: 300;
    color: inherit;
}
.site-title a {
	color: inherit;
}
.site-title a:hover {
	color: #000;
}
.site-description {
    margin: 0;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: inherit;
}

.search-block {
    position: absolute;
    right: 0;
    bottom: -59px;
    background-color: rgba(0, 0, 0, 0.2);
    padding: 12px 8px 12px 14px;
    border-radius: 0 0 3px 3px;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-top: 0;
    display: none;
    width: 340px;
}
.search-block .search-field {
    margin: 0;
    padding: 5px 9px 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    height: 23px;
    width: 258px;
    color: #898989;
    outline: none;
    border: 0;
}
.search-block .search-submit {
    padding: 0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) !important;
    border-radius: 0 3px 3px 0;
    background-image: url(images/search_btn_bg.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    height: 33px;
    width: 34px;
    position: relative;
    right: 5px;
    top: -1px;
    border: 0;
}
.show-search {
	display: block;
}

.xcel-setting-header-type-dark-light,
.xcel-setting-header-type-dark-light .search-block {
	background-color: rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
}
.xcel-setting-header-type-dark-light .site-branding {
    box-shadow: 0 0 0 2px #FFFFFF;
}

.no-meta-slider {
	height: 82px;
}

.site-header-right {
	
}

/* -------- Header Cart -------- */
.header-cart {
    float: left;
    padding: 20px 10px 0;
}
.header-cart-contents {
    color: inherit;
}
.header-cart-amount {
	
}
.header-cart-checkout {
	
}


/* -------- Home Slider Styling -------- */

.home-slider-wrap {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
    position: relative;
    width: 100%;
}
.home-slider-remove { 
    height: 403px !important;
    overflow: hidden;
    background-image: url(images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.home-slider-remove .home-slider { 
    visibility: hidden;
}
.home-slider-block {
    background-position: center center;
    background-size: cover;
    float: left;
    position: relative;
    box-sizing: border-box;
}
.home-slider-block-inner {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	margin: -50px 0 0;
}
.home-slider-block h3 {
    color: #FFF;
    font-size: 68px;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    text-transform: uppercase;
    box-sizing: border-box;
}
.home-slider-block h3 a {
    color: #fff;
}
.home-slider-block-inner p {
    color: #FFF;
	
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
    font-size: 18px;
    margin: 12px auto 0;
    padding: 0;
    max-width: 820px;
}
.home-slider-block img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin: 0;
}
.home-slider-pager {
    bottom: 0;
    height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.home-slider-pager a.selected span {
    background-color: #ffffff;
    position: relative;
}
.home-slider-pager a {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 2px;
}
.home-slider-pager span {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    display: inline-block;
    height: 8px;
    line-height: 0;
    overflow: hidden;
    text-indent: -100px;
    width: 8px;
}

.home-slider-prev,
.home-slider-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    line-height: 50px;
    margin: -38px 0 0;
    padding: 20px 0 18px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
    width: 40px;
    text-align: center;
    font-size: 27px;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
    transform: scale(0.8);
    
    -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
       -o-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s;
}
.home-slider-prev {
    left: 0px;
    border-radius: 0 3px 3px 0;
}
.home-slider-next {
    right: 0;
    border-radius: 3px 0 0 3px;
}
.home-slider-prev i,
.home-slider-next i {
    font-size: 0.8em;
    position: relative;
    top: -3px;
}
.home-slider-wrap:hover .home-slider-prev,
.home-slider-wrap:hover .home-slider-next {
    opacity: 1;
    transform: scale(1);
}
.home-slider-wrap:hover .home-slider-prev.disabled,
.home-slider-wrap:hover .home-slider-next.disabled {
    opacity: 0.4;
    cursor: default;
}
.home-slider-prev:hover,
.home-slider-next:hover {
	background-color: rgba(0, 0, 0, 0.6);
}


/* -------- Post Images Carousel -------- */

.blog-post-side-layout .post-loop-images {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    width: 32%;
    float: left;
    border-radius: 3px;
    overflow: hidden;
}
.blog-post-side-layout .post-loop-images img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}
.post-no-img .post-loop-images {
    display: none;
}
.blog-post-side-layout .post-loop-content {
    width: 68%;
    padding: 10px 0 8px 3.5%;
    float: left;
}
.blog-post-side-layout.post-no-img .post-loop-content {
    width: 100%;
    padding: 20px 0;
    float: none;
}

.post-loop-images-carousel-wrapper {
    position: relative;
}
.post-loop-images-carousel-wrapper-remove {
    background-image: url(images/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 220px;
    overflow: hidden;
}
.post-loop-images-prev,
.post-loop-images-next {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(0, 0, 0, 0.24);
    border-radius: 3px;
    cursor: pointer;
    height: 38px;
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 22px;
    margin: -16px 0 0;
    padding: 5px 0 0;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 9;
    opacity: 0;
    transform: scale(0.8);
    
    -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
       -o-transition: all 0.2s ease 0s;
          transition: all 0.2s ease 0s;
}
.post-loop-images-prev {
    left: 8px;
}
.post-loop-images-next {
    right: 8px;
}
.blog-post-side-layout .post-loop-images-carousel {
    
}
.post-loop-images-carousel-remove {
    height: 220px !important;
    visibility: hidden !important;
    overflow: hidden;
}
.post-loop-images-carousel div {
    float: left;
    text-align: center;
}
.blog-post-side-layout .post-loop-images-carousel div {
    margin: 0;
}
.post-loop-images-carousel img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.hentry:hover .post-loop-images-prev,
.hentry:hover .post-loop-images-next {
    opacity: 1;
    transform: scale(1);
}


.search-btn {
    cursor: pointer;
    padding: 24px 5px 22px 0;
    width: 30px;
    text-align: right;
    color: inherit;
    float: left;
}

.site-footer {
	background-color: rgba(0, 0, 255, 0.3);
}
.site-footer-no-widgets {
	text-align: center;
	padding: 40px 0 30px;
    color: rgba(255, 255, 255, 0.2);
}

.site-footer ul {
    margin: 0;
    padding: 0;
}
.site-footer ul li {
    margin: 0 0 2px;
    padding: 0;
    list-style-type: none;
}

.site-footer > ul {
	margin: 0;
	padding: 0;
}
.site-footer > ul > li {
	margin: 20px 0;
	padding: 0;
	list-style-type: none;
}

.site-footer-bottom-bar a {
	color: #717171;
}
.site-footer-bottom-bar a:hover {
	color: #888;
}

.site-footer-bottom-bar-left {
	float: left;
	font-size: 12px;
	padding: 1px 0 0;
}
.site-footer-bottom-bar-right {
	float: right;
}

.site-footer-bottom-bar-right ul {
	margin: 3px 0 0;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
}
.site-footer-bottom-bar-right ul li {
	margin: 0 0 0 2px;
	padding: 0 5px 0 8px;
	list-style-type: none;
	display: inline-block;
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
	line-height: 15px;
	text-transform: uppercase;
	font-size: 11px;
}
.site-footer-bottom-bar-right ul li:first-child {
	box-shadow: none;
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 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;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget-area .widget {
    margin: 0 0 25px;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
.widget-area .widget .search-field {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

.widget-area .widget-title {
    padding: 0 0 6px;
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #EAEAEA;
    font-weight: 600;
    color: #4D4D4D;
}

.widget-area .widget ul {
    margin: 0;
    padding: 0;
}
.widget-area .widget ul li {
    margin: 0 0 2px;
    padding: 0;
    list-style-type: none;
}
.widget-area .widget ul li a {
    
}

/* Contact Form 7 Styling ---- */
div.wpcf7 {
    padding: 0;
}
.wpcf7 p {
    
}
.wpcf7 input {
    margin: 5px 0 0;
}
.wpcf7 textarea {
    margin: 5px 0 0;
}
.submit,
.wpcf7-submit {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    border-radius: 2px !important;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15) !important;
    color: #FFFFFF !important;
    display: inline-block !important;
    font-weight: 300 !important;
    margin: 5px 0 0 !important;
    padding: 15px 30px !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;
}
.wpcf7-checkbox .wpcf7-list-item-label {
    margin: 0 18px 0 0;
}
.wpcf7-checkbox input {
    margin: 5px 2px 0 0;
    position: relative;
    top: 2px;
}
.wpcf7-radio .wpcf7-list-item-label {
    margin: 0 18px 0 0;
}
.wpcf7-radio input {
    margin: 5px 2px 0 0;
    position: relative;
    top: 2px;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	margin: 0 0 30px;
	padding: 0 0 30px;
}
.hentry:last-child {
	border-bottom: 0;
}
.page .hentry {
    border: 0;
    margin: 0 0 25px;
    padding: 0;
}

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

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

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

article .entry-title {
    margin: 0 0 8px;
}
article .entry-meta {
    color: #B0B0B0;
    font-size: 0.95em;
    font-style: italic;
}
article .tags-links {
    margin: 0 0 0 10px;
}
article .entry-footer {
    color: #B0B0B0;
    font-size: 0.95em;
    font-style: italic;
}
article .entry-footer span {
    margin: 0 0 0 10px;
}
article .entry-footer span:first-child {
    margin: 0;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-area {
    
}

.comments-title {
    font-size: 18px;
}

.comment-list {
    margin: 0;
    padding: 20px 0 0;
    list-style-type: none;
    clear: both;
}

.comment-list li {
    margin: 0;
    padding: 0 0 10px;
}

.comment {
    
}

.comment-author {
    float: left;
    padding: 4px 10px 0 0;
    width: 80px;
}
.comment-author b {
	display: block;
	font-size: 11px;
}

.comment-metadata {
	font-style: italic;
	font-size: 0.9em;
}

.comment-container {
    margin-left: 65px;
}

.comment-author .avatar {
    border: 2px solid #DCDCDC;
}

.comment-meta cite {
    display: block;
    font-size: 13px;
    font-weight: 600;
}

.comment-meta > a {
    font-size: 11px;
}

.comment-content {
    
}

.comment .reply {
    text-align: right;
}

.comments-area label {
    float: left;
    min-width: 10.5%;
    padding: 6px 0 0;
}

.comments-area input[type="text"],
.comments-area input[type="email"],
.comments-area input[type="password"],
.comments-area input[type="search"],
.comments-area input[type="url"] {
    padding: 0.8% 1%;
    width: 75%;
}

#comments ul {
    margin-left: 2em;
}
#comments li {
    list-style-type: none;
}

.post-password-required input {
    max-width: 280px;
    margin: 0 5px;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

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

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

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

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

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

@media only screen and (max-width: 960px) {
	
	/* -------- Mobile Nav Elements -------- */
    .header-menu-button {
	    display: block;
	    padding: 16px 18px;
	    color: #FFF;
	    text-transform: uppercase;
	    cursor: pointer;
	}
	.header-menu-button .fa.fa-bars {
    	font-size: 26px;
	}
    .main-navigation ul {
        display: block;
    }
    .main-navigation #main-menu {
        color: #8C8C8C;
        box-shadow: 1px 0 1px rgba(255, 255, 255, 0.04) inset;
        border-left: 1px solid rgba(0, 0, 0, 0.08);
        position: fixed;
        top: 0;
        right: -280px;
        width: 280px;
        max-width: 100%;
        -ms-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 80px 0 30px 0;
        background: #272727;
        z-index: 100000;
        height: 100%;
        overflow: auto;
        -webkit-transition: right 0.4s ease 0s;
        -moz-transition: right 0.4s ease 0s;
        -ms-transition: right 0.4s ease 0s;
        -o-transition: right 0.4s ease 0s;
        transition: right 0.4s ease 0s;
    }
    .main-navigation li {
        display: block;
        float: none;
        position: relative;
    }
    .main-navigation li a {
        display: block;
        float: none;
        padding: 6px 22px;
        font-size: 14px;
        text-align: left;
  	}
    .main-navigation ul li:last-child a {
        padding: 2px 22px;
    }
    
    .main-navigation ul ul {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        float: none !important;
        background-color: rgba(0, 0, 0, 0.2) !important;
        padding: 0;
        margin: 0;
        display: none;
    }
    .main-navigation ul ul li:last-child a,
    .main-navigation ul ul li a {
        box-shadow: none;
        padding: 6px 30px;
        width: auto;
    }
    .main-navigation ul ul li a:hover {
          background: none;
    }
    
    .main-menu-close {
        display: block;
        background-color: #31302F;
        border-radius: 4px;
        position: absolute;
        top: 40px;
        right: 10px;
        font-size: 30px;
        color: #898989;
        text-align: center;
        padding: 0 3px 0 8px;
        height: 31px;
        line-height: 28px;
        cursor: pointer;
    }
    .main-menu-close .fa-angle-left {
        position: relative;
        left: -4px;
    }
	.main-navigation ul ul ul {
		left: 0 !important;
	}
	.menu-dropdown-btn {
    	display: block;
    }
    .open-page-item > ul.children,
    .open-page-item > ul.sub-menu {
    	display: block !important;
    }
    
    .main-navigation a:hover,
	.header-cart-contents:hover,
	.main-navigation li.current-menu-item > a,
	.main-navigation li.current_page_item > a,
	.main-navigation li.current-menu-parent > a,
	.main-navigation li.current_page_parent > a,
	.main-navigation li.current-menu-ancestor > a,
	.main-navigation li.current_page_ancestor > a {
		color: #FFF !important;
	}
    
    .home-slider-block-inner {
        margin: -25px 0 0;
    }
    .home-slider-block h3 {
        font-size: 52px;
    }
    .home-slider-block-inner p {
        margin: 6px auto 0;
        font-size: 16px;
    }
    
}

@media only screen and (max-width: 782px) {
    
    .home-slider-block {
        height: 330px;
    }
    .home-slider-block-inner {
        margin: -8px 0 0;
    }
    .home-slider-block h3 {
        font-size: 36px;
    }
    .home-slider-block-inner p {
        margin: 4px auto 0;
        font-size: 14px;
    }
    
    .woocommerce #container,
    .woocommerce-page #container,
    .content-area,
    .page-template-default .content-area,
    .page-template-template-left-sidebar-php .content-area {
    	float: none;
    	width: 100%;
    	padding: 40px 0 30px;
    	box-shadow: none;
    }
    .woocommerce .widget-area,
    .woocommerce-page .widget-area,
    .widget-area,
    .page-template-default .widget-area,
    .page-template-template-left-sidebar-php .widget-area {
    	float: none;
    	width: 100%;
    	padding: 40px 0 30px;
    	box-shadow: none;
    }
    
    .page-template-default .widget-area,
    .home.blog .widget-area  {
    	box-shadow: 0 1px 0 #eaeaea inset;
    }
    .page-template-template-left-sidebar-php .widget-area {
    	box-shadow: 0 -1px 0 #eaeaea inset;
    }
    
    .site-footer-bottom-bar-left {
    	float: none;
    	text-align: center;
    	width: 100%;
    	padding: 4px 0 12px;
	}
    .site-footer-bottom-bar-right {
    	float: none;
    	text-align: center;
    	width: 100%;
    	padding: 2px 0 5px;
	}
    
}

body.show-main-menu #main-menu {
    right: 0px;
}
body.show-main-menu #page {
    right: 280px;
}

/*--------------------------------------------------------------
Fallback CSS for Customizer Library Styles
--------------------------------------------------------------*/
body,
.widget-area .widget a,
.site-footer-widgets .widget a {
    color: #626262;
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #5E5E5E;
    font-family: 'Arial', sans-serif;
}

.woocommerce table.cart th,
.woocommerce-page #content table.cart th,
.woocommerce-page table.cart th,
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce table.cart input,
.woocommerce-page #content table.cart input,
.woocommerce-page table.cart input,
button, input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Raleway', sans-serif;
}

a,
.error-404.not-found .page-header .page-title span,
.search-button .fa-search  {
    color: #0c3768;
}

.page-titlebar {
	background: inherit;
	background-size: cover !important;
	background-color: #0c3768;
}

#comments .form-submit #submit,
.search-block .search-submit,
.no-results-btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce ul.products li.product a.add_to_cart_button, .woocommerce-page ul.products li.product a.add_to_cart_button,
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale,
.woocommerce span.onsale,
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce-page #content input.button.alt:hover,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page input.button,
.woocommerce #review_form #respond .form-submit input,
.woocommerce-page #review_form #respond .form-submit input,
.woocommerce .site-header,
.woocommerce-page .site-header,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.main-navigation button,
.wpcf7-submit {
    background: inherit;
    background-color: #0c3768;
}

.woocommerce ul.products li.product .onsale:after,
.woocommerce-page ul.products li.product .onsale:after {
    border-right: 4px solid #0c3768;
}

a:hover,
.widget-area .widget a:hover,
.site-footer-widgets .widget a:hover,
.search-button .fa-search:hover,
.woocommerce #content div.product p.price,
.woocommerce-page #content div.product p.price,
.woocommerce-page div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce div.product span.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page div.product span.price,

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
    color: #0d4a87;
}

.main-navigation button:hover,
#comments .form-submit #submit:hover,
.search-block .search-submit:hover,
.no-results-btn:hover,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.woocommerce input.button.alt,
.woocommerce-page #content input.button.alt,
.woocommerce .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce-page ul.products li.product a.add_to_cart_button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce #review_form #respond .form-submit input:hover,
.woocommerce-page #review_form #respond .form-submit input:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.wpcf7-submit:hover {
    background: inherit;
    background-color: #0d4a87;
}