/* ---------------- All classes that use special font Play Bold ----------------- */
.briefing-title, 
.course-dates, 
#css-main-nav-menu ul li .main-nav-parent-link, 
h1, h2, h3, h4, 
.left-col-anchors, 
.presented-by, 
.price-active, 
.price-inactive, 
.price-box-active, 
.price-box-inactive, 
a.register-box-wrapper, 
.register-box, 
.schedule-sponsor-date, 
a.schedule-tab, 
.speaker {
  font-family: 'Play', sans-serif;
  font-weight: bold;
}

/* =RESETS AND OVERRIDES
-------------------------------------------------------------- */
html, body, div, hr, span, object, iframe, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, p, q, dl, dt, dd, ol, fieldset, form, label, legend, caption, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
  border: 0;
}

img {vertical-align: bottom;}

article, aside, canvas, .clearfix, .container, details, figcaption, figure, footer, header, hgroup, nav, section, summary, video {
  display: block;
} /*for lower FF to work w HTML5*/

/* ---------------- end overrides ----------------- */

body {
  background: #000 url('../images/page-graphics-asia-20/background.jpg') no-repeat center top;
  color: #fff;
}
a {
  color: #5bc2e7;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.link-icon:hover {
  text-decoration: none;
}
a.visited {
  text-decoration: none;
  color: #7a6c3d;
}
a.button {
  display: inline-block;
  padding: 6px 12px 6px 12px;
  color: #fff;
  border: 1px solid #5bc2e7;
  background: #1a658f;
  font-size: 12px;
  text-shadow: 2px 2px 2px #15121d;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
  float: left !important;
}
a.button:hover {
  background: #5bc2e7;
  text-decoration: none;
}
a.button.gold, a.button.gold_register {
  display: inline-block;
  padding: 3px 12px 3px 12px;
  color: #fff;
  border: 1px solid #c09b30;
  background: #b08201;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b08201), to(#513c01));   /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(top, #b08201, #513c01);   /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #b08201, #513c01);/* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #b08201, #513c01);  /* IE 10 */
  background: -o-linear-gradient(top, #b08201, #513c01);  /* Opera 11.10+ */
  font-size: 12px;
  text-shadow: 2px 2px 2px #503b01;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
}
a.button.gold:hover, a.button.gold_register:hover {
  background: #4b3701;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b3701), to(#b08201));   /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(top, #4b3701, #b08201);   /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #4b3701, #b08201);/* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #4b3701, #b08201);  /* IE 10 */
  background: -o-linear-gradient(top, #4b3701, #b08201);  /* Opera 11.10+ */
}
a.button.grey, a.button.grey_register {
  display: inline-block;
  padding: 6px 12px 6px 12px;
  color: #fff;
  border: 1px solid #3d3d3d;
  background: rgb(98,98,98); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(98,98,98,1) 44%, rgba(85,85,85,1) 58%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(98,98,98,1)), color-stop(58%,rgba(85,85,85,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(98,98,98,1) 44%,rgba(85,85,85,1) 58%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(98,98,98,1) 44%,rgba(85,85,85,1) 58%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(98,98,98,1) 44%,rgba(85,85,85,1) 58%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(98,98,98,1) 44%,rgba(85,85,85,1) 58%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#555555',GradientType=0 ); /* IE6-9 */
  font-size: 12px;
  text-shadow: 2px 2px 2px #503b01;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 15px;
  right: 25px;
}
a.button.grey:hover, a.button.grey_register:hover {
  background: rgb(85,85,85); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(85,85,85,1) 40%, rgba(98,98,98,1) 55%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(85,85,85,1)), color-stop(55%,rgba(98,98,98,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(85,85,85,1) 40%,rgba(98,98,98,1) 55%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(85,85,85,1) 40%,rgba(98,98,98,1) 55%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(85,85,85,1) 40%,rgba(98,98,98,1) 55%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(85,85,85,1) 40%,rgba(98,98,98,1) 55%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#626262',GradientType=0 ); /* IE6-9 */
}

a.button.gold_register {
  text-transform: uppercase;
}

.presented-by {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
p {
  margin: 0 0 35px 0;
}
h1, h2, h3, .h3-inline {
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
h1 {
  font-size: 34px;
  letter-spacing: -1px;
  line-height: 36px;
  margin-bottom: 40px;
  position: relative;
  text-shadow: 0 2px 2px rgba(0,0,0,.9);
}
/* background makes the h1 hard to read, this attempts to add contrast */
h1:before, 
h1:after {
  content: ' ';
  display: block;
  height: calc(100% + 10px);
  position: absolute;
  top: -5px;
  z-index: -1;
}
h1:before {
  background: linear-gradient(to left, rgba(4,18,27,.75), transparent);
  left: -40px;
  width: 100px;
}
h1:after {
  background: linear-gradient(to right, rgba(4,18,27,.75), transparent);
  left: 60px;
  width: 100%;
}
h2 {
  font-size: 21px;
  line-height: 26px;
  margin-bottom: 15px;
}
.h2-top {
  margin-top: 0;
}
h3, 
.h3-inline {
  margin-bottom: 8px;
  font-size: 15px;
  height: auto;
  line-height: 22px;
  margin-top: 0;
}
h2.highlighted, h3.highlighted {
  color: #33ceff;
}
h1 .blue, h2 .blue, h3 .blue, h4 .blue, .blue {
  color: #5bc2e7;
}
h2, h3, h4, p {
  text-shadow: 0 2px 1px rgba(0,0,0,.9); /* Background contrast makes this necessary for legibility */
}
.h1-link {
  font-size: 12px;
  letter-spacing: normal;
  text-transform: none;
  padding-left: 10px;
}
.briefing-title {
  margin: 0;
  color: #d3a41a;
  text-transform: uppercase;
  line-height: 1;
  font-size: 24px;
  font-weight: 700;
}

ol.alpha li, 
li.alpha {
  list-style-type: lower-alpha;
  margin-left: 1.5em;
}
ol.roman li, 
li.roman {
  list-style-type: lower-roman;
  margin-left: 2.5em;
}

.ghost-h2 {
  font-size: 27px;
  letter-spacing: -2px;
}
strong {
  color: #fff;
  font-weight: bold;
  font-size: 100%;
}
/* ---------- End Fonts  ------------ */


/* ---------- Lists  ------------ */
.briefing-courses {
  margin: 0;
  padding: 0;
}
.briefing-courses li {
  min-height: 130px;
  padding: 15px 0;
  border-bottom: 1px solid #444;
}
.briefing-courses li:last-child {
  border-bottom: 0;
  margin-bottom: 40px;
}
ul.training-courses {
  list-style: none;
}
.training-courses li {
  min-height: 130px;
  border-bottom: 1px solid #25242c;
  margin-bottom: 40px;
}
ul, 
ul.generic li {
  list-style-image: url("../images/page-graphics-asia-20/bullet.png");
  margin: 0 0 12px 0;
}

ol.generic li, 
ul.generic li {
  margin-bottom: 15px;
  border-bottom: none;
  min-height: 0;
  margin-left: 20px;
}

/* ---------- Horizontal Rules  ------------ */
hr {
  background-color: #5bc2e7;
  margin-bottom: 40px;
  clear: both;
}

.top-bar {
  margin: -5px 0 0 0;
}

/* ---------- Header ------------ */
/* Event site header - For the logo + event name */
.event-header-logo {
  color: rgba(255,255,255,.8);
  display: inline-block;
  font-size: 44px;
  letter-spacing: .025em;
  line-height: normal;
  margin: 42px auto 0;
  text-align: right;
  text-transform: uppercase;
  text-shadow: 0 0 2px #000;
}
.event-header-logo, 
.event-header-logo:active, 
.event-header-logo:focus, 
.event-header-logo:hover {
  text-decoration: none;
}
.event-header-logo span {
  display: block;
  margin: 2px 3px 0 0;
}

/* Container around 'Register Now' button and location info */
.event-header-info {
  margin: 65px auto 0;
  text-transform: uppercase;
}

/* 'Register Now' button */
.main-action-button {
  background: #e4e9ec;
  background: linear-gradient(to bottom, #f6f8f9 0%,#f6f8f9 50%,#f6f8f9 50%,#e4e9ec 50%,#e4e9ec 100%);
  border: 1px solid #befcbe;
  border-radius: 2px;
  box-shadow: 0 0 15px 5px rgba(4,31,38,.9); /* RGB for hex: #041f26 */
  color: #666;
  display: block;
  font-size: 24px;
  line-height: normal;
  margin: 0 auto 15px;
  padding: 20px 0;
  position: relative;
  text-align: center;
  text-shadow: 0 2px #fff;
  transition-timing-function: ease-out;
  transition: .5s;
}
.main-action-button,
.event-date-location {
  width: 80%;
}
.main-action-button:active, 
.main-action-button:focus, 
.main-action-button:hover {
  box-shadow: 0 0 15px 5px rgba(255,255,255,.5);
  color: #555;
  text-decoration: none;
}
.main-action-button span {
  line-height: .75em;
  position: relative;
  bottom: -.02em;
}

/* Event location and date info, beneath 'Register Now' button */
.event-date-location {
  background: rgba(0,0,0,.33);
  box-shadow: 0 0 10px 10px rgba(0,0,0,.33);
  color: #fff;
  color: rgba(255,255,255,.9);
  display: block;
  float: right;
  font-size: 26px;
  letter-spacing: .075em;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: right;
  text-shadow: 0 0 2px #000, 0 0 10px #000;
}
.event-date-location span {
  display: block;
  font-size: 19px;
}
.event-date-location hr {
  background: transparent;
  border: none;
  height: 3px;
  margin: -2px 0 4px 0;
  padding: 0;
  position: relative;
}
.event-date-location hr:before, 
.event-date-location hr:after {
  background: #33ceff;
  content: ' ';
  display: inline-block;
  height: 3px;
  position: absolute;
  top: 0;
}
.event-date-location hr:before {
  background: linear-gradient(to left, #33ceff 70%, rgba(255,0,0,0));
  left: 0;
  width: 75%;
}
.event-date-location hr:after {
  background: linear-gradient(to right, #33ceff 70%, rgba(255,0,0,0));
  right: 0;
  width: 25%;
}
/* End - event site header */

.header {
  min-height: 250px;
  position: relative; /* must be on grandparent to :before, in order to stretch 100% and not cause horizontal overflow at right edge */
}
#header-links {
  height: 29px;
  margin: 0 auto;
  z-index: 10;
}
#header-links:before { /* background for top-bar */
  background: #000;
  background: linear-gradient(rgba(36,36,36,.9), rgba(0,0,0,.66));
  border-bottom: 1px solid #777d84;
  content: ' ';
  display: block;
  height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#header-logo-mission {
  margin: 1px auto;
  height: 182px;
}
#header-links, #header-links div, #header-links span, #header-links ul, #header-links li, #header-links a {
  z-index: 100;
}
#cssmenu {
  height: 36px;
  margin: 0 auto;
  float: left;
  background-color: transparent !important;
}
#header-links ul {
  list-style: none;
  list-style-type: none;
  height: 36px;
  padding: 0;
  margin: 0 auto;
}
#header-links ul li {
  border: 0;
  display: inline-block;
  margin-left: -4px;
  padding: 11px 10px 0 14px;
  position: relative;
}
#header-links ul li:before { /* the dividers between links in top-bar */
  background: linear-gradient(#777 5%, #999 30%, #777 15%, transparent);
  content: ' ';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
}
#header-links ul li:first-child:before {
  display: none;
}

#event-bg-left {
  position: absolute;
  top: 50%;
  left: -348px;
  height: 365px;
  width: 348px;
}

#event-bg-right {
  position: absolute;
  top: 260px;
  right: -360px;
  height: 365px;
  width: 348px;
}

#event-nav-wrapper {
  width: 999px;
  height: 61px;
  margin: 0 auto 30px auto;
}
#event-main-nav {
  width: 999px;
  height: 60px;
  padding: 7px 0 0 2px;
}
/* ---------- End Header ------------ */



/* ---------- Left Column ------------ */
.left-col h2 {
  margin-top: 30px;
}
#reg-now-button {
  margin: 0 0 15px 0;
  text-decoration: none;
  display: block;
}
.left-col-latest-news {
  width: inherit;
  background: 0;
  list-style: none;
  padding: 0 0 5px 0;
}
.left-col-latest-news li {
  padding: 10px 0;
  border-bottom: 1px solid #444;
}
.left-col-latest-news li:first-child {
  padding: 0 0 10px 0;
}
.left-col-latest-news a {
  color: #3d96d0;
  font-size: 13px;
}
.left-col-anchors {
  list-style: none;
  margin: 0;
  padding: 0;
}
.left-col-anchors li {
  margin-bottom: -1px;
  width: 237px;
  font-size: 15px;
  line-height: 17px;
}

.left-col-anchors li a {
  background: #000;
  width: 212px;
  padding: 10px;
  margin: 0;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #5bc2e7;
}
.left-col-anchors li:last-child {
  margin-bottom: 0;
}
.left-col-anchors a {
  margin: 4px 10px 0 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

.left-col-link-uptri {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}
.left-col-link-uptri li {
  display: table;
  margin: 0;
  padding: 0 0 20px 0;
  width: 100%;
}
.left-col-link-uptri li a {
  background: #20678e;
  border: 1px solid #36daff;
  border-radius: 2px;
  color: #fff;
  display: table-cell;
  font-weight: bold;
  line-height: 18px;
  min-height: 55px;
  padding: 10px 10px 10px 55px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 2px #333;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.left-col-link-uptri li a:active, 
.left-col-link-uptri li a:hover {
  text-decoration: none;
}
.left-col-link-uptri li a:before {
  background: #263745;
  border-radius: 50px;
  color: #36daff;
  content: '\00a0\25B6';
  display: block;
  height: 30px;
  line-height: 31px;
  text-align: center;
  width: 30px;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -15px;
}
.left-col-link-uptri li a:hover span:before,
.left-col-link-uptri li a:active span:before {
  color: #9cedff;
  text-shadow: 0 0 25px #000;
}
/* ---------- End Left Column ------------ */
.left-col-link-uptri li a.two-lines { padding-top: 7px; }


/* ---------- Right Column ------------ */
.right-col-anchors {
  list-style: none;
  margin: 0;
  padding: 0;
}
.right-col-anchors li {
  margin-bottom: -1px;
  width: 321px;
  font-size: 15px;
  line-height: 17px;
}

.right-col-anchors li a {
  border: 1px solid #001a2d;
  background: rgb(23,86,129); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(23,86,129,1) 0%, rgba(0,26,45,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,86,129,1)), color-stop(100%,rgba(0,26,45,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(23,86,129,1) 0%,rgba(0,26,45,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(23,86,129,1) 0%,rgba(0,26,45,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(23,86,129,1) 0%,rgba(0,26,45,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(23,86,129,1) 0%,rgba(0,26,45,1) 100%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#175681', endColorstr='#001a2d',GradientType=0 ); /* IE6-9 */
  width: 298px;
  padding: 10px;
  margin: 0;
  display: block;
  text-decoration: none;
  line-height: 28px;
  text-transform: uppercase;
  border: 1px solid #1c6ca2;
}
.right-col-anchors li:last-child {
  margin-bottom: 0;
}
.right-col-anchors a {
  margin: 4px 10px 0 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}
/* ---------- End Right Column ------------ */


/* ---------- Main Content ------------ */
.btw-cell {
  min-height: 215px;
  padding: 0 15px 0 15px;
}
.btw-cell p {
  margin: 20px 0;
}

.description, .span-18, .span-6, .speaker, p, li.cal_row_content {
  font-size: 13px;
  line-height: 25px;
}

.featured {
  background: #2e2e2e;
  background: linear-gradient(#2e2e2e, #111);
  border-radius: 4px;
  display: block;
  margin: 0 0 20px;
  padding: 10px 20px 90px;
  position: relative;
}
.featured * {
  text-shadow: none;
}
.featured:before {
  /* For gradient border, layer pseudo-element 'before' behind parent, increasing size by 1px all around */
  background: #333;
  background: linear-gradient(#777, 10%, #333);
  border-radius: 5px;
  content: ' ';
  display: block;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  z-index: -1;
}
.featured.highlight {
  background: #f5f5f5;
  background: linear-gradient(#f5f5f5, #b0b0b0);
}
.featured.highlight {
  color: #444;
}
.featured hr {
  background: transparent;
  clear: both;
  margin: 17px auto 20px;
  position: relative;
}
.featured hr:before, .featured hr:after {
  background: #444;
  content: ' ';
  display: inline-block;
  height: 2px;
  position: absolute;
  top: 0;
  width: 50%;
}

.featured hr:before {
  background: linear-gradient(to left, #444, rgba(255,0,0,0));
  left: 0;
}
.featured hr:after {
  background: linear-gradient(to right, #444, rgba(255,0,0,0));
  right: 1px;
}
.featured.highlight hr:before {
  background: linear-gradient(to left, #fff, rgba(255,0,0,0));
}
.featured.highlight hr:after {
  background: linear-gradient(to right, #fff, rgba(255,0,0,0));
}
.featured p {
  margin: 0 0 4px;
}
.featured footer {
  height: auto;
  position: absolute;
  bottom: 10px;
  left: 20px;
  width: calc(100% - 40px);
}
.featured footer.right .button {
  display: block;
  float: right !important;
}
.featured .thumb {
  border: 3px solid #777;
  border-radius: 2px;
}

.sub-header-image {
  border: solid 3px #5bc2e7;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.section-title {
  background: url('../images/page-graphics-asia-20/section-title.png') no-repeat bottom left;
  margin-bottom: 5px;
  padding: 15px;
  height: 25px;
}

/* For use on event site homepage - introductory header text, paragraph and image. */
.event-intro {
  background: #031016;
  background: linear-gradient(rgba(4,31,38,.9), rgba(4,31,38,.5), rgba(1,10,15,.9)); /* Hex: 031016 */
  margin: 30px auto 20px;
  padding: 20px 5px 5px 40px;
  position: relative;
}
.event-intro, 
.event-intro img {
  border: 1px solid #055c92;
  border-radius: 3px;
}
.event-intro h1 {
  font-size: 2.2em;
  letter-spacing: .02em;
  line-height: normal;
  margin: 0 0 10px 0;
  text-shadow: 4px 4px 5px rgba(0,0,0,.8);
}
.event-intro h1:before, 
.event-intro h1:after {
  display: none;
}
.event-intro hr {
  background: #33ceff;
  background: linear-gradient(to right, #33ceff, rgba(255,0,0,0));
  height: 1px;
  margin: 0 0 10px 0;
  width: 100%;
}
.event-intro img {
  max-width: 100%;
}
.event-intro p {
  font-size: 1.4em;
}

/* -- inner - main - content -- */
.h2-course-trainer {
  color: #d3a41a;
  padding: 0;
  margin: -20px 0 0 0;
}
.academic-price-wrapper, 
.group-price-wrapper {
  margin: 0 0 40px 0;
  min-height: 138px;
}

/* Used on tracks.html, for example */
.briefing-tracks h4 {
  color: #fff;
  letter-spacing: .05em;
  margin: 0;
  text-transform: uppercase;
}
.briefing-tracks img {
  width: 100px;
}
.briefing-tracks .track-lead {
  border: 1px solid #33ceff;
}

.course-dates {
  height: 24px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.press_item   {
  height: 67px;
  padding: 15px 10px 0 10px;
  border: 2px solid #333;
  margin-bottom: 15px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333333; /* Old browsers */
  background: -moz-linear-gradient(top,  #333333 0%, #111111 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #333333 0%,#111111 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #333333 0%,#111111 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #333333 0%,#111111 100%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

.press_item .descrip {
  text-transform: uppercase;
}

/* Pricing boxes on pages like registration.html, training/schedule/ (base view and '#' view) */
.price-box-wrapper {
  display: flex;
  margin: 40px 0 30px 0;
}
.price-box-wrapper .span-2,
.price-box-wrapper .span-3,
.price-box-wrapper .span-4,
.price-box-wrapper .span-6,
.price-box-wrapper .span-8 {
  display: flex;
  flex: 1 0 auto;
}
/*
  .price-box-active = highlighted (bright) box
  .price-box-inactive = normal (dark) box
*/
.price-box-active,
.price-box-inactive {
  border-radius: 5px;
  display: block;
  font-size: 1.4em;
  font-weight: bold;
  line-height: normal;
  margin: 0 auto 10px;
  padding: 0 0 5px 0;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
  text-transform: uppercase;
  transition: all .2s ease-in;
  width: 100%;
}
.price-box-active { /* Base color and background for highlighted 'bright' box. */
  background: #f5f5f5;
  background: linear-gradient(#f5f5f5, #b0b0b0);
}
.price-box-inactive { /* Base color and background for normal 'dark' boxes. */
  background: #091f2a;
  background: linear-gradient(#091f2a, #000, #091f2a);
  color: #eee;
}
/* For gradient border, layer pseudo-element 'before' behind parent, increasing size by 1px all around */
.price-box-active:before,
.price-box-inactive:before {
  background: #b6b6b6;
  border-radius: 5px;
  content: ' ';
  display: block;
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  z-index: -1;
}
.price-box-inactive:before {
  background: #4ea6c6;
  background: linear-gradient(#4ea6c6, #000, #1a658f);
}
/* .left is usually used to float items to the left.  We use it here as a pseudo-head area, and do need to remove the float.  Because the initial declaration used a !important hack, we must use the same hack here to remove the float. */
.price-box-active .left,
.price-box-inactive .left {
  border-bottom: 1px solid #234455;
  display: block;
  float: none !important;
  font-size: .8em;
  margin: 0;
  padding: 5px 10px;
  text-align: left;
}
/* In the highlighted box, give the .left pseudo-header an appropriate bottom border color. */
.price-box-active .left {
  border-color: #b6b6b6;
  box-shadow: 0 5px 10px rgba(124,124,124,.1);
}
/* A 'br' exists in the original markup presumably to manually add vertical space after the originally floated .left elements.  We need to remove that 'br'. */
.price-box-active br,
.price-box-inactive br {
  display: none;
}
/* ...but, the 'br' in the 'h3' is needed if the 'h3' has a 2nd line, so restore visibility to the 'br' within 'h3' tags. */
.price-box-active h3 br,
.price-box-inactive h3 br {
  display: block;
}
.price-box-active,
.price-box-active h2,
.price-box-active h3 {
  color: #333;
  text-shadow: none;
}
/* On hover, add an outer glow to the highlighted box. */
.price-box-active:hover {
  box-shadow: 0 0 20px 0 rgba(255,255,255,.66);
}
.price-box-active:hover h2,
.price-box-active:hover h3 {
  color: #111;
  text-shadow: 0 0 5px rgba(255,255,255,.5);
}
.price-box-inactive h2,
.price-box-inactive h3 {
  color: #666;
  text-shadow: none;
}
/* In default box, hover state, brighten the text and give it a slight glow. */
.price-box-inactive:hover,
.price-box-inactive:hover h2,
.price-box-inactive:hover h3 {
  color: #fff;
  text-shadow: 0 0 5px rgba(255,255,255,.5);
}
.price-box-active h2,
.price-box-inactive h2 {
  font-size: 34px;
  margin: 10px 0;
}
.price-box-active h3,
.price-box-inactive h3 {
  font-size: 15px;
}
/* End pricing boxes */

.register-box-wrapper {
  color: #fff;
  margin-bottom: 5px;
  float: left;
}
.register-box {
  border: 1px solid #37364c;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #353449; /* fallback */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#353449), to(#202028));   /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(top, #353449, #202028);   /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, #353449, #202028);/* Firefox 3.6+ */
  background: -ms-linear-gradient(top, #353449, #202028);  /* IE 10 */
  background: -o-linear-gradient(top, #353449, #202028);  /* Opera 11.10+ */
  width: 153px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding-bottom: 15px;
}
.register-box .type {
  font-size: 15px;
  padding-left: 10px;
}

.register-box .price {
  font-size: 34px;
  text-align: center;
}

.register-box .descrip {
  font-size: 15px;
  text-align: center;
}

.register-box hr {
  border-top: 1px solid #424058;
  margin-bottom: 15px;
}

.right5 {
  margin-right: 5px;
}

.sold-out {
  width: 135px;
  background-color: #cc0000;
}
.training-course-header-date {
  text-transform: uppercase;
  background-color: #444;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  padding: 6px 4px 4px 4px;
  font-size: 15px;
  margin-left: 20px;
}
.training-course-header-date-sold-out {
  text-transform: uppercase;
  background-color: #cc0000;
  color: #fff;
  vertical-align: middle;
  text-align: center;
  padding: 6px 4px 4px 4px;
  font-size: 15px;
  margin-left: 20px;
}
.virtual-course {
  width: 90px;
  background-color: #524ec6;
}
.one-day {
  width: 45px;
}
.course-new-updated {
  float: left;
  width: 99px;
  height: 27px;
  margin: 15px 10px 15px 0;
  padding: 2px 10px 0 10px;
}
.course-progress-bar {
  float: left;
  width: 185px;
  height: 26px;
  margin: 5px 10px 15px 0;
  padding: 1px 0 0 0;
}
.course-progress-last {
  margin-right: 0;
}
.course-preview-button {
  text-decoration: none;
  margin: 30px 0 0 0;
  display: block;
}

.home-sponsor {
  text-align: center;
}
.home-sponsor-anchor {
  background: #000;
  background: linear-gradient(#05141d, #000, #081f2b);
  border-top: 1px solid #4da4c4;
  border-bottom: 1px solid #38788f;
  border-radius: 3px;
  height: 100%;
  margin: 0 0 25px 0;
  min-height: 90px;
  text-align: center;
  width: 100%;
}
.home-sponsor-anchor img {
  border: none;
  vertical-align: middle;
}
.home-sponsor-anchor a {
  display: block;
  line-height: 90px;
  text-align: center;
}
.home-sponsor-anchor a:hover {
  text-decoration: none;
}

.sponsor {
  text-align: center;
}

.sponsor-anchor {
  background: #000;
  background: linear-gradient(#05141d, #000, #081f2b);
  border-top: 1px solid #4da4c4;
  border-bottom: 1px solid #38788f;
  border-radius: 3px;
  height: 100%;
  margin: 0 0 15px 0;
  min-height: 80px;
  min-width: 154px;
  position: relative;
  width: 100%;
  z-index: 1;
}
.sponsor-anchor img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.sponsor-anchor a:hover {
  text-decoration: none;
}

.front-page-sponsor-anchor {
  background-color: #222;
  width: 111px;
  height: 40px;
  margin: 0 15px 15px 0;
  float: left;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
}
.front-page-sponsor-anchor a {
  display: block;
  width: 109px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.front-page-sponsor-anchor a:hover {
  text-decoration: none;
}
.front-page-sponsor-anchor img {
  vertical-align: middle;
}
.last-sponsor {
  margin: 0;
}
.sponsor-description {
  margin: 0;
  padding: 0;
}
.sponsor-description li {
  display: block;
  border-bottom: 1px solid #444;
  margin: 10px 0 15px 0;
}
.sponsor-description li:last-child {
  border: 0;
}
.sponsor-logo {
  display: block;
  width: 150px;
  height: 56px;
}
.sponsor-description li a img {
  margin: auto auto;
  vertical-align: middle;
}

table.generic th {
  background-color: #333;
  text-align: left;
  padding: 5px;
}
/* Use for any row of THs that is not the very first */
table.generic tr.subheader th {
  border-top: 1px solid #3d96d0;
  padding-top: 45px;
}
table.generic tbody tr:first-child td {
  border-top: 0;
}
table.generic tbody tr:last-child td {
  border-bottom: 1px solid #1a658f;
}
table.generic tbody tr:nth-child(odd) td {
  background-color: #191919;
}
table.generic tbody tr:nth-child(even) td {
  background-color: #000;
}
table.generic tbody tr td {
  padding: 8px;
  border-top: 1px solid #1a658f;
  vertical-align: top;
}
table.generic tbody tr td:nth-child(1) {
  border-left: none;
}

.thumb {
  border: solid 2px #5bc2e7;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 5px;
}
.thumb.grey {
  border: solid 3px #777;
}
.venue-img {
  background: url('../images/page-graphics-asia-16/hotel.png') no-repeat top left;
  width: 615px;
  height: 283px;
  position: relative;
  border: 3px solid #5bc2e7;
  border-radius: 2px;
}
.venue-info {
  position: absolute;
  bottom: 2px;
  left: 5px;
  width: 174px;
  height: 110px;
  font-size: 12px;
  line-height: 16px;
}
.room-rate {
  margin: 10px 0 30px 0;
}
.speaker-block {
  float: left;
  margin: 0 57px 20px 0;
  width: 111px;
  min-height: 190px;
}
/* ---------- End Main Content ------------ */

.speaker {
  float: left;
  margin-right: 32px;
  width: 153px;
  height: 260px;
}
.speaker-front-page {
  float: left;
  margin-right: 32px;
  width: 153px;
}

/* ---------- Schedule ------------ */
.submenu-wrapper {
  margin: 0 auto;
  width: 993px;
  height: 77px;
  overflow: hidden;
}
.submenu-item {
  float: left;
  margin-right: 15px;
  width: 153px;
  height: 77px;
  display: block;
  position: relative;
}
.submenu-item:last-child {
  margin: 0;
}
.submenu-item img {
  position: absolute;
  left: 0;
  -webkit-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.submenu-item img:hover {
  opacity: 0;
}

/* Override for SB styles, hopefully helps legibility of top row in SB */
.sb-header-search-day-tabs-wrapper {
  background: linear-gradient(rgba(0,0,0,.66), rgba(0,0,0,.33));
}

.schedule-container {
  width: 993px;
  margin: 0 auto;
}
.schedule-container hr, 
.schedule-container h2 {
  margin-bottom: 30px;
}
.schedule-tabs {
  width: 100%;
  height: 115px;
  overflow: hidden;
  margin-bottom: 20px;
}
a.schedule-tab {
  float: left;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  padding: 13px 0 0 0;
  margin: 0 13px 0 0;
  width: 130px;
  height: 110px;
  background: transparent url('../images/page-graphics-eu-14/schedule-day-tabs.png') no-repeat;
}
.schedule-tab.active {
  color: #777;
  background-position: -131px 0;
  text-shadow: 2px 2px 6px #fff;
}
.schedule-tab-date {
  display: block;
  color: #5bc2e7;
  text-shadow: 2px 2px 6px #15121d;
}
.schedule-tab.active .schedule-tab-date {
  color: #777;
  text-shadow: 2px 2px 6px #fff;
}
.schedule-tab.two-lines {
  padding-top: 5px;
  font-size: 14px;
}
.schedule-tab.second_last {
  margin-right: 5px;
}
.schedule-tab.last {
  margin-right: 0;
}
.schedule-time {
  width: 153px;
  float: left;
  margin-right: 15px;
}
.schedule-info {
  min-height: 40px;
}
.schedule-info-description {
  min-width: 135px;
  float: left;
  margin: 0 10px 10px 0;
}

.sponsorship-info-wrapper {
  float: left;
  margin: 0;
}
.schedule-sponsor {
  padding: 30px 0 0 0;
  text-align: center;
  position: relative;
}
.schedule-tracks {
  display: block;
  width: 100%;
  clear: both;
}
.schedule-track-col.last {
  margin-right: 0;
}
.schedule-track-col.long {
  width: 800px;
  margin-right: 0;
}
.schedule-track-col.long .schedule-track {
  width: 800px;
}

.schedule-track-col {
  width: 240px;
  float: left;
  margin-right: 11px;
}
.schedule-track-col hr {
  background-color: #4c4867;
  margin: 20px 0;
}
.schedule-track {
  width: 220px;
  min-height: 90px;
  padding: 15px 10px 0 10px;
  margin-bottom: 30px;
  z-index: 10;
  background: transparent url('../images/page-graphics-eu-14/schedule-block-background-header.png') no-repeat;
}
.schedule-briefing-title {
  font-size: 14px;
  color: #5bc2e7;
  text-transform: uppercase;
}
.schedule-briefing-speaker {
  color: #5bc2e7;
  display: inline-block !important;
}
.schedule-track:hover .schedule-briefing-title .more-briefing-title {
  display: block;
}
.schedule-track:hover .schedule-briefing-hidden-speakers {
  display: inline;
}
.schedule-track:hover .schedule-briefing-ellipses {
  display: none;
}
.schedule-track .schedule-briefing-ellipses {
  display: inline;
}
.schedule-track .schedule-briefing-title .more-briefing-title, 
.schedule-track .schedule-briefing-hidden-speakers {
  display: none;
}
.schedule-briefing-room {
  display: block;
  color: #fff;
}
.schedule-track a:hover {
  text-decoration: none;
}
.schedule-track a {
  display: block;
}
.schedule-sponsor-anchor {
  float: left;
  margin: 0 15px 25px 0;
  text-align: center;
  width: 153px;
  height: 90px;
  background: url('../images/page-graphics-asia-20/logo-bg.png') no-repeat top left;
  border-radius: 2px;
}
.schedule-sponsor-anchor img {
  border: none;
  vertical-align: middle;
}
.schedule-sponsor-anchor a {
  display: block;
  line-height: 50px;
  text-align: center;
}
.schedule-sponsor-anchor a:hover {
  text-decoration: none;
}
.schedule-sponsor-date {
  display: block;
  width: 155px;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  font-weight: normal;
  text-align: center;
}
.schedule-sponsor-anchor.with-date {
  margin-top: -20px;
  width: 100px;
  height: 50px;
}
.schedule-sponsor-anchor.with-date a {
  margin-top: -25px;
}
.schedule-three-cols .schedule-track-col {
  width: 260px;
}
.schedule-three-cols .schedule-track {
  width: 238px;
}
.sponsorship-info-wrapper {
  float: left;
  margin: 0;
}
.schedule-track:focus .sb-more-shown {
  display: inline-block;
}
.schedule-sponsor-date {
  text-align: center;
  display: block;
  position: inherit;
  top: inherit;
}
.schedule-briefing-room, 
.schedule-tab-date {
  display: block;
}
.schedule-track-bottom {
  display: block;
  z-index: 0;
  margin-top: -20px;
  margin-left: -10px;
  min-height: 61px;
  width: 240px;
  cursor: pointer;
  background: transparent url('../images/page-graphics-usa-14/schedule-block-background-footer-inactive.png') no-repeat;
}

#logo {
  margin-top: 39px;
}
.reg-button-right-margin {
  margin-right: 51px;
}
.header-date {
  margin: -4px 0 0 17px;
}

.sub a {
  background: 0 !important;
  text-transform: none !important;
  color: #5bc2e7 !important;
}
.no-left-margin {
  margin-left: 0 !important;
}
.small-clear {
  clear: both;
  height: 0;
  width: 0;
}
thead tr th {
  background-color: #3d96d0;
}
/* event-sponsors page */
.exhibitor-logo {
  float: right;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url('../images/page-graphics-asia-20/logo-bg.png') no-repeat top left;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  line-height: 20px;
  margin-left: 20px;
  max-height: 60px;
  max-width: 120px;
}
.turnbuckle_plus img {
  visibility: hidden;
}
.turnbuckle_plus.img {
  background: url('../images/page-graphics-asia-20/turnbuckle-plus.png') no-repeat top left;
  padding-bottom: 1px;
}
.turnbuckle_plus.img.selected {
  background: url('../images/page-graphics-asia-20/turnbuckle-minus.png') no-repeat top left;
}

.community_icon {
  background-position: -1247px -5px;
  display: inline-block;
}
#session-detail-display h2 {
  text-transform: none;
}
.session-title a {
  text-transform: none;
}
ul.training-courses h2 a {
  text-transform: none;
}
.container .span-18 .span-13 h2 a {
  text-transform: none;
}
.speaker-bio-wrapper h2 {
  text-transform: none;
}

.speaker-bio-wrapper .speaker-bio-title {
  display: none;
}

span.speaker-bio-comma.last-comma {
  display: none;
}

span.speaker-bio-comma.first-comma {
  display: none;
}

.speaker-bio-wrapper h2 .speaker-bio-company {
  display: block;
}
.container .span-18 .span-13 h2 a {
  text-transform: none;
}

ul.training-courses h2 a {
  text-transform: none;
}

p .social-icon {
  margin: 11px 7px 16px 3px !important;
}

div#speaker-bio-wrapper img {
  display: block;
  float: left;
  padding: 9px;
  margin-top: 10%;
  margin-left: 13px;
  position: relative;
  border: 1.3px solid #fff;
}

div#speaker-bio-wrapper h2 {
  position: absolute;
  margin-left: 1.4%;
}
div#speaker-bio-wrapper p {
  margin-top: 10%;
  display: table;
  margin-left: 0;
  padding-left: 16px;
}
div#speaker-bio-wrapper img[src=""] {
  display: none;
}

.speaker-bio-wrapper ul, .session-view-wrapper ul {
  margin: 40px 0 0 11px !important;
}
.session-title, .speaker-title {
  text-transform: capitalize !important;
}

.reg-padding {
  padding: 3px 12px !important;
}

/* Turn on/off visibility of 'products and services' link on event-sponsors.html */
span#sort_divider, a#sort_product_service {
  display: none;
}

/* In Briefings view, attempt to add some opacity to the background to make the text more legible */
.session_description_wrapper {
  background: rgba(0,0,0,.33);
  padding: 10px 0;
  position: relative;
}
.session_description_wrapper:after {
  background: linear-gradient(to right, rgba(0,0,0,.33), transparent);
  content: ' ';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: -2%;
  width: 2%;
}
.session_description_wrapper h2 {
  text-shadow: 0 2px 2px rgba(0,0,0,.9);
}


/* Top Bar Menu
  ************************************************************************************* */
#cssmenu {
  margin-top: -7px;
  display: block;
  padding: 0;
}
#cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
#cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
  line-height: 13px;
}
#header-links ul li {
  padding-left: 2px;
}
#cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 10px 20px 0 20px;
}
#cssmenu > ul > li > a:after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
}
#cssmenu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#cssmenu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#cssmenu ul li.has-sub:hover > ul, 
#cssmenu ul li.has-sub:hover > div {
  display: block;
}
#cssmenu ul li > ul, 
#cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 44px;
  padding: 3px 0;
  z-index: 999;
}
#cssmenu ul li > ul {
  margin: -10px 0 0 0;
  width: 170px;
}
#cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
  line-height: 13px;
}
#cssmenu ul li > ul li a {
  background-color: #1a658f;
  border-bottom: 1px solid #000;
  color: #fff;
  display: block;
  margin: -1px 0 1px 0;
  min-width: 120px;
  outline: none;
  padding: 10px 20px 1px 20px;
  position: relative;
  transition-timing-function: ease-out;
  transition: .5s;
}
#cssmenu > ul > li > ul > li a:hover {
  background-color: #0B496B;
  text-shadow: 0 1px 1px rgba(0,0,0,.9);
}
#cssmenu > ul > li > a:hover {
  background: linear-gradient(#013c51, transparent) repeat-x;
}
#social-wrapper {
  margin-top: 0;
}
#header-links ul li:first-child {
  border-left: 0;
}


/* Main Navigation
  ************************************************************************************* */
#css-main-nav-menu {
  background: none;
  display: block;
  padding: 0;
}
#css-main-nav-menu > ul  {
  list-style: inside none;
  padding: 0;
  margin: 0;
}
#css-main-nav-menu > ul > li  {
  list-style: inside none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
  position: relative;
}
#css-main-nav-menu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
}
#css-main-nav-menu > ul > li > a:after {
  content: '';
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -2px;
  z-index: 99;
}
#css-main-nav-menu ul li.has-sub .has-sub-dd {
  background: url('../images/page-graphics/triangle.blue.png') no-repeat 92% center;
}
#css-main-nav-menu ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
#css-main-nav-menu > ul > li.has-sub > a:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 6px;
}
#css-main-nav-menu > ul > li.has-sub:hover > a:before {
  top: 19px;
}
#css-main-nav-menu ul li.has-sub:hover > a {
  z-index: 999;
}
#css-main-nav-menu ul li.has-sub:hover > ul, #css-main-nav-menu ul li.has-sub:hover > div {
  display: block;
}
#css-main-nav-menu ul li > ul, #css-main-nav-menu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 60px;
  margin-left: 0;
  padding: 0;
  z-index: 999;
  box-shadow: 10px 5px 40px 1px #000;
}
#css-main-nav-menu ul li > ul {
  width: 216px;
}
#css-main-nav-menu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0;
  margin: 0;
  position: relative;
}
#css-main-nav-menu ul li > ul li a {
  background: #1a658f;
  border-bottom: 1px solid #000;
  color: #fff;
  display: block;
  font-family: "Lucida Grande", helvetica;
  margin: -1px 0 1px 0;
  min-height: 21px;
  outline: none;
  padding: 7px 20px 1px 20px;
  position: relative;
  text-transform: uppercase;
  transition-timing-function: ease-out;
  transition: .5s;
  width: 180px;
}
#css-main-nav-menu ul li > ul li a:before {
  content: '\203A\00a0'; /* › +   */
  display: block;
  position: absolute;
  top: 22%;
  left: 4%;
}
#css-main-nav-menu > ul > li > ul > li a:hover {
  background: #0b496b;
  text-decoration: none;
}

/* Flexible top level main menu items */
#css-main-nav-menu ul.css-main-nav-menu-container {
  display: flex;
}
#css-main-nav-menu ul li.main-nav-parent-container {
  flex: 1 0 auto;
}
#css-main-nav-menu ul li .main-nav-parent-link {
  background: #000;
  background: rgba(0,0,0,.8) url(../images/main-menu/main-nav-parent-link-bg.png) no-repeat center center;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  /*border-left: 1px solid #777;*/
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 57px;
  padding: 0 7px;
  
  text-align: center;
  text-shadow: 1px 1px 2px #000, 1px 1px 25px #5bc2e7;
  text-transform: uppercase;
  transition-timing-function: ease-in;
  transition: .5s;
  white-space: nowrap;
}/*
#css-main-nav-menu ul li:first-child .main-nav-parent-link {
  border-left: none;
}*/
#css-main-nav-menu ul li .main-nav-parent-link:focus,
#css-main-nav-menu ul li .main-nav-parent-link:hover {
  text-decoration: none;
}
#css-main-nav-menu ul li .main-nav-parent-link:hover {
  background: #10374b;
  background: rgba(16,55,75,.9);
  overflow: hidden;
  position: relative;
}
#css-main-nav-menu ul li .main-nav-parent-link:hover:after {
  background: url(../images/main-menu/main-nav-parent-link-bg-active.png) no-repeat center center;
  filter: opacity(.8);
  content: ' ';
  display: block;
  height: 100%;
  margin: 13% auto 0 auto;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}