/** imports **/
@import url('https://fonts.googleapis.com/css?family=Caveat');

/** typography **/
/*** typography-headings ***/

h1 {
	text-align: center;
}

body {
    overflow-x: hidden;
  }
  
  
.cursor-pointer {
  cursor:pointer;
}

#hub-welcome h1 {
  font-family: Lobster Two;
  margin-left: -0.1em;
  font-size: 3em;
  margin-bottom: 0.5em;
  display: none;
}

#hub-welcome h2 {
  margin: 0.3em;
  font-size: 1.8em;
  font-weight: 200;
  line-height: 0.95;
}

#hub-welcome h4 {
	padding-top: 0.5em;
  	font-weight: 200;
  	font-size: 1.3em;
  	font-family: Arial;

  	-webkit-animation: fadein 3s; 
    -moz-animation: fadein 3s; 
    -ms-animation: fadein 3s; 
    -o-animation: fadein 3s; 
    animation: fadein 3s;
}

#hub-mode-row h3 {
	font-weight: 400;
} 

.container h3 {
	font-weight: 400;
}

.control-label {
	font-weight: 400;
}

.hub-action-navbar .btn {
  margin-top:0.15em !important;
  margin-bottom:0.15em !important;
}

#hub-module-description h3,
#hub-welcome-description h3,
#hub-module-description-hub h3,
#hub-landing-description h3 {
	font-weight: 400;
  color: #787878;
  text-align:center;
}

#hub-internal-lead h4, 
#hub-internal-lead strong {
  	color: #5A5A5A !important;
  	font-weight: 500;
  	line-height: 1;
}

#hub-landing-description h4 {
    text-align:center;
}

#hub-modules h4 {
	font-family: Arial;
    font-weight: 300;
}

#hub-reporting-top h4 {
	font-weight: 400;
	font-family: Helvetica;
}

#hub-reporting-preview h4 {
	font-family: Helvetica;
	font-weight: 200;
	vertical-align: middle;
	padding-top: 2.15em;
}

#hub-welcome-description h2 {
	font-weight: 300;
    text-align: center;
    padding-top: 2em;
    font-size: 1.85em;
    background-color: #7fbddc;
    padding-top: 1em;
    color: #FFF;
    padding-bottom: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}

#hub-valuation p {
	font-style: italic;
}

#hub-logo {
	font-family: 'Caveat', cursive;
	font-size:1.8em;
	color: black;
  width: 250px;
}

#brand-logo {
  width:40px;
  float:left;
  margin-top:-10px;
  margin-right:8px;
}

#brand-loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-bottom: 5em;
}

#hub-logo:hover {
	color: #C77220;
}

#hub-logo-inline {
	font-family: 'Caveat', cursive;
	font-size:2.2em;
  font-weight:600;
	color: #181818;
	display:inline-block;
}

#hub-display {
	margin-top: 0em;
}

#hub-teaser h4 {
	margin:0;
}

#hub-site-head h2 {
  text-align: center;
  font-weight: 200;
  padding-bottom: 1em;
  padding-top: 2.5em;
  margin: 0;
  color: #FFF;
  background-color: #B01E1E;
}

#hub-wrap-content {
	padding-top: 2em;
	padding-bottom: 2em;
}

h4 {
  font-weight: 400;
  line-height: 1.3;
}

#hub-about-description {
  background: rgb(246,246,246);
background: -moz-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#f0f0f0",GradientType=1);
  padding-bottom:2em;
  padding-top:4em;
  color: #575656;
}

.hub-about-box {
  width:70px;
  height:50px;
  color:#f7f7f7;
  border-radius:5px;
  border:1px solid #7fbddc;
  margin-right:5px;
  margin-bottom:5px;
  background-color:#7fbddc;
}

#hub-about-question {
  width:210px;
  height:110px;
  background-color:#f7f7f7;
  border-radius:5px;
  border:1px solid #7fbddc;
  padding:8px;
  margin-top:15px;
}

#hub-about-bar-one {
  color:#f7f7f7;
  border-radius:5px;
  border:1px solid #7fbddc;
  margin-right:5px;
  border-radius:5px;
  background-color:#7fbddc;
  height:30px;
  margin-bottom:5px;
  padding:4px;
  margin-top: 20px;
}

#hub-about-bar-two {
  color:#f7f7f7;
  border-radius:5px;
  border:1px solid #ccc;
  margin-right:5px;
  border-radius:5px;
  background-color:#f7f7f7;
  height:30px;
  width:180px;
  padding:4px;
  color:grey;
  margin-bottom:5px;
}

#hub-about-bar-three {
  color:#f7f7f7;
  border-radius:5px;
  border:1px solid #ccc;
  margin-right:5px;
  border-radius:5px;
  background-color:#f7f7f7;
  height:30px;
  width:100px;
  padding:4px;
  color:grey;
}

#hub-about-advocate {
  border-radius:18px;
  background-color:#f7f7f7;
  padding-top:3em;
  padding-left:3em;
  padding-right:3em;
  padding-bottom:1em;
  margin-top:4em;
  margin-bottom:5em;
  overflow:hidden;
}

#event-site-head h2 {
  text-align: center;
  font-weight: 200;
  padding-top: 1em;
  padding-bottom: 1.25em;
  padding-top: 3em;
  margin: 0;
  color: #FFF;
  background-color: #8B08AE;
}

#hub-display-form {
	margin-bottom: -1.5em;
}

#hub-message-form {
	margin-bottom: 3em;
}

#hub-view {
  margin-top: -2em
}

.hub-action-navbar {
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
}

.hidden {
  display: none;
}

.hideme
{
    opacity:0;
  }
.share-button svg {
  width: 80px;
  height: 80px;
  margin-right: 7px;
}

button.share-button, .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left:15px;
  padding-right:15px;
  color: #777;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 2px;
  text-transform: capitalize;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 10px;
  background-color: white;
  border: 0;
  cursor: pointer;
  margin-top:4.5em;
}

button:hover, .button:hover {
  border-color: #cdd;
}

.share-button, .share-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.share-dialog {
  display: none;
  width: 95%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0,0,0,.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}

.share-dialog.is-open {
  display: block;
  z-index: 2;
}

#referral-call, #social-call, #party-matching-result {
  margin-top:5em;
  background-color: #7fbddc;
  padding-top: 2em;
  border-radius: 15px;
  color: white;
}

#social-call {
  background-color: #337ab7;
  margin-right: 0;
  margin-left: 0;
}

#social-call i {
  font-size: 3em !important;
  color:white  !important;
  margin-top: 0.75em;
  padding-left: 0.1em;
  padding-right: 0.1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

#referral-call a {
  color:white;
  text-decoration:underline;
}

#referral-quote {
  background-color: #a94442;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  text-align: center;
  color: white;
}

#party-matching-result {
  background-color: white;
  color: black;
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
}

.hub-party-description {
  font-size: 16px;
}

.hub-party-single-description {
  margin-bottom: 2em;
}

#party-matching-result h2 {
  text-align: center;
}

#recommendation-map {
  margin-top: 1em;
}

.leaflet-container {
  border-radius: 15px;
}

.matching-result-box {
  margin-bottom: 2em;
  padding-bottom: 3.5em;
  border-bottom: 1px solid #f5f5f5;
}

.party-matching-item {
  max-height: 200px;
  max-width: 100%;
  border-radius: 15px;
  margin-top:1.5em;
}

.party-matching-icon {
  max-height: 80px;
  max-width: 100px;
  margin-top:1.8em;
}

.party-matching-item-party {
  width: 100%;
  max-height: 150px;
  margin-top: 1em;
  object-fit: cover;
  border-radius: 15px;
  
}

.share-dialog a {
  color: #337ab7 !important;
}

.hub-display-element, .hub-place-element {
	text-align: center;
  padding-bottom: 2em;
}

.hub-display-element label, .hub-place-element label {
	width: 400px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 5px;
  padding-right: 20px;
}

.hub-display-element label, .hub-place-element label {
	font-size: 1.1em;
}

.hub-message {
	font-size: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.js-nametag {
  text-align:center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 30%;
  left: 0;
  font-size: 2em;
  color: white;
}

.js-nametag h3 {
  color: #7fbddc; !important;
  margin-bottom: 0.25em;
}

.js-nametag:nth-child(1){
  animation-name: fade;
  animation-delay: 3s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 2s;
  animation-direction: alternate-reverse;  
}

.js-nametag:nth-child(2){
  animation-name: fade;
  animation-delay:1s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-duration: 3s;
  animation-direction: alternate; 
  margin-top: -3em;
}

@keyframes fade{
    0%,75% {
      opacity: 0;
}
    100%{
      opacity: 1;
  }
  

}

@media only screen and (max-width:599px) and (orientation:portrait) {
  .js-nametag { display: none; }
}

/*** typography-paragraphs ***/
#hub-mode-row > div > div.col-xs-8.col-sm-2 {
	text-align:right;
}

#hub-mode-row .col-sm-2 {
	text-align:center;
}

#hub-mode-row .col-sm-10 {
	padding-left:0;
}

#hub-list-overview li a {
	font-size: 1.2em;
	line-height: 2em;
}

#hub-hero-background {
  display: flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

#hub-hero-background img {
  object-fit: cover;
  width: 100%;
  height: 350px;
}

#hub-hero-background span {
  position: absolute;
  color: white;
  font-size: 5em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
  width: 100%;
}

#hub-hero-background span h3 {
  font-size: 0.45em;
  padding-top: 1em;
  padding-bottom: 1em;
  vertical-align: bottom;
}

/** elements **/
#hub-warning {
	padding: 0.5em;
	background-color: red;
	text-align: center;
	color:white;
	position: fixed;
	z-index:9999;
	border-radius: 0  0 3px 0;
}

.hub-display-background {
	background-color: #f7f7f7;
	width: 250px;
	height: 190px;
	margin: 0 auto;
	margin-top: 0.5em;
	border-radius: 15px;
	position: relative;
  box-shadow: 0 3px 4px 0 rgb(45 57 89 / 14%), 0 3px 3px -2px rgb(45 57 89 / 12%), 0 1px 8px 0 rgb(45 57 89 / 20%);
}

.hub-display-background:hover {
	background-color: #ccc;
  box-shadow: 0 12px 17px 2px rgb(45 57 89 / 14%), 0 5px 22px 4px rgb(45 57 89 / 12%), 0 7px 8px -4px rgb(45 57 89 / 20%)
}

.hub-single-background {
	background-color: #f7f7f7;
	width: 100%;
	height: 600px;
	margin: 0 auto;
	margin-top: 0.5em;
	border-radius: 7px;
	position: relative;
}

.hub-display-map {
  margin-left: -30px;
}

.hub-place-background {
  background-color: #f7f7f7;
	width: 220px;
	height: 165px;
	border-radius: 0.1em;
  margin: 0 auto;
	margin-top: 0.5em;
	position: relative; 
}

.hub-mode {
  font-size: 2.5em;
  border-radius: 12px;
  margin-top: 12px;
  font-weight: 100;
  vertical-align: middle;
  width: 2em;
  line-height: 1.88em;
  text-align: center;
  height: 2em;
}

.hub-attribute-element {
  padding-bottom: 4em;
  text-align: center;
}

.hub-attribute-element h3 {
  padding:0.5em;
  text-align:center;
}

#hub-list-overview {
	list-style: none;
}


#hub-mode-row-consulting:hover {
	cursor:pointer;
}


#hub-mode-row {
	padding-top:0.75em;
	padding-bottom:0.75em;
}

#hub-welcome {
	text-align: center;
  	padding-bottom: 3.5em;
  	margin-bottom: 0em;
  	background-size: cover;
	background: #204e75; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #204e75 0%, #436e89 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#204e75), color-stop(100%,#436e89)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #204e75 0%,#436e89 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #204e75 0%,#436e89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #204e75 0%,#436e89 100%); /* IE10+ */
	background: linear-gradient(45deg,  #204e75 0%,#436e89 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204e75', endColorstr='#436e89',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color:white;
}

#hub-welcome-description {
	padding-top: 3.4em;
}

#hub-landing-description {
  background: rgb(246,246,246);
background: -moz-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
background: linear-gradient(90deg, rgba(246,246,246,1) 0%, rgba(255,255,255,1) 35%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#f0f0f0",GradientType=1);
  padding-top: 1em;
  padding-bottom: 2em;
  padding-right:1em;
  padding-left:1em;
  color: #575656;
  margin-top: -20px;
  display: inline-block;
  border-radius: 15px 15px 0 0;
  z-index: 200;
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
}

#hub-modules {
	padding-bottom: 6em;
	padding-top: 4em;
}

#hub-internal-lead {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ABABAB;
	padding: 1.5em;
	text-align: center;
}

#hub-teaser {
	padding-top:2em;
	padding-bottom:2em;
	background-color:#fbfbfb;
	margin-top:2em;
  border-top: 1px solid #f5f5f5;
}

#form-inline {
	display: inline-table;
	padding-right: 2em;
}

#institution-form h3 {
	padding-bottom: 0.5em;
}

#institution-form ul {
	list-style:none;
	display:table;
	padding:0;
	margin:0;
}

#institution-form ul li {
  display: inline-table;
  width: 15em;
}

#institution-form-competence ul li {
	display: block;
}

#hub-reporting-top {
	padding-top: 1em;
	width: 600px;
	height: 400px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 8em;
}

#hub-reporting-preview {
	width: 300px;
	height: 100px;
	border-radius: 4px;
	background-color: rgba(51,122,183,1);
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	display: block;
	color: white;
}

#hub-valuation {
	padding-top: 1em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#tag {
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	padding:0.25em;
	padding-left:0.35em;
	padding-right:0.35em;
	border-radius: 4px;
	border: 1px solid black;
	display:inline-block;
}

#tags {
	list-style:none;
	display:inline-block;
	padding:0;
}

#tags li {
	display:inline-block;
}

#info-wrapper {
	padding-top:1em;
	padding-bottom:1em;
}

#con-wrapper {
	padding-top:0.5em;
	padding-bottom:0.5em;
}

#hub-place-img, #hub-element-img, .hub-element-img, #hub-party-element-img, .hub-party-element-img {
  width: 100%;
  height: 100%;
	position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 15px;
  object-fit:cover;
}

.hub-sketch-category {
  display:inline-grid;
  margin-right: 15px;
  text-align: center;  
}

.hub-sketch-category-pane ul {
  min-height: 300px;
  border-radius: 15px;
  border: 1px solid #ccc;
  min-width: 200px;
  background-color: #ffffff;
background-image:  -webkit-linear-gradient(#f0f0f0 1px, transparent 1px);
background-image:  -moz-linear-gradient(#f0f0f0 1px, transparent 1px);
background-image:  -o-linear-gradient(#f0f0f0 1px, transparent 1px);
background-image:  linear-gradient(#f0f0f0 1px, transparent 1px), linear-gradient(to right, #f0f0f0 1px, #ffffff 1px);
background-size: 20px 20px;
  max-width:200px;
}

.hub-sketch-item-pane ul {
  min-height: 100px;
  border-radius: 15px;
  border: 1px solid #ccc;
  width:100%;
  background-color: #ffffff;
opacity: 0.8;
background-size: 20px 20px;
background-image: repeating-linear-gradient(315deg, #f0f0f0, #f0f0f0 1px, #ffffff 0, #ffffff 50%);
}

.hub-sketch-item-pane ul li, .hub-sketch-category-pane ul li {
  background-color: white;
  border-radius:15px;
  padding-left:15px;
  padding-right:5px;
  padding-top:10px;
  padding-bottom:10px;
  display:inline-block;
  max-width:180px;
  line-height:1em;
  word-break:break-word;
  color:black;
}

.hub-sketch-item-pane ul li a, .hub-sketch-category-pane ul li a, .hub-sketch-item-pane ul li i, .hub-sketch-category-pane ul li i{
 color: #ccc !important; 
 line-height:1em;
}

.hub-activity-description {
  padding-bottom:2em;
  margin-top: -3em;
  text-align: center;
}

.hub-table-img {
  border-radius:7px;
  width:80px;
  height:120px;
  object-fit:cover;
}

.hub-table-action {
  text-align:right;
}

span.separation {
  border-right: 1px solid #f6f6f6;
  margin-right: 7px;
  margin-left: 3px;
  padding-top: 20px;
  padding-bottom: 23px;
}

#hub-element-icon {
  width: 75px;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#con-req, #con-ans {
	font-style:italic;
	font-size: 1.3em;
	padding-left: 1em;
}

#con-ans span {
	font-size: 0.7em;
	font-style: normal;
	display:block;
}


#con-cust {
	padding-left:1em;
}

#hub-consulting {
	border-color: #1E84B0;
  	color: #1E84B0;
}

#hub-consulting {
	border-color: #1E84B0;
  	color: #1E84B0;
}

#hub-choose-place label {
	width: 13em;
  	margin-bottom: 1em;
  	margin-right: 1em;
  	padding: 1em;
  	border-radius: 3px;
  	vertical-align: middle;
  	border: 1px solid #ABABAB;
}

#hub-consulting:hover, #hub-mode-consulting:hover #hub-consulting {
	background-color: #64C9F4;
}

#hub-hub {
	color: #B01E1E;
	border-color: #B01E1E;
	line-height: 1.95em;
}

#hub-profile {
	color: #5C5C5C;
	border-color: #5C5C5C;
}

#hub-lists {
	color: #2396A5;
	border-color: #1F8794;
}

#hub-stats {
	color: #F06822;
  	border-color: #FF6E24;
}

#hub-valuations {
	color: #F5C306;
  	border-color: #F5C606;	
}

#hub-settings, #hub-party {
	color: #007E70;
	border-color: #009B8A;
	cursor: pointer;
}

#hub-settings:hover, 
#hub-mode-hover:hover #hub-settings, 
#hub-party:hover,
#hub-mode-hover:hover #hub-party,
#hub-valuations:hover,
#hub-mode-hover:hover #hub-valuations {
	background-color: #D0FFFA;
}


#hub-valuations:hover {
	background-color: #FFEDAC;
}


#hub-lists:hover, #hub-model-hover:hover #hub-lists {
	background-color: #DBFBFF;
}

#hub-stats:hover, #hub-mode-hover:hover #hub-stats {
	background-color: #FFFEEF;
}

#hub-profile:hover, #hub-mode-hover:hover #hub-profile {
	background-color: #E5E5E5;
}

#hub-hub:hover, #hub-mode-hub:hover #hub-hub {
	background-color: #FF8484;
}

#hub-event {
	border-color: #8B08AE;
 	color: #8B08AE;
}

#hub-event:hover, #hub-mode-event:hover #hub-event {
	background-color: #E584FF;
}


#hub-stats:hover {
	background-color: #FFDBC8;
}

#hub-trigger-consulting {
  font-size: 5em;
  vertical-align: middle;
  color: #1E84B0;
  font-weight: 100;
}

#hub-trigger-event {
  font-size: 5em;
  vertical-align: middle;
  color: #8B08AE;
  font-weight: 100;
}

#hub-trigger-hub {
  font-size: 5em;
  vertical-align: middle;
  color: #B01E1E;
  font-weight: 100;
}

#hub-module-description {
	margin-top: -2.5em;
	padding-bottom: 1em;
}

#hub-footer-links ul {
	list-style:none;
	padding-left:0;
}

.provider-dashboard, .provider-dashboard #hub-module-description h3 {
	text-align: center;
}

div.row.provider-modules ul {
	list-style: none;
}

div.row.provider-modules ul li {
	text-align: center;
}


.hub-messages {
	padding-top: 1em;
	padding-bottom: 1em;
	max-height: 400px;
	max-width: 100%;
  	overflow-x: hidden;
  	overflow-y: scroll;
}

.hub-message {
	border-bottom: 1px solid #CDCDCD;
}

.rotate {
  animation: rotation 0.5s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.compass-table-category {
  text-orientation: mixed;
  writing-mode: vertical-rl;
}

.roadmap-target {
  display: inline-block;
  border-right: 1px solid grey;
  border-right-style: dotted;
  padding-right: 0.33em;
  padding-top: 1em;
  line-height: 1em;
  font-size:90%;
  text-align:right;
}

.roadmap-cell {
  min-width:100px!important;
  max-width:100px!important;
  height:45px!important;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:white;
  font-size:90%;
  background-size:10px 10px;
}

.roadmap-item {
  width:100%; 
  padding:3px;
  text-align:left;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:white;
  font-size:90%;
  border-radius:8px;
  margin-top:1px;
  margin-bottom:1px;
}

.compass-table-right {
  border-right: 3px solid #d5d5d5 !important;
}

.compass-table-left {
  border-left: 3px solid #d5d5d5 !important;
}

.cookie-consent-popup {
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    padding-top:0.5em;
    padding-bottom: 0.5em;
    padding-left:2em;
    background-color:white;
    border-top: 1px solid #f5f5f5;
}

.cookie-consent-popup button {
  border: 1px solid grey;
  border-radius: 3px;
}

.cookie-consent-popup.open {
    display: block;
    opacity: 1;
    animation-name: show;
    animation-duration: 1s;
    animation-timing-function: ease;
}

.cookie-consent-controls {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-controls.open {
    margin: 0 0 30px 0;
    max-height: 600px;
}

.cookie-consent-details {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease-out;
    -moz-transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-out;
}

.cookie-consent-details.open {
    max-height: 600px;
}

.swiper-button-next, .swiper-button-prev {
  color: white !important;
}

.swiper-pagination-bullet-active {
  background: white !important;   
}

.table > tbody > tr > td {
  vertical-align:middle!important;
}

@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes hide {
    from {opacity: 1;}
    to {opacity: 0;}
  }

/** bootstrap customizing **/
body {
	font-size: 15px;
}

.navbar-inverse .navbar-toggle .icon-bar
{
	background-color:black;
}
.navbar-inverse {
	background-color: white;
	border-bottom: 1px solid #f5f5f5;
}

.navbar-inverse .navbar-nav > li > a {
	color: #666666 !important;
}

div.navbar-header > a {
	color: #5E5454 !important;
}

.navbar-inverse .navbar-nav > .open > a:focus {
	background-color:rgba(211, 211, 211, 1);
}

div.navbar-header > a:hover,
.navbar-nav > li > a:hover {
	color:black !important;
	background-color: transparent !important;
}


.navbar-inverse .navbar-nav > .active > a {
	color: black !important;
	background-color: transparent !important;
	font-weight: 700;
}

.navbar-inverse .navbar-nav > .active > a:hover {
	background-color: transparent !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #C77220;
}

.customer-view .row {
	padding-top: 1em;
	padding-bottom: 1em;
}

.fullcalendar {
	padding-top: 3em;
}

.form-control {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !import;
}

.row {
	margin-bottom: 1.35em;
}

/** helpers **/
.container {
	max-width: 950px !important;
}

.geo-search {
  padding:5px;
  background-color:white;
  border-radius:12px!important;
}

.geo-search input {
  font-size:1.45em;
  width:15em!important;
  border-top-right-radius:0px !important;
  border-bottom-right-radius:0px !important;
}

.geo-search button {
  border-left:none;
  padding:7px 7px 3px 10px !important;
}

#hub-menu-gap {
	height: 3.6em;
}

.file-preview-frame {
  box-shadow: none !important;
}

.file-thumbnail-footer {
  display: none !important;
}

.file-drop-zone {
  min-height: 100px !important;
}

@media only screen and (max-width: 767px) {
  
  .hub-single-background {
	  height: 400px;
}

  
 #hub-party-element-img, .hub-party-element-img {
    border-radius:0px;
  }
  
	#hub-mode-row .col-sm-10 {
		text-align:center;
		padding-bottom:2em;
	}
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1s infinite ease-in-out;
  animation: load7 1s infinite ease-in-out;
}
.loader {
  color: #575656;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}