@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,600,500,400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:700,600,500,400,300);

/*==========  SCSS IMPORTS  ==========*/
/* ---------------------------------------------- /*
 * General styles
/* ---------------------------------------------- */

body {
	font: 400 12px 'Open Sans', 'Roboto Condensed', serif;
	padding-top: 140px;
	background-color: #122d45;
}

body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer {
    z-index: 0;
}

img {
  max-width: 100%;
  height: auto; 
}

a {
  color: #000000; 
}

a:hover {
  color: #999;
  text-decoration: none;
}

button.btn-session-filter > *, button.btn-presentation-filter > *, .open-modal-links > *, .presentation-details > * {
  pointer-events: none;
}

/* Required for IOS to register "click" event */
.presentation-details {
	cursor: pointer;
}


.primary-color {
	color: #898F4B;
}

.secondary-color {
	color: #005e97;
}

.secondary-color-bg {
	background-color: #005e97;
}

.primary-color-bg, .primary-color-bg:active, .primary-color-bg:visited {
	background-color: #898F4B;
	transition: all 0.4s; 
}

.primary-color-bg:hover {
	background-color: #898F4B;
	text-decoration: none;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    height: auto;
}
  
.cbp-caption-defaultWrap { 
	border: 1px solid #CDCDCD;
 }

.loader {
	font-size: 28px;
	color: #8b8b8b
}
.hide-loader {
	display: none;    
}

.hr-wide {
	margin-top: 5px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #444;
}
 

.icon-blue {
	color: #0a81b2;
}   
 
 

/* ---------------------------------------------- /*
 * Loading Spinner
/* ---------------------------------------------- */

/* Absolute Center Spinner */
.loading {
	display:none;
	position: fixed;
	z-index: 999;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.5);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 50px;
  height: 50px;
  margin-top: -0.5em;

  border: 5px solid rgba(33, 150, 243, 1.0);
  border-radius: 100%;
  border-bottom-color: transparent;
  -webkit-animation: spinner 1s linear 0s infinite;
  animation: spinner 1s linear 0s infinite;


}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ---------------------------------------------- /*
 * General Elements - standardised
/* ---------------------------------------------- */

.general-container {
	overflow: hidden;
    margin: 40px auto 0;
    clear: both;
}

.general-title {
	border-bottom: 1px solid #cdcdcd;
    margin-bottom: 22px;
    color: #444;
} 

.general-title span {
	border-bottom: 1px solid #747474;
    display: inline-block;
    margin: 0 0 -1px 0;
    font-weight: 400;
	font-size: 16px;
	line-height: 36px;
    padding: 0 5px 0 0;
}


.general-list {
	margin: 0;
    padding: 0;
    list-style: none;
}

.general-list li {
	border-bottom: 1px dotted #DFDFDF;
    padding: inherit;
    color: #666;
    font-weight: 400;
	font-size: 12px;
	line-height: 30px;
}

.general-list strong {
	display: inline-block;
    color: #696969;
    font-weight: 600;
    min-width: 100px;
}

.general-list .list-header {
	text-transform: uppercase;
	color: #a7a7a7;
	font-weight: 600;
}


 
/* ---------------------------------------------- /*
 * Transition elsements
/* ---------------------------------------------- */
.wow {
   visibility: hidden;
}

.navbar a, .form-control {
  -webkit-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s; }

a, .btn {
  -webkit-transition: all 0.125s ease-in-out 0s;
  transition: all 0.125s ease-in-out 0s; 
  cursor: pointer;
}

/* ---------------------------------------------- /*
 * Reset box-shadow
/* ---------------------------------------------- */
.btn, .form-control, .form-control:hover, .form-control:focus, .navbar-custom .dropdown-menu {
  box-shadow: none; }

/* ---------------------------------------------- /*
 * Typography
/* ---------------------------------------------- */
p {
	font-size: 13px;
}
h1, h2, h3, h4, h5, h6, .container-1 input#search, .container-2 input#search, .container-1 select#select, .container-1 input#submit {
	letter-spacing: 0px;
	margin: 5px 0 5px;
	color: #303030;
}

h1, h2, h3, h4, h5, h6, .container-1 input#search, .container-2 input#search, .container-1 select#select, .container-1 input#submit  {
	text-transform: uppercase;
}

h1, h2, h3, h4 {
    font-weight:700;
}

h1 {
	font-weight: 700;
}

h3 {
	font-size: 18px;
	margin: 0 0 5px; 
	line-height: 1.1;
	font-weight: 700;
}

h4, .container-1 input#search,  .container-2 input#search, .container-1 input#submit {
  letter-spacing: .0125rem;
  font-weight: 600;
}

h5 {
  font-size: 12px;
  font-weight: 400; 
}

h6 {
	font-size: 11px;
	font-weight: 400; 
}

.tasks_summary {
	padding: 10px 20px;
}


input[type=text], input[type=email], input[type=password], textarea {
    background-color: rgb(243, 243, 243);
    border-color: #d4d4d4;
    color: #333;
    font-weight: 700;
    padding: 10px 20px;
    font-size: 14px;
}

.presentation-details:hover {
	cursor: pointer;
}


/* LIGHT VERSION */
.container-light h1, .container-light h2, .container-light h3, .container-light h4, .container-light h5, .container-light h6, .container-light p, .container-light small, .container-light label, .container-light span, .container-light a, .container-light div {
    color: #FFF;
}

.container-light a {

}

.container-light a:hover {
	background-color:#FA8034;
	color: #FFFFFF;
	border-color: #FFFFFF;
	
}

.container-light h3, .container-light h2 {
    font-weight: 800;
}

.container-light .panel-body {
    background-color: transparent;
}

.container-light input[type=text], .container-light input[type=password] {
    background-color: #FA8034;
    border-color: #FFFFFF;
    color: white;
    padding: 10px 20px;
    font-size: 14px;
}

.container-light input[type=button], .container-light .btn {
    background-color: #122d45;
    border: 2px solid #FFFFFF !important;
    color: white;
}

.container-light #user_email {
	color: #FFF;
	font-weight: 700;
	font-size: 1.5em;
}

.container-light ::-webkit-input-placeholder {
    color:#FFF9;
}

.container-light ::-moz-placeholder {
    color:#FFF9;
}

.container-light ::-ms-placeholder {
    color:#FFF;
}

.container-light ::placeholder {
    color:#FFF9;
}


.container-light .field {
    width: 100%;
}

/* END LIGHT VERSION */


/*--------- Loader Animation ---------------*/
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #005e96;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}
/*------ END Loader Animation ----------*/




/*--------- Search Overlay ---------------*/
.search-overlay-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 1039;
  display: none;
  background-color: rgba(0, 0, 0, 0.18);
}

.search-overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1040;
  top: 0;
  right: 0;
  background-color: #FFF;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 5px 2px;
}

.search-overlay-open {
	width: 750px;
}

.search-overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.search-overlay-inner {
    padding: 70px 30px 20px;
}

.search-overlay input {
    width: 100%;
    border: 3px solid #f91174;
    padding: 15px 20px;
    background-color: #ffffff;
    font-size: 1.9rem;
    text-transform: uppercase;
}

.search-overlay input:focus{
    outline: none;
}

.search-result {
	margin: 10px 0 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 0 10px;
    border-bottom: 1px solid #DED;
}

.search-result-image {
	width: 140px;
}

.search-result-details {
	padding-left: 20px;
	flex: 1;
    width: 250px;
}

.search-result-details h4, .search-result-details h5 {
	text-transform: none;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	
}

.search-result-type, .search-result-session {
	padding: 5px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-result-type {
    background-color: #EEF;
}

.search-result-session {
    background-color: #a6ff9b;
}

.search-result-type h6, .search-result-session h6 {
	font-size: 11px;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.search-overlay-open {
		width: 100%;
	}
	
	.search-result-image {
		display: none;
	}
	
	.search-result-details {
		padding-left: 0;
		flex: 1;
		width: 200px;
	}
}	

/*--------- END Search Overlay ---------------*/


/*--------- Loader Animation ---------------*/
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  width: 13px;
  background: #005e96;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%, 100% {
    top: 19px;
    height: 26px;
  }
}
/*------ END Loader Animation ----------*/



/*============= Sessions Page =================*/

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  right: 0;
  text-align: left;
  min-width: 600px;
  width: 600px;
  cursor: pointer;
}

/* Links inside the dropdown */
.dropdown-content .dropdown-item {
  color: #333;
  text-decoration: none;
  display: flex;
  color: #333;
	
}

.dropdown-content .name {
	font-weight: 600;
	font-size: 1.8rem;
	white-space:nowrap;
	text-overflow: ellipsis;
    overflow-x: hidden;
	padding: 8px;
	max-width: 560px;
  
}

/* Change color of dropdown links on hover */
.dropdown-content .dropdown-item:hover {
	background-color: #898F4B;
	color: white;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display:block;
}

.dropdown-content .icon {
	visibility: hidden;
	width: 28px;
    height: 34px;
    padding: 8px 8px;
}

.dropdown-content .active {
	visibility: visible;
	color: #898F4B;
    font-size: 2rem;
}

.day-container {
	display: none;
	padding: 30px 0 20px;
	animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

.empty-session, .empty-presentations {
	display: none;
	padding: 40px 0;
}

.empty-session h2, .empty-presentations h2 {
	color: #bdbdbd;
}

.btn-session-filter, .btn-presentation-filter {
    width: 150px;
}

.btn-day-filter, .btn-session-filter, .btn-presentation-filter {
	transition: ease 0.3s;
	font-size: 13px;
}

.btn-day-filter:hover,  .btn-session-filter:hover, .btn-presentation-filter:hover, .btn-day-filter.active, .btn-session-filter.active, .btn-presentation-filter.active {
	background-color: #898F4B;
	color: #FFF;
}


/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

.day-active, .day-container.active {
	display: block;
}

.session-item {	
	display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 150px 150px auto;
	padding: 20px 0 30px;
}

.session-item .session-time {
	font-weight: 600;
    font-size: 2rem;
    color: #303030;
}

.session-item .session-image img {
	/*width: 180px; */
    border: 1px solid #cbcbcb;
}


.session-item h2 {
	font-size: 2.1rem;	
}

.session-item i {
	color: #0075af;
} 



  
/* ---------------------------------------------- /*
 * Presentations List Page
/* ---------------------------------------------- */

.presentations-container {
    display: grid; 
    grid-template-columns: repeat(auto-fill, minmax(250px, 280px)); 
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: space-between;
}

.presentation-item {
    background-color: transparent;
}

.presentation-image-container {
  position: relative;
  width: 100%;
  height: auto;
}
.presentation-image-container img {
 width:100%;
}


.presentation-image-container .image {
  display: block;
}

.presentation-image-container .overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}

.presentation-image-container:hover .overlay {
  bottom: 0;
  height: 100%;
}

.presentation-image-container .overlay-contents {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.presentation-item .presentation-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 21px;
    color: #474747;
    margin-top: 15px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.presentation-item .presentation-desc {
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #888888;
    margin-top: 5px;
}


/* ---------------------------------------------- /*
 * Rating Page
/* ---------------------------------------------- */

.rating-item {	
	display: grid;
    grid-column-gap: 30px;
    grid-template-columns: 80px auto 150px;
    padding: 10px 15px 10px;
    background-color: #f3f3f3;
    margin: 10px 0 20px;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 5px 2px;
	align-items: center;	
}

.rating-item .rating-time {
	font-weight: 600;
    font-size: 2rem;
    color: #303030;
}

.rating-item .rating-image img {
	/*width: 180px; */
    border: 1px solid #cbcbcb;
}

.rating-item .rating-score {
	text-align: center;
}


.rating-item h2 {
	font-size: 2.1rem;	
}

.rating-item i {
	color: #0075af;
} 

#rating-comments {
	padding: 20px 0 30px;
}

.rating-comment {
	background-color: #f1f3f6;
    border: 1px solid #eaeaea;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 5px 0px;
}


.rating-comment h5 {
	font-weight: 600;
}

.rating-comment small {
	display: block;
    position: absolute;
    right: 15px;
    top: 10px;
}

  
/* ---------------------------------------------- /*
 * Presenter List Page
/* ---------------------------------------------- */
#presenter_list {
    width: 100%;
    text-align: center;
}

.presenter_item {
    width: 160px;
    height: 200px;
    margin: 2%;
    display: inline-table;
}

.author_name-presenter {
	font-weight: 600;
    text-transform: uppercase;
	margin: 5px 0 5px;
	font-size: 1.5em;
}


.presenter-details {
    padding-bottom: 40px;
}



/* ---------------------------------------------- /*
 * Moreinfo Modal / Popup
/* ---------------------------------------------- */

.author_name {
	font-weight: 600;
    text-transform: uppercase;
	margin: 5px 0 5px;
}


.company_name {
	margin-top: 0px;
	padding-top: 0px;	
}

.circle-avatar {
	/* make it responsive */
	max-width: 100%;
	width:100px;
	height:100px;
	display:block;
	/* div height to be the same as width*/
	/* padding-top:100%; */

	/* make it a circle */
	border-radius:50%;

	/* Centering on image`s center*/
	background-position-y: center;
	background-position-x: center;
	background-repeat: no-repeat;

	/* it makes the clue thing, takes smaller dimension to fill div */
	background-size: cover;

	/* it is optional, for making this div centered in parent*/
	margin: 0 auto; 
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.social_buttons .twitter .fa-stack {
	color:#55acee;
}
.social_buttons .facebook .fa-stack {
	color:#3b5998;
}
.social_buttons .linkedin .fa-stack {
	color:#007bb5;
}  
.social_buttons .google-plus .fa-stack {
	color:#dd4b39;
}

  

/* ---------------------------------------------- /*
 * Reset border-radius
/* ---------------------------------------------- */
.btn, .iconbox, .progress, #filter li, .scroll-up a, .form-control, .input-group-addon {
  border-radius: 0px; }

/* ---------------------------------------------- /*
 * Alerts style
/* ---------------------------------------------- */
.alert {
	background-color: transparent;
}

.alert-danger {
	border: 3px solid red;
}

/* ---------------------------------------------- /*
 * Progress bars
/* ---------------------------------------------- */
.progress, .progress-bar {
  box-shadow: none; }

.progress-bar {
  background-color: #2864d2; }

/* ---------------------------------------------- /*
 * Tabs
/* ---------------------------------------------- */
.nav-pills, .nav-tabs {
  margin-bottom: 0px; }

.nav-pills > li > a {
  border-radius: 0px; }

.nav-tabs > li > a {
  border-radius: 0px 0px 0 0; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background: #2864d2; }

  
.tabs-left > .nav-tabs {
    background: #FFFFFF; 
    border-bottom: 1px solid #f2f2f2;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-left > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a {
	padding: 15px;
    margin-right: 0;
    border-radius: 0;
    color: inherit;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	background: transparent;
    border-color: transparent;
    color: #009688
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:active,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border:none;
    color: #009688;
    background: transparent;
    border-bottom:2px solid #00b393;
    border-radius: 0;
}


/* ---------------------------------------------- /*
 * Inputs styles
/* ---------------------------------------------- */
.form-control {
  background: #FFF;
  border: 2px solid #EFEFEF;
}

.input-lg, .form-horizontal .form-group-lg .form-control {
  height: 38px;
  font-size: 13px; }

.input-sm, .form-horizontal .form-group-sm .form-control {
  font-size: 11px;
  height: 30px; }

textarea.form-control {
  padding: 15px; }

/* ---------------------------------------------- /*
 * Custom button style
/* ---------------------------------------------- */

#search-input, .search-input {
    font-weight: 600;
    text-transform: uppercase;
    border: 0;
}

.btn-cursor {
	cursor: default !important;
}
 
.btn:hover, .btn:focus, .btn:active, .btn.active {
  outline: inherit !important; }

.btn-list .btn {
  margin-bottom: 5px; }

.btn-custom-1, .btn-custom-2, .btn-custom-3, .btn-custom-4, .btn-custom-5, .btn-custom-6 {
  padding: 7px 25px; }

.btn-custom-1 {
  background: #2864d2;
  border: 1px solid #2864d2;
  color: #fff; }

.btn-custom-1:hover, .btn-custom-1:focus, .btn-custom-1:active, .btn-custom-1.active {
  background: #fff;
  border-color: #fff;
  color: #222; }

.btn-custom-2 {
  background: #2864d2;
  border: 1px solid #2864d2;
  color: #fff; }

.btn-custom-2:hover, .btn-custom-2:focus, .btn-custom-2:active, .btn-custom-2.active {
  background: #222;
  border-color: #222;
  color: #fff; }

.btn-custom-3 {
  background: none;
  border: 1px solid #222;
  color: #222;
  padding-right: 5px;
	padding-left: 5px;
	white-space:pre-line;
  }

.btn-custom-3:hover, .btn-custom-3:focus, .btn-custom-3:active, .btn-custom-3.active {
  background: #81cfcf;
  border-color: #81cfcf;
  color: #FFF; 
 }

.btn-custom-4 {
  background: none;
  border: 1px solid #222;
  color: #222; }

.btn-custom-4:hover, .btn-custom-4:focus, .btn-custom-4:active, .btn-custom-4.active {
  background: #222;
  color: #FFF; }

.btn-custom-5 {
  background: none;
  border: 1px solid #FFF;
  color: #222; }

.btn-custom-5:hover, .btn-custom-5:focus, .btn-custom-5:active, .btn-custom-5.active {
  background: #FFF;
  color: #222; }


.btn-custom-6 {
  background: #58de95;
  width:auto;
  border: 1px solid #FFF;
  color: #FFF; 
  word-wrap:break-word; 
  }

.btn-custom-6:hover, .btn-custom-6:focus, .btn-custom-6:active, .btn-custom-6.active {
  background: #1393ce;
  color: #FFF; 
}

  
 .btn-custom-7 {
  background: #337ab7;
  border: 1px solid #fff;
  color: #fff;
  padding-right: 5px;
  padding-left: 5px;
}

.btn-custom-7:hover, .btn-custom-7:focus, .btn-custom-7:active, .btn-custom-7.active {
  background: #337ab7;
  border-color: #337ab7;
  color: #FFF;  
}



.btn-sm, .btn-group-sm > .btn {
  padding: 6px 25px;
  font-size: 11px; }

.btn .icon-before {
  margin-right: 6px; }

.btn .icon-after {
  margin-left: 6px; }

  
/* ---------------------------------------------- /*
 * Navigation
/* ---------------------------------------------- */
.header {
	z-index: 998;
	width: 100%;
}

 .nav li {
	margin: 2px; 
 }
  
.navbar-custom {
	border: 0;
	border-radius: 0;
	margin: 0;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;

}

.navbar-custom, .navbar-custom .dropdown-menu {
  padding: 0; 
}

.navbar-custom .navbar-brand, .navbar-custom .navbar-nav > li > a, .navbar-custom .navbar-nav .dropdown-menu > li > a {
	font-size: 16px;
	font-weight: 800;
	color: #FFF; 
	transition: all 0.4s ease;
}

.nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {
    text-decoration: none;
    background-color: transparent;
    color: #004a6d;
}

.navbar-custom .nav li.active, .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .navbar-nav > li.active a {
  outline: 0;
  }

.navbar-custom .dropdown-menu {
  border: 0;
  border-top: 2px solid #EEF;
  border-bottom: 2px solid #EEF;
  border-radius: 0; }

.navbar-custom .dropdown-menu li {
  border: 0;
  border-radius: 0; 
  min-width:250px;
}  


.navbar-custom .dropdown-menu > li > a {
  padding: 10px 20px; }


.navbar-custom .navbar-toggle .icon-bar {
	background: #222; 
}

nav .navbar-header, nav ul {
	padding: 20px 0px 20px; 
	transition: all 0.4s ease;
}

.navbar-img {
	padding-left: 15px;
	transition: transform 0.3s;
	transform-origin: top left;
	margin-top:-32px;
}

.navbar-nav {
	transition: all 0.4s ease;	
}




/** ========HOME PAGE=======**/
.box_social2 {
	background-color: rgba(0,0,0,0.6);
	padding: 20px 10px;
	font-size: 14px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 10px;
}

.box_social2 p {
	color:#ffffff;
}
.box_social2 a {
	color:#ffffff;
	border: transparent;
}
.box_social2 a:hover {
	color:#ffffff;
	border:1px solid #ffffff ;
	padding:2px;
}




.homepanel-row {
	margin-top: 50px;
	margin-bottom: 50px;
}



/**
*
* Custom animations
*
**/
/*==========  FADE IN RIGHT  ==========*/
@-webkit-keyframes fadeInRight-custom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes fadeInRight-custom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRight-custom {
  -webkit-animation-name: fadeInRight-custom;
          animation-name: fadeInRight-custom; }

/*==========  FADE IN RIGHT 50  ==========*/
@-webkit-keyframes fadeInRight-custom-half {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes fadeInRight-custom-half {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInRight-custom50 {
  -webkit-animation-name: fadeInRight-custom-half;
          animation-name: fadeInRight-custom-half; }

/*==========  FADE IN LEFT  ==========*/
@-webkit-keyframes fadeInLeft-custom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }
@keyframes fadeInLeft-custom {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

.fadeInLeft-custom {
  -webkit-animation-name: fadeInLeft-custom;
          animation-name: fadeInLeft-custom; }

/*==========  FADE OUT LEFT  ==========*/
@-webkit-keyframes fadeOutLeft-custom {
  0% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); } }
@keyframes fadeOutLeft-custom {
  0% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0); } }

.fadeOutLeft-custom {
  -webkit-animation-name: fadeOutLeft-custom;
          animation-name: fadeOutLeft-custom; }

/*==========  FADE OUT LEFT 50  ==========*/
@-webkit-keyframes fadeOutLeft-custom-half {
  0% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }
@keyframes fadeOutLeft-custom-half {
  0% {
    opacity: 1;
    -webkit-transform: none;
            transform: none; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }

.fadeOutLeft-custom50 {
  -webkit-animation-name: fadeOutLeft-custom-half;
          animation-name: fadeOutLeft-custom-half; }

/*==========  TYPED CURSOR  ==========*/
.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.9s infinite;
  animation: blink 0.9s infinite; }

@keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 1; }

  50% {
    opacity: 0; }

  100% {
    opacity: 1; } }

	


/*==========  livestream ==========*/

.livestream-container {
	padding: 20px 50px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
}

.livestream-container .btn {
	background-color: transparent;
    border: 2px solid #FFFFFF !important;
    font-weight: 800;
    color: white; 
	transition: all 0.3s;
	padding: 10px 25px;
	font-size: 1.2rem;
	border-radius:15px;
	margin-right: 15px;
}

.livestream-container .btn:hover {
	background-color: #00a2f3;

}

.livestream-container .btn a {
	color: #FFF;
}

.livestream-container .btn a:hover {
	text-decoration: none;
}

.livestream-details {
	display: inline-block;
	float: left;
	padding: 10px;
}

.livestream-btn {
	padding: 10px;
}


.livestream-title {
	font-weight: 800;
	
}

.livestream-session-room { 
	font-size: 1rem;
}

.livestream-session-duration {
	font-size: 1rem;
	font-weight: 700;
}



/*==========  page contents  ==========*/

.row.pageheading {
	margin: 10px 10px 30px 10px;
	padding: 10px;
	text-align: center;
	
}

.row.pageheading_notice {
	margin: 10px 0px 30px 0px;
	padding: 10px;
	text-align: center;
	background-color: #ffe3dd;
}

.pageheading_home {
	padding: 20px 50px;
	text-align: center;
	background-color: rgba(0,0,0,0.4);
}

.pageheading_sub {
	margin-top:20px;
	padding: 20px 50px;
	text-align: center;
	background-color: #918f47;
	color:#fff;
}

.pageheading_sub p {
	padding: 8px 0 5px;
}

.homepanel a {
	color: #FFFFFF;
}

.homepanel h3 {
	text-align: center;
	font-size: 1.6em;
    color: #FFFFFF;
    font-weight: 700;
}
.homepanel p {
	text-align:center;
	color:#ffffff;
}
.homepanel img {
	 width:100%;
}

.homepanel.one {
	background-color:#FA8034; 
}
.homepanel.one:hover {
	background-color:#044b6f; 
}

.homepanel.two {
	background-color:#FA8034; 
}
.homepanel.two:hover {
	background-color:#044b6f; 
}

.homepanel.three {
	background-color:#FA8034; 
}
.homepanel.three:hover {
	background-color:#044b6f; 
}

.homepanel.four {
	background-color:#FA8034; 
}
.homepanel.four:hover {
	background-color:#044b6f; 
}

.homepanel.five {
	background-color:#FA8034; 
}
.homepanel.five:hover {
	background-color:#044b6f; 
}

.homepanel.six {
	background-color:#FA8034; 
}
.homepanel.six:hover {
	background-color:#044b6f; 
}

.homepanel {
	width: 100%;
	margin: 0px 0px 0px 0px;
	min-height: 200px;
	height: auto;
	transition: all 0.4s ease-in-out;
	text-align: center;
	display:inline-block;
	border: 9px solid #FFFFFF;
	border-radius: 30px;
}


.homepanel:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
}

.homepanel img {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.homepanel-labels {
	margin: 18px 0px;
}

.panel-bottom {
	background-color: #ebebeb;
	padding: 4px;
	margin: 0px auto 10px;
	width: 80%;
	text-align: center;
	}





#about {
	position: relative; 
}
  
  
#about .root {
	position:center;
	background-color: #FFFFFF;
	padding: 20px 40px 40px 40px;
	border-radius: 0px;
	width: auto;
	}




/*==========  CAROUSEL  ==========*/
#carousel {
  width: 100%; }
#carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1); }
#carousel .owl-item img {
    width: 100%; }
#carousel .owl-item .caption {
    position: absolute;
    bottom: 10%;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 20px;
    color: #222222;
    max-width: 60%; }
#carousel .owl-item .caption .caption-head {
    font-size: 1.6em;
	text-transform: uppercase;
    margin: 0; }
#carousel .owl-item .caption .caption-body {
        font-size: 1.4em; }
#carousel .owl-controls {
    position: absolute;
    bottom: 0;
    width: 100%; }
#carousel .owl-controls .owl-pagination .owl-page span {
      background: #FFF;
      opacity: 1; }
#carousel .owl-controls .owl-pagination .owl-page.active span {
      background: #2864d2; }
	  
	  
	  
/*==========  TWITTER  ==========*/
#twitter {
	text-align: center;
	background-color: rgba(0,0,0,0.6); 
	border-radius: 10px;
	padding: 40px 20px 70px;
}
#twitter .twitter-logo {
    color: #5ea9dd;
    margin-bottom: 20px; 
}
#twitter .twitter-logo i {
      position: relative;
      /*background-color: rgba(0,0,0,0.4);*/
      z-index: 2;
      padding: 0 5px; }
#twitter .twitter-logo:after {
      content: '';
      position: absolute;
      left: 30%;
      top: 17px;
      height: 1px;
      width: 40%;
      background-color: #5ea9dd; }
#twitter .tweet {
    margin: auto;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
    font-style: italic; }
#twitter .timePosted {
    margin: 10px 0;
    font-size: 1.1em;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase; }
#twitter .interact i {
    margin: 0 5px;
    font-size: 1.2em; }
#twitter a {
    color: #5ea9dd; }
#twitter .twitter-container{
	background:transparent;
}
#twitter .media img{
	vertical-align:middle;
	height:280px;
}
#twitter .owl-item p {
	color:white;
}
#twitter .user img{
	height:73px;
	width:73px;
	margin:auto;
}



/*==========  TWITTER-PRESENTER  ==========*/
#twitter-presenter {
  text-align: center; }
#twitter-presenter .twitter-logo {
    color: #5ea9dd;
    margin-bottom: 20px; }
#twitter-presenter .twitter-logo i {
      position: relative;
      /*background-color: rgba(0,0,0,0.4);*/
      z-index: 2;
      padding: 0 5px; }
#twitter-presenter .twitter-logo:after {
      content: '';
      position: absolute;
      left: 30%;
      top: 17px;
      height: 1px;
      width: 40%;
      background-color: #5ea9dd; }
#twitter-presenter .tweet {
    margin: auto;

    font-style: italic; }
#twitter-presenter .timePosted {
    margin: 10px 0;
    font-size: 1.1em;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase; }
#twitter-presenter .interact i {
    margin: 0 5px;
    font-size: 1.2em; }
#twitter-presenter a {
    color: #5ea9dd; }
#twitter-presenter .twitter-container{
	background:transparent;
}
#twitter-presenter .media img{
	vertical-align:middle;
	height:280px;
}
#twitter-presenter .owl-item p {
	color:#0084b4;
}
#twitter-presenter .user img{
	height:73px;
	width:73px;
	margin:auto;
}



/*==========  CONTACT  ==========*/
#contact {
  width: 100%;
  color: white;
  background-color: #ff1e63;
  overflow: hidden;
  text-align: center; }
  #contact .contact-col {
    padding: 50px 0; }
    #contact .contact-col:nth-child(even) {
      background-color: rgba(145, 61, 61, 0.2); }
  #contact .contact-item {
    height: 100px;
    position: relative; }
    #contact .contact-item:hover a {
      opacity: 1; }
    #contact .contact-item:hover i {
      -webkit-transform: translateY(60px);
          -ms-transform: translateY(60px);
              transform: translateY(60px);
      opacity: 0; }
    #contact .contact-item a {
      line-height: 100px;
      opacity: 0;
      display: block;
      -webkit-transition: 0.6s opacity ease-in-out;
              transition: 0.6s opacity ease-in-out;
      color: white;
      text-transform: uppercase;
      font-size: 1.4em;
      font-weight: 300; }
      #contact .contact-item a:hover {
        color: white; }
    #contact .contact-item i {
      position: absolute;
      -webkit-transition: 0.3s all ease-in-out;
              transition: 0.3s all ease-in-out;
      width: 50px;
      height: 50px;
      margin-left: -25px;
      margin-top: -25px;
      left: 50%;
      top: 50%;
      line-height: 50px; }
	  


/*==========  footer  ==========*/
footer {
  margin: 20px 0;
  text-align: center; 
}

footer p {
    margin: 0; 
}




/*==========  PRESENTER PORTAL  ==========*/

.register-container {
    background-size: cover;
	margin-top:20px;
}

.register-overlay {
    background-color: rgba(0,0,0,0.63);
    padding: 50px 0 100px;
}




.login {
  width: auto;
  margin: 16px auto;
  font-size: 16px;
}


/* Reset top and bottom margins from certain elements */
.login-header, .login p {
  margin-top: 0;
  margin-bottom: 0;
}

/* The triangle form is achieved by a CSS hack */
.login-triangle {
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border: 12px solid transparent;
  border-bottom-color: #FA8034;
}

/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 10px 20px;
}

.login-header {
  padding: 10px 20px;
  font-size: 1.3em;
  font-weight: normal;
  text-transform: uppercase;
  color: #fff;
  font-weight: 800;
}


.logbox {
  padding: 15px;
  margin: 50px auto;
  width: auto;
  background-color: #FFFFFF;
  border: 5px solid #122d45;
  text-align: center;
}

.logbox-info-register {

    text-transform: uppercase;
	margin: 5px 0 5px;
	font-size: 1.1em;
}
.logbox-info-login {

    text-transform: uppercase;
	margin: 5px 0 5px;
	font-size: 1.1em;
}
.register-btn {
	padding:20px;
	
}


.error {
	padding:10px;
	color: red;
}


#presenter-info {
  text-align: center;
  background-color: white; }

#presenter-info .presenter-info-heading-wrap {
    text-align: center;
    margin: 50px 0 20px 0; }
#presenter-info .presenter-info-heading-wrap .presenter-info-heading span {
    background-color: white;
    padding: 0 15px;
    z-index: 2;
    position: relative;
    font-size: 0.7em; }
#presenter-info .presenter-info-heading-wrap .presenter-info-heading:after {
    content: '';
    position: absolute;
    left: 15%;
    bottom: 44px;
    height: 1px;
    width: 70%;
    background-color: rgba(35, 35, 35, 0.3); }
  #presenter-info .presenter-info .presenter-info-title {
    margin-top: 20px; }
  #presenter-info .presenter-info .presenter-info-content {
    font-size: 1.2em; }
  #presenter-info .presenter-info:last-child {
    margin-bottom: 40px; }

/* ===========PRESENTER INFO TABS & CONTENT===================== */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


.tabs{

  margin: 0 auto;
  background: #fff;
}

.tabs section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.tabs input {
  display: none;
}
.tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  text-transform:uppercase;
}

.tabs label:before {
	font-family:fontawesome;
	font-weight: normal;
	margin-right: 10px;
}

.tabs label[for*='1']:before { content: '\f129'; }
.tabs label[for*='2']:before { content: '\f0c9'; }
.tabs label[for*='3']:before { content: '\f1c4 ';}
.tabs label[for*='4']:before { content: '\f108'; }
.tabs label[for*='5']:before { content: '\f03d'; }
.tabs label[for*='6']:before { content: '\f128';}
.tabs label[for*='7']:before { content: '\f0e5'; }

.tabs label:hover {
  color: #888;
  cursor: pointer;
}

.tabs input:checked + label {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid #1393ce;
  border-bottom: 1px solid #fff;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5,
#tab6:checked ~ #content6,
#tab7:checked ~ #content7{
  display: block;
}

@media screen and (max-width: 650px) {
	.tabs  label {
		font-size: 0;
	}
	.tabs label:before {
		margin: 0;
		font-size: 18px;
	}
}

@media screen and (max-width: 400px) {
	.tabs label {
		padding: 15px;
	}
}
/*==========  Presenter INFO TABS & CONTENT END  ==========*/	
/*=======FAQ ====*/


#faq-links {padding: 10px 20px}

#faq-links div {
    color: #aeaeaf;
    cursor: pointer;
    font-weight: 700;
    text-transform: capitalize;
    margin: 18px 0;
	text-transform:uppercase;
}

.faq-group {
    padding: 0 20px 40px 20px;
    position: relative;
	text-transform:uppercase;
}

.faq-group div {
    font-weight: 700;
    text-align: center;
}

.faq-group hr {
    border: 0;
    border-top: 1px solid #1393ce;
    clear: both;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

.faq-group:after {
    top: 40%;
	 left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #1393ce;
	border-width: 15px;
  margin-left: -15px
}

.faq-accordion>li  {
    border-top: 1px solid rgba(198, 198, 198, 0.4);
    color: #666;
    padding: 1.125em 0;
	text-transform:uppercase;
}

.faq-accordion li a {
    color: #666;
    padding: 1.125em;
	text-transform:uppercase;
}

.faq-accordion > li:last-child {
    border-bottom: 1px solid rgba(198, 198, 198, 0.4);
}

.faq-accordion > li > a:before {
    content: 'Q.';
    padding-right: 0.313em
}

.faq-accordion > li > a:after {
    color: #1393ce;
    content: '+';
    float: right;
    font-weight:300;
    margin-right: 1.25em;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
            transform: scale(2);
    overflow-y: hidden;
}

.faq-accordion > li > a.expanded:after {
    color:  #1393ce;
    content: '\2212';
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
            transform: scale(2);
}

.faq-accordion > li > a.expanded {font-weight: 700; opacity: 1 !important; text-transform:uppercase;}

.faq-content {
    background-color: #ececec;
    margin: 20px 0 -20px;
}

.faq-content p:before {
    content: 'A.';
    color: #1393ce;
    float: left;
    font-weight: 700;
  margin-right: .5em;

}

.faq-content p {
    margin: 0 1.2em;
    padding: 1.250em 0;
	text-transform:none;

}

.faq-hide {display: none}

.faq-selected {
 color: #49494b!important;
 -webkit-transition: all 1s ease;
 transition: all 1s ease;
}


.slide-left{

	-webkit-animation-name: slide-left;	
  -moz-animation-name: slide-left;	
  	animation-name: slide-left;

	
	-webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;	

		
	-webkit-animation-timing-function: ease-in-out;	
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;

}



@-webkit-keyframes slide-left {
	0% {
		-webkit-transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes slide-left {
	0% {
		-webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
		        transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
		        transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
		        transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
    -moz-transform: translateX(-4%);
		        transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
		        transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
		        transform: translateX(0%);
	}
}
@keyframes slide-left {
	0% {
		-webkit-transform: translateX(150%);
    -moz-transform: translateX(150%);
		        transform: translateX(150%);
	}
	50%{
		-webkit-transform: translateX(-8%);
    -moz-transform: translateX(-8%);
		        transform: translateX(-8%);
	}
	65%{
		-webkit-transform: translateX(4%);
    -moz-transform: translateX(4%);
		        transform: translateX(4%);
	}
	80%{
		-webkit-transform: translateX(-4%);
    -moz-transform: translateX(-4%);
		        transform: translateX(-4%);
	}
	95%{
		-webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
		        transform: translateX(2%);
	}			
	100% {
		-webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
		        transform: translateX(0%);
	}
}



/* ---------------------------------------------- /*
 * Eventranet Login
/* ---------------------------------------------- */

.login-myevent {
	position:relative;
	margin: 5% auto;
	width: auto;
	height: auto;
	}
	
.login-title {
	height:auto;
	margin-bottom:20px;
	color: #FFF;
}
.login-myevent h1 {
	text-align:center;
	color: white;
}
.login-myevent h3 {
	text-align:center;
	color: white;
}
.login-title img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.login {
  width: auto;
  margin: 16px auto;
  font-size: 16px;
}
.login-myevent #register {
	background-color:transparent;
}
.login-myevent #register {
	
}	


.error {
	padding:10px;
	color: red;
}
/* SWITCH (on/off) */

.switchUI {
  position: relative;
  z-index: 1;
  margin: 10px auto;
  padding: 0;
}

.switchUI input {
  display: none; 
}

.switchUI input + label {
  display: block;
  position: relative;
  height: 30px;
  width: 84;
  margin: 0;
  padding: 0 6px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  
  color: white;
  font-size: 1.125em;
  font-weight: 400;
  line-height: 30px;
}

.switchUI input[value=false] + label {
  text-align: right;
}

.switchUI input[value=true] + label {
  text-align: left;
}

.switchUI .switchThumb {
  width: 40px;
  height: 26px;
  position: absolute;
  z-index: -1;
  left: 2px;
  top: 2px;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
  border-radius: 2px;
  transition: left .2s;
  -webkit-transition: left .2s;
  -moz-transition: left .2s;
  -ms-transition: left .2s;
  -o-transition: left .2s;
}

.switchUI .switchTrack {
  width: 85px;
  height: 30px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  background-color: #db2323;
  transition: background-color .2s;
  -webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  -o-transition: background-color .2s;
}

.switchUI input:checked + label {
  display: none;
}

.switchUI input[value=false]:checked ~ div.switchThumb {
  left: 43px;
}

.switchUI input[value=false]:checked ~ div.switchTrack {
  background-color: #8EC63F;
}







/*==========  My details - profile picture ========== */
.author-image {
	padding-top:10px;
}


 
/*=========== FANCYBOX IFRAME =============*/

.fancybox-slide--iframe .fancybox-content {
    background: transparent;
	max-width  : 85%;
	max-height : 85%;
	margin: 0;
}

.fancybox-toolbar i {
	font-size: 24px;
    line-height: 24px;
    color: #ffffff;
}

@media screen and (max-device-width: 736px) {
	.fancybox-slide--iframe .fancybox-content {
		max-width  : 95%;
		width: 95%;
	}
	
	.fancybox-slide--iframe {
		padding: 5px 10px 0;
	}
	
	.fancybox-button--prev {
		display: none;
	}
	
	.fancybox-button--next {
		display: none;
	}
}

.fancybox-button--fb svg path, .fancybox-button--next svg path {
  stroke-width: 0;
}

.fancybox-button--zoom svg path {
  fill: transparent;
}



.box {
  margin: auto;
  width: 100%;
  margin-bottom: 30px;
  height: 70px;
}

.container-1{
  width: 100%;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}

.container-1 input#search, .container-1 select#select {
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  padding-left:45px;
  font-size: 12pt;
  float: left;
  color: #63717f;
  color: #65737e;
  transition: border-color .55s ease;
}

.container-1 input#submit{
  width: 100%;
  height: 40px;
  background: none;
  border: none;
  font-size: 12pt;
  float: left;
  color: #63717f;
  color: #65737e;
  transition: border-color .55s ease;
}

.container-1 .icon{
  position: absolute;
  top: 50%;
  margin-left: 17px;
  margin-top: 13px;
  z-index: 1;
  color: #93a2ad;
  transition: all .55s ease;
}

.container-1:hover .icon{
   color: #4f5b66;
}

.container-1 input#search:hover, .container-1 input#search:focus, .container-1 input#search:active{
    outline:none;
	color: #000000;
	border: 1px solid #121212;
  }
.container-1 input#submit:hover, .container-1 input#submit:focus, .container-1 input#submit:active{
    outline:none;
	color: #000000;
	border: 1px solid #121212;
  }
  
  

  
  
/*==========  MY EVENT ==========*/
.pageheading h1 {
	font-size: 24px!important;
	padding: 10px;
	text-align: center;
	font-weight: 700;
} 

.pageheading_home h1{
	font-size: 24px!important;
    text-align: center;
    color: #FFFFFF;
    font-weight: 700;
} 


input:-webkit-autofill{
	background-color:#fff !important ;
}
/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}


.btn .btn-login{
  font-family: 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  color:#fff;
  width:100%;
  border-width:1px;
  border-style:solid;
  background:#1393ce;
  border-color:transparent;}
  
.vcenter {
    display: inline-block;
    vertical-align: middle;
	float: none;}


.title h3{
	background-color: rgb(91,110,132);
    color: white;
    padding: 10px 20px;
    margin-top: 0;
    border-radius: 2px;
	text-align:center;
}

#summary_panel {
	background-color: #EEF;
}

#summary_panel p {
    font-family: 'Source Sans Pro', 'Roboto Condensed', sans-serif;
    margin: 0;
}
#myevent_menu p{
	font-size:16px;
}
#tasks_summary {
	display:block;
}
 
 

 /*click here (homepage)*/
 #home_boxes .box_social2 a {
    padding: 5px;
    text-decoration: none;
    background-color: rgb(91,110,132);
    color: white;
    margin-top: 10px;
    width: 100px;
    border-radius: 2px;
 }

.box_social {
	margin: 10px 0px;
}

.box_social #myevent_menu h1 {
    background-color: rgb(91,110,132);
    color: white;
    padding: 10px 20px;
    margin-top: 0;
    border-radius: 2px;
}


.box_social a {
    border-radius: 2px;
    text-decoration: none;
    padding: 5px;
    transition: 0.2s all ease;
}

.box_social a:hover {
    background-color: rgb(91,110,132);
    color: white;
}

/***********************
     LOGIN SECTION
*/

.box_social .title {
    display: none;
}

#widebox1 a {
    color: rgb(56,121,217) !important;
    background-color: rgb(255,255,255) !important;
    padding: 0 !important;
    margin: 0 !important;
}

#widebox1 a:hover {
    background-color: white !important;
}

.user_login {
}

.text-align-center {
    text-align: center;
}

.user_login strong {
    font-size: 18px;
    font-weight: 300;
    margin: 20px 0 10px 0;
    /*color: rgb(109,111,113);*/
}

.user_login form {
    margin: 0 !important;           /* override inline style */
}

.user_login input {
    border-radius: 2px;
}

input.button {
    border-radius: 2px;
    background-color: #1393ce !important;
    font-size: 14px;
    background-image: none !important;    /* override button image? */
    color: white;
}




/*********** PRESENTATION TABLE - UPLOADS & CONVERSIONS ********/	
.file-success {
		color: #00f100;
}
.file-failure {
		color: red;
}
.lock:hover .icon-unlock, .lock .icon-lock {
    display: none;
}
.lock:hover .icon-lock {
    display: inline;
}


/* END PRESENATION TABLE - UPLOADS & CONVERSIONS */

/* CUBE PORTFOLIO MODS */
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #6ab33f;
	border-color: #6ab33f;
}


/* SEARCH PAGE MODIFICATIONS */
#advanced_search {
	background-color: #F7F7F7;
	padding:10px;
}

/* USER DETAILS AUTHOR IMAGE FILE UPLOAD */
.progress {
	background-color: transparent;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin: 10px;
}

.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */ 
@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}
/* END USER DETAILS AUTHOR IMAGE FILE UPLOAD */
	

	
	
/* SESSION PAGE/CONTAINER */
.session-container {
	background-color: #F5F5F5;
}
.list-header-session {
	background-color: #f8eeff;
    padding-left: 5px !important;
	margin-bottom: 14px;
}


/*****SESSION MANAGER*****/
.session-manager {
	margin: 5px 0px;
	padding: 5px 15px;
}

.session-manager-header {
	background-color: #EEF;
}
.session-manager-subheader {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #EEF;
}


/*==========BEING STYLISH RADIO BUTTONS =======*/

label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
    color: #1393ce;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #1393ce;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #1393ce;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #1393ce;
}

div[data-toggle="buttons"] label.active{
    color: #1393ce;
}

div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid 
	#c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div[data-toggle="buttons"] label:hover {
	color: #1393ce;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*==========END STYLISH RADIO BUTTONS =======*/



/*==========MODAL-SHARE =======*/
#modal-share-poster_image {
	border: 1px solid #ccc;
	margin-bottom: 25px;
}
#modal-share-title {
	text-transform: uppercase;
    font-weight: 600;
}
/*==========END MODAL-SHARE =======*/


/*==========MODAL-SHOW-PASSWORD =======*/
#display-password {
	color: red;
}
/*==========END MODAL-SHOW-PASSWORD =======*/
	
	
	
	
		
/*==========  MOBILE  ==========*/
@media screen and (max-device-width: 736px) {
    .navbar-custom {
        background-color:#fa8034;
    }
    
    .navbar-custom .navbar-toggle .icon-bar {
        background: #FFF;
    } 
    
    
	nav .navbar-img {
		position: absolute; 
		left: 18%;
		margin-left: -100px !important;
		display: block;
		padding-left: 0px;
		height: 58px;
	}
	
	h2 {
		font-size: 20px;
		font-weight: 600;
	}
	
	#about .root {
		padding: 20px 12px 40px 12px;
	}
	.module {
		padding: 30px 0px; 
		margin: 0px;
	}
	
	.btn, .btn-default {
		padding-right: 5px!important;
		padding-left: 5px!important;
		white-space: pre-line;
		margin: 2px !important;
	}
	
	#detailsbox{
		width:100%;
	}
	
	.row.pageheading h1{
		font-size:20px!important;
		font-weight: 600;
		letter-spacing: .0125rem;
	} 

	.pageheading_home {
		padding: 10px;
	}
	
	.pageheading_home h1{
		font-size:16px!important;
		font-weight: 800;
		letter-spacing: .0125rem;
	}
	
	.homepanel-row {
		margin-top: 35px;
	}
	
	.homepanel {
		position: relative;
		width: 100%;
		height: 60px;
		margin: 0px 0px 10px 0px;
		min-height: auto;
		height: auto;
		transition: all 0.4s ease-in-out;
		text-align: center;
		display: inline-block;
		border: 3px solid #FFFFFF;
		border-radius: 10px;
	}
	
	.homepanel img {
		width: auto;
		height: 60px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		float: left;
	}
	
	.homepanel-labels {
		position: absolute;
		top: 18%;
		transform: translateY(-50%);
		left: 90px;
	} 
	.homepanel h3 {
		text-align: left;
		font-size: 1.5em;
		font-weight: 600;
		height: auto;
		margin-bottom: 0px;
	}
	
	.homepanel p {
		text-align: left;
		font-size: 1em;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.homepanel hr {
		display: none;
	}
	
	.circle-avatar {
		width:50px;
		height:50px;
	}
	
	.presenter_item {
		width: auto;
		max-width: 90px;
		height: 180px;
	}
	
	.author_name {
		margin: 5px 0 0px;	
		line-height: 1.1em;
	}
	.company_name {
		padding-top: 10px;
		line-height: 1.1em;
	}
	
	
	.day-filter {
        white-space: nowrap;
        overflow: auto;
    }
    
    .btn-session-filter, .btn-presentation-filter {
        width: 100%;
    }
    
	.session-item {
		grid-template-columns: unset;
	}
	
	.session-item .session-image {
		display: none;
	}
	
	.session-item h2 {
		font-size: 1.5rem;
		font-weight: 700;
	}
	
	.session-item .session-time {
		font-size: 1rem;
		font-weight: 800;
		color: #979797;
	}
	
	.sessions .dropdown, .presentations .dropdown {
		width: 100%;
	} 
	
	.sessions .dropdown-content, .presentations .dropdown-content {
		right: 0;
		left: 0;
		width: unset;
		min-width: unset;
	}
	
	.dropdown-content .dropdown-item {
	    border-bottom: 1px solid #d1d1d1;
	}
	
	.dropdown-item .name {
		font-size: 1.3rem;
		padding: 10px 5px;
	}
	
	.dropdown-item .icon {
		width: 24px;
		height: 24px;
		padding: 12px 8px;
		font-size: 1rem;
	}
	
	
	.livestream-btn {
		text-align: center;
	}
	
	.livestream-container .btn {
		padding: 5px 10px !important;
		/* line-height: 4px; */
		font-size: 1rem;
		border-radius: 8px;
		margin-right: 0;
	}
	
	.livestream-container .text-left {
		text-align: center;
	}
	
	.rating-item {	
		grid-column-gap: 10px;
		grid-template-columns: 80px auto;
	}

	.rating-score {
		grid-column: span 2;
		text-align: center;
	}
	
	.rating-item .rating-details h4 {
		font-size: 10px;
	}
	
	.rating-item .rating-details h5 {
		font-size: 9px;
	}
	
	.rating-item .rating-score button {
		font-size: 8px;
	}
	
}
/*==========  END MOBILE  ==========*/

@media screen and (min-width: 768px) { 
    .navbar-custom.navbar-shrink {
		height: 50px;
		min-height: 50px;
background-color:#60260e ;		
	}
	.navbar-img.navbar-shrink {
		transform: scale(0.3);
		transform-origin: top left;
	}
	.navbar-header .navbar-shrink, nav .navbar-shrink {
		padding-top: 20px; 
	}
	.navbar-link.navbar-shrink {  
		padding-top: 0px; 
		padding-bottom: 0px;
		font-weight: 600;
		font-size: 11px !important;
		
	}
	.navbar-link.navbar-shrink:hover {
		background-color: transparent !important;
		color: #EFEFEF;
		
	}
	.navbar-nav.navbar-shrink li:hover {
		background-color: transparent !important;	
		color: #EFEFEF;		
	}
	
	.navbar-custom.navbar-shrink .nav li.active, .navbar-custom.navbar-shrink .nav li a:hover, .navbar-custom.navbar-shrink .nav li a:focus, .navbar-custom.navbar-shrink .navbar-nav > li.active a {
	  background: transparent !important;
	}
	
	nav  .navbar-shrink-list { 
		padding: 10px 0px 20px; 
	}
	
}



@media screen and (min-width: 768px) and (max-width: 1400px) {
    body {
	    padding-top: 90px;
    }
    
    .navbar-custom {
	    min-height: 90px;    
    }
    
    .navbar-custom .navbar-nav > li > a {
        font-size: 10px;    
        letter-spacing: -0.5px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .navbar-img {
        height: 56px;
        margin-top: 0;
    }
    
    nav .navbar-header, nav ul {
        padding: 0;
    }
    
    nav ul {
        padding: 20px 0px 20px;
    }
    
    .navbar-link.navbar-shrink {
        font-weight: 500;
        font-size: 9px !important;
    }
}