/*
Theme Name: Oshin
Theme URI: http://brandexponents.com/oshin/
Author: Brand Exponents
Author URI: http://www.brandexponents.com/
Description:  Multi Layout Multi-Purpose Responsive Wordpress theme
Version: 5.0.1
License: GPL 2.0
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: be-themes
*/
/*
TABLE OF CONTENTS
1.	Global
2.	Header
	2.1	Header Top Bar
	2.2	Header Bottom Bar 
	2.3 Logo
	2.4 Header Controls
	2.5 Navigation
	2.6x Header Widgets
	2.7 Sticky Header
	2.8 Header Search Control
	2.9 Header Cart Control
3.	Transparent Header
4.	Menu
5.	Left Header
6.	Mobile Menu
7.	Mega Menu
8.	Sidebar Menu
9.	Page Title
10.	Footer
11.	Blog Layout
	11.1 Blog Style2
	11.2 Blog Style3
	11.3 Blog Style4
12.	Audio Post Format
13.	Comments
14.	Typography
15.	Anchor
16.	Lists
17.	Tags and classes that come with Wordpress 
18.	Form
19.	Contact Page
20.	Widget Areas
21.	Recent Posts
22.	Tags
23.	Search
24.	WP Calendar
25.	Categories, Archives, Links, Meta, Menu, Side nav
26.	Photostream Widget
27.	Language Switcher
28.	Back To Top
29.	Media Queries
	29.1 Tablet
	29.2 Mobile 320
	29.3 Mobile 480
30. Helper classes
31.	Print styles
*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   CSS Reset
   ========================================================================== */
   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td { vertical-align: top; }
img{max-width:100%;}

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}

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

figure { margin: 0; }

input:valid, textarea:valid {  }
input:invalid, textarea:invalid { }
input[type="text"],input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius:0px; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

::selection         {background: rgb(0,0,0); color: #fff; }
::-moz-selection    {background: rgb(255,255,158);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}
/*.wf-loading p, .wf-loading ul, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 { visibility: hidden; } .wf-active p, .wf-active ul, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-inactive p, .wf-inactive ul, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 { visibility: visible; } */

/* ==|== primary styles =====================================================
   Author:


/* =========================================================================
                                     LAYOUTS
   ========================================================================= */

/* ======================
    Global
   ====================== */
html {
	padding-right: 0px !important;
	overflow-y: auto;
	overflow-x: hidden;
}

html.hide-overflow{
	overflow: hidden !important;
}

html.show-overflow{
	overflow-y: scroll;
}
/* ======================
    Header
   ====================== */
.tp-simpleresponsive >ul li {
    z-index: 1 !important;
}
/************************************************
 Header Top Bar 
 ************************************************/

#main.layout-border{
	padding: 30px;
}
#main.layout-border.layout-border-header-top {
	padding: 0px 30px 30px 30px;
}
.left-header #main.layout-border{
	padding-left: 0px;
}
#header-top-bar-left   {
	float: left;
	padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-left{
	padding-left: 0px;
}
#header-top-bar-right   {
	float: right;
	padding: 10px 20px;
}
#header-top-bar-wrap.be-wrap #header-top-bar-right {
	padding-right: 0px;
}
#header-top-bar-left .top-bar-widgets, 
#header-top-bar-left .header-search-controls,
#header-top-bar-left .header-cart-controls,
#header-top-bar-left .topbar-menu-container{
	margin-right: 15px;
}
#header-top-bar-right .top-bar-widgets, 
#header-top-bar-right .header-search-controls,
#header-top-bar-right .header-cart-controls,
#header-top-bar-right .topbar-menu-container {
	margin-left: 15px;
}

#header-controls-left .header-widgets, 
#header-controls-left .header-search-controls,
#header-controls-left .header-cart-controls,
#header-controls-left .menu-controls {
	margin-right: 15px;
}
#header-controls-right .header-widgets, 
#header-controls-right .header-search-controls,
#header-controls-right .header-cart-controls,
#header-controls-right .sliderbar-menu-controller {
	margin-left: 15px;
}

#header-top-bar-left ul ,
#header-top-bar-right ul ,
#header-controls-left ul {
	display: inline;
	padding-left: 0px;
}
#header-top-bar-left li ,
#header-top-bar-right li ,
#header-controls-left li {
	display: inline;
	text-decoration: none;
}
.menu-falling-animate-controller {
	display: inline-block;
	cursor: pointer;
	/*float: right;*/
}
.custom-font-icon {
	display: inline-block;
	line-height: normal;
	position: relative;
	cursor: pointer;
}
.menu-icon {
	border-top-width: 2px;
	border-style: solid;
	border-color: inherit;
	display: block;
	margin-bottom: 6px;
	width: 16px;
	-webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease, top 400ms ease;
	-moz-transition: -moz-transform 400ms ease, opacity 400ms ease, top 400ms ease;
	-o-transition: -o-transform 400ms ease, opacity 400ms ease, top 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease, top 400ms ease;
	cursor: pointer;
	position: absolute;
	top: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.menu-icon.menu-icon-third {
	margin-bottom: 0px;
}
.custom-font-icon .menu-icon.menu-icon-first {
	top: -4px;
}
.custom-font-icon .menu-icon.menu-icon-second {
	position: relative;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.custom-font-icon .menu-icon.menu-icon-third {
	top: 4px;
}
.custom-font-icon.active .menu-icon.menu-icon-first {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	top: 0;
}
.custom-font-icon.active .menu-icon.menu-icon-second {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
}
.custom-font-icon.active .menu-icon.menu-icon-third {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	top: 0;
}
#header-top-bar-wrap i.font-icon {
	margin-bottom: 0px;
}
#header-top-bar,
#header-bottom-bar {
	line-height: 25px;
/*	border-right: none !important;
	border-left: none !important;*/
}
#header-top-bar{
	position: relative;
	z-index: 3;
}
#header-top-bar .topbar-menu-container{
	display: inline-block;
}
#topbar-menu > li:after{
	content: " | ";
} 
#topbar-menu > li:last-child:after{
	content: "";
} 
/*#left-header-mobile {
	border-bottom: 1px solid;
}*/
.header-cart-controls, 
.sliderbar-nav-controller-wrap{
	display: inline-block;
}
.header-cart-controls{
	float: none !important;
}
#header #left-header-mobile .header-cart-controls{
	float: right !important;
}
.top-overlay-menu #header-bottom-bar{
	display: none;
}
#header .header-border{
	display: block;
}
#header .transparent .header-border{
	display: none;
}
.style6 #header-wrap {
	text-align: center;
}
/************************************************
 Header Bottom Bar 
 ************************************************/

.style4 #header-bottom-bar{
	padding: 0 30px;
}


/************************************************
Logo
 ************************************************/
 
.logo a, .logo a img {
	display: block;
}

	/*Logo - Float Left*/

.style1 .logo {
    margin-left: 30px;
    padding:20px 0;	/*opt-logo-padding*/
    float: left;
}
.layout-border-header-top .style1 .logo {
	margin-left: 0px;
}
.style1 .be-wrap  .logo {
    margin-left:0;
}
.style4 .logo {
    margin-left: 30px;
    padding:20px 0;	/*opt-logo-padding*/
    float: left;
}

#left-header-mobile .logo {
	margin-left: 30px;
    padding:20px 0;	/*opt-logo-padding*/
	float: left;
}

	/*Logo - Float Right*/

.style5 .logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);

}

	/*Logo - Absolute Position to Left*/

.style2 #header-wrap{
	position: relative;
}
/*.style4 #header-wrap{
	position: relative;
}*/
/*.style1 #header-wrap{
	padding-right: 30px;
}*/
/*.style4 #header-wrap{
	padding-right: 30px;
}*/
.style3 .logo {
	position: absolute;
	left: 30px;
	padding: 20px 0; /*opt-logo-padding*/
}
.layout-border-header-top .style3 .logo {
	left: 0px;
}
	/*Logo - Center Align*/

.style2 .logo {
	text-align: center;
}
.style2 .logo a{
	display: inline-block;
	vertical-align: middle;
}
.style6 .logo {
    margin: 25px auto;
	display: inline-block;
	vertical-align: top;
	z-index: 1;
	position: relative;
}

/************************************************
 Header Controls
 ************************************************/
 
	/*Header Controls - Float Right*/

.style1 #header-controls-right,
.style5 #header-controls-right {
	float: right;
	margin-right: 30px;
	/*margin-left: 30px;*/
}layout-border-header-top .style1 #header-controls-right {
	margin-right: 0px;
}
.style1 .be-wrap #header-controls-right {
    margin-right: 0;
    margin-left: 15px;
}
.style4 #header-controls-right{
	float: right;
	margin-right: 30px;
}

	/*Header Controls - Absolute Position*/

.style2 #header-controls-right{
	position: absolute;
	right: 30px;
	top: 0;
}

.style2 #header-controls-left{
	position: absolute;
	left: 30px;
	top: 0;
}
.style3 #header-controls-right{
	position: absolute;
	right: 30px;
	top: 0;
}
.layout-border-header-top .style3 #header-controls-right {
	right: 0px;
}
#header-inner-wrap i.font-icon{
	margin-bottom: 0px;
}
/*Left Menu header control - only on mobile layout*/
#left-header-mobile .mobile-nav-controller-wrap{
	margin: 0 30px 0px 15px;
	float: right;
}
.style6 #header-controls-right {
	margin-right: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}

#header .tatsu-module,
#header .oshine-module {
	margin-bottom: 0;
}

/************************************************
 Navigation
 ************************************************/
 
	/*Navigation - Float Right*/

.style1 #navigation {
    float: right;
    margin-right: 30px;
}
.style1 .be-wrap #navigation {
    margin-right: 0px;
}
	/*Navigation - Float Left*/

.style4 #navigation, 
.style5 #navigation {
	float: left;
	position: static;
	margin-left: 30px;
}

.style5 #menu > li:first-child > a {
	padding-left: 0;
}

	/*Navigation - Center Align*/

.style3 .menu{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.style2 .menu{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.style3 #navigation{
	text-align: center;
}
.style2 #navigation{
	text-align: center;
}

.style2 #navigation {
	line-height: 50px;
}
/*.style4 #navigation {
	line-height: 50px;
}*/
.style6 #navigation-left-side,
.style6 #navigation-right-side {
	position: absolute;
	top: 0px;
	width: 50%;
	left: 0px;
	box-sizing: border-box;
}
.style6 #navigation-right-side {
	left: auto;
	right: 0px;
	padding-right: 0px;
}
.style6 #navigation-left-side #left-menu {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	float: right;
}
.mobile-menu.left-mobile-menu #mobile-menu {
	padding-bottom: 0px !important;
}
.mobile-menu.right-mobile-menu #mobile-menu {
	padding-top: 0px !important;
}
#navigation a{
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-o-transition:  color 0.3s ease;
	-ms-transition: color 0.3s ease;
}

/************************************************
 Menu Links
 ************************************************/

/* Effect 1: bottom line slides/fades in */
.be-nav-link-effect-1 a {
	padding: 8px 0;
}

.be-nav-link-effect-1 a::after {
	position: absolute;
	top: 170%;
	left: 20px;
	width: calc(100% - 40px);
	height: 2px;
	background: rgba(0,0,0,0.1);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	-o-transition:  opacity 0.3s, -o-transform 0.3s;
	-ms-transition:  opacity 0.3s, -ms-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}
ul#menu.be-nav-link-effect-1 > li:last-child a::after{
	width: calc(100% - 20px);
}

/*.be-nav-link-effect-1 a:focus::after,*/
.be-nav-link-effect-1 a:hover::after {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/*Effect 2:  bottom line diverges out to the end */
.be-nav-link-effect-2 a::after {
	position: absolute;
	top: 170%;
	left: 50%;
	right: 50%;
	height: 2px;
	z-index: 1;
	content: "";
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: rgba(0,0,0,0.1);
}

/*.be-nav-link-effect-2 a:focus::after,*/
.be-nav-link-effect-2 a:hover::after {
    left: 20px;
    right: 20px;
}
ul#menu.be-nav-link-effect-2 > li:last-child a:hover::after,
ul#menu.be-nav-link-effect-2 > li:last-child a:focus::after{
	right: 0px;
}

/* Effect 3: bottom line diverges out to make a small line */
.be-nav-link-effect-3 a::after {
	position: absolute;
	top:170%;
	left: 50%;
	right: 50%;
	height: 2px;
	z-index: 1;
	content: "";
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background: rgba(0,0,0,0.1);
}

/*.be-nav-link-effect-3 a:focus::after,*/
.be-nav-link-effect-3 a:hover::after {
    left: 40%;
    right: 40%;
}
ul#menu.be-nav-link-effect-3 > li:last-child a:hover::after,
ul#menu.be-nav-link-effect-3 > li:last-child a:focus::after{
	right: 22%;
}

/*Restrict Effects only on 1st Level Menu Items*/
.sub-menu a:after{
 	display: none;
 }

 #navigation .sub-menu a {
 	left: 0;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
 }

 #navigation .sub-menu a:hover {
 	left:7px;
 }

/************************************************
 Header Widgets
 ************************************************/
 
	/*Header widgets styling*/
.header-code-widgets {
	display: inline-block;
	margin-left: 15px;
}
/*.header-smedia-widgets li{
	display: inline;
	list-style: none;
	padding-right: 7px;
}*/
.sliderbar-menu-controller{
	display: inline-block;
	cursor: pointer;
}

/************************************************
 Header Search Control
 ************************************************/ 

.search-box-wrapper {
	position: absolute;
	top: 100%;
	right: 0px;
	width: 240px;
	display: none;
	z-index: 12;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
	line-height: normal;
	padding: 30px;
	background: #fff;
	overflow-y: hidden;
}
.be-themes-layout-layout-border-header-top .search-box-wrapper {
	z-index: 10 !important;
}
#header-top-bar-right .search-box-wrapper{
	padding: 0px;
}
.header-search-controls {
	display: inline-block;
}
.header-search-controls .search-button {
	margin-left: 0px;
	cursor: pointer;
	color: inherit;
	display: inline-block;
	zoom: 1;
	position: relative;
	top: 2px;
	font-size: 18px;
	line-height: normal;
}
#header-top-bar-right .search-box-wrapper.style1-header-search-widget input[type="text"]{
	height: 55px;
}
.search-box-wrapper .searchform .search-icon {
	position: absolute;
	top: 0px;
	right: 35px;
	line-height: 96px;
	font-size: 14px;
}
#header-top-bar-right .search-box-wrapper .searchform .search-icon{
	top: -19px;
	right: 14px;
}
.search-box-wrapper.style2-header-search-widget .searchform .search-icon{
	display: none;
}
.search-box-wrapper .searchform .s {
	width: 100%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
}
.search-box-wrapper .icon-icon_close{
	color: #232323;
}
.search-box-wrapper.style2-header-search-widget {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget {
	padding-top: 62px;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .searchform .search-icon {
	top: 50%;
	line-height: normal;
	margin-top: -14px;
	font-size: 25px;
	right:14px;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner1 {
	position: relative;
	display: table;
	width: 100%;
	height: 100%;
}
.search-box-wrapper.style2-header-search-widget .search-box-inner2 {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	margin: 0px;
}
.search-box-wrapper.style2-header-search-widget .searchform .s {
	height: 100px;
	font-size: 40px;
	line-height: 1;
}
.search-box-wrapper.style2-header-search-widget .searchform {
	display: block;
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.header-search-form-close {
	display: none;
}
.search-box-wrapper.style2-header-search-widget .header-search-form-close {
	position: absolute;
	top: 30px;
	right: 30px;
	font-size: 35px;
	cursor: pointer;
	color: inherit;
	display: block;
	z-index: 4;
}
body.admin-bar .search-box-wrapper.style2-header-search-widget .header-search-form-close {
	margin-top: 32px;
}


/************************************************
 Header Cart Control
 ************************************************/

.left-strip-wrapper .header-cart-controls {
	width: 100%;
	text-align: center;
	top: 85%;
}
.header-cart-controls .cart-contents span {
	display: inline-block;
	font-weight: bold;
	margin: 0 auto;
	border-radius: 20%;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 21px;
	font-size: 10px;
	position: relative;
	top: -5px;
}
.left-strip-wrapper .header-cart-controls .cart-contents span {
	display: block;
	position: static;
	margin-top: -60px;
}
.header-cart-controls .cart-cont