/* Minification failed. Returning unminified contents.
(656,29): run-time error CSS1034: Expected closing parenthesis, found ','
(656,29): run-time error CSS1042: Expected function, found ','
(656,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(709,29): run-time error CSS1034: Expected closing parenthesis, found ','
(709,29): run-time error CSS1042: Expected function, found ','
(709,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(981,1): run-time error CSS1019: Unexpected token, found '/'
 */
/*------------
    CONFERENCE PAGES
  ----------------------*/
.speaker {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .speaker h3 {
        margin-bottom: 6px;
        margin-top: 0px;
    }

    .speaker h4 {
        font-style: italic;
        margin-top: 3px;
    }

    .speaker img {
        border: solid 3px #149aa3;
        border-radius: 50%;
    }

.conferenceMenu hr {
    border-top: 3px double #149aa3;
}

.conferenceMenu a {
    text-decoration: none;
    min-width: 100%;
}

    .conferenceMenu a:hover {
        color: #000;
        font-weight: bold;
    }

.synopsis {
    padding-bottom: 12px;
}

.submissionInstructions {
    background-color: #e3e3e3;
    border: solid 1px #cccccc;
    padding: 10px 10px;
}

.btn-submission {
    font-size: 110%;
}

.hotel {
    margin-bottom: 18px;
    padding: 10px 10px;
}

    .hotel img {
        margin-top: 10px;
    }

.hotelOdd {
    background: #eeeeee !important;
}

.hotel h4 a:hover {
    text-decoration: none;
    color: #b94181;
}

.conferenceSocialActivity {
    padding: 12px 12px;
    margin-top: 36px;
}

    .conferenceSocialActivity.odd {
        background: #f0f0f0 !important;
    }

    .conferenceSocialActivity h4 a {
        text-decoration: none;
    }

    .conferenceSocialActivity .header {
        color: #999999;
    }

    .conferenceSocialActivity .datetime {
        color: #181818;
        font-size: 120%;
        font-weight: 500;
        margin-top: -8px;
    }

    .conferenceSocialActivity .venueMap {
        border: 1px solid #cccccc;
    }

#evalForm {
    clear: both;
}

.synopsis blockquote::before, .synopsis blockquote::after {
    color: #149aa3;
}

.synopsis blockquote {
    color: #555555;
    font-weight: 500;
}

#conferenceTicketPrices caption {
    caption-side: bottom;
    font-size: 90%;
}

#delegates caption {
    caption-side: top;
    font-size: 80%;
}

/*----------
 CONFERENCE 
 -----------*/
.conferenceSession {
    max-height: 600px !important;
    overflow-y: scroll;
}
@media(max-width: 720px) {
    .conferenceSession {
        max-height: unset !important;
        overflow-y: unset !important;
    }
}
.no-fixed-height {
    height: auto !important;
}
    .conferenceSession .header {
        text-align: center;
    }

        .conferenceSession .header .authors {
            font-weight: bold;
        }

        .conferenceSession .header .timeslot {
            font-size: 116%;
        }

    .conferenceSession #evalForm {
        text-align: center;
        margin-top: 42px;
    }

        .conferenceSession #evalForm iframe {
            margin: auto;
        }

    .conferenceSession .addToCalendar {
        text-align: right;
    }

.conferenceSession h4 {
    margin-top: 24px;
    margin-bottom: 9px;
}

.conferenceSchedule {
    font-size: 80%;
    /*border: 1px solid #149aa3;*/
    border: 1px solid #C0C0C0;
    margin-top: 0;
}
table.conferenceSchedule {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

    .conferenceSchedule td {
        border-top-width: 0;
        border-bottom-width: 0;
        border-right-width: 0;
    }

    .conferenceSchedule a {
        color: #149aa3;
    }

    .conferenceSchedule i {
        color: #1599A3;
    }

    .conferenceSchedule .day {
        background-color: #1599A3;
        color: #ffffff;
        font-weight: bold;
    }

    .conferenceSchedule .schedule-odd {
        background-color: #eeeeee;
    }

    .conferenceSchedule .schedule-even {
        background-color: #ffffff ;
    }

.conferenceSchedule .sessionSlot {
    background-color: #c0c0c0 !important;
    color: #ffffff;
    font-weight: bold;
}
/*.sessionSlot {
    border: 1px solid #C0C0C0 !important;
}*/
.slot {
    height: 140px;
    padding: 12px 8px;
    margin: 0;
}
    .slot .room {
        margin-left: 20px;
    }
.slot .time {
    /*padding-top: 12px;*/
    position: absolute;
    bottom: 3px;
}
.mySchedule {
    border: solid 2px #A63A74;
    background: #F4E1EB !important;
}
.break {
    background-color: #FFF9EB !important;
}
.socialandnetworking {
    background-color: #F2F5E0 !important;
}
/*.presentation {
    background-color: #D9F7FB !important;
}
.interactiveworkshop {
    background-color: #E6E7EF !important;
}
.discussionpanel {
    background-color: #F4E1EB !important;
}*/

.no-sessions {
    font-size: 111%;
    font-weight: bold;
    margin: 20px 20px;
    text-align: center;
}
.scheduleTab {
    background-color: #666666 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
#full .panel-heading {
    border-radius: unset;
    margin-top: 0;
}
#full .panel-default {
    margin-top: 0;
}
.scheduleDayTab {
    background-color: #10787F !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
.scheduleTab a, .scheduleTab a:hover, .scheduleTab a:active,
.scheduleDayTab a, .scheduleDayTab a:hover, .scheduleDayTab a:active {
    text-decoration: none;
    color: #ffffff !important;
}
.scheduleDayTab h4 {
    font-size: 90%;
}

.ilo {
    margin-bottom: 12px;
}

.bibliography {
    font-size: 80%;
    margin-bottom: 12px;
}

.theme {
    line-height: 2.6em;
}

.themeIndicator {
    font-size: 90%;
    line-height: 1.5em;
    margin: -12px -8px 3px -8px;
    padding-left: 8px
}

.competencies {
    margin-bottom: 12px;
    margin-top: 12px;
}

.competency {
    font-size: 90%;
    font-style: italic;
}

.conferenceSession .hint {
    color: #149aa3;
    font-size: 90%;
    text-align: center;
}

.conferenceSession .qr {
    margin-top: -15px;
}

.conferenceSession .launch, .conferenceSession .evaluation {
    font-size: 110%;
    margin-right: 20px;
    margin-bottom: 12px;
}

.conferenceSession .buttonContainer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsorContact {
    background: #eeeeee;
    border-radius: 3px;
    border: 2px double #aaaaaa;
    font-size: 80%;
    text-align: center;
}

    .sponsorContact div {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 8px !important;
        padding-bottom: 2px !important;
    }

    .sponsorContact a {
        margin-bottom: 2px !important;
    }

.sponsorInfo {
    /*margin:auto;*/
    float: left;
    margin: 20px;
    width: 320px;
    height: 100px;
}

    .sponsorInfo .logo {
        max-width: 300px;
        max-height: 100px;
    }


.PebblePad .sponsorColour {
    background:#e2a306;
}
.Retinent .sponsorColour {
    background:#0055fe;
}

/* Critical Publishing */
.CriticalPublishing .sponsorColour {
	background:#7030a0;
    color:#ffffff;
}

.CriticalPublishing .logo {
    width:300px;
	margin-bottom:10px;
}

/* Solutionpath */
.Solutionpath .logo {
    width:300px;
	margin-bottom:10px;	
}
.Solutionpath .sponsorColour {
    background:#52ae82;
    color:#ffffff;
}
.Solutionpath .sponsorEmail {
    color:#52ae82;
    font-weight:bold;
}
/* -- SOLUTIONPATH -- */

/* GeckoEngage */
.GeckoEngage .sponsorColour {
    background:#000000;
    color:#ffffff;
}
/* === FONTS === */

@font-face {
  font-family: 'Metropolis';
  src: url(https://geckoengage.com//fonts/metropolis/WOFF2/Metropolis-Regular.woff2) format("woff2"),
       url(https://geckoengage.com//fonts/metropolis/WOFF/Metropolis-Regular.woff) format("woff"),
       url(https://geckoengage.com//fonts/metropolis/EOT/Metropolis-Regular.eot) format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: 'Metropolis';
  src: url(https://geckoengage.com//fonts/metropolis/WOFF2/Metropolis-Medium.woff2) format("woff2"),
       url(https://geckoengage.com//fonts/metropolis/WOFF/Metropolis-Medium.woff) format("woff"),
       url(https://geckoengage.com//fonts/metropolis/EOT/Metropolis-Medium.eot) format("opentype");
  font-weight: 500;
}

@font-face {
  font-family: 'Metropolis';
  src: url(https://geckoengage.com//fonts/metropolis/WOFF2/Metropolis-Bold.woff2) format("woff2"),
       url(https://geckoengage.com//fonts/metropolis/WOFF/Metropolis-Bold.woff) format("woff"),
       url(https://geckoengage.com//fonts/metropolis/EOT/Metropolis-Bold.eot) format("opentype");
  font-weight: 700;
}

@font-face {
  font-family: 'Metropolis';
  src: url(https://geckoengage.com//fonts/metropolis/WOFF2/Metropolis-SemiBold.woff2) format("woff2"),
       url(https://geckoengage.com//fonts/metropolis/WOFF/Metropolis-SemiBold.woff) format("woff"),
       url(https://geckoengage.com//fonts/metropolis/EOT/Metropolis-SemiBold.eot) format("opentype");
  font-weight: 600;
}

@font-face {
  font-family: 'Metropolis';
  src: url(https://geckoengage.com//fonts/metropolis/WOFF2/Metropolis-ExtraBold.woff2) format("woff2"),
       url(https://geckoengage.com//fonts/metropolis/WOFF/Metropolis-ExtraBold.woff) format("woff"),
       url(https://geckoengage.com//fonts/metropolis/EOT/Metropolis-ExtraBold.eot) format("opentype");
  font-weight: 800;
}

/* === GENERAL === */


/* === TEXT STYLES === */

.GeckoEngage h1, .GeckoEngage h2, .GeckoEngage h3, .GeckoEngage h4 {
  margin-top: 0;
}

.GeckoEngage h1 {
  color: #314851;
  font-size: 3em;
  font-weight: 800;
  line-height: 1;
}

.GeckoEngage h2 {
  color: #314851;
  font-size: 2em;
  font-weight: 800;
  line-height: 1.2;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.GeckoEngage h2::after {
  position: absolute;
  content: "";
  height: 6px;
  width: 65px;
  background-color: #76D15D;
  left: 0;
  bottom: 0;
}

.GeckoEngage .text-center h2:after {
  left: 50%;
  transform: translateX(-50%);
}

.GeckoEngage .brand-1 h2:after {
  background-color: #F1F1F1;
}

.GeckoEngage h3 {
  color: #314851;
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 14px;
  line-height: 1.2;
}

.GeckoEngage h4 {
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3;
}

.GeckoEngage .content-area h1 {
  font-size: 2.625em;
}

.GeckoEngage .content-area h2 {
  font-size: 1.5em;
  padding: 0;
  margin-bottom: 30px;
  font-weight: 600;
}

.GeckoEngage .content-area h2::after {
  display: none;
}

.GeckoEngage .content-area h3 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 30px;
}

.GeckoEngage .content-area h4 {
  font-size: 1em;
  font-weight: 500;
}

.GeckoEngage .font-black {
  font-weight: 800
}


/* === LINK STYLES === */

.GeckoEngage a {
  color: #76D15D;
  text-decoration: none;
  transition: all 0.5s ease;
}

.GeckoEngage a:hover {
  color: #314851;
}

.GeckoEngage .btn,
.GeckoEngage .main-menu-btn a {
  background-color: #76D15D;
  border: 1px solid #76D15D;
  border-radius: 50px;
  color: #ffffff !important;
  display: inline-block;
  font-weight: 600;
  padding: 12px 34px !important;
  text-align: center;
  font-size: 0.875em;
}

.GeckoEngage .btn-outline,
.GeckoEngage .menu-btn-secondary a {
  background-color: transparent;
  border-color: #ffffff;
}

.GeckoEngage .btn:hover,
.GeckoEngage .main-menu-btn a:hover {
  border-color: #92CE82;
  background-color: #92CE82;
  color: #ffffff;
}

.GeckoEngage .brand-1 .btn:hover {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #76D15D;
}

.GeckoEngage .content-btn {
  margin-bottom: 30px;
  width: 100%;
  font-size: 1em;
}

.GeckoEngage .btn-link {
  color: #314851;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #76D15D;
  padding-bottom: 5px;
}

.GeckoEngage .header .btn-link,
.GeckoEngage .landing-header .btn-link,
.GeckoEngage .brand-2 .btn-link {
  color: #ffffff;
}

.GeckoEngage .btn-link:hover,
.GeckoEngage .header .btn-link:hover,
.GeckoEngage .landing-header .btn-link:hover,
.GeckoEngage .brand-2 .btn-link:hover {
  color: #76D15D;
}

/* === LAYOUT ===*/

.GeckoEngage .vertical-align {
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.GeckoEngage .bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.GeckoEngage .wrapper {
  padding: 100px 0;
}

.GeckoEngage .wrapper-small {
  padding: 40px 0;
}

.GeckoEngage .featured-image {
  margin-bottom: 30px;
}

.GeckoEngage .featured-image img {
  display: block;
  height: auto;
  width: 100%;
}

/* === BRAND STYLES === */

.GeckoEngage .brand-1 {
  background-color: #76D15D;
}

.GeckoEngage .brand-2 {
  background-color: #314851;
}

.GeckoEngage .brand-3 {
  background-color: #F1F1F1;
}

.GeckoEngage .brand-4 {
  background: rgb(54,127,120,.9);
  background: -moz-linear-gradient(-45deg, rgba(54,127,120,.9) 0%, rgba(24,70,98,.9) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(54,127,120,.9) 0%,rgba(24,70,98,.9) 100%);
  background: linear-gradient(135deg, rgba(54,127,120,.9) 0%,rgba(24,70,98,.9) 100%); 
}

.GeckoEngage .brand-4:before {
  content: "";
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/gecko-icon-overlay-2.png);
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-repeat: repeat;
}

.GeckoEngage .brand-1, .brand-2, .brand-4,
.GeckoEngage .brand-1 h2, .brand-2 h2, .brand-4 h2,
.GeckoEngage .brand-1 h3, .brand-2 h3, .brand-4 h3 {
  color: #ffffff;
}

/* === HEADER === */

.GeckoEngage .header {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/gecko-header.jpg);
  color: #ffffff;
  height: 584px;
  position: relative;
  z-index: 1;
}

.GeckoEngage .landing-header {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/gecko-header.jpg);
  color: #ffffff;
  height: 584px;
  position: relative;
  z-index: 1;
}

.GeckoEngage .header-content {
  height: 400px;
}

.GeckoEngage .menu-item-description {
  display: block;
  color: #999;
  text-transform: initial;
  font-size: 0.9em;
}

.GeckoEngage .header::after, .GeckoEngage .landing-header::after {
  background: rgb(54,127,120,.9);
  background: -moz-linear-gradient(-45deg, rgba(54,127,120,1) 0%, rgba(24,70,98,.7) 75%, rgba(24,70,98,.5) 100%);
  background: -webkit-linear-gradient(-45deg, rgba(54,127,120,1) 0%,rgba(24,70,98,.75) 75%, rgba(24,70,98,.5) 100%);
  background: linear-gradient(135deg, rgba(54,127,120,1) 0%,rgba(24,70,98,.75) 75%, rgba(24,70,98,.5) 100%); 
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367f78', endColorstr='#184662',GradientType=1 );
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.GeckoEngage .header-top {
  padding: 20px 0;
  border-top: 5px solid #367F78;
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  height: 93px;
  width: 100%;
  z-index: 10;
  transition: all 0.3s ease;
  position: sticky;
  top: 0;
}

.GeckoEngage .header-top.sticky {
  background-color: rgba(255, 255, 255, 0.95);
}

.GeckoEngage .logo {
  /*float: left;*/
  width: 300px;
	margin-bottom:10px;
  /*position: relative;
  top: 10px;*/
}


.GeckoEngage .header-product {
  height: 574px;
  position: relative;
  z-index: 1;
}

.GeckoEngage .header-hero-visit img {
  position: absolute;
  display: block;
  height: auto;
  width: 1000px;
  right: 15px;
  top: -56px;
}

.GeckoEngage .header-hero-chat img {
  position: absolute;
  display: block;
  height: auto;
  width: 640px;
  right: 15px;
  top: -84px;
}



/* === HEADER HERO === */

.GeckoEngage .header-hero {
  height: 100%;
}

.GeckoEngage .header-hero .container-fluid {
  height: 100%;
}

.GeckoEngage .header-hero-text-block {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.GeckoEngage .header-hero-text-block p:last-of-type {
  margin: 0;
}

.GeckoEngage .header-hero h1 {
  color: #ffffff;
}

.GeckoEngage .header-product h1 {
  color: #314851;
}

.GeckoEngage .hero-btns {
  display: none;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.GeckoEngage .hero-btns li {
  width: 50%;
  float: left;
  padding: 0;
}

.GeckoEngage .hero-btns li a {
  width: 100%;
  border-radius: 0;
}

.GeckoEngage .hero-btns .btn-outline {
  border-color: #f1f1f1;
  background-color: #f1f1f1;
  color: #314851;
}

.GeckoEngage .hero-btns .btn-outline:hover {
  border-color: #92CE82;
  background-color: #92CE82;
  color: #ffffff;
}

/* ==== HOME PAGE BLOCKS === */

.GeckoEngage .content-block {
  position: relative;
}

.GeckoEngage .content-block-visit,
.GeckoEngage .content-block-chat {
  padding-bottom: 0;
}

.GeckoEngage .content-block-visit {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/visit-bg.png);
  background-repeat: no-repeat;
  background-position: 33% bottom;
}

.GeckoEngage .content-block-chat {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/chat-bg.png);
  background-repeat: no-repeat;
  background-position: 66% bottom;
}

.GeckoEngage .chat-page .content-block-chat {
  background-image: none;
}

.GeckoEngage .content-block-visit h2,
.GeckoEngage .content-block-chat h2 {
  padding-top: 50px;
}

.GeckoEngage .content-block-chat h2:after {
  background-color: #680089;
}

.GeckoEngage .content-block-chat .btn-link {
  border-bottom: 1px solid #680089;
}

.GeckoEngage .content-block-chat .btn-link:hover {
  color: #680089;
}

.GeckoEngage .crm-block p,
.GeckoEngage .trust-mark-block p {
  margin-bottom: 60px;
}

.GeckoEngage .logo-list {
  margin-top: 40px;
}

.GeckoEngage .logo-list li {
  padding: 0;
  margin: 0;
  float: left;
}

.GeckoEngage .crm-block .logo-list li {
  width: 14.285%;
}

.GeckoEngage .trust-mark-block .logo-list li {
  width: 16.666%;
  padding: 0 16px;
}

/* ==== CALL TO ACTION === */

.GeckoEngage .call-action-block {
  background: #367f78; 
  background: -moz-linear-gradient(-45deg, #367f78 0%, #184662 100%); 
  background: -webkit-linear-gradient(-45deg, #367f78 0%,#184662 100%); 
  background: linear-gradient(135deg, #367f78 0%,#184662 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367f78', endColorstr='#184662',GradientType=1 );
  color: #ffffff;
  border-bottom: 5px solid #76D15D;
  background-repeat: no-repeat;
}

.GeckoEngage .call-action-block h2 {
  color: #ffffff;
}

/* === CONTENT SPECIFIC === */

.GeckoEngage .client-row > div {
  margin: 50px 0;
}

.GeckoEngage .team-grid {
  margin-bottom: 30px;
}

.GeckoEngage .team-grid h3 {
  margin: 10px 0 0;
}

.GeckoEngage .team-grid span {
  font-size: 0.85em;
  line-height: 1.2;
  display: block;
}

.GeckoEngage .team-grid img {
    transition: filter 0.3s ease;
}

.GeckoEngage .team-grid img:hover {
    filter: grayscale(100%);
}


.academy {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding-top: 10px;
  margin-bottom: 30px;
}

.office-card {
  margin-bottom: 30px;
}

.office-card img {
  width: 100%;
}

.office-card-text {
  background-color: #ffffff;
  color: #314851;
  padding: 20px;
}

.office-card-text h3 {
  color: #314851 !important;
}

.office-card-text p {
  margin: 0;
}

/
/* === CASE STUDIES === */

.GeckoEngage .case-row {
  padding: 50px 0;
  position: relative;
}

.GeckoEngage .case-text h3 {
  font-size: 1.75em;
  font-weight: 800;
  line-height: 1.3;
}

.GeckoEngage .case-text span {
  text-transform: uppercase;
  font-size: .85em;
  line-height: 1.2;
  display: block;
  font-weight: 600;
  color: #76D15D;
}

.GeckoEngage .case-text > div {
  left: 30px;
  right: 30px;
}


/* === LANDING PAGE === */

.GeckoEngage .cta-button > a {
  margin-bottom: 20px;
}

.GeckoEngage .cta-button > p {
  font-size: 12px;
}

.GeckoEngage .list-formatted {
  font-size: 14px;
  list-style-position: outside;
  padding: 0px;
  padding-left: 15px;
}

.GeckoEngage .header-hero-landing img, .footer-hero-landing img {
  max-height: 430px;
  max-width: 100%;
}

.GeckoEngage .header-hero-landing div, .footer-hero-landing div{
  max-height: 430px;
  max-width: 100%;
}

.GeckoEngage .header-hero-video > iframe, .footer-hero-video > iframe {
  padding-bottom: 20px;
  width:100%;
}

@media screen and (max-width: 767px) {
  .header-hero-video > iframe, .footer-hero-video > iframe {
    height: 340px;
    width: 100%;
  }
}
@media screen and (max-width: 400px) {
  .header-hero-video > iframe, .footer-hero-video > iframe {
    height: 200px;
    width: 100%;
  }
}

.GeckoEngage .landing-page.team-grid img {
  margin: auto;
  width: 75%;
}

.GeckoEngage .landing-page.team-grid p {
  margin-bottom: 10px;
}

.GeckoEngage .landing-page .features-icon {
  background-color: #304851;
  height: 104px;
  width: 104px;
  position: relative;
}

.GeckoEngage .landing-page .features-icon img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.GeckoEngage .landing-form-holder {
  background-color: #ffffff;
  padding: 30px 30px 0;
  margin-bottom: 20px;
  box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1061px) {

  .header-hero-landing img, .footer-hero-landing img {
    display: none;
  }

}

@media screen and (max-width: 991px) {

  .cta-block {
      text-align: center;
  }
  .cta-block h2:after {
    left: 50%;
    transform: translateX(-50%);
  }

}

@media screen and (max-width: 400px) {

  .header-hero-text-block {
    top: 45%;
  }

}

/* === TABLE === */

.GeckoEngage .table {
  display: table;
  width: 100%;
}

.GeckoEngage .table-row {
  display: table-row;
  width: 100%;
}

.GeckoEngage .table-row:nth-child(odd) {
  background-color: #f1f1f1;
}

.GeckoEngage .table-col {
  float: left;
  display: table-column;
  width: 25%;
  padding: 20px;
  border-right: 1px solid #ffffff;
}

.GeckoEngage .table a {
  color: #314851;
  font-weight: 600;
}

.GeckoEngage .table-head {
  color: #314851;
  font-weight: 600;
}

.GeckoEngage .table a:hover {
  color: #76D15D;
}

.GeckoEngage .header-hero-text-block {
  font-family: 'Metropolis', sans-serif;
	
}

.GeckoEngage .header-hero h1 {
    font-size: 2.74em;
  }	

.GeckoEngage   .content-block-visit .col-md-4,
.GeckoEngage   .content-block-chat .col-md-4 {
    text-align: center;
    width: 66.66666667%;
    margin-left: 16.66666667%;
  }

.GeckoEngage   .content-block-visit .col-md-8,
.GeckoEngage   .content-block-chat .col-md-8 {
    margin-top: 60px;
    width: 100%;
  }

.GeckoEngage   .content-block-visit h2::after,
.GeckoEngage   .content-block-chat h2::after {
    left: 50%;
    transform: translateX(-50%);
  }

.GeckoEngage   .content-block-chat .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

.GeckoEngage   .content-block-chat .row .col-md-8 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

.GeckoEngage   .content-block-chat .row .col-md-4 {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

.GeckoEngage .header-visit, .GeckoEngage .header-chat {
  background-repeat: no-repeat;
  background-position: left 50%;
  padding-left: 40px !important;
}

.GeckoEngage .header-visit {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/visit-icon.svg)
}

.GeckoEngage .header-chat {
  background-image: url(https://geckoengage.com/wp-content/themes/geckoengage/images/chat-icon.svg)
}

.GeckoEngage .header-product {
  height: 574px;
  position: relative;
  z-index: 1;
}

/* EVENT BOOKINGS */
.right {
    margin-right: 15px;
    text-align: right;
}

#booking {
    font-size: 90%;
}

#members {
    font-size: 80%;
}

    #booking .alert, #members .alert {
        font-size: 110%;
    }

    #members input, #members select {
        border: solid 1px #cccccc;
        height: 28px;
        min-height: 28px;
    }

#booking input, #booking select, #booking .btn {
    padding: 4px 15px !important;
}

#booking ::placeholder, .invoices ::placeholder, .recognition ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999;
    opacity: 1; /* Firefox */
}

#booking :-ms-input-placeholder, .invoices :-ms-input-placeholder, .recognition :-ms-input-placeholder { /* IE 10-11 */
    color: #999999;
}

#booking .field, #members .field {
    text-align: right;
}

#booking h4, #members h4 {
    color: #1599a3;
    padding-top: 0px;
}

#registrantInfo {
    border: none;
    border-collapse: collapse;
}

    #registrantInfo td {
        border: none;
        padding: 2px 15px;
    }

    #registrantInfo input, #registrantInfo select, #registrantInfo textarea {
        background: cornsilk;
        border: none;
        padding-left: 8px;
        padding-right: 8px;
        width: 100%;
    }

    #registrantInfo select {
        appearance: menulist;
    }

.registrations table {
    border: none;
    font-size: 90%;
    line-height: 1em;
}

.registrations .info {
    font-size: 80%;
}

.registrations tr, .registrations td {
    border: none;
    padding: 3px 8px 3px 8px;
}

.registrations .header, .registrations .header th {
    background: #666666 !important;
    border: none;
    color: #ffffff;
    font-size: 100%;
    font-weight: bold;
    padding: 3px 5px 3px 5px;
}

.registrations .subheader, .registrations .subheader td {
    background: #999999 !important;
    color: #ffffff;
    font-weight: bold;
}

.registrations tr:nth-child(even) > td {
    background: #fafafa;
}

.registrations tr:nth-child(odd) > td {
    background: #dddddd;
}

.registrations .subtotal {
    border-top: solid 1px #333333;
    color: #555555;
}

.registrations .rowname {
    text-align: right;
}

.registrations .subtotal .rowname {
    font-style: italic;
    font-weight: bold;
    text-align: right;
}

.registrations .total {
    border-top: solid 1px #333333;
    color: #333333;
    font-size: 110%;
    font-weight: bold;
}

.registrations .pull-right {
    margin-bottom: 12px;
}

#booking input {
    background: cornsilk;
}

#booking .btn.btnCancel {
    background: #eeeeee;
    border: 1px solid #cccccc;
    color: #ff0000;
    font-weight: bold;
    padding: 4px 4px !important;
}

.registrations td.action, .registrations th.action {
    padding-right: 0 !important;
}

#registrations .loadbooking > p {
    font-size: 120%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

#registrations .loadbooking img {
    margin-left: 20px;
    width: 40px;
    height: 40px;
}

#registrations .loadbooking btn {
    margin-top: 10px;
}

.discountCode {
    font-size: 120%;
    font-weight: bold;
}

#booking .stage {
    /*border: 3px double #cccccc;
    border-radius: 6px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 12px;
    padding: 8px 8px 8px 8px;*/
    width: 100%;
}

#booking #email {
    width: 100%;
}

#booking fieldset div {
    padding-left: 0px;
}

#booking .btn-wait {
    display: none;
    width: 16px;
    height: 16px;
}

#booking select:required:invalid {
    color: gray;
}

#booking option[value=""][disabled] {
    display: none;
}

#booking option {
    color: black;
}

#booking .step {
    border: solid 1px #1599a3;
    /*border-top-right-radius: 8px;*/
}

    #booking .step div {
        padding: 0 6px;
    }

#booking .stepHeader {
    background: #1599a3;
    /*border-top-right-radius: 6px;*/
    color: #ffffff;
    margin-top: 0;
    padding: 6px 6px;
}

#booking .stepFooter {
    background: #eeeeee;
    /*border-top: solid 1px #eeeeee;*/
    margin-top: 10px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

    #booking .stepFooter .btn {
        margin-left: 0;
        margin-right: 0;
    }

.memberDiscountCode {
    background: azure;
    margin-bottom: 12px;
    padding: 8px 8px;
    border: solid 1px #7e7e7e;
    border-radius: 6px;
}

.t-c {
    text-align: left;
    font-size: 80%;
    margin-top: 6px;
}

#confirmation-dialog {
    position: absolute;
    z-index: 9999;
}

.confirmation-dialog {
    display: none;
}

.registrations table caption {
    font-weight: bold;
    color: #b94181;
}

.registrationClosed {
    margin: 60px;
    text-align: center;
    font-size: 120%;
}
.loadingPanel {
    margin: 120px auto;
    text-align: center;
}