/*
Theme Name: Volt
Theme URI: http://labs.saurabh-sharma.net/themes/volt/wp/
Author: Saurabh Sharma
Author URI: http://themeforest.net/author/SaurabhSharma
Description: Volt is a responsive WordPress theme designed for online magazine, news and editorial ventures. With content and readability being primary goal, the theme is designed with flexible layout pattern and decent space for advertisements. Volt comes with layout swapping option that will let you move site content in desirable location, and is helpful when you are experimenting with visual hierarchy and user eye pattern. Backed with custom widgets, visual short codes, exclusive widget areas and custom page templates, the theme is envisioned to provide you more flexibility and ease-of-customization for your online editorial project.
Version: 3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-background, custom-menu, editor-style, full-width-template, theme-options, translation-ready, rtl-language-support
Text Domain: volt
*/

/* -- TABLE OF CONTENTS ---------

	1. RESET
	2. TYPOGRAPHY
	3. STRUCTURE
	4. HEADER
	5. SIDEBAR AND WIDGETS
	6. POST LISTS
	7. BLOG PAGES
	8. SECONDARY AREA AND FOOTER
	9. FORMS
	10. MISCELLANEOUS

-------------------------------*/


/* ---------------------------------------------------------------
 * 1. RESET
 * Reset browser defaults
 * ------------------------------------------------------------ */

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
h1,
h2,
h3,
h4,
h5,
h6,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
	font-size: 100%;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
 display: none;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}

/* Images */
img.alignleft {
	margin: 0 1.5em 1.5em 0;
}

img.alignright {
	margin: 0 0 1.5em 1.5em;
}

img.aligncenter {
	margin-bottom: 1.5em;
}

/* Responsive images */
img {
	width: auto;
	max-width: 100%;
	display: block;
}

img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
 height: auto;
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
	margin-bottom: 1.5em;
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
	margin-bottom: 1.5em;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;  /* Override the Twitter embed fixed width */
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

select,
button,
input,
textarea {
	font-family: inherit;
	color: inherit;
	-webkit-box-sizing:	border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	background-color: #f5f5f5;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto;
	color: #222;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 1em 1.5em;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/* Clearing floats */
.clear,
.clearfix { clear:both }

.clear:after,
.clearfix:after, .clearf { content:""; display:block; clear:both; }

/* Table */
table {
	border-left:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	margin:0 0 18px;
	width:100%;
}

td,
th {
	padding:6px 12px 6px;
	border-right:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

th {
	background-color:#f7f7f7;
	font-weight:bold;
}


/* ---------------------------------------------------------------
 * 2. TYPOGRAPHY
 * Body, headings, links and basic styles
 * ------------------------------------------------------------ */

html {
	font-size: 75%;
}

body {
	font-size: 1em;
	line-height: 1.5;
	font-family: Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff;
}

body.custom-font-enabled {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

p,
ul,
ol {
	margin-bottom: 18px;
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-bottom:0;
}

ul {
	list-style-type:square;
	margin-left: 18px;
}

ul ul {
	list-style:disc;
}

ul ul ul {
	list-style:circle;
}

ol {
	list-style:decimal;
	margin-left: 18px;
}

ol ol {
	list-style:lower-alpha;
}

ol ol ol {
	list-style:lower-roman;
}

abbr,
acronym {
	cursor:help;
}

hr {
	background-color: #e5e5e5;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

dl {
	margin: 0 0 18px 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 9px 18px;
}

ins {
	border:none;
	color:#333;
}

del {
	text-decoration:line-through;
	color:#999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'roboto condensed', sans-serif;
	color:#333;
	font-weight:normal;
}

h1 {
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 9px;
}

h2,
.entry_title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 9px;
}

h3,
.woocommerce-account h2,
.woocommerce-cart h2,
.woocommerce-page h2 {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 1em;
}

h4 {
	font-size: 14px;
	line-height: 1.60714;
	margin-bottom: 9px;
}

h5,
h6 {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
	color:#333;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
	color:#000;
}

a {
	color:#6699cc;
	text-decoration:none;
}

a:hover {
	color:#ff6633;
	text-decoration:none;
}

b,
strong {
	font-weight:bold;
}

em,
i {
	font-style:italic;
}

em {
	color:#333;
}

pre,
code {
	font:12px/18px "Consolas", Courier New, Courier, monospace;
	color:#333;
	padding:4px 6px;
	background:#f7f7f7;
	margin:0 0 18px;
	border:1px solid #e7e7e7;
}

code {
	padding:0;
	background-image:none;
	border:none;
}

pre {
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}

blockquote,
.pqleft,
.pqright {
	color:#444;
	font-size:13px;
	line-height: 18px;
	padding-left:12px;
	border-left:2px solid #ff6633;
}

.pqleft {
	float:left;
	margin:9px 18px 0 0;
	width:40%;
	display:inline-block;
}

.pqright {
	float:right;
	margin:9px 0 0 18px;
	width:40%;
	display:inline-block;
}

.dropcap {
	display:inline-block;
	font-size:36px;
	float:left;
	line-height:36px;
	margin-right:6px;
	color:#333;
}

.inverted {
	background:#333;
	color:#fff;
	padding:0 2px;
}

small,
.small {
	font-size:11px;
	color:#999;
	line-height:16px;
}

.tiny {
	font-size:10px;
	color:#888;
}

.big,
big {
	font-size:14px;
	line-height:21px;
}

.large {
	font-size:42px;
	line-height:48px;
	letter-spacing:-1px;
}

.quote {
	position:relative;
	overflow:hidden;
	padding:12px;
	margin-bottom:12px;
	background:#f7f7f7;
	border-left:2px solid #ccc;
	color:#444;
	font-size:14px;
}

.underline {
	border-bottom: 1px solid #efefef;
	padding-bottom:6px;
}

.serif {
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul.logo_grid {
	margin:0 0 5px 0;
	position:relative;
	overflow:hidden;
	padding:0;
	list-style:none;
}

ul.logo_grid li {
	float:left;
	margin:0 5px 5px 0;
	line-height:0;
}

/* ---------------------------------------------------------------
 * 3. STRUCTURE
 * Site layout and grids.
 * ------------------------------------------------------------ */

.container,
.header,
.primary,
.content,
.content_medium,
.content_large,
.content_full,
.sidebar1,
.sidebar2,
.secondary,
.footer,
.wrap {
	position: relative;
	padding: 0;
}

.container {
	margin: 2% auto;
	width: 81.6666em;
	margin-top: 0px;
	text-align: left;
	background: #fff;
/*	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);*/
}

.wrap {
	width: 96%;
	margin: 0 auto;
	text-align: left;
}

.header .wrap {
	padding-top: 20px;
}

.primary .wrap {
	width: 98%;
	padding: 20px 0 30px;
}

.footer .wrap {
	padding: 1.5em 0;
	border-top: 1px solid #eee;
}

.content,
.content_medium,
.content_large,
.content_full,
.sidebar1,
.sidebar2 {
	float: left;
	margin: 0 1.04166%;
}

.content {
	width: 47.9166%;
}

.content_medium {
	width: 64.5833%;
}

.content_large {
	width: 81.25%;
}

.content_full {
	width: 97.9166%;
}

.sidebar1 {
	width: 31.25%;
	color: #666;
}

.sidebar2 {
	width: 14.5833%;
	color: #666;
}

.full,
.three_fourth,
.half,
.three_eighth,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0;
}

.column {
	margin-right: 2.127%;
}

/* Columns on full page width (No Sidebars) */

.full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0;
}

.three_fourth {
	width: 74.468%;
}

.half {
	width: 48.936%;
}

.three_eighth {
	width: 36.17%;
}

.one_third {
	width: 31.914%;
}

.two_third {
	width: 65.957%;
}

.one_fourth {
	width: 23.404%;
}

.one_sixth {
	width: 14.893%;
}

.five_sixth {
	width: 82.978%;
}

/* Columns on default page width (Both Sidebars) */

.content .column {
	margin-right: 4.3%;
}

.content .full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0
}

.content .three_fourth {
	width: 73.913%;
}

.content .half {
	width: 47.826%;
}

.content .one_third {
	width: 30.434%;
}

.content .two_third {
	width: 65.217%;
}

.content .one_fourth {
	width: 21.739%;
}

.content .three_eighth {
	width: 34.782%;
}

/* Columns on medium page width (Sidebar A) */

.content_medium .column {
	margin-right: 3.22%;
}

.content_medium .full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0
}

.content_medium .three_fourth {
	width: 74.193%;
}

.content_medium .half {
	width: 48.387%;
}

.content_medium .three_eighth {
	width: 35.483%;
}

.content_medium .one_fourth {
	width: 22.58%;
}

/* Columns on large page width (Sidebar B) */

.content_large .column {
	margin-right: 2.56%;
}

.content_large .full {
	clear: both;
	float: none;
	width: 100%;
	margin-right: 0
}

.content_large .three_fourth {
	width: 74.358%;
}

.content_large .half {
	width: 48.717%;
}

.content_large .three_eighth {
	width: 35.897%;
}

.content_large .one_third {
	width: 38.461%;
}

.content_large .two_third {
	width: 79.487%;
}

.content_large .one_fourth {
	width: 23.076%;
}

.content_large .one_sixth {
	width: 17.948%;
}

.content_large .five_sixth {
	width: 100%;
}

.content_large .one_fifth {
	width: 17.948%;
}

.content_large .two_fifth {
	width: 38.461%;
}

.content_large .three_fifth {
	width: 58.974%;
}

.content_large .four_fifth {
	width: 79.487%;
}

/* -----------------------------------------------------------------
 * 4. HEADER
 * Top menu, site logo, header widget area, primary navigation, etc.
 * ----------------------------------------------------------------- */

/* Top utility bar */

#utility-top {
	position: relative;
	width: 96%;
	margin: 0 auto;
	padding: 0;
	z-index: 25;
	background: #fff;
	border-top: 1px solid #ff3333;
/*	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
	-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 4px rgba(0, 0, 0, 0.02);*/
}

#utility-top .wrap {
	width: 100%;
}

#callout-bar,
#search-bar {
	position: relative;
	float: right;
	width: 100%;
	max-width: 50%;
	padding: 0.9166em 0;
	color: #555;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.callout-inner {
	padding: 0 1em;
}

#callout-bar.callout-left {
	float: left;
	text-align: left;
}

#search-bar {
	padding: 0;
	max-width: 32.4%;
}

#search-bar {
	padding: 4px;
}


/* Top secondary navigation menu */

.secondary-nav {
	position: relative;
	float: left;
	width: auto;
	max-width: 50%;
	margin: 0;
	z-index: 25;
}

.secondary-nav ul.sec-menu,
.secondary-nav div.sec-menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
}

.secondary-nav li {
	position: relative;
	float: left;
	margin: 0;
}

.secondary-nav li a {
	display: block;
	margin: 0;
	padding: 0 1em;
	margin: 0.9166em 0;
	line-height: 1.5;
	color: #777;
	border-right: 1px solid #e0e0e0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-decoration: none;
	white-space: nowrap;
}

.secondary-nav li:hover > a {
	color: #333;
}

.secondary-nav li ul {
	position: absolute;
	display: none;
	width: 17em;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 100%;
	background: #fff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.secondary-nav li ul ul {
	top: 0;
	left: 100%;
}

.secondary-nav li li {
	width: 100%;
}

.secondary-nav ul li:hover > ul {
	display: block;
}

ul.sec-menu > li.current-menu-item > a,
ul.sec-menu > li.current-menu-ancestor > a,
ul.sec-menu > li.current_page_item > a,
ul.sec-menu > li.current_page_ancestor > a {
	color: #333;
}

.secondary-nav li ul li a {
	float: none;
	display: block;
	margin: 0;
	padding: 0.666em 1em;
	color: #666;
	font-size: 1em;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	border: none;
}

.secondary-nav li ul li:hover > a {
	color: #333;
	background: #f0f0f0;
}

/* WooCommerce cart navigation */

.cart-nav {
	margin: 0;
	padding: 0 0.5em;
	list-style: none;
	text-align: right;
}

.cart-nav li {
	display: inline-block;
}

.cart-nav li.welcome,
.cart-nav li a {
	display: inline-block;
	margin: 0;
	padding: 0 0.75em;
	margin: 0.9166em 0;
	line-height: 1.5;
	color: #777;
	border-right: 1px solid #e0e0e0;
	text-decoration: none;
	white-space: nowrap;
}

.cart-nav li a:hover {
	color: #333;
}

.cart-nav li a.log-in,
.cart-nav li a.log-out {
	border: none;
}

.cart-nav li.cart-status a {
	margin: 0;
	padding: 0.5em 0.9166em;
	background: #ff3333;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	border: none;	
}

.cart-nav li.cart-status a:hover {
	background: #333;
}

.cart-nav li.cart-status span.amount {
	display: inline-block;
}
 
.cart-contents:before { 
	font-family: 'FontAwesome';
	margin-right: .5em;	
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f07a';
}

/* Site header and Logo */

.brand {
	position: relative;
	float: left;
	width: auto;
	max-width: 20%;
	margin: 1em 0 2.25em;
	padding: 0;
}

.brand a ,
.brand img {
	display: block;
}

.brand.right {
	float: right;
}

.brand h1,
.brand h2,
.brand h3,
.brand h4 {
	margin: 0;
	font-size: 3em;
	font-weight: normal;
	line-height: 1.25;
	letter-spacing: -0.02em;
}

.brand .site-description {
	display: block;
	margin: 0;
	font-size: 0.4444em;
	letter-spacing: normal;
	font-weight: normal;
	color: #999;
}

.brand img {
	display: block;
}

.brand a span {
	color: #e00000;
	font-weight: bold;
}


/* Header Widget Area */

.header_widget_area {
	position: relative;
	float: right;
	width: auto;
	max-width: 80%;
	margin: 0 0 0.75em;
	padding: 0;
	text-align: right;
}

.hwa_wrap {
	position: relative;
	display: block;
	padding-bottom: 0.75em;
}

.header_widget_area .hwa_wrap * {
	margin-bottom: 0;
}

.header_widget_area.left {
	float: left;
	text-align: left;
}

.header_widget_area img {
	display: block;
}

.breadcrumbs,
.woocommerce-breadcrumb {
	width: 96%;
	position:relative;
	overflow:hidden;
	margin: 1.5em auto 0;
	padding: 0;
	color:#999;
	font-size:12px;
}

.woocommerce-breadcrumb a,
.breadcrumbs a {
	color:#666;
}

.woocommerce-breadcrumb a:hover,
.breadcrumbs a:hover {
	color:#333;
}

/* Primary Navigation Menu */

.primary-nav {
	position: relative;
	width: 96%;
	max-width: 940px;
	margin: 0 auto;
	background-color: #333;
	text-align: center;
	z-index: 20;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.primary-nav .wrap {
	width: 100%
}

.is-stretched .primary-nav {
	width: 100%;
	max-width: 100%
}

.primary-nav ul.nav-menu,
.primary-nav div.nav-menu > ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	text-align: left;
	z-index: 9;
}

.primary-nav ul {
	margin: 0;
	text-indent: 0;
}

.primary-nav li {
	position: relative;
	float: left;
	margin: 0;
}

.primary-nav li a {
	display: block;
	font-size: 1.1666em;
	font-weight: normal;
	line-height: 1.5;
	padding: 0.85714em;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-o-transition: 0.15s ease-in-out;
	transition: 0.15s ease-in-out;
}

ul.nav-menu li a span {
	display: block;
	font-size: 0.75em;
}

.primary-nav li:hover > a {
	color: #fff;
	background-color: #555;
	background-color: rgba(255, 255, 255, 0.1);
}

.primary-nav li ul {
	position: absolute;
	display: none;
	width: 17em;
	margin: 0;
	padding: 0;
	list-style: none;
	top: 100%;
	left: -1px;
	background: #fff;
	z-index: 10;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);
}

.primary-nav li ul ul {
	top: 0;
	left: 100%;
	-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1), 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.primary-nav ul li:hover > ul {
	display: block;
}

ul.nav-menu > li.current-menu-item > a,
ul.nav-menu > li.current-menu-ancestor > a,
ul.nav-menu > li.current_page_item > a,
ul.nav-menu > li.current_page_ancestor > a {
	color: #fff;
	background-color: #555;
	background-color: rgba(255, 255, 255, 0.1);
}

.primary-nav li li {
	width: 100%;
	border: none;
}

.primary-nav li ul li a {
	float: none;
	display: block;
	margin: 0;
	padding: 0.75em 1em;
	color: #555;
	font-size: 1em;
	white-space: normal;
	text-transform: none;
	font-weight: normal;
	text-shadow: none;
	border: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.primary-nav li ul li:last-child a {
	border-bottom: none;
}

.primary-nav li ul li:hover > a {
	color: #333;
	background: #f0f0f0;
}

.primary-nav ul ul a,
.primary-nav ul ul ul a,
.primary-nav ul ul ul ul a {
	padding-left: 1.166em;
}

.primary-nav li.menu-item-has-children > a {
	padding-right: 1.9em;
}

.primary-nav ul ul li.menu-item-has-children > a {
	padding-right: 1em;
}

.primary-nav li.menu-item-has-children > a:after {
	content: "";
	position: absolute;
	top: 48%;
	margin: 0 0.6em;
	border-width: 0.3em;
	border-style: solid;
	border-color: transparent;
	border-top-color: inherit;
}

.primary-nav ul ul li.menu-item-has-children > a:after {
	border-color: transparent;
	border-left-color: inherit;
	top: 41.5%;
	right: 0;
}

.primary-nav ul ul li.menu-item-has-children:hover > a:after {
	color: inherit;
}

/* Responsive Menu */

#responsive-menu {
	display: none;
	width: 96%;
	margin: 0 auto;
	text-align: left;
}

.menu-button {
	margin: 0;
	padding: 0.5em 0 0.5em 0.75em;
	color: #333;
	background: #f5f5f5;
	cursor: pointer;
}

.toggle-icon {
	float: right;
	display: block;
	width: 24px;
	height: 27px;
	margin: 5px 0.75em 0 0;
}

.toggle-icon span {
	display: block;
	width: 24px;
	height: 3px;
	margin-bottom: 4px;
	background: #999;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	transition: all .1s ease-out;
}

.menu-button.activetoggle {
	color: #999;
}

.menu-button.activetoggle .toggle-icon span {
	width: 22px;
	height: 2px;
	margin-bottom: 5px;
}

.menu-button.activetoggle .toggle-icon .bar-1 {
	-webkit-transform: translateX(2px) translateY(8px) rotate(-45deg);
	-moz-transform: translateX(2px) translateY(8px) rotate(-45deg);
	-ms-transform: translateX(2px) translateY(8px) rotate(-45deg);
	transform: translateX(2px) translateY(8px) rotate(-45deg);
}

.menu-button.activetoggle .toggle-icon .bar-3 {
	-webkit-transform: translateX(2px) translateY(-6px) rotate(45deg);
	-moz-transform: translateX(2px) translateY(-6px) rotate(45deg);
	-ms-transform: translateX(2px) translateY(-6px) rotate(45deg);
	transform: translateX(2px) translateY(-6px) rotate(45deg);
}

.menu-button.activetoggle .toggle-icon .bar-2 {
	opacity: 0;
}

.menu-drop {
	display: none;
	width: 100%;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border-bottom: 1px solid #e5e5e5;
}

#responsive-menu-2 .menu-drop {
	height: auto;
	max-height: 93%;
	overflow-y: scroll;
}	

.menu-drop ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu-drop ul li {
	border-bottom: 1px solid #e5e5e5;
}

.menu-drop ul li:last-child {
	border-bottom: none;
}

.menu-drop ul ul li:first-child {
	border-top: 1px solid #e5e5e5;
}

.optional-menu {
	border-top: 1px solid #e5e5e5;
}

.menu-drop a {
	display: block;
	padding: 0.75em 1em;
	color: #666;
}

.menu-drop a:hover {
	color: #333;
}

.menu-drop ul ul {
	display: block !important;
}

.menu-drop ul ul li {
	padding-left: 2em;
}

.menu-drop ul ul li a {
	padding: 0.75em 0;
}

/* Sticky Menus */

#utility-top-2 {
	background: #fff;
}

@media only screen and (min-width: 768px) {
	#responsive-menu-2 {
		display: none !important;
	}
}

.sec-sticky,
.main-sticky,
.resp-sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 99999999;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	display: none;
}

.sec-sticky,
.main-sticky,
.resp-sticky .menu-button {
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.main-sticky {
	z-index: 9999999;
	width: 100%;
	max-width: 100%;
}

.sec-sticky {
	border-top: 1px solid #ff3333;
}

.main-sticky .wrap,
.sec-sticky .wrap {
	width: 96%;
	max-width: 980px;
}

#optional-nav .menu-notifier {
	padding: 0 1em;
	margin: 0.9166em 0;
	display: block;
}

#main-nav .menu-notifier {
	display: block;
	font-size: 1.1666em;
	padding: 0.85714em;
	color: #999;
}

/* Page titles and Custom embed */
.page_titles {
	margin:0 0 20px;
	padding:9px 10px 11px;
	background:#f5f5f5;
	border-top:1px solid #e0e0e0;
}

.page_titles h1,
.page_titles h3 {
	color:#444;
	font-size:18px;
	line-height:20px;
	margin:0;
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);
}

.custom_embed {
	position:relative;
	overflow:hidden;
	margin:0 0 20px;
}

.custom_embed img {
	display:block;
}

/* -----------------------------------------------------------------
 * 5. SIDEBAR and WIDGETS
 * Sidebars and widget styling.
 * ----------------------------------------------------------------- */

.widget {
	position: relative;
	display: block;
	margin-bottom: 0.75em;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.widget:after {
	clear: both;
	content: "";
	display: table;
}

/* Sidebar A */
h4.sba_title {
	color: #444;
	font-size: 14px;
	line-height: 1.5;
	padding: 6px 10px 7px;
	margin-bottom: 1em;
	background: #f5f5f5;
	border-top: 1px solid #e0e0e0;
}

.widget ul {
	position: relative;
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}

.widget ul li {
	position: relative;
	display: block;
	padding: 0.666em 0;
	border-bottom: 1px solid #e9e9e9;
}

.widget > ul > li:first-child {
	padding-top: 0;
}

.widget ul ul {
	margin: 0.666em 0 0;
}

.widget ul ul li {
	padding-left: 1.5em;
}

.widget ul ul li:first-child {
	border-top: 1px solid #e9e9e9;
}

.widget ul ul li:before {
	position: absolute;
	left: 0.5em;
	content: "\002d";
	color: #999;
}

.widget ul ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.widget ul a {
	color: #555;
	text-decoration: none
}

.widget ul a:hover {
	color: #222;
	text-decoration: none;
}

.widget ins {
	color: #555;
}

.widget span.count {
	float: right;
	margin-left: 0.3em;
}

.tagcloud {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
}

.tagcloud a {
	float: left;
	display: block;
	margin: 0 0.25em 0.25em 0;
	font-size: 1em !important;
	line-height: 1.5;
	padding: 0.25em 0.5em;
	background: #f5f5f5;
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tagcloud a:hover {
	background: #333;
	color: #fff;
	text-shadow: none;
}

/* Sidebar B */
h4.sbb_title {
	font-size: 13px;
	line-height: 1.5;
	color: #555;
	border-bottom:1px solid #e5e5e5;
	padding-bottom: 6px;
	margin-bottom: 9px;
}

/* Search Widget */
.widget .search-field, #search-bar .search-field {
	width: 100%;
	padding-right: 5em;
}

.widget .search-submit, #search-bar .search-submit {
	position: absolute;
	top: 0;
	right: 0;
}

/* Minifolio Widget */

ul.minifolio li,
.sidebar1 ul.minifolio li {
	float: left;
	width: 23.5%;
	height: auto;
	margin: 0 2% 2% 0;
	padding: 0;
	border: none;
}

.sidebar2 ul.minifolio li {
	width: 48%;
	margin: 0 4% 4% 0;
}
 ul.minifolio li:nth-child(4n+4) {
 margin-right: 0;
}
 ul.minifolio li:nth-child(4n+5) {
 clear: both;
}
 .sidebar2 ul.minifolio li:nth-child(2n+2) {
 margin-right: 0;
}
.sidebar2 ul.minifolio li:nth-child(2n+3) {
 clear: both;
}

/* Flickr Widget */
#flickr_badge_wrapper {
	position: relative;
	margin: 0 0 0.6666em;
}

.flickr_badge_image {
	position: relative;
	float: left;
	margin: 0 2% 2% 0;
	width: 23%;
}

.flickr_badge_image img {
	width: 100%;
	height: auto !important;
}

/* Calender Widget */

table#wp-calendar,
th,
td {
	border-collapse:collapse;
}

table#wp-calendar caption {
	text-align:left;
	padding:0 0 0 8px;
}

table#wp-calendar th,
table#wp-calendar td {
	padding:4px 8px;
	text-align:center;
	margin:0;
}

table#wp-calendar td#prev {
	text-align:left;
	font-size:11px;
}

/* Tag cloud */

.widget_tag_cloud {
	line-height: 1;
}

/* -----------------------------------------------------------------
 * 6. POST LISTS
 * Post short codes and template styling.
 * ----------------------------------------------------------------- */

/* Grid Posts */

ul.grid_list {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

ul.grid_list li {
	position:relative;
	overflow:hidden;
	float:left;
	width: auto;
	margin-bottom: 18px;
}

ul.grid_list li h2,
ul.grid_list li h3 {
	font-size:14px;
	line-height:18px;
	padding-bottom:12px;
	border-bottom:1px solid #efefef;
	margin-bottom:0;
	display:block;
}

ul.grid_list li a {
	color:#666;
}

ul.grid_list li a:hover {
	color:#333;
}

ul.grid_list li.last {
	margin-right:0 !important;
}

ul.grid_list li.clear {
	float:none;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	line-height:0;
	height:0;
	font-size:0;
	visibility:hidden;
}

ul.grid_list.col2 li {
	width: 48%;
	margin-right: 4%;
}

.content_medium ul.grid_list.col2 li {
	width: 48.39%;
	margin-right: 3.22%;
}

ul.grid_list.col3 li {
	width: 30.6666%;
	margin-right: 4%;
}

.content_full ul.grid_list.col3 li {
	width: 31.915%;
	margin-right: 2.127%;
}

ul.grid_list.col4 li {
	width: 22.58%;
	margin-right: 3.22%;
}

.content_full ul.grid_list.col4 li {
	width: 23.404%;
	margin-right: 2.127%;
}

ul.grid_list.col5 li {
	width: 17.9487%;
	margin-right: 2.5641%;
}

ul.grid_list.col6 li {
	width: 14.894%;
	margin-right: 2.127%;
}

.post-thumb {
	display: block;
	margin-bottom: 12px;
}

.title_off .post-thumb {
	margin-bottom: 0;
}

/* Post List */
.sidebar2 .post-list .post-thumb,
.sidebar2 .post-list .post-content {
	width: 100%;
	float: none;
	margin: 0;
}

.sidebar2 .post-list .post-thumb {
	margin-bottom: 9px;
}

/* Post List - Big */

.thumb_medium {
	position:relative;
	float: left;
	width: 30.666%;
	height: auto;
	margin: 0 0 20px;
}

.post_content {
	position: relative;
	float: none;
	width: auto;
	margin: 0 0 0 34.666%;
	font-family: 'Roboto Condensed', sans-serif;
}

.content_medium .post_content {
	margin-left: 33.891%;
}

.content_large .post_content {
	margin-left: 33.23%;
}

.post_content h2 {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 9px;
}

.post_content .meta-box {
	margin: 0 0 18px;
}

.entry-archives .meta-box {
	margin: 0 0 18px;
}

.no-image,
ul.post_list li .pl_title.no-image,
.pc_full {
	float: none;
	width: 100%;
	margin-left: 0;
}

.thumb_big {
	margin-bottom: 14px;
}

/* Post List - Plain */

ul.plain_list {
	margin: 0 0 18px;
	padding: 0;
	list-style:none;
}

ul.plain_list li {
	line-height: 16px;
	padding: 6px 0;
	border-bottom:1px solid #efefef;
}

ul.plain_list li:hover {
	background-color:#f7f7f7;
}

ul.plain_list li h3 {
	font-size:12px;
	line-height:18px;
	margin:0;
}

ul.plain_list li a {
	color:#777;
	text-decoration:none;
}

ul.plain_list li a:hover {
	color:#444;
}

.section {
	color:#444;
	margin-bottom:20px;
	font-size:14px;
	line-height:18px;
	border-left:1px solid #e5e5e5;
	padding-left:10px;
}

.section span {
	display:block;
	font-size:11px;
	color:#999;
	margin: 0;
}

.section a {
	color:#6699cc;
	text-decoration:none;
}

.section a:hover {
	color:#ff6633;
	text-decoration:none;
}

/* -----------------------------------------------------------------
 * 7. BLOG PAGES
 * Default blog, single and archive pages.
 * ----------------------------------------------------------------- */

.entry,
.sticky {
	position:relative;
	margin-bottom:20px;
	border-bottom:1px solid #efefef;
}

.meta-box {
	position:relative;
	overflow:hidden;
	color:#999;
	margin:0 0 18px;
}

.meta-box a,
.meta-box span {
	color:#999;
}

.meta-box span {
	border:none;
}

.meta-box a:hover,
.meta-box a:hover span {
	color:#333;
}

ul.related_posts {
	position:relative;
	overflow:hidden;
	list-style:none;
	margin:0 0 8px 0;
}

ul.related_posts li {
	float: left;
	width: 30%;
	margin:0 3% 10px 0;
}
ul.related_posts li:nth-child(3n+4) {
 clear: both
}

ul.related_posts li img {
	width: auto;
	height: auto;
}

ul.related_posts h4 {
	margin-bottom: 0;
}

ul.related_posts a {
	color: #666;
}

ul.related_posts a:hover {
	color: #333;
}

#author-avatar,
.author-avatar {
	float:left;
	margin:4px 0 0 0;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

#author-description {
	position:relative;
	overflow:hidden;
	margin-left: 100px;
}

/* Comments */

.commentlist {
	margin: 0 0 1.5em;
	padding: 1.5em 0 0;
	list-style: none;
}

.commentlist li {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #efefef;
}

.commentlist li li {
	padding: 1.5em 0 0;
	margin-bottom: 0;
	border-bottom: none;
	border-top: 1px solid #efefef;
}

.commentlist ul,
.commentlist ul ul,
.commentlist ul.children {
	margin: 0;
	list-style: none;
}

.commentlist ul ul,
.commentlist ul.children {
	margin: 0 0 0 1.5em;
	list-style: none;
}

.comments-area article {
	border: none;
}

.comments-area article header {
	margin-bottom: 0.75em;
	color: #777;
}

.comments-area article header img {
	float: left;
	width: 4em;
	height: 4em;
	margin: 0 1.5em 1.5em 0;
	padding: 0;
	display: block;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}

.comment-content {
	position: relative;
	margin-left: 5.5em;
}

.comments-area article header cite {
	font-size: 1.166em;
	line-height: 1.5;
}

.comments-area article header a {
	color: #888;
	text-decoration: none;
}

.comments-area article header a:hover {
	color: #333;
}

.comments-area article header cite a {
	color: #333;
}

.comments-area article header cite a:hover {
	color: #e00000;
	text-decoration: underline;
}

.comments-area li.bypostauthor cite {
	font-style: normal;
	color: #333;
}

.comments-area li.bypostauthor cite span {
	margin: 0 0.454em 0 0;
	padding: 0 0.454em;
	display: inline-block;
	font-size: 0.7857em;
	line-height: 1.636;
	color: #fff;
	background: #333;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.reply {
	position: relative;
	margin: -0.75em 0 1.5em 6em;
	font-size: 0.9166em;
	line-height: 1.636;
}

.reply a {
	color: #666;
}

.reply a:hover {
	color: #333;
}

p.logged-in-as {
	color: #666;
}

/* Social Sharing on single posts */
.ss_sharing_container {
	position:relative;
	border-bottom:1px solid #efefef;
	margin:0 0 20px;
	padding:0 0 20px;
}

.fb-like,
.ss-sharing-btn {
	position: relative;
	display: inline-block;
	margin: 0 1em 0.75em 0;
	padding: 0;
	vertical-align: top;
}

.ss-sharing-container div.ss-sharing-btn:last-child {
	border: none;
	margin-right: 0;
}

.ss-sharing-btn iframe,
.ss-sharing-btn table {
	margin-bottom: 0;
	max-width: inherit;
}

.ss-sharing-btn td,
.ss-sharing-btn th {
	padding: 0;
	border: 0;
}

.fb_iframe_widget iframe {
	max-width: inherit;
}

.single iframe[class^="PIN_"] {
 display: none;
}

.b-share {
	padding: 0 !important;
}

/* Post Navigation */
#nav-below {
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5em;
}

#nav-below a,
#nav-below a:visited {
	color: #999;
}

#nav-below a:hover {
	color: #333;
}

.nav-previous {
	float: left;
	width: 50%;
}

.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.page-links {
	position: relative;
	margin-bottom: 1.5em;
}

.woocommerce .navigation:after {
	content: "";
	display: table;
	clear: both;
}

.ad_code {
	position:relative;
	border-bottom:1px solid #efefef;
	padding-bottom:20px;
	margin-bottom:20px;
}

/* -----------------------------------------------------------------
 * 8. SECONDARY AREA and FOOTER
 * Secondary widget area and footer styles.
 * ----------------------------------------------------------------- */

.secondary {
	color:#888;
}

h4.sbc_title {
	font-size: 13px;
	line-height: 1.5;
	color: #444;
	border-top:1px solid #e5e5e5;
	padding: 6px 2px;
	margin-bottom: 9px;
	background: #f5f5f5;
}

.secondary a {
	color:#777;
	text-decoration:none;
}

.secondary a:hover {
	color:#333;
	text-decoration:none;
}

/* Footer */

.footer {
	font-size: 11px;
	color:#999;
}

.footer a {
	color:#777;
	border-bottom:1px dotted #ccc;
}

.footer a:hover {
	color:#333;
	text-decoration:none;
	border-bottom-color:#aaa;
}

.notes_left,
.notes-right {
	position: relative;
	overflow: hidden;
	float: left;
	width: 48%;
}

.notes_right {
	float: right;
	text-align:right;
}

.scroll-to-top {
	position: fixed;
	right: 0.75em;
	bottom: 0.75em;
	text-align: center;
	z-index: 999;
}

.scroll-to-top a {
	display: block;
	width: 2.666em;
	height: 2.666em;
	background: #444;
	color: #fff;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.07);
}

.scroll-to-top a:before {
	font-size: 1.1666em;
	line-height: 2.285;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f0d8";
}

.scroll-to-top a:hover {
	background-color: #ff6633;
}

/* -----------------------------------------------------------------
 * 9. FORMS
 * Default form styling, Contact form and comment form
 * ----------------------------------------------------------------- */

form {
	position: relative;
	margin: 0 0 1.5em;
}

#search-bar .search-form {
	margin: 0;
}

select,
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	width: auto;
	max-width: 100%;
	color: inherit;
}

textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
	margin: 0;
	padding: 0.5em 0.5em;
	border: 1px solid #e0e0e0;
	vertical-align: middle;
	height: 32px;
}

textarea {
	min-height: 50px;
	height: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus {
	outline: 0;
	border-color: #ccc;
}

select {
	width: auto;
	max-width: 100%;
	padding: 0.3em;
	background-color: #fff;
	border: 1px solid #ccc;
}

optgroup {
	font-family: inherit;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

optgroup option {
	padding-left: 0.5em;
}

input[type="checkbox"] {
	display: inline;
	margin-right: 0.333em;
	vertical-align: middle;
}

input.error,
textarea.error {
	border:1px solid #ff3647;
}

/* Comment form */

h3#reply-title small {
	font-size: 1em;
}

a#cancel-comment-reply-link {
	font-size: 0.6111em;
	color: #999;
}

a#cancel-comment-reply-link:hover {
	color: #333;
}

#respond form label,
#contactform label {
	display: block;
	line-height: 1.5;
}

#respond form input[type="text"],
#contactform input[type="text"],
#respond form textarea,
#contactform textarea {
	width: 100%;
	max-width: 66.66%;
}

.column #contactform input[type="text"],
.column #contactform textarea {
	max-width: 100%;
}

#respond form textarea {
	width: 100%;
	max-width: 100%;
}

.required {
	color: red;
}

input.error,
textarea.error {
	border: 1px solid #ff6666 !important;
}

#mail_success,
#mail-success-no-js {
	margin: 1.5em 0 0;
}

#mail_success {
	display: none;
}

.widget .wpcf7-form p {
	margin-bottom: 9px;
}

/* Buttons */
button,
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit] {
	margin: 0;
	padding: 0.5em 0.75em;
	font-size: 1em;
	line-height: 1.5;
	font-weight: normal;
	color: #444;
	border: 1px solid #ccc;
	cursor: pointer;
	height: 32px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	vertical-align: middle;
	background-color: #fafafa;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -moz-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -ms-linear-gradient(top, #fafafa, #eaeaea);
	background-image: -o-linear-gradient(top, #fafafa, #eaeaea);
	background-image: linear-gradient(top, #fafafa, #eaeaea);
}

button:hover,
.menu-toggle:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #333;
	background-color: #fafafa;
	border-color: #bbb;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -ms-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -o-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: linear-gradient(top, #fafafa, #e5e5e5);
}

button:active,
.menu-toggle:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #666;
	background-color: #e5e5e5;
	border-color: #bbb #ccc #ccc #ccc;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -ms-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -webkit-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: -o-linear-gradient(top, #e0e0e0, #e5e5e5);
	background-image: linear-gradient(top, #e0e0e0, #e5e5e5);
}

/* -----------------------------------------------------------------
 * 10. MISCELLANEOUS
 * Sliders, style elements and miscellaneous classes.
 * ----------------------------------------------------------------- */

/* Flex Slider */
.slider-wrap {
	position: relative;
}

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}

.flexslider {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.flexslider .slides > .slide,
.flexslider .slides > div,
.flexslider .slides > li {
	position: relative;
	display: none;
	-webkit-backface-visibility: hidden;
	border: none;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > .slide:first-child,
.no-js .slides > div:first-child {
	display: block;
}

.slides {
	position: relative;
	zoom: 1;
}

.flex-viewport {
	max-height: 2000px;
}

.loading .flex-viewport {
	background: #fff url(images/loading.gif) 50% 50% no-repeat;
}

.flex-caption {
	position: relative;
	width: 100%;
}

.flex-caption h1,
.flex-caption h2 {
}

.flex-caption h1 a,
.flex-caption h2 a {
	color: #333;
}

.flex-caption h1 a:hover,
.flex-caption h2 a:hover {
	color: #000;
	text-decoration: none;
}

.slide-image {
	display: block;
	margin-bottom: 1.5em;
}

.caption {
	display: none;
}

.slide-meta {
	display: block;
	margin: 0 0 1.6361em;
	font-size: 0.9166em;
	line-height: 1.636em;
	color: #999;
}

.slide-meta a {
	color: #999;
}

.slide-meta a:hover {
	color: #333;
}

.flex-loading {
	background: transparent url(images/loading.gif) 50% 50% no-repeat;
	height: 15em;
}

.no-js .flex-loading {
	background: none;
	height: auto
}

/* FlexSlider Controls */

.flex-controls-container {
	position: relative;
	overflow: hidden;
	margin: 0 0 1.5em;
	padding: 0;
}

.flex-controls-container.main-slider {
	border-top: 1px solid #e9e9e9;
}

.entry-grid .flex-controls-container {
	margin-bottom: 0;
}

.entry-list-left .flex-controls-container {
	margin-bottom: -0.75em;
}

.flex-control-nav {
	position: relative;
	overflow: hidden;
	width: 60%;
	float: left;
	margin: 1.0833em 0;
	padding: 0;
	list-style: none;
}

.flex-control-nav li {
	float: left;
	margin-right: 0.25em;
}

.flex-control-paging li a {
	display: block;
	width: 1.25em;
	height: 0.83333em;
	background: #ccc;
	text-indent: -9999px;
	cursor: pointer;
}

.flex-control-paging li a:hover {
	background: #000;
}

.flex-control-paging li a.flex-active {
	background: #000;
	cursor: default;
}

.flex-direction-nav {
	position: relative;
	overflow: hidden;
	float: right;
	padding: 0.666em 0;
	width: auto;
	z-index: 9;
}

.flex-direction-nav li {
	float: left;
}

.flex-direction-nav li a {
	display: block;
	color: inherit;
	background: #f0f0f0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-size: 0.9166em;
	line-height: 1.636;
	padding:0 0.3em;
	border: 1px solid #e0e0e0;
	border-bottom-color: #dadada;
}

.flex-direction-nav li a.flex-prev {
	margin-right: 0.2727em;
}

.flex-direction-nav li a:hover {
	color: #333;
	border-color: #ccc;
	text-shadow: none;
}

.flex-direction-nav li a:active {
	background: #e5e5e5;
	border-color: #dadada #e0e0e0 #e0e0e0 #e0e0e0;
}

.flex-direction-nav li a.flex-disabled,
.flex-direction-nav li a.flex-disabled:hover,
.flex-direction-nav li a.flex-disabled:active {
	color: #999;
	background: #fff;
	border-color: #e5e5e5;
	cursor: default;
}

/* Social Links Widget */

.ss_social {
	margin-bottom: 1em;
}
	
.header_widget_area ul.ss_social {
	float: right;
	margin-bottom: 0;
}

.header_widget_area.left ul.ss_social {
	float: none
}

.widget .ss_social li {
	padding: 0;
	border: none;
	margin: 0 5px 5px 0;
}


/* Horizontal rules */

.hr, .hr-double, .hr-3d, .hr-bar, .hr-dashed {
	position: relative;
	width: 100%;
	margin-bottom: 1.5em;
	clear: both;
}
.hr {
	border-bottom: 1px solid #e5e5e5;
}

.hr-double {
	border-bottom: 3px double #e5e5e5;
}

.hr-3d {
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 1px 0 #f5f5f5;
	-moz-box-shadow: 0 1px 0 #f5f5f5;
	box-shadow: 0 1px 0 #f5f5f5;
}

.hr-bar {
	height: 0.75em;
	background: #f5f5f5;
}

.hr-dashed {
	border-bottom: 1px dashed #ccc;
}

.hr-strip {
	background: url(images/strips_hr.png) bottom repeat-x;
	height: 7px;
	margin-bottom: 20px;
}

.imgleft {
	float:left;
	margin: 0 18px 18px 0;
}

.imgright {
	float:right;
	margin: 0 0 18px 18px;
}

.noalign {
	float:none;
	margin: 0 0 14px 0;
}

.nomargin {
	margin-bottom:0;
}

a.imgleft,
a.imgright,
a.noalign {
	display:block;
}

img.imgleft,
img.imgright,
img.noalign,
img {
	display:block;
}

.center {
	text-align:center;
}

.last {
	margin-right:0 !important;
}

/* Make iFrame and Embeds reponsive */
.embed-wrap {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5em;
	padding-bottom: 56.25%;
	padding-top: 2em;
	height: 0;
}

.embed-wrap iframe,
.embed-wrap object,
.embed-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 0;
}

/* WP Pagenavi styles */
.wp-pagenavi {
	position:relative;
	overflow:hidden;
	margin-bottom:12px;
	padding:4px 0;
}

.wp-pagenavi a,
.wp-pagenavi span.current {
	font-size:11px;
	padding:4px 8px;
	margin-right:5px;
	color:#777;
	background:#fff;
	border:1px solid #eee;
}

.wp-pagenavi a:hover {
	text-decoration:none;
	color:#fff;
	background:#444;
	border-color:#444;
}

.wp-pagenavi span.pages {
	font-size:11px;
	margin-right:10px;
	color:#888;
}

.wp-pagenavi a:active,
.wp-pagenavi span.current {
	text-decoration:none;
	color:#fff;
	background:#444;
	border-color:#444;
}

/* Borders */
.border-1 {
	background:#ccc;
	padding:3px;
}

.border-2 {
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
}

.shadow {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Boxes */
.box {
	position:relative;
	overflow:hidden;
	margin:0 0 18px;
	padding:12px 12px 8px;
	border:1px solid #e5e5e5;
	border-right:none;
	border-left:none;
}

.box * {
	margin-bottom:4px;
	color:#333;
	color:rgba(0, 0, 0, 0.75);
}

.box0 {
	background:#f5f5f5;
	border-color: #e5e5e5;
}

.box1 {
	background:#ffffc7;
	border-color: #ebebb7;
}

.box2 {
	background:#daffc7;
	border-color: #c9ebb7;
}

.box3 {
	background:#ffafaf;
	border-color: #eba1a1;
}

.box4 {
	background:#c7eeff;
	border-color: #b7dbeb;
}

.hide_box {
	position:absolute;
	right:4px;
	top:4px;
	width:14px;
	height:14px;
	cursor:pointer;
	background:transparent url(images/hide_box.png) 0 0 no-repeat;
}

.hide_box:hover {
	background-position: 0 -24px;
}

/* Buttons */
.btn,
.btn:visited,
.more-link,
.more-link:visited {
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	padding: 0.5em 1em;
	color: #555;
	background: #f5f5f5;
	cursor: pointer;
}

.btn:hover,
.more-link:hover {
	color: #fff;
	background:#222;
	text-decoration:none;
}

.btn:active,
.more-link:active {
	color:#999;
}

.aqua,
.aqua:visited {
	background-color:#33cc99;
	color:#fff;
}

.red,
.red:visited {
	background-color:#cc0000;
	color:#fff;
}

.grey,
.grey:visited {
	background-color:#666;
	color:#fff;
}

.pink,
.pink:visited {
	background-color:#ff0099;
	color:#fff;
}

.brown,
.brown:visited {
	background-color:#996600;
	color:#fff;
}

.purple,
.purple:visited {
	background-color:#990099;
	color:#fff;
}

.rosyBrown,
.rosyBrown:visited {
	background-color:#cc9999;
	color:#fff;
}

.navyBlue,
.navyBlue:visited {
	background-color:#006699;
	color:#fff;
}

.orange,
.orange:visited {
	background-color:#ff9900;
	color:#fff;
}

.lightBlue,
.lightBlue:visited {
	background-color:#3399cc;
	color:#fff;
}

.forestGreen,
.forestGreen:visited {
	background-color:#669900;
	color:#fff;
}

.crimson,
.crimson:visited {
	background-color:#cc3366;
	color:#fff;
}

.size-m,
.size-m:visited {
	font-size: 14px;
}

.size-l,
.size-l:visited {
	font-size: 18px;
	padding: 6px 13px;
}

.size-xl,
.size-xl:visited {
	font-size: 24px;
	padding: 6px 13px;
}

.size-xxl,
.size-xxl:visited {
	font-size: 30px;
	padding: 7px 15px;
}

/* Advertisements on Sidebar */
.my_ad {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
	border:1px dashed #e0e0e0;
}

.sba_ad125 {
	position:relative;
	overflow:hidden;
	padding:15px;
	background:#fafafa;
}

.sba_ad125 a {
	float:left;
	margin:5px;
	display:block;
}

.sba_ad250 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad250 a {
	margin:5px;
	display:block;
}

.sba_ad234 {
	position:relative;
	overflow:hidden;
	padding:23px;
	background:#fafafa;
}

.sba_ad234 a {
	margin:10px;
	display:block;
}

.sba_ad120 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad120 a {
	float:left;
	margin:5px;
	display:block;
}

.sba_ad240 {
	position:relative;
	overflow:hidden;
	padding:20px;
	background:#fafafa;
}

.sba_ad240 a {
	margin:10px;
	display:block;
}

.sba_ad160_120 {
	position:relative;
	overflow:hidden;
	padding:6px;
	background:#fafafa;
}

.sba_ad160_120 a {
	float:left;
	margin:2px;
	display:block;
}

.sbb_ad125 {
	position:relative;
	overflow:hidden;
	padding:7px 7px 0;
	background:#fafafa;
}

.sbb_ad125 a {
	margin-bottom:7px;
	display:block;
}

.sbb_ad120 {
	position:relative;
	overflow:hidden;
	padding:5px;
	background:#fafafa;
}

.sbb_ad120 a {
	float:left;
	margin:5px;
	display:block;
}

.ad120 {
	position:relative;
	overflow:hidden;
	padding:10px 10px 0;
	background:#f7f7f7;
}

.ad120 a {
	display:block;
	width:120px;
	height:90px;
	margin-bottom:10px;
}

.pp_inline {
	line-height:18px;
	padding:10px;
}

.hide,
.pp_description {
	display:none !important;
}

.pp_gallery ul a img {
	display: inline;
	width: 50px;
}

.preload {
	display:block;
	width:100%;
	height:100%;
	background:transparent url(images/loading.gif) 50% 50% no-repeat;
}

.top_nav .menu-notifier {
	display: block;
	padding: 9px 10px 9px 20px;
	font-size: 11px;
}

.utility .menu-notifier {
	display: block;
	padding: 11px 10px;
	color: #ccc;
}

/* WordPress Default Styles */

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%;
	padding: 0.3333em;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 1em;
	line-height: 1.5;
	color: #777;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* WooCommerce style fixes */

table.variations th,
table.variations td {
	border: none;
}

/* WPML Plugin compatibility Styles */

#lang_sel {
	width: auto;
	display: inline-block;
	text-align: left;
	z-index: 99;
}

#lang_sel ul li {
	border: none;
}

img.iclflag {
	display: inline;
}

/* Live Preview Option Panel Styles */

.option-panel {
	position: fixed;
	width: 180px;
	font-size: 12px;
	line-height: 18px;
	padding: 18px 18px 6px;
	border: 1px solid #e0e0e0;
	background: #fff;
	top: 100px;
	left: -218px;
	text-align: left;
	z-index: 99999;
}

.option-form p {
	margin-bottom: .375em;
}

.option-btn {
	position: absolute;
	width: 38px;
	height: 38px;
	top: 20px;
	right: -39px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-left: none;
}

.option-btn a {
	width: 38px;
	height: 38px;
	display: block;
}

.option-btn a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 38px;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 38px;
	text-align: center;
	color: #ccc;
	content: "\f013";
	vertical-align: baseline;
}

.option-btn a:hover:before {
	color: #666;
}

.option-form label {
	color: #333;
}

.option-form select {
	font-family: inherit;
	font-size: 12px;
	color: #333;
	width: 100%;
	padding: 2px;
}

.option-form input[type="text"],
.option-form input[type="submit"] {
	font-family: inherit;
	font-size: 12px;
	width: 100%;
	height: auto;
	padding: 4px 6px;
}

.option-form input[type="submit"] {
	width: auto;
}

.option-error {
	display: block;
	color: #ac2b2b;
	background: #f7d9d9;
	border: 1px solid #f2c3c3;
	padding: 2px 4px;
	margin-top: 9px;
}


/* 11 TOM CSS */

.redheadingbig {
	background-color: #0d4b0c;
	color: white;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 2px 5px 3px 5px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.blackheadingbig {
	background-color: #fff;
	color: black;
	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 2px 2px 2px 2px;
	text-transform: uppercase;
	margin-bottom:4px;
}

.redheadingsmall {
	background-color: #3f5796;
	color: white;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 2px 2px 2px 2px;
	text-transform: uppercase;
}

.smallredcaptionbox {
	padding:2px 4px 2px 4px; 
	background-color:#7bbd59; 
	color:#fff; 
	font-size:10px;
}

.smallredcaptionbox a {
	padding:2px 4px 2px 4px; 
	background-color:#ff0014; 
	color:#FFF; 
	font-size:10px;
}

.smallredcaptionbox a:hover {
	padding:2px 4px 2px 4px; 
	background-color:#ff0014; 
	color:#999; 
	font-size:10px;
}

/*.smallGREYcaptionbox {
	padding:2px 4px 2px 4px; 
	background-color:#efefef;
	border:1px solid #666;
	color:#666; 
	font-size:10px;
	padding-right:4px;
}*/

.smallGREYcaptionbox a {
	padding:2px 4px 2px 4px; 
	background-color:#efefef;
	border:1px solid #666;
	color:#666; 
	font-size:10px;
	margin-right:5px;
}

.smallGREYcaptionbox a:hover {
	padding:2px 4px 2px 4px; 
	background-color:#efefef;
	border:1px solid #3f5796;
	color:#3f5796; 
	font-size:10px;
	margin-right:5px;
}

/*--HOME PAGE NEWS BOX ----*/

.homepagenewsbox {
	background-color:#fff; 
	padding:8px 8px 8px 8px; 
	border:1px solid #CCC;
}

.homepagenewsbox h2 {
    color:#fff; 
}

.homepagenewsbox .pl_title h3 {
	color:#000;
	font-size:20px;
	line-height:24px;
}

.homepagenewsbox .pl_title h3 a {
	color:#000;
	font-size:20px;
	line-height:24px;
}

.homepagenewsbox .pl_title h3 a:hover {
	color:#3f5796;
	font-size:20px;
	line-height:24px;
}

.homepagenewsbox .pl_thumb {
	margin-top:5px;
	border:1px solid #999;
}

/*----- MATCH REPORTS -------*/

/*.matchreports .list_meta {
	display:none;
}*/

.matchreports .pl_title h3 {
	color:#000;
	font-size:18px;
	line-height:24px;
}

.matchreports .pl_title h3 a {
	color:#000;
	font-size:18px;
	line-height:24px;
}

.matchreports .pl_title h3 a:hover {
	color:#3f5796;
	font-size:18px;
	line-height:24px;
}

.matchreports .pl_thumb {
	border:1px solid #999;
}

/*----- NEWS SECTIONS -------*/

.newsreports p {
	display:none;
}

.newsreports .thumb_medium {
position: relative;
float: left;
width: 30.666%;
height: auto;
margin: 0 0 20px;
border: 1px solid #999;
}

.newsreports .entry, .sticky {
position: relative;
margin-bottom: 0px;
border-bottom: 1px solid #efefef;
}

.headlines ul.plain_list li a {
	color:#000;
}

.headlines ul.plain_list li a:hover {
	color:#3f5796;
}

.headlines ul.plain_list li {
	line-height: 18px;
	padding: 6px 0 6px 0px;
	border-bottom: 1px solid #efefef;
	background: none;
}

.headlines ul.plain_list li h3 {
	font-size:14px;
	font-weight:500;
	color:#000;
	line-height:18px;
	margin: 0;
}


.trpheader {
width: 940px;
height: 200px;
margin: 0 auto;
float: right;
}

.left {
width: 182px;
float: left;
padding-bottom: 10px;
}

.right {
width: 758px;
float: left;
}

#logo {
width: 525px;
float: left;
padding-left:16px;
}

#header-div {
width: 217px;
float:left;
}

#header-advert {
clear: both;
width: 100%;
padding:20px 0 0 16px;
}


.trpfront {float:left; margin-right:50px;}

.trpleaderboard {margin-top:5px;} 