@charset "UTF-8";
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* BACKGROUND SIZE */
/* BORDER RADIUS */
/* BOX SHADOW */
/* BOX SIZING */
/* TRANSFORM  */
/* TRANSITION */
/* #Clearing
================================================== */
/* Include clearfix on parent to clear nested columns,
or wrap each row of columns in a @include row */
/* You can also use a @include clear to clear columns */
@font-face {
  font-family: 'avant_gardebold';
  src: url("../fonts/avant_garde_bold.woff2") format("woff2"), url("../fonts/avant_garde_bold.woff") format("woff"), url("../fonts/avant_garde_bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

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

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.woff2") format("woff2"), url("../fonts/icomoon/icomoon.woff") format("woff"), url("../fonts/icomoon/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

body {
  color: #000;
  font-family: 'Karla', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px; }

* {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none; }

.std ul {
  list-style: none;
  margin-bottom: 0; }

*, ul, ol, dl {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

ul, ul li, ol, ol li {
  list-style: none; }

a {
  color: #000;
  text-decoration: underline;
  outline: none; }
  a:hover {
    color: #ea6b15; }

.button input, .btn input, .button, .btn {
  outline: none; }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

img {
  width: 100%;
  height: auto;
  max-width: 100%; }

.container {
  max-width: 1146px;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .container {
      max-width: 100%;
      padding: 0 20px; } }
  @media only screen and (max-width: 767px) {
    .container {
      max-width: 100%;
      padding: 0 20px; } }

@media only screen and (max-width: 767px) {
  .eventhub.view-event .container {
    padding: 0 10px; }
  .eventhub.view-event header .header-main .container {
    padding: 0 20px; } }

input.button, a.button, .btn {
  cursor: pointer; }

.clear {
  clear: both; }

.breadcrumb-list {
  overflow: hidden;
  margin-top: 4px; }
  .breadcrumb-list li {
    float: left;
    font-size: 14px; }
    .breadcrumb-list li a {
      text-decoration: none;
      font-size: 14px;
      font-weight: 400;
      position: relative; }
      .breadcrumb-list li a:after {
        content: ">";
        display: inline-block;
        color: #ea6b15;
        margin-left: 4px;
        margin-right: 4px; }
    .breadcrumb-list li strong {
      font-weight: 400;
      color: #ea6b15; }

.left-quote {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  font-size: 70px; }
  @media only screen and (max-width: 767px) {
    .left-quote {
      font-size: 53px; } }

.page-title h1 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .page-title h1 {
      font-size: 20px;
      line-height: 30px; } }

html #wpadminbar {
  display: none !important; }

html {
  margin-top: 0 !important; }

html, body {
  overflow-x: hidden;
  overflow-y: auto; }

/*body.logged-in.gc-customer-logged-in{ margin-top: 0 !important}*/
@media screen and (max-width: 782px) {
  /*body.logged-in.gc-customer-logged-in{ margin-top: 0 !important}*/ }

.visible-on-mobile {
  display: none;
  visibility: hidden; }
  @media only screen and (max-width: 767px) {
    .visible-on-mobile {
      display: inline;
      visibility: visible; } }

.hidden-on-mobile {
  display: inline;
  visibility: visible; }
  @media only screen and (max-width: 767px) {
    .hidden-on-mobile {
      display: none;
      visibility: hidden; } }

.error-msg-ui p,
.success-msg-ui p,
.ehmd-error p,
.ehup-error p,
.ehve-error p,
.ehmd-success p,
.ehup-success p,
.ehve-success p {
  display: block;
  position: relative;
  color: #fff;
  background: #41AC69;
  margin: 0 0 20px 0;
  padding: 12px 50px 12px 25px;
  font-weight: 700;
  font-size: 17px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }

.error-msg-ui .msg-close,
.success-msg-ui .msg-close,
.ehmd-error .msg-close,
.ehup-error .msg-close,
.ehve-error .msg-close,
.ehmd-success .msg-close,
.ehup-success .msg-close,
.ehve-success .msg-close {
  position: absolute;
  color: #fff;
  overflow: hidden;
  text-indent: -9999px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: 15px;
  top: 50%;
  margin: -10px 0 0 0;
  cursor: pointer; }
  .error-msg-ui .msg-close:before,
  .success-msg-ui .msg-close:before,
  .ehmd-error .msg-close:before,
  .ehup-error .msg-close:before,
  .ehve-error .msg-close:before,
  .ehmd-success .msg-close:before,
  .ehup-success .msg-close:before,
  .ehve-success .msg-close:before {
    content: '✖';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal; }

.error-msg-ui p,
.ehve-error p,
.ehup-error p,
.ehve-error p {
  background: red; }

/*=============Overlay popup - style popup for workplaces page====================*/
.ui-widget-overlay {
  background: #fff;
  opacity: 0.7; }

.ui-widget-content {
  background: #faf8f6;
  color: #000;
  border: 3px solid #ede8e2; }

.ui-widget-content.workplace-popup {
  width: 850px !important; }

.logged-in .ui-dialog .ui-dialog-content, .workplace-popup.ui-dialog .ui-dialog-content {
  padding: 68px 25px 85px 90px; }
  .logged-in .ui-dialog .ui-dialog-content p.title-locations, .workplace-popup.ui-dialog .ui-dialog-content p.title-locations {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 50px; }
  .logged-in .ui-dialog .ui-dialog-content ul li, .workplace-popup.ui-dialog .ui-dialog-content ul li {
    float: left;
    width: 25%;
    margin-right: 14px; }

.logged-in .ui-dialog .ui-dialog-titlebar, .workplace-popup.ui-dialog .ui-dialog-titlebar,
.recipe-popup.ui-dialog .ui-dialog-titlebar {
  top: -4px;
  right: 11px;
  position: absolute; }

.logged-in .ui-dialog .ui-dialog-titlebar .ui-button, .workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button, .recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button {
  width: 20px;
  height: 20px;
  display: block !important; }

.logged-in .ui-dialog .ui-dialog-titlebar .ui-button:after,
.logged-in .ui-dialog .ui-dialog-titlebar .ui-button:before,
.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:after,
.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:before,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:before,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:after {
  background: #1896ab;
  height: 2px;
  margin-top: -2px; }

.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:after,
.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:before,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:before,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%; }

.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:before,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.workplace-popup.ui-dialog .ui-dialog-titlebar .ui-button:after,
.recipe-popup.ui-dialog .ui-dialog-titlebar .ui-button:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

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

@media only screen and (min-width: 768px) {
  .only-desktop {
    display: block; }
  .only-mobile {
    display: none; } }

.bx-wrapper {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none; }

/*Input=======*/
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input, textarea {
  border: 3px solid #ede8e2;
  width: 100%;
  height: 40px;
  line-height: 100% !important;
  padding: 0 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  box-shadow: none !important;
  -webkit-border-radius: 0;
  border-radius: 0;
  font-weight: 400;
  color: #000;
  font-size: 16px;
  background: #fff;
  font-family: 'Karla', sans-serif; }
  @media only screen and (max-width: 767px) {
    input[type="text"],
    input[type="password"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    input, textarea {
      height: 40px; } }

input:-webkit-autofill {
  background-color: #fff !important;
  -webkit-box-shadow: 0 0 0 30px white inset; }

input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #acacac; }

input[type="text"]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #acacac; }

input[type="text"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #acacac; }

input[type="text"]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #acacac; }

fieldset {
  border: none;
  margin: 0;
  padding: 0; }

textarea {
  padding-top: 12px; }

input[type="radio"] {
  border-color: #78c3cf;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 0;
  display: inline-block;
  cursor: pointer; }
  input[type="radio"].checked {
    position: relative; }
    input[type="radio"].checked:after {
      content: "";
      width: 8px;
      height: 8px;
      background: #1896ab;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

input[type="checkbox"] {
  border-color: #78c3cf;
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-block;
  cursor: pointer;
  float: left;
  border-width: 2px;
  margin-right: 10px; }
  input[type="checkbox"].checked {
    position: relative; }
    input[type="checkbox"].checked:after {
      content: "";
      width: 12px;
      height: 12px;
      background: url(../images/icr-checkbox.png) no-repeat;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.field-radio, .field-checkbox {
  position: relative;
  margin-bottom: 22px; }
  @media only screen and (max-width: 767px) {
    .field-radio, .field-checkbox {
      margin-bottom: 26px; } }
  .field-radio input[type="radio"], .field-radio input[type="checkbox"], .field-checkbox input[type="radio"], .field-checkbox input[type="checkbox"] {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }
    @media only screen and (max-width: 767px) {
      .field-radio input[type="radio"], .field-radio input[type="checkbox"], .field-checkbox input[type="radio"], .field-checkbox input[type="checkbox"] {
        top: 7px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0); } }
  .field-radio .label-radio, .field-radio .label-checkbox, .field-checkbox .label-radio, .field-checkbox .label-checkbox {
    display: inline-block;
    vertical-align: top;
    margin-left: 34px;
    font-size: 18px;
    line-height: 26px; }
    @media only screen and (max-width: 767px) {
      .field-radio .label-radio, .field-radio .label-checkbox, .field-checkbox .label-radio, .field-checkbox .label-checkbox {
        font-size: 16px; } }

label {
  font-weight: 700;
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.3px;
  margin-bottom: 7px;
  display: block; }
  label em {
    color: #d12118; }

.required-label, .required-msg, .error {
  font-weight: 400;
  color: #d12118;
  display: block; }

.required-label {
  display: inline-block; }

form .fields {
  width: 100%;
  margin-bottom: 13px; }
  @media only screen and (max-width: 767px) {
    form .fields {
      margin-bottom: 23px; } }
  form .fields.two-field {
    overflow: hidden; }
    form .fields.two-field .field {
      float: left;
      margin-right: 6%;
      width: 47%; }
      form .fields.two-field .field:last-child {
        margin-right: 0; }
      @media only screen and (max-width: 767px) {
        form .fields.two-field .field {
          float: none;
          width: 100%;
          margin-right: 0;
          margin-bottom: 24px; }
          form .fields.two-field .field:last-child {
            margin-bottom: 0; } }

form #ehmd-state-other {
  margin-top: 15px; }

.style-select {
  position: relative;
  display: inline-block;
  height: 40px;
  background: #FFF;
  border: #ede8e2 solid 3px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  vertical-align: middle;
  width: 100%; }
  .style-select:after {
    position: absolute;
    content: "";
    display: block; }
  .style-select:after {
    content: "";
    width: 24px;
    height: 14px;
    background: url("../images/icr-select.png") no-repeat;
    right: 0;
    top: 50%;
    margin-top: -7px; }
  .style-select select {
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    padding: 0 50px 0 12px;
    position: absolute;
    top: 0;
    width: calc(100% + 17px) !important;
    width: 100%;
    height: 100%;
    color: #000;
    font-size: 16px;
    font-family: 'Karla', sans-serif;
    font-weight: 400;
    z-index: 11;
    left: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: ""; }
    .style-select select:focus {
      outline: none; }
    .style-select select::-ms-expand {
      display: none; }

.style-select {
  z-index: 8; }
  .style-select:before {
    z-index: 9; }
  .style-select:after {
    z-index: 10; }

.header-promotional {
  background: #ede8e2; }
  @media only screen and (max-width: 980px) {
    .header-promotional {
      display: none; } }
  .header-promotional .content {
    zoom: 1; }
    .header-promotional .content:after {
      clear: both; }
    .header-promotional .content:before, .header-promotional .content:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .header-promotional .content .content-left {
      float: left;
      position: relative;
      text-align: center;
      padding: 5px 28px 5px 0; }
      .header-promotional .content .content-left .close {
        position: absolute;
        right: 0;
        top: 50%;
        text-indent: -1000em;
        width: 15px;
        height: 15px;
        margin-top: -8px;
        font-size: 15px;
        padding: 0; }
        .header-promotional .content .content-left .close:after, .header-promotional .content .content-left .close:before {
          content: '';
          height: 1px;
          width: 100%;
          background: #000;
          position: absolute;
          top: 50%;
          left: 0; }
        .header-promotional .content .content-left .close:after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
        .header-promotional .content .content-left .close:before {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
    .header-promotional .content .content-right {
      float: right;
      padding: 5px 0; }
    .header-promotional .content ul.menu li {
      display: inline-block;
      line-height: 1;
      padding-right: 9px;
      margin-right: 5px;
      border-right: 1px solid #000; }
      .header-promotional .content ul.menu li:last-of-type {
        padding-right: 0;
        margin-right: 0;
        border-right: none; }
  .header-promotional.header-promotional-login .content .content-left {
    float: none; }

@media only screen and (max-width: 980px) {
  header {
    position: relative; } }

.header-main {
  background: #e9793a;
  padding: 30px 0; }
  @media only screen and (max-width: 980px) {
    .header-main {
      padding: 0 0 5px; } }
  .header-main .container {
    display: table; }
  .header-main .block-time {
    width: 30%;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 980px) {
      .header-main .block-time {
        display: none; } }
    .header-main .block-time p {
      font-weight: 700;
      color: #fff;
      font-size: 17px;
      line-height: 30px;
      margin-top: -12px; }
  .header-main .logo-wrapper {
    width: 42%;
    text-align: center;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle; }
    @media only screen and (max-width: 980px) {
      .header-main .logo-wrapper {
        display: block;
        width: 192px; }
        .header-main .logo-wrapper img {
          padding-top: 13px; } }
  .header-main .action-links {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    text-align: right; }
    @media only screen and (max-width: 980px) {
      .header-main .action-links {
        display: none; } }
    .header-main .action-links a {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 17px;
      text-transform: uppercase;
      margin-top: -10px; }
      .header-main .action-links a.register-link {
        border: 3px solid #fff;
        background: #1896ab;
        color: #fff;
        margin-right: 17px; }
        .header-main .action-links a.register-link:hover {
          background: #fff;
          color: #ea6b15;
          border-color: #fff; }
      .header-main .action-links a.login-link {
        background: #fff;
        color: #ea6b15;
        border: 3px solid #fff; }
        .header-main .action-links a.login-link:hover {
          background: #faa53f;
          color: #fff;
          border-color: #fff; }
      .header-main .action-links a.logout-link {
        background: #fff;
        color: #1896ab;
        border: 3px solid #fff; }
        .header-main .action-links a.logout-link:hover {
          background: #1896ab;
          border-color: #fff;
          color: #fff; }
        @media only screen and (max-width: 1024px) {
          .header-main .action-links a.logout-link {
            padding: 5px 8px;
            font-size: 15px; } }
      .header-main .action-links a.eventhub-link {
        border: 3px solid #fff;
        background: #1896ab;
        color: #fff;
        margin-right: 16px; }
        .header-main .action-links a.eventhub-link:hover {
          background: #78c3cf; }
        @media only screen and (min-width: 768px) and (max-width: 1169px) {
          .header-main .action-links a.eventhub-link {
            padding: 5px 8px;
            font-size: 15px;
            margin-right: 3px; } }

.navigation-top {
  border-bottom: 3px solid #000; }
  .navigation-top .close-menu {
    display: none; }
  .navigation-top .eventhub-link-mb {
    display: none; }
    @media only screen and (max-width: 980px) {
      .navigation-top .eventhub-link-mb {
        display: inline-block;
        border: 3px solid #fff;
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        color: #fff;
        padding: 5px 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
        margin-left: -18px; } }
  .navigation-top .register-link-mb {
    display: none; }
    @media only screen and (max-width: 980px) {
      .navigation-top .register-link-mb {
        display: block;
        color: #8ecbd5;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding: 7px 0;
        position: relative; }
        .navigation-top .register-link-mb:hover {
          color: #ea6b15; }
        .navigation-top .register-link-mb:after {
          content: "";
          display: block;
          width: 11px;
          height: 14px;
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -7px;
          background: url(../images/icr-right.png) no-repeat; } }
  .navigation-top ul.menu {
    text-align: center; }
    @media only screen and (max-width: 980px) {
      .navigation-top ul.menu {
        text-align: left; } }
    .navigation-top ul.menu > li {
      display: inline-block;
      padding: 18px 10px;
      position: relative; }
      .navigation-top ul.menu > li.nav-login, .navigation-top ul.menu > li.nav-logout {
        display: none; }
        @media only screen and (max-width: 980px) {
          .navigation-top ul.menu > li.nav-login, .navigation-top ul.menu > li.nav-logout {
            display: block; }
            .navigation-top ul.menu > li.nav-login a, .navigation-top ul.menu > li.nav-logout a {
              color: #8ecbd5;
              position: relative;
              display: block; }
              .navigation-top ul.menu > li.nav-login a:after, .navigation-top ul.menu > li.nav-logout a:after {
                content: "";
                display: block;
                width: 11px;
                height: 14px;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -7px;
                background: url(../images/icr-right.png) no-repeat; } }
      .navigation-top ul.menu > li.current-menu-item a {
        color: #ea6b15; }
      .navigation-top ul.menu > li > a {
        text-decoration: none;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px; }
        @media only screen and (max-width: 980px) {
          .navigation-top ul.menu > li > a {
            color: #fff;
            font-size: 16px; } }
        .navigation-top ul.menu > li > a:hover {
          color: #ea6b15; }
      .navigation-top ul.menu > li ul.sub-menu {
        display: none;
        min-width: 165px;
        position: absolute;
        top: 60px;
        left: 0;
        background: #363636;
        padding: 14px 15px 22px 24px;
        text-align: left;
        z-index: 99; }
        .navigation-top ul.menu > li ul.sub-menu li a {
          font-size: 18px;
          font-weight: 400;
          line-height: 30px;
          color: #fff;
          text-decoration: none;
          white-space: nowrap; }
        .navigation-top ul.menu > li ul.sub-menu li:hover a {
          color: #faa53f; }
        @media only screen and (max-width: 980px) {
          .navigation-top ul.menu > li ul.sub-menu {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            margin: 0;
            padding: 7px 0 0; }
            .navigation-top ul.menu > li ul.sub-menu li {
              padding: 7px 0 7px 20px;
              border-top: 1px solid rgba(255, 255, 255, 0.2);
              line-height: 25px; }
              .navigation-top ul.menu > li ul.sub-menu li:last-child {
                padding-bottom: 0; }
              .navigation-top ul.menu > li ul.sub-menu li a {
                font-size: 16px;
                text-transform: uppercase;
                font-weight: bold;
                line-height: 25px; } }
      .navigation-top ul.menu > li:hover ul.sub-menu, .navigation-top ul.menu > li:focus ul.sub-menu {
        display: block; }
      @media only screen and (max-width: 980px) {
        .navigation-top ul.menu > li {
          display: block;
          padding: 7px 0;
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
          .navigation-top ul.menu > li.menu-item-has-children > a {
            display: block;
            position: relative; }
            .navigation-top ul.menu > li.menu-item-has-children > a:hover {
              color: #fff; }
            .navigation-top ul.menu > li.menu-item-has-children > a:after {
              content: "";
              display: block;
              width: 14px;
              height: 11px;
              position: absolute;
              right: 0;
              top: 50%;
              margin-top: -5px;
              background: url(../images/icr-top.png) no-repeat; }
          .navigation-top ul.menu > li.menu-item-has-children.expand > a:after {
            background: url(../images/icr-bottom.png) no-repeat; }
          .navigation-top ul.menu > li.menu-item-has-children.expand ul.sub-menu {
            position: relative;
            top: auto;
            left: auto;
            width: 100%;
            margin: 0;
            padding: 7px 0 0; }
            .navigation-top ul.menu > li.menu-item-has-children.expand ul.sub-menu li {
              padding: 7px 0 7px 20px;
              border-top: 1px solid rgba(255, 255, 255, 0.2);
              line-height: 25px; }
              .navigation-top ul.menu > li.menu-item-has-children.expand ul.sub-menu li:last-child {
                padding-bottom: 0; }
              .navigation-top ul.menu > li.menu-item-has-children.expand ul.sub-menu li a {
                font-size: 16px;
                text-transform: uppercase;
                font-weight: bold;
                line-height: 25px; } }
  @media only screen and (max-width: 980px) {
    .navigation-top {
      display: none; }
      .navigation-top .container {
        padding: 0; }
      .navigation-top.expand {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #363636;
        z-index: 99;
        padding: 60px 30px 42px; }
        .navigation-top.expand .close-menu {
          display: block;
          text-indent: -9000em;
          position: absolute;
          top: 22px;
          right: 30px;
          width: 22px;
          height: 22px; }
          .navigation-top.expand .close-menu:after, .navigation-top.expand .close-menu:before {
            content: '';
            position: absolute;
            height: 2px;
            width: 100%;
            top: 50%;
            left: 0;
            margin-top: -1px;
            background: #fff; }
          .navigation-top.expand .close-menu:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
          .navigation-top.expand .close-menu:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); } }

.open-menu {
  display: none; }
  @media only screen and (max-width: 980px) {
    .open-menu {
      display: block;
      text-indent: -9000em;
      position: absolute;
      top: 43%;
      right: 20px;
      width: 22px;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .open-menu:after {
        content: "";
        width: 21px;
        box-shadow: 0 7px 0 1px #fff, 0 16px 0 1px #fff, 0 24px 0 1px #fff;
        -webkit-box-shadow: 0 7px 0 1px #fff, 0 16px 0 1px #fff, 0 24px 0 1px #fff;
        -moz-box-shadow: 0 7px 0 1px #fff, 0 16px 0 1px #fff, 0 24px 0 1px #fff;
        display: block;
        position: absolute;
        top: 0; } }

.navigation-top ul.menu > li.nav-logout {
  display: none; }

.logged-in .navigation-top ul.menu > li.nav-login {
  display: none; }

@media only screen and (max-width: 980px) {
  .logged-in .navigation-top ul.menu > li.nav-logout {
    display: block; } }

footer .footer-main {
  background: #e9793a;
  padding-top: 32px;
  padding-bottom: 29px; }
  @media only screen and (max-width: 767px) {
    footer .footer-main {
      padding-top: 2px; } }
  footer .footer-main .navigation-footer {
    float: left;
    width: 51%; }
    @media only screen and (max-width: 767px) {
      footer .footer-main .navigation-footer {
        float: none;
        width: 100%; } }
    footer .footer-main .navigation-footer ul.menu {
      overflow: hidden; }
      footer .footer-main .navigation-footer ul.menu > li {
        width: 33.33%;
        float: left; }
        footer .footer-main .navigation-footer ul.menu > li a {
          text-decoration: none;
          color: #fff;
          font-size: 14px;
          line-height: 34px; }
          footer .footer-main .navigation-footer ul.menu > li a:hover {
            color: #000; }
        footer .footer-main .navigation-footer ul.menu > li > a {
          font-weight: 700;
          text-transform: uppercase; }
          footer .footer-main .navigation-footer ul.menu > li > a:hover {
            color: #fff; }
        footer .footer-main .navigation-footer ul.menu > li ul.sub-menu {
          margin-top: 5px; }
          footer .footer-main .navigation-footer ul.menu > li ul.sub-menu li a {
            line-height: 24px;
            display: block; }
        @media only screen and (max-width: 767px) {
          footer .footer-main .navigation-footer ul.menu > li {
            width: 100%;
            float: none;
            border-bottom: 2px solid #fff;
            text-align: center;
            padding: 5px 0; }
            footer .footer-main .navigation-footer ul.menu > li > a {
              font-size: 16px; }
              footer .footer-main .navigation-footer ul.menu > li > a:after {
                content: "+";
                display: inline-block;
                margin-left: 8px;
                font-size: 20px; }
            footer .footer-main .navigation-footer ul.menu > li ul.sub-menu {
              display: none; }
            footer .footer-main .navigation-footer ul.menu > li.expand > a:after {
              content: "-"; }
            footer .footer-main .navigation-footer ul.menu > li.expand ul.sub-menu {
              display: block; }
              footer .footer-main .navigation-footer ul.menu > li.expand ul.sub-menu li {
                margin-bottom: 15px; }
                footer .footer-main .navigation-footer ul.menu > li.expand ul.sub-menu li:last-child {
                  margin-bottom: 0; }
                footer .footer-main .navigation-footer ul.menu > li.expand ul.sub-menu li a {
                  font-size: 15px;
                  line-height: 25px; } }
  footer .footer-main .footer-socials {
    float: right;
    width: 29%; }
    @media only screen and (max-width: 767px) {
      footer .footer-main .footer-socials {
        float: none;
        width: 100%; } }
    footer .footer-main .footer-socials .logo-footer {
      float: left;
      width: 149px; }
      @media only screen and (max-width: 767px) {
        footer .footer-main .footer-socials .logo-footer {
          display: none; } }
    footer .footer-main .footer-socials .social-block {
      float: right;
      text-align: center;
      margin-top: 5px; }
      @media only screen and (max-width: 767px) {
        footer .footer-main .footer-socials .social-block {
          float: none;
          margin-top: 29px; } }
      footer .footer-main .footer-socials .social-block .title {
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 17px; }
      footer .footer-main .footer-socials .social-block ul li {
        display: inline-block; }
        footer .footer-main .footer-socials .social-block ul li a {
          display: block;
          width: 24px;
          height: 24px;
          text-indent: -1000em;
          margin-right: 15px;
          background: url(../images/footer-social.png) no-repeat; }
          footer .footer-main .footer-socials .social-block ul li a.facebook {
            background-position: -24px center; }
          footer .footer-main .footer-socials .social-block ul li a.instagram {
            background-position: -72px center; }
          footer .footer-main .footer-socials .social-block ul li a.link-in {
            background-position: -96px center; }
          footer .footer-main .footer-socials .social-block ul li a.twister {
            background-position: -48px center; }
          footer .footer-main .footer-socials .social-block ul li a:hover {
            background-image: url(../images/footer-social-hover.png); }
        footer .footer-main .footer-socials .social-block ul li:last-child a {
          margin-right: 0; }

footer .footer-copyright {
  background: #ede8e2;
  padding: 5px 0; }
  footer .footer-copyright .container {
    overflow: hidden; }
  footer .footer-copyright a {
    text-decoration: none; }
  footer .footer-copyright .copyright {
    float: left;
    text-align: left;
    width: 50%;
    font-size: 12px; }
    @media only screen and (max-width: 767px) {
      footer .footer-copyright .copyright {
        float: none;
        width: 100%;
        text-align: center; } }
  footer .footer-copyright .design-by {
    float: right;
    text-align: right;
    width: 47%;
    font-size: 10px;
    margin-right: 4px;
    margin-top: -2px; }
    @media only screen and (max-width: 767px) {
      footer .footer-copyright .design-by {
        float: none;
        width: 100%;
        text-align: center; } }
    footer .footer-copyright .design-by a {
      font-family: 'avant_gardebold';
      opacity: .5;
      font-size: 11px;
      text-transform: uppercase; }

footer .back-to-top {
  text-align: center;
  height: 40px;
  line-height: 40px;
  background: #ede8e2;
  display: none; }
  @media only screen and (max-width: 767px) {
    footer .back-to-top {
      display: block; } }
  footer .back-to-top a#back-top {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    color: #e9793a;
    font-weight: 700;
    position: relative;
    padding-right: 28px; }
    footer .back-to-top a#back-top:after {
      content: "";
      width: 12px;
      height: 8px;
      background: url(../images/icr-back-to-top.png) no-repeat center center;
      display: block;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }

.home-banner {
  position: relative; }
  .home-banner .banner-text {
    max-width: 564px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center; }
    .home-banner .banner-text h2 {
      font-family: 'Caveat', cursive;
      font-weight: 700;
      font-size: 65px;
      line-height: 65px;
      color: #fff; }
      .home-banner .banner-text h2 br {
        display: none; }
      @media only screen and (max-width: 1024px) {
        .home-banner .banner-text h2 {
          font-size: 35px;
          line-height: 40px; } }
      @media only screen and (max-width: 767px) {
        .home-banner .banner-text h2 {
          font-size: 30px;
          line-height: 40px; } }
      @media only screen and (min-width: 1170px) {
        .home-banner .banner-text h2 br {
          display: inherit; } }
    .home-banner .banner-text .hero-intro {
      font-weight: 700;
      color: #fff;
      font-size: 20px;
      margin-top: 25px;
      margin-bottom: 31px; }
      @media only screen and (max-width: 1024px) {
        .home-banner .banner-text .hero-intro {
          font-size: 15px;
          margin-top: 10px;
          margin-bottom: 10px; } }
      @media only screen and (max-width: 767px) {
        .home-banner .banner-text .hero-intro {
          font-size: 16px; } }
    .home-banner .banner-text .hero-cta {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 19px 8px 17px;
      text-transform: uppercase;
      background: #1896ab;
      color: #fff; }
      .home-banner .banner-text .hero-cta:hover {
        background: #78c3cf; }
  @media only screen and (max-width: 767px) {
    .home-banner {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 273px; }
      .home-banner img.hero-image {
        left: 41%;
        position: absolute;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: auto;
        height: 273px;
        max-width: inherit; } }

.block-celebrate {
  text-align: center;
  padding: 42px 0 30px; }
  @media only screen and (max-width: 767px) {
    .block-celebrate {
      padding: 31px 0 0; } }
  .block-celebrate .section-heading {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02px;
    margin-bottom: 16px; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .section-heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 22px; } }
  .block-celebrate .section-intro {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02px;
    max-width: 75%;
    margin: 0 auto 39px; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .section-intro {
        font-size: 16px;
        line-height: 26px;
        max-width: 100%;
        margin: 0 auto 24px; } }
  .block-celebrate ul.section-items {
    zoom: 1;
    margin-bottom: 60px; }
    .block-celebrate ul.section-items:after {
      clear: both; }
    .block-celebrate ul.section-items:before, .block-celebrate ul.section-items:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .block-celebrate ul.section-items li {
      float: left;
      width: 20%;
      padding: 0 10px; }
      .block-celebrate ul.section-items li img {
        width: auto; }
      .block-celebrate ul.section-items li .icon {
        min-height: 59px; }
      .block-celebrate ul.section-items li .title {
        font-family: 'Caveat', cursive;
        font-weight: 400;
        font-size: 40px;
        color: #1896ab;
        margin-bottom: 18px; }
      .block-celebrate ul.section-items li .text {
        font-size: 16px;
        line-height: 26px;
        font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .block-celebrate ul.section-items {
        display: none; } }
  .block-celebrate a.section-cta {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 18px 7px 18px;
    text-transform: uppercase;
    background: #ea6b15;
    color: #fff; }
    .block-celebrate a.section-cta:hover {
      background: #faa53f; }
    @media only screen and (max-width: 767px) {
      .block-celebrate a.section-cta {
        padding: 8px 25px 7px 24px; } }
  .block-celebrate .video-block .supported-block-line {
    margin-top: 48px; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .video-block .supported-block-line {
        margin-top: 39px; } }
    @media only screen and (max-width: 479px) {
      .block-celebrate .video-block .supported-block-line {
        background: url(../images/bg-line-mb.png) no-repeat center top;
        background-size: 100% auto;
        padding-bottom: 15px; } }
  .block-celebrate .video-block h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02px;
    margin-bottom: 28px;
    margin-top: 22px; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .video-block h2 {
        font-size: 20px;
        letter-spacing: -0.4px;
        line-height: 30px;
        margin-top: 20px;
        margin-bottom: 22px; } }
  .block-celebrate .video-block .involved-video {
    position: relative;
    padding-bottom: 55.8%;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .video-block .involved-video {
        margin-bottom: 0; } }
    .block-celebrate .video-block .involved-video iframe {
      width: 99%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .block-celebrate .block-celebrate-content {
    position: relative;
    margin-bottom: 60px; }
    @media only screen and (min-width: 768px) {
      .block-celebrate .block-celebrate-content .section-cta-wrap {
        background: #fff;
        padding: 0 20px;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); } }
    @media only screen and (max-width: 767px) {
      .block-celebrate .block-celebrate-content {
        margin-bottom: 40px; } }
  .block-celebrate .supported-block-line {
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .block-celebrate .supported-block-line {
        display: none; } }

.text-over-banner {
  position: relative; }
  .text-over-banner .image {
    position: relative;
    display: block; }
    .text-over-banner .image img {
      display: block; }
    .text-over-banner .image:before {
      content: "";
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 0; }
  .text-over-banner .text-overlay {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 52%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 45px;
    width: 100%;
    text-align: center;
    pointer-events: none; }
    .text-over-banner .text-overlay .title {
      font-size: 40px;
      line-height: 1;
      letter-spacing: -0.8px;
      margin-bottom: 20px; }
    .text-over-banner .text-overlay .desc {
      font-size: 20px;
      line-height: 30px;
      font-weight: bold;
      margin-bottom: 31px; }
    .text-over-banner .text-overlay .button {
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: transparent;
      color: #fff;
      border: 3px solid #fff;
      text-align: center;
      min-width: 160px; }
      .text-over-banner .text-overlay .button:hover {
        background: #fff;
        color: #1896ab;
        border: 3px solid transparent; }
    @media only screen and (max-width: 1169px) {
      .text-over-banner .text-overlay {
        padding: 0 20px; }
        .text-over-banner .text-overlay .title {
          font-size: 25px;
          line-height: 30px;
          letter-spacing: -0.5px;
          margin-bottom: 10px; } }
    @media only screen and (max-width: 1169px) and (max-width: 767px) {
      .text-over-banner .text-overlay .title {
        margin-bottom: 1px; } }
    @media only screen and (max-width: 1169px) {
        .text-over-banner .text-overlay .desc {
          font-size: 16px;
          line-height: 26px;
          letter-spacing: -0.32px;
          margin-bottom: 10px; } }
  .text-over-banner:hover .text-overlay .button {
    background: #fff;
    color: #1896ab;
    border: 3px solid transparent; }
  @media only screen and (min-width: 768px) {
    .text-over-banner .only-desktop {
      display: block !important; }
    .text-over-banner .only-mobile {
      display: none !important; } }
  @media only screen and (max-width: 767px) {
    .text-over-banner .only-desktop {
      display: none !important; }
    .text-over-banner .only-mobile {
      display: block !important; } }

@media only screen and (min-width: 768px) {
  .two-blocks-media {
    float: none;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 0; }
    .two-blocks-media > .item {
      list-style: none;
      padding: 0;
      margin-bottom: 30px;
      margin-right: 30px;
      width: calc((100% - 30px)/2); } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .two-blocks-media > .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }

@media only screen and (min-width: 768px) {
    .two-blocks-media > .item:nth-of-type(2n+2) {
      margin-right: 0; } }

.two-blocks-media .item {
  margin-bottom: 30px; }
  .two-blocks-media .item .youtube-player {
    position: relative; }
    .two-blocks-media .item .youtube-player iframe {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  @media only screen and (max-width: 767px) {
    .two-blocks-media .item {
      margin: 0 -20px 30px;
      width: auto; }
      .two-blocks-media .item.desktop {
        display: none; } }

.two-blocks-media .involved-video {
  height: 300px; }
  .two-blocks-media .involved-video iframe {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 767px) {
    .two-blocks-media .involved-video {
      height: 218px; } }

.live-count-block {
  background: url(../images/bg-live.jpg) repeat center top;
  padding: 40px 0 48px;
  margin-bottom: 60px; }
  @media only screen and (max-width: 767px) {
    .live-count-block {
      padding: 26px 0 26px;
      margin-bottom: 30px; } }
  .live-count-block .container {
    display: table;
    width: 100%; }
    .live-count-block .container > div {
      text-align: center;
      width: 33.333%;
      display: table-cell; }
      @media only screen and (max-width: 767px) {
        .live-count-block .container > div {
          display: block;
          width: 100%;
          margin-bottom: 20px; } }
      .live-count-block .container > div p {
        font-weight: 700;
        font-size: 20px; }
        @media only screen and (max-width: 767px) {
          .live-count-block .container > div p {
            font-size: 16px; } }
        .live-count-block .container > div p.number {
          font-family: 'Caveat', cursive;
          font-weight: 700;
          font-size: 65px;
          color: #ea6b15;
          line-height: normal; }
          @media only screen and (max-width: 767px) {
            .live-count-block .container > div p.number {
              font-size: 60px; } }

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating {
  margin-left: 13px; }

.odometer.odometer-animating .odometer-digit,
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  padding-right: 13px;
  margin-left: -14px; }

.quote-block-content {
  background: #78c3cf;
  padding: 41px 0; }
  @media only screen and (max-width: 767px) {
    .quote-block-content {
      padding: 30px 0 20px; } }
  .quote-block-content .bx-wrapper {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    background: transparent;
    padding-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .quote-block-content .bx-wrapper {
        padding-bottom: 70px; } }
    .quote-block-content .bx-wrapper ul li .block-img {
      width: 49%;
      position: relative;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .quote-block-content .bx-wrapper ul li .block-img {
          display: block;
          width: 100%; } }
      .quote-block-content .bx-wrapper ul li .block-img:after {
        content: "";
        width: 100%;
        height: 100%;
        background: #bce1e7;
        position: absolute;
        right: -10px;
        bottom: -10px;
        z-index: 8;
        display: block !important; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .block-img:after {
            right: -6px;
            bottom: -6px; } }
      .quote-block-content .bx-wrapper ul li .block-img img {
        z-index: 9;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .block-img img {
            max-width: calc(100% - 6px); } }
    .quote-block-content .bx-wrapper ul li .content {
      display: inline-block;
      width: 50%;
      padding-left: 56px;
      color: #fff;
      vertical-align: top;
      margin-top: 6px; }
      @media only screen and (max-width: 767px) {
        .quote-block-content .bx-wrapper ul li .content {
          display: block;
          width: 100%;
          padding-left: 0;
          text-align: center;
          margin-top: 17px; } }
      .quote-block-content .bx-wrapper ul li .content h3 {
        font-family: 'Caveat', cursive;
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 39px;
        font-weight: 400; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .content h3 {
            font-size: 25px;
            text-align: left;
            margin-bottom: 20px; } }
      .quote-block-content .bx-wrapper ul li .content .left-quote {
        color: #fff;
        line-height: 26px;
        margin-left: -12px; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .content .left-quote {
            margin-left: -3px;
            text-align: left; } }
      .quote-block-content .bx-wrapper ul li .content blockquote {
        font-weight: 400;
        font-style: italic;
        font-size: 25px;
        line-height: 35px;
        letter-spacing: -0.02px;
        margin-top: -7px;
        margin-bottom: 18px; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .content blockquote {
            font-size: 17px;
            line-height: 27px;
            text-align: left;
            margin-top: -13px;
            margin-bottom: 10px; } }
      .quote-block-content .bx-wrapper ul li .content .author {
        font-weight: 700;
        font-size: 18px;
        line-height: 30px; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .content .author {
            font-size: 15px;
            line-height: 25px;
            text-align: left; } }
      .quote-block-content .bx-wrapper ul li .content .quote-cta {
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 5px 17px;
        text-transform: uppercase;
        background: transparent;
        border: 3px solid #fff;
        color: #fff;
        margin-top: 45px; }
        .quote-block-content .bx-wrapper ul li .content .quote-cta:hover {
          background: #1896ab;
          border-color: #1896ab; }
        @media only screen and (max-width: 767px) {
          .quote-block-content .bx-wrapper ul li .content .quote-cta {
            margin-top: 21px; } }
    .quote-block-content .bx-wrapper .bx-pager.bx-default-pager a {
      background: #bce1e7;
      width: 11px;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%; }
      @media only screen and (max-width: 767px) {
        .quote-block-content .bx-wrapper .bx-pager.bx-default-pager a {
          width: 13px;
          height: 13px; } }
    .quote-block-content .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .quote-block-content .bx-wrapper .bx-pager.bx-default-pager a.active,
    .quote-block-content .bx-wrapper .bx-pager.bx-default-pager a:focus {
      background: #fff; }
    .quote-block-content .bx-wrapper .bx-pager {
      bottom: -11px; }
      @media only screen and (max-width: 767px) {
        .quote-block-content .bx-wrapper .bx-pager {
          padding-top: 0;
          bottom: 21px; } }

.event-block {
  text-align: center;
  padding: 55px 0 75px; }
  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .event-block .container {
      padding: 0 40px; } }
  .event-block h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.02px;
    margin-bottom: 22px; }
  .event-block .section-intro {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02px; }
  .event-block .bx-wrapper {
    box-shadow: none;
    border: none;
    margin-top: 30px;
    margin-bottom: 0; }
    .event-block .bx-wrapper ul li {
      text-align: left; }
      .event-block .bx-wrapper ul li > a {
        position: relative;
        width: 100%;
        padding-top: 106.07%;
        overflow: hidden;
        margin: 0 auto;
        display: block; }
        .event-block .bx-wrapper ul li > a img {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          max-width: 195%;
          max-height: 195%;
          width: auto; }
      .event-block .bx-wrapper ul li .news-content a {
        font-weight: 700;
        text-decoration: none;
        color: #ea6b15;
        line-height: 24px;
        letter-spacing: -0.02px;
        margin-top: 24px;
        display: block; }
        .event-block .bx-wrapper ul li .news-content a.view-more {
          font-size: 14px;
          font-weight: 400;
          color: #acacac;
          margin-top: 0; }
          .event-block .bx-wrapper ul li .news-content a.view-more i {
            font-size: 15px;
            vertical-align: bottom; }
      .event-block .bx-wrapper ul li .news-content .desc {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.02px;
        margin-top: 7px; }
    .event-block .bx-wrapper .bx-viewport {
      height: auto !important; }
    .event-block .bx-wrapper .bx-pager {
      display: none; }
    .event-block .bx-wrapper .bx-controls-direction a {
      width: 11px;
      height: 35px;
      margin-top: -17px; }
    .event-block .bx-wrapper .bx-prev {
      background: none;
      left: -15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17.5px 11px 17.5px 0;
      border-color: transparent #faa63f transparent transparent; }
    .event-block .bx-wrapper .bx-next {
      background: none;
      right: -15px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 17.5px 0 17.5px 11px;
      border-color: transparent transparent transparent #faa63f; }
  @media only screen and (max-width: 767px) {
    .event-block {
      display: none; } }

.workplaces-block {
  background: url(../images/bg-workplace.jpg) repeat center center;
  padding-top: 50px;
  padding: 50px 0 60px; }
  .workplaces-block .section-heading {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.02px;
    text-transform: capitalize;
    margin-bottom: 33px; }
  .workplaces-block ul {
    overflow: hidden;
    margin-bottom: 33px; }
    .workplaces-block ul li {
      float: left;
      width: 16.66%;
      text-align: center; }
      .workplaces-block ul li .company {
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #1896ab;
        text-transform: capitalize;
        margin-bottom: 7px; }
      .workplaces-block ul li .locations-detail {
        font-size: 14px;
        font-weight: 700;
        color: #1896ab; }
      .workplaces-block ul li .locations-count {
        display: block;
        width: 26px;
        height: 26px;
        background: #1896ab;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        margin: 0 auto 4px;
        color: #fff; }
  .workplaces-block .button {
    text-align: center; }
    .workplaces-block .button .view-workplace {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 17px;
      text-transform: uppercase;
      border: 2px solid #1896ab;
      background: transparent;
      color: #1896ab; }
      .workplaces-block .button .view-workplace:hover {
        background: #1896ab;
        color: #fff; }
  @media only screen and (max-width: 767px) {
    .workplaces-block {
      display: none; } }

.block-instagram {
  background: #8ecbd5;
  text-align: center;
  padding: 51px 0 57px; }
  .block-instagram .section-heading {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    letter-spacing: -0.02px;
    margin-bottom: 29px; }
    @media only screen and (max-width: 767px) {
      .block-instagram .section-heading {
        color: #000;
        font-size: 20px;
        line-height: 30px; } }
    .block-instagram .section-heading a {
      font-weight: 400;
      text-decoration: none;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .block-instagram .section-heading a {
          color: #000; } }
  .block-instagram ul {
    overflow: hidden;
    margin: 0 -15px; }
    @media only screen and (max-width: 980px) {
      .block-instagram ul {
        margin: 0 -8px; } }
    .block-instagram ul li {
      float: left;
      width: 25%; }
      .block-instagram ul li a {
        margin: 0 15px;
        display: block;
        overflow: hidden;
        position: relative;
        height: 264px; }
        @media only screen and (max-width: 980px) {
          .block-instagram ul li a {
            margin: 0 8px;
            height: 200px; } }
      .block-instagram ul li img {
        float: left;
        left: 50%;
        position: absolute;
        top: 0;
        -moz-transform: translate(-50%, 0px);
        -webkit-transform: translate(-50%, 0px);
        -o-transform: translate(-50%, 0px);
        -ms-transform: translate(-50%, 0px);
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
        width: auto;
        height: 264px;
        max-width: inherit; }
        @media only screen and (max-width: 980px) {
          .block-instagram ul li img {
            height: 200px; } }
      @media only screen and (max-width: 767px) {
        .block-instagram ul li {
          width: 50%;
          margin-right: 0; }
          .block-instagram ul li a {
            padding: 0 10px;
            display: block; }
          .block-instagram ul li:first-child, .block-instagram ul li:first-child + li {
            display: none; } }
    @media only screen and (max-width: 767px) {
      .block-instagram ul {
        margin: 0 -10px; } }
  @media only screen and (max-width: 767px) {
    .block-instagram {
      background: #fff;
      padding: 36px 0 34px; } }

.supported-block {
  padding: 21px 0 12px; }
  @media only screen and (max-width: 767px) {
    .supported-block {
      padding: 33px 0 40px; } }
  .supported-block h4 {
    text-align: center;
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-transform: capitalize;
    margin-bottom: 18px; }
    .supported-block h4 br {
      display: none; }
    @media only screen and (max-width: 767px) {
      .supported-block h4 {
        font-size: 25px;
        line-height: 35px; }
        .supported-block h4 br {
          display: inherit; } }
  .supported-block .list-logo {
    max-width: 945px;
    margin: 0 auto;
    text-align: center; }
    .supported-block .list-logo li {
      display: inline-block;
      margin-bottom: 30px;
      width: 12%; }
      .supported-block .list-logo li a {
        display: inline-block;
        padding-top: 5px; }
        .supported-block .list-logo li a img {
          padding: 0 10px; }
  .supported-block .bx-wrapper {
    margin-bottom: 0;
    box-shadow: none;
    border: none;
    background: transparent;
    padding-bottom: 25px; }
    .supported-block .bx-wrapper .bx-pager.bx-default-pager a {
      background: #e9793a;
      width: 14px;
      opacity: 0.5;
      height: 14px;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%; }
    .supported-block .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .supported-block .bx-wrapper .bx-pager.bx-default-pager a.active,
    .supported-block .bx-wrapper .bx-pager.bx-default-pager a:focus {
      opacity: 1; }
    .supported-block .bx-wrapper .bx-pager {
      bottom: -11px; }

.home-bottom-banner .text-over-banner .text-overlay {
  top: 49%; }
  .home-bottom-banner .text-over-banner .text-overlay .title {
    font-family: 'Caveat', cursive;
    letter-spacing: 0; }
    @media only screen and (min-width: 768px) {
      .home-bottom-banner .text-over-banner .text-overlay .title {
        font-size: 65px;
        margin-bottom: 28px; } }
  .home-bottom-banner .text-over-banner .text-overlay .button {
    background: #faa53f;
    border-color: #faa53f;
    padding: 7px 14px; }
    .home-bottom-banner .text-over-banner .text-overlay .button:hover {
      background: #ea6b15;
      border-color: #ea6b15;
      color: #fff; }

@media only screen and (max-width: 1169px) {
  .home-bottom-banner .text-over-banner .image {
    height: 325px; }
    .home-bottom-banner .text-over-banner .image:before {
      z-index: 1; }
    .home-bottom-banner .text-over-banner .image img {
      z-index: 0;
      left: 50%;
      position: absolute;
      top: 0;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: auto;
      height: 325px;
      max-width: none; }
  .home-bottom-banner .text-over-banner .text-overlay {
    z-index: 2; }
    .home-bottom-banner .text-over-banner .text-overlay .title {
      margin-bottom: 33px;
      font-size: 45px; }
    .home-bottom-banner .text-over-banner .text-overlay .desc {
      margin-bottom: 30px; } }

.home .ui-dialog .ui-dialog-titlebar {
  position: absolute;
  top: -4px;
  right: 11px; }
  .home .ui-dialog .ui-dialog-titlebar .ui-button {
    width: 20px;
    height: 20px;
    display: block !important; }
    .home .ui-dialog .ui-dialog-titlebar .ui-button:after, .home .ui-dialog .ui-dialog-titlebar .ui-button:before {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -2px;
      background: #1896ab;
      display: block; }
    .home .ui-dialog .ui-dialog-titlebar .ui-button:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .home .ui-dialog .ui-dialog-titlebar .ui-button:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }

.home .ui-widget-overlay {
  background: #000;
  opacity: .7 !important; }

.home .ui-dialog.ui-widget-content {
  width: 1146px !important;
  padding: 65px !important; }
  @media only screen and (max-width: 1190px) {
    .home .ui-dialog.ui-widget-content {
      width: 95% !important;
      padding: 50px !important; } }
  @media only screen and (max-width: 1024px) {
    .home .ui-dialog.ui-widget-content {
      padding: 45px !important; } }

.home .ui-dialog-content {
  position: relative;
  padding-bottom: 53% !important;
  /* 16:9 */
  padding-top: 25px !important;
  height: 0 !important;
  width: auto !important; }
  .home .ui-dialog-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

@media only screen and (min-width: 1200px) {
  .show-highlight-guide .highlight-note, .show-highlight-guide .highlight-background {
    display: block !important; }
  .show-highlight-guide .highlight-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 99; }
  .show-highlight-guide .highlight-link {
    position: relative;
    z-index: 100; }
  .show-highlight-guide .highlight-note {
    position: absolute;
    left: 0;
    top: 0; }
    .show-highlight-guide .highlight-note:before {
      content: "";
      background: url("../images/guide/arrow-type-1@2x.png") 0 0 no-repeat;
      background-size: 20px auto;
      width: 20px;
      height: 50px;
      position: absolute; }
    .show-highlight-guide .highlight-note .text {
      font-size: 19px;
      font-weight: normal;
      line-height: 1.53;
      color: #fff;
      text-transform: none;
      text-align: left;
      display: inline-block;
      letter-spacing: 0.3px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); }
  .show-highlight-guide .highlight-link.flag-generation-link {
    color: #fff; }
    .show-highlight-guide .highlight-link.flag-generation-link .highlight-note {
      width: 325px;
      padding-top: 81px;
      left: -170px; }
      .show-highlight-guide .highlight-link.flag-generation-link .highlight-note:before {
        top: 24px;
        left: 220px; }
  .show-highlight-guide .highlight-link.banner-right.banner-on .highlight-note {
    left: 25px;
    top: -55px; }
    .show-highlight-guide .highlight-link.banner-right.banner-on .highlight-note:before {
      position: absolute;
      right: -33px;
      top: 23px;
      transform: rotate(180deg); }
  .show-highlight-guide .highlight-link.view-event .highlight-note, .show-highlight-guide .highlight-link.link-event-page .highlight-note, .show-highlight-guide .highlight-link.link-meal-list .highlight-note, .show-highlight-guide .highlight-link.link-promo .highlight-note {
    width: 310px; }
    .show-highlight-guide .highlight-link.view-event .highlight-note:before, .show-highlight-guide .highlight-link.link-event-page .highlight-note:before, .show-highlight-guide .highlight-link.link-meal-list .highlight-note:before, .show-highlight-guide .highlight-link.link-promo .highlight-note:before {
      background-image: url("../images/guide/arrow-type-2@2x.png");
      background-size: 27px auto;
      width: 27px;
      height: 88px; }
  .show-highlight-guide .highlight-link.view-event .text, .show-highlight-guide .highlight-link.link-event-page .text, .show-highlight-guide .highlight-link.link-meal-list .text, .show-highlight-guide .highlight-link.link-promo .text {
    max-width: 230px; }
  .show-highlight-guide .highlight-link .step {
    background: #1896ab;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 43px;
    color: #fff;
    font-family: 'Caveat', cursive;
    font-weight: 700;
    line-height: 1;
    padding-top: 7px;
    display: inline-block;
    vertical-align: top; }
    .show-highlight-guide .highlight-link .step ~ .text {
      margin-top: 18px;
      margin-left: 13px;
      display: inline-block; }
  .show-highlight-guide .highlight-link.view-event .highlight-note {
    right: 214px;
    width: 550px;
    left: inherit;
    top: -62px; }
    .show-highlight-guide .highlight-link.view-event .highlight-note:before {
      right: 30px;
      transform: rotate(96deg);
      left: inherit;
      top: 35px; }
  .show-highlight-guide .highlight-link.view-event .text {
    max-width: 387px; }
  .show-highlight-guide .highlight-link.link-event-page .highlight-note {
    left: -164px;
    text-align: left;
    top: 67px; }
    .show-highlight-guide .highlight-link.link-event-page .highlight-note:before {
      background-image: url("../images/guide/arrow-type-2-revert@2x.png");
      transform: rotate(45deg);
      top: -60px;
      left: 97px; }
  .show-highlight-guide .highlight-link.link-meal-list .highlight-note {
    left: 15px;
    text-align: left;
    top: 108px; }
    .show-highlight-guide .highlight-link.link-meal-list .highlight-note:before {
      top: -73px;
      left: 51px;
      transform: rotate(-28deg); }
  .show-highlight-guide .highlight-link.link-promo {
    z-index: 130; }
    .show-highlight-guide .highlight-link.link-promo .highlight-note {
      left: 150px;
      text-align: left;
      top: 61px; }
      .show-highlight-guide .highlight-link.link-promo .highlight-note:before {
        top: -68px;
        left: 30px;
        transform: rotate(-54deg); } }

.content-1col .breadcrumb-list {
  margin-top: 15px; }

.content-1col h1 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.8px;
  text-transform: capitalize;
  line-height: 1;
  padding-top: 5px; }
  @media only screen and (max-width: 767px) {
    .content-1col h1 {
      font-size: 20px;
      line-height: 30px;
      margin-top: 27px;
      margin-bottom: 17px; } }

.content-1col .page-top-banner {
  position: relative; }
  .content-1col .page-top-banner .image {
    display: none; }
  @media only screen and (max-width: 1700px) {
    .content-1col .page-top-banner .image {
      height: 197px;
      width: 100%;
      position: relative;
      overflow-x: hidden; }
      .content-1col .page-top-banner .image img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: none;
        height: 100%;
        width: auto; } }
  @media only screen and (min-width: 768px) {
    .content-1col .page-top-banner .title-over-image {
      width: 100%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    .content-1col .page-top-banner .page-title h1 {
      color: #fff; }
    .content-1col .page-top-banner .image {
      display: block; }
      .content-1col .page-top-banner .image img {
        display: block; } }

.content-1col .page-content {
  margin-top: 35px; }
  @media only screen and (max-width: 767px) {
    .content-1col .page-content {
      margin-top: 19px; } }
  .content-1col .page-content h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.4px;
    margin-bottom: 10px; }
    @media only screen and (max-width: 767px) {
      .content-1col .page-content h4 {
        font-size: 16px;
        line-height: 26px; } }
  .content-1col .page-content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 10px; }
    .content-1col .page-content p:last-of-type {
      margin-bottom: 0; }
  .content-1col .page-content img {
    margin-top: 47px;
    width: auto; }
    @media only screen and (max-width: 767px) {
      .content-1col .page-content img {
        margin-top: 24px; } }
  .content-1col .page-content ul {
    list-style: disc;
    margin-bottom: 10px; }
    .content-1col .page-content ul li {
      list-style: inside; }
  .content-1col .page-content ol {
    margin-bottom: 10px; }
    .content-1col .page-content ol li {
      list-style: decimal;
      list-style-position: inside; }
  .content-1col .page-content blockquote {
    background: #78c3cf;
    padding: 30px 43px 25px 32px;
    margin-bottom: 20px; }
    .content-1col .page-content blockquote:before {
      content: "";
      background: url("../images/left-quote.png") no-repeat;
      display: block;
      width: 24px;
      height: 18px;
      margin-bottom: 10px; }
    .content-1col .page-content blockquote p {
      color: #fff;
      font-style: italic;
      font-weight: 400;
      font-size: 25px;
      line-height: 35px; }
      @media only screen and (max-width: 767px) {
        .content-1col .page-content blockquote p {
          font-size: 17px;
          line-height: 27px; } }
  .content-1col .page-content .button {
    text-decoration: none !important;
    height: 40px;
    line-height: 1.2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 13px;
    text-transform: uppercase;
    background: #fff;
    color: #1896ab;
    border: 3px solid #fff;
    text-align: center; }
    .content-1col .page-content .button:hover {
      background: #1896ab;
      color: #fff;
      border: 3px solid #fff; }

@media only screen and (max-width: 767px) {
  .content-1col #breadcrumbs-wrapper {
    display: none; } }

.supported-block-line {
  position: relative;
  background: url(../images/bg-line.png) no-repeat center top;
  margin-top: 70px;
  padding-top: 24px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .supported-block-line {
      background-size: 96% auto;
      margin-top: 53px;
      padding-top: 7px; } }

.how-it-work-content .blocks-list {
  margin-top: 50px; }
  .how-it-work-content .blocks-list li {
    display: block;
    overflow: hidden;
    margin-bottom: 30px; }
    .how-it-work-content .blocks-list li .item-image {
      float: left;
      width: 17%;
      margin-right: 20px; }
      @media only screen and (max-width: 1024px) {
        .how-it-work-content .blocks-list li .item-image {
          width: 20%; } }
      @media only screen and (max-width: 767px) {
        .how-it-work-content .blocks-list li .item-image {
          float: none;
          width: 100%; } }
    .how-it-work-content .blocks-list li .item-content {
      float: left;
      width: 75%; }
      @media only screen and (max-width: 767px) {
        .how-it-work-content .blocks-list li .item-content {
          float: none;
          width: 100%; } }
      .how-it-work-content .blocks-list li .item-content h3 {
        font-size: 27px;
        line-height: normal;
        font-weight: 700;
        margin-bottom: 15px;
        margin-top: -6px; }
        @media only screen and (min-width: 768px) and (max-width: 1024px) {
          .how-it-work-content .blocks-list li .item-content h3 {
            margin-bottom: 5px; } }
        @media only screen and (max-width: 767px) {
          .how-it-work-content .blocks-list li .item-content h3 {
            margin-bottom: 12px;
            margin-top: 8px;
            font-size: 25px; } }
    .how-it-work-content .blocks-list li a.cta-link {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 17px;
      text-transform: uppercase;
      background: #1896ab;
      color: #fff;
      margin-top: 22px; }
      .how-it-work-content .blocks-list li a.cta-link:hover {
        background: #78c3cf; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .how-it-work-content .blocks-list li a.cta-link {
          margin-top: 15px; } }
      @media only screen and (max-width: 767px) {
        .how-it-work-content .blocks-list li a.cta-link {
          margin-top: 20px; } }

/*============FAQ=========*/
.faqs-page-main.content-1col h1 {
  margin-bottom: 25px;
  margin-top: 40px; }

.faqs-page-main.content-1col .page-content {
  margin-top: 25px; }

.faqs-page-main .faqs-wrap > ul > li {
  list-style: none;
  border-bottom: 3px solid #ede8e2; }
  .faqs-page-main .faqs-wrap > ul > li > a {
    display: block;
    text-decoration: none;
    color: #e9793a;
    position: relative;
    font-size: 18px;
    padding: 23px 0; }
    @media only screen and (max-width: 767px) {
      .faqs-page-main .faqs-wrap > ul > li > a {
        font-size: 16px;
        padding: 15px 0; } }
    .faqs-page-main .faqs-wrap > ul > li > a:after {
      content: "+";
      display: inline-block;
      font-weight: 700;
      color: #e9793a;
      position: absolute;
      right: 0;
      font-size: 25px; }
    .faqs-page-main .faqs-wrap > ul > li > a.active:after {
      content: "-";
      font-size: 41px;
      font-weight: 400; }
  .faqs-page-main .faqs-wrap > ul > li .answer {
    margin-top: -5px;
    margin-bottom: 16px; }
    .faqs-page-main .faqs-wrap > ul > li .answer ul, .faqs-page-main .faqs-wrap > ul > li .answer ol {
      list-style: inside;
      margin-top: -4px;
      margin-left: 37px; }
      .faqs-page-main .faqs-wrap > ul > li .answer ul li, .faqs-page-main .faqs-wrap > ul > li .answer ol li {
        list-style: inside;
        margin-bottom: 0px;
        line-height: 39px; }
    .faqs-page-main .faqs-wrap > ul > li .answer ol {
      counter-reset: item; }
      .faqs-page-main .faqs-wrap > ul > li .answer ol li {
        list-style: none;
        position: relative;
        padding-left: 20px; }
        .faqs-page-main .faqs-wrap > ul > li .answer ol li:before {
          content: counter(item) ". ";
          counter-increment: item;
          margin-right: 8px;
          position: absolute;
          left: 0; }

.get-involved-main-content .top-content {
  text-align: center;
  max-width: 750px;
  margin: 34px auto 50px; }
  @media only screen and (max-width: 767px) {
    .get-involved-main-content .top-content {
      margin: 25px auto 50px; } }
  .get-involved-main-content .top-content h2 {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-size: 65px;
    line-height: normal; }
    @media only screen and (max-width: 767px) {
      .get-involved-main-content .top-content h2 {
        font-size: 30px;
        line-height: 40px; } }
  .get-involved-main-content .top-content .involed-desc {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02px;
    margin-top: 23px;
    margin-bottom: 37px; }
    @media only screen and (max-width: 767px) {
      .get-involved-main-content .top-content .involed-desc {
        font-size: 16px;
        line-height: 26px;
        margin-top: 25px;
        margin-bottom: 28px; } }
  .get-involved-main-content .top-content .button a {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 6px 18px 8px 21px;
    text-transform: uppercase;
    background: #ea6b15;
    color: #fff; }

.get-involved-main-content .supported-block-line {
  margin-top: 67px; }
  @media only screen and (max-width: 767px) {
    .get-involved-main-content .supported-block-line {
      margin-top: 52px; } }

.block-promo .involved-video {
  float: left;
  width: 57%;
  position: relative;
  padding-bottom: 30%;
  padding-top: 25px;
  height: 0; }
  @media only screen and (max-width: 767px) {
    .block-promo .involved-video {
      float: none;
      width: 100%;
      margin-bottom: 20px;
      padding-bottom: 58.45%; } }
  .block-promo .involved-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.block-promo .involved-banner {
  float: right;
  width: 40%;
  position: relative; }
  @media only screen and (max-width: 1100px) {
    .block-promo .involved-banner {
      width: 40.5%; } }
  @media only screen and (max-width: 980px) {
    .block-promo .involved-banner {
      width: 41.5%; } }
  @media only screen and (max-width: 767px) {
    .block-promo .involved-banner {
      float: none;
      width: 100%; } }
  @media only screen and (max-width: 479px) {
    .block-promo .involved-banner {
      overflow: hidden;
      height: 281px; }
      .block-promo .involved-banner img {
        float: left;
        left: 50%;
        position: absolute;
        top: 0;
        width: auto;
        height: 409px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        max-width: inherit; } }
  .block-promo .involved-banner .banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center; }
    .block-promo .involved-banner .banner-text .title {
      font-family: 'Caveat', cursive;
      font-weight: 700;
      font-size: 57px;
      line-height: 55px;
      color: #fff; }
      @media only screen and (min-width: 768px) and (max-width: 1169px) {
        .block-promo .involved-banner .banner-text .title {
          font-size: 35px;
          line-height: 37px; } }
      @media only screen and (max-width: 767px) {
        .block-promo .involved-banner .banner-text .title {
          font-size: 30px;
          line-height: 35px; } }
      .block-promo .involved-banner .banner-text .title strong {
        font-size: 88px;
        display: block;
        margin-bottom: 11px; }
        @media only screen and (min-width: 768px) and (max-width: 1169px) {
          .block-promo .involved-banner .banner-text .title strong {
            font-size: 60px; } }
        @media only screen and (max-width: 767px) {
          .block-promo .involved-banner .banner-text .title strong {
            font-size: 45px;
            margin-bottom: 5px; } }
    .block-promo .involved-banner .banner-text .desc {
      font-weight: 400;
      font-size: 20px;
      color: #fff;
      margin-top: 20px;
      padding: 0 78px;
      line-height: 30px; }
      @media only screen and (min-width: 768px) and (max-width: 1169px) {
        .block-promo .involved-banner .banner-text .desc {
          font-size: 18px;
          line-height: 28px;
          padding: 0 50px; } }
      @media only screen and (max-width: 980px) {
        .block-promo .involved-banner .banner-text .desc {
          padding: 0 20px; } }
      @media only screen and (max-width: 767px) {
        .block-promo .involved-banner .banner-text .desc {
          font-size: 16px;
          line-height: 26px;
          padding: 0 25px; } }
    .block-promo .involved-banner .banner-text .btn-getInvel {
      font-weight: 700;
      font-size: 20px;
      color: #fff;
      display: block;
      margin-top: 11px; }
      @media only screen and (min-width: 768px) and (max-width: 1169px) {
        .block-promo .involved-banner .banner-text .btn-getInvel {
          font-size: 18px; } }
      @media only screen and (max-width: 767px) {
        .block-promo .involved-banner .banner-text .btn-getInvel {
          font-size: 16px; } }

.block-register {
  background: url(../images/bg-workplace.jpg) repeat center center;
  padding: 50px 0 54px;
  margin-top: 44px;
  margin-bottom: 49px; }
  @media only screen and (max-width: 767px) {
    .block-register {
      margin-left: -20px;
      margin-right: -20px;
      margin-top: 50px;
      padding: 36px 0 14px; } }
  .block-register h2 {
    text-align: center;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.02px;
    text-transform: capitalize;
    font-size: 40px;
    margin-bottom: 39px; }
    @media only screen and (max-width: 767px) {
      .block-register h2 {
        font-size: 20px;
        line-height: normal; } }
  .block-register ul {
    overflow: hidden;
    padding: 0 24px; }
    @media only screen and (max-width: 767px) {
      .block-register ul {
        padding: 0; } }
    .block-register ul li {
      float: left;
      width: 25%;
      text-align: center;
      padding: 0 40px; }
      @media only screen and (max-width: 1024px) {
        .block-register ul li {
          padding: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .block-register ul li {
          float: none;
          width: 100%;
          padding: 0 25px;
          margin-bottom: 33px; } }
      .block-register ul li .locations-count {
        width: 26px;
        height: 26px;
        background: #1896ab;
        display: inline-block;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        color: #fff;
        margin-bottom: 11px; }
      .block-register ul li .percent {
        font-family: 'Caveat', cursive;
        font-size: 40px;
        line-height: 40px;
        color: #1896ab; }
      .block-register ul li .text {
        font-weight: 700;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.02px;
        color: #1896ab; }

.banner-register {
  background: #78c3cf;
  padding: 40px 0 40px;
  text-align: center;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .banner-register {
      margin: 0 -20px;
      padding: 52px 0 48px; } }
  .banner-register .number {
    font-family: 'Caveat', cursive;
    font-size: 65px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .banner-register .number {
        margin-bottom: 19px; } }
  .banner-register .text {
    font-size: 17px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .banner-register .text {
        font-size: 16px;
        padding: 0 60px;
        line-height: 30px;
        margin-bottom: 15px; } }
  .banner-register .button a {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 5px 16px 5px 17px;
    text-transform: uppercase;
    border: 3px solid #fff;
    background: #1896ab;
    color: #fff; }

.ambassador-list .breadcrumb-list {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .ambassador-list .breadcrumb-list {
      display: none; } }

.ambassador-list .supported-block-line {
  margin-top: 31px; }
  @media only screen and (max-width: 767px) {
    .ambassador-list .supported-block-line {
      margin-top: 8px; } }

.ambassador-content .page-title h1 {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.8px;
  line-height: 40px;
  margin: 47px 0 40px; }
  @media only screen and (max-width: 767px) {
    .ambassador-content .page-title h1 {
      font-size: 20px;
      line-height: 30px;
      margin: 27px 0 23px; } }

.ambassador-content .ambassador-section .top-content {
  color: #fff;
  background: #78c3cf;
  padding: 32px 30px 35px;
  margin-bottom: 51px; }
  @media only screen and (max-width: 767px) {
    .ambassador-content .ambassador-section .top-content {
      margin: 0 -20px 45px;
      padding: 36px 20px 30px; } }
  .ambassador-content .ambassador-section .top-content h3 {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .ambassador-content .ambassador-section .top-content h3 {
        font-size: 30px;
        margin-bottom: 25px; } }
  .ambassador-content .ambassador-section .top-content .section-description {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.02px; }
    @media only screen and (max-width: 767px) {
      .ambassador-content .ambassador-section .top-content .section-description {
        font-size: 16px;
        line-height: 25px; } }

.ambassador-content .ambassador-section .ambassador-list {
  overflow: hidden;
  margin: 0 -15px; }
  .ambassador-content .ambassador-section .ambassador-list li {
    float: left;
    padding: 0 15px;
    width: 25%;
    margin-bottom: 41px; }
    @media only screen and (max-width: 767px) {
      .ambassador-content .ambassador-section .ambassador-list li {
        margin-bottom: 33px; } }
    @media only screen and (max-width: 767px) {
      .ambassador-content .ambassador-section .ambassador-list li {
        float: left;
        width: 50%;
        padding: 0 11px; } }
    .ambassador-content .ambassador-section .ambassador-list li:nth-child(4n+1) {
      clear: left; }
    .ambassador-content .ambassador-section .ambassador-list li .over-wrap a {
      text-decoration: none; }
    .ambassador-content .ambassador-section .ambassador-list li .over-wrap .name {
      font-weight: 700;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.02px;
      color: #ea6b15;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .ambassador-content .ambassador-section .ambassador-list li .over-wrap .name {
          font-size: 16px;
          line-height: 19px; } }
    .ambassador-content .ambassador-section .ambassador-list li .over-wrap .desc {
      margin-top: 10px;
      display: none; }
      @media only screen and (max-width: 767px) {
        .ambassador-content .ambassador-section .ambassador-list li .over-wrap .desc {
          margin-top: 7px;
          font-size: 16px; } }
      .ambassador-content .ambassador-section .ambassador-list li .over-wrap .desc a {
        text-decoration: none;
        font-size: 14px;
        color: #acacac; }
        @media only screen and (max-width: 767px) {
          .ambassador-content .ambassador-section .ambassador-list li .over-wrap .desc a {
            display: block;
            margin-top: 8px;
            text-transform: capitalize;
            font-size: 16px; } }
    .ambassador-content .ambassador-section .ambassador-list li .img-wrap {
      margin-bottom: 22px;
      max-height: 170px;
      overflow: hidden; }
      @media only screen and (max-width: 767px) {
        .ambassador-content .ambassador-section .ambassador-list li .img-wrap {
          max-height: inherit;
          margin-bottom: 3px; } }

.ambassador-content .hero-category {
  margin-bottom: 14px; }
  .ambassador-content .hero-category .top-content {
    background: #1896ab; }
  @media only screen and (max-width: 767px) {
    .ambassador-content .hero-category .ambassador-list {
      margin: 0; } }
  .ambassador-content .hero-category .ambassador-list li {
    width: 33.33%; }
    .ambassador-content .hero-category .ambassador-list li:nth-child(4n+1) {
      clear: none; }
    .ambassador-content .hero-category .ambassador-list li:nth-child(3n+1) {
      clear: left; }
    .ambassador-content .hero-category .ambassador-list li .img-wrap {
      max-height: 225px; }
      @media only screen and (max-width: 767px) {
        .ambassador-content .hero-category .ambassador-list li .img-wrap {
          max-height: inherit; } }
    .ambassador-content .hero-category .ambassador-list li .over-wrap .desc {
      display: block; }
    @media only screen and (max-width: 767px) {
      .ambassador-content .hero-category .ambassador-list li {
        float: none;
        width: 100%;
        padding: 0; } }
    @media only screen and (max-width: 767px) {
      .ambassador-content .hero-category .ambassador-list li .over-wrap .name {
        line-height: 26px; } }

/*========Ambassador detail==========*/
.ambassador-detail .breadcrumb-list {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .ambassador-detail .breadcrumb-list {
      display: none; } }

.ambassador-detail-content {
  margin-top: 43px; }
  @media only screen and (max-width: 767px) {
    .ambassador-detail-content {
      margin-top: 28px; } }
  .ambassador-detail-content .page-title {
    float: left;
    width: 71.5%; }
    .ambassador-detail-content .page-title h1 {
      font-weight: 700;
      font-size: 40px;
      letter-spacing: -0.8px;
      text-transform: capitalize;
      line-height: normal;
      margin: 0 0 49px; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .page-title h1 {
          font-size: 20px;
          line-height: 30px;
          margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .ambassador-detail-content .page-title {
        float: none;
        width: 100%; } }
  .ambassador-detail-content .ambassador-info {
    float: right;
    width: 23%;
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .ambassador-detail-content .ambassador-info {
        float: none;
        width: 100%;
        font-size: 16px; } }
    .ambassador-detail-content .ambassador-info .title {
      font-family: 'Caveat', cursive;
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 9px;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .ambassador-info .title {
          font-size: 30px;
          margin-bottom: 13px; } }
    .ambassador-detail-content .ambassador-info p {
      font-size: 14px;
      line-height: 25px;
      letter-spacing: -0.02px;
      margin-bottom: 10px; }
      .ambassador-detail-content .ambassador-info p strong {
        display: block;
        font-weight: 700; }
        @media only screen and (max-width: 767px) {
          .ambassador-detail-content .ambassador-info p strong {
            display: inline-block;
            margin-right: 4px; } }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .ambassador-info p {
          font-size: 16px;
          margin-bottom: 13px; } }
    .ambassador-detail-content .ambassador-info .quote-desktop {
      display: block; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .ambassador-info .quote-desktop {
          display: none; } }
    .ambassador-detail-content .ambassador-info .top-info {
      padding-left: 22px;
      background: #faf8f6;
      padding-top: 24px;
      padding-bottom: 20px; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .ambassador-info .top-info {
          margin: 0 -20px;
          padding-top: 32px;
          padding-bottom: 22px; } }
  .ambassador-detail-content .quote {
    margin-top: 104px; }
    .ambassador-detail-content .quote .left-quote {
      color: #1896ab;
      font-size: 70px;
      margin-left: -12px;
      line-height: 18px;
      margin-bottom: -3px; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .quote .left-quote {
          font-size: 53px;
          margin-left: -7px;
          margin-bottom: -8px; } }
    .ambassador-detail-content .quote blockquote {
      font-style: italic;
      color: #1896ab;
      font-size: 25px;
      line-height: 35px;
      letter-spacing: -0.02px; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .quote blockquote {
          font-size: 17px;
          line-height: 27px; } }
  .ambassador-detail-content .main-content {
    float: left;
    width: 71.5%; }
    @media only screen and (max-width: 767px) {
      .ambassador-detail-content .main-content {
        float: none;
        width: 100%;
        margin-top: 41px; } }
    .ambassador-detail-content .main-content .quote-mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .main-content .quote-mobile {
          display: block;
          margin-top: 44px; } }
    .ambassador-detail-content .main-content .content {
      margin-top: 34px; }
      @media only screen and (max-width: 767px) {
        .ambassador-detail-content .main-content .content {
          margin-top: 22px; }
          .ambassador-detail-content .main-content .content p {
            font-size: 16px; } }
    .ambassador-detail-content .main-content .faq-item {
      margin-bottom: 21px; }
      .ambassador-detail-content .main-content .faq-item .question {
        font-weight: 700;
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 9px; }
        @media only screen and (max-width: 767px) {
          .ambassador-detail-content .main-content .faq-item .question {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 11px; } }
      .ambassador-detail-content .main-content .faq-item .answer {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.02px; }
    @media only screen and (max-width: 767px) {
      .ambassador-detail-content .main-content .related-posts {
        margin-top: 26px; }
        .ambassador-detail-content .main-content .related-posts h2 {
          margin-bottom: 30px; } }

/*=======Style related=====*/
.related-posts {
  margin-top: 61px; }
  .related-posts h2 {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 18px;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .related-posts h2 {
        font-size: 25px;
        line-height: 40px; } }
  .related-posts ul {
    margin: 0 -16px;
    overflow: hidden; }
    .related-posts ul li {
      float: left;
      width: 33.33%;
      padding: 0 16px; }
      .related-posts ul li a.title {
        text-decoration: none;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.02px;
        color: #ea6b15;
        margin-top: 8px;
        display: block; }
      .related-posts ul li a.img {
        display: block;
        overflow: hidden;
        position: relative;
        height: 283px; }
        .related-posts ul li a.img img {
          float: left;
          left: 50%;
          position: absolute;
          top: 0;
          -moz-transform: translate(-50%, 0px);
          -webkit-transform: translate(-50%, 0px);
          -o-transform: translate(-50%, 0px);
          -ms-transform: translate(-50%, 0px);
          -webkit-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
          width: auto;
          height: 283px;
          max-width: inherit; }
    @media only screen and (max-width: 767px) {
      .related-posts ul {
        margin: 0 -10px; }
        .related-posts ul li {
          width: 50%;
          padding: 0 10px; }
          .related-posts ul li:first-child + li {
            display: none; } }

.container.register {
  max-width: 1146px;
  margin-bottom: 276px; }
  @media only screen and (max-width: 767px) {
    .container.register {
      padding: 0 20px;
      margin-bottom: 70px; } }

.welcome-back-message {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  color: #1896ab; }

.register .register-header {
  text-align: center;
  max-width: 633px;
  margin: 0 auto 54px; }
  .register .register-header.welcome-back {
    max-width: 903px; }
  .register .register-header .page-title.welcome-back {
    font-family: "Caveat";
    font-size: 65px;
    line-height: 1;
    margin-bottom: 40px;
    padding-top: 9px; }
    @media only screen and (max-width: 767px) {
      .register .register-header .page-title.welcome-back {
        font-size: 30px;
        margin-bottom: 15px;
        padding-right: 10px; } }
  @media only screen and (max-width: 767px) {
    .register .register-header {
      max-width: 100%;
      padding: 0 20px;
      margin: 0 auto 25px; } }
  .register .register-header .top-logo {
    max-width: 482px;
    margin: 0 auto 26px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .register .register-header .top-logo {
        max-width: 192px;
        margin-bottom: 18px; } }
  .register .register-header p {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.8px; }
    @media only screen and (max-width: 767px) {
      .register .register-header p {
        font-size: 20px;
        line-height: 30px;
        padding: 0 0; } }
    .register .register-header p.step {
      font-family: 'Caveat', cursive;
      font-weight: 700;
      font-size: 35px;
      color: #ea6b15;
      margin-top: 34px;
      line-height: 35px; }
      @media only screen and (max-width: 767px) {
        .register .register-header p.step {
          font-size: 30px;
          margin-top: 14px; } }
  .register .register-header br {
    display: none; }
    @media only screen and (min-width: 1170px) {
      .register .register-header br {
        display: block; } }

.register .register-content {
  background: #faf8f6;
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  padding: 50px 0 60px; }
  @media only screen and (max-width: 767px) {
    .register .register-content {
      padding: 22px 17px 28px; } }
  .register .register-content .block-title {
    max-width: 558px;
    margin: 0 auto 20px; }
  .register .register-content h3 {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 31px; }
    @media only screen and (max-width: 767px) {
      .register .register-content h3 {
        font-size: 17px;
        margin-bottom: 18px;
        line-height: 26px; } }
  .register .register-content .form-list {
    max-width: 558px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .register .register-content .form-list {
        max-width: 100%; } }
    .register .register-content .form-list form .fields {
      margin-bottom: 8px; }
    .register .register-content .form-list .button-step {
      text-align: center;
      margin-top: 12px; }
      @media only screen and (max-width: 767px) {
        .register .register-content .form-list .button-step {
          margin-top: 20px; } }
    .register .register-content .form-list input.button {
      border: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 16px 10px 17px 10px;
      text-transform: uppercase;
      background: #ea6b15;
      width: auto;
      color: #fff;
      font-weight: 700;
      cursor: pointer;
      height: auto;
      width: 100%;
      max-width: 362px; }
      .register .register-content .form-list input.button:hover {
        background: #faa53f; }
    .register .register-content .form-list .style-select {
      width: 47%; }
      @media only screen and (max-width: 767px) {
        .register .register-content .form-list .style-select {
          width: 100%; } }
    .register .register-content .form-list .field-other {
      margin-top: 12px; }
    .register .register-content .form-list .step2-number .style-select {
      width: 43%; }
      @media only screen and (max-width: 767px) {
        .register .register-content .form-list .step2-number .style-select {
          width: 100%; } }
    .register .register-content .form-list .terms-conditions {
      margin-top: 24px;
      text-align: center;
      display: none; }
    .register .register-content .form-list .step2-event-detail {
      padding-left: 0; }
    .register .register-content .form-list .list-item .item .required-msg {
      font-size: 13px;
      line-height: 1.25;
      margin-top: 5px; }
  .register .register-content .step2-error {
    max-width: 558px;
    margin: 0 auto; }
  .register .register-content .register-error {
    margin: 0 auto 20px;
    font-weight: 700;
    text-align: center; }
    .register .register-content .register-error .error {
      color: #d12118; }
    .register .register-content .register-error.already-error {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 38px; }
      .register .register-content .register-error.already-error .error a {
        color: #d12118;
        font-weight: 700; }
  .register .register-content comment {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.28px;
    margin-top: 10px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .register .register-content comment br {
        display: none; } }
  .register .register-content #reg-state-other {
    margin-top: 15px; }
  .register .register-content #step2-number-not-required {
    margin-top: 25px;
    margin-bottom: -16px; }
    .register .register-content #step2-number-not-required .fields-text {
      background: #ede8e2;
      padding: 25px 32px 11px 32px;
      width: 91%;
      margin-bottom: 28px; }
      @media only screen and (max-width: 767px) {
        .register .register-content #step2-number-not-required .fields-text {
          width: 100%; } }
      .register .register-content #step2-number-not-required .fields-text p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 18px; }
        .register .register-content #step2-number-not-required .fields-text p a {
          font-weight: 700; }
    .register .register-content #step2-number-not-required .field-checkbox span.label-checkbox {
      font-size: 15px;
      letter-spacing: -0.2px;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .register .register-content #step2-number-not-required .field-checkbox span.label-checkbox {
          width: inherit; } }
  .register .register-content.register-step1-content .form-list .button-step {
    margin-top: 50px; }
    .register .register-content.register-step1-content .form-list .button-step input.button {
      max-width: 117px; }
    @media only screen and (max-width: 767px) {
      .register .register-content.register-step1-content .form-list .button-step {
        margin-top: 30px; } }

.register-step2 .text-note {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.28px;
  color: #1896ab;
  margin-top: 17px;
  margin-bottom: 33px; }
  @media only screen and (max-width: 767px) {
    .register-step2 .text-note {
      margin-bottom: 27px; } }

.register-step2 .field-note {
  margin-top: 5px; }
  @media only screen and (max-width: 767px) {
    .register-step2 .field-note {
      font-size: 13px;
      line-height: 18px;
      margin-top: 10px; }
      .register-step2 .field-note a {
        text-decoration: none; } }

#step2-event-detail-single label,
.step2-number label {
  margin-bottom: 6px; }

@media only screen and (max-width: 767px) {
  #step2-event-detail-single,
  .step2-number {
    padding-left: 0; } }

#step2-event-detail-single .item,
.step2-number .item {
  position: relative; }

#step2-event-detail-single .tooltip,
.step2-number .tooltip {
  text-align: center;
  color: #fff;
  position: absolute;
  left: 103px;
  top: 0; }
  @media only screen and (max-width: 767px) {
    #step2-event-detail-single .tooltip,
    .step2-number .tooltip {
      left: inherit;
      right: 6px; } }
  #step2-event-detail-single .tooltip:after,
  .step2-number .tooltip:after {
    font-size: 14px;
    content: "?";
    width: 15px;
    height: 15px;
    background: #ede8e2;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 35px;
    right: -22px;
    line-height: 15px;
    z-index: 9;
    cursor: pointer;
    color: #000; }
    @media only screen and (max-width: 767px) {
      #step2-event-detail-single .tooltip:after,
      .step2-number .tooltip:after {
        top: 38px; } }
  #step2-event-detail-single .tooltip span,
  .step2-number .tooltip span {
    display: none; }
  #step2-event-detail-single .tooltip:hover span,
  .step2-number .tooltip:hover span {
    display: block;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 3px solid #ede8e2;
    top: -45px;
    right: -18px;
    color: #000;
    min-width: 216px;
    text-align: left;
    z-index: 9;
    padding: 6px 12px;
    font-size: 14px; }

#step2-event-detail-single {
  margin-bottom: 0; }
  #step2-event-detail-single .step2-event {
    margin-bottom: 44px; }

.early-bird-wrap {
  padding-bottom: 10px; }
  .early-bird-wrap .label-early-bird {
    margin-left: 46px; }
  .early-bird-wrap .field-checkbox {
    margin-bottom: 27px; }
    .early-bird-wrap .field-checkbox .label-checkbox {
      font-size: 15px;
      line-height: 24px;
      padding-top: 6px; }
    @media only screen and (max-width: 767px) {
      .early-bird-wrap .field-checkbox {
        margin-bottom: 21px; } }
  .early-bird-wrap textarea {
    resize: none;
    height: 159px;
    margin-bottom: 6px; }
    @media only screen and (max-width: 767px) {
      .early-bird-wrap textarea {
        height: 185px; } }
  .early-bird-wrap #early-bird-content {
    margin-top: -2px;
    margin-bottom: -7px; }
    .early-bird-wrap #early-bird-content label {
      font-weight: 400;
      margin-bottom: 4px;
      letter-spacing: -0.2px; }
      @media only screen and (max-width: 767px) {
        .early-bird-wrap #early-bird-content label {
          font-size: 14px; } }
  .early-bird-wrap .terms-link {
    font-size: 13px;
    line-height: 18px; }
  .early-bird-wrap .field-checkbox input[type="checkbox"] {
    top: 8px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }

@media only screen and (max-width: 767px) {
  .event-detail {
    margin: 0 -17px 0 -17px; } }

.event-detail > label {
  margin-bottom: 9px; }
  @media only screen and (max-width: 767px) {
    .event-detail > label {
      padding: 0 17px; } }

.event-detail .step2-event {
  width: 100%;
  position: relative;
  margin-bottom: 30px; }
  @media only screen and (min-width: 1170px) {
    .event-detail .step2-event {
      width: 132%; } }
  @media only screen and (min-width: 1024px) and (max-width: 1168px) {
    .event-detail .step2-event {
      width: 110%; } }
  @media only screen and (max-width: 767px) {
    .event-detail .step2-event {
      width: 100%;
      padding: 0 17px 0 17px;
      margin-bottom: 16px; }
      .event-detail .step2-event.even {
        background: #ede8e2;
        padding: 30px 17px 20px; } }
  .event-detail .step2-event .item {
    display: inline-block;
    vertical-align: top;
    margin-right: 17px; }
    .event-detail .step2-event .item input[type="text"], .event-detail .step2-event .item input[type="number"] {
      width: 108px; }
      @media only screen and (max-width: 767px) {
        .event-detail .step2-event .item input[type="text"], .event-detail .step2-event .item input[type="number"] {
          width: 100%; }
          .event-detail .step2-event .item input[type="text"]#step2-participants-1, .event-detail .step2-event .item input[type="number"]#step2-participants-1 {
            width: 108px; } }
    .event-detail .step2-event .item:first-child {
      width: 300px; }
      .event-detail .step2-event .item:first-child input[type="text"] {
        width: 100%; }
      @media only screen and (min-width: 768px) and (max-width: 1024px) {
        .event-detail .step2-event .item:first-child {
          width: 150px;
          margin-right: 15px !important; } }
      @media only screen and (max-width: 767px) {
        .event-detail .step2-event .item:first-child {
          width: 100%; } }
    .event-detail .step2-event .item.item-select-last {
      width: 139px; }
      @media only screen and (max-width: 980px) {
        .event-detail .step2-event .item.item-select-last {
          margin-right: 15px !important; } }
      @media only screen and (max-width: 767px) {
        .event-detail .step2-event .item.item-select-last {
          width: 100%; } }
    .event-detail .step2-event .item .style-select {
      width: 100% !important; }
    @media only screen and (max-width: 767px) {
      .event-detail .step2-event .item {
        display: block;
        margin-right: 0;
        margin-bottom: 10px; } }
    .event-detail .step2-event .item label {
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.28px;
      margin-bottom: 6px; }
      .event-detail .step2-event .item label em {
        color: #000; }
  .event-detail .step2-event .btn-remove {
    position: absolute;
    top: 31px;
    right: 52px; }
    .event-detail .step2-event .btn-remove a {
      opacity: 0.7;
      font-size: 13px; }
    @media only screen and (max-width: 980px) {
      .event-detail .step2-event .btn-remove {
        right: 20px; } }
    @media only screen and (max-width: 767px) {
      .event-detail .step2-event .btn-remove {
        position: static; } }
  .event-detail .step2-event .number-participants-error {
    width: auto;
    line-height: 18px;
    font-size: 13px;
    margin-top: 8px;
    position: absolute;
    left: 0; }
    @media only screen and (min-width: 1170px) {
      .event-detail .step2-event .number-participants-error {
        left: 320px; } }
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
      .event-detail .step2-event .number-participants-error {
        left: 170px; } }
    @media only screen and (max-width: 767px) {
      .event-detail .step2-event .number-participants-error {
        width: 100%;
        position: static;
        margin-top: 13px; } }

.event-detail input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  cursor: pointer;
  display: block !important;
  width: 8px;
  color: #333;
  text-align: center;
  position: relative;
  opacity: 1;
  background: url("../images/icr-select.png") no-repeat 100% 50%;
  width: 14px;
  height: 14px;
  padding: 4px;
  position: relative;
  right: 4px; }

@media only screen and (min-width: 768px) {
  .event-detail#step2-event-detail .step2-event .item:nth-of-type(3) {
    padding-left: 5px; } }

#step2-number-required {
  margin-bottom: 33px; }
  @media only screen and (max-width: 767px) {
    #step2-number-required {
      margin-bottom: 12px; } }
  #step2-number-required label {
    margin-bottom: 10px; }
  #step2-number-required .style-select {
    width: 217px;
    margin-right: 9px; }
    @media only screen and (max-width: 767px) {
      #step2-number-required .style-select {
        width: 100%;
        margin-bottom: 7px; } }

/*========register welcome =========*/
.register-welcome-header p.step-welcome {
  font-family: 'Caveat', cursive;
  font-weight: 700;
  font-size: 35px;
  color: #1896ab; }
  @media only screen and (max-width: 767px) {
    .register-welcome-header p.step-welcome {
      font-size: 30px;
      margin-top: 16px;
      margin-bottom: 31px; } }

.register-welcome-content {
  position: relative; }

.welcome-content {
  max-width: 557px;
  margin: 37px auto 0;
  text-align: left; }
  @media only screen and (max-width: 980px) {
    .welcome-content {
      margin: 0 auto; } }
  @media only screen and (max-width: 767px) {
    .welcome-content {
      max-width: 100%;
      margin: 29px auto 0;
      text-align: center; } }
  .welcome-content .logo {
    width: 125px;
    margin: 0 auto;
    padding: 0;
    height: 125px;
    background: #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 125px;
    overflow: hidden;
    position: absolute;
    left: 77px; }
    @media only screen and (max-width: 1024px) {
      .welcome-content .logo {
        left: 33px; } }
    @media only screen and (max-width: 980px) {
      .welcome-content .logo {
        position: static; } }
    .welcome-content .logo img {
      margin: 0 auto;
      width: auto;
      height: auto;
      vertical-align: middle; }
  .welcome-content .mes-title strong {
    margin-bottom: 30px; }
  .welcome-content strong {
    font-size: 18px;
    display: block;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .welcome-content strong {
        font-size: 16px;
        margin-top: 20px; } }
  @media only screen and (max-width: 767px) {
    .welcome-content .text {
      text-align: center; } }
  .welcome-content .text > strong {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 16px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .welcome-content .text > strong {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        margin-bottom: 18px; } }
  .welcome-content .text p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.28px; }
  .welcome-content .button {
    text-align: center;
    margin: 30px auto; }
    .welcome-content .button a {
      text-decoration: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 12px 31px 13px;
      text-transform: uppercase;
      background: #1896ab;
      color: #fff; }
      .welcome-content .button a:hover {
        background: #78c3cf; }

/*===============Non supporter=============*/
.non-supporter.register .register-content .form-list .style-select {
  width: 100%; }

.register-step2-non-content .event-detail .step2-event {
  width: 132%; }
  @media only screen and (min-width: 768px) and (max-width: 980px) {
    .register-step2-non-content .event-detail .step2-event {
      width: 110% !important; } }
  @media only screen and (max-width: 980px) {
    .register-step2-non-content .event-detail .step2-event {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .register-step2-non-content .event-detail .step2-event {
      width: 100%;
      padding-right: 28px; } }

.ui-dialog.reg-email-notice-popup {
  background: #faf8f6;
  border: 3px solid #ede8e2;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  padding: 50px 50px 56px;
  top: 200px !important; }
  @media only screen and (max-width: 767px) {
    .ui-dialog.reg-email-notice-popup {
      padding: 20px 20px 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .ui-dialog.reg-email-notice-popup {
      width: 80% !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0); } }
  @media only screen and (max-width: 767px) {
    .ui-dialog.reg-email-notice-popup {
      width: calc(100% - 40px) !important;
      left: 50% !important;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      top: 110px !important; } }
  .ui-dialog.reg-email-notice-popup .ui-widget-header {
    display: block;
    position: relative; }
    .ui-dialog.reg-email-notice-popup .ui-widget-header .ui-button {
      text-indent: inherit;
      font-size: 0;
      opacity: 0.5;
      text-decoration: none !important;
      position: absolute;
      right: -4px;
      top: -3px;
      left: inherit;
      width: auto;
      height: auto; }
      .ui-dialog.reg-email-notice-popup .ui-widget-header .ui-button:before {
        display: inline-block;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #363636;
        font-size: 28px; }
      @media only screen and (max-width: 767px) {
        .ui-dialog.reg-email-notice-popup .ui-widget-header .ui-button {
          right: -5px;
          top: -6px; }
          .ui-dialog.reg-email-notice-popup .ui-widget-header .ui-button:before {
            font-size: 25px; } }
  .ui-dialog.reg-email-notice-popup .popup-title {
    font-family: "Caveat";
    font-size: 65px;
    line-height: 1;
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .ui-dialog.reg-email-notice-popup .popup-title {
        font-size: 30px;
        margin-bottom: 15px; } }
  .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap {
    max-width: 558px;
    margin: 40px auto 105px;
    text-align: center;
    position: relative;
    padding: 0; }
    @media only screen and (max-width: 1169px) {
      .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap {
        margin-top: 10px;
        margin-bottom: 24px; } }
    .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .text {
      margin-bottom: 40px;
      max-width: 455px;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .text {
          margin-bottom: 30px; } }
    .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .text-bottom {
      font-size: 13px;
      line-height: 25px;
      letter-spacing: -0.28px; }
    .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .popup-btn-login {
      margin-bottom: 40px;
      min-width: 176px;
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: #ea6b15;
      color: #fff;
      border: 3px solid transparent;
      text-align: center;
      height: 52px;
      padding: 14px 13px; }
      .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .popup-btn-login:hover {
        background: #faa53f;
        color: #fff;
        border: 3px solid transparent; }
      @media only screen and (max-width: 767px) {
        .ui-dialog.reg-email-notice-popup .reg-email-popup-wrap .popup-btn-login {
          margin-bottom: 30px; } }

@media only screen and (min-width: 768px) {
  .step2-number #step2-event-detail .has-more-field .tooltip:after {
    right: -26px; } }

@media only screen and (min-width: 1169px) {
  .event-detail .step2-event.has-more-field {
    width: 140%; }
    .event-detail .step2-event.has-more-field .item.item-select-first {
      width: 210px; } }

@media only screen and (max-width: 1168px) and (min-width: 1024px) {
  .event-detail .step2-event.has-more-field {
    width: 135%; }
    .event-detail .step2-event.has-more-field .item.item-select-first {
      width: 160px; } }

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .event-detail .step2-event.has-more-field .item {
    margin-bottom: 15px; } }

.supporter-list .breadcrumb-list {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .breadcrumb-list {
      display: none; } }

.supporter-list .page-title h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.02px;
  margin-top: 47px;
  margin-bottom: 53px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .page-title h1 {
      font-size: 20px;
      line-height: 30px;
      margin-top: 33px;
      margin-bottom: 25px; } }

.supporter-list .section-heading {
  background: #78c3cf;
  margin: 0 -31px 0 -27px;
  padding: 22px 0 28px 28px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .section-heading {
      margin: 0 -20px;
      padding: 16px 0 24px 28px; } }
  .supporter-list .section-heading h3 {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    line-height: 50px;
    color: #fff;
    font-weight: 400; }
    @media only screen and (max-width: 767px) {
      .supporter-list .section-heading h3 {
        font-size: 30px; } }

.supporter-list .section-content ul {
  padding: 0;
  overflow: hidden;
  margin-top: 50px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .section-content ul {
      margin-top: 67px; } }
  .supporter-list .section-content ul li {
    float: left;
    margin-right: 30px;
    vertical-align: top;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .supporter-list .section-content ul li {
        float: none; } }
    .supporter-list .section-content ul li:last-child {
      margin-right: 0; }
    .supporter-list .section-content ul li .thumb {
      border-bottom: 3px solid #ede8e2;
      text-align: center;
      display: table;
      width: 100%;
      padding-bottom: 4px; }
      .supporter-list .section-content ul li .thumb a {
        display: table-cell;
        vertical-align: middle; }
      .supporter-list .section-content ul li .thumb img {
        width: auto; }
    .supporter-list .section-content ul li .excerpt {
      font-size: 15px;
      line-height: 25px;
      letter-spacing: -0.02px;
      padding: 0 30px;
      margin-top: 10px; }
    .supporter-list .section-content ul li a.view-profile {
      font-size: 14px;
      letter-spacing: -0.02px;
      color: #acacac;
      font-weight: 400;
      text-decoration: none; }
      @media only screen and (max-width: 1126px) {
        .supporter-list .section-content ul li a.view-profile {
          display: block; } }

.supporter-list .section-content .interseted-link {
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 17px;
  line-height: 27px;
  margin-top: 25px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .section-content .interseted-link {
      font-size: 14px;
      line-height: 24px; } }
  .supporter-list .section-content .interseted-link a {
    color: #1896ab;
    text-decoration: none; }

.supporter-list .block-major {
  margin-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .block-major {
      margin-bottom: 49px; } }
  .supporter-list .block-major .section-heading {
    background: #1896ab; }
  .supporter-list .block-major .section-content ul {
    margin-top: 22px; }
    .supporter-list .block-major .section-content ul li {
      width: calc( 34.2% - 30px);
      margin-bottom: 24px; }
      .supporter-list .block-major .section-content ul li:nth-child(3n) {
        margin-right: 0; }
      @media only screen and (max-width: 767px) {
        .supporter-list .block-major .section-content ul li {
          width: 100%;
          margin-bottom: 70px; }
          .supporter-list .block-major .section-content ul li:last-child {
            margin-bottom: 32px; }
          .supporter-list .block-major .section-content ul li .excerpt,
          .supporter-list .block-major .section-content ul li .view-profile {
            font-size: 16px; } }
      .supporter-list .block-major .section-content ul li:nth-child(3n+1) {
        clear: left; }
      .supporter-list .block-major .section-content ul li .company {
        font-weight: 700;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.02px;
        color: #ea6b15;
        margin-top: 13px; }
        @media only screen and (max-width: 767px) {
          .supporter-list .block-major .section-content ul li .company {
            font-size: 16px;
            line-height: 26px;
            margin-top: 16px; } }
        .supporter-list .block-major .section-content ul li .company a {
          color: #ea6b15;
          text-decoration: none; }
          .supporter-list .block-major .section-content ul li .company a:hover {
            text-decoration: underline; }
      .supporter-list .block-major .section-content ul li a.view-profile {
        display: block; }

.supporter-list .block-minjor .section-content ul {
  display: block;
  list-style: none;
  margin-left: -15px;
  margin-right: -15px; }
  @media only screen and (max-width: 767px) {
    .supporter-list .block-minjor .section-content ul {
      margin-top: 50px; } }
  .supporter-list .block-minjor .section-content ul li {
    width: 25%;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 0;
    margin-right: -4px;
    margin-bottom: 51px;
    padding: 0 15px; }
    @media only screen and (max-width: 767px) {
      .supporter-list .block-minjor .section-content ul li {
        width: 50%; } }
    .supporter-list .block-minjor .section-content ul li .thumb {
      padding-bottom: 18px; }
    .supporter-list .block-minjor .section-content ul li .company {
      font-weight: 700;
      font-size: 18px;
      line-height: 28px;
      letter-spacing: -0.02px;
      margin-top: 13px; }
      .supporter-list .block-minjor .section-content ul li .company a {
        text-decoration: none; }
    .supporter-list .block-minjor .section-content ul li.has-detail .company {
      color: #ea6b15; }
      .supporter-list .block-minjor .section-content ul li.has-detail .company a {
        color: #ea6b15; }
        .supporter-list .block-minjor .section-content ul li.has-detail .company a:hover {
          text-decoration: underline; }

.supporter-list .block-minjor .section-content .interseted-link {
  margin-top: 18px; }

/*============Detail==============*/
.supporter-detail .breadcrumb-list {
  margin-top: 14px; }
  @media only screen and (max-width: 767px) {
    .supporter-detail .breadcrumb-list {
      display: none; } }

.supporter-detail .main-content {
  max-width: 951px; }

@media only screen and (max-width: 767px) {
  .supporter-detail .related-posts {
    margin-top: 33px; } }

.supporter-detail .page-title h1 {
  font-weight: 700;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.02px;
  text-transform: capitalize;
  margin: 47px 0 36px; }
  @media only screen and (max-width: 767px) {
    .supporter-detail .page-title h1 {
      font-size: 20px;
      line-height: 30px;
      margin: 31px 0 24px; } }

.supporter-detail .page-content p {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -0.02px;
  margin-bottom: 10px; }
  .supporter-detail .page-content p:first-child {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 19px; }
    @media only screen and (max-width: 767px) {
      .supporter-detail .page-content p:first-child {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 11px; } }
  @media only screen and (max-width: 767px) {
    .supporter-detail .page-content p {
      font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .supporter-detail .page-content {
    font-size: 16px; } }

.supporter-detail .quote {
  background: #78c3cf;
  margin-top: 36px;
  padding: 33px 32px 41px; }
  .supporter-detail .quote p {
    color: #fff; }
    .supporter-detail .quote p.quote-wrapper {
      font-style: italic;
      font-size: 25px;
      line-height: 35px;
      margin-top: -7px;
      margin-bottom: 20px;
      font-weight: 400; }
      @media only screen and (max-width: 767px) {
        .supporter-detail .quote p.quote-wrapper {
          font-size: 17px;
          line-height: 27px; } }
    .supporter-detail .quote p.quote-by {
      font-weight: 700;
      font-size: 18px;
      line-height: 30px;
      font-style: normal; }
      @media only screen and (max-width: 767px) {
        .supporter-detail .quote p.quote-by {
          font-size: 15px;
          line-height: 25px; } }
    .supporter-detail .quote p.left-quote {
      line-height: 26px;
      margin-top: 12px;
      margin-left: -10px; }

.supporter-detail .related-posts h2 {
  margin-bottom: 25px; }

.content-blog .breadcrumb-list {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .content-blog .breadcrumb-list {
      display: none; } }

.content-blog .page-title h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02px;
  margin: 47px 0 53px; }
  @media only screen and (max-width: 767px) {
    .content-blog .page-title h1 {
      font-size: 20px;
      line-height: 30px;
      margin: 26px 0 22px; } }

.content-blog .featured-category-content {
  margin-bottom: 79px; }
  @media only screen and (max-width: 767px) {
    .content-blog .featured-category-content {
      display: none; } }
  .content-blog .featured-category-content .cate-list {
    overflow: hidden;
    float: left;
    width: 77.1%; }
    .content-blog .featured-category-content .cate-list .cate-item {
      float: left;
      width: 29.8%;
      margin-right: 30px;
      background: #e9793a;
      padding: 15px 27px 15px 29px;
      min-height: 240px;
      max-height: 240px; }
      @media screen and (max-width: 1127px) {
        .content-blog .featured-category-content .cate-list .cate-item {
          margin-right: 25px; } }
      @media only screen and (max-width: 980px) {
        .content-blog .featured-category-content .cate-list .cate-item {
          margin-right: 18px;
          padding: 15px;
          min-height: 260px;
          max-height: 260px; } }
      .content-blog .featured-category-content .cate-list .cate-item:first-child {
        background: #faa53f; }
      .content-blog .featured-category-content .cate-list .cate-item:last-child {
        background: #78c3cf; }
      .content-blog .featured-category-content .cate-list .cate-item .cate-title {
        font-family: 'Caveat', cursive;
        font-weight: normal;
        font-size: 40px;
        color: #fff;
        line-height: 50px;
        margin-bottom: 8px; }
        @media only screen and (max-width: 1024px) {
          .content-blog .featured-category-content .cate-list .cate-item .cate-title {
            font-size: 35px; } }
        @media only screen and (max-width: 980px) {
          .content-blog .featured-category-content .cate-list .cate-item .cate-title {
            font-size: 27px;
            line-height: 30px; } }
      .content-blog .featured-category-content .cate-list .cate-item .cate-des {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.02px;
        margin-bottom: 10px; }
      .content-blog .featured-category-content .cate-list .cate-item a.view-posts {
        text-decoration: none;
        color: #fff;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.02px;
        text-transform: capitalize; }
        .content-blog .featured-category-content .cate-list .cate-item a.view-posts:hover {
          color: #000; }
  .content-blog .featured-category-content .search-wrap {
    float: right;
    width: 22.9%;
    padding: 23px 28px 32px 26px;
    max-height: 260px;
    background: #faf8f6; }
    @media only screen and (max-width: 1024px) {
      .content-blog .featured-category-content .search-wrap {
        width: 22%;
        padding: 23px 10px 32px 10px; } }
    .content-blog .featured-category-content .search-wrap label {
      font-family: 'Caveat', cursive;
      font-weight: normal;
      font-size: 40px;
      line-height: 40px;
      color: #000;
      margin-bottom: 10px; }
    .content-blog .featured-category-content .search-wrap p {
      margin-bottom: 9px; }
    .content-blog .featured-category-content .search-wrap .btn-search {
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 13px 5px 17px;
      text-transform: uppercase;
      border: 3px solid #1896ab;
      width: auto;
      color: #1896ab;
      cursor: pointer;
      margin-top: 21px; }
      .content-blog .featured-category-content .search-wrap .btn-search:hover {
        background: #1896ab;
        color: #fff; }

.content-blog .category-mobile {
  display: none;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .content-blog .category-mobile {
      display: block;
      margin-bottom: 30px;
      position: relative;
      z-index: 10; }
      .content-blog .category-mobile #open-cates {
        display: block;
        height: 40px;
        padding: 6px 12px;
        border: 3px solid #ede8e2;
        font-size: 16px;
        position: relative; }
        .content-blog .category-mobile #open-cates:after {
          content: "";
          width: 24px;
          height: 34px;
          background: url("../images/icr-select-top.png") no-repeat center center;
          display: block;
          position: absolute;
          right: 0;
          top: 0; }
      .content-blog .category-mobile ul {
        position: absolute;
        top: 40px;
        left: 0;
        background: #fff;
        width: 100%;
        padding: 15px 15px 10px;
        border: 3px solid #ede8e2;
        border-top: none; }
        .content-blog .category-mobile ul li {
          margin-bottom: 10px; }
          .content-blog .category-mobile ul li a {
            text-decoration: none;
            font-weight: 700; } }

.content-blog .posts-list {
  zoom: 1;
  margin: 0 -15px; }
  .content-blog .posts-list:after {
    clear: both; }
  .content-blog .posts-list:before, .content-blog .posts-list:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .content-blog .posts-list li {
    float: left;
    width: 33%;
    margin-bottom: 51px; }
    @media only screen and (max-width: 767px) {
      .content-blog .posts-list li {
        float: none;
        width: 100%;
        margin-bottom: 33px; } }
    .content-blog .posts-list li .item-content {
      padding: 0 15px; }
    .content-blog .posts-list li .title-top {
      margin-top: 14px; }
      @media only screen and (max-width: 1024px) {
        .content-blog .posts-list li .title-top {
          margin-top: 4px; } }
      .content-blog .posts-list li .title-top .post-category {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: -0.02px;
        font-weight: 700;
        margin-right: 6px; }
        @media only screen and (max-width: 1024px) {
          .content-blog .posts-list li .title-top .post-category {
            font-size: 12px; } }
        .content-blog .posts-list li .title-top .post-category a {
          color: #ea6b15;
          text-decoration: none; }
      .content-blog .posts-list li .title-top .post-title {
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02px;
        font-weight: 700; }
        @media only screen and (max-width: 1024px) {
          .content-blog .posts-list li .title-top .post-title {
            font-size: 16px;
            line-height: 26px; } }
        .content-blog .posts-list li .title-top .post-title a {
          color: #000;
          text-decoration: none; }
          .content-blog .posts-list li .title-top .post-title a:hover {
            color: #ea6b15; }
    .content-blog .posts-list li .excerpt {
      margin-top: 8px; }
      .content-blog .posts-list li .excerpt p {
        display: inline;
        letter-spacing: -0.02px; }
      .content-blog .posts-list li .excerpt a {
        text-decoration: none;
        color: #acacac;
        font-size: 14px; }
        .content-blog .posts-list li .excerpt a:hover {
          color: #ea6b15; }
      @media only screen and (max-width: 767px) {
        .content-blog .posts-list li .excerpt {
          font-size: 16px; }
          .content-blog .posts-list li .excerpt a {
            font-size: 16px; } }

.content-blog:not(.recipe-content) .pagination h2.screen-reader-text {
  display: none; }

.content-blog:not(.recipe-content) .pagination .nav-links {
  overflow: hidden;
  margin-top: 8px; }
  .content-blog:not(.recipe-content) .pagination .nav-links .page-numbers {
    display: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    padding: 5px 18px;
    text-transform: uppercase;
    border: 3px solid #1896ab;
    text-decoration: none;
    color: #1896ab; }
    .content-blog:not(.recipe-content) .pagination .nav-links .page-numbers:hover {
      background: #1896ab;
      color: #fff; }
    .content-blog:not(.recipe-content) .pagination .nav-links .page-numbers.next {
      display: inline-block;
      float: right; }
    .content-blog:not(.recipe-content) .pagination .nav-links .page-numbers.prev {
      display: inline-block;
      float: left; }

.content-blog .supported-block-line {
  margin-top: 37px; }

/*===============Post detail===========*/
.post-detail .breadcrumb-list {
  margin-top: 15px;
  margin-bottom: 19px; }
  @media only screen and (max-width: 767px) {
    .post-detail .breadcrumb-list {
      display: none; } }

.post-detail .post-left-detail {
  float: left;
  width: 71.3%; }
  @media only screen and (max-width: 980px) {
    .post-detail .post-left-detail {
      width: 61%; } }
  @media only screen and (max-width: 767px) {
    .post-detail .post-left-detail {
      width: 100%;
      float: none;
      font-size: 16px; } }
  .post-detail .post-left-detail .date-wrap {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .date-wrap {
        margin-top: 29px;
        margin-bottom: 17px; } }
    .post-detail .post-left-detail .date-wrap .date {
      font-size: 18px; }
      @media only screen and (max-width: 767px) {
        .post-detail .post-left-detail .date-wrap .date {
          font-size: 16px; } }
    .post-detail .post-left-detail .date-wrap .post-category, .post-detail .post-left-detail .date-wrap .left-line {
      font-size: 18px;
      color: #ea6b15;
      display: inline-block; }
      .post-detail .post-left-detail .date-wrap .post-category a, .post-detail .post-left-detail .date-wrap .left-line a {
        color: #ea6b15;
        text-decoration: none; }
      @media only screen and (max-width: 767px) {
        .post-detail .post-left-detail .date-wrap .post-category, .post-detail .post-left-detail .date-wrap .left-line {
          font-size: 16px; } }
  .post-detail .post-left-detail .page-title h1 {
    margin-bottom: 48px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .page-title h1 {
        font-size: 20px;
        margin-bottom: 20px; } }
  .post-detail .post-left-detail .main-image {
    margin-bottom: 36px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .main-image {
        margin-bottom: 7px; } }
  .post-detail .post-left-detail .content p {
    letter-spacing: -0.02px; }
  .post-detail .post-left-detail .content img {
    width: auto; }
    .post-detail .post-left-detail .content img.aligncenter {
      display: table-cell;
      margin: 0 auto; }
  .post-detail .post-left-detail .content strong {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 9px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .content strong {
        font-size: 16px;
        line-height: 26px; } }
  .post-detail .post-left-detail .tags-wrap {
    margin-top: 26px;
    margin-bottom: 50px;
    background: #faf8f6;
    padding: 17px 0; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .tags-wrap {
        background: #faf8f6;
        margin: 32px 0 0;
        padding: 17px 0 18px; } }
    .post-detail .post-left-detail .tags-wrap a {
      text-decoration: none;
      display: inline-block;
      position: relative;
      padding-left: 8px;
      font-size: 12px;
      line-height: 20px;
      margin-left: 27px; }
      @media only screen and (max-width: 767px) {
        .post-detail .post-left-detail .tags-wrap a {
          font-size: 13px;
          font-weight: 700; } }
      .post-detail .post-left-detail .tags-wrap a:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        line-height: normal;
        margin-top: -1px;
        width: 3px;
        height: 3px;
        background: #78c3cf;
        border-radius: 100%; }
  .post-detail .post-left-detail .related-posts {
    margin-top: 46px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .related-posts {
        margin-top: 29px; }
        .post-detail .post-left-detail .related-posts h2 {
          margin-bottom: 10px; } }
    .post-detail .post-left-detail .related-posts a.title {
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.02px;
      text-decoration: none;
      color: #ea6b15;
      margin-top: 8px;
      display: block; }
  .post-detail .post-left-detail .image {
    margin-top: 55px;
    margin-bottom: 37px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .image {
        margin-top: 30px;
        margin-bottom: 20px; } }
    .post-detail .post-left-detail .image strong {
      font-size: 14px;
      line-height: 20px;
      margin-top: 3px; }
      @media only screen and (max-width: 767px) {
        .post-detail .post-left-detail .image strong {
          margin-top: 0; } }
  .post-detail .post-left-detail .text-register {
    background: #ede8e2;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    margin-top: 47px;
    padding: 17px 0;
    margin-bottom: 44px; }
    @media only screen and (max-width: 767px) {
      .post-detail .post-left-detail .text-register {
        font-size: 13px;
        line-height: 23px;
        margin-top: 31px;
        padding: 8px 0; } }
    .post-detail .post-left-detail .text-register a {
      color: #1896ab;
      text-decoration: none; }
  .post-detail .post-left-detail .block-quote {
    overflow: hidden; }
    .post-detail .post-left-detail .block-quote .text-quote, .post-detail .post-left-detail .block-quote blockquote {
      float: right;
      width: 52%;
      background: #78c3cf;
      padding: 43px 43px 29px 32px;
      margin-left: 26px;
      margin-bottom: 25px; }
      @media only screen and (max-width: 980px) {
        .post-detail .post-left-detail .block-quote .text-quote, .post-detail .post-left-detail .block-quote blockquote {
          padding: 31px 21px 25px 20px; } }
      @media only screen and (max-width: 767px) {
        .post-detail .post-left-detail .block-quote .text-quote, .post-detail .post-left-detail .block-quote blockquote {
          float: none;
          width: 100%;
          margin-left: 0;
          margin-top: 20px;
          padding-top: 47px;
          padding-bottom: 36px;
          margin-bottom: 32px; } }
      .post-detail .post-left-detail .block-quote .text-quote p, .post-detail .post-left-detail .block-quote blockquote p {
        color: #fff;
        font-style: italic;
        font-weight: 400;
        font-size: 25px;
        line-height: 35px; }
        @media only screen and (max-width: 767px) {
          .post-detail .post-left-detail .block-quote .text-quote p, .post-detail .post-left-detail .block-quote blockquote p {
            font-size: 17px;
            line-height: 27px; } }
        .post-detail .post-left-detail .block-quote .text-quote p.left-quote, .post-detail .post-left-detail .block-quote blockquote p.left-quote {
          font-style: normal;
          font-size: 70px;
          font-weight: 700;
          margin-left: -9px;
          margin-bottom: -13px; }
          @media only screen and (max-width: 767px) {
            .post-detail .post-left-detail .block-quote .text-quote p.left-quote, .post-detail .post-left-detail .block-quote blockquote p.left-quote {
              margin-bottom: -7px; } }
        .post-detail .post-left-detail .block-quote .text-quote p.author, .post-detail .post-left-detail .block-quote blockquote p.author {
          font-weight: 700;
          font-size: 18px;
          line-height: 30px;
          font-style: normal;
          margin-top: 13px; }
          @media only screen and (max-width: 767px) {
            .post-detail .post-left-detail .block-quote .text-quote p.author, .post-detail .post-left-detail .block-quote blockquote p.author {
              font-size: 15px;
              line-height: 25px;
              margin-top: 9px; } }

.post-detail .post-sidebar {
  float: right;
  width: 23%;
  padding-top: 39px; }
  @media only screen and (max-width: 980px) {
    .post-detail .post-sidebar {
      width: 32%; } }
  @media only screen and (max-width: 767px) {
    .post-detail .post-sidebar {
      width: 100%;
      float: none; }
      .post-detail .post-sidebar .widget_categories {
        display: none; } }
  .post-detail .post-sidebar .widget_categories {
    background: #faf8f6; }
  .post-detail .post-sidebar .widget-title {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    line-height: 40px;
    text-transform: capitalize;
    padding-left: 22px;
    margin-bottom: 11px;
    padding-top: 23px;
    font-weight: normal; }
  .post-detail .post-sidebar .widget_media_image {
    margin-bottom: 22px; }
  .post-detail .post-sidebar ul {
    padding-left: 26px;
    margin-bottom: 30px;
    padding-bottom: 23px; }
    .post-detail .post-sidebar ul li a {
      text-decoration: none;
      font-size: 15px;
      line-height: 25px; }
      .post-detail .post-sidebar ul li a:hover {
        color: #ea6b15; }

.post-detail .share-post-icon {
  margin-top: 20px;
  background: #faf8f6;
  padding: 22px 0 32px 28px; }
  @media only screen and (max-width: 767px) {
    .post-detail .share-post-icon {
      background: #faf8f6;
      text-align: center;
      padding: 18px 0 23px;
      display: none;
      margin-top: 31px; } }
  .post-detail .share-post-icon .title {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 25px;
    margin-left: -5px; }
    @media only screen and (max-width: 767px) {
      .post-detail .share-post-icon .title {
        font-size: 25px;
        margin-bottom: 20px; } }
  .post-detail .share-post-icon a {
    text-decoration: none;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.02px;
    color: #1896ab;
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .post-detail .share-post-icon a {
        line-height: 40px; } }
    .post-detail .share-post-icon a.facebook-share, .post-detail .share-post-icon a.twister-share {
      width: 28px;
      height: 24px;
      text-indent: -1000em;
      margin-right: 11px;
      display: inline-block; }
      @media only screen and (max-width: 767px) {
        .post-detail .share-post-icon a.facebook-share, .post-detail .share-post-icon a.twister-share {
          height: 31px;
          margin-right: 30px; } }
    .post-detail .share-post-icon a.facebook-share {
      background: url(../images/icon-share-fb.png) no-repeat;
      background-size: 24px 24px !important; }
      @media only screen and (max-width: 767px) {
        .post-detail .share-post-icon a.facebook-share {
          width: 32px;
          background-size: 100% auto !important; } }
    .post-detail .share-post-icon a.twister-share {
      background: url(../images/icon-share-tw.png) no-repeat;
      background-size: 28px 24px !important; }
      @media only screen and (max-width: 767px) {
        .post-detail .share-post-icon a.twister-share {
          width: 38px;
          background-size: 100% auto !important; } }

.post-detail #share-post-mobile {
  display: none; }
  @media only screen and (max-width: 767px) {
    .post-detail #share-post-mobile {
      display: block; } }

@media only screen and (max-width: 767px) {
  .post-detail .supported-block-line {
    background: none;
    margin-top: 0;
    padding-top: 0; }
    .post-detail .supported-block-line .supported-block {
      padding: 7px 0 40px; } }

.workplaces-content .breadcrumb-list {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .breadcrumb-list {
      display: none; } }

.workplaces-content .supported-block-line {
  margin-top: 42px;
  z-index: 3; }

.workplaces-content .page-title h1 {
  margin-top: 42px;
  margin-bottom: 68px; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .page-title h1 {
      margin-top: 35px;
      margin-bottom: 23px; } }

.workplaces-content .filter-wrap {
  margin-bottom: 34px; }

.workplaces-content .list-filter {
  background: #faf8f6;
  padding: 17px 27px 17px;
  margin-bottom: 52px; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .list-filter {
      border: 3px solid #ede8e2;
      border-top: none;
      padding: 17px 0px 0;
      background: transparent; } }
  .workplaces-content .list-filter li {
    display: inline-block;
    margin-right: 20px; }
    @media only screen and (max-width: 767px) {
      .workplaces-content .list-filter li {
        display: block;
        width: 100%;
        padding: 0 11px; } }
    .workplaces-content .list-filter li a {
      text-decoration: none;
      font-weight: 700;
      font-size: 20px;
      text-transform: uppercase;
      color: #1896ab;
      line-height: 30px; }
      @media only screen and (max-width: 767px) {
        .workplaces-content .list-filter li a {
          font-size: 16px;
          display: block; } }
    .workplaces-content .list-filter li.show-all {
      position: relative;
      margin-right: 15px; }
      .workplaces-content .list-filter li.show-all a {
        padding-right: 23px; }
        .workplaces-content .list-filter li.show-all a:after {
          content: "|";
          display: inline-block;
          font-weight: 400;
          position: absolute;
          right: 0;
          top: 0;
          height: 100%; }
          @media only screen and (max-width: 767px) {
            .workplaces-content .list-filter li.show-all a:after {
              content: ""; } }
    .workplaces-content .list-filter li.active a {
      text-decoration: underline; }
    @media only screen and (max-width: 767px) {
      .workplaces-content .list-filter li.active {
        background: #1896ab; }
        .workplaces-content .list-filter li.active a {
          text-decoration: none;
          color: #fff; } }
    .workplaces-content .list-filter li:hover a {
      text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        .workplaces-content .list-filter li:hover a {
          text-decoration: none; } }

.workplaces-content .group-works .work-item {
  display: inline-block;
  width: 24%;
  margin-right: 8px;
  padding-right: 15px;
  margin-bottom: 33px; }
  .workplaces-content .group-works .work-item:nth-child(4n) {
    margin-right: 0; }
  @media only screen and (max-width: 980px) {
    .workplaces-content .group-works .work-item {
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .workplaces-content .group-works .work-item {
      display: block;
      width: 100%;
      margin-right: 0;
      padding-right: 0; } }
  .workplaces-content .group-works .work-item .title {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 18px;
    color: #1896ab;
    margin-bottom: 7px; }
    @media only screen and (max-width: 767px) {
      .workplaces-content .group-works .work-item .title {
        font-size: 16px;
        margin-bottom: 5px; } }
  .workplaces-content .group-works .work-item .location {
    position: relative; }
    .workplaces-content .group-works .work-item .location span {
      font-weight: 700;
      font-size: 14px;
      color: #1896ab; }
    .workplaces-content .group-works .work-item .location .count {
      background: #1896ab;
      font-size: 14px;
      font-weight: 700;
      color: #fff;
      -moz-border-radius: 80px;
      -webkit-border-radius: 80px;
      -ms-border-radius: 80px;
      border-radius: 80px;
      padding: 4px 9px;
      margin-right: 5px; }
      .workplaces-content .group-works .work-item .location .count.active-hover {
        position: relative; }
        .workplaces-content .group-works .work-item .location .count.active-hover:hover {
          z-index: 9; }
    .workplaces-content .group-works .work-item .location .view-list {
      text-decoration: none;
      font-weight: 700;
      font-size: 14px;
      color: #acacac;
      margin-left: 10px; }
      @media only screen and (max-width: 980px) {
        .workplaces-content .group-works .work-item .location .view-list {
          font-size: 13px;
          margin-left: 0; } }
    .workplaces-content .group-works .work-item .location .location-list {
      border: 3px solid #ede8e2;
      width: 70%;
      position: absolute;
      left: 12px;
      top: 17px;
      padding: 8px 14px;
      background: #faf8f6;
      z-index: 4; }
      .workplaces-content .group-works .work-item .location .location-list p.title {
        display: none; }
      .workplaces-content .group-works .work-item .location .location-list ul li {
        font-size: 14px;
        line-height: 24px; }
      @media only screen and (max-width: 767px) {
        .workplaces-content .group-works .work-item .location .location-list {
          display: none !important; } }

.workplaces-content .showed-all .group-works {
  border-bottom: 3px solid #ede8e2;
  padding-bottom: 16px;
  margin-bottom: 43px; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .showed-all .group-works {
      padding-bottom: 0;
      margin-bottom: 28px; } }

.workplaces-content .showed-all + div.supported-block-line {
  display: none; }

.workplaces-content .notice-mb {
  display: none; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .notice-mb {
      display: block;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: -0.02px; } }

.workplaces-content .control-mb {
  display: none; }
  @media only screen and (max-width: 767px) {
    .workplaces-content .control-mb {
      display: block;
      border: 3px solid #ede8e2;
      padding: 7px 11px;
      font-weight: 700;
      font-style: 16px;
      color: #1896ab;
      position: relative;
      margin-top: 14px; }
      .workplaces-content .control-mb:after {
        content: "";
        background: url("../images/icr-select-bottom.png") no-repeat center center;
        display: block;
        width: 11px;
        height: 40px;
        position: absolute;
        right: 11px;
        top: 0; } }

.logged-in .ui-dialog .location-list.ui-dialog-content, .ui-dialog .location-list.ui-dialog-content {
  overflow: hidden; }

.logged-in .ui-dialog .location-list.ui-dialog-content ul, .ui-dialog .location-list.ui-dialog-content ul {
  float: left;
  width: 25%; }

.ui-dialog .location-list.ui-dialog-content ul li, .logged-in .ui-dialog .location-list.ui-dialog-content ul li {
  float: none;
  width: 100%; }

@media only screen and (max-width: 980px) {
  .ui-widget-content.workplace-popup {
    width: 95% !important; }
  .workplace-popup.ui-dialog .ui-dialog-content {
    padding: 50px 25px 50px 40px; } }

html {
  height: 100%; }

.eventhub #breadcrumbs {
  display: none; }

.eventhub header {
  border-bottom: 3px solid #000; }
  .eventhub header .header-promotional-event {
    background: #ede8e2;
    padding: 10px 0; }
    @media only screen and (max-width: 767px) {
      .eventhub header .header-promotional-event {
        display: none; } }
    .eventhub header .header-promotional-event .content {
      float: left; }
      .eventhub header .header-promotional-event .content a {
        text-decoration: none;
        font-size: 15px;
        line-height: 30px; }
    .eventhub header .header-promotional-event .event-user-actions {
      float: right;
      position: relative;
      min-width: 196px;
      text-align: right; }
      .eventhub header .header-promotional-event .event-user-actions .title-account {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        line-height: 1.44; }
      .eventhub header .header-promotional-event .event-user-actions .event-user-icon {
        text-indent: -1000em;
        background: url(../images/icr-account-event.png) no-repeat;
        width: 34px;
        height: 34px;
        display: inline-block;
        margin-right: -5px;
        display: none; }
        .eventhub header .header-promotional-event .event-user-actions .event-user-icon:hover {
          cursor: pointer; }
      .eventhub header .header-promotional-event .event-user-actions .actions-popup {
        position: absolute;
        right: 0;
        top: 18px; }
      .eventhub header .header-promotional-event .event-user-actions ul {
        position: static;
        right: 0;
        background: #363636;
        min-width: 196px;
        top: 41px;
        padding: 21px 21px 23px;
        text-align: left;
        margin-top: 22px; }
        .eventhub header .header-promotional-event .event-user-actions ul li a {
          color: #fff;
          font-size: 18px;
          line-height: 30px;
          font-weight: 400;
          text-decoration: none; }
        .eventhub header .header-promotional-event .event-user-actions ul li:hover a {
          color: #8ecbd5; }
  .eventhub header .header-main {
    background: transparent;
    padding: 23px 0 0; }
    @media only screen and (max-width: 767px) {
      .eventhub header .header-main {
        padding: 3px 0 6px; } }
    .eventhub header .header-main .container {
      display: block; }
      .eventhub header .header-main .container .logo-wrapper {
        width: 24%;
        display: inline-block;
        vertical-align: top;
        float: left; }
        @media only screen and (max-width: 767px) {
          .eventhub header .header-main .container .logo-wrapper {
            width: 183px; } }
    .eventhub header .header-main .eventhub-top-menu {
      float: right;
      width: 69%;
      margin-top: 32px;
      margin-right: -4px; }
      @media only screen and (max-width: 1199px) {
        .eventhub header .header-main .eventhub-top-menu {
          width: 76%; } }
      @media only screen and (max-width: 1150px) {
        .eventhub header .header-main .eventhub-top-menu {
          margin-top: 30px; } }
      @media only screen and (max-width: 1099px) {
        .eventhub header .header-main .eventhub-top-menu {
          margin-top: 28px; } }
      @media only screen and (max-width: 1052px) {
        .eventhub header .header-main .eventhub-top-menu {
          margin-top: 24px; } }
      @media only screen and (max-width: 767px) {
        .eventhub header .header-main .eventhub-top-menu {
          display: none; } }
      .eventhub header .header-main .eventhub-top-menu ul.nav {
        float: left;
        width: calc(100% - 173px);
        margin-top: 8px; }
        @media only screen and (max-width: 1199px) {
          .eventhub header .header-main .eventhub-top-menu ul.nav {
            text-align: center; } }
        .eventhub header .header-main .eventhub-top-menu ul.nav li {
          display: inline-block;
          padding: 0 10px 14px;
          position: relative; }
          @media only screen and (max-width: 980px) {
            .eventhub header .header-main .eventhub-top-menu ul.nav li {
              padding: 0 4px 14px; } }
          .eventhub header .header-main .eventhub-top-menu ul.nav li a {
            text-decoration: none; }
          .eventhub header .header-main .eventhub-top-menu ul.nav li > a {
            text-transform: uppercase;
            font-weight: 700;
            font-size: 18px; }
            .eventhub header .header-main .eventhub-top-menu ul.nav li > a.active {
              color: #faa53f; }
            @media only screen and (max-width: 980px) {
              .eventhub header .header-main .eventhub-top-menu ul.nav li > a {
                font-size: 14px; } }
          .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu {
            display: none;
            min-width: 295px;
            position: absolute;
            top: 31px;
            left: 10px; }
            .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu .dropdown-content {
              background: #363636;
              padding: 18px 15px 16px 24px;
              text-align: left;
              z-index: 99;
              margin-top: 12px;
              position: relative; }
              .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu .dropdown-content li {
                display: block;
                padding: 0;
                margin-bottom: 6px; }
                .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu .dropdown-content li > a {
                  color: #fff;
                  font-weight: 400;
                  text-transform: capitalize; }
                  .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu .dropdown-content li > a.active {
                    color: #faa53f; }
                .eventhub header .header-main .eventhub-top-menu ul.nav li .submenu .dropdown-content li:hover > a {
                  color: #faa53f; }
          .eventhub header .header-main .eventhub-top-menu ul.nav li:hover > a {
            color: #ea6b15; }
          .eventhub header .header-main .eventhub-top-menu ul.nav li:hover .submenu {
            display: block; }
      .eventhub header .header-main .eventhub-top-menu .block-share {
        float: right;
        width: 173px; }
        .eventhub header .header-main .eventhub-top-menu .block-share h3 {
          font-weight: 700;
          font-size: 14px;
          text-transform: capitalize;
          line-height: 1;
          color: #1896ab;
          float: left;
          width: 50%;
          margin-right: 4px; }
        .eventhub header .header-main .eventhub-top-menu .block-share a.facebook, .eventhub header .header-main .eventhub-top-menu .block-share a.twister {
          font-size: 0;
          width: 24px;
          display: inline-block;
          margin: 2px 8px 0;
          height: 23px;
          vertical-align: top; }
        .eventhub header .header-main .eventhub-top-menu .block-share a.facebook {
          background: url(../images/icon-share-fb-event.png) no-repeat; }
        .eventhub header .header-main .eventhub-top-menu .block-share a.twister {
          background: url(../images/icon-share-tw-event.png) no-repeat;
          width: 28px;
          margin-right: 0; }
    .eventhub header .header-main .eventhub-top-menu-mobile {
      display: none; }
      @media only screen and (max-width: 767px) {
        .eventhub header .header-main .eventhub-top-menu-mobile {
          display: inline-block; }
          .eventhub header .header-main .eventhub-top-menu-mobile .open-menu {
            top: 47%; }
            .eventhub header .header-main .eventhub-top-menu-mobile .open-menu:after {
              box-shadow: 0 7px 0 1px #1896ab, 0 16px 0 1px #1896ab, 0 24px 0 1px #1896ab;
              -webkit-box-shadow: 0 7px 0 1px #1896ab, 0 16px 0 1px #1896ab, 0 24px 0 1px #1896ab;
              -moz-box-shadow: 0 7px 0 1px #1896ab, 0 16px 0 1px #1896ab, 0 24px 0 1px #1896ab; }
          .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand {
            background: #fff;
            border-bottom: none; }
            .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .container {
              padding: 0; }
            .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .close-menu:after, .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .close-menu:before {
              background: #000; }
            .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation {
              margin-bottom: 50px; }
              .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation > div {
                border-bottom: 1px solid #cccccc;
                padding: 7px 0; }
                .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation > div:last-child a {
                  color: #1896ab; }
                .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation > div.flag-generator {
                  display: none; }
              .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation .submenu .dropdown-content {
                margin-top: 7px; }
                .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation .submenu .dropdown-content > div {
                  border-bottom: 1px solid #cccccc;
                  padding: 7px 0 7px 20px; }
                  .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation .submenu .dropdown-content > div:last-child {
                    border-bottom: none;
                    padding-bottom: 0; }
                  .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation .submenu .dropdown-content > div:first-child {
                    border-top: 1px solid #cccccc; }
              .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation a {
                font-size: 16px;
                text-decoration: none;
                font-weight: 700;
                text-transform: uppercase;
                display: block;
                color: #000;
                position: relative; }
                .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation a.my-events:after, .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation a.promo-tools:after {
                  content: "";
                  display: block;
                  width: 14px;
                  height: 11px;
                  position: absolute;
                  right: 0;
                  top: 50%;
                  margin-top: -5px;
                  background: url("../images/icr-top-black.png") no-repeat; }
              .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation > div.show a.my-events:after, .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .navigation > div.show a.promo-tools:after {
                background: url("../images/icr-bottom-black.png") no-repeat; }
            .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .block-event {
              text-align: center; }
              .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .block-event a {
                display: block;
                text-decoration: none;
                width: 200px;
                text-align: center;
                font-weight: 700;
                font-size: 15px;
                color: #ea6b15;
                border: 2px solid #ea6b15;
                text-transform: uppercase;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                -ms-border-radius: 50px;
                border-radius: 50px;
                margin: 0 auto 20px;
                padding: 4px 0 2px; }
                .eventhub header .header-main .eventhub-top-menu-mobile .navigation-top.expand .block-event a:first-child {
                  background: #ea6b15;
                  color: #fff; } }
  .eventhub header .title-wrapper {
    display: inline-block;
    margin-left: 34px;
    padding-top: 4px; }
    @media only screen and (max-width: 767px) {
      .eventhub header .title-wrapper {
        display: none; } }
    .eventhub header .title-wrapper h1 {
      font-weight: 700;
      font-size: 40px;
      line-height: 40px;
      color: #1896ab;
      letter-spacing: -0.3px; }

.eventhub .content-events .sidebar-left {
  float: left;
  width: 14.7%;
  background: #ede8e2;
  padding-right: 28px;
  min-height: 100%;
  height: 174%;
  margin-right: 29px; }
  @media only screen and (max-width: 1024px) {
    .eventhub .content-events .sidebar-left {
      margin-right: 20px;
      width: 16%; } }
  @media only screen and (max-width: 980px) {
    .eventhub .content-events .sidebar-left {
      margin-right: 12px;
      width: 17%;
      padding-right: 15px; } }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .sidebar-left {
      display: none; } }
  .eventhub .content-events .sidebar-left span.bg {
    content: "";
    height: 100%;
    background: #ede8e2;
    position: absolute;
    left: 0;
    top: 154px;
    width: 23%;
    display: block; }
    @media only screen and (min-width: 2139px) {
      .eventhub .content-events .sidebar-left span.bg {
        width: 30%; } }
    @media only screen and (min-width: 2880px) {
      .eventhub .content-events .sidebar-left span.bg {
        width: 36%; } }
    @media only screen and (max-width: 1497px) {
      .eventhub .content-events .sidebar-left span.bg {
        width: 17%; } }
    @media only screen and (max-width: 1230px) {
      .eventhub .content-events .sidebar-left span.bg {
        width: 7%; } }
    @media only screen and (max-width: 1167px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 152px; } }
    @media only screen and (max-width: 1146px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 151px; } }
    @media only screen and (max-width: 1124px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 150px; } }
    @media only screen and (max-width: 1103px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 149px; } }
    @media only screen and (max-width: 1081px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 148px; } }
    @media only screen and (max-width: 1060px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 147px; } }
    @media only screen and (max-width: 1038px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 146px; } }
    @media only screen and (max-width: 980px) {
      .eventhub .content-events .sidebar-left span.bg {
        top: 137px; } }
  .eventhub .content-events .sidebar-left .navigation, .eventhub .content-events .sidebar-left .block-event, .eventhub .content-events .sidebar-left .block-need-inspiration, .eventhub .content-events .sidebar-left .block-share, .eventhub .content-events .sidebar-left .contact-us {
    position: relative;
    z-index: 99; }
  .eventhub .content-events .sidebar-left .navigation {
    border-bottom: 1px solid #000;
    margin-top: 33px;
    padding-bottom: 22px;
    margin-bottom: 27px; }
    .eventhub .content-events .sidebar-left .navigation a {
      font-weight: 700;
      font-size: 18px;
      line-height: 24px;
      text-decoration: none;
      text-transform: capitalize;
      display: block;
      margin-bottom: 1px; }
      .eventhub .content-events .sidebar-left .navigation a:hover, .eventhub .content-events .sidebar-left .navigation a.active {
        color: #1896ab; }
      @media only screen and (max-width: 980px) {
        .eventhub .content-events .sidebar-left .navigation a {
          font-size: 16px; } }
  .eventhub .content-events .sidebar-left .block-event {
    border-bottom: 1px solid #000;
    padding-bottom: 28px; }
    .eventhub .content-events .sidebar-left .block-event h3 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 23px;
      line-height: 21px;
      margin-bottom: 13px;
      color: #363636; }
    .eventhub .content-events .sidebar-left .block-event p {
      line-height: 20px;
      color: #363636; }
    .eventhub .content-events .sidebar-left .block-event a {
      font-size: 15px;
      line-height: 20px;
      color: #1896ab;
      text-transform: uppercase;
      margin-top: 21px;
      display: block; }
  .eventhub .content-events .sidebar-left .block-need-inspiration {
    border-bottom: 1px solid #000;
    padding-bottom: 27px; }
    .eventhub .content-events .sidebar-left .block-need-inspiration h3 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 23px;
      line-height: 21px;
      margin: 32px 0 10px;
      color: #363636; }
    .eventhub .content-events .sidebar-left .block-need-inspiration a {
      display: block;
      font-size: 15px;
      line-height: 25px;
      text-decoration: none;
      color: #363636; }
      .eventhub .content-events .sidebar-left .block-need-inspiration a:hover {
        color: #ea6b15; }
  .eventhub .content-events .sidebar-left .block-share {
    border-bottom: 1px solid #000;
    padding-bottom: 37px; }
    .eventhub .content-events .sidebar-left .block-share h3 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 23px;
      line-height: 21px;
      text-transform: capitalize;
      margin: 37px 0 12px;
      color: #363636; }
    .eventhub .content-events .sidebar-left .block-share p {
      line-height: 20px;
      margin-bottom: 25px;
      color: #363636; }
    .eventhub .content-events .sidebar-left .block-share a {
      display: inline-block;
      width: 28px;
      height: 24px;
      text-indent: -1000em;
      margin-right: 11px; }
      .eventhub .content-events .sidebar-left .block-share a.facebook {
        background: url(../images/icon-share-fb.png) no-repeat;
        background-size: 24px 24px !important; }
      .eventhub .content-events .sidebar-left .block-share a.twister {
        background: url(../images/icon-share-tw.png) no-repeat;
        background-size: 28px 24px !important; }
  .eventhub .content-events .sidebar-left .contact-us h3 {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 23px;
    line-height: 21px;
    margin-top: 37px;
    text-transform: capitalize;
    margin-bottom: 11px;
    color: #363636; }
  .eventhub .content-events .sidebar-left .contact-us a {
    font-size: 15px;
    line-height: 20px;
    color: #1896ab;
    text-transform: uppercase;
    margin-top: 22px;
    display: block; }
  .eventhub .content-events .sidebar-left .contact-us p {
    line-height: 18px;
    margin-bottom: 11px; }

.eventhub .content-events .top-welcome-text .top-content-wrapper {
  background: #faf8f6;
  padding: 51px 0 48px; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .top-welcome-text .top-content-wrapper {
      padding: 15px 0; } }

.eventhub .content-events .top-welcome-text .content-top-main:after {
  content: "";
  font-size: 0;
  clear: both;
  display: block; }

.eventhub .content-events .top-welcome-text .accept-button {
  margin-top: 31px;
  display: block; }
  .eventhub .content-events .top-welcome-text .accept-button a {
    text-transform: capitalize;
    color: #000;
    font-size: 15px;
    line-height: 2;
    opacity: 0.5; }
  .eventhub .content-events .top-welcome-text .accept-button.mobile {
    display: none; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .top-welcome-text .accept-button.mobile {
        display: block; } }

.eventhub .content-events .top-welcome-text h1.page-title {
  font-family: 'Caveat', cursive;
  font-size: 65px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 39px; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .top-welcome-text h1.page-title {
      font-size: 30px;
      line-height: 40px;
      margin-bottom: 15px; } }

.eventhub .content-events .top-welcome-text .desc {
  float: left;
  width: 52%; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .top-welcome-text .desc {
      float: none;
      width: 100%; }
      .eventhub .content-events .top-welcome-text .desc .accept-button {
        display: none; } }
  .eventhub .content-events .top-welcome-text .desc p {
    font-size: 18px;
    line-height: 1.39;
    letter-spacing: -0.3px; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .top-welcome-text .desc p {
        font-size: 16px;
        line-height: 26px; } }
  .eventhub .content-events .top-welcome-text .desc ul, .eventhub .content-events .top-welcome-text .desc ul li {
    list-style: disc;
    list-style-position: inside; }
  .eventhub .content-events .top-welcome-text .desc ol, .eventhub .content-events .top-welcome-text .desc ol li {
    list-style: decimal;
    list-style-position: inside; }
  .eventhub .content-events .top-welcome-text .desc ul, .eventhub .content-events .top-welcome-text .desc ol {
    margin-top: 11px; }
    .eventhub .content-events .top-welcome-text .desc ul li, .eventhub .content-events .top-welcome-text .desc ol li {
      font-size: 15px;
      letter-spacing: -0.3px; }
  .eventhub .content-events .top-welcome-text .desc blockquote p {
    position: relative; }
    .eventhub .content-events .top-welcome-text .desc blockquote p:before, .eventhub .content-events .top-welcome-text .desc blockquote p:after {
      display: inline-block; }
    .eventhub .content-events .top-welcome-text .desc blockquote p:before {
      content: '“'; }
    .eventhub .content-events .top-welcome-text .desc blockquote p:after {
      content: '”'; }

.eventhub .content-events .top-welcome-text .video-container {
  float: right;
  width: 40.14%; }
  @media only screen and (max-width: 1199px) {
    .eventhub .content-events .top-welcome-text .video-container {
      width: 45.14%; } }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .top-welcome-text .video-container {
      float: none;
      width: 100%;
      margin-top: 20px; } }
  .eventhub .content-events .top-welcome-text .video-container .caption-video {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.44;
    margin-top: 12px; }

.eventhub .content-events .top-welcome-text .video-ht-events-hub {
  position: relative;
  padding-bottom: 51.1%;
  padding-top: 25px;
  height: 0; }
  .eventhub .content-events .top-welcome-text .video-ht-events-hub iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.eventhub .content-events .site-main-content {
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .site-main-content {
      margin-top: 0;
      padding-top: 13px; } }
  .eventhub .content-events .site-main-content .top-title {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .site-main-content .top-title {
        display: block;
        padding-bottom: 29px; } }
    .eventhub .content-events .site-main-content .top-title .title-wrapper h1 {
      font-weight: 700;
      font-size: 40px;
      line-height: 1;
      letter-spacing: -0.8px;
      text-transform: capitalize;
      font-family: 'Karla', sans-serif;
      margin-right: 134px;
      margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .site-main-content .top-title .title-wrapper {
        display: inline-block;
        margin-bottom: 18px; }
        .eventhub .content-events .site-main-content .top-title .title-wrapper h1 {
          text-align: center;
          font-weight: 700;
          font-size: 20px;
          line-height: 30px;
          letter-spacing: -0.4px;
          color: #000;
          margin-right: 0;
          margin-top: 5px;
          margin-bottom: 0; } }
    .eventhub .content-events .site-main-content .top-title .link-create {
      text-align: center; }
      .eventhub .content-events .site-main-content .top-title .link-create a {
        text-decoration: none;
        font-weight: 700;
        margin-top: 6px;
        font-size: 17px;
        display: inline-block;
        padding: 5px 24px 5px 18px;
        text-transform: uppercase;
        border: 3px solid #1896ab;
        color: #1896ab;
        -moz-border-radius: 21px;
        -webkit-border-radius: 21px;
        -ms-border-radius: 21px;
        border-radius: 21px; }
        @media only screen and (max-width: 767px) {
          .eventhub .content-events .site-main-content .top-title .link-create a {
            padding: 5px 10px 5px 8px;
            margin-top: 0;
            width: 219px;
            display: inline-block; } }
  .eventhub .content-events .site-main-content .no-event p {
    font-size: 18px; }
  .eventhub .content-events .site-main-content.post-show-eventhub {
    margin-top: 0; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .site-main-content.post-show-eventhub {
        padding-top: 24px; } }
    .eventhub .content-events .site-main-content.post-show-eventhub .supported-block-line {
      margin-top: 27px;
      margin-bottom: 46px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .site-main-content.post-show-eventhub .supported-block-line {
          margin-bottom: 34px;
          margin-top: 16px; } }
  .eventhub .content-events .site-main-content .event-inspiration {
    margin-bottom: 69px;
    clear: both; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .site-main-content .event-inspiration {
        margin-top: 0;
        margin-bottom: 30px; } }
    .eventhub .content-events .site-main-content .event-inspiration h1 {
      font-family: 'Karla', sans-serif;
      font-weight: 700;
      font-size: 40px;
      line-height: 1;
      margin-bottom: 51px;
      letter-spacing: -0.8px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .site-main-content .event-inspiration h1 {
          font-size: 20px;
          line-height: 30px;
          margin-bottom: 20px;
          letter-spacing: -0.4px; } }
    .eventhub .content-events .site-main-content .event-inspiration ul {
      margin: 0 -15px;
      zoom: 1; }
      .eventhub .content-events .site-main-content .event-inspiration ul:after {
        clear: both; }
      .eventhub .content-events .site-main-content .event-inspiration ul:before, .eventhub .content-events .site-main-content .event-inspiration ul:after {
        content: '\0020';
        display: block;
        overflow: hidden;
        visibility: hidden;
        width: 0;
        height: 0; }
      .eventhub .content-events .site-main-content .event-inspiration ul li {
        float: left;
        width: 33.33%;
        margin-bottom: 44px; }
        @media only screen and (max-width: 767px) {
          .eventhub .content-events .site-main-content .event-inspiration ul li {
            width: 50%; }
            .eventhub .content-events .site-main-content .event-inspiration ul li:nth-child(2n+1) {
              clear: left; } }
        @media only screen and (max-width: 559px) {
          .eventhub .content-events .site-main-content .event-inspiration ul li {
            width: 100%; }
            .eventhub .content-events .site-main-content .event-inspiration ul li:last-child {
              margin-bottom: 20px; } }
        .eventhub .content-events .site-main-content .event-inspiration ul li:nth-child(3n+1) {
          clear: left; }
          @media only screen and (max-width: 767px) {
            .eventhub .content-events .site-main-content .event-inspiration ul li:nth-child(3n+1) {
              clear: none; } }
        .eventhub .content-events .site-main-content .event-inspiration ul li .news-content {
          margin: 0 15px; }
          .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image {
            position: relative;
            display: block;
            margin-bottom: 21px; }
            .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image img {
              display: block; }
            .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags {
              color: #fff;
              font-size: 17px;
              font-weight: bold;
              white-space: nowrap;
              padding: 9px 22px 9px;
              line-height: 20px;
              position: absolute;
              left: 0;
              top: 20px; }
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags .flag-text {
                position: relative;
                z-index: 3; }
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags:before {
                content: "";
                background: #ea6b15;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 2; }
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags:after {
                content: "";
                background: #faa53f;
                position: absolute;
                left: 0;
                top: 5px;
                z-index: 1;
                width: calc(100% + 5px);
                height: 100%; }
              @media only screen and (max-width: 767px) {
                .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags {
                  padding: 5px 22px 5px;
                  top: 0; }
                  .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .image .flags:after {
                    top: 2px;
                    width: calc(100% + 2px); } }
          @media only screen and (max-width: 1024px) {
            .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top {
              margin-top: 4px; } }
          .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-category {
            text-transform: uppercase;
            font-size: 14px;
            line-height: 28px;
            letter-spacing: -0.3px;
            font-weight: 700;
            margin-right: 6px; }
            @media only screen and (max-width: 1024px) {
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-category {
                font-size: 12px; } }
            .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-category a {
              color: #ea6b15;
              text-decoration: none; }
          .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-title {
            font-size: 18px;
            line-height: normal;
            letter-spacing: normal;
            font-weight: 700; }
            @media only screen and (max-width: 1024px) {
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-title {
                font-size: 16px;
                line-height: 26px; } }
            .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-title a {
              color: #000;
              text-decoration: none; }
              .eventhub .content-events .site-main-content .event-inspiration ul li .news-content .title-top .post-title a:hover {
                color: #ea6b15; }
        .eventhub .content-events .site-main-content .event-inspiration ul li .desc p {
          font-size: 15px;
          line-height: 1.67;
          margin-top: 9px;
          letter-spacing: -0.3px; }
        .eventhub .content-events .site-main-content .event-inspiration ul li .view-more {
          font-size: 14px;
          line-height: 1.67;
          font-weight: 400;
          text-decoration: none;
          color: #acacac; }
          .eventhub .content-events .site-main-content .event-inspiration ul li .view-more:hover {
            color: #ea6b15; }
    .eventhub .content-events .site-main-content .event-inspiration .view-more-ideas {
      text-align: center;
      margin-top: 2px; }
      .eventhub .content-events .site-main-content .event-inspiration .view-more-ideas a {
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 5px 18px;
        text-transform: uppercase;
        border: 3px solid #1896ab;
        color: #1896ab; }
        .eventhub .content-events .site-main-content .event-inspiration .view-more-ideas a:hover {
          background: #1896ab;
          color: #fff; }
  .eventhub .content-events .site-main-content .event-promotion-tools {
    margin-bottom: 13px; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .site-main-content .event-promotion-tools {
        margin-bottom: 24px; } }
    .eventhub .content-events .site-main-content .event-promotion-tools ul li .news-content .title-top .post-title {
      margin-bottom: 14px;
      display: block; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .site-main-content .event-promotion-tools ul li .news-content .title-top .post-title {
          margin-bottom: 11px; } }
  .eventhub .content-events .site-main-content .eventhub-head-link .list-link {
    display: block;
    margin: 0 auto;
    text-align: left; }
    @media only screen and (max-width: 1199px) {
      .eventhub .content-events .site-main-content .eventhub-head-link .list-link {
        max-width: 100%;
        display: inline-block; } }
  .eventhub .content-events .site-main-content .eventhub-head-link a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 2;
    color: #000;
    position: relative;
    padding-left: 51px;
    white-space: nowrap; }
    @media only screen and (max-width: 559px) {
      .eventhub .content-events .site-main-content .eventhub-head-link a {
        padding-left: 33px;
        font-size: 13px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a:before {
      content: "";
      width: 41px;
      height: 41px;
      background: #8ecbd5;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 9; }
      @media only screen and (max-width: 559px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a:before {
          width: 28px;
          height: 28px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a:after {
      content: "";
      display: inline-block;
      width: 40px;
      height: 40px;
      position: absolute;
      z-index: 10; }
      @media only screen and (max-width: 559px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a:after {
          width: 28px;
          height: 28px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a.link-event-page {
      margin-right: 34px; }
      @media only screen and (max-width: 559px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a.link-event-page {
          margin-right: 5px; } }
      .eventhub .content-events .site-main-content .eventhub-head-link a.link-event-page:after {
        background: url("../images/star.png") no-repeat;
        left: 8px;
        top: -5px; }
        @media only screen and (max-width: 559px) {
          .eventhub .content-events .site-main-content .eventhub-head-link a.link-event-page:after {
            background-size: 17px auto;
            left: 6px;
            top: -2px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a.link-meal-list {
      margin-right: 48px; }
      @media only screen and (max-width: 559px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a.link-meal-list {
          margin-right: 10px; } }
      .eventhub .content-events .site-main-content .eventhub-head-link a.link-meal-list:after {
        background: url("../images/list.png") no-repeat;
        left: 11px;
        top: -3px; }
        @media only screen and (max-width: 559px) {
          .eventhub .content-events .site-main-content .eventhub-head-link a.link-meal-list:after {
            background-size: 12px auto;
            left: 8px;
            top: -1px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a.link-promo:after {
      background: url("../images/promo.png") no-repeat;
      left: 8px;
      top: -2px; }
      @media only screen and (max-width: 559px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a.link-promo:after {
          background-size: 17px auto;
          left: 6px;
          top: 0px; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a .tooltip {
      display: none;
      background: #fff;
      border: solid 3px #ede8e2;
      width: 224px;
      padding: 14px 10px 12px 20px;
      font-size: 14px;
      line-height: 1.43;
      position: absolute;
      bottom: 26px;
      left: 17px;
      font-weight: 400;
      color: #000;
      text-transform: none; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .site-main-content .eventhub-head-link a .tooltip {
          display: none !important; } }
    .eventhub .content-events .site-main-content .eventhub-head-link a:hover {
      color: #1896ab; }
      .eventhub .content-events .site-main-content .eventhub-head-link a:hover:before {
        background: #1896ab; }
      .eventhub .content-events .site-main-content .eventhub-head-link a:hover .tooltip {
        display: block; }
    .eventhub .content-events .site-main-content .eventhub-head-link a.active {
      color: #1896ab; }
      .eventhub .content-events .site-main-content .eventhub-head-link a.active:before {
        background: #1896ab; }
  .eventhub .content-events .site-main-content #ehce-validate-error {
    width: 100%;
    background: #ff3941;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    padding: 8px 28px 8px 19px;
    margin-bottom: 17px; }
    .eventhub .content-events .site-main-content #ehce-validate-error p {
      color: #fff; }
    .eventhub .content-events .site-main-content #ehce-validate-error .close-error {
      position: absolute;
      right: 11px;
      top: 50%;
      text-indent: -1000em;
      width: 15px;
      height: 15px;
      padding: 0;
      margin-top: -9px; }
      .eventhub .content-events .site-main-content #ehce-validate-error .close-error:after, .eventhub .content-events .site-main-content #ehce-validate-error .close-error:before {
        content: '';
        height: 1px;
        width: 100%;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 0; }
      .eventhub .content-events .site-main-content #ehce-validate-error .close-error:after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .eventhub .content-events .site-main-content #ehce-validate-error .close-error:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  .eventhub .content-events .site-main-content .promo-tool-banner {
    margin-bottom: 20px; }
    .eventhub .content-events .site-main-content .promo-tool-banner a {
      display: block; }

.eventhub .content-events .events-main-content {
  margin-top: 25px; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .events-main-content {
      margin-top: 0; } }
  .eventhub .content-events .events-main-content .events {
    float: left;
    width: 74.6%;
    margin-top: 21px;
    padding-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .events-main-content .events {
        float: none;
        width: 100%; } }
  .eventhub .content-events .events-main-content .list-events .event-item {
    margin-bottom: 51px;
    border: 3px solid #ede8e2;
    -moz-border-radius: 0 0 20px 30px;
    -webkit-border-radius: 0 0 20px 30px;
    -ms-border-radius: 0 0 20px 30px;
    border-radius: 0 0 20px 30px;
    background: #fff;
    padding-bottom: 26px; }
    .eventhub .content-events .events-main-content .list-events .event-item .title {
      background: #faa53f;
      font-weight: 700;
      font-size: 25px;
      line-height: 1.56;
      color: #fff;
      padding: 5px 0 6px 25px;
      margin: -24px -3px 0;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .title {
          font-size: 25px;
          line-height: 30px;
          padding: 10px 20px; } }
    .eventhub .content-events .events-main-content .list-events .event-item .value {
      font-weight: 700;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .value {
          font-size: 20px;
          line-height: 28px;
          text-align: left; } }
    .eventhub .content-events .events-main-content .list-events .event-item .view-detail {
      font-size: 14px;
      font-weight: 700;
      line-height: 30px;
      margin-top: 30px;
      display: block; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .view-detail {
          display: none; } }
    .eventhub .content-events .events-main-content .list-events .event-item .event-content-item {
      position: relative;
      padding: 31px 24px 14px 31px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .event-content-item {
          padding: 22px 20px 22px 16px;
          text-align: center; } }
      .eventhub .content-events .events-main-content .list-events .event-item .event-content-item a.view-event {
        text-decoration: none;
        -moz-border-radius: 21px;
        -webkit-border-radius: 21px;
        -ms-border-radius: 21px;
        border-radius: 21px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 7px 21px 7px 19px;
        text-transform: uppercase;
        color: #fff;
        background: #ea6b15;
        position: absolute;
        right: 74px;
        top: 26px; }
        .eventhub .content-events .events-main-content .list-events .event-item .event-content-item a.view-event:hover {
          background: #faa53f; }
        @media only screen and (max-width: 767px) {
          .eventhub .content-events .events-main-content .list-events .event-item .event-content-item a.view-event {
            position: static;
            display: inline-block;
            -webkit-transform: translate(0, 0);
            -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            margin-top: 21px; }
            .eventhub .content-events .events-main-content .list-events .event-item .event-content-item a.view-event.highlight-link {
              margin-top: 18px; } }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .event-content-item > span {
          display: none; }
        .eventhub .content-events .events-main-content .list-events .event-item .event-content-item .block-location {
          text-align: left; }
          .eventhub .content-events .events-main-content .list-events .event-item .event-content-item .block-location > span {
            display: none; } }
    .eventhub .content-events .events-main-content .list-events .event-item .text-location {
      font-size: 15px;
      line-height: 24px;
      margin-bottom: 4px;
      display: inline-block;
      margin-right: 20px;
      font-weight: 700;
      text-transform: capitalize; }
      .eventhub .content-events .events-main-content .list-events .event-item .text-location span {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 700;
        margin-right: 11px;
        letter-spacing: 0.7px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .text-location {
          font-size: 15px;
          margin-bottom: 0px; } }
    .eventhub .content-events .events-main-content .list-events .event-item .start-time {
      margin-right: 15px;
      margin-left: 15px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .start-time {
          margin-bottom: 10px; } }
    .eventhub .content-events .events-main-content .list-events .event-item .confirm-attend {
      margin-left: 15px; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .confirm-attend {
          margin-left: 0; } }
    .eventhub .content-events .events-main-content .list-events .event-item .block-line {
      background: url(../images/line-event-list.png) no-repeat center top;
      margin-top: 4px;
      padding-top: 23px;
      margin-bottom: 5px; }
    .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link {
      text-align: center; }
      .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link .list-link {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link .list-link {
            padding-top: 6px; } }
      .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a {
        text-decoration: none;
        font-size: 15px;
        font-weight: 700;
        text-transform: capitalize;
        line-height: 2;
        color: #000;
        position: relative;
        padding-left: 51px;
        display: flex;
        align-items: center;
        height: 40px; }
        @media only screen and (max-width: 559px) {
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a {
            padding-left: 33px;
            font-size: 13px;
            height: 28px;
            margin-bottom: 5px;
            margin-top: 5px; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:before {
          content: "";
          width: 40px;
          height: 40px;
          background: #8ecbd5;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          -ms-border-radius: 100%;
          border-radius: 100%;
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          -o-transform: translate(0, -50%);
          transform: translate(0, -50%);
          z-index: 9; }
          @media only screen and (max-width: 559px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:before {
              width: 28px;
              height: 28px; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:after {
          content: "";
          display: inline-block;
          width: 40px;
          height: 40px;
          position: absolute;
          z-index: 10;
          left: 0;
          top: 0; }
          @media only screen and (max-width: 559px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:after {
              width: 28px;
              height: 28px; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-event-page {
          margin-right: 34px; }
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-event-page:after {
            background: url("../images/star.png") no-repeat center center;
            top: -2px; }
          @media only screen and (max-width: 559px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-event-page {
              margin-right: 10px; }
              .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-event-page:after {
                background-size: 17px auto;
                top: 0; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-meal-list {
          margin-right: 48px; }
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-meal-list:after {
            background: url("../images/list.png") no-repeat center center; }
          @media only screen and (max-width: 559px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-meal-list {
              margin-right: 10px; }
              .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-meal-list:after {
                background-size: 12px auto; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-promo:after {
          background: url("../images/promo.png") no-repeat center center;
          top: 2px; }
          @media only screen and (max-width: 559px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a.link-promo:after {
              background-size: 17px auto; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a .tooltip {
          display: none;
          background: #fff;
          border: solid 3px #ede8e2;
          width: 224px;
          padding: 14px 10px 12px 20px;
          font-size: 14px;
          line-height: 1.43;
          position: absolute;
          bottom: 26px;
          left: 17px;
          font-weight: 400;
          color: #000;
          text-transform: none; }
          @media only screen and (max-width: 767px) {
            .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a .tooltip {
              display: none !important; } }
        .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:hover {
          color: #1896ab; }
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:hover:before {
            background: #1896ab; }
          .eventhub .content-events .events-main-content .list-events .event-item .eventhub-head-link a:hover .tooltip {
            display: block; }
    .eventhub .content-events .events-main-content .list-events .event-item .start-time, .eventhub .content-events .events-main-content .list-events .event-item .confirm-attend {
      display: inline-block;
      font-size: 15px;
      line-height: 30px;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .events-main-content .list-events .event-item .start-time, .eventhub .content-events .events-main-content .list-events .event-item .confirm-attend {
          display: block;
          font-size: 15px;
          line-height: 25px;
          margin: 0; } }
      .eventhub .content-events .events-main-content .list-events .event-item .start-time span, .eventhub .content-events .events-main-content .list-events .event-item .confirm-attend span {
        font-weight: 700;
        margin-right: 13px; }
  .eventhub .content-events .events-main-content .list-events:last-child .event-item {
    margin-bottom: 0; }
  .eventhub .content-events .events-main-content .list-events.incomplete-events .event-item {
    margin-bottom: 51px; }
    .eventhub .content-events .events-main-content .list-events.incomplete-events .event-item:last-child {
      margin-bottom: 0; }
    .eventhub .content-events .events-main-content .list-events.incomplete-events .event-item .event-content-item a.view-event {
      padding: 7px 20px 7px 16px;
      right: 56px; }
  @media only screen and (max-width: 980px) {
    .eventhub .content-events .events-main-content .list-events.complete-events .event-item .event-content-item a.view-event {
      top: 42%;
      position: static;
      display: inline-block;
      margin: 38px 0 0 0; } }

.eventhub .content-events .sidebar-right {
  float: right;
  width: 23.04%;
  padding-bottom: 14px; }
  @media only screen and (max-width: 980px) {
    .eventhub .content-events .sidebar-right {
      width: 23.4%; } }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .sidebar-right {
      float: none;
      width: 100%;
      margin-top: 0;
      padding-bottom: 0; } }
  .eventhub .content-events .sidebar-right .link-created {
    text-align: right;
    margin-top: 39px;
    margin-bottom: 27px; }
    @media only screen and (max-width: 767px) {
      .eventhub .content-events .sidebar-right .link-created {
        text-align: center;
        margin-top: 31px;
        margin-bottom: 31px; } }
    .eventhub .content-events .sidebar-right .link-created a {
      text-decoration: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 13px 32px 13px 27px;
      text-transform: uppercase;
      background: #ea6b15;
      color: #fff; }
      .eventhub .content-events .sidebar-right .link-created a:hover {
        background: #faa53f; }
      @media only screen and (max-width: 980px) {
        .eventhub .content-events .sidebar-right .link-created a {
          font-size: 15px;
          padding: 12px 14px; } }
      @media only screen and (max-width: 767px) {
        .eventhub .content-events .sidebar-right .link-created a {
          font-size: 17px;
          padding: 12px 29px 13px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px; } }
  .eventhub .content-events .sidebar-right .right-content .banner-right {
    position: relative; }
    .eventhub .content-events .sidebar-right .right-content .banner-right a {
      text-decoration: none; }
    .eventhub .content-events .sidebar-right .right-content .banner-right .image {
      display: block;
      position: relative; }
      .eventhub .content-events .sidebar-right .right-content .banner-right .image:before {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0; }
      .eventhub .content-events .sidebar-right .right-content .banner-right .image img {
        display: block; }
    .eventhub .content-events .sidebar-right .right-content .banner-right .content {
      position: absolute;
      width: 100%;
      left: 50%;
      top: 49%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      padding: 0 10px; }
    .eventhub .content-events .sidebar-right .right-content .banner-right .link {
      position: relative;
      padding-right: 10px;
      line-height: 18px; }
      .eventhub .content-events .sidebar-right .right-content .banner-right .link:after {
        content: ">";
        display: inline-block;
        margin-left: 4px;
        position: absolute;
        right: 0;
        top: 1px; }
    @media only screen and (min-width: 768px) and (max-width: 1169px) {
      .eventhub .content-events .sidebar-right .right-content .banner-right .image {
        height: 185px;
        width: 100%;
        position: relative;
        overflow-x: hidden; }
        .eventhub .content-events .sidebar-right .right-content .banner-right .image img {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          max-width: none;
          height: 100%;
          width: auto; } }
  .eventhub .content-events .sidebar-right .right-content .banner-on {
    background: #8ecbd5;
    text-align: center;
    margin-bottom: 30px; }
    .eventhub .content-events .sidebar-right .right-content .banner-on a {
      min-height: 153px;
      height: inherit;
      display: block; }
    .eventhub .content-events .sidebar-right .right-content .banner-on .content {
      top: 49%; }
    .eventhub .content-events .sidebar-right .right-content .banner-on .image + .content {
      color: #fff; }
      .eventhub .content-events .sidebar-right .right-content .banner-on .image + .content .link {
        color: #fff; }
    .eventhub .content-events .sidebar-right .right-content .banner-on h3 {
      font-family: 'Caveat', cursive;
      font-size: 40px;
      line-height: 1;
      font-weight: 700;
      color: #fff;
      letter-spacing: -0.8px;
      margin-bottom: 5px; }
    .eventhub .content-events .sidebar-right .right-content .banner-on .link {
      text-decoration: underline;
      font-weight: 700;
      font-size: 15px;
      letter-spacing: -0.3px;
      line-height: normal;
      color: #000; }
    .eventhub .content-events .sidebar-right .right-content .banner-on.banner-competition {
      background: #1896ab; }
    @media only screen and (min-width: 768px) and (max-width: 1169px) {
      .eventhub .content-events .sidebar-right .right-content .banner-on {
        min-height: 185px; } }
  .eventhub .content-events .sidebar-right .right-content .banner-below .content {
    padding: 0 28px 0 36px;
    color: #fff;
    text-align: center; }
    @media only screen and (max-width: 1169px) {
      .eventhub .content-events .sidebar-right .right-content .banner-below .content {
        padding: 0 10px; } }
  .eventhub .content-events .sidebar-right .right-content .banner-below h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.46;
    color: #fff;
    margin-bottom: 8px; }
  .eventhub .content-events .sidebar-right .right-content .banner-below p.text {
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: -0.3px; }
  .eventhub .content-events .sidebar-right .right-content .banner-below .link {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    letter-spacing: -0.3px;
    margin-top: 1px; }
    .eventhub .content-events .sidebar-right .right-content .banner-below .link:after {
      font-weight: 400; }

.eventhub .content-events .ehve-success .msg-close img {
  display: none !important; }

.eventhub .content-events .ehve-success .msg-close:after, .eventhub .content-events .ehve-success .msg-close:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -2px;
  background: #fff;
  display: block; }

.eventhub .content-events .ehve-success .msg-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.eventhub .content-events .ehve-success .msg-close:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

body.logged-in.eventhub {
  margin-top: 0 !important; }

/*===============Login==================*/
.header-login .block-time,
.header-login .action-links {
  display: none; }

.header-login .header-main {
  background: transparent;
  text-align: center;
  padding-bottom: 18px; }
  @media only screen and (max-width: 767px) {
    .header-login .header-main {
      padding-bottom: 15px; } }
  .header-login .header-main .container {
    display: inline-block; }
  .header-login .header-main .logo-wrapper {
    width: 482px; }
    @media only screen and (max-width: 767px) {
      .header-login .header-main .logo-wrapper {
        width: 192px; } }

.login-content {
  margin-bottom: 100px;
  /*==========forgot pass===========*/ }
  @media only screen and (max-width: 767px) {
    .login-content {
      margin-bottom: 80px; } }
  .login-content h1 {
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.8px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px; }
    @media only screen and (max-width: 767px) {
      .login-content h1 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 23px; } }
  .login-content .wrapper-content {
    max-width: 1146px;
    background: #faf8f6;
    border: 3px solid #ede8e2;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 36px 0 29px; }
    @media only screen and (max-width: 767px) {
      .login-content .wrapper-content {
        padding: 7px 17px 10px; } }
    .login-content .wrapper-content .form-content {
      max-width: 600px;
      margin: 0 auto; }
      .login-content .wrapper-content .form-content .description {
        text-align: center; }
        .login-content .wrapper-content .form-content .description p {
          font-size: 22px;
          line-height: 32px;
          font-weight: 700;
          margin-top: 16px; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .description p {
              font-size: 17px;
              line-height: 26px; } }
      .login-content .wrapper-content .form-content .login-message {
        padding-top: 30px; }
      .login-content .wrapper-content .form-content .desc-forgot {
        text-align: center; }
      .login-content .wrapper-content .form-content .form-entry {
        max-width: 558px;
        margin: 0 auto;
        margin-top: 39px; }
        @media only screen and (max-width: 767px) {
          .login-content .wrapper-content .form-content .form-entry {
            margin-top: 21px; } }
        .login-content .wrapper-content .form-content .form-entry .login-item {
          margin-bottom: 12px; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .login-item {
              margin-top: 9px; } }
        .login-content .wrapper-content .form-content .form-entry .login-remember {
          margin-bottom: 42px; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .login-remember {
              margin-top: 21px;
              margin-bottom: 36px; } }
          .login-content .wrapper-content .form-content .form-entry .login-remember input[type="checkbox"] {
            float: left;
            margin-right: 10px; }
            @media only screen and (max-width: 767px) {
              .login-content .wrapper-content .form-content .form-entry .login-remember input[type="checkbox"] {
                margin-left: -32px; } }
          .login-content .wrapper-content .form-content .form-entry .login-remember label {
            font-weight: 400;
            line-height: 22px; }
            @media only screen and (max-width: 767px) {
              .login-content .wrapper-content .form-content .form-entry .login-remember label {
                padding-left: 32px;
                line-height: 18px;
                padding-right: 4px; } }
        .login-content .wrapper-content .form-content .form-entry .login-submit, .login-content .wrapper-content .form-content .form-entry .btn-block {
          text-align: center; }
        .login-content .wrapper-content .form-content .form-entry .btn-block {
          margin-top: 30px; }
        .login-content .wrapper-content .form-content .form-entry input.button {
          border: none;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px;
          font-weight: 700;
          font-size: 17px;
          display: inline-block;
          padding: 17px 33px 18px 31px;
          text-transform: uppercase;
          background: #ea6b15;
          width: auto;
          color: #fff;
          font-weight: 700;
          cursor: pointer;
          height: auto; }
          @media only screen and (min-width: 768px) {
            .login-content .wrapper-content .form-content .form-entry input.button {
              width: 100%;
              max-width: 362px; } }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry input.button {
              padding: 16px 40px 17px 41px; } }
          .login-content .wrapper-content .form-content .form-entry input.button:hover {
            background: #faa53f; }
        .login-content .wrapper-content .form-content .form-entry .login-submit {
          margin-bottom: 25px; }
        .login-content .wrapper-content .form-content .form-entry .button-login-microsoft input,
        .login-content .wrapper-content .form-content .form-entry .button-login-google {
          text-decoration: none !important;
          height: 40px;
          line-height: 1.2;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px;
          font-weight: 700;
          font-size: 17px;
          display: inline-block;
          padding: 7px 13px;
          text-transform: uppercase;
          background: #fff;
          color: #acacac;
          border: 3px solid #acacac;
          text-align: center;
          max-width: 362px;
          display: block;
          width: 100%;
          margin: 0 auto 25px;
          text-align: center; }
          .login-content .wrapper-content .form-content .form-entry .button-login-microsoft input:hover,
          .login-content .wrapper-content .form-content .form-entry .button-login-google:hover {
            background: #fff;
            color: #ea6b15;
            border: 3px solid #ea6b15; }
          .login-content .wrapper-content .form-content .form-entry .button-login-microsoft input:hover,
          .login-content .wrapper-content .form-content .form-entry .button-login-google:hover {
            cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .button-login-microsoft input,
            .login-content .wrapper-content .form-content .form-entry .button-login-google {
              font-size: 16px; } }
        .login-content .wrapper-content .form-content .form-entry .button-login-microsoft,
        .login-content .wrapper-content .form-content .form-entry .button-login-google {
          position: relative;
          max-width: 362px;
          display: block;
          margin: 0 auto 25px; }
          .login-content .wrapper-content .form-content .form-entry .button-login-microsoft:before,
          .login-content .wrapper-content .form-content .form-entry .button-login-google:before {
            content: '';
            position: absolute;
            left: 12px;
            top: 8px;
            width: 21px;
            height: 18px; }
        .login-content .wrapper-content .form-content .form-entry .button-login-microsoft {
          margin-bottom: 28px; }
          .login-content .wrapper-content .form-content .form-entry .button-login-microsoft:before {
            background: url("../images/logo-microsoft.svg") 0 0 no-repeat;
            left: 15px;
            top: 11px; }
        .login-content .wrapper-content .form-content .form-entry .button-login-google:before {
          background: url("../images/logo-google.svg") 0 0 no-repeat; }
        .login-content .wrapper-content .form-content .form-entry .login-bottom-links {
          margin-bottom: 28px; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .login-bottom-links {
              margin-bottom: 18px; } }
        .login-content .wrapper-content .form-content .form-entry .login-password {
          position: relative; }
        .login-content .wrapper-content .form-content .form-entry .link-forgot-pass {
          display: block;
          text-align: center;
          font-size: 15px;
          line-height: 25px;
          letter-spacing: -0.3px;
          position: absolute;
          right: 0;
          top: 0; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .link-forgot-pass {
              margin-top: 0;
              font-size: 13px; } }
        .login-content .wrapper-content .form-content .form-entry .link-register {
          text-align: center;
          font-size: 17px;
          line-height: 25px;
          margin-bottom: 21px;
          letter-spacing: -0.3px; }
          .login-content .wrapper-content .form-content .form-entry .link-register #register-link {
            font-size: 15px; }
          @media only screen and (max-width: 767px) {
            .login-content .wrapper-content .form-content .form-entry .link-register {
              margin-bottom: 10px;
              font-size: 16px; }
              .login-content .wrapper-content .form-content .form-entry .link-register #register-link {
                font-size: 14px; } }
        .login-content .wrapper-content .form-content .form-entry .link-contact {
          text-align: center;
          font-size: 15px;
          line-height: 25px;
          letter-spacing: -0.3px; }
        .login-content .wrapper-content .form-content .form-entry .link-cancel {
          display: block;
          text-align: center;
          margin-top: 30px; }
        .login-content .wrapper-content .form-content .form-entry label.error {
          text-align: left;
          margin-top: 5px;
          font-weight: 400;
          color: #d12118; }
        .login-content .wrapper-content .form-content .form-entry .login-error {
          font-weight: 400;
          color: #d12118;
          margin-bottom: 20px; }
        .login-content .wrapper-content .form-content .form-entry .btn-reset {
          text-align: center;
          margin-top: 30px; }
    .login-content .wrapper-content .confirm-content h1 {
      margin-bottom: 23px; }
    .login-content .wrapper-content .confirm-content p {
      text-align: center;
      margin-bottom: 25px;
      font-size: 17px;
      letter-spacing: -0.3px; }
      @media only screen and (max-width: 767px) {
        .login-content .wrapper-content .confirm-content p {
          font-size: 15px; } }
      .login-content .wrapper-content .confirm-content p a {
        font-weight: 700;
        display: block;
        margin-top: 50px; }
      .login-content .wrapper-content .confirm-content p.resend {
        margin-bottom: 13px; }
  .login-content .forgot-pass-content {
    padding: 52px 0 56px; }
    .login-content .forgot-pass-content.active {
      margin-top: 50px; }
    @media only screen and (max-width: 767px) {
      .login-content .forgot-pass-content {
        padding: 19px 17px 17px; }
        .login-content .forgot-pass-content.active {
          margin-top: 30px; } }
    .login-content .forgot-pass-content h2 {
      font-size: 22px;
      line-height: 32px;
      text-transform: none;
      margin-bottom: 31px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .login-content .forgot-pass-content h2 {
          font-size: 17px;
          margin-bottom: 17px; } }
    .login-content .forgot-pass-content h1.title-top {
      display: none; }
      @media only screen and (max-width: 767px) {
        .login-content .forgot-pass-content h1.title-top {
          display: block;
          font-size: 20px;
          line-height: 30px;
          margin-bottom: 24px; } }
    .login-content .forgot-pass-content .form-content .desc-forgot {
      padding: 0 35px;
      margin-bottom: 20px; }
      .login-content .forgot-pass-content .form-content .desc-forgot br {
        display: none; }
      @media only screen and (max-width: 767px) {
        .login-content .forgot-pass-content .form-content .desc-forgot {
          padding: 0;
          font-size: 14px; } }
      @media only screen and (min-width: 1170px) {
        .login-content .forgot-pass-content .form-content .desc-forgot br {
          display: inherit; } }
    .login-content .forgot-pass-content .form-content .form-entry {
      margin-top: 0; }
      .login-content .forgot-pass-content .form-content .form-entry .btn-block {
        margin-top: 19px; }
        .login-content .forgot-pass-content .form-content .form-entry .btn-block input.button {
          padding: 17px 25px 18px 28px;
          max-width: 166px;
          margin-bottom: 20px;
          width: 100%; }
      .login-content .forgot-pass-content .form-content .form-entry .link-cancel {
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 18px;
        padding-top: 12px; }
        @media only screen and (max-width: 767px) {
          .login-content .forgot-pass-content .form-content .form-entry .link-cancel {
            font-size: 14px; } }
    .login-content .forgot-pass-content .form-content.confirm-content {
      max-width: 884px; }
    .login-content .forgot-pass-content .form-content div.error {
      text-align: center;
      margin-bottom: 14px; }
      .login-content .forgot-pass-content .form-content div.error br {
        display: none; }
      @media only screen and (max-width: 767px) {
        .login-content .forgot-pass-content .form-content div.error {
          font-size: 13px;
          line-height: 16px;
          margin-bottom: 8px; } }
      @media only screen and (min-width: 1170px) {
        .login-content .forgot-pass-content .form-content div.error br {
          display: inherit; } }
  .login-content.expired-content .form-content {
    text-align: center; }
  .login-content.expired-content h3.title {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    margin-top: 16px; }
    @media only screen and (max-width: 767px) {
      .login-content.expired-content h3.title {
        font-size: 16px;
        line-height: 25px; } }
  .login-content.expired-content .button {
    border: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 17px 33px 18px 31px;
    text-transform: uppercase;
    background: #ea6b15;
    width: auto;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    height: auto;
    text-decoration: none;
    margin-top: 44px; }
    @media only screen and (max-width: 767px) {
      .login-content.expired-content .button {
        padding: 16px 40px 17px 41px; } }
    .login-content.expired-content .button:hover {
      background: #faa53f; }

/*===============Create event=================*/
@media only screen and (max-width: 767px) {
  .create-event, .edit-event {
    background: #faf8f6; } }

.create-event .title-wrapper, .edit-event .title-wrapper {
  display: none; }

.create-event .content-events .site-main-content .eventhub-head-link, .edit-event .content-events .site-main-content .eventhub-head-link {
  display: none; }

.create-event #breadcrumbs, .edit-event #breadcrumbs {
  display: block;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .create-event #breadcrumbs, .edit-event #breadcrumbs {
      display: none; } }

.create-event .form-edit-events h3, .edit-event .form-edit-events h3 {
  font-weight: 700;
  font-size: 40px;
  letter-spacing: -0.8px;
  text-transform: uppercase; }

.create-event .content-events .site-main-content, .edit-event .content-events .site-main-content {
  margin-top: 50px;
  min-height: 2100px; }
  @media only screen and (max-width: 767px) {
    .create-event .content-events .site-main-content, .edit-event .content-events .site-main-content {
      margin-top: 0;
      width: 100%;
      min-height: inherit;
      padding-bottom: 41px; } }

@media only screen and (max-width: 767px) {
  .create-event .site-main-content > .title-wrapper, .edit-event .site-main-content > .title-wrapper {
    display: block; }
    .create-event .site-main-content > .title-wrapper h1, .edit-event .site-main-content > .title-wrapper h1 {
      text-align: center;
      font-weight: 700;
      font-size: 20px;
      line-height: 30px;
      letter-spacing: -0.3px;
      color: #1896ab;
      margin-bottom: 17px; } }

.create-event .site-main-content h3, .edit-event .site-main-content h3 {
  text-align: left;
  font-size: 40px;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-transform: capitalize;
  font-weight: 700; }
  @media only screen and (max-width: 767px) {
    .create-event .site-main-content h3, .edit-event .site-main-content h3 {
      font-size: 16px;
      margin-bottom: 15px; } }

.create-event .site-main-content form, .edit-event .site-main-content form {
  margin: 50px 0 70px;
  max-width: 852px;
  border: solid 3px #ede8e2;
  background: #faf8f6;
  padding: 67px 95px 0 93px;
  -moz-border-radius: 29px;
  -webkit-border-radius: 29px;
  -ms-border-radius: 29px;
  border-radius: 29px; }
  @media only screen and (max-width: 767px) {
    .create-event .site-main-content form, .edit-event .site-main-content form {
      margin-top: 15px;
      border: none;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: 0 -20px;
      padding: 0 20px; } }
  .create-event .site-main-content form label, .edit-event .site-main-content form label {
    margin-bottom: 6px; }
  .create-event .site-main-content form .style-select:after, .edit-event .site-main-content form .style-select:after {
    right: -8px; }
  @media only screen and (max-width: 767px) {
    .create-event .site-main-content form .fields-date, .create-event .site-main-content form .fields-time, .edit-event .site-main-content form .fields-date, .edit-event .site-main-content form .fields-time {
      margin: 0 -10px; } }
  .create-event .site-main-content form .fields-date .field, .create-event .site-main-content form .fields-time .field, .edit-event .site-main-content form .fields-date .field, .edit-event .site-main-content form .fields-time .field {
    float: left;
    width: 137px;
    margin-left: 16px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .fields-date .field, .create-event .site-main-content form .fields-time .field, .edit-event .site-main-content form .fields-date .field, .edit-event .site-main-content form .fields-time .field {
        width: 33.33%;
        padding: 0 10px;
        margin: 0; }
        .create-event .site-main-content form .fields-date .field .style-select select, .create-event .site-main-content form .fields-time .field .style-select select, .edit-event .site-main-content form .fields-date .field .style-select select, .edit-event .site-main-content form .fields-time .field .style-select select {
          font-size: 15px;
          padding-left: 5px;
          padding-right: 35px; } }
    .create-event .site-main-content form .fields-date .field:first-child, .create-event .site-main-content form .fields-time .field:first-child, .edit-event .site-main-content form .fields-date .field:first-child, .edit-event .site-main-content form .fields-time .field:first-child {
      margin-left: 0; }
  .create-event .site-main-content form .fields, .edit-event .site-main-content form .fields {
    margin-bottom: 14px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .fields, .edit-event .site-main-content form .fields {
        margin-bottom: 25px; } }
    .create-event .site-main-content form .fields textarea, .edit-event .site-main-content form .fields textarea {
      width: 100%;
      min-height: 110px;
      padding: 12px 12px 10px;
      resize: none;
      line-height: 1.25 !important; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .fields textarea, .edit-event .site-main-content form .fields textarea {
          min-height: 270px; } }
    .create-event .site-main-content form .fields comment, .edit-event .site-main-content form .fields comment {
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.3px;
      margin-top: 12px;
      display: block;
      margin-bottom: -4px; }
    .create-event .site-main-content form .fields .style-select:after, .edit-event .site-main-content form .fields .style-select:after {
      margin-right: 7px; }
    .create-event .site-main-content form .fields.field-bring, .edit-event .site-main-content form .fields.field-bring {
      margin-top: -7px;
      margin-bottom: 18px; }
  .create-event .site-main-content form .fields-state .style-select, .edit-event .site-main-content form .fields-state .style-select {
    width: 264px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .fields-state .style-select, .edit-event .site-main-content form .fields-state .style-select {
        width: 100%; }
        .create-event .site-main-content form .fields-state .style-select select, .edit-event .site-main-content form .fields-state .style-select select {
          font-size: 15px; } }
  .create-event .site-main-content form .block-images, .edit-event .site-main-content form .block-images {
    zoom: 1;
    border-bottom: 3px solid #ede8e2;
    margin-top: -8px;
    padding-bottom: 40px;
    margin-bottom: 40px; }
    .create-event .site-main-content form .block-images:after, .edit-event .site-main-content form .block-images:after {
      clear: both; }
    .create-event .site-main-content form .block-images:before, .create-event .site-main-content form .block-images:after, .edit-event .site-main-content form .block-images:before, .edit-event .site-main-content form .block-images:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .block-images, .edit-event .site-main-content form .block-images {
        margin-bottom: 32px; }
        .create-event .site-main-content form .block-images .block-upload, .edit-event .site-main-content form .block-images .block-upload {
          position: relative;
          margin-top: 15px; } }
    .create-event .site-main-content form .block-images img, .edit-event .site-main-content form .block-images img {
      width: 38.5%;
      display: block;
      margin-top: 29px; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .block-images img, .edit-event .site-main-content form .block-images img {
          width: 100%;
          float: none;
          margin-top: 0; } }
    .create-event .site-main-content form .block-images input.button, .edit-event .site-main-content form .block-images input.button {
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      display: inline-block;
      padding: 5px 12px;
      text-transform: uppercase;
      width: auto;
      border-color: #1896ab;
      color: #1896ab;
      font-weight: 700;
      font-size: 17px;
      margin-top: 30px;
      cursor: pointer; }
      .create-event .site-main-content form .block-images input.button:hover, .edit-event .site-main-content form .block-images input.button:hover {
        background: #1896ab;
        color: #fff; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .block-images input.button, .edit-event .site-main-content form .block-images input.button {
          margin-top: 38px;
          float: none; } }
    .create-event .site-main-content form .block-images label, .edit-event .site-main-content form .block-images label {
      margin-bottom: 0; }
    .create-event .site-main-content form .block-images p, .edit-event .site-main-content form .block-images p {
      font-size: 16px;
      line-height: 25px;
      letter-spacing: -0.3px;
      padding-right: 20px; }
  .create-event .site-main-content form .event-settings input[type="checkbox"], .edit-event .site-main-content form .event-settings input[type="checkbox"] {
    margin-right: 25px;
    top: 4px;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .event-settings input[type="checkbox"], .edit-event .site-main-content form .event-settings input[type="checkbox"] {
        margin-right: 16px;
        top: 4px; } }
  .create-event .site-main-content form .event-settings h3, .edit-event .site-main-content form .event-settings h3 {
    margin-bottom: 38px;
    font-size: 25px;
    text-transform: capitalize;
    letter-spacing: -0.2px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .event-settings h3, .edit-event .site-main-content form .event-settings h3 {
        margin-bottom: 17px;
        text-align: center; } }
  .create-event .site-main-content form .event-settings .fields, .edit-event .site-main-content form .event-settings .fields {
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .event-settings .fields, .edit-event .site-main-content form .event-settings .fields {
        margin-bottom: 33px; } }
  .create-event .site-main-content form .event-settings .field-checkbox, .edit-event .site-main-content form .event-settings .field-checkbox {
    margin-bottom: 34px; }
    .create-event .site-main-content form .event-settings .field-checkbox label, .edit-event .site-main-content form .event-settings .field-checkbox label {
      font-size: 18px;
      letter-spacing: -0.3px;
      font-weight: 400;
      margin-bottom: -2px; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .event-settings .field-checkbox label, .edit-event .site-main-content form .event-settings .field-checkbox label {
          font-size: 16px; } }
      .create-event .site-main-content form .event-settings .field-checkbox label a, .edit-event .site-main-content form .event-settings .field-checkbox label a {
        text-decoration: none; }
        @media only screen and (max-width: 767px) {
          .create-event .site-main-content form .event-settings .field-checkbox label a, .edit-event .site-main-content form .event-settings .field-checkbox label a {
            text-decoration: underline; } }
    .create-event .site-main-content form .event-settings .field-checkbox p, .edit-event .site-main-content form .event-settings .field-checkbox p {
      padding-left: 50px;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: -0.4px;
      margin-top: -4px; }
      .create-event .site-main-content form .event-settings .field-checkbox p em, .edit-event .site-main-content form .event-settings .field-checkbox p em {
        color: #d12118;
        font-style: normal;
        font-weight: bold; }
      .create-event .site-main-content form .event-settings .field-checkbox p.label-first, .edit-event .site-main-content form .event-settings .field-checkbox p.label-first {
        font-size: 18px;
        margin-bottom: 6px; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .event-settings .field-checkbox p, .edit-event .site-main-content form .event-settings .field-checkbox p {
          font-size: 15px;
          padding-left: 39px; } }
  .create-event .site-main-content form .event-settings .event-password, .edit-event .site-main-content form .event-settings .event-password {
    padding-left: 50px;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .event-settings .event-password, .edit-event .site-main-content form .event-settings .event-password {
        margin-top: 22px;
        padding-left: 39px; } }
    .create-event .site-main-content form .event-settings .event-password label, .edit-event .site-main-content form .event-settings .event-password label {
      font-size: 16px;
      font-weight: 400;
      margin-bottom: 9px; }
      @media only screen and (max-width: 767px) {
        .create-event .site-main-content form .event-settings .event-password label, .edit-event .site-main-content form .event-settings .event-password label {
          margin-bottom: 9px; } }
  .create-event .site-main-content form .button-step, .edit-event .site-main-content form .button-step {
    text-align: right;
    margin-top: 48px;
    margin-bottom: 67px; }
    @media only screen and (max-width: 767px) {
      .create-event .site-main-content form .button-step, .edit-event .site-main-content form .button-step {
        text-align: center;
        margin-top: 49px;
        margin-bottom: 0; } }
    .create-event .site-main-content form .button-step input.button, .edit-event .site-main-content form .button-step input.button {
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      display: inline-block;
      padding: 18px 46px 17px 46px;
      height: auto;
      text-transform: uppercase;
      width: auto;
      background: #ea6b15;
      color: #fff;
      font-weight: 700;
      font-size: 17px;
      text-transform: uppercase;
      border: none;
      cursor: pointer; }
      .create-event .site-main-content form .button-step input.button:hover, .edit-event .site-main-content form .button-step input.button:hover {
        background: #faa53f; }
      .create-event .site-main-content form .button-step input.button#delete-event-confirm, .edit-event .site-main-content form .button-step input.button#delete-event-confirm {
        background: #cecece; }

.create-event .event-update-block > h3, .edit-event .event-update-block > h3 {
  margin-top: 38px; }
  @media only screen and (max-width: 767px) {
    .create-event .event-update-block > h3, .edit-event .event-update-block > h3 {
      margin-top: 0;
      font-size: 20px;
      color: #1896ab;
      text-align: center; } }

.create-event header .title-wrapper, .edit-event header .title-wrapper {
  display: none; }

@media only screen and (max-width: 767px) {
  .edit-event .site-main-content form .button-step input.button {
    margin-bottom: 20px; }
    .edit-event .site-main-content form .button-step input.button:nth-child(2n) {
      margin-bottom: 0; } }

/*=================View event================*/
.view-event .content-events .site-main-content, .event-public .content-events .site-main-content {
  min-height: 1000px;
  float: left;
  width: 74.6%; }
  @media only screen and (max-width: 980px) {
    .view-event .content-events .site-main-content, .event-public .content-events .site-main-content {
      min-height: 1100px; } }
  @media only screen and (max-width: 767px) {
    .view-event .content-events .site-main-content, .event-public .content-events .site-main-content {
      min-height: inherit;
      float: none;
      width: 100%; } }

.view-event .eventhub-head-link, .event-public .eventhub-head-link {
  margin-bottom: 27px; }

.view-event .count-day, .event-public .count-day {
  background: #1896ab;
  color: #fff;
  font-family: 'Caveat', cursive;
  font-weight: 400;
  font-size: 65px;
  text-align: center;
  margin-top: 36px;
  padding: 22px 0 11px 0;
  margin-bottom: 28px; }
  .view-event .count-day span, .event-public .count-day span {
    font-family: 'Karla', sans-serif;
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .view-event .count-day span, .event-public .count-day span {
        font-weight: 700;
        margin-top: 22px; } }
  @media only screen and (max-width: 767px) {
    .view-event .count-day, .event-public .count-day {
      display: none; } }
  .view-event .count-day.count-day-mb, .event-public .count-day.count-day-mb {
    display: none; }

.view-event .event-detail-content .event-item, .event-public .event-detail-content .event-item {
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  position: relative;
  margin-bottom: 30px; }
  .view-event .event-detail-content .event-item .title, .event-public .event-detail-content .event-item .title {
    background: #faa53f;
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 30px;
    line-height: 39px;
    color: #fff;
    padding: 4px 0 4px 25px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .title, .event-public .event-detail-content .event-item .title {
        font-size: 25px;
        padding: 2px 0 3px 25px; } }
  .view-event .event-detail-content .event-item .view-event, .event-public .event-detail-content .event-item .view-event {
    position: absolute;
    right: 21px;
    top: 10px;
    font-weight: 700;
    font-size: 14px;
    text-transform: capitalize;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .view-event, .event-public .event-detail-content .event-item .view-event {
        position: static;
        text-decoration: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        font-size: 17px;
        display: inline-block;
        padding: 5px 17px;
        text-transform: uppercase;
        border: 3px solid #ea6b15;
        color: #ea6b15;
        margin: 8px 0 36px 29px; } }
  .view-event .event-detail-content .event-item .value, .event-public .event-detail-content .event-item .value {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 27px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .value, .event-public .event-detail-content .event-item .value {
        font-size: 20px;
        margin-bottom: 19px; } }
  @media only screen and (max-width: 767px) {
    .view-event .event-detail-content .event-item .block-location, .event-public .event-detail-content .event-item .block-location {
      text-align: left; }
      .view-event .event-detail-content .event-item .block-location > span, .event-public .event-detail-content .event-item .block-location > span {
        display: none; } }
  .view-event .event-detail-content .event-item .text-location, .event-public .event-detail-content .event-item .text-location {
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    text-transform: capitalize;
    margin-right: 11px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .text-location, .event-public .event-detail-content .event-item .text-location {
        display: block;
        font-size: 15px;
        margin-bottom: -2px; } }
    .view-event .event-detail-content .event-item .text-location span, .event-public .event-detail-content .event-item .text-location span {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700;
      margin-right: 10px; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .event-item .text-location span, .event-public .event-detail-content .event-item .text-location span {
          font-size: 15px; } }
  .view-event .event-detail-content .event-item .event-id, .event-public .event-detail-content .event-item .event-id {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-left: 10px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .event-id, .event-public .event-detail-content .event-item .event-id {
        display: block;
        font-size: 15px;
        margin-left: 0;
        line-height: 25px; } }
    .view-event .event-detail-content .event-item .event-id span, .event-public .event-detail-content .event-item .event-id span {
      font-size: 14px;
      text-transform: uppercase;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .event-item .event-id span, .event-public .event-detail-content .event-item .event-id span {
          font-size: 15px; } }
  .view-event .event-detail-content .event-item .start-time, .event-public .event-detail-content .event-item .start-time {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -0.3px;
    margin-right: 13px;
    margin-left: 10px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .start-time, .event-public .event-detail-content .event-item .start-time {
        display: block;
        font-size: 15px;
        margin-left: 0;
        margin-bottom: -2px; } }
    .view-event .event-detail-content .event-item .start-time span, .event-public .event-detail-content .event-item .start-time span {
      font-size: 14px;
      text-transform: uppercase;
      margin-right: 10px;
      font-weight: 700; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .event-item .start-time span, .event-public .event-detail-content .event-item .start-time span {
          font-size: 15px; } }
  .view-event .event-detail-content .event-item .event-content-item, .event-public .event-detail-content .event-item .event-content-item {
    position: relative;
    padding: 18px 24px 14px 29px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .event-item .event-content-item, .event-public .event-detail-content .event-item .event-content-item {
        padding: 23px 24px 14px 29px; } }
    .view-event .event-detail-content .event-item .event-content-item a.view-event, .event-public .event-detail-content .event-item .event-content-item a.view-event {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 17px;
      text-transform: uppercase;
      border: 3px solid #ea6b15;
      color: #ea6b15;
      position: absolute;
      right: 24px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%);
      transform: translate(0, -50%); }
      .view-event .event-detail-content .event-item .event-content-item a.view-event:hover, .event-public .event-detail-content .event-item .event-content-item a.view-event:hover {
        background: #ea6b15;
        color: #fff; }

.view-event .event-detail-content .rsvp-wrapper, .event-public .event-detail-content .rsvp-wrapper {
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  padding: 17px 30px 30px 30px; }
  @media only screen and (max-width: 767px) {
    .view-event .event-detail-content .rsvp-wrapper, .event-public .event-detail-content .rsvp-wrapper {
      padding: 18px 30px 30px 30px;
      margin-bottom: 28px; } }
  .view-event .event-detail-content .rsvp-wrapper h4.title, .event-public .event-detail-content .rsvp-wrapper h4.title {
    font-family: 'Caveat', cursive;
    font-size: 30px;
    line-height: 39px;
    font-weight: 400;
    margin-bottom: 11px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .rsvp-wrapper h4.title, .event-public .event-detail-content .rsvp-wrapper h4.title {
        font-size: 25px;
        margin-bottom: 14px; } }
  .view-event .event-detail-content .rsvp-wrapper .desc, .event-public .event-detail-content .rsvp-wrapper .desc {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .rsvp-wrapper .desc, .event-public .event-detail-content .rsvp-wrapper .desc {
        margin-bottom: 27px; } }
  .view-event .event-detail-content .rsvp-wrapper .list-link, .event-public .event-detail-content .rsvp-wrapper .list-link {
    overflow: hidden; }
    .view-event .event-detail-content .rsvp-wrapper .list-link a, .event-public .event-detail-content .rsvp-wrapper .list-link a {
      font-weight: 400;
      text-transform: uppercase;
      font-size: 17px;
      line-height: 29px;
      float: right;
      margin-top: 7px; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .rsvp-wrapper .list-link a, .event-public .event-detail-content .rsvp-wrapper .list-link a {
          float: left;
          margin-top: 0; } }
    .view-event .event-detail-content .rsvp-wrapper .list-link a.btn, .event-public .event-detail-content .rsvp-wrapper .list-link a.btn {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 19px 2px 19px;
      text-transform: uppercase;
      border: 3px solid #1896ab;
      color: #1896ab;
      margin-right: 17px;
      float: left;
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .rsvp-wrapper .list-link a.btn, .event-public .event-detail-content .rsvp-wrapper .list-link a.btn {
          padding: 4px 21px 2px 17px; }
          .view-event .event-detail-content .rsvp-wrapper .list-link a.btn.hide-mb, .event-public .event-detail-content .rsvp-wrapper .list-link a.btn.hide-mb {
            display: none; } }
      .view-event .event-detail-content .rsvp-wrapper .list-link a.btn:hover, .event-public .event-detail-content .rsvp-wrapper .list-link a.btn:hover {
        background: #1896ab;
        color: #fff; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .rsvp-wrapper .list-link .hide-mb, .event-public .event-detail-content .rsvp-wrapper .list-link .hide-mb {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .view-event .event-detail-content .rsvp-wrapper .table, .event-public .event-detail-content .rsvp-wrapper .table {
      margin-left: -24px;
      margin-right: -24px; } }
  .view-event .event-detail-content .rsvp-wrapper .table table, .event-public .event-detail-content .rsvp-wrapper .table table {
    border: 3px solid #ede8e2;
    border-bottom: none;
    margin-top: 18px;
    width: 100%; }
    .view-event .event-detail-content .rsvp-wrapper .table table thead th, .view-event .event-detail-content .rsvp-wrapper .table table thead th a, .event-public .event-detail-content .rsvp-wrapper .table table thead th, .event-public .event-detail-content .rsvp-wrapper .table table thead th a {
      width: 17%;
      border-right: 3px solid #ede8e2;
      border-bottom: 3px solid #ede8e2;
      font-weight: 700;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: -0.3px;
      color: #ea6b15;
      padding: 12px 0 9px; }
      @media only screen and (max-width: 767px) {
        .view-event .event-detail-content .rsvp-wrapper .table table thead th, .view-event .event-detail-content .rsvp-wrapper .table table thead th a, .event-public .event-detail-content .rsvp-wrapper .table table thead th, .event-public .event-detail-content .rsvp-wrapper .table table thead th a {
          width: 13%;
          font-size: 15px; } }
      @media only screen and (max-width: 350px) {
        .view-event .event-detail-content .rsvp-wrapper .table table thead th, .view-event .event-detail-content .rsvp-wrapper .table table thead th a, .event-public .event-detail-content .rsvp-wrapper .table table thead th, .event-public .event-detail-content .rsvp-wrapper .table table thead th a {
          width: 20%;
          min-width: 90px; } }
      .view-event .event-detail-content .rsvp-wrapper .table table thead th:last-child, .view-event .event-detail-content .rsvp-wrapper .table table thead th a:last-child, .event-public .event-detail-content .rsvp-wrapper .table table thead th:last-child, .event-public .event-detail-content .rsvp-wrapper .table table thead th a:last-child {
        border-right: none; }
      .view-event .event-detail-content .rsvp-wrapper .table table thead th a, .view-event .event-detail-content .rsvp-wrapper .table table thead th a a, .event-public .event-detail-content .rsvp-wrapper .table table thead th a, .event-public .event-detail-content .rsvp-wrapper .table table thead th a a {
        border-bottom: none;
        text-decoration: none;
        position: relative; }
        .view-event .event-detail-content .rsvp-wrapper .table table thead th a:after, .view-event .event-detail-content .rsvp-wrapper .table table thead th a a:after, .event-public .event-detail-content .rsvp-wrapper .table table thead th a:after, .event-public .event-detail-content .rsvp-wrapper .table table thead th a a:after {
          content: "";
          background: url("../images/icr-bottom-link.png") no-repeat center center;
          display: inline-block;
          width: 11px;
          height: 7px;
          margin-left: 7px; }
          @media only screen and (max-width: 767px) {
            .view-event .event-detail-content .rsvp-wrapper .table table thead th a:after, .view-event .event-detail-content .rsvp-wrapper .table table thead th a a:after, .event-public .event-detail-content .rsvp-wrapper .table table thead th a:after, .event-public .event-detail-content .rsvp-wrapper .table table thead th a a:after {
              margin-left: 0; } }
    .view-event .event-detail-content .rsvp-wrapper .table table tbody tr td, .event-public .event-detail-content .rsvp-wrapper .table table tbody tr td {
      text-align: center;
      font-size: 15px;
      line-height: 24px;
      letter-spacing: -0.3px;
      color: #000;
      border-right: 3px solid #ede8e2;
      border-bottom: 3px solid #ede8e2;
      padding: 10px 0px; }
      .view-event .event-detail-content .rsvp-wrapper .table table tbody tr td:last-child, .event-public .event-detail-content .rsvp-wrapper .table table tbody tr td:last-child {
        border-right: none; }
      .view-event .event-detail-content .rsvp-wrapper .table table tbody tr td a, .event-public .event-detail-content .rsvp-wrapper .table table tbody tr td a {
        font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .view-event .event-detail-content .rsvp-wrapper .table table, .event-public .event-detail-content .rsvp-wrapper .table table {
        margin-top: 29px; }
        .view-event .event-detail-content .rsvp-wrapper .table table th.cuisine, .view-event .event-detail-content .rsvp-wrapper .table table td.cuisine, .event-public .event-detail-content .rsvp-wrapper .table table th.cuisine, .event-public .event-detail-content .rsvp-wrapper .table table td.cuisine {
          border-right: none; }
        .view-event .event-detail-content .rsvp-wrapper .table table .hide-mb, .event-public .event-detail-content .rsvp-wrapper .table table .hide-mb {
          display: none; }
        .view-event .event-detail-content .rsvp-wrapper .table table thead th a, .event-public .event-detail-content .rsvp-wrapper .table table thead th a {
          width: 100%; } }

@media only screen and (max-width: 767px) {
  .view-event .event-detail-content .count-day-mb, .event-public .event-detail-content .count-day-mb {
    display: block;
    margin-top: 32px;
    padding: 26px 0 17px 0;
    margin-bottom: 30px; } }

.view-event .sidebar-right .block-share, .event-public .sidebar-right .block-share {
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  overflow: hidden;
  background: #fff; }
  .view-event .sidebar-right .block-share h3, .event-public .sidebar-right .block-share h3 {
    background: #faa53f;
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    padding: 17px 0;
    text-align: center;
    text-transform: capitalize; }
    @media only screen and (max-width: 767px) {
      .view-event .sidebar-right .block-share h3, .event-public .sidebar-right .block-share h3 {
        padding: 14px 0 17px; } }
  .view-event .sidebar-right .block-share .content, .event-public .sidebar-right .block-share .content {
    padding: 22px 15px 24px 15px; }
    @media only screen and (max-width: 767px) {
      .view-event .sidebar-right .block-share .content, .event-public .sidebar-right .block-share .content {
        padding: 22px 28px 24px 28px; } }
  .view-event .sidebar-right .block-share .text, .event-public .sidebar-right .block-share .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 23px; }
    .view-event .sidebar-right .block-share .text a, .event-public .sidebar-right .block-share .text a {
      font-weight: 700; }
  .view-event .sidebar-right .block-share .block-coppy, .event-public .sidebar-right .block-share .block-coppy {
    position: relative;
    margin-bottom: 37px; }
    .view-event .sidebar-right .block-share .block-coppy button, .event-public .sidebar-right .block-share .block-coppy button {
      position: absolute;
      right: 0;
      top: 0;
      width: 40px;
      height: 40px;
      border: none;
      text-indent: -1000em;
      background: #ebebeb url(../images/copy-icon.png) no-repeat center center; }
    .view-event .sidebar-right .block-share .block-coppy input, .event-public .sidebar-right .block-share .block-coppy input {
      opacity: 0.5; }
      @media only screen and (max-width: 767px) {
        .view-event .sidebar-right .block-share .block-coppy input, .event-public .sidebar-right .block-share .block-coppy input {
          height: 40px; } }
  .view-event .sidebar-right .block-share .add-to h4, .view-event .sidebar-right .block-share .download h4, .event-public .sidebar-right .block-share .add-to h4, .event-public .sidebar-right .block-share .download h4 {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 23px;
    margin-bottom: 13px; }
  .view-event .sidebar-right .block-share .add-to a, .view-event .sidebar-right .block-share .download a, .event-public .sidebar-right .block-share .add-to a, .event-public .sidebar-right .block-share .download a {
    font-size: 17px;
    line-height: 29px;
    color: #1896ab;
    text-transform: uppercase;
    margin-right: 19px;
    margin-bottom: 10px;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      .view-event .sidebar-right .block-share .add-to a, .view-event .sidebar-right .block-share .download a, .event-public .sidebar-right .block-share .add-to a, .event-public .sidebar-right .block-share .download a {
        font-size: 16px; } }
  .view-event .sidebar-right .block-share .download, .event-public .sidebar-right .block-share .download {
    margin-top: 20px; }

.view-event .sidebar-right .about-atoh, .event-public .sidebar-right .about-atoh {
  margin-top: 27px; }

@media only screen and (max-width: 767px) {
  .view-event .sidebar-right .about-atoh {
    padding: 0 20px; } }

.view-event .sidebar-right .about-atoh h4.title, .view-event .sidebar-right .about-atoh .content, .view-event .sidebar-right .about-atoh a.read-more {
  display: none; }

@media only screen and (max-width: 767px) {
  .view-event.eventhub .content-events .sidebar-right {
    margin-bottom: 33px; } }

/*===================== create rsvp ======================*/
.create-rsvp .content-events .site-main-content, .edit-rsvp .content-events .site-main-content {
  margin-top: 40px;
  width: 57.3%; }
  @media only screen and (max-width: 1024px) {
    .create-rsvp .content-events .site-main-content, .edit-rsvp .content-events .site-main-content {
      width: 77.3%; } }
  .create-rsvp .content-events .site-main-content .eventhub-head-link, .edit-rsvp .content-events .site-main-content .eventhub-head-link {
    margin-top: 57px;
    margin-bottom: 21px; }
    @media only screen and (max-width: 767px) {
      .create-rsvp .content-events .site-main-content .eventhub-head-link, .edit-rsvp .content-events .site-main-content .eventhub-head-link {
        margin-top: 20px !important; } }
  @media only screen and (max-width: 767px) {
    .create-rsvp .content-events .site-main-content, .edit-rsvp .content-events .site-main-content {
      margin-top: 0;
      width: 100%;
      padding-top: 0; }
      .create-rsvp .content-events .site-main-content .title-wrapper, .edit-rsvp .content-events .site-main-content .title-wrapper {
        margin-bottom: 20px; }
        .create-rsvp .content-events .site-main-content .title-wrapper h1, .edit-rsvp .content-events .site-main-content .title-wrapper h1 {
          font-size: 24px; }
      .create-rsvp .content-events .site-main-content .eventhub-head-link, .edit-rsvp .content-events .site-main-content .eventhub-head-link {
        margin-bottom: 9px; } }

.create-rsvp .site-main-content .back-view-event a, .edit-rsvp .site-main-content .back-view-event a {
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.3px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 12px 0 12px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .create-rsvp .site-main-content .back-view-event a, .edit-rsvp .site-main-content .back-view-event a {
      margin: 10px 0 0px; } }

.form-rsvp h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-bottom: 14px; }
  @media only screen and (max-width: 767px) {
    .form-rsvp h3 {
      text-align: center;
      font-size: 16px;
      margin-bottom: 16px; } }

.form-rsvp .main-elements {
  border-bottom: 3px solid #ede8e2;
  padding-bottom: 24px;
  margin-bottom: 34px; }
  @media only screen and (max-width: 767px) {
    .form-rsvp .main-elements {
      padding-bottom: 18px;
      margin-bottom: 33px; } }

.form-rsvp .field-select {
  width: 265px; }
  @media only screen and (max-width: 767px) {
    .form-rsvp .field-select {
      width: 100%; } }

.form-rsvp .field-textarea-right {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .form-rsvp .field-textarea-right {
      margin-bottom: 15px; } }
  .form-rsvp .field-textarea-right textarea {
    min-height: 150px;
    resize: none; }
    @media only screen and (max-width: 767px) {
      .form-rsvp .field-textarea-right textarea {
        min-height: 181px; } }
  .form-rsvp .field-textarea-right .text-right {
    width: 214px;
    position: absolute;
    right: -224px;
    top: 32px; }
    @media only screen and (max-width: 980px) {
      .form-rsvp .field-textarea-right .text-right {
        width: 167px;
        right: -184px; } }
    @media only screen and (max-width: 767px) {
      .form-rsvp .field-textarea-right .text-right {
        display: none; } }
    .form-rsvp .field-textarea-right .text-right p {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 14px; }
  .form-rsvp .field-textarea-right #count-text {
    font-size: 14px;
    line-height: 25px;
    color: #1896ab;
    letter-spacing: -0.3px;
    margin-top: -4px; }

.form-rsvp .button-step {
  overflow: hidden;
  margin-top: 41px;
  margin-bottom: 102px; }
  @media only screen and (max-width: 767px) {
    .form-rsvp .button-step {
      margin-top: 32px;
      margin-bottom: 0;
      padding-bottom: 41px;
      text-align: center; } }
  .form-rsvp .button-step .btn-confirm, .form-rsvp .button-step .btn-save, .form-rsvp .button-step .btn-delete {
    float: right;
    width: auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 16px 47px;
    text-transform: uppercase;
    background: #ea6b15;
    color: #fff;
    border: none;
    height: auto;
    cursor: pointer; }
    .form-rsvp .button-step .btn-confirm:hover, .form-rsvp .button-step .btn-save:hover, .form-rsvp .button-step .btn-delete:hover {
      background: #faa53f; }
    @media only screen and (max-width: 767px) {
      .form-rsvp .button-step .btn-confirm, .form-rsvp .button-step .btn-save, .form-rsvp .button-step .btn-delete {
        float: none;
        vertical-align: top;
        margin-left: 8px;
        margin-right: 8px; } }
  .form-rsvp .button-step .btn-save {
    padding: 16px 89px; }
    @media only screen and (max-width: 980px) {
      .form-rsvp .button-step .btn-save {
        padding: 16px 52px; } }
    @media only screen and (max-width: 767px) {
      .form-rsvp .button-step .btn-save {
        padding: 16px 40px; } }
  .form-rsvp .button-step .btn-delete {
    background: transparent;
    border: 3px solid #ea6b15;
    color: #ea6b15;
    padding: 13px 53px;
    margin-left: 27px; }
    @media only screen and (max-width: 980px) {
      .form-rsvp .button-step .btn-delete {
        padding: 13px 17px; } }
    .form-rsvp .button-step .btn-delete:hover {
      background: #ea6b15;
      color: #fff; }
    @media only screen and (max-width: 767px) {
      .form-rsvp .button-step .btn-delete {
        padding: 13px 15px;
        margin-left: 8px; } }

.form-rsvp .block-tick p {
  font-size: 18px;
  line-height: 25px;
  letter-spacing: -0.3px;
  margin-top: 19px;
  margin-bottom: 13px; }
  @media only screen and (max-width: 767px) {
    .form-rsvp .block-tick p {
      font-size: 16px;
      line-height: 21px;
      margin-top: 17px;
      margin-bottom: 24px; } }

.form-rsvp .block-tick .list-tick {
  max-width: 460px; }
  @media only screen and (max-width: 980px) {
    .form-rsvp .block-tick .list-tick {
      max-width: 100%; } }
  .form-rsvp .block-tick .list-tick ul {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-right: 18px; }
    @media only screen and (max-width: 980px) {
      .form-rsvp .block-tick .list-tick ul {
        width: 43%; } }
    @media only screen and (max-width: 767px) {
      .form-rsvp .block-tick .list-tick ul {
        display: block;
        width: 100%; } }
    .form-rsvp .block-tick .list-tick ul li {
      margin-bottom: 6px;
      margin-right: 21px;
      float: none;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .form-rsvp .block-tick .list-tick ul li {
          margin-right: 0;
          position: relative;
          margin-bottom: 27px; } }
      .form-rsvp .block-tick .list-tick ul li .note-content {
        display: none; }
      .form-rsvp .block-tick .list-tick ul li span {
        font-weight: 400;
        font-size: 18px;
        margin-left: 25px; }
        @media only screen and (max-width: 980px) {
          .form-rsvp .block-tick .list-tick ul li span {
            margin-left: 10px; } }
      .form-rsvp .block-tick .list-tick ul li .block-tooltip {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .form-rsvp .block-tick .list-tick ul li .block-tooltip {
            position: static; }
            .form-rsvp .block-tick .list-tick ul li .block-tooltip:hover .top-icon-mb {
              display: inline-block; }
            .form-rsvp .block-tick .list-tick ul li .block-tooltip:hover .note-content {
              display: block; } }
      .form-rsvp .block-tick .list-tick ul li .tooltip {
        position: absolute;
        right: 4px;
        top: 0; }
        @media only screen and (max-width: 767px) {
          .form-rsvp .block-tick .list-tick ul li .tooltip {
            width: 100%; } }
        .form-rsvp .block-tick .list-tick ul li .tooltip .note-icon {
          width: 14px;
          height: 14px;
          text-align: center;
          background: #363636;
          font-size: 12px;
          color: #fff;
          display: inline-block;
          line-height: 14px;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          -ms-border-radius: 100%;
          border-radius: 100%;
          position: absolute;
          right: -24px;
          top: 5px;
          cursor: default; }
          @media only screen and (max-width: 767px) {
            .form-rsvp .block-tick .list-tick ul li .tooltip .note-icon {
              display: none; } }
        .form-rsvp .block-tick .list-tick ul li .tooltip .note-content {
          background: #363636;
          font-size: 14px;
          color: #fff;
          width: 347px;
          padding: 22px 22px 25px 27px;
          position: absolute;
          top: 15px;
          left: -7px;
          z-index: 9;
          line-height: 18px; }
          @media only screen and (max-width: 980px) {
            .form-rsvp .block-tick .list-tick ul li .tooltip .note-content {
              width: 236px;
              padding: 15px 15px 15px 15px;
              left: 5px; } }
          @media only screen and (max-width: 767px) {
            .form-rsvp .block-tick .list-tick ul li .tooltip .note-content {
              margin-left: 0;
              left: 4px;
              width: 100%;
              top: 27px; } }
        .form-rsvp .block-tick .list-tick ul li .tooltip:hover .note-content {
          display: block; }
      @media only screen and (max-width: 767px) {
        .form-rsvp .block-tick .list-tick ul li .label-note {
          position: relative; } }
      .form-rsvp .block-tick .list-tick ul li .label-note .top-icon-mb {
        display: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 5.5px 6px 5.5px;
        border-color: transparent transparent #363636 transparent;
        position: absolute;
        bottom: -8px;
        left: 50%;
        margin-left: -6px; }
      .form-rsvp .block-tick .list-tick ul li .label-note .note-mb {
        display: none;
        width: 14px;
        height: 14px;
        text-align: center;
        background: #363636;
        font-size: 12px;
        color: #fff;
        line-height: 14px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        right: -24px;
        top: 5px;
        cursor: default; }
        @media only screen and (max-width: 767px) {
          .form-rsvp .block-tick .list-tick ul li .label-note .note-mb {
            display: inline-block; } }

.form-rsvp .selectize-control.single .selectize-input {
  background: #fff none;
  box-shadow: none;
  border: 3px solid #ede8e2 !important;
  border-radius: 0;
  padding: 0 12px;
  font-size: 16px;
  height: 40px;
  line-height: 35px;
  overflow: inherit; }
  .form-rsvp .selectize-control.single .selectize-input .item {
    line-height: 34px;
    vertical-align: top; }
  .form-rsvp .selectize-control.single .selectize-input:after {
    content: "";
    width: 24px;
    height: 14px;
    background: url(../images/icr-select.png) no-repeat;
    right: 0;
    top: 50%;
    margin-top: -7px;
    border: none; }

.form-rsvp .selectize-control.single .selectize-dropdown.single {
  border: 3px solid #ede8e2;
  font-size: 16px;
  border-top: none;
  padding: 0 0px 0 4px; }

.eventhub.import-rsvp .eventhub-head-link {
  margin-top: 57px;
  margin-bottom: 21px; }
  @media only screen and (max-width: 767px) {
    .eventhub.import-rsvp .eventhub-head-link {
      margin-top: 20px !important; } }

.eventhub.edit-rsvp .form-rsvp .button-step .btn-save {
  margin-left: 27px; }

/*===================my details =======================*/
.my-details .content-events .site-main-content, .update-password .content-events .site-main-content {
  min-height: 720px;
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .my-details .content-events .site-main-content, .update-password .content-events .site-main-content {
      min-height: 980px; } }
  .my-details .content-events .site-main-content .title-wrapper, .update-password .content-events .site-main-content .title-wrapper {
    display: none; }
  .my-details .content-events .site-main-content .eventhub-head-link, .update-password .content-events .site-main-content .eventhub-head-link {
    margin-top: 55px; }
    @media only screen and (max-width: 767px) {
      .my-details .content-events .site-main-content .eventhub-head-link, .update-password .content-events .site-main-content .eventhub-head-link {
        margin-top: 24px; } }

.my-details .details-content form, .update-password .details-content form {
  margin: 36px 0 57px;
  max-width: 852px;
  border: solid 3px #ede8e2;
  background: #faf8f6;
  padding: 67px 95px 45px 93px;
  -moz-border-radius: 29px;
  -webkit-border-radius: 29px;
  -ms-border-radius: 29px;
  border-radius: 29px; }
  @media only screen and (max-width: 767px) {
    .my-details .details-content form, .update-password .details-content form {
      margin-top: 15px;
      border: none;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: 0 -20px;
      padding: 0 20px 40px; } }

.my-details .details-content h3, .update-password .details-content h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.3px;
  margin-top: 35px;
  margin-bottom: 6px; }
  @media only screen and (max-width: 767px) {
    .my-details .details-content h3, .update-password .details-content h3 {
      text-align: center;
      font-size: 16px;
      margin-top: 24px; } }

.my-details .details-content > p, .update-password .details-content > p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 23px; }

.my-details .details-content .button-step, .update-password .details-content .button-step {
  text-align: right;
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .my-details .details-content .button-step, .update-password .details-content .button-step {
      text-align: center; } }
  .my-details .details-content .button-step input.button, .update-password .details-content .button-step input.button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    display: inline-block;
    padding: 16px 88px;
    height: auto;
    text-transform: uppercase;
    width: auto;
    background: #ea6b15;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    border: none;
    cursor: pointer; }
    .my-details .details-content .button-step input.button:hover, .update-password .details-content .button-step input.button:hover {
      background: #faa53f; }
    @media only screen and (max-width: 767px) {
      .my-details .details-content .button-step input.button, .update-password .details-content .button-step input.button {
        padding: 16px 49px; } }

/*===================Meal list=======================*/
.meal-list .content-events .site-main-content {
  min-height: 838px;
  margin-top: 39px;
  width: 74.3%;
  float: left;
  padding-bottom: 44px; }
  .meal-list .content-events .site-main-content .eventhub-head-link {
    margin-bottom: 54px; }
  @media only screen and (max-width: 767px) {
    .meal-list .content-events .site-main-content {
      min-height: inherit;
      margin-top: 0;
      width: 100%;
      float: none;
      padding-bottom: 0px; } }

.meal-list .site-main-content h3 {
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 8px; }
  @media only screen and (max-width: 767px) {
    .meal-list .site-main-content h3 {
      font-size: 16px;
      line-height: 26px;
      margin-top: -1px;
      margin-bottom: 7px; } }

.meal-list .site-main-content .intro {
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .meal-list .site-main-content .intro {
      margin-bottom: 21px; } }
  .meal-list .site-main-content .intro p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.3px;
    margin-bottom: 10px; }
  .meal-list .site-main-content .intro ul {
    list-style: disc;
    margin-bottom: 10px; }
    .meal-list .site-main-content .intro ul li {
      list-style: inside; }
  .meal-list .site-main-content .intro ol {
    margin-bottom: 10px; }
    .meal-list .site-main-content .intro ol li {
      list-style: decimal;
      list-style-position: inside; }

@media only screen and (max-width: 767px) {
  .meal-list .site-main-content .main-banner {
    margin-bottom: 31px; } }

.meal-list .site-main-content .savoury {
  margin-bottom: -2px; }
  .meal-list .site-main-content .savoury .head-savoury {
    overflow: hidden;
    margin: 18px 0 31px; }
    .meal-list .site-main-content .savoury .head-savoury p {
      font-weight: 700;
      font-size: 41px;
      line-height: 32px;
      float: left;
      font-family: 'Caveat', cursive; }
      @media only screen and (max-width: 767px) {
        .meal-list .site-main-content .savoury .head-savoury p {
          font-size: 34px; } }
    .meal-list .site-main-content .savoury .head-savoury a {
      text-decoration: none;
      -moz-border-radius: 21px;
      -webkit-border-radius: 21px;
      -ms-border-radius: 21px;
      border-radius: 21px;
      border: 3px solid #1896ab;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 6px 28px 4px 27px;
      text-transform: uppercase;
      color: #1896ab;
      float: right; }
      .meal-list .site-main-content .savoury .head-savoury a:hover {
        background: #1896ab;
        color: #fff; }
  .meal-list .site-main-content .savoury .savoury-content .item {
    background: #fff;
    border: 3px solid #ede8e2;
    -moz-border-radius: 23px;
    -webkit-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px;
    padding: 30px 36px 22px 30px;
    margin-bottom: 28px; }
    .meal-list .site-main-content .savoury .savoury-content .item .content {
      float: left;
      width: 85%; }
      .meal-list .site-main-content .savoury .savoury-content .item .content strong {
        text-transform: capitalize;
        font-size: 23px;
        letter-spacing: -0.5px; }
        @media only screen and (max-width: 767px) {
          .meal-list .site-main-content .savoury .savoury-content .item .content strong {
            font-size: 20px; } }
      .meal-list .site-main-content .savoury .savoury-content .item .content span.by-name {
        margin-left: 3px;
        font-size: 18px;
        color: #ea6b15; }
        @media only screen and (max-width: 767px) {
          .meal-list .site-main-content .savoury .savoury-content .item .content span.by-name {
            font-size: 16px; } }
      .meal-list .site-main-content .savoury .savoury-content .item .content p.by-name-title {
        margin-bottom: 12px; }
      .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine p {
        display: inline-block;
        font-size: 16px; }
        @media only screen and (max-width: 767px) {
          .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine p {
            font-size: 15px; } }
        .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine p span:first-child {
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: -0.5px;
          margin-right: 8px; }
        .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine p span:last-child {
          font-weight: bold;
          letter-spacing: -0.6px; }
      .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine > span {
        margin-left: 19px;
        margin-right: 15px;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .meal-list .site-main-content .savoury .savoury-content .item .content .list-cuisine > span {
            margin-left: 11px;
            margin-right: 10px; } }
    .meal-list .site-main-content .savoury .savoury-content .item .image-savoury {
      float: right;
      width: 13.7%;
      margin-top: 6px; }
    .meal-list .site-main-content .savoury .savoury-content .item .text-desc {
      letter-spacing: -0.4px;
      margin-top: 10px;
      margin-bottom: -5px; }
      .meal-list .site-main-content .savoury .savoury-content .item .text-desc:before {
        content: "";
        background: url(../images/line-event-list.png) no-repeat center top;
        display: block;
        width: 100%;
        height: 8px;
        margin-bottom: 27px;
        background-size: 100% 8px; }
    .meal-list .site-main-content .savoury .savoury-content .item a.edit-link {
      margin-top: 13px !important;
      display: block;
      text-decoration: none;
      font-weight: 700;
      color: #adadad !important; }
    .meal-list .site-main-content .savoury .savoury-content .item .desc-savoury > a {
      text-transform: capitalize;
      color: #1896ab;
      display: block;
      margin-top: 11px; }
      .meal-list .site-main-content .savoury .savoury-content .item .desc-savoury > a:hover {
        color: #ea6b15; }
  .meal-list .site-main-content .savoury.savoury-sweet .head-savoury {
    margin: 39px 0 36px; }

.meal-list .site-main-content .content-no-list h2 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: -0.2px;
  margin-bottom: 5px;
  text-transform: capitalize;
  margin: 20px 0; }

.meal-list .site-main-content .content-no-list .content-text {
  background: #fff;
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  padding: 21px 27px 25px 27px;
  margin-bottom: 28px; }
  .meal-list .site-main-content .content-no-list .content-text h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.2px;
    margin: 0 0 12px 0; }
  .meal-list .site-main-content .content-no-list .content-text a {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 6px 21px 8px;
    text-transform: uppercase;
    background: #1896ab;
    color: #fff;
    margin: 25px 0 10px; }
    .meal-list .site-main-content .content-no-list .content-text a:hover {
      background: #78c3cf; }

.meal-list .sidebar-right {
  margin-top: 34px; }
  @media only screen and (max-width: 767px) {
    .meal-list .sidebar-right {
      margin-top: 0; } }
  .meal-list .sidebar-right .about-meal-list {
    background: #8ecbd5;
    overflow: hidden;
    margin-bottom: 30px; }
    .meal-list .sidebar-right .about-meal-list h3 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 40px;
      line-height: 49px;
      color: #fff;
      padding: 22px 39px 0px 22px;
      text-align: left;
      text-transform: capitalize;
      word-break: break-word; }
      @media only screen and (max-width: 980px) {
        .meal-list .sidebar-right .about-meal-list h3 {
          padding: 15px 15px 0; } }
    .meal-list .sidebar-right .about-meal-list .content {
      padding: 15px 23px 36px 23px;
      line-height: 24px; }
      @media only screen and (max-width: 980px) {
        .meal-list .sidebar-right .about-meal-list .content {
          padding: 6px 15px 26px; } }

.meal-list .content-no-list {
  margin-top: 47px; }
  @media only screen and (max-width: 767px) {
    .meal-list .content-no-list {
      margin-top: 0; } }

/*===================promo tools=======================*/
.promotion-tools .content-events .site-main-content {
  padding-bottom: 57px; }
  @media only screen and (max-width: 767px) {
    .promotion-tools .content-events .site-main-content {
      padding-bottom: 20px; } }
  .promotion-tools .content-events .site-main-content .content-wrap {
    border: 3px solid #ede8e2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
    padding: 21px 26px 0 29px; }
    @media only screen and (max-width: 767px) {
      .promotion-tools .content-events .site-main-content .content-wrap {
        margin-top: 21px; } }
  .promotion-tools .content-events .site-main-content h3 {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 22px; }
    @media only screen and (max-width: 767px) {
      .promotion-tools .content-events .site-main-content h3 {
        font-size: 25px;
        margin-bottom: 17px; } }
  .promotion-tools .content-events .site-main-content .intro p {
    margin-bottom: 25px; }
  .promotion-tools .content-events .site-main-content .tool-items {
    overflow: hidden;
    margin: 33px -18px 0; }
    @media only screen and (max-width: 767px) {
      .promotion-tools .content-events .site-main-content .tool-items {
        margin: 33px 0 0; } }
    .promotion-tools .content-events .site-main-content .tool-items li {
      float: left;
      width: 50%;
      padding: 0 18px;
      margin-bottom: 34px; }
      @media only screen and (max-width: 767px) {
        .promotion-tools .content-events .site-main-content .tool-items li {
          float: none;
          width: 100%;
          padding: 0;
          margin-bottom: 32px; } }
      .promotion-tools .content-events .site-main-content .tool-items li:nth-child(2n+1) {
        clear: left; }
      .promotion-tools .content-events .site-main-content .tool-items li a {
        display: block;
        text-decoration: none; }
      .promotion-tools .content-events .site-main-content .tool-items li .title {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.3px;
        color: #ea6b15;
        margin-top: 4px; }
        @media only screen and (max-width: 767px) {
          .promotion-tools .content-events .site-main-content .tool-items li .title {
            margin-top: 6px; } }
      .promotion-tools .content-events .site-main-content .tool-items li .text {
        margin-top: 6px; }
        .promotion-tools .content-events .site-main-content .tool-items li .text p {
          letter-spacing: -0.3px; }
      .promotion-tools .content-events .site-main-content .tool-items li .view-detail {
        font-weight: 700;
        text-decoration: none; }

.promotion-tools .sidebar-right {
  border: 3px solid #ede8e2;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  background: #fff;
  text-align: center;
  margin-top: 34px;
  padding: 26px 15px 33px 15px; }
  @media only screen and (max-width: 767px) {
    .promotion-tools .sidebar-right {
      display: none; } }
  .promotion-tools .sidebar-right h4 {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    color: #1896ab;
    margin-bottom: 22px; }
  .promotion-tools .sidebar-right .intro p {
    letter-spacing: -0.3px;
    margin-bottom: 10px; }
  .promotion-tools .sidebar-right .view-more {
    font-weight: 700;
    text-decoration: none;
    display: block;
    margin-top: 10px; }

.promotion-tools.logged-in .ui-dialog .ui-dialog-titlebar {
  top: 0px;
  right: 18px; }

.promotion-tools .ui-widget-content {
  width: 611px !important; }
  @media only screen and (max-width: 767px) {
    .promotion-tools .ui-widget-content {
      width: 100% !important; } }
  .promotion-tools .ui-widget-content #timeout-mess {
    text-align: center;
    padding: 57px 87px 72px 90px; }
    @media only screen and (max-width: 767px) {
      .promotion-tools .ui-widget-content #timeout-mess {
        padding: 57px 0 72px 0;
        margin: 0 auto;
        overflow: hidden; } }
    .promotion-tools .ui-widget-content #timeout-mess p {
      font-size: 22px;
      line-height: 50px;
      letter-spacing: -0.3px;
      font-weight: 700;
      margin-bottom: 31px; }
    .promotion-tools .ui-widget-content #timeout-mess a {
      display: block;
      font-size: 17px;
      text-transform: uppercase;
      color: #1896ab;
      font-weight: 700; }
      .promotion-tools .ui-widget-content #timeout-mess a.button-link {
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 5px 17px;
        text-transform: uppercase;
        background: #1896ab;
        color: #fff;
        border: 3px solid #1896ab;
        outline: none;
        margin-bottom: 23px; }
        .promotion-tools .ui-widget-content #timeout-mess a.button-link:hover {
          background: transparent;
          border: 3px solid #1896ab;
          color: #1896ab; }

/*====================event public=====================*/
.event-public .content-events .site-main-content {
  min-height: 1400px; }
  @media only screen and (max-width: 980px) {
    .event-public .content-events .site-main-content {
      min-height: 1600px; } }
  @media only screen and (max-width: 767px) {
    .event-public .content-events .site-main-content {
      min-height: inherit;
      margin-top: 0;
      padding-top: 22px; } }
  .event-public .content-events .site-main-content .message-rsvp {
    margin-bottom: 17px; }
    .event-public .content-events .site-main-content .message-rsvp span {
      display: block;
      color: #fff;
      padding: 8px 28px 8px 19px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px; }
      .event-public .content-events .site-main-content .message-rsvp span.susscess {
        background: #8ecbd5; }
      .event-public .content-events .site-main-content .message-rsvp span.error {
        background: #ff3941; }

@media only screen and (max-width: 767px) {
  .event-public.eventhub header .header-main {
    padding: 3px 0 4px; } }

.event-public .header-promotional-event {
  display: none; }

.event-public header .header-main .container {
  text-align: center; }

@media only screen and (max-width: 767px) {
  .event-public header .header-main .eventhub-top-menu-mobile {
    display: none; } }

.event-public .content-events .add-to,
.event-public .content-events .related-links {
  background: #fff;
  position: relative;
  z-index: 99;
  text-align: center;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  margin-top: 24px;
  padding: 14px 28px 5px 29px; }
  @media only screen and (max-width: 1024px) {
    .event-public .content-events .add-to,
    .event-public .content-events .related-links {
      padding: 14px 15px 5px 15px; } }
  .event-public .content-events .add-to p.title,
  .event-public .content-events .related-links p.title {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 27px;
    letter-spacing: -0.3px;
    margin-bottom: 14px; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .add-to p.title,
      .event-public .content-events .related-links p.title {
        font-size: 23px;
        margin-bottom: 11px; } }
  .event-public .content-events .add-to a.button-link,
  .event-public .content-events .related-links a.button-link {
    display: block;
    text-decoration: none;
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 5px 17px;
    width: 100%;
    text-transform: uppercase;
    color: #1896ab;
    border: 3px solid #1896ab;
    margin-bottom: 13px; }
    @media only screen and (max-width: 1024px) {
      .event-public .content-events .add-to a.button-link,
      .event-public .content-events .related-links a.button-link {
        font-size: 15px; } }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .add-to a.button-link,
      .event-public .content-events .related-links a.button-link {
        font-size: 17px;
        margin-bottom: 16px; } }
    .event-public .content-events .add-to a.button-link:hover,
    .event-public .content-events .related-links a.button-link:hover {
      background: #1896ab;
      color: #fff; }

.event-public .content-events .related-links {
  margin-top: 30px;
  padding-bottom: 20px; }
  .event-public .content-events .related-links a {
    line-height: 20px;
    margin-bottom: 7px;
    display: inline-block; }

.event-public .content-events .about-atoh {
  position: relative;
  z-index: 99;
  background: #fff;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  padding: 3px 3px 0; }
  @media only screen and (max-width: 767px) {
    .event-public .content-events .about-atoh {
      border: 3px solid #ede8e2;
      padding: 0; } }
  .event-public .content-events .about-atoh .title {
    text-align: center;
    background: #faa53f;
    font-weight: 400;
    font-family: 'Caveat', cursive;
    font-size: 23px;
    color: #fff;
    -moz-border-radius: 13px 13px 0 0;
    -webkit-border-radius: 13px 13px 0 0;
    -ms-border-radius: 13px 13px 0 0;
    border-radius: 13px 13px 0 0;
    padding: 17px 0 21px 0; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .about-atoh .title {
        font-size: 25px; } }
  .event-public .content-events .about-atoh .content {
    padding: 30px 27px 29px 25px; }
    @media only screen and (max-width: 1024px) {
      .event-public .content-events .about-atoh .content {
        padding: 30px 15px 29px 15px; } }
    .event-public .content-events .about-atoh .content .desc {
      letter-spacing: -0.3px;
      margin-top: 5px; }
    .event-public .content-events .about-atoh .content .read-more {
      font-weight: 700;
      display: block;
      margin-top: 11px; }

.event-public .content-events .sidebar-left {
  width: 25.6%;
  margin-right: 30px;
  padding-right: 32px; }
  @media only screen and (max-width: 1151px) {
    .event-public .content-events .sidebar-left {
      margin-right: 2%; } }
  @media only screen and (max-width: 980px) {
    .event-public .content-events .sidebar-left {
      padding-right: 20px; } }
  .event-public .content-events .sidebar-left .event-thumb {
    position: relative;
    z-index: 99;
    margin-top: 40px; }
  .event-public .content-events .sidebar-left .socials {
    position: relative;
    z-index: 99;
    text-align: center;
    background: #fff;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    margin-top: 30px;
    padding: 28px 0 33px 0px;
    margin-bottom: 28px; }
    .event-public .content-events .sidebar-left .socials h4 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 23px;
      margin-bottom: 24px; }
    .event-public .content-events .sidebar-left .socials ul li {
      display: inline-block;
      margin-right: 12px; }
      .event-public .content-events .sidebar-left .socials ul li:first-child {
        margin-left: 15px; }
      @media only screen and (max-width: 980px) {
        .event-public .content-events .sidebar-left .socials ul li {
          margin-right: 5px; } }
      .event-public .content-events .sidebar-left .socials ul li a {
        text-indent: -1000em;
        width: 28px;
        height: 24px;
        display: inline-block; }
        .event-public .content-events .sidebar-left .socials ul li a.facebook {
          background: url(../images/icon-share-fb-event.png) no-repeat; }
        .event-public .content-events .sidebar-left .socials ul li a.instagram {
          background: url(../images/icon-instagram-event.png) no-repeat; }
        .event-public .content-events .sidebar-left .socials ul li a.link-in {
          background: url(../images/icon-link-in-event.png) no-repeat; }
        .event-public .content-events .sidebar-left .socials ul li a.twister {
          background: url(../images/icon-share-tw-event.png) no-repeat; }
  .event-public .content-events .sidebar-left span.bg {
    top: 106px; }
    @media only screen and (max-width: 1150px) {
      .event-public .content-events .sidebar-left span.bg {
        top: 104px; } }
    @media only screen and (max-width: 1099px) {
      .event-public .content-events .sidebar-left span.bg {
        top: 102px; } }
    @media only screen and (max-width: 1052px) {
      .event-public .content-events .sidebar-left span.bg {
        top: 98px; } }
    @media only screen and (max-width: 980px) {
      .event-public .content-events .sidebar-left span.bg {
        top: 97px; } }

.event-public .content-events .site-main-content {
  width: 71.7%;
  margin-top: 38px; }
  @media only screen and (max-width: 767px) {
    .event-public .content-events .site-main-content {
      float: none;
      width: 100%;
      margin-top: 2px; } }
  .event-public .content-events .site-main-content .left-content .event-item {
    float: left;
    width: 64.2%;
    margin-bottom: 33px; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .left-content .event-item {
        float: none;
        width: 100%;
        border: none;
        background: transparent;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        margin-bottom: 30px; } }
    .event-public .content-events .site-main-content .left-content .event-item .value {
      font-size: 32px; }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .left-content .event-item .value {
          display: none; } }
    .event-public .content-events .site-main-content .left-content .event-item .title {
      line-height: 42px; }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .left-content .event-item .title {
          display: none; } }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .left-content .event-item .event-content-item {
        text-align: center;
        background: #ede8e2;
        margin-top: 25px;
        padding: 22px 24px 16px 29px; }
        .event-public .content-events .site-main-content .left-content .event-item .event-content-item .location-time > span {
          display: none; }
        .event-public .content-events .site-main-content .left-content .event-item .event-content-item .text-location, .event-public .content-events .site-main-content .left-content .event-item .event-content-item .start-time {
          font-size: 16px;
          margin-bottom: 2px; }
          .event-public .content-events .site-main-content .left-content .event-item .event-content-item .text-location span, .event-public .content-events .site-main-content .left-content .event-item .event-content-item .start-time span {
            font-size: 14px; }
        .event-public .content-events .site-main-content .left-content .event-item .event-content-item .start-time {
          margin-top: 2px; } }
  .event-public .content-events .site-main-content .left-content .count-day {
    float: right;
    width: 32.2%;
    margin-top: 0;
    font-size: 89px;
    padding: 49px 0 44px 0; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .left-content .count-day {
        float: none;
        width: 100%;
        display: block;
        font-size: 65px;
        padding: 27px 0 17px 0;
        margin-bottom: 22px; } }
    .event-public .content-events .site-main-content .left-content .count-day span {
      font-weight: 700;
      font-size: 19px;
      margin-top: 27px; }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .left-content .count-day span {
          font-size: 17px;
          margin-top: 20px; } }
  .event-public .content-events .site-main-content .left-content .wrap-title-mb {
    display: none; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .left-content .wrap-title-mb {
        display: block;
        text-align: center; }
        .event-public .content-events .site-main-content .left-content .wrap-title-mb .title-mb, .event-public .content-events .site-main-content .left-content .wrap-title-mb .value {
          display: block;
          font-size: 16px;
          font-weight: 700;
          line-height: 30px;
          letter-spacing: -0.3px;
          color: #000; }
        .event-public .content-events .site-main-content .left-content .wrap-title-mb .title-mb {
          line-height: 20px; }
        .event-public .content-events .site-main-content .left-content .wrap-title-mb .value {
          font-size: 20px;
          color: #1896ab;
          margin-bottom: 2px; } }
  .event-public .content-events .site-main-content .event-description {
    letter-spacing: -0.3px;
    border-bottom: 3px solid #ede8e2;
    padding-bottom: 41px;
    margin-bottom: 34px; }
    .event-public .content-events .site-main-content .event-description .created-by {
      margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .event-description {
        padding-bottom: 25px;
        margin-bottom: 25px; } }
  .event-public .content-events .site-main-content .event-bring {
    letter-spacing: -0.3px; }
    .event-public .content-events .site-main-content .event-bring h5 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 23px;
      letter-spacing: normal;
      margin-bottom: 20px; }
  .event-public .content-events .site-main-content .add-to-mb {
    display: none; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .add-to-mb {
        display: block;
        background: transparent;
        margin-top: 8px;
        padding-left: 0;
        padding-right: 0; } }
  .event-public .content-events .site-main-content .rsvp-wrapper {
    position: relative;
    margin-top: 28px;
    padding: 20px 33px 30px 33px;
    min-height: 102px; }
    @media only screen and (max-width: 980px) {
      .event-public .content-events .site-main-content .rsvp-wrapper {
        padding: 20px 15px 30px 15px; } }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .rsvp-wrapper {
        text-align: center;
        padding: 18px 7px 30px 7px;
        margin-top: 19px; }
        .event-public .content-events .site-main-content .rsvp-wrapper h4 {
          text-align: center; } }
    .event-public .content-events .site-main-content .rsvp-wrapper h4.title {
      margin-bottom: 7px; }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .rsvp-wrapper h4.title {
          margin-bottom: 16px; } }
    .event-public .content-events .site-main-content .rsvp-wrapper .button-link {
      position: absolute;
      right: 30px;
      top: 22px;
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 5px 20px;
      text-transform: uppercase;
      border: 3px solid #ea6b15;
      color: #ea6b15; }
      .event-public .content-events .site-main-content .rsvp-wrapper .button-link:hover {
        background: #ea6b15;
        color: #fff; }
      .event-public .content-events .site-main-content .rsvp-wrapper .button-link.button-mb {
        display: none; }
      @media only screen and (max-width: 980px) {
        .event-public .content-events .site-main-content .rsvp-wrapper .button-link {
          padding: 5px 11px;
          font-size: 15px;
          right: 15px; } }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .rsvp-wrapper .button-link {
          position: static;
          display: none;
          font-size: 17px;
          padding: 5px 24px; }
          .event-public .content-events .site-main-content .rsvp-wrapper .button-link.button-mb {
            display: inline-block; } }
    .event-public .content-events .site-main-content .rsvp-wrapper .table table {
      margin-top: 27px; }
      @media only screen and (max-width: 767px) {
        .event-public .content-events .site-main-content .rsvp-wrapper .table table {
          margin-top: 24px; }
          .event-public .content-events .site-main-content .rsvp-wrapper .table table thead th:first-child {
            width: 24%; } }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .rsvp-wrapper .table {
        margin-left: 0;
        margin-right: 0; } }
  .event-public .content-events .site-main-content .about-mb {
    display: none; }
    @media only screen and (max-width: 767px) {
      .event-public .content-events .site-main-content .about-mb {
        display: block;
        margin-top: 41px;
        margin-bottom: 40px; } }

.event-public .content-events .main-banner {
  margin-top: 30px; }
  @media only screen and (max-width: 767px) {
    .event-public .content-events .main-banner {
      display: none; } }
  .event-public .content-events .main-banner .content {
    float: left;
    width: 57%;
    color: #fff;
    padding-left: 30px;
    padding-top: 39px; }
    @media only screen and (max-width: 1168px) {
      .event-public .content-events .main-banner .content {
        padding-top: 15px;
        padding-left: 20px; } }
    @media only screen and (max-width: 980px) {
      .event-public .content-events .main-banner .content {
        width: 53%;
        padding-top: 10px;
        padding-left: 10px; } }
    .event-public .content-events .main-banner .content .title {
      font-weight: 700;
      font-size: 24px;
      margin-bottom: 20px; }
      @media only screen and (max-width: 980px) {
        .event-public .content-events .main-banner .content .title {
          margin-bottom: 5px;
          font-size: 18px; } }
    .event-public .content-events .main-banner .content .text {
      letter-spacing: -0.3px;
      max-width: 50%;
      line-height: 20px; }
      @media only screen and (max-width: 1168px) {
        .event-public .content-events .main-banner .content .text {
          max-width: 67%; } }
      @media only screen and (max-width: 980px) {
        .event-public .content-events .main-banner .content .text {
          max-width: 80%; } }
    .event-public .content-events .main-banner .content a.link {
      display: block;
      font-weight: 700;
      color: #fff;
      margin-top: 14px; }
      @media only screen and (max-width: 980px) {
        .event-public .content-events .main-banner .content a.link {
          margin-top: 8px; } }

.event-public.logged-in .ui-dialog .ui-dialog-titlebar {
  top: 0px;
  right: 18px; }

.event-public.logged-in .ui-dialog #password-poup.ui-dialog-content {
  text-align: center;
  padding: 68px 72px 78px 63px;
  width: 755px !important; }
  @media only screen and (max-width: 980px) {
    .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content {
      width: 700px !important; } }
  @media only screen and (max-width: 767px) {
    .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content {
      padding: 68px 15px 50px 15px;
      width: 100% !important; } }
  .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content .button-step input {
    width: auto;
    border: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 5px 24px;
    text-transform: uppercase;
    background: #1896ab;
    color: #fff;
    margin-top: 17px; }
    .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content .button-step input:hover, .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content .button-step input:focus {
      background: #78c3cf; }
  .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 27px; }
  .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content .form-intro {
    padding: 0 67px;
    margin-bottom: 25px; }
    @media only screen and (max-width: 767px) {
      .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content .form-intro {
        padding: 0 10px; } }
  .event-public.logged-in .ui-dialog #password-poup.ui-dialog-content label {
    margin-bottom: 13px;
    font-weight: normal; }

.event-public .password-popup.ui-widget-content {
  width: 755px !important; }
  @media only screen and (max-width: 980px) {
    .event-public .password-popup.ui-widget-content {
      width: 700px !important; } }
  @media only screen and (max-width: 767px) {
    .event-public .password-popup.ui-widget-content {
      width: 90% !important;
      left: 5% !important; } }
  .event-public .password-popup.ui-widget-content.ui-dialog .ui-dialog-titlebar .ui-button {
    display: none !important; }

.event-public .rsvp-popup.ui-widget-content {
  width: 920px !important; }
  @media only screen and (max-width: 980px) {
    .event-public .rsvp-popup.ui-widget-content {
      width: 720px !important; } }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup.ui-widget-content {
      width: 95% !important; } }

.event-public .rsvp-popup.ui-dialog .ui-dialog-content {
  width: 920px !important;
  padding: 60px 137px 54px 125px; }
  @media only screen and (max-width: 980px) {
    .event-public .rsvp-popup.ui-dialog .ui-dialog-content {
      width: 720px !important;
      padding: 60px 59px 54px 45px; } }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup.ui-dialog .ui-dialog-content {
      width: 100% !important;
      padding: 43px 17px 33px 17px; } }

.event-public .rsvp-popup.ui-dialog .ui-dialog-titlebar {
  top: -1px;
  right: 22px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup.ui-dialog .ui-dialog-titlebar {
      top: -9px;
      right: 10px; } }

.event-public .rsvp-popup h3.form-title {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -0.3px;
  line-height: 30px;
  margin-bottom: 21px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup h3.form-title {
      text-align: center;
      font-size: 16px;
      margin-bottom: 12px; } }

.event-public .rsvp-popup .form-intro {
  margin-bottom: 16px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup .form-intro {
      text-align: center;
      margin-bottom: 26px; } }

@media only screen and (max-width: 767px) {
  .event-public .rsvp-popup .additional-elements {
    text-align: center; }
    .event-public .rsvp-popup .additional-elements > p {
      text-align: left; } }

.event-public .rsvp-popup .additional-elements .meal-details-ctrl {
  text-decoration: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 17px;
  display: inline-block;
  padding: 5px 13px;
  text-transform: uppercase;
  color: #1896ab;
  border: 3px solid #1896ab;
  margin-top: 41px;
  margin-bottom: 18px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup .additional-elements .meal-details-ctrl {
      margin-top: 22px; } }
  .event-public .rsvp-popup .additional-elements .meal-details-ctrl:hover {
    background: #1896ab;
    color: #fff; }

.event-public .rsvp-popup .additional-elements .field-textarea-right textarea {
  max-width: 510px; }
  @media only screen and (max-width: 980px) {
    .event-public .rsvp-popup .additional-elements .field-textarea-right textarea {
      max-width: 455px; } }

.event-public .rsvp-popup .additional-elements .field-textarea-right .text-right {
  right: -74px; }
  @media only screen and (max-width: 980px) {
    .event-public .rsvp-popup .additional-elements .field-textarea-right .text-right {
      right: -25px; } }

.event-public .rsvp-popup .meal-details {
  margin-top: 35px;
  margin-bottom: 40px; }
  @media only screen and (max-width: 980px) {
    .event-public .rsvp-popup .meal-details {
      text-align: left; } }

.event-public .rsvp-popup .main-elements {
  border-bottom: 3px solid #ede8e2;
  padding-bottom: 24px;
  margin-bottom: 26px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup .main-elements {
      padding-bottom: 15px;
      margin-bottom: 32px; } }

.event-public .rsvp-popup .form-rsvp .block-tick p {
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup .form-rsvp .block-tick p {
      font-size: 16px; } }
  .event-public .rsvp-popup .form-rsvp .block-tick p.tick-note {
    font-size: 15px;
    margin-top: 18px; }

.event-public .rsvp-popup .form-rsvp .block-tick .list-tick {
  margin-top: -2px; }
  .event-public .rsvp-popup .form-rsvp .block-tick .list-tick ul li:nth-child(4n) {
    width: 45%;
    margin-right: 21px; }

.event-public .rsvp-popup .button-step {
  text-align: right;
  margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .event-public .rsvp-popup .button-step {
      text-align: center;
      margin-top: 21px; } }
  .event-public .rsvp-popup .button-step input {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 16px 48px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background: #ea6b15;
    width: auto;
    height: auto; }
    .event-public .rsvp-popup .button-step input:hover {
      background: #faa53f; }

/*================Popup upload image ====================*/
.content-events .p_body {
  background: #fff;
  z-index: 100; }

.content-events .popup {
  z-index: 101;
  box-shadow: none;
  border: 3px solid #ede8e2;
  padding: 71px 83px 78px 84px;
  width: 851px;
  height: auto; }
  @media only screen and (max-width: 980px) {
    .content-events .popup {
      width: 700px; } }
  @media only screen and (max-width: 767px) {
    .content-events .popup {
      width: 95%;
      padding: 50px; } }
  .content-events .popup .popup__header {
    padding: 0;
    margin-bottom: 40px; }
    .content-events .popup .popup__header h3 {
      font-size: 22px;
      letter-spacing: -0.3px;
      text-align: left;
      font-family: 'Karla', sans-serif;
      font-weight: bold; }
  .content-events .popup .popup-footer {
    padding-top: 40px; }
    .content-events .popup .popup-footer .btn-download {
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: transparent;
      color: #1896ab;
      border: 3px solid #1896ab;
      text-align: center; }
      .content-events .popup .popup-footer .btn-download:hover {
        background: #1896ab;
        color: #fff;
        border: 3px solid transparent; }
  .content-events .popup .image-form {
    background: #ede8e2;
    width: 100%;
    min-height: 391px;
    padding: 10px; }
    .content-events .popup .image-form > div {
      border: 3px dashed #fff;
      min-height: 371px;
      display: table;
      width: 100%; }
      .content-events .popup .image-form > div .box-file {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        position: relative; }
        .content-events .popup .image-form > div .box-file span {
          font-size: 20px;
          letter-spacing: -0.3px;
          display: block;
          margin-top: 25px; }
    .content-events .popup .image-form .btn-file {
      margin-top: 2px; }
      .content-events .popup .image-form .btn-file .btn-file-input {
        width: 59px;
        height: 69px;
        background: transparent url("../images/upload-icon.png") no-repeat;
        border: none;
        position: absolute;
        top: 38%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        cursor: pointer; }
      .content-events .popup .image-form .btn-file input {
        border: none;
        display: block;
        margin: 0 auto;
        width: 100%;
        height: 371px;
        font-size: 0;
        background: transparent;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        top: 0; }
  .content-events .popup .tool-form .error-form {
    color: #d12118; }
  .content-events .popup.popup_ready_made {
    width: 700px;
    background: #faf8f6;
    border: 3px solid #ede8e2;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 50px 50px 56px;
    left: calc(50% - 350px) !important;
    top: calc(50% - 200px) !important;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none; }
    @media only screen and (max-width: 767px) {
      .content-events .popup.popup_ready_made {
        width: 90%;
        left: 5% !important;
        top: 5% !important;
        padding: 40px 20px 30px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px; } }

.content-events .js__slide_top {
  display: none; }

.content-events .p_close {
  width: 25px;
  height: 25px;
  right: 20px;
  top: 20px; }
  .content-events .p_close span {
    display: none; }
  .content-events .p_close:after, .content-events .p_close:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -2px;
    background: #1896ab;
    display: block; }
  .content-events .p_close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .content-events .p_close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

.create-event .popup-footer, .edit-event .popup-footer {
  margin-top: 30px; }
  .create-event .popup-footer button, .edit-event .popup-footer button {
    background: transparent;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #1896ab;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 13px;
    text-transform: uppercase;
    color: #1896ab;
    cursor: pointer;
    float: left; }
    .create-event .popup-footer button:hover, .edit-event .popup-footer button:hover {
      background: #1896ab;
      color: #fff; }
    .create-event .popup-footer button.save, .edit-event .popup-footer button.save {
      float: right;
      border-color: #1896ab;
      background: #1896ab;
      color: #fff;
      padding: 7px 25px; }
      .create-event .popup-footer button.save:hover, .edit-event .popup-footer button.save:hover {
        background: transparent;
        color: #1896ab; }

.create-event.logged-in .ui-dialog .ui-dialog-content#image-crop-popup, .edit-event.logged-in .ui-dialog .ui-dialog-content#image-crop-popup {
  padding: 68px 65px 50px 65px; }
  .create-event.logged-in .ui-dialog .ui-dialog-content#image-crop-popup .popup-footer, .edit-event.logged-in .ui-dialog .ui-dialog-content#image-crop-popup .popup-footer {
    padding: 0 33px; }

.create-event input#ehce-state-other, .edit-event input#ehce-state-other {
  margin-top: 20px; }

/*================Popup view video===================*/
.ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar {
  position: absolute;
  top: -4px;
  right: 11px; }
  .ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar .ui-button {
    width: 20px;
    height: 20px;
    display: block !important; }
    .ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar .ui-button:after, .ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar .ui-button:before {
      content: '';
      position: absolute;
      height: 2px;
      width: 100%;
      top: 50%;
      left: 0;
      margin-top: -2px;
      background: #1896ab;
      display: block; }
    .ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar .ui-button:after {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .ui-dialog.eventhub-youtube-id-mb .ui-dialog-titlebar .ui-button:before {
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }

.ui-dialog.eventhub-youtube-id-mb.ui-widget-content {
  width: 1146px !important;
  padding: 50px !important; }
  @media only screen and (max-width: 1190px) {
    .ui-dialog.eventhub-youtube-id-mb.ui-widget-content {
      width: 95% !important;
      padding: 45px !important; } }

.ui-dialog.eventhub-youtube-id-mb .ui-dialog-content {
  position: relative;
  padding-bottom: 53% !important;
  /* 16:9 */
  padding-top: 25px !important;
  height: 0 !important;
  width: auto !important; }
  .ui-dialog.eventhub-youtube-id-mb .ui-dialog-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*====Links head event==========*/
.view-event.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-pass-mb,
.eventhub.meal-list .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .my-details.eventhub .site-main-content .eventhub-head-link a.link-pass-mb,
.update-password.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-pass-mb {
  display: none; }

.view-event.eventhub .site-main-content .eventhub-head-link a.link-download, .view-event.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-download, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-pass-mb,
.eventhub.meal-list .site-main-content .eventhub-head-link a.link-download,
.eventhub.meal-list .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-download, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .my-details.eventhub .site-main-content .eventhub-head-link a.link-download, .my-details.eventhub .site-main-content .eventhub-head-link a.link-pass-mb,
.update-password.eventhub .site-main-content .eventhub-head-link a.link-download,
.update-password.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-download, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-download, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-pass-mb {
  display: none; }

@media only screen and (max-width: 767px) {
  .view-event.eventhub .site-main-content .eventhub-head-link, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link,
  .eventhub.meal-list .site-main-content .eventhub-head-link, .eventhub.create-rsvp .site-main-content .eventhub-head-link, .my-details.eventhub .site-main-content .eventhub-head-link,
  .update-password.eventhub .site-main-content .eventhub-head-link, .eventhub.import-rsvp .site-main-content .eventhub-head-link, .eventhub.edit-rsvp .site-main-content .eventhub-head-link {
    margin: 0 -20px 28px; }
    .view-event.eventhub .site-main-content .eventhub-head-link .list-link, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link .list-link,
    .eventhub.meal-list .site-main-content .eventhub-head-link .list-link, .eventhub.create-rsvp .site-main-content .eventhub-head-link .list-link, .my-details.eventhub .site-main-content .eventhub-head-link .list-link,
    .update-password.eventhub .site-main-content .eventhub-head-link .list-link, .eventhub.import-rsvp .site-main-content .eventhub-head-link .list-link, .eventhub.edit-rsvp .site-main-content .eventhub-head-link .list-link {
      display: block !important;
      overflow: hidden; }
    .view-event.eventhub .site-main-content .eventhub-head-link a, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a,
    .eventhub.meal-list .site-main-content .eventhub-head-link a, .eventhub.create-rsvp .site-main-content .eventhub-head-link a, .my-details.eventhub .site-main-content .eventhub-head-link a,
    .update-password.eventhub .site-main-content .eventhub-head-link a, .eventhub.import-rsvp .site-main-content .eventhub-head-link a, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a {
      border-top: 3px solid #ede8e2;
      border-bottom: 3px solid #ede8e2;
      width: 50%;
      float: left;
      text-align: center;
      height: 44px;
      line-height: 37px;
      font-size: 16px;
      text-transform: uppercase; }
      .view-event.eventhub .site-main-content .eventhub-head-link a:after, .view-event.eventhub .site-main-content .eventhub-head-link a:before, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a:after, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a:before,
      .eventhub.meal-list .site-main-content .eventhub-head-link a:after,
      .eventhub.meal-list .site-main-content .eventhub-head-link a:before, .eventhub.create-rsvp .site-main-content .eventhub-head-link a:after, .eventhub.create-rsvp .site-main-content .eventhub-head-link a:before, .my-details.eventhub .site-main-content .eventhub-head-link a:after, .my-details.eventhub .site-main-content .eventhub-head-link a:before,
      .update-password.eventhub .site-main-content .eventhub-head-link a:after,
      .update-password.eventhub .site-main-content .eventhub-head-link a:before, .eventhub.import-rsvp .site-main-content .eventhub-head-link a:after, .eventhub.import-rsvp .site-main-content .eventhub-head-link a:before, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a:after, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a:before {
        display: none; }
      .view-event.eventhub .site-main-content .eventhub-head-link a span, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a span,
      .eventhub.meal-list .site-main-content .eventhub-head-link a span, .eventhub.create-rsvp .site-main-content .eventhub-head-link a span, .my-details.eventhub .site-main-content .eventhub-head-link a span,
      .update-password.eventhub .site-main-content .eventhub-head-link a span, .eventhub.import-rsvp .site-main-content .eventhub-head-link a span, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a span {
        opacity: .3;
        display: block; }
      .view-event.eventhub .site-main-content .eventhub-head-link a:hover, .view-event.eventhub .site-main-content .eventhub-head-link a.active, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a:hover, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.active,
      .eventhub.meal-list .site-main-content .eventhub-head-link a:hover,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.active, .eventhub.create-rsvp .site-main-content .eventhub-head-link a:hover, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.active, .my-details.eventhub .site-main-content .eventhub-head-link a:hover, .my-details.eventhub .site-main-content .eventhub-head-link a.active,
      .update-password.eventhub .site-main-content .eventhub-head-link a:hover,
      .update-password.eventhub .site-main-content .eventhub-head-link a.active, .eventhub.import-rsvp .site-main-content .eventhub-head-link a:hover, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.active, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a:hover, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.active {
        color: #1896ab; }
        .view-event.eventhub .site-main-content .eventhub-head-link a:hover span, .view-event.eventhub .site-main-content .eventhub-head-link a.active span, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a:hover span, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.active span,
        .eventhub.meal-list .site-main-content .eventhub-head-link a:hover span,
        .eventhub.meal-list .site-main-content .eventhub-head-link a.active span, .eventhub.create-rsvp .site-main-content .eventhub-head-link a:hover span, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.active span, .my-details.eventhub .site-main-content .eventhub-head-link a:hover span, .my-details.eventhub .site-main-content .eventhub-head-link a.active span,
        .update-password.eventhub .site-main-content .eventhub-head-link a:hover span,
        .update-password.eventhub .site-main-content .eventhub-head-link a.active span, .eventhub.import-rsvp .site-main-content .eventhub-head-link a:hover span, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.active span, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a:hover span, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.active span {
          opacity: 1; }
      .view-event.eventhub .site-main-content .eventhub-head-link a.link-event-page, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-event-page,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-event-page, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-event-page, .my-details.eventhub .site-main-content .eventhub-head-link a.link-event-page,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-event-page, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-event-page, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-event-page {
        margin-right: 0; }
      .view-event.eventhub .site-main-content .eventhub-head-link a.link-promo, .view-event.eventhub .site-main-content .eventhub-head-link a.link-meal-list, .view-event.eventhub .site-main-content .eventhub-head-link a.link-promo, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-promo, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-meal-list, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-promo,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-promo,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-meal-list,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-promo, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-promo, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-meal-list, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-promo, .my-details.eventhub .site-main-content .eventhub-head-link a.link-promo, .my-details.eventhub .site-main-content .eventhub-head-link a.link-meal-list, .my-details.eventhub .site-main-content .eventhub-head-link a.link-promo,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-promo,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-meal-list,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-promo, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-promo, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-meal-list, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-promo, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-promo, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-meal-list, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-promo {
        display: none; }
      .view-event.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-pass-mb,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .my-details.eventhub .site-main-content .eventhub-head-link a.link-pass-mb,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-pass-mb, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-pass-mb {
        display: block; }
      .view-event.eventhub .site-main-content .eventhub-head-link a:first-child, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a:first-child,
      .eventhub.meal-list .site-main-content .eventhub-head-link a:first-child, .eventhub.create-rsvp .site-main-content .eventhub-head-link a:first-child, .my-details.eventhub .site-main-content .eventhub-head-link a:first-child,
      .update-password.eventhub .site-main-content .eventhub-head-link a:first-child, .eventhub.import-rsvp .site-main-content .eventhub-head-link a:first-child, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a:first-child {
        border-right: 3px solid #ede8e2; }
      .view-event.eventhub .site-main-content .eventhub-head-link a.link-download, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-download,
      .eventhub.meal-list .site-main-content .eventhub-head-link a.link-download, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-download, .my-details.eventhub .site-main-content .eventhub-head-link a.link-download,
      .update-password.eventhub .site-main-content .eventhub-head-link a.link-download, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-download, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-download {
        display: inline-block;
        padding-left: 0;
        margin-left: -9px;
        padding-right: 19px; } }

@media only screen and (max-width: 414px) {
  .view-event.eventhub .site-main-content .eventhub-head-link a.link-download, .eventhub .customised-promo-tools .site-main-content .eventhub-head-link a.link-download,
  .eventhub.meal-list .site-main-content .eventhub-head-link a.link-download, .eventhub.create-rsvp .site-main-content .eventhub-head-link a.link-download, .my-details.eventhub .site-main-content .eventhub-head-link a.link-download,
  .update-password.eventhub .site-main-content .eventhub-head-link a.link-download, .eventhub.import-rsvp .site-main-content .eventhub-head-link a.link-download, .eventhub.edit-rsvp .site-main-content .eventhub-head-link a.link-download {
    padding-right: 0; } }

/*=========title wrapper=============*/
.eventhub.view-event .site-main-content, .eventhub.event-public .site-main-content,
.customised-promo-tools .site-main-content, .meal-list .site-main-content, .eventhub.create-rsvp .site-main-content, .my-details.eventhub .site-main-content, .update-password.eventhub .site-main-content,
.eventhub.import-rsvp .site-main-content, .eventhub.edit-rsvp .site-main-content {
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .eventhub.view-event .site-main-content, .eventhub.event-public .site-main-content,
    .customised-promo-tools .site-main-content, .meal-list .site-main-content, .eventhub.create-rsvp .site-main-content, .my-details.eventhub .site-main-content, .update-password.eventhub .site-main-content,
    .eventhub.import-rsvp .site-main-content, .eventhub.edit-rsvp .site-main-content {
      margin-top: 0; } }

.eventhub.view-event #breadcrumbs, .eventhub.event-public #breadcrumbs,
.customised-promo-tools #breadcrumbs, .meal-list #breadcrumbs, .eventhub.create-rsvp #breadcrumbs, .my-details.eventhub #breadcrumbs, .update-password.eventhub #breadcrumbs,
.eventhub.import-rsvp #breadcrumbs, .eventhub.edit-rsvp #breadcrumbs {
  display: block;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .eventhub.view-event #breadcrumbs, .eventhub.event-public #breadcrumbs,
    .customised-promo-tools #breadcrumbs, .meal-list #breadcrumbs, .eventhub.create-rsvp #breadcrumbs, .my-details.eventhub #breadcrumbs, .update-password.eventhub #breadcrumbs,
    .eventhub.import-rsvp #breadcrumbs, .eventhub.edit-rsvp #breadcrumbs {
      display: none; } }

.eventhub.view-event .container .title-wrapper, .eventhub.event-public .container .title-wrapper,
.customised-promo-tools .container .title-wrapper, .meal-list .container .title-wrapper, .eventhub.create-rsvp .container .title-wrapper, .my-details.eventhub .container .title-wrapper, .update-password.eventhub .container .title-wrapper,
.eventhub.import-rsvp .container .title-wrapper, .eventhub.edit-rsvp .container .title-wrapper {
  margin-top: 53px;
  margin-bottom: 18px; }
  @media only screen and (max-width: 767px) {
    .eventhub.view-event .container .title-wrapper, .eventhub.event-public .container .title-wrapper,
    .customised-promo-tools .container .title-wrapper, .meal-list .container .title-wrapper, .eventhub.create-rsvp .container .title-wrapper, .my-details.eventhub .container .title-wrapper, .update-password.eventhub .container .title-wrapper,
    .eventhub.import-rsvp .container .title-wrapper, .eventhub.edit-rsvp .container .title-wrapper {
      margin-top: 20px;
      margin-bottom: 0; } }
  .eventhub.view-event .container .title-wrapper h1, .eventhub.event-public .container .title-wrapper h1,
  .customised-promo-tools .container .title-wrapper h1, .meal-list .container .title-wrapper h1, .eventhub.create-rsvp .container .title-wrapper h1, .my-details.eventhub .container .title-wrapper h1, .update-password.eventhub .container .title-wrapper h1,
  .eventhub.import-rsvp .container .title-wrapper h1, .eventhub.edit-rsvp .container .title-wrapper h1 {
    font-size: 40px;
    letter-spacing: -0.8px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .eventhub.view-event .container .title-wrapper h1, .eventhub.event-public .container .title-wrapper h1,
      .customised-promo-tools .container .title-wrapper h1, .meal-list .container .title-wrapper h1, .eventhub.create-rsvp .container .title-wrapper h1, .my-details.eventhub .container .title-wrapper h1, .update-password.eventhub .container .title-wrapper h1,
      .eventhub.import-rsvp .container .title-wrapper h1, .eventhub.edit-rsvp .container .title-wrapper h1 {
        font-size: 20px;
        color: #1896ab;
        text-align: center;
        letter-spacing: 0; } }

.sponsor-related-posts {
  margin-top: 30px; }

.related-list > .item {
  margin-bottom: 50px; }

@media only screen and (min-width: 640px) {
  .related-list {
    display: flex;
    flex-wrap: wrap; }
    .related-list > .item {
      margin-right: 30px;
      width: calc((100% - 30px)/2); }
      .related-list > .item:nth-of-type(2n+2) {
        margin-right: 0; } }

.related-list .related-image {
  display: block;
  margin-bottom: 20px; }
  .related-list .related-image img {
    display: block; }

.related-list .related-title {
  margin-bottom: 7px; }
  .related-list .related-title a {
    text-decoration: none;
    font-size: 17px;
    margin-bottom: 10px; }

.related-list .related_des {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 5px; }

body.competition #breadcrumbs {
  display: block;
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    body.competition #breadcrumbs {
      display: none; } }

.content-competition .title-wrapper {
  margin-top: 43px;
  margin-bottom: 60px; }
  .content-competition .title-wrapper h1 {
    font-weight: 700;
    font-size: 40px;
    line-height: 1;
    letter-spacing: -0.8px;
    font-family: 'Karla', sans-serif;
    margin-right: 134px;
    margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .content-competition .title-wrapper {
      display: block;
      margin-bottom: 30px;
      margin-top: 18px; }
      .content-competition .title-wrapper h1 {
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
        color: #000;
        margin-right: 0;
        margin-top: 5px;
        margin-bottom: 0; } }

.competition-wrap {
  background: #faf8f6;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  border: solid 3px #ede8e2;
  padding: 52px 33px 57px 33px;
  margin-bottom: 70px; }
  @media only screen and (max-width: 767px) {
    .competition-wrap {
      padding: 25px 20px; } }
  .competition-wrap .block-title {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 16px;
    line-height: 1; }
    @media only screen and (max-width: 767px) {
      .competition-wrap .block-title {
        font-family: 'Karla', sans-serif;
        font-size: 17px;
        line-height: 27px;
        letter-spacing: -0.34px;
        text-align: center;
        margin-bottom: 13px; } }
  .competition-wrap .competition-block {
    max-width: 570px;
    margin: 0 auto; }

.form-competition {
  margin: 0 auto; }
  .form-competition .field-checkbox {
    margin-bottom: 26px; }
    .form-competition .field-checkbox input[type="checkbox"] {
      top: 8px;
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); }
    .form-competition .field-checkbox .label-checkbox {
      font-size: 15px;
      line-height: 25px;
      letter-spacing: -0.3px;
      margin-left: 33px;
      padding-top: 7px;
      max-width: 415px; }
      @media only screen and (max-width: 767px) {
        .form-competition .field-checkbox .label-checkbox {
          font-size: 14px; } }
  .form-competition .competition-question label {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: -0.28px;
    margin-bottom: 10px; }
  .form-competition textarea {
    min-height: 159px;
    margin-bottom: 2px; }
    @media only screen and (max-width: 767px) {
      .form-competition textarea {
        min-height: 185px; } }
  .form-competition .terms-link {
    font-size: 13px; }
  .form-competition .button {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    padding: 17px 46px 15px 46px;
    height: auto;
    text-transform: uppercase;
    background: #ea6b15;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    border: none;
    cursor: pointer;
    max-width: 362px;
    width: 100%;
    margin: 20px auto 0;
    display: block; }
    .form-competition .button:hover {
      background: #faa53f; }
    .form-competition .button#delete-event-confirm {
      background: #cecece; }
  @media only screen and (max-width: 767px) {
    .form-competition .fields,
    .form-competition .field-checkbox {
      margin-bottom: 20px; }
    .form-competition .button {
      padding: 17px 16px 15px 16px; } }

.contact-content h1 {
  margin-bottom: 28px; }
  @media only screen and (max-width: 767px) {
    .contact-content h1 {
      margin-bottom: 19px; } }

.contact-content .page-content {
  margin-top: 31px; }
  @media only screen and (max-width: 767px) {
    .contact-content .page-content {
      margin-top: 15px; } }

.contact-content .main-content {
  float: left;
  width: 50%; }
  @media only screen and (max-width: 767px) {
    .contact-content .main-content {
      float: none;
      width: 100%; } }
  .contact-content .main-content .description {
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      .contact-content .main-content .description {
        margin-bottom: 22px; } }
    .contact-content .main-content .description p {
      font-size: 20px;
      line-height: 30px; }
      @media only screen and (max-width: 767px) {
        .contact-content .main-content .description p {
          font-size: 16px;
          line-height: 26px; } }
  .contact-content .main-content .info-wrap p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.02px; }
    .contact-content .main-content .info-wrap p strong {
      display: block;
      text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .contact-content .main-content .info-wrap p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 10px; }
        .contact-content .main-content .info-wrap p strong {
          font-size: 16px; } }

.contact-content .form-content {
  float: left;
  width: 48.4%;
  margin-left: 13px;
  margin-top: 2px; }
  @media only screen and (max-width: 980px) {
    .contact-content .form-content {
      width: 46.4%;
      margin-left: 15px; } }
  @media only screen and (max-width: 767px) {
    .contact-content .form-content {
      float: none;
      width: 100%;
      margin-left: 0;
      margin-top: 38px; } }
  .contact-content .form-content form textarea {
    min-height: 200px; }
  .contact-content .form-content form .fields {
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      .contact-content .form-content form .fields {
        margin-bottom: 23px; } }
  .contact-content .form-content .button-wrap {
    text-align: right;
    margin-top: 32px; }
    @media only screen and (max-width: 767px) {
      .contact-content .form-content .button-wrap {
        margin-top: 36px; } }
    .contact-content .form-content .button-wrap input.button {
      border: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 17px 76px;
      text-transform: uppercase;
      color: #fff;
      background: #ea6b15;
      width: auto;
      height: auto; }
      .contact-content .form-content .button-wrap input.button:hover {
        background: #faa53f; }
      @media only screen and (max-width: 767px) {
        .contact-content .form-content .button-wrap input.button {
          padding: 17px 59px; } }

@media only screen and (max-width: 767px) {
  .recipe-content #breadcrumbs-wrapper {
    display: none; } }

.recipe-content .breadcrumb-list {
  margin-top: 15px; }

.recipe-content .page-title h1 {
  margin: 47px 0 23px; }
  @media only screen and (max-width: 767px) {
    .recipe-content .page-title h1 {
      margin-bottom: 19px;
      margin-top: 21px; } }

.recipe-content .page-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 31px; }
  @media only screen and (max-width: 767px) {
    .recipe-content .page-actions {
      margin-bottom: 40px; } }
  .recipe-content .page-actions .filter-search {
    width: calc(100% - 236px); }
    @media only screen and (max-width: 980px) {
      .recipe-content .page-actions .filter-search {
        padding-left: 15px;
        padding-right: 15px; } }
    @media only screen and (max-width: 767px) {
      .recipe-content .page-actions .filter-search {
        width: 100%;
        background: #fff;
        padding: 0; } }
    .recipe-content .page-actions .filter-search h3 {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 40px;
      line-height: 40px;
      margin-bottom: 13px; }
      @media only screen and (max-width: 767px) {
        .recipe-content .page-actions .filter-search h3 {
          display: none; } }
    .recipe-content .page-actions .filter-search .form-recipe {
      display: flex;
      align-items: flex-end;
      flex-wrap: wrap; }
      @media only screen and (max-width: 980px) {
        .recipe-content .page-actions .filter-search .form-recipe {
          margin-left: 0; } }
      .recipe-content .page-actions .filter-search .form-recipe form {
        vertical-align: top;
        position: relative; }
        .recipe-content .page-actions .filter-search .form-recipe form .clear-all {
          position: absolute;
          right: 24px;
          top: 19px;
          color: #ea6b15;
          text-decoration: underline; }
          .recipe-content .page-actions .filter-search .form-recipe form .clear-all:hover {
            text-decoration: none; }
          @media only screen and (max-width: 980px) {
            .recipe-content .page-actions .filter-search .form-recipe form .clear-all {
              right: 22px;
              top: 20px; } }
          @media only screen and (max-width: 767px) {
            .recipe-content .page-actions .filter-search .form-recipe form .clear-all {
              right: 16px;
              top: -24px; } }
        .recipe-content .page-actions .filter-search .form-recipe form.filter-recipes .select-wrap {
          display: flex;
          width: 100%; }
          .recipe-content .page-actions .filter-search .form-recipe form.filter-recipes .select-wrap .style-select {
            width: 220px; }
          .recipe-content .page-actions .filter-search .form-recipe form.filter-recipes .select-wrap .select-meal {
            margin-left: 15px; }
        @media only screen and (max-width: 767px) {
          .recipe-content .page-actions .filter-search .form-recipe form {
            display: none;
            width: 100%; } }
        .recipe-content .page-actions .filter-search .form-recipe form .style-select {
          border: none; }
          .recipe-content .page-actions .filter-search .form-recipe form .style-select .ui-selectmenu-button.ui-button {
            border: 3px solid #ede8e2;
            width: 100%;
            height: 40px;
            padding: 0 0 0 16px;
            line-height: 36px; }
            .recipe-content .page-actions .filter-search .form-recipe form .style-select .ui-selectmenu-button.ui-button .ui-selectmenu-icon {
              display: none; }
            .recipe-content .page-actions .filter-search .form-recipe form .style-select .ui-selectmenu-button.ui-button .ui-selectmenu-text {
              margin-right: 0;
              font-size: 16px; }
        .recipe-content .page-actions .filter-search .form-recipe form.search-form {
          width: 375px; }
          @media only screen and (max-width: 767px) {
            .recipe-content .page-actions .filter-search .form-recipe form.search-form {
              display: block;
              width: 100%; } }
          @media only screen and (min-width: 768px) and (max-width: 1169px) {
            .recipe-content .page-actions .filter-search .form-recipe form.search-form {
              margin-top: 20px; } }
          .recipe-content .page-actions .filter-search .form-recipe form.search-form input {
            width: calc(100% - 115px);
            overflow: hidden;
            text-overflow: ellipsis; }
            @media only screen and (max-width: 767px) {
              .recipe-content .page-actions .filter-search .form-recipe form.search-form input {
                width: calc(100% - 90px);
                height: 40px;
                line-height: 20px !important;
                border-right: 0; } }
          .recipe-content .page-actions .filter-search .form-recipe form.search-form .btn-search {
            float: right;
            text-decoration: none;
            -moz-border-radius: 50px;
            -webkit-border-radius: 50px;
            -ms-border-radius: 50px;
            border-radius: 50px;
            font-weight: 700;
            font-size: 17px;
            display: inline-block;
            padding: 8px 10px;
            text-transform: uppercase;
            border: 2px solid #1896ab;
            background: transparent;
            color: #1896ab;
            cursor: pointer;
            font-family: 'Karla', sans-serif;
            width: 105px;
            margin-left: 10px; }
            .recipe-content .page-actions .filter-search .form-recipe form.search-form .btn-search:hover {
              background: #1896ab;
              color: #fff; }
            @media only screen and (max-width: 980px) {
              .recipe-content .page-actions .filter-search .form-recipe form.search-form .btn-search {
                padding: 6px 10px 8px; } }
            @media only screen and (max-width: 767px) {
              .recipe-content .page-actions .filter-search .form-recipe form.search-form .btn-search {
                width: 90px;
                margin-left: 0;
                height: 40px;
                border-radius: 0;
                padding: 8px 10px 8px; } }
      .recipe-content .page-actions .filter-search .form-recipe .find-or {
        width: 30px;
        font-size: 16px;
        margin: 0;
        text-align: center;
        line-height: 40px; }
        @media only screen and (max-width: 767px) {
          .recipe-content .page-actions .filter-search .form-recipe .find-or {
            display: none; } }
  .recipe-content .page-actions .submit-wrap {
    width: 236px; }
    @media only screen and (max-width: 767px) {
      .recipe-content .page-actions .submit-wrap {
        display: none; } }
    .recipe-content .page-actions .submit-wrap button.button {
      text-decoration: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 0 20px;
      text-transform: uppercase;
      background: #1896ab;
      color: #fff;
      cursor: pointer;
      border: none;
      font-family: 'Karla', sans-serif;
      width: 100%;
      height: 40px; }
      .recipe-content .page-actions .submit-wrap button.button:hover {
        background: #78c3cf; }

.recipe-content .posts-list {
  float: none;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
  padding: 0; }
  .recipe-content .posts-list > .item {
    list-style: none;
    padding: 0;
    margin-bottom: 51px;
    margin-right: 30px;
    width: calc((100% - 60px)/3); }
    @media only screen and (max-width: 767px) {
      .recipe-content .posts-list > .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  .recipe-content .posts-list > .item:nth-of-type(3n+3) {
    margin-right: 0; }
  .recipe-content .posts-list li .post-thumb {
    margin-bottom: 15px; }
    @media only screen and (max-width: 767px) {
      .recipe-content .posts-list li .post-thumb {
        margin-bottom: 3px; } }
    .recipe-content .posts-list li .post-thumb .flag {
      display: none; }
    .recipe-content .posts-list li .post-thumb .image, .recipe-content .posts-list li .post-thumb .thumb-image {
      display: block; }
      @media only screen and (max-width: 767px) {
        .recipe-content .posts-list li .post-thumb .image, .recipe-content .posts-list li .post-thumb .thumb-image {
          margin-bottom: 11px; } }
      .recipe-content .posts-list li .post-thumb .image img, .recipe-content .posts-list li .post-thumb .thumb-image img {
        display: block; }
    .recipe-content .posts-list li .post-thumb .thumb-image {
      position: relative;
      z-index: 1; }
    .recipe-content .posts-list li .post-thumb .youtube-player {
      position: relative;
      z-index: 1; }
      .recipe-content .posts-list li .post-thumb .youtube-player .image:after {
        content: "";
        width: 71px;
        height: 50px;
        background: url("../images/video-icon.svg") no-repeat;
        background-size: 100% auto;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .recipe-content .posts-list li .post-thumb .youtube-player iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
  .recipe-content .posts-list li .title-top {
    margin-top: 0; }
    .recipe-content .posts-list li .title-top a {
      text-decoration: none; }
    .recipe-content .posts-list li .title-top .cuisine {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: -0.28px;
      text-transform: uppercase;
      font-weight: 700;
      color: #000;
      display: block; }
      @media only screen and (max-width: 767px) {
        .recipe-content .posts-list li .title-top .cuisine {
          font-size: 12px; } }
    .recipe-content .posts-list li .title-top .post-title {
      font-weight: 700;
      font-size: 18px;
      letter-spacing: -0.36px;
      line-height: 28px;
      color: #ea6b15;
      text-transform: capitalize;
      display: block;
      margin-bottom: 6px; }
      @media only screen and (max-width: 767px) {
        .recipe-content .posts-list li .title-top .post-title {
          font-size: 16px;
          line-height: 25px; } }
  .recipe-content .posts-list li .excerpt {
    display: none;
    margin-top: -2px;
    margin-bottom: 11px; }
    @media only screen and (max-width: 767px) {
      .recipe-content .posts-list li .excerpt {
        font-size: 14px; } }
  .recipe-content .posts-list li .link-view {
    font-size: 16px;
    text-decoration: underline;
    position: relative;
    letter-spacing: -0.32px; }
    .recipe-content .posts-list li .link-view:after {
      position: absolute;
      content: ' >';
      right: -10px; }
  @media only screen and (max-width: 767px) {
    .recipe-content .posts-list li .post-thumb {
      margin-bottom: 11px; }
      .recipe-content .posts-list li .post-thumb .video-container,
      .recipe-content .posts-list li .post-thumb .image-container {
        margin: 0 -20px;
        width: auto; }
    .recipe-content .posts-list li .title-top .cuisine {
      display: inline-block; }
    .recipe-content .posts-list li .title-top .post-title {
      display: inline;
      margin-left: 10px; } }
  @media only screen and (min-width: 768px) {
    .recipe-content .posts-list.feature-recipe > .item {
      width: calc((100% - 30px)/2); }
      .recipe-content .posts-list.feature-recipe > .item:nth-of-type(3n+3) {
        margin-right: 30px; }
        .recipe-content .posts-list.feature-recipe > .item:nth-of-type(3n+3):nth-of-type(2n+2) {
          margin-right: 0; }
      .recipe-content .posts-list.feature-recipe > .item:nth-of-type(2n+2) {
        margin-right: 0; } }
  .recipe-content .posts-list.feature-recipe .post-thumb {
    position: relative; }
    .recipe-content .posts-list.feature-recipe .post-thumb .flag {
      display: block; }

.recipe-content .flag {
  position: absolute;
  z-index: 2;
  display: block;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  color: #fff;
  background: #ea6b15;
  border: 2px solid #ea6b15;
  padding: 5px 10px 4px;
  top: 0;
  right: 0; }
  @media only screen and (min-width: 768px) {
    .recipe-content .flag.top-right {
      top: 30px;
      right: 0; }
    .recipe-content .flag.bottom-left {
      bottom: 30px;
      left: 0;
      top: inherit;
      right: inherit; } }
  @media only screen and (max-width: 767px) {
    .recipe-content .flag {
      font-size: 14px;
      padding: 1px 8px 1px; } }

.recipe-content .item-per-page {
  zoom: 1;
  padding-bottom: 22px; }
  .recipe-content .item-per-page:after {
    clear: both; }
  .recipe-content .item-per-page:before, .recipe-content .item-per-page:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .recipe-content .item-per-page .page-limiter {
    float: right;
    display: flex; }
    .recipe-content .item-per-page .page-limiter .lbl {
      padding-right: 4px;
      font-size: 14px;
      letter-spacing: -0.28px; }
    .recipe-content .item-per-page .page-limiter .nice-select {
      height: 25px;
      line-height: 25px;
      border: none;
      padding-left: 0;
      padding-right: 23px; }
      .recipe-content .item-per-page .page-limiter .nice-select .option {
        padding-left: 20px;
        padding-right: 20px; }
      .recipe-content .item-per-page .page-limiter .nice-select .current {
        font-weight: bold;
        color: #363636; }
      .recipe-content .item-per-page .page-limiter .nice-select:after {
        right: 3px;
        width: 7.5px;
        height: 8px;
        margin-top: -6px;
        border-color: #363636;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg); }
      .recipe-content .item-per-page .page-limiter .nice-select.open:after {
        margin-top: -7px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
  @media only screen and (max-width: 767px) {
    .recipe-content .item-per-page {
      display: none; } }

.recipe-content .supported-block-line {
  margin-top: 29px;
  padding-top: 29px; }
  @media only screen and (max-width: 767px) {
    .recipe-content .supported-block-line {
      background: none;
      margin: 5px 0 0;
      padding: 0; } }

.bottom-toolbar {
  text-align: center;
  padding-top: 7px;
  margin-bottom: 60px;
  letter-spacing: -0.28px;
  font-size: 14px;
  zoom: 1; }
  .bottom-toolbar:after {
    clear: both; }
  .bottom-toolbar:before, .bottom-toolbar:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .bottom-toolbar .toolbar-amount {
    float: left; }
    @media only screen and (max-width: 767px) {
      .bottom-toolbar .toolbar-amount {
        display: none; } }
  .bottom-toolbar .item-per-page {
    float: right;
    padding-bottom: 0; }
  .bottom-toolbar .pagination {
    display: inline-block;
    margin-bottom: 0; }
    .bottom-toolbar .pagination h2 {
      display: none; }
    .bottom-toolbar .pagination .meta-nav.screen-reader-text {
      display: none; }
    .bottom-toolbar .pagination .nav-links {
      display: flex; }
      .bottom-toolbar .pagination .nav-links .screen-reader-text {
        display: none; }
      .bottom-toolbar .pagination .nav-links .page-numbers {
        width: 26px;
        height: 26px;
        font-size: 14px;
        line-height: 27px;
        background: #faf8f6;
        border-radius: 13px;
        color: #363636;
        margin: 0 5px;
        text-decoration: none;
        display: flex;
        justify-content: center;
        align-items: center; }
        .bottom-toolbar .pagination .nav-links .page-numbers.next, .bottom-toolbar .pagination .nav-links .page-numbers.prev {
          text-decoration: none !important; }
          .bottom-toolbar .pagination .nav-links .page-numbers.next:before, .bottom-toolbar .pagination .nav-links .page-numbers.prev:before {
            display: inline-block;
            font-family: "icomoon" !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1.1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "";
            color: #363636;
            font-size: 8px; }
        .bottom-toolbar .pagination .nav-links .page-numbers.next {
          transform: rotate(90deg); }
        .bottom-toolbar .pagination .nav-links .page-numbers.prev {
          transform: rotate(-90deg); }
        .bottom-toolbar .pagination .nav-links .page-numbers:hover, .bottom-toolbar .pagination .nav-links .page-numbers.current {
          background: #1896ab;
          color: #fff; }
          .bottom-toolbar .pagination .nav-links .page-numbers:hover.next:before, .bottom-toolbar .pagination .nav-links .page-numbers:hover.prev:before, .bottom-toolbar .pagination .nav-links .page-numbers.current.next:before, .bottom-toolbar .pagination .nav-links .page-numbers.current.prev:before {
            color: #fff; }
  @media only screen and (max-width: 767px) {
    .bottom-toolbar {
      margin-bottom: 42px;
      padding-top: 9px; } }

.most-popular-content .title {
  font-family: 'Caveat', cursive;
  font-weight: 400;
  font-size: 50px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 41px; }
  @media only screen and (max-width: 767px) {
    .most-popular-content .title {
      font-size: 25px;
      line-height: 35px;
      margin-bottom: 22px; } }

.most-popular-content .most-popular-list .post-item .post-thumb {
  margin-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .most-popular-content .most-popular-list .post-item .post-thumb {
      margin-bottom: 3px; } }
  .most-popular-content .most-popular-list .post-item .post-thumb .flag {
    display: none; }
  .most-popular-content .most-popular-list .post-item .post-thumb .image, .most-popular-content .most-popular-list .post-item .post-thumb .thumb-image {
    display: block; }
    @media only screen and (max-width: 767px) {
      .most-popular-content .most-popular-list .post-item .post-thumb .image, .most-popular-content .most-popular-list .post-item .post-thumb .thumb-image {
        margin-bottom: 11px; } }
    .most-popular-content .most-popular-list .post-item .post-thumb .image img, .most-popular-content .most-popular-list .post-item .post-thumb .thumb-image img {
      display: block; }
  .most-popular-content .most-popular-list .post-item .post-thumb .thumb-image {
    position: relative;
    z-index: 1; }
  .most-popular-content .most-popular-list .post-item .post-thumb .youtube-player {
    position: relative;
    z-index: 1; }
    .most-popular-content .most-popular-list .post-item .post-thumb .youtube-player .image:after {
      content: "";
      width: 71px;
      height: 50px;
      background: url("../images/video-icon.svg") no-repeat;
      background-size: 100% auto;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .most-popular-content .most-popular-list .post-item .post-thumb .youtube-player iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

.most-popular-content .most-popular-list .post-item .title-top {
  margin-top: 0; }
  .most-popular-content .most-popular-list .post-item .title-top a {
    text-decoration: none; }
  .most-popular-content .most-popular-list .post-item .title-top .cuisine {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.28px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    display: block; }
    @media only screen and (max-width: 767px) {
      .most-popular-content .most-popular-list .post-item .title-top .cuisine {
        font-size: 12px; } }
  .most-popular-content .most-popular-list .post-item .title-top .post-title {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.36px;
    line-height: 28px;
    color: #ea6b15;
    text-transform: capitalize;
    display: block;
    margin-bottom: 6px; }
    @media only screen and (max-width: 767px) {
      .most-popular-content .most-popular-list .post-item .title-top .post-title {
        font-size: 16px;
        line-height: 25px; } }

.most-popular-content .most-popular-list .post-item .excerpt {
  display: none;
  margin-top: -2px;
  margin-bottom: 11px; }
  @media only screen and (max-width: 767px) {
    .most-popular-content .most-popular-list .post-item .excerpt {
      font-size: 14px; } }

.most-popular-content .most-popular-list .post-item .link-view {
  font-size: 16px;
  text-decoration: underline;
  position: relative;
  letter-spacing: -0.32px; }
  .most-popular-content .most-popular-list .post-item .link-view:after {
    position: absolute;
    content: ' >';
    right: -10px; }

@media only screen and (min-width: 768px) {
  .most-popular-content .most-popular-list {
    float: none;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding: 0; }
    .most-popular-content .most-popular-list > .item {
      list-style: none;
      padding: 0;
      margin-bottom: 30px;
      margin-right: 30px;
      width: calc((100% - 90px)/4); } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .most-popular-content .most-popular-list > .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }

@media only screen and (min-width: 768px) {
    .most-popular-content .most-popular-list > .item:nth-of-type(4n+4) {
      margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .most-popular-content .most-popular-list .item {
    margin-right: 10px; }
    .most-popular-content .most-popular-list .item .title-top .post-title {
      font-size: 14px; }
    .most-popular-content .most-popular-list .item .post-thumb .youtube-player .image:after {
      width: 30px;
      height: 25px;
      background-size: 30px auto; } }

@media only screen and (min-width: 768px) {
  .recipes-landing .page-actions .filter-search .form-recipe form.filter-recipes .select-wrap .style-select,
  .recipes-landing .page-actions .filter-search .form-recipe form.search-form input {
    width: 300px; }
  .recipes-landing .page-actions .filter-search .form-recipe form.search-form {
    width: auto; }
  .recipes-landing .page-actions .filter-search .form-recipe form.search-form .btn-search {
    margin-left: 30px; }
  .recipes-landing .page-actions .filter-search .form-recipe .find-or {
    width: 54px; }
  .recipes-landing .page-actions .filter-search .form-recipe .select-meal {
    display: none; } }

.recipes-landing .posts-list li .excerpt {
  display: block; }

.recipes-landing .bottom-toolbar {
  display: none; }

.banner-cuisine .text-over-banner {
  padding-top: 8px;
  margin-bottom: 52px; }
  .banner-cuisine .text-over-banner .text-overlay {
    top: 51%; }
  @media only screen and (max-width: 767px) {
    .banner-cuisine .text-over-banner {
      padding-top: 4px;
      margin-bottom: 43px; }
      .banner-cuisine .text-over-banner .button {
        min-width: 140px; } }

@media only screen and (max-width: 767px) {
  .banner-cuisine {
    margin: 0 -20px; }
    .banner-cuisine .text-over-banner .text-overlay {
      max-width: 80%;
      margin-bottom: 15px; }
      .banner-cuisine .text-over-banner .text-overlay .title {
        font-size: 20px; } }

.recipe-details .recipe-detail-top {
  margin-top: 41px;
  width: 71.3%; }
  @media only screen and (max-width: 767px) {
    .recipe-details .recipe-detail-top {
      width: 100%;
      margin-top: 33px; } }
  .recipe-details .recipe-detail-top .cuisine {
    font-size: 20px;
    line-height: 30px;
    color: #ea6b15; }
    @media only screen and (max-width: 767px) {
      .recipe-details .recipe-detail-top .cuisine {
        font-size: 14px; } }
  .recipe-details .recipe-detail-top .author {
    font-size: 20px;
    line-height: 30px; }
    @media only screen and (max-width: 767px) {
      .recipe-details .recipe-detail-top .author {
        font-size: 11px;
        font-weight: 700; } }
  .recipe-details .recipe-detail-top .page-title h1 {
    margin-bottom: 16px;
    margin-top: 4px; }
    @media only screen and (max-width: 767px) {
      .recipe-details .recipe-detail-top .page-title h1 {
        margin-top: 1px;
        margin-bottom: 3px;
        line-height: 24px; } }

.recipe-details .post-left-detail .main-image {
  margin-top: 46px;
  margin-bottom: 51px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-image {
      margin-top: 19px;
      margin-bottom: 31px; } }
  .recipe-details .post-left-detail .main-image .video-container {
    position: relative; }
    .recipe-details .post-left-detail .main-image .video-container a.cli {
      overflow: hidden;
      display: block;
      position: relative;
      padding-bottom: 63.2%; }
      .recipe-details .post-left-detail .main-image .video-container a.cli img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      @media only screen and (max-width: 767px) {
        .recipe-details .post-left-detail .main-image .video-container a.cli {
          padding-bottom: 68%; } }
      .recipe-details .post-left-detail .main-image .video-container a.cli:after {
        content: "";
        width: 88px;
        height: 62px;
        background: url("../images/btn-video-detail.png") no-repeat;
        background-size: 100% auto;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        /* IE 9 */
        -webkit-transform: translate(-50%, -50%);
        /* Safari */
        transform: translate(-50%, -50%); }
        @media only screen and (max-width: 767px) {
          .recipe-details .post-left-detail .main-image .video-container a.cli:after {
            background-size: 48px auto;
            width: 48px;
            height: 33px; } }
    .recipe-details .post-left-detail .main-image .video-container iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }

.recipe-details .post-left-detail .main-content .recipe-tab {
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .recipe-tab {
      margin: 0 -20px; } }
  .recipe-details .post-left-detail .main-content .recipe-tab li {
    float: left;
    width: 50%;
    text-align: center;
    background: #ede8e2;
    padding: 17px 0; }
    @media only screen and (max-width: 767px) {
      .recipe-details .post-left-detail .main-content .recipe-tab li {
        padding: 10px 0 11px; } }
    .recipe-details .post-left-detail .main-content .recipe-tab li a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 17px;
      font-weight: 700;
      color: #1896ab;
      display: block; }
      @media only screen and (max-width: 767px) {
        .recipe-details .post-left-detail .main-content .recipe-tab li a {
          font-size: 16px; } }
    .recipe-details .post-left-detail .main-content .recipe-tab li.active {
      background: #1896ab; }
      .recipe-details .post-left-detail .main-content .recipe-tab li.active a {
        color: #fff; }

.recipe-details .post-left-detail .main-content .tab-content {
  margin-top: 28px;
  border-bottom: 3px solid #ede8e2;
  padding-bottom: 40px;
  margin-bottom: 44px;
  line-height: 35px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .tab-content {
      line-height: 25px;
      padding-bottom: 27px;
      margin-bottom: 22px; } }

.recipe-details .post-left-detail .main-content .related-posts ul li a.img {
  height: 198px; }

.recipe-details .post-left-detail .main-content .related-posts .title-wrap {
  margin-top: 14px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .related-posts .title-wrap {
      margin-top: 11px; } }

.recipe-details .post-left-detail .main-content .related-posts .cuisine, .recipe-details .post-left-detail .main-content .related-posts a.title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  line-height: 28px;
  letter-spacing: -0.02px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .related-posts .cuisine, .recipe-details .post-left-detail .main-content .related-posts a.title {
      line-height: 20px; } }

.recipe-details .post-left-detail .main-content .related-posts a.title {
  font-size: 16px;
  color: #ea6b15;
  text-transform: capitalize;
  display: inline; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .related-posts a.title {
      display: block;
      margin-top: 0; } }

.recipe-details .post-left-detail .main-content .related-posts a.view-more {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: #acacac;
  display: none;
  text-decoration: none;
  margin-top: 13px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .post-left-detail .main-content .related-posts a.view-more {
      display: block; } }

@media only screen and (max-width: 980px) {
  .recipe-details .post-left-detail .main-content .related-posts ul li a.img, .recipe-details .post-left-detail .main-content .related-posts ul li a.img img {
    height: 168px; } }

@media only screen and (max-width: 767px) {
  .recipe-details .post-left-detail .main-content .related-posts ul li a.img, .recipe-details .post-left-detail .main-content .related-posts ul li a.img img {
    height: 103px; } }

.recipe-details .post-left-detail .main-content .content img {
  width: auto; }
  .recipe-details .post-left-detail .main-content .content img.aligncenter {
    display: table-cell;
    margin: 0 auto; }

.recipe-details .post-sidebar {
  margin-top: 6px; }

.recipe-details.post-detail .post-sidebar .widget_categories {
  display: none; }

.recipe-details .submit-wrap {
  margin-bottom: 31px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .submit-wrap {
      text-align: center; } }
  .recipe-details .submit-wrap button.button {
    text-decoration: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 15px 0;
    text-transform: uppercase;
    background: #1896ab;
    color: #fff;
    cursor: pointer;
    border: none;
    font-family: 'Karla', sans-serif;
    width: 100%; }
    .recipe-details .submit-wrap button.button:hover {
      background: #78c3cf; }
    @media only screen and (max-width: 767px) {
      .recipe-details .submit-wrap button.button {
        width: auto;
        padding: 15px 51px; } }

.recipe-details .block-search-recipe {
  background: #faf8f6;
  padding: 23px 22px 36px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .recipe-details .block-search-recipe {
      display: none; } }
  .recipe-details .block-search-recipe h3 {
    font-family: 'Caveat', cursive;
    font-size: 40px;
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 18px;
    font-weight: 400; }
  .recipe-details .block-search-recipe .search-form {
    padding: 0 11px 0 5px; }
    .recipe-details .block-search-recipe .search-form button.button {
      text-decoration: none;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      -ms-border-radius: 50px;
      border-radius: 50px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 6px 16px 8px;
      text-transform: uppercase;
      border: 3px solid #1896ab;
      background: transparent;
      color: #1896ab;
      cursor: pointer;
      font-family: 'Karla', sans-serif;
      margin-top: 20px; }
      .recipe-details .block-search-recipe .search-form button.button:hover {
        background: #1896ab;
        color: #fff; }
      @media only screen and (max-width: 980px) {
        .recipe-details .block-search-recipe .search-form button.button {
          padding: 6px 10px 8px; } }

.recipe-popup.ui-widget-content {
  width: 920px !important; }
  @media only screen and (max-width: 980px) {
    .recipe-popup.ui-widget-content {
      width: 720px !important; } }
  @media only screen and (max-width: 767px) {
    .recipe-popup.ui-widget-content {
      width: 95% !important; } }

.recipe-popup.ui-dialog .ui-dialog-content {
  width: 920px !important;
  padding: 60px 137px 54px 125px; }
  @media only screen and (max-width: 980px) {
    .recipe-popup.ui-dialog .ui-dialog-content {
      width: 720px !important;
      padding: 60px 59px 54px 45px; } }
  @media only screen and (max-width: 767px) {
    .recipe-popup.ui-dialog .ui-dialog-content {
      width: 100% !important;
      padding: 43px 17px 33px 17px; } }

.recipe-popup.ui-dialog .ui-dialog-titlebar {
  top: -1px;
  right: 22px; }
  @media only screen and (max-width: 767px) {
    .recipe-popup.ui-dialog .ui-dialog-titlebar {
      top: -9px;
      right: 10px; } }

.recipe-popup h3.form-title {
  font-weight: 700;
  font-size: 25px;
  letter-spacing: -0.02px;
  line-height: 30px;
  margin-bottom: 21px; }
  @media only screen and (max-width: 767px) {
    .recipe-popup h3.form-title {
      text-align: center;
      font-size: 16px;
      margin-bottom: 12px; } }

.recipe-popup .form-intro {
  margin-bottom: 16px; }
  @media only screen and (max-width: 767px) {
    .recipe-popup .form-intro {
      text-align: center;
      margin-bottom: 26px; } }

.recipe-popup textarea {
  max-height: 150px;
  height: 150px;
  resize: none; }

.recipe-popup .input-file-wrap {
  overflow: hidden; }
  .recipe-popup .input-file-wrap .upload-label {
    display: inline-block;
    cursor: pointer;
    border: 3px solid #1896ab;
    background: transparent;
    color: #1896ab;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 19px 6px;
    float: right;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px; }
    .recipe-popup .input-file-wrap .upload-label:hover {
      background: #1896ab;
      color: #fff; }
  .recipe-popup .input-file-wrap #display-file-name {
    margin-right: 32px; }

.recipe-popup .button-step {
  text-align: right;
  margin-top: 42px; }
  @media only screen and (max-width: 767px) {
    .recipe-popup .button-step {
      text-align: center;
      margin-top: 35px; } }
  .recipe-popup .button-step button.button {
    cursor: pointer;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 16px 48px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background: #ea6b15;
    width: auto;
    height: auto; }
    .recipe-popup .button-step button.button:hover {
      background: #faa53f; }
    @media only screen and (max-width: 767px) {
      .recipe-popup .button-step button.button {
        padding: 15px 77px; } }

@media only screen and (max-width: 767px) {
  .recipe-popup .label-ingredient {
    display: block; } }

.recipe-popup #form-submit-success {
  text-align: center; }
  .recipe-popup #form-submit-success .redirect-link {
    text-decoration: none;
    background: #1896ab;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 12px 48px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 35px; }
    .recipe-popup #form-submit-success .redirect-link:hover {
      background: #8ecbd5; }
    @media only screen and (max-width: 767px) {
      .recipe-popup #form-submit-success .redirect-link {
        padding: 8px 24px 7px;
        margin-top: 28px; } }

.post-type-archive-recipe .ui-selectmenu-open .ui-widget-content.ui-menu .ui-menu-item-wrapper {
  padding: 3px 1em 3px 16px; }

.promotool-main-content .page-title h1 {
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .page-title h1 {
      margin-bottom: 16px; } }

.promotool-main-content .page-main-content {
  float: left;
  width: 74.46%; }
  @media only screen and (max-width: 1024px) {
    .promotool-main-content .page-main-content {
      width: 70%; } }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .page-main-content {
      float: none;
      width: 100%; } }

.promotool-main-content .sidebar-right {
  float: right;
  width: 23.1%;
  background: #faf8f6;
  padding: 22px 23px 33px 23px;
  margin-top: 10px; }
  @media only screen and (max-width: 1024px) {
    .promotool-main-content .sidebar-right {
      width: 28%;
      padding: 22px 15px 33px 15px; } }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .sidebar-right {
      display: none; } }
  .promotool-main-content .sidebar-right h4 {
    font-family: 'Caveat', cursive;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    text-transform: capitalize;
    margin-bottom: 19px; }
  .promotool-main-content .sidebar-right .intro {
    padding-left: 4px; }
    .promotool-main-content .sidebar-right .intro p {
      font-size: 16px;
      line-height: 30px;
      letter-spacing: -0.02px;
      margin-bottom: 12px; }
    .promotool-main-content .sidebar-right .intro ul li {
      font-size: 16px;
      margin-bottom: 5px; }
      .promotool-main-content .sidebar-right .intro ul li:before {
        content: "-";
        font-family: 'Karla', sans-serif;
        font-size: 16px; }
  .promotool-main-content .sidebar-right a {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 4px 21px 5px 21px;
    border: 3px solid #1896ab;
    text-transform: uppercase;
    color: #1896ab;
    margin-top: 19px; }
    .promotool-main-content .sidebar-right a:hover {
      background: #1896ab;
      color: #fff; }

.promotool-main-content .page-description h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 5px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .page-description h4 {
      font-size: 15px;
      line-height: 25px; } }

.promotool-main-content .page-description .intro p {
  letter-spacing: -0.02px; }

.promotool-main-content .tools-content h2.section-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 40px;
  text-transform: capitalize;
  margin-bottom: 27px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .tools-content h2.section-title {
      font-family: 'Caveat', cursive;
      font-weight: 400;
      font-size: 30px;
      line-height: 50px;
      text-transform: capitalize;
      color: #fff;
      background: #1896ab;
      margin: 0 -20px 31px;
      padding: 15px 20px 20px 20px; } }

.promotool-main-content .tools-content .section-content ul li.item {
  text-align: center;
  margin-bottom: 44px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .tools-content .section-content ul li.item {
      margin-bottom: 35px; } }
  .promotool-main-content .tools-content .section-content ul li.item a {
    display: block;
    text-decoration: none; }
    .promotool-main-content .tools-content .section-content ul li.item a p.name {
      font-weight: 700;
      text-transform: capitalize;
      font-size: 16px;
      letter-spacing: -0.02px;
      margin-top: 4px;
      margin-bottom: 1px; }
      @media only screen and (max-width: 767px) {
        .promotool-main-content .tools-content .section-content ul li.item a p.name {
          font-size: 15px;
          line-height: 25px; } }

.promotool-main-content .tools-content .featured-tools {
  background: #faf8f6;
  padding: 26px 25px 3px 28px;
  margin-top: 36px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .tools-content .featured-tools {
      background: transparent;
      padding: 0;
      margin-top: 23px; } }

.promotool-main-content .tools-content .featured-normal {
  margin-top: -2px; }
  .promotool-main-content .tools-content .featured-normal ul {
    overflow: hidden;
    margin: 0 -14px; }
    @media only screen and (max-width: 767px) {
      .promotool-main-content .tools-content .featured-normal ul {
        margin: 0; } }
    .promotool-main-content .tools-content .featured-normal ul li {
      float: left;
      width: calc(33.33% - 28px);
      margin: 0 14px; }
      @media only screen and (max-width: 767px) {
        .promotool-main-content .tools-content .featured-normal ul li {
          float: none;
          width: 100%;
          margin: 0; } }

.promotool-main-content .tools-content .featured-normal-small ul {
  overflow: hidden;
  margin: 0 -14px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .tools-content .featured-normal-small ul {
      margin: 0 -10px; } }
  .promotool-main-content .tools-content .featured-normal-small ul li {
    float: left;
    width: calc(25% - 28px);
    margin: 0 14px; }
    @media only screen and (max-width: 767px) {
      .promotool-main-content .tools-content .featured-normal-small ul li {
        width: calc(50% - 20px);
        margin: 0 10px; } }

.promotool-main-content .tools-content .categories-tools {
  background: #faf8f6;
  padding: 27px 29px 25px 30px;
  margin-top: 40px;
  margin-bottom: 23px; }
  @media only screen and (max-width: 767px) {
    .promotool-main-content .tools-content .categories-tools {
      background: transparent;
      padding: 0; }
      .promotool-main-content .tools-content .categories-tools h2.section-title {
        background: #78c3cf; } }
  .promotool-main-content .tools-content .categories-tools .landscape ul {
    overflow: hidden;
    margin: 0 -11px; }
    @media only screen and (max-width: 767px) {
      .promotool-main-content .tools-content .categories-tools .landscape ul {
        margin: 0; } }
    .promotool-main-content .tools-content .categories-tools .landscape ul li {
      float: left;
      width: calc(50% - 22px);
      margin: 0 11px 43px; }
      @media only screen and (max-width: 767px) {
        .promotool-main-content .tools-content .categories-tools .landscape ul li {
          float: none;
          width: 100%;
          margin: 0 0 35px; } }
  .promotool-main-content .tools-content .categories-tools .portrait ul {
    overflow: hidden;
    margin: 0 -14px; }
    @media only screen and (max-width: 767px) {
      .promotool-main-content .tools-content .categories-tools .portrait ul {
        margin: 0 -10px; } }
    .promotool-main-content .tools-content .categories-tools .portrait ul li {
      float: left;
      width: calc(25% - 28px);
      margin: 0 14px 22px; }
      @media only screen and (max-width: 767px) {
        .promotool-main-content .tools-content .categories-tools .portrait ul li {
          width: calc(50% - 20px);
          margin: 0 10px 36px; }
          .promotool-main-content .tools-content .categories-tools .portrait ul li:nth-child(2n+1) {
            clear: left; } }

.promotional-tools #breadcrumbs {
  display: block; }
  @media only screen and (max-width: 767px) {
    .promotional-tools #breadcrumbs {
      display: none; } }

.promotional-tools .page-title h1 {
  margin-top: 27px; }

.promo-no-event a.btn-event {
  text-decoration: none;
  -moz-border-radius: 21px;
  -webkit-border-radius: 21px;
  -ms-border-radius: 21px;
  border-radius: 21px;
  font-weight: 700;
  font-size: 17px;
  display: inline-block;
  padding: 7px 21px 7px 19px;
  text-transform: uppercase;
  color: #fff;
  background: #ea6b15;
  margin: 42px 0 80px; }

.eventhub .content-events .eventhub-head-link {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .eventhub .content-events .eventhub-head-link {
      margin-top: 24px; } }

.eventhub .content-events.customised-promo-tools .site-main-content {
  width: 100%;
  margin-top: 0;
  padding-bottom: 0;
  margin-bottom: -2px; }

@media only screen and (min-width: 768px) {
  .customised-promo-tools .container .title-wrapper {
    margin-top: 43px;
    margin-bottom: 39px; } }

@media only screen and (max-width: 767px) {
  .customised-promo-tools .container {
    padding: 0 10px; } }

.customised-promo-tools .site-main-content h3.heading {
  margin-top: 25px;
  display: none; }

.customised-promo-tools .site-main-content .intro {
  margin-top: 28px;
  padding-right: 270px;
  display: none; }
  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .customised-promo-tools .site-main-content .intro {
      padding-right: 0; } }
  @media only screen and (max-width: 767px) {
    .customised-promo-tools .site-main-content .intro {
      margin-top: -4px;
      padding-right: 0; } }
  .customised-promo-tools .site-main-content .intro p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.02px; }
    .customised-promo-tools .site-main-content .intro p a {
      font-weight: 700; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .intro p {
        font-size: 15px;
        line-height: 25px; } }

.customised-promo-tools .site-main-content .wrap-cate {
  margin-bottom: 58px; }
  @media only screen and (max-width: 767px) {
    .customised-promo-tools .site-main-content .wrap-cate {
      margin-bottom: 38px; } }
  .customised-promo-tools .site-main-content .wrap-cate:last-child {
    margin-bottom: 0; }
  .customised-promo-tools .site-main-content .wrap-cate .title-wrap {
    margin-bottom: 39px;
    position: relative; }
  .customised-promo-tools .site-main-content .wrap-cate h2.nav_title {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    text-transform: capitalize;
    font-size: 40px; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .wrap-cate h2.nav_title {
        font-size: 30px;
        line-height: 1; } }
  .customised-promo-tools .site-main-content .wrap-cate .desc {
    line-height: 25px;
    letter-spacing: -0.3px;
    max-width: 852px;
    margin-bottom: 30px;
    padding-top: 4px; }
  .customised-promo-tools .site-main-content .wrap-cate .button-download-wrap {
    position: absolute;
    top: 1px;
    left: 318px; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .wrap-cate .button-download-wrap {
        position: relative;
        left: 0; }
        .customised-promo-tools .site-main-content .wrap-cate .button-download-wrap .tooltip {
          display: none; } }
  .customised-promo-tools .site-main-content .wrap-cate .button-select-wrap {
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .wrap-cate .button-select-wrap .btn-setup-envent {
        margin-bottom: 20px; } }
  .customised-promo-tools .site-main-content .wrap-cate .btn-setup-envent {
    text-decoration: none !important;
    height: 40px;
    line-height: 1.2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 13px;
    text-transform: uppercase;
    background: #1896ab;
    color: #fff;
    border: 3px solid transparent;
    text-align: center;
    min-width: 158px;
    margin-right: 24px; }
    .customised-promo-tools .site-main-content .wrap-cate .btn-setup-envent:hover {
      background: transparent;
      color: #1896ab;
      border: 3px solid #1896ab; }
  .customised-promo-tools .site-main-content .wrap-cate .select-choose-event {
    display: flex;
    align-items: center; }
    .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .label {
      font-weight: bold;
      font-size: 15px;
      letter-spacing: 0;
      margin-right: 13px; }
    .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul {
      width: 218px; }
      .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop {
        position: relative; }
        .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .my-events {
          border: 3px solid #ede8e2;
          height: 40px;
          color: #acacac;
          font-size: 16px;
          line-height: 30px;
          padding: 2px 34px 0 13px;
          text-decoration: none;
          display: block;
          position: relative; }
          .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .my-events:after {
            content: '';
            position: absolute;
            top: 9px;
            right: 12px;
            background: url("../images/arrow-selectbox.svg") no-repeat;
            width: 9px;
            height: 16px; }
        .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .submenu .dropdown-content {
          position: absolute;
          width: 100%;
          background: #fff;
          padding: 6px 13px 10px 18px; }
          .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .submenu .dropdown-content li {
            text-align: left; }
            .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .submenu .dropdown-content li a {
              text-decoration: none; }
              .customised-promo-tools .site-main-content .wrap-cate .select-choose-event .select-ul .evenhubdrop .submenu .dropdown-content li a:hover {
                text-decoration: underline; }
  .customised-promo-tools .site-main-content .wrap-cate .tool_overlay_button {
    width: 158px;
    text-decoration: none !important;
    height: 40px;
    line-height: 1.2;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 13px;
    text-transform: uppercase;
    background: transparent;
    color: #1896ab;
    border: 3px solid #1896ab;
    text-align: center; }
    .customised-promo-tools .site-main-content .wrap-cate .tool_overlay_button:hover {
      background: #1896ab;
      color: #fff;
      border: 3px solid transparent; }
  .customised-promo-tools .site-main-content .wrap-cate .tooltip {
    width: 220px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 180px;
    top: 18px; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .wrap-cate .tooltip {
        left: inherit;
        right: 6px; } }
    .customised-promo-tools .site-main-content .wrap-cate .tooltip:after {
      font-size: 16px;
      content: "?";
      width: 16px;
      height: 16px;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      display: inline-block;
      position: absolute;
      top: -7px;
      left: -9px;
      line-height: 1;
      z-index: 9;
      cursor: pointer;
      color: #acacac;
      border: 1px solid #acacac;
      background: #fff; }
    .customised-promo-tools .site-main-content .wrap-cate .tooltip span {
      display: none;
      width: 100%;
      background: #fff;
      border: 3px solid #ede8e2;
      color: #000;
      text-align: left;
      z-index: 9;
      padding: 9px 12px;
      font-size: 14px;
      line-height: 20px; }
    .customised-promo-tools .site-main-content .wrap-cate .tooltip:hover span {
      display: block; }
  .customised-promo-tools .site-main-content .wrap-cate .wrap-cate-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 26px; }
    .customised-promo-tools .site-main-content .wrap-cate .wrap-cate-title .icon {
      width: 41px;
      height: 41px;
      background: #faa53f;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-radius: 20px;
      margin-right: 15px; }
    .customised-promo-tools .site-main-content .wrap-cate .wrap-cate-title .nav_title {
      width: calc(100% - 56px); }
  .customised-promo-tools .site-main-content .wrap-cate#generic-tools .wrap-cate-title .icon {
    text-decoration: none !important; }
    .customised-promo-tools .site-main-content .wrap-cate#generic-tools .wrap-cate-title .icon:before {
      display: inline-block;
      font-family: "icomoon" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #fff;
      font-size: 25px; }
  .customised-promo-tools .site-main-content .wrap-cate#customized-tools .wrap-cate-title .icon {
    text-decoration: none !important; }
    .customised-promo-tools .site-main-content .wrap-cate#customized-tools .wrap-cate-title .icon:before {
      display: inline-block;
      font-family: "icomoon" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #fff;
      font-size: 31px; }
  .customised-promo-tools .site-main-content .wrap-cate#flag-generator .title-wrap {
    margin-bottom: 0; }
  .customised-promo-tools .site-main-content .wrap-cate#flag-generator .wrap-cate-title .icon {
    text-decoration: none !important; }
    .customised-promo-tools .site-main-content .wrap-cate#flag-generator .wrap-cate-title .icon:before {
      display: inline-block;
      font-family: "icomoon" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #fff;
      font-size: 22px; }
  .customised-promo-tools .site-main-content .wrap-cate#hello-message-generator .title-wrap {
    margin-bottom: 0; }
  .customised-promo-tools .site-main-content .wrap-cate#hello-message-generator .wrap-cate-title .icon {
    text-decoration: none !important; }
    .customised-promo-tools .site-main-content .wrap-cate#hello-message-generator .wrap-cate-title .icon:before {
      display: inline-block;
      font-family: "icomoon" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #fff;
      font-size: 24px; }
  .customised-promo-tools .site-main-content .wrap-cate#flag-generated-section .title-wrap, .customised-promo-tools .site-main-content .wrap-cate#hello-mess-generated-section .title-wrap {
    margin-bottom: 0; }
  .customised-promo-tools .site-main-content .wrap-cate#flag-generated-section .list-cate-content, .customised-promo-tools .site-main-content .wrap-cate#hello-mess-generated-section .list-cate-content {
    background: transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    padding: 0; }
    .customised-promo-tools .site-main-content .wrap-cate#flag-generated-section .list-cate-content .customised-item, .customised-promo-tools .site-main-content .wrap-cate#hello-mess-generated-section .list-cate-content .customised-item {
      text-align: left; }
    .customised-promo-tools .site-main-content .wrap-cate#flag-generated-section .list-cate-content .customised-title, .customised-promo-tools .site-main-content .wrap-cate#hello-mess-generated-section .list-cate-content .customised-title {
      display: none; }
  .customised-promo-tools .site-main-content .wrap-cate#flag-generated-section .button, .customised-promo-tools .site-main-content .wrap-cate#hello-mess-generated-section .button {
    padding: 7px 19px; }

.customised-promo-tools .site-main-content .list-cate-content {
  background: #faf8f6;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  border: solid 3px #ede8e2;
  padding: 27px 33px 15px 33px; }
  .customised-promo-tools .site-main-content .list-cate-content .customised-content img {
    width: auto; }
  @media only screen and (max-width: 767px) {
    .customised-promo-tools .site-main-content .list-cate-content {
      padding: 30px 15px 0; } }

.customised-promo-tools .site-main-content .list-category li {
  display: inline-block;
  margin-bottom: 15px; }
  .customised-promo-tools .site-main-content .list-category li a {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 16px; }
    .customised-promo-tools .site-main-content .list-category li a .icon {
      width: 41px;
      height: 41px;
      background: #faa53f;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      border-radius: 20px;
      margin-right: 10px; }
    .customised-promo-tools .site-main-content .list-category li a .text {
      padding-top: 4px; }
    .customised-promo-tools .site-main-content .list-category li a:hover .icon {
      background: #ea6b15; }
    .customised-promo-tools .site-main-content .list-category li a.generic-tools .icon {
      text-decoration: none !important; }
      .customised-promo-tools .site-main-content .list-category li a.generic-tools .icon:before {
        display: inline-block;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        font-size: 25px; }
    .customised-promo-tools .site-main-content .list-category li a.customized-tools .icon {
      text-decoration: none !important; }
      .customised-promo-tools .site-main-content .list-category li a.customized-tools .icon:before {
        display: inline-block;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        font-size: 28px; }
    .customised-promo-tools .site-main-content .list-category li a.customized-tools .text {
      padding-top: 6px; }
    .customised-promo-tools .site-main-content .list-category li a.flag-generated-item .icon {
      text-decoration: none !important; }
      .customised-promo-tools .site-main-content .list-category li a.flag-generated-item .icon:before {
        display: inline-block;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        font-size: 22px; }
    .customised-promo-tools .site-main-content .list-category li a.hello-generated-item .icon {
      text-decoration: none !important; }
      .customised-promo-tools .site-main-content .list-category li a.hello-generated-item .icon:before {
        display: inline-block;
        font-family: "icomoon" !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1.1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        color: #fff;
        font-size: 24px; }
  .customised-promo-tools .site-main-content .list-category li:last-child a:after {
    display: none; }

.customised-promo-tools .site-main-content .posts-list {
  margin-top: 39px;
  margin-bottom: 72px; }
  .customised-promo-tools .site-main-content .posts-list h4.customised-title {
    font-weight: 700;
    font-size: 25px;
    letter-spacing: -0.3px;
    line-height: 32px;
    text-align: left;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .posts-list h4.customised-title {
        font-size: 20px;
        margin-bottom: 20px; } }
  .customised-promo-tools .site-main-content .posts-list .customised-item {
    text-align: center;
    margin-bottom: 30px; }
    .customised-promo-tools .site-main-content .posts-list .customised-item .customised-except {
      margin-bottom: 20px; }
    .customised-promo-tools .site-main-content .posts-list .customised-item .custom-photos-list .file-type-text {
      display: none; }
    .customised-promo-tools .site-main-content .posts-list .customised-item .custom-photos-list .images {
      max-width: 210px;
      margin: 0 auto;
      display: block; }
      @media only screen and (max-width: 767px) {
        .customised-promo-tools .site-main-content .posts-list .customised-item .custom-photos-list .images {
          width: 100%;
          padding: 0 30px;
          max-width: none; } }
  .customised-promo-tools .site-main-content .posts-list .customised-view-meal {
    text-decoration: none;
    -moz-border-radius: 21px;
    -webkit-border-radius: 21px;
    -ms-border-radius: 21px;
    border-radius: 21px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 21px 7px 19px;
    text-transform: uppercase;
    color: #fff;
    background: #ea6b15; }
    .customised-promo-tools .site-main-content .posts-list .customised-view-meal:hover {
      background: #faa53f;
      color: #fff; }
  .customised-promo-tools .site-main-content .posts-list ul {
    zoom: 1; }
    .customised-promo-tools .site-main-content .posts-list ul:after {
      clear: both; }
    .customised-promo-tools .site-main-content .posts-list ul:before, .customised-promo-tools .site-main-content .posts-list ul:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .customised-promo-tools .site-main-content .posts-list ul li {
      text-align: center; }
      .customised-promo-tools .site-main-content .posts-list ul li a.download-link {
        display: inline-block;
        color: #1896ab; }
  .customised-promo-tools .site-main-content .posts-list .file-type-text .file-type {
    text-decoration: none;
    text-transform: uppercase; }
  .customised-promo-tools .site-main-content .posts-list .file-type-text span.line {
    margin: 0 1px 0 5px; }
  .customised-promo-tools .site-main-content .posts-list .download-all {
    text-decoration: none;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 7px 24px 8px 23px;
    text-transform: uppercase;
    background: #1896ab;
    color: #fff;
    margin-top: 25px; }
    .customised-promo-tools .site-main-content .posts-list .download-all:hover {
      background: #78c3cf; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .posts-list .download-all {
        display: none; } }
  .customised-promo-tools .site-main-content .posts-list .cover-photos-wrap img {
    width: auto; }
  .customised-promo-tools .site-main-content .posts-list .web-banners-wrap h4.customised-title {
    margin-bottom: 20px; }
  .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li {
    width: 50%;
    margin-bottom: 22px; }
    .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li .images img {
      width: auto; }
    @media only screen and (max-width: 980px) {
      .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li .images {
        padding: 0 20px; }
        .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li .images img {
          width: 100%; } }
    .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li:nth-child(4n) {
      width: 100%; }
    .customised-promo-tools .site-main-content .posts-list .web-banners-wrap ul li:nth-child(5n) {
      width: 100%; }
  @media only screen and (max-width: 767px) {
    .customised-promo-tools .site-main-content .posts-list .posters-wrap {
      margin-top: 0; } }
  .customised-promo-tools .site-main-content .posts-list .posters-wrap ul {
    margin: 0 -30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    @media only screen and (max-width: 767px) {
      .customised-promo-tools .site-main-content .posts-list .posters-wrap ul {
        margin: 0 0;
        display: block; } }
    .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li {
      margin: 0 0 43px 0;
      width: 25%;
      display: flex;
      flex-direction: column;
      padding: 0 30px; }
      @media only screen and (max-width: 767px) {
        .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li {
          display: block;
          width: auto; } }
      .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li .images {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center; }
        .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li .images img {
          display: block;
          width: 100%; }
        .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li .images:hover ~ .file-title {
          color: #ea6b15; }
      .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li.landscape {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li.landscape {
            width: auto; } }
      @media only screen and (max-width: 767px) {
        .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li {
          margin: 0 0 30px;
          float: none;
          display: block; }
          .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li:last-child {
            margin-bottom: 0; } }
      .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li .file-title {
        font-weight: 700;
        font-size: 17px;
        text-transform: capitalize;
        margin-top: 4px;
        text-decoration: none; }
      .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li a.download-link {
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 7px 23px 8px 21px;
        text-transform: uppercase;
        background: #1896ab;
        color: #fff;
        margin-top: 24px;
        display: none; }
        .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li a.download-link:hover {
          background: #78c3cf; }
        @media only screen and (max-width: 767px) {
          .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li a.download-link {
            padding: 7px 10px 8px 10px; } }

.customised-promo-tools .site-main-content .email-html .email-inser-html {
  margin: 0 5px;
  border-right: 1px solid #ede8e2; }

.customised-promo-tools .site-main-content .email-html .pop-html {
  display: none; }

.customised-promo-tools .site-main-content .email-html a.html_overlay_button {
  display: none;
  font-weight: bold; }
  .customised-promo-tools .site-main-content .email-html a.html_overlay_button.link-insert-gmail {
    margin: 0 0 25px; }
  .customised-promo-tools .site-main-content .email-html a.html_overlay_button.link-insert-outlook {
    margin: 10px 0 10px; }

.customised-promo-tools .site-main-content .email-html a.file-type {
  font-weight: 700;
  font-size: 17px;
  text-transform: capitalize;
  margin-top: 4px;
  text-decoration: none; }

.no-hover-effect a:hover, .no-hover-effect a:focus {
  color: inherit;
  outline: none;
  cursor: default; }

.no-hover-effect .images {
  cursor: default; }
  .no-hover-effect .images ~ .file-title, .no-hover-effect .images:hover ~ .file-title {
    color: inherit !important; }

.no-hover-effect a.customised-view-meal {
  background: #ea6b15 !important; }

.meal-list .content-events.flag-generator .site-main-content {
  width: 100%;
  margin-top: 23px;
  padding-bottom: 71px; }
  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .meal-list .content-events.flag-generator .site-main-content {
      min-height: 830px;
      padding-bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .meal-list .content-events.flag-generator .site-main-content {
      padding-top: 0;
      padding-bottom: 45px; } }

.flag-generator .title-wrapper {
  margin-top: 45px;
  margin-bottom: 11px; }

.flag-generator .site-main-content {
  margin-top: 18px !important; }
  @media only screen and (max-width: 767px) {
    .flag-generator .site-main-content {
      margin-top: 0 !important; } }
  .flag-generator .site-main-content .title-wrapper {
    display: none; }
  .flag-generator .site-main-content .intro, .flag-generator .site-main-content h3.heading {
    display: none; }

.flag-generator #steps {
  overflow: hidden; }
  .flag-generator #steps li {
    float: left;
    width: auto;
    text-align: left;
    margin-right: 15px; }
    .flag-generator #steps li a {
      text-decoration: none;
      display: block;
      font-weight: 700;
      font-size: 16px;
      line-height: 26px;
      text-transform: capitalize;
      padding: 16px 0;
      color: #000;
      letter-spacing: -0.3px; }
      @media only screen and (max-width: 767px) {
        .flag-generator #steps li a {
          font-size: 14px; } }
      .flag-generator #steps li a span {
        display: inline-block;
        width: 42px;
        height: 40px;
        background: #faa53f;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        font-family: 'Caveat', cursive;
        text-align: center;
        line-height: 35px;
        color: #fff;
        font-size: 29px;
        text-indent: -8px;
        margin-right: 5px; }
        @media only screen and (max-width: 767px) {
          .flag-generator #steps li a span {
            width: 27px;
            height: 27px;
            line-height: 25px;
            font-size: 21px;
            margin-right: 1px; } }
      .flag-generator #steps li a:hover {
        color: #faa53f; }
        .flag-generator #steps li a:hover span {
          background: #ea6b15; }
    .flag-generator #steps li.active a {
      color: #faa53f; }
      .flag-generator #steps li.active a span {
        background: #ea6b15; }

.flag-generator #selectflagtype, .flag-generator #selectflag, .flag-generator #previewArea {
  margin-top: 25px; }
  @media only screen and (max-width: 767px) {
    .flag-generator #selectflagtype, .flag-generator #selectflag, .flag-generator #previewArea {
      margin-top: 10px; } }
  .flag-generator #selectflagtype h2.page-header, .flag-generator #selectflag h2.page-header, .flag-generator #previewArea h2.page-header {
    font-family: 'Caveat', cursive;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #000;
    text-align: left;
    margin-bottom: 29px; }
    @media only screen and (max-width: 767px) {
      .flag-generator #selectflagtype h2.page-header, .flag-generator #selectflag h2.page-header, .flag-generator #previewArea h2.page-header {
        font-size: 30px;
        line-height: 40px; } }
  .flag-generator #selectflagtype .select-wrap, .flag-generator #selectflag .select-wrap, .flag-generator #previewArea .select-wrap {
    zoom: 1;
    padding-left: 0;
    display: flex; }
    .flag-generator #selectflagtype .select-wrap:after, .flag-generator #selectflag .select-wrap:after, .flag-generator #previewArea .select-wrap:after {
      clear: both; }
    .flag-generator #selectflagtype .select-wrap:before, .flag-generator #selectflagtype .select-wrap:after, .flag-generator #selectflag .select-wrap:before, .flag-generator #selectflag .select-wrap:after, .flag-generator #previewArea .select-wrap:before, .flag-generator #previewArea .select-wrap:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    @media only screen and (max-width: 767px) {
      .flag-generator #selectflagtype .select-wrap, .flag-generator #selectflag .select-wrap, .flag-generator #previewArea .select-wrap {
        display: block; } }
    .flag-generator #selectflagtype .select-wrap > div, .flag-generator #selectflag .select-wrap > div, .flag-generator #previewArea .select-wrap > div {
      background: #faf8f6;
      -moz-border-radius: 25px;
      -webkit-border-radius: 25px;
      -ms-border-radius: 25px;
      border-radius: 25px;
      border: solid 3px #ede8e2;
      padding: 32px 30px 32px 30px;
      position: relative; }
      .flag-generator #selectflagtype .select-wrap > div:last-child, .flag-generator #selectflag .select-wrap > div:last-child, .flag-generator #previewArea .select-wrap > div:last-child {
        margin-right: 0; }
      @media only screen and (min-width: 768px) {
        .flag-generator #selectflagtype .select-wrap > div, .flag-generator #selectflag .select-wrap > div, .flag-generator #previewArea .select-wrap > div {
          min-height: 583px; } }
      @media only screen and (min-width: 1170px) {
        .flag-generator #selectflagtype .select-wrap > div, .flag-generator #selectflag .select-wrap > div, .flag-generator #previewArea .select-wrap > div {
          padding-left: 50px;
          padding-right: 50px; } }
      @media only screen and (max-width: 767px) {
        .flag-generator #selectflagtype .select-wrap > div, .flag-generator #selectflag .select-wrap > div, .flag-generator #previewArea .select-wrap > div {
          width: 100%;
          margin-right: 0 !important;
          float: none !important;
          margin-bottom: 20px;
          padding: 32px 15px 90px 15px; } }
    @media only screen and (min-width: 768px) {
      .flag-generator #selectflagtype .select-wrap .col-sm-6, .flag-generator #selectflag .select-wrap .col-sm-6, .flag-generator #previewArea .select-wrap .col-sm-6 {
        margin-right: 15px;
        width: calc((100% - 15px)/2);
        float: left; } }
    @media only screen and (min-width: 1170px) {
      .flag-generator #selectflagtype .select-wrap .col-sm-6, .flag-generator #selectflag .select-wrap .col-sm-6, .flag-generator #previewArea .select-wrap .col-sm-6 {
        width: calc((100% - 29px)/2);
        margin-right: 29px; } }
    @media only screen and (min-width: 768px) {
      .flag-generator #selectflagtype .select-wrap .col-sm-3, .flag-generator #selectflag .select-wrap .col-sm-3, .flag-generator #previewArea .select-wrap .col-sm-3 {
        margin-right: 15px;
        width: calc((100% - 30px) /3);
        float: left; } }
    @media only screen and (min-width: 1170px) {
      .flag-generator #selectflagtype .select-wrap .col-sm-3, .flag-generator #selectflag .select-wrap .col-sm-3, .flag-generator #previewArea .select-wrap .col-sm-3 {
        width: calc((100% - 56px) /3);
        margin-right: 29px; } }
    .flag-generator #selectflagtype .select-wrap .selectflagtype, .flag-generator #selectflag .select-wrap .selectflagtype, .flag-generator #previewArea .select-wrap .selectflagtype {
      display: block;
      outline: none;
      margin-bottom: 30px; }
      .flag-generator #selectflagtype .select-wrap .selectflagtype img, .flag-generator #selectflag .select-wrap .selectflagtype img, .flag-generator #previewArea .select-wrap .selectflagtype img {
        border: 3px solid #FFF; }
      .flag-generator #selectflagtype .select-wrap .selectflagtype span, .flag-generator #selectflag .select-wrap .selectflagtype span, .flag-generator #previewArea .select-wrap .selectflagtype span {
        position: absolute;
        border: solid 3px #1896ab;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        padding: 5px 20px 5px 17px;
        font-weight: 700;
        font-size: 17px;
        text-transform: uppercase;
        left: 50%;
        bottom: 67px;
        color: #1896ab;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0); }
        .flag-generator #selectflagtype .select-wrap .selectflagtype span:hover, .flag-generator #selectflagtype .select-wrap .selectflagtype span.active, .flag-generator #selectflag .select-wrap .selectflagtype span:hover, .flag-generator #selectflag .select-wrap .selectflagtype span.active, .flag-generator #previewArea .select-wrap .selectflagtype span:hover, .flag-generator #previewArea .select-wrap .selectflagtype span.active {
          background: #1896ab;
          color: #fff; }
        @media only screen and (max-width: 1024px) {
          .flag-generator #selectflagtype .select-wrap .selectflagtype span, .flag-generator #selectflag .select-wrap .selectflagtype span, .flag-generator #previewArea .select-wrap .selectflagtype span {
            bottom: 46px; } }
      .flag-generator #selectflagtype .select-wrap .selectflagtype.active span, .flag-generator #selectflag .select-wrap .selectflagtype.active span, .flag-generator #previewArea .select-wrap .selectflagtype.active span {
        background: #1896ab;
        color: #fff; }
    .flag-generator #selectflagtype .select-wrap h4.page-header, .flag-generator #selectflag .select-wrap h4.page-header, .flag-generator #previewArea .select-wrap h4.page-header {
      font-weight: 700;
      font-size: 22px;
      letter-spacing: 0;
      line-height: 25px;
      color: #000;
      text-align: center;
      margin-bottom: 33px; }
      @media only screen and (max-width: 767px) {
        .flag-generator #selectflagtype .select-wrap h4.page-header, .flag-generator #selectflag .select-wrap h4.page-header, .flag-generator #previewArea .select-wrap h4.page-header {
          margin-bottom: 28px; } }
      .flag-generator #selectflagtype .select-wrap h4.page-header em, .flag-generator #selectflag .select-wrap h4.page-header em, .flag-generator #previewArea .select-wrap h4.page-header em {
        font-size: 15px;
        text-transform: none;
        font-style: normal;
        display: block;
        margin-top: 6px; }
  .flag-generator #selectflagtype .flag-bottom, .flag-generator #selectflag .flag-bottom, .flag-generator #previewArea .flag-bottom {
    overflow: hidden;
    margin-top: 42px;
    padding-left: 32px; }
    @media only screen and (max-width: 1024px) {
      .flag-generator #selectflagtype .flag-bottom, .flag-generator #selectflag .flag-bottom, .flag-generator #previewArea .flag-bottom {
        margin-bottom: 45px; } }
    @media only screen and (max-width: 767px) {
      .flag-generator #selectflagtype .flag-bottom, .flag-generator #selectflag .flag-bottom, .flag-generator #previewArea .flag-bottom {
        margin-top: 22px;
        padding-left: 0;
        margin-bottom: 0; } }
    .flag-generator #selectflagtype .flag-bottom .btnarea, .flag-generator #selectflag .flag-bottom .btnarea, .flag-generator #previewArea .flag-bottom .btnarea {
      float: right; }
      .flag-generator #selectflagtype .flag-bottom .btnarea a, .flag-generator #selectflag .flag-bottom .btnarea a, .flag-generator #previewArea .flag-bottom .btnarea a {
        text-decoration: none;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 13px 56px 13px 55px;
        text-transform: uppercase;
        background: #ea6b15;
        color: #fff; }
        .flag-generator #selectflagtype .flag-bottom .btnarea a:hover, .flag-generator #selectflag .flag-bottom .btnarea a:hover, .flag-generator #previewArea .flag-bottom .btnarea a:hover {
          background: #faa53f; }
        @media only screen and (max-width: 767px) {
          .flag-generator #selectflagtype .flag-bottom .btnarea a, .flag-generator #selectflag .flag-bottom .btnarea a, .flag-generator #previewArea .flag-bottom .btnarea a {
            padding: 13px 30px 13px 30px; } }
    .flag-generator #selectflagtype .flag-bottom .note, .flag-generator #selectflag .flag-bottom .note, .flag-generator #previewArea .flag-bottom .note {
      float: left;
      font-size: 15px;
      letter-spacing: -0.02px;
      line-height: 25px;
      color: #000;
      margin-top: 13px; }

@media only screen and (max-width: 1024px) {
  .flag-generator #selectflag {
    padding-bottom: 23px; } }

@media only screen and (max-width: 767px) {
  .flag-generator #selectflag {
    padding-bottom: 0; } }

.flag-generator #selectflag .form-add {
  padding-top: 13px;
  text-align: left;
  zoom: 1; }
  .flag-generator #selectflag .form-add:after {
    clear: both; }
  .flag-generator #selectflag .form-add:before, .flag-generator #selectflag .form-add:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
  .flag-generator #selectflag .form-add span.label {
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-bottom: 12px; }
  .flag-generator #selectflag .form-add .search_country_wrapper {
    float: left;
    width: calc(100% - 134px); }
    .flag-generator #selectflag .form-add .search_country_wrapper input {
      width: 100%; }
  .flag-generator #selectflag .form-add .btn-show-countries-wrap {
    text-align: center;
    padding: 20px 0 14px; }
  .flag-generator #selectflag .form-add .button-add {
    float: right;
    width: 114px; }
    .flag-generator #selectflag .form-add .button-add a {
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: transparent;
      color: #1896ab;
      border: 3px solid #1896ab;
      text-align: center;
      text-decoration: none;
      padding: 7px 10px 8px;
      min-width: 114px;
      border-width: 2px; }
      .flag-generator #selectflag .form-add .button-add a:hover {
        background: #1896ab;
        color: #fff;
        border: 3px solid #1896ab; }
  .flag-generator #selectflag .form-add .search_country_cuisine_wrapper {
    float: left;
    width: calc(100% - 134px); }
    .flag-generator #selectflag .form-add .search_country_cuisine_wrapper select {
      background: #fff url(../images/arrow-selectbox.svg) no-repeat calc(100% - 12px) center;
      background-clip: padding-box;
      border: 3px solid #ede8e2;
      border-radius: 0;
      color: #363636;
      font-family: 'Karla', sans-serif;
      font-size: 16px;
      height: 40px;
      line-height: 36px;
      padding: 0 30px 0 12px;
      vertical-align: baseline;
      width: 100%;
      box-sizing: border-box;
      -appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      outline: none !important; }

.flag-generator #selectflag .or {
  margin-bottom: 10px; }

.flag-generator #selectflag .row {
  padding-left: 2px; }
  @media only screen and (min-width: 1170px) {
    .flag-generator #selectflag .row .col-sm-6 {
      padding-left: 65px;
      padding-right: 65px; } }

.flag-generator #selectflag .flag-bottom {
  margin-top: 44px; }
  @media only screen and (max-width: 767px) {
    .flag-generator #selectflag .flag-bottom {
      margin-top: 28px; } }

.flag-generator #all-countries-wrap {
  position: relative; }
  @media only screen and (max-width: 1169px) {
    .flag-generator #all-countries-wrap {
      padding: 0 10px; } }
  .flag-generator #all-countries-wrap #close-all-countries {
    font-size: 0;
    line-height: 1;
    position: absolute;
    right: -20px;
    top: -14px;
    text-decoration: none !important; }
    .flag-generator #all-countries-wrap #close-all-countries:before {
      display: inline-block;
      font-family: "icomoon" !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1.1;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "";
      color: #000;
      font-size: 28px; }
    @media only screen and (min-width: 1170px) {
      .flag-generator #all-countries-wrap #close-all-countries {
        right: -50px; } }
    @media only screen and (max-width: 767px) {
      .flag-generator #all-countries-wrap #close-all-countries {
        right: 0; } }
  .flag-generator #all-countries-wrap h4.page-header {
    padding: 0 20px; }
    @media only screen and (min-width: 1170px) {
      .flag-generator #all-countries-wrap h4.page-header {
        padding: 0 50px;
        line-height: 1.45 !important; } }
  .flag-generator #all-countries-wrap #list-all-countries label {
    margin-bottom: 5px; }
  .flag-generator #all-countries-wrap .button-add {
    display: block;
    text-align: center;
    margin-top: 57px; }
    .flag-generator #all-countries-wrap .button-add a {
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: #fff;
      color: #1896ab;
      border: 3px solid #1896ab;
      text-align: center;
      min-width: 130px; }
      .flag-generator #all-countries-wrap .button-add a:hover {
        background: #1896ab;
        color: #fff;
        border: 3px solid transparent; }
  .flag-generator #all-countries-wrap li label {
    font-weight: normal; }

.flag-generator #addedflags {
  height: 370px; }
  .flag-generator #addedflags .jspVerticalBar {
    width: 27px;
    background: #fff; }
  .flag-generator #addedflags .jspArrowUp {
    background: url(../images/arrow-down.png) no-repeat center #FFF; }
  .flag-generator #addedflags .jspArrowDown {
    background: url(../images/arrow-top.png) no-repeat center #FFF; }
  .flag-generator #addedflags .flagthumb a {
    font-size: 15px;
    line-height: 25px;
    color: #363636;
    text-transform: capitalize; }
  .flag-generator #addedflags .flagthumb:nth-child(2n+1) {
    clear: left; }

.flag-generator #previewArea .row {
  padding-left: 0; }

.flag-generator #previewArea #previewPaging {
  text-align: center;
  margin-top: 8px; }
  .flag-generator #previewArea #previewPaging h4.page-header {
    margin-bottom: 2px; }

.flag-generator #previewArea #previewIntro {
  text-align: center;
  position: relative; }
  .flag-generator #previewArea #previewIntro .preview-content {
    text-align: center; }
  .flag-generator #previewArea #previewIntro .intro p {
    color: #1896ab; }
  .flag-generator #previewArea #previewIntro .buttons-group {
    max-width: 180px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .flag-generator #previewArea #previewIntro .buttons-group {
        position: absolute;
        left: 50%;
        top: calc(50% + 22px);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
  .flag-generator #previewArea #previewIntro a.btn-primary {
    text-decoration: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 14px 20px;
    text-transform: uppercase;
    background: #ea6b15;
    color: #fff;
    margin-bottom: 59px;
    width: 176px; }
    .flag-generator #previewArea #previewIntro a.btn-primary:hover {
      background: #faa53f; }
  .flag-generator #previewArea #previewIntro #moreArea {
    padding-top: 10px; }
    .flag-generator #previewArea #previewIntro #moreArea a {
      padding: 0;
      background: transparent;
      text-transform: uppercase;
      font-size: 16px;
      line-height: 28px;
      letter-spacing: -0.32px; }
  .flag-generator #previewArea #previewIntro .add-tooltip {
    position: relative; }
    .flag-generator #previewArea #previewIntro .add-tooltip .tooltip {
      width: 220px;
      text-align: center;
      color: #fff;
      position: absolute;
      left: 202px;
      top: 24px; }
      @media only screen and (max-width: 767px) {
        .flag-generator #previewArea #previewIntro .add-tooltip .tooltip {
          left: inherit;
          right: 6px; } }
      .flag-generator #previewArea #previewIntro .add-tooltip .tooltip:after {
        font-size: 16px;
        content: "?";
        width: 16px;
        height: 16px;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -ms-border-radius: 100%;
        border-radius: 100%;
        display: inline-block;
        position: absolute;
        top: -7px;
        left: -9px;
        line-height: 1;
        z-index: 9;
        cursor: pointer;
        color: #acacac;
        border: 1px solid #acacac;
        background: #fff; }
      .flag-generator #previewArea #previewIntro .add-tooltip .tooltip span {
        display: none;
        width: 100%;
        background: #fff;
        border: 3px solid #ede8e2;
        color: #000;
        text-align: left;
        z-index: 9;
        padding: 9px 12px;
        font-size: 14px;
        line-height: 20px; }
      .flag-generator #previewArea #previewIntro .add-tooltip .tooltip:hover span {
        display: block; }
      @media only screen and (max-width: 1169px) {
        .flag-generator #previewArea #previewIntro .add-tooltip .tooltip {
          left: -20px;
          right: initial; }
          .flag-generator #previewArea #previewIntro .add-tooltip .tooltip:after {
            right: -7px;
            left: initial; } }

.flag-generator #previewArea .want-bunting {
  background: #8ecbd5;
  text-align: center;
  color: #fff;
  margin-top: 34px;
  padding: 36px 0;
  display: none; }
  @media only screen and (max-width: 1024px) {
    .flag-generator #previewArea .want-bunting {
      margin-bottom: 45px; } }
  @media only screen and (max-width: 767px) {
    .flag-generator #previewArea .want-bunting {
      margin-bottom: 0;
      margin-top: 25px; } }
  .flag-generator #previewArea .want-bunting h4.heading {
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.02px;
    margin-bottom: 2px; }
  .flag-generator #previewArea .want-bunting .content {
    max-width: 415px;
    margin: 0 auto;
    width: 100%;
    float: none;
    background: transparent;
    border: none;
    padding: 0 !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .flag-generator #previewArea .want-bunting .content a {
      color: #fff; }

.flag-generator #previewArea .paging {
  position: relative;
  display: inline-block; }
  .flag-generator #previewArea .paging .prev, .flag-generator #previewArea .paging .next {
    position: absolute;
    top: 50%;
    margin-top: -7px; }
    .flag-generator #previewArea .paging .prev a, .flag-generator #previewArea .paging .next a {
      width: 9px;
      height: 14px;
      display: inline-block; }
      .flag-generator #previewArea .paging .prev a span, .flag-generator #previewArea .paging .next a span {
        display: none; }
  .flag-generator #previewArea .paging .prev {
    right: 0; }
    .flag-generator #previewArea .paging .prev a {
      background: url(../images/arrow-right.png) no-repeat; }
  .flag-generator #previewArea .paging .next {
    left: 0; }
    .flag-generator #previewArea .paging .next a {
      background: url(../images/arrow-left.png) no-repeat; }
  .flag-generator #previewArea .paging .pagenums {
    padding: 0 68px; }

.flag-generator-page .ui-widget-content.ui-autocomplete {
  width: 310px !important; }

.import-rsvp.eventhub .content-events .site-main-content {
  width: 82.7%; }
  @media only screen and (min-width: 768px) and (max-width: 1169px) {
    .import-rsvp.eventhub .content-events .site-main-content {
      width: 81.3%; } }
  @media only screen and (max-width: 767px) {
    .import-rsvp.eventhub .content-events .site-main-content {
      width: 100%; } }

.import-rsvp .back-view-event a {
  font-weight: 700;
  font-size: 14px;
  line-height: 30px;
  letter-spacing: -0.02px;
  text-decoration: none;
  text-transform: capitalize;
  margin: 7px 0 12px;
  display: block; }
  @media only screen and (max-width: 767px) {
    .import-rsvp .back-view-event a {
      margin: 10px 0 0px; } }

.import-rsvp .import-content {
  padding-bottom: 129px; }
  .import-rsvp .import-content h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.2px;
    margin-bottom: 5px; }
  .import-rsvp .import-content > p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: -0.2px;
    padding-right: 280px; }
    @media only screen and (max-width: 767px) {
      .import-rsvp .import-content > p {
        padding-right: 0; } }
  .import-rsvp .import-content .col-2 {
    margin-top: 28px;
    margin-bottom: 32px; }
    .import-rsvp .import-content .col-2 .col-1 {
      float: left;
      width: 48%;
      margin-right: 34px; }
      .import-rsvp .import-content .col-2 .col-1:first-child + .col-1 {
        margin-right: 0; }
      @media only screen and (min-width: 768px) and (max-width: 1169px) {
        .import-rsvp .import-content .col-2 .col-1 {
          width: 45%; } }
      @media only screen and (max-width: 767px) {
        .import-rsvp .import-content .col-2 .col-1 {
          width: 100%;
          float: none;
          margin-bottom: 35px; } }
      .import-rsvp .import-content .col-2 .col-1 h3 {
        font-weight: 400;
        font-size: 18px;
        letter-spacing: -0.02px;
        line-height: 25px;
        margin-bottom: 10px; }
        .import-rsvp .import-content .col-2 .col-1 h3 strong {
          font-weight: 700; }
      .import-rsvp .import-content .col-2 .col-1 p {
        font-size: 18px;
        letter-spacing: -0.02px;
        line-height: 25px; }
        .import-rsvp .import-content .col-2 .col-1 p a {
          color: #1896ab; }
          .import-rsvp .import-content .col-2 .col-1 p a:hover {
            color: #ea6b15; }
        .import-rsvp .import-content .col-2 .col-1 p em {
          color: #d12118; }
  .import-rsvp .import-content .important-block {
    background: #ede8e2;
    width: 69.5%;
    padding: 16px 20px 12px 21px; }
    @media only screen and (max-width: 767px) {
      .import-rsvp .import-content .important-block {
        width: 100%; } }
    .import-rsvp .import-content .important-block p {
      font-weight: 700;
      margin-bottom: 10px; }
      .import-rsvp .import-content .important-block p.important-text {
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        letter-spacing: -0.2px; }
  .import-rsvp .import-content .import-area {
    margin-top: 39px; }
    .import-rsvp .import-content .import-area .form-import {
      background: #ede8e2;
      width: 69.5%;
      min-height: 391px;
      padding: 10px; }
      @media only screen and (max-width: 767px) {
        .import-rsvp .import-content .import-area .form-import {
          width: 100%; } }
      .import-rsvp .import-content .import-area .form-import > div {
        border: 3px dashed #fff;
        min-height: 371px;
        display: table;
        width: 100%; }
        .import-rsvp .import-content .import-area .form-import > div .box-file {
          display: table-cell;
          vertical-align: middle;
          text-align: center;
          width: 100%;
          position: relative; }
          .import-rsvp .import-content .import-area .form-import > div .box-file span {
            font-size: 20px;
            letter-spacing: -0.02px;
            display: block;
            margin-top: 95px; }
      .import-rsvp .import-content .import-area .form-import .btn-file {
        margin-top: 2px; }
        .import-rsvp .import-content .import-area .form-import .btn-file .btn-file-input {
          width: 59px;
          height: 69px;
          background: transparent url("../images/upload-icon.png") no-repeat;
          border: none;
          position: absolute;
          top: 43%;
          left: 49%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          cursor: pointer; }
        .import-rsvp .import-content .import-area .form-import .btn-file input {
          border: none;
          display: block;
          margin: 0 auto;
          width: 100%;
          height: 371px;
          font-size: 0;
          background: transparent;
          opacity: 0;
          cursor: pointer;
          position: absolute;
          top: 0; }
    .import-rsvp .import-content .import-area .uploaded-file {
      width: 80%;
      text-align: center;
      background: #ede8e2;
      padding: 30px; }
      @media only screen and (max-width: 980px) {
        .import-rsvp .import-content .import-area .uploaded-file {
          width: 100%; } }
      .import-rsvp .import-content .import-area .uploaded-file p {
        font-weight: 700;
        font-size: 22px;
        margin-bottom: 27px; }
      .import-rsvp .import-content .import-area .uploaded-file input.button {
        text-decoration: none;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 5px 17px;
        text-transform: uppercase;
        border: 3px solid #fff;
        background: #1896ab;
        color: #fff;
        text-align: center;
        width: auto; }
        .import-rsvp .import-content .import-area .uploaded-file input.button:hover {
          background: #78c3cf; }
        .import-rsvp .import-content .import-area .uploaded-file input.button.button-cancel {
          padding: 5px; }
  .import-rsvp .import-content .link-bottom {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    margin-top: 21px; }
    .import-rsvp .import-content .link-bottom a {
      color: #1896ab; }
      .import-rsvp .import-content .link-bottom a:hover {
        color: #ea6b15; }
  .import-rsvp .import-content .result-summary {
    margin: 15px 0 27px; }
    .import-rsvp .import-content .result-summary h3 {
      font-weight: 700;
      font-size: 22px;
      text-transform: capitalize;
      letter-spacing: -0.2px;
      margin-bottom: 9px; }
    .import-rsvp .import-content .result-summary p {
      font-size: 18px;
      line-height: 25px;
      letter-spacing: 0.2px; }
  .import-rsvp .import-content .result-file h4 {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.2px; }
  .import-rsvp .import-content .result-file p {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.2px; }
    .import-rsvp .import-content .result-file p.import-error-record {
      color: #d12118; }
  .import-rsvp .import-content .btn-again {
    display: inline-block;
    text-decoration: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    font-weight: 700;
    font-size: 17px;
    display: inline-block;
    padding: 10px 48px;
    text-transform: uppercase;
    border: 3px solid #1896ab;
    color: #1896ab;
    margin: 33px 0 0; }
    .import-rsvp .import-content .btn-again:hover {
      background: #1896ab;
      color: #fff; }

.import-rsvp .import-error {
  background: #ff3941;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 28px 8px 19px;
  margin-bottom: 17px;
  margin-top: 20px; }
  .import-rsvp .import-error p.error {
    color: #fff; }

.import-rsvp .ehve-success {
  margin-top: 20px; }

.how-to-guide-template #breadcrumbs {
  display: block; }

.how-to-guide-template .site-main .container {
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .how-to-guide-template .site-main .container {
      margin-top: 24px; } }
  .how-to-guide-template .site-main .container .page-title h1 {
    letter-spacing: -0.8px;
    margin-bottom: 40px; }
  .how-to-guide-template .site-main .container .post-main-content {
    margin-bottom: 40px; }

.how-to-guide-template .post-left-detail {
  width: 74.4%; }
  @media only screen and (max-width: 767px) {
    .how-to-guide-template .post-left-detail {
      width: 100%; } }
  .how-to-guide-template .post-left-detail .main-image {
    margin-bottom: -10px; }
  .how-to-guide-template .post-left-detail .section-item {
    border: 3px solid #ede8e2;
    -moz-border-radius: 29px;
    -webkit-border-radius: 29px;
    -ms-border-radius: 29px;
    border-radius: 29px;
    background: #faf8f6;
    margin-bottom: 30px; }
    .how-to-guide-template .post-left-detail .section-item p {
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: -0.4px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .post-left-detail .section-item p {
          font-size: 16px; } }
    .how-to-guide-template .post-left-detail .section-item ul, .how-to-guide-template .post-left-detail .section-item ul li {
      list-style: disc;
      list-style-position: inside; }
    .how-to-guide-template .post-left-detail .section-item ul, .how-to-guide-template .post-left-detail .section-item ol {
      margin-bottom: 20px; }
      .how-to-guide-template .post-left-detail .section-item ul li, .how-to-guide-template .post-left-detail .section-item ol li {
        font-size: 18px; }
        @media only screen and (max-width: 767px) {
          .how-to-guide-template .post-left-detail .section-item ul li, .how-to-guide-template .post-left-detail .section-item ol li {
            font-size: 15px; } }
    .how-to-guide-template .post-left-detail .section-item ol, .how-to-guide-template .post-left-detail .section-item ol li {
      list-style: decimal;
      list-style-position: inside; }
    .how-to-guide-template .post-left-detail .section-item h1, .how-to-guide-template .post-left-detail .section-item h2, .how-to-guide-template .post-left-detail .section-item h3, .how-to-guide-template .post-left-detail .section-item h4 {
      margin-bottom: 20px; }
    .how-to-guide-template .post-left-detail .section-item blockquote p {
      position: relative; }
      .how-to-guide-template .post-left-detail .section-item blockquote p:before {
        content: "“"; }
      .how-to-guide-template .post-left-detail .section-item blockquote p:after {
        content: "”"; }
    .how-to-guide-template .post-left-detail .section-item table {
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .post-left-detail .section-item table {
          width: 100% !important; } }
      .how-to-guide-template .post-left-detail .section-item table tr td {
        text-align: center;
        vertical-align: top; }
        @media only screen and (max-width: 767px) {
          .how-to-guide-template .post-left-detail .section-item table tr td {
            width: 50% !important;
            padding: 0 5px; } }
        .how-to-guide-template .post-left-detail .section-item table tr td figure {
          margin: 0 auto; }
        .how-to-guide-template .post-left-detail .section-item table tr td figcaption {
          font-size: 16px;
          line-height: 1.57;
          margin-top: 2px; }
          .how-to-guide-template .post-left-detail .section-item table tr td figcaption strong {
            display: block; }
    .how-to-guide-template .post-left-detail .section-item.section-video {
      background: #fff;
      padding: 39px 47px 30px 46px; }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .post-left-detail .section-item.section-video {
          padding: 20px 15px 30px 15px; } }
      .how-to-guide-template .post-left-detail .section-item.section-video iframe {
        width: 100%; }
    .how-to-guide-template .post-left-detail .section-item.section-content {
      padding: 27px 24px 30px 34px; }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .post-left-detail .section-item.section-content {
          padding: 27px 15px 30px 15px; } }
      .how-to-guide-template .post-left-detail .section-item.section-content h3 {
        font-size: 25px;
        line-height: 1.28;
        font-weight: 700;
        margin-bottom: 14px; }
        @media only screen and (max-width: 767px) {
          .how-to-guide-template .post-left-detail .section-item.section-content h3 {
            font-size: 18px; } }
    .how-to-guide-template .post-left-detail .section-item.content {
      padding: 26px 36px 19px 32px;
      -moz-border-radius: 0 0 29px 29px;
      -webkit-border-radius: 0 0 29px 29px;
      -ms-border-radius: 0 0 29px 29px;
      border-radius: 0 0 29px 29px; }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .post-left-detail .section-item.content {
          padding: 16px 15px 19px 15px; } }
      .how-to-guide-template .post-left-detail .section-item.content img {
        max-width: calc(100% + 95px);
        margin: -3px -35px 17px -35px; }

.how-to-guide-template .sidebar-right {
  float: right;
  width: 23.04%;
  padding-bottom: 40px; }
  @media only screen and (max-width: 980px) {
    .how-to-guide-template .sidebar-right {
      width: 23.4%; } }
  @media only screen and (max-width: 767px) {
    .how-to-guide-template .sidebar-right {
      float: none;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 0; } }
  .how-to-guide-template .sidebar-right .link-created {
    text-align: right;
    margin-top: 39px;
    margin-bottom: 27px; }
    @media only screen and (max-width: 767px) {
      .how-to-guide-template .sidebar-right .link-created {
        text-align: center;
        margin-top: 31px;
        margin-bottom: 31px; } }
    .how-to-guide-template .sidebar-right .link-created a {
      text-decoration: none;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 13px 32px 13px 27px;
      text-transform: uppercase;
      background: #ea6b15;
      color: #fff; }
      .how-to-guide-template .sidebar-right .link-created a:hover {
        background: #faa53f; }
      @media only screen and (max-width: 980px) {
        .how-to-guide-template .sidebar-right .link-created a {
          font-size: 15px;
          padding: 12px 14px; } }
      @media only screen and (max-width: 767px) {
        .how-to-guide-template .sidebar-right .link-created a {
          font-size: 17px;
          padding: 12px 29px 13px;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          -ms-border-radius: 20px;
          border-radius: 20px; } }
  .how-to-guide-template .sidebar-right .right-content .banner-right {
    position: relative; }
    .how-to-guide-template .sidebar-right .right-content .banner-right a {
      text-decoration: none; }
      @media only screen and (max-width: 1169px) {
        .how-to-guide-template .sidebar-right .right-content .banner-right a {
          height: 262px;
          overflow: hidden;
          position: relative;
          display: block; }
          .how-to-guide-template .sidebar-right .right-content .banner-right a img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 150%;
            width: auto; } }
    @media only screen and (max-width: 1169px) and (max-width: 767px) {
      .how-to-guide-template .sidebar-right .right-content .banner-right a img {
        width: 100%;
        max-width: 100%; } }
    .how-to-guide-template .sidebar-right .right-content .banner-right .content {
      position: absolute;
      width: 100%;
      left: 50%;
      top: 47.2%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .how-to-guide-template .sidebar-right .right-content .banner-right .link {
      position: relative;
      padding-right: 10px; }
      .how-to-guide-template .sidebar-right .right-content .banner-right .link:after {
        content: ">";
        display: inline-block;
        margin-left: 4px;
        position: absolute;
        right: 0;
        top: 1px; }
  .how-to-guide-template .sidebar-right .right-content .banner-on {
    background: #8ecbd5;
    text-align: center;
    margin-bottom: 30px; }
    .how-to-guide-template .sidebar-right .right-content .banner-on a {
      min-height: 222px;
      height: inherit;
      display: block; }
    .how-to-guide-template .sidebar-right .right-content .banner-on .content {
      top: 46%; }
    .how-to-guide-template .sidebar-right .right-content .banner-on h3 {
      font-family: 'Caveat', cursive;
      font-size: 40px;
      line-height: 1.25;
      font-weight: 700;
      color: #fff;
      margin-bottom: 16px; }
    .how-to-guide-template .sidebar-right .right-content .banner-on .link {
      text-decoration: underline;
      font-weight: 700;
      font-size: 15px;
      letter-spacing: -0.3px;
      line-height: normal;
      color: #000; }
  .how-to-guide-template .sidebar-right .right-content .banner-below .content {
    padding: 0 28px 0 36px;
    color: #fff; }
    @media only screen and (max-width: 1169px) {
      .how-to-guide-template .sidebar-right .right-content .banner-below .content {
        padding: 0 10px; } }
  .how-to-guide-template .sidebar-right .right-content .banner-below h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.46;
    color: #fff;
    margin-bottom: 8px; }
  .how-to-guide-template .sidebar-right .right-content .banner-below p.text {
    font-size: 15px;
    line-height: 1.67;
    letter-spacing: -0.3px; }
  .how-to-guide-template .sidebar-right .right-content .banner-below .link {
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    letter-spacing: -0.3px;
    margin-top: 1px; }
    .how-to-guide-template .sidebar-right .right-content .banner-below .link:after {
      font-weight: 400; }

.section-video-image {
  margin-bottom: 60px; }
  .section-video-image .video iframe {
    width: 100%;
    height: 100%; }
  @media only screen and (max-width: 767px) {
    .section-video-image .video {
      height: 270px;
      margin-bottom: 30px; } }
  .section-video-image .image {
    position: relative; }
    .section-video-image .image img {
      display: block;
      width: 100%; }
    .section-video-image .image .banner-text {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 80%;
      text-align: center;
      pointer-events: none; }
      .section-video-image .image .banner-text .title {
        font-family: 'Caveat', cursive;
        font-weight: 700;
        color: #fff; }
        @media only screen and (min-width: 768px) and (max-width: 1169px) {
          .section-video-image .image .banner-text .title {
            font-size: 35px;
            line-height: 37px; } }
        @media only screen and (max-width: 767px) {
          .section-video-image .image .banner-text .title {
            font-size: 30px;
            line-height: 35px; } }
        .section-video-image .image .banner-text .title strong {
          font-size: 65px;
          line-height: 1;
          display: block;
          margin-bottom: 11px; }
          @media only screen and (min-width: 768px) and (max-width: 1169px) {
            .section-video-image .image .banner-text .title strong {
              font-size: 50px;
              line-height: 0.8; } }
          @media only screen and (max-width: 767px) {
            .section-video-image .image .banner-text .title strong {
              font-size: 40px;
              margin-bottom: 5px;
              line-height: 0.8; } }
      .section-video-image .image .banner-text .desc {
        font-weight: 400;
        font-size: 20px;
        line-height: 1.5;
        color: #fff;
        margin-top: 20px; }
        @media only screen and (min-width: 768px) and (max-width: 1169px) {
          .section-video-image .image .banner-text .desc {
            font-size: 18px;
            line-height: 28px; } }
        @media only screen and (max-width: 980px) {
          .section-video-image .image .banner-text .desc br {
            display: none; } }
        @media only screen and (max-width: 767px) {
          .section-video-image .image .banner-text .desc {
            font-size: 16px;
            line-height: 26px; } }
      .section-video-image .image .banner-text .redirect {
        color: #fff;
        font-weight: bold;
        font-size: 20px;
        line-height: 1.5; }
        .section-video-image .image .banner-text .redirect:hover {
          color: #000; }
        @media only screen and (min-width: 768px) and (max-width: 1169px) {
          .section-video-image .image .banner-text .redirect {
            font-size: 18px; } }
        @media only screen and (max-width: 767px) {
          .section-video-image .image .banner-text .redirect {
            font-size: 16px; } }
    .section-video-image .image:hover {
      cursor: pointer; }
      .section-video-image .image:hover .banner-text .redirect {
        color: #000; }
  @media only screen and (min-width: 768px) {
    .section-video-image {
      display: flex;
      justify-content: space-between; }
      .section-video-image .video {
        width: 57.3%; }
      .section-video-image .image {
        width: calc(42.7% - 30px); } }

.section-register {
  margin-bottom: 37px; }
  .section-register .heading {
    color: #1896ab;
    font-size: 40px;
    line-height: 1;
    font-family: 'Caveat', cursive;
    font-weight: 700;
    margin-bottom: 30px; }
  .section-register .description {
    max-width: 83%;
    font-size: 15px;
    letter-spacing: -0.3px;
    line-height: 25px;
    margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .section-register .list-step {
      display: flex;
      float: none;
      clear: both;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 0;
      padding: 0; }
      .section-register .list-step > .item {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
        margin-right: 30px;
        width: calc((100% - 60px)/3); } }
    @media only screen and (min-width: 768px) and (max-width: 767px) {
      .section-register .list-step > .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px; } }
  @media only screen and (min-width: 768px) {
      .section-register .list-step > .item:nth-of-type(3n + 3) {
        margin-right: 0; } }
  .section-register .list-step .item {
    background: #ede8e2;
    margin-bottom: 30px; }
    .section-register .list-step .item .step-header {
      background: #1896ab;
      padding: 25px 20px 20px;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .section-register .list-step .item .step-header .image-icon {
        display: inline-block;
        height: 48px;
        margin-bottom: 6px; }
        .section-register .list-step .item .step-header .image-icon img {
          max-height: 48px;
          width: auto; }
      .section-register .list-step .item .step-header .title {
        color: #fff;
        font-size: 17px;
        line-height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 10px; }
        .section-register .list-step .item .step-header .title .number {
          width: 40px;
          height: 40px;
          margin-right: 10px;
          color: #1896ab;
          background: #fff;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          padding-right: 10px; }
          .section-register .list-step .item .step-header .title .number:before {
            font-size: 30px;
            font-family: 'Caveat', cursive;
            font-weight: 700; }
        .section-register .list-step .item .step-header .title .title-text {
          max-width: calc(100% - 51px);
          line-height: 1; }
    .section-register .list-step .item .step-content {
      background: #ede8e2;
      padding: 23px 20px 30px; }
      .section-register .list-step .item .step-content h4 {
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.4px;
        margin-bottom: 10px; }
        @media only screen and (max-width: 767px) {
          .section-register .list-step .item .step-content h4 {
            font-size: 16px;
            line-height: 26px; } }
      .section-register .list-step .item .step-content p {
        font-size: 15px;
        font-weight: 400;
        line-height: 25px;
        letter-spacing: -0.3px;
        margin-bottom: 10px; }
        .section-register .list-step .item .step-content p:last-of-type {
          margin-bottom: 0; }
      .section-register .list-step .item .step-content img {
        margin-top: 47px;
        width: auto; }
        @media only screen and (max-width: 767px) {
          .section-register .list-step .item .step-content img {
            margin-top: 24px; } }
      .section-register .list-step .item .step-content ul {
        list-style: disc;
        margin-bottom: 10px; }
        .section-register .list-step .item .step-content ul li {
          list-style: inside; }
      .section-register .list-step .item .step-content ol {
        margin-bottom: 10px; }
        .section-register .list-step .item .step-content ol li {
          list-style: decimal;
          list-style-position: inside; }
      .section-register .list-step .item .step-content blockquote {
        background: #78c3cf;
        padding: 30px 43px 25px 32px;
        margin-bottom: 20px; }
        .section-register .list-step .item .step-content blockquote:before {
          content: "";
          background: url("../images/left-quote.png") no-repeat;
          display: block;
          width: 24px;
          height: 18px;
          margin-bottom: 10px; }
        .section-register .list-step .item .step-content blockquote p {
          color: #fff;
          font-style: italic;
          font-weight: 400;
          font-size: 25px;
          line-height: 35px; }
          @media only screen and (max-width: 767px) {
            .section-register .list-step .item .step-content blockquote p {
              font-size: 17px;
              line-height: 27px; } }
      .section-register .list-step .item .step-content .button {
        text-decoration: none !important;
        height: 40px;
        line-height: 1.2;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        font-weight: 700;
        font-size: 17px;
        display: inline-block;
        padding: 7px 13px;
        text-transform: uppercase;
        background: #fff;
        color: #1896ab;
        border: 3px solid #fff;
        text-align: center; }
        .section-register .list-step .item .step-content .button:hover {
          background: #1896ab;
          color: #fff;
          border: 3px solid #fff; }
      .section-register .list-step .item .step-content .button-shortcode {
        margin-top: 40px;
        text-align: center; }
      @media only screen and (min-width: 1170px) {
        .section-register .list-step .item .step-content {
          padding: 23px 40px 30px; } }
    .section-register .list-step .item:first-child {
      background: #8ecbd5; }
      .section-register .list-step .item:first-child .step-header .title .number:before {
        content: '1'; }
      .section-register .list-step .item:first-child .step-content {
        background: #8ecbd5; }
    .section-register .list-step .item:nth-of-type(2) .step-header .title .number:before {
      content: '2'; }
    .section-register .list-step .item:nth-of-type(3) .step-header .title .number:before {
      content: '3'; }

.how-it-work-content .page-content {
  margin-bottom: 35px; }
  @media only screen and (min-width: 1170px) {
    .how-it-work-content .page-content {
      max-width: 82%; } }

.how-it-work-content .two-blocks-media {
  padding-bottom: 12px; }

@media only screen and (max-width: 767px) {
  .how-it-work-content .supported-block {
    padding-top: 0; } }

.hello-message #breadcrumbs {
  display: block;
  margin-bottom: 45px; }
  @media only screen and (max-width: 767px) {
    .hello-message #breadcrumbs {
      margin-bottom: 10px; } }

.hello-message .content-events .content-hello-message {
  margin-top: 15px; }
  .hello-message .content-events .content-hello-message .top-title {
    margin-bottom: 25px; }
  @media only screen and (max-width: 767px) {
    .hello-message .content-events .content-hello-message {
      margin-top: 0;
      padding-top: 0; }
      .hello-message .content-events .content-hello-message .top-title {
        margin: 0;
        padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .hello-message #breadcrumbs-wrapper .container {
    padding: 0; } }

.hello-main-content {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 47px; }
  @media only screen and (min-width: 768px) {
    .hello-main-content .hello-left {
      width: 264px;
      margin-right: 30px; } }
  @media only screen and (min-width: 768px) {
    .hello-main-content .hello-right {
      width: calc(100% - 294px); } }
  .hello-main-content .hello-steps {
    background: #faf8f6;
    border: 3px solid #ede8e2;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    padding: 15px 13px;
    margin-bottom: 22px; }
    @media only screen and (max-width: 767px) {
      .hello-main-content .hello-steps {
        padding: 20px 20px 20px; } }
    .hello-main-content .hello-steps label {
      font-weight: normal;
      margin-bottom: 5px; }
    .hello-main-content .hello-steps .step-title-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 26px;
      padding-left: 14px; }
      .hello-main-content .hello-steps .step-title-wrap .icon {
        width: 41px;
        height: 41px;
        background: #faa53f;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border-radius: 20px;
        margin-right: 12px;
        font-family: 'Caveat', cursive;
        font-size: 30px;
        font-weight: bold;
        padding-right: 9px; }
      .hello-main-content .hello-steps .step-title-wrap h3 {
        width: calc(100% - 56px);
        padding-top: 4px; }
        .hello-main-content .hello-steps .step-title-wrap h3 span {
          font-size: 14px;
          font-weight: normal; }
    .hello-main-content .hello-steps .btn-primary {
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: #1896ab;
      color: #fff;
      border: 3px solid transparent;
      text-align: center; }
      .hello-main-content .hello-steps .btn-primary:hover {
        background: #fff;
        color: #1896ab;
        border: 3px solid #1896ab; }
    .hello-main-content .hello-steps .button-wrap {
      text-align: center; }
    .hello-main-content .hello-steps #button-preview .btn-primary {
      min-width: 165px; }
    .hello-main-content .hello-steps #downloadArtwork {
      min-width: 190px;
      text-decoration: none !important;
      height: 40px;
      line-height: 1.2;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -ms-border-radius: 20px;
      border-radius: 20px;
      font-weight: 700;
      font-size: 17px;
      display: inline-block;
      padding: 7px 13px;
      text-transform: uppercase;
      background: #ea6b15;
      color: #fff;
      border: 3px solid transparent;
      text-align: center; }
      .hello-main-content .hello-steps #downloadArtwork:hover {
        background: #fff;
        color: #ea6b15;
        border: 3px solid #ea6b15; }
    .hello-main-content .hello-steps #moreArea {
      text-align: center;
      margin-top: 19px; }
      .hello-main-content .hello-steps #moreArea .link-start-over {
        padding: 0;
        background: transparent;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 28px;
        letter-spacing: -0.32px; }
    .hello-main-content .hello-steps .ms-parent {
      width: 100% !important;
      position: relative;
      margin-bottom: 10px;
      z-index: 1; }
      .hello-main-content .hello-steps .ms-parent button.ms-choice {
        background: #fff url(../images/arrow-selectbox.svg) no-repeat calc(100% - 12px) center;
        background-clip: padding-box;
        border: 3px solid #ede8e2;
        border-radius: 0;
        color: #363636;
        font-family: 'Karla', sans-serif;
        font-size: 16px;
        height: 40px;
        line-height: 36px;
        padding: 0 30px 0 12px;
        vertical-align: baseline;
        width: 100%;
        box-sizing: border-box;
        -appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        outline: none !important; }
        .hello-main-content .hello-steps .ms-parent button.ms-choice > span {
          top: 2px;
          left: 18px;
          padding-left: 0; }
        .hello-main-content .hello-steps .ms-parent button.ms-choice > div {
          display: none; }
      .hello-main-content .hello-steps .ms-parent .ms-drop {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border: 3px solid #ede8e2;
        margin-top: -3px;
        position: relative;
        display: block !important; }
        .hello-main-content .hello-steps .ms-parent .ms-drop > ul {
          padding: 15px 16px 18px;
          max-height: 182px !important; }
          .hello-main-content .hello-steps .ms-parent .ms-drop > ul > li.selected input[type="checkbox"] {
            position: relative; }
            .hello-main-content .hello-steps .ms-parent .ms-drop > ul > li.selected input[type="checkbox"]:after {
              content: "";
              width: 12px;
              height: 12px;
              background: url(../images/icr-checkbox.png) no-repeat;
              position: absolute;
              left: 50%;
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
          .hello-main-content .hello-steps .ms-parent .ms-drop > ul > li label {
            margin-bottom: 5px; }
    .hello-main-content .hello-steps .block-or .or {
      font-weight: bold;
      margin-bottom: 7px; }
    .hello-main-content .hello-steps .block-or .checkbox-input {
      display: flex; }
      .hello-main-content .hello-steps .block-or .checkbox-input label {
        width: calc(100% - 55px); }
    .hello-main-content .hello-steps .select-map {
      margin-bottom: 30px; }
    .hello-main-content .hello-steps.step-2 {
      padding-bottom: 60px; }
    .hello-main-content .hello-steps.step-3 {
      padding-bottom: 40px; }
  .hello-main-content .preview-message-content {
    background: #fff;
    width: 100%;
    border: 3px #ede8e2 solid;
    padding: 15px 13px;
    margin: 0 auto 30px;
    position: relative; }
    .hello-main-content .preview-message-content #preview-container {
      background: rgba(234, 107, 21, 0.08); }
    @media only screen and (min-width: 768px) {
      .hello-main-content .preview-message-content {
        position: relative; }
        .hello-main-content .preview-message-content #preview-container {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
    @media only screen and (min-width: 1024px) {
      .hello-main-content .preview-message-content {
        width: calc(100% - 138px);
        height: 488px; } }
    @media only screen and (min-width: 1170px) {
      .hello-main-content .preview-message-content {
        height: 504px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .hello-main-content .preview-message-content {
        height: 464px; }
        .hello-main-content .preview-message-content .preview-type-wrap svg {
          width: 355px; } }
    @media only screen and (min-width: 1023px) and (max-width: 1168px) {
      .hello-main-content .preview-message-content #preview-portrait-rectangle svg {
        width: 455px; } }
    @media only screen and (max-width: 767px) {
      .hello-main-content .preview-message-content {
        min-height: 200px; } }
    .hello-main-content .preview-message-content .preview-type-wrap {
      position: relative; }
      .hello-main-content .preview-message-content .preview-type-wrap .image-over {
        width: 100%;
        position: absolute;
        left: 50%;
        top: calc(50% + 5px);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
  .hello-main-content .type-portrait-rectangle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .hello-main-content .preview-type-wrap svg {
    display: block;
    margin: 0 auto; }
    .hello-main-content .preview-type-wrap svg text[font-size*="45"],
    .hello-main-content .preview-type-wrap svg text[font-size*="60"] {
      letter-spacing: -3px; }
    .hello-main-content .preview-type-wrap svg text[font-size*="80"],
    .hello-main-content .preview-type-wrap svg text[font-size*="100"] {
      letter-spacing: -4px; }
    @media only screen and (max-width: 1023px) {
      .hello-main-content .preview-type-wrap svg {
        width: 100%;
        height: auto; } }
  .hello-main-content .btn-print-artwork {
    width: 190px; }