@import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900&display=swap");
.loader {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  background: #fff100;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; }
  .loader.loader-qa {
    background: #38a94e; }
  .loader img {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    width: 4rem;
    margin-left: 2rem;
    margin-top: 1.5rem; }
  .loader.hidden {
    animation: fadeOut 1s;
    animation-fill-mode: forwards; }

@keyframes fadeOut {
  100% {
    opacity: 0;
    visibility: hidden; } }

.redirecting {
  position: absolute;
  font-size: 1rem;
  text-transform: uppercase;
  left: 50%;
  top: 60%;
  margin-left: -20px; }

.pre-body {
  position: absolute;
  top: 47%;
  margin-left: -30px;
  left: 50%;
  animation: speeder 0.4s linear infinite; }
  .pre-body > span {
    position: absolute;
    top: 40px;
    left: 30px; }

.pre-body > span > span:nth-child(1),
.pre-body > span > span:nth-child(2),
.pre-body > span > span:nth-child(3),
.pre-body > span > span:nth-child(4) {
  width: 30px;
  height: 1px;
  background: #000;
  position: absolute;
  animation: fazer1 0.2s linear infinite; }

.pre-body > span > span:nth-child(1) {
  top: 20px; }

.pre-body > span > span:nth-child(2) {
  top: 30px;
  animation: fazer2 0.4s linear infinite; }

.pre-body > span > span:nth-child(3) {
  top: -20px;
  animation: fazer3 0.4s linear infinite;
  animation-delay: -1s; }

.pre-body > span > span:nth-child(4) {
  top: -15px;
  animation: fazer4 1s linear infinite;
  animation-delay: -1s; }

@keyframes fazer1 {
  0% {
    left: 0; }
  100% {
    left: -80px;
    opacity: 0; } }

@keyframes fazer2 {
  0% {
    left: 0; }
  100% {
    left: -100px;
    opacity: 0; } }

@keyframes fazer3 {
  0% {
    left: 0; }
  100% {
    left: -50px;
    opacity: 0; } }

@keyframes fazer4 {
  0% {
    left: 0; }
  100% {
    left: -150px;
    opacity: 0; } }

@keyframes speeder {
  0% {
    transform: translate(2px, 1px) rotate(0deg); }
  10% {
    transform: translate(-1px, -3px) rotate(-1deg); }
  20% {
    transform: translate(-2px, 0px) rotate(1deg); }
  30% {
    transform: translate(1px, 2px) rotate(0deg); }
  40% {
    transform: translate(1px, -1px) rotate(1deg); }
  50% {
    transform: translate(-1px, 3px) rotate(-1deg); }
  60% {
    transform: translate(-1px, 1px) rotate(0deg); }
  70% {
    transform: translate(3px, 1px) rotate(-1deg); }
  80% {
    transform: translate(-2px, -1px) rotate(1deg); }
  90% {
    transform: translate(2px, 1px) rotate(0deg); }
  100% {
    transform: translate(1px, -2px) rotate(-1deg); } }

.longfazers {
  position: absolute;
  width: 100%;
  height: 100%; }
  .longfazers span {
    position: absolute;
    height: 2px;
    width: 20%;
    background: #000; }
    .longfazers span:nth-child(1) {
      top: 20%;
      animation: lf 0.6s linear infinite;
      animation-delay: -5s; }
    .longfazers span:nth-child(2) {
      top: 40%;
      animation: lf2 0.8s linear infinite;
      animation-delay: -1s; }
    .longfazers span:nth-child(3) {
      top: 60%;
      animation: lf3 0.6s linear infinite; }
    .longfazers span:nth-child(4) {
      top: 80%;
      animation: lf4 0.5s linear infinite;
      animation-delay: -3s; }

@keyframes lf {
  0% {
    left: 200%; }
  100% {
    left: -200%;
    opacity: 0; } }

@keyframes lf2 {
  0% {
    left: 200%; }
  100% {
    left: -200%;
    opacity: 0; } }

@keyframes lf3 {
  0% {
    left: 200%; }
  100% {
    left: -100%;
    opacity: 0; } }

@keyframes lf4 {
  0% {
    left: 200%; }
  100% {
    left: -100%;
    opacity: 0; } }

@media (max-height: 750px) {
  .loader .redirecting {
    left: 50%;
    top: 55%; }
  .loader .pre-body {
    top: 40%;
    left: 50%; } }

@media (max-height: 550px) {
  .loader .redirecting {
    top: 55%; }
  .loader .pre-body {
    top: 35%; } }

@media (max-height: 400px) {
  .loader .redirecting {
    top: 55%; }
  .loader .pre-body {
    top: 30%; } }

@media (max-width: 750px) {
  .loader .redirecting {
    left: 45%; }
  .loader .pre-body {
    left: 45%; } }

body {
  font-family: "Raleway", sans-serif; }

.bg-light {
  background-color: #f4f3ee !important; }

.bg-primary {
  background-color: #fff100 !important; }

.bg-dark {
  background-color: #231f20 !important; }
  @media (max-width: 500px) {
    .bg-dark a,
    .bg-dark span {
      font-size: 13px !important; } }

.text-dark {
  color: #231f20 !important; }

.text-primary {
  color: #fff100 !important; }

.text-white {
  color: #fff !important; }

.font-weight-bold {
  font-weight: 600 !important; }

.btn-dark {
  background-color: #000;
  color: #fff;
  border: none;
  text-transform: uppercase;
  width: 190px;
  padding: 0.4rem 0.1rem;
  font-size: 0.9rem;
  cursor: pointer; }
  .btn-dark:hover, .btn-dark:focus {
    background-color: #000 !important;
    outline: none; }

.btn {
  border-radius: 0 !important; }

.disabled {
  cursor: not-allowed; }

.bg-black {
  background-color: #000; }

.bg-white {
  background-color: #fff !important; }

.bg-light-secondary {
  background-color: #f8f7f4 !important; }

.bg-light-grey {
  background-color: #cfcfcf !important; }

.border-bottom-grey {
  border-bottom: 1px solid #cfcfcf !important; }

.border-left-grey {
  border-left: 1px solid #cfcfcf !important; }

.border-right-grey {
  border-right: 1px solid #cfcfcf !important; }

.border-top-grey {
  border-top: 1px solid #cfcfcf !important; }

.border-bottom-dark-grey {
  border-bottom: 1px solid #b5b5b4 !important; }

.border-dark-grey {
  border: 2px solid #585858 !important; }

.border-radius .cursor-pointer {
  cursor: pointer; }

.cursor-pointer {
  cursor: pointer !important; }

.no-underline:hover,
.no-underline:focus {
  text-decoration: none; }

.text-underline {
  text-decoration: underline; }

.blurry-text {
  color: transparent;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.form-control {
  border: none;
  height: 2.2rem;
  border-radius: 0 !important; }

.form-control:focus,
.form-control:active,
textarea:focus {
  outline: 0px !important;
  -webkit-appearance: none;
  -moz-box-shadow: inset 0 0 5px #231f20;
  -webkit-box-shadow: inset 0 0 5px #231f20;
  box-shadow: inset 0 0 5px #231f20 !important; }

/* The checkbox container */
.checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  margin-bottom: 0.8rem !important;
  padding-bottom: 0.8rem !important;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: inherit;
  width: inherit; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff; }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #585858; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: inline-block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.btn-yellow,
.btn-black-secondary {
  border: none;
  text-transform: uppercase;
  padding: 0.6rem 1.6rem;
  font-weight: bold;
  font-size: 0.9rem;
  cursor: pointer; }
  .btn-yellow:hover, .btn-yellow:focus,
  .btn-black-secondary:hover,
  .btn-black-secondary:focus {
    outline: none;
    text-decoration: none; }

.btn-yellow {
  background-color: #fff100;
  color: #000; }
  .btn-yellow:hover, .btn-yellow:focus {
    background-color: #fff100 !important;
    color: #000; }

.btn-black-secondary {
  background-color: #000;
  color: #fff100;
  cursor: pointer;
  text-transform: none; }
  .btn-black-secondary:hover, .btn-black-secondary:focus {
    background-color: #000 !important;
    color: #fff100; }

.btn-yellow-secondary {
  background-color: #fff100;
  color: #000;
  border: none;
  text-transform: uppercase;
  padding: 0.3rem 1.2rem;
  font-size: 0.75rem;
  font-weight: bold;
  cursor: pointer; }
  .btn-yellow-secondary:hover, .btn-yellow-secondary:focus {
    background-color: #fff100 !important;
    outline: none;
    color: #000;
    text-decoration: none; }

.btn-brown {
  background-color: #bbb589;
  color: #fff;
  border: none;
  text-transform: uppercase;
  padding: 0.3rem 1.2rem;
  font-size: 0.75rem;
  font-weight: bold;
  cursor: pointer; }
  .btn-brown:hover, .btn-brown:focus {
    background-color: #bbb589 !important;
    outline: none;
    color: #fff;
    text-decoration: none; }

.btn-grey {
  background-color: #cfcfcf;
  color: #fff;
  border: none;
  padding: 0.3rem 1.2rem;
  font-size: 0.75rem;
  font-weight: bold;
  cursor: pointer; }
  .btn-grey:hover, .btn-grey:focus {
    background-color: #585858 !important;
    outline: none;
    color: #fff;
    text-decoration: none; }

.popover.right .arrow:after {
  border-top-color: #000 !important; }

.popover {
  background-color: #000 !important; }
  .popover .popover-body {
    padding: 0.4rem 0.5rem; }
  .popover.bs-popover-top .arrow:after {
    border-top-color: #000 !important; }
  .popover.bs-popover-bottom .arrow:after {
    border-bottom-color: #000 !important; }
  .popover.bs-popover-right .arrow:after {
    border-right-color: #000 !important; }
  .popover.bs-popover-left .arrow:after {
    border-left-color: #000 !important; }
  .popover .popover-body {
    color: #fff !important; }

.company-card {
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  position: relative; }
  .company-card .company-card-header {
    font-weight: 900;
    border-bottom: 1px solid #b5b5b4;
    font-size: 0.95rem; }
    .company-card .company-card-header i {
      color: #b5b5b4 !important; }
  .company-card .company-card-body .image-container img {
    height: 4.2rem;
    width: 4.2rem; }
  .company-card .company-card-body .company-name {
    font-size: 1.25rem;
    font-weight: bold; }
  .company-card .company-card-body .company-description {
    line-height: 1.3;
    color: #231f20;
    margin-bottom: 0;
    font-size: 0.95rem;
    font-weight: 300; }
  .company-card .company-card-body .services-list .position-relative-left {
    position: absolute;
    left: 3.5px;
    background-color: #fff;
    padding: 0rem 0.2rem;
    height: 1.2rem;
    margin-top: 0.2rem; }
    .company-card .company-card-body .services-list .position-relative-left img {
      height: 1rem; }
  .company-card .company-card-body .services-list .service {
    background-color: #fff100;
    display: inline-block;
    margin: 0.2rem 0.1rem;
    font-size: 0.8rem;
    font-weight: 700; }
  .company-card .company-card-footer {
    font-size: 0.7rem;
    font-weight: 600; }
  .company-card.new-match {
    background-color: #fff100; }
    .company-card.new-match .services-list .service {
      background-color: #fff; }
  .company-card.request {
    background-color: #000;
    color: #fff; }
    .company-card.request .company-description {
      color: #fff; }
    .company-card.request .company-card-body .services-list .service {
      background-color: #fff100;
      color: #000 !important; }
  .company-card .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out; }
    .company-card .overlay .text {
      color: #fff;
      font-size: 1.2rem; }
  .company-card:hover .overlay {
    opacity: 1; }

.bg-light .add-sub,
.bg-light .add,
.bg-light .suggestions .suggestion .a {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  font-size: 0.93rem;
  font-weight: bold;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out; }

.bg-light .add-sub:focus,
.bg-light .add:focus {
  outline: none;
  border-bottom: 1px solid #000; }

#topbar .navbar-brand {
  font-size: 1.95rem;
  font-weight: 800; }

#topbar .navbar-nav {
  font-weight: 600; }
  #topbar .navbar-nav .active .nav-link {
    background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%);
    -webkit-background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%);
    -moz-background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%); }
  #topbar .navbar-nav .logout {
    border-left: 1px dotted #000;
    cursor: pointer; }

#topbar .logo-small {
  display: none !important; }

#topbar .logo-default {
  display: inline !important; }

@media (max-width: 768px) {
  #topbar .navbar-nav {
    font-size: 0.89rem; }
  #topbar .logo-small {
    display: inline !important; }
  #topbar .logo-default {
    display: none !important; } }

#navbar {
  font-weight: 500;
  font-size: 0.9rem;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  z-index: 10 !important;
  position: relative; }
  #navbar .text-dark li a {
    color: #231f20 !important;
    font-weight: 600 !important; }
  #navbar .navbar .navbar-brand {
    font-size: 1rem;
    font-weight: 600; }
  #navbar .navbar .nav-item .nav-link {
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    #navbar .navbar .nav-item .nav-link.active, #navbar .navbar .nav-item .nav-link:hover {
      color: #cfcfcf !important; }

#footer .social i {
  color: #cfcfcf !important; }
  #footer .social i:hover {
    color: #fff !important; }

#footer .social a:hover {
  text-decoration: none !important; }

#login {
  background-color: #f4f3ee; }
  #login h2 {
    font-weight: 700; }
  #login .container {
    max-width: 500px; }
    #login .container form #sign-in-options,
    #login .container form p {
      font-size: 0.8rem;
      color: #cfcfcf; }
      #login .container form #sign-in-options label,
      #login .container form #sign-in-options input,
      #login .container form p label,
      #login .container form p input {
        cursor: pointer; }
      #login .container form #sign-in-options a,
      #login .container form p a {
        color: #cfcfcf !important;
        text-decoration: underline;
        transition: all 0.25s ease-out;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out; }
        #login .container form #sign-in-options a:hover,
        #login .container form p a:hover {
          color: #000 !important; }

#company-register .mandatory,
#user-register .mandatory {
  background-image: linear-gradient(to bottom, #f4f3ee 0%, #f4f3ee 39%, #fff100 40%, #fff100 62%, #f4f3ee 80%, #f4f3ee 100%);
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

#company-register .collapse-label,
#user-register .collapse-label {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px dotted #000;
  margin-bottom: 2rem;
  margin-top: 2rem; }

#company-register h4,
#user-register h4 {
  font-weight: 600;
  font-size: 1.4rem; }

#company-register .container,
#user-register .container {
  max-width: 1000px; }
  #company-register .container .form-group,
  #user-register .container .form-group {
    margin-bottom: 0.8rem !important; }
    #company-register .container .form-group .form-control,
    #user-register .container .form-group .form-control {
      font-weight: bold;
      color: #000; }
  #company-register .container label,
  #company-register .container .label,
  #user-register .container label,
  #user-register .container .label {
    font-size: 0.9rem;
    margin-bottom: 2px;
    font-weight: 400; }
  #company-register .container .progress,
  #user-register .container .progress {
    border-style: inset;
    border-radius: 0; }

#company-register .btn-yellow,
#user-register .btn-yellow {
  border-radius: 4px !important;
  padding: 0.3rem 5rem;
  box-shadow: 1px 3px 5px #888888; }

#company-register div[aria-expanded="true"] .fa-chevron-down,
#user-register div[aria-expanded="true"] .fa-chevron-down {
  display: none; }

#company-register div[aria-expanded="false"] .fa-chevron-up,
#user-register div[aria-expanded="false"] .fa-chevron-up {
  display: none; }

#company-register #agreementModal,
#user-register #agreementModal {
  font-size: 0.8rem !important; }

#company-register .modal_message_container,
#user-register .modal_message_container {
  z-index: 11;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85); }
  #company-register .modal_message_container.hide,
  #user-register .modal_message_container.hide {
    opacity: 0;
    visibility: hidden; }
  #company-register .modal_message_container .modal_message,
  #user-register .modal_message_container .modal_message {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    max-width: 30rem;
    color: #fff;
    font-weight: 600;
    margin-left: auto;
    margin-right: 0;
    opacity: 1; }
    #company-register .modal_message_container .modal_message.hide,
    #user-register .modal_message_container .modal_message.hide {
      visibility: hidden;
      opacity: 0; }
      #company-register .modal_message_container .modal_message.hide hr,
      #user-register .modal_message_container .modal_message.hide hr {
        width: 0; }
    #company-register .modal_message_container .modal_message hr,
    #user-register .modal_message_container .modal_message hr {
      width: 5rem;
      border-color: #fff100;
      margin-top: 5px;
      transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      margin-left: 0; }
    #company-register .modal_message_container .modal_message button,
    #user-register .modal_message_container .modal_message button {
      border: none;
      padding: 0.2rem 1.6rem;
      font-weight: bold;
      font-size: 0.7rem;
      cursor: pointer;
      background-color: #fff100; }
      #company-register .modal_message_container .modal_message button:hover, #company-register .modal_message_container .modal_message button:focus,
      #user-register .modal_message_container .modal_message button:hover,
      #user-register .modal_message_container .modal_message button:focus {
        outline: none;
        text-decoration: none; }

#stats {
  position: relative;
  width: 100%;
  background: url(/static/img/group-6.png);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  z-index: 9 !important;
  position: relative; }
  #stats .row {
    display: flex;
    margin-right: -7% !important;
    margin-left: -7% !important; }
  #stats .compliance-bg {
    right: 0;
    top: 0;
    bottom: 0;
    background: #585858;
    position: absolute;
    width: 22%; }
  #stats .stats-row {
    text-align: center; }
    #stats .stats-row h4 {
      font-size: 0.97rem;
      font-weight: bold;
      margin: 0;
      padding: 5px !important; }
    #stats .stats-row .text-lg {
      font-weight: 700;
      font-size: 2.7rem;
      margin: 0;
      padding: 0;
      line-height: 1; }
    #stats .stats-row .text-preloader-container {
      text-align: center;
      height: 3rem; }
    #stats .stats-row .border-right-dark {
      border-right: 1.7px solid #b5b5b4 !important; }
  #stats .compliance {
    background-color: #585858; }
    #stats .compliance h4 {
      text-align: center;
      color: #fff;
      font-size: 1.1rem;
      font-weight: bold;
      padding: 0 !important; }
    #stats .compliance .stars {
      padding: 0;
      text-align: center; }

@media (max-width: 450px) {
  #stats .status {
    display: none; }
  #stats .stats-row .border-right-dark {
    border-right: none !important; } }

@media (max-width: 768px) {
  #stats .stats-row h4 {
    font-size: 0.95rem !important; }
  #stats .stats-row .text-lg {
    font-size: 1.7rem !important; }
  #stats .stats-row .no-border {
    border: none !important; }
  #stats .compliance .status {
    font-size: 0.9rem !important;
    font-weight: bold !important; }
  #stats .fa-2x {
    font-size: 1.5rem; } }

@media (max-width: 992px) {
  #stats h4 {
    font-size: 1.05rem !important; }
  #stats .container {
    max-width: 100%; } }

#main-nav {
  background-color: #f4f3ee;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  z-index: 8 !important;
  position: relative; }
  #main-nav .container {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem; }
    #main-nav .container .link-parent {
      padding: 0 0.3rem; }
      #main-nav .container .link-parent .link {
        display: block;
        background-color: #000;
        color: #fff;
        padding: 0.8rem 0.5rem;
        font-weight: 700;
        border-radius: 5px;
        text-align: center;
        box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4);
        transition: all 0.25s ease-out;
        -webkit-transition: all 0.25s ease-out;
        -moz-transition: all 0.25s ease-out;
        -ms-transition: all 0.25s ease-out; }
        #main-nav .container .link-parent .link:hover, #main-nav .container .link-parent .link.active {
          text-decoration: none;
          background-color: #fff100;
          color: #000; }
    #main-nav .container .more {
      display: none; }
      #main-nav .container .more .link:hover .fa-ellipsis-v {
        color: #000 !important; }
      #main-nav .container .more .more-container {
        position: relative; }
        #main-nav .container .more .more-container .more-options {
          visibility: hidden;
          -webkit-transform: scale(0);
          transform: scale(0);
          transition: all 0.25s ease-out;
          -webkit-transition: all 0.25s ease-out;
          -moz-transition: all 0.25s ease-out;
          -ms-transition: all 0.25s ease-out;
          -webkit-transform-origin: top right;
          transform-origin: top right;
          padding: 0.3rem 0;
          box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15) !important;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #fff;
          border-radius: 5px;
          margin-top: 10px; }
          #main-nav .container .more .more-container .more-options.show {
            visibility: visible;
            -webkit-transform: scale(1);
            transform: scale(1); }
          #main-nav .container .more .more-container .more-options .more-option {
            padding: 0.6rem 0;
            text-align: center; }
            #main-nav .container .more .more-container .more-options .more-option a {
              color: #231f20;
              font-weight: bold; }
              #main-nav .container .more .more-container .more-options .more-option a:hover {
                background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%);
                -webkit-background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%);
                -moz-background-image: linear-gradient(to bottom, #fff 0%, #fff 38%, #fff100 38%, #fff100 62%, #fff 62%, #fff 100%); }

@media (max-width: 576px) {
  #main-nav .container .link-parent a {
    font-size: 0.95rem; } }

@media (max-width: 992px) {
  #main-nav .container .link-parent a {
    font-size: 0.95rem; } }

#dashboard .filter, #my_contacts .filter {
  font-weight: 800;
  font-size: 0.92rem; }
  #dashboard .filter .col, #my_contacts .filter .col {
    max-width: 300px; }
  #dashboard .filter input, #my_contacts .filter input {
    width: 100%;
    padding: 0.3rem 1rem;
    text-align: right;
    border: none;
    border-style: inset !important;
    color: #231f20;
    border-radius: 0;
    font-weight: 700; }
    #dashboard .filter input::placeholder, #my_contacts .filter input::placeholder {
      color: #b5b5b4;
      font-weight: 600; }
    #dashboard .filter input:focus, #my_contacts .filter input:focus {
      outline: none; }
  #dashboard .filter select, #my_contacts .filter select {
    border: none;
    color: #b5b5b4;
    font-weight: bold;
    cursor: pointer; }
    #dashboard .filter select:disabled, #my_contacts .filter select:disabled {
      text-decoration: line-through; }
    #dashboard .filter select:focus, #my_contacts .filter select:focus {
      outline: none; }

#dashboard .show, #my_contacts .show {
  opacity: 1; }

#dashboard .hide, #my_contacts .hide {
  opacity: 0; }

#dashboard .matches-wrapper, #my_contacts .matches-wrapper {
  overflow: hidden; }

#dashboard #matches, #my_contacts #matches {
  min-height: 10rem; }

@media (max-width: 992px) {
  #dashboard .filter {
    flex-direction: column; }
    #dashboard .filter > div {
      margin: 0.5rem auto 0 0 !important; }
    #dashboard .filter input {
      max-width: 100% !important; } }

#home .first-slide {
  height: 100%; }
  #home .first-slide .main-image {
    background-image: url(/static/img/b2beematch-banner-meeting1.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: 100%; }
    #home .first-slide .main-image .overlay {
      height: 100%;
      background: rgba(0, 0, 0, 0.1); }
      #home .first-slide .main-image .overlay .text-shadow {
        -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
      #home .first-slide .main-image .overlay .hexagon {
        height: 80%;
        margin: auto;
        background-image: url(/static/img/hexagon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto 100%; }
        #home .first-slide .main-image .overlay .hexagon .container {
          padding-top: 2rem;
          color: #fff;
          font-weight: 700;
          font-size: 4rem;
          line-height: 1; }
        #home .first-slide .main-image .overlay .hexagon .tagline {
          margin-top: 2rem;
          font-size: 2rem;
          font-weight: 500; }

#home .icc-first-slide {
  height: 100%; }
  #home .icc-first-slide h1 {
    font-size: 2.9rem;
    line-height: 1.2;
    font-weight: 600; }
  #home .icc-first-slide .icc-first-slide-text {
    font-size: 1.2rem;
    font-weight: 300; }
  #home .icc-first-slide img {
    width: 32rem; }

#home .second-slide,
#home .second-slide-fr,
#home .third-slide,
#home .sixth-slide,
#home .seventh-slide,
#home .eighth-slide {
  height: 100%; }
  #home .second-slide .container,
  #home .second-slide-fr .container,
  #home .third-slide .container,
  #home .sixth-slide .container,
  #home .seventh-slide .container,
  #home .eighth-slide .container {
    height: 100%; }
    #home .second-slide .container .d-flex,
    #home .second-slide-fr .container .d-flex,
    #home .third-slide .container .d-flex,
    #home .sixth-slide .container .d-flex,
    #home .seventh-slide .container .d-flex,
    #home .eighth-slide .container .d-flex {
      height: 100%; }
      #home .second-slide .container .d-flex .left-text,
      #home .second-slide-fr .container .d-flex .left-text,
      #home .third-slide .container .d-flex .left-text,
      #home .sixth-slide .container .d-flex .left-text,
      #home .seventh-slide .container .d-flex .left-text,
      #home .eighth-slide .container .d-flex .left-text {
        font-size: 1.9rem;
        max-width: 15rem;
        line-height: 1.2; }
      #home .second-slide .container .d-flex img,
      #home .second-slide-fr .container .d-flex img,
      #home .third-slide .container .d-flex img,
      #home .sixth-slide .container .d-flex img,
      #home .seventh-slide .container .d-flex img,
      #home .eighth-slide .container .d-flex img {
        width: 32rem; }

#home .fourth-slide {
  height: 100%; }
  #home .fourth-slide .container {
    height: 100%; }
    #home .fourth-slide .container .d-flex {
      height: 100%; }
      #home .fourth-slide .container .d-flex .left-text {
        font-size: 1.9rem;
        max-width: 15rem;
        line-height: 1.2; }
      #home .fourth-slide .container .d-flex img {
        width: 35rem !important; }

#home .fifth-slide {
  height: 100%; }
  #home .fifth-slide .container {
    height: 100%; }
    #home .fifth-slide .container .d-flex {
      height: 100%; }
      #home .fifth-slide .container .d-flex .carousel_video {
        width: 45rem; }

#home .sixth-slide {
  height: 100%; }
  #home .sixth-slide .container {
    height: 100%; }
    #home .sixth-slide .container .d-flex {
      height: 100%; }
      #home .sixth-slide .container .d-flex .left-text {
        font-size: 1.9rem;
        max-width: 15rem;
        line-height: 1.2; }
      #home .sixth-slide .container .d-flex img {
        width: 38rem !important; }

#home .slide {
  overflow: hidden; }
  #home .slide.first-slide .main-image .overlay .first-slide-heading {
    transform: translateY(-25%);
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out; }
  #home .slide.first-slide .main-image .overlay .tagline {
    opacity: 0;
    transform: translateY(25%);
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition-delay: 1.2s; }
  #home .slide.first-slide .main-image .overlay .btn-yellow {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out; }
  #home .slide.first-slide .main-image .overlay .hexagon {
    opacity: 0;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out; }
  #home .slide.first-slide .main-image .overlay .first-slide-heading:nth-child(1) {
    transition-delay: 0.2s; }
  #home .slide.first-slide .main-image .overlay .first-slide-heading:nth-child(2) {
    transition-delay: 0.4s; }
  #home .slide.first-slide .main-image .overlay .first-slide-heading:nth-child(3) {
    transition-delay: 0.6s; }
  #home .slide.second-slide .container .d-flex .left-text, #home .slide.fourth-slide .container .d-flex .left-text, #home .slide.eighth-slide .container .d-flex .left-text {
    transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    opacity: 0;
    transition: all 0.75s ease-out;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out; }
  #home .slide.second-slide .container .d-flex img, #home .slide.fourth-slide .container .d-flex img, #home .slide.eighth-slide .container .d-flex img {
    transform: translateX(25%);
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    opacity: 0;
    transition: all 0.75s ease-out;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    width: 35rem; }
  #home .slide.third-slide .container .d-flex .left-text, #home .slide.second-slide-fr .container .d-flex .left-text, #home .slide.sixth-slide .container .d-flex .left-text, #home .slide.seventh-slide .container .d-flex .left-text {
    transform: translateX(25%);
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    opacity: 0;
    transition: all 0.75s ease-out;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out; }
  #home .slide.third-slide .container .d-flex img, #home .slide.second-slide-fr .container .d-flex img, #home .slide.sixth-slide .container .d-flex img, #home .slide.seventh-slide .container .d-flex img {
    transform: translateX(-25%);
    -webkit-transform: translateX(-25%);
    -moz-transform: translateX(-25%);
    opacity: 0;
    transition: all 0.75s ease-out;
    -webkit-transition: all 0.75s ease-out;
    -moz-transition: all 0.75s ease-out;
    -ms-transition: all 0.75s ease-out;
    width: 35rem; }
  #home .slide.active-slide.first-slide .main-image .overlay .first-slide-heading {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1; }
  #home .slide.active-slide.first-slide .main-image .overlay .tagline {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1; }
  #home .slide.active-slide.first-slide .main-image .overlay .hexagon {
    opacity: 1; }
  #home .slide.active-slide.second-slide .container .d-flex .left-text, #home .slide.active-slide.fourth-slide .container .d-flex .left-text, #home .slide.active-slide.eighth-slide .container .d-flex .left-text {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1; }
  #home .slide.active-slide.second-slide .container .d-flex img, #home .slide.active-slide.fourth-slide .container .d-flex img, #home .slide.active-slide.eighth-slide .container .d-flex img {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1; }
  #home .slide.active-slide.third-slide .container .d-flex .left-text, #home .slide.active-slide.second-slide-fr .container .d-flex .left-text, #home .slide.active-slide.sixth-slide .container .d-flex .left-text, #home .slide.active-slide.seventh-slide .container .d-flex .left-text {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1; }
  #home .slide.active-slide.third-slide .container .d-flex img, #home .slide.active-slide.second-slide-fr .container .d-flex img, #home .slide.active-slide.sixth-slide .container .d-flex img, #home .slide.active-slide.seventh-slide .container .d-flex img {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    opacity: 1; }

#home #slide-container {
  position: relative;
  min-height: 530px !important; }

#home .progress-indicators-container {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  z-index: 10; }
  #home .progress-indicators-container .indicator {
    position: relative; }
  #home .progress-indicators-container .dot {
    margin: 1.1rem;
    height: 8px;
    width: 8px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5)); }
  #home .progress-indicators-container .bar {
    position: absolute;
    top: -0.2rem;
    left: -0.2rem;
    width: 50px;
    height: 50px;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5)); }

#home .main-image {
  background-image: url(/static/img/b2beematch-banner-meeting1.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  #home .main-image .overlay {
    background: rgba(0, 0, 0, 0.1); }

#home .hexagon {
  background-image: url(/static/img/hexagon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%; }
  #home .hexagon .container {
    padding-top: 4.5rem;
    color: #fff;
    font-weight: 700;
    font-size: 3.7rem;
    line-height: 1; }
  #home .hexagon .tagline {
    margin-top: 2rem;
    font-size: 2rem;
    font-weight: 500; }

#home .intro-section {
  background: #fff100; }
  #home .intro-section h2,
  #home .intro-section p {
    color: #000; }
  #home .intro-section h2 {
    font-weight: 600;
    font-size: 2.2rem !important; }
  #home .intro-section p {
    font-size: 1.5rem;
    font-weight: 400;
    opacity: 0.9; }

#home .icc-intro-section h2 {
  font-size: 2rem; }

#home .icc-intro-section p {
  font-size: 1.3rem;
  font-weight: 300; }

#home .home-questions {
  background-image: url(/static/img/group-8.png); }
  #home .home-questions .border-right {
    border-right: 2px solid #cfcfcf !important; }
  #home .home-questions img {
    height: 3.8rem; }
    #home .home-questions img.he-2 {
      height: 2.6rem !important;
      margin-bottom: 1rem; }
    #home .home-questions img.he-3 {
      height: 3.2rem !important;
      margin-bottom: 1rem; }
  #home .home-questions h5 {
    font-weight: bold; }
  #home .home-questions p {
    font-size: 1.1rem;
    font-weight: 500; }

#home .sign_up_now_section h5 {
  font-weight: 800;
  font-size: 1.15rem; }

#home .sign_up_now_section .info {
  font-size: 1.07; }

#home .sign_up_now_section hr {
  border-top: 8px solid #fff100 !important;
  width: 2.8rem;
  margin-left: 0; }

#home .info .info-box {
  background-color: #fff100;
  padding-top: 0.3rem;
  z-index: 10;
  box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out; }
  #home .info .info-box .box-heading {
    height: 6rem;
    font-size: 1.5rem !important;
    font-weight: bold; }
  #home .info .info-box:hover, #home .info .info-box.active {
    background-color: #f4f3ee;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }

#home .info .details {
  max-height: 0;
  opacity: 0;
  z-index: -1;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out; }
  #home .info .details .info-link {
    z-index: 100;
    color: red;
    cursor: pointer !important; }
  #home .info .details.active {
    max-height: 20rem;
    opacity: 1; }
  #home .info .details p {
    font-weight: 800;
    margin-bottom: 0 !important; }
  #home .info .details hr {
    width: 50px;
    border-bottom: 7px solid #b5b5b4;
    margin: 0.6rem auto 0.6rem 0; }

#home .stats {
  font-weight: bold;
  line-height: 1.2; }
  #home .stats .border-right {
    border-right: 1.5px solid #b5b5b4 !important; }
  #home .stats .numbers {
    font-size: 3rem; }
  #home .stats .label {
    font-size: 1.8rem; }

#home .image-section {
  background-image: url(/static/img/b2beematch-banner-meeting2.jpg);
  height: 450px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat center; }

#home .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #cfcfcf;
  cursor: pointer; }

#home li.active {
  background-color: #fff100 !important; }

@media (max-width: 992px) {
  #home .info .details.active {
    max-height: 30rem !important; }
  #home .first-slide .main-image .overlay .hexagon {
    height: 80%; }
    #home .first-slide .main-image .overlay .hexagon .container {
      padding-top: 2rem;
      font-weight: 700;
      font-size: 3rem;
      line-height: 1; }
    #home .first-slide .main-image .overlay .hexagon .tagline {
      font-size: 1.5rem;
      font-weight: 500; }
  #home .second-slide .container .d-flex .left-text,
  #home .second-slide-fr .container .d-flex .left-text,
  #home .third-slide .container .d-flex .left-text,
  #home .sixth-slide .container .d-flex .left-text,
  #home .seventh-slide .container .d-flex .left-text,
  #home .eighth-slide .container .d-flex .left-text {
    font-size: 1.5rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .second-slide .container .d-flex img,
  #home .second-slide-fr .container .d-flex img,
  #home .third-slide .container .d-flex img,
  #home .sixth-slide .container .d-flex img,
  #home .seventh-slide .container .d-flex img,
  #home .eighth-slide .container .d-flex img {
    width: 26rem !important; }
  #home .fourth-slide .container .d-flex .left-text {
    font-size: 1.5rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .fourth-slide .container .d-flex img {
    width: 30rem !important; }
  #home .fifth-slide {
    height: 100%; }
    #home .fifth-slide .container {
      height: 100%; }
      #home .fifth-slide .container .d-flex {
        height: 100%; }
        #home .fifth-slide .container .d-flex .carousel_video {
          width: 40rem !important; }
  #home .sixth-slide .container .d-flex .left-text {
    font-size: 1.5rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .sixth-slide .container .d-flex img {
    width: 30rem !important; } }

@media (max-width: 768px) {
  #home .home-questions .border-right {
    border-right: none !important; }
  #home .intro-section h2 {
    font-size: 1.7rem !important; }
  #home .intro-section p {
    font-size: 1.2rem; }
  #home .second-slide .container .d-flex .left-text,
  #home .second-slide-fr .container .d-flex .left-text,
  #home .third-slide .container .d-flex .left-text,
  #home .sixth-slide .container .d-flex .left-text,
  #home .seventh-slide .container .d-flex .left-text,
  #home .eighth-slide .container .d-flex .left-text {
    font-size: 1.15rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .second-slide .container .d-flex img,
  #home .second-slide-fr .container .d-flex img,
  #home .third-slide .container .d-flex img,
  #home .sixth-slide .container .d-flex img,
  #home .seventh-slide .container .d-flex img,
  #home .eighth-slide .container .d-flex img {
    width: 20rem !important; }
  #home .fourth-slide .container .d-flex .left-text {
    font-size: 1.15rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .fourth-slide .container .d-flex img {
    width: 21rem !important; }
  #home .sixth-slide .container .d-flex .left-text {
    font-size: 1.15rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .sixth-slide .container .d-flex img {
    width: 22rem !important; }
  #home .icc-first-slide {
    height: 100%; }
    #home .icc-first-slide h1 {
      font-size: 1.5rem;
      padding-top: 1rem;
      padding-right: 0;
      text-align: center;
      line-height: 1.2;
      font-weight: 600; }
    #home .icc-first-slide .icc-first-slide-text {
      font-size: 1rem;
      font-weight: 300; }
    #home .icc-first-slide img {
      width: 10rem; } }

@media (max-width: 600px) {
  #home .first-slide .main-image .overlay .hexagon {
    height: 80%; }
    #home .first-slide .main-image .overlay .hexagon .container {
      padding-top: 1rem;
      font-weight: 700;
      font-size: 2.7rem;
      line-height: 1; }
    #home .first-slide .main-image .overlay .hexagon .tagline {
      font-size: 1.4rem;
      font-weight: 500; }
  #home .info .details.active {
    max-height: 38rem !important; }
  #home .info .info-box .box-heading {
    font-size: 1.1rem !important; }
  #home .border-remove-sm {
    border-right: none !important; }
  #home .stats .border-right {
    border-right: none !important; }
  #home .stats .numbers {
    font-size: 2.2rem; }
  #home .stats .label {
    font-size: 1.1rem; }
  #home .second-slide-fr .container .d-flex .left-text,
  #home .second-slide .container .d-flex .left-text,
  #home .third-slide .container .d-flex .left-text,
  #home .sixth-slide .container .d-flex .left-text,
  #home .seventh-slide .container .d-flex .left-text,
  #home .eighth-slide .container .d-flex .left-text {
    font-size: 1.45rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .second-slide-fr .container .d-flex img,
  #home .second-slide .container .d-flex img,
  #home .third-slide .container .d-flex img,
  #home .sixth-slide .container .d-flex img,
  #home .seventh-slide .container .d-flex img,
  #home .eighth-slide .container .d-flex img {
    width: 19rem !important; }
  #home .fourth-slide .container .d-flex .left-text {
    font-size: 1.45rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .fourth-slide .container .d-flex img {
    width: 21rem !important; }
  #home .fifth-slide {
    height: 100%; }
    #home .fifth-slide .container {
      height: 100%; }
      #home .fifth-slide .container .d-flex {
        height: 100%; }
        #home .fifth-slide .container .d-flex .carousel_video {
          width: 30rem !important; }
  #home .sixth-slide .container .d-flex .left-text {
    font-size: 1.45rem;
    max-width: 15rem;
    line-height: 1.2; }
  #home .sixth-slide .container .d-flex img {
    width: 22rem !important; } }

@media (max-width: 425px) {
  #home .main-image {
    background-size: cover; }
  #home .hexagon {
    background-size: auto 85%; }
    #home .hexagon .container {
      padding-top: 0;
      font-size: 2.7rem; } }

#company_modal .modal-content .modal-header h5 {
  font-size: 1rem;
  font-weight: 800; }

#company_modal .modal-content .modal-body .logo img {
  height: 60px; }

#company_modal .modal-content .modal-body .name {
  font-weight: 800;
  font-size: 1.4rem; }
  #company_modal .modal-content .modal-body .name .link {
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    border-left: 1.5px solid #b5b5b4; }
    #company_modal .modal-content .modal-body .name .link a {
      color: #000; }

#company_modal .modal-content .modal-body .icons {
  font-size: 1.2rem; }
  #company_modal .modal-content .modal-body .icons .social a {
    color: #000 !important; }
    #company_modal .modal-content .modal-body .icons .social a i {
      margin-right: 5px; }

#company_modal .modal-content .modal-body .description {
  font-size: 0.97rem; }

#company_modal .modal-content .modal-body .service-offer .heading,
#company_modal .modal-content .modal-body .service-need .heading {
  font-size: 1.1rem;
  font-weight: 800; }

#company_modal .modal-content .modal-body .service-offer .services .service,
#company_modal .modal-content .modal-body .service-need .services .service {
  font-size: 0.9rem;
  font-weight: 300; }

#company_modal .modal-content .modal-body .service-offer .services > div:nth-child(odd) {
  background-color: #f4f3ee; }

#company_modal .modal-content .modal-body .service-need .services > div:nth-child(even) {
  background-color: #f4f3ee; }

#company_modal .modal-content .modal-body .detail {
  font-size: 0.97rem; }

#company_modal .modal-content .modal-body .descriptions {
  font-size: 0.97rem; }
  #company_modal .modal-content .modal-body .descriptions .heading {
    font-size: 1.1rem;
    font-weight: 800; }

#company_modal #response_saved {
  cursor: auto; }

#contact_modal .modal-content .modal-header h5 {
  font-size: 1rem;
  font-weight: 800; }

#contact_modal .modal-content .modal-body .logo img {
  width: 100%;
  max-width: 6rem; }

#contact_modal .modal-content .modal-body .name {
  font-weight: 800;
  font-size: 1.4rem; }

#contact_modal .modal-content .modal-body .member-since {
  font-size: 0.7rem !important;
  font-weight: 600 !important; }

#contact_modal .modal-content .modal-body .description {
  font-size: 0.97rem; }

#contact_modal .modal-content .modal-body .detail {
  font-size: 0.97rem; }

#contact_modal .modal-content .modal-body .descriptions {
  font-size: 0.97rem; }
  #contact_modal .modal-content .modal-body .descriptions .heading {
    font-size: 1.1rem;
    font-weight: 800; }

#contact_modal .modal-content .modal-body .user-contact {
  font-size: 0.85rem; }

#contact_modal .modal-content .border-top {
  border-top: 1px solid #cfcfcf !important; }

#verify_account h2 {
  font-weight: bold;
  font-size: 2.2rem; }

.services-need-hire .delete {
  font-size: 0.85rem !important;
  cursor: pointer; }
  .services-need-hire .delete.sub-service {
    font-size: 0.7rem !important; }

.services-need-hire .add-sub-service,
.services-need-hire .add-service {
  border: none;
  border-bottom: 1px solid #cfcfcf;
  font-size: 0.93rem;
  font-weight: bold;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out; }
  .services-need-hire .add-sub-service:focus,
  .services-need-hire .add-service:focus {
    outline: none;
    border-bottom: 1px solid #000; }

.services-need-hire #service_heading {
  padding: 0.5rem auto !important; }

.suggestions {
  position: relative;
  z-index: 10; }
  .suggestions .absolute {
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.15) !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: scroll;
    max-height: 18rem; }
  .suggestions .suggestion {
    font-weight: 700;
    font-size: 0.9rem;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    .suggestions .suggestion:hover, .suggestions .suggestion:focus {
      cursor: pointer;
      background-color: #231f20;
      color: #fff100 !important;
      outline: none; }

.services-ins-text {
  font-size: 0.9rem; }

.service-heading {
  font-weight: 700;
  font-size: 1.7rem; }

#dashboard-services .bg-white {
  background-color: #f4f3ee !important; }

.services-info-popover {
  font-size: 0.8rem;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 0.5rem; }

.about-services-text {
  font-size: 0.94rem; }

#dashboard-services .btn-yellow {
  border-radius: 4px !important;
  padding: 0.3rem 5rem;
  box-shadow: 1px 3px 5px #888888; }

#dashboard-services .modal_message_container {
  z-index: 11;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85); }
  #dashboard-services .modal_message_container.hide {
    opacity: 0;
    visibility: hidden; }
  #dashboard-services .modal_message_container .modal_message {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    max-width: 30rem;
    color: #fff;
    font-weight: 600;
    margin-left: auto;
    margin-right: 0;
    opacity: 1; }
    #dashboard-services .modal_message_container .modal_message.hide {
      visibility: hidden;
      opacity: 0; }
      #dashboard-services .modal_message_container .modal_message.hide hr {
        width: 0; }
    #dashboard-services .modal_message_container .modal_message hr {
      width: 5rem;
      border-color: #fff100;
      margin-top: 5px;
      transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      margin-left: 0; }
    #dashboard-services .modal_message_container .modal_message button {
      border: none;
      padding: 0.2rem 1.6rem;
      font-weight: bold;
      font-size: 0.7rem;
      cursor: pointer;
      background-color: #fff100; }
      #dashboard-services .modal_message_container .modal_message button:hover, #dashboard-services .modal_message_container .modal_message button:focus {
        outline: none;
        text-decoration: none; }

#serviceRequestModal .modal-header {
  border-bottom: 0 none; }

#serviceRequestModal .modal-footer {
  border-top: 0 none; }

#serviceRequestModal .text-services-request-modal {
  font-size: 0.89rem; }

#serviceRequestModal .label-services-request-modal {
  font-weight: bold;
  font-size: 0.97rem; }

#about #video {
  height: 30rem;
  width: auto; }

#about .about-heading .overlay {
  background: #fff; }

#about .about-heading .about-hexagon h1 {
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1;
  color: #585858; }

#about .left-image {
  z-index: -1;
  background-image: url(/static/img/b2beematch-banner-meeting2.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  background-attachment: fixed;
  position: relative; }

#about .right-image {
  z-index: -1;
  background-image: url(/static/img/b2beematch-banner-employee.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right center;
  background-attachment: fixed;
  position: relative; }

#about .about-info {
  background-image: url(/static/img/group-8.png); }
  #about .about-info .about-info-subheader {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center; }
  #about .about-info .about-info-last {
    font-size: 1.1rem;
    font-weight: 600;
    text-align: center; }
  #about .about-info .border-right {
    border-right: 2px solid #cfcfcf !important; }
  #about .about-info .border-left {
    border-left: 2px solid #cfcfcf !important; }
  #about .about-info img {
    height: 3.5rem; }
    #about .about-info img.he-2 {
      height: 2.5rem !important;
      margin-bottom: 1rem; }
    #about .about-info img.he-3 {
      height: 3rem !important;
      margin-bottom: 1rem; }
  #about .about-info h5 {
    font-weight: bold; }
  #about .about-info p {
    font-size: 1.1rem;
    font-weight: 500; }

#about .reasons_section h5 {
  font-weight: 800;
  font-size: 1.3rem; }

#about .reasons_section hr {
  border-top: 8px solid #fff100 !important;
  width: 2.8rem;
  margin-left: 0; }

#about .reasons_section .card {
  height: 100%; }

#about .reasons_section .card-title {
  font-weight: bold; }

#about .reasons_section ul {
  list-style-type: circle;
  padding-left: 1rem; }
  #about .reasons_section ul li {
    padding: 0.6rem 0;
    margin-bottom: 1rem;
    font-weight: 500; }

#about .bottom-image {
  background-image: url(/static/img/b2beematch-banner-employee.jpg);
  height: 37rem;
  max-height: 70vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed; }

@media (max-width: 768px) {
  #about .about-info .border-right {
    border-right: none !important; }
  #about .about-info .border-left {
    border-left: none !important; } }

#stripe-container {
  margin: 0 25%;
  padding: 1% 2%;
  border-radius: 2px;
  box-shadow: 0px 1px 1px #cfcfcf; }
  #stripe-container .submit-button {
    background-color: #fff100;
    color: #231f20;
    padding: 2px 10px;
    font-weight: 500;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4); }
  @media (max-width: 768px) {
    #stripe-container {
      margin: 0 8%; } }
  @media (max-width: 500px) {
    #stripe-container {
      margin: 2px; } }

.box {
  margin: 5px 5%;
  border-radius: 2px;
  box-shadow: 0px 1px 1px #cfcfcf;
  font-size: 15px; }
  .box .box-header {
    background: #bcbcba4a;
    margin: 0px;
    padding: 5px 13px;
    font-weight: 600; }
  .box .box-body {
    padding: 2%; }
  @media (max-width: 500px) {
    .box {
      font-size: 10px; } }

.arrow-div {
  margin: 0 auto;
  text-align: center;
  padding: 2% 0; }

.arrow {
  font-size: xx-large;
  color: #b5b5b4; }

.empty-content {
  margin: 0 auto;
  text-align: center;
  padding: 3% 0;
  background: #eaeaea;
  font-weight: 200; }

#payment {
  /* The switch - the box around the slider */
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */ }
  #payment .action-button {
    border-radius: 4px;
    box-shadow: 4px 4px 1px 1px #cfcfcf; }
  #payment .text-align-center {
    text-align: center;
    padding-top: 5px; }
  #payment .switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 25px; }
  #payment .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  #payment .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff100;
    -webkit-transition: .4s;
    transition: .4s; }
  #payment .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 2px;
    bottom: 2px;
    background-color: #585858;
    -webkit-transition: .4s;
    transition: .4s; }
  #payment input:checked + .slider {
    background-color: #fff100; }
  #payment input:focus + .slider {
    box-shadow: 0 0 1px #fff100; }
  #payment input:checked + .slider:before {
    -webkit-transform: translateX(45px);
    -ms-transform: translateX(45px);
    transform: translateX(45px); }
  #payment .slider.round {
    border-radius: 34px;
    box-shadow: 2px 2px 1px 1px #cfcfcf; }
  #payment .slider.round:before {
    border-radius: 50%; }

.launch-section {
  background-color: #fff100; }
  .launch-section .pricing-heading {
    box-shadow: 0px -3px 15px 1px; }
    .launch-section .pricing-heading .overlay {
      background: #fff; }
    .launch-section .pricing-heading .pricing-hexagon h1 {
      font-weight: 700;
      font-size: 2.7rem;
      line-height: 1;
      color: #585858; }
  .launch-section a:hover {
    text-decoration: none; }
  .launch-section .fas {
    background: white;
    border-radius: 50%;
    font-size: 1.2em !important; }
  .launch-section .tool-tip {
    float: right;
    font-size: 0.7em;
    margin-top: 1px; }
  .launch-section .white-line {
    width: 25%;
    border-bottom: 10px solid #fff; }
  .launch-section .text-body {
    font-size: 1.5em; }
  .launch-section .plan-item {
    font-size: 1.5em;
    margin-top: 6px; }
  .launch-section .plan-item-content {
    border-bottom: 2px solid white;
    margin-left: 15px;
    padding-bottom: 6px; }
  .launch-section .sign-up-btn {
    background: black;
    text-align: center;
    color: white;
    padding: 15px;
    font-size: 1.5em;
    font-weight: 700; }
  @media (max-width: 768px) {
    .launch-section h2 {
      font-size: 1.5em; }
    .launch-section span {
      font-size: 0.9em; }
    .launch-section .tool-tip {
      margin-top: 5px; }
    .launch-section .plan-item {
      margin-top: 3px; }
    .launch-section .plan-item-content {
      padding-bottom: 3px; }
    .launch-section .features {
      margin-top: 1.5em;
      padding: auto 10px; }
    .launch-section .launch-plan {
      padding: 10%; } }
  @media (max-width: 400px) {
    .launch-section h2 {
      font-size: 1.3em; }
    .launch-section .plan-item {
      margin-top: 1px; }
    .launch-section .tool-tip {
      margin-top: 10px; }
    .launch-section .plan-item-content {
      padding-bottom: 1px; }
    .launch-section .features {
      margin-top: 1.5em; }
    .launch-section .launch-plan {
      padding: 10%; } }

.pricing {
  background-color: #f4f3ee; }
  .pricing .pricing-heading .overlay {
    background: #fff; }
  .pricing .pricing-heading .pricing-hexagon h1 {
    font-weight: 700;
    font-size: 2.7rem;
    line-height: 1;
    color: #585858; }

#pricing-table h2 {
  font-size: 2.2rem;
  font-weight: 700; }

#pricing-table h4 {
  font-size: 1.4rem;
  font-weight: 600; }

#pricing-table .hidden-text {
  background: transparent;
  opacity: 0; }

#pricing-table .plan {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #231f20; }
  #pricing-table .plan .plan-title {
    position: relative;
    top: 0;
    font-weight: 900;
    padding: 5px 20px;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    display: inline-block;
    background-color: #585858;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.3rem; }
  #pricing-table .plan .plan-cost {
    padding: 0px 10px 20px; }
  #pricing-table .plan .plan-price {
    font-weight: 800;
    font-size: 1.4rem; }
  #pricing-table .plan .plan-type {
    opacity: 0.6; }
  #pricing-table .plan .plan-features {
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: outside none none;
    font-size: 0.9rem; }
    #pricing-table .plan .plan-features i {
      cursor: pointer;
      color: #000;
      margin-left: auto; }
  #pricing-table .plan .plan-features li {
    padding: 10px 5%;
    border-top: 1px solid #cfcfcf; }
  #pricing-table .plan .plan-features.title li {
    display: flex; }
    #pricing-table .plan .plan-features.title li div {
      margin: auto; }
    #pricing-table .plan .plan-features.title li i {
      justify-self: end; }
  #pricing-table .plan .plan-features li:nth-child(even) {
    background: rgba(0, 0, 0, 0.1); }
  #pricing-table .plan .coupon-text {
    text-align: center;
    display: block;
    font-weight: 800;
    color: green; }
  #pricing-table .plan .plan-select {
    border-top: 1px solid #cfcfcf;
    padding: 10px 10px 0; }
  #pricing-table .plan .plan-select a {
    background-color: #231f20;
    color: #fff;
    text-decoration: none;
    padding: 0.5em 1em;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    font-size: 0.9rem; }
  #pricing-table .plan .plan-select a:hover {
    background-color: #231f20; }
  #pricing-table .plan.featured {
    margin-top: -10px;
    margin-bottom: -10px;
    background-color: #fff100 !important;
    color: #000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    z-index: 1; }
    #pricing-table .plan.featured .plan-title {
      background-color: #585858; }
    #pricing-table .plan.featured .plan-cost {
      padding: 10px 10px 20px; }
    #pricing-table .plan.featured .plan-features li {
      border-top: 1px solid #b5b5b4; }
    #pricing-table .plan.featured .plan-select {
      border-top: 1px solid #b5b5b4; }
      #pricing-table .plan.featured .plan-select a {
        -webkit-transform: translateY(70%);
        transform: translateY(70%); }

#pricing-table .plan-headings {
  background-color: transparent !important;
  border: none; }
  #pricing-table .plan-headings .plan-title,
  #pricing-table .plan-headings .plan-cost,
  #pricing-table .plan-headings .plan-select {
    background: transparent;
    opacity: 0; }
  #pricing-table .plan-headings .plan-features {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff !important; }
  #pricing-table .plan-headings .plan-features li:nth-child(even) {
    background: rgba(0, 0, 0, 0.1); }

#history-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2em;
  display: block; }
  #history-table .download-button {
    background-color: #fff100;
    color: #231f20;
    padding: 5px 10px;
    font-weight: 500;
    width: 60%;
    min-width: 60px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4); }
  #history-table thead {
    display: block; }
  #history-table tr:first-child {
    margin: 10px 1px; }
  #history-table tr {
    margin: 30px 1px;
    width: 100%;
    display: flex;
    text-align: center; }
  #history-table td,
  #history-table th {
    flex-basis: 100%;
    flex-grow: 2;
    display: block; }
  #history-table th {
    font-weight: 500; }
  #history-table tbody {
    padding: 0 3px;
    display: block;
    position: relative;
    width: 100%;
    max-height: calc(100vh - 360px);
    overflow-y: scroll; }
    #history-table tbody ::-webkit-scrollbar {
      width: 5px; }
    #history-table tbody tr {
      box-shadow: 0px 5px 15px #6a6a6a29;
      line-height: 1.2rem;
      padding: 30px 0px;
      border-radius: 5px;
      font-size: 14px;
      font-weight: 100; }

.confirm-button {
  background-color: #fff100;
  color: #231f20;
  padding: 2px 10px;
  font-weight: 500;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  cursor: pointer;
  box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4); }

.error-message {
  color: #ca2028;
  font-style: italic; }

@media (max-width: 500px) {
  a, span {
    font-size: 13px !important; } }

@media (max-width: 600px) {
  button {
    font-size: 9px !important; } }

@media (max-width: 992px) {
  .container-scroll {
    overflow-x: auto; }
  .container-scroll > .row {
    min-width: 1000px; } }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
  left: -3%; }

.lds-ellipsis div {
  position: absolute;
  top: 40%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #585858;
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(24px, 0); } }

#faq .faq-heading .overlay {
  background: #fff; }

#faq .faq-heading .faq-hexagon h1 {
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1;
  color: #585858; }

#faq .heading {
  font-weight: bold !important;
  font-size: 2.8rem; }

#faq .sub-faq {
  font-weight: 500;
  cursor: pointer; }
  #faq .sub-faq.active {
    background-color: #000 !important;
    color: #fff100 !important; }

#faq #questions .question {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px dotted #000; }

#faq div[aria-expanded="true"] .fa-chevron-down {
  display: none; }

#faq div[aria-expanded="false"] .fa-chevron-up {
  display: none; }

#faq .link-parent {
  padding: 0 0.3rem; }
  #faq .link-parent .link {
    display: block;
    background-color: #000;
    color: #fff;
    padding: 0.8rem 0.5rem;
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    #faq .link-parent .link:hover, #faq .link-parent .link.active {
      text-decoration: none;
      background-color: #fff100;
      color: #000; }

#faq .link {
  cursor: pointer; }

#contact .contact-heading .overlay {
  background: #fff; }

#contact .contact-heading .contact-hexagon h1 {
  font-weight: 700;
  font-size: 2.7rem;
  line-height: 1;
  color: #585858; }

#contact .contact-intro {
  font-size: 1.15rem;
  font-weight: 600; }

#contact label {
  color: #b5b5b4;
  font-weight: 600; }

#my_accounts_basic .mandatory,
#my_accounts_advocacy .mandatory {
  background-image: linear-gradient(to bottom, #f4f3ee 0%, #f4f3ee 39%, #fff100 40%, #fff100 62%, #f4f3ee 80%, #f4f3ee 100%);
  padding-right: 0.5rem;
  padding-left: 0.5rem; }

#my_accounts_basic .header_section,
#my_accounts_advocacy .header_section {
  background-color: #f4f3ee;
  /*the container must be positioned relative:*/
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important; }
  #my_accounts_basic .header_section .my_account_heading,
  #my_accounts_advocacy .header_section .my_account_heading {
    font-weight: bold; }
  #my_accounts_basic .header_section .user_header_info .user_name,
  #my_accounts_basic .header_section .user_header_info .company_name,
  #my_accounts_advocacy .header_section .user_header_info .user_name,
  #my_accounts_advocacy .header_section .user_header_info .company_name {
    text-align: right;
    font-size: 1.1rem;
    color: #b5b5b4;
    font-weight: 700; }
  #my_accounts_basic .header_section .user_header_info .company_name,
  #my_accounts_advocacy .header_section .user_header_info .company_name {
    color: #000; }
  #my_accounts_basic .header_section .link-parent,
  #my_accounts_advocacy .header_section .link-parent {
    padding: 0 0.3rem; }
    #my_accounts_basic .header_section .link-parent .link,
    #my_accounts_advocacy .header_section .link-parent .link {
      display: block;
      background-color: #000;
      color: #fff;
      padding: 0.8rem 0.5rem;
      font-weight: 700;
      border-radius: 5px;
      text-align: center;
      box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4);
      transition: all 0.25s ease-out;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      -ms-transition: all 0.25s ease-out; }
      #my_accounts_basic .header_section .link-parent .link:hover, #my_accounts_basic .header_section .link-parent .link.active,
      #my_accounts_advocacy .header_section .link-parent .link:hover,
      #my_accounts_advocacy .header_section .link-parent .link.active {
        text-decoration: none;
        background-color: #fff100;
        color: #000; }
  #my_accounts_basic .header_section .link-parent .link,
  #my_accounts_advocacy .header_section .link-parent .link {
    font-size: 0.78rem !important; }
  #my_accounts_basic .header_section .active,
  #my_accounts_advocacy .header_section .active {
    color: #b5b5b4;
    font-weight: 600;
    font-size: 0.85rem; }
  #my_accounts_basic .header_section .compliance .heading,
  #my_accounts_advocacy .header_section .compliance .heading {
    color: #b5b5b4;
    font-weight: 600;
    font-size: 0.85rem; }
  #my_accounts_basic .header_section .compliance .stars .fa-star,
  #my_accounts_advocacy .header_section .compliance .stars .fa-star {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
  #my_accounts_basic .header_section .status,
  #my_accounts_advocacy .header_section .status {
    font-size: 0.9rem;
    color: #b5b5b4;
    font-weight: bold;
    padding: 6px 12px;
    max-width: 200px; }
  #my_accounts_basic .header_section .manual-select,
  #my_accounts_advocacy .header_section .manual-select {
    position: relative;
    font-family: Arial; }
  #my_accounts_basic .header_section .manual-select select,
  #my_accounts_advocacy .header_section .manual-select select {
    display: none;
    /*hide original SELECT element:*/ }
  #my_accounts_basic .header_section .select-selected,
  #my_accounts_advocacy .header_section .select-selected {
    background-color: #fff100; }
  #my_accounts_basic .header_section .select-selected:after,
  #my_accounts_advocacy .header_section .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #b5b5b4 transparent transparent transparent; }
  #my_accounts_basic .header_section .select-selected.select-arrow-active:after,
  #my_accounts_advocacy .header_section .select-selected.select-arrow-active:after {
    border-color: transparent transparent #b5b5b4 transparent;
    top: 7px; }
  #my_accounts_basic .header_section .select-items,
  #my_accounts_advocacy .header_section .select-items {
    overflow: scroll;
    max-height: 18rem; }
  #my_accounts_basic .header_section .select-items div,
  #my_accounts_basic .header_section .select-selected,
  #my_accounts_advocacy .header_section .select-items div,
  #my_accounts_advocacy .header_section .select-selected {
    font-weight: bold;
    font-size: 0.9rem;
    color: #b5b5b4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none; }
  #my_accounts_basic .header_section .select-items,
  #my_accounts_advocacy .header_section .select-items {
    position: absolute;
    background-color: #fff100;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  #my_accounts_basic .header_section .select-hide,
  #my_accounts_advocacy .header_section .select-hide {
    display: none; }
  #my_accounts_basic .header_section .select-items div:hover,
  #my_accounts_basic .header_section .same-as-selected,
  #my_accounts_advocacy .header_section .select-items div:hover,
  #my_accounts_advocacy .header_section .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  #my_accounts_basic .header_section img,
  #my_accounts_advocacy .header_section img {
    height: 4.5rem;
    width: 4.5rem; }
  #my_accounts_basic .header_section #image-file,
  #my_accounts_advocacy .header_section #image-file {
    display: none; }
  #my_accounts_basic .header_section .company_logo_container,
  #my_accounts_advocacy .header_section .company_logo_container {
    position: relative;
    width: 4.5rem; }
    #my_accounts_basic .header_section .company_logo_container:hover .company_logo_overlay,
    #my_accounts_advocacy .header_section .company_logo_container:hover .company_logo_overlay {
      opacity: 1;
      cursor: pointer; }
  #my_accounts_basic .header_section .company_logo_overlay,
  #my_accounts_advocacy .header_section .company_logo_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
  #my_accounts_basic .header_section .text,
  #my_accounts_advocacy .header_section .text {
    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; }

#my_accounts_basic label,
#my_accounts_advocacy label {
  font-size: 0.9rem;
  color: #000;
  font-weight: 600; }

#my_accounts_basic input,
#my_accounts_basic textarea,
#my_accounts_basic .input_text,
#my_accounts_advocacy input,
#my_accounts_advocacy textarea,
#my_accounts_advocacy .input_text {
  font-weight: bold !important;
  font-size: 0.9rem !important; }

#my_accounts_basic .form-group,
#my_accounts_advocacy .form-group {
  /*the container must be positioned relative:*/
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/ }
  #my_accounts_basic .form-group .manual-select,
  #my_accounts_advocacy .form-group .manual-select {
    position: relative;
    font-family: Arial; }
  #my_accounts_basic .form-group .manual-select select,
  #my_accounts_advocacy .form-group .manual-select select {
    display: none;
    /*hide original SELECT element:*/ }
  #my_accounts_basic .form-group .select-selected,
  #my_accounts_advocacy .form-group .select-selected {
    background-color: #fff100; }
  #my_accounts_basic .form-group .select-selected:after,
  #my_accounts_advocacy .form-group .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #b5b5b4 transparent transparent transparent; }
  #my_accounts_basic .form-group .select-selected.select-arrow-active:after,
  #my_accounts_advocacy .form-group .select-selected.select-arrow-active:after {
    border-color: transparent transparent #b5b5b4 transparent;
    top: 7px; }
  #my_accounts_basic .form-group .select-items,
  #my_accounts_advocacy .form-group .select-items {
    overflow: scroll;
    max-height: 18rem; }
  #my_accounts_basic .form-group .select-items div,
  #my_accounts_basic .form-group .select-selected,
  #my_accounts_advocacy .form-group .select-items div,
  #my_accounts_advocacy .form-group .select-selected {
    font-weight: bold;
    font-size: 0.9rem;
    color: #b5b5b4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none; }
  #my_accounts_basic .form-group .select-items,
  #my_accounts_advocacy .form-group .select-items {
    position: absolute;
    background-color: #fff100;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  #my_accounts_basic .form-group .select-hide,
  #my_accounts_advocacy .form-group .select-hide {
    display: none; }
  #my_accounts_basic .form-group .select-items div:hover,
  #my_accounts_basic .form-group .same-as-selected,
  #my_accounts_advocacy .form-group .select-items div:hover,
  #my_accounts_advocacy .form-group .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  #my_accounts_basic .form-group .select-selected,
  #my_accounts_advocacy .form-group .select-selected {
    background-color: #fff; }
  #my_accounts_basic .form-group .select-items,
  #my_accounts_advocacy .form-group .select-items {
    background-color: #fff; }
  #my_accounts_basic .form-group .objective-name,
  #my_accounts_advocacy .form-group .objective-name {
    font-weight: 600;
    font-size: 0.95rem; }

#my_accounts_basic #productsSection .form-control,
#my_accounts_advocacy #productsSection .form-control {
  border: 1px solid #ced4da; }

#my_accounts_basic #productsSection .setup-choices .selling-to,
#my_accounts_advocacy #productsSection .setup-choices .selling-to {
  padding-left: 3%;
  padding-top: 1%; }

#my_accounts_basic #productsSection .setup-choices .upload-products,
#my_accounts_advocacy #productsSection .setup-choices .upload-products {
  padding-left: 3%;
  padding-top: 1%; }

#my_accounts_basic #productsSection .setup-choices label,
#my_accounts_advocacy #productsSection .setup-choices label {
  padding: 5px; }

#my_accounts_basic #productsSection .mb-4,
#my_accounts_basic #productsSection .my-4,
#my_accounts_advocacy #productsSection .mb-4,
#my_accounts_advocacy #productsSection .my-4 {
  margin-bottom: 1.5rem !important;
  border-bottom: 1px solid #000; }

#my_accounts_basic #productsSection .btn-link,
#my_accounts_advocacy #productsSection .btn-link {
  color: #000;
  font-size: 20px;
  font-family: sans-serif; }

#my_accounts_basic #productsSection .btn-download,
#my_accounts_advocacy #productsSection .btn-download {
  background-color: #e9ecef;
  font-size: 13px;
  border: 1px solid #ced4d9;
  box-shadow: 3px 4px 5px 0 #d9dee0; }

#my_accounts_basic #productsSection .collapse-label,
#my_accounts_advocacy #productsSection .collapse-label {
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px dotted #000;
  margin-bottom: 2rem;
  margin-top: 2rem; }

#my_accounts_basic #productsSection div[aria-expanded="true"] .fa-chevron-down,
#my_accounts_advocacy #productsSection div[aria-expanded="true"] .fa-chevron-down {
  display: none; }

#my_accounts_basic #productsSection div[aria-expanded="false"] .fa-chevron-up,
#my_accounts_advocacy #productsSection div[aria-expanded="false"] .fa-chevron-up {
  display: none; }

#my_accounts_basic #productsSection .table-container,
#my_accounts_advocacy #productsSection .table-container {
  overflow-x: auto; }

#my_accounts_basic #productsSection .product-data a,
#my_accounts_advocacy #productsSection .product-data a {
  text-decoration: none; }

#my_accounts_basic #productsSection .product-data .checkmark,
#my_accounts_advocacy #productsSection .product-data .checkmark {
  top: 2px;
  left: 10px; }

@media (max-width: 766px) {
  #my_accounts_basic #productsSection .product-data a,
  #my_accounts_basic #productsSection .product-data td,
  #my_accounts_basic #productsSection .product-data th,
  #my_accounts_basic #productsSection .product-data span,
  #my_accounts_basic #productsSection .product-data label,
  #my_accounts_basic #productsSection .product-data select,
  #my_accounts_advocacy #productsSection .product-data a,
  #my_accounts_advocacy #productsSection .product-data td,
  #my_accounts_advocacy #productsSection .product-data th,
  #my_accounts_advocacy #productsSection .product-data span,
  #my_accounts_advocacy #productsSection .product-data label,
  #my_accounts_advocacy #productsSection .product-data select {
    font-size: 11px !important; }
  #my_accounts_basic #productsSection .product-data td,
  #my_accounts_basic #productsSection .product-data th,
  #my_accounts_advocacy #productsSection .product-data td,
  #my_accounts_advocacy #productsSection .product-data th {
    min-width: 90px; }
  #my_accounts_basic #productsSection .product-data .checkmark,
  #my_accounts_advocacy #productsSection .product-data .checkmark {
    top: 10px;
    height: 13px;
    width: 13px; }
  #my_accounts_basic #productsSection .product-data .checkmark:after,
  #my_accounts_advocacy #productsSection .product-data .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0; } }

#my_accounts_basic #productsSection #product-table,
#my_accounts_advocacy #productsSection #product-table {
  width: 100%; }
  #my_accounts_basic #productsSection #product-table .ttl,
  #my_accounts_advocacy #productsSection #product-table .ttl {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 30%;
    max-width: 100px; }
  #my_accounts_basic #productsSection #product-table .prc,
  #my_accounts_basic #productsSection #product-table .type,
  #my_accounts_basic #productsSection #product-table .cat,
  #my_accounts_advocacy #productsSection #product-table .prc,
  #my_accounts_advocacy #productsSection #product-table .type,
  #my_accounts_advocacy #productsSection #product-table .cat {
    width: 10%;
    text-align: center; }
  #my_accounts_basic #productsSection #product-table .actn,
  #my_accounts_advocacy #productsSection #product-table .actn {
    width: 15%;
    min-width: 120px;
    text-align: center; }
  #my_accounts_basic #productsSection #product-table .chck,
  #my_accounts_advocacy #productsSection #product-table .chck {
    width: 5%; }
  #my_accounts_basic #productsSection #product-table .desc,
  #my_accounts_advocacy #productsSection #product-table .desc {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 20%;
    max-width: 200px; }
    #my_accounts_basic #productsSection #product-table .desc div,
    #my_accounts_advocacy #productsSection #product-table .desc div {
      max-height: 1rem !important;
      font-size: 16px !important; }

#my_accounts_basic #productsSection .feed-label,
#my_accounts_advocacy #productsSection .feed-label {
  border-radius: 0.25rem 0 0 0.25rem;
  font-weight: 300;
  background-color: #ffffff; }

#my_accounts_basic .progress,
#my_accounts_advocacy .progress {
  border-style: inset;
  border-radius: 0; }

#my_accounts_basic #multiple_countries,
#my_accounts_advocacy #multiple_countries {
  max-height: 10rem;
  overflow: scroll;
  font-size: 0.85rem; }
  #my_accounts_basic #multiple_countries .checkmark,
  #my_accounts_advocacy #multiple_countries .checkmark {
    -moz-box-shadow: inset 0 0 3px #231f20;
    -webkit-box-shadow: inset 0 0 3px #231f20;
    box-shadow: inset 0 0 3px #231f20 !important; }
  #my_accounts_basic #multiple_countries .checkbox-container,
  #my_accounts_advocacy #multiple_countries .checkbox-container {
    margin-bottom: 0rem !important;
    padding-bottom: 0.3rem !important; }

#my_accounts_basic .btn-yellow,
#my_accounts_advocacy .btn-yellow {
  background-color: #fff !important;
  text-transform: capitalize; }

#my_accounts_basic .ql-toolbar,
#my_accounts_advocacy .ql-toolbar {
  background-color: #e9ecef; }

#my_accounts_basic .description,
#my_accounts_advocacy .description {
  background-color: #fff;
  height: 4.7rem;
  border: none; }

.my_accounts_product .description {
  background-color: #fff;
  height: 9.75rem;
  border: none; }

.btn-black,
.btn-grey {
  display: block;
  text-align: center;
  color: #fff;
  padding: 0.3rem;
  font-size: 0.9rem;
  font-weight: 600; }
  .btn-black:hover,
  .btn-grey:hover {
    color: #fff;
    text-decoration: none; }

.btn-grey {
  background-color: #b5b5b4; }

.btn-black {
  background-color: #000; }

#my_accounts_basic #language,
#my_accounts_advocacy #language {
  max-height: 10rem;
  overflow: scroll;
  font-size: 0.85rem; }

#my_accounts_basic #language .checkbox-container,
#my_accounts_advocacy #language .checkbox-container {
  margin-bottom: 0rem !important;
  padding-bottom: 0.3rem !important; }

#my_accounts_basic #countries,
#my_accounts_advocacy #countries {
  max-height: 10rem;
  overflow: scroll;
  font-size: 0.85rem; }

#my_accounts_basic #countries .checkbox-container,
#my_accounts_advocacy #countries .checkbox-container {
  margin-bottom: 0rem !important;
  padding-bottom: 0.3rem !important; }

#my_accounts_basic .link-parent .link:hover,
#my_accounts_basic .link-parent .link.active {
  text-decoration: none;
  background-color: #fff100;
  color: #000; }

.header_section .rating-section {
  z-index: 11;
  position: relative; }
  .header_section .rating-section .message {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    max-width: 35rem;
    position: absolute;
    margin-right: 9.5rem !important;
    color: #fff;
    font-weight: 600;
    margin-left: auto;
    margin-right: 0;
    opacity: 1; }
    .header_section .rating-section .message.hide {
      visibility: hidden;
      opacity: 0; }
      .header_section .rating-section .message.hide hr {
        width: 0; }
    .header_section .rating-section .message hr {
      width: 5rem;
      border-color: #fff100;
      margin-top: 5px;
      margin-right: 0;
      transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out; }
    .header_section .rating-section .message button {
      border: none;
      padding: 0.2rem 1.6rem;
      font-weight: bold;
      font-size: 0.7rem;
      cursor: pointer;
      background-color: #fff100; }
      .header_section .rating-section .message button:hover, .header_section .rating-section .message button:focus {
        outline: none;
        text-decoration: none; }
  .header_section .rating-section .stars {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); }
    .header_section .rating-section .stars i {
      font-size: 1.5rem !important; }

#info-message-overlay {
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 10;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out; }
  #info-message-overlay.hide {
    opacity: 0;
    visibility: hidden; }

.preview-image {
  height: 10.2rem !important; }

.upload-btn {
  padding: 0 0.8rem;
  font-size: 0.95rem;
  font-weight: 600; }

.submenu {
  background-color: #000;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important; }
  .submenu a {
    font-weight: 600;
    font-size: 0.8rem;
    color: #fff;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    .submenu a.active {
      color: #fff100; }
    .submenu a:hover {
      color: #fff100;
      text-decoration: none; }

#not-found .not-found-heading {
  z-index: 10;
  background-image: url(/static/img/about_header.png);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; }
  #not-found .not-found-heading .overlay {
    background: rgba(0, 0, 0, 0.1); }
  #not-found .not-found-heading .not-found-hexagon {
    background-image: url(/static/img/hexagon.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative; }
    #not-found .not-found-heading .not-found-hexagon h1 {
      max-width: 400px;
      font-weight: 700;
      font-size: 3.7rem;
      line-height: 1;
      color: #fff; }

#not-found .message {
  font-size: 2rem;
  font-weight: 600; }

#knowledge_centre .knowledge-heading {
  z-index: 10;
  background-image: url(/static/img/b2beematch-banner-flower-bee.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; }
  #knowledge_centre .knowledge-heading .overlay {
    background: rgba(0, 0, 0, 0); }
  #knowledge_centre .knowledge-heading .knowledge-hexagon {
    background-image: url(/static/img/hexagon.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    background-position: right; }
    #knowledge_centre .knowledge-heading .knowledge-hexagon h1 {
      margin-left: auto;
      max-width: 400px;
      font-weight: 700;
      font-size: 3.7rem;
      line-height: 1;
      color: #fff;
      padding-right: 3rem; }

#knowledge_centre .text {
  font-size: 1.2rem;
  font-weight: 600; }

#blog .blog-heading {
  z-index: 10;
  background-image: url(/static/img/b2beematch-banner-flower-bee.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover; }
  #blog .blog-heading .overlay {
    background: rgba(0, 0, 0, 0); }
  #blog .blog-heading .blog-hexagon {
    background-image: url(/static/img/hexagon.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: relative;
    background-position: right; }
    #blog .blog-heading .blog-hexagon h1 {
      margin-left: auto;
      max-width: 500px;
      font-weight: 700;
      font-size: 3.7rem;
      line-height: 1;
      color: #fff;
      padding-right: 3rem; }

#blog .text {
  font-size: 1.2rem;
  font-weight: 600; }

.welcome {
  border-radius: 7px;
  position: relative;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.4);
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out; }
  .welcome #toggle_welcome_heading {
    cursor: pointer; }
  .welcome .close {
    font-size: 1.4rem;
    font-weight: 200;
    text-decoration: none;
    color: #fff !important;
    opacity: 1; }
  .welcome h2 {
    font-size: 2.5rem;
    font-weight: 700; }
  .welcome a {
    text-decoration: underline;
    color: #cfcfcf;
    font-size: 0.9rem; }
  .welcome .date {
    font-size: 1.1rem;
    font-weight: 600; }
  .welcome p {
    color: #cfcfcf;
    font-weight: 600;
    font-size: 1.1rem; }
  .welcome .welcome_bee {
    height: 2.1rem; }
  .welcome .carousel-item {
    min-height: 12rem; }
  .welcome.show .top-heading {
    display: none; }

@media (max-width: 500px) {
  .welcome #welcome_username {
    font-size: 1.5rem !important; }
  .welcome .carousel-item {
    min-height: 16rem; } }

#quartierdaffaires-img {
  z-index: 10;
  background-image: url(/static/img/b2beematch-map-with-bees.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 550px;
  margin-bottom: 20px; }

#quartierdaffaires-questions .border-right {
  border-right: 2px solid #cfcfcf !important; }

#quartierdaffaires-questions img {
  height: 3.8rem; }
  #quartierdaffaires-questions img.he-2 {
    height: 2.6rem !important;
    margin-bottom: 1rem; }
  #quartierdaffaires-questions img.he-3 {
    height: 3.2rem !important;
    margin-bottom: 1rem; }

#quartierdaffaires-questions h5 {
  font-weight: bold; }

#quartierdaffaires-questions p {
  font-size: 1.1rem;
  font-weight: 500; }

.quartierdaffaires-main-image {
  background-image: url(/static/img/b2beematch-banner-meeting1.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center; }
  .quartierdaffaires-main-image .dark-overlay {
    background: rgba(0, 0, 0, 0.4); }

.hexagon-small {
  width: 70px;
  height: 70px; }

.hexagon-large {
  width: 250px; }

.bold-text {
  font-weight: 700; }

.medium-text {
  font-size: 1.2rem; }

.white-text {
  color: white; }

.large-text {
  font-size: 2.7rem; }

.top-buffer {
  margin-top: 12%; }

.sign-up-button {
  font-size: 1.5rem;
  padding: 1rem 3rem; }

.top-buffer-small {
  margin-top: 3%; }

.img-container {
  position: relative; }
  .img-container .hex-large-container {
    position: absolute;
    left: 72vw;
    top: -18vh; }
  .img-container .hex-small-container {
    position: absolute;
    left: 69vw;
    top: -20vh; }

html,
body {
  max-width: 100%;
  overflow-x: hidden; }

@media (max-width: 425px) {
  .img-container .hex-large-container {
    position: relative; }
  .img-container .hex-small-container {
    position: relative; } }

@media (max-width: 825px) {
  .quartier-container .medium-text .normal-text {
    font-size: 1.2rem !important; }
  .quartier-container .media-quartier-text {
    font-size: 1.7rem !important; }
  .sign-up-button {
    font-size: 1.5rem;
    padding: 0.7rem 0.3rem; } }

#my_contacts .contacts-heading {
  font-weight: 700;
  font-weight: 0.95rem; }

#my_contacts .contacts-search-section {
  z-index: 1;
  background: #231f20; }
  #my_contacts .contacts-search-section .form-control {
    border-radius: 0.25rem !important;
    background-color: #4e4e4e;
    color: #f4f3ee;
    font-size: 0.88rem; }
  #my_contacts .contacts-search-section .form-control::placeholder {
    color: #f4f3ee; }

#my_contacts .contacts-filter-section {
  background: #231f20; }
  #my_contacts .contacts-filter-section .contacts-filter-section-container {
    cursor: pointer;
    background-color: #4e4e4e;
    color: #fff;
    font-size: 0.84rem;
    border-radius: 0.25rem !important;
    font-weight: 500;
    line-height: 1.6; }

#my_contacts .modal-footer button {
  padding: 0.2rem 1rem;
  font-size: 0.9rem;
  font-weight: bold; }

#my_contacts .modal-footer .reset-btn {
  background-color: #585858;
  color: #fff;
  font-size: 0.8rem; }

#my_contacts .contacts-container {
  z-index: -1;
  background: #231f20;
  color: #f4f3ee;
  font-weight: 0.9rem;
  height: 45rem; }
  #my_contacts .contacts-container .contact {
    background: #231f20;
    cursor: pointer;
    padding: 0.8rem 0.1rem;
    font-weight: 500;
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    #my_contacts .contacts-container .contact.unread-message .unread-message-icon {
      display: block; }
    #my_contacts .contacts-container .contact .unread-message-icon {
      display: none; }
    #my_contacts .contacts-container .contact:hover {
      background: rgba(0, 0, 0, 0.8); }
      #my_contacts .contacts-container .contact:hover img {
        border-radius: 40%; }
    #my_contacts .contacts-container .contact.active {
      background: #fff100;
      color: #231f20; }
      #my_contacts .contacts-container .contact.active img {
        box-shadow: 1px 1px 5px 1px #000; }

#my_contacts .avatar {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  box-shadow: 1px 1px 5px 1px #000;
  transition: all 0.25s ease-out;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out; }

#my_contacts .contact-name {
  font-weight: 600; }

#my_contacts .contact-title {
  font-size: 0.6rem;
  letter-spacing: 0.07rem; }

#my_contacts .send-btn {
  background-color: #000;
  color: #fff;
  border-color: #231f20;
  font-size: 0.9rem; }

#my_contacts .about-contact {
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dotted; }

#my_contacts .intro-avatar {
  height: 8rem;
  width: 8rem;
  border-radius: 50%; }

#my_contacts .chat-container {
  height: 50rem; }

#my_contacts .chat {
  overflow: auto;
  padding-bottom: 1rem; }

#my_contacts .chat-intro-text {
  color: #231f20; }

#my_contacts .message-avatar {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%; }

#my_contacts .message-header-name {
  font-weight: 700; }

#my_contacts .message-header-since {
  font-size: 0.8rem; }

#my_contacts .message {
  font-weight: 500;
  font-size: 1.01rem; }

#my_contacts .new-messages {
  font-size: 0.7rem;
  line-height: 0;
  font-weight: 500;
  padding-top: 1.5rem; }

#my_contacts hr {
  margin-bottom: 0; }

#my_contacts #contacts_nav {
  overflow: auto; }
  @media (max-width: 768px) {
    #my_contacts #contacts_nav.active {
      position: fixed;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: block !important;
      z-index: 10;
      max-height: 100vh;
      padding: 0 !important;
      margin: 0 !important; }
      #my_contacts #contacts_nav.active .rounded {
        border-radius: 0 !important; }
      #my_contacts #contacts_nav.active .close-btn {
        display: block; }
        #my_contacts #contacts_nav.active .close-btn .fa-times {
          cursor: pointer; } }
  #my_contacts #contacts_nav .close-btn {
    display: none; }

#my_contacts #contact_linkedin i {
  color: #0073b1 !important;
  font-size: 1rem; }

#my_contacts #contact_twitter i {
  color: #1da1f2 !important;
  font-size: 1rem; }

.popover.danger.right .arrow:after {
  border-top-color: #fff100 !important; }

.popover.danger {
  z-index: 1;
  background-color: #fff100 !important; }
  .popover.danger .popover-body {
    padding: 0.4rem 0.5rem;
    color: #000 !important; }
  .popover.danger.bs-popover-top .arrow:after {
    border-top-color: #fff100 !important; }
  .popover.danger.bs-popover-bottom .arrow:after {
    border-bottom-color: #fff100 !important; }
  .popover.danger.bs-popover-right .arrow:after {
    border-right-color: #fff100 !important; }
  .popover.danger.bs-popover-left .arrow:after {
    border-left-color: #fff100 !important; }
  .popover.danger .popover-body {
    color: #000 !important; }

#my_accounts_non_active .header_section {
  background-color: #f4f3ee;
  /*the container must be positioned relative:*/
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 4px 15px 0 rgba(0, 0, 0, 0.19) !important; }
  #my_accounts_non_active .header_section .my_account_heading {
    font-weight: bold; }
  #my_accounts_non_active .header_section .user_header_info .user_name,
  #my_accounts_non_active .header_section .user_header_info .company_name {
    text-align: right;
    font-size: 1.1rem;
    color: #b5b5b4;
    font-weight: 700; }
  #my_accounts_non_active .header_section .user_header_info .company_name {
    color: #000; }
  #my_accounts_non_active .header_section .link-parent .link {
    font-size: 0.93rem !important; }
  #my_accounts_non_active .header_section .active {
    color: #b5b5b4;
    font-weight: 600;
    font-size: 0.85rem; }
  #my_accounts_non_active .header_section .compliance .heading {
    color: #b5b5b4;
    font-weight: 600;
    font-size: 0.85rem; }
  #my_accounts_non_active .header_section .compliance .stars .fa-star {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.7); }
  #my_accounts_non_active .header_section .status {
    font-size: 0.9rem;
    color: #b5b5b4;
    font-weight: bold;
    padding: 6px 12px;
    max-width: 200px; }
  #my_accounts_non_active .header_section .manual-select {
    position: relative;
    font-family: Arial; }
  #my_accounts_non_active .header_section .manual-select select {
    display: none;
    /*hide original SELECT element:*/ }
  #my_accounts_non_active .header_section .select-selected {
    background-color: #fff100; }
  #my_accounts_non_active .header_section .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #b5b5b4 transparent transparent transparent; }
  #my_accounts_non_active .header_section .select-selected.select-arrow-active:after {
    border-color: transparent transparent #b5b5b4 transparent;
    top: 7px; }
  #my_accounts_non_active .header_section .select-items {
    overflow: scroll;
    max-height: 18rem; }
  #my_accounts_non_active .header_section .select-items div,
  #my_accounts_non_active .header_section .select-selected {
    font-weight: bold;
    font-size: 0.9rem;
    color: #b5b5b4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none; }
  #my_accounts_non_active .header_section .select-items {
    position: absolute;
    background-color: #fff100;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  #my_accounts_non_active .header_section .select-hide {
    display: none; }
  #my_accounts_non_active .header_section .select-items div:hover,
  #my_accounts_non_active .header_section .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  #my_accounts_non_active .header_section img {
    height: 4.5rem;
    width: 4.5rem; }
  #my_accounts_non_active .header_section #image-file {
    display: none; }
  #my_accounts_non_active .header_section .company_logo_container {
    position: relative;
    width: 4.5rem; }
    #my_accounts_non_active .header_section .company_logo_container:hover .company_logo_overlay {
      opacity: 1;
      cursor: pointer; }
  #my_accounts_non_active .header_section .company_logo_overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
  #my_accounts_non_active .header_section .text {
    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; }

#my_accounts_non_active label {
  font-size: 0.9rem;
  color: #000;
  font-weight: 600; }

#my_accounts_non_active input,
#my_accounts_non_active textarea,
#my_accounts_non_active .input_text {
  font-weight: bold !important;
  font-size: 0.9rem !important; }

#my_accounts_non_active .form-group {
  /*the container must be positioned relative:*/
  /*style the arrow inside the select element:*/
  /*point the arrow upwards when the select box is open (active):*/
  /*style the items (options), including the selected item:*/
  /*style items (options):*/
  /*hide the items when the select box is closed:*/ }
  #my_accounts_non_active .form-group .manual-select {
    position: relative;
    font-family: Arial; }
  #my_accounts_non_active .form-group .manual-select select {
    display: none;
    /*hide original SELECT element:*/ }
  #my_accounts_non_active .form-group .select-selected {
    background-color: #fff100; }
  #my_accounts_non_active .form-group .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #b5b5b4 transparent transparent transparent; }
  #my_accounts_non_active .form-group .select-selected.select-arrow-active:after {
    border-color: transparent transparent #b5b5b4 transparent;
    top: 7px; }
  #my_accounts_non_active .form-group .select-items {
    overflow: scroll;
    max-height: 18rem; }
  #my_accounts_non_active .form-group .select-items div,
  #my_accounts_non_active .form-group .select-selected {
    font-weight: bold;
    font-size: 0.9rem;
    color: #b5b5b4;
    padding: 6px 12px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none; }
  #my_accounts_non_active .form-group .select-items {
    position: absolute;
    background-color: #fff100;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99; }
  #my_accounts_non_active .form-group .select-hide {
    display: none; }
  #my_accounts_non_active .form-group .select-items div:hover,
  #my_accounts_non_active .form-group .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1); }
  #my_accounts_non_active .form-group .select-selected {
    background-color: #fff; }
  #my_accounts_non_active .form-group .select-items {
    background-color: #fff; }
  #my_accounts_non_active .form-group .objective-name {
    font-weight: 600;
    font-size: 0.95rem; }

#my_accounts_non_active .progress {
  border-style: inset;
  border-radius: 0; }

#my_accounts_non_active #multiple_countries {
  max-height: 10rem;
  overflow: scroll;
  font-size: 0.85rem; }
  #my_accounts_non_active #multiple_countries .checkmark {
    -moz-box-shadow: inset 0 0 3px #231f20;
    -webkit-box-shadow: inset 0 0 3px #231f20;
    box-shadow: inset 0 0 3px #231f20 !important; }
  #my_accounts_non_active #multiple_countries .checkbox-container {
    margin-bottom: 0rem !important;
    padding-bottom: 0.3rem !important; }

#my_accounts_non_active .btn-yellow {
  background-color: #fff !important;
  text-transform: capitalize; }

.custom_modal_message_container {
  z-index: 11;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85); }
  .custom_modal_message_container.hide {
    opacity: 0;
    visibility: hidden; }
  .custom_modal_message_container .custom_modal_message {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    max-width: 30rem;
    color: #fff;
    font-weight: 600;
    margin-left: auto;
    margin-right: 0;
    opacity: 1; }
    .custom_modal_message_container .custom_modal_message.hide {
      visibility: hidden;
      opacity: 0; }
      .custom_modal_message_container .custom_modal_message.hide hr {
        width: 0; }
    .custom_modal_message_container .custom_modal_message hr {
      width: 5rem;
      border-color: #fff100;
      margin-top: 5px;
      transition: all 0.5s ease-out;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      margin-left: 0; }
    .custom_modal_message_container .custom_modal_message button {
      border: none;
      padding: 0.2rem 1.6rem;
      font-weight: bold;
      font-size: 0.7rem;
      cursor: pointer;
      background-color: #fff100; }
      .custom_modal_message_container .custom_modal_message button:hover, .custom_modal_message_container .custom_modal_message button:focus {
        outline: none;
        text-decoration: none; }

#group_admin .link-parent {
  padding: 0 0.3rem; }
  #group_admin .link-parent .link {
    display: block;
    background-color: #000;
    color: #fff;
    padding: 0.8rem 0.5rem;
    font-weight: 700;
    border-radius: 5px;
    text-align: center;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.4);
    transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out; }
    #group_admin .link-parent .link:hover, #group_admin .link-parent .link.active {
      text-decoration: none;
      background-color: #fff100;
      color: #000; }

#group_admin .group_name {
  font-size: 1.8rem;
  font-weight: 600; }

#group_admin .link-parent .link {
  padding: 0.2rem 0; }

#group_admin .group_new_members .member_name {
  font-weight: 600;
  text-decoration: underline; }

#group_admin .group_new_members .btn-yellow {
  padding: 0.2rem 2rem; }

.products-topbar a {
  color: #000;
  font-size: 0.85rem;
  font-weight: 300; }

.products-topbar .bg-green {
  background-color: #38a94e !important; }
  .products-topbar .bg-green:hover {
    background-color: #38a94e !important; }

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

.products-topbar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 150px;
  max-height: 16rem;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }

.products-topbar .dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block; }

.products-topbar .dropdown a:hover {
  background-color: #ddd; }

.products-topbar .show {
  display: block; }

.products-navbar .navbar-brand img {
  height: 4rem; }

.products-navbar .navbar-nav {
  font-size: 0.8rem;
  font-weight: 500; }
  .products-navbar .navbar-nav .nav-link {
    max-width: 5.7rem;
    text-align: center; }

.products-navbar .products-navbar-search-input {
  background-color: #cfcfcf;
  color: #000;
  border-radius: 0.7rem !important;
  max-width: 10rem;
  font-size: 0.9rem; }

.products-footer {
  font-weight: 500; }
  .products-footer .products-footer-logo {
    height: 2.5rem; }
  .products-footer a {
    color: #000; }
    .products-footer a:hover {
      text-decoration: none; }
    .products-footer a img {
      height: 2.4rem; }
  .products-footer i {
    font-size: 1.5rem; }

.product-cards .price {
  font-size: 1.2rem; }

.product-cards .product-name {
  font-size: 1rem; }

.product-cards .product-short-info {
  font-size: 0.85rem;
  height: 6.3rem;
  overflow: hidden; }

.product-cards .card-img-top {
  max-height: 250px; }

.latest-products-section .text {
  font-size: 1.4rem;
  font-weight: 600;
  color: #585858; }

.products-short-underline {
  max-width: 8rem;
  margin-left: 0; }

.blue-btn {
  color: #fff;
  background-color: #2f409a;
  border-radius: 20px !important;
  padding: 0.2rem 2.5rem; }

.green-btn {
  color: #fff;
  background-color: #38a94e;
  border-radius: 20px !important;
  padding: 0.2rem 2.5rem; }

.products-landing-image {
  height: 30rem;
  background-image: url("/static/img/products/products-landing.png");
  background-repeat: no-repeat;
  background-position: right; }
  .products-landing-image .text {
    font-size: 2.5rem;
    font-weight: 600;
    max-width: 22rem;
    line-height: 1.1;
    background: rgba(255, 255, 255, 0.2); }

.products-display-section {
  background-color: #ecf0f6; }
  .products-display-section .products-display-heading {
    font-size: 2.1rem;
    color: #585858;
    font-weight: 500; }
  .products-display-section .display-info .large-text {
    font-size: 2.5rem;
    font-weight: 600;
    color: #585858;
    text-align: center; }
  .products-display-section .display-info .display-info-text {
    font-size: 1.05rem;
    line-height: 1.5;
    color: #585858; }
  .products-display-section .categories .half-image {
    height: 10rem;
    background-color: #f4f3ee; }
  .products-display-section .categories .full-image {
    height: 20.5rem;
    background-color: #f4f3ee; }
  .products-display-section .categories .image-text {
    font-weight: 600;
    color: #fff;
    font-size: 1.2rem;
    background-color: #231f20; }
  .products-display-section .categories .half-image,
  .products-display-section .categories .full-image {
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: cover; }
  .products-display-section .categories .image-1 {
    background-image: url("/static/img/categorie1.jpg"); }
  .products-display-section .categories .image-2 {
    background-image: url("/static/img/categorie2.jpg"); }
  .products-display-section .categories .image-3 {
    background-image: url("/static/img/categorie3.jpg"); }
  .products-display-section .categories .image-4 {
    background-image: url("/static/img/categorie4.jpg"); }
  .products-display-section .categories .image-5 {
    background-image: url("/static/img/categorie5.jpg"); }
  .products-display-section .categories .image-6 {
    background-image: url("/static/img/categorie6.jpg"); }

.products-video-section {
  background-color: #2f409a; }
  .products-video-section .large-video-text {
    font-size: 1.7rem;
    font-weight: 600;
    color: #fff; }

.products-send-message {
  background-color: #ecf0f6; }
  .products-send-message .text {
    font-size: 2rem;
    font-weight: 600;
    color: #585858; }

.category-top-section .section-background {
  height: 15rem;
  background-color: aqua;
  position: relative;
  background: linear-gradient(rgba(255, 255, 255, 0) 20%, white), url("/static/img/categorie6.jpg");
  background-size: cover; }
  .category-top-section .section-background .text {
    position: absolute;
    bottom: 0;
    font-size: 2rem;
    color: #585858;
    font-weight: 600; }

.category-main-content {
  background-color: #ecf0f6; }
  .category-main-content .category-filters {
    font-size: 0.91rem; }

.product-section {
  background-color: #ecf0f6; }
  .product-section .product-name {
    font-weight: 500;
    font-size: 1.2rem; }
  .product-section .product-description {
    color: #585858; }
  .product-section .product-about {
    font-size: 0.85rem;
    color: #585858; }
  .product-section .product-price {
    font-size: 1.5rem;
    font-weight: 600; }
  .product-section .btn {
    min-width: 15rem; }
  .product-section .product-secondary-text {
    font-size: 1.1rem;
    color: #585858;
    font-weight: 600;
    padding-left: 1rem; }
  .product-section .seller-information .logo img {
    height: 60px; }
  .product-section .seller-information .name {
    font-weight: 600;
    font-size: 1.2rem;
    color: #585858; }
    .product-section .seller-information .name .link {
      color: #585858;
      padding-left: 0.5rem;
      margin-left: 0.5rem;
      border-left: 1.5px solid #b5b5b4; }
      .product-section .seller-information .name .link a {
        color: #585858; }
  .product-section .seller-information .address {
    font-size: 1rem; }
  .product-section .seller-information .icons {
    font-size: 1.2rem; }
    .product-section .seller-information .icons .social a {
      color: #000 !important; }
      .product-section .seller-information .icons .social a i {
        margin-right: 5px; }
  .product-section .seller-information .description {
    font-size: 0.97rem; }

.product-about {
  font-size: 0.85rem;
  color: #585858; }

.product-price {
  font-size: 1.5rem;
  font-weight: 600; }

.container.gallery-container {
  min-height: 100vh; }

.gallery-container h1 {
  text-align: center;
  margin-top: 50px;
  font-family: "Droid Sans", sans-serif;
  font-weight: bold; }

.gallery-container p.page-description {
  text-align: center;
  margin: 25px auto;
  font-size: 18px;
  color: #999; }

.tz-gallery {
  padding: 40px; }

/* Override bootstrap column paddings */
.tz-gallery .row > div {
  padding: 2px; }

.tz-gallery .lightbox img {
  width: 100%;
  border-radius: 0;
  position: relative; }

.tz-gallery .lightbox:before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -13px;
  margin-left: -13px;
  opacity: 0;
  color: #fff;
  font-size: 26px;
  font-family: "Glyphicons Halflings";
  content: "\e003";
  pointer-events: none;
  z-index: 9000;
  transition: 0.4s; }

.tz-gallery .lightbox:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(46, 132, 206, 0.7);
  content: "";
  transition: 0.4s; }

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
  opacity: 1; }

.baguetteBox-button {
  background-color: transparent !important; }

@media (max-width: 768px) {
  body {
    padding: 0; } }

.products-about .bg-products {
  background-color: #ecf0f6 !important; }
  .products-about .bg-products img {
    width: 17rem; }
  .products-about .bg-products .products-about-intro-text {
    font-size: 1.2rem; }

.products-about .products-about-quote-text {
  font-size: 1.25rem;
  font-weight: 600; }

.products-about .products-about-quote-author-text {
  font-weight: 300; }

.products-about .products-about-about {
  font-size: 1.13rem;
  font-weight: 300; }
  .products-about .products-about-about .heading-text {
    font-size: 1.7rem;
    font-weight: 700;
    color: #585858; }
  .products-about .products-about-about b {
    font-weight: 700; }
  .products-about .products-about-about .media {
    font-size: 1.3rem;
    color: #585858;
    font-weight: 700; }

.bg-blue {
  background-color: #2f409a; }

.products-about-video-section {
  background-color: #ecf0f6; }
  .products-about-video-section .large-video-text {
    font-size: 1.7rem;
    font-weight: 600;
    color: #585858; }

.products-about-logos {
  background-color: #ecf0f6; }
  .products-about-logos .products-about-logos-heading {
    color: #585858;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: center; }
  .products-about-logos img {
    max-height: 5.5rem;
    width: 70%; }

.products-list {
  background-color: #ecf0f6;
  font-size: 1.3rem;
  text-align: center; }
  .products-list .heading-text {
    font-size: 1.15rem;
    font-weight: 600; }
  .products-list .text {
    font-size: 1.05rem;
    font-weight: 400; }
  .products-list .side-image-container {
    height: 30rem; }
  .products-list .btn {
    min-width: 25rem; }

.products-contact {
  background-color: #ecf0f6; }
  .products-contact form {
    max-width: 40rem;
    margin: auto; }

.products-search-top-section .section-background {
  height: 15rem;
  background-color: aqua;
  position: relative;
  background: linear-gradient(rgba(255, 255, 255, 0) 20%, white), url("/static/img/categorie6.jpg");
  background-size: cover; }
  .products-search-top-section .section-background .text {
    position: absolute;
    bottom: 0;
    font-size: 2rem;
    color: #585858;
    font-weight: 600; }

.products-search-main-content {
  background-color: #ecf0f6; }
  .products-search-main-content .products-search-filters {
    font-size: 0.91rem; }

#demo-landing-page {
  font-size: 2rem; }