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

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%;
     }
     
 iframe, object, embed {
     max-width: 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% !important;
         }
     .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 {
     width: 48.0000%;
     }
 .g-cols.offset_default > .one-third {
     width: 30.6666%;
     }
     .g-cols.offset_default > .two-thirds {
         width: 65.3333%;
         }
 .g-cols.offset_default > .one-quarter {
     width: 22.0000%;
     }
     .g-cols.offset_default > .three-quarters {
         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 {
     width: 47%;
     }
 .g-cols.offset_wide > .one-third {
     width: 29.3333%;
     }
     .g-cols.offset_wide > .two-thirds {
         width: 64.6666%;
         }
 .g-cols.offset_wide > .one-quarter {
     width: 20.5000%;
     }
     .g-cols.offset_wide > .three-quarters {
         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 {
     width: 50%;
     }
 .g-cols.offset_none > .one-third {
     width: 33.3333%;
     }
     .g-cols.offset_none > .two-thirds {
         width: 66.6666%;
         }
 .g-cols.offset_none > .one-quarter {
     width: 25%;
     }
     .g-cols.offset_none > .three-quarters {
         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;
     }
 
 /*
  * .type_mobile
  */
 .w-nav.type_mobile .w-nav-list {
     overflow-y: hidden;
     }
 
 /*
  * .type_desktop .COLUMNS_* (dropdown list divides by columns)
  */
 .w-nav.type_desktop [class*="columns"] {
     position: static;
     }
     .w-nav.type_desktop [class*="columns"] .w-nav-list.level_2 {
         left: 0;
         right: 0;
         font-size: 0;
         line-height: 0;
         width: 100%;
         }
         .w-nav.type_desktop [class*="columns"] .w-nav-item.level_2 {
             display: inline-block;
             vertical-align: top;
             }
         .w-nav.type_desktop .columns_2 .w-nav-item.level_2 {
             width: 50%;
             }
         .w-nav.type_desktop .columns_3 .w-nav-item.level_2 {
             width: 33.3333%;
             }
         .w-nav.type_desktop .columns_4 .w-nav-item.level_2 {
             width: 25%;
             }
         .w-nav.type_desktop .columns_5 .w-nav-item.level_2 {
             width: 20%;
             }
             .w-nav.type_desktop [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%;
     }