/******************************************************************************************************************* 

	Theme Name: Portfolio
	Theme URI: http://www.organicthemes.com/portfolio-theme/
	Description: A beautiful, minimally designed portfolio theme for displaying artwork.
	Author: Organic Themes
	Author URI: http://www.organicthemes.com
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Version: 5.1
	Text Domain: portfoliotheme
	Domain Path: /languages/
	Tags: two-columns, fluid-layout, custom-header, custom-background, threaded-comments, translation-ready, custom-menu, custom-colors, theme-options, featured-image-header, featured-images, full-width-template
	
	The CSS, XHTML and Design are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

********************************************************************************************************************

	Table of Contents:

	 0.	Hyperlinks
	 1.	Common		
	 2.	Headings
	 3.	Header
	 4.	Slideshow
	 5.	Navbar
	 6.	Page Templates
	 7.	Content
	 8. Numbered Pagination
	 9. Social Media
	10. Buttons
	11.	Portfolio
	12.	Wordpress Gallery
	13.	Images and Video
	14.	Sidebar
	15.	Sidebar Widgets
	16.	Calendar Widget
	17.	Custom Menu Widget
	18.	Search Form
	19.	Footer
	20.	Comments
	21. Form Styling
	22. Table Styling
	23.	CSS3 Styles
	24.	WooCommerce
	25. Social Media
	26.	Grid Styling
	  
*******************************************************************************************************************/

body {
	background: #f4f4f4;
	color: #666666;
	color: rgba(0, 0, 0, .6);
	font-size: 1em;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.7;
	margin: 0 auto 0;
	padding: 0;
	}
	
/************************************************
*	0.	Hyperlinks								*
************************************************/

a, a:link, a:visited {
	color: #33ccff;
	text-decoration: none;
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
a:focus, a:hover, a:active {
	text-decoration: none;
	outline: none;
	}
a img {
	border: none;
	}

/************************************************
*	1.	Common									*
************************************************/

p {
	padding: 18px 0px;
	margin: 0px;
	}
p:empty {
	display: none;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
ol {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	}
ol li {
	list-style-position: inside;
	margin: 0px 0px 0px 10px;
	padding: 4px 0px 4px 0px;
	}
ul {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 10px 0px;
	}
ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
ul li {
	background: none;
    list-style-position: inside;
    list-style-type: square;
	padding: 0px 0px 0px 10px;
	margin: 4px 0px 4px 0px;
	}
ul ul li {
	padding: 0px 0px 0px 20px;
	}
small {
	font-size: 0.7em;
	}
code, pre {
	color: #666666;
	background: #F9F9F9;
	font-family: Courier, Verdana, Tahoma, Verdana;
	font-size: 13px;
	line-height: 1.4;
	margin: 24px 0px;
	padding: 6px 8px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	}
code {
	display: inline;
	white-space: normal;
	}
pre {
	display: block;
	}
pre code {
	padding: 0px;
	border: none;
	border-radius: 0px;
	}
hr {
	border: 0;
	width: 100%;
	height: 1px;
	color: #DDDDDD;
	background-color: #DDDDDD;
	margin: 6px 0px 8px 0px;
	padding: 0px;
	}	
blockquote {
	color: #333333;
	font-family: 'Droid Serif', Georgia, Times, serif;
	font-weight: 300;
	font-size: 1.4em;
	line-height: 1.4;
	margin: 20px 0px;
	padding: 20px;
	border-top: 1px solid #dddddd;
	border-top: 1px solid rgba(0, 0, 0, .12);
	border-bottom: 1px solid #dddddd;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	}
blockquote p {
	margin: 0px;
	padding: 0px;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
.clear {
	clear: both;
	}
.hidden {
	display: none;
	}
.hide-text {
	text-indent: -9999px;
	}
.hide-img img,
img.hide-img {
	line-height: 0;
	margin-left: -999em;
	padding: 0px;
	}
.text-left { 
	text-align: left; 
	}
.text-right { 
	text-align: right; 
	}
.text-center { 
	text-align: center; 
	}
.text-white {
	color: #ffffff;
	color: rgba(255, 255, 255, .8);
	}
.align-center {
	float: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.align-left {
	float: left;
	left: 0;
	}
.align-right {
	float: right;
	right: 0;
	}
.padded {
	padding: 24px;
	}
.vertical-center {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

/************************************************
*	2.	Headings								*
************************************************/

h1, h2, h3, h4, h5, h6 {
	color: #333333;
	color: rgba(0, 0, 0, 0.8);
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	line-height: 1.4;
	}
h1 {
	font-size: 2.8em;
	font-weight: 500;
	margin: 6px 0px;
	padding: 6px 0px;
	}
h2 {
	font-size: 2.4em;
	font-weight: 500;
	margin: 6px 0px;
	padding: 6px 0px;
	}
h3 {
	font-size: 2em;
	font-weight: 400;
	margin: 6px 0px;
	padding: 6px 0px;
	}
h4 {
	font-size: 1.6em;
	font-weight: 400;
	padding: 6px 0px;
	margin: 6px 0px;
	}
h5 {
	font-size: 1.4em;
	font-weight: 400;
	padding: 6px 0px;
	margin: 6px 0px;
	}
h6 {
	font-size: 1.2em;
	font-weight: 400;
	padding: 6px 0px;
	margin: 2px 0px 6px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color: #000000;
	color: rgba(0, 0, 0, 0.9);
	text-decoration: none;
	border: none;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
	color: #33ccff;
	text-decoration: none;
	border: none;
	}
.title {
	display: block;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	}
.headline {
	font-size: 4em;
	font-weight: 300;
	line-height: 1.2;
	letter-spacing: -1px;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 6px 0px;
	}
.headline.small {
	font-size: 2.8em;
	}
.full-width .headline {
	text-align: center;
	}
	
/************************************************
*	3.	Header  								*
************************************************/

#header {
	background: #ffffff;
	background: rgba(255, 255, 255, .9);
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index: 8;
	}
#logo-title {
	position: relative;
	}
#custom-header {
	display: block;
	position: relative;
	width: 100%;
	background-color: #333333;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
	line-height: 0;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
#custom-header .vertical-center {
	display: block;
	width: 100%;
	text-align: center;
	}
#custom-header .site-title {
	display: block;
	color: #ffffff;
	font-size: 4.6em;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0px auto 0px;
	padding: 0px;
	}
#custom-header .site-title a {
	color: #ffffff;
	}
#custom-header .site-description {
	display: block;
	color: #999999;
	color: rgba(255, 255, 255, .7);
	font-size: 1.8em;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-weight: 400;
	text-indent: 2px;
	letter-spacing: 0px;
	line-height: 1.4;
	margin: 0px auto 0px;
	padding: 0px;
	}
#masthead {
	display: block;
	margin: 0px;
	padding: 36px 0px;
	}
#masthead.text-center {
	padding-bottom: 24px;
	}
#masthead .main-title {
	display: block;
	color: #333333;
	font-size: 2.6em;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
	line-height: 1.2;
	margin: 0px auto 0px;
	padding: 0px;
	}
#masthead .main-description {
	display: block;
	color: #999999;
	color: rgba(0, 0, 0, .4);
	font-size: 1.1em;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-weight: 400;
	text-indent: 2px;
	letter-spacing: 0px;
	line-height: 1.4;
	margin: 0px auto 0px;
	padding: 0px;
	}
#logo {
	display: block;
	width: 100%;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	}
#logo a {
	display: inline-block;
	padding: 0px;
	}
#logo img {
	max-height: 180px;
	}
#logo .logo-text {
	float: left;
	text-align: left;
	text-indent: -9999px;
	}
	
/************************************************
*	4.	Slideshow 							    *
************************************************/

.slideshow {
	display: block;
	position: relative;
	height: 100%;
	margin: 0px auto 36px;
	padding: 0px;
	}
.slideshow.gallery-slideshow {
	margin-bottom: 0px;
	}
.slideshow .slide-info {
	display: block;
	background: #ffffff;
	margin: 0px;
	padding: 6%;
	overflow: hidden;
	}
.slideshow .slide-info p {
	display: block;
	padding-bottom: 0px;
	}
.slideshow ul, 
.slideshow li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.slideshow .loading {
	background: #ffffff;
	min-height: 520px;
	}
.slideshow .preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -16px;
	margin-top: -16px;
	border-bottom: 3px solid rgba(0, 0, 0, 0.12);
	border-left: 3px solid rgba(0, 0, 0, 0.12);
	border-right: 3px solid rgba(0, 0, 0, 0.24);
	border-top: 3px solid rgba(0, 0, 0, 0.24);
	border-radius: 100%;
	height: 32px;
	width: 32px;
	-webkit-animation: spin .6s infinite linear;
	-moz-animation: spin .6s infinite linear;
	-ms-animation: spin .6s infinite linear;
	-o-animation: spin .6s infinite linear;
	animation: spin .6s infinite linear;
	z-index: 9;
	}
.flexslider {
	background: #ffffff;
	margin: 0px; 
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	}
.flexslider .slides {
	position: relative;
	overflow: hidden;
	zoom: 1;
	}
.flexslider .slides > li {
	display: none; 
	-webkit-backface-visibility: hidden;
	}
.flexslider .slides img {
	display: block;
	max-width: 100%; 
	margin: 0px auto 0px;
	}
.flex-pauseplay span {
	text-transform: capitalize;
	}

/* Clearfix for the .slides element */
.slides:after {
	content: "\0020"; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0;
	height: 0;
	}
html[xmlns] .slides {
	display: block;
	}
* html .slides {
	height: 1%;
	}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: none;
	}

/* Caption style */
.flex-caption {
	background: none; 
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
	zoom: 1;
	}
.flex-caption {
	width: 96%; 
	padding: 2%; 
	margin: 0; 
	position: absolute; 
	left: 0;
	bottom: 0; 
	background: rgba(0, 0, 0, .3); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); 
	}

/* Direction Nav */
.flex-direction-nav li a {
	display: block; 
	background: #ffffff;
	background: rgba(255, 255, 255, .9);
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	width: 36px;
	text-decoration: none !important; 
	margin: -18px 0px 0px 0px;  
	opacity: 0;
	position: absolute; 
	top: 50%; 
	cursor: pointer; 
	overflow: visible;
	z-index: 9;
	}
.flex-direction-nav .flex-next {
	right: 24px;
	text-align: center;
	border-radius: 18px;
	}
.flex-direction-nav .flex-prev {
	left: 24px;
	text-align: center;
	border-radius: 18px;
	}
.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
	color: #999999;
	color: rgba(0, 0, 0, .4);
	}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover {
	text-decoration: none !important;
	}
.flex-direction-nav a.flex-disabled {
	opacity: 0 !important;
	}

/* Control Nav */
.flex-control-nav { 
	position: absolute;
	right: 36px; 
	bottom: 12px; 
	text-align: center;
	margin: 0px;
	padding: 0px;
	z-index: 9;
	}
.flex-control-nav li {
	display: inline-block;
	margin: 0px; 
	padding: 4px !important;
	zoom: 1; 
	*display: inline;
	}
.flex-control-nav li:first-child {
	margin: 0;
	}
.flex-control-nav li a {
	width: 6px; 
	height: 6px; 
	display: block; 
	background: #cccccc; 
	cursor: pointer; 
	text-indent: -999em;
	border-radius: 3px;
	}
.flex-control-nav li a:hover {
	background: #333333;
	}
.flex-control-nav li a.flex-active {
	background: #333333; 
	cursor: default;
	}
  
/************************************************
*	5.	Navigation     							*
************************************************/

#navigation {
	display: block;
	color: #e9e9e9;
	position: relative;
	font-size: 0.9em;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-weight: 700;
	margin: 0px auto 12px;
	padding: 0px;
	z-index: 9;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
#navigation.vertical-center {
	position: absolute;
	margin-bottom: 0px;
	}
.menu-toggle {
	display: none;
	cursor: pointer;
	}
.main-small-navigation ul.mobile-menu {
	display: none;
	}
	
/*** ESSENTIAL STYLES ***/
.menu, .menu * {
	margin:	0;
	padding: 0;
	list-style:	none;
	}
.menu {
	line-height: 1.0;
	}
.menu ul {
	margin: 0px;
	padding: 0px;
	}
.menu ul ul, ul.menu ul {
	position: absolute;
	top: -9999px;
	width: 180px; /* left offset of submenus need to match (see below) */
	}
.menu ul li ul li, ul.menu ul li {
	width: 100%;
	margin: 0px;
	}
.menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
	}
.menu li {
	display: inline-block;
	position: relative;
	}
.menu li li {
	display: block;
	position: relative;
	}
.menu a {
	display: inline-block;
	position: relative;
	}
.menu li:hover ul,
.menu li.sfHover ul {
	left: 0;
	top: 36px; /* match top ul list item height */
	z-index: 99;
	}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {
	top: -9999px;
	}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left: 180px; /* match ul width */
	top: 0;
	}
	
/*** SKIN ***/
#navigation .menu .current_page_item a,
#navigation .menu .current_page_ancestor a,
#navigation .menu .current-menu-item a,
#navigation .menu .current-cat a {
	color: #000000;
	}
#navigation .menu .current_page_item.sfHover:hover a.sf-with-ul,
#navigation .menu .current_page_ancestor.sfHover:hover a.sf-with-ul,
#navigation .menu .current-menu-item.sfHover:hover a.sf-with-ul,
#navigation .menu .current-cat.sfHover:hover a.sf-with-ul {
	color: #ffffff;
	}
#navigation .menu li .current_page_item a, #navigation .menu li .current_page_item a:hover,
#navigation .menu li .current-menu-item a, #navigation .menu li .current-menu-item a:hover,
#navigation .menu li .current-cat a, #navigation .menu li .current-cat a:hover {
	color: #ffffff;
	}
#navigation .menu .current_page_item ul li a,
#navigation .menu .current-menu-item ul li a,
#navigation .menu .current-menu-ancestor ul li a,
#navigation .menu .current_page_ancestor ul li a,
#navigation .menu .current-cat ul li a {
	color: #eaeaea;
	color: rgba(255, 255, 255, .6);
	}
#navigation .menu .current_page_item ul li a:hover,
#navigation .menu .current-menu-item ul li a:hover,
#navigation .menu .current-menu-ancestor ul li a:hover,
#navigation .menu .current_page_ancestor ul li a:hover,
#navigation .menu .current-menu-ancestor ul .current_page_item a,
#navigation .menu .current_page_ancestor ul .current-menu-item a,
#navigation .menu .current-cat ul li a:hover {
	color: #ffffff;
	}
.menu {
	margin-bottom: 0;
	}
.menu ul.sub-menu {
	display: none;
	background: #333333;
	border-radius: 0px 3px 3px 3px;
	-moz-border-radius: 0px 3px 3px 3px;
	-khtml-border-radius: 0px 3px 3px 3px;
	-webkit-border-radius: 0px 3px 3px 3px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
	}
.menu a {
	line-height: 36px;
	text-decoration: none;
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 1px 12px;
	}
.menu a,
.menu a:link,
.menu a:visited {
	color: #e5e5e5;
	}
.menu a:focus, 
.menu a:hover, 
.menu a:active {
	outline: 0;
	}
.menu a:hover {
	color: #96a3bd;
	}
.menu a.sf-with-ul:hover {
	color: #ffffff;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	}
.menu li.sfHover:hover a.sf-with-ul {
	background: #333333;
	}
.menu li li a {
	display: block;
	background: none;
	text-align: left;
	margin: 0px;
	padding: 0px 12px;
	line-height: 36px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	}
.menu li li a,
.menu li li a:link,
.menu li li a:visited {
	color: #cccccc;
	color: rgba(255, 255, 255, .6);
	} 
.menu li li a:focus,
.menu li li a:hover,
.menu li li a:active {
	color: #ffffff;
	background: rgba(0, 0, 0, .2);
	outline: 0;
	} 
.menu li.sfHover:hover {
	outline: 0;
	} 
.menu li li {
	border-top: 1px solid rgba(0, 0, 0, .2);
	}
.menu li li:first-child,
.menu li li:first-child a {
	border-radius: 0px 3px 0px 0px;
	-moz-border-radius: 0px 3px 0px 0px;
	-khtml-border-radius: 0px 3px 0px 0px;
	-webkit-border-radius: 0px 3px 0px 0px;
	}
.menu li li:last-child,
.menu li li:last-child a {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	}
	
/*** ARROWS **/
.sf-arrows .sf-with-ul {
	padding-right: 18px;
	}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 8px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 3px solid transparent;
	border-top-color: #dddddd; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0, 0, 0, .24);
	}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: rgba(255, 255, 255, .4); /* IE8 fallback colour */
	}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -3px;
	margin-right: 0px;
	border-color: transparent;
	border-left-color: #dddddd; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255, 255, 255, .24);
	}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: rgba(255, 255, 255, .4);
	}
	
/************************************************
*	6.	Page Templates 				   		    * 
************************************************/

.home-posts {
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
.home-posts .post-holder {
	background: #ffffff;
	margin: 0px 0px 36px 0px;
	padding: 0px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .1);
	}
.home-posts .medium-4:nth-child(3n+1) {
	clear: both;
	}
.home-info {
	margin: 0;
	padding: 8%;
	}
.page-template-template-home #footer {
	margin-top: -24px;
	}
.landing-page {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.landing-page .vertical-center {
	position: absolute;
	width: 100%;
	}
.landing-page #logo,
.landing-page #masthead {
	text-align: center;
	position: relative;
	}
.landing-page #logo img {
	max-height: none;
	}
.landing-page #masthead .main-title {
	font-size: 4.2em;
	}
.landing-page #masthead .main-title.text-white a {
	color: #ffffff;
	}
.landing-page #masthead .main-description {
	font-size: 2em;
	font-weight: 300;
	}
.landing-page #masthead .main-description.text-white {
	color: rgba(255, 255, 255, .8);
	}
.landing-page .article {
	font-size: 1.4em;
	max-width: 720px;
	margin: 0px auto 0px;
	padding: 0px 24px;
	}
	
/************************************************
*	7.	Content 					  		    * 
************************************************/

.content {
	padding-top: 36px;
	position: relative;
	}
.post-area {
	background: #ffffff;
	position: relative;
	}
.post-area .medium-4 {
	background-image: -webkit-gradient(linear, left top, right bottom, from(rgb(249, 249, 249)), to(rgb(255, 255, 255)));
	background-image: -webkit-linear-gradient(left top, rgb(249, 249, 249), rgb(255, 255, 255));
	background-image: -moz-linear-gradient(left top, rgb(249, 249, 249), rgb(255, 255, 255));
	background-image: -o-linear-gradient(left top, rgb(249, 249, 249), rgb(255, 255, 255));
	background-image: -ms-linear-gradient(left top, rgb(249, 249, 249), rgb(255, 255, 255));
	background-image: linear-gradient(left top, rgb(249, 249, 249), rgb(255, 255, 255));
	}
.blog .post-area,
.archive .post-area,
.search .post-area {
	margin-bottom: 36px;
	}
.article {
	padding: 8%;
	}
.full-width .article {
	padding: 8% 14%;
	}
.post-date p {
	margin: 0px;
	padding: 0px;
	}
.post-date {
	display: block;
	color: #999999;
	font-size: 0.8em;
	margin: 0px;
	padding: 6px 0px;
	}
.post-meta {
	display: inline-block;
	color: #999999;
	width: 100%;
	font-size: 0.9em;
	margin: 24px 0px 12px 0px;
	padding: 8px 0px;
	overflow: hidden;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
.post-meta p {
	margin: 0px;
	padding: 0px;
	}
.post-meta i.fa {
	margin-right: 2px;
	}
.post-meta i.fa.fa-tags {
	margin-left: 8px;
	}
.author-column {
	float: right;
	width: 72%;
	margin-top: 20px;
	padding-left: 4%;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	}
.author-posts {
	margin: 0px 0px 36px 0px;
	padding: 0px;
	}
.author-posts li {
	margin: 0px;
	padding: 6px 0px;
	border-bottom: 1px solid rgba(0,0,0, 0.08);
	}
.archive-column {
	float: left;
	width: 33%;
	margin: 0px;
	padding-top: 24px;
	padding-left: 3%;
	padding-right: 3%;
	}
.sticky {
	position: relative;
	}
.bypostauthor {
	}
	
/************************************************
*	8.	Numbered Pagination 			     	* 
************************************************/

.pagination-holder {
	display: inline-block;
	width: 100%;
	}
.pagination {
	display: block;
	width: 100%;
	font-family: 'Arimo', Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	line-height: 36px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	overflow: hidden;
	z-index: 7;
	}
.pagination .page-numbers {
	float: left;
	background: #ffffff;  
	color: #666666; 
	min-height: 36px;
	min-width: 36px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #dddddd;
	border-left: 1px solid rgba(0, 0, 0, .12);
	}
.pagination .page-numbers:first-child {
	border-left: none;
	}
.pagination .page-numbers:hover,
.pagination .page-numbers:active {
	background: #eeeeee;
	min-height: 36px;
	min-width: 36px;
	line-height: 36px;
	padding: 0px; 
	}
.pagination .page-numbers.current {
	background: #eeeeee;  
	min-height: 36px;
	min-width: 36px;
	line-height: 36px; 
	padding: 0px;
	}
.post-navigation {
	display: block;
	margin-top: 12px;
	position: relative;
	overflow: hidden;
	}
.previous-post {
	float: left;
	font-size: 0.9em;
	}
.next-post {
	float: right;
	font-size: 0.9em;
	}
.page-links {
	display: block;
	overflow: hidden;
	margin: 12px 0px;
	}
.page-links .link-label {
	color: #000000;
	font-weight: bold;
	margin-left: 0px;
	}
.page-links span {
	margin: 0px 3px;
	}

/************************************************
*	10.	Buttons  								*
************************************************/

.reply a, #searchsubmit, #prevLink a, #nextLink a, .more-link, #submit, 
#comments #respond input#submit, .container .gform_wrapper input.button, #wrap #infinite-handle span {
	display: inline-block;
	position: relative;
	background-color: #333333;
	color: #cccccc !important;
	color: rgba(255, 255, 255, .7) !important;
	font-family: 'Raleway';
	font-size: 0.75em;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 12px 0px;
	padding: 12px 24px;
	border-radius: 3px;
	border: none;
	-webkit-appearance: none;
	}
.reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, .more-link:hover,
#submit:hover, #comments #respond input#submit:hover, .container .gform_wrapper input.button:hover, #wrap #infinite-handle span:hover {
	background-color: #0099cc;
	color: #FFFFFF !important;
	text-decoration: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
	box-shadow: inset 0px 3px 0px rgba(0, 0, 0, .2);
	cursor: pointer;
	}
a.more-link {
	margin: 24px 0px 0px 0px;
	}
	
/************************************************
*	11.	Portfolio  								*
************************************************/

.portfolio .medium-6:nth-child(2n+1),
.portfolio .medium-4:nth-child(3n+1),
.portfolio .medium-3:nth-child(4n+1) {
	clear: both;
	}
.portfolio-item .information {
	padding: 24px;
	}
.portfolio-item .information p {
	padding-bottom: 0px;
	}
.portfolio-item {
	background: #FFFFFF;
	margin-bottom: 36px;
	padding: 0px;
	}
.portfolio-nav {
	top: 50%;
	width: 100%;
	position: absolute;
	margin: -18px 0px 0px 0px;
	}
.portfolio-nav a {
	display: block;
	color: #999999;
	color: rgba(255, 255, 255, 0.6) !important;
	background: #242424;
	background: rgba(0, 0, 0, 0.6);
	position: relative;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
	width: 36px;
	text-align: center;
	text-decoration: none !important;
	margin: 0px;
	opacity: 1;
	border-radius: 50%;
	cursor: pointer;
	overflow: visible;
	z-index: 9;
	}
.portfolio-nav a:hover {
	color: #ffffff !important;
	}
.portfolio-nav a span {
	display: none;
	}
.portfolio-nav .previous-post a {
	left: 24px;
	}
.portfolio-nav .next-post a {
	right: 24px;
	}

/************************************************
*	12.	WordPress Gallery					    *
************************************************/

.gallery-caption {
	font-size: 0.8em;
	padding: 0px 10px;
	}
.gallery {
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;
	}
.gallery-item {
	margin: 0px
	}
.gallery-icon {
	line-height: 0;
	margin: 12px;
	}
.gallery-icon img {
	display: block;
	background: #F4F4F4;
	padding: 8px;
	border: 1px solid #DDDDDD;
	transition: background .25s;
	-moz-transition: background .25s;
	-webkit-transition: background .25s;
	-o-transition: background .25s;
	border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
	}
.gallery a img:hover {
	background: #05ad9c;
	}
.gallery img {
	border: none !important;
	}
.gallery-caption {
	font-size: .9em;
	padding: 0px 10px;
	}
	
/************************************************
*	13.	Images and Video			     	    * 
************************************************/

img {
	-ms-interpolation-mode: bicubic;
	height: auto;
	}
img, object, embed {
	max-width: 100%;
	margin: 0px auto 0px;
	}
.banner {
	background: #ffffff;
	line-height: 0;
	margin-top: 0px;
	overflow: hidden;
	}
.banner img {
	display: block;
	padding: 0px;
	}
.banner.full {
	width: 100%;
	min-height: 240px;
	max-height: 800px;
	position: relative;
	margin: 0px;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.banner.full img {
	margin-left: -9999px;
	}
.feature-img, 
.feature-vid {
	display: block;
	text-align: center;
	line-height: 0;
	margin: 0px;
	overflow: hidden;
	}
.feature-img img {
	text-align: center;
	line-height: 0;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.avatar {
	background: #FFFFFF;
	margin: 10px 20px 10px 0px;
	padding: 6px;
	}
.author-avatar {
	float: left;
	display: block;
	width: 20%;
	margin-top: 20px;
	padding-right: 3.6%;
	}
.author-avatar .avatar {
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
	}
img.centered {
	display: block;
	margin: 0px auto 20px;
	padding: 0px;
	}
img.alignnone {
	padding: 0px;
	margin: 5px 0px 20px 0px;
	display: inline;
	}
img.alignright {
	padding: 0px;
	margin: 5px 0px 20px 30px;
	display: inline;
	}
img.alignleft {
	padding: 0px;
	margin: 5px 30px 20px 0px;
	display: inline;
	}
.aligncenter {
	display: block;
	margin: 0px auto 10px;
	}
.alignright {
	float: right;
	margin: 15px 0px 15px 30px;
	}
.alignleft {
	float: left;
	margin: 15px 30px 15px 0px;
	}
.wp-caption {
	background: #FFFFFF;
	max-width: 100%;
	text-align: center;
	padding: 0px 0px 12px 0px;
	margin-bottom: 12px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	}
.wp-caption img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
.wp-caption p.wp-caption-text {
	font-size: .9em;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	}
	
/************************************************
*	14.	Sidebar 	       			     	    * 
************************************************/

.sidebar {
	float: right;
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	}
.sidebar .title {
	padding-bottom: 6px;
	}
	
/************************************************
*	15.	Widgets									*
************************************************/

.blog .sidebar .widget,
.archive .sidebar .widget,
.search .sidebar .widget {
	background: #ffffff;
	margin-bottom: 36px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	}
.archive.author .sidebar .widget,
.archive.woocommerce .sidebar .widget {
	background: none;
	margin-bottom: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.blog .sidebar .widget:last-child,
.archive .sidebar .widget:last-child,
.search .sidebar .widget:last-child {
	margin-bottom: 0px;
	}
.widget {
	margin: 0px;
	padding: 8%;
	list-style-type: none;
	}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.widget li {
	display: block;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid rgba(0,0,0, 0.08);
	}
.widget li:last-child {
	border-bottom: none;
	}
.widget li li {
	padding-left: 12px;
	}
.widget li li:last-child {
	padding-bottom: 0px;
	border-bottom: none;
	}
.widget li a {
	margin: 0px;
	padding: 0px;
	}
.textwidget {
	margin: 0px;
	padding: 0px;
	}
.textwidget p {
	padding: 8px 0px !important;
	}
.tagcloud {
	line-height: 1.2;
	}
	
/************************************************
*	16.	RSS Widget								*
************************************************/

.widget h4 a.rsswidget {
	display: inline;
	}
.widget a.rsswidget {
	display: block;
	}
.widget .rss-date {
	display: block;
	font-size: 0.8em;
	margin-bottom: 12px;
	}

/************************************************
*	16.	Calendar Widget							*
************************************************/

#calendar_wrap {
	margin: 0px auto 0px;
	padding: 0px;
	}
#wp-calendar {
	width: 100%;
	text-align: center;
	}
#wp-calendar #today {
	background: #f4f4f4;
	background: rgba(0, 0, 0, 0.08);
	color: #000000;
	font-weight: bold;
	}
#wp-calendar a {
	margin: 0px;
	}
#wp-calendar caption {
	font-size: 16px;
	margin: 5px 0px 5px 0px;
	}
#wp-calendar #prev a {
	float: left;
	margin: 0px;
	text-align: left;
	padding-left: 12px;
	}
#wp-calendar #next a {
	float: right;
	margin: 0px;
	text-align: right;
	padding-right: 12px;
	}
	
/************************************************
*	17.	Custom Menu Widget						*
************************************************/

.widget ul.menu {
	float: none;
	width: 100%;
	text-align: left;
	}
.widget ul.menu .current_page_item a, 
.widget ul.menu .current-menu-item a {
	color: #007f72;
	background: none;
	}
.widget ul.menu li a {
	display: block;
	background: none;
	height: auto;
	width: 100%;
	font-size: 1em;
	text-transform: none;
	text-shadow: none;
	letter-spacing: 0;
	line-height: 1.8;
	margin: 0px;
	padding: 6px 0px;
	border-left: none;
	}
.widget ul.menu li a:hover {
	background: none;
	text-decoration: underline;
	}
.widget .sf-arrows .sf-with-ul:after {
	right: 0;
	}
.widget ul.menu li {
	float: none;
	display: block;
	background: none !important;
	margin: 0px;
	padding: 0px;
	width: 100%;
	}
.widget ul.menu li li {
	border-top: 1px solid rgba(0,0,0, 0.08);
	}
.widget ul.menu li:last-child {
	border-bottom: none;
	}
.widget ul.menu li span {
	top: 1px;
	right: 0px;
	}
.widget ul.menu li ul.sub-menu {
	background: none !important;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: static;
	z-index: 9;
	box-shadow: none;
	}
.widget ul.menu li ul.sub-menu span {
	display: none;
	}
.widget ul.menu li ul.sub-menu li a {
	padding-left: 12px;
	}
.widget ul.menu li ul.sub-menu li ul.sub-menu li {
	display: none;
	}
	
/************************************************
*	18.	Search Form								*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	}
#searchform label {
	display: none;
	}
#s {
	float: left;
	background: #f4f4f4;
	color: #999999;
	width: 70%;
	height: 36px;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-size: 0.9em;
	line-height: 32px;
	margin: 0px;
	padding: 0px 3% !important;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
.sidebar #searchsubmit {
	float: right;
	color: #666666;
	width: 22%;
	font-family: 'Helvetica Neue', 'Arimo', Arial, sans-serif;
	font-size: 0.8em;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding: 8px 3% !important;
	}

/************************************************
*	19.	Footer  								*
************************************************/

#footer {
	margin: 0px auto 0px;
	padding: 48px 0px;
	}
#footer p {
	color: #999999;
	color: rgba(0, 0, 0, .3);
	font-size: 0.8em;
	text-align: center;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	}
	
/************************************************
*	20.	Comments								*
************************************************/

#author, #email, #url {
	background: #f9f9f9;
	color: #666666;
	font-size: 1em;
	margin: 0px;
	padding: 8px 2%;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .12);
	}
#comment {
	background: #f9f9f9;
	color: #666666;
	font-size: 1em;
	margin: 5px 0px;
	padding: 8px 2%;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .12);
	}
#comments {
	margin-top: 24px;
	padding-top: 12px;
	border-top: 1px solid rgba(0, 0, 0, .08);
	}
.postarea.full #comments {
	padding: 64px 18%;
	}
#comments-title {
	font-size: 2em;
	margin: 4px 0px 8px 0px;
	padding: 4px 0px 8px 0px;
	}
#reply-title {
	margin: 0px;
	padding: 0px;
	}
.comment-subscription-form {
	padding: 6px 0px;
	}
.commentlist li .avatar {
	float: right;
	background: #f9f9f9;
	margin: 0px 0px 12px 12px;
	padding: 6px;
	border: none;
	border-radius: 50%;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
	}
.commentlist {
	margin: 0px;
	padding: 0px;
	}
.commentlist ol {
	margin: 0px;
	padding: 10px;
	}
.commentlist li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
.commentlist li:last-child {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	}
.commentlist li ul li {
	padding-left: 24px;
	}
.commentlist li ul li:last-child {
	border-bottom: none;
	}
.commentlist p {
	margin: 12px 0px;
	padding: 0px;
	}
.comment {
	padding: 18px 0px;
	overflow: hidden;
	}
#commentform {
	margin: 6px 0px 0px 0px;
	}
#commentform #submit {
	font-size: 1em;
	}
.commentlist li #respond {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	}
#respond {
	padding-top: 12px;
	}
#respond:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
#cancel-comment-reply-link {
	display: block;
	font-family: 'Arimo', Arial, sans-serif;
	font-size: 0.7em;
	font-weight: normal;
	text-transform: none;
	margin: 6px 0px 18px 0px;
	}
.form-submit #submit {
	margin-top: 0px !important;
	}
p.logged-in-as {
	padding: 0px;
	}
.nocomments {
	display: none;
	}
.edit-link {
	float: right;
	margin-top: 12px;
	}
.reply {
	float: left;
	margin: 6px 0px;
	}
.reply a, .reply a:visited {
	margin: 0px !important;
	padding: 6px 18px !important;
	}
.commentmetadata {
	font-size: 10px;
	line-height: 14px;
	margin: 0px;
	display: block;
	}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 30px;
	}
.form-allowed-tags {
	display: none;
	}
.thread-alt, .thread-even {
	margin: 0px;
	padding: 0px;
	}
.children {
	margin: 0px;
	padding: 0px;
	}
.even, .alt {
	margin: 0px;
	padding: 0px;
	}

/************************************************
*	21.	Form Styling							*
************************************************/

/* Gravity Forms */

.container .ginput_complex .ginput_right br,
.container .gform_footer br {
	display: none;
	}
.container .ginput_full {
	display: block;
	overflow: hidden;
	}
.container .ginput_full input {
	width: 95% !important;
	}
.container .ginput_left,
.container .ginput_right {
	float: left;
	width: 50%;
	}
.container .ginput_left input,
.container .ginput_right input {
	width: 90% !important;
	}
.container .gform_wrapper select {
	font-family: 'Arimo', Arial, sans-serif;
	font-size: 1em;
	}
.container .gform_footer.top_label {
	padding-top: 0px;
	}
.container .gform_wrapper .gfield_checkbox li input[type="checkbox"], 
.container .gform_wrapper .gfield_radio li input[type="radio"], 
.container .gform_wrapper .gfield_checkbox li input {
	margin-top: 6px;
	}
	
/* General Form Styles */

.container form {
	display: block;
	}
.container form div {
	display: block;
	margin-bottom: 8px;
	overflow: hidden;
	}
.container form span {
	margin-bottom: 8px;
	overflow: hidden;
	}
.container form span.required {
	display: inline;
	}
.container form li,
.container form ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.container form legend {
	font-weight: bold;
	padding-top: 10px;
	}
.container form label {
	margin-top: 6px;
	}
.container form li > label {
	font-weight: bold;
	}
.container form li li > label {
	font-weight: normal;
	}
.container form span label {
	font-size: 0.8em;
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'],
.container form textarea {
	display: block;
	background: #F9F9F9;
	font-family: 'Arimo', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 12px 4px 0px;
	padding: 8px 2%;
	border: 1px inset rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
.container form input[type='url'],
.container form input[type='tel'],
.container form input[type='email'],
.container form input[type='text'],
.container form input[type='password'],
.container form input[type='number'] {
	width: 40%;
	}
.container form textarea {
	width: 96%;
	}
.container form input[type='checkbox'],
.container form input[type='radio'] {
	margin-left: 0px;
	margin-right: 6px;
	}
.container form input[type='submit'] {
	margin-top: 0px;
	}
.container form .form-submit {
	padding: 8px 0px;
	}
select {
	display: block;
	background: #F9F9F9;
	max-width: 98%;
	font-family: 'Arimo', Arial, sans-serif;
	font-size: 1em;
	line-height: 1.4;
	margin: 4px 12px 4px 0px;
	padding: 8px 4px !important;
	border: 1px inset rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .1);
	}
	
/************************************************
*	22. Table Styles 							*
************************************************/

table {
	background: #FFFFFF;
	font-family: 'Arimo', Arial, sans-serif;
	width: 100%;
	margin: 20px 0px;
	padding: 0px;
	border-collapse: collapse;
	}
.widget table {
	margin: 0px;
	}
table thead,
table tfoot {
	border: 1px solid #DDDDDD;
	}
table thead th,
table tfoot td {
	border: none;
	}
table th {
	background: #EEEEEE;
	font-size: 1.2em;
	text-align: center;
	margin: 0px;
	padding: 8px 4px;
	border: 1px solid #DDDDDD;
	}
table td {
	padding: 5px 2px;
	margin: 0px;
	border: 1px solid #DDDDDD;
	}
	
/************************************************
*	23.	CSS3 Styles								*
************************************************/

a, a:link {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
#submit, #searchsubmit {
	transition: background .25s, color .25s;
	-moz-transition: background .25s, color .25s;
	-webkit-transition: background .25s, color .25s;
	-o-transition: background .25s, color .25s;
	}
.shadow {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .12);
	}
.radius-full {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	}
.radius-top {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-khtml-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	}
.radius-bottom {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-khtml-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
	}
.radius-half {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	}
	
@keyframes "spin" {
	 from {
	    -webkit-transform: rotate(0deg);
	   	-moz-transform: rotate(0deg);
	   	-o-transform: rotate(0deg);
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	    -webkit-transform: rotate(359deg);
	   	-moz-transform: rotate(359deg);
	   	-o-transform: rotate(359deg);
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-moz-keyframes spin {
	 from {
	   	-moz-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-moz-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-webkit-keyframes "spin" {
	 from {
	   	-webkit-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-webkit-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-ms-keyframes "spin" {
	 from {
	   	-ms-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-ms-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}
@-o-keyframes "spin" {
	 from {
	  	 -o-transform: rotate(0deg);
	   	transform: rotate(0deg);
	 	}
	 to {
	   	-o-transform: rotate(359deg);
	   	transform: rotate(359deg);
	 	}
	}

/************************************************
*	24.	WooCommerce	 				   		    * 
************************************************/

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
	width: 30.6% !important;
	}
.woocommerce-page .add_to_cart_button {
	display: inline-block;
	margin-top: 10px;
	}
.woocommerce .woocommerce-ordering select, 
.woocommerce-page .woocommerce-ordering select {
	margin-right: 0px;
	}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, 
.woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
	margin: 0px;
	padding: 0px !important;
	}
#payment ul.payment_methods li {
	list-style: none;
	}
div.product form.cart, #content div.product form.cart {
	margin-top: 20px;
	}

/************************************************
*	25.	Social Media	 			   		    * 
************************************************/

.social-icons {
	display: block;
	text-align: center;
	list-style: none;
	margin: 0px;
	padding: 6px 0px 18px 0px;
	}
.social-icons li {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.social-icons li a {
	display: block;
	background: #f4f4f4;
	background: rgba(0, 0, 0, .04);
	text-align: center;
	text-decoration: none;
	line-height: 32px;
	min-width: 32px;
	margin: 2px;
	padding: 0px;
	border-radius: 16px;
	transition: all .25s;
	-webkit-transition: all .25s; /* Safari 6 */
	}
.social-icons li a,
.social-icons li a:link,
.social-icons li a:visited {
	color: #999999;
	color: rgba(0, 0, 0, .4);
	}
.social-icons li a:hover,
.social-icons li a:focus,
.social-icons li a:active {
	background: #33ccff;
	color: #ffffff;
	}
.social-icons li a::before {
	font-family: 'FontAwesome';
	font-size: 16px;
	font-weight: normal;
	content: '\f0c1';
	}
.social-icons li a span {
	display: none;
	}

/* Social Media Link Icons */
.social-icons li a[href*="facebook.com"]::before		{ content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before 		{ content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before 	{ content: '\f0d5'; }
.social-icons li a[href*="linkedin.com"]::before	 	{ content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before		 	{ content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before		{ content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before		{ content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before		{ content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before		{ content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before			{ content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before				{ content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before		{ content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before	{ content: '\f18d'; }
.social-icons li a[href*="behance.net"]::before			{ content: '\f1b4'; }
.social-icons li a[href*="deviantart.com"]::before		{ content: '\f1bd'; }
.social-icons li a[href*="flickr.com"]::before			{ content: '\f16e'; }
.social-icons li a[href*="soundcloud.com"]::before		{ content: '\f1be'; }
.social-icons li a[href*="tumblr.com"]::before			{ content: '\f173'; }
.social-icons li a[href*="twitch.tv"]::before			{ content: '\f1e8'; }
.social-icons li a[href*="mailto:"]::before				{ content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before				{ content: '\f09e'; }

#comments {
    display: none;
}