/**
 * Nongshim Product 2017 Style LESS
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.wrapper:before,
.wrapper:after,
.container:before,
.container:after,
.row:before,
.row:after,
.row-sm:before,
.row-sm:after,
.row-md:before,
.row-md:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.module-social-block .block-row:before,
.module-social-block .block-row:after,
.module-line-column:before,
.module-line-column:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.wrapper:after,
.container:after,
.row:after,
.row-sm:after,
.row-md:after,
.form-horizontal .form-group:after,
.module-social-block .block-row:after,
.module-line-column:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1240px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1240px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1240px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1240px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1239px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1240px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 900px;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.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 {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #FFFFFF;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
@keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes vex-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes vex-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-webkit-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes vex-rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
  }
}
.vex,
.vex *,
.vex *:before,
.vex *:after {
  box-sizing: border-box;
}
.vex {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1111;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vex-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.vex-overlay {
  background: #000;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.vex-overlay {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vex.vex-closing .vex-overlay {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex-content {
  animation: vex-fadein 0.5s;
  -webkit-animation: vex-fadein 0.5s;
  -moz-animation: vex-fadein 0.5s;
  -ms-animation: vex-fadein 0.5s;
  -o-animation: vex-fadein 0.5s;
  -webkit-backface-visibility: hidden;
  background: #fff;
}
.vex.vex-closing .vex-content {
  animation: vex-fadeout 0.5s;
  -webkit-animation: vex-fadeout 0.5s;
  -moz-animation: vex-fadeout 0.5s;
  -ms-animation: vex-fadeout 0.5s;
  -o-animation: vex-fadeout 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex-close:before {
  font-family: Arial, sans-serif;
  content: "\00D7";
}
.vex-dialog-form {
  margin: 0;
}
.vex-dialog-button {
  text-rendering: optimizeLegibility;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.vex-loading-spinner {
  animation: vex-rotation 0.7s linear infinite;
  -webkit-animation: vex-rotation 0.7s linear infinite;
  -moz-animation: vex-rotation 0.7s linear infinite;
  -ms-animation: vex-rotation 0.7s linear infinite;
  -o-animation: vex-rotation 0.7s linear infinite;
  -webkit-backface-visibility: hidden;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  position: fixed;
  z-index: 1112;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2em;
  width: 2em;
  background: #fff;
}
body.vex-open {
  overflow: hidden;
}
@keyframes vex-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-webkit-keyframes vex-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@-ms-keyframes vex-flyin {
  0% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
@keyframes vex-flyout {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
}
@-webkit-keyframes vex-flyout {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
}
@-ms-keyframes vex-flyout {
  0% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
  }
}
@keyframes vex-pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent;
  }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }
  100% {
    box-shadow: inset 0 0 0 300px transparent;
  }
}
@-webkit-keyframes vex-pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent;
  }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }
  100% {
    box-shadow: inset 0 0 0 300px transparent;
  }
}
@-ms-keyframes vex-pulse {
  0% {
    box-shadow: inset 0 0 0 300px transparent;
  }
  70% {
    box-shadow: inset 0 0 0 300px rgba(255, 255, 255, 0.25);
  }
  100% {
    box-shadow: inset 0 0 0 300px transparent;
  }
}
.vex.vex-theme-default {
  padding-top: 160px;
  padding-bottom: 160px;
}
.vex.vex-theme-default.vex-closing .vex-content {
  animation: vex-flyout 0.5s;
  -webkit-animation: vex-flyout 0.5s;
  -moz-animation: vex-flyout 0.5s;
  -ms-animation: vex-flyout 0.5s;
  -o-animation: vex-flyout 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex.vex-theme-default .vex-content {
  animation: vex-flyin 0.5s;
  -webkit-animation: vex-flyin 0.5s;
  -moz-animation: vex-flyin 0.5s;
  -ms-animation: vex-flyin 0.5s;
  -o-animation: vex-flyin 0.5s;
  -webkit-backface-visibility: hidden;
}
.vex.vex-theme-default .vex-content {
  border-radius: 5px;
  font-family: "Helvetica Neue", sans-serif;
  background: #f0f0f0;
  color: #444;
  padding: 1em;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  width: 450px;
  font-size: 1.1em;
  line-height: 1.5em;
}
.vex.vex-theme-default .vex-content h1,
.vex.vex-theme-default .vex-content h2,
.vex.vex-theme-default .vex-content h3,
.vex.vex-theme-default .vex-content h4,
.vex.vex-theme-default .vex-content h5,
.vex.vex-theme-default .vex-content h6,
.vex.vex-theme-default .vex-content p,
.vex.vex-theme-default .vex-content ul,
.vex.vex-theme-default .vex-content li {
  color: inherit;
}
.vex.vex-theme-default .vex-close {
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.vex.vex-theme-default .vex-close:before {
  border-radius: 3px;
  position: absolute;
  content: "\00D7";
  font-size: 26px;
  font-weight: normal;
  line-height: 31px;
  height: 30px;
  width: 30px;
  text-align: center;
  top: 3px;
  right: 3px;
  color: #bbb;
  background: transparent;
}
.vex.vex-theme-default .vex-close:hover:before,
.vex.vex-theme-default .vex-close:active:before {
  color: #777;
  background: #e0e0e0;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-message {
  margin-bottom: .5em;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input {
  margin-bottom: 1em;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input select,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"],
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"] {
  border-radius: 3px;
  background: #fff;
  width: 100%;
  padding: .25em .67em;
  border: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  min-height: 2.5em;
  margin: 0 0 .25em;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input select:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input textarea:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="date"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="datetime-local"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="email"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="month"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="number"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="password"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="search"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="tel"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="text"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="time"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="url"]:focus,
.vex.vex-theme-default .vex-dialog-form .vex-dialog-input input[type="week"]:focus {
  box-shadow: inset 0 0 0 2px #8dbdf1;
  outline: none;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons {
  *zoom: 1;
}
.vex.vex-theme-default .vex-dialog-form .vex-dialog-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.vex.vex-theme-default .vex-dialog-button {
  border-radius: 3px;
  border: 0;
  float: right;
  margin: 0 0 0 .5em;
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: .8em;
  line-height: 1em;
  padding: .75em 2em;
}
.vex.vex-theme-default .vex-dialog-button.vex-last {
  margin-left: 0;
}
.vex.vex-theme-default .vex-dialog-button:focus {
  animation: vex-pulse 1.1s infinite;
  -webkit-animation: vex-pulse 1.1s infinite;
  -moz-animation: vex-pulse 1.1s infinite;
  -ms-animation: vex-pulse 1.1s infinite;
  -o-animation: vex-pulse 1.1s infinite;
  -webkit-backface-visibility: hidden;
  outline: none;
}
@media (max-width: 568px) {
  .vex.vex-theme-default .vex-dialog-button:focus {
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    -webkit-backface-visibility: hidden;
  }
}
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary {
  background: #3288e6;
  color: #fff;
}
.vex.vex-theme-default .vex-dialog-button.vex-dialog-button-secondary {
  background: #e0e0e0;
  color: #777;
}
.vex-loading-spinner.vex-theme-default {
  box-shadow: 0 0 0 0.5em #f0f0f0, 0 0 1px 0.5em rgba(0, 0, 0, 0.3);
  border-radius: 100%;
  background: #f0f0f0;
  border: .2em solid transparent;
  border-top-color: #bbb;
  top: -1.1em;
  bottom: auto;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/**
 * Lash Creative utilities LESS
 */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-line-through {
  text-decoration: line-through;
}
.letter-spacing-zero {
  letter-spacing: 0 !important;
}
.text-bold {
  font-weight: bold;
}
@media (max-width: 767px) {
  .text-left-xs {
    text-align: left;
  }
  .text-right-xs {
    text-align: right;
  }
  .text-center-xs {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .text-left-sm {
    text-align: left;
  }
  .text-right-sm {
    text-align: right;
  }
  .text-center-sm {
    text-align: center;
  }
}
.table-row {
  display: table;
  table-layout: fixed;
}
.table-row.full-width {
  width: 100%;
}
.table-row.full-height {
  height: 100%;
}
.table-cell {
  display: table-cell;
  min-height: 1px;
}
.align-top {
  vertical-align: top !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-middle {
  vertical-align: middle !important;
}
@media (max-width: 767px) {
  [class*='table-cell'].only-from-sm,
  .table-row.only-from-sm {
    display: block !important;
    width: auto;
  }
}
.appearance-reset {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}
a.no-decoration:hover {
  text-decoration: none !important;
}
.absolute-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .absolute-wrapper-sm {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
  }
}
.relative-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .full-height-xs {
    position: relative;
    height: 100%;
  }
}
.tab-pane {
  display: none;
  visibility: hidden;
}
.tab-pane.active {
  display: block;
  visibility: visible;
}
/**
 * Lash Creative animations LESS
 */
.fade-in-up-content {
  -webkit-animation-name: fade-in-up-content;
          animation-name: fade-in-up-content;
}
@-webkit-keyframes fade-in-up-content {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fade-in-up-content {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
/**
 * Lash Creative debug LESS
 */
/*
@media @from-md {
	::-webkit-scrollbar {
	    -webkit-appearance: none;
	}

	::-webkit-scrollbar:vertical {
	    width: 15px;
	}

	::-webkit-scrollbar:horizontal {
	    height: 15px;
	}

	::-webkit-scrollbar-thumb {
	    background-color: rgba(0, 0, 0, .5);
	    // border-radius: 2px;
	    // border: 1px solid #ffffff;
	}

	::-webkit-scrollbar-track {
	    // border-radius: 10px;
	    background-color: #dddddd;
	}
}
*/
/*
 * Nongshim Product 2017 Variables LESS
 */
/*
 * Dream Starter scaffolding LESS
 */
* {
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: #FFFFFF;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
input,
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  border-radius: 0;
}
select::-ms-expand {
  display: none;
}
ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  color: #EC1D24;
  text-decoration: none;
}
a:hover {
  color: #D0021B;
  text-decoration: underline;
}
a.white-link {
  color: #FFFFFF;
}
a.white-link:hover {
  color: #FFFFFF;
}
a.black-link {
  color: #333333;
}
a.black-link:hover {
  color: #333333;
}
a[data-toggle],
a.no-link-style {
  color: #333333;
}
a[data-toggle]:hover,
a.no-link-style:hover {
  color: #333333;
  text-decoration: none;
}
a[data-toggle]:focus,
a.no-link-style:focus {
  outline: 0;
}
iframe {
  border: none;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
p {
  margin-top: 0;
  margin-bottom: 15px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
/**
 * Dream Starter typography LESS
**/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "roboto", sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #333333;
  background-color: #FFFFFF;
}
@media (min-width: 1024px) {
  body {
    font-size: 16px;
    line-height: 32px;
  }
}
.small {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .small {
    font-size: 12px;
    line-height: 20px;
  }
}
.normal {
  font-size: 14px !important;
  line-height: 25px !important;
}
@media (min-width: 1024px) {
  .normal {
    font-size: 16px !important;
    line-height: 32px !important;
  }
}
.all-large {
  font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-weight: normal;
  line-height: 1.2;
  color: #4a4a4a;
}
h1,
.h1 {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 23px;
}
@media (min-width: 1024px) {
  h1,
  .h1 {
    font-size: 54px;
    line-height: 62px;
    margin-bottom: 31px;
  }
}
h2,
.h2 {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 23px;
}
@media (min-width: 1024px) {
  h2,
  .h2 {
    font-size: 48px;
    line-height: 65px;
    margin-bottom: 32.5px;
  }
}
h3,
.h3 {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 23px;
}
@media (min-width: 1024px) {
  h3,
  .h3 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 23px;
  }
}
h4,
.h4 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 14px;
}
@media (min-width: 1024px) {
  h4,
  .h4 {
    font-size: 28px;
    line-height: 44px;
    margin-bottom: 22px;
  }
}
h4.sub-heading,
.h4.sub-heading {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 13px;
}
@media (min-width: 1024px) {
  h4.sub-heading,
  .h4.sub-heading {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
  }
}
h5,
.h5 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  h5,
  .h5 {
    font-size: 17px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
h6,
.h6 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  letter-spacing: 2px;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  h6,
  .h6 {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.color-bar-title {
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  letter-spacing: 0.17647em;
  font-weight: 500;
}
.color-bar-title:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 3px;
  height: 14px;
  background-color: #EC1D24;
}
.color-bar-title.type-small {
  padding-left: 15px;
  padding-right: 15px;
}
.color-bar-title.type-small:before {
  top: 9px;
}
.color-bar-title.type-scroll {
  height: 90px;
}
.color-bar-title.type-scroll:before {
  height: 70px;
}
@media (max-width: 767px) {
  .color-bar-title.type-scroll {
    margin-left: 20px;
  }
}
.color-bar-title.brown-bar:before {
  background-color: #BEB3A4;
}
.color-bar-title.brown-white:before {
  background-color: #F4EFE9;
  opacity: 0.44;
  filter: alpha(opacity=44);
}
.theme-red {
  color: #FFFFFF;
}
.theme-red .color-bar-title:before {
  background-color: #FFFFFF;
}
/*
 * Dream Starter Icomoon LESS
 */
@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon/icomoon.eot?1wc2vv');
  src: url('../fonts/icomoon/icomoon.eot?1wc2vv#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?1wc2vv') format('truetype'), url('../fonts/icomoon/icomoon.woff?1wc2vv') format('woff'), url('../fonts/icomoon/icomoon.svg?1wc2vv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-font {
  /* 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;
  /* Lash Addons =========== */
  position: relative;
  top: 1px;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Custom Icon */
.icon-arrow-down-long:before {
  content: "\e900";
}
.icon-arrow-left-long:before {
  content: "\e901";
}
.icon-arrow-right-long:before {
  content: "\e902";
}
.icon-arrow-up-long:before {
  content: "\e903";
}
.icon-arrow-down:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e906";
}
.icon-arrow-right:before {
  content: "\e908";
}
.icon-arrow-up:before {
  content: "\e907";
}
.icon-cancel:before {
  content: "\e909";
}
.icon-menu:before {
  content: "\e90a";
}
.icon-search-glass:before {
  content: "\e90b";
}
.icon-facebook:before {
  content: "\e90c";
}
.icon-linkedin:before {
  content: "\e90d";
}
.icon-youtube:before {
  content: "\e90e";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-facebook2:before {
  content: "\ea90";
}
/* Icomoon Free Icon */
.icon-play:before {
  content: "\ea1c";
}
.icon-checkbox-normal:before {
  content: "\ea53";
}
.icon-checkbox-selected:before {
  content: "\ea52";
}
.icon-radio-normal:before {
  content: "\ea56";
}
.icon-radio-selected:before {
  content: "\ea54";
}
.icon-mail:before {
  content: "\ea86";
}
/* Entypo+ Free Icon */
.icon-dot:before {
  content: "\e905";
}
.arrow-container .icon-arrow-left-long:after {
  content: "\e901";
}
.arrow-container .icon-arrow-right-long:after {
  content: "\e902";
}
.arrow-container .icon-arrow-left:after {
  content: "\e906";
}
.arrow-container .icon-arrow-right:after {
  content: "\e908";
}
/*
 * Nongshim Product 2017 custom bootstrap responsive grid system LESS
 */
.wrapper {
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  max-width: 1920px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    width: 744px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1008px;
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1240px) {
  .container {
    width: 1224px;
    padding-left: 17px;
    padding-right: 17px;
  }
}
.containerdiv:last-child {
  margin-bottom: 0;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) {
  .row {
    margin-left: -13px;
    margin-right: -13px;
  }
}
@media (min-width: 1240px) {
  .row {
    margin-left: -17px;
    margin-right: -17px;
  }
}
.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,
.col-sm-five,
.col-md-five {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .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,
  .col-sm-five,
  .col-md-five {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .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,
  .col-sm-five,
  .col-md-five {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1240px) {
  .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,
  .col-sm-five,
  .col-md-five {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-five {
    float: left;
  }
}
@media (min-width: 768px) {
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-2 {
    width: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-3 {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .col-sm-4 {
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-5 {
    width: 41.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-7 {
    width: 58.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-8 {
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-9 {
    width: 75%;
  }
}
@media (min-width: 768px) {
  .col-sm-10 {
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-11 {
    width: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-five {
    width: 20%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-0 {
    right: auto;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-3 {
    right: 25%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-6 {
    right: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-9 {
    right: 75%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-pull-12 {
    right: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-0 {
    left: auto;
  }
}
@media (min-width: 768px) {
  .col-sm-push-1 {
    left: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-2 {
    left: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-3 {
    left: 25%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-4 {
    left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-5 {
    left: 41.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-6 {
    left: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-7 {
    left: 58.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-8 {
    left: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-9 {
    left: 75%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-10 {
    left: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-11 {
    left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-push-12 {
    left: 100%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .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,
  .col-md-five {
    float: left;
  }
}
@media (min-width: 1024px) {
  .col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-2 {
    width: 16.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-3 {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .col-md-4 {
    width: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-5 {
    width: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-6 {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .col-md-7 {
    width: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-8 {
    width: 66.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-9 {
    width: 75%;
  }
}
@media (min-width: 1024px) {
  .col-md-10 {
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-11 {
    width: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-12 {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md-five {
    width: 20%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-0 {
    right: auto;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-1 {
    right: 8.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-2 {
    right: 16.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-3 {
    right: 25%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-4 {
    right: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-5 {
    right: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-6 {
    right: 50%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-7 {
    right: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-8 {
    right: 66.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-9 {
    right: 75%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-10 {
    right: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-11 {
    right: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-pull-12 {
    right: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-0 {
    left: auto;
  }
}
@media (min-width: 1024px) {
  .col-md-push-1 {
    left: 8.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-2 {
    left: 16.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-3 {
    left: 25%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-4 {
    left: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-5 {
    left: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-6 {
    left: 50%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-7 {
    left: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-8 {
    left: 66.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-9 {
    left: 75%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-10 {
    left: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-11 {
    left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-push-12 {
    left: 100%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1024px) {
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
}
@media (min-width: 1240px) {
  .col-lg-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-2 {
    width: 16.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-3 {
    width: 25%;
  }
}
@media (min-width: 1240px) {
  .col-lg-4 {
    width: 33.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-5 {
    width: 41.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-6 {
    width: 50%;
  }
}
@media (min-width: 1240px) {
  .col-lg-7 {
    width: 58.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-8 {
    width: 66.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-9 {
    width: 75%;
  }
}
@media (min-width: 1240px) {
  .col-lg-10 {
    width: 83.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-11 {
    width: 91.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-12 {
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-0 {
    right: auto;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-3 {
    right: 25%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-6 {
    right: 50%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-9 {
    right: 75%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-pull-12 {
    right: 100%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-0 {
    left: auto;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-1 {
    left: 8.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-2 {
    left: 16.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-3 {
    left: 25%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-4 {
    left: 33.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-5 {
    left: 41.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-6 {
    left: 50%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-7 {
    left: 58.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-8 {
    left: 66.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-9 {
    left: 75%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-10 {
    left: 83.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-11 {
    left: 91.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-push-12 {
    left: 100%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-3 {
    margin-left: 25%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-6 {
    margin-left: 50%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-9 {
    margin-left: 75%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1240px) {
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
/* --> if I use this tool, I can't use real .col- class name in my less files.
.make-custom-grid-columns();

.make-grid(xs);
@media @from-sm {
 .make-grid(sm);
}
@media @from-md {
 .make-grid(md);
}
@media @from-lg {
 .make-grid(lg);
}

.make-custom-grid-columns() {
  // Common styles for all sizes of grid columns, widths 1-12
  .col(@index) { // initial
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), @item);
  }
  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
    .col((@index + 1), ~"@{list}, @{item}");
  }
  .col(@index, @list) when (@index > @grid-columns) { // terminal
    @{list} {
      position: relative;
      // Prevent columns from collapsing when empty
      min-height: 1px;
      // Inner gutter via padding
      padding-left:  (@grid-gutter-xs / 2);
      padding-right: (@grid-gutter-xs / 2);
      @media @from-sm {
	      padding-left:  (@grid-gutter-sm / 2);
	      padding-right: (@grid-gutter-sm / 2);
      }
      @media @from-md {
	      padding-left:  (@grid-gutter-md / 2);
	      padding-right: (@grid-gutter-md / 2);
      }
      @media @from-lg {
	      padding-left:  (@grid-gutter-lg / 2);
	      padding-right: (@grid-gutter-lg / 2);
      }
    }
  }
  .col(1); // kickstart it
}
*/
.table-cell-1,
.table-cell-2,
.table-cell-3,
.table-cell-4,
.table-cell-5,
.table-cell-6,
.table-cell-7,
.table-cell-8,
.table-cell-9,
.table-cell-10,
.table-cell-11,
.table-cell-12 {
  display: table-cell;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .table-cell-1,
  .table-cell-2,
  .table-cell-3,
  .table-cell-4,
  .table-cell-5,
  .table-cell-6,
  .table-cell-7,
  .table-cell-8,
  .table-cell-9,
  .table-cell-10,
  .table-cell-11,
  .table-cell-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .table-cell-1,
  .table-cell-2,
  .table-cell-3,
  .table-cell-4,
  .table-cell-5,
  .table-cell-6,
  .table-cell-7,
  .table-cell-8,
  .table-cell-9,
  .table-cell-10,
  .table-cell-11,
  .table-cell-12 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1240px) {
  .table-cell-1,
  .table-cell-2,
  .table-cell-3,
  .table-cell-4,
  .table-cell-5,
  .table-cell-6,
  .table-cell-7,
  .table-cell-8,
  .table-cell-9,
  .table-cell-10,
  .table-cell-11,
  .table-cell-12 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.table-cell-1 {
  width: 8.33333333%;
}
.table-cell-2 {
  width: 16.66666667%;
}
.table-cell-3 {
  width: 25%;
}
.table-cell-4 {
  width: 33.33333333%;
}
.table-cell-5 {
  width: 41.66666667%;
}
.table-cell-6 {
  width: 50%;
}
.table-cell-7 {
  width: 58.33333333%;
}
.table-cell-8 {
  width: 66.66666667%;
}
.table-cell-9 {
  width: 75%;
}
.table-cell-10 {
  width: 83.33333333%;
}
.table-cell-11 {
  width: 91.66666667%;
}
.table-cell-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .table-cell-sm-1 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 8.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-1 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-1 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-2 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 16.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-2 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-2 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-3 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-3 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-3 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-4 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-4 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-4 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-5 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 41.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-5 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-5 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-6 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-6 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-6 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-7 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 58.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-7 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-7 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-7 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-8 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-8 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-8 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-9 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 75%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-9 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-9 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-9 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-10 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-10 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-10 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-11 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 91.66666667%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-11 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-11 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-11 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) {
  .table-cell-sm-12 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .table-cell-sm-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .table-cell-sm-12 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .table-cell-sm-12 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-1 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 8.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-1 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-1 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-2 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 16.66666667%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-2 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-2 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-3 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-3 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-3 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-4 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 33.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-4 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-4 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-5 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 41.66666667%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-5 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-5 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-6 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-6 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-6 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-6 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-7 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 58.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-7 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-7 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-7 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-8 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 66.66666667%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-8 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-8 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-8 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-9 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 75%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-9 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-9 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-9 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-10 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 83.33333333%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-10 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-10 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-11 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 91.66666667%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-11 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-11 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-11 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .table-cell-md-12 {
    display: table-cell;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }
}
@media (min-width: 1024px) and (min-width: 768px) {
  .table-cell-md-12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) and (min-width: 1024px) {
  .table-cell-md-12 {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1024px) and (min-width: 1240px) {
  .table-cell-md-12 {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.row-sm {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .row-sm {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) {
  .row-sm {
    margin-left: -13px;
    margin-right: -13px;
  }
}
@media (min-width: 1240px) {
  .row-sm {
    margin-left: -17px;
    margin-right: -17px;
  }
}
@media (max-width: 767px) {
  .row-sm {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.row-md {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .row-md {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) {
  .row-md {
    margin-left: -13px;
    margin-right: -13px;
  }
}
@media (min-width: 1240px) {
  .row-md {
    margin-left: -17px;
    margin-right: -17px;
  }
}
@media (max-width: 1023px) {
  .row-md {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 768px) {
  .table-row-sm {
    display: table;
    table-layout: fixed;
  }
  .table-row-sm.full-width {
    width: 100%;
  }
  .table-row-sm.full-height {
    height: 100%;
  }
}
@media (min-width: 1024px) {
  .table-row-md {
    display: table;
    table-layout: fixed;
  }
  .table-row-md.full-width {
    width: 100%;
  }
  .table-row-md.full-height {
    height: 100%;
  }
}
/*
 * Nongshim Product 2017 Layout LESS
 */
html {
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}
@media (max-width: 1023px) {
  .to-sm-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.title-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.title-block + .contents-block {
  margin-top: 3em;
}
.title-block .color-bar-title + .h2 {
  margin-top: -16px;
}
.contents-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.contents-block + .buttons-block {
  margin-top: 2em;
}
@media (min-width: 768px) {
  .width-medium {
    max-width: 680px;
  }
}
@media (min-width: 768px) {
  .width-large {
    max-width: 680px;
  }
}
@media (min-width: 1024px) {
  .width-large {
    max-width: 840px;
  }
}
@media (min-width: 768px) {
  .width-xlarge {
    max-width: 680px;
  }
}
@media (min-width: 1024px) {
  .width-xlarge {
    max-width: 1024px;
  }
}
@media (max-width: 1023px) {
  body {
    padding-top: 65px;
  }
}
@media (min-width: 1024px) {
  body {
    padding-top: 90px;
  }
}
@media (min-width: 1024px) {
  body.page-home {
    padding-top: 0 !important;
  }
}
#loading {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #1F2024;
  z-index: 9999;
  color: #FFFFFF;
}
#loading .container {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100vh;
}
#loading .container.full-width {
  width: 100%;
}
#loading .container.full-height {
  height: 100%;
}
#loading .container .inner-container {
  display: table-cell;
  min-height: 1px;
  width: 100%;
  text-align: center;
  vertical-align: middle !important;
}
#loading .container .inner-container .loading-image {
  width: 12%;
  max-width: 12%;
  margin-left: auto;
  margin-right: auto;
}
#loading .container .inner-container .loading-image img {
  display: block;
  max-width: 100%;
  height: auto;
}
#loading .container .inner-container .loading-count {
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 48px;
  margin-top: 2.6%;
}
#loading .container .inner-container .loading-count span {
  font-size: 100px;
  line-height: 1;
}
#loading .container .inner-container .loading-text {
  margin-top: 10px;
  font-size: 17px;
  letter-spacing: 3px;
  color: #ccb9a6;
  font-weight: 600;
}
#spyScroll {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  position: fixed;
  z-index: 1030;
  left: 43px;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  display: none;
}
@media (min-width: 1024px) {
  #spyScroll {
    display: block;
  }
}
@media (min-width: 768px) {
  #spyScroll.active {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
/*
 * Nongshim Product 2017 buttons LESS
 */
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  font-family: Georgia, Times, 'Times New Roman', serif;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  padding: 16px 30px;
  font-size: 18px;
  line-height: 21px;
  min-width: auto;
  border: 1px solid transparent;
  border-radius: 0;
  white-space: nowrap;
  transition: all 0.3s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .btn {
    margin-bottom: 10px;
  }
}
.btn:hover,
.btn:focus,
.btn.focus {
  outline: 0;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
}
.btn > .arrow-container {
  position: relative;
  padding-right: 40px;
}
.btn > .arrow-container span.icon-font {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.btn > .arrow-container span.icon-arrow-left-long::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s;
}
.btn > .arrow-container span.icon-arrow-left-long::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate(60px, 0);
  transform: translate(60px, 0);
  transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn > .arrow-container span.icon-arrow-right-long::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.3s;
}
.btn > .arrow-container span.icon-arrow-right-long::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(-30px, 0);
  transform: translate(-30px, 0);
  transition: all 0.3s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.btn > .arrow-container.symbol-only {
  padding-right: 30px;
}
.btn:hover span.icon-arrow-left-long::before {
  -webkit-transform: translate(-70px, 0);
  transform: translate(-70px, 0);
}
.btn:hover span.icon-arrow-left-long::after {
  transition-delay: 0.15s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn:hover span.icon-arrow-right-long::before {
  -webkit-transform: translate(70px, 0);
  transform: translate(70px, 0);
  opacity: 0;
}
.btn:hover span.icon-arrow-right-long::after {
  transition-delay: 0.15s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-default {
  color: #FFFFFF !important;
  background-color: #EC1D24;
  border-color: #EC1D24;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default[aria-expanded="true"] {
  color: #FFFFFF !important;
  background-color: #D0021B;
  border-color: #D0021B;
}
.btn-default:hover .icon-font,
.btn-default:active .icon-font,
.btn-default:focus .icon-font,
.btn-default.active .icon-font,
.open > .dropdown-toggle.btn-default .icon-font,
.btn-default[aria-expanded="true"] .icon-font {
  color: #FFFFFF !important;
}
.btn-default:active,
.btn-default.active,
.btn-default:focus,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.btn-default.disabled span:before,
.btn-default[disabled] span:before,
fieldset[disabled] .btn-default span:before,
.btn-default.disabled:hover span:before,
.btn-default[disabled]:hover span:before,
fieldset[disabled] .btn-default:hover span:before,
.btn-default.disabled:focus span:before,
.btn-default[disabled]:focus span:before,
fieldset[disabled] .btn-default:focus span:before,
.btn-default.disabled.focus span:before,
.btn-default[disabled].focus span:before,
fieldset[disabled] .btn-default.focus span:before,
.btn-default.disabled:active span:before,
.btn-default[disabled]:active span:before,
fieldset[disabled] .btn-default:active span:before,
.btn-default.disabled.active span:before,
.btn-default[disabled].active span:before,
fieldset[disabled] .btn-default.active span:before {
  color: #999999 !important;
}
.btn-default .badge {
  color: #EC1D24;
  background-color: #FFFFFF;
}
.btn-xs-full {
  width: 100%;
}
.btn-red {
  color: #FFFFFF !important;
  background-color: #EC1D24;
  border-color: #EC1D24;
}
.btn-red:hover,
.btn-red:active,
.btn-red:focus,
.btn-red.active,
.open > .dropdown-toggle.btn-red,
.btn-red[aria-expanded="true"] {
  color: #FFFFFF !important;
  background-color: #D0021B;
  border-color: #D0021B;
}
.btn-red:hover .icon-font,
.btn-red:active .icon-font,
.btn-red:focus .icon-font,
.btn-red.active .icon-font,
.open > .dropdown-toggle.btn-red .icon-font,
.btn-red[aria-expanded="true"] .icon-font {
  color: #FFFFFF !important;
}
.btn-red:active,
.btn-red.active,
.btn-red:focus,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.btn-red.disabled span:before,
.btn-red[disabled] span:before,
fieldset[disabled] .btn-red span:before,
.btn-red.disabled:hover span:before,
.btn-red[disabled]:hover span:before,
fieldset[disabled] .btn-red:hover span:before,
.btn-red.disabled:focus span:before,
.btn-red[disabled]:focus span:before,
fieldset[disabled] .btn-red:focus span:before,
.btn-red.disabled.focus span:before,
.btn-red[disabled].focus span:before,
fieldset[disabled] .btn-red.focus span:before,
.btn-red.disabled:active span:before,
.btn-red[disabled]:active span:before,
fieldset[disabled] .btn-red:active span:before,
.btn-red.disabled.active span:before,
.btn-red[disabled].active span:before,
fieldset[disabled] .btn-red.active span:before {
  color: #999999 !important;
}
.btn-red .badge {
  color: #EC1D24;
  background-color: #FFFFFF;
}
.btn-white {
  color: #EC1D24 !important;
  background-color: #FFFFFF;
  border-color: #F4EFE9;
}
.btn-white:hover,
.btn-white:active,
.btn-white:focus,
.btn-white.active,
.open > .dropdown-toggle.btn-white,
.btn-white[aria-expanded="true"] {
  color: #EC1D24 !important;
  background-color: #F4EFE9;
  border-color: #F4EFE9;
}
.btn-white:hover .icon-font,
.btn-white:active .icon-font,
.btn-white:focus .icon-font,
.btn-white.active .icon-font,
.open > .dropdown-toggle.btn-white .icon-font,
.btn-white[aria-expanded="true"] .icon-font {
  color: #EC1D24 !important;
}
.btn-white:active,
.btn-white.active,
.btn-white:focus,
.open > .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled,
.btn-white[disabled],
fieldset[disabled] .btn-white,
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus,
.btn-white.disabled:active,
.btn-white[disabled]:active,
fieldset[disabled] .btn-white:active,
.btn-white.disabled.active,
.btn-white[disabled].active,
fieldset[disabled] .btn-white.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.btn-white.disabled span:before,
.btn-white[disabled] span:before,
fieldset[disabled] .btn-white span:before,
.btn-white.disabled:hover span:before,
.btn-white[disabled]:hover span:before,
fieldset[disabled] .btn-white:hover span:before,
.btn-white.disabled:focus span:before,
.btn-white[disabled]:focus span:before,
fieldset[disabled] .btn-white:focus span:before,
.btn-white.disabled.focus span:before,
.btn-white[disabled].focus span:before,
fieldset[disabled] .btn-white.focus span:before,
.btn-white.disabled:active span:before,
.btn-white[disabled]:active span:before,
fieldset[disabled] .btn-white:active span:before,
.btn-white.disabled.active span:before,
.btn-white[disabled].active span:before,
fieldset[disabled] .btn-white.active span:before {
  color: #999999 !important;
}
.btn-white .badge {
  color: #FFFFFF;
  background-color: #EC1D24;
}
.btn-black {
  color: #FFFFFF !important;
  background-color: #1F2024;
  border-color: #1F2024;
}
.btn-black:hover,
.btn-black:active,
.btn-black:focus,
.btn-black.active,
.open > .dropdown-toggle.btn-black,
.btn-black[aria-expanded="true"] {
  color: #FFFFFF !important;
  background-color: #1F2024;
  border-color: #1F2024;
}
.btn-black:hover .icon-font,
.btn-black:active .icon-font,
.btn-black:focus .icon-font,
.btn-black.active .icon-font,
.open > .dropdown-toggle.btn-black .icon-font,
.btn-black[aria-expanded="true"] .icon-font {
  color: #FFFFFF !important;
}
.btn-black:active,
.btn-black.active,
.btn-black:focus,
.open > .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled.focus,
.btn-black[disabled].focus,
fieldset[disabled] .btn-black.focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.btn-black.disabled span:before,
.btn-black[disabled] span:before,
fieldset[disabled] .btn-black span:before,
.btn-black.disabled:hover span:before,
.btn-black[disabled]:hover span:before,
fieldset[disabled] .btn-black:hover span:before,
.btn-black.disabled:focus span:before,
.btn-black[disabled]:focus span:before,
fieldset[disabled] .btn-black:focus span:before,
.btn-black.disabled.focus span:before,
.btn-black[disabled].focus span:before,
fieldset[disabled] .btn-black.focus span:before,
.btn-black.disabled:active span:before,
.btn-black[disabled]:active span:before,
fieldset[disabled] .btn-black:active span:before,
.btn-black.disabled.active span:before,
.btn-black[disabled].active span:before,
fieldset[disabled] .btn-black.active span:before {
  color: #999999 !important;
}
.btn-black .badge {
  color: #1F2024;
  background-color: #FFFFFF;
}
.btn-gray {
  color: #EC1D24 !important;
  background-color: #EAEAEA;
  border-color: #EAEAEA;
}
.btn-gray:hover,
.btn-gray:active,
.btn-gray:focus,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray,
.btn-gray[aria-expanded="true"] {
  color: #EC1D24 !important;
  background-color: #EAEAEA;
  border-color: #EAEAEA;
}
.btn-gray:hover .icon-font,
.btn-gray:active .icon-font,
.btn-gray:focus .icon-font,
.btn-gray.active .icon-font,
.open > .dropdown-toggle.btn-gray .icon-font,
.btn-gray[aria-expanded="true"] .icon-font {
  color: #EC1D24 !important;
}
.btn-gray:active,
.btn-gray.active,
.btn-gray:focus,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.btn-gray.disabled span:before,
.btn-gray[disabled] span:before,
fieldset[disabled] .btn-gray span:before,
.btn-gray.disabled:hover span:before,
.btn-gray[disabled]:hover span:before,
fieldset[disabled] .btn-gray:hover span:before,
.btn-gray.disabled:focus span:before,
.btn-gray[disabled]:focus span:before,
fieldset[disabled] .btn-gray:focus span:before,
.btn-gray.disabled.focus span:before,
.btn-gray[disabled].focus span:before,
fieldset[disabled] .btn-gray.focus span:before,
.btn-gray.disabled:active span:before,
.btn-gray[disabled]:active span:before,
fieldset[disabled] .btn-gray:active span:before,
.btn-gray.disabled.active span:before,
.btn-gray[disabled].active span:before,
fieldset[disabled] .btn-gray.active span:before {
  color: #999999 !important;
}
.btn-gray .badge {
  color: #EAEAEA;
  background-color: #EC1D24;
}
.btn-small {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 20px;
}
.btn-compact {
  font-size: 12px;
  line-height: 12px;
  padding: 10px 15px;
  min-width: 0;
}
.btn-jumbo {
  font-size: 18px;
  line-height: 18px;
  padding: 40px 20px;
  min-width: 0;
}
.btn-full {
  width: 100%;
}
/*
.btn-big {
  @media @from-sm {
    .button-size(@control-padding-vt-big; @btn-padding-hr-big; @control-font-size-big; @control-line-height-big; 0);
  }
}

.btn-jumbo {
  @media @from-sm {
    .button-size(@control-padding-vt-big * 1.2; @btn-padding-hr-big * 1.5; @control-font-size-big * 1.2; @control-line-height-big * 1.2; 0);
  }
}

.btn-tag {
	.button-variant-ex(@text-white, @text-white, @EDWY-green, darken(@EDWY-green, 10%), @EDWY-green, darken(@EDWY-green, 10%));
	.button-size(@btn-padding-vt-small, @btn-padding-hr-small, @font-size-base, 1, 0);
  margin-top: 0 !important;
  width: auto !important;
	margin-left: 0;
	margin-right: 2px;
	margin-bottom: 2px;
	.pull-left;
}

.btn-share {
	.btn-big;
  .btn-block;

  position: relative;
  margin-bottom: @space-xs;
  padding-right: 0;
  padding-left: @btn-share-symbol-width;
  .text-center;
  @media @from-sm {
    margin-bottom: @space-sm;
    padding-right: 0;
    padding-left: @btn-share-symbol-width-sm;
  }
  @media @from-md {
    margin-bottom: @space-md;
  }
  @media @from-lg {
    margin-bottom: @space-lg;
  }

  .icon-email;
  &:before {
    .icon-font;
    position: absolute;
    width: @btn-share-symbol-width;
    height: @btn-share-symbol-height;
    top: -1px;
    left: -1px;
    border-right: 1px solid @btn-share-symbol-border-color;
    font-size: @btn-share-symbol-font-size;
    line-height: @btn-share-symbol-line-height;
    .text-center;
    @media @from-sm {
      width: @btn-share-symbol-width-sm;
      height: @btn-share-symbol-height-sm;
      font-size: @btn-share-symbol-font-size-sm;
      line-height: @btn-share-symbol-line-height-sm;
    }
  }

  &.googleplus {
    .button-variant-ex(@text-white, @text-white, @btn-share-bg-googleplus, @btn-share-bg-googleplus-hover, @btn-share-bg-googleplus, @btn-share-bg-googleplus-hover);
    .icon-googleplus;
  }
  &.facebook {
    .button-variant-ex(@text-white, @text-white, @btn-share-bg-facebook, @btn-share-bg-facebook-hover, @btn-share-bg-facebook, @btn-share-bg-facebook-hover);
    .icon-facebook;
  }
}
*/
.close-button {
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  background-image: none;
  cursor: pointer;
  border: none;
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #EC1D24;
}
.close-button:hover,
.close-button:focus,
.close-button.focus {
  outline: 0;
  text-decoration: none;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  min-width: 0;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  [class*="btn-block"] + [class*="btn-block"] {
    margin-top: 10px;
  }
}
.btn-text-margin-top {
  margin-top: 16px;
}
.btn-link {
  color: #EC1D24;
  font-weight: normal;
  font-family: Georgia, Times, 'Times New Roman', serif;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  outline: none !important;
}
.btn-link:hover,
.btn-link:focus {
  color: #D0021B;
  text-decoration: underline;
}
.btn-link.disabled,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  color: #999999;
}
.btn-link.disabled:hover,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link.disabled:focus,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  cursor: not-allowed;
  color: #999999;
}
.btn-link.white,
.btn-link.white * {
  color: #FFFFFF;
}
.btn-link.white:hover,
.btn-link.white *:hover,
.btn-link.white:focus,
.btn-link.white *:focus {
  color: #FFFFFF;
}
.btn-link.search-style {
  position: relative;
  padding-right: 20px;
}
.btn-link.search-style .icon-font {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .btn-link.search-style .icon-font {
    height: 20px;
    margin-top: auto;
    margin-bottom: auto;
  }
}
/*
.btn-login,
.btn-logout,
.btn-signup {
	@media @from-sm {
		width: @header-login-button-width-sm;
		padding-left: 0;
		padding-right: 0;
	}
	@media @from-lg {
		width: @header-login-button-width-lg;
	}
}

.btn-account {
	@media @from-sm {
		display: block;
		width: ((@header-login-button-width-sm * 2) + @header-button-gap);
		padding-left: 0;
		padding-right: 0;
	}
	@media @from-lg {
		width: ((@header-login-button-width-lg * 2) + @header-button-gap);
	}
}

.btn-login,
.btn-account {
	.button-variant-ex(@text-white, @text-black, transparent, @bg-white, @signup-gray, @bg-white);
}

.btn-signup,
.btn-logout {
	.button-variant-ex(@text-white, @text-black, @signup-gray, @bg-white, @signup-gray, @bg-white);
}
*/
.btn-loader .normal {
  display: inherit;
  line-height: 1;
}
.btn-loader .loading {
  display: none;
}
.btn-loader.loading .normal {
  display: none;
}
.btn-loader.loading .loading {
  display: inherit;
}
.btn-loader .info {
  color: #333333;
  font-size: 14px;
  font-family: "roboto", sans-serif;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.counter-container {
  width: 170px;
}
.counter-container.inline-style {
  display: inline-block;
}
.counter-container .counter .input-group-btn:first-child .btn {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  margin-right: -2px;
}
.counter-container .counter .input-group-btn:last-child .btn {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.counter-container .counter .btn {
  min-width: auto;
  border-width: 1px;
  height: 55px;
  color: #444444 !important;
  background-color: #FFFFFF;
  border-color: #DBDBDB;
}
.counter-container .counter .btn:hover,
.counter-container .counter .btn:active,
.counter-container .counter .btn:focus,
.counter-container .counter .btn.active,
.open > .dropdown-toggle.counter-container .counter .btn,
.counter-container .counter .btn[aria-expanded="true"] {
  color: #444444 !important;
  background-color: #FFFFFF;
  border-color: #DBDBDB;
}
.counter-container .counter .btn:hover .icon-font,
.counter-container .counter .btn:active .icon-font,
.counter-container .counter .btn:focus .icon-font,
.counter-container .counter .btn.active .icon-font,
.open > .dropdown-toggle.counter-container .counter .btn .icon-font,
.counter-container .counter .btn[aria-expanded="true"] .icon-font {
  color: #444444 !important;
}
.counter-container .counter .btn:active,
.counter-container .counter .btn.active,
.counter-container .counter .btn:focus,
.open > .dropdown-toggle.counter-container .counter .btn {
  background-image: none;
}
.counter-container .counter .btn.disabled,
.counter-container .counter .btn[disabled],
fieldset[disabled] .counter-container .counter .btn,
.counter-container .counter .btn.disabled:hover,
.counter-container .counter .btn[disabled]:hover,
fieldset[disabled] .counter-container .counter .btn:hover,
.counter-container .counter .btn.disabled:focus,
.counter-container .counter .btn[disabled]:focus,
fieldset[disabled] .counter-container .counter .btn:focus,
.counter-container .counter .btn.disabled.focus,
.counter-container .counter .btn[disabled].focus,
fieldset[disabled] .counter-container .counter .btn.focus,
.counter-container .counter .btn.disabled:active,
.counter-container .counter .btn[disabled]:active,
fieldset[disabled] .counter-container .counter .btn:active,
.counter-container .counter .btn.disabled.active,
.counter-container .counter .btn[disabled].active,
fieldset[disabled] .counter-container .counter .btn.active {
  background-color: #E2E2E2 !important;
  color: #999999 !important;
  border-color: #DBDBDB !important;
}
.counter-container .counter .btn.disabled span:before,
.counter-container .counter .btn[disabled] span:before,
fieldset[disabled] .counter-container .counter .btn span:before,
.counter-container .counter .btn.disabled:hover span:before,
.counter-container .counter .btn[disabled]:hover span:before,
fieldset[disabled] .counter-container .counter .btn:hover span:before,
.counter-container .counter .btn.disabled:focus span:before,
.counter-container .counter .btn[disabled]:focus span:before,
fieldset[disabled] .counter-container .counter .btn:focus span:before,
.counter-container .counter .btn.disabled.focus span:before,
.counter-container .counter .btn[disabled].focus span:before,
fieldset[disabled] .counter-container .counter .btn.focus span:before,
.counter-container .counter .btn.disabled:active span:before,
.counter-container .counter .btn[disabled]:active span:before,
fieldset[disabled] .counter-container .counter .btn:active span:before,
.counter-container .counter .btn.disabled.active span:before,
.counter-container .counter .btn[disabled].active span:before,
fieldset[disabled] .counter-container .counter .btn.active span:before {
  color: #999999 !important;
}
.counter-container .counter .btn .badge {
  color: #FFFFFF;
  background-color: #444444;
}
.counter-container .counter input.form-control {
  box-shadow: none;
  text-align: center;
}
/**
 * Dream Starter Forms Style LESS
**/
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
input[type="search"] {
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
}
.form-control-container {
  position: relative;
}
.form-control-container.with-left-symbol .form-control {
  padding-left: 55px;
}
.form-control-container.with-left-symbol .form-control-symbol {
  left: 26px;
}
.form-control-container.with-right-symbol .form-control {
  padding-right: 55px;
}
.form-control-container.with-right-symbol .form-control-symbol {
  right: 26px;
}
.form-control-container.with-status .form-control {
  padding-right: 55px;
}
.form-control-container.with-status .form-control-status {
  right: 26px;
}
.form-control-container.compact .form-control {
  padding: 10px 15px;
  height: 43px;
  border-radius: 0;
}
.form-control-container.compact .form-control-symbol,
.form-control-container.compact .form-status {
  font-size: 20px;
  line-height: 20px;
  height: 20px;
}
.form-control-container.compact.with-left-symbol .form-control-symbol {
  left: 9px;
}
.form-control-container.compact.with-right-symbol .form-control-symbol,
.form-control-container.compact.with-status .form-control-status {
  right: 9px;
}
.form-control-container.compact.with-left-symbol .form-control {
  padding-left: 40px;
}
.form-control-container.compact.with-right-symbol .form-control,
.form-control-container.compact.with-status .form-control {
  padding-right: 40px;
}
.form-control-container.error .form-control {
  border-color: red !important;
}
.form-control-container.error .form-control-status {
  color: red !important;
}
.form-control-container.error .form-control-status > .error {
  display: inline !important;
}
.form-control-container.pass .form-control {
  border-color: green !important;
}
.form-control-container.pass .form-control-status {
  color: green !important;
}
.form-control-container .form-control-symbol {
  position: absolute;
  pointer-events: none;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.form-control-container .form-control-symbol .dropdown-style {
  font-size: 20px;
  color: #333333;
}
.form-control-container .form-control-status {
  position: absolute;
  pointer-events: none;
  height: 24px;
  line-height: 24px;
  font-size: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.form-control-container .form-control-status > .error {
  display: none;
}
.form-control {
  display: block;
  width: 100%;
  height: 55px;
  padding: 16px 30px;
  font-size: 14px;
  line-height: 25px;
  color: #333333;
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #E2E2E2;
  border-radius: 0;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
@media (min-width: 1024px) {
  .form-control {
    font-size: 16px;
    line-height: 32px;
  }
}
.form-control:focus {
  border-color: #999999;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(153, 153, 153, 0.6);
}
.form-control:focus {
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.input-group > input[type="text"].form-control {
  border-top: 0;
  border-left: 0;
  border-bottom-width: 2px;
  border-bottom-color: #F4EFE9;
  padding-left: 0;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 55px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 43px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
@media (min-width: 1240px) {
  .form-group {
    margin-bottom: 22.5px;
  }
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  position: relative;
}
.radio label:before,
.checkbox label:before {
  z-index: 1;
  /* 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;
  /* Lash Addons =========== */
  position: relative;
  top: 1px;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #EC1D24;
  top: 2px;
  bottom: 0;
  left: 0px;
  margin: 0;
  background-color: transparent;
}
.radio.error label,
.checkbox.error label,
.radio.error label:before,
.checkbox.error label:before {
  color: red;
}
.radio .filter-message,
.checkbox .filter-message {
  padding-left: 30px;
}
.radio label:after {
  border-radius: 50%;
}
.radio input + label:before {
  content: "\ea56";
}
.radio input:checked + label:before {
  content: "\ea54";
}
.checkbox input ~ label:before {
  content: "\ea53";
}
.checkbox input:checked ~ label:before {
  content: "\ea52";
}
.checkbox-simple {
  position: relative;
  display: inline-block;
}
.checkbox-simple input[type="checkbox"] {
  display: none;
}
.checkbox-simple label {
  margin-bottom: 0;
  cursor: pointer;
  /* 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;
  /* Lash Addons =========== */
  position: relative;
  top: 1px;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  color: #999999;
  transition: color 0.3s;
}
.checkbox-simple input ~ label:before {
  content: "\ea53";
}
.checkbox-simple input:checked ~ label {
  color: #EC1D24;
}
.checkbox-simple input:checked ~ label:before {
  content: "\ea52";
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  display: none;
  position: absolute;
  margin: 5px;
  background-color: transparent;
  border: 1px solid transparent;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
  color: #DBDBDB;
}
.radio.disabled label:after,
.checkbox.disabled label:after,
fieldset[disabled] .radio label:after,
fieldset[disabled] .checkbox label:after {
  border-color: #DBDBDB;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 43px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 43px;
  line-height: 43px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 43px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 43px;
  line-height: 43px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 43px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 68.75px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 43px;
  height: 43px;
  line-height: 43px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
/*
.dropdown-filter {
  position: relative;
  background-color: @color-white;
  @media @only-xs {
    margin-bottom: (@grid-gutter-xs / 2);
  }
  .icon-tp_arrow_down;
  &:before {
    .icon-font;
    position: absolute;
    height: 100%;
    width: 40px;
    text-align: center;
    color: @color-gray-dark;
    background-color: @color-white;
    border-left: 1px solid @color-gray-light;
    line-height: @input-height-base;

    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
  }

  .form-control {
    display: block;
    width: 100%;
    // height: auto;
    // padding: 6px 15px 2px 15px;
    // border: @line-thin solid @TR-black;
    // border-radius: 0;

    //.text-style-button;
    // @input-border-focus: @color-theme;
    // .form-control-focus(@TP-blue);

    position: relative;
    // color: @TR-black;
    background-color: transparent;
  }

  // &.white {
  //   &:before {
  //     border-left: @line-thin solid @TR-white;
  //     border-right: @line-thin solid @TR-white;
  //   }
  //   .form-control {
  //     color: @TR-white !important;
  //     border-color: @TR-white !important;
  //   }
  //   option {
  //     color: @TR-black !important;
  //     background-color: @TR-white !important;
  //   }
  // }

}
*/
@-moz-document url-prefix() {
  .dropdown-filter {
    overflow: hidden;
  }
  .dropdown-filter .form-control {
    width: 110%;
  }
}
.ie9 .dropdown-filter {
  overflow: hidden;
}
.ie9 .dropdown-filter .form-control {
  width: 115%;
}
/*
 * Table Style LESS
 */
.table {
  border: 1px solid #FFFFFF;
}
.table > thead {
  background-color: #222222;
  color: #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 {
  border: 1px solid #FFFFFF;
  padding: 14px 30px;
}
.table > thead > tr > th,
.table > thead > tr > td {
  border-bottom-width: 2px;
  vertical-align: middle;
  font-weight: normal;
}
.table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table th[scope="row"] {
  font-weight: normal;
}
.table.table-default > thead > tr > th,
.table.table-default > thead > tr > td {
  background-color: #EC1D24;
  font-weight: bold;
}
.table.table-default > tbody > tr:nth-of-type(odd) {
  background-color: #F4F4F4;
}
.table.table-default > tbody {
  color: #4a4a4a;
}
.table.table-red > thead > tr > th,
.table.table-red > thead > tr > td {
  background-color: #EC1D24;
}
.table.table-red > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-red > tbody {
  color: #9E8C76;
}
.table.table-red1 > thead > tr > th,
.table.table-red1 > thead > tr > td {
  background-color: #DE1742;
}
.table.table-red1 > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-red1 > tbody {
  color: #9E8C76;
}
.table.table-green > thead > tr > th,
.table.table-green > thead > tr > td {
  background-color: #009400;
}
.table.table-green > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-green > tbody {
  color: #9E8C76;
}
.table.table-black > thead > tr > th,
.table.table-black > thead > tr > td {
  background-color: #000000;
}
.table.table-black > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-black > tbody {
  color: #9E8C76;
}
.table.table-yellow > thead > tr > th,
.table.table-yellow > thead > tr > td {
  background-color: #F2B400;
}
.table.table-yellow > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-yellow > tbody {
  color: #9E8C76;
}
.table.table-orange > thead > tr > th,
.table.table-orange > thead > tr > td {
  background-color: #FF6237;
}
.table.table-orange > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-orange > tbody {
  color: #9E8C76;
}
.table.table-orange-dark > thead > tr > th,
.table.table-orange-dark > thead > tr > td {
  background-color: #EB492B;
}
.table.table-orange-dark > tbody > tr:nth-of-type(odd) {
  background-color: #F4EFE9;
}
.table.table-orange-dark > tbody {
  color: #9E8C76;
}
/*
 * Nongshim Product 2017 Cards LESS
 */
.card {
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.card .image-container .image {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}
.card .content-container .text-container .title-cell h4,
.card .content-container .text-container .title-cell .h4 {
  margin-bottom: 5px;
}
.card.hover-effect {
  transition: all 0.3s;
}
.card.hover-effect:hover {
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card.hover-effect-image .image-container {
  transition: all 0.3s;
}
.card.hover-effect-image .image-container:hover {
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.card.bowlHeight .image-container .image {
  height: 160px !important;
}
@media (min-width: 1024px) {
  .card.bowlHeight .image-container .image {
    height: 190px !important;
  }
}
.card.bowlHeight .content-container {
  padding-top: 80px !important;
  margin-top: 80px !important;
}
@media (min-width: 1024px) {
  .card.bowlHeight .content-container {
    padding-top: 95px !important;
    margin-top: 95px !important;
  }
}
.card.product-style .image-container {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 180px;
  padding: 0px;
}
@media (min-width: 768px) {
  .card.product-style .image-container {
    padding: 0 32px;
  }
}
@media (min-width: 1240px) {
  .card.product-style .image-container {
    padding: 0 32px;
  }
}
@media (min-width: 1024px) {
  .card.product-style .image-container {
    height: 216px;
  }
}
.card.product-style .image-container .image {
  height: 180px;
}
@media (min-width: 1024px) {
  .card.product-style .image-container .image {
    height: 216px;
  }
}
.card.product-style .image-container .image.extraWidth {
  width: 103%!important;
}
.card.product-style .content-container {
  position: relative;
  z-index: 0;
  background-color: #FFFFFF;
  padding-top: 90px;
  margin-top: 90px;
}
@media (min-width: 1024px) {
  .card.product-style .content-container {
    padding-top: 108px;
    margin-top: 108px;
  }
}
.card.product-style .content-container .text-container {
  text-align: center;
  padding-left: 26px;
  padding-right: 26px;
}
.card.product-style .content-container .text-container .title-cell h4 {
  font-size: 20px;
  line-height: 30px;
  overflow-wrap: break-word;
}
.card.product-style .content-container .text-container .title-cell h5 {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.card.product-style .content-container .text-container .title-cell h5 span {
  font-size: 16px;
  font-weight: 500;
}
.card.product-style .content-container .text-container .title-cell h5 .sub-title {
  font-size: 11px;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .card.product-style .content-container .text-container .title-cell {
    padding-bottom: 12px;
  }
}
.card.product-style .content-container .text-container .detail-cell {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 30px;
  height: 95.2px;
}
@media (min-width: 1024px) {
  .card.product-style .content-container .text-container .detail-cell {
    overflow: visible;
    margin-bottom: 30px;
    height: 108.8px;
  }
}
@media (max-width: 767px) {
  .card.product-style .content-container .text-container .detail-cell {
    display: none;
  }
}
.card.product-style .content-container .feature-container {
  text-align: right;
}
.card.product-style .content-container .feature-container .btn {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 24px;
}
.card.transparent-style {
  margin-bottom: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .card.transparent-style {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-bottom: 80px;
  }
  .card.transparent-style.overrap-before {
    padding-bottom: 26%;
  }
  .card.transparent-style.product {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .card.transparent-style {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .card.transparent-style.overrap-before {
    padding-bottom: 11%;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .card.transparent-style.overrap-before {
    padding-bottom: 260px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .card.transparent-style.overrap-aftere {
    padding-top: 11%;
  }
}
@media (max-width: 767px) and (min-width: 1024px) {
  .card.transparent-style.overrap-aftere {
    padding-top: 20%;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .card.transparent-style.padding-large {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (min-width: 768px) {
  .two-cell .card.transparent-style {
    max-width: 400px;
  }
}
@media (min-width: 1024px) {
  .two-cell .card.transparent-style {
    max-width: 450px;
  }
}
@media (min-width: 1240px) {
  .two-cell .card.transparent-style {
    margin-right: 150px;
  }
}
.three-cell .card.transparent-style {
  overflow: visible;
}
@media (min-width: 768px) {
  .three-cell .card.transparent-style {
    max-width: 320px;
  }
}
.card.transparent-style .image-container {
  width: 100%;
  height: 180px;
}
@media (min-width: 1024px) {
  .card.transparent-style .image-container {
    height: 216px;
  }
}
.card.transparent-style .image-container .image {
  height: 180px;
}
@media (min-width: 1024px) {
  .card.transparent-style .image-container .image {
    height: 216px;
  }
}
@media (min-width: 1024px) {
  .two-cell .card.transparent-style.small-gap {
    max-width: 100%;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (min-width: 1240px) {
  .two-cell .card.transparent-style.small-gap {
    max-width: 100%;
    padding-left: 120px;
    padding-right: 120px;
  }
}
.card.fullimage-style {
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .card.fullimage-style {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .card.fullimage-style {
    height: 100%;
  }
}
.card.fullimage-style .image-container {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card.fullimage-style .image-container .image {
  width: 100%;
  height: 100%;
  background-size: cover;
}
.card.fullimage-style .feature-container {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .card.fullimage-style .feature-container {
    display: none;
  }
}
.card.article-small-style .image-container,
.card.article-big-style .image-container {
  position: relative;
}
.card.article-small-style .image-container .btn,
.card.article-big-style .image-container .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .card.article-small-style .image-container .btn,
  .card.article-big-style .image-container .btn {
    margin-bottom: 0;
  }
}
.card.article-small-style .image {
  padding-top: 61.7370892%;
  background-size: cover;
}
.card.article-small-style .content-container {
  padding: 20px 30px;
  background-color: #FFFFFF !important;
}
.card.article-small-style .detail-cell {
  overflow: hidden;
  margin-top: 15px;
  height: 50px;
}
@media (min-width: 1024px) {
  .card.article-small-style .detail-cell {
    height: 64px;
  }
}
.card.article-big-style {
  background-color: #FFFFFF !important;
}
.card.article-big-style .image {
  padding-top: 68.54460094%;
  background-size: cover;
}
@media (max-width: 767px) {
  .card.article-big-style .content-container {
    padding: 20px 30px;
  }
}
.card.article-big-style .detail-cell {
  overflow: hidden;
  height: 50px;
}
@media (max-width: 767px) {
  .card.article-big-style .detail-cell {
    margin-top: 15px;
  }
}
@media (min-width: 768px) {
  .card.article-big-style .detail-cell {
    height: 75px;
  }
}
@media (min-width: 1024px) {
  .card.article-big-style .detail-cell {
    height: 96px;
  }
}
.card.basic-style {
  padding-top: 70px;
  padding-bottom: 96px;
}
@media (min-width: 768px) {
  .card.basic-style {
    padding-top: 86px;
    padding-bottom: 86px;
  }
}
@media (max-width: 767px) {
  .card.basic-style .buttons-cell {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .card.basic-style .buttons-cell .btn {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .card.basic-style .buttons-cell {
    margin-top: 3em;
  }
}
.card.basic-style.overlap {
  position: relative;
  margin-top: -25px;
}
@media (min-width: 768px) {
  .card.basic-style.overlap {
    margin-top: -240px;
  }
}
.card.full-style {
  padding-top: 70px;
  padding-bottom: 96px;
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .card.full-style {
    padding-top: 86px;
    padding-bottom: 86px;
  }
}
@media (min-width: 768px) {
  .card.full-style .content-container {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.card.full-style .button-cell {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
.card.full-style .button-cell a {
  margin-bottom: 0;
}
/*
.thumbnail {
	border-radius: @thumbnail-border-radius-xs;
	@media @from-md {
		border-radius: @thumbnail-border-radius-md;
	}
	overflow: hidden;
	background-color: @color-white;
	margin-bottom: 20px;

	.image-container {
		overflow: hidden;
		.image {
			width: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: none;
			&.ratio-4-3 { padding-top: percentage(@thumbnail-ratio-4-3); }
			&.ratio-16-9 { padding-top: percentage(@thumbnail-ratio-16-9); }
		}
		img {
			.center-block;
			.img-responsive;
		}
	}

	.content-container {
		//width: 100% !important;

		.text-container {
			padding: @thumbnail-padding-vt-xs @thumbnail-padding-hr-xs;
			@media @from-md {
				padding: @thumbnail-padding-vt-md @thumbnail-padding-hr-md;
			}

			.inner-container {
				overflow: hidden;
				position: relative;
				padding-left: 0;
				padding-right: 0;
				@media @only-xs {
					padding-bottom: 0 !important;
				}
			}

			.title-cell {
				a:hover {
					&,
					h3 {
						text-decoration: none;
						color: @DS-orange;
					}
				}
				h3 {
					.transition(color @duration-fast);
				}
			}
			.detail-cell {
				p {
					margin-bottom: 0;
				}
			}
		}

		.feature-container {
			background-color: @color-white;
			padding: @thumbnail-padding-vt-xs @thumbnail-padding-hr-xs;
			padding-top: 0 !important;
			@media @from-md {
				padding: @thumbnail-padding-vt-md @thumbnail-padding-hr-md;
			}

			&.with-border {
				border-top: 1px solid @color-gray-lighter;
				padding-top: 10px !important;
				@media @from-md {
					padding-top: @thumbnail-padding-vt-md - 10px !important;
				}
			}

			.funding-progress {
				@media @only-xs {
					margin-bottom: 55px;
				}
				@media @only-sm {
					margin-bottom: 55px;
				}
				@media @from-md {
					margin-bottom: 55px;
				}
				@media @from-lg {
					margin-bottom: 0;
				}
			}
		}
	}
}

.thumbnail.feature-style {
	@media @from-sm {
		.table-row;
		.full-width;
	}

	.image-container {
		@media @from-sm {
			.table-cell;
			.align-top;
			width: 30%;
		}
		@media @from-md {
			width: 50%;
		}

		.image {
			padding-top: percentage(@thumbnail-ratio-feature);
			@media @only-sm {
				padding-top: 180%;
			}
		}
	}
	.content-container {
		@media @from-sm {
			.table-cell;
			.align-middle;
			width: 70%;
			position: relative;
		}
		@media @from-md {
			.align-top;
			width: 50%;
		}

		.text-container {
			@media @from-sm {
			}
			@media @from-md {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				padding: @thumbnail-padding-vt-md-large @thumbnail-padding-hr-md-large;
			}
		}
		.feature-container {
			@media @from-sm {
			}
			@media @from-md {
				position: absolute;
				width: 100%;
				bottom: 0;
				left: 0;
				padding: @thumbnail-padding-vt-md-large @thumbnail-padding-hr-md-large;
			}
			.funding-progress {
				@media @from-sm {
					margin-bottom: 0 !important;
				}
			}
		}
	}
}

.thumbnail.hero-style {
	border-radius: 0;
	@media @only-xs {
		overflow: inherit;
	}
	@media @from-sm {
		.table-row;
		.full-width;
	}

	.image-container,
	.content-container {
		@media @from-sm {
			.table-cell;
			.align-middle;
			width: 50%;
		}
	}
	.image-container {
		@media @only-xs {
			border-radius: 0;
			margin-left: -@space-xs * 2;
			margin-right: -@space-xs * 2;
		}
		.image {
			padding-top: percentage(@thumbnail-ratio-hero);
			@media @from-sm {
				border-radius: @thumbnail-border-radius-xs * 2;
			}
			@media @from-md {
				border-radius: @thumbnail-border-radius-md * 2;
			}
		}
		.caption {
			padding-top: 10px;
			font-size: 12px;
			.bold;
			@media @only-xs {
				padding-left: @grid-gutter-xs;
				padding-right: @grid-gutter-xs;
			}
		}
	}
	.content-container {
		.text-container {
			@media @only-xs {
				padding-left: 0;
				padding-right: 0;
			}
			@media @from-md {
				padding: @thumbnail-padding-vt-md-large @thumbnail-padding-hr-md-large;
			}
			.detail-cell {
				p + p {
					margin-top: 15px;
				}
			}
		}
		.feature-container {
			@media @only-xs {
				padding-left: 0;
				padding-right: 0;
			}
			@media @from-md {
				padding: @thumbnail-padding-vt-md-large @thumbnail-padding-hr-md-large;
			}
		}
	}

	&.reverse {
		@media @from-sm {
			direction: rtl !important;
			.image-container,
			.content-container {
				direction: ltr !important;
			}
		}
	}
}

.thumbnail.news-style {
	border-radius: 0 !important;
	background-color: transparent;

	.image-container {
		border-radius: @thumbnail-border-radius-xs;
		@media @from-md {
			border-radius: @thumbnail-border-radius-md;
		}
		overflow: hidden;
		margin-bottom: 20px;
	}

	.content-container {
		h5 {
			.bold;
		}
		p {
			.small;
		}
	}

	&, h1, h2, h3, h4, h5, h6,
	p {
		color: @color-white !important;
	}
}

.thumbnail.marketing-style {
	@media @from-sm {
		.table-row;
		.full-width;
	}

	.image-container,
	.content-container {
		@media @from-sm {
			.table-cell;
			.align-middle;
			width: 50%;
			padding-left: @space-sm;
			padding-right: @space-sm;
		}
		@media @from-md {
			padding-left: @space-md;
			padding-right: @space-md;
		}
		@media @from-lg {
			padding-left: @space-lg;
			padding-right: @space-lg;
		}
	}

	.content-container {
		@media @only-xs {
			.text-center;
		}
		.btn {
			margin-top: 15px;
		}
		.mobile-image-container {
			.visible-xs;
			padding-top: 10px;
			// padding-left: 30px;
			// padding-right: 30px;
		}
		.mobile-image {
			.center-block;
			.img-responsive;
		}
	}
}

.thumbnail.dynamic {
	-webkit-transition: .4s;
  transition: .4s;
  opacity: 0;
  -webkit-transform: scale(0.75) translate3d(0, 200px, 0);
  transform: scale(0.75) translate3d(0, 200px, 0);
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

	&.angular-grid-item {
	  opacity: 1;
	  -webkit-transform: scale(1) translate3d(0, 0, 0);
	  transform: scale(1) translate3d(0, 0, 0);
	}

	> .content-container {
		width: 100% !important;
	}
}
*/
/*
 * Dream Starter Components LESS
 */
.bg-white {
  background-color: #FFFFFF !important;
}
.bg-black {
  background-color: #333333 !important;
}
.bg-red {
  background-color: #EC1D24 !important;
}
.bg-red-pink {
  background-color: #DE1742 !important;
}
.bg-gray {
  background-color: #C3C8CD !important;
}
.bg-gray-dark {
  background-color: #444444 !important;
}
.bg-gray-darker {
  background-color: #1F2024 !important;
}
.bg-brown {
  background-color: #BEB3A4 !important;
}
.bg-brown-white {
  background-color: #F4EFE9 !important;
}
.bg-brown-lighter {
  background-color: rgba(219, 154, 75, 0.25) !important;
}
.bg-blue-dark {
  background-color: #161840 !important;
}
.bg-brown-dark {
  background-color: #2F1807 !important;
}
.bg-yellow {
  background-color: #F2B400 !important;
}
.bg-green {
  background-color: #009400 !important;
}
.bg-orange {
  background-color: #FF6237 !important;
}
.bg-purple {
  background-color: #3D243F !important;
}
.bg-orange-dark {
  background-color: #EB492B !important;
}
.bg-brown-deep {
  background-color: #4F321D !important;
}
.bg-snack {
  background-color: rgba(225, 151, 89, 0.18);
}
.bg-snack1 {
  background-color: rgba(115, 157, 160, 0.21);
}
.bg-white-gray {
  background-color: #F4F4F4 !important;
}
.bg-gray-lighter {
  background-color: #EAEAEA !important;
}
.bg-true-black {
  background-color: #000000 !important;
}
.bg-image-style {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
.bg-brand-gray-darker {
  background-color: #1F2024;
}
.bg-brand-bibim {
  background-color: #3A2A24;
}
.color-white {
  color: #FFFFFF;
}
a.color-white:hover,
a.color-white:focus {
  color: #e6e6e6;
}
.color-black {
  color: #4a4a4a;
}
a.color-black:hover,
a.color-black:focus {
  color: #313131;
}
.color-black-dark {
  color: #181818;
}
a.color-black-dark:hover,
a.color-black-dark:focus {
  color: #000000;
}
.color-brown {
  color: #BEB3A4;
}
a.color-brown:hover,
a.color-brown:focus {
  color: #a99a86;
}
.color-red {
  color: #EC1D24;
}
a.color-red:hover,
a.color-red:focus {
  color: #c51117;
}
.color-brown-dark {
  color: #9E8C76;
}
a.color-brown-dark:hover,
a.color-brown-dark:focus {
  color: #84725d;
}
.color-gray-darker {
  color: #1F2024;
}
a.color-gray-darker:hover,
a.color-gray-darker:focus {
  color: #070809;
}
.side-scroll-navigation {
  display: inline-block;
}
@media (max-width: 767px) {
  .side-scroll-navigation {
    display: none !important;
  }
}
.side-scroll-navigation > li {
  display: block;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  font-weight: bold;
  /*
		&:before {
			content: '';
			display: inline-block;
			padding: 0;
			margin: 0;
			margin-bottom: 2px;
			margin-right: 10px;
			height: 3px;
			width: 14px;
			background-color: @brand-brown;
			.transition(all @duration-fast);
		}
		*/
}
.side-scroll-navigation > li a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-decoration: none;
}
.side-scroll-navigation > li i {
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  margin-right: 10px;
  height: 3px;
  width: 14px;
  background-color: #BEB3A4;
  transition: all 0.3s;
}
.side-scroll-navigation > li span {
  display: inline-block;
  color: #BEB3A4;
  opacity: 0;
  transition: all 0.3s;
}
.side-scroll-navigation > li.active {
  /*
			&:before {
				width: 30px;
				background-color: @brand-red;
			}
			*/
}
.side-scroll-navigation > li.active i {
  width: 30px;
  background-color: #EC1D24;
}
.side-scroll-navigation > li.active span {
  opacity: 1;
}
.lazy-part {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.8s;
  -webkit-transform: translate(0, 10%);
  transform: translate(0, 10%);
}
.lazy-part.active {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
@media (max-width: 767px) {
  .lazy-part {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .br-sm {
    display: block;
  }
}
.content-divider {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px solid #DBDBDB;
}
.content-divider.black {
  border-top: 1px solid #BEB3A4;
  opacity: 0.47;
  filter: alpha(opacity=47);
}
.content-divider.brown-white {
  border-top: 1px solid #F4EFE9;
}
.no-margin-top {
  margin-top: 0 !important;
}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .no-margin-bottom-xs {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 768px) {
  .no-margin-top-sm {
    margin-top: 0 !important;
  }
  .no-margin-bottom-sm {
    margin-bottom: 0 !important;
  }
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  .no-padding-top-xs {
    padding-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .page-bottom-padding {
    padding-bottom: 40px;
  }
}
@media (min-width: 768px) {
  .page-bottom-padding {
    padding-bottom: 80px;
  }
}
.margin-top-small {
  margin-top: 10px;
}
.margin-bottom-small {
  margin-bottom: 10px;
}
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-top-large {
  margin-top: 40px;
}
.margin-bottom-large {
  margin-bottom: 40px !important;
}
.padding-top-small {
  padding-top: 10px;
}
.padding-bottom-small {
  padding-bottom: 10px;
}
.padding-top {
  padding-top: 20px;
}
.padding-bottom {
  padding-bottom: 20px;
}
.padding-top-large {
  padding-top: 40px;
}
.padding-bottom-large {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .margin-top-xs {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .margin-bottom-xs {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .margin-bottom-sm {
    margin-bottom: 20px;
  }
}
.popup-video .icon-font {
  transition: color 0.3s;
}
.popup-video:hover .icon-font {
  color: #EC1D24 !important;
}
.popup-video:focus {
  ourline: 0;
}
.acc-hidden {
  position: absolute;
  z-index: 9999;
  left: -99999px;
  top: -99999px;
}
.table-responsive {
  border: none !important;
}
.row.small-gap {
  margin-left: -10px;
  margin-right: -10px;
}
[class*='col-'].small-gap {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .pull-left-from-sm {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .pull-right-from-sm {
    float: right !important;
  }
}
.full-size-image-bg {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
}
.round-corner-image {
  border-radius: 8px;
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.table.form-style {
  border: none !important;
}
.table.form-style > thead {
  background-color: #222222;
  color: #FFFFFF;
}
.table.form-style > thead > tr > th,
.table.form-style > tbody > tr > th,
.table.form-style > tfoot > tr > th,
.table.form-style > thead > tr > td,
.table.form-style > tbody > tr > td,
.table.form-style > tfoot > tr > td {
  border: none !important;
}
.table.form-style > thead > tr > th,
.table.form-style > thead > tr > td {
  border-bottom-width: 2px;
}
.table.form-style > tbody > tr {
  background-color: #F4F4F4 !important;
}
.table.form-style th[scope="row"] {
  width: 30%;
}
.table.form-style td {
  vertical-align: middle;
  padding: 10px 0;
}
.table.form-style td.main-cell {
  width: 50%;
}
.table.form-style td.sub-cell {
  width: 25%;
}
.table.form-style td + td {
  padding-left: 10px;
}
@media (min-width: 768px) {
  .table.form-style td + td {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .table.form-style td + td {
    padding-left: 30px;
  }
}
.table.form-style tr {
  border-bottom: 1px solid #999999;
}
.table.form-style tr:first-child {
  border-top: 1px solid #999999;
}
@media (max-width: 767px) {
  .block-overlap-bottom-padding {
    padding-bottom: 41px;
  }
}
@media (min-width: 768px) {
  .block-overlap-bottom-padding {
    padding-bottom: 41px;
  }
}
@media (max-width: 767px) {
  .block-overlap-top-margin {
    margin-top: -41px;
  }
}
@media (min-width: 768px) {
  .block-overlap-top-margin {
    margin-top: -41px;
  }
}
.border-top {
  border-top: 1px solid #E2E2E2;
}
.border-bottom {
  border-bottom: 1px solid #E2E2E2;
}
@media (min-width: 768px) {
  .border-left-sm {
    border-left: 1px solid #E2E2E2;
  }
}
.padding-box {
  border-radius: 8px;
  padding: 20px;
}
@media (min-width: 768px) {
  .padding-box {
    padding: 20px 30px;
  }
}
@media (min-width: 1024px) {
  .padding-box {
    padding: 20px 40px;
  }
}
.richtext-style img,
.richtext-style ul {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .richtext-style img,
  .richtext-style ul {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.richtext-style img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.richtext-style ul {
  padding-left: 20px;
}
.richtext-style ul li {
  list-style: disc;
}
.loader-container {
  overflow: hidden;
}
.loader {
  font-size: 10px;
  margin: auto;
  text-indent: -9999em;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #EC1D24;
  background: linear-gradient(to right, #EC1D24 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #EC1D24;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #FFFFFF;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*
 * Nongshim Product 2017 Sections LESS
 */
.section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 768px) {
  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.section.overrap-before {
  padding-bottom: 26%;
}
@media (min-width: 768px) {
  .section.overrap-before {
    padding-bottom: 11%;
  }
}
@media (min-width: 1024px) {
  .section.overrap-before {
    padding-bottom: 260px;
  }
}
@media (min-width: 768px) {
  .section.overrap-aftere {
    padding-top: 11%;
  }
}
@media (min-width: 1024px) {
  .section.overrap-aftere {
    padding-top: 20%;
  }
}
@media (min-width: 768px) {
  .section.padding-large {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.inner-section {
  padding-top: 70px;
  padding-bottom: 96px;
}
@media (min-width: 768px) {
  .inner-section {
    padding-top: 86px;
    padding-bottom: 86px;
  }
}
.section-about {
  position: relative;
}
.section-about .title-block,
.section-about .contents-block {
  position: relative;
  z-index: 2;
}
@media (max-width: 1023px) {
  .section-about .decoration {
    margin-top: 3em;
    background-image: url("/img/decoration/main_ourstory_veg-mb.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
    height: 230px;
  }
}
@media (max-width: 1023px) and only screen and (-webkit-min-device-pixel-ratio: 2), (max-width: 1023px) and only screen and (min--moz-device-pixel-ratio: 2), (max-width: 1023px) and only screen and (-o-min-device-pixel-ratio: 2/1), (max-width: 1023px) and only screen and (min-device-pixel-ratio: 2), (max-width: 1023px) and only screen and (min-resolution: 192dpi), (max-width: 1023px) and only screen and (min-resolution: 2dppx) {
  .section-about .decoration {
    background-image: url("/img/decoration/main_ourstory_veg@2x-mb.png");
    background-size: auto auto;
  }
}
@media (min-width: 1024px) {
  .section-about .decoration {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: -80px;
    width: 100%;
    max-width: 320px;
    background-image: url("/img/decoration/main_ourstory_veg.png");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right top;
  }
}
@media (min-width: 1024px) and only screen and (-webkit-min-device-pixel-ratio: 2), (min-width: 1024px) and only screen and (min--moz-device-pixel-ratio: 2), (min-width: 1024px) and only screen and (-o-min-device-pixel-ratio: 2/1), (min-width: 1024px) and only screen and (min-device-pixel-ratio: 2), (min-width: 1024px) and only screen and (min-resolution: 192dpi), (min-width: 1024px) and only screen and (min-resolution: 2dppx) {
  .section-about .decoration {
    background-image: url("/img/decoration/main_ourstory_veg@2x.png");
    background-size: auto auto;
  }
}
.section-product {
  background-image: url('/img/bgs/main-product-bg.jpg');
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .section-product {
    padding-bottom: 295px;
    overflow: visible;
  }
}
.section-product .title-block {
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .section-product .module-full-block .image-cell img {
    max-width: 130%;
  }
}
@media (min-width: 1024px) {
  .section-product .module-full-block .image-cell img {
    max-width: 125% !important;
  }
}
.section-product .decoration {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 767px) {
  .section-product .decoration {
    max-width: 50%;
    top: 0;
    z-index: 1;
    -webkit-transform: translate(50%, 0);
    transform: translate(50%, 0);
  }
  .section-product .decoration img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .section-product .decoration {
    max-width: 30%;
  }
  .section-product .decoration img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 767px) {
  .section-product .revers .two-cell:nth-child(1) {
    z-index: 2;
  }
}
.section-news {
  background-image: url('/img/bgs/Rip.png'), url('/img/bgs/main-recipies-chalk.jpg');
  background-position: center top, center top;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 200px, cover;
  position: relative;
  z-index: 1;
}
.section-news .container {
  position: static;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .section-news .content-container {
    padding-left: 30px !important;
    padding-right: 0 !important;
  }
}
.section-news .decoration img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .section-news .decoration {
    padding-left: 20px;
    margin-top: -60px;
    text-align: right;
  }
  .section-news .decoration img {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .section-news .decoration {
    position: absolute;
    right: 0;
    max-width: 50%;
    bottom: -20px;
  }
}
.section-contact {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.section-contact .input-group .form-control {
  letter-spacing: 2px;
  font-weight: 500;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #898786;
  color: #fff;
}
@media (max-width: 767px) {
  .section-contact .input-group {
    display: block;
    /*
			.form-control {
				background-color: transparent;
				border: none;
				border-bottom: 2px solid #898786;
				font-weight: 500;				
			}
			*/
  }
  .section-contact .input-group .form-control,
  .section-contact .input-group .input-group-btn {
    display: block;
    float: none;
    width: 100%;
  }
  .section-contact .input-group .form-control .btn,
  .section-contact .input-group .input-group-btn .btn {
    display: block;
    width: 100%;
    margin-top: 1em;
  }
}
@media (min-width: 768px) {
  .section-contact .input-group .form-control {
    padding-left: 10px;
  }
}
@media (min-width: 1024px) {
  .section-contact .decoration {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.overrap-video {
  background-color: transparent;
  margin-top: -26%;
}
@media (min-width: 1024px) {
  .overrap-video {
    margin-top: -220px;
  }
}
.section-story-about {
  position: relative;
}
.section-story-about .decoration {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#social .icon-instagram:before {
  padding-right: 4px;
}
/*
 * Nongshim Product 2017 Modules LESS
 */
.module-hero-main {
  position: relative;
}
@media (max-width: 767px) {
  .module-hero-main {
    height: 100%;
  }
}
.module-hero-main .hero-bg-container {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.module-hero-main .hero-bg {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
}
.module-hero-main .hero-bg.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.module-hero-main .bg0 {
  background-image: url('/img/hero/main_header.jpg');
  background-size: cover;
}
.module-hero-main .bg1 {
  background-image: url('/img/hero/homepage-header.jpg');
  background-size: cover;
}
.module-hero-main .bg2 {
  background-image: url('/img/hero/homepage-header-2.jpg');
  background-size: cover;
}
.module-hero-main .container {
  position: relative;
  display: table;
  table-layout: fixed;
  min-height: 100%;
  max-height: 350px;
  height: calc( 100vh - 90px );
  z-index: 2;
  color: #FFFFFF;
}
.module-hero-main .container.full-width {
  width: 100%;
}
.module-hero-main .container.full-height {
  height: 100%;
}
@media (max-width: 767px) {
  .module-hero-main .container {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .module-hero-main .container {
    min-height: 500px;
    max-height: 500px;
  }
}
@media (min-width: 1024px) {
  .module-hero-main .container {
    min-height: 750px;
    max-height: 750px;
    height: calc( 100vh - 180px );
  }
  .page-home .module-hero-main .container {
    height: calc( 100vh - 60px );
  }
}
.module-hero-main .container .slider-container {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  display: table-cell;
  min-height: 1px;
  width: 100%;
}
@media (min-width: 1024px) {
  .module-hero-main .container .slider-container {
    padding-top: 90px;
    padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .module-hero-main .container .slider-container {
    vertical-align: middle;
  }
}
.module-hero-main .container .slider-container > .color-bar-title {
  position: absolute;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (min-width: 1024px) {
  .module-hero-main .container .slider-container > .color-bar-title {
    -webkit-transform: translate(0, -80px);
    transform: translate(0, -80px);
  }
}
@media (max-width: 767px) {
  .module-hero-main .container .slider-container .slider .slider-inner-container > p {
    display: none;
  }
}
.module-hero-main .container .slider-container .slider .color-bar-title {
  position: absolute;
  right: 0px;
  bottom: 0;
}
.module-hero-main .container .hero-title-container {
  display: none;
}
@media (min-width: 1024px) {
  .module-hero-main .container .hero-title-container {
    display: block;
  }
}
.module-hero-main .container .hero-title-container .color-bar-title {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s;
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: "roboto", sans-serif;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
}
.module-hero-main .container .hero-title-container .color-bar-title.active {
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (min-width: 768px) {
  .module-hero-main .container .hero-title-container .color-bar-title {
    font-size: 16px;
  }
}
.module-hero-main .type-scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 500;
}
@media (min-width: 768px) {
  .module-hero-main .type-scroll {
    left: 10px;
  }
  .module-hero-main .type-scroll .small {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .module-hero-main .type-scroll {
    left: 13px;
  }
}
@media (min-width: 1240px) {
  .module-hero-main .type-scroll {
    left: 17px;
  }
}
.module-detail-hero {
  position: relative;
  z-index: 1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  .module-detail-hero {
    background-image: none !important;
  }
}
.module-detail-hero .mb-image img {
  width: 100%;
}
@media (max-width: 1023px) {
  .module-detail-hero .mb-image {
    display: block;
    margin-bottom: -1em;
    margin-bottom: -40px;
  }
}
@media (min-width: 1024px) {
  .module-detail-hero .mb-image {
    display: none;
  }
}
.module-detail-hero .container {
  position: relative;
  padding: 50px 20px;
}
.module-detail-hero .container:before,
.module-detail-hero .container:after {
  content: " ";
  display: table;
}
.module-detail-hero .container:after {
  clear: both;
}
.module-detail-hero .container:before,
.module-detail-hero .container:after {
  content: " ";
  display: table;
}
.module-detail-hero .container:after {
  clear: both;
}
@media (min-width: 1024px) {
  .module-detail-hero .container {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .module-detail-hero .container.extra-toppadding {
    padding-top: 80px;
  }
}
@media (min-width: 1024px) {
  .module-detail-hero .contents-box {
    width: 50%;
    padding: 50px 60px;
    float: right;
  }
}
@media (min-width: 1240px) {
  .module-detail-hero .contents-box {
    padding: 70px 80px;
  }
}
.module-detail-hero .contents-box .type {
  font-family: "Gotham A", "Gotham B", sans-serif;
  margin-top: -1em;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2px;
}
@media (min-width: 1024px) {
  .module-detail-hero .contents-box .type {
    font-size: 17px;
    letter-spacing: 3px;
  }
}
.module-detail-hero .type-scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 500;
}
@media (min-width: 1024px) {
  .module-detail-hero .type-scroll span {
    color: #FFFFFF;
  }
  a.module-detail-hero .type-scroll span:hover,
  a.module-detail-hero .type-scroll span:focus {
    color: #e6e6e6;
  }
}
@media (min-width: 768px) {
  .module-detail-hero .type-scroll .small {
    font-size: 16px;
  }
}
.module-product-slider {
  position: relative;
}
.module-product-slider img {
  width: 100%;
  display: block;
  margin: 0;
}
.module-product-slider .color-bar-title {
  position: absolute;
  right: 110px;
  bottom: -1px;
}
@media (min-width: 1240px) {
  .module-product-slider .color-bar-title {
    right: auto;
    left: 50%;
    -webkit-transform: translate(420px, 0);
    transform: translate(420px, 0);
  }
}
@media (min-width: 768px) {
  .module-full-block {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .module-full-block.full-width {
    width: 100%;
  }
  .module-full-block.full-height {
    height: 100%;
  }
}
.module-full-block.revers {
  direction: rtl !important;
}
.module-full-block.revers .two-cell {
  direction: ltr !important;
}
.module-full-block .two-cell {
  position: relative;
  background-size: cover;
}
.module-full-block .two-cell.no-min-height {
  height: auto;
}
@media (min-width: 768px) {
  .module-full-block .two-cell {
    display: table-cell;
    min-height: 1px;
    vertical-align: middle !important;
    height: 670px;
  }
}
@media (max-width: 767px) {
  .module-full-block .two-cell .image-cell img {
    display: block;
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .module-full-block .two-cell .image-cell {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .module-full-block .two-cell .image-cell.xs-overrap {
    margin-bottom: -7em;
    position: relative;
    z-index: 3;
  }
}
@media (min-width: 1024px) {
  .module-full-block .two-cell .image-cell.xs-overrap img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .module-full-block .two-cell .image-cell.xs-overrap1 {
    margin-top: -8em;
    position: relative;
    z-index: 3;
  }
}
.module-full-block .two-cell .image-cell.pos-bottom {
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.module-full-block .two-cell .button-container {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
}
.module-full-block .two-cell .button-container a {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .module-full-block .two-cell .button-container {
    display: none;
  }
}
@media (min-width: 768px) {
  .module-full-block .three-cell {
    display: table-cell;
    min-height: 1px;
    vertical-align: middle !important;
    height: 450px;
  }
}
.module-full-block.align-top .two-cell {
  position: relative;
}
@media (min-width: 768px) {
  .module-full-block.align-top .two-cell {
    vertical-align: top !important;
    height: 670px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .module-full-block.align-top .two-cell {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
#allergy-ingredients-container.gray-box {
  border: 1px solid #F4EFE9;
}
#allergy-ingredients-container .row-container {
  clear: both;
  padding: 35px;
  border-bottom: 1px solid #F4EFE9;
}
#allergy-ingredients-container .row-container#allergy {
  border-bottom: 0;
}
#allergy-ingredients-container .row-container .content-container h5 {
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
}
#allergy-ingredients-container .row-container .content-container p {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 26px;
}
#allergy-ingredients-container .row-container .content-container p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .module-stockist {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .module-stockist.full-width {
    width: 100%;
  }
  .module-stockist.full-height {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .module-stockist.column-5 .cell {
    width: 20%;
  }
}
@media (max-width: 767px) {
  .module-stockist .cell {
    margin-top: 3em;
  }
  .module-stockist .cell:first-child {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .module-stockist .cell {
    display: table-cell;
    min-height: 1px;
    vertical-align: middle !important;
    padding: 10px;
  }
}
@media (min-width: 768px) {
  .module-stockist .cell + .cell {
    border-left: 1px solid #BEB3A4;
  }
}
.module-social-block .block-row {
  margin: -5px;
}
.module-social-block .block-col-6 {
  padding: 5px;
  float: left;
  width: 50%;
}
.module-social-block .block-col-sm-6 {
  padding: 5px;
}
@media (min-width: 768px) {
  .module-social-block .block-col-sm-6 {
    float: left;
    width: 50%;
  }
}
.module-social-block .square-cell {
  width: 100%;
  padding-top: 100%;
  background: black;
  position: relative;
}
.module-social-block .square-cell .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.module-social-block .square-cell .bg-image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(76%, rgba(0, 0, 0, 0.38)), color-stop(100%, rgba(19, 19, 19, 0.5)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.38) 76%, rgba(19, 19, 19, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#131313', GradientType=0);
}
.module-social-block .square-cell .caption-container {
  position: absolute;
  width: 100%;
  height: auto;
  padding: 10px 20px;
  bottom: 0;
  left: 0;
}
.module-social-block .square-cell .caption-container .social-small {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .module-social-block .square-cell .caption-container .social-small {
    font-size: 12px;
    line-height: 20px;
  }
}
@media (min-width: 768px) {
  .module-social-block .square-cell .caption-container .social-small {
    padding-left: 30px;
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 767px) {
  .module-social-block.all .block-col-sm-6 {
    display: block !important;
  }
  .module-social-block.all .button-block {
    display: none !important;
  }
}
.module-line-column {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .module-line-column {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1024px) {
  .module-line-column {
    margin-left: -13px;
    margin-right: -13px;
  }
}
@media (min-width: 1240px) {
  .module-line-column {
    margin-left: -17px;
    margin-right: -17px;
  }
}
.module-line-column .col {
  text-align: center;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .module-line-column .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 1024px) {
  .module-line-column .col {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 1240px) {
  .module-line-column .col {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.module-line-column .col:before {
  content: '';
  position: absolute;
  background-color: transparent;
}
@media (max-width: 767px) {
  .module-line-column .col {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .module-line-column .col::before {
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
  }
  .module-line-column .col:first-child {
    padding-top: 0;
  }
  .module-line-column .col:first-child::before {
    display: none;
  }
  .module-line-column .col:last-child {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .module-line-column .col::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
  }
  .module-line-column .col:first-child::before {
    display: none;
  }
}
.module-line-column .col .step-icon-block {
  display: table;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}
.module-line-column .col .step-icon-block.full-width {
  width: 100%;
}
.module-line-column .col .step-icon-block.full-height {
  height: 100%;
}
@media (max-width: 1023px) {
  .module-line-column .col .step-icon-block {
    width: 118px;
    height: 118px;
  }
  .module-line-column .col .step-icon-block img,
  .module-line-column .col .step-icon-block svg {
    width: 63px;
  }
}
@media (min-width: 1024px) {
  .module-line-column .col .step-icon-block {
    width: 160px;
    height: 160px;
  }
  .module-line-column .col .step-icon-block img,
  .module-line-column .col .step-icon-block svg {
    width: 80px;
  }
}
.module-line-column .col .step-icon {
  display: table-cell;
  min-height: 1px;
  vertical-align: middle !important;
  background-color: #FFFFFF !important;
  border-radius: 50%;
}
.module-line-column .col .step-number {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-size: 17px;
  letter-spacing: 3px;
  font-weight: 500;
  color: #EC1D24;
}
a.module-line-column .col .step-number:hover,
a.module-line-column .col .step-number:focus {
  color: #c51117;
}
.module-line-column .col .step-text {
  margin-top: 1em !important;
  line-height: 24px;
}
.module-line-column .col .step-text.cups-bowls {
  margin: auto;
  width: 75%;
}
@media (min-width: 768px) {
  .module-line-column.col-count-3 .col {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .module-line-column.col-count-3 .col {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .module-line-column.col-count-3 .col {
    padding-left: 13px;
    padding-right: 13px;
  }
}
@media (min-width: 768px) and (min-width: 1240px) {
  .module-line-column.col-count-3 .col {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .module-line-column.col-count-3 .col {
    float: left;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .module-line-column.col-count-3 .col {
    width: 33.33333333%;
  }
}
.module-history {
  position: relative;
}
@media (min-width: 1024px) {
  .module-history:before,
  .module-history:after {
    content: " ";
    display: table;
  }
  .module-history:after {
    clear: both;
  }
  .module-history:before,
  .module-history:after {
    content: " ";
    display: table;
  }
  .module-history:after {
    clear: both;
  }
}
.module-history:before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 0;
  width: 1px;
  background-color: #BEB3A4;
}
@media (min-width: 1024px) {
  .module-history:before {
    left: 50%;
    top: 20px;
    display: block;
  }
}
.module-history > li {
  position: relative;
}
.module-history > li .history-card {
  padding-left: 45px;
  padding-bottom: 45px;
}
@media (min-width: 1024px) {
  .module-history > li .history-card {
    padding: 0;
  }
}
.module-history > li .year {
  position: relative;
  color: #EC1D24;
  font-weight: 500;
}
.module-history > li .year span {
  display: inline-block;
  padding: 5px;
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
}
.module-history > li .year:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #EC1D24;
  left: -50px;
  top: 13px;
}
.module-history > li .year:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -45px;
  top: 18px;
  height: 1px;
  padding-left: 40px;
  background-color: #EC1D24;
}
@media (min-width: 1024px) {
  .module-history > li {
    width: 50%;
    float: left;
  }
  .module-history > li:nth-child(even) {
    float: right;
    padding-left: 45px;
    padding-right: 0;
    padding-bottom: 65px;
  }
  .module-history > li:nth-child(odd) {
    padding-right: 45px;
    padding-bottom: 65px;
  }
  .module-history > li:nth-child(odd) .year::before {
    left: auto;
    right: -51px;
  }
  .module-history > li:nth-child(odd) .year::after {
    left: 0;
    right: -51px;
  }
  .module-history > li:nth-child(2) {
    padding-top: 200px;
  }
  .module-history > li:nth-child(4) {
    padding-top: 100px;
  }
  .module-history > li:nth-child(5) {
    padding-top: 100px;
  }
}
.module-watch-video {
  position: relative;
}
.module-watch-video .video-play-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 17px;
  letter-spacing: 3px;
  font-family: "Gotham A", "Gotham B", sans-serif;
}
.module-watch-video .video-play-btn .btn {
  padding: 15px;
  font-size: 30px;
  margin-left: 20px;
  margin-bottom: 0;
}
.module-product-list > li {
  border-top: 2px solid #BEB3A4;
}
.module-product-list > li:first-child {
  border-top: transparent;
}
.module-product-list > li > a {
  display: block;
  padding-top: 50px;
  padding-bottom: 50px;
}
.module-product-list > li .collapse-header {
  position: relative;
}
.module-product-list > li .collapse-header .icon-font {
  transition: all 0.3s;
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  right: 0;
  top: 10px;
  font-size: 30px;
  font-weight: 500;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.module-product-list > li .collapsed .icon-font {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.module-product-list > li .collapse-content {
  padding-bottom: 50px;
}
.module-event-list > li {
  border-bottom: 2px solid #F4EFE9;
}
.module-event-list > li > a {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.module-event-list > li .collapse-header {
  position: relative;
}
.module-event-list > li .collapse-header .icon-font {
  transition: all 0.3s;
  position: absolute;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  right: 0;
  top: 10px;
  font-size: 30px;
  font-weight: 500;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.module-event-list > li .h3 {
  color: #333333;
  margin-bottom: 0 !important;
}
.module-event-list > li .collapsed .h3 {
  color: #9E8C76;
}
.module-event-list > li .collapsed .icon-font {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.module-event-list > li .collapse-content {
  padding-bottom: 50px;
}
a[data-target] {
  cursor: pointer;
}
.module-article-list > li {
  border-top: 1px solid #BEB3A4;
  padding-top: 2em;
  padding-bottom: 1em;
}
.module-article-list > li:first-child {
  border-top: none;
}
.module-dot-list {
  list-style-position: outside;
}
.module-dot-list > li {
  position: relative;
}
.module-dot-list > li:before {
  content: "•";
  color: inherit;
  position: absolute;
  left: -20px;
}
.article-drag {
  text-align: center;
  display: none !important;
  color: #999999;
}
@media (max-width: 767px) {
  .article-drag {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .article-drag {
    display: block !important;
  }
}
.article-drag .icon-font {
  vertical-align: middle !important;
  font-size: 25px;
  margin-left: 10px;
  margin-right: 10px;
}
.black-text {
  color: #000;
}
/*
.module-tab-header {
	overflow: hidden;
	background-color: @color-white;
	height: @module-tab-header-height-xs;
	@media @from-sm {
		height: @module-tab-header-height-sm;
	}
	@media @from-md {
		height: @module-tab-header-height-md;
	}

	.tab-header-list {
		.table-row;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
		background-color: @color-white;

		&.column-3 .tab-header-cell { width: percentage(1/3); }
		&.column-4 .tab-header-cell { width: percentage(1/4); }
		&.column-5 .tab-header-cell { width: percentage(1/5); }
	}

	.tab-header-cell {
		.table-cell;
		position: relative;
		// &:hover {
		// 	cursor: pointer;
		// }
		&.active {
			.tab-header {
				border-bottom-color: @DS-orange;
			}
		}
		> a {
			display: block; 	// IE BUG FIX
		}
		> a:hover {
			h6 { color: @DS-orange; }
			text-decoration: none;
			cursor: pointer;
		}
	}
	.tab-header-cell + .tab-header-cell {
		&:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
			height: 60%;
			width: 1px;
			background: @color-gray-lighter;
		}
	}

	.tab-header {
		position: relative;
		border-bottom-width: 5px;
		border-bottom-color: transparent;
		border-bottom-style: solid;
		padding-top: 10px;
		@media @from-sm {
			padding-top: 20px;
			border-bottom-width: 9px;
		}
		.transition(border-bottom-color @duration-fast);
		.tab-symbol {
			svg {
				.center-block;
				.square(24px);
				@media @from-sm {
					.square(45px);
				}
				margin-bottom: 10px;
				.svg-color(@DS-orange);
			}
			.text-center;
		}
		.tab-title {
			h6 {
				.bold;
				.text-center;
				.transition(color @duration-fast);
			}
		}
	}
}


.module-tab-content {
	.bg-white-gray;
	border-radius: 8px;
	padding-top: 30px;
	padding-bottom: 30px;
	@media @only-xs {
		padding-left: @grid-gutter-xs;
		padding-right: @grid-gutter-xs;
	}
	@media @only-sm {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-left: -@grid-gutter-sm/2;
		margin-right: -@grid-gutter-sm/2;
		padding-left: @grid-gutter-sm/2;
		padding-right: @grid-gutter-sm/2;
	}
	@media @from-md {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	@media @from-lg {
		padding-top: 70px;
		padding-top: 70px;
	}
}


.module-key-stats {
	padding-top: 20px;
	padding-bottom: 20px;
	@media @from-sm {
		.table-row;
		.full-width;
	}
	@media @from-md {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.title-container {
		@media @only-xs {
			h3 {
				.text-center;
			}
		}
		@media @from-sm {
			.table-cell;
			.align-middle;
			width: 25%
		}
		@media @from-md {
			width: 15%;
		}
		@media @from-lg {
			width: 20%;
		}
	}

	.content-container {
		@media @from-sm {
			.table-cell;
			.align-middle;
			width: 75%;
		}
		@media @from-md {
			width: 80%;
		}

		.stat-container {
			@media @to-sm {
				margin-top: 10px;
				margin-bottom: 10px;
			}
		}
	}
}


.module-key-infos {
	.table-row;
	.full-width;

	.info-cell {
		.table-cell;
		.align-top;
		.text-center;
		padding-left: 10px;
		padding-right: 10px;
		background-color: transparent;
		& + .info-cell {
			border-left: 1px solid @color-gray-lighter;
		}
		.transition(background-color @duration-fast);
		&:hover {
			background-color: @color-gray-lighter;
			cursor: default;
		}

		h3 {
			.no-margin-bottom;
			.color-orange;
		}
		p {
			.no-margin-bottom;
			.small;
		}
	}
}


.module-circle-symbol-content-list {
	padding-top: 20px;
	@media @from-sm {
		padding-top: 30px;
	}
	@media @from-md {
		padding-top: 40px;
	}

	.col-sm-3 + .col-sm-3,
	.col-sm-five + .col-sm-five {
		.symbol-content-container {
				position: relative;
				z-index: 0;
			@media @only-xs {
				margin-top: 30px;
				padding-top: 20px;
				&:before {
					content: '';
					position: absolute;
					z-index: -1;
					bottom: 100%;
					left: 0;
					right: 0;
					margin-left: auto;
					margin-right: auto;
					height: 30px;
					width: 0;
					border-left: 5px dotted @color-gray;
				}
			}
		}
		.symbol-circle {
			@media @from-sm {
				&:before {
					content: '';
					position: absolute;
					z-index: -1;
					top: 50%;
					right: 100%;
					height: 0;
					width: @space-sm*2;
					border-top: 5px dotted @color-gray;
				}
			}
			@media @from-md {
				&:before {
					top: 50%;
					width: @space-md*2;
				}
			}
			@media @from-lg {
				&:before {
					top: 50%;
					width: @space-lg*2;
				}
			}
		}
	}
	.symbol-content-container {
		@media @only-xs {
			padding-bottom: 1px;
		}
		.symbol-circle {
			margin-bottom: 20px;
			.center-block;
			@media @from-md {
				margin-bottom: 30px;
			}
		}
		.content-container {
			.text-center;
			@media @from-sm {
				.text-left;
			}
		}
	}
}


.module-symbol-content-list {
	@media @from-sm {
		.table-row;
		.full-width;
	}

	.symbol-content-container {
		@media @only-xs {
			padding-top: 20px;
			padding-bottom: 20px;
		}
		@media @from-sm {
			.table-cell;
			.align-top;
			padding-left: (@grid-gutter-sm / 2);
			padding-right: (@grid-gutter-sm / 2);
		}
		@media @from-md {
			padding-left: (@grid-gutter-md / 2);
			padding-right: (@grid-gutter-md / 2);
		}
		@media @from-lg {
			padding-left: (@grid-gutter-lg / 2);
			padding-right: (@grid-gutter-lg / 2);
		}

		& + .symbol-content-container {
			@media @only-xs {
				border-top: 1px solid @color-gray-lighter;
			}
			@media @from-sm {
				position: relative;
				&:before {
					content: '';
					position: absolute;
					width: 1px;
					height: 80%;
					top: 0;
					bottom: 0;
					left: 0;
					margin: auto;
					background: @color-gray-lighter;
				}
			}
		}
	}
}


.module-hero-slider,
.module-story-slider,
.module-hero {
	overflow: hidden;

	.slick-container,
	.slick-list,
	.slick-slide {
		@media @from-sm {
			position: relative;
			height: 100% !important;
			width: 100%;
		}
	}
	.slick-prev,
	.slick-next {
		.hidden-xs;
	}
	.slick-dots {
		bottom: 20px;
		@media @from-sm {
			bottom: 30px;
		}
		li button {
			@media @only-xs {
				border: 1px solid @color-white;
			}
		}
	}

	&, .slide-container {
		position: relative;
		height: auto;
		width: 100%;
		@media @from-sm {
			height: @module-hero-slider-height-sm;
		}
		@media @from-md {
			height: @module-hero-slider-height-md;
		}
	}

	.image-container {
		@media @only-xs {
			position: relative;
		}
		@media @from-sm {
			.absolute-wrapper;
		}

		.image {
			@media @only-xs {
				padding-top: percentage(@module-hero-slider-image-ratio);
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			@media @from-sm {
				.absolute-wrapper;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			&.wide-style {
				@media @from-lg {
					background-size: auto;
				}
			}
		}

		.btn-play {
			@media @only-xs {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
			}
			@media @from-sm {
				.hidden;
			}
		}
	}

	.content-container {
		@media @from-sm {
			position: relative;
			height: 100%;
		}

		.container {
			@media @from-sm {
				position: relative;
				height: 100%;
			}
		}

		.reference-viewer {
			.hidden-xs;
			.small;
			.bold;
			position: absolute;
			.border-top-radius(8px);
			padding: 10px 20px;
			background-color: @color-white;
			bottom: 0;
			right: @space-sm;
			@media @from-md {
				right: @space-md;
			}
			@media @from-lg {
				right: @space-lg;
			}
		}

		.content-row {
			@media @from-sm {
				.table-row;
				.full-width;
				.full-height;
			}

			&.half-width {
				@media @from-sm {
					margin-left: 0;
					width: 70%;
				}
				@media @from-md {
					width: 50%;
				}
			}
		}
		.content-cell {
			@media @from-sm {
				.table-cell;
				.align-middle;
			}
			.btn {
				@media @to-sm {
					.btn-small;
					margin-top: 10px;
				}
				@media @from-md {
					margin-top: 20px;
				}
			}
		}
		.mobile-down-arrow {
			.visible-xs;
			.text-center;
			font-size: @font-size-h4-xs;
			margin-top: 20px;
		}
	}
}
.module-hero-slider {
	.content-container {
		@media @only-xs {
			.bg-orange;
			padding-top: 20px;
			padding-bottom: 50px;
		}
	}
}
.module-story-slider {
	.slick-dots {
		.hidden-xs;
		.hidden-sm;
	}
	.half-content-container {
		@media @from-sm {
			position: relative;
			height: 100%;
			width: 70%;
			margin-left: 0;
		}
		@media @from-md {
			width: 60%;
			padding-bottom: 50px;
		}
		@media @from-lg {
			width: 50%;
		}
	}
	.white-wrapper {
		background-color: @color-white;
		@media @from-sm {
			border-radius: 8px;
		}
		@media @from-md {
			border-radius: 12px;
		}

		.content-wrapper {
			@media @only-xs {
				padding-top: 20px;
				padding-bottom: 20px;
			}
			@media @from-sm {
				padding: 20px;
			}
			@media @from-md {
				padding: 30px 40px 20px;
			}

			a:hover {
				&,
				h3 {
					text-decoration: none;
					color: @DS-orange;
				}
			}
			h3 {
				.transition(color @duration-fast);
			}
		}
		.footer-wrapper {
			.hidden-xs;
			.hidden-sm;
			.text-right;
			border-top: 1px solid @color-gray-lighter;
			padding: 20px 40px;
		}
	}
}
.module-hero {
	@media @from-sm {
		height: @module-hero-height-sm;
	}
	@media @from-md {
		height: @module-hero-height-md;
	}
	.image-container {
		.image {
			@media @only-xs {
				padding-top: 50%;
			}
		}
	}
	.hero-container {
		position: relative;
		height: auto;
		width: 100%;
		@media @from-sm {
			height: @module-hero-height-sm;
		}
		@media @from-md {
			height: @module-hero-height-md;
		}
	}
	.content-container {
		@media @only-xs {
			.bg-orange;
			padding-top: 20px;
			padding-bottom: 20px;
		}
	}
}


.module-crowdfund-hero {
	.hero-container {
		position: relative;
		height: auto;
		width: 100%;
		@media @from-sm {
			height: @module-crowdfund-hero-height-sm;
		}
		@media @from-md {
			height: @module-crowdfund-hero-height-md;
		}
	}

	.image-container {
		@media @only-xs {
			position: relative;
		}
		@media @from-sm {
			.absolute-wrapper;
		}
		.image {
			@media @only-xs {
				padding-top: percentage(@module-crowdfund-hero-image-ratio);
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
			@media @from-sm {
				.absolute-wrapper;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}
		}
		.mobile-button {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			@media @from-sm {
				display: none !important;
			}
		}
	}

	.content-container {
		@media @from-sm {
			position: relative;
			.table-row;
			.full-width;
			margin-left: auto;
			margin-right: 0;
			.full-height;
		}

		.content-cell {
			@media @from-sm {
				.table-cell;
				.align-middle;
			}
		}

		.info-container {
			@media @from-sm {
				background-color: @color-white;
				.border-left-radius(12px);
				overflow: hidden;
			}

			.title-container,
			.feature-container {
				background-color: @color-white-gray;
			}
			.progress-container {
				background-color: @color-white;
			}
			.inner-container {
				@media @only-xs {
					padding-top: 20px;
					padding-bottom: 20px;
				}
				@media @from-sm {
					padding-top: 20px;
					padding-bottom: 20px;
				}
				@media @from-md {
					padding-top: 30px;
					padding-bottom: 30px;
				}
				&.right-side {
					@media @from-sm {
						padding-left: 20px;
					}
					@media @from-md {
						padding-left: 40px;
					}
				}
				&.left-side {
					@media @from-sm {
						padding-right: 20px;
					}
					@media @from-md {
						padding-right: 40px;
					}
				}
				.funding-progress {
					@media @only-xs {
						padding-bottom: 10px;
					}
				}
			}
		}
	}
}


.module-generic-slider {
	position: relative;
	.container {
		position: initial;
	}
	.slick-slider {
		position: initial;
	}
	.slick-dots {
		left: 0;
		rifght: 0;
		li button {
			background-color: @color-gray;
		}
	}
}

.module-content-slider {
	.slick-container {
		position: relative;
	}
	.slick-prev {
		left: -10px;
		@media @from-sm {
			left: -20px;
		}
	}
	.slick-next {
		right: -10px;
		@media @from-sm {
			right: -20px;
		}
	}
}

.module-dreamstarter-news {
	@media @from-md {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	&, h1, h2, h3, h4, h5, h6,
	p {
		color: @color-white !important;
	}

	.slick-prev,
	.slick-next {
		bottom: auto;
		top: 90px - @slider-control-height-xs/2;
		@media @from-sm {
			top: 64px - @slider-control-height-sm/2;
		}
		@media @from-md {
			top: 87px - @slider-control-height-md/2;
		}
		@media @from-lg {
			top: 105px - @slider-control-height-md/2;
		}
	}
	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}

	.slick-dots {
		@media @only-xs {
			bottom: -10px;
		}
		left: 0;
		rifght: 0;
		li button {
			background-color: @color-white;
		}
		li.slick-active button {
			background-color: @DS-orange-dark;
		}
	}
}

.module-marketing {
}


.module-testimonial {
	.text-center;
	.quote-block {
		margin-bottom: 20px;
		@media @from-md {
			margin-bottom: 40px;
		}
	}
}
*/
.module-content-style .first-letter-effect:first-letter {
  color: #EC1D24;
  font-size: 120px;
  line-height: 120px;
  padding-top: 4px;
  padding-right: 20px;
  padding-left: 3px;
  float: left;
}
.module-content-style .content-block {
  margin-bottom: 20px;
}
.module-content-style .content-block:before,
.module-content-style .content-block:after {
  content: " ";
  display: table;
}
.module-content-style .content-block:after {
  clear: both;
}
.module-content-style .content-block:before,
.module-content-style .content-block:after {
  content: " ";
  display: table;
}
.module-content-style .content-block:after {
  clear: both;
}
@media (min-width: 1024px) {
  .module-content-style .content-block {
    margin-bottom: 40px;
  }
}
@media (min-width: 1240px) {
  .module-content-style .content-block {
    margin-bottom: 40px;
  }
}
.module-content-style img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.module-content-style .image-left {
  text-align: left;
}
.module-content-style .image-left img {
  margin-left: 0;
  margin-right: auto;
  display: inline-block;
}
/*
.module-story-overview-style {
	@media @from-md {
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
	}

	.floating-container {
		@media @to-sm {
			height: auto !important;
		}
		@media @from-md {
			position: fixed;
			width: 50%;
			max-width: @screen-max / 2;
			height: auto;
			min-height: 500px;
			top: @header-height-md;
			bottom: auto;
			right: 50%;
			background: gray;
		}
		&.attach-bottom {
			@media @from-md {
				position: absolute;
				width: 100%;
				height: auto;
				min-height: 500px;
				left: 0;
				bottom: 0;
				top: auto;
				background: gray;
			}
		}
	}

	.image-container {
		position: relative;
		overflow: hidden;
		@media @only-sm {
			border-bottom: 1px solid @color-gray-lighter;
		}
		@media @to-sm {
			padding-bottom: 0 !important;
		}
		@media @from-md {
			height: 100%;
		}
		.image {
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			@media @only-xs {
				height: @module-story-overview-image-height-xs;
				position: relative;
			}
			@media @from-sm {
				height: @module-story-overview-image-height-sm;
				position: relative;
			}
			@media @from-md {
				.absolute-wrapper;
				position: relative;
				height: 100%;
			}
		}
		.btn-play {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
		}
	}

	.content-container {
		@media @only-xs {
			padding: 20px @grid-gutter-xs 0;
		}
		@media @only-sm {
			padding: 20px @space-sm 0;
		}
	}

	.module-key-infos {
		margin-top: 20px;
		margin-bottom: 20px;
		@media @only-sm {
			padding-right: 40%;
		}
	}
}


.module-story-detail-style {
	@media @only-xs {
		border-top: 1px solid @color-gray-lighter;
	}
	@media @from-sm {
		position: relative;
		height: 100%;
	}
	.tab-header-container {
		@media @to-sm {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			z-index: @zindex-message;
			border-top: 1px solid @color-gray-lighter;
			background-color: @color-white;
		}
		@media @from-md {
			.border-bottom;
			position: absolute;
			width: 100%;
			top: 0;
			left: 0;
			z-index: 1;
			background-color: @color-white;
		}
	}
	.tab-pane {
		@media @from-sm {
			position: relative;
			height: 100%;
		}
	}
	.detail-container {
		// @media @from-sm {
		// 	padding-top: @module-tab-header-height-sm;
		// }
		@media @from-md {
			position: relative;
			height: 100%;
			padding-top: @module-tab-header-height-md;
		}

		.content-container {
			position: relative;
			height: 100%;
		}

		.inner-container {
			position: relative;
			height: 100%;
			overflow: auto;
		}

		.scrolling-content {
			height: auto;
			@media @only-xs {
				padding: 20px @grid-gutter-xs;
			}
			@media @from-sm {
				padding-top: 30px;
			}
			@media @from-md {
				padding-top: 40px;
			}
		}
	}

	.floating-height-member {
		@media @to-sm {
			min-height: initial !important;
		}
		&.bg-white-gray {
			@media @from-md {
				&:before {
					content: '';
					position: absolute;
					width: 100%;
					height: @module-success-story-slider-button-height-md;
					left: 0;
					right: 0;
					margin: auto;
					bottom: -@module-success-story-slider-button-height-md;
					background-color: @color-white-gray;
				}
			}
		}
	}
}

.module-apply-style {
	@media @from-sm {
		position: relative;
		height: 100%;
	}
	.tab-header-container {
		@media @only-xs {
			position: fixed;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 100%;
			z-index: @zindex-message;
			border-top: 1px solid @color-gray-lighter;
		}
	}
}


.module-timeline {
	.title-container {
		.text-center;
	}

	.timeline-container {
		position: relative;
		padding-top: @module-timeline-circle-size-xs;
		@media @from-sm {
			padding-top: @module-timeline-circle-size-sm;
		}
		@media @from-md {
			padding-top: @module-timeline-circle-size-md;
		}
		&:after {
			content: '';
			position: absolute;
			border: 2px solid @color-gray;
			border-radius: 50%;
			top: 0;
			left: 0;
			right: 0;
			margin-left: auto;
			margin-right: auto;
			background-color: @color-white-gray;
			.square(@module-timeline-circle-size-xs);
			@media @from-sm {
				.square(@module-timeline-circle-size-sm);
			}
			@media @from-md {
				.square(@module-timeline-circle-size-md);
			}
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			margin: auto;
			width: 1px;
			height: 100%;
			background-color: @color-gray;
		}
	}

	.timeline-list {
		> li {
			position: relative;
			@media @only-xs {
				margin-top: @module-timeline-space-xs;
			}
			@media @from-sm {
				width: 50%;
			}
			&:before {
				content: '';
				position: absolute;
				.size(0, 0);
				@media @only-xs {
					top: -10px;
					left: 0;
					right: 0;
					margin: auto;
					border-left: @module-timeline-arrow-size-sm solid transparent;
					border-right: @module-timeline-arrow-size-sm solid transparent;
					border-bottom: @module-timeline-arrow-size-sm solid @color-white;
				}
				@media @from-sm {
					top: @module-timeline-arrow-top-margin-sm;
					border-top: @module-timeline-arrow-size-sm solid transparent;
					border-bottom: @module-timeline-arrow-size-sm solid transparent;
				}
				@media @from-md {
					top: @module-timeline-arrow-top-margin-md;
					border-top: @module-timeline-arrow-size-md solid transparent;
					border-bottom: @module-timeline-arrow-size-md solid transparent;
				}
			}
			&:after {
				content: '';
				position: absolute;
				.square(@module-timeline-dot-size);
				border-radius: 50%;
				background-color: @DS-orange;
				@media @only-xs {
					top: -12px - @module-timeline-dot-size;
					left: 0;
					right: 0;
					margin: auto;
				}
				@media @from-sm {
					top: @module-timeline-dot-top-margin-sm;
				}
				@media @from-md {
					top: @module-timeline-dot-top-margin-md;
				}
			}
			&:nth-child(odd) {
				margin-left: 0;
				margin-right: auto;
				@media @from-sm {
					padding-right: @module-timeline-space-sm;
				}
				@media @from-md {
					padding-right: @module-timeline-space-md;
				}
				&:before {
					@media @from-sm {
						right: @module-timeline-arrow-margin;
						border-left: @module-timeline-arrow-size-sm solid @color-white;
					}
					@media @from-md {
						border-left: @module-timeline-arrow-size-md solid @color-white;
					}
				}
				&:after {
					@media @from-sm {
						right: -@module-timeline-dot-size/2;
					}
				}
			}
			&:nth-child(even) {
				margin-left: auto;
				margin-right: 0;
				@media @from-sm {
					padding-left: @module-timeline-space-sm;
				}
				@media @from-md {
					padding-left: @module-timeline-space-md;
				}
				&:before {
					@media @from-sm {
						left: @module-timeline-arrow-margin;
						border-right: @module-timeline-arrow-size-sm solid @color-white;
					}
					@media @from-md {
						border-right: @module-timeline-arrow-size-md solid @color-white;
					}
				}
				&:after {
					@media @from-sm {
						left: -@module-timeline-dot-size/2;
					}
				}
			}
		}
		> li + li {
			@media @from-sm {
				margin-top: -@module-timeline-overlap-sm;
			}
			@media @from-md {
				margin-top: -@module-timeline-overlap-md;
			}
		}
		.thumbnail > .content-container {
			width: 100% !important;

			> .text-container .small {
				font-size: 14px !important;
				line-height: 28px !important;
			}
		}
	}
}


.module-title-social-container {
	@media @from-sm {
		.clearfix;
	}
	.title-cell {
		@media @from-sm {
			.pull-left;
			width: 70%;
		}
		@media @from-md {
			width: 70%;
		}
		@media @from-lg {
			width: 80%;
		}
	}
	.social-cell {
		.hidden-xs;
		@media @from-sm {
			.pull-left;
			.text-right;
			width: 30%;
		}
		@media @from-md {
			width: 30%;
		}
		@media @from-lg {
			width: 20%;
		}
	}
}


.module-share {
	display: inline-block;
	.social-title {
		display: inline-block;
		.bold;
		font-size: @font-size-small;
		line-height: @line-height-computed;
		.pull-left;
	}
	.social-list {
		.pull-left;
		.clearfix;
		> li {
			.pull-left;
			margin-left: 10px;
			button {
				.text-emphasis-variant(@text-color);
				.transition(color @duration-fast);
				&:hover {
					color: @DS-blue;
				}
			}
		}
	}
}

.module-filter-group {
	margin-bottom: 20px;
	@media @from-sm {
		.table-row;
		.full-width;
	}
	.title-cell,
	.filter-cell {
		@media @from-sm {
			.table-cell;
			.align-top;
		}
	}
	.title-cell {
		@media @from-sm {
			padding-right: 20px;
			.text-left;
			width: 40%;
		}
		@media @from-md {
			width: 30%;
		}
	}
	.filter-cell {
		@media @from-sm {
			padding-left: 20px;
			.text-right;
			width: 60%;
		}
		@media @from-md {
			width: 70%;
		}
		.btn {
			margin-bottom: 3px;
			margin-left: 3px;
		}
	}
}


.module-partner-group {
	@media @only-xs {
		margin-bottom: 20px;
		border-top: 1px solid @color-gray-lighter;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	@media @from-sm {
		.table-row;
		.full-width;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	@media @from-md {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.title-cell,
	.partner-cell {
		@media @from-sm {
			.table-cell;
			.align-middle;
		}
	}
	.title-cell {
		@media @only-xs {
			.text-center;
			margin-bottom: 30px;
		}
		@media @from-sm {
			padding-right: 20px;
			.text-left;
			width: 20%;
		}
		@media @from-md {
			width: 35%;
		}
		h4 {
			@media @from-sm {
				.no-margin-bottom;
			}
		}
	}
	.partner-cell {
		@media @only-xs {
			img {
				.center-block;
			}
		}
		@media @from-sm {
			padding-left: 20px;
			.text-right;
		}
		img {
			@media @only-xs {
				margin-top: 20px;
			}
			@media @from-sm {
				display: inline-block;
				margin-right: 0;
				margin-left: 0;
				&+img {
					@media @from-sm {
						margin-left: 30px;
					}
					@media @from-md {
						margin-left: 50px;
					}
				}
			}
		}
	}
}


.module-faq-list {
	border-top: 1px solid @color-gray-lighter;
	> li {
		border-bottom: 1px solid @color-gray-lighter;
		> a {
			.collapse-header {
				h5, .h5 {
					color: @DS-blue;
				}
				&:before {
					.rotate(0);
				}
			}
		}
		> a[aria-expanded="true"] {
			.collapse-header {
				h5, .h5 {
					color: @headings-color;
				}
				&:before {
					.rotate(90deg);
				}
			}
		}
		.collapse-header {
			position: relative;
			padding: 20px 40px 20px 0;
			h5, .h5 {
				margin-bottom: 0;
				.transition(color @duration-fast);
			}
			&:before {
				.icon-font;
				content: "\e614";
				position: absolute;
				top: 0;
				bottom: 0;
				right: 10px;
				margin: auto;
				height: @line-height-h5-xs;
				line-height: @line-height-h5-xs;
				font-size: @line-height-h5-xs;
				@media @from-sm {
					height: @line-height-h5-xs;
					line-height: @line-height-h5-xs;
					font-size: @line-height-h5-xs;
				}
				.transition-transform(@duration-fast);
			}
		}
		.collapse-content {
			padding-bottom: 20px;
		}
	}
}


.module-success-story-slider {
	@media @to-sm {
		background-color: @DS-orange;
	}
	@media @from-md {
		background-color: transparent;
	}
	.story-slider-header {
		@media @from-md {
			border-bottom: 10px solid @DS-orange;
			background-color: transparent;
			.clearfix;

			.icon-font {
				&:before {
					.rotate(0);
					display: block;
					.transition-transform(@duration-fast);
				}
			}
			a[aria-expanded="true"] .icon-font {
				&:before {
					.rotate(180deg);
				}
			}
		}
		.tab-header {
			@media @to-sm {
				padding: 10px 0;
				color: @color-white;
			}
			@media @from-md {
				.pull-left;
				.border-top-radius(8px);
				padding: 10px 20px;
				background-color: @DS-orange;
				color: @color-white;
				&:hover {
					cursor: pointer;
				}
			}
		}
	}

	.story-slider-container {
		@media @from-sm {
			background-color: @DS-orange;
			padding-top: 10px;
		}
	}

	.slick-prev {
		left: -10px;
	}
	.slick-next {
		right: -10px;
	}
	.slick-prev,
	.slick-next {
		bottom: auto;
		top: 90px - @slider-control-height-xs/2;
		@media @from-sm {
			top: 64px - @slider-control-height-sm/2;
		}
		@media @from-md {
			top: 63px - @slider-control-height-md/2;
		}
		@media @from-lg {
			top: 76px - @slider-control-height-md/2;
		}
	}
}
*/
/*
 * Dream Starter Header LESS
 */
.main-header {
  background-color: #1F2024;
  height: 65px;
  transition: all 0.3s;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
}
@media (min-width: 1024px) {
  .main-header {
    height: 90px;
  }
}
.main-header .wrapper {
  background-color: transparent;
  height: 65px;
}
@media (min-width: 1024px) {
  .main-header .wrapper {
    height: 90px;
  }
}
.main-header .container {
  position: relative;
}
.main-header .container:before,
.main-header .container:after {
  content: " ";
  display: table;
}
.main-header .container:after {
  clear: both;
}
.main-header .container:before,
.main-header .container:after {
  content: " ";
  display: table;
}
.main-header .container:after {
  clear: both;
}
@media (min-width: 1024px) {
  .main-header .container {
    height: 90px;
  }
}
.main-header .logo {
  margin-bottom: 0;
  line-height: 1;
}
@media (min-width: 1024px) {
  .main-header .logo {
    float: left;
  }
}
.main-header .logo a {
  display: inline-block;
  background-image: url(/img/logos/logo-inline-white.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
@media (max-width: 1023px) {
  .main-header .logo a {
    width: 130px;
    height: 34px;
  }
}
@media (min-width: 1024px) {
  .main-header .logo a {
    width: 140px;
    height: 37px;
  }
}
.main-header.tint {
  background-color: #1F2024 !important;
}
@media (min-width: 1024px) {
  .main-header.tint .md-nav-bar {
    background-color: #FFFFFF !important;
  }
}
@media (min-width: 1024px) {
  .main-header .md-nav-bar {
    transition: all 0.3s;
    position: absolute;
    bottom: -2px;
    height: 5px;
    background-color: #FFFFFF;
  }
}
body.page-home .md-nav-bar {
  background-color: #FFFFFF;
}
@media (max-width: 1023px) {
  body.page-home .main-header {
    background-color: #1F2024;
  }
}
@media (min-width: 1024px) {
  body.page-home .main-header {
    background-color: transparent;
  }
  body.page-home .main-header .container {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  body.page-home .main-header.tint .container {
    border-bottom: transparent;
  }
  body.page-home .main-header.tint {
    background-color: #1F2024;
  }
}
div.nav {
  float: right;
  margin-top: 30px;
}
div.nav:before,
div.nav:after {
  content: " ";
  display: table;
}
div.nav:after {
  clear: both;
}
div.nav:before,
div.nav:after {
  content: " ";
  display: table;
}
div.nav:after {
  clear: both;
}
div.nav a {
  color: #FFFFFF;
  text-decoration: none;
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-size: 12px;
  font-weight: 700;
}
adiv.nav a:hover,
adiv.nav a:focus {
  color: #e6e6e6;
}
@media (max-width: 1023px) {
  div.nav a {
    letter-spacing: 2px;
  }
}
@media (min-width: 1024px) {
  div.nav a {
    letter-spacing: 3px;
  }
}
@media (max-width: 1023px) {
  div.nav {
    float: none;
    position: fixed;
    left: auto;
    top: 0;
    right: 0;
    height: calc( 100vh ) ;
    width: 80%;
    padding-left: 40px;
    padding-top: 40px;
    margin-top: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    overflow: hidden;
    transition: all 0.3s 0.3s;
    background-color: #222222;
  }
  div.nav > ul {
    width: 100%;
  }
  div.nav > ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    position: relative;
  }
  div.nav > ul li.last {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  div.nav > ul li.social-icon {
    border-top: none;
    display: inline-block;
  }
  div.nav > ul li.social-icon a {
    text-align: center;
    display: inline-block;
  }
  div.nav > ul li a {
    padding: 20px;
    padding-left: 0;
    display: block;
    transition: all 0.3s 0.3s;
  }
  div.nav > ul li a:before {
    position: absolute;
    left: 0;
    font-family: 'icomoon';
    content: "\e902";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    font-size: 25px;
    color: #FFFFFF;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s 0.3s;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  div.nav > ul li a:hover,
  div.nav > ul li a:focus,
  div.nav > ul li a.selected {
    color: #BEB3A4;
    padding-left: 40px;
  }
  adiv.nav > ul li a:hover:hover,
  adiv.nav > ul li a:focus:hover,
  adiv.nav > ul li a.selected:hover,
  adiv.nav > ul li a:hover:focus,
  adiv.nav > ul li a:focus:focus,
  adiv.nav > ul li a.selected:focus {
    color: #a99a86;
  }
  div.nav > ul li a:hover:before,
  div.nav > ul li a:focus:before,
  div.nav > ul li a.selected:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0%, 0);
    transform: translate(0%, 0);
  }
  div.nav > ul li:first-child {
    border-top: none;
  }
  html.menu_open div.nav {
    height: calc( 100vh ) ;
    overflow: auto;
  }
}
@media (min-width: 1024px) {
  div.nav {
    display: block;
    float: right;
  }
  div.nav ul {
    display: table;
  }
  div.nav ul > li {
    float: left;
    margin-left: 36px;
  }
  div.nav ul > li.social-icon {
    margin-left: 22px;
  }
  div.nav ul > li.social-icon .icon-font {
    font-size: 16px;
  }
  div.nav ul > li.social-icon.first {
    margin-left: 98px;
  }
}
.mobile-menu {
  background: transparent;
  border: none;
  height: 65px;
  line-height: 65px;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #000000;
  vertical-align: middle;
  outline: none;
}
@media (max-width: 1023px) {
  .mobile-menu {
    display: block;
  }
}
@media (min-width: 1024px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu .menu-box {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 3px;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  transition: all 0.3s 0.3s;
  position: relative;
}
.mobile-menu .menu-box > i {
  height: 2px;
  background-color: #FFFFFF;
  width: 60%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: all 0.3s;
}
.mobile-menu .menu-box:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #FFFFFF;
  transition: all 0.3s;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.mobile-menu .menu-box:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #FFFFFF;
  transition: all 0.3s;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
html.menu_open .mobile-menu .menu-box {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (max-width: 1023px) {
  html.menu_open .mobile-menu .menu-box i {
    width: 0;
  }
  html.menu_open .mobile-menu .menu-box::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 120%;
  }
  html.menu_open .mobile-menu .menu-box::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 120%;
  }
}
@media (max-width: 1023px) {
  html.menu_open {
    position: relative;
    overflow-x: visible;
  }
  html.menu_open .main-header,
  html.menu_open body > .wrapper,
  html.menu_open .main-footer {
    transition: all 0.3s;
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
  }
}
/*
 * Nongshim Product 2017 Footer LESS
 */
.main-footer {
  position: relative;
  background-color: #1F2024;
  color: #FFFFFF;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-bottom: 80px;
}
a.main-footer:hover,
a.main-footer:focus {
  color: #e6e6e6;
}
@media (min-width: 1024px) {
  .main-footer {
    padding-bottom: 50px;
  }
}
.main-footer .container:before,
.main-footer .container:after {
  content: " ";
  display: table;
}
.main-footer .container:after {
  clear: both;
}
.main-footer .container:before,
.main-footer .container:after {
  content: " ";
  display: table;
}
.main-footer .container:after {
  clear: both;
}
@media (min-width: 1024px) {
  .main-footer .footer-left {
    float: left;
  }
  .main-footer .footer-logo {
    float: right;
    margin-right: 50px;
  }
}
@media (min-width: 1240px) {
  .main-footer .footer-logo {
    margin-right: 7em;
  }
}
@media (min-width: 1600px) {
  .main-footer .footer-logo {
    margin-right: 0em;
  }
}
.main-footer .footer-left {
  font-size: 16px;
  text-align: center;
  line-height: 32px;
}
.main-footer .footer-left a {
  color: #FFFFFF;
}
a.main-footer .footer-left a:hover,
a.main-footer .footer-left a:focus {
  color: #e6e6e6;
}
.main-footer .footer-left i {
  font-style: normal;
  margin-left: 10px;
  margin-right: 10px;
}
.main-footer .footer-left span {
  display: block;
}
.main-footer .footer-left i {
  display: none;
}
.main-footer .footer-left a {
  color: #FFFFFF;
}
a.main-footer .footer-left a:hover,
a.main-footer .footer-left a:focus {
  color: #e6e6e6;
}
@media (min-width: 1024px) {
  .main-footer .footer-left {
    text-align: left;
    line-height: 32px;
  }
  .main-footer .footer-left span {
    display: inline-block;
  }
  .main-footer .footer-left i {
    display: inline-block;
  }
  .main-footer .footer-left a {
    color: #FFFFFF;
  }
  a.main-footer .footer-left a:hover,
  a.main-footer .footer-left a:focus {
    color: #e6e6e6;
  }
}
.main-footer .footer-logo {
  text-align: center;
  margin-top: 2em;
}
.main-footer .footer-logo svg,
.main-footer .footer-logo img {
  max-width: 140px;
}
@media (min-width: 1024px) {
  .main-footer .footer-logo {
    text-align: right;
    margin-top: 0;
  }
}
.main-footer .footer-top-btn {
  position: absolute;
  background-color: #000000;
  border: none;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 25px;
}
@media (min-width: 1024px) {
  .main-footer .footer-top-btn {
    padding-top: 0;
    padding-bottom: 0;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: 10%;
    max-width: 175px;
    font-size: 30px;
  }
}
/*
 * Nongshim Product 2017 Slick Slider LESS
 */
.slick-container:focus,
.slick-list:focus,
.slick-slide:focus,
.slick-container.focus,
.slick-list.focus,
.slick-slide.focus,
.slick-container:active,
.slick-list:active,
.slick-slide:active,
.slick-container.active,
.slick-list.active,
.slick-slide.active {
  outline: 0;
}
.slick-prev,
.slick-next {
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 1;
  text-align: center;
}
.slick-prev:hover,
.slick-next:hover {
  cursor: pointer;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
}
.slick-prev .symbol-only,
.slick-next .symbol-only {
  padding-right: 20px !important;
}
.slick-prev {
  left: 0;
}
.slick-next {
  left: 50px;
}
/*
.slick-dots {
	position: absolute;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
	li {
		position: relative;
		display: inline-block;
		margin: 0;
		&+li {
			margin-left: @slider-dot-gap-xs;
			@media @from-sm { margin-left: @slider-dot-gap-sm; }
			@media @from-md { margin-left: @slider-dot-gap-md; }
		}
		cursor: pointer;
		button {
			display: block;
			.square(@slider-dot-size-xs);
			@media @from-sm { .square(@slider-dot-size-sm); }
			@media @from-md { .square(@slider-dot-size-md); }
			border: 0;
			background-color: @color-white;
			border-radius: 50%;
			outline: none;
			cursor: pointer;
			line-height: 0;
			font-size: 0;
			padding: 0;
			&:hover, &:focus {
				outline: none;
			}
		}
		&.slick-active button {
			background-color: @DS-orange;
		}
	}
}
*/
#hero-slider .slick-prev {
  left: 90px;
  top: 0;
  -webkit-transform: translate(0, -60px);
  transform: translate(0, -60px);
}
@media (min-width: 1024px) {
  #hero-slider .slick-prev {
    -webkit-transform: translate(0, -90px);
    transform: translate(0, -90px);
  }
}
#hero-slider .slick-next {
  top: 0;
  left: 140px;
  -webkit-transform: translate(0, -60px);
  transform: translate(0, -60px);
}
@media (min-width: 1024px) {
  #hero-slider .slick-next {
    -webkit-transform: translate(0, -90px);
    transform: translate(0, -90px);
  }
}
#hero-slider .slider .slider-inner-container {
  max-width: 460px;
}
#product-slider .slick-prev {
  left: auto;
  right: 50px;
  bottom: 0px;
  margin-bottom: 0;
}
@media (min-width: 1240px) {
  #product-slider .slick-prev {
    right: auto;
    left: 50%;
    -webkit-transform: translate(510px, 0);
    transform: translate(510px, 0);
  }
}
#product-slider .slick-next {
  top: auto;
  left: auto;
  right: 0px;
  bottom: 0px;
  margin-bottom: 0;
}
@media (min-width: 1240px) {
  #product-slider .slick-next {
    right: auto;
    left: 50%;
    -webkit-transform: translate(560px, 0);
    transform: translate(560px, 0);
  }
}
#news-slider {
  /*
	.slick-prev {
		left: auto;
		right: 50px;
		bottom: 0px;
		margin-bottom: 0;
		@media @from-lg {
			right: auto;
			left: 50%;
			.translate(510px,0);
		}
	}
	.slick-next {
		top: auto;
		left: auto;
		right: 0px;
		bottom: 0px; 
		margin-bottom: 0;
		@media @from-lg {
			right: auto;
			left: 50%;
			.translate(560px,0);
		}
	}	
	*/
}
#news-slider .slick-list {
  overflow: visible;
}
@media (max-width: 767px) {
  #news-slider .slick-list {
    overflow: hidden;
  }
}
#news-slider .slick-slide {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media (min-width: 768px) {
  #news-slider .slick-slide {
    padding-right: 30px;
  }
}
#news-slider .slick-slide.slick-active {
  opacity: 1;
  filter: alpha(opacity=100);
}
/*

// Module Brand Feature Slider
.module-brand-feature-slider {
	.slick-container,
	.slick-slide {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.slick-dots {
		position: absolute;
		bottom: -20px;
		list-style: none;
		display: block;
		text-align: center;
		z-index: 1;
		@media @from-sm {
			text-align: left;
		}
		width: 100%;
		li {
			position: relative;
			display: inline-block;
			margin: 0;
			&+li {
				margin-left: @module-slider-dot-gap;
				@media @from-sm {
					margin-left: @module-slider-dot-gap-sm;
				}
			}
			cursor: pointer;
			button {
				background: transparent;
				display: block;
				.square(@module-slider-dot-size);
				@media @from-sm {
					.square(@module-slider-dot-size-sm);
				}
				border: 1px solid @color-black;
				border-radius: 50%;
				outline: none;
				cursor: pointer;
				line-height: 0;
				font-size: 0;
				padding: 0;
				&:hover, &:focus {
					outline: none;
				}
			}
			&.slick-active button {
				background-color: @color-black;
			}
		}
	}
}


// Module Thumbnail Slider (Brand Slider also use this module)
.module-thumbnail-slider {
	.slick-container,
	.slick-slide {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.slick-prev,
	.slick-next {
		position: absolute;
		background-image: none;
		background-color: transparent;
		.square(@module-slider-arrow-size);
		@media @from-sm {
			.square(@module-slider-arrow-size-sm);
		}
		top: 0;
		bottom: 0;
		margin: auto;
		border: 1px solid @DS-orange;
		border-radius: 50%;
		z-index: 1;
		.text-center;
		.transition(all @duration-fast);

		.icon-font {
			top: -1px;
			font-size: @module-slider-arrow-font-size;
			line-height: @module-slider-arrow-line-height;
			@media @from-sm {
				font-size: @module-slider-arrow-font-size-sm;
				line-height: @module-slider-arrow-line-height-sm;
			}
			color: @DS-orange;
			.transition(color @duration-fast);
		}

		&:hover {
			cursor: pointer;
			border-color: @DS-orange;
			background-color: @DS-orange;
			.icon-font {
				color: @color-white;
			}
		}
		&:hover, &:focus {
			outline: none;
		}
	}
	.slick-prev {
		left: -@module-slider-arrow-size;
		@media @from-sm {
			left: -@module-slider-arrow-size-sm;
		}
	}
	.slick-next {
		right: -@module-slider-arrow-size;
		@media @from-sm {
			right: -@module-slider-arrow-size-sm;
		}
	}
}


// Module Membership Slider
.module-membership-slider {
	.slick-container,
	.slick-slide {
		position: relative;
		width: 100%;
		height: 100%;
	}

	.slick-prev,
	.slick-next {
		position: absolute;
		background-image: none;
		background-color: transparent;
		.square(@module-slider-arrow-size);
		@media @from-sm {
			.square(@module-slider-arrow-size-sm);
		}
		top: 0;
		bottom: 0;
		margin: auto;
		border: 1px solid @color-white;
		border-radius: 50%;
		z-index: 1;
		.text-center;
		.transition(all @duration-fast);

		.icon-font {
			top: -1px;
			font-size: @module-slider-arrow-font-size;
			line-height: @module-slider-arrow-line-height;
			@media @from-sm {
				font-size: @module-slider-arrow-font-size;
				line-height: @module-slider-arrow-line-height;
			}
			color: @color-white;
			.transition(color @duration-fast);
		}

		&:hover {
			cursor: pointer;
			border-color: @DS-orange;
			background-color: transparent;
			.icon-font {
				color: @DS-orange;
			}
		}
		&:hover, &:focus {
			outline: none;
		}
	}
	.slick-prev {
		left: -16px;
		@media @from-sm {
			left: -(@container-sm - @grid-gutter-sm) *  @module-membership-title-width - @module-slider-arrow-size-sm;
		}
		@media @from-md {
			left: -(@container-md - @grid-gutter-md) * @module-membership-title-width - @module-slider-arrow-size-sm;
		}
		@media @from-lg {
			left: -(@container-lg - @grid-gutter-lg) * @module-membership-title-width - @module-slider-arrow-size-sm;
		}
	}
	.slick-next {
		right: -16px;
		@media @from-sm {
			right: -@module-slider-arrow-size-sm;
		}
	}
	.slick-dots {
		position: absolute;
		bottom: 30px;
		list-style: none;
		display: block;
		text-align: center;
		width: 100%;
		li {
			position: relative;
			display: inline-block;
			margin: 0;
			&+li {
				margin-left: @module-slider-dot-gap;
			}
			cursor: pointer;
			button {
				background: transparent;
				display: block;
				.square(@module-slider-dot-size);
				border: 1px solid @color-white;
				border-radius: 50%;
				outline: none;
				cursor: pointer;
				line-height: 0;
				font-size: 0;
				padding: 0;
				&:hover, &:focus {
					outline: none;
				}
			}
			&.slick-active button {
				background-color: @color-white;
			}
		}
		@media @from-sm {
			display: none;
		}
	}
}
*/