#shadow-host-companion {
  padding: 0;
}
.pricing-table .price {
    font-size: 36px;

}

/* Headings */
.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 {
    color: #ffffff;
    font-family: "Lato", Arial, Open Sans, sans-serif;
  	font-weight: 700;
}

.image-bg h2 {
  font-size: 3.5em;
  line-height: 50px;
}

h3.uppercase {
    font-family: "Lato", Arial, Open Sans, sans-serif;
}

h1, h2, h3, h4, h6, .h1, .h2, .h3, .h4, .h6 {
    font-family: "Lato", Arial, Open Sans, sans-serif;
  	color: #2c55a2;
    font-weight: bold;
}

h5, .h5 {
  	font-family: "Lato", Arial, Open Sans, sans-serif;
  	color: #2c55a2;
    font-weight: bold;
}

h3 {
    font-size: 32px;
}

/* Table */
table {
  border: 1px solid #000000;
}

tr, th, td {
  border: 1px solid #000000;
}


/* Menu Bar */
.menu li a {
    font-size: 16px;
    text-transform: capitalize;
  	font-weight: 700;
  	color: #2c55a2;
    opacity: 1;
}

.menu li a:hover {
  opacity: 0.5!important;
}

.menu {
    font-family: "Lato", Arial, Open Sans, sans-serif;
}

.nav-utility {
    border-bottom: 1px solid #014891;
  	background: #ffffff;
  	color: #014891;
  	height: 50px;
    line-height: 48px;
}

.nav-bar {
    height: 85px;
    max-height: 85px;
    line-height: 83px;
}

/* Logo */
.logo {
    max-height: 140%;
}

/* Language Selector */

.module.widget-handle {
    background-color: #ffffff;
}
select {
    background: #f2f2f2;
}

select:focus {
    background: #f2f2f2;
}

/* Main Text */
body {
    font-family: "Lato", Arial, Open Sans, sans-serif;
  	font-size: 14px;
    color: #303011;
}

hr {
    border: none;
    border-top: 1px solid #292929;
    margin: 0 0 24px 0;
    width: 100%;
}

/* Buttons */
.image-bg .btn.btn-filled, .image-bg .btn-filled:visited {
    border-color: #004d44;
  	border-radius: 0px!important;
  	line-height: 44px;
}

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
    background: #fff;
    color: #004d44;
}

.btn:hover {
    background: #fff;
    color: #004d44;
  	border-color: #004d44;
}

.btn-white:visited, .btn:visited:hover {
    color: #004d44;
}

.btn:visited {
    color: #ffffff;
}

.btn-filled {
    background: #004d44;
  	line-height: 44px!important;
}

.btn-filled-reg {
    background: #004d44;
  	line-height: initial !important;
}

.btn-modal {
  	color: #ffffff;
    background: #004d44;
  	line-height: 32px!important;
}

.btn {
  	border: 2px solid #004d44;
  	border-radius: 0px;
  	font-family: "Lato", Arial, Open Sans, sans-serif;
  	font-size: 16px;
  	line-height: 32px;
  	text-transform: capitalize;
  	min-width:250px;
  	color: #ffffff;
  	background-color: #004d44;
}

.btn:focus, .btn.focus {
  color: #ffffff;
}

.bg-primary input[type="submit"], .bg-primary button[type="submit"] {
    background: #004d44;
    color: #ffffff;
    border-color: #004d44;
}

.bg-primary .btn:hover {
    background: #fff;
    color: #275138;
}

input[type="submit"], button[type="submit"] {
    border: 2px solid #004d44;
    background: #004d44;
  	font-size: 16px;
  	padding: 0px 10px 10px 10px;
}

/* Registration */
.text-black {
    color: #333333!important;
}

/* Agenda */
.button-tabs .active .tab-title {
    background: #f27e37;
    color: #fff;
}

.button-tabs .active .tab-title:hover {
    background: #f27e37;
}

.button-tabs .tab-title span {
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.mt40 {
    margin-top: 15px;
}

.mb40 {
    margin-bottom: 15px;
}

/* Custom Sections */
.cs-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Speakers */
.modal-body {
    font-size: 18px;
}

/* Venue and Map */
.image-square {
    background: #fafafa;
}

/* Banner Background */
.overlay:before {
    background: #292929;
}

/* Parralax Scroll */
.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
    height: 120vh;
}

/* Links */
a {
    color: #2c55a2;
}

a:hover {
    color: #8dabbd;
}

/* Primary Color */
.color-primary {
    color: #327f95 !important;
}

/* Section Color */
.bg-primary {
    background: #8dabbd !important;
}

.bg-footer {
	background: #f0f2f2 !important;
}

.bg-secondary {
    background: #f6f6f2;
}

.bg-reg-banner {
  	background: #004d44;
}

/* Section */
section, footer {
    padding: 76px 0;
}

/* Experience */
.bg-experience {
  	background: #00a2ce;
}

.text-white {
  	color: #ffffff;
}

/* Form */
.panel-heading {
    background-color: #f2f2f2;
}

td, th {
    padding: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

input, button, select, textarea {
    font-family: "Lato", Arial, Open Sans, sans-serif;
}

select {
    text-transform: capitalize;
  	font-size: 16px;
  	font-weight: normal
}

.progress-bar {
    background: #327f95;
}

.form-control {
    font-size: 16px;
    color: #666666;
}

small, .small {
    font-size: 1em;
}

.col-sm-6-thank-you {
    width: 100%;
}

.reg-page h2 {
  	font-family: "Lato", Arial, Open Sans, sans-serif;
  	font-size: 24px!important;
}

h6, .h6 {
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
}

.form-heading {
  	font-family: "Lato", Arial, Open Sans, sans-serif;
	font-size: 16px;
    line-height: 32px;
    font-weight: 700;
  	color: #327f95;
}

.survey-header-label {
  	font-size: 20px;
}

/* Mobile */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }

}

@media (max-width: 767px){
p {
    font-size: 16px;
}
  }

@media (max-width: 767px){
.col-sm-6-thank-you{
	padding-left: 15px;
  	padding-right: 15px;
}
}

@media (max-width: 990px){
.mobile-toggle {
    border-left: none !important;
    border-bottom: none !important;
}
}


/* AGENDA */

#accordionExample .agenda-header {
  
    border-bottom: solid 1px #cccccc;
    padding: 10px;
    background-color: #efefef;
    text-align: center;
	cursor: pointer;
}


#accordionExample .agenda-header div.h2 {
  font-size: 1.8rem;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px;
  font-weight: normal;
      font-family: "Lato", Arial, Open Sans, sans-serif;

}

#accordionExample .agenda-header div.h2:after {
  display: inline-block;
    margin-left: 1em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#accordionExample .number {
  text-align: center;
}

#accordionExample .card-body h4 {
  font-size: 1.5rem;
}

#accordionExample .card {
  text-align: center;
  border: solid 1px #efefef;

    	border-radius: 5px;
  margin-bottom: 1em;

  
}

#accordionExample .card-body {
    padding: 10px 20px;

}

#accordionExample .card-body div:last-of-type hr {
  display: none;
}

#accordionExample .pull-left {
  float: none !important;
}



.feature.boxed.highlight-item-sized {
  	padding: 32px;
    background: #f8f8f8;
    max-width: 31.3333%;
  	min-width: 200px;
    width: 31.3333%;
    align-items: stretch;
    align-self: stretch;
    flex-grow: 1;
    margin: 1%;
   	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  	-webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
}

.feature.boxed.highlight-item-sized img {
  width: auto;
  max-height: 200px;
  margin: 1rem auto;
  margin-bottom: 2rem;
}

#highlights .modal .modal-dialog {
  
}
#highlights .modal .modal-header {
  border-bottom: 0;
}
#highlights .modal .close {
  font-size: 30px;
}

#highlights .modal img {
    max-width: 400px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2rem;
    display: block;
}

#highlights .modal h5 {
  text-align: center;
  margin-bottom: 2rem;
}

#highlights .modal .content {
  padding: 0 2rem;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
      width: 700px;
      margin: 30px auto;
  }
}

@media (max-width: 767px) {
h3 {
    font-size: 26px;
}
}

@media (max-width: 990px) {
    .mobile-toggle i {
        line-height: 73px !important;
    }
}

@media (max-width: 767px) {
.image-bg h2 {
    font-size: 2.75em!important;
    line-height: 50px;
}
}