/*
	GLOBAL SETTINGS
==============================================================================*/
@import url(contentupgrade.css);
@import url(popups.css);
@import url(inline.css);
@import url(hbar.css);
@import url(takeover.css);
html.BN-modal-open,
html.BN-modal-open body {
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: auto;
  overflow: hidden;
  position: fixed; }

body.BN-viewport-lg {
  position: absolute; }

.BN-image img {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.BN-thumb-3d .BN-image img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.BN-root button {
  border: none !important;
  padding: 15px 18px;
  background: orange;
  color: #fff;
  border-radius: 5px !important;
  cursor: pointer; }

.BN-live {
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.75);
  z-index: 999999999999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0; }

/*
	FORM SETTINGS
==============================================================================*/
.BN-form-wrap form {
  margin: 30px 0 0 0; }

.BN-form-wrap .form-contents {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 20px 0; }

.BN-form-wrap .BN-form-row {
  flex-grow: 1;
  margin-bottom: 20px;
  width: 48%; }

.BN-form-wrap .BN-form-row + .BN-form-row {
  margin-left: 4%; }

.BN-form-wrap .BN-form-row:nth-of-type(3) {
  width: 100%;
  margin-left: 0; }

.BN-form-wrap .BN-form-row.BN-checkbox {
  display: flex;
  width: 100%;
  margin-left: 0; }

.BN-form-wrap .BN-form-row.BN-checkbox input {
  width: 20px;
  margin-left: 0; }

.BN-form-wrap .BN-form-row label {
  display: block;
  margin-bottom: 5px;
  font-weight: 600; }

.BN-form-wrap .BN-form-row input {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 1em;
  color: #666;
  border: 1px solid #ccc; }

.BN-form-wrap .BN-form-row:last-of-type {
  margin-bottom: 0;
  width: 100%; }

.BN-form-wrap button {
  width: 100%; }

/*
	Variables (can be applied to any format via .BN-root)
==============================================================================*/
/*Shadow*/
.BN-shadow {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

.BN-floater.BN-shadow {
  box-shadow: none; }
  .BN-floater.BN-shadow .BN-text {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }

/*Radius*/
.BN-radius {
  border-radius: 7px; }
  .BN-radius .BN-tint {
    border-radius: 7px; }
  .BN-radius .BN-image {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }

.BN-floater.BN-radius .BN-text {
  border-radius: 7px; }

.BN-simple-vertical.BN-radius .BN-image,
.BN-half-vertical.BN-radius .BN-image {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0; }

.BN-inline.BN-twobyone .BN-form-wrap {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }

/*Compact Mode (should not be applied to vertical layout triggers)*/
.BN-compact h1 {
  margin-bottom: 10px; }

.BN-trigger.BN-simple.BN-compact .BN-text-contents,
.BN-inline.BN-simple.BN-compact .BN-text-contents {
  margin: 20px 30px; }

.BN-inline.BN-simple.BN-compact .BN-form-wrap {
  margin: 0 30px 20px 30px; }

.BN-trigger.BN-simple.BN-thumb.BN-compact .BN-image,
.BN-inline.BN-simple.BN-thumb.BN-compact .BN-image {
  padding: 20px 0 20px 30px; }

.BN-trigger.BN-half.BN-compact .BN-image,
.BN-inline.BN-half.BN-compact .BN-image,
.BN-inline.BN-twobyone.BN-compact .BN-image {
  padding: 20px; }

.BN-trigger.BN-half.BN-compact .BN-text-contents,
.BN-inline.BN-half.BN-compact .BN-text-contents,
.BN-inline.BN-twobyone.BN-compact .BN-text-contents {
  margin: 20px; }

.BN-inline.BN-half.BN-compact .BN-form-wrap {
  margin: 0 20px 20px 20px; }

.BN-inline.BN-twobyone.BN-compact .BN-form-wrap {
  padding: 20px; }

@media (max-width: 449px) {
  /*General*/
  .BN-live {
    align-items: flex-start; }
  .BN-form-wrap {
    text-align: left; }
  .BN-form-row + .BN-form-row {
    margin-left: 0 !important; }
  .BN-form-wrap button {
    width: 100%; }
  .BN-tint {
    flex-direction: column; }
  /*Variables*/
  .BN-radius,
  .BN-radius .BN-tint {
    border-radius: 7px; }
  .BN-radius .BN-image {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0; } }

@media (max-width: 830px) {
  .BN-popup {
    width: 95%; }
  .BN-close {
    right: -5px; } }