/*
----------------------------------------------------------------

MotionCSS Framework basic styles

Copyright 2014 UpSolution
http://us-themes.com/

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

/*
 * Global resets
 */
html, body, div, span, object, iframe, img,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, button, details, figcaption, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	}
html, body {
	width: 100%;
	height: 100%;
	}

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

/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
	}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
	*display: inline;
	*zoom: 1;
	}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
	}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
	}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Corrects text resizing oddly in IE6/7 when body `font-size` is set using `em` units.
 * 3. Prevent iOS text size adjust after orientation change, without disabling user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
	font-size: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
	}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: 0;
	}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
input:focus,
textarea:focus,
select:focus {
	outline: 0;
	}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font-weight styling to normal.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
	}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
	}

/**
 * Address styling in all browsers.
 */
ins {
	text-decoration: underline;
	}
del {
	text-decoration: line-through;
	}
i,
em {
	font-style: italic;
	}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
	}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
	}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
	}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
	}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
	}

/**
 * Set consistent quote types.
 */
q {
    quotes: "\201C" "\201D" "\2018" "\2019";
	}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
	}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	}
sup {
    top: -0.5em;
	}
sub {
    bottom: -0.25em;
	}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
	max-width: 100%;
	height: auto;
	}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
	}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
	}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
	}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
	}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
	}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
	}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
	}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
	}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
	}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
	}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
	}

/* ==========================================================================
   Tables & Lists
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
	}
caption, td, th, li {
	vertical-align: top;
	}
dl, ul, ol {
	list-style: none;
	margin: 0;
	}
	
/* ==========================================================================
   Common styles
   ========================================================================== */
   
.i-cf:before,
.i-cf:after {
	content: ' ';
	display: table;
	}
.i-cf:after {
	clear: both;
	}
	
.g-html .thin {
	font-weight: 300;
	}
.g-html .bold {
	font-weight: 700;
	}
	
.g-html .align_left {
	text-align: left;
	}
.g-html .align_right {
	text-align: right;
	}
.g-html .align_center {
	text-align: center;
	}
.g-html .align_justify {
	text-align: justify;
	}
	
.hidden {
	display: none !important; /* Hide an element with keeping it in the DOM */
	}

/*
 ************************************* GRID **********************************/
.l-header {
	position: relative;
	}
	.l-subheader {
		position: relative;
		margin: 0 auto;
		}
		.l-subheader-h {
			margin: 0 auto;
			max-width: 1200px;
			}
.l-main {
	position: relative;
	}
	.l-submain {
		position: relative;
		margin: 0 auto;
		}
		.l-submain-h {
			position: relative;
			margin: 0 auto;
			max-width: 1200px;
			}
			.l-content {
				width: 70%;
				}
			.l-sidebar {
				width: 25%;
				}
.l-footer {
	position: relative;
	}
	.l-subfooter {
		position: relative;
		margin: 0 auto;
		}
		.l-subfooter-h {
			margin: 0 auto;
			max-width: 1200px;
			}
				
	/* Canvas MODs */
	.l-canvas.type_boxed,
	.l-canvas.type_boxed .l-subheader,
	.l-canvas.type_boxed ~ .l-footer .l-subfooter {
		max-width: 1300px;
		margin: 0 auto;
		}

	/* Sidebar variations */
	.col_cont .l-content {
		width: 100%;
		}
	.col_cont .l-sidebar {
		display: none;
		}
	.col_contside .l-content,
	.col_sidecont .l-sidebar {
		float: left;
		}
	.col_contside .l-sidebar,
	.col_sidecont .l-content {
		float: right;
		}

/*
 ******************************** HTML elements ******************************/

a {
	text-decoration: none;
	}
	
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 20px;
	}
.g-html > h1:last-child,
.g-html > h2:last-child,
.g-html > h3:last-child,
.g-html > h4:last-child,
.g-html > h5:last-child,
.g-html > h6:last-child {
	margin-bottom: 0;
	}
.g-html h2,
.g-html h3,
.g-html h4,
.g-html h5,
.g-html h6 {
	padding-top: 10px;
	}
.g-html h2:first-child,
.g-html h3:first-child,
.g-html h4:first-child,
.g-html h5:first-child,
.g-html h6:first-child,
.g-html h1 + h2,
.g-html h1 + h3,
.g-html h1 + h4,
.g-html h1 + h5,
.g-html h1 + h6,
.g-html h2 + h3,
.g-html h2 + h4,
.g-html h2 + h5,
.g-html h2 + h6,
.g-html h3 + h4,
.g-html h3 + h5,
.g-html h3 + h6,
.g-html h4 + h6,
.g-html h4 + h5,
.g-html h5 + h6,
.g-html .g-hr + h2,
.g-html .g-hr + h3,
.g-html .g-hr + h4,
.g-html .g-hr + h5,
.g-html .g-hr + h6 {
	padding-top: 0;
	}

/* Paragraph */
.g-html p {
	margin-bottom: 20px;
	}
	
/* Lists */
.g-html ul,
.g-html ol {
	margin-left: 35px;
	margin-bottom: 20px;
	}
.g-html ul {
    list-style-type: disc;
	}
.g-html ol {
    list-style-type: decimal;
	}
	.g-html li ul,
	.g-html li ol {
		margin-bottom: 5px;
		margin-top: 5px;
		}
			
/* Address */
.g-html address {
	margin-bottom: 20px;
	}
	
/* Preformat */
.g-html pre {
	display: block;
	font-family: Consolas, Lucida Console, monospace;
	overflow-x: auto;
	width: 100%;
	margin-bottom: 20px;
	}
.g-html code {
	display: inline-block;
	vertical-align: top;
	font-family: Consolas, Lucida Console, monospace;
	}
.g-html pre code {
	display: block;
	padding: 0;
	overflow-wrap: normal;
	}
	
/* Blockquote */
.g-html blockquote {
	margin-bottom: 20px;
	}
	.g-html blockquote q,
	.g-html blockquote p {
		font: inherit;
		margin: 0;
		}
	.g-html blockquote cite {
		display: block;
		font-size: 80%;
		}
		
/* Input elements */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
textarea,
select {
	border: none;
	line-height: 1.5em;
	width: 100%;
	padding: 8px; /* temp */
	}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
select {
	height: 40px; /* temp */
	vertical-align: top;
	}
	select[multiple="multiple"] {
		height: auto;
		}
textarea {
	height: 120px; /* temp */
	resize: vertical;
	}
label,
input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
	}

/* Buttons */
.g-btn,
button,
input[type="submit"] {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
	padding: 5px 20px; /* temp */
	}

/*
 ******************************** COLUMNS ******************************/
.g-cols:before,
.g-cols:after {
	display: table;
	line-height: 0;
	content: '';
	}
.g-cols:after {
	clear: both;
	}
.g-cols > div {
	float: left;
	width: 100%;
	}

/* Default offset */
.g-cols.offset_default > div {
	margin-left: 4.0000%;
	}
	.g-cols.offset_default > div:first-child,
	.g-cols.offset_default > div.full-width {
		margin-left: 0;
		}
.g-cols.offset_default > .one-half,
.g-cols.offset_default > .two-quarters,
.g-cols.offset_default > .two-fourths,
.g-cols.offset_default > .three-sixths {
	width: 48.0000%;
	}
.g-cols.offset_default > .one-third,
.g-cols.offset_default > .two-sixths {
	width: 30.6666%;
	}
	.g-cols.offset_default > .two-thirds,
	.g-cols.offset_default > .four-sixths {
		width: 65.3333%;
		}
.g-cols.offset_default > .one-quarter,
.g-cols.offset_default > .one-fourth {
	width: 22.0000%;
	}
	.g-cols.offset_default > .three-quarters,
	.g-cols.offset_default > .three-fourths {
		width: 74.0000%;
		}
.g-cols.offset_default > .one-fifth {
	width: 16.8000%;
	}
	.g-cols.offset_default > .two-fifths {
		width: 37.6000%;
		}
	.g-cols.offset_default > .three-fifths {
		width: 58.4000%;
		}
	.g-cols.offset_default > .four-fifths {
		width: 79.2000%;
		}
.g-cols.offset_default > .one-sixth {
	width: 13.3333%;
	}
	.g-cols.offset_default > .five-sixths {
		width: 82.6666%;
		}
		
/* Wide offset */
.g-cols.offset_wide > div {
	margin-left: 6%;
	}
	.g-cols.offset_wide > div:first-child,
	.g-cols.offset_wide > div.full-width {
		margin-left: 0;
		}
.g-cols.offset_wide > .one-half,
.g-cols.offset_wide > .two-quarters,
.g-cols.offset_wide > .two-fourths,
.g-cols.offset_wide > .three-sixths {
	width: 47%;
	}
.g-cols.offset_wide > .one-third,
.g-cols.offset_wide > .two-sixths {
	width: 29.3333%;
	}
	.g-cols.offset_wide > .two-thirds,
	.g-cols.offset_wide > .four-sixths {
		width: 64.6666%;
		}
.g-cols.offset_wide > .one-quarter,
.g-cols.offset_wide > .one-fourth {
	width: 20.5000%;
	}
	.g-cols.offset_wide > .three-quarters,
	.g-cols.offset_wide > .three-fourths {
		width: 73.5000%;
		}
.g-cols.offset_wide > .one-fifth {
	width: 15.2000%;
	}
	.g-cols.offset_wide > .two-fifths {
		width: 36.4000%;
		}
	.g-cols.offset_wide > .three-fifths {
		width: 57.6000%;
		}
	.g-cols.offset_wide > .four-fifths {
		width: 78.8000%;
		}
.g-cols.offset_wide > .one-sixth {
	width: 11.6666%;
	}
	.g-cols.offset_wide > .five-sixths {
		width: 82.3333%;
		}

/* Without offset */
.g-cols.offset_none > .one-half,
.g-cols.offset_none > .two-quarters,
.g-cols.offset_none > .two-fourths,
.g-cols.offset_none > .three-sixths {
	width: 50%;
	}
.g-cols.offset_none > .one-third,
.g-cols.offset_none > .two-sixths {
	width: 33.3333%;
	}
	.g-cols.offset_none > .two-thirds,
	.g-cols.offset_none > .four-sixths {
		width: 66.6666%;
		}
.g-cols.offset_none > .one-quarter,
.g-cols.offset_none > .one-fourth {
	width: 25%;
	}
	.g-cols.offset_none > .three-quarters,
	.g-cols.offset_none > .three-fourths {
		width: 75%;
		}
.g-cols.offset_none > .one-fifth {
	width: 20%;
	}
	.g-cols.offset_none > .two-fifths {
		width: 40%;
		}
	.g-cols.offset_none > .three-fifths {
		width: 60%;
		}
	.g-cols.offset_none > .four-fifths {
		width: 80%;
		}
.g-cols.offset_none > .one-sixth {
	width: 16.6666%;
	}
	.g-cols.offset_none > .five-sixths {
		width: 83.3333%;
		}

/*
 **************************** ALERTS *****************************/
.g-alert {
	position: relative;
	text-align: left;
	margin-bottom: 20px; /* temp */
	}
	.g-alert-close {
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
		padding: 14px; /* temp */
		cursor: pointer;
		}
	.g-alert-body {
		padding: 14px 20px; /* temp */
		}
		
/* WITH_CLOSE */
.g-alert.with_close .g-alert-close {
	display: block;
	}
.g-alert.with_close .g-alert-body {
	padding-right: 50px;
	}
	
/* TYPE */
.g-alert.type_error {
	background-color: #ffd9d9;
	color: #a24141;
	}
.g-alert.type_success {
	background-color: #c9f7b2;
	color: #587549;
	}
.g-alert.type_info {
	background-color: #cef;
	color: #3a648e;
	}
.g-alert.type_attention {
	background-color: #fff2b2;
	color: #846534;
	}

	
/*
----------------------------------------------------------------

MotionCSS Framework widgets styles

----------------------------------------------------------------
*/

/*
 ************************** Widget w-actionbox basic styles ************************/
.w-actionbox {
	display: table;
	text-align: left;
	position: relative;
	width: 100%;
	}
	.w-actionbox-text {
		display: table-cell;
		vertical-align: middle;
		}
		.w-actionbox-text h1,
		.w-actionbox-text h2,
		.w-actionbox-text h3,
		.w-actionbox-text h4,
		.w-actionbox-text h5,
		.w-actionbox-text h6 {
			margin: 0;
			}
		.w-actionbox-text p {
			margin: 15px 0 0; /* Temp */
			}
	.w-actionbox-controls {
		display: table-cell;
		vertical-align: middle;
		text-align: right;
		padding-left: 30px;
		margin: 0;
		}
		.w-actionbox-button {
			margin: 5px 0 5px 10px;
			}
			.w-actionbox-button:first-child {
				margin-left: 0;
				}
				
/*
  ************************** Widget w-blog basic styles ************************/
.w-blog-list {
	position: relative;
	}
	.w-blog-list:after {
		display: table;
		content: '';
		clear: both;
		}
	.w-blog-preview {
		display: none;
		line-height: 0;
		padding-bottom: 20px; /* Temp */
		}
	.w-blog-entry {
		position: relative;
		}
		.w-blog-entry:after {
			display: table;
			content: '';
			clear: both;
			}
		.w-blog-entry-preview {
			display: none;
			line-height: 0;
			width: 100%;
			position: relative;
			}
		.w-blog-meta-date,
		.w-blog-meta-author,
		.w-blog-meta-category,
		.w-blog-meta-tags,
		.w-blog-meta-comments {
			display: inline-block;
			vertical-align: top;
			margin-right: 10px; /* Temp */
			margin-bottom: 10px; /* Temp */
			}
		.w-blog-entry-short p:last-child {
			margin-bottom: 0;
			}
		.w-blog-entry-more.g-btn {
			margin: 20px 0 0; /* Temp */
			}

/*
 * .COLUMNS_* (show blog posts in columns)
 */
.w-blog.columns_2 .w-blog-entry,
.w-blog.columns_3 .w-blog-entry,
.w-blog.columns_4 .w-blog-entry,
.w-blog.columns_5 .w-blog-entry {
	float: left;
	}
.w-blog.columns_2 .w-blog-entry {
	width: 50%;
	}
.w-blog.columns_3 .w-blog-entry {
	width: 33.3333%;
	}
.w-blog.columns_4 .w-blog-entry {
	width: 25%;
	}
.w-blog.columns_5 .w-blog-entry {
	width: 20%;
	}
	
/*
 * .TYPE_MASONRY (show blog posts masonry)
 */
.w-blog.type_masonry .w-blog-entry {
	float: left;
	}
	
/*
 * .IMGPOS_ATTOP (show blog picture at top)
 */
.w-blog.imgpos_attop .w-blog-preview,
.w-blog.imgpos_attop .w-blog-entry-preview {
	display: block;
	}
.w-blog.imgpos_attop .w-blog-entry-preview + .w-blog-entry-title {
	padding-top: 20px; /* Temp */
	}

/*
 * .IMGPOS_ATLEFT (show blog picture at left)
 */
.w-blog.imgpos_atleft .w-blog-entry-preview {
	display: block;
	float: left;
	width: 30%; /* Temp */
	}
.w-blog.imgpos_atleft .w-blog-entry-title {
	margin-left: 35%; /* Temp */
	padding-top: 0;
	}
.w-blog.imgpos_atleft .w-blog-entry-body {
	margin-left: 35%; /* Temp */
	}
	
/*
 ************************** Widget w-comments basic styles ************************/
.w-comments-title a {
	border-bottom: 1px dotted;
	}
.w-comments-list:after {
	content: '';
	display: table;
	clear: both;
	}
	.w-comments-item {
		margin-bottom: 30px; /* temp */
		position: relative;
		}
	.w-comments-childlist {
		margin-left: 30px; /* temp */
		}
		.w-comments-item-meta,
		.w-comments-item-text,
		.w-comments-item-answer {
			margin-left: 70px; /* temp */
			}
		.w-comments-item-meta {
			margin-bottom: 10px; /* temp */
			}
			.w-comments-item-meta:after {
				content: '';
				display: table;
				clear: both;
				}
			.w-comments-item-icon {
				position: absolute;
				top: 0;
				left: 0;
				text-align: center;
				line-height: 50px; /* temp */
				width: 50px; /* temp */
				}
			.w-comments-item-author {
				float: left;
				font-weight: bold;
				margin-right: 20px; /* temp */
				}
			.w-comments-item-date {
				float: left;
				}
		.w-comments-item-text {
			margin-bottom: 10px; /* temp */
			}
			
/*
 ************************ Widget w-gallery basic styles **********************/
.w-gallery-tnails {
	font-size: 0;
	position: relative;
	}
	.w-gallery-tnail {
		display: inline-block;
		vertical-align: top;
		}
		.w-gallery-tnail-title {
			display: none;
			font-size: 14px;
			line-height: normal;
			}
		
/*
 * .TYPE_MASONRY (show as masonry)
 */
.w-gallery.type_masonry .w-gallery-tnail {
	float: left;
	display: block;
	height: auto;
	width: 25%;
	}
	
/*
 * .SIZE_*
 */
.w-gallery.size_xs .w-gallery-tnail {
	width: 114px;
	height: 114px;
	}
.w-gallery.size_s .w-gallery-tnail {
	width: 190px;
	height: 190px;
	}
.w-gallery.size_m .w-gallery-tnail {
	width: 228px;
	height: 228px;
	}
.w-gallery.size_l .w-gallery-tnail {
	width: 285px;
	height: 285px;
	}

/*
 ********************** Widget w-iconbox basic styles *********************/
.w-iconbox {
	position: relative;
	}
	.w-iconbox-link {
		display: inline;
		}
		.w-iconbox-icon {
			text-align: center;
			margin: 0 auto;
			}
			.w-iconbox-icon img {
				display: none;
				vertical-align: middle;
				vertical-align: -webkit-baseline-middle;
				margin: 0 auto;
				}
		.w-iconbox .w-iconbox-title {
			margin-bottom: 0;
			}
	.w-iconbox-text p,
	.w-iconbox-text ul,
	.w-iconbox-text ol {
		margin-bottom: 10px; /* temp */
		}

/* .CUSTOM_IMG */
.w-iconbox.custom_img .w-iconbox-icon {
	font-size: 0 !important;
	}
	.w-iconbox.custom_img .w-iconbox-icon i {
		display: none;
		}
	.w-iconbox.custom_img .w-iconbox-icon img {
		display: inline-block;
		}
	
/* ICONPOS: top */
.w-iconbox.iconpos_top {
	text-align: center;
	margin: 0 auto;
	max-width: 350px; /* temp */
	}

/* ICONPOS: left */
.w-iconbox.iconpos_left {
	text-align: left;
	}
	.w-iconbox.iconpos_left:after {
		display: table;
		content: '';
		clear: both;
		}
	.w-iconbox.iconpos_left .w-iconbox-icon {
		float: left;
		}

/*
  ************************** Widget w-lang basic styles ************************/
.w-lang {
	position: relative;
	}
	.w-lang-item {
		text-align: left;
		padding: 0 10px;
		}
		.w-lang-item-icon,
		.w-lang-item-title {
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			}
	.w-lang-current {
		display: none;
		}

/*
 * .LAYOUT_HOR (languages display horizontal at the list)
 */
.w-lang.layout_hor .w-lang-list {
	overflow: hidden;
	}
	.w-lang.layout_hor .w-lang-item {
		float: left;
		}

/*
 * .LAYOUT_DROPDOWN (languages display vertical at the list)
 */
.w-lang.layout_dropdown .w-lang-list {
	display: none;
	position: absolute;
	z-index: 1;
	padding-top: 30px;
	}
	.w-lang.layout_dropdown .w-lang-item,
	.w-lang.layout_dropdown .w-lang-current {
		display: block;
		}

/*
 * .HAS_TITLE (show only title of the languages)
 */
.w-lang.has_title .w-lang-item-icon {
	display: none;
	}

/*
 * .HAS_ICON (show only icon of the languages)
 */
.w-lang.has_icon .w-lang-item-title {
	display: none;
	}

/*
 * .HAS_ICONTITLE (show icon and title of the languages)
 */
.w-lang.has_icontitle .w-lang-item-icon {
	margin-right: 5px;
	}

/*
  ************************** Widget w-logo basic styles ************************/
.w-logo {
	clear: both;
	height: 100%;
	position: relative;
	}
	.w-logo-link {
		display: block;
		font-size: 0;
		height: 100%;
		}
		.w-logo-img {
			display: inline-block;
			vertical-align: middle;
			}
		.w-logo-title {
			display: none;
			font-size: 2em;
			white-space: normal;
			}
	.w-logo-slogan {
		display: none;
		vertical-align: baseline;
		}

/*
 * .WITH_TITLE (show logo text)
 */
.w-logo.with_title .w-logo-img {
	display: none;
	}
.w-logo.with_title .w-logo-title {
	display: block;
	}

/*
 * .SLOGANAT_RIGHT (show slogan on right side of the logo)
 */
.w-logo.sloganat_right .w-logo-link {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 30px; /* temp */
	}
.w-logo.sloganat_right .w-logo-slogan {
	display: inline-block;
	}

/*
 * .SLOGANAT_BOTTOM (show slogan on bottom side of the logo)
 */
.w-logo.sloganat_bottom .w-logo-slogan {
	display: block;
	}

/*
 ************************** Widget w-nav basic styles ************************/
.w-nav:after {
	content: '';
	display: block;
	clear: both;
	}
.w-nav-control {
	display: none;
	}
.w-nav-list {
	display: block;
	width: auto;
	min-width: 150px; /* temp */
	}
.g-html .w-nav-list {
	list-style: none;
	margin: 0;
	}
.w-nav-list.level_1 {
	display: none; /* Temporarily hide this level to show it on domready */
	-webkit-overflow-scrolling: touch;
	}
.w-nav-list.level_2 {
	display: none;
	position: absolute;
	left: auto;
	top: auto;
	z-index: 10;
	}
.w-nav-list.level_3 {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 11;
	}
.w-nav-list.level_4 {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 12;
	}
	.w-nav-item {
		display: block;
		position: relative;
		}
		.w-nav-anchor {
			display: block;
			text-align: left;
			text-decoration: none;
			padding: 10px 20px; /* temp */
			overflow: hidden;
			position: relative;
			}
			.w-nav-icon {
				display: none;
				vertical-align: top;
				margin-right: 5px; /* temp */
				}

/*
 * .LAYOUT_HOR (horizontal layout)
 */
.w-nav.layout_hor > .w-nav-list:after {
	display: table;
	content: '';
	clear: both;
	}
	.w-nav.layout_hor > .w-nav-list > .w-nav-item {
		float: left;
		}

	/*
	 * .layout_hor.WIDTH_STRETCH (width: 100%, list acts like a table)
	 */
	.w-nav.layout_hor.width_stretch > .w-nav-list {
		display: table;
		width: 100%;
		}
		.w-nav.layout_hor.width_stretch > .w-nav-list > .w-nav-item {
			float: none;
			display: table-cell;
			}
			.w-nav.layout_hor.width_stretch > .w-nav-list > .w-nav-item > .w-nav-anchor {
				text-align: center;
				}
		
/*
 * .LAYOUT_VER (vertical layout)
 */	
.w-nav.layout_ver .w-nav-list.level_2 {
	left: 100%;
	top: 0;
	}
	
	/*
	 * .layout_ver.PLACE_INSIDE (locates sublevel list inside the parent item)
	 */
	.w-nav.layout_ver.place_inside .w-nav-list {
		display: block;
		position: static;
		}
		.w-nav.layout_ver.place_inside .w-nav-list.level_2 .w-nav-anchor.level_2 {
			padding-left: 40px; /* temp */
			}
		.w-nav.layout_ver.place_inside .w-nav-list.level_3 .w-nav-anchor.level_3 {
			padding-left: 60px; /* temp */
			}

/*
 * .WITH_ICONS (show item with icon)
 */
.w-nav.with_icons .w-nav-icon {
	display: inline;
	}
.w-nav.with_icons .w-nav-title {
	text-align: left;
	}

/*
 * .touch_enabled
 */
.w-nav.touch_enabled .w-nav-list {
	overflow-y: hidden;
	}

/*
 * .touch_disabled .COLUMNS_* (dropdown list divides by columns)
 */
.w-nav.touch_disabled [class*="columns"] {
	position: static;
	}
	.w-nav.touch_disabled [class*="columns"] .w-nav-list.level_2 {
		left: 0;
		right: 0;
		font-size: 0;
		line-height: 0;
		width: 100%;
		}
		.w-nav.touch_disabled [class*="columns"] .w-nav-item.level_2 {
			display: inline-block;
			vertical-align: top;
			}
		.w-nav.touch_disabled .columns_2 .w-nav-item.level_2 {
			width: 50%;
			}
		.w-nav.touch_disabled .columns_3 .w-nav-item.level_2 {
			width: 33.3333%;
			}
		.w-nav.touch_disabled .columns_4 .w-nav-item.level_2 {
			width: 25%;
			}
		.w-nav.touch_disabled .columns_5 .w-nav-item.level_2 {
			width: 20%;
			}
			.w-nav.touch_disabled [class*="columns"] .w-nav-list.level_3 {
				display: block;
				position: static;
				}

/*
 * .w-nav-item.DROP_LEFT (drops sublevel list of item to the left)
 */
.w-nav-item.level_1.drop_left .w-nav-list.level_2 {
	right: 0;
	}
.w-nav-item.level_2.drop_left .w-nav-list.level_3 {
	left: auto;
	right: 100%;
	}
.w-nav-item.level_3.drop_left .w-nav-list.level_4 {
	left: auto;
	right: 100%;
	}

/*
 ********************** Widget w-portfolio basic styles *********************/
.w-portfolio-list {
	position: relative;
	}
	.w-portfolio-list:after {
		content: '';
		display: block;
		clear: both;
		}
	.w-portfolio-item {
		float: left;
		}
		.w-portfolio-item-h {
			position: relative;
			overflow: hidden;
			z-index: 1;
			height: 0;
			padding-bottom: 100%;
			}
			.w-portfolio-item-anchor {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				cursor: pointer;
				}
				.w-portfolio-item-image img {
					display: block;
					margin: 0 auto;
					width: 100%;
					}
				.w-portfolio-item-title {
					margin-bottom: 0;
					}
				.w-portfolio-item-text {
					display: block;
					}

/*
 * .RATIO_*
 */
.w-portfolio.ratio_16-9 .w-portfolio-item-h {
	padding-bottom: 56.25%;
	}
.w-portfolio.ratio_3-2 .w-portfolio-item-h {
	padding-bottom: 66.6666%;
	}
.w-portfolio.ratio_4-3 .w-portfolio-item-h {
	padding-bottom: 75%;
	}
.w-portfolio.ratio_2-3 .w-portfolio-item-h {
	padding-bottom: 150%;
	}
.w-portfolio.ratio_3-4 .w-portfolio-item-h {
	padding-bottom: 133.3333%;
	}

/*
 * .COLUMNS_*
 */
.w-portfolio.columns_5 .w-portfolio-item {
	width: 20%;
	}
.w-portfolio.columns_4 .w-portfolio-item {
	width: 25%;
	}
.w-portfolio.columns_3 .w-portfolio-item {
	width: 33.3333%;
	}
.w-portfolio.columns_2 .w-portfolio-item {
	width: 50%;
	}
	
/*
 ********************** Widget w-preloader basic styles *********************/
.w-preloader {
	display: inline-block;
	position: relative;
	font-size: 16px; /* temp */
	width: 3em;
	height: 3em;
	background-color: #fff; /* temp */
	color: #c20; /* temp */
	}
	
	/* TYPE 1 */
	.w-preloader.type_1:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.8em;
		height: 2.8em;
		border-radius: 50%;
		border-width: 0.1em;
		border-style: solid;
		border-color: transparent;
		border-top-color: inherit;
		-webkit-animation: rotation 1s infinite linear;
				animation: rotation 1s infinite linear;
		}
	@-webkit-keyframes rotation {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
		}
	@keyframes rotation {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
		}

	/* TYPE 2 */
	.w-preloader.type_2:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.8em;
		height: 2.8em;
		border: 0.1em solid;
		border-radius: 50%;
		opacity: 0.2;
		}
	.w-preloader.type_2:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 2.8em;
		height: 2.8em;
		border-radius: 50%;
		border-width: 0.1em;
		border-style: solid;
		border-color: transparent;
		border-top-color: inherit;
		-webkit-animation: rotation 1s infinite linear;
				animation: rotation 1s infinite linear;
		}
		
	/* TYPE 3 */
	.w-preloader.type_3:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.8em;
		height: 2.8em;
		border: 0.1em solid;
		border-radius: 50%;
		}
	.w-preloader.type_3 .w-preloader-h {
		position: relative;
		top: 0.2em;
		left: 0.2em;
		width: 2.6em;
		height: 2.6em;
		border-radius: 50%;
		background-color: inherit;
		-webkit-animation: rotation 1s infinite linear;
				animation: rotation 1s infinite linear;
		}
	.w-preloader.type_3 .w-preloader-h:after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		margin: -0.4em 0 0 -0.25em;
		width: 0.5em;
		height: 0.5em;
		background-color: inherit;
		}
		
	/* TYPE 4 */
	.w-preloader.type_4 .w-preloader-h {
		position: relative;
		width: 3em;
		height: 3em;
		background: inherit;
		border-radius: 50%;
		border: 0.1em solid;
		}
	.w-preloader.type_4 .w-preloader-h:before {
		content: '';
		position: absolute;
		top: -0.2em;
		left: -0.2em;
		width: 1.6em;
		height: 3.3em;
		background: inherit;
		-webkit-transform-origin: 1.6em 1.6em;
				transform-origin: 1.6em 1.6em;
		-webkit-animation: rotation 2s infinite ease 1.5s;
				animation: rotation 2s infinite ease 1.5s;
		}
	.w-preloader.type_4 .w-preloader-h:after {
		content: '';
		position: absolute;
		top: -0.2em;
		left: 1.4em;
		width: 1.6em;
		height: 3.3em;
		background: inherit;
		-webkit-transform-origin: 0px 1.6em;
				transform-origin: 0px 1.6em;
		-webkit-animation: rotation 2s infinite ease;
				animation: rotation 2s infinite ease;
		}
		
	/* TYPE 5 */
	.w-preloader.type_5:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2.8em;
		height: 2.8em;
		border: 0.1em solid;
		border-radius: 50%;
		opacity: 0.2;
		}
	.w-preloader.type_5 .w-preloader-h {
		position: relative;
		width: 3em;
		height: 3em;
		-webkit-animation: rotation 1s infinite ease-out;
				animation: rotation 1s infinite ease-out;
		}
	.w-preloader.type_5 .w-preloader-h:after {
		content: '';
		position: absolute;
		top: 0;
		left: 50%;
		margin: -0.2em 0 0 -0.2em;
		width: 0;
		height: 0;
		border-radius: 50%;
		border: 0.3em solid;
		}
		
	/* TYPE 6 */
	.w-preloader.type_6 .w-preloader-h {
		width: 3em;
		height: 3em;
		background-color: inherit;
		border: 1.5em solid;
		border-radius: 50%;
		}
	.w-preloader.type_6 .w-preloader-h:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		border-radius: 50%;
		background-color: inherit;
		-webkit-animation: scale 1.6s infinite ease;
				animation: scale 1.6s infinite ease;
		}
	@-webkit-keyframes scale {
		0% { -webkit-transform: scale(0); }
		50% { -webkit-transform: scale(1); }
		100% { -webkit-transform: scale(0); }
		}
	@keyframes scale {
		0% { transform: scale(0); }
		50% { transform: scale(1); }
		100% { transform: scale(0); }
		}
		
	/* TYPE 7 */
	.w-preloader.type_7 .w-preloader-h {
		width: 3em;
		height: 3em;
		background-color: inherit;
		border: 0.1em solid;
		border-radius: 50%;
		-webkit-animation: scale2 1.6s infinite ease;
				animation: scale2 1.6s infinite ease;
		}
	@-webkit-keyframes scale2 {
		0% { -webkit-transform: scale(0.1); border-width: 1.5em; }
		50% { -webkit-transform: scale(1); border-width: 0.1em; }
		100% { -webkit-transform: scale(0.1); border-width: 1.5em; }
		}
	@keyframes scale2 {
		0% { transform: scale(0.1); border-width: 1.5em; }
		50% { transform: scale(1); border-width: 0.1em; }
		100% { transform: scale(0.1); border-width: 1.5em; }
		}

/*
 ********************** Widget w-pricing basic styles *********************/
.w-pricing {
	display: table;
	table-layout: fixed;
	width: 100%;
	position: relative;
	}
	.w-pricing-item {
		display: table-cell;
		vertical-align: top;
		text-align: center;
		}
		.w-pricing-item-feature {
			padding: 10px; /* temp */
			}
		.w-pricing-item-footer {
			padding: 10px; /* temp */
			}

/*
  ************************** Widget w-search basic styles ************************/
.w-search-form {
	position: relative;
	min-width: 100px;
	}
	.w-search-input {
		position: relative;
		}
		.w-search input[type="text"] {
			width: auto;
			}
		.w-search input[type="submit"] {
			display: none;
			}

/*
 * .SUBMIT_OUTSIDE (button submit outside search container)
 */
.w-search.submit_outside .w-search-input:after {
	display: block;
	content: '';
	clear: both;
	}
.w-search.submit_outside input[type="text"],
.w-search.submit_outside input[type="submit"] {
	display: block;
	float: left;
	}

/*
 * .SUBMIT_INSIDE (button submit inside search container)
 */
.w-search.submit_inside input[type="text"] {
	width: 100%;
	}
.w-search.submit_inside input[type="submit"] {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	}
	
/*
  ************************** Widget w-socials basic styles ************************/
.w-socials-list {
	font-size: 0;
	}
	.w-socials-item {
		display: inline-block;
		vertical-align: top;
		position: relative;
		}
		.w-socials-item-link {
			display: block;
			text-align: center;
			font-size: 18px; /* temp */
			line-height: 40px; /* temp */
			height: 40px; /* temp */
			width: 40px; /* temp */
			}
		.w-socials-item-popup {
			position: absolute;
			left: 0;
			bottom: 50px; /* temp */
			font-size: 13px; /* temp */
			line-height: 26px; /* temp */
			padding: 0 10px; /* temp */
			visibility: hidden;
			z-index: 10;
			opacity: 0;
			background-color: rgba(0,0,0,0.8);
			color: #fff;
			-webkit-transform: translateY(-10px);
					transform: translateY(-10px);
			-webkit-transition: opacity 0.2s ease-out 0.3s, -webkit-transform 0.2s ease-out 0.3s;
					transition: opacity 0.2s ease-out 0.3s, transform 0.2s ease-out 0.3s;
			}
			.w-socials-item:hover .w-socials-item-popup {
				visibility: visible;
				opacity: 1;
				-webkit-transform: translateY(0);
						transform: translateY(0);
				}
			.w-socials-item-popup:after {
				content: '';
				display: block;
				position: absolute;
				bottom: -6px;
				left: 10px; /* temp */
				width: 0;
				height: 0;
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				border-top: 6px solid rgba(0,0,0,0.8);
				}

/*
 * .SIZE_NORMAL
 */
.w-socials.size_normal .w-socials-item-link {
	font-size: 22px; /* temp */
	line-height: 50px; /* temp */
	height: 50px; /* temp */
	width: 50px; /* temp */
	}
	.w-socials.size_normal .w-socials-item-popup {
		bottom: 60px; /* temp */
		}

/*
 * .SIZE_BIG
 */
.w-socials.size_big .w-socials-item-link {
	font-size: 28px; /* temp */
	line-height: 60px; /* temp */
	height: 60px; /* temp */
	width: 60px; /* temp */
	}
	.w-socials.size_big .w-socials-item-popup {
		bottom: 70px; /* temp */
		}

/*
 ************************** Widget w-tabs basic styles ************************/
.w-tabs-list {
	position: relative;
	}
	.w-tabs-list:after {
		content: '';
		display: block;
		clear: both;
		}
	.w-tabs-item {
		float: left;
		padding: 10px;
		cursor: pointer;
		}
		.w-tabs-item-icon {
			display: none;
			vertical-align: top;
			}
		.w-tabs-item-title {
			display: inline-block;
			vertical-align: top;
			}
.w-tabs-section {
	position: relative;
	}
	.w-tabs-section-header {
		display: none;
		position: relative;
		cursor: pointer;
		padding: 10px; /* temp */
		}
		.w-tabs-section-icon {
			display: none;
			vertical-align: top;
			}
		.w-tabs-section-title {
			display: inline-block;
			vertical-align: top;
			margin: 0;
			padding-right: 40px; /* temp */
			}
		.g-html .w-tabs-section-title {
			padding-top: 0;
			}
		.w-tabs-section-control {
			display: block;
			position: absolute;
			top: 10px; /* temp */
			right: 10px; /* temp */
			width: 24px; /* temp */
			line-height: 24px; /* temp */
			}
	.w-tabs-section-content {
		display: none;
		padding: 10px; /* temp */
		}
	.w-tabs-section.active .w-tabs-section-content {
		display: block;
		}

/*
 * .WITH_ICON (display icons in tab's titles)
 */
.w-tabs-item.with_icon .w-tabs-item-icon,
.w-tabs-section.with_icon .w-tabs-section-icon {
	display: inline-block;
	}
	.w-tabs-item.with_icon .w-tabs-item-title,
	.w-tabs-section.with_icon .w-tabs-section-title {
		margin-left: 10px; /* temp */
		}
	
/*
 * .LAYOUT_ACCORDION (tabs to accordion)
 */
.w-tabs.layout_accordion .w-tabs-list {
	display: none;
	}
	.w-tabs.layout_accordion .w-tabs-section-header {
		display: block;
		}
		
/*
 ********************** Widget w-team basic styles *********************/
.w-team {
	margin: 0 auto;
	position: relative;
	max-width: 450px; /* temp */
	}
	.w-team-image {
		line-height: 0;
		position: relative;
		}
	.w-team-name {
		margin-bottom: 10px; /* temp */
		}
	.w-team-role {
		margin-bottom: 10px; /* temp */
		}
	.w-team-links-item {
		display: inline-block;
		vertical-align: top;
		}

/*
 ************************** Widget w-timeline basic styles ************************/
.w-timeline-list {
	position: relative;
	font-size: 0;
	line-height: 0;
	text-align: justify;
	text-justify: newspaper;
	text-align-last: justify;
	}
	.w-timeline-list:before {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		margin-top: -2px; /* temp */
		height: 4px; /* temp */
		}
	.w-timeline-list:after {
		display: inline-block;
		content: '';
		height: 0;
		width: 100%;
		overflow: hidden;
		visibility: hidden;
		}
	.w-timeline-item {
		display: inline-block;
		vertical-align: top;
		text-align: center;
		font-size: 16px; /* temp */
		line-height: 30px; /* temp */
		width: 60px; /* temp */
		cursor: pointer;
		position: relative;
		z-index: 1;
		}
.w-timeline-section {
	position: relative;
	}
	.w-timeline-section-title {
		display: none;
		text-align: center;
		margin: 10px auto; /* temp */
		line-height: 30px; /* temp */
		width: 60px; /* temp */
		cursor: pointer;
		position: relative;
		}
	.w-timeline-section-content {
		position: relative;
		}

/*
 * .TYPE_VERTICAL
 */
.w-timeline.type_vertical .w-timeline-list {
	display: none;
	}
.w-timeline.type_vertical .w-timeline-section-title {
	display: block;
	}
.w-timeline.type_vertical .w-timeline-section:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px; /* temp */
	width: 4px; /* temp */
	height: 100%;
	}

/*
  ************************** Widget w-video basic styles ************************/
.w-video-h {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	}
	.w-video-h iframe,
	.w-video-h object,
	.w-video-h embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}

/*
 * .RATIO_4-3 (4:3 aspect ratio)
 */
.w-video.ratio_4-3 .w-video-h {
	padding-bottom: 75%;
	}
	
/*
 * .RATIO_3-2 (3:2 aspect ratio)
 */
.w-video.ratio_3-2 .w-video-h {
	padding-bottom: 66.667%;
	}
	
/*
 * .RATIO_1-1 (1:1 aspect ratio square format)
 */
.w-video.ratio_1-1 .w-video-h {
	padding-bottom: 100%;
	}