/* Font declarations */
/* Global Style */
.swoogo-preview .landing-page.has-nav .cke {margin-top: -51px !important;}
@media (min-width:768px) {
  .swoogo-preview .landing-page.has-nav .cke {margin-top: -71px !important;}
}

.swoogo-preview .selected-widget[data-type="text"] {min-width: 20px;}
.video-overlay {z-index: 999;}
html, body {font-family: 'Inter', 'Open Sans', sans-serif;font-size: 16px;}
body {color: #4e4e4e;line-height: 1.6;position: relative;-webkit-font-smoothing: antialiased;}
.ui-sortable-placeholder {min-height:40px;}
.container {max-width: 1200px;}
a,
a:active,
a:hover,
a:focus {color: var(--primary);}
.swoogo-reg-progress .steps > li > a.step {color: initial;}
/* Helper Class: font-weight */
.font-300 {font-weight: 300;}
.font-400 {font-weight: 400;}
.font-700 {font-weight: 700;}
/* Helper Class: margin */
.mt0 {margin-top: 0;}
.mb0 {margin-bottom: 0;}
.mt20 {margin-top: 20px;}
/* Helper Class: button */
.btn {letter-spacing: .25px;}
.btn-standard, .btn-alternate { font-weight: 700; border-radius: 5px; padding: 11px 25px; }
.btn-white {color: #000;background-color: #fff;border-color:#fff;}
.btn-white:hover, .btn-white:focus {color: #000;background-color: #fff;border-color:#fff;}
.btn-black {color: #fff;background-color: #000;border-color:#000;}
.btn-black:hover, .btn-black:focus {color: #fff;background-color: #000;border-color:#000;}
.btn-standard {background-color:var(--primary) ;color: #fff;border-color:var(--primary);}
.btn-standard:hover, #btn-standard_hover {background-color:#fff;color:var(--primary);border-color:var(--primary);}
.btn-alternate {background-color:#fff;color:var(--primary);border-color:var(--primary);}
.btn-alternate:hover, #btn-alternate_hover {background-color:var(--primary);color: #FFFFFF;border-color:var(--primary);}

/* Navigation */
.navbar-custom {border: 0;margin: 0;padding-top: 0px;padding-bottom: 0px;background-color: #000;-webkit-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;border-bottom: 1px border-bottom: 1px solid rgba(255,255,255,.25);}
.navbar-custom .navbar-nav li {margin: 0;}
.navbar-custom .navbar-nav > li > a {color: #000;font-size: 12px;font-weight: 700;border-bottom: 2px solid transparent;/*text-transform: uppercase;*/margin-bottom: -1px;}
.navbar-custom .navbar-nav > li > a:focus, .navbar-custom .navbar-nav > li > a:hover {background-color: transparent;border-color: var(--primary);}
.navbar-toggle {border: 0;border-radius: 0;}
.navbar-toggle .icon-bar {background-color: var(--primary);}
.navbar-toggle {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;margin-top: 15px;}
.navbar-toggle .icon-bar {-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;position: absolute;left:0;height: 2px;width: 100%;opacity: 1;border-radius: 4px; margin-top: 0!important;}
.navbar-toggle .icon-bar {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
.navbar-toggle span.icon-bar:nth-child(1) {top: 0px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.navbar-toggle span.icon-bar:nth-child(2) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.navbar-toggle span.icon-bar:nth-child(3) {top: 14px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.navbar-toggle span.icon-bar:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;}
.navbar-toggle span.icon-bar:nth-child(2) {width: 0%;opacity: 0;}
.navbar-toggle span.icon-bar:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 14px;left: 0px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(1) {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);top: 0px;left: 0px;}
.navbar-toggle.collapsed span.icon-bar:nth-child(2) {width: 100%;opacity: 1;}
.navbar-toggle.collapsed span.icon-bar:nth-child(3) {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);top: 14px;left: 0px;}

.desktop-logo img {position: relative; transition: all 0.2s linear 0s;}
.site-branding {float: left;margin-top: 0;margin-left: 10px;}
.site-branding .text-logo {/*margin-top: 7px;*/line-height: 20px;margin-top: 0;}
.site-branding .logo {font-size: 14px;font-weight: 700;margin-right: 5px;letter-spacing: 3px;max-width:245px;}
.site-branding .logo:focus, .site-branding .logo:hover {text-decoration: none;}
.navbar-custom .navbar-nav > .active > a {border-color: var(--primary);}
.site-branding .logo, .site-branding .logo a {color:#fff;text-decoration: none;}
.swoogo-nav .dropdown-menu>li>a {color: #fff;background-color: #131619;}
.swoogo-nav .dropdown-menu>li>a:hover, .swoogo-nav .dropdown-menu>li>a:active, .swoogo-nav .dropdown-menu>li>a:focus {outline: none;color: var(--primary);}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
.swoogo-nav .dropdown-menu {background-color: #131619;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {background-color: #131619;}

.navbar-custom .navbar-collapse .nav-custom-btn .widget {
    border: none;
    text-align:right;
}
.nav-custom-btn .btn {
    margin: 0 auto;
    display: block;
}

/* Backgrounds
--------------------------------------------------------------------------------------*/
.site-background {background-image: url('https://assets.swoogo.com/themes/62ba0d26aae2f/XPERTS+Banner.png');background-repeat: no-repeat;background-position: center top;background-size: cover;}
.landing-page #header-wrap .banner-wrap {/*min-height: 45vh;*/height: auto;display: flex;align-items: center;padding-top:15vh;padding-bottom:5vh;}
.has-nav div#header-wrap {margin-top: 50px;}
.standard-page #header-wrap {overflow: hidden;}
div#banner {flex: 1 0 100%;}
.site-branding .mobile-logo img {max-height: 40px !important;}
.site-background:before {content: none !important;}

/* Content
--------------------------------------------------------------------------------------*/
.header .paragraph { color: #fff; font-size: 18px; }
.header .title { color: #fff; font-size: 60px; }
.content .title, .modal-body .title { color: #141418; font-size: 40px; font-weight: 900; }
.event-details-title { text-align:left; margin-bottom: 0px; padding-top: 0px; }
.standard-page .content-section { padding-top: 70px; padding-bottom: 20px; min-height: calc( 100vh - 115px ); }
.content-section.event-details-wrap {margin-bottom: 20px;}

/*countdown*/
.widget [id^=countdown] .countdown-section {padding-left: 15px;padding-right: 15px;}
.widget [id^=countdown] .countdown-section .countdown-amount {/*font-size: 32px;*/font-weight: 900;/*color: #141418;*/line-height: 1.25;}
.widget [id^=countdown] .countdown-section .countdown-period {padding-bottom: 15px;border-bottom: 6px solid rgba(84,84,84,.35);font-size: 12px;color: var(--primary);font-weight: 900;}

/* Footer
--------------------------------------------------------------------------------------*/
footer.footer-wrap {min-height: 85px;background-color: #131619;color: #FFFFFF;display: flex;align-items: center;margin-top: 30px;}
footer.footer-wrap > .container {flex: 1 0 auto;}

/* Form
--------------------------------------------------------------------------------------*/
.swoogo-reg-progress .steps > li > a.step > .desc {text-transform: none;}
.swoogo-reg-progress .steps > li > a.step > .number {height: 40px;width: 40px;padding: 10px;line-height: 22px;}
label.control-label {color: #141418;font-size: 12px;font-weight: 900;/*text-transform: uppercase;*/}
.checkbox label, .radio label {font-size: 14px;}
.form-control {border-radius: 0;height: 50px;font-size: 16px;}
.has-error .form-control {border-color: var(--primary);}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {color: var(--primary);}
div:not(.intl-tel-input)>.form-control {padding: 15px;}
.intl-tel-input>.form-control {padding-top: 15px;padding-right: 15px;padding-bottom: 15px;}
.g-pl-25{padding-left:1.78571rem!important}
.u-check{position:relative;cursor:pointer}
.g-hidden-xs-up{display:none!important}
.ml-0,.mx-0{margin-left:0!important}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
.g-top-0{top:0!important}
.g-absolute-centered,.g-absolute-centered--y{position:absolute!important;top:50%!important;-webkit-backface-visibility:hidden}
.g-pos-abs{position:absolute!important}
.u-check input[type=radio]:checked+* .u-check-icon-checkbox-v4,.u-check input[type=radio]:checked+* .u-check-icon-radio-v4,.u-check input[type=radio]:checked+.u-check-icon-checkbox-v4,.u-check input[type=radio]:checked+.u-check-icon-radio-v4 {color:var(--primary)}
.u-check input[type=checkbox]:checked+* .u-check-icon-checkbox-v4,.u-check input[type=checkbox]:checked+* .u-check-icon-radio-v4,.u-check input[type=checkbox]:checked+.u-check-icon-checkbox-v4,.u-check input[type=checkbox]:checked+.u-check-icon-radio-v4 {color: #FFFFFF;background-color: var(--primary);border-color: var(--primary);}
.g-height-18{height:18px}
.g-width-18{width:18px!important}
.g-absolute-centered--y{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.g-left-0{left:0}
.u-check-icon-radio-v4{border-radius:50%}
.u-check-icon-checkbox-v4,.u-check-icon-radio-v4{width:18px;height:18px;font-size:12px;border:1px solid #ccc;margin-top: -1px;}
input[type=radio]:checked+* .g-bg-primary--checked,input[type=radio]:checked+.g-bg-primary--checked {background-color:var(--primary)}
.u-check-icon-radio-v4 i{border-radius:50%;transition: .2s all ease-in-out;}
.g-height-12{height:18px!important}
.g-width-12{width:18px!important}
.g-absolute-centered{left:50%!important;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.d-block{display:block!important}
.u-check input[type="radio"]:checked + .u-check-icon-checkbox-v4 i::before, .u-check input[type="radio"]:checked + .u-check-icon-radio-v4 i::before, .u-check input[type="radio"]:checked + * .u-check-icon-checkbox-v4 i::before, .u-check input[type="radio"]:checked + * .u-check-icon-radio-v4 i::before {content: attr(data-check-icon);}
.u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 i::before, .u-check input[type="checkbox"]:checked + .u-check-icon-radio-v4 i::before, .u-check input[type="checkbox"]:checked + * .u-check-icon-checkbox-v4 i::before, .u-check input[type="checkbox"]:checked + * .u-check-icon-radio-v4 i::before {content: "\f00c";}
.u-check-icon-checkbox-v4 i::before, .u-check-icon-radio-v4 i::before {content: attr(data-uncheck-icon);position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.u-check-icon-checkbox-v4 i {font-size: 14px;}
.custom-dropdown::after {content: "\f078";display: inline-block;font: 900 normal normal 14px/1 "Font Awesome 5 Free";font-size: 28px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: relative;float: right;height: 0;z-index: 1;left: -15px;}
.form-group > .custom-dropdown::after {margin-top: -42px;}
.form-group.custom-dropdown::after {margin-top: -50px;}
.form-group > .custom-dropdown.has-error::after {margin-top: -73px;}
.form-group.custom-dropdown.has-error::after {margin-top: -80px;}
.custom-dropdown select {-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none;padding-right: 55px;z-index: 10;position: relative;background-color: transparent;cursor: pointer;}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {padding-top:16px;padding-bottom: 16px;border-radius: 0;}
.input-group-addon:first-child {border-radius: 0;}

/* Video
--------------------------------------------------------------------------------------*/
.video-thumb span {width: 100px;height: 100px;min-width: 100px;max-width: 100px;background: #FFFFFF;text-align: center;border-radius: 100%;color: #000;line-height: 0px;display: flex;align-items: center;font-size: 24px;transition: .25s all ease-in-out;}
.video-thumb span .fa {flex: 1;}
.video-thumb a:hover span {background-color: #FFFFFF;opacity: 0.9;filter: alpha(opacity=90);}

/* Event Details
--------------------------------------------------------------------------------------*/
.event-details-wrap .event-details-card-wrap .details-card, .event-details-wrap .event-details-card-wrap .map-card {min-height: 150px;background-color: #fff;box-shadow: 0px 20px 30px -5px rgba(0,0,0,.15);}
.event-details-wrap .event-details-card-wrap .map-card {max-width: 100%;margin: 0 auto;box-shadow: 0px 20px 30px -5px rgba(0,0,0,.15);display: flex;flex-direction: column;height: 250px;}
.event-details-wrap .event-details-card-wrap .map-card > .content {flex: 1 0 85%;display: flex;flex-direction: column;}
.event-details-wrap .event-details-card-wrap .details-card {display: flex;align-items: center;padding: 10%;}
.event-details-wrap .event-details-card-wrap .details-card > .content {flex: 1;}
.event-details-wrap .event-details-card-wrap .map-card .widget, .event-details-wrap .event-details-card-wrap .map-card .sortable {border: none;padding: 0px;}
.event-details-wrap .event-details-card-wrap .map-card #resizing {display: none;}
.swoogo-preview .event-details-wrap .event-details-card-wrap .map-card > .content .empty-message:after {content: '- Please utilize an image, slideshow, video, or map widget -';font-size: 14px;border-top: 1px solid #ccc;line-height: 1;padding: 15px;width: 80%;margin: 0 auto;}
/*image*/
.event-details-wrap .event-details-card-wrap .map-card img {object-fit: cover;object-position: center center;width: 100%;height: 100%;margin: 0 !important;max-height: none !important;}
.event-details-wrap .event-details-card-wrap .map-card img[src*="/img/blank-image"] {object-fit: scale-down;}
.event-details-wrap .event-details-card-wrap .map-card > .content .widget > a {flex: 1 0 100%;}
/*carousel*/
.event-details-wrap .event-details-card-wrap .map-card .carousel {margin: 0px !important;width: 100%;height: 100%;}
.event-details-wrap .event-details-card-wrap .map-card .carousel .carousel-inner {height: 100% !important;}
.event-details-wrap .event-details-card-wrap .map-card .carousel .carousel-control {width: auto;position: absolute;top: 30px;bottom: auto;}
.event-details-wrap .event-details-card-wrap .map-card .carousel .carousel-control.left {left: auto;right: 60px;}
.event-details-wrap .event-details-card-wrap .map-card .carousel .carousel-control.right {right: 30px;left: auto;}
.event-details-wrap .event-details-card-wrap .map-card .carousel .carousel-control span {font-size: 20px;}
/*map*/
.event-details-wrap .event-details-card-wrap .map-card > .content.details-map .sortable {flex: 1 0 100%;display: flex;flex-direction: column;}
.event-details-wrap .event-details-card-wrap .map-card > .content .widget {flex: 1 0 100%;display: flex;flex-direction: column;}
.event-details-wrap .event-details-card-wrap .map-card [id^="map-canvas"] {margin: 0px !important;width: 100%;height: 100% !important;flex: 1 0 100%;display: flex;flex-direction: column;}
.event-details-wrap .event-details-card-wrap .map-card [id^="map-canvas"] iframe {flex: 1 0 100%;}
/*video*/
.event-details-wrap .event-details-card-wrap .map-card > .content .widget .video-container {flex: 1 0 100%;margin: 0px !important;}
.event-details-wrap .event-details-card-wrap .map-card > .content .widget > div[class*="mt"][class*="mb"] {flex: 1 0 100%;margin: 0px !important;}
.event-details-wrap .event-details-card-wrap .map-card > .content .widget > div[class*="mt"][class*="mb"] .video-thumb {height: 100%;width: 100%;}

@media (min-width: 768px) {
  	.standard-page .content-section { padding-top: 90px; }
    .has-nav div#header-wrap {margin-top: 70px;}
    .event-details-wrap .event-details-card-wrap .details-card, .event-details-wrap .event-details-card-wrap .map-card {min-height: 300px;box-shadow: 10px 10px 30px 0px rgba(0,0,0,.15);}
    .event-details-wrap .event-details-card-wrap, .event-details-btn-wrap {display: flex;align-items: center;justify-items: center;}
    .event-details-wrap .event-details-card-wrap {flex-direction: row;}
    .event-details-btn-wrap {flex-direction: row-reverse;}
    .event-details-wrap .event-details-card-wrap .details-card {flex: 0 0 50%;position: relative;top: 50px;z-index: 2;padding: 7%;}
    .event-details-wrap .event-details-card-wrap .map-card {max-width: none;margin: inherit;flex: 0 0 calc( 50% + 50px );position: relative;left: -50px;z-index: 1;height: 300px;}
    .event-details-btn-wrap .btn-card {flex: 0 0 50%;}
    nav#site-nav > .container {display: flex;width: 100%;align-items: center;}
    nav#site-nav > .container > div.navbar-header {flex: 0 0 auto;}
    nav#site-nav > .container > div.navbar-collapse {flex: 1 0 auto;}
    .navbar-middle {position: relative;height: 100%;display: flex;align-items: center;}
    .navbar-custom .navbar-middle .navbar-nav li {float:none;display:inline-block;}
    .navbar-custom .navbar-collapse .nav-custom-btn {position: relative;flex: 0 0 auto;}
    .navbar-custom .navbar-collapse .nav-custom-btn .btn-standard, .navbar-custom .navbar-collapse .nav-custom-btn .btn-alternate {margin: 0 !important;}
    .navbar-custom .navbar-collapse .navbar-middle .swoogo-nav {float: none !important;text-align: center;flex: 1 0 auto;align-self: center;align-content: center;display: block;}
    .site-branding .text-logo {padding-top: 20px;padding-bottom: 20px;}
    .navbar-custom .navbar-nav > li > a {padding-top:25px;padding-bottom:23px;}
}

@media (min-width: 992px) {
    .landing-page #header-wrap .banner-wrap {/*min-height: 500px;*/}
    .event-details-wrap .event-details-card-wrap .map-card {height: 500px;}
    .event-details-wrap .event-details-card-wrap .details-card, .event-details-wrap .event-details-card-wrap .map-card {min-height: 500px;}
}

@media (max-width: 767px) {
    .event-details-wrap .event-details-btn-wrap .btn-card .widget {border: none;}
    .event-details-wrap .event-details-btn-wrap .btn-card {max-width: 85%;margin: 0 auto;box-shadow: 0px 20px 30px -5px rgba(0,0,0,.15);}
    .event-details-wrap .event-details-btn-wrap .btn-card .btn {margin: 0px !important;width: 100%;}
}

.mt-none.mb-none.swoogo-border.swoogo-border__p-medium.swoogo-border__r-medium.swoogo-widget-background {
    width: 500px;
}
.details-card {
    margin-top: -30px; // you can up this number to decrease the space
} 
td {
    overflow: hidden;
    white-space: nowrap;
}

{font-family: Inter, sans-serif;}

/* Add to Calendar */

body {font-family: Inter;}

.callout {
  position: fixed;
  bottom: 35px;
  right: 20px;
  margin-left: 10px;
  max-width: 300px;
}

.callout-header {
  padding: 10px 15px;
  background: #555;
  font-size: 20px;
  color: white;
}

.callout-container {
  padding: 15px;
  background-color: rgba(204, 204, 204, 0.5);
  /*background-color: #ccc;*/
  color: black
}

.closebtn {
  position: absolute;
  top: 5px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.closebtn:hover {
  color: #da291c;
}

/* ======= Start agenda section style ======= */

    .agenda-section {
        padding: 70px 0;
      color: #fff;
    background-color: #111;
}
  .agenda-section .tab-widget-content.col-xs-12 {
    padding: 0;
}
    .agenda-section .headline,
    .travelsection .headline {
        background: #e6e6e6;
        padding: 20px;
        color: white;
        border: 1px solid white;
    }

    .agenda-section .swoogo-tabs.tab-style-underline .nav-tabs {
        border-bottom: 2px solid rgba(85, 85, 85, .25);
        max-width: 500px;
        margin: 0 auto 20px;
    }

   /* .schedule-listing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 1100px;
        margin: 0 auto;
    }

    .schedule-listing .schedule-slot-time {
        background: #DA291C;
        color: #fff;
        padding: 20px 25px;
        font-size: 18px;
        font-weight: 700;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .schedule-listing .schedule-slot-time span {
        font-size: 14px;
        font-weight: 500;
    }

    .schedule-listing:nth-of-type(even) .schedule-slot-time {
        background: #323232;
    }

    .schedule-listing .schedule-slot-info {
        position: relative;
        padding: 20px 40px 20px 60px;
        border: 1px dashed #e5e5e5;
        border-left: none;
        width: 100%;
    }

    .schedule-slot-title {
        margin: 0;
        font-size: 24px;
    }

    .schedule-slot-title a {
        text-decoration: none;
        color: #323232;
    }*/

 
.single-session-card {
    border: 3px solid #e30e31;
    padding: 30px;
}
.single-session-card h3 {
    font-size: 48px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: -1px;
    line-height: 48px;
}
.top-label,
.session-time,
.session-date {
    color: #DA291C;
}
.session-item:not(:last-child) {
    margin-bottom: 20px;
}
.top-label {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -1px;
}
.session-name {
    margin: 5px 0 0;
}
.session-date {
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 500;
}
.single-session-card .session-time {
    font-size: 11px;
    padding-bottom: 2px;
    letter-spacing: 2px;
    line-height: 16px;
    text-transform: uppercase;
}
    /* ======= End agenda section style ======= */

/* Pricing Tables */
body {
	background: #e6e6e6;
	font-family: Inter;
}

.main-head {
	background: #0D1440;
	box-shadow: 0px 1px 10px -6px rgba(0, 0, 0, .15);
	padding: 1rem;
	margin-bottom: 0;
	margin-top: 5rem;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 4px;
	font-size: 16px;
}

.pricing-table {
	background: #fff;
	box-shadow: 0px 1px 10px -6px rgba(0, 0, 0, .15);
	padding: 2rem;
	border-radius: 4px;
	transition: .3s;
}

.pricing-table:hover {
	box-shadow: 0px 1px 10px -4px rgba(0, 0, 0, .15);
}

.pricing-table .pricing-label {
	border-radius: 2px;
	padding: .25rem .5rem;
	margin-bottom: 1rem;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
}

.pricing-table h2 {
	color: #3b3b3b;
	font-size: 24px;
	font-weight: 500;
}

.pricing-table h5 {
	color: #B3B3B3;
	font-size: 14px;
	font-weight: 400;
}

.pricing-table .pricing-features {
	margin-top: 2rem;
}

.pricing-table .pricing-features .feature {
	font-size: 14px;
	margin: .5rem 0;
	color: #B3B3B3;
}

.pricing-table .pricing-features .feature span {
	display: inline-block;
	float: right;
	color: #3b3b3b;
	font-weight: 500;
}

.pricing-table 	.price-tag {
	margin-top: 2rem;
	text-align: center;
	font-weight: 500;
}

.pricing-table .price-tag .symbol {
	font-size: 24px;
}

.pricing-table .price-tag .amount {
	letter-spacing: -2px;
	font-size: 64px;
}

.pricing-table .price-tag .after {
	color: #3b3b3b;
	font-weight: 500;
}

.pricing-table .price-button {
	display: block;
	color: #fff;
	margin-top: 2rem;
	padding: .75rem;
	border-radius: 2px;
	text-align: center;
	font-weight: 500;
	transition: .3s;
}

.pricing-table .price-button:hover {
	text-decoration: none;
}

.purple .pricing-label {
	background: #cad2ff;
	color: #627afe;
}

.purple .price-tag {
	color: #627afe;
}

.purple .price-button {
	background: #627afe;
}

.purple .price-button:hover {
	background: #546dfe;
}

.turquoise .pricing-label {
	background: #b9edee;
	color: #44cdd2;
}

.turquoise .price-tag {
	color: #44cdd2;
}

.turquoise .price-button {
	background: #44cdd2;
}

.turquoise .price-button:hover {
	background: #2dbcc4;
}

.red .pricing-label {
	background: #ffc4c4;
	color: #ff5e5e;
}

.red .price-tag {
	color: #ff5e5e;
}

.red .price-button {
	background: #ff5e5e;
}

.red .price-button:hover {
	background: #f23c3c;
}
/* End Pricing Tables */

/* New Badge */
.badge {
  background-color: red; !important;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
}
/* End New Badge */

/* Menu */
* {
  	margin: 0; 
		padding: 0;
		box-sizing: border-box;
	}

	body {
		padding: 30px; 
		font-family: "Helvetica Neue", helvetica, arial; 
		background: url('https://subtlepatterns.com/patterns/white_carbonfiber.png');
	}

	#container {
		position: relative;
		width: 940px;		
	}

	#container:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
	}

	#menu {
		position: relative;
		float: left;
		width: 100%;
		padding: 0 20px;
		border-radius: 3px;
		box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);
		background: #ccc; 
	}

	#menu, #menu ul {
		list-style: none;
	}

	#menu > li {
		float: left;
		position: relative;
		border-right: 1px solid rgba(0,0,0,.1);
		box-shadow: 1px 0 0 rgba(255,255,255,.25);
		perspective: 1000px;
		
	}

	#menu > li:first-child {
		border-left: 1px solid rgba(255,255,255,.25);
		box-shadow: -1px 0 0 rgba(0,0,0,.1), 1px 0 0 rgba(255,255,255,.25);
	}

	#menu a {
		display: block;
		position: relative;
		z-index: 10;
		padding: 13px 20px 13px 20px;
		text-decoration: none;
		color: rgba(75,75,75,1);
		line-height: 1;
		font-weight: 600;
		font-size: 12px;
		letter-spacing: -.05em;
		background: transparent;		
		text-shadow: 0 1px 1px rgba(255,255,255,.9);
		transition: all .25s ease-in-out;
	
	}

	#menu > li:hover > a {
		background: #333;
		color: rgba(0,223,252,1);
		text-shadow: none;
	}

	#menu li ul  {
		position: absolute;
		left: 0;
		z-index: 1;
		width: 200px;
		padding: 0;
		opacity: 0;
		visibility: hidden;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		background: transparent;
		overflow: hidden;
		transform-origin: 50% 0%;
	}


	#menu li:hover ul {
		
		padding: 15px 0;
		background: #333;
		opacity: 1;
		visibility: visible;
		box-shadow: 1px 1px 7px rgba(0,0,0,.5);
		animation-name: swingdown;
		animation-duration: 1s;
		animation-timing-function: ease;

	}

	@keyframes swingdown {
		0% {
			opacity: .99999;
			transform: rotateX(90deg);
		}

		30% {			
			transform: rotateX(-20deg) rotateY(5deg);
			animation-timing-function: ease-in-out;
		}

		65% {
			transform: rotateX(20deg) rotateY(-3deg);
			animation-timing-function: ease-in-out;
		}

		100% {
			transform: rotateX(0);
			animation-timing-function: ease-in-out;
		}
	}

	#menu li li a {
		padding-left: 15px;
		font-weight: 400;
		color: #ddd;
		text-shadow: none;
		border-top: dotted 1px transparent;
		border-bottom: dotted 1px transparent;
		transition: all .15s linear;
	}

	#menu li li a:hover {
		color: rgba(0,223,252,1);
		border-top: dotted 1px rgba(255,255,255,.15);
		border-bottom: dotted 1px rgba(255,255,255,.15);
		background: rgba(0,223,252,.02);
	}
/* End Menu */