/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
     11.1 Featured Image Hover
12.0 Header
     12.1 Header Default
     12.2 Header Center
13.0 Navigation
14.0 Home
15.0 WooCommerce
     15.1 WooCommerce Header
     15.2 Product Carousel
16.0 Secondary(Sidebar) Style
17.0 Site Content
18.0 Section Header
19.0 Comment Area
20.0 Footer
21.0 Responsive Styles

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
    font: normal 14px/19px 'Avenir';
    letter-spacing: 1px;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

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

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
    border-style: none;
    max-width: 100%;
}

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

button,
input,
optgroup,
select,
textarea {
	font: normal 13px/19px 'Open Sans', sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font: normal 14px/19px 'Avenir';
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 0;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}

h1 {
	font-size: 24px;
	font-weight: bold;
}

h2,
.home.blog .entry-title {
	color: #2f334c;
	font-size: 20px;
	font-weight: bold;
}

h3 {
	color: #2f334c;
	font-size: 18px;
	font-weight: bold;
}

h4 {
	color: #2f334c;
	font-size: 16px;
	font-weight: bold;
}

h5 {
	color: #2f334c;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.15em;
}

h6 {
	color: #333;
	font-size: 15px;
	font-weight: bold;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
}

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

blockquote {
	color: #666;
    font-size: 12px;
    font-style: italic;
    line-height: 1.7;
    margin: 0;
    overflow: hidden;
    padding: 5px 10px;
    margin: 15px;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "�" "�" "�" "�";
}

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

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

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

ul {
	list-style: disc;
    padding-left: 30px;
}

ol {
	list-style: decimal;
    padding-left: 15px;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

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

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
    text-decoration: none;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
GALLERY CAPTION
--------------------------------------------------------------*/
.sticky .posted-on,
.byline {
	display: none;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
    background: #f9f9f9;
}

.bypostauthor > article .fn:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.bypostauthor > article .fn{
	text-transform: capitalize;
}

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

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

.wp-caption .wp-caption-text {
  color: #686868;
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: italic;
  line-height: 1.6153846154;
  padding-top: 0.5384615385em;
}

.wp-caption .wp-caption-text,
.gallery-caption{
  font-size: 9.75pt;
}
.wp-caption .wp-caption-text,
.gallery-caption{
  color: #686868 !important; /* Make sure color schemes don't affect to print */
}

/*--------------------------------------------------------------
11.1 General
--------------------------------------------------------------*/
.btn {
    background: #fff;
    padding: 7.5px 20px;
    display: inline-block;
    border-radius: 30px;
    text-transform: uppercase;
    font: normal 11px/12px 'Open Sans', sans-serif;
    height: 36px;
    line-height: 20px;
}

.btn .fa{
    margin-left: 15px;
}

.btn-default:hover {
    background: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 40px;
}

.btn-inverse {
    border: 1px solid #555;
}

.btn-inverse:hover {
    color: #ccc;
    border: 1px solid #666;
    background: #333;
}

.btn-primary {
    border: 1px solid #333;
    color: #000;
    background: none;
}

.btn-primary:hover {
    background: #333;
    border: 1px solid #333;
    color: #fff;
}

.btn-danger {
    border: 1px solid #ea006e;
    background: #ea006e;
    color: #fff;
}

.btn-danger:hover {
    border: 1px solid #ea006e;
    background: #ea006e;
    color: #fff;
}

.height-full{
    height: 100% !important;
}
.height-half{
    height: 50%;    
    display: table;
}

.btn,
a,
a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0;
}

/*--------------------------------------------------------------
12.0 Header
   12.1 Header Center
--------------------------------------------------------------*/
#masthead .site-branding{
    display: table-cell;
    vertical-align: middle;
}

#masthead .site-branding h1{
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: bold;
}

#masthead .site-branding h1 a{
    color: #fff;
    letter-spacing: 5px;
    line-height: 1;
}

#masthead .site-branding .site-description{
    margin-bottom: 0px;
}

#masthead menu-main-list{
    display: table-row;
}

#masthead .site-branding h2{
    text-transform: uppercase;
    color: #14213d;
    margin: 0px;
}

.section-header-top{
    background: rgba(2,88,181,1);
    color: #fff;
    opacity: 0.86;
    -khtml-opacity: 0.86;
    -webkit-opacity: 0.86;
    -moz-opacity: 0.86;
    font-weight: 400;
    letter-spacing: 1px !important;
}

.section-header-top .inner{
    padding: 10px 0;
}

.section-header-top .top-header-menu{
    margin: 0px;
    padding: 0px;
    float: right;
    width: 100%;
    text-align: right;
}

.section-header-top ul li{
    display: inline;
    padding: 0 15px;
    text-align: right;
    position: relative;
}

.section-header-top ul li:first-child{
    padding-left: 0px;
}

.section-header-top ul li:last-child{
    padding-right: 0px;
}

.section-header-top ul li:after{
    content: "";
    width: 1px;
    height: 10px;
    position: absolute;
    background: #0260c6;
    right: 0px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    margin-top: 1px;
}

.section-header-top ul li:last-child:after{
    display: none;
}

.section-header-top ul li a{
    color: #fff;
}

.site-header .header-bottom{
    float: left;
    width: 100%;
    box-sizing: border-box;
    box-shadow: 0px 3px 4px -4px #B1B1B1;
    -moz-box-shadow: 0px 3px 4px -4px #B1B1B1;
    -webkit-box-shadow: 0px 3px 4px -4px #B1B1B1;
    z-index: 9;
    position: relative;
    height: 64px;
}

.header-right .search-form{
    position: relative;
    max-width: 125px;
}

.header-right .search-form label{
    margin-bottom: 0px;
}

.site-header.sticky{
    position: fixed;
    width: 100%;
    z-index: 35;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all 300ms ease-in-out;
}

.site-header.sticky.sticky--stick{
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.header-right .search-submit{
    background: transparent;
}

.site-header.center .header-middle-section{
    display: block;
    text-align: center;
}

.site-header.center .menu-main-list{
    display: block;
    text-align: center;
}

#masthead.center .site-branding{
    display: block;
    text-align: center;
    padding: 20px 0px;
}

#masthead.center #site-navigation ul li a{
    padding: 15px;
}

/*--------------------------------------------------------------
12.2 Header Default
--------------------------------------------------------------*/
.site-header .container-fluid{
    max-width: 1340px;
}

/*--------------------------------------------------------------
13.0 Navigation
--------------------------------------------------------------*/
.site-header .header-middle-section{
    display: table;
    position: relative;
    width: 100%;
}

.site-header .mainmenu {
    display: table-cell;
    vertical-align: middle;
}

.navigation-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    font-size: 16px;
    font-size: 1rem;
    position: relative;
}

.navigation-top .wrap {
    max-width: 1000px;
    padding: 0;
}

.navigation-top a {
    color: #222;
    font-weight: 600;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
    color: #767676;
}

.main-navigation {
    clear: both;
    display: block;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0 1.5em;
    text-align: left;
}

#site-navigation .menu-toggle .menu-bar{
    background: #2f334c;
    width: 100%;
    height: 3px;
    display: block;
    margin: 7.5px 0;
}

#site-navigation .menu-toggle .menu-bar:last-child{
    margin-bottom: 0px;
}

#site-navigation .menu-toggle .menu-bar:first-child{
    margin-top: 0px;
}

.site-header .mainmenu.active .menu-toggle .menu-bar:first-child{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 5px;
    position: relative;
}

.site-header .mainmenu.active .menu-toggle .bar-middle{
    display: none !important;
}

.site-header .mainmenu.active .menu-toggle .menu-bar:last-child{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    top: -5px;
    position: relative;
}

#masthead .main-navigation ul li.btn{
    padding: 0px;
    height: 30px;
    background: transparent;
}

#masthead .main-navigation ul li.btn a{
    color: #000;
    border-radius: 0px;
    background: #fff;
    padding: 7px 15px;
    font-weight: bold;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

 .js .main-navigation ul,
 .main-navigation .menu-item-has-children > a > .icon,
 .main-navigation .page_item_has_children > a > .icon,
 .main-navigation ul a > .icon {
     display: none;
 }
 
 .js .main-navigation.toggled-on > div > ul {
     display: block;
 }
 
 .main-navigation ul ul {
     padding: 0 0 0 1.5em;
 }
 
 .main-navigation ul ul.toggled-on {
     display: block;
 }
 
 .main-navigation ul ul a {
     letter-spacing: 0;
     padding: 0.4em 0;
     position: relative;
     text-transform: none;
 }
 
 .main-navigation li li,
 .main-navigation li:last-child {
     border: 0;
 }
 
 .main-navigation a {
     display: block;
     text-decoration: none;
     padding: 35px 7.5px;
     text-transform: uppercase;
     color: #2f334c;
     font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
     font-size: 12px;
     font-weight: bold;
 }
 
 .main-navigation a:hover {
     color: #2f334c;
 }

#site-navigation{
    display: table-cell;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
}

#site-navigation ul {
    margin-bottom: 0;
    padding: 0;
    display: block;
    text-align: center;
    float: none;
}

#site-navigation:after,
#site-navigation > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#site-navigation  ul li {
    float: none;
    padding: 0;
    display: inline-block;
    position: relative;
}

#site-navigation ul li.menu-item-has-children{
    margin-right: 15px;
}

#site-navigation > ul > li:last-child{
    padding-right: 0px;
}

#site-navigation > ul > li > a {
    font-weight: 700;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    outline: none;
    line-height: 1.4;
}

#site-navigation > ul > li.btn a{
    color: #222;
}

#site-navigation > ul > li > a.active {
    color: #222;
}

.scrolled #site-navigation > ul > li > a.active {
    color: #222;
}

#site-navigation > ul > li.menu-item-has-children > a {
    padding-right: 25px;
}
.scrolled #site-navigation > ul > li.menu-item-has-children > a::after {
    border-bottom: 1px solid #14213d;
    border-right: 1px solid #14213d;
}
#site-navigation ul > li.menu-item-has-children .fa{
    position: absolute;
    margin-left: 7.5px;
    font-size: 15px;
    font-weight: bold;
    color: #2f334c;
    top: 50%;
    right: -10px;
    transform: translate(0, -50%);
    margin-top: 0px;
}
#site-navigation ul ul {
    position: absolute;
    top: -9999px;
    padding-top: 1px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    min-width: 250px;
}
#site-navigation ul ul li {
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
    display: block;
    width: 100%;
    text-align: left;
}
#site-navigation ul ul li a {
    padding: 10px 20px;
    width: 160px;
    font-size: 12px;
    background: #2f334c;
    text-decoration: none;
    color: #0BC0D3;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    font-weight: 400;
    text-transform: uppercase;
    z-index: 9999;
    display: block;
    width: 100%;
}
#site-navigation ul ul li.menu-item-has-children:hover > a::after {
    border-color: #ffffff;
}
#site-navigation ul ul li.menu-item-has-children > a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}
#site-navigation ul ul ul {
    margin-left: 100%;
    top: 0;
    padding-top: 0;
}
#site-navigation #menu-button {
    display: none;
}
#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    background: #222;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    display: none;
}
#site-navigation.align-center > ul {
    font-size: 0;
    text-align: center;
}
#site-navigation.align-center > ul > li {
    display: inline-block;
    float: none;
}
#site-navigation.align-center ul ul {
    text-align: left;
}
#site-navigation.align-right > ul > li {
    float: right;
}
#site-navigation.align-right ul ul {
    text-align: right;
}
#site-navigation > ul > li:hover > a {
    color: #222;
}
.scrolled #site-navigation > ul > li:hover > a {
    color: #222;
}
#site-navigation > ul > li.menu-item-has-children:hover > a::after {
    border-color: #222;
}
#site-navigation li:hover > ul {
    left: -7px;
    margin-top: -1px;
    top: 100%;
}
#site-navigation.align-right li:hover > ul {
    right: 0;
}
#site-navigation.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#site-navigation ul li:hover > ul > li {
    height: auto;
}
#site-navigation ul ul li:hover > a,
#site-navigation ul ul li a:hover {
    color: #fff !important;
    background: #2f334c;
}
#site-navigation.align-right ul ul li.menu-item-has-children > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}
ul.sub-menu .submenu-right {
    right: 100%;
}
ul.sub-menu .submenu-left {
    left: 100%;
}
 
.menu-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: none;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.5;
    margin: 0;
    padding: 1em;
    text-shadow: none;
}

.site-header.default .action-btn{
    display: table-cell;
    vertical-align: middle;
}

.site-header.default .action-btn a{
    color: #fff;
    border-radius: 0px;
    border: 2px solid #2f334c;
    background: #2f334c;
    padding: 7px 15px;
    text-transform: uppercase;
    font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
    font-size: 12px;
    font-weight: bold;
}

.site-header.default .action-btn:hover a{
    background: #2f334c;
    color: #fff;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
    display: block;
}

.main-navigation.toggled-on ul.nav-menu {
    display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.menu-toggle:focus {
    outline: thin solid;
}

.menu-toggle .icon {
    margin-right: 0.5em;
    top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
    display: none;
}

.toggled-on .menu-toggle .icon-close {
    display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #222;
    display: block;
    font-size: 16px;
    right: -0.5em;
    line-height: 1.5;
    margin: 0 auto;
    padding: 0.5em;
    position: absolute;
    text-shadow: none;
    top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: transparent;
}

.dropdown-toggle:focus {
    outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
    transform: rotate(-180deg);
}

/*--------------------------------------------------------------
14.0 Home
--------------------------------------------------------------*/
.cosine-section{
    margin-bottom: 30px;
}

#main_widgets .widget {
    padding: 30px 0 0;
}

.woocommerce ul{
    list-style: none;
    margin: 0px;
}

/*--------------------------------------------------------------
15.0 WooCommmerce
   15.1 WooCommerce Header
   15.2 Product Carousel
   15.3 Product Page
   15.4 Collection Page
   15.5 Related Product
   15.6 Checkout Page
   15.7 Account Page
--------------------------------------------------------------*/
button, input[type="submit"],
.woocommerce .cart .button, 
.woocommerce .cart input.button,
.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
    float: none;
    background: #14213d;
    color: #fff;
    font-weight: 300;
    font-size: 13px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 0 20px;
    font-family: Avenir;
    font-size: 14px !important;
}

/*--------------------------------------------------------------
15.1 WooCommerce Header
--------------------------------------------------------------*/
.woocommerce-products-header{
    background: #fafafa;
    padding: 15px 0;
}

.woocommerce-products-header .page-title{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7.5px;
}

.woocommerce-products-header  .woocommerce-breadcrumb{
    float: right;
    margin: 0px;
}

/*--------------------------------------------------------------
15.2 Product Carousel
--------------------------------------------------------------*/
.product--carousel .product{
    width: 100% !important;
}

.product--carousel .owl-nav{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.product--carousel .owl-nav .owl-prev{
    display: inline-block;
    right: 0px;
    width: 35px;
    height: 35px;
    border: 1px solid #e9e9e9;
    text-align: center;
    line-height: 32px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.11);
}

.product--carousel .owl-nav .owl-next{
    display: inline-block;
    right: 0px;
    width: 35px;
    height: 35px;
    border: 1px solid #e9e9e9;
    text-align: center;
    line-height: 32px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.11);
}



/*--------------------------------------------------------------
15.7 WooCommerce Account Page
--------------------------------------------------------------*/
.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
    background: #FAFAFA;
    padding: 2px 15px;
    border: 1px solid #e9e9e9;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{
    border-bottom: 1px solid #f3f3f3;
    padding: 5px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child{
    border: 0px;
}

/*----WOOCOMMERCE STYLE-------*/
.cosine-header{
    background: #fafafa;
    color: #000;
    text-transform: uppercase;
    padding: 15px;
    margin-bottom: 30px;
}

.cosine-header .woo-breadcrumb .h2{
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    height: 40px;
    padding: 0 15px;
    outline: none;
}

.product .wrapper{
    border: 0px;
    overflow: hidden;
    margin-top: 30px;
    position: relative;
}

.product .wrapper img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.product .wrapper .caption{
    padding: 7.5px;
    border-top: 1px solid #e9e9e9;
    position: relative;
}

.product .wrapper .caption h2{
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

.product .wrapper .caption .add_to_cart_button {
    float: right;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2;
    padding: 0px;
    background: transparent;
    color: #14213d;
    outline: none;
}

.product .onsale, 
.woocommerce ul.products li.product .onsale{
    text-transform: uppercase;
    font-size: 11px;
    background: #222;
    width: 42px;
    top: 4px;
    position: absolute;
    right: 4px;
    border-radius: 100%;
    height: 42px;
    text-align: center;
    line-height: 42px;
    color: #fff;
    margin: 0px;
}

#main_widgets .cgt-title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px dotted #e9e9e9;
    border-top: 1px dotted #e9e9e9;
    padding-top: 15px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 200px !important;
    height: 40px;
    padding: 0 7.5px;
}

#add_payment_method .cart-collaterals .cart_totals table, 
.woocommerce-cart .cart-collaterals .cart_totals table, 
.woocommerce-checkout .cart-collaterals .cart_totals table,
.woocommerce table.shop_table{
    border-radius: 0px;    
}

.woocommerce .cart-collaterals .cart_totals h2, 
.woocommerce-page .cart-collaterals .cart_totals h2{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button{
    float: none;
    background: #14213d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    border: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding: 13.5px;
}

.woocommerce #content table.cart img, 
.woocommerce table.cart img, 
.woocommerce-page #content table.cart img, 
.woocommerce-page table.cart img{
    width: 80px;
    border: 1px solid #e9e9e9;    
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-left: 5px;
    outline: 0;
    line-height: 2;
    border: 1px solid #ccc;
    padding: 2px 5px;
}

.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del{
    display: inline-block;
}

.woocommerce ul.products li.product .button {
    margin-top: 0;
    background: transparent;
    color: #222;
    outline: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin-bottom: 0.75em;
    padding-top: 0;
}

.woocommerce a.remove, 
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    color: #666 !important;
    background: transparent;
    font-size: 15px;
    border: 1px solid #666;
    border-radius: 0px;
    line-height: 12.5px;
}

.woocommerce a.remove:hover,
.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
    color: #666 !important;
    background: transparent;
    font-size: 15px;
    border: 1px solid #666;
    border-radius: 0px;
    line-height: 12px;
}

.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
    float: left;
    margin-left: 0px;
    width: 77px;
    height: auto;
    box-shadow: none;
    border: 1px solid #e9e9e9;
    padding: 2.5px;
    margin-right: 15px;
}

.woocommerce table.shop_table th{
    border-bottom: 0;
}

.product .price,
.woocommerce ul.products li.product .price{
    color: #222 !important;
    font-weight: bold;
}

.product .price del span{
    font-weight: normal;
}

.woocommerce ul.products li.product .price ins,
.product .price ins{
    font-weight: 700;
    font-size: 14px;
}

.woocommerce ul.products li.product 
.woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    font-size: 12px;
}

.woocommerce-info{
    border-top-color: #14213d;
}

.woocommerce-info::before{
    color: #14213d;
}

.woocommerce .quantity .qty{
    height: 40px;
    border-radius: 0px;
}

.woocommerce div.product form.cart .button{
    height: 40px;
    background: #14213d;
    padding: 0 40px;
    max-width: 320px;
    font-weight: bold;
    width: -webkit-calc(100% - 125px);
    width: -moz-calc(100% - 125px);
    width: -ms-calc(100% - 125px);
    width: calc(100% - 125px);
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
    margin: 0px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child{
    padding:0px;
    margin-bottom: 15px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block;
    background: #fafafa;
}

.woocommerce #respond input#submit.loading::after, 
.woocommerce a.button.loading::after, 
.woocommerce button.button.loading::after, 
.woocommerce input.button.loading::after{
    position: relative;
    top: 0px;
    margin-left: 12px;
    right: 0px;
}

.woocommerce #respond input#submit.added::after, 
.woocommerce a.button.added::after, 
.woocommerce button.button.added::after, 
.woocommerce input.button.added::after{
    border: 1px solid #14213d;
    color: #fff;
    border-radius: 100%;
    background: #14213d;
    padding: 0px; 
}

.woocommerce-product-search{
    position: relative;
}

.woocommerce-product-search input[type="submit"]{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    font-size: 12px;
    padding: 7px;
}

.woocommerce img, .woocommerce-page img{
    width: 100%;
}

.woocommerce nav.woocommerce-pagination {
    text-align: center;
    margin: 30px 0;
}

/*---------WOOCOMMERCE FOLLOW BOOTSTRAP---------*/
.woocommerce .products ul, .woocommerce ul.products{
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    clear: both;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    float: left;
    margin: 0px;
    padding: 0 15px 0 15px;
    position: relative;
    width: 25%;
}

.woocommerce ul.products li.product a img{
    width: 100%;
    margin: 0px;
}

/*--------------------------------------------------------------
15.3 WooCommerce Product Page
--------------------------------------------------------------*/
.woocommerce div.product .woocommerce-tabs ul.tabs{
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #e9e9e9;
    border-radius: 0px;
    top: 1px;
    position: relative;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background: #fafafa;
    border-color: #e9e9e9;
    border-bottom-color: #fafafa;
    border-radius: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
    visibility: hidden;
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before{
    border: 0px;
    display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: inherit;
    text-shadow: inherit;
    font-size: 14px;
    font-weight: 100;
    text-transform: capitalize;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
    outline: none;
}

.woocommerce div.product .woocommerce-tabs .panel h2{
    font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs .panel{
    display: block;
    border: 1px solid #e9e9e9;
    padding: 15px;
    background: #fafafa;
    font-size: 14px;
    border-radius: 0px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #e9e9e9;
    background-color: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0px;
    margin: 0 -5px;
    padding: 0 1em;
}

.woocommerce div.product div.images .flex-control-thumbs{
    display: none;
}

.woocommerce .product .flex-direction-nav{
    position: absolute;
    top: 50%;
    transform: translate(0 , -50%);
    -webkit-transform: translate(0 , -50%);
    -moz-transform: translate(0 , -50%);
    -ms-transform: translate(0 , -50%);
    -o-transform: translate(0 , -50%);
    width: 100%;
    left: 0;
    right: 0;
}

.woocommerce .flex-direction-nav .flex-nav-prev{
    float: left;
    display: block;
}

.woocommerce .flex-direction-nav .flex-nav-next{
    float: right;
    display: block;
}

.woocommerce .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
    outline: none;
}

.woocommerce .flex-direction-nav a:before {
    font-family: "FontAwesome";
    font-size: 21px;
    display: inline-block;
    content: '\f104';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.woocommerce .flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.woocommerce-products-header{
    margin-bottom: 30px;
}

/*--------RELATED PRODUCTS WOOCOMMERCE--------*/

/*--------CHECKOUT PAGE-------------*/
.woocommerce form .form-row label,
.woocommerce form .form-row.woocommerce-invalid label{
    color: #666;
    font-weight: 100 !important;
    margin: 0px;
    font-size: 13px;
}

.woocommerce form .form-row .select2-container, 
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row select {
    border-color: #e9e9e9;
    border-radius: 0px;
    background: #fafafa;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container, 
.woocommerce form .form-row.woocommerce-invalid input.input-text, 
.woocommerce form .form-row.woocommerce-invalid select{
    border-color: #e9e9e9;   
}

.woocommerce form .form-row.woocommerce-validated .select2-container, 
.woocommerce form .form-row.woocommerce-validated input.input-text, 
.woocommerce form .form-row.woocommerce-validated select{
    border-color: #e9e9e9;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 40px;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 38px;
}

.select2-container--default .select2-selection--single {
    background-color: #fafafa;
    border: 1px solid #e9e9e9;
    border-radius: 0px;
    height: 40px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, .woocommerce button.button.alt, 
.woocommerce input.button.alt{
    background-color: #14213d;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    background-color: #14213d;
}

.woocommerce table.shop_table th{
    background: #fafafa;
}

.woocommerce span.onsale{
    background: #222;
    top: 10px;
    left: 10px;
    font-size: 12px;
    font-weight: 100;
}

.woocommerce form .form-row .input-text, 
.woocommerce-page form .form-row .input-text{
    background: #fafafa;
    border-radius: 0px;
}

.woocommerce form .form-row textarea{
    height: 120px;
}

.woocommerce #review_form #respond .form-submit input{
    width: 120px;
    font-size: 12px;
}

.woocommerce .product a.added_to_cart{
    display: block;
    position: absolute;
    top: -35px;
    width: 100%;
    left: 0px;
    background: #000;
    text-align: center;
    color: #fff;
    padding: 0px;
    text-transform: uppercase;
    padding: 7.5px;
}

.woocommerce-product-search button{
    position: absolute;
    top: 0;
    right: 0;
    height: 36px;
    background: transparent;
    text-indent: 99999px;
    width: 30px;
}

.woocommerce-product-search:after{
    content: '\f002';
    font-size: 16px;
    line-height: 36px;
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 20px;
    color: #fff;
}

/*---------Quantity Box-------*/
.quantity {
    width: 125px;
}

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

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.quantity .cosine-quantity{
    display: table;
    width: 100%;
}

.quantity .cosine-quantity span,
.quantity .cosine-quantity input{
    display: table-cell;
    width: 40px;
    text-align: center;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    font-size: 12px;
}

.quantity .cosine-quantity span.minus{
    border-radius: 30px 0 0 30px;
}

.quantity .cosine-quantity span.plus{
    border-radius: 0 30px 30px 0;
}

.quantity .cosine-quantity input{
    width: 45px !important;
    border-left: 0px;
    border-right: 0px;
}

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

/*---------POST/PAGE FOOTER--------*/
.entry-footer .edit-link{
    border: 2px solid #e9e9e9;
    text-transform: uppercase;
    font-size: 12px;
    position: fixed;
    bottom: 30px;
    left: 30px;
    padding: 15px;
    border-radius: 100%;
    text-align: center;
    background: #222;
    color: #fff;
}

.entry-footer .post-edit-link{
    color: #fff;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
}

.entry-footer .edit-link a:last-child{
    display: none;
}

.entry-footer .edit-link a:first-child{
    display: block;
}

/*----------FOOTER STYLE-----------*/
.section-footer{
    background: #000;
    padding: 45px 0 0;
    color: #fff;
}

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

.section-footer .widget h3{
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
}

.section-footer .widget .menu{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.section-footer .widget a{
    color: #fff;
}

.section-footer .social-icons,
.social-icons{
    list-style: none;
    color: #fff;
    margin: 0px;
    padding: 0px;
}

.site-footer .social-icons{
    padding: 7.5px 0;
}

.section-footer .social-icons li,
.social-icons li{
    color: #fff;
    display: inline-block;
    margin-right: 15px;
}

.section-footer .social-icons li a,
.social-icons li a{
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    background: #232638;
    color:#fff;
    border-radius: 50%;
    font-size: 16px;
    -webkit-transition: all 0.57s ease;
    -moz-transition: all 0.57s ease;
    -ms-transition: all 0.57s ease;
    -o-transition: all 0.57s ease;
    transition: all 0.57s ease;
}

.section-footer .social-icons.round-icon li a,
.social-icons.round-icon li a{
    border-radius: 5px;
}

.section-footer .social-icons.flat-icon li a,
.social-icons.flat-icon li a{
    border-radius: 0px;
}

.section-footer .social-icons.transparent-icon li a,
.social-icons.transparent-icon li a{
    border-radius: 0px;
    background: transparent !important;
}

.section-footer .tnp-widget-minimal form{
    position: relative;
}

.section-footer .tnp-field label{
    display: none;
}

.section-footer .tnp-widget-minimal input.tnp-email{
    background: transparent;
    border: 1px solid;
    margin-bottom: 15px;
}

.section-footer .tnp-widget-minimal input.tnp-submit{
    max-width: 100px;
    position: absolute;
    right: 0px;
    height: 44px;
}

footer.site-footer{
    padding: 15px 0;
    background: #000;
    border-top: 1px solid transparent;
}

#footer_menu{
    padding: 7.5px 0px;
    margin: 0px;
}

#footer_menu.ul{
    margin: 0px;
    padding: 0px;
}

.footer-menu li, .footer-social-icon li {
    display: inline-block;
    text-transform: uppercase;
    padding-right: 15px;
}

.footer-menu a {
    font-weight: 400;
    color: #e9e9e9;
    text-decoration: none;
    font-size: 13px;
}

.footer-menu a:hover, 
.footer-social-icon a:hover, 
.footer-copyright a:hover {
    color: #222;
}

.footer-copyright{
    margin: 0px;
    color: #e3e3e3;
    font-size: 14px;
}

.footer-copyright p{
    margin: 0px;
    font-family: Avenir;
    font-size: 75%;
}

.footer-copyright a{
    color: #222;
    text-decoration: none;
}

.cosine-designer, 
.cosine-designer a{
    color: #777;
}

.site-footer #scroll-top {
    background-color: #2f334c;
    width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #ffffff;
    position: fixed;
    right: 30px;
    bottom: 65px;
    border-radius: 3px;
    opacity: 0.9;
    z-index: 0;
    border: 1px solid #fff;
}

/*--------------------------------------------------------------
16.0 Secondary(Sidebar) Style
--------------------------------------------------------------*/
#secondary .widget{
    margin-bottom: 15px;
}

#secondary  h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.search-form {
    position: relative;
}

.search-form label {
    display: inherit;
}

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

input[type="submit"].search-submit {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    width: 40px;
}
input[type="search"].search-field {
    border: 1px solid #c6c6c6;
    outline: 0;
    width: 100%;
    height: 36px;
    border-radius: 30px;
    padding-left: 35px;
    background: transparent;
    color: #000000;
}

input[type="search"].search-field:focus,
input[type="search"].search-field:hover {
    border-color: #c6c6c6;
}
.search-submit {
    position: absolute;
    left: 0%;
    bottom: 0;
    border: 0;
    padding: 0;
    width: 39px;
    color: #c6c6c6 !important;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    height: 36px;
    background: transparent !important;
}
.search-submit:hover {
    color: #fff;
}
.search-submit::before {
    content: '\f002';
    font-size: 16px;
    line-height: 36px;
    font-family: 'FontAwesome';
}

#secondary .widget ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#secondary .widget ul li a{
    color: #14213d;
}

.tagcloud a {
    padding: 5px;
    border: 1px solid #e9e9e9;
    margin: 5px 5px 5px 0;
    border-radius: 2px;
    display: inline-block;
}


/*--------------------------------------------------------------
17.0 Site Content
--------------------------------------------------------------*/
.site-default,
.single .site-content{
    margin: 30px 0 30px
}

/*--------------------------------------------------------------
18.0 Section Header
--------------------------------------------------------------*/
.section-header{
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
}

.section-header h2{
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    margin: 0px;
}

.section-header h2 span{
    background: #fff;
    display: inline-block;
    padding: 0 20px;
}

.section-header h2:after{
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 2px;
    background: #777;
    left: 0;
    right: 0;
    z-index: -1;
    transform: translate(0 , -50%);
}

/*--------------------------------------------------------------
19.0 Comment Area
--------------------------------------------------------------*/
#comments .comment-area{
    list-style: none;
}

#comments .avatar{
    float: left;
    overflow: hidden;
    width: 75px;
    height: 75px;
    margin-right: 15px;
    border: 1px solid #e9e9e9;
}

/*--------------------------------------------------------------
20.0 Responsive Styles
--------------------------------------------------------------*/
@media screen and (max-width: 991px){
    .site-header.default .action-btn{
        display: none;
    }
    
    .mainmenu{
        padding-top: 7px;
        padding-bottom: 7px;
        width: 45px;
    }
    
    .menu-toggle{
        display: block;
        font-size: 15px;
        width: 30px;
        overflow: hidden;
        float: right;
        padding: 0px;
        color: #fff;
        margin: 0px;
    }
    
    .menu-toggle:active,
    .menu-toggle:focus,
    .menu-toggle:hover{
        outline: none;
    }
    
    #site-navigation ul{
        width: 100%;
    }
    
    #site-navigation ul li{
        display: block;
        width: 100%;
        position: relative;
    }
    
    .main-navigation a{
        text-align: left;
        color: #fff;
        padding: 15px;
    }
    
    .main-navigation .naigation-wrapper{
        opacity: 0;
        visibility: hidden;
        z-index: 1111;
        width: 275px;
        height: 200%;
        position: fixed;
        left: -275px;
        top: 0px;
        background: #27497d;
        -webkit-transition: all .8s ease;
        -o-transition: all .8s ease;
        transition: all .8s ease;
        overflow-y: auto;
    }
    
    #site-navigation ul ul{
        height: 0;
        opacity: 0;
        overflow: hidden;
    }
    
    #site-navigation ul .sub-menu.active{
        height: auto;
        opacity: 1;
    }
    
    #site-navigation ul .sub-menu:before{
        display: none;
    }
    
    #site-navigation ul .sub-menu li a{
        background: transparent !important;
        font-size: 11px;
    }
    
    #site-navigation .sub-menu li{
        border: 0px !important;
    }
    
    #site-navigation.active .naigation-wrapper{
        opacity: 1;
        visibility: visible;
        left: 0;
        overflow: scroll;
        height: -webkit-fill-available;
    }
    
    #site-navigation.active > ul > li{
        width: 100%;
        background: #222;
        border-bottom: 1px solid #e9e9e9;
    }
    
    #site-navigation ul > li.menu-item-has-children .fa {
        float: right;
        color: #fff;
        height: 100%;
        right: 0;
        padding: 15px;
    }
    
    #site-navigation.active > ul > li:last-child{
        border: 0px;
    }
    
    #site-navigation.active > ul > li a{
        padding: 15px;
    }
    
    #site-navigation .menu-close, #site-navigation .menutitle{
        visibility: hidden;
        opacity: 0;
        cursor: pointer;
    }
    
    #site-navigation.active .menu-close{
        visibility: visible;
        opacity: 1;
        position: fixed;
        color: #fff;
        left: 240px;
        top: 15px;
        border: 2px solid #fff;
        width: 30px;
        font-size: 10px;
        border-radius: 100%;
        height: 30px;
        line-height: 26px;
        text-align: center;
    }
    
    #site-navigation.active .menutitle{
        visibility: visible;
        opacity: 1;
        position: fixed;
        color: #fff;
        left: 15px;
        top: 17px;
        border-radius: 100%;
        height: 30px;
        line-height: 26px;
        text-align: center;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    #site-navigation ul ul{
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
    }
    
    #site-navigation .sub-menu li{
        border-bottom: 1px solid #e9e9e9;
    }
    
    #site-navigation .sub-menu li:last-child{
        border: 0px;
    }
    
    #site-navigation .sub-menu li a{
        width: 100%;
        color: #fff;
    }
    
    .cosine-featured .wrapper{
        margin-bottom: 30px;
    }
    
    .cosine-featured .content:last-child .wrapper{
        margin-bottom: 0;
    }
    
    .section-collection .single-item:first-child{
        margin-bottom: 30px;
    }
}


@media screen and (max-width: 768px){
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product{
        float: left;
        margin: 0px;
        padding: 0 15px 0 15px;
        position: relative;
        width: 50% !important;
    }
}

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

}

@media screen and (max-width: 480px){
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product{
        float: left;
        margin: 0px;
        padding: 0 15px 0 15px;
        position: relative;
        width: 100% !important;
    }
}

@media screen and (max-width: 375px){
    
}