/*
 * *** You can say something about your file if you need it!
 * Template Name
 * Description
 * Vertion
 * Copyright
 * Author
 * Last Modified Date
 *
 */
/*-------------------------*/
/* $Catalog 
---------------------------*/
/** 
 * Catalog
 * Font import
 * Reset
 * Color
 * Typography
 * Icons
 * Utility
**/

/*-------------------------*/
/* $Font import 
---------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900');
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/*-------------------------*/
/* $Reset 
---------------------------*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
  vertical-align: middle;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * Add reset
 */
*{
	position: relative;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*-------------------------*/
/* $Color 
---------------------------*/
/* background color */
.bg-color--default{background-color: #d1d2d3;}
.bg-color--primary{background-color: #EF5568;}
.bg-color--secondary{background-color: #3F3F3F;}
.bg-color--positive{background-color: #09C199;}
.bg-color--negative{background-color: #FFB88C;}
.bg-color--black{background-color: #000000;}
.bg-color--dark-grey{background-color: #9B9B9B;}
.bg-color--grey{background-color: #c0c6d2;}
.bg-color--light-grey{background-color: #F9F9F9;}
.bg-color--light-blue{background-color: #E6EFFA;}
.bg-color--white{background-color: #fff;}
.bg-color--gradient-green{background: linear-gradient(45deg, #FCFFD4 0%, #00CA9D 80%); 
background: -moz-linear-gradient(45deg, #FCFFD4 0%, #00CA9D 80%); 
background: -webkit-linear-gradient(45deg, #FCFFD4 0%, #00CA9D 80%); 
background: -o-linear-gradient(45deg, #FCFFD4 0%, #00CA9D 80%); }
.bg-color--gradient-orange{background: linear-gradient(45deg, #FAD961 0%, #F76B1C 80%); 
background: -moz-linear-gradient(45deg, #FAD961 0%, #F76B1C 80%); 
background: -webkit-linear-gradient(45deg, #FAD961 0%, #F76B1C 80%); 
background: -o-linear-gradient(45deg, #FAD961 0%, #F76B1C 80%); }
.bg-color--gradient-blue{background: linear-gradient(45deg, #83DEFF 0%, #27AAFD 80%); 
background: -moz-linear-gradient(45deg, #83DEFF 0%, #27AAFD 80%); 
background: -webkit-linear-gradient(45deg, #83DEFF 0%, #27AAFD 80%); 
background: -o-linear-gradient(45deg, #83DEFF 0%, #27AAFD 80%); }
.bg-color--gradient-purple{background: linear-gradient(45deg, #8D9CD5 0%, #A189D3 80%); 
background: -moz-linear-gradient(45deg, #8D9CD5 0%, #A189D3 80%); 
background: -webkit-linear-gradient(45deg, #8D9CD5 0%, #A189D3 80%); 
background: -o-linear-gradient(45deg, #8D9CD5 0%, #A189D3 80%); }
.bg-color--gradient-grey{background: linear-gradient(45deg, #FAFAF9 0%, #C7C7C7 80%); 
background: -moz-linear-gradient(45deg, #FAFAF9 0%, #C7C7C7 80%); 
background: -webkit-linear-gradient(45deg, #FAFAF9 0%, #C7C7C7 80%); 
background: -o-linear-gradient(45deg, #FAFAF9 0%, #C7C7C7 80%); }

/* text color */
.color--default{color: #3E4C5B;}
.color--primary{color: #EF5568;}
.color--secondary{color: #3F3F3F;}
.color--positive{color: #09C199;}
.color--negative{color: #FFB88C;}
.color--black{color: #353630;}
.color--dark-grey{color: #9B9B9B;}
.color--grey{color: #d1d2d3;}
.color--light-grey{color: #f4f4f4;}
.color--white{color: #fff;}
.color--red{color: #F1001E;}

/*-------------------------*/
/* $Typography 
---------------------------*/
html,body{
  /*font-family:"Roboto script=all rev=1", "aktiv-grotesk","Noto Sans TC", "Raleway", "Helvetica Neue", "Noto Sans TC", "Arial", sans-serif;*/
  font-family: 'roboto', 'Open Sans', ‘Noto Sans TC’, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #373a3c;
}
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
h1 {
  /*font-family: 'Barlow Condensed',PingFangTC-Thin, sans-serif;*/
  font-size: 56px;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin-top: 24px;
  margin-bottom: 24px; 
}
h2 {
  /*font-family: 'Barlow Condensed',PingFangTC-Thin, sans-serif;*/
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  margin-top: 24px;
  margin-bottom: 24px; 
}
h3 {
  /*font-family: "Barlow Condensed script=all rev=2",sans-serif;*/
  font-weight: 200;
  font-size: 34px;
  
  line-height: 40px;
  margin-top: 24px;
  margin-bottom: 24px; 
}
h4 {
  /*font-family: "Barlow Condensed script=all rev=2",PingFangTC-Thin,sans-serif;*/
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 24px;
  margin-bottom: 16px; 
}
h5 {
  /*font-family: "Barlow Condensed script=all rev=2",PingFangTC-Thin,sans-serif;;*/
  font-size: 20px;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 0.02em;
  margin-top: 24px;
  margin-bottom: 10px; 
}
h6 {
  /*font-family: "Barlow Condensed script=all rev=2",PingFangTC-Thin,sans-serif;*/
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.04em;
  margin-top: 24px;
  margin-bottom: 16px; 
}
p {
  font-size: 14px;
  font-weight: 300;
/*  line-height: 32px;*/
  letter-spacing: 0;
  margin-bottom: 16px;
  /*color: #9AA8B6;*/
  color: #323237;
  letter-spacing: 0.05em;
}
/* link */
a{
  text-decoration: none;
  color: #353630;
}
a:hover,
a:focus{
  text-decoration: none;
  color: #353630;
}
/* horizontal rule */
hr{
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #d1d2d3;
  padding: 0;
  margin-bottom: 32px;
}

/*-------------------------*/
/* $Icons 
---------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?jggiy3');
  src:  url('../fonts/icomoon.eot?jggiy3#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jggiy3') format('truetype'),
    url('../fonts/icomoon.woff?jggiy3') format('woff'),
    url('../fonts/icomoon.svg?jggiy3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ic_vpn:before {
  content: "\e94c";
}
.icon-ic_folder:before {
  content: "\e94d";
}
.icon-ic_save:before {
  content: "\e94e";
}
.icon-ic_computer:before {
  content: "\e94f";
}
.icon-ic_pause:before {
  content: "\e950";
}
.icon-ic_tick:before {
  content: "\e94b";
}
.icon-ic_refresh:before {
  content: "\e922";
}
.icon-ic_photo:before {
  content: "\e946";
}
.icon-ic_clip:before {
  content: "\e947";
}
.icon-ic_paper:before {
  content: "\e948";
}
.icon-ic_survey:before {
  content: "\e949";
}
.icon-ic_calendar:before {
  content: "\e94a";
}
.icon-ic_poe:before {
  content: "\e944";
}
.icon-ic_sync:before {
  content: "\e945";
}
.icon-ic_chart:before {
  content: "\e934";
}
.icon-ic_equipment:before {
  content: "\e935";
}
.icon-ic_mail:before {
  content: "\e936";
}
.icon-ic_point:before {
  content: "\e937";
}
.icon-ic_arrowright:before {
  content: "\e938";
}
.icon-ic_arrowleft:before {
  content: "\e939";
}
.icon-ic_admin:before {
  content: "\e93a";
}
.icon-ic_proof:before {
  content: "\e93b";
}
.icon-ic_server:before {
  content: "\e93c";
}
.icon-ic_search:before {
  content: "\e93d";
}
.icon-ic_twoway:before {
  content: "\e93e";
}
.icon-ic_upload:before {
  content: "\e93f";
}
.icon-ic_download:before {
  content: "\e940";
}
.icon-ic_link:before {
  content: "\e941";
}
.icon-ic_reduce:before {
  content: "\e942";
}
.icon-ic_add:before {
  content: "\e943";
}
.icon-ic_unlock:before {
  content: "\e931";
}
.icon-ic_globe:before {
  content: "\e932";
}
.icon-ic_user:before {
  content: "\e933";
}
.icon-ic_mode:before {
  content: "\e929";
}
.icon-ic_support:before {
  content: "\e92a";
}
.icon-ic_wizard:before {
  content: "\e92b";
}
.icon-ic_app:before {
  content: "\e92c";
}
.icon-ic_diagnostics:before {
  content: "\e92d";
}
.icon-ic_system:before {
  content: "\e92e";
}
.icon-ic_lan:before {
  content: "\e92f";
}
.icon-ic_wifi:before {
  content: "\e930";
}
.icon-ic_angle_down:before {
  content: "\e923";
}
.icon-ic_angle_left:before {
  content: "\e924";
}
.icon-ic_angle_right:before {
  content: "\e925";
}
.icon-ic_angle_up:before {
  content: "\e926";
}
.icon-ic_normal:before {
  content: "\e927";
}
.icon-ic_ban:before {
  content: "\e928";
}
.icon-ic_mesh:before {
  content: "\e900";
}
.icon-ic_arrowdown:before {
  content: "\e901";
}
.icon-ic_arrowup:before {
  content: "\e902";
}
.icon-ic_cancel:before {
  content: "\e903";
}
.icon-ic_close:before {
  content: "\e904";
}
.icon-ic_configuration:before {
  content: "\e905";
}
.icon-ic_dashboard:before {
  content: "\e906";
}
.icon-ic_edit:before {
  content: "\e907";
}
.icon-ic_enlarge:before {
  content: "\e90c";
}
.icon-ic_error:before {
  content: "\e90d";
}
.icon-ic_eye:before {
  content: "\e90e";
}
.icon-ic_history:before {
  content: "\e90f";
}
.icon-ic_info:before {
  content: "\e910";
}
.icon-ic_linux:before {
  content: "\e911";
}
.icon-ic_list:before {
  content: "\e912";
}
.icon-ic_lock:before {
  content: "\e913";
}
.icon-ic_logout:before {
  content: "\e914";
}
.icon-ic_maintenance:before {
  content: "\e915";
}
.icon-ic_menu:before {
  content: "\e916";
}
.icon-ic_mobile:before {
  content: "\e917";
}
.icon-ic_more:before {
  content: "\e918";
}
.icon-ic_notification:before {
  content: "\e919";
}
.icon-ic_setting:before {
  content: "\e91a";
}
.icon-ic_small:before {
  content: "\e91b";
}
.icon-ic_thumbnail:before {
  content: "\e91c";
}
.icon-ic_time:before {
  content: "\e91d";
}
.icon-ic_trash:before {
  content: "\e91e";
}
.icon-ic_windowsphone:before {
  content: "\e91f";
}
.icon-ic_blackberry:before {
  content: "\e920";
}
.icon-ic_symbian:before {
  content: "\e921";
}
.icon-ic_android:before {
  content: "\e908";
}
.icon-ic_ios:before {
  content: "\e909";
}
.icon-ic_macos:before {
  content: "\e90a";
}
.icon-ic_windows:before {
  content: "\e90b";
}


/*-------------------------*/
/* $Utility 
---------------------------*/
/* padding */
.u-padding-4{padding: 4px !important;}
.u-padding-8{padding: 8px !important;}
.u-padding-16{padding: 16px !important;}
.u-padding-24{padding: 24px !important;}
.u-padding-32{padding: 32px !important;}
.u-padding-40{padding: 40px !important;}
.u-padding-48{padding: 48px !important;}
.u-pt-4{padding-top: 4px !important;}
.u-pt-8{padding-top: 8px !important;}
.u-pt-16{padding-top: 16px !important;}
.u-pt-24{padding-top: 24px !important;}
.u-pt-32{padding-top: 32px !important;}
.u-pt-40{padding-top: 40px !important;}
.u-pt-48{padding-top: 48px !important;}
.u-pr-4{padding-right: 4px !important;}
.u-pr-8{padding-right: 8px !important;}
.u-pr-16{padding-right: 16px !important;}
.u-pr-24{padding-right: 24px !important;}
.u-pr-32{padding-right: 32px !important;}
.u-pr-40{padding-right: 40px !important;}
.u-pr-48{padding-right: 48px !important;}
.u-pb-4{padding-bottom: 4px !important;}
.u-pb-8{padding-bottom: 8px !important;}
.u-pb-16{padding-bottom: 16px !important;}
.u-pb-24{padding-bottom: 24px !important;}
.u-pb-32{padding-bottom: 32px !important;}
.u-pb-40{padding-bottom: 40px !important;}
.u-pb-48{padding-bottom: 48px !important;}
.u-pl-4{padding-left: 4px !important;}
.u-pl-8{padding-left: 8px !important;}
.u-pl-16{padding-left: 16px !important;}
.u-pl-24{padding-left: 24px !important;}
.u-pl-32{padding-left: 32px !important;}
.u-pl-40{padding-left: 40px !important;}
.u-pl-48{padding-left: 48px !important;}

/* margin */
.u-margin-4{margin: 4px !important;}
.u-margin-8{margin: 8px !important;}
.u-margin-16{margin: 16px !important;}
.u-margin-24{margin: 24px !important;}
.u-margin-32{margin: 32px !important;}
.u-margin-40{margin: 40px !important;}
.u-margin-48{margin: 48px !important;}
.u-mt-4{margin-top: 4px !important;}
.u-mt-8{margin-top: 8px !important;}
.u-mt-16{margin-top: 16px !important;}
.u-mt-24{margin-top: 24px !important;}
.u-mt-32{margin-top: 32px !important;}
.u-mt-40{margin-top: 40px !important;}
.u-mt-48{margin-top: 48px !important;}
.u-mr-4{margin-right: 4px !important;}
.u-mr-8{margin-right: 8px !important;}
.u-mr-16{margin-right: 16px !important;}
.u-mr-24{margin-right: 24px !important;}
.u-mr-32{margin-right: 32px !important;}
.u-mr-40{margin-right: 40px !important;}
.u-mr-48{margin-right: 48px !important;}
.u-mb-4{margin-bottom: 4px !important;}
.u-mb-8{margin-bottom: 8px !important;}
.u-mb-16{margin-bottom: 16px !important;}
.u-mb-24{margin-bottom: 24px !important;}
.u-mb-32{margin-bottom: 32px !important;}
.u-mb-40{margin-bottom: 40px !important;}
.u-mb-48{margin-bottom: 48px !important;}
.u-ml-4{margin-left: 4px !important;}
.u-ml-8{margin-left: 8px !important;}
.u-ml-16{margin-left: 16px !important;}
.u-ml-24{margin-left: 24px !important;}
.u-ml-32{margin-left: 32px !important;}
.u-ml-40{margin-left: 40px !important;}
.u-ml-48{margin-left: 48px !important;}

/* text */
.u-text-center{text-align: center !important;}
.u-text-right{text-align: right !important;}
.u-text-left{text-align: left !important;}

/* float */
.u-pull-left{float: left !important;}
.u-push-right{float: right !important;}

/* hide & show */
.u-hidden{display: none !important;}
.u-show{display: block !important;}

/* center block */
.u-center-block{
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}


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

.clearfix:after {
    clear: both;
}
.left {
    text-align: left !important;
}


.middle-content {
    position: relative;
    top: 50%;
     transform: translateY(-50%); 
}

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