@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; }
body { color: #000; font-family: 'Karla', sans-serif; font-weight: 400; font-size: 15px; line-height: 25px; }

.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.02px; 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; 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); }

/*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: 45px; } }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #000 !important; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #000 !important; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #000 !important; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #000 !important; }

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

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; }
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: 46px; 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.02px; 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; -webkit-appearance: 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; }
.style-select select:focus { outline: 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 { position: relative; text-align: center; padding: 5px 0; }
.header-promotional .content .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 .close:after, .header-promotional .content .close:before { content: ''; height: 1px; width: 100%; background: #000; position: absolute; top: 50%; left: 0; }
.header-promotional .content .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.header-promotional .content .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

@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: #faa53f; 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 (max-width: 1024px) { .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 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: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; }
@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; } }
.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 50px; }
@media only screen and (max-width: 767px) { .block-celebrate { padding: 31px 0 41px; } }
.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 0px; } }
.block-celebrate ul { overflow: hidden; }
.block-celebrate ul li { float: left; width: 20%; padding: 0 10px; }
.block-celebrate ul li img { width: auto; }
.block-celebrate ul li .icon { min-height: 59px; }
.block-celebrate ul li .title { font-family: 'Caveat', cursive; font-weight: 400; font-size: 40px; color: #1896ab; margin-bottom: 18px; }
.block-celebrate ul li .text { font-size: 16px; line-height: 26px; font-weight: 400; }
@media only screen and (max-width: 767px) { .block-celebrate ul { display: none; } }
.block-celebrate 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: 7px 28px 7px 19px; text-transform: uppercase; background: #ea6b15; color: #fff; margin-top: 24px; }
.block-celebrate a:hover { background: #faa53f; }
@media only screen and (max-width: 767px) { .block-celebrate a { padding: 8px 25px 7px 24px; } }

.live-count-block { background: url(../images/bg-live.jpg) repeat center top; padding: 40px 0 48px; }
@media only screen and (max-width: 767px) { .live-count-block { padding: 26px 0 26px; } }
.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; }
.quote-block-content .bx-wrapper ul li .block-img img { z-index: 9; position: relative; }
.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; }
@media only screen and (max-width: 767px) { .supported-block h4 { font-size: 25px; line-height: 35px; } }
.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; }

@media only screen and (max-width: 767px) { #bottom-banner { overflow: hidden; position: relative; width: 100%; height: 325px; }
  #bottom-banner a img { 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: inherit; } }

.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%; }

.content-1col .breadcrumb-list { margin-top: 15px; }
.content-1col h1 { font-size: 40px; font-weight: 700; letter-spacing: -0.02px; text-transform: capitalize; line-height: 50px; margin-top: 42px; margin-bottom: 41px; }
@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; height: 198px; overflow: hidden; margin-bottom: -3px; }
.content-1col .page-top-banner img { float: left; 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: 100%; height: 198px; max-width: inherit; }
@media only screen and (max-width: 1600px) { .content-1col .page-top-banner img { width: auto; } }
.content-1col .page-top-banner .page-title { position: absolute; top: 50%; left: 15.3%; -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-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.02px; 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.02px; margin-bottom: 10px; }
.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; } }
@media only screen and (max-width: 767px) { .content-1col .page-top-banner { display: none; }
  .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; }
.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.02px; 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.02px; 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 11px; margin-bottom: 70px; } }

.register .register-header { text-align: center; max-width: 633px; margin: 77px auto 60px; }
@media only screen and (max-width: 767px) { .register .register-header { max-width: 100%; padding: 0 20px; margin: 11px auto 25px; } }
.register .register-header .top-logo { max-width: 482px; margin: 0 auto 31px; 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.02px; }
@media only screen and (max-width: 767px) { .register .register-header p { font-size: 20px; line-height: 30px; padding: 0 6%; } }
.register .register-header p.step { font-family: 'Caveat', cursive; font-weight: 700; font-size: 35px; color: #ea6b15; margin-top: 33px; line-height: 35px; }
@media only screen and (max-width: 767px) { .register .register-header p.step { font-size: 30px; margin-top: 18px; } }
.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: 48px 0 56px; }
@media only screen and (max-width: 767px) { .register .register-content { padding: 20px 17px 45px; } }
.register .register-content h3 { text-align: center; font-weight: 700; font-size: 22px; line-height: 32px; margin-bottom: 38px; }
@media only screen and (max-width: 767px) { .register .register-content h3 { font-size: 16px; 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 .button-step { text-align: center; margin-top: 48px; }
@media only screen and (max-width: 767px) { .register .register-content .form-list .button-step { margin-top: 42px; } }
.register .register-content .form-list input.button { 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: 16px 31px 17px 33px; text-transform: uppercase; background: #ea6b15; width: auto; color: #fff; font-weight: 700; cursor: pointer; height: auto; }
.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; }
.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 comment { font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.02px; margin-top: 10px; display: block; }
.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-step2 .text-note { font-size: 15px; font-weight: 400; line-height: 25px; letter-spacing: -0.02px; 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, .step2-number { padding-left: 46px; margin-top: 30px; }
#step2-event-detail-single label, .step2-number label { margin-bottom: 12px; }
@media only screen and (max-width: 767px) { #step2-event-detail-single, .step2-number { padding-left: 0; } }

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

.early-bird-wrap { margin-top: 30px; }
.early-bird-wrap .label-early-bird { margin-left: 46px; }
.early-bird-wrap .field-checkbox .label-checkbox { font-size: 15px; line-height: 24px; }
.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; }
@media only screen and (max-width: 767px) { .early-bird-wrap #early-bird-content label { font-size: 13px; } }
.early-bird-wrap #early-bird-content textarea { resize: none; height: 137px; }
.early-bird-wrap .field-checkbox input[type="checkbox"] { top: 7px; transform: translate(0, 0); }

.event-detail { margin-top: 37px; }
@media only screen and (max-width: 767px) { .event-detail { margin: 37px -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: 150%; position: relative; margin-bottom: 21px; }
@media only screen and (max-width: 980px) { .event-detail .step2-event { width: 115%; } }
@media only screen and (max-width: 767px) { .event-detail .step2-event { width: 100%; padding: 0 17px; margin-bottom: 30px; }
  .event-detail .step2-event.even { background: #ede8e2; padding: 30px 17px 20px; } }
.event-detail .step2-event .item { display: inline-block; vertical-align: top; margin-right: 29px; }
@media only screen and (max-width: 980px) { .event-detail .step2-event .item { margin-right: 15px; } }
.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:first-child { width: 218px; }
.event-detail .step2-event .item:first-child input[type="text"] { width: 100%; }
@media only screen and (max-width: 980px) { .event-detail .step2-event .item:first-child { width: 134px; } }
@media only screen and (max-width: 767px) { .event-detail .step2-event .item:first-child { width: 100%; } }
.event-detail .step2-event .item:last-child { margin-right: 0; }
.event-detail .step2-event .item.item-select-last { width: 139px; }
@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: 18px; } }
.event-detail .step2-event .item label { font-weight: 400; font-size: 13px; line-height: 18px; letter-spacing: -0.02px; margin-bottom: 6px; }
.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 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; }

/*========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 strong { font-size: 18px; }
@media only screen and (max-width: 767px) { .welcome-content strong { font-size: 16px; } }
@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.02px; }
.welcome-content .button { text-align: center; margin: 30px auto; }
.welcome-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: 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: 122%; }
@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%; } }

.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 { overflow: hidden; margin: 0 -15px; }
.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 .pagination h2.screen-reader-text { display: none; }
.content-blog .pagination .nav-links { overflow: hidden; margin-top: 8px; }
.content-blog .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 .pagination .nav-links .page-numbers:hover { background: #1896ab; color: #fff; }
.content-blog .pagination .nav-links .page-numbers.next { display: inline-block; float: right; }
.content-blog .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 header .header-promotional-event { background: #8ecbd5; padding: 8px 0 0px; }
@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 .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; }
.eventhub header .header-promotional-event .event-user-actions .event-user-icon:hover { cursor: pointer; }
.eventhub header .header-promotional-event .event-user-actions ul { position: absolute; right: 0; background: #363636; min-width: 196px; top: 41px; padding: 21px 21px 23px; text-align: left; }
.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: 30px 0 13px; }
@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: 22%; display: inline-block; vertical-align: top; }
@media only screen and (max-width: 767px) { .eventhub header .header-main .container .logo-wrapper { width: 183px; } }
.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 .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 a { font-size: 16px; text-decoration: none; font-weight: 700; text-transform: uppercase; }
  .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.02px; }
.eventhub .content-events { background: #faf8f6; }
.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 (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 .site-main-content { float: left; width: 57.3%; margin-top: 35px; }
@media only screen and (max-width: 980px) { .eventhub .content-events .site-main-content { width: 56.2%; } }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content { float: none; width: 100%; margin-top: 0; padding-top: 23px; } }
.eventhub .content-events .site-main-content .title-wrapper { display: none; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .title-wrapper { display: block; margin-bottom: 18px; }
  .eventhub .content-events .site-main-content .title-wrapper h1 { text-align: center; font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: -0.02px; color: #1896ab; } }
.eventhub .content-events .site-main-content .list-events .event-item { margin-bottom: 30px; border: 3px solid #ede8e2; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; overflow: hidden; background: #fff; }
.eventhub .content-events .site-main-content .list-events .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) { .eventhub .content-events .site-main-content .list-events .event-item .title { font-size: 25px; line-height: 36px; } }
.eventhub .content-events .site-main-content .list-events .event-item .value { font-weight: 700; font-size: 25px; line-height: 30px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .value { font-size: 20px; line-height: 28px; } }
.eventhub .content-events .site-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 .site-main-content .list-events .event-item .view-detail { display: none; } }
.eventhub .content-events .site-main-content .list-events .event-item .event-content-item { position: relative; padding: 18px 24px 14px 29px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .event-content-item { padding: 23px 24px 30px 29px; } }
.eventhub .content-events .site-main-content .list-events .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%); }
.eventhub .content-events .site-main-content .list-events .event-item .event-content-item a.view-event:hover { background: #ea6b15; color: #fff; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-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; } }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .event-content-item > span { display: none; } }
.eventhub .content-events .site-main-content .list-events .event-item .text-location { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .text-location { font-size: 15px; margin-bottom: 10px; } }
.eventhub .content-events .site-main-content .list-events .event-item .start-time { margin-right: 15px; }
.eventhub .content-events .site-main-content .list-events .event-item .confirm-attend { margin-left: 10px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .confirm-attend { margin-left: 0; } }
.eventhub .content-events .site-main-content .list-events .event-item .start-time, .eventhub .content-events .site-main-content .list-events .event-item .confirm-attend { display: inline-block; font-size: 14px; line-height: 30px; letter-spacing: -0.02px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .list-events .event-item .start-time, .eventhub .content-events .site-main-content .list-events .event-item .confirm-attend { display: block; font-size: 15px; line-height: 25px; } }
.eventhub .content-events .site-main-content .list-events .event-item .start-time span, .eventhub .content-events .site-main-content .list-events .event-item .confirm-attend span { font-weight: 700; margin-right: 10px; }
@media only screen and (max-width: 980px) { .eventhub .content-events .site-main-content .list-events.complete-events .event-item .event-content-item a.view-event { top: 42%; position: static; display: inline-block; margin: 40px 0 -10px 0; } }
.eventhub .content-events .site-main-content .event-inspiration { border: 3px solid #ede8e2; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #fff; margin-top: 30px; padding: 9px 31px 22px 31px; margin-bottom: 90px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .event-inspiration { display: none; } }
.eventhub .content-events .site-main-content .event-inspiration h1 { font-family: 'Caveat', cursive; font-weight: 400; font-size: 30px; line-height: 50px; margin-bottom: 12px; }
.eventhub .content-events .site-main-content .event-inspiration ul { margin: 0 -15px; overflow: hidden; }
.eventhub .content-events .site-main-content .event-inspiration ul li { float: left; width: 50%; margin-bottom: 25px; }
.eventhub .content-events .site-main-content .event-inspiration ul li:nth-child(2n+1) { clear: left; }
.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 .title-top { margin-top: 14px; }
@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.02px; 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: 26px; letter-spacing: -0.02px; 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: 16px; line-height: 24px; margin-top: 6px; }
.eventhub .content-events .site-main-content .event-inspiration ul li .view-more { font-size: 16px; line-height: 24px; font-weight: 700; }
.eventhub .content-events .site-main-content .event-inspiration .view-more-ideas { text-align: right; margin-top: 5px; }
.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 10px; 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 .no-events { border: 3px solid #ede8e2; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #fff; margin-top: 3px; padding: 12px 31px 30px 26px; }
.eventhub .content-events .site-main-content .no-events h2 { font-family: 'Caveat', cursive; font-weight: 400; font-size: 30px; line-height: 50px; margin-bottom: 8px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .no-events h2 { font-size: 25px; line-height: 30px; text-align: center; } }
.eventhub .content-events .site-main-content .no-events .desc p { font-size: 16px; line-height: 24px; letter-spacing: -0.02px; margin-bottom: 24px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .no-events .desc p { font-size: 15px; line-height: 25px; margin-bottom: 20px; } }
.eventhub .content-events .site-main-content .no-events .desc p a { font-weight: 700; }
.eventhub .content-events .site-main-content .no-events .link-create { text-align: right; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .no-events .link-create { text-align: center; } }
.eventhub .content-events .site-main-content .no-events .link-create 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 32px 12px 30px; text-transform: uppercase; background: #ea6b15; color: #fff; }
.eventhub .content-events .site-main-content .no-events .link-create a:hover { background: #faa53f; }
.eventhub .content-events .site-main-content .eventhub-head-link { background: #ede8e2; padding: 7px 11px 5px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .eventhub-head-link { margin: 0 -20px 28px; overflow: hidden; background: transparent; padding: 0; } }
.eventhub .content-events .site-main-content .eventhub-head-link a { text-decoration: none; font-weight: 700; text-transform: uppercase; font-size: 17px; position: relative; line-height: 24px; }
.eventhub .content-events .site-main-content .eventhub-head-link a:after { content: "|"; font-weight: 700; display: inline-block; margin: 0 10px 0 13px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .eventhub-head-link a:after { content: ""; } }
.eventhub .content-events .site-main-content .eventhub-head-link a:hover, .eventhub .content-events .site-main-content .eventhub-head-link a.active { color: #1896ab; }
.eventhub .content-events .site-main-content .eventhub-head-link a:hover:after, .eventhub .content-events .site-main-content .eventhub-head-link a.active:after { color: #000; }
.eventhub .content-events .site-main-content .eventhub-head-link a:last-child:after, .eventhub .content-events .site-main-content .eventhub-head-link a.link-promo:after, .eventhub .content-events .site-main-content .eventhub-head-link a.link-pass:after { content: ""; }
.eventhub .content-events .site-main-content .eventhub-head-link a.link-pass-mb { display: none; }
@media only screen and (max-width: 767px) { .eventhub .content-events .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; }
  .eventhub .content-events .site-main-content .eventhub-head-link a.link-promo, .eventhub .content-events .site-main-content .eventhub-head-link a.link-meal-list, .eventhub .content-events .site-main-content .eventhub-head-link a.link-pass { display: none; }
  .eventhub .content-events .site-main-content .eventhub-head-link a.link-pass-mb { display: block; }
  .eventhub .content-events .site-main-content .eventhub-head-link a span { opacity: .3; display: block; }
  .eventhub .content-events .site-main-content .eventhub-head-link a.active span { opacity: 1; }
  .eventhub .content-events .site-main-content .eventhub-head-link a:first-child { border-right: 3px solid #ede8e2; } }
.eventhub .content-events .site-main-content .eventhub-head-link a.link-download { display: none; }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content .eventhub-head-link a.link-download { display: inline-block; } }
.eventhub .content-events .site-main-content #ehce-validate-error { width: 144%; 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; }
@media only screen and (max-width: 980px) { .eventhub .content-events .site-main-content #ehce-validate-error { width: 134%; } }
@media only screen and (max-width: 767px) { .eventhub .content-events .site-main-content #ehce-validate-error { width: 100%; } }
.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 .sidebar-right { float: right; width: 22.7%; padding-bottom: 40px; }
@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%; } }
.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 { border: 3px solid #ede8e2; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #fff; text-align: center; padding: 25px 19px 47px 19px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .sidebar-right .right-content { padding: 21px 19px 47px 19px; } }
.eventhub .content-events .sidebar-right .right-content .how-to-item { margin-bottom: 23px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .sidebar-right .right-content .how-to-item { margin-bottom: 25px; } }
.eventhub .content-events .sidebar-right .right-content h2 { font-weight: 400; font-size: 24px; line-height: 28px; color: #1896ab; text-transform: capitalize; margin-bottom: 21px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .sidebar-right .right-content h2 { font-size: 20px; line-height: 30px; margin-bottom: 18px; padding: 0 22px; } }
.eventhub .content-events .sidebar-right .right-content .number { margin-bottom: 7px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .sidebar-right .right-content .number { margin-bottom: 5px; } }
.eventhub .content-events .sidebar-right .right-content .number span { -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; background: #1896ab; font-size: 14px; font-weight: 700; color: #fff; width: 26px; height: 26px; display: inline-block; }
.eventhub .content-events .sidebar-right .right-content .title { font-weight: 700; font-size: 18px; line-height: 25px; letter-spacing: -0.02px; margin-bottom: 4px; }
@media only screen and (max-width: 767px) { .eventhub .content-events .sidebar-right .right-content .title { font-size: 16px; } }
.eventhub .content-events .sidebar-right .right-content .text { font-size: 15px; line-height: 20px; font-weight: 400; }
.eventhub .content-events .sidebar-right .right-content .text a { font-weight: 700; }
.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 .header-main { background: transparent; text-align: center; padding-bottom: 24px; }
@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: 70px; /*==========forgot pass===========*/ }
.login-content h1 { font-size: 40px; line-height: 50px; letter-spacing: -0.02px; text-transform: capitalize; font-weight: 700; text-align: center; margin-bottom: 67px; }
@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: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; padding: 48px 0 77px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content { padding: 7px 17px 36px; } }
.login-content .wrapper-content .form-content { max-width: 559px; margin: 0 auto; }
.login-content .wrapper-content .form-content .description p { font-size: 22px; line-height: 32px; font-weight: 700; text-align: center; margin-top: 16px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .description p { font-size: 16px; line-height: 25px; } }
.login-content .wrapper-content .form-content .desc-forgot { text-align: center; margin-top: 20px; }
.login-content .wrapper-content .form-content .form-entry { margin-top: 38px; }
@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 p { margin-bottom: 12px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry p { margin-bottom: 24px; } }
.login-content .wrapper-content .form-content .form-entry p.login-remember { margin-top: 21px; margin-bottom: 57px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry p.login-remember { margin-top: 31px; margin-bottom: 40px; } }
.login-content .wrapper-content .form-content .form-entry p.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 p.login-remember input[type="checkbox"] { margin-left: -32px; } }
.login-content .wrapper-content .form-content .form-entry p.login-remember label { font-weight: 400; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry p.login-remember label { padding-left: 32px; line-height: 18px; padding-right: 4px; } }
.login-content .wrapper-content .form-content .form-entry p.login-submit, .login-content .wrapper-content .form-content .form-entry p.btn-block { text-align: center; }
.login-content .wrapper-content .form-content .form-entry p.btn-block { margin-top: 30px; }
.login-content .wrapper-content .form-content .form-entry p 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 33px 17px 31px; text-transform: uppercase; background: #ea6b15; width: auto; color: #fff; font-weight: 700; cursor: pointer; height: auto; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry p input.button { padding: 16px 40px 17px 41px; } }
.login-content .wrapper-content .form-content .form-entry p input.button:hover { background: #faa53f; }
.login-content .wrapper-content .form-content .form-entry .forgot-pass { display: block; text-align: center; margin-top: 59px; font-size: 17px; line-height: 25px; letter-spacing: -0.02px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry .forgot-pass { margin-top: 25px; } }
.login-content .wrapper-content .form-content .form-entry .link-register { text-align: center; margin-top: 25px; font-size: 17px; line-height: 25px; letter-spacing: -0.02px; }
@media only screen and (max-width: 767px) { .login-content .wrapper-content .form-content .form-entry .link-register { margin-top: 19px; } }
.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.02px; }
@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 { margin-top: 56px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass { margin-top: 2px; } }
.login-content.forgot-pass h1 { font-size: 22px; line-height: 32px; text-transform: none; margin-bottom: 15px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass h1 { font-size: 16px; } }
.login-content.forgot-pass h1.title-top { display: none; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass h1.title-top { display: block; font-size: 20px; line-height: 30px; margin-bottom: 24px; } }
.login-content.forgot-pass .wrapper-content { padding: 61px 0 61px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass .wrapper-content { padding: 19px 17px 36px; } }
.login-content.forgot-pass .wrapper-content .form-content .desc-forgot { margin-top: 17px; padding: 0 35px; }
.login-content.forgot-pass .wrapper-content .form-content .form-entry { margin-top: 21px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass .wrapper-content .form-content .form-entry { margin-top: 16px; } }
.login-content.forgot-pass .wrapper-content .form-content .form-entry p.btn-block { margin-top: 21px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass .wrapper-content .form-content .form-entry p.btn-block { margin-top: 40px; } }
.login-content.forgot-pass .wrapper-content .form-content .form-entry p.btn-block input.button { padding: 16px 25px 17px 28px; }
.login-content.forgot-pass .wrapper-content .form-content .form-entry .link-cancel { font-size: 17px; }
@media only screen and (max-width: 767px) { .login-content.forgot-pass .wrapper-content .form-content .form-entry .link-cancel { margin-top: 20px; } }
.login-content.forgot-pass .wrapper-content .form-content.confirm-content { max-width: 884px; }
.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: 16px 33px 17px 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=================*/
.create-event .content-events .site-main-content, .edit-event .content-events .site-main-content { margin-top: 32px; min-height: 2100px; }
@media only screen and (max-width: 980px) { .create-event .content-events .site-main-content, .edit-event .content-events .site-main-content { width: 61%; } }
@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; } }
.create-event .site-main-content h3, .edit-event .site-main-content h3 { text-align: left; font-size: 25px; line-height: 30px; letter-spacing: -0.02px; 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; } }
.create-event .site-main-content form, .edit-event .site-main-content form { margin-top: 20px; }
@media only screen and (max-width: 767px) { .create-event .site-main-content form, .edit-event .site-main-content form { margin-top: 15px; } }
.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 textarea, .edit-event .site-main-content form .fields textarea { width: 100%; min-height: 200px; padding-top: 8px; resize: none; }
@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.02px; margin-top: 10px; display: block; }
.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: 38px; }
.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: 48%; display: block; margin-top: 38px; }
@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: 16px; text-transform: capitalize; 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.02px; }
.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; }
@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; } }
.create-event .site-main-content form .event-settings h3, .edit-event .site-main-content form .event-settings h3 { margin-bottom: 39px; }
@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: 39px; }
@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 label, .edit-event .site-main-content form .event-settings .field-checkbox label { font-size: 18px; letter-spacing: -0.02px; font-weight: 400; }
@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: 46px; font-size: 16px; line-height: 30px; letter-spacing: -0.02px; margin-top: -4px; }
@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: 47px; 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: 24px; }
@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: 102px; }
@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: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; font-weight: 700; display: inline-block; padding: 16px 51px; 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; }

@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; margin-top: 40px; }
@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; margin-top: 0; } }
.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 > 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.02px; 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.02px; 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.02px; 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 21px 2px 17px; 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.02px; 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.02px; 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.02px; 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; }
@media only screen and (max-width: 767px) { .create-rsvp .content-events .site-main-content, .edit-rsvp .content-events .site-main-content { margin-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 .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.02px; 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.02px; 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.02px; 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.02px; 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; }

/*===================my details =======================*/
.my-details .content-events .site-main-content, .update-password .content-events .site-main-content { min-height: 1000px; margin-top: 40px; }
.my-details .details-content h3, .update-password .details-content h3 { font-weight: 700; font-size: 22px; line-height: 30px; letter-spacing: -0.02px; margin-top: 24px; 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; } }
.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: 1000px; margin-top: 40px; }
@media only screen and (max-width: 767px) { .meal-list .content-events .site-main-content { min-height: inherit; margin-top: 0; width: 100%; } }
.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.02px; 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 .head-savoury { overflow: hidden; margin: 18px 0 23px; }
.meal-list .site-main-content .savoury .head-savoury p { font-weight: 700; text-transform: uppercase; font-size: 22px; line-height: 32px; float: left; }
.meal-list .site-main-content .savoury .head-savoury 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; float: right; }
.meal-list .site-main-content .savoury .head-savoury a:hover { background: #78c3cf; }
.meal-list .site-main-content .savoury .savoury-content .item { 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 .savoury .savoury-content .item .content { float: left; width: 75%; }
.meal-list .site-main-content .savoury .savoury-content .item .content strong { text-transform: capitalize; font-size: 18px; }
.meal-list .site-main-content .savoury .savoury-content .item .image-savoury { float: right; width: 24.7%; }
.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-content .item .desc-savoury p:first-child { border-top: 3px solid #ede8e2; margin-top: 22px; padding-top: 24px; }
.meal-list .site-main-content .savoury.savoury-sweet .head-savoury { margin: 42px 0 29px; }
.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: 96px; }
@media only screen and (max-width: 980px) { .meal-list .sidebar-right { margin-top: 122px; } }
@media only screen and (max-width: 767px) { .meal-list .sidebar-right { margin-top: 0; } }
.meal-list .sidebar-right .about-meal-list { -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background: #fff; border: 3px solid #ede8e2; overflow: hidden; margin-bottom: 30px; }
.meal-list .sidebar-right .about-meal-list h3 { background: #faa53f; font-family: 'Caveat', cursive; font-weight: 400; font-size: 30px; line-height: 30px; color: #fff; padding: 17px 5px; text-align: center; text-transform: capitalize; word-break: break-word; }
.meal-list .sidebar-right .about-meal-list .content { padding: 30px 27px 50px; }
@media only screen and (max-width: 980px) { .meal-list .sidebar-right .about-meal-list .content { padding: 30px 15px 30px; } }

/*===================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.02px; 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.02px; }
.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.02px; 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.02px; 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; }
.event-public header .header-main .container .logo-wrapper { width: 36.7%; }
@media only screen and (max-width: 767px) { .event-public header .header-main .container .logo-wrapper { width: 183px; } }
@media only screen and (max-width: 767px) { .event-public header .header-main .eventhub-top-menu-mobile { display: none; } }
.event-public .content-events .add-to { 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 { padding: 14px 15px 5px 15px; } }
.event-public .content-events .add-to p.title { font-family: 'Caveat', cursive; font-weight: 400; font-size: 27px; letter-spacing: -0.02px; margin-bottom: 14px; }
@media only screen and (max-width: 767px) { .event-public .content-events .add-to p.title { font-size: 23px; margin-bottom: 11px; } }
.event-public .content-events .add-to a { 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 { font-size: 15px; } }
@media only screen and (max-width: 767px) { .event-public .content-events .add-to a { font-size: 17px; margin-bottom: 16px; } }
.event-public .content-events .add-to a:hover { background: #1896ab; color: #fff; }
.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.02px; 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: 140px; }
@media only screen and (max-width: 1168px) { .event-public .content-events .sidebar-left span.bg { top: 139px; } }
@media only screen and (max-width: 1166px) { .event-public .content-events .sidebar-left span.bg { top: 138px; } }
@media only screen and (max-width: 1166px) { .event-public .content-events .sidebar-left span.bg { top: 137px; } }
@media only screen and (max-width: 1146px) { .event-public .content-events .sidebar-left span.bg { top: 136px; } }
@media only screen and (max-width: 1128px) { .event-public .content-events .sidebar-left span.bg { top: 135px; } }
@media only screen and (max-width: 1115px) { .event-public .content-events .sidebar-left span.bg { top: 134px; } }
@media only screen and (max-width: 1103px) { .event-public .content-events .sidebar-left span.bg { top: 133px; } }
@media only screen and (max-width: 1089px) { .event-public .content-events .sidebar-left span.bg { top: 132px; } }
@media only screen and (max-width: 1075px) { .event-public .content-events .sidebar-left span.bg { top: 131px; } }
@media only screen and (max-width: 1062px) { .event-public .content-events .sidebar-left span.bg { top: 130px; } }
@media only screen and (max-width: 1049px) { .event-public .content-events .sidebar-left span.bg { top: 129px; } }
@media only screen and (max-width: 1037px) { .event-public .content-events .sidebar-left span.bg { top: 128px; } }
@media only screen and (max-width: 1024px) { .event-public .content-events .sidebar-left span.bg { top: 127px; } }
@media only screen and (max-width: 980px) { .event-public .content-events .sidebar-left span.bg { top: 108px; } }
.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.02px; 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.02px; 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.02px; }
.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; }
@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.02px; 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.02px; 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: 48px; }
.content-events .popup .popup__header h3 { font-size: 22px; letter-spacing: -0.02px; text-align: left; }
.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.02px; 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 .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%; }

.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 .page-title h1 { margin-bottom: 4px; } }
.recipe-content .page-actions { position: relative; margin-bottom: 49px; }
@media only screen and (max-width: 767px) { .recipe-content .page-actions { margin-bottom: 17px; } }
.recipe-content .page-actions .filter-search { background: #faf8f6; float: left; width: 74.45%; padding: 23px 25px 25px 25px; }
@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; }
@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: inline-block; width: 100%; position: relative; margin-left: 8px; margin-top: 18px; }
@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; float: left; width: 37.4%; }
@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: 52.8%; }
@media only screen and (min-width: 768px) and (max-width: 1169px) { .recipe-content .page-actions .filter-search .form-recipe form.search-form { width: 56.8%; } }
@media only screen and (max-width: 980px) { .recipe-content .page-actions .filter-search .form-recipe form.search-form { width: 55.8%; } }
@media only screen and (max-width: 767px) { .recipe-content .page-actions .filter-search .form-recipe form.search-form { display: block; width: 100%; } }
.recipe-content .page-actions .filter-search .form-recipe form.search-form input { width: 71%; }
@media only screen and (min-width: 768px) and (max-width: 1169px) { .recipe-content .page-actions .filter-search .form-recipe form.search-form input { width: 66%; overflow: hidden; text-overflow: ellipsis; } }
.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: 6px 21px 8px; text-transform: uppercase; border: 3px solid #1896ab; background: transparent; color: #1896ab; cursor: pointer; font-family: 'Karla', sans-serif; }
.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; } }
.recipe-content .page-actions .filter-search .form-recipe .find-or { float: left; line-height: 40px; font-size: 16px; margin: 0 26px; }
@media only screen and (min-width: 768px) and (max-width: 1169px) { .recipe-content .page-actions .filter-search .form-recipe .find-or { margin: 0 10px; } }
@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 { position: absolute; right: 0; bottom: 0; width: 23%; }
@media only screen and (max-width: 980px) { .recipe-content .page-actions .submit-wrap { width: 24%; } }
@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: 16px 0; text-transform: uppercase; background: #1896ab; color: #fff; cursor: pointer; border: none; font-family: 'Karla', sans-serif; width: 100%; }
.recipe-content .page-actions .submit-wrap button.button:hover { background: #78c3cf; }
.recipe-content .posts-list li { width: 33.33%; }
@media only screen and (max-width: 767px) { .recipe-content .posts-list li { float: none; width: 100%; } }
.recipe-content .posts-list li:nth-child(3n+1) { clear: left; }
.recipe-content .posts-list li .post-thumb a { display: block; padding-top: 63.3%; overflow: hidden; margin: 0 auto; position: relative; }
.recipe-content .posts-list li .post-thumb a img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 150%; max-height: 150%; width: auto; }
.recipe-content .posts-list li .title-top { margin-top: 22px; }
.recipe-content .posts-list li .title-top a { text-decoration: none; }
.recipe-content .posts-list li .title-top .cuisine { font-size: 14px; line-height: 28px; letter-spacing: -0.02px; text-transform: uppercase; font-weight: 700; color: #ea6b15; }
.recipe-content .posts-list li .title-top .post-title a { font-weight: 700; font-size: 18px; letter-spacing: -0.02px; line-height: 28px; color: #000; text-transform: capitalize; }
@media only screen and (max-width: 767px) { .recipe-content .posts-list li .title-top .post-title a { font-size: 14px; } }
.recipe-content .posts-list li .excerpt p { display: block; }
.recipe-content .posts-list li .excerpt a { display: block; margin-top: 9px; }

.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: 42px; }
@media only screen and (max-width: 767px) { .recipe-details .post-left-detail .main-image { margin-top: 21px; margin-bottom: 26px; } }
.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 { width: 112.5% !important; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .post-type-archive-recipe .ui-selectmenu-open .ui-widget-content.ui-menu { width: 95.3% !important; } }
@media only screen and (max-width: 980px) { .post-type-archive-recipe .ui-selectmenu-open .ui-widget-content.ui-menu { width: 71.3% !important; } }
.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; } }

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

.customised-promo-tools .site-main-content .intro { margin-top: 28px; padding-right: 270px; }
@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 .posts-list { margin-top: 34px; }
.customised-promo-tools .site-main-content .posts-list h4.customised-title { font-weight: 700; font-size: 20px; letter-spacing: -0.02px; line-height: 32px; text-align: left; margin-bottom: 22px; }
.customised-promo-tools .site-main-content .posts-list .customised-item { text-align: center; margin-bottom: 42px; }
@media only screen and (max-width: 767px) { .customised-promo-tools .site-main-content .posts-list .customised-item { margin-bottom: 12px; } }
.customised-promo-tools .site-main-content .posts-list ul { overflow: hidden; }
.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 .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 ul { margin: 0 -15px; }
@media only screen and (max-width: 767px) { .customised-promo-tools .site-main-content .posts-list .cover-photos-wrap ul { margin: 0; } }
.customised-promo-tools .site-main-content .posts-list .cover-photos-wrap ul li { float: left; width: calc( 50% - 30px); margin: 0 15px 30px; }
.customised-promo-tools .site-main-content .posts-list .cover-photos-wrap ul li a.download-link { display: block; }
@media only screen and (max-width: 767px) { .customised-promo-tools .site-main-content .posts-list .cover-photos-wrap ul li { float: none; width: 100%; margin: 0 0 27px; } }
.customised-promo-tools .site-main-content .posts-list .cover-photos-wrap .download-all { margin-top: -5px; }
.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: 36px; margin-bottom: 50px; } }
.customised-promo-tools .site-main-content .posts-list .posters-wrap ul { margin: 0 -15px; }
@media only screen and (max-width: 767px) { .customised-promo-tools .site-main-content .posts-list .posters-wrap ul { margin: 0 -10px; } }
.customised-promo-tools .site-main-content .posts-list .posters-wrap ul li { float: left; margin: 0 15px; text-align: left; }
@media only screen and (max-width: 767px) { .customised-promo-tools .site-main-content .posts-list .posters-wrap ul li { margin: 0 10px; } }
.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: 13px; }
.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; }
.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; } }

.meal-list .content-events.flag-generator .site-main-content { width: 82.7%; margin-top: 23px; }
@media only screen and (min-width: 768px) and (max-width: 1169px) { .meal-list .content-events.flag-generator .site-main-content { width: 81.3%; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .meal-list .content-events.flag-generator .site-main-content { min-height: 900px; } }

.flag-generator #steps { overflow: hidden; margin: 0 -15px; }
.flag-generator #steps li { float: left; width: calc( 33.33% - 30px); margin: 0 15px; background: #ede8e2; text-align: center; }
.flag-generator #steps li a { text-decoration: none; display: block; font-weight: 700; font-size: 18px; line-height: 26px; text-transform: capitalize; padding: 16px 0; }
.flag-generator #steps li a:hover { color: #000; }
.flag-generator #steps li.active { background: #1896ab; }
.flag-generator #steps li.active a { color: #fff; }
.flag-generator #selectflagtype, .flag-generator #selectflag, .flag-generator #previewArea { margin-top: 60px; }
.flag-generator #selectflagtype h2.page-header, .flag-generator #selectflag h2.page-header, .flag-generator #previewArea h2.page-header { font-family: 'Caveat', cursive; font-weight: 400; font-size: 40px; line-height: 50px; color: #ea6b15; text-align: center; margin-bottom: 51px; }
.flag-generator #selectflagtype .row, .flag-generator #selectflag .row, .flag-generator #previewArea .row { overflow: hidden; padding-left: 31px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflagtype .row, .flag-generator #selectflag .row, .flag-generator #previewArea .row { padding-left: 10px; } }
.flag-generator #selectflagtype .row .col-sm-6, .flag-generator #selectflag .row .col-sm-6, .flag-generator #previewArea .row .col-sm-6 { float: left; width: 47%; margin-right: 28px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflagtype .row .col-sm-6, .flag-generator #selectflag .row .col-sm-6, .flag-generator #previewArea .row .col-sm-6 { margin-right: 15px; width: 43%; } }
.flag-generator #selectflagtype .row .col-sm-3, .flag-generator #selectflag .row .col-sm-3, .flag-generator #previewArea .row .col-sm-3 { float: left; width: 23.6%; margin-right: 25px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflagtype .row .col-sm-3, .flag-generator #selectflag .row .col-sm-3, .flag-generator #previewArea .row .col-sm-3 { margin-right: 18px; width: 25.6%; } }
.flag-generator #selectflagtype .row .col-sm-3:last-child, .flag-generator #selectflag .row .col-sm-3:last-child, .flag-generator #previewArea .row .col-sm-3:last-child { margin-right: 0; }
.flag-generator #selectflagtype .row .selectflagtype, .flag-generator #selectflag .row .selectflagtype, .flag-generator #previewArea .row .selectflagtype { position: relative; display: block; outline: none; margin-bottom: 30px; }
.flag-generator #selectflagtype .row .selectflagtype img, .flag-generator #selectflag .row .selectflagtype img, .flag-generator #previewArea .row .selectflagtype img { border: 3px solid #FFF; }
.flag-generator #selectflagtype .row .selectflagtype span, .flag-generator #selectflag .row .selectflagtype span, .flag-generator #previewArea .row .selectflagtype span { position: absolute; background: #1896ab; color: #FFF; -moz-border-radius: 50px; -webkit-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; padding: 8px 36px; font-weight: 700; font-size: 17px; text-transform: uppercase; left: 50%; bottom: -11px; -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 .row .selectflagtype:hover img, .flag-generator #selectflagtype .row .selectflagtype.active img, .flag-generator #selectflag .row .selectflagtype:hover img, .flag-generator #selectflag .row .selectflagtype.active img, .flag-generator #previewArea .row .selectflagtype:hover img, .flag-generator #previewArea .row .selectflagtype.active img { border-color: #78c3cf; }
.flag-generator #selectflagtype .row .selectflagtype:hover span, .flag-generator #selectflagtype .row .selectflagtype.active span, .flag-generator #selectflag .row .selectflagtype:hover span, .flag-generator #selectflag .row .selectflagtype.active span, .flag-generator #previewArea .row .selectflagtype:hover span, .flag-generator #previewArea .row .selectflagtype.active span { background: #78c3cf; }
.flag-generator #selectflagtype .row h4.page-header, .flag-generator #selectflag .row h4.page-header, .flag-generator #previewArea .row h4.page-header { font-weight: 700; font-size: 20px; letter-spacing: -0.02px; line-height: 25px; text-transform: uppercase; color: #1896ab; margin-bottom: 22px; }
.flag-generator #selectflagtype .row h4.page-header em, .flag-generator #selectflag .row h4.page-header em, .flag-generator #previewArea .row h4.page-header em { font-size: 15px; text-transform: none; font-weight: 400; font-style: normal; }
.flag-generator #selectflagtype .flag-bottom, .flag-generator #selectflag .flag-bottom, .flag-generator #previewArea .flag-bottom { overflow: hidden; margin-top: 39px; padding-left: 32px; }
.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: 15px 38px 16px; 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; }
.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: #1896ab; margin-top: 23px; }
.flag-generator #selectflag .row { padding-left: 2px; }
.flag-generator #selectflag .row .col-sm-6 { float: left; width: 49%; margin-right: 28px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflag .row .col-sm-6 { margin-right: 18px; width: 50%; } }
.flag-generator #selectflag .row .col-sm-6:last-child { margin-right: 0; width: 46%; float: right; }
.flag-generator #selectflag .row .col-sm-6 .form-add { margin-top: 24px; }
.flag-generator #selectflag .row .col-sm-6 .form-add .search_country_wrapper { float: left; width: 67%; }
.flag-generator #selectflag .row .col-sm-6 .form-add .button-add { float: right; width: 29%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflag .row .col-sm-6 .form-add .button-add { width: 31%; } }
.flag-generator #selectflag .row .col-sm-6 .form-add .button-add 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: 7px 28px 8px; text-transform: uppercase; background: #1896ab; color: #fff; }
.flag-generator #selectflag .row .col-sm-6 .form-add .button-add a:hover { background: #78c3cf; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .flag-generator #selectflag .row .col-sm-6 .form-add .button-add a { width: 100%; padding: 7px 0 8px; text-align: center; } }
.flag-generator #selectflag .row .col-sm-6 > p { font-size: 15px; line-height: 25px; letter-spacing: -0.02px; color: #1896ab; margin-top: 13px; }
.flag-generator #selectflag .row .col-sm-6 > p a { color: #1896ab; }
.flag-generator #selectflag .flag-bottom { margin-top: 61px; }
.flag-generator #addedflagsWrapper { background: #ede8e2; max-height: 369px; }
.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 .row .col-sm-6 #previewImage { background: #ede8e2; height: 309px; overflow: hidden; }
.flag-generator #previewArea .row .col-sm-6:last-child { margin-right: 0; }
.flag-generator #previewArea .row .col-sm-6 #previewPaging { text-align: center; margin-top: 8px; }
.flag-generator #previewArea .row .col-sm-6 #previewPaging h4.page-header { margin-bottom: 2px; }
.flag-generator #previewArea .row .col-sm-6 .paging { position: relative; display: inline-block; }
.flag-generator #previewArea .row .col-sm-6 .paging .prev, .flag-generator #previewArea .row .col-sm-6 .paging .next { position: absolute; top: 50%; margin-top: -7px; }
.flag-generator #previewArea .row .col-sm-6 .paging .prev a, .flag-generator #previewArea .row .col-sm-6 .paging .next a { width: 9px; height: 14px; display: inline-block; }
.flag-generator #previewArea .row .col-sm-6 .paging .prev a span, .flag-generator #previewArea .row .col-sm-6 .paging .next a span { display: none; }
.flag-generator #previewArea .row .col-sm-6 .paging .prev { right: 0; }
.flag-generator #previewArea .row .col-sm-6 .paging .prev a { background: url(../images/arrow-right.png) no-repeat; }
.flag-generator #previewArea .row .col-sm-6 .paging .next { left: 0; }
.flag-generator #previewArea .row .col-sm-6 .paging .next a { background: url(../images/arrow-left.png) no-repeat; }
.flag-generator #previewArea .row .col-sm-6 .paging .pagenums { padding: 0 68px; }
.flag-generator #previewArea .row #previewIntro { text-align: center; }
.flag-generator #previewArea .row #previewIntro .preview-content { max-width: 270px; margin: 45px auto 0; }
.flag-generator #previewArea .row #previewIntro .intro p { color: #1896ab; }
.flag-generator #previewArea .row #previewIntro a#downloadArtwork { 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 33px; text-transform: uppercase; background: #ea6b15; color: #fff; margin-top: 10px; }
.flag-generator #previewArea .row #previewIntro a#downloadArtwork:hover { background: #faa53f; }
.flag-generator #previewArea .row #previewIntro #moreArea { padding-top: 23px; }
.flag-generator #previewArea .row #previewIntro #moreArea a { padding: 0; background: transparent; text-transform: uppercase; }
.flag-generator #previewArea .row.want-bunting { background: #8ecbd5; text-align: center; color: #fff; margin-top: 34px; padding: 36px 0; }
.flag-generator #previewArea .row.want-bunting h4.heading { font-weight: 700; font-size: 20px; line-height: 25px; letter-spacing: -0.02px; margin-bottom: 2px; }
.flag-generator #previewArea .row.want-bunting .content { max-width: 415px; margin: 0 auto; }
.flag-generator #previewArea .row.want-bunting .content a { color: #fff; }

.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; }
.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%; } }
.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; }
.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; }
.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; }