/* ----- GLOBAL STYLES ----- */

html {
    position: relative;
    height: 100%;
}
body {
    font-family: "myriad-pro";
    font-size: 14px;
    line-height: 1.42857143;
    color: #4a4f52;
    background-color: #fff;
    height: 90%;
}
h1 {
    font-weight: 600;
    color: #4a4f52;
}
h2 {
    letter-spacing: -4px;
    font-weight: 600;
    color: #e1464b;
}
h3 {
    font-weight: 600;
    color: #406d94;
    white-space: nowrap;
}
h4 {
    font-weight: 600;
    color: #4a4f52;
}
h5 {
    font-weight: 400;
    color: #4a4f52;
    white-space: nowrap;
}
.navbar {
    font-family: "myriad-pro";
    font-style: normal;
    font-weight: 600;
}
.navbar-inverse {
    background-color: #4a4f52;
    border-color: #080808;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #4a4f52;
}
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #a8d0d9;
    background-color: #4a4f52;
}
.triwic_link {
    color: #e1464b;
    font-weight: 600;
    curson: pointer;
}
.triwic_link:hover {
    color: #e1464b;
    font-weight: 600;
}
.triwic_link:visited {
    color: #e1464b;
    font-weight: 600;
}
a.btn {
    color: #fff;
}
.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.btn-lg {
    font-weight: 600;
    padding: 10px 16px;
    font-size: 1.2em;
    line-height: 1.33333;
    border-radius: 0;
}
.btn-orange {
    background-color: #e1464b;
    color: #fff;
    border: 2px solid #e1464b;
}
.btn-orange:hover {
    background-color: #fff;
    color: #e1464b;
    border: 2px solid #e1464b;
}
.page-title {
    z-index: 0;
    margin-top: 50px;
    background-color: #a8d0d9;
    position:relative;
    overflow:hidden;
}
.page-title:before{
    z-index: -1;
    content:'';
    position:absolute;
    top:0; right:0;
    width:25%; height:100%;
    background-color: #fff;
    border-left:30px solid #406d94;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewX(140deg);
    -ms-transform:skewX(140deg);
    transform:skewX(140deg);
}
.page-title .container>h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    font-weight: 600;
    font-size: 1.5em;
}
.page-title a i {
    color: #406d94;
    font-size: 130%;
    margin-top: 2px;
}
.page-title a:hover i {
    color: #2e3956;
}
.page-container {
    margin-top: 2.5%;
    height: 87%;
}
.page-container h4 {
    font-size: 1.5em;
    margin-bottom: 15px;
}
.page-container h5 {
    font-size: 1.2em;
    margin-top: 8px;
    margin-bottom: 8px;
}
.page-container p {
    margin-top: 15px;
}
a .fa {
    color: #e1464b;
    margin-right: 5px;
}
a:hover {
    text-decoration: none;
}-
/* ----- END GLOBAL STYLES ----- */

/* ----- INDEX ----- */
.index-container {
    height: 50%;
    width: auto;
}
.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.centered-xs {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -80%);
    margin-top: 60px;
}
#notification {
	width: 280px;
	height: 350px;
	background-color: #e05e42;
	z-index: -8;
}
#welcome-img-xs {
    margin-left: -20px;
}
#welcome-img-xs img{
    width: 90%;
    height: auto;
}
#welcome-img-sm {
    margin-left: -20px;
}
.welcome-font-xs {
    margin-left: 0;
    padding-left: 0;
    padding-top: 10px;
}
.welcome-font-xs h2 {
    font-size: 3em;
    margin-top: 23px;
    line-height: .5em;
}
.welcome-font-xs h1 {
    font-size: 4.5em;
    line-height: .5em;
}
#welcome-btn {
    margin-top: 10%;
}
/* ----- END INDEX ----- */

/* ----- REGISTER ----- */
.scholarship {
    background-color: #a8d0d9;
    padding: 8px 15px;
}
.package-container {
    height: 100%;
}
.package {
    height: 100%;
}
.panel-triwic > .panel-heading{
    background-color: #4a4f52;
    color: #fff;
    height: 22%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 0;
}
.panel-title {
    color: #fff;
}
.panel-details-sm {
    height: 38%;
}
.price {
    font-size: 550%;
    font-weight: 600;
    height: 25%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.price-sm {
    font-size: 350%;
    font-weight: 600;
    margin-top: 5px;
    height: 5%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.purchase-btn {
    margin-bottom: 12px;
}
.purchase-btn-sm {
    width: 90%;
}
.participate {
    height: 100%;
}
.participate-container {
    height: 100%;
}
.participate-highlight {
    height: 100%;
    border: solid #eee 1px;
    padding: 20px 30px;
}
.package-panel {
    height: 100%;
    border: solid #4a4f52 1px;
    border-radius: 0;
}
.package-panel-title {
    color: #fff;
    text-transform: uppercase;
}
.panel {
    height: 95%;
    border: solid #4a4f52 1px;
    border-radius: 0;
}
.panel-body {
    height: 75%;
}
.panel-body h5 {
    padding-top: .2%;
    padding-bottom: .2%;
}
.panel-details {
    height: 42%;
}
.panel-body-sm {
    height: 50%;
}
.panel-body-sm h5 {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 4px;
    margin-bottom: 4px;
}
.register-sidebar {
    position: relative;
    height: 100%;
    background-color: #a8d0d9;
    padding-top: 2%;
}
/* ----- END REGISTER ----- */

/* ----- SPEAKERS ----- */
.speaker-sm {
    cursor: pointer;
    height: 100%;
}
.speaker-img {
    width: 100%;
    height: auto;
}
.speaker-img-sm{
    width: 80px;
    height: auto;
    padding: 8px 10px 8px 0;
}
.speaker-info-sm h5 {
    font-weight: 600;
}
.speaker-info-sm p {
    margin-top: 5px;
}
.speaker-info h4 {
    margin-top: 2px;
}
.speaker-info h5 {
    font-weight: 600;
}
.arrow-sm {
    height: 100%;
}
.arrow-sm i {
    height: 80px;
    padding-top: 32px;
}
.back-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.highlighted-speaker {
    height: 58%;
    padding-top: 2%;
}
.speaker-social {
    margin-top: 30px;
}
.speaker-list {
    padding-top: 1%;
}
div.wrapper{  
    position:relative;
    overflow:hidden; 
} 
div.wrapper:hover div.description{
    bottom:0;
}
div.description{  
    width:84.5%;
    height:130%;
    position:absolute;
    bottom:-105%;
    left:15px;
    margin-top:-120px;
    background-color: rgba(0,0,0,0.85);
} 
.description {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
}
p.description_name{  
    padding:10px;  
    margin:0px; 
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
} 
p.description_content{ 
    padding:10px;
    margin:0;
    color: #fff;
}
.description i {
    height: 80%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 42%;
}
/* ----- END SPEAKERS ----- */

/* ----- LOCATION ----- */
.location {
    height: 55%;
}
.map {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.map_sm {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}
.map-directions {
	cursor: pointer;
	text-transform: uppercase;
	color: #83a03d;
	font-weight: 600;
}
.map-directions:hover {
	color: #e05e42;
}
.xs-hr {
    margin-bottom: 10px;
}
.venue-info {
    padding-left:0;
}
.venue-info-xs {
    padding-left:0;
}
.venue-info-xs h3{
    margin-top: 0;
    margin-bottom: 0;
}
.venue-info .btn {
    margin-top: 15px;
}
.hotel-info .btn {
    margin-top: 15px;
}
.hotel-info-xs h3 {
    margin-top: 0;
}
.hotel-list p{
    margin-top: 2px;
    margin-bottom: 2px;
}
.hotel-list a {
    cursor: pointer;
    color: #e1464b;
}
/* ----- END LOCATION ----- */

/* ----- COMMITTEE ----- */

.committee-container {
    height: 95%;
}
.committee-xs hr {
    margin: 10px 0px 5px 0px;
}
.committee-subtitle {
    margin-bottom: 2%;
    text-transform: uppercase;
}
.committee-subtitle h5{
    font-weight: 600;
}
.committee-row {
    margin-bottom: 2%;
}
.committee-img-xs{
    width: 80px;
    height: auto;
    padding: 8px 10px 8px 0;
}
.committee-img img{
    max-width: 100%;
    height: auto;
    border: solid #eee 2px;
    border-radius: 4px;
}
.committee-info {
    padding-left: 0;
}
.committee-info h5{
    margin: 0;

    font-weight: 600;  
}
.committee-info-xs h5{
    font-size: 100%;
    font-weight: 600;  
}
.committee-info p{
    margin-top: 7px;
    margin-bottom: 7px;
}
.committee-info-xs p{
    margin-top: 7px;
    margin-bottom: 7px;
}

/* ----- END COMMITTEE ----- */

.banner {
    background-color: #e05e42;
    padding: 20px 10px;
}
.banner h4 {
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
}
.highlight-title h4 {
    text-transform: uppercase;
}
.highlight-title h5{
    font-style: italic;
    color: #e1464b;
    font-size: 600;
}
.participate-sidebar {
    position: relative;
    height: 100%;
    background-color: #e1464b;
    padding-top: 2%;
}
.sidebar-container {
    height: 10%;
    overflow: hidden;
    border-bottom: dotted #fff 1px;
}
.sidebar-btn {
    cursor: pointer;
}
.sidebar-container:hover {
    background-color: #C73E42;
}
.sidebar-btn h5 {
    color: #fff;
    height: 65%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.date-panel {
    height: 40%;
}
.date-details {
    height: 80%;
    width: 23%;
    background-color: #eee;
    margin-left: 1.5%;
    padding-top: 1%;
}
.date {
    height: 20%;
    width: 23%;
    background-color: #4a4f52;
    margin-left: 1.5%;
}
.date h5 {
    color: #fff;
    padding-top: 6px;
    font-weight: 600;
}
.fa-calendar {
    margin-right: 8px;
}
.requirements-panel {
    border: solid #83a03d 1px;
    margin-top: 3%;
    margin-bottom: 2%;
}
.requirements-panel > .panel-heading {
    background-color: #406d94;
}

.calendar-container {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.participate-sm h4, h5 {
    line-height: 1em;
    margin-top: 8px;
    margin-bottom: 8px;
}
.panel-heading {
    border-radius: 0;
}
.participate-container {
    height: 100%;
}
.poster-announce {
    margin-top: 5%;
    height: 40%;
    border: solid #406d94 1px;
}
.poster-title {
    background-color: #a8d0d9;
    height: 100%;
}
.poster-title h4 {
    height: 65%;
    color: #406d94;
}
.poster-description {
    padding-top: 10px;
    height: 100%;
}
.poster-description h3 {
    position: absolute; 
    top: 30px; 
    left: -50px; 
    width: 100%; 
    z-index: 0;
    color: #fff;
    text-align: right;
    font-weight: 600;
}
.poster-description h5 {
    position: absolute; 
    top: 85px; 
    left: -50px; 
    width: 100%; 
    z-index: 0;
    color: #fff;
    text-align: right;
    font-weight: 600;
}
.poster-description img {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 95%;
    z-index: -1;
}
.panel-title1 {
    text-transform: uppercase;
    font-size: 160%;
}
.sponsor-row-sm {
    height: 15%;
}
.sponsor-row {
    height: 25%;
}
.sponsor-row-lg {
    height: 35%;
}
.sponsor-list {
    padding-top: 1%;
}
.sponsor-list-pad {
    padding-top: 5%;
}
.sponsor-list h4 {
    text-transform: uppercase;
}
.sponsor-img{
    width: 100%;
    height: auto;
    background-color: #fff;
    border: solid #eee 2px;
}
.sponsor-img-pad {
    margin-top: 10px;
}
.sponsor-img-xs {
    width: 100%;
    height: auto;
    background-color: #fff;
    border: solid #eee 1px;
}
.sponsor-pad {
    margin-bottom: 15px;
}
.test {
    border: solid #000 2px;
}
.track-btn-active {
    background-color: #e1464b;
}
h4 .track-btn-active {
    color: #fff;
    font-weight: 600;
    font-size: 70%;
}
h4 .track-btn-active:visited {
    color: #fff;
    font-weight: 600;
}
h4 .track-btn{
    color: #e1464b;
    font-weight: 600;
    font-size: 70%;
}
.schedule-tracks {
    height: 10%;
}
.schedule {
    height: 90%;
    overflow-y: scroll;
    overflow-x: hidden;
    border: solid #a8d0d9 8px;
    background-color: #a8d0d9;
}
.schedule-sm {
    cursor: pointer;
    height: 100%;
	display: flex;
	justify-content: center;
}
.schedule-sm > div {
	align-self: center;
	padding-right: 0px;
}
.list-row {
	height: 60px;
}
#schedule::-webkit-scrollbar{
    width:14px;
    background-color:#406d94;
} 
#schedule::-webkit-scrollbar-track{
    background-color: #fff;
}
#schedule::-webkit-scrollbar-thumb{
    background-color:#406d94;
}
#schedule::-webkit-scrollbar-thumb:hover{
    background-color:#e1464b;
}
#schedule::-webkit-scrollbar-thumb:active{
    background-color:#e1464b;
} 
.schedule-event {
    height: 10%;
    background-color: #fff;
    margin-right: 8px;
}
.schedule-event a {
    color: #4a4f52;
}
.schedule-image {
	width: 100%;
	height: auto;
	margin-top: 0px;
}
.workshop-image {
	margin-top: -45px;
}
.schedule-day {
    height: 100%;
    background-color: #406d94;
    border: solid #a8d0d9 2px;
    border-right: solid #a8d0d9 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.schedule-day h5 {
    color: #fff;
    text-transform: uppercase;
}
.schedule-time {
    height: 100%;
    border-top: solid #a8d0d9 2px;
    border-bottom: solid #a8d0d9 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.schedule-title {
    height: 100%;
    border-top: solid #a8d0d9 2px;
    border-bottom: solid #a8d0d9 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.distinguished div{
	font-weight: 600;
	background-color: #ededed;
}
.distinguished div span {
	font-weight: 600;
	text-transform: uppercase;
}
.schedule-location {
    height: 100%;
    border-top: solid #a8d0d9 2px;
    border-bottom: solid #a8d0d9 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.schedule-register {
    height: 100%;
	background-color: #e1464b;
	color: #fff;
	padding:0;
	text-transform: uppercase;
	font-weight: bold;
    border-top: solid #a8d0d9 2px;
    border-bottom: solid #a8d0d9 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
	justify-content: center;
}
div#event_details {
	height: 62%;
	overflow-y:scroll;
	overflow-x:hidden;
}
#event_details::-webkit-scrollbar{
    width:14px;
    background-color:#c2da60;
} 
#event_details::-webkit-scrollbar-track{
    background-color: #fff;
}
#event_details::-webkit-scrollbar-thumb{
    background-color:#83a03d;
}
#event_details::-webkit-scrollbar-thumb:hover{
    background-color:#e05e42;
}
#event_details::-webkit-scrollbar-thumb:active{
    background-color:#e05e42;
} 
div.wrapperOpen{  
    position:relative;
    overflow-x:hidden; 
} 
div.wrapperOpen div.event{
    left:-75%;
	top: 0;
}
div.wrapperClose{  
    position:relative;
    overflow-x:hidden; 
}
div.wrapperClose div.event {
    left: 0;
}
div.event{  
    width:70%;
    height:100%;
    position:absolute;
    right:0;
    left:0;
    margin-left:105%;
    background-color: #fff;
    border-left: 4px solid #a8d0d9;
    border-top: 2px solid #a8d0d9;
    border-bottom: 2px solid #a8d0d9;
    z-index: 10;
} 
.event {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    height: 100%;
}
p.event_name{  
    padding:10px;  
    margin:0px; 
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
} 
p.event_content{ 
    padding:10px;
    margin:0;
    color: #fff;
}
.event i {
    margin-top: 5px;
    cursor: pointer;
}
.reg-img {
	width: 100%;
	height: auto;
	margin-top: 5%;
	margin-bottom: 10%;
}
.spkr-img {
	width: 100%;
	height: auto;
}
.exec-img {
	width: 100%;
	height: auto;
}
.movie-img {
	width: 100%;
	height: auto;
}

.btn-close {
    background-color: #e05e42;
}

.chair-row {
    margin-bottom: 3%;
}
.chair-img-sm {
    width: 104px;
    height: auto;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;

}
.footer p {
    padding-top: 10px;
}

/* ----- MEDIA QUERIES ----- */

/* Extra small devices (phones, less than 768px) */
@media (min-width: 451) and (max-width: 767){
h1 {
    font-size: 6em;
    line-height: .75em;
}
h2 {
    font-size: 4em;
    line-height: .6em;
}
h3 {
    font-size: 2.3em;
}
h4 {
    font-size: 1.4em;
}
h5 {
    font-size: 1.25em;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { 
.nav li a {
    padding-left: 11px;
    padding-right: 11px;
}
h1 {
    font-size: 9em;
    line-height: .75em;  
}
h2 {
    font-size: 5em;
    line-height: .6em;
    margin-top: 50px;
}
h3 {
    font-size: 3.3em;    
}
h4 {
    font-size: 2em;
    margin-top: 30px;
    margin-bottom: 30px;
}
h5 {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { 
.nav li {
    padding-left: 12px;
    padding-right: 12px;
}
h1 {
    font-size: 9.75em;
    line-height: .55em;  
}
h2 {
    font-size: 4em;
    margin-top: 70px;
}
h3 {
    font-size: 2.4em;
    margin-top: 25px;
}
h4 {
    font-size: 2em;
    margin-bottom: 30px;
}
h5 {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
}
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.nav li {
    padding-left: 22px;
    padding-right: 22px;
}
h1 {
    font-size: 10.55em;
    line-height: .85em;  
    margin-top: 0;
    margin-bottom: 0;
}
h2 {
    font-size: 4em;
    margin-top: 60px;
    margin-bottom: 0;
}
h3 {
    font-size: 2.62em;
    margin-top: 0;
    margin-bottom: 0;
}
h4 {
    font-size: 2em;
    margin-bottom: 30px;
}
h5 {
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 30px;
}
}
/* ----- END MEDIA QUERIES ----- */