/*
----------------------------------------------------------------

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
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 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 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * 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;
}

/*
 ************************************* 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"],
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"],
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;
    position: relative;
}

.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;
}

/* SIZE: tiny */
.w-iconbox.size_tiny .w-iconbox-icon {
    font-size: 30px;
    line-height: 30px;
}

.w-iconbox.size_tiny .w-iconbox-icon img {
    max-width: 30px;
}

.w-iconbox.size_tiny.iconpos_left .w-iconbox-title,
.w-iconbox.size_tiny.iconpos_left .w-iconbox-text {
    margin-left: 44px;
    /* temp */
}

/* SIZE: small */
.w-iconbox.size_small .w-iconbox-icon {
    font-size: 40px;
    line-height: 40px;
}

.w-iconbox.size_small .w-iconbox-icon img {
    max-width: 40px;
}

.w-iconbox.size_small.iconpos_left .w-iconbox-title,
.w-iconbox.size_small.iconpos_left .w-iconbox-text {
    margin-left: 56px;
    /* temp */
}

/* SIZE: medium */
.w-iconbox.size_medium .w-iconbox-icon {
    font-size: 50px;
    line-height: 50px;
}

.w-iconbox.size_medium .w-iconbox-icon img {
    max-width: 50px;
}

.w-iconbox.size_medium.iconpos_left .w-iconbox-title,
.w-iconbox.size_medium.iconpos_left .w-iconbox-text {
    margin-left: 68px;
    /* temp */
}

/* SIZE: big */
.w-iconbox.size_big .w-iconbox-icon {
    font-size: 70px;
    line-height: 70px;
}

.w-iconbox.size_big .w-iconbox-icon img {
    max-width: 70px;
}

.w-iconbox.size_big.iconpos_left .w-iconbox-title,
.w-iconbox.size_big.iconpos_left .w-iconbox-text {
    margin-left: 92px;
    /* temp */
}

/* SIZE: huge */
.w-iconbox.size_huge .w-iconbox-icon {
    font-size: 100px;
    line-height: 100px;
}

.w-iconbox.size_huge .w-iconbox-icon img {
    max-width: 100px;
}

.w-iconbox.size_huge.iconpos_left .w-iconbox-title,
.w-iconbox.size_huge.iconpos_left .w-iconbox-text {
    margin-left: 120px;
    /* temp */
}

/*
  ************************** 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_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-item:hover>.w-nav-list,
.w-nav-anchor:hover+.w-nav-list,
.w-nav-item.opened>.w-nav-list {
    /* tiny iOS fixture */
    display: block;
}

.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%;
}

/*
 ********************** 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;
    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%;
}