/*
Theme Name: Wpshower2
Theme URI: http://wpshower.com/
Author: WPShower
Author URI: http://wpshower.com/
Description: Description
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: wpshower

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


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Site Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * ----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

audio,
canvas,
video {
	display: inline-block;
}

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

[hidden] {
	display: none;
}

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

@font-face {
	font-family: 'wps';
	src: url('wps.woff') format('woff');
}

html,
button,
input,
select,
textarea {
	font-family: 'wps', Arial;
}

body {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	font-weight: normal;
}

body.transition {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

a,
a:visited {
	color: #222222;
	text-decoration: none;
	border-bottom: 1px solid;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

body.with_color a,
body.with_color a:visited {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

#main a:focus,
#main a:active,
#main a:hover {
	color: #ADADAD;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h3 {
	font-size: 22px;
	margin: 22px 0;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

p {
	margin: 0 0 18px;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background: #f5f5f5;
	color: #666;
	font-family: monospace;
	font-size: 14px;
	margin: 20px 0;
	overflow: auto;
	padding: 20px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

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

blockquote {
	font-size: 18px;
	font-style: italic;
	font-weight: 300;
	margin: 24px 40px;
}

blockquote blockquote {
	margin-right: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: 300;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

small {
	font-size: smaller;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 20px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 20px;
}

menu,
ol,
ul {
	margin: 16px 0;
	padding: 0 0 0 40px;
}

ul {
	list-style-type: square;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

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

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

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

figure {
	margin: 0;
}

form {
	margin: 0;
}

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

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
}

button,
input {
	line-height: normal;
}

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

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

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

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

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

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

table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 20px;
	width: 100%;
}

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

caption {
	font-size: 16px;
	margin: 20px 0;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

del {
	color: #333;
}

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

hr {
	height: 1px;
	margin: 0 0 24px;
}


/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

@font-face {
	font-family: shower;
	src: url('shower.eot@') format('eot'),
		url('shower.woff') format('woff'),
		url('shower.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Clearing floats */
.clear,
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
	clear: both;
}

.wrapper:after,
.index-description:after,
.index-theme-list:after,
.index-texts:after,
.feature:after,
.theme-videos:after,
.hentry:after {
	content: '';
	display: block;
	clear: both;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	margin: 0;
	font-size: 18px;
}

.screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	line-height: normal;
	position: absolute;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption,
.index-theme-list img,
.mobile-content img {
	max-width: 100%;
}

.slides img {
	width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

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

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

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

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

.alignright {
	float: right;
}

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

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}


/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.clear {
	clear: both;
}

.site-main {
	background: #eee;
}

body.transition .site-main {
	-webkit-transition: background-color 0.2s ease-in-out;
	-moz-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.wrapper {
	max-width: 1054px;
	margin: 0 auto;
	padding: 0 10px;
}


/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
	padding: 24px 0 22px;
}

.site-header a {
	border-bottom: none;
}

.site-title {
	float: left;
	width: 30.754352031%;
	margin: 0 3.868471954% 0 0;
	font-size: 22px;
	line-height: 32px;
	font-weight: normal;
}

#social-links {
	float: right;
	width: 13.442940039%;
	font-family: shower;
	text-align: right;
}

#social-links a {
	vertical-align: bottom;
	color: #dbdbdb;
}

#social-links a.fb {
	font-size: 20px;
	margin-right: 14px;
}

#social-links a.fb:hover {
	color: #3A5B96;
}

#social-links a.tw {
	float: right;
	margin-top: 1px;
	font-size: 21px;
}

#social-links a.tw:hover {
	color: #0AAEEB;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 9%;
}

.nav-menu li:last-child {
	margin-right: 0;
}

.nav-menu li a {
	display: block;
}

.site-header .nav-menu li a {
	border-bottom: 2px solid transparent;
}

.site-header .nav-menu li:not(.current-menu-item) a:hover {
	border-bottom: 2px solid;
}

.main-navigation .nav-menu li a {
	font-size: 22px;
	line-height: 32px;
}

.nav-menu li.current-menu-item a {
	color: #ADADAD;
}

/* Navbar */
.navbar {
	float: left;
	width: 48.065764023%;
}

/* Load More button */
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.load-more {
	text-align: center;
	line-height: 50px;
	text-align: center;
	font-size: 22px;
}

.load-more a {
	display: inline-block;
	cursor: pointer;
	border-bottom: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

.load-more span {
	border-bottom: 2px solid transparent;
}

.load-more:hover span.text {
	border-bottom: 2px solid;
}

.load-more span.loader {
	display: none;
	position: relative;
	top: -3px;
	width: 25px;
	height: 25px;
	background: url(loadmore.svg) 50% 50% no-repeat;
	vertical-align: middle;
	-webkit-animation: rotate 0.5s linear 0 infinite normal;
	-moz-animation: rotate 0.5s linear 0s infinite normal;
	-o-animation: rotate 0.5s linear 0 infinite normal;
	-ms-animation: rotate 0.5s linear 0 infinite normal;
	animation: rotate 0.5s linear 0 infinite normal;
}

.load-more.active span.loader {
	display: inline-block;
}

.load-more.active span.text {
	display: none;
}


/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

body.single #content {
	padding-bottom: 130px;
}

.page-template-template-journal-php .hentry,
.format-standard.hentry,
.page-template-default .hentry {
	font-size: 21px;
	line-height: 32px;
}

body.single .hentry {
	padding-top: 68px;
}


/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

body.single-theme .entry-header {
	margin-bottom: 40px;
}

.entry-title {
	margin: 0 0 3px;
	font-weight: normal;
	font-size: 22px;
	line-height: 32px;
}

.entry-title a {
	border-bottom: none;
}

.index-description {
	padding-top: 55px;
}

.index-description h1 {
	margin: 0;
	font-size: 22px;
	line-height: 32px;
	font-weight: normal;
}

.gallery {
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery-header {
	position: relative;
	overflow: hidden;
	height: 32px;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	background: #fff;
	color: #ADADAD;
	border: 2px solid #dbdbdb;
	border-bottom: none;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#formatted-gallery .gallery-header {
	height: 43px;
	line-height: 41px;
}

.gallery-header .buttons {
	position: absolute;
	top: 9px;
	left: 8px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery-header .caption {
	position: absolute;
	width: 100%;
	top: 1px;
	left: 0;
}

#formatted-gallery .gallery-header .buttons {
	top: 14px;
}

.gallery-header .button {
	float: left;
	margin-right: 3px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	border: 2px solid #dbdbdb;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery-title {
	position: absolute;
	top: 30px;
	width: 100%;
	left: 0;
	margin: 0;
	opacity: 0;
	line-height: 46px;
	font-size: 22px;
	font-weight: normal;
	color: #222222;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#main .gallery-title a:hover {
	color: #222222;
}

.index-theme-list .gallery:hover {
	margin-bottom: 24px;
}

.index-theme-list .gallery:hover .gallery-title {
	opacity: 1;
	top: 1px;
}

.gallery-title a {
	border-bottom: none;
}

.index-theme-list .gallery:hover .gallery-header,
.index-theme-list .gallery:hover .button,
.index-theme-list .gallery:hover .gallery-video,
.index-theme-list .gallery:hover .gallery-content {
	border-color: #333;
}

.index-theme-list .gallery:hover .gallery-header {
	height: 48px;
}

.index-theme-list .gallery:hover .buttons {
	top: 17px;
}

.gallery-header .bullets {
	position: absolute;
	top: 1px;
	right: 8px;
}

.gallery-content {
	border: 2px solid #dbdbdb;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.entry-media-gallery {
	position: relative;
	overflow: hidden;
}

.slides {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slides > li {
	display: none;
	height: 624px;
	overflow: hidden;
}

.slides > li:first-child {
	display: block;
}

.prev,
.next {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	width: 0;
	height: 0;
	cursor: pointer;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.prev {
	left: -36px;
	border-right: 16px solid #dbdbdb;
}

.next {
	right: -36px;
	border-left: 16px solid #dbdbdb;
}

.prev:hover {
	border-right-color: #222222;
}

.next:hover {
	border-left-color: #222222;
}

.gallery-scroll-container {
	 height: 100% !important;
}

.jspPane {
	width: 100% !important;
}

.jspVerticalBar {
	width: 0;
}

.jspTrack {
	left: -15px;
	width: 10px;
	background: transparent;
}

.jspDrag {
	background: transparent;
}

.jspDrag:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 6px;
	top: 5px;
	bottom: 5px;
	height: auto;
	background: #fff;
	border: 2px solid #dbdbdb;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.changelog {
	border-bottom: none;
}

#video-links .active {
	color: #ADADAD;
	cursor: default;
}

.responsive-video-container {
	overflow: visible !important;
}

.gallery-video {
	width: 100%;
	border: 2px solid #dbdbdb;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery-video * {
	outline: none;
}

.gallery-video.pointer {
	cursor: pointer;
}

.video-js {
	width: 100% !important;
	height: 100% !important;
}

.vjs-default-skin .vjs-control-bar {
	background-color: transparent;
	height: 0;
}

.vjs-default-skin .vjs-progress-control {
	display: none;
}

#theme-videos .vjs-default-skin .vjs-progress-control {
	display: block;
	top: 27px;
	left: 180px;
	right: 180px;
	font-size: 0.5em;
}

.vjs-default-skin .vjs-slider {
	background: #3d3d3d;
}

.vjs-default-skin:hover .vjs-progress-control {
	font-size: 0.5em;
}

.vjs-default-skin .vjs-play-progress {
	background: #ADADAD;
}

.vjs-default-skin .vjs-big-play-button,
.vjs-default-skin .vjs-seek-handle,
.vjs-default-skin .vjs-play-control,
.vjs-default-skin .vjs-current-time,
.vjs-time-divider,
.vjs-default-skin .vjs-duration,
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-fullscreen-control {
	display: none;
}

.vjs-loading-spinner {
	width: 30px;
	height: 30px;
	margin-left: -15px;
	margin-top: -15px;
	font-size: 1em;
	opacity: 1;
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

.vjs-default-skin .vjs-loading-spinner:before {
	content: '';
}

@-webkit-keyframes ui-spinner-rotate-right {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(180deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(360deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes ui-spinner-rotate-left {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(180deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes ui-spinner-rotate-right {
	0% {
		-moz-transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(180deg);
	}

	50% {
		-moz-transform: rotate(180deg);
	}

	75% {
		-moz-transform: rotate(360deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-moz-keyframes ui-spinner-rotate-left {
	0% {
		-moz-transform: rotate(0deg);
	}

	25% {
		-moz-transform: rotate(0deg);
	}

	50% {
		-moz-transform: rotate(180deg);
	}

	75% {
		-moz-transform: rotate(180deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@keyframes ui-spinner-rotate-right {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(180deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(360deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes ui-spinner-rotate-left {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	75% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.ui-spinner {
	display: inline-block;
	position: relative;
	border-radius: 100%;
}

.ui-spinner .side {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

.ui-spinner .side .fill {
	border-radius: 999px;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;
}

.ui-spinner .side-left {
	left: 0;
}

.ui-spinner .side-left .fill {
	left: 100%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-animation-name: ui-spinner-rotate-left;
	-moz-animation-name: ui-spinner-rotate-left;
	-ms-animation-name: ui-spinner-rotate-left;
	-o-animation-name: ui-spinner-rotate-left;
	animation-name: ui-spinner-rotate-left;
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.ui-spinner .side-right {
	left: 50%;
}

.ui-spinner .side-right .fill {
	left: -100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-animation-name: ui-spinner-rotate-right;
	-moz-animation-name: ui-spinner-rotate-right;
	-ms-animation-name: ui-spinner-rotate-right;
	-o-animation-name: ui-spinner-rotate-right;
	animation-name: ui-spinner-rotate-right;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.ui-spinner {
	width: 46px;
	height: 46px;
	background: #222222;
}

.ui-spinner .side .fill {
	background: #222222;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.ui-spinner:after {
	content: "";
	background: transparent;
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	top: 9px;
	left: 9px;
	display: block;
}

.ui-spinner {
	width: 30px;
	height: 30px;
	background: transparent;
}

.ui-spinner:after {
	content: "";
	background: transparent;
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 20px;
	left: 20px;
	display: block;
}

.index-theme-list {
	margin-top: 55px;
	padding-bottom: 45px;
}

.index-theme-list .gallery {
	width: 48.065764023%;
	margin-bottom: 40px;
}

.index-theme-list .gallery:nth-of-type(odd) {
	float: left;
}

.index-theme-list .gallery:nth-of-type(even) {
	float: right;
}

.index-theme-list .gallery.first {
	width: 100%;
}

.index-texts {
	padding-bottom: 130px;
}

.index-texts .entry-header {
	margin-bottom: 25px;
}

.index-texts .meta {
	margin-top: 5px;
	color: #ADADAD;
}

.twitter-post s {
	text-decoration: none;
}

.twitter-post b {
	font-weight: normal;
}

.content-col1 {
	float: left;
	width: 30.754352031%;
}

.content-col2 {
	float: right;
	width: 65.377176015%;
}

.content-col3 {
	float: left;
	width: 21.179883946%;
}

.content-col4 {
	float: left;
	width: 48.065764023%;
}

.content-col5 {
	float: right;
	width: 48.065764023%;
}

.content-separator {
	clear: both;
	margin-bottom: 55px;
	height: 2px;
	overflow: hidden;
	background: #dbdbdb;
}

.content-separator.for-video {
	margin-top: 89px;
}

.title {
	font-size: 22px;
	line-height: 32px;
}

p.title {
	margin-bottom: 28px;
}

div.title {
	margin-bottom: 14px;
}

.title a {
	border-bottom-width: 2px;
}

.theme-links {
	padding: 30px 0 75px;
	font-size: 22px;
	line-height: 32px;
}

.theme-links.again {
	text-align: center;
	padding: 95px 0 0;
}

.theme-links a {
	display: inline-block;
	border-width: 2px;
}

a.download {
	margin-right: 19px;
	padding: 0 12px;
	line-height: 48px;
	border: 2px solid #222222;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#main a.download:hover {
	border-color: #222222;
	background: #222222;
	color: #fff;
}

.section {
	color: #ADADAD;
}

.feature {
	margin: 40px 0 56px;
}

.feature-image {
	float: left;
	width: 20.562130178%;
	height: 120px;
	margin-top: 4px;
}

.feature-image img {
	width: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.feature-info {
	float: right;
	width: 73.520710059%;
}

.theme-videos {
	padding-bottom: 25px;
}

#theme-videos,
#theme-videos * {
	overflow: visible;
}

#theme-videos .gallery {
	display: none;
}

#theme-videos .gallery:first-child {
	display: block;
}

#video-links span {
	margin-left: 45px;
	cursor: pointer;
}

#video-links span:first-child {
	margin-left: 0;
}

#video-links span:hover {
	border-bottom: 2px solid;
}

#video-links span.active:hover {
	border-bottom: none;
}

.content-many,
.page-template-default #content {
	padding: 68px 0 95px;
}

.content-many article {
	padding-bottom: 60px;
	margin-bottom: 35px;
	border-bottom: 2px solid #dbdbdb;
}

.content-many article:last-of-type {
	border-bottom: none;
}

.content-many .entry-title,
body.single .entry-title {
	margin-bottom: 30px;
}

#show_who_we_are,
#close_who_we_are {
	cursor: pointer;
}

#content_who_we_are {
	display: none;
	padding-bottom: 130px;
}

/* Demo template */
.switcher-wrap {
	height: 83px;
	padding: 15px 30px 14px;
	font-size: 22px;
	line-height: 52px;
	background-color: #fff;
	border-bottom: 2px solid #dbdbdb;
	text-align: center;
}

.demo-title {
	float: left;
	margin: 0;
	font-size: 22px;
	line-height: 52px;
	font-weight: normal;
}

.demo-title a {
	border-bottom: none;
}

#main .demo-title a:hover {
	color: #222222;
}

.theme-selector {
	display: inline-block;
	position: relative;
	width: 320px;
	height: 48px;
	line-height: 48px;
	text-align: left;
	cursor: pointer;
}

.theme-selector .default {
	position: relative;
	padding-left: 12px;
	border: 2px solid #dbdbdb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

.theme-selector .full {
	display: none;
	position: absolute;
	z-index: 3;
	width: 320px;
	top: 0;
	left: 0;
}

.theme-selector .full div {
	position: relative;
	padding-left: 12px;
	background: #fff;
	border: 2px solid #dbdbdb;
	border-top: none;
}

.theme-selector .full div:first-child {
	border-top: 2px solid #dbdbdb;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

.theme-selector .full div:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.theme-selector .full div.current {
	border-color: #222222;
	background: #222222;
	color: #fff;
}

.theme-selector .full div.current:before {
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #222222;
	border-left: 2px solid #222222;
	border-right: 2px solid #222222;
}

.theme-selector .default:after,
.theme-selector .full div:first-child:after {
	display: block;
	position: absolute;
	top: 1px;
	right: 10px;
	color: #dbdbdb;
}

.theme-selector .full > div {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.theme-selector .full > div:hover {
	color: #ADADAD;
}

.theme-selector .full > div:first-child:hover {
	color: #222222;
}
.theme-selector .full > div.current:hover {
	color: #fff;
}

.theme-selector .default:after {
	content: '▼';
}

.theme-selector .full div:first-child:after {
	content: '▲';
}

.theme-download {
	float: right;
}

.theme-download a {
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.switcher-close {
	float: right;
	border-bottom: none;
	font-size: 30px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#preview {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(loadingAnim.gif) 50% 50% no-repeat;
}


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	margin-top: 5px;
	color: #ADADAD;
}

.index-texts .entry-meta {
	margin: 2px 0 25px;
}

body.single footer.entry-meta {
	margin: 0;
	height: 80px;
}

.entry-meta a {
	color: #ADADAD;
	border-bottom-color: transparent;
}

.entry-meta a:hover {
	border-bottom: 1px solid #ADADAD;
}

.entry-meta > span {
	margin-right: 20px;
}

body.single .entry-meta > span {
	display: block;
	margin: 0 0 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}


/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

body.single-theme .entry-content {
	padding-bottom: 115px;
}

.entry-content p:last-of-type {
	margin-bottom: 0;
}

/* Mediaelements */


/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

a.wpbox {
	border-bottom: none;
}

#wpbox {
	display: none;
	opacity: 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	cursor: pointer;
}

#wpbox .image {
	width: 80%;
	height: 100%;
	margin-left: 10%;
	padding: 50px 0;
	text-align: center;
}

#wpbox .helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#wpbox img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}


/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */


/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */


/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.post-navigation {
	padding-top: 55px;
}

.post-navigation a[rel="next"] {
	float: right;
	text-align: right;
}


/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */


/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

.archive-title,
.archive-meta {
	font-weight: normal;
	font-size: 22px;
	line-height: 32px;
	margin: 0 0 45px;
}


/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */


/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-title {
	font-weight: normal;
	font-size: 22px;
	line-height: 32px;
	margin: 0 0 45px;
}


/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */


/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */


/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */


/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */


/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	padding: 30px 0;
	background: #fff;
	color: #222222;
}

.site-footer a {
	color: #222222;
}

.site-info {
	float: left;
	width: 48.065764023%;
}

/* Footer navigation */
#footer-navigation {
	float: right;
	width: 48.065764023%;
}

#footer-navigation a {
	border-bottom: 1px solid transparent;
}

#footer-navigation a:hover {
	border-bottom: 1px solid;
}


/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

@media (max-width: 1120px) {
	.prev {
		left: 22px;
	}

	.next {
		right: 22px;
	}
}

@media (max-width: 940px) {
	body {
		width: 940px;
	}
}

#body {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}