/*
Theme Name: Kolossal
Theme URI: http://sitepoint.com/sitepoint-base
Author: Sitepoint
Author URI: http://sitepoint.com
Description: The Sitepoint Base is a clean, fast and simple platform for creating beautiful, responsive custom WordPress themes. It's a simple starter theme built on HTML5 & CSS3. At its core is a fluid, responsive grid based on percentages, making for a flexible layout. It incorporates a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font. The Sitepoint Base is WooCommerce compatible, Multilingual Ready (WPML) and translateable. It's also compatible with a wide range of popular page builders such as Visual Composer, Beaver Builder, Divi Builder, SiteOrigin Page Builder and the Elementor Page Builder.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: sitepoint-base
*/

@import url("fonts/kolossal-sans/stylesheet.css");
@import url("fonts/Sailec/stylesheet.css");


/*
@import url("fonts/KolossalSans/stylesheet.css");
@import url("fonts/MyFontsWebfontsKit/MyFontsWebfontsKit.css");
*/

/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */

/* Apply a natural box layout model to all elements - http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Using rem font sizing (Root em’s) with fallback to px for ie8 and below - http://snook.ca/archives/html_and_css/font-size-with-rem */
body { margin: 0; font-size: 16px; font-size: 1rem; line-height: 1.5; }

::-webkit-selection { background: #5784FE; color: #fff; text-shadow: none; }
::-moz-selection { background: #5784FE; color: #fff; text-shadow: none; }
::selection { background: #5784FE; color: #fff; text-shadow: none; }

a { color: #000; text-decoration: underline; }
a:visited { color: #000; }
a:hover { color: #000; }

menu { padding: 0; }

td { vertical-align: top; }


/* ==========================================================================
   Basic page styles
   ========================================================================== */

body {
	margin: 0 auto;
	padding: 0;
	font: 16px/1.75 'Sailec', Helvetica, Arial, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	background: #fff;
	color: #3a3a3a;
	text-align: left;
}

/* Set the default behavior for touch-based browsing in IE10 on devices running Windows 8 */
canvas {
	-ms-touch-action: double-tap-zoom;
}

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

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

/* Responsive images */
img {
	border: 0;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

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

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.single img.wp-post-image {
	margin-bottom: 3em;
}

.single h1 {
	margin-bottom: .825em;
}

.single h1,
.single .navigation h2,
.single .pre-title {
	padding: 0 20px;
}

.single .entry-content p {
	padding: 0 20px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Header */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Kolossal Sans', 'Sailec', sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3a3a3a;
	margin-top: 0;
}

h1 {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.2;
	text-align: center;
}

h2 {
	margin-bottom: 8px;
	margin-bottom: .5rem;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.1666;
}

h3 {
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.2857;
}


h4 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.25;
}

h5 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 20px;
  font-size: 2rem;
	line-height: 1.25;
}

h6 {
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2142;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin: 1.5rem;
}

ol, ul {
	list-style: none outside none;
}

p, ol, ul, dl, address {
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

ul ul, ul ol, ol ol, ol ul {
	margin-bottom: 0;
}

dt {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
}

figure {
	margin: 1rem 0;
	margin: 16px 0;
}

b, strong {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
}

em {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
}

strong em, b em {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: bold;
}

ins {
	background: none repeat scroll 0 0 #FFF9C0;
	text-decoration: none;
}

a {
	color: #3a3a3a;
	outline: none;
}

a:visited {
	color: #3a3a3a;
}

a:focus {
	outline: thin dotted;
	color: #3a3a3a;
}

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

.alignleft {
	display: inline;
	float: left;
	margin: 0 20px 16px 0;
	margin: 0 1.25rem 1rem 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 0 0 16px 20px;
	margin: 0 0 1rem 1.25rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

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

q::before {
    content: open-quote;
}
q::after {
    content: close-quote;
}

blockquote {
	border-left: 5px solid #3a3a3a;
	margin: 0 0 18px 20px;
	margin: 0 0 1.125rem 1.25rem;
	padding: 0 0 0 16px;
	padding: 0 0 0 1rem;
}

blockquote.pull-right {
	border-left: 0 none;
	border-right: 5px solid #3a3a3a;
	margin: 0 20px 18px 0;
	margin: 0 1.25rem 1.125rem 0;
	padding: 0 16px 0 0;
	padding: 0 1rem 0 0;
	float: none;
}

blockquote p {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	margin-bottom: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
	text-align: right;
}

blockquote cite:before {
	content: "\2014 ";
}

blockquote cite {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.125;
	color: #999;
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

code, pre {
	border-radius: 3px;
	color: #555;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0 3px 2px;
	padding: 0 0.1875rem 0.125rem;
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #f7f7f9;
	border: 1px solid #e1e1e8;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
}

pre {
	background-color: #fafafa;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 1px 11px;
	margin: 1.7rem 0 1.7rem 0.3rem;
}

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

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 0;
	margin: 0;

}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 1.5;
	color: #000;
	text-align: center;
	margin-top: 1em;
}

img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
}

.gallery {
	clear: both;
	margin: 0 auto;
	*zoom: 1;
}

.gallery:before,
.gallery:after {
	content: "";
	display: table;
}

.gallery:after {
	clear: both;
}

#primary .entry-content [id^="gallery-"] img {
	border: none;
}

/* Text meant only for screen readers */
.assistive-text {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

button, input {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.25;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

button, input {
	*overflow: visible;
	line-height: normal;
}

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

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

input[type="button"] {
	width: auto;
}

.btn {
	font-family: 'Kolossal Sans';
	letter-spacing: 1px;
}

.btn.done {
	display: none;
}

.btn,
input[type="submit"] {
	display: inline-block;
	*display: inline;
	padding: 6px 12px;
	padding: 0.375rem 0.75rem;
	margin-bottom: 0;
	*margin-left: .3em;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.25;
	color: #ee7566;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	border: 2px solid #ee7566;
	*border: 0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.alm-btn-wrap {
	float: left;
	margin: 50px 0;
	text-align: center;
	width: 100%;
}

a.btn, .btn a {
	color: #ee7566;
	text-decoration: none;
}

.btn:hover a {
	background-color: #ee7566;
	color: #fff;
	text-decoration: none;
}

.btn:first-child {
	*margin-left: 0;
}

.btn:hover,
input[type="submit"]:hover {
	color: #3a3a3a;
	text-decoration: none;
	background-color: #ee7566;
	*background-color: #ee7566; /* Buttons in IE7 don't get borders, so darken on hover */
}

.btn:focus,
input[type="submit"]:focus {
	outline: thin dotted #3a3a3a;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.btn.active,
.btn:active,
input[type="submit"]:active {
	background-color: #dad8da;
	background-color: #dad8da \9;
	background-image: none;
	outline: 0;
	position:relative;
	top:1px;
}

.menu-toggle {
	position: absolute;
    cursor: pointer;
    z-index: 101;
    right: 25px;
    top: 6px;
    padding: 15px;
    -webkit-transform: translate(15px, 0);
    transform: translate(15px, 0);
 }
 
 .menu-toggle div {
    width: 22px;
    height: 3px;
    margin-top: 3px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background: #262626;
}

.menu-toggle div:first-child {
    margin-top: 0;
}

.toggled-on .menu-toggle div:nth-child(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 6px; }
.toggled-on .menu-toggle div:nth-child(2) {
    opacity: 0; }
.toggled-on .menu-toggle div:nth-child(3) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -6px; }


.btn.disabled, .btn[disabled] {
	cursor: default;
	background-color: #dad8da;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.btn.disabled:active, .btn[disabled]:active {
	top:0;
}

button.btn, input[type="submit"].btn {
	*padding-top: 2px;
	*padding-bottom: 2px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.btn-large,
input[type="submit"].btn-large {
	padding: 10px 15px;
	padding: 0.625rem 0.9375rem;
	font-size: 20px;
	font-size: 1.25rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.btn-small,
input[type="submit"].btn-small {
	padding: 5px 9px;
	padding: 0.3125rem 0.5625rem;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	font-family: inherit;
	padding: 8px;
	padding: 0.5rem;
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
}

select {
	max-width: 100%;
}

/* HTML5 galleries */
.gallery .gallery-item {
	float: left;
	margin: 10px 1% 0;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
	margin: 10px 0 0;
}

.gallery-columns-2 .gallery-item {
	width: 47.5%
}

.gallery-columns-3 .gallery-item {
	width: 31%
}

.gallery-columns-4 .gallery-item {
	width: 22.5%
}

.gallery-columns-5 .gallery-item {
	width: 17.75%
}

.gallery-columns-6 .gallery-item {
	width: 14%
}

.gallery-columns-7 .gallery-item {
	width: 12%
}

.gallery-columns-8 .gallery-item {
	width: 10.25%
}

.gallery-columns-9 .gallery-item {
	width: 9%
}

/* Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
	font-family: 'Sailec-Bold', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	text-transform: uppercase;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.xxxl,
.xxl,
.xl,
.large,
.medium,
.small,
.fatcap,
.pre-title {
	line-height: 1.4em;
	font-family: 'Kolossal Sans', sans-serif;
}

.xxxl {
	font-size: 50px;
	line-height: 1.2em;
}

.xxl {
	font-size: 40px;
	line-height: 1.2em;
}

.xl {
	font-size: 24px;
}

.large {
	font-size: 22px;
	letter-spacing: .03em;
}

.medium {
	font-size: 20px;
}

.small {
	font-size: 18px;
}

.xs {
	font-size: 13px;
	line-height: 1;
	margin-bottom: .5em;
}

.fatcap {
	font-size: 12px;
	text-transform: uppercase;
}

.underline {
	border-bottom: 2px solid #333;
	display: inline-block;
	line-height: .8;
}

.pre-title {
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 1em;
	text-align: center;
	text-transform: uppercase;
}

/* ==========================================================================
   Site specific styles
   ========================================================================== */

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

#headercontainer {
	width: 100%;
}

.site-header {
	position: relative;
	padding: 0;
}

.site-title {
	width: 100%;
}

.site-title h1 {
	font-size: 1.5em;
	line-height: 16px;
	margin: 20px 0;
	margin: 1.25rem 0;
	text-align: center;
}

.site-title img {
	vertical-align: text-bottom;
}

.site-title a {
	color: #3a3a3a;
//	font-size: 64px;
//	font-size: 4rem;
	text-decoration: none;
}

.custom-logo-link {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 1;
}

.custom-logo-link img {
	height: 16px;
	width: 16px;
}

#bannercontainer {
	width: 100%;
	margin-top: 10px;
}

.banner {
	color: #eaeaea;
	min-height: 75px;
}

#maincontentcontainer {
	flex: 1;
	width: 100%;
//	padding: 32px 0;
//	padding: 2rem 0;
}

.site-content {
	font-size: 16px;
	font-size: 1rem;
	color: #3a3a3a;
	line-height: 1.5;
	position: relative;
	
	padding: 0;
	max-width: none;
}

.home.page .site-content {
	padding-bottom: 0;
}

.home.page .site-content article {
	margin-bottom: 0;
}

.home.page .entry-title {
	display: none;
}

.home.page #section-1 {
	text-align: center;
}

.blog .site-content {
	padding: 0 20px;
}

.blog #primary h1 {
	font-size: 1.25em;
	margin-bottom: 0;
	margin-top: 1.5rem;
	text-align: left;
}

.blog #primary {
	max-width: 1000px;
	margin: 0 auto;
}

.blog #primary .pre-title {
	margin-bottom: 0;
	text-align: left;
}

.page-id-68 .last_column {
	max-width: 230px;
}

#section-strategi {
	color: #30383b;
}

#section-strategi .xs {
	color: #9da2a6;
}

#section-koncept .xxxl {
	color: #9aa1a7;
}

#section-design {
	color: #e4e9ed;
}

#section-design .xs {
	color: #9da2a6;
}

/* kontakt */

.page-id-70 .rows {
	margin-top: 0;
}

.page-id-70 .row {
	color: #9da2a6;
	padding: 40px 0;
}

.page-id-70 .row a {
	color: #9da2a6;
}

.section {
	padding: 60px 20px;
}

.section-content {
	margin: 0 auto;
	max-width: 1200px;
}

.section-content p:last-of-type:not(.btn) {
	margin-bottom: 0;
	padding-bottom: 0
}

.puff {
	background-color: #ee7566;
}

.puff-content-container {
	position: relative;
}

.puff .puff-content {
	color: #FFF;
	margin-top: -50px;
	padding-bottom: 60px;
	text-align: center;
}

.puff .btn {
	border-color: #FFF;
}

.puff .btn a {
	color: #FFF;
}


/* ==========================================================================
   Main Content
   ========================================================================== */

.entry-meta {
	clear: both;
}

.comments-link {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	float: right;
}

.entry-header,
.section-content {
//	max-width: 1200px;
//	margin-left: auto;
//	margin-right: auto;
//	margin-bottom: 16px;
//	margin-bottom: 1rem;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header h1 a:visited {
	color: #000;
}

.entry-header h1 a:hover {
	color: #000;
}

article.sticky .featured-post {
	font-family: 'Kolossal Sans', sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #eee;
	color: #777;
	font-size: 16px;
	font-size: 1rem;
	line-height: 3;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
	text-align: center;
}

.site-content article {
//	margin-bottom: 40px;
//	margin-bottom: 2.5rem;
	-ms-word-wrap: break-word;
	-webkit-hyphens: auto;
	word-wrap: break-word;
}

.header-meta {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	padding: 5px 0;
	padding: 0.3125rem 0;
	*zoom: 1;
}

.header-meta:before,
.header-meta:after {
	content: "";
	display: table;
}

.header-meta:after { clear: both; }

.header-meta a {
	text-decoration:none;
}

.header-meta a:visited {
	color: #3a3a3a;
}

.header-meta a:hover {
	color: #000;
}

.entry-content {
//	margin-bottom: 20px;
//	margin-bottom: 1.25rem;
	*zoom: 1;
}

.entry-content:before,
.entry-content:after {
	content: "";
	display: table;
}

.entry-content:after { clear: both; }

.post-categories a,
.post-tags a {
	font-size: 14px;
	font-size: 0.875rem;
	background-color: #3a3a3a;
	color: #fff;
	padding: 0 5px;
	padding: 0 0.3125rem;
	margin: 0 3px 0 0;
	margin: 0 0.1875rem 0 0;
	display: inline;
	text-decoration: none;
}

.post-categories a:visited,
.post-tags a:visited {
	color: #fff;
}

.post-categories a:hover,
.post-tags a:hover {
	background-color: #000;
	color: #fff;
}

.tags li {
	color: #9aa2a6;
}

.entry-header address,
.comment-content address {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	display: block;
}

.entry-header address {
	display: inline;
}

.entry-header time,
.entry-header address {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 20px 0 0;
	margin: 0 1.25rem 0 0;
}

.page-links {
	clear: both;
	line-height: 1.75;
	color: #3a3a3a;
}

.page-links .page-numbers {
	background-color: #3a3a3a;
	padding: 2px 4px;
	padding: 0.125rem 0.25rem;
	color: #fff;
}

.page-links a {
	text-decoration: none;
}

.page-links a .page-numbers {
	background-color: transparent;
	color: #3a3a3a;
}

.page-links a:hover .page-numbers {
	background-color: #339bcb;
	color: #fff;
}

.more-link {
	color: #339bcb;
	text-decoration: none;
}

.more-link:hover,
.more-link:active,
.more-link:visited {
	outline: 0;
	color: #339bcb;
}

.post-edit-link {
	text-decoration: none;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.5rem;
}

.entry-content dt,
.comment-content dt {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 1.5;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.5;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1rem;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ccc;
	padding: 6px 10px 6px 0;
	padding: 0.375rem 0.625rem 0.375rem 0;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
	margin: 0 0 24px;
	margin: 0 0 1.5rem;
	line-height: 1.5;
	padding: 0;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li {
	margin: 10px 0 0 10px;
	margin: .3em 0 0 1.5em;
}

.rows {
	margin: 60px 0;
}

.row {
//	margin-bottom: 40px;
}

.item {
//	background-color: #ccc;
	float: left;
	width: 100%;
}

.item.type-text {
//	padding: 20px;
}

.item a {
	display: block;
}

.item img {
	height: auto;
	width: 100%;
}

.item .xxl,
.item .xl,
.item .large,
.item .medium,
.item .small
.item .xs {
    line-height: 1.3;
	margin-bottom: 5px;
}

.item p:not(.btn) {
	padding: 0 20px;
}

.item p:first-of-type:not(.btn) {
	padding-top: 20px;
}

.item p:last-of-type:not(.btn) {
	margin-bottom: 0;
	padding-bottom: 20px;
}

.item a {
	text-decoration: none;
}

/* ==========================================================================
   Grid
   ========================================================================== */
   
   
   

/* ==========================================================================
   Post Formats
   ========================================================================== */

.entry-media {
	margin: 0 auto 16px;
	margin: 0 auto 1rem;
	max-width: 792px;
	width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
	margin: 0 auto;
}

/* Aside */
.format-aside .entry-content {
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
}

.format-aside .entry-content p:last-child {
	margin-bottom: 0;
}

/* Status */
.format-status .entry-content {
	border-left: 5px solid #ddd;
	margin: 20px 0 18px 0;
	margin: 1.25rem 0 1.125rem 0;
	padding: 0 0 0 15px;
	padding: 0 0 0 0.9375rem;
}

.format-status .entry-content p {
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

/* Quote */
.format-quote .entry-content blockquote:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: top;
	font-size: 40px;
	font-size: 2.5rem;
	content: "\f10d";
	color: #ddd;
	top: -15px;
	left: 0;
	position: absolute;
	z-index: -1;
}

.format-quote .entry-content {
	margin-top: 24px;
	margin-top: 1.5rem;
	position: relative;
}

.format-quote .entry-content blockquote {
	border: none;
	margin-left: 40px;
	margin-left: 2.5rem;
}

/* Audio */
.format-audio .wp-audio-shortcode {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}


/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
	margin-bottom: 32px;
	margin-bottom: 2rem;
	border-bottom: 1px solid #ccc;
}

.archive-meta {
	font-family: 'Sailec', Helvetica, Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #777;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
	margin-top: 16px;
	margin-top: 1rem;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
	background-color: #000;
	font-size: 14px;
	padding: 25px 0;
	text-align: center;
	width: 100%;
}

#footercontainer span {
	display: block;
//	padding-left: 20px;
}

.site-footer {
	font-family: 'Kolossal Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	color: #999;
}

.site-footer h3 {
	color: #777;
}

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

.site-footer a:visited {
	color: #999;
}

.site-footer a:hover {
	color: #339bcb;
}

.site-footer a:focus {
	outline: thin dotted;
	color: #339bcb;
}

.site-footer .widget-area .widget {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.smallprint {
	color: #FFF;
}

.smallprint p {
	font-size: 14px;
	font-size: 0.875rem;
}

.smallprint a {
	color: #FFF;
	text-decoration: none;
	
	
}

.smallprint a:visited {
	color: #FFF;
}

.smallprint a:hover {
	color: #CCC;
}


/* ==========================================================================
   Widgets
   ========================================================================== */

.widget-area ul {
	list-style: none outside none;
	padding-left: 0;
}

.widget-area .widget {
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.widget select {
	margin-left: 1px;
	margin-left: 0.0625rem;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.75rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.75rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 12px;
	margin-left: 0.75rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 2;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}

#wp-calendar thead {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar caption {
	font-family: 'Sailec-Bold', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
}

#wp-calendar #today {
	background-color: #ddd;
}

#wp-calendar tfoot {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.5rem;
	text-align: right;
}

.widget_search label {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px;
	padding: 1.5rem;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
	line-height: 1.3;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
	line-height: 1.3;
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 48px 48px 0;
	margin: 3rem 3rem 3rem 0;
}

ul.page-numbers {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
	padding: 5px;
	padding: 0.3125rem;
	text-decoration: none;
}

li a:visited.page-numbers {
	color: #3a3a3a;
}

li a:hover.page-numbers {
	background-color: #339bcb;
	color: #fff;
}

li a:hover.prev,
li a:hover.next {
	background-color: transparent;
	color: #339bcb;
}

.page-numbers li {
	display: inline;
}

li span.current {
	background-color: #3a3a3a;
	color: #fff;
}

li a.prev,
li a.next,
li span.dots {
	border: none;
}
/*
.post-navigation {
	position: relative;
	text-align: center;
}

.post-navigation .filter-grayscale {
	-webkit-filter: grayscale(100%);
	 filter: grayscale(100%);
}

.post-navigation .background-image {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0;
}

.post-navigation .nav-text {
	padding: 120px 0;
}

.post-navigation h2 {
	color: white;
}

a.nav-link {
	color: white;
	display: block;
	text-decoration: none;
}
*/

/* ==========================================================================
   Main Navigation
   ========================================================================== */

.main-navigation {
	text-align: left;
	float: right;
	clear: right;
	margin: 45px 0 0 0;
	margin: 2.8125rem 0 0 0;
}

.main-navigation h1 {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.25;
}

.nav-menu {
	font-family: 'Kolossal Sans', sans-serif;
	font-style: normal;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	margin: 0 20px;
	text-transform: uppercase;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul ul li {
	margin: 0;
}

.main-navigation li.menu-item-has-children > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f078";
}

.main-navigation ul li li.menu-item-has-children > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: middle;
	font-size: 9px;
	font-size: 0.5625rem;
	content: " \f054";
}

.main-navigation ul a {
	padding: 0; /* Padding around each top level menu option (if needed) */
}

.main-navigation ul ul a {
	padding: 0 5px; /* Padding around each dropdown menu option */
	padding: 0 0.3125rem;
}

.main-small-navigation a, .main-navigation a {
	display: block;
	font-size: 1.75em;
	letter-spacing: 1px;
	text-decoration: none;
//	color: #3a3a3a; /* Nav bar link color */
}

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: 1.7;
	background-color: #3a3a3a; /* Nav bar dropdown background color */
	-webkit-box-shadow:2px 2px 5px 0px rgba(0, 0, 0, 0.6);
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
}

.main-navigation ul ul ul {
	left: -100%;
	top: 0;
}

.main-navigation ul ul a {
	color: #fff; /* Nav bar dropdown link color */
	width: 11em; /* Nav bar dropdown width */
}

.main-navigation ul ul li {
}

.main-navigation li:hover > a {
	color: #339bcb; /* Nav bar link color on hover */
}

.main-navigation ul ul :hover > a {
	color: #3a3a3a; /* Nav bar dropdown level 2 link color on level 3 hover */
	background-color: #fff; /* Nav bar dropdown link background color on hover */
}

.main-navigation ul ul a:hover {
	color: #339bcb; /* Nav bar dropdown link color on hover */
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {
	color: #339bcb; /* Nav bar link color for current menu item or ancestor */
}

.main-navigation ul .divider {
    border-bottom: 1px solid #aaa;
    height: 0;
    line-height: 0.0625;
    overflow: hidden;
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
	color: #aaa; /* Nav bar dropdown header color */
	background-color: #3a3a3a; /* Nav bar dropdown header background color */
}

.main-small-navigation .nav-menu {
	font-size: 16px;
}

.main-small-navigation ul a {
	padding: 5px 0;
	padding: .3125rem 0; /* Padding around each top level menu option (if needed) */
}

/* ==========================================================================
   WPML translation plugin
   ========================================================================== */

#lang_sel {
	width: 65%;
	height: 35px;
}

#lang_sel li {
	width: 100%;
}

#lang_sel ul ul {
	top: 35px;
	width: 100%;
}

#lang_sel a.lang_sel_sel {
	border-radius: 3px;
}

#lang_sel a,
#lang_sel a:visited {
	font-size: 16px;
	font-size: 1rem;
	padding: 5px 0 5px 10px;
}

.main-navigation .menu-item-language .iclflag {
	margin-top: 7px;
}

#lang_sel .iclflag {
	margin-top: 2px;
}

#lang_sel .lang_sel_sel .iclflag {
	margin-top: 6px;
}

#lang_sel_footer .iclflag,
#lang_sel_footer .icl_lang_sel_current {
	margin-top: 6px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1100px) {
	.site-title a {
	//	font-size: 52px;
	//	font-size: 3.25rem;
	}
	.banner h1 {
		font-size: 44px;
		font-size: 2.75rem;
	}
	.banner h2 {
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 767px) {
	
	.main-navigation .nav-menu > li:first-child {
	//	margin-left: 0;
	}
	.widget-area {
		margin-top: 32px;
		margin-top: 2rem;
	}
	.header-meta {
		margin-bottom: 16px;
		margin-bottom: 1rem;
	}
	.header-meta a {
		padding: 12px 12px 12px 0;
		padding: .75rem .75rem .75rem 0;
	}
	.header-meta .post-categories a {
		padding: 5px;
		padding: .3125rem;
	}
	ul.page-numbers {
		line-height: 3;
	}
	li a.page-numbers,
	li span.page-numbers {
		padding: 12px 10px;
		padding: .75rem .625rem;
	}
	.more-link {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area a {
		padding: 12px 12px 10px 0;
		padding: .75rem .75rem .625rem 0;
	}
	.widget-area li {
		margin: 12px 12px 10px 0;
		margin: .75rem .75rem .625rem 0;
	}
}


@media only screen and (max-width: 719px) {
	
	header .main-navigation {
		margin-top: 0;
		float: none;
	}
	
	.navigation_container {
		-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 100;
	    overflow-y: auto;
	    width: 84%;
	    margin-left: calc(10% + 5rem);
	    -webkit-transform: translate(110%, 0);
	    transform: translate(110%, 0);
	    -webkit-transform-origin: 100% 100%;
	    transform-origin: 100% 100%;
	    background: #fff;
	    padding: 4rem;
	}
	
	.toggled-on #maincontentcontainer:before {

	    background: rgba(242, 241, 240, 0.8);
	    height: 100%;
	}

	#maincontentcontainer:before {
	    content: '';
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 0;
	    background: rgba(255, 255, 255, 0);
	    -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
	    z-index: 1;
	}
	
	.toggled-on .navigation_container {
	    -webkit-transform: translate(0, 0);
	    transform: translate(0, 0);
	}
	
	.nav-menu {
		position: absolute;
	    bottom: 4rem;
	    left: 4rem;
	    height: auto;
	    margin: 0;
	    padding: 0;
	}
	.header-meta .publish-date,
	.header-meta .publish-author,
	.header-meta .post-categories,
	.header-meta .comments-link {
		float: left;
		margin: 8px 0;
		margin: .5rem 0;
	}
	.header-meta .post-categories {
		margin-right: 8px;
		margin-right: .5rem;
	}
}

@media only screen and (max-width: 420px) {
	li a.prev span,
	li a.next span {
		display: none;
	}
	li a.prev i,
	li a.next i {
		font-size: 24px;
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}

@media only screen and (min-width: 641px) {
	
	.row {
		margin: 60px 0;
	}
	
	.row:first-of-type {
		margin-top: 0;
	}
	
	.span-1 {
		width: calc(100%/22);
	}
	
	.span-2 {
		width: calc(100%/22*2);
	}
	
	.span-3 {
		width: calc(100%/22*3);
	}
	
	.span-4 {
		width: calc(100%/22*4);
	}
	
	.span-5 {
		width: calc(100%/22*5);
	}
	
	.span-6 {
		width: calc(100%/22*6);
	}
	
	.span-7 {
		width: calc(100%/22*7);
	}
	
	.span-8 {
		width: calc(100%/22*8);
	}
	
	.span-9 {
		width: calc(100%/22*9);
	}
	
	.span-10 {
		width: calc(100%/22*10);
	}
	
	.span-11 {
		width: calc(100%/22*11);
	}
	
	.span-12 {
		width: calc(100%/22*12);
	}
	
	.span-13 {
		width: calc(100%/22*13);
	}
	
	.span-14 {
		width: calc(100%/22*14);
	}
	
	.span-15 {
		width: calc(100%/22*15);
	}
	
	.span-16 {
		width: calc(100%/22*16);
	}
	
	.span-17 {
		width: calc(100%/22*17);
	}
	
	.span-18 {
		width: calc(100%/22*18);
	}
	
	.span-19 {
		width: calc(100%/22*19);
	}
	
	.span-20 {
		width: calc(100%/22*20);
	}
	
	.span-21 {
		width: calc(100%/22*21);
	}
	
	.span-22 {
		width: calc(100%/22*22);
	}
	
	.offset-1 {
		margin-left: calc(100%/22);
	}
	
	.offset-2 {
		margin-left: calc(100%/22*2);
	}
	
	.offset-3 {
		margin-left: calc(100%/22*3);
	}
	
	.offset-4 {
		margin-left: calc(100%/22*4);
	}
	
	.offset-5 {
		margin-left: calc(100%/22*5);
	}
	
	.offset-6 {
		margin-left: calc(100%/22*6);
	}
	
	.offset-7 {
		margin-left: calc(100%/22*7);
	}
	
	.offset-8 {
		margin-left: calc(100%/22*8);
	}
	
	.offset-9 {
		margin-left: calc(100%/22*9);
	}
	
	.offset-10 {
		margin-left: calc(100%/22*10);
	}
	
	.offset-11 {
		margin-left: calc(100%/22*11);
	}
	
	.offset-12 {
		margin-left: calc(100%/22*12);
	}
	
	.offset-13 {
		margin-left: calc(100%/22*13);
	}
	
	.offset-14 {
		margin-left: calc(100%/22*14);
	}
	
	.offset-15 {
		margin-left: calc(100%/22*15);
	}
	
	.offset-16 {
		margin-left: calc(100%/22*16);
	}
	
	.offset-17 {
		margin-left: calc(100%/22*17);
	}
	
	.offset-18 {
		margin-left: calc(100%/22*18);
	}
	
}

@media only screen and (min-width: 720px) {
		
	.medium {
	    font-size: 24px;
	}
	
	.xxxl {
		font-size: 80px;
	}
	
	.xxl {
		font-size: 60px;
	}
	
	.xl {
		font-size: 30px;
	}
	
	.custom-logo-link {
		position: fixed;
	}
	
	.menu-toggle {
		display: none;
	}
	
	#site-navigation {
		position: fixed;
	    left: 0;
	    top: 0;
	    height: 100%;
	    z-index: 200;
	    width: 4rem;
	}
	
	.section {
		padding-left: 4rem;
	}
	
	.rows .row {
		padding-left: 4rem;
	}
	
	.section-content {
		padding: 0 2rem;
	}
	
	.entry-header {
		padding: 0 4rem;
	}
	
	#maincontentcontainer {
	//	padding-left: 4rem;
	}
	
	.main-navigation ul {
		position: absolute;
	    left: -3px;
	    top: 100%;
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    width: 100vh;
	    -webkit-transform-origin: 0% 0%;
	    transform-origin: 0% 0%;
	    text-align: center;
	    font-size: 0;
	    display: -webkit-box;
	    display: flex;
	    -webkit-box-align: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    justify-content: center;
	}
	
	.main-navigation li {
		display: inline-block;
	}
	
	.main-navigation li a {
		font-size: .875rem;
	    display: inline-block;
	    line-height: 4rem;
	    white-space: nowrap;
	    padding: 0 1em;
	}
	
	.blog article {
		float: left;
		width: 48%;
		margin-bottom: 40px;
		margin-left: 4%;
	}
	
	.blog article:nth-child(odd) {
		clear: left;
		margin-left: 0;
	}
	
	.blog .entry-header {
		padding: 0;
	}
	
	.blog .site-content {
		padding: 0;
	}
	
}

@media only screen and (min-width: 920px) {
	
	#footercontainer span {
		display: inline-block;
		padding: 0 1.9%;
	}
	
	.section {
	    padding: 120px 4rem;
	}
}


/* =General CSS
-------------------------------------------------------------- */
.full_width,
.one_half,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {
	float: left;
}
.clear_column {
	clear:both;
	display:block;
	font-size:0; height:0;
	line-height:0; width:100%;
	overflow: hidden;
}

/* =Shortcodes Templates
-------------------------------------------------------------- */

/* =Default Template (no margin)
-------------------------------------------------------------- */
.full_width  {
	width: 100%;
}
.one_half  {
	width: 50%;
}
.one_third  {
	width: 33.3%;
}
.two_third  {
	width: 66.6%;
}
.one_fourth  {
	width: 25%;
}
.three_fourth  {
	width: 75%;
}
.one_fifth  {
	width: 20%;
}
.two_fifth  {
	width: 40%;
}
.three_fifth  {
	width: 60%;
}
.four_fifth  {
	width: 80%;
}
.one_sixth  {
	width: 16.6%;
}
.five_sixth  {
	width: 83.4%;
}

/* =Responsive
-------------------------------------------------------------- */
/* Maximum width of 600 pixels. */
@media screen and (max-width: 720px) {
	.full_width,
	.one_half,
	.one_third,
	.two_third,
	.one_fourth,
	.three_fourth,
	.one_fifth,
	.two_fifth,
	.three_fifth,
	.four_fifth,
	.one_sixth,
	.five_sixth {
		clear: both;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
}

/* =Small Margins Template
-------------------------------------------------------------- */
/*
.full_width  {
	width: 100%;
}
.one_half {
	width: 49% !important;
	margin-right: 2% !important;
}
.one_half.last_column {
	width: 49% !important;
	margin-right: 0px !important;
}
.one_third {
	width: 32% !important;
	margin-right: 2% !important;
}
.one_third.last_column {
	width: 32% !important;
	margin-right: 0px !important;
}
.two_third {
	width: 66% !important;
	margin-right: 2% !important;
}
.two_third.last_column {
	width: 66% !important;
	margin-right: 0px !important;
}
.one_fourth {
	width: 23.5% !important;
	margin-right: 2% !important;
}
.one_fourth.last_column {
	width: 23.5% !important;
	margin-right: 0px !important;
}
.three_fourth {
	width: 74.5% !important;
	margin-right: 2% !important;
}
.three_fourth.last_column {
	width: 74.5% !important;
	margin-right: 0px !important;
}
.one_fifth {
	width: 18.4% !important;
	margin-right: 2% !important;
}
.one_fifth.last_column {
	width: 18.4% !important;
	margin-right: 0px !important;
}
.two_fifth {
	width: 39% !important;
	margin-right: 2% !important;
}
.two_fifth.last_column {
	width: 39% !important;
	margin-right: 0px !important;
}
.three_fifth {
	width: 59% !important;
	margin-right: 2% !important;
}
.three_fifth.last_column {
	width: 59% !important;
	margin-right: 0px !important;
}
.four_fifth {
	width: 79.6% !important;
	margin-right: 2% !important;
}
.four_fifth.last_column {
	width: 79.6% !important;
	margin-right: 0px !important;
}
.one_sixth {
	width: 15% !important;
	margin-right: 2% !important;
}
.one_sixth.last_column {
	width: 15% !important;
	margin-right: 0px !important;
}
*/



/* ==========================================================================
   Non-semantic helper classes from HTML5 Boilerplate
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
	.nav-menu, .widget-area, .comments-area { display: none; }
}