@charset "UTF-8";
/**
*
* Main Stylesheet For Visual Style Guide
*
**/
/**
*
* Variables - Utils
*
**/
/*==========  VARIABLES  ==========*/
/* Phones portrait */
/*"Roboto Condensed", Helvetica, sans-serif !default;*/
/*==========  FUNCTIONS  ==========*/
/*==========  MIXINS  ==========*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

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

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

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

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

/**
 * 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
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Remove margin
 */
figure {
  margin: 0; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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"], 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; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/* Blockquote
   ========================================================================== */
blockquote {
  margin: 0; }

/**
*
* Global
*
**/
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

html, body, button {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

/* Hide Video Default Controls for IOS in normal / fullscreen mode */
video::-webkit-media-controls {
  display: none !important; }

/* mobile menu stuff */
html.open, body.open {
  overflow: hidden; }

.app-bar.open, .app-bar.open ~ main {
  -webkit-transform: translate(250px, 0);
  -ms-transform: translate(250px, 0);
      transform: translate(250px, 0); }

/* end */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.625em;
  /* 26px */
  font-weight: 300;
  color: #404040;
  position: relative; }
  body::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 9;
    display: none;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 95%, rgba(0, 0, 0, 0.15) 100%);
    background-size: 100% 26px; }
  body.debug::after {
    display: block;
    pointer-events: none; }
  body.wt-overlay::after {
    /* overlay layer visible on small devices when the right panel slides in */
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(78, 83, 89, 0.8);
    visibility: hidden;
    z-index: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    visibility: visible;
    opacity: 1; }

pre {
  background: #f0f0f0;
  padding: 13px; }

.main-container {
  box-sizing: content-box;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .main-container {
      padding-left: 4.8%;
      padding-right: 4.8%;
      max-width: 1000px; } }
  @media only screen and (min-width: 1200px) {
    .main-container {
      padding-left: 4.4%;
      padding-right: 4.4%;
      max-width: 1000px; } }

.container {
  box-sizing: content-box;
  position: relative;
  padding-left: 5%;
  padding-right: 5%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 768px) {
    .container {
      padding-left: 4.8%;
      padding-right: 4.8%;
      max-width: 1000px; } }
  @media only screen and (min-width: 1200px) {
    .container {
      padding-left: 4.4%;
      padding-right: 4.4%;
      max-width: 1000px; } }

@media only screen and (min-width: 768px) {
  .container-medium {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .container-medium {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 1000px; } }
    @media only screen and (min-width: 1200px) {
      .container-medium {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 1000px; } } }

@media only screen and (max-width: 767px) {
  .container-small {
    box-sizing: content-box;
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 768px) {
      .container-small {
        padding-left: 4.8%;
        padding-right: 4.8%;
        max-width: 1000px; } }
    @media only screen and (min-width: 1200px) {
      .container-small {
        padding-left: 4.4%;
        padding-right: 4.4%;
        max-width: 1000px; } } }

@media only screen and (min-width: 1200px) {
  .content {
    margin-right: 25.9%; }
    .content pre {
      margin-right: -25.9%; } }

@font-face {
  font-family: "icons";
  src: url("../../images/icons/icons.eot");
  src: url("../../images/icons/icons.eot?#iefix") format("embedded-opentype"), url("../../images/icons/icons.woff2") format("woff2"), url("../../images/icons/icons.woff") format("woff"), url("../../images/icons/icons.ttf") format("truetype"), url("../../images/icons/icons.svg?#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon {
  font-family: "icons";
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-bullet::before {
  content: "\e001"; }

.icon-chevron-down::before {
  content: "\e002"; }

.icon-chevron-large::before {
  content: "\e003"; }

.icon-chevron-left::before {
  content: "\e004"; }

.icon-chevron-right::before {
  content: "\e005"; }

.icon-chevron-up::before {
  content: "\e006"; }

.icon-close::before {
  content: "\e007"; }

.icon-cog::before {
  content: "\e008"; }

.icon-diamond::before {
  content: "\e009"; }

.icon-exclamation::before {
  content: "\e00a"; }

.icon-google-dev::before {
  content: "\e00b"; }

.icon-hash::before {
  content: "\e00c"; }

.icon-introduction-to-media::before {
  content: "\e00d"; }

.icon-lessons::before {
  content: "\e00e"; }

.icon-menu::before {
  content: "\e00f"; }

.icon-minus::before {
  content: "\e010"; }

.icon-multi-device-layouts::before {
  content: "\e011"; }

.icon-performance::before {
  content: "\e012"; }

.icon-plus::before {
  content: "\e013"; }

.icon-question::before {
  content: "\e014"; }

.icon-slash::before {
  content: "\e015"; }

.icon-star::before {
  content: "\e016"; }

.icon-tick::before {
  content: "\e017"; }

.icon-user-input::before {
  content: "\e018"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

@font-face {
  font-family: 'wticon';
  src: url('../../fonts/wticon.eot?42033269');
  src: url('../../fonts/wticon.eot?42033269#iefix') format('embedded-opentsype'), url('../../fonts/wticon.woff?42033269') format('woff'), url('../../fonts/wticon.ttf?42033269') format('truetype'), url('../../fonts/wticon.svg?42033269#wticon') format('svg');
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/**/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'wticon';
    src: url('../font/wticon.svg?42033269#wticon') format('svg'); }
 }

[class^="wticon-"]:before, [class*=" wticon-"]:before {
  font-family: "wticon";
  font-style: normal;
  font-weight: 300;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.wticon-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.wticon-2x {
  font-size: 2em; }

.wticon-3x {
  font-size: 3em; }

.wticon-4x {
  font-size: 4em; }

.wticon-5x {
  font-size: 5em; }

.wticon-6x {
  font-size: 6em; }

.wticon--small-bg {
  display: block;
  background-image: url(../../images/tags/tags-bg.png);
  background-repeat: no-repeat;
  width: 25px;
  height: 38px; }

.wticon-left-open:before {
  content: '\e800'; }

/* '' */
.wticon-right-open:before {
  content: '\e801'; }

/* '' */
.wticon-dashboard:before {
  content: '\e802'; }

/* '' */
.wticon-gauge:before {
  content: '\e803'; }

/* '' */
.wticon-statistics:before {
  content: '\e804'; }

/* '' */
.wticon-explore:before {
  content: '\e805'; }

/* '' */
.wticon-retweet:before {
  content: '\e806'; }

/* '' */
.wticon-trash:before {
  content: '\e807'; }

/* '' */
.wticon-user:before {
  content: '\e808'; }

/* '' */
.wticon-social:before {
  content: '\e808'; }

/* '' */
.wticon-cancel:before {
  content: '\e809'; }

/* '' */
.wticon-tags:before {
  content: '\e80a'; }

/* '' */
.wticon-location:before {
  content: '\e80b'; }

/* '' */
.wticon-cog:before {
  content: '\e80c'; }

/* '' */
.wticon-thumbs-up-alt:before {
  content: '\e80d'; }

/* '' */
.wticon-gplus:before {
  content: '\e80e'; }

/* '' */
.wticon-facebook:before {
  content: '\e80f'; }

/* '' */
.wticon-twitter:before {
  content: '\e810'; }

/* '' */
.wticon-sort-up:before {
  content: '\e811'; }

/* '' */
.wticon-youtube:before {
  content: '\e812'; }

/* '' */
.wticon-pinterest-circled:before {
  content: '\e813'; }

/* '' */
.wticon-instagramm:before {
  content: '\e814'; }

/* '' */
.wticon-search:before {
  content: '\e815'; }

/* '' */
.wticon-mail-alt:before {
  content: '\e816'; }

/* '' */
.wticon-phone:before {
  content: '\e817'; }

/* '' */
.wticon-volume-off:before {
  content: '\e818'; }

/* '' */
.wticon-stop:before {
  content: '\e819'; }

/* '' */
.wticon-pause:before {
  content: '\e81a'; }

/* '' */
.wticon-play:before {
  content: '\e81b'; }

/* '' */
.wticon-attention-alt:before {
  content: '\e81c'; }

/* '' */
.wticon-upload:before {
  content: '\e81d'; }

/* '' */
.wticon-sort-down:before {
  content: '\e81e'; }

/* '' */
.wticon-sort:before {
  content: '\e81f'; }

/* '' */
.wticon-up-hand:before {
  content: '\e820'; }

/* '' */
.wticon-video:before {
  content: '\e821'; }

/* '' */
.wticon-ecommerce:before {
  content: '\e822'; }

/* '' */
.wticon-commerce:before {
  content: '\e822'; }

/* '' */
.wticon-ok:before {
  content: '\e823'; }

/* '' */
.wticon-right-dir:before {
  content: '\e824'; }

/* '' */
.wticon-left-dir:before {
  content: '\e825'; }

/* '' */
.wticon-right-circle:before {
  content: '\e826'; }

/* '' */
.wticon-left-circle:before {
  content: '\e827'; }

/* '' */
.wticon-check:before {
  content: '\e828'; }

/* '' */
.wticon-chat:before {
  content: '\e829'; }

/* '' */
.wticon-volume-down:before {
  content: '\e82a'; }

/* '' */
.wticon-volume-up:before {
  content: '\e82b'; }

/* '' */
.wticon-resize-full:before {
  content: '\e82c'; }

/* '' */
.wticon-brand:before {
  content: '\e82d'; }

/* '' */
/**
*
* Grid
*
**/
.column-group:before, .column-group:after {
  display: table;
  content: " "; }

.column-group:after {
  clear: both; }

.column-group {
  width: auto; }

.column {
  float: left;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.column.pull-right {
  float: right; }

.column .column-group {
  margin-right: -15px;
  margin-left: -15px; }

.lg-units-2 {
  width: 50%; }

@media screen and (min-width: 768px) {
  .container {
    max-width: 1000px; }
  .lg-units-3 {
    width: 25%; }
  .lg-units-4 {
    width: 33.333%; }
  .lg-units-5 {
    width: 41.666%; }
  .lg-units-7 {
    width: 58.333%; }
  .lg-units-8 {
    width: 66.666%; }
  .lg-units-9 {
    width: 75%; } }

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1000px; } }

/* Bootstrap grid */
.row:before, .row:after {
  display: table;
  content: " "; }
.row:after {
  clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; } }

/**
*
* Typography
*
**/
h1, h2, h3, h4, h5, p {
  margin: 0; }

.small, small {
  font-size: 13px;
  line-height: 2em;
  /* 26px */
  padding-top: 2em;
  padding-bottom: 0; }

.base, p, ul, ol {
  font-size: 16px;
  line-height: 1.625em;
  /* 26px */
  padding-top: 1.625em;
  padding-bottom: 0; }

.medium, h4 {
  font-size: 16px;
  line-height: 1.625em;
  /* 26px */
  padding-top: 1.625em;
  padding-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .medium, h4 {
      font-size: 20px;
      font-weight: 300;
      line-height: 1.3em;
      /* 26px */
      padding-top: 1.3em;
      padding-bottom: 0; } }

.large, h3 {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.3em;
  /* 26px */
  padding-top: 1.3em;
  padding-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .large, h3 {
      font-family: 'Droid Sans';
      font-size: 24px;
      font-weight: 300;
      line-height: 1em;
      /* 26px */
      padding-top: 1em;
      padding-bottom: 0; } }

.xlarge, h2 {
  font-family: 'Droid Sans';
  font-size: 24px;
  font-weight: 300;
  line-height: 1em;
  /* 26px */
  padding-top: 1em;
  padding-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .xlarge, h2 {
      font-family: 'Droid Sans';
      font-size: 42px;
      font-weight: 300;
      line-height: 1.2381em;
      /* 52px */
      padding-top: 0.619em;
      padding-bottom: 0; } }

.xxlarge, h1 {
  font-family: 'Droid Sans';
  font-size: 42px;
  font-weight: 300;
  line-height: 1.2381em;
  /* 52px */
  padding-top: 0.619em;
  padding-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .xxlarge, h1 {
      font-family: 'Droid Sans';
      font-size: 60px;
      font-weight: 300;
      line-height: 1.1471em;
      /* 78px */
      padding-top: 0.3824em;
      padding-bottom: 0; } }

.huge {
  font-family: 'Droid Sans';
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1471em;
  /* 78px */
  padding-top: 0.3824em;
  padding-bottom: 0; }
  @media only screen and (min-width: 1200px) {
    .huge {
      font-family: 'Droid Sans';
      font-size: 110px;
      font-weight: 300;
      line-height: 1.19em;
      /* 130px */
      padding-top: 0.2364em;
      padding-bottom: 0; } }

li > p {
  padding-top: 0; }

.text-white {
  color: #fff  !important; }

/**
*
* Button
*
**/
.button, .button--primary, .button--secondary, .button--secondary-variation, .button--grey-variation {
  display: inline-block;
  padding: 12px 30px;
  margin-bottom: 13px;
  margin-top: 13px;
  min-height: 26px;
  border-radius: 4px;
  text-align: center;
  font-family: 'Droid Sans';
  font-weight: 600;
  text-decoration: none;
  outline: 0;
  -webkit-transition: none;
          transition: none; }
  .button:hover, .button--primary:hover, .button--secondary:hover, .button--secondary-variation:hover, .button--grey-variation:hover {
    background: #4d4d4d;
    color: #ffffff;
    text-decoration: none; }

.button--cons {
  margin-right: 5px;
  min-width: 120px;
  margin-bottom: 8px; }

.button--pricing {
  min-width: 124px;
  margin-bottom: 8px;
  height: 38px;
  line-height: 1;
  font-size: 14px;
  font-weight: normal; }

.button--primary {
  background: #4285f4;
  color: #ffffff;
  border: 1px solid #1266f1; }

.button--secondary {
  background: #ffffff;
  color: #3372df;
  border: 1px solid #e6e6e6; }

.button--secondary-variation {
  background: #35b1e9;
  color: #ffffff;
  border: 1px solid #1799d4;
  border-color: transparent; }
  .button--secondary-variation:hover {
    background-color: #027eb6; }

.button--grey-variation {
  background: #ebebeb;
  color: #000;
  border: 1px solid #d2d2d2;
  border-color: transparent; }
  .button--grey-variation:hover {
    background-color: #a3a3a3; }

.button--video-tag-variation {
  padding: 12px;
  font-weight: 400;
  width: 100%; }

/**
*
* List
*
**/
ul, ol {
  list-style: none;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    ul, ol {
      padding-left: 0; } }

ul li {
  position: relative;
  padding-left: 16px; }

ol {
  counter-reset: list; }
  ol > li {
    position: relative;
    padding-left: 32px; }
    ol > li::before {
      counter-increment: list;
      content: "0" counter(list);
      color: inherit;
      font-weight: 400;
      display: inline-block;
      position: absolute;
      left: 0; }
    ol > li:nth-child(10n) ~ li::before, ol > li:nth-child(10n)::before {
      content: counter(list); }

ul ol, ol ul {
  padding-top: 0; }

/**
*
* Link
*
**/
a, a:hover, a:visited {
  color: #4b4b4b;
  text-decoration: none; }

.cta--primary {
  font-family: 'Droid Sans';
  color: #3372df;
  font-weight: 400;
  display: inline-block;
  line-height: 1;
  text-decoration: none; }
  .cta--primary:hover {
    color: #404040; }
  .cta--primary::before {
    display: inline-block;
    padding-right: 10px;
    font-family: "icons";
    line-height: 25px;
    font-size: 13px;
    content: "\e005"; }

.cta--secondary {
  font-family: 'Droid Sans';
  color: #3372df;
  font-weight: 400;
  display: inline-block;
  line-height: 1; }
  .cta--secondary:hover {
    color: #404040; }

.wt-link {
  color: #4b4b4b; }
  .wt-link.wt-link__secondary {
    color: #fff; }

/**
*
* Table
*
**/
table {
  margin-top: 26px;
  width: 100%; }
  table th {
    text-align: center;
    display: none;
    font-family: 'Droid Sans';
    font-size: 16px;
    line-height: 1.625em;
    /* 26px */
    padding-top: 1.625em;
    padding-bottom: 0; }
    @media only screen and (min-width: 1200px) {
      table th {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.3em;
        /* 26px */
        padding-top: 1.3em;
        padding-bottom: 0; } }
  @media only screen and (min-width: 768px) {
    table tr {
      border-bottom: 1px solid #ffffff; } }
  table tbody {
    background: #f0f0f0; }
  table td {
    display: block;
    padding-top: 13px;
    padding-bottom: 13px; }
    table td::before {
      content: attr(data-th) " :";
      display: inline-block;
      color: #ffffff;
      background: #3372df;
      border-right: 2px solid #ffffff;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100px;
      max-height: 100%;
      font-family: 'Droid Sans';
      font-size: 16px;
      font-weight: 400;
      padding-left: 13px;
      padding-top: 13px; }
      @media only screen and (min-width: 768px) {
        table td::before {
          display: none; } }
  table th, table td {
    position: relative;
    padding-left: 140px; }
    @media only screen and (min-width: 768px) {
      table th, table td {
        display: table-cell; } }
  @media only screen and (min-width: 768px) {
    table th {
      padding: 26px;
      padding-top: 13px;
      padding-bottom: 12px; } }
  @media only screen and (min-width: 768px) {
    table td {
      padding: 26px;
      padding-bottom: 25px; } }

td:last-child::after {
  content: "";
  display: block;
  background: #ffffff;
  height: 1px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    td:last-child::after {
      display: none; } }

.table-2 col {
  width: 500px; }
  @media only screen and (min-width: 1200px) {
    .table-2 col {
      width: 500px; } }
@media only screen and (min-width: 768px) {
  .table-2 th:first-child, .table-2 td:first-child {
    border-right: 2px solid #ffffff; } }

.table-3 col {
  width: 333.3333333333px; }
  @media only screen and (min-width: 1200px) {
    .table-3 col {
      width: 333.3333333333px; } }
@media only screen and (min-width: 768px) {
  .table-3 th:nth-child(2), .table-3 td:nth-child(2) {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff; } }

.table-4 col {
  width: 250px; }
  @media only screen and (min-width: 1200px) {
    .table-4 col {
      width: 250px; } }
@media only screen and (min-width: 768px) {
  .table-4 th:nth-child(2), .table-4 th:nth-child(3), .table-4 td:nth-child(2), .table-4 td:nth-child(3) {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff; } }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 12px; }

.table-bordered {
  border-color: #E8EDF1 !important; }
  .table-bordered th {
    background-color: #ecf0f2;
    border: 0 !important; }
  .table-bordered td {
    border: 1px solid #E8EDF1 !important; }
    .table-bordered td:first-child {
      border-radius: 0px; }
    .table-bordered td:last-child {
      border-radius: 0px; }

.wt-subscription-current-plan-table th {
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #5d5d5d;
  text-transform: capitalize; }
.wt-subscription-current-plan-table td {
  font-size: 12px;
  color: #000; }
.wt-subscription-current-plan-table h4 {
  font-size: 20px;
  color: #000;
  font-weight: normal; }

.wt-pricing-table {
  border-width: 0; }
  .wt-pricing-table a, .wt-pricing-table a:active, .wt-pricing-table a:visited {
    text-decoration: underline;
    color: #1c99db; }
    .wt-pricing-table a:after, .wt-pricing-table a:active:after, .wt-pricing-table a:visited:after {
      content: "\f14c";
      display: inline-block;
      position: relative;
      margin-left: 7px;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
  .wt-pricing-table th {
    background-color: transparent; }
  .wt-pricing-table td {
    text-align: center;
    font-size: 14px;
    color: #626262;
    font-weight: 500; }
  .wt-pricing-table tbody td {
    width: 20%;
    background-color: #fff !important; }
  .wt-pricing-table tbody > tr > td:first-child {
    text-align: left; }
  .wt-pricing-table .fa {
    font-size: 18px; }
    .wt-pricing-table .fa.text-enable {
      color: #1db235; }
    .wt-pricing-table .fa.text-error {
      color: #b65757; }
  .wt-pricing-table .btn {
    width: 140px;
    height: 34px;
    padding: 8px 12px;
    font-size: 13px; }
  .wt-pricing-table .no-border-bottom {
    border-bottom: 0 !important; }
  .wt-pricing-table .no-border-top {
    border-top: 0 !important; }
  .wt-pricing-table .no-border-left {
    border-left: 0 !important; }
  .wt-pricing-table .no-border-right {
    border-right: 0 !important; }
  .wt-pricing-table .wt-pricing-heading {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    border: 1px solid #efefef !important;
    text-transform: capitalize;
    padding: 20px 12px; }
  .wt-pricing-table .wt-pricing-header {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    padding: 20px 12px;
    background-color: #fafafa;
    border: 1px solid #eaeaea !important; }
    .wt-pricing-table .wt-pricing-header img {
      margin-right: 5px; }
    .wt-pricing-table .wt-pricing-header > div {
      vertical-align: bottom; }
  .wt-pricing-table .wt-plan-action {
    border: 1px solid #eaeaea !important; }
  .wt-pricing-table .wt-pricing-heading__price {
    color: #000;
    font-size: 35px;
    font-weight: normal;
    text-transform: lowercase;
    border: 1px solid #eaeaea !important; }
    .wt-pricing-table .wt-pricing-heading__price .time {
      font-size: 14px; }
      .wt-pricing-table .wt-pricing-heading__price .time.year {
        color: #a3a3a3;
        position: relative;
        top: 5px; }
    .wt-pricing-table .wt-pricing-heading__price sup {
      font-size: 20px;
      font-weight: bold;
      position: relative; }
  .wt-pricing-table .wt-pricing-heading__1 {
    background-color: #5d5d5d; }
  .wt-pricing-table .wt-pricing-heading__2 {
    background-color: #3a86a7; }
  .wt-pricing-table .wt-pricing-heading__3 {
    background-color: #096891; }
  .wt-pricing-table .wt-pricing-heading__4 {
    background-color: #096891; }

.wt-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.wt-video-wrapper object, .wt-video-wrapper embed, .wt-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.media, .media-body {
  overflow: hidden;
  zoom: 1; }

.media, .media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }

.media > .pull-right {
  margin-left: 10px; }

/*==========  VARIABLES  ==========*/
.wootag-section__video {
  background-color: #fff !important;
  min-height: 800px;
  margin-top: 68px; }

.wt-video-hero {
  background-color: #2b2b2b; }

.wt-video-hero__contents {
  position: relative; }

.wt-video-hero__banner {
  background: #bac kgroundColorPlayer;
  overflow: hidden;
  position: relative; }

.wt-video-player-ratio {
  position: relative;
  padding-top: 56.25%;
  /* 16:9 */
  height: 0;
  width: 100%; }

.wt-video-player-ratio object, .wt-video-player-ratio embed, .wt-video-player-ratio iframe, .wt-video-player-ratio img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.wt-video-info {
  float: left;
  position: relative;
  z-index: 10;
  height: 304px;
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out; }
  .wt-video-info.wt-collapsed {
    height: 262px; }
    .wt-video-info.wt-collapsed .wt-video-description {
      height: 40px; }
  .wt-video-info h3 {
    display: inline-block;
    padding-top: 1em; }
  .wt-video-info .wt-video-info--data {
    width: 100%;
    overflow: hidden;
    font-size: 0;
    margin-top: 25px; }
    .wt-video-info .wt-video-info--data .wt-video-info--data--cell {
      float: left;
      margin: 0;
      padding: 0;
      width: 33.33%;
      font-size: 16px; }
      .wt-video-info .wt-video-info--data .wt-video-info--data--cell .wt-video-info-wticon__wrapper {
        height: 70px;
        width: 40px;
        float: left; }
        .wt-video-info .wt-video-info--data .wt-video-info--data--cell .wt-video-info-wticon__wrapper .wticon {
          font-size: 30px; }
      .wt-video-info .wt-video-info--data .wt-video-info--data--cell .wt-video-info-data__wrapper {
        float: left;
        padding: 0;
        margin: 0 0 0 20px;
        width: 50%; }
        .wt-video-info .wt-video-info--data .wt-video-info--data--cell .wt-video-info-data__wrapper .wt-video-info-label {
          font-weight: bold;
          font-size: 16px;
          float: left;
          width: 100%;
          padding: 0 25px 3px 0;
          margin: 0;
          border-bottom: 1px solid #d1d1d1;
          color: #4b4b4b; }
        .wt-video-info .wt-video-info--data .wt-video-info--data--cell .wt-video-info-data__wrapper .wt-video-info-value {
          float: left;
          font-size: 23px;
          font-weight: normal;
          color: #4b4b4b;
          margin: 5px 0;
          padding: 0; }
  .wt-video-info .wt-video-description {
    margin: 11px 0 24px 0;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-transition: height .15s ease-in-out;
    transition: height .15s ease-in-out; }
    .wt-video-info .wt-video-description p {
      color: #4b4b4b;
      font-size: 14px;
      line-height: 20px; }
      .wt-video-info .wt-video-description p:first-child {
        margin-top: 0;
        padding-top: 0; }
  .wt-video-info .wt-read-more {
    position: relative;
    display: inline-block;
    padding: 5px 12px;
    background-color: #4b4b4b;
    opacity: 1;
    -webkit-transition: opacity .35s ease-in-out;
    transition: opacity .35s ease-in-out;
    font-size: 13px;
    color: #fff; }
    .wt-video-info .wt-read-more:hover {
      opacity: .9; }
    .wt-video-info .wt-read-more .icon {
      vertical-align: middle;
      margin-left: 35px;
      font-size: 10px; }

.wt-video-share-global {
  position: relative;
  float: left;
  z-index: 10;
  width: 50%;
  height: 142px;
  background-color: #4b4b4b;
  color: #fff;
  padding-left: 20px; }
  .wt-video-share-global .wt-video-share-global-title {
    font-weight: normal;
    font-size: 14px; }

.wt-video-sharing-tools {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0); }
  .wt-video-sharing-tools .wt-link i {
    font-size: 1.2em; }

.wootag-section__video-brand .wt-video-sharing-tools {
  position: relative;
  top: 10px; }
.wootag-section__video-brand .wt-powered-by-wootag {
  position: relative;
  top: 100px; }

.wt-flip-container {
  position: relative;
  margin-top: 10px;
  -webkit-perspective: 1000;
  perspective: 1000; }
  .wt-flip-container .wt-flip-cards {
    width: 99px;
    height: 34px;
    position: relative;
    float: left;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .wt-flip-container .wt-flip-cards:hover {
    cursor: pointer;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); }
  .wt-flip-container .wt-flip-cards div {
    width: 99px;
    height: 34px;
    position: absolute;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden; }
  .wt-flip-container .front-card {
    z-index: 2;
    background-image: url('../../images/powered-by-wootag.png'); }
  .wt-flip-container .reverse-card {
    background-image: url('../../images/powered-by-wootag-flip.png');
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }

ul.wt-video-wall {
  list-style: none;
  margin: 0;
  padding: 0;
  outline: 0;
  width: 100%;
  position: relative; }
  ul.wt-video-wall:before, ul.wt-video-wall:after {
    content: " ";
    display: table; }
  ul.wt-video-wall:after {
    clear: both; }
  ul.wt-video-wall.list-links a::before, ul.wt-video-wall li::before {
    display: none !important; }
  ul.wt-video-wall li {
    list-style: none;
    padding: 0;
    margin: 0;
    outline: 0;
    border: none;
    display: block;
    position: relative;
    float: left; }
    ul.wt-video-wall li a, ul.wt-video-wall li img {
      max-width: 100%;
      width: 100%;
      height: auto;
      display: block; }
  ul.wt-video-wall .wt-video-el {
    width: 50%; }
    ul.wt-video-wall .wt-video-el img {
      /*position: absolute; // only if image is not 16/9  ratio
      left: 0;
      top: 0;
      margin: 0;
      display: block;
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      max-height: none;
      max-width: none;*/ }
    ul.wt-video-wall .wt-video-el .gamma-overlay {
      background: #fff;
      background: rgba(255, 255, 255, 0.6);
      position: absolute;
      top: 20px;
      left: 20px;
      bottom: 20px;
      right: 20px;
      text-align: center;
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transition: opacity .4s ease-in-out;
      transition: opacity .4s ease-in-out; }
      ul.wt-video-wall .wt-video-el .gamma-overlay:before {
        content: '';
        height: 100%; }
      ul.wt-video-wall .wt-video-el .gamma-overlay:before, ul.wt-video-wall .wt-video-el .gamma-overlay h3 {
        display: inline-block;
        vertical-align: middle; }
      ul.wt-video-wall .wt-video-el .gamma-overlay h3 {
        position: absolute;
        top: 33%;
        left: 0;
        font-size: 16px;
        line-height: 48px;
        height: 48px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #4b4b4b;
        width: 100%;
        padding: 0 20px; }
    ul.wt-video-wall .wt-video-el:hover .gamma-overlay {
      opacity: 1;
      filter: alpha(opacity=80); }

@media only screen and (min-width: 600px) {
  .wt-video-hero__contents {
    clear: both;
    float: none;
    margin: 0 auto;
    max-width: 1000px;
    position: relative; }
  .wt-video-controls {
    background-color: #ffffff !important;
    color: #888;
    font-size: 10px;
    position: relative;
    height: 22px; }
  .wt-video-controls__slider {
    height: 22px;
    width: 100%;
    position: absolute;
    position: relative;
    background-color: #2b2b2b; }
    .wt-video-controls__slider .wt-video-controls__slider__preload {
      float: none;
      clear: both;
      margin: 0;
      max-width: 1000px;
      background-color: #696969;
      width: 30%;
      height: 100%;
      height: 22px; }
    .wt-video-controls__slider .wt-video-controls__slider__progress {
      width: 17%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      max-width: 1000px;
      background-color: #1ea3df; }
  .wt-video-controls__toolbar {
    background-color: #ffffff !important;
    clear: both;
    float: none;
    margin: 0 auto;
    height: 52px;
    border-bottom: 1px solid #d1d1d1; }
    .wt-video-controls__toolbar .wt-video-controls__toolbar__container {
      border-left: 1px solid #d1d1d1;
      max-width: 1000px;
      height: 100%;
      margin: 0 auto;
      clear: both;
      float: none; }
  .wt-video-hero__contents:after, .wt-video-controls__toolbar:after {
    content: "";
    display: table;
    clear: both; } }

.wt-video-player__player {
  margin: 0 auto;
  position: relative; }

.wt-video-hero__contents:after, .wt-video-hero__contents:before {
  content: " ";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1; }

.wt-video-hero__contents:before {
  left: -10px;
  width: 10px;
  background-image: -webkit-linear-gradient(left, #333333 0%, transparent);
  background-image: -webkit-linear-gradient(right, #333333 0%, transparent);
  background-image: linear-gradient(to left, #333333 0%, transparent); }

.wt-video-hero__contents:after {
  right: -10px;
  width: 10px;
  background-image: -webkit-linear-gradient(right, #333333 0%, transparent);
  background-image: -webkit-linear-gradient(left, #333333 0%, transparent);
  background-image: linear-gradient(to right, #333333 0%, transparent); }

@media only screen and (min-width: 600px) {
  .wt-video-player__player {
    max-width: 512px;
    padding: 0; } }

@media only screen and (min-width: 768px) {
  .wt-video-player__player {
    max-width: 640px; }
  .wt-video-info {
    width: 66.67%;
    padding-left: 24px; }
    .wt-video-info.wt-collapsed {
      height: 174px; }
    .wt-video-info .wt-video-info--data .wt-video-info--data--cell {
      width: 33.33%; }
  .wt-video-share-global {
    width: 33.33%;
    height: 174px; }
  ul.wt-video-wall .wt-video-el {
    width: 33.33%; } }

@media only screen and (min-width: 1024px) {
  .wt-video-player__player {
    max-width: 854px; }
  .wt-video-info {
    padding-left: 24px; }
  .wt-video-share-global {
    height: 174px; } }

@media only screen and (min-width: 1440px) {
  .wt-video-player__player {
    max-width: 1024px; } }

/* controls bar */
.controls__button {
  float: left;
  border-right: 1px solid #d1d1d1;
  color: #898989 !important;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  height: 52px;
  padding: 12px 0 0;
  width: 52px;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out; }
  .controls__button .wticon {
    font-size: 24px;
    color: #666; }
  .controls__button.controls__volume {
    border-left: 1px solid #d1d1d1; }
  .controls__button:hover {
    opacity: 0.8; }

/* Video player for brand page */
.wootag-section__video-brand {
  background-color: #e7e8ea !important;
  min-height: 800px; }
  .wootag-section__video-brand .wt-video-hero {
    background-image: none;
    /*url('../../images/player/brand-bg.jpg');*/
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover; }
  .wootag-section__video-brand .wt-video-info, .wootag-section__video-brand .wt-video-share-global {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
  .wootag-section__video-brand .wt-video-share-global {
    height: 252px; }
  .wootag-section__video-brand .wt-video-info {
    background-color: #fff; }
    .wootag-section__video-brand .wt-video-info.wt-collapsed {
      height: 252px; }
  .wootag-section__video-brand #wt-video-tag-list {
    margin: 20px 0; }
    .wootag-section__video-brand #wt-video-tag-list .owl-item .wt-video-tag-item {
      margin: 0 14px; }
      .wootag-section__video-brand #wt-video-tag-list .owl-item .wt-video-tag-item .wt-video-tag-item-details__title {
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        position: relative;
        float: left;
        width: 150px;
        padding: 0 5px 0 0;
        margin: 0;
        color: #434343;
        font-size: 15px;
        line-height: 20px; }
      .wootag-section__video-brand #wt-video-tag-list .owl-item .wt-video-tag-item .wt-video-tag-item-details__icon {
        position: relative;
        float: left;
        margin: 0;
        width: 25px; }
        .wootag-section__video-brand #wt-video-tag-list .owl-item .wt-video-tag-item .wt-video-tag-item-details__icon:after {
          clear: both; }
    .wootag-section__video-brand #wt-video-tag-list .owl-item img {
      display: block;
      width: 100%;
      height: auto; }
    .wootag-section__video-brand #wt-video-tag-list .wt-video-tag-item-slider {
      background-color: #fff;
      list-style: none;
      margin: 0;
      padding: 0; }
      .wootag-section__video-brand #wt-video-tag-list .wt-video-tag-item-slider li {
        margin: 0;
        padding: 0; }
        .wootag-section__video-brand #wt-video-tag-list .wt-video-tag-item-slider li:before {
          display: none; }
    .wootag-section__video-brand #wt-video-tag-list .wt-video-tag-item-details {
      background-color: #fff;
      padding: 18px;
      margin: 3px 0;
      /* drop shadow */
      /* drop shadow */
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
      border: 1px solid #fff; }

/*
* Vvideo tags carousel theme
* v1.0
*/
.wt-video-theme {
  position: relative;
  margin-bottom: 40px; }

.wt-video-theme__custom-controls {
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 100%;
  height: 50px;
  display: table; }
  .wt-video-theme__custom-controls .title {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 14px; }
  .wt-video-theme__custom-controls .owl-pagination {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
    .wt-video-theme__custom-controls .owl-pagination .owl-numbers {
      display: none; }
  .wt-video-theme__custom-controls .owl-buttons {
    position: relative;
    float: right;
    padding: 0 12px;
    margin: 10px 0; }
    .wt-video-theme__custom-controls .owl-buttons div {
      position: relative;
      float: left;
      width: 60px;
      height: 30px;
      margin-right: 10px;
      border-radius: 2px;
      background-color: #4b4b4b;
      display: table;
      opacity: 1;
      -webkit-transition: opacity 350ms ease-in-out;
      transition: opacity 350ms ease-in-out; }
      .wt-video-theme__custom-controls .owl-buttons div:hover {
        opacity: .90; }
      .wt-video-theme__custom-controls .owl-buttons div .wticon {
        display: table-cell;
        vertical-align: middle; }
    .wt-video-theme__custom-controls .owl-buttons .disabled {
      cursor: text;
      background-color: #ededed; }
  .wt-video-theme__custom-controls .owl-buttons > * {
    position: relative; }

#wt-video-related-list .owl-wrapper {
  position: relative;
  float: none;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  padding: 20px 0; }

.wt-video-related-item {
  margin: 0 14px; }
  .wt-video-related-item a {
    display: block;
    width: 100%;
    height: auto; }
    .wt-video-related-item a:hover > img {
      opacity: 1; }
  .wt-video-related-item img {
    display: block;
    width: 100%;
    height: auto;
    margin: 24px 0;
    opacity: .4;
    -webkit-transition: opacity 350ms ease-in-out;
    transition: opacity 350ms ease-in-out; }

.media.media-brand-theme {
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  position: relative;
  float: none;
  padding: 20px;
  margin-top: 0; }

.wt-video-tag-img-theme > .owl-item img {
  display: block;
  height: 196px !important;
  max-width: 228px;
  margin: 0 auto; }

.wt-video-tag-img-theme > .owl-controls {
  margin-top: 10px;
  text-align: center; }

/* Styling Next and Prev buttons */
.wt-video-tag-img-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 30px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.wt-video-tag-img-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  background-color: #2bb1ee; }

/* Styling Pagination*/
.wt-video-tag-img-theme .owl-pagination {
  border-radius: 3px;
  background-color: #fff;
  /* drop shadow */
  /* drop shadow */
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #aaa;
  float: right;
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
  position: relative;
  bottom: 25px;
  right: 10px; }

.wt-video-tag-img-theme > .owl-controls {
  height: 26px;
  position: relative;
  bottom: 20px;
  float: left;
  width: 100%; }

.wt-video-tag-img-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.wt-video-tag-img-theme .owl-controls .owl-page span {
  display: block;
  width: 7px;
  height: 7px;
  margin: 5px 7px;
  border-radius: 50%;
  background-color: #a5a5a5;
  -webkit-transition: background-color 0.35s ease-in-out;
  transition: background-color 0.35s ease-in-out;
  margin-top: 8px; }

.wt-video-tag-img-theme .owl-controls .owl-page.active span, .wt-video-tag-img-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #2bb1ee; }

/* If PaginationNumbers is true */
.wt-video-tag-img-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 10px;
  border-radius: 30px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

.wootag-section__signin {
  margin-bottom: 52px; }

.tabbable:after {
  clear: both; }

.tabbable:before, .tabbable:after {
  content: "";
  display: table;
  line-height: 0; }

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
  border-bottom: 0 none; }

.tab-content > .tab-pane, .pill-content > .pill-pane {
  display: none;
  padding: 15px; }

.tab-content > .active, .pill-content > .active {
  display: block;
  padding: 19px; }

.tabs-below > .nav-tabs {
  border-top: 1px solid #DDDDDD; }
  .tabs-below > .nav-tabs > li {
    margin-bottom: 0;
    margin-top: -1px; }
    .tabs-below > .nav-tabs > li > a {
      border-radius: 0 0 4px 4px; }

.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #DDDDDD #DDDDDD; }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
  float: none; }

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
  margin-bottom: 3px;
  margin-right: 0;
  min-width: 74px; }

.tabs-left > .nav-tabs {
  border-right: 1px solid #DDDDDD;
  float: left;
  margin-right: 19px;
  float: left;
  margin-right: 0px; }
  .tabs-left > .nav-tabs > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: -1px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px; }

.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {
  border-color: #EEEEEE #DDDDDD #EEEEEE #EEEEEE; }

.tabs-right > .nav-tabs {
  border-left: 1px solid #DDDDDD;
  float: right;
  margin-left: 19px;
  float: right;
  margin-left: 0px; }
  .tabs-right > .nav-tabs > li > a {
    border-radius: 0 4px 4px 0;
    margin-left: -1px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; }

.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
  border-color: #EEEEEE #EEEEEE #EEEEEE #DDDDDD; }

.nav > .disabled > a {
  color: #999999; }
.nav .tools {
  float: right;
  position: relative;
  right: 10px;
  top: 10px; }
  .nav .tools a {
    position: relative;
    background: url('../img/icon/portlet-tray.png') no-repeat;
    -webkit-transition: all 0.1s linear 0s;
            transition: all 0.1s linear 0s; }

.nav > .disabled > a:hover, .nav > .disabled > a:focus {
  background-color: transparent;
  cursor: default;
  text-decoration: none; }

.nav-tabs {
  margin-bottom: 0px;
  background-color: #d1dade; }
  .nav-tabs > li {
    margin-bottom: -3px;
    padding-left: 0; }
    .nav-tabs > li > a {
      border-radius: 0;
      border: 0px;
      padding: 15px 20px;
      color: #8e9aa2;
      min-width: 70px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  border-width: 0px; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
  border: 0px;
  color: #505458;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

.nav > li > a:hover, .nav > li > a:focus {
  background-color: transparent;
  color: #505458; }

.nav .tools > a.remove, .nav .tools > a.remove {
  background-position: -66px -38px;
  width: 10px;
  height: 10px; }

.nav .tools > a.config, .nav.tools > a.config {
  background-position: -3px -32px;
  width: 22px;
  height: 22px; }

.nav .tools > a.reload, .nav .tools > a.reload {
  background-position: -37px -38px;
  width: 12px;
  height: 10px; }

.nav .tools > a.expand, .nav .tools > a.expand {
  background-position: -123px -40px;
  width: 10px;
  height: 6px; }

.nav .tools > a.collapse, .nav.tools > a.collapse {
  background-position: -95px -40px;
  width: 9px;
  height: 7px; }

.nav-pills {
  margin-bottom: 10px; }
  .nav-pills > li > a {
    padding: 8px 12px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #0090d9; }

.nav-tabs > li > a, .nav-pills > li > a {
  margin-right: 0px; }

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
  background-color: #C1CACE; }

.accordion-group {
  border: 0px; }

.accordion-heading {
  background-color: #D1DADE;
  border-radius: 3px;
  min-height: 35px; }
  .accordion-heading a {
    color: #505458; }
    .accordion-heading a.collapsed {
      color: #8E9AA2; }
    .accordion-heading a:hover.collapsed {
      color: #505458; }
  .accordion-heading .collapsed {
    background-color: #d9e0e4;
    border-radius: 3px; }
    .accordion-heading .collapsed i {
      font-family: 'FontAwesome';
      float: right;
      position: relative;
      top: 4px; }
      .accordion-heading .collapsed i:before {
        content: "\f055"; }
  .accordion-heading i {
    font-family: 'FontAwesome';
    float: right;
    position: relative;
    top: 4px; }
    .accordion-heading i:before {
      content: "\f056"; }
  .accordion-heading .accordion-toggle {
    padding: 12px 18px; }

.panel {
  background-color: transparent;
  box-shadow: none; }

.panel-default {
  border: 0px; }
  .panel-default > .panel-heading {
    background-image: none;
    background-color: #D9E0E4;
    border-radius: 2px;
    box-shadow: none; }

.panel-group {
  margin-bottom: 18px; }
  .panel-group .panel-heading + .panel-collapse .panel-body {
    border: 0; }
  .panel-group .panel + .panel {
    margin-top: 2px; }

.panel-title > a {
  color: #505458;
  font-size: 13px;
  font-weight: normal;
  display: block; }
  .panel-title > a:hover {
    color: #505458 !important; }
    .panel-title > a:hover:after {
      color: #505458 !important; }

.panel-heading.collapsed {
  background-color: #d1dade; }
.panel-heading .panel-title > a:after {
  font-family: 'FontAwesome';
  content: "\f056";
  float: right;
  color: #505458; }
.panel-heading .panel-title > a.collapsed {
  color: #8E9AA2; }
  .panel-heading .panel-title > a.collapsed:after {
    content: "\f055";
    color: #8E9AA2; }

.nav-tabs__wootag-theme {
  background-color: #fff; }
  .nav-tabs__wootag-theme li a {
    text-transform: uppercase;
    color: #545454;
    font-size: 13px; }
  .nav-tabs__wootag-theme li.active {
    border-top: 2px solid #33b0e9; }
    .nav-tabs__wootag-theme li.active a {
      color: #33b0e9; }
  .nav-tabs__wootag-theme li.nav-tabs-close {
    position: absolute;
    right: 22px;
    top: 5px; }

.wt-nav-tabs-login {
  border-bottom: 1px solid #474a4c;
  margin-bottom: 0px;
  background-color: transparent;
  padding: 0;
  list-style: none; }
  .wt-nav-tabs-login:before, .wt-nav-tabs-login:after {
    display: table;
    content: " "; }
  .wt-nav-tabs-login:after {
    clear: both; }

ul > li {
  padding-left: 6px;
  line-height: 20px; }

.nav > li {
  position: relative;
  display: block; }

.wt-nav-tabs-login > li {
  float: left;
  margin-bottom: 0;
  padding-left: 0; }
  .wt-nav-tabs-login > li:before {
    display: none; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }

.wt-nav-tabs-login > li > a {
  line-height: 1.42857143;
  border: 1px solid #474a4c;
  border-bottom: none;
  border-radius: 0px !important; }

.wt-nav-tabs-login > li.active a {
  background-color: #39b3ea;
  color: #fff !important;
  font-size: 20px; }

.wt-nav-tabs-login > li > a {
  border-radius: 0;
  padding: 15px 20px;
  color: #fff;
  min-width: 70px; }
  .wt-nav-tabs-login > li > a:hover {
    color: #39b3ea; }

label, input, button, select, textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px; }

input, button, select, textarea {
  font-family: Helvetica, Arial, sans-serif; }

.uneditable-input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  font-family: Helvetica, Arial, sans-serif;
  -webkit-appearance: none !important;
  color: #282323;
  outline: 0;
  height: 16px;
  padding: 6px 11px !important;
  line-height: 15px;
  font-size: 15px;
  font-weight: normal;
  vertical-align: top;
  background-color: #fff;
  min-height: 30px;
  box-shadow: none !important;
  border-radius: 0px;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  -webkit-transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
          transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s; }

input {
  border: 1px solid #cecece; }
  input.no-border {
    border: none; }
  input.dark {
    background-color: #e5e9ec;
    border: none; }
  input.error {
    border: 1px solid #f35958; }

textarea {
  height: auto;
  padding-left: 12px !important;
  padding-top: 10px !important; }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px;
  line-height: normal;
  cursor: pointer;
  box-sizing: border-box; }

select, input[type="file"] {
  height: 30px !important;
  line-height: 30px; }

select {
  width: 220px;
  background-color: #fff;
  background-image: none !important;
  border: 1px solid #e5e5e5;
  outline: none;
  min-height: 35px; }
  select.xsmall {
    width: 64px !important; }
  select.small {
    width: 134px !important; }
  select.medium {
    width: 220px !important; }
  select.large {
    width: 334px !important; }

select[multiple], select[size] {
  height: auto !important; }

select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: thin dotted #333333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: none !important; }

input[class*="span"] {
  float: none;
  height: 34px !important;
  margin-left: 0; }

select[class*="span"], textarea[class*="span"] {
  float: none;
  margin-left: 0; }

.input-lg {
  border-radius: 3px !important;
  font-size: 18px !important;
  height: 45px !important;
  line-height: 1.33 !important; }

.input-sm {
  font-size: 13px !important;
  min-height: 20px !important; }

.input-prepend, .input-append {
  border: 0;
  display: inline-block; }

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 24px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #e5e5e5;
  border: 1px solid #e5e5e5; }

.input-append .add-on > .halflings-icon, .input-prepend .add-on > i, .input-prepend .add-on > .fa {
  margin-top: 5px;
  margin-left: 3px; }

.input-append .add-on > .halflings-icon .input-append .add-on > i, .input-append .add-on > .fa {
  margin-top: 5px;
  margin-left: 0px; }

.input-append, .input-append :focus {
  border-right: 0 !important; }

.input-append input[class*="span"], .input-prepend input[class*="span"], .input-append input, .input-prepend input {
  display: inline-block !important;
  width: 100%;
  float: left; }

.xsmall {
  width: 50px !important; }

.small {
  width: 120px !important; }

.medium {
  width: 206px !important; }

.large {
  width: 320px !important; }

.huge {
  width: 480px !important;
  font-size: 24px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 22px 8px !important; }

.radio, .checkbox {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0px; }

.radio label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80; }
  .radio label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 2.5px;
    background-color: #fff;
    border: 1px solid #c2c6cb;
    border-radius: 99px; }
  .radio label:after {
    font-size: 13px;
    content: "";
    text-align: center;
    display: inline-block;
    width: 17px;
    height: 17px;
    position: absolute;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 99px;
    left: 0px;
    top: 1px;
    background-color: #6f7b8a;
    border: 1px solid #6f7b8a; }
.radio input[type=radio] {
  display: none; }
.radio input[type=radio][disabled] + label {
  opacity: 0.65; }
.radio.radio-success label:after {
  background-color: #0aa699;
  border: 1px solid #0aa699; }
.radio.radio-success input[type=radio]:checked + label:before {
  border: 1px solid #0aa699; }
.radio.radio-primary label:after {
  background-color: #0aa699;
  border: 1px solid #0aa699; }
.radio.radio-primary input[type=radio]:checked + label:before {
  border: 1px solid #0aa699; }
.radio.radio-info label:after {
  background-color: #0090D9;
  border: 1px solid #0090D9; }
.radio.radio-info label input[type=radio]:checked + :before {
  border: 1px solid #0090D9; }
.radio.radio-warning label:after {
  background-color: #FDD01C;
  border: 1px solid #FDD01C; }
.radio.radio-warning input[type=radio]:checked + label:before {
  border: 1px solid #FDD01C; }
.radio.radio-danger label:after {
  background-color: #F35958;
  border: 1px solid #F35958; }
.radio.radio-danger input[type=radio]:checked + label:before {
  border: 1px solid #F35958; }
.radio input[type=radio]:checked + label {
  color: #4d5056; }
  .radio input[type=radio]:checked + label:after {
    -ms-transform: scale(0.63);
    -webkit-transform: scale(0.63);
    transform: scale(0.63);
    line-height: 18px;
    -webkit-transition: -webkit-transform .1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    -webkit-transition: -webkit-transform .1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
    transition: transform .1s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); }
  .radio input[type=radio]:checked + label:before {
    border: 1px solid #8e9095; }

.checkbox input[type=radio][disabled] + label:after {
  background-color: #eceff3; }
.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 13px;
  margin-bottom: 6px;
  color: #777a80;
  -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
          transition: border 0.2s linear 0s, color 0.2s linear 0s;
  margin-bottom: 10px; }
  .checkbox label:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: 1.4px;
    background-color: #fff;
    border: 1px solid #c2c6cb;
    border-radius: 3px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
            transition: border 0.2s linear 0s, color 0.2s linear 0s; }
  .checkbox label::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 3.2px;
    top: 0px;
    font-size: 11px;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
            transition: border 0.2s linear 0s, color 0.2s linear 0s; }
  .checkbox label:after {
    border-radius: 3px; }
.checkbox input[type=checkbox] {
  display: none; }
.checkbox.checkbox-circle label:after {
  border-radius: 99px; }
.checkbox.checkbox-circle label:before {
  border-radius: 99px; }
.checkbox input[type=checkbox]:checked + label {
  color: #4d5056; }
  .checkbox input[type=checkbox]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C"; }
.checkbox input[type=checkbox][disabled] + label {
  opacity: 0.65; }
  .checkbox input[type=checkbox][disabled] + label:before {
    background-color: #eceff3; }
.checkbox.check-success input[type=checkbox]:checked + label:before {
  background-color: #0aa699;
  border: 1px solid #0aa699; }
.checkbox.check-success input[type=checkbox]:checked + label::after {
  color: #fff; }
.checkbox.check-primary input[type=checkbox]:checked + label:before {
  background-color: #0aa699;
  border: 1px solid #0aa699; }
.checkbox.check-primary input[type=checkbox]:checked + label::after {
  color: #fff; }
.checkbox.check-info input[type=checkbox]:checked + label:before {
  background-color: #0090D9;
  border: 1px solid #0090D9; }
.checkbox.check-info input[type=checkbox]:checked + label::after {
  color: #fff; }
.checkbox.check-warning input[type=checkbox]:checked + label:before {
  background-color: #FDD01C;
  border: 1px solid #FDD01C; }
.checkbox.check-warning input[type=checkbox]:checked + label::after {
  color: #fff; }
.checkbox.check-danger input[type=checkbox]:checked + label:before {
  background-color: #F35958;
  border: 1px solid #F35958; }
.checkbox.check-danger input[type=checkbox]:checked + label::after {
  color: #fff; }

table td .checkbox label {
  padding-left: 0px; }
table th .checkbox label {
  padding-left: 0px; }
table.fc-border-separate {
  margin-top: 20px; }

.star label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
          transition: border 0.2s linear 0s, color 0.2s linear 0s;
  margin-bottom: 10px; }
  .star label:before {
    font-family: 'FontAwesome';
    content: "\F005";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    top: -4px;
    font-size: 18px;
    color: #97a3b3;
    -webkit-transition: border 0.2s linear 0s, color 0.2s linear 0s;
            transition: border 0.2s linear 0s, color 0.2s linear 0s; }
.star input[type=checkbox] {
  display: none; }
.star input[type=checkbox]:checked + label:before {
  color: #ffd200; }

.wysihtml5-toolbar li {
  padding-left: 0px; }

.bootstrap-tagsinput {
  border: 1px solid #E5E9EC;
  border-radius: 3px;
  box-shadow: none;
  width: 100%;
  -webkit-transition: background 0.2s linear 0s;
          transition: background 0.2s linear 0s; }
  .bootstrap-tagsinput.active-element {
    background-color: #f4f5f7; }
  .bootstrap-tagsinput input {
    border: none;
    margin-bottom: 0px;
    min-height: 25px; }
  .bootstrap-tagsinput .tag {
    vertical-align: middle;
    padding: 4px 9px;
    margin-top: 3px;
    display: inline-block; }

.bootstrap-tagsinput .tag [data-role="remove"]:hover:active, .bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: none; }

form {
  margin: 0; }
  form legend {
    margin: 15px 0px 10px 0px !important; }

.column-seperation > div[class*="col-"] {
  border-right: 1px solid #ddd; }
.column-seperation > div[class*="col-"]:last-child {
  border-right: 0px; }

.form-no-horizontal-spacing .row-fluid .side-label {
  border-right: 1px solid #dddddd; }
.form-no-horizontal-spacing .error {
  margin-bottom: 10px; }

input.placeholder, textarea.placeholder {
  color: #aaa !important; }

.help-block {
  margin-top: 10px; }

.form-inline input {
  margin-bottom: 0px !important; }

.form-label {
  margin-top: 2px; }
  .form-label .required {
    color: #e02222;
    font-size: 12px;
    padding-left: 2px; }

.help-inline {
  margin-top: 6px; }

.help-small {
  font-size: 12px;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0; }

.success .help-inline.ok:before {
  content: "\f00c";
  font-size: 16px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block; }

form legend, .form-view legend {
  margin-bottom: 15px !important; }

.controls > .radio .checker, .controls > .checkbox .checker {
  margin-right: 2px !important; }

.controls > .radio, .controls > .checkbox {
  display: inline-block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 8px !important;
  margin-right: 15px !important; }

.controls > .radio.line, .controls > .checkbox.line {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 5px !important; }

.controls .inline {
  margin-top: 8px; }

.form-view .control-group {
  margin-top: 0px;
  margin-bottom: 5px; }

.uploader {
  margin-top: 2px !important; }

.hint {
  padding: 5px 0px 0px 10px; }

.form form {
  margin: 0px !important;
  padding: 0px !important; }
.form .form-actions {
  background-color: #f5f5f5 !important;
  margin-top: 0px !important;
  margin-top: 40px;
  padding-left: 190px; }

.form-actions {
  background-color: #F2F4F6;
  border: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 19px 20px 20px; }
  .form-actions:after {
    clear: both; }

.form-actions:before, .form-actions:after {
  content: "";
  display: table;
  line-height: 0; }

.form-horizontal {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -4px; }
  .form-horizontal.form-bordered .control-group {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee; }
    .form-horizontal.form-bordered .control-group:first-child {
      border-bottom: 1px solid #eee !important; }
    .form-horizontal.form-bordered .control-group.last {
      border-bottom: 0; }
    .form-horizontal.form-bordered .control-group .controls {
      padding: 10px;
      position: relative;
      border-left: 1px solid #eee; }
      .form-horizontal.form-bordered .control-group .controls .chosen-container {
        min-height: 32px; }
        .form-horizontal.form-bordered .control-group .controls .chosen-container .help-block {
          clear: both;
          padding-top: 10px !important; }
    .form-horizontal.form-bordered .control-group .control-label {
      margin-top: 10px; }
  .form-horizontal.form-bordered.form-row-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc; }
  .form-horizontal.form-bordered.form-row-stripped .m-wrap {
    background: #fff !important; }
  .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) {
    background-color: #fcfcfc; }
    .form-horizontal.form-bordered.form-label-stripped .control-group:nth-child(even) .controls {
      background-color: #fff; }

.form-horizontal.form-bordered .help-inline, .form-horizontal.form-bordered .help-block {
  padding-left: 0; }

.grid.box .form .form-actions, .grid.solid .form .form-actions {
  margin-left: -10px !important;
  margin-right: -10px !important;
  margin-bottom: -10px !important; }

.wizard-steps {
  display: block;
  list-style: none outside none;
  padding: 0;
  position: relative;
  width: 100%; }
  .wizard-steps li {
    display: block;
    float: left;
    max-width: 25%;
    min-width: 25%;
    text-align: center;
    padding-left: 0; }
    .wizard-steps li:before {
      border-top: 6px solid #55606E;
      content: "";
      display: block;
      font-size: 0;
      overflow: hidden;
      position: relative;
      top: 13px;
      right: 1px;
      width: 100%;
      z-index: 1; }
    .wizard-steps li:first-child:before {
      left: 50%;
      max-width: 50%; }
    .wizard-steps li:last-child:before {
      max-width: 50%;
      width: 50%; }
    .wizard-steps li.complete .step {
      background-color: #0aa699;
      padding: 1px 6px;
      border: 4px solid #55606e; }
    .wizard-steps li .step {
      background-color: #D1DADE;
      border-radius: 32px 32px 32px 32px;
      color: #fff;
      display: inline;
      font-size: 15px;
      font-weight: bold;
      line-height: 12px;
      padding: 4px 9px;
      position: relative;
      text-align: center;
      z-index: 2;
      -webkit-transition: all 0.2s linear 0s;
              transition: all 0.2s linear 0s; }
      .wizard-steps li .step i {
        font-size: 10px;
        font-weight: normal;
        position: relative;
        top: -1.5px; }
    .wizard-steps li .title {
      color: #B1BCC5;
      display: block;
      font-size: 13px;
      line-height: 15px;
      max-width: 100%;
      position: relative;
      table-layout: fixed;
      text-align: center;
      top: 20px;
      word-wrap: break-word;
      z-index: 104; }

.wizard-steps a:hover, .wizard-steps a:active, .wizard-steps a:focus {
  text-decoration: none; }

.wizard-steps li.active .step, .wizard-steps li.active.complete .step {
  background-color: #0090D9;
  color: #fff;
  font-weight: bold;
  padding: 10px 15px;
  border: none;
  font-size: 16px; }

.wizard-steps li.complete .title, .wizard-steps li.active .title {
  color: #2B3D53; }

.step-content {
  margin-left: 60px;
  margin-top: 40px; }
  .step-content .step-pane {
    display: none;
    min-height: 267px; }
  .step-content .active {
    display: block; }

.wizard-actions {
  display: block;
  list-style: none outside none;
  padding: 0;
  position: relative;
  width: 100%; }
  .wizard-actions li {
    display: inline; }

.tab-content {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: #fff;
  overflow: hidden;
  margin-bottom: 18px; }
  .tab-content.transparent {
    background-color: transparent; }

.wt-tab-content-share-tools label {
  display: inline-block; }
.wt-tab-content-share-tools span {
  display: inline; }
.wt-tab-content-share-tools .wt-share-embed-options {
  margin-top: 12px; }
.wt-tab-content-share-tools #wt-share-embed-customize input {
  width: 60px;
  display: inline-block; }

.form-group {
  margin-bottom: 15px; }
  .form-group .form-label {
    color: #6f7b8a;
    /*#55606e;*/
    display: inline-block;
    margin-right: 8px;
    font-weight: 600; }
  .form-group .help {
    color: #A7ABB1;
    font-size: 12px; }
  .form-group .controls {
    margin-top: 2px; }

.form-control {
  border: 1px solid #E5E9EC;
  font-size: 14px; }

.form-row input, .form-row select, .form-row textarea, .form-row select2 {
  margin-bottom: 10px; }

.form-row .radio {
  margin-bottom: 7px; }
.form-row:last-child {
  margin-bottom: 0; }

.slide-primary, .slide-success {
  display: inline-block; }

.slide-primary .ios-switch .on-background {
  background-image: none;
  background-color: #0aa699; }

.slide-success .ios-switch .on-background {
  background-image: none;
  background-color: #0aa699; }

.select2-container .select2-choice {
  background-image: none;
  border-radius: 2px;
  border: 1px solid #e5e9ec;
  padding: 3px 9px;
  -webkit-transition: border 0.2s linear 0s;
          transition: border 0.2s linear 0s;
  height: 35px; }
  .select2-container .select2-choice .select2-arrow {
    background: transparent;
    border-left: 0px; }
    .select2-container .select2-choice .select2-arrow b {
      background: none; }
      .select2-container .select2-choice .select2-arrow b:before {
        font-family: 'FontAwesome';
        content: "\f0d7";
        position: relative;
        top: 2px;
        right: 5px;
        font-size: 12px; }
.select2-container.select2-drop-above .select2-choice {
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px; }

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
  background-image: none;
  border: 1px solid #e5e9ec;
  background: #f4f5f7; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

.select2-drop.select2-drop-above {
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: none; }
  .select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #e5e9ec;
    border-bottom: none;
    border-radius: 2px;
    padding-top: 0px; }

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
  box-shadow: none;
  border: 1px solid #e5e9ec;
  background: #f4f5f7;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.select2-search {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px; }
  .select2-search input {
    background: #fff !important;
    vertical-align: baseline;
    line-height: 28px;
    border-radius: 2px;
    border: none;
    font-size: 12px;
    border: 1px solid #999999; }

.select2-results {
  margin: 3px 10px 10px 3px; }
  .select2-results li {
    color: #6F7B8A; }
    .select2-results li.select2-result-with-children > .select2-result-label {
      color: #282323; }
  .select2-results .select2-highlighted {
    background: #0090D9;
    border-radius: 3px; }
    .select2-results .select2-highlighted .select2-result-label {
      color: #fff; }

.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
  background: none;
  color: #6F7B8A;
  font-size: 12px;
  padding-left: 8px;
  padding-top: 0px;
  position: relative;
  top: -5px; }

.select2-drop-active {
  border: 1px solid #e5e9ec;
  border-bottom: none;
  border-top: none;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  padding-top: 5px; }

.select2-container-multi .select2-choices {
  background-image: none;
  border: 1px solid #dae0e4;
  border-radius: 2px; }
  .select2-container-multi .select2-choices .select2-search-choice {
    background-color: #e8edf1;
    background-image: none;
    border: none;
    box-shadow: none;
    color: inherit;
    border-radius: 8px;
    margin: 8px -5px 7px 10px;
    padding: 4px 8px 4px 21px; }
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #dae0e4;
  box-shadow: none; }
.select2-container-multi.select2-container-active .select2-search-choice {
  background-color: #fff !important; }
.select2-container-multi .select2-search-choice-close {
  left: 6px; }

.select2-search-choice-close {
  background: none;
  top: 4px;
  right: 0; }
  .select2-search-choice-close:hover {
    text-decoration: none; }
  .select2-search-choice-close:before {
    font-family: 'FontAwesome';
    content: "\f00d";
    font-size: 12px;
    color: #94a1b2; }

.select2-drop-multi .select2-results .select2-no-results, .select2-drop-multi .select2-results .select2-searching, .select2-drop-multi .select2-results .select2-selection-limit {
  top: 0px; }

.select2.form-control {
  padding: 0;
  box-shadow: none;
  border: 0; }

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  border-radius: 0 2px 2px 0; }

.input-prepend.inside .add-on:first-child, .input-prepend .btn:first-child {
  background-color: #fff;
  border: 1px solid #e5e9ec;
  position: relative;
  left: 3px;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 4px;
  padding-top: 4px;
  top: 0px;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
          transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
  color: #9ea9b2; }

.input-prepend.inside.no-border .add-on:first-child, .input-prepend.no-border .btn:first-child {
  border: none; }

.input-append .add-on, .input-prepend .add-on {
  position: absolute;
  background-color: #D1DADE;
  color: #5E5E5E;
  text-shadow: none;
  border: #D1DADE;
  border-radius: 0 2px 2px 0;
  height: 37px;
  min-width: 34px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 6px; }

.input-append .add-on .arrow {
  background-color: transparent !important;
  position: absolute;
  left: -6px;
  color: #D1DADE;
  z-index: 100;
  font-size: 26px; }
  .input-append .add-on .arrow:before {
    font-family: 'FontAwesome';
    content: "\f0d9 "; }
.input-append.primary .add-on .arrow {
  color: #0aa699; }
.input-append.success .add-on .arrow {
  color: #005b4e; }
.input-append.info .add-on .arrow {
  color: #00458e; }
.input-append.warning .add-on .arrow {
  color: #FDD01C; }
.input-append.danger .add-on .arrow {
  color: #F35958; }
.input-append input[class*="span"] {
  padding-left: 16px;
  border-right: 0px;
  -webkit-border-radius: 2px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius: 2px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  border-radius: 2px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px; }
.input-append .form-control {
  display: inline-block; }

.input-append.primary .add-on, .input-prepend .add-on {
  background-color: #0aa699;
  color: #fff; }

.input-append.success .add-on, .input-prepend .add-on {
  background-color: #005b4e;
  color: #fff;
  display: inline-block;
  float: left; }

.input-append.info .add-on, .input-prepend .add-on {
  background-color: #00458e;
  color: #fff; }

.input-append.warning .add-on, .input-prepend .add-on {
  background-color: #FDD01C;
  color: #fff; }

.input-append.danger .add-on, .input-prepend .add-on {
  background-color: #F35958;
  color: #fff; }

.input-focus {
  background-color: #f4f5f7 !important;
  color: #56646e !important; }

.no-border .input-focus {
  border: none !important; }

.input-prepend input[class*="span"] {
  padding-left: 16px;
  border-left: 0px;
  -webkit-border-radius: 2px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 2px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 2px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px; }

.input-with-icon {
  position: relative; }
  .input-with-icon input {
    padding-left: 32px !important; }
  .input-with-icon i {
    color: #e5e9ec;
    display: block;
    position: absolute;
    margin: 9px 2px 4px 10px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center; }
  .input-with-icon.right input {
    padding-left: 12px !important;
    padding-right: 33px !important; }
  .input-with-icon.right i {
    right: 8px;
    float: right; }

.input-group-addon {
  border: 1px solid #E5E9EC;
  color: #9EA9B2;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 3px;
  -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s;
          transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s, color 0.2s linear 0s, box-shadow 0.2s linear 0s, background 0.2s linear 0s; }
  .input-group-addon i {
    position: relative;
    top: 1px; }
  .input-group-addon.primary {
    background-color: #0aa699;
    border: 1px solid #0aa699;
    color: #fff;
    background-color: #0aa699;
    border: 1px solid #0aa699;
    color: #fff; }
    .input-group-addon.primary .arrow {
      color: #0aa699; }
  .input-group-addon.success {
    background-color: #0090d9;
    color: #fff; }
    .input-group-addon.success .arrow {
      color: #0090d9; }
  .input-group-addon.info {
    background-color: #1f3853;
    color: #fff; }
    .input-group-addon.info .arrow {
      color: #1f3853; }
  .input-group-addon.warning {
    background-color: #fbb05e;
    color: #fff;
    background-color: #fbb05e;
    color: #fff; }
    .input-group-addon.warning .arrow {
      color: #fbb05e; }
  .input-group-addon.danger {
    background-color: #f35958;
    color: #fff; }
    .input-group-addon.danger .arrow {
      color: #f35958; }
  .input-group-addon .arrow {
    position: relative;
    right: -6px;
    color: #D1DADE;
    z-index: 100; }
    .input-group-addon .arrow:before {
      font-family: 'FontAwesome';
      content: "\f0da";
      font-size: 23px;
      position: absolute;
      left: 17px;
      top: -2px; }
  .input-group-addon:last-child .arrow:before {
    font-family: 'FontAwesome';
    content: "\f0d9";
    font-size: 23px;
    position: absolute;
    left: -23px;
    top: -2px; }
  .input-group-addon:last-child input {
    border-left: 0px; }

.transparent .input-group-addon {
  background-color: #fff;
  padding: 8px 1px 10px 9px; }
.transparent input {
  border-left: 0px; }

.transparent.input-group .form-control:first-child, .transparent .input-group-addon:first-child, .transparent .input-group-btn:first-child > .btn, .transparent .input-group-btn:first-child > .dropdown-toggle, .transparent .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0px;
  border-left: 1px solid #e5e9ec; }

.transparent .input-group .form-control:last-child, .transparent .input-group-addon:last-child, .transparent .input-group-btn:last-child > .btn, .transparent .input-group-btn:last-child > .dropdown-toggle, .transparent .input-group-btn:first-child > .btn:not(:first-child) {
  padding: 6px 10px; }

.datepicker {
  padding: 10px 16px;
  border-radius: 2px;
  font-size: 12px; }
  .datepicker thead tr .datepicker-switch {
    color: #6f7b8a;
    font-size: 13px; }
  .datepicker thead tr .prev {
    color: #0090d9;
    content: '';
    font-size: 0px; }
    .datepicker thead tr .prev:before {
      color: #0090d9;
      font-family: 'FontAwesome';
      content: "\f053";
      font-size: 13px; }
  .datepicker thead tr .next {
    color: #0090d9;
    content: '';
    font-size: 0px; }
    .datepicker thead tr .next:before {
      color: #0090d9;
      font-family: 'FontAwesome';
      content: "\f054";
      font-size: 13px; }
  .datepicker thead tr .dow {
    color: #0090d9;
    text-transform: uppercase;
    font-size: 11px; }
  .datepicker tbody tr .odd {
    color: #d0d3d8; }
  .datepicker table tr td.day:hover {
    background: #eeeeee;
    opacity: 0.65; }
  .datepicker table tr td span {
    border-radius: 4px 4px 4px 4px; }

.datepicker th, .datepicker td {
  padding: 5.5px !important; }

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #d0d3d8; }

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-image: none;
  text-shadow: none;
  font-weight: 600; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: #e5e9ec;
  background-image: none;
  color: #fff; }

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
  background-color: #0090d9; }

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-image: none;
  border: none;
  text-shadow: none; }

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled[disabled]:hover {
  background-color: #0090d9; }

.datepicker-inline {
  width: auto; }

.error {
  font-size: 12px;
  color: #f35958;
  display: block; }

.error-control input {
  border: 1px solid #F35958; }
.error-control i {
  color: #F35958; }

.success-control input {
  border: 1px solid #0f9d58; }
.success-control i {
  color: #0f9d58; }

.wt-tab-content-login {
  background-color: transparent; }

.wt-password-forgoten-link {
  color: #fff !important; }

#wt_login_btn, #wt_register_btn {
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase; }
  #wt_login_btn:hover, #wt_register_btn:hover {
    background: #35b1e9;
    border-color: #35b1e9; }

.wootag-section__checkout .wt-fullscreen-content {
  min-height: 530px;
  max-height: 600px; }
.wootag-section__checkout .wt-checkout-form-inline {
  display: inline-block; }
  .wootag-section__checkout .wt-checkout-form-inline.col-2 {
    margin-left: 8px; }
.wootag-section__checkout .wt-checkout-form-creditcard-code {
  margin-left: 12px; }
.wootag-section__checkout .radio, .wootag-section__checkout .checkbox {
  margin: 3px 0 0 0; }
.wootag-section__checkout .radio label:before {
  bottom: 2px; }
.wootag-section__checkout .wt-cart {
  list-style: none;
  padding: 0;
  margin: 10px 0; }
  .wootag-section__checkout .wt-cart li {
    color: #fff;
    font-size: 13px;
    padding: 10px 0;
    border-top: 1px solid #4a4544; }
    .wootag-section__checkout .wt-cart li:before {
      display: none; }
    .wootag-section__checkout .wt-cart li .wt-cart-total-price {
      font-size: 16px;
      font-weight: 700; }
    .wootag-section__checkout .wt-cart li .wt-cart-price {
      float: right; }

@media only screen and (min-width: 900px) {
  .wootag-section__checkout .wt-fullscreen-container {
    margin-top: 5%; } }

@media only screen and (min-width: 1441px) {
  .wootag-section__checkout .wt-fullscreen-container {
    margin-top: 13%; } }

.wt-fullscreen-page .tab-content {
  background-color: transparent;
  margin-bottom: 9px; }
.wt-fullscreen-page .tab-pane {
  padding: 0 19px 0 0; }

.wt-fullscreen-container-centered {
  margin: 0 auto;
  position: relative;
  width: 825px; }

.wt-fullscreen-container {
  position: relative;
  margin-top: 30px;
  overflow: hidden; }

@media only screen and (min-width: 900px) {
  .wt-fullscreen-container {
    margin-top: 10%; } }

@media only screen and (min-width: 1441px) {
  .wt-fullscreen-container {
    margin-top: 15%; } }

.wt-fullscreen-header {
  width: 100%;
  height: 90px;
  opacity: .9;
  padding: 20px 30px;
  border-radius: 4px 4px 0 0;
  background-clip: padding-box;
  box-shadow: 0 1px 5px rgba(25, 23, 25, 0.5);
  background-color: #fff; }

.wt-fullscreen-header-title {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  color: #28292a;
  text-transform: uppercase;
  padding: 0; }

.wt-fullscreen-content {
  position: relative;
  width: 100%;
  min-height: 350px;
  max-height: 638px;
  height: auto;
  background-color: #36383a;
  opacity: .9;
  border-radius: 0 0 4px 4px;
  padding: 20px 30px;
  -webkit-transition: all 0.12s ease-out;
          transition: all 0.12s ease-out; }

.wt-fullscreen-content__title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #4a4c4e; }

.wt-fullscreen-floating-cart {
  float: left;
  position: relative;
  margin-top: 90px;
  margin-left: 20px;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  width: 220px; }
  .wt-fullscreen-floating-cart .wt-fullscreen-header {
    height: 40px;
    width: 220px;
    padding: 10px;
    font-size: 14px;
    color: #404040; }
  .wt-fullscreen-floating-cart .wt-fullscreen-content {
    min-height: 180px;
    max-height: 180px;
    padding: 10px; }
    .wt-fullscreen-floating-cart .wt-fullscreen-content label {
      color: #fff; }

.layout-twothirds-center {
  display: block;
  max-width: 458px;
  margin: 0 auto;
  position: relative;
  float: left;
  width: 100%; }

@media only screen and (min-width: 900px) {
  .layout-twothirds-center {
    max-width: 585px; } }

.column-2-wrap {
  width: 100%;
  height: 100%;
  position: relative; }
  .column-2-wrap .column-left {
    width: 48%;
    height: inherit;
    float: left;
    border: 0;
    position: relative;
    box-shadow: none !important; }
  .column-2-wrap .column-right {
    width: 48%;
    height: inherit;
    float: right;
    position: relative;
    margin-left: 4%; }

.wt-fullscreen-page a, .wt-fullscreen-page a:hover {
  color: #16a9ec; }
.wt-fullscreen-page .form-group .form-label {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.5px; }
.wt-fullscreen-page .radio label, .wt-fullscreen-page .checkbox label {
  color: #ddd; }
.wt-fullscreen-page select, .wt-fullscreen-page input[type="number"], .wt-fullscreen-page input[type="text"], .wt-fullscreen-page input[type="password"] {
  border-radius: 6px; }
.wt-fullscreen-page .radio input[type=radio]:checked + label, .wt-fullscreen-page .checkbox input[type=checkbox]:checked + label {
  color: #fff; }

/*==========  VARIABLES  ==========*/
.wootag-section__pricing {
  background-color: #fff !important;
  min-height: 800px;
  margin-top: 68px; }
  .wootag-section__pricing a {
    color: #60cdff;
    text-decoration: underline; }
    .wootag-section__pricing a:hover {
      text-decoration: none; }

.wt-pricing-hero {
  background-color: #007dbd; }

.wt-pricing-plans {
  background-color: #fafafa !important;
  height: 1000px; }

.wt-pricing-hero__contents {
  position: relative;
  height: 387px;
  background: #007dbd url('../../images/pricing/bg-heading.jpg') no-repeat center top;
  margin: 0;
  border: none; }

.wt-pricing-hero__banner {
  overflow: hidden;
  position: relative;
  color: #fff;
  padding: 0 30px; }
  .wt-pricing-hero__banner > .container {
    padding: 65px 0 60px; }

.wt-pricing-title {
  font-size: 38px;
  font-weight: normal;
  line-height: 45px;
  margin-bottom: 25px;
  width: 400px; }

.wt-pricing-tagline {
  font-size: 19px;
  line-height: 28px;
  font-weight: normal;
  width: 400px; }

.wt-pricing-hero__row:before, .wt-pricing-hero__row:after {
  display: table;
  content: " "; }

.wt-pricing-hero__row:after {
  clear: both; }

.wt-pricing-hero__row {
  position: relative;
  margin-top: 34px; }
  .wt-pricing-hero__row img {
    position: relative;
    top: 50px; }
  @media only screen and (max-width: 980px) {
    .wt-pricing-hero__row {
      display: table; }
      .wt-pricing-hero__row img {
        text-align: center; }
      .wt-pricing-hero__row .wt-pricing-island-wrapper {
        float: none;
        display: table-cell; }
      .wt-pricing-hero__row .wt-pricing-island-wrapper_img_wrapper {
        width: 100%;
        text-align: center;
        clear: both;
        display: table-row;
        height: 270px; } }

.wt-pricing-island-wrapper {
  position: relative;
  float: left;
  text-align: center;
  width: auto; }

.wt-pricing-island-header {
  position: relative;
  width: 100%;
  margin-bottom: 15px; }

.wt-pricing-island {
  background-color: #044968;
  width: 180px;
  height: 174px;
  position: relative;
  float: left;
  margin-left: 0; }

.wt-pricing-island + .wt-pricing-island {
  margin-left: 10px; }

.wt-pricing-island__header {
  font-size: 16px;
  font-weight: bold;
  padding-top: 16px;
  margin-bottom: 14px; }

.wt-pricing-island__body {
  font-size: 14px;
  font-weight: normal; }

.wt-pricing-inner-section {
  text-align: center;
  background-color: #fff;
  padding: 51px 0 62px; }

.wt-pricing-inner-section-tagline {
  color: #555;
  font-size: 16px;
  margin-bottom: 70px;
  padding-top: 0; }

.wt-pricing-feature {
  text-align: center; }

.wt-pricing-feature-img {
  margin-bottom: 35px; }

.wt-pricing-feature-title {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 22px; }

.wt-pricing-feature-body {
  color: #555555;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal; }

.wt-pricing-inner-section {
  background-color: #fff;
  padding: 38px 0 43px;
  text-align: center; }

.wt-pricing-inner-section-title {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 26px; }

.wt-pricing-inner-section__alternate-2 {
  background-color: #fff;
  min-height: 1px; }

.wt-pricing-inner-section__alternate {
  background: #007dbd url('../../images/pricing/bg-section.jpg') no-repeat center top;
  background-size: 100% 100%;
  margin: 0;
  border: none; }
  .wt-pricing-inner-section__alternate .wt-pricing-feature-title, .wt-pricing-inner-section__alternate .wt-pricing-feature-body, .wt-pricing-inner-section__alternate .wt-pricing-inner-section-title {
    color: #fff; }

.wt-pricing-bandwidth-selector-wrapper {
  position: relative;
  height: 190px;
  margin-top: -30px; }
  .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-carousel, .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-carousel .owl-wrapper-outer, .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-carousel .owl-wrapper, .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-carousel .owl-item {
    height: 70px; }
  .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-controls {
    margin-top: 45px; }
  .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-pagination .owl-page span {
    color: #fff; }
  .wt-pricing-bandwidth-selector-wrapper .steps--step.container {
    padding: 0; }
  .wt-pricing-bandwidth-selector-wrapper .steps--step .content {
    padding: 0; }
  .wt-pricing-bandwidth-selector-wrapper .steps--step .content p {
    color: #fff;
    font-size: 20px;
    text-align: center; }
  .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-controls {
    width: 100%; }
  .wt-pricing-bandwidth-selector-wrapper .steps .slider-container .owl-pagination .owl-page {
    margin-left: 280px; }

.wt-pricing-bandwidth-selector-legend {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
  margin-left: 20px; }

.wt-pricing-table-section {
  padding: 50px 0; }

.wt-faq-list {
  width: 100%;
  position: relative;
  text-align: left; }
  .wt-faq-list dt {
    font-size: 16px;
    font-weight: bold;
    color: #000; }
  .wt-faq-list dd {
    font-size: 16px;
    font-weight: normal;
    color: #000;
    line-height: 23px;
    margin: 0 0 25px; }

.wt-pricing-plans > .container > .plan-viewer-wrapper {
  position: relative;
  width: 640px;
  float: left; }
.wt-pricing-plans > .container > .plan-selector {
  position: relative;
  float: right;
  margin-left: 20px; }

.plan-viewer-wrapper {
  position: relative;
  height: 805px; }

.plan-viewer {
  position: absolute;
  top: 0;
  padding: 0;
  border: 1px solid #dedede;
  border-top-width: 0;
  min-height: 300px;
  background-color: #fff;
  text-align: left;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, 805px, 0);
  transform: translate3d(0, 805px, 0);
  -webkit-transition: -webkit-transform 0.6s, opacity .9s;
  transition: transform 0.6s, opacity .9s;
  z-index: 50; }
  .plan-viewer.is-visible {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10; }
  .plan-viewer > .morph-shape {
    position: absolute;
    height: 102px;
    width: 100%;
    top: -48px;
    right: 0; }
  .plan-viewer > .morph-shape svg path {
    stroke-width: 9px; }
  .plan-viewer > .border {
    height: 8px;
    width: 100%; }
  .plan-viewer > .content {
    padding: 25px 30px;
    margin: 0; }
    .plan-viewer > .content > .header {
      position: relative;
      width: 100%;
      border-bottom: 1px dashed #dedede;
      padding-bottom: 20px; }
      .plan-viewer > .content > .header > .icon {
        float: left;
        margin-right: 25px;
        width: 101px;
        height: 101px; }
      .plan-viewer > .content > .header > .body {
        overflow: hidden;
        zoom: 1; }
        .plan-viewer > .content > .header > .body > .name {
          color: #575755;
          font-family: "Droid Sans", sans-serif;
          font-size: 27px;
          line-height: 1.2;
          font-weight: bold;
          padding-top: 0; }
        .plan-viewer > .content > .header > .body > .cost {
          color: #15a9eb;
          font-family: "Droid Sans", sans-serif;
          font-size: 27px;
          line-height: 1.2;
          font-weight: normal;
          padding-top: 9px; }
        .plan-viewer > .content > .header > .body > .headline {
          color: #000;
          font-family: "Droid Sans", sans-serif;
          font-size: 14px;
          line-height: 19px;
          padding-top: 24px; }
        .plan-viewer > .content > .header > .body > .get-started {
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
          text-decoration: none;
          margin-top: 0;
          font-size: 15px; }
        .plan-viewer > .content > .header > .body > .free-trial {
          position: absolute;
          top: 44px;
          right: 0;
          color: #fff;
          text-decoration: none;
          margin-top: 0;
          font-size: 15px; }
        .plan-viewer > .content > .header > .body > .checkout {
          position: absolute;
          top: 0;
          right: 0;
          text-decoration: none;
          margin-top: 0;
          font-size: 15px;
          background-color: transparent;
          color: #17abed;
          border: 1px solid #17abed; }
    .plan-viewer > .content > .features {
      padding: 0;
      margin: 30px 0 0 0;
      list-style: none; }
      .plan-viewer > .content > .features:after {
        content: "";
        display: table;
        clear: both; }
      .plan-viewer > .content > .features > li {
        display: inline-block;
        width: 45%;
        padding: 0;
        margin: 0 0 35px 0;
        vertical-align: top; }
        .plan-viewer > .content > .features > li:nth-child(2n) {
          margin-left: 8%; }
        .plan-viewer > .content > .features > li > p {
          font-size: 14px;
          line-height: 19px;
          color: #626262;
          font-family: "Droid Sans", sans-serif; }
        .plan-viewer > .content > .features > li > h4 {
          font-size: 16px;
          position: relative;
          padding: 0 0 8px 32px; }
          .plan-viewer > .content > .features > li > h4::before {
            content: "\f00c";
            display: inline-block;
            font-family: FontAwesome;
            color: #7ac433;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            left: 0;
            top: 0; }

.plan-selector {
  width: 280px;
  position: relative;
  display: inline-block;
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.plan-viewer > .content > .header > .icon, .plan-card > .content > .header > .icon {
  display: inline-block;
  background: transparent url("../../images/pricing/pricing_icons.png") center center no-repeat; }

.plan-viewer.-personal > .content > .header > .icon {
  background-position: 0 0; }
.plan-viewer.-startup > .content > .header > .icon {
  background-position: -120px 0; }
.plan-viewer.-business > .content > .header > .icon {
  background-position: -240px 0; }
.plan-viewer.-enterprise > .content > .header > .icon {
  background-position: -358px 0; }

.plan-card.-personal > .content > .header > .icon {
  background-position: 0 -101px; }
.plan-card.-startup > .content > .header > .icon {
  background-position: -50px -101px; }
.plan-card.-business > .content > .header > .icon {
  background-position: -100px -101px; }
.plan-card.-enterprise > .content > .header > .icon {
  background-position: -150px -101px; }

.plan-viewer.-personal > .morph-shape svg path, .plan-card.-personal > .morph-shape svg path {
  stroke: #16a9ec; }
.plan-viewer.-personal > .border, .plan-card.-personal > .border {
  background-color: #16a9ec; }
.plan-viewer.-personal > .content > .header > .body > .cost, .plan-card.-personal > .content > .header > .body > .cost {
  color: #16a9ec; }
.plan-viewer.-startup > .morph-shape svg path, .plan-card.-startup > .morph-shape svg path {
  stroke: #33bfc4; }
.plan-viewer.-startup > .border, .plan-card.-startup > .border {
  background-color: #33bfc4; }
.plan-viewer.-startup > .content > .header > .body > .cost, .plan-card.-startup > .content > .header > .body > .cost {
  color: #33bfc4; }
.plan-viewer.-business > .morph-shape svg path, .plan-card.-business > .morph-shape svg path {
  stroke: #9e86d0; }
.plan-viewer.-business > .border, .plan-card.-business > .border {
  background-color: #9e86d0; }
.plan-viewer.-business > .content > .header > .body > .cost, .plan-card.-business > .content > .header > .body > .cost {
  color: #9e86d0; }
.plan-viewer.-enterprise > .morph-shape svg path, .plan-card.-enterprise > .morph-shape svg path {
  stroke: #7ac433; }
.plan-viewer.-enterprise > .border, .plan-card.-enterprise > .border {
  background-color: #7ac433; }
.plan-viewer.-enterprise > .content > .header > .body > .cost, .plan-card.-enterprise > .content > .header > .body > .cost {
  color: #7ac433; }

.plan-card {
  background-color: #fff;
  border: 1px solid #ddd;
  min-height: 180px;
  margin: 0 0 20px 0;
  text-align: left;
  cursor: pointer;
  position: relative;
  opacity: 1;
  will-change: transform;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px); }
  .plan-card.is-selected {
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px); }
  .plan-card > .border {
    height: 4px;
    width: 100%; }
  .plan-card > .content {
    padding: 25px 20px;
    margin: 0; }
    .plan-card > .content > .header {
      position: relative;
      width: 100%;
      padding: 0; }
      .plan-card > .content > .header > .icon {
        display: inline-block;
        width: 54px;
        height: 54px; }
      .plan-card > .content > .header > .body {
        display: inline-block;
        margin: 0 0 0 4px; }
        .plan-card > .content > .header > .body > .name {
          display: inline-block;
          font-weight: bold;
          font-size: 14px;
          color: #575755;
          text-transform: uppercase;
          padding: 0; }
        .plan-card > .content > .header > .body > .cost {
          color: #33bfc3;
          font-family: "Droid Sans", sans-serif;
          font-size: 20px;
          font-weight: bold; }
      .plan-card > .content > .header > p {
        color: #616161;
        font-family: "Droid Sans", sans-serif;
        font-size: 13px;
        line-height: 18px; }

/*==========  VARIABLES  ==========*/
.wootag-section__features {
  background: #0081c3 url('../../images/features/banner.png') center center repeat-x !important;
  height: 384px;
  margin-top: 68px; }

.wt-features-section {
  background-color: #fff !important;
  margin: 100px 0 0;
  min-height: 400px; }
  .wt-features-section h2 {
    color: #575755;
    font-weight: bold;
    font-size: 27px;
    line-height: 50px;
    margin-bottom: 16px;
    margin-top: 0;
    padding-top: 0; }
  .wt-features-section h5, .wt-features-section p {
    color: #565656;
    margin-bottom: 20px;
    font-size: 16px; }
  .wt-features-section p {
    padding-top: 0; }
  .wt-features-section img {
    margin-top: 10px; }

.wootag-section__features .wootag-intro-marketing {
  position: relative;
  top: 0px; }
  .wootag-section__features .wootag-intro-marketing .container_marketing {
    background: transparent url('../../images/features/banner-item.png') right center no-repeat;
    height: 384px; }
.wootag-section__features .wootag-intro-marketing--text h1 {
  font-size: 46px;
  line-height: 61px;
  font-weight: normal;
  padding-top: 100px; }
.wootag-section__features .wootag-intro-marketing__tagline--meta-desscription {
  font-size: 21px; }

/* carousel theme */
.wt-features-theme .owl-controls {
  margin-top: 20px;
  text-align: center; }
  .wt-features-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1; }
  .wt-features-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    border-radius: 50%;
    border: 1px solid #c8c8c8; }
  .wt-features-theme .owl-controls .owl-page.active span {
    background-color: #61abd8; }

/*==========  VARIABLES  ==========*/
.wootag-section__solutions {
  background: #0081c3 url('../../images/solutions/banner.png') center center repeat-x !important;
  height: 214px; }
  @media only screen and (min-width: 1200px) {
    .wootag-section__solutions {
      margin-top: 68px; } }
  .wootag-section__solutions .wootag-intro-marketing {
    position: relative;
    top: 0px;
    height: 196px; }
  .wootag-section__solutions .wootag-intro-marketing--text h1 {
    font-size: 34px;
    line-height: 41px;
    font-weight: normal;
    padding-top: 50px; }
    @media only screen and (min-width: 768px) {
      .wootag-section__solutions .wootag-intro-marketing--text h1 {
        font-size: 46px;
        line-height: 61px; } }
  .wootag-section__solutions .wootag-intro-marketing__tagline--meta-desscription {
    font-size: 21px; }

.wt-solutions-section {
  background-color: #fff !important;
  padding: 35px 0 30px; }
  @media only screen and (min-width: 768px) {
    .wt-solutions-section {
      border-bottom: 1px solid #e4e4e4; } }
  .wt-solutions-section h2 {
    color: #575755;
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 0;
    padding-top: 0; }
  .wt-solutions-section h5, .wt-solutions-section p {
    color: #565656;
    margin-bottom: 20px;
    font-size: 16px; }
  .wt-solutions-section p {
    padding-top: 0; }

.container__solutions {
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .container__solutions {
      position: relative;
      margin: 0 auto; } }

.wt-solutions-section__filler {
  height: 50px;
  background-color: #fff !important; }
  @media only screen and (min-width: 1200px) {
    .wt-solutions-section__filler {
      height: 800px; } }

.wt-solutions-topics-nav {
  list-style: none;
  background-color: #fbfbfb;
  padding: 20px 0; }
  @media only screen and (min-width: 768px) {
    .wt-solutions-topics-nav {
      width: 20%;
      float: left; }
      .wt-solutions-topics-nav a {
        font-size: 13px; } }
  @media only screen and (min-width: 1200px) {
    .wt-solutions-topics-nav {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 250px; } }
  .wt-solutions-topics-nav.is-fixed {
    /* top and left value assigned in jQuery */
    position: fixed; }
  .no-js .wt-solutions-topics-nav {
    position: relative; }
  .wt-solutions-topics-nav li {
    margin: 0;
    padding: 0; }
    .wt-solutions-topics-nav li::before, .wt-solutions-topics-nav li::after {
      content: ''; }
  .wt-solutions-topics-nav a {
    position: relative;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    color: #0082c4;
    text-decoration: none;
    padding: 0 0 0 34px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .wt-solutions-topics-nav a:hover {
      text-decoration: underline; }
    .wt-solutions-topics-nav a::before, .wt-solutions-topics-nav a::after {
      position: absolute;
      display: inline-block;
      height: 1px;
      width: 10px; }
    .wt-solutions-topics-nav a::before {
      /* decorative rectangle on the left visible for the selected item */
      position: absolute;
      display: block;
      top: 0;
      right: auto;
      left: 0;
      height: 100%;
      width: 3px;
      background-color: #0087cc;
      opacity: 0;
      content: '';
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      display: none; }
    .wt-solutions-topics-nav a.active::before, .wt-solutions-topics-nav a.active::after {
      opacity: 1; }
    @media only screen and (min-width: 768px) {
      .wt-solutions-topics-nav a {
        padding-left: 15px; }
        .wt-solutions-topics-nav a.active::before {
          display: block; } }
    @media only screen and (max-width: 767px) {
      .wt-solutions-topics-nav a {
        padding-left: 15px; }
        .wt-solutions-topics-nav a.active::before {
          display: none; } }

.wt-solutions-list {
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  padding: 0 5% 1em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0) translateX(100%);
  -ms-transform: translateZ(0) translateX(100%);
  transform: translateZ(0) translateX(100%);
  -webkit-transition: -webkit-transform .3s;
  transition: transform .3s;
  margin-left: 250px;
  background-color: #fff; }
  .wt-solutions-list.slide-in {
    -webkit-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%); }
  .no-js .wt-solutions-list {
    position: static;
    height: auto;
    width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .wt-solutions-list .wt-solution-img {
    text-align: center;
    float: none; }
  @media only screen and (min-width: 768px) {
    .wt-solutions-list {
      position: static;
      height: auto;
      width: 80%;
      float: right;
      overflow: visible;
      margin-left: 0;
      -webkit-transform: translateZ(0) translateX(0);
      -ms-transform: translateZ(0) translateX(0);
      transform: translateZ(0) translateX(0);
      padding: 0;
      background: transparent;
      border-left: 1px solid #e4e4e4;
      border-right: 1px solid #e4e4e4; } }
  @media only screen and (min-width: 1200px) {
    .wt-solutions-list {
      float: none;
      width: 750px;
      margin-left: 250px; }
      .no-js .wt-solutions-list {
        padding-left: 0; }
      .wt-solutions-list .wt-solution-img {
        float: right; } }
  @media only screen and (min-width: 768px) {
    .wt-solutions-list .wt-solutions-list__items {
      padding-left: 0; }
      .wt-solutions-list .wt-solutions-list__items > li {
        padding-left: 40px; } }
  @media only screen and (max-width: 767px) {
    .wt-solutions-list .wt-solutions-list__items {
      /* hide group not selected */
      display: none;
      padding: 0; }
      .wt-solutions-list .wt-solutions-list__items.active {
        display: block; } }
  .wt-solutions-list .wt-solutions-list__items > li:before {
    content: ''; }

.wt-close-panel {
  position: fixed;
  top: 5px;
  right: -100%;
  display: block;
  height: 40px;
  width: 40px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 4;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: right .4s;
  transition: right .4s; }
  .wt-close-panel::before, .wt-close-panel::after {
    /* close icon in CSS */
    position: absolute;
    content: '';
    top: 16px;
    left: 12px;
    display: inline-block;
    height: 3px;
    width: 18px;
    background-color: #0082c4; }
  .wt-close-panel::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .wt-close-panel::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .wt-close-panel.move-left {
    right: 2%; }

/*==========  VARIABLES  ==========*/
.wt-video-play-button {
  background: transparent url('../../images/player/play-button.png') center center no-repeat;
  cursor: pointer;
  left: 50%;
  margin: -29px 0 0 -29px;
  position: absolute;
  top: 50%;
  width: 58px;
  height: 58px; }

.wootag-section__explore {
  position: relative;
  background-color: #fff !important; }
  @media only screen and (min-width: 1200px) {
    .wootag-section__explore {
      margin-top: 68px; } }
  @media only screen and (max-width: 767px) {
    .wootag-section__explore .container {
      margin-top: 80px; } }
  .wootag-section__explore .explore-header {
    position: relative;
    width: 100%;
    background: #346590;
    /* Old browsers */
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #346590), color-stop(100%, #3bb0e4));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #346590 0%, #3bb0e4 100%);
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to right, #346590 0%, #3bb0e4 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346590', endColorstr='#3bb0e4',GradientType=1 );
    /* IE6-9 */
    /* mobile portrait */ }
    @media only screen and (max-width: 479px) {
      .wootag-section__explore .explore-header {
        display: none; } }
  .wootag-section__explore .explore-header__wrapper {
    position: relative;
    z-index: 5;
    height: 350px; }
  .wootag-section__explore .explore-header__search__wrapper {
    width: 740px;
    margin: 0 auto;
    padding: 220px 0 0; }
    .wootag-section__explore .explore-header__search__wrapper form {
      position: relative; }
  .wootag-section__explore .explore-category-title {
    color: #545454;
    font-size: 17px;
    font-weight: normal;
    margin-top: 40px; }
    @media only screen and (max-width: 767px) {
      .wootag-section__explore .explore-category-title {
        margin-top: 0; }
        .wootag-section__explore .explore-category-title .container {
          margin-top: 80px; } }
  .wootag-section__explore .wt-explore-search__submit {
    background: transparent url('../../images/icons/search.png') 0 0 no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: -1000px;
    -webkit-filter: none;
            filter: none; }
  .wootag-section__explore .wt-explore-search__input {
    width: 100%;
    border-top: 5px solid #1395d2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    line-height: 1;
    height: 53px;
    font-size: 17px;
    color: #545454;
    vertical-align: middle;
    text-overflow: ellipsis;
    padding: 10px 11px 6px !important;
    min-height: 1px !important;
    box-sizing: border-box; }
    .wootag-section__explore .wt-explore-search__input::-webkit-input-placeholder {
      color: #545454;
      font-size: 14px;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      font-smoothing: antialiased; }
    .wootag-section__explore .wt-explore-search__input:-moz-placeholder {
      /* Firefox 18- */
      color: #545454;
      font-size: 14px;
      font-weight: normal;
      font-smoothing: antialiased; }
    .wootag-section__explore .wt-explore-search__input::-moz-placeholder {
      /* Firefox 19+ */
      color: #545454;
      font-size: 14px;
      font-weight: normal;
      font-smoothing: antialiased; }
    .wootag-section__explore .wt-explore-search__input:-ms-input-placeholder {
      color: #545454;
      font-size: 14px;
      font-weight: normal;
      font-smoothing: antialiased; }
  .wootag-section__explore .owl-explore-theme {
    position: relative;
    width: 100%;
    padding: 0 50px; }
    .wootag-section__explore .owl-explore-theme .item {
      margin: 10px; }
      .wootag-section__explore .owl-explore-theme .item img {
        display: block;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        position: relative; }
    .wootag-section__explore .owl-explore-theme .explore-video-thumb {
      position: relative; }
    .wootag-section__explore .owl-explore-theme .explore-video-duration {
      background-color: #000;
      color: #fff;
      font-size: 13px;
      font-weight: normal;
      position: absolute;
      bottom: 10%;
      right: 0;
      left: auto;
      padding: 5px 10px; }
    .wootag-section__explore .owl-explore-theme .explore-video-title {
      font-size: 13px;
      font-weight: bold;
      text-align: left;
      color: #545454;
      margin-bottom: 2px; }
    .wootag-section__explore .owl-explore-theme .explore-video-mini-stats {
      font-size: 13px;
      font-weight: normal;
      color: #545454;
      text-align: left; }
  .wootag-section__explore .owl-explore-navigation {
    text-align: center; }
    .wootag-section__explore .owl-explore-navigation .owl-prev, .wootag-section__explore .owl-explore-navigation .owl-next, .wootag-section__explore .owl-explore-navigation a {
      position: absolute;
      color: #2aa4dd;
      top: 40%;
      margin-top: -30px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent; }
      .wootag-section__explore .owl-explore-navigation .owl-prev:before, .wootag-section__explore .owl-explore-navigation .owl-next:before, .wootag-section__explore .owl-explore-navigation a:before {
        content: "\f104";
        display: inline;
        font-family: FontAwesome;
        height: auto;
        font-weight: 300;
        text-shadow: none;
        color: #2aa4dd;
        font-size: 40px; }
    .wootag-section__explore .owl-explore-navigation .owl-prev {
      left: 0;
      right: auto; }
      .wootag-section__explore .owl-explore-navigation .owl-prev:before {
        margin-left: 5px; }
    .wootag-section__explore .owl-explore-navigation .owl-next {
      left: auto;
      right: 0; }
      .wootag-section__explore .owl-explore-navigation .owl-next:before {
        margin-right: 5px;
        content: "\f105"; }

/**
*
* Helper
*
**/
.wt-outscreen-text {
  left: -9999px;
  top: -9999px;
  position: absolute; }

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.clear::before, .clear::after, .clearfix::before, .clearfix::after {
  content: "";
  display: table; }
.clear::after, .clearfix::after {
  clear: both; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

/*==========  COLORS  ==========*/
.color--white {
  color: #fff; }

.color--blue {
  color: #3372df; }

.color--red {
  color: #cb4437; }

.color--green {
  color: #0f9d58; }

.color--yellow {
  color: #f4b400; }

.color--blue-secondary {
  color: #b7cdf4; }

.color--red-secondary {
  color: #ebb6b0; }

.color--green-secondary {
  color: #56efa5; }

.color--yellow-secondary {
  color: #ffd45b; }

.color--gray-background {
  color: #f0f0f0; }

.color--gray-keyline {
  color: #e0e0e0; }

.color--gray {
  color: #737373; }

.color--gray-dark {
  color: #404040; }

.color--text {
  color: #404040; }

.color--highlight {
  color: #3372df; }

.color--warning {
  color: #ffd45b; }

.color--danger {
  color: #cb4437; }

.color--muted {
  color: #737373; }

.color--remember {
  color: #09829a; }

.color--learning {
  color: #da2e75; }

.color--layouts {
  color: #297ea9; }

.color--user {
  color: #2c8566; }

.color--media {
  color: #cf423a; }

.color--performance {
  color: #7b5294; }

.color--layouts-secondary {
  color: #89c4e2; }

.color--user-secondary {
  color: #78d2b3; }

.color--media-secondary {
  color: #edb8b5; }

.color--performance-secondary {
  color: #c4add2; }

/*==========  TEXT DIVIDER  ==========*/
.text-divider {
  position: relative;
  margin-bottom: 26px; }
  .text-divider::after {
    content: "";
    display: block;
    position: absolute;
    width: 40%;
    height: 1px;
    box-shadow: 0 1px 0 0 #e0e0e0;
    left: 30%;
    bottom: -13px; }
  .text-divider.xlarge {
    margin-bottom: 52px; }
    .text-divider.xlarge::after {
      bottom: -26px; }
  .text-divider.xxlarge {
    margin-bottom: 78px; }
    .text-divider.xxlarge::after {
      bottom: -39px; }
  .text-divider.huge {
    margin-bottom: 78px; }
    .text-divider.huge::after {
      bottom: -39px; }

/*==========  GENERIC  ==========*/
.centered {
  text-align: center; }

.inline {
  display: inline-block !important; }

.block-center, .center-block {
  display: block;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%; }

.no-floating {
  float: none !important; }

.no-padding {
  padding: 0 !important; }

.no-margin {
  margin: 0 !important; }

.u-underline {
  text-decoration: underline; }

.u-semibold {
  font-weight: 600; }

.m-t-10 {
  margin-top: 10px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

/*==========  TAG  ==========*/
.tag {
  font-size: 13px;
  line-height: 2em;
  /* 26px */
  padding-top: 2em;
  padding-bottom: 0;
  font-family: 'Droid Sans';
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  text-decoration: none; }
  .tag:hover {
    color: #404040; }
  .tag::before {
    content: "# ";
    display: inline-block; }

/*==========  RESPONSIVE HELPERS  ==========*/
.show-mobile {
  display: none; }

.hide-desktop {
  display: none; }

@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important; }
  .hide-desktop {
    display: block !important; }
  .show-mobile {
    display: block !important; } }

/* Tablet
================================================== */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .hide-tablet {
    display: none !important; }
  .hide-desktop {
    display: block !important; } }