.flex-container {
  display: flex;
  flex-direction: row;
}

.cart {
  order: 2;
  flex: 25%;
  background: #EFF0F2;
  min-width: 186px;
}

.main {
  order: 1;
  flex: 75%;
  background: #F9F9F7;
}

@media (max-width: 750px) {
  .flex-container {
    flex-direction: column;
  }
  .main {
    order: 2;
    flex: 100%;
  }
  .cart {
    order: 1;
    flex: 100%;
    flex-shrink: 0;
  }
}

body {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}

.ordering-page {
	/*width: 750px;*/
  position: relative;
}
.ordering-page::after {
  display: block;
  width: 25%;
  right: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #EFF0F2;
  content: " ";
  z-index: -1;
}

.column-left {
	float: left;
	width: 25%;
}

.column-right {
	float: right;
	width: 25%;
	min-height: 100%;
	background: #EFF0F2;
  box-sizing: border-box;
  padding: 10px 7px;
}

.cart-column.fixed {
	position: fixed;
	width: 25%;
	top: 0;
}

.column-center {
	display: inline-block;
	width: 50%;
}
/*
.menu, .pre, .modifier-page, .checkout-page , .combo-header {
  float: left;
  width: 75%;
  box-sizing: border-box;
  padding: 10px;
}
*/
/*
.menu {
  height: 100%;
  overflow: hidden;
  overflow-y: scroll;
}
*/

.container {
   height: auto;
   overflow: hidden;
}

.right {
    width: 180px;
    float: right;
    background: #aafed6;
}

.left {
    float: none; /* not needed, just for clarification */
    background: #e8f6fe;
    /* the next props are meant to keep this block independent from the other floated one */
    width: auto;
    overflow: hidden;
}​​

.topright {
	position: absolute;
	top: 5px;
	right: 5px;
}

.bottomright {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.bottom {
	position: absolute;
	bottom: 0;
}

.location-selector {
  margin-bottom: 10px;
}
.location-selector p {
  padding: 0;
  margin: 0;
}

.store_name {
	background: #fbfbfb;
	border-bottom: 1px solid #eee;
	font-weight: 600;
	letter-spacing: 1;
	margin: 0;
	overflow: hidden;
	padding: 8px;
  margin-bottom: 10px;
}

.store_address, .store_phone {
	font-weight: 100;
  font-size: 0.7em;
}

.section {
	color: #1C494D;
	display: block;
}

.section_header {
    cursor: pointer;
}

.combo-header ul {
  margin: 0;
  margin-left: 5px;
  padding: 0;
}

.combo-header ul li {
  position: relative;
  padding: 4px 0;
}
.combo-header ul li + li {
  margin-top: 5px;
  border-top: 1px dotted #eee;
}

.menu-header {
  align-self: center;
  text-align: center;
  font-weight: bold;
}

.menu ul {
  margin: 0;
  margin-left: 5px;
  padding: 0;
}

.menu ul li {
  position: relative;
  padding: 4px 0;
}
.menu ul li + li {
  margin-top: 5px;
  border-top: 1px dotted #eee;
}

.menu_item_loader {
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}

.item {
    /*cursor: pointer;*/
	color: #1C494D;
	display: block;
	line-height: 1.4;
	margin: 0 -30px 0 -45px;
	position: relative;
	padding: 7px 100px 7px 45px;
	text-decoration: none !important;
}

.item_name {
  /*color: #1C494D;*/
  display: block;
  margin-bottom: 2px;
  font-weight: 600;
  font-size: 1.1em;
}

.item_description {
  margin: 0;
}

.item_image_box {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
}

.item_image {
	width: auto;
	height : auto;
	max-height: 100%;
	max-width: 100%;
}

.item_price {
  /*
  position: absolute;
  right: 30px;
  top: 7px;
  font-family: jaf-bernino-sans-comp,Helvetica,Arial,sans-serif;
  */
  display: block;
  font-weight: 700;
  letter-spacing: 1px;
  color: #1C494D;
  line-height: 1.4;
}

.item_description, .item_price {
  padding: 0 5px;
}

.modifier-page .item-title-container {
  margin-top: 10px;
}
.modifier-page .item-title-container::after {
  clear: both;
  content: " ";
  width: 100%;
  height: 1px;
  overflow: hidden;
  display: block;
}
.modifier-page .item-title {
  float: left;
  width: 80%;
}

.modifier-page .modifier_image_box {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 20px;
}

.modifier-page .modifier_image {
	width: auto;
	height : auto;
	max-height: 100%;
	max-width: 100%;
}

.modifier-page .item-price {
  float: right;
  width: 20%;
  text-align: right;
}

.item-title {
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    font-size: 1.2em;
    /*height: 49px;*/
    /*
    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    width: 490px;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 245px 24.5px;
    transform-origin: 245px 24.5px;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal 100 normal 36px / normal jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(28, 73, 77) none 0px;
    padding: 0px 75px 0px 0px;
    */
}

.item-price {
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    display: block;
    height: 33px;
    letter-spacing: 1px;

    /*
    bottom: 728px;
    left: 474.594px;
    position: absolute;
    right: 30px;
    top: 23px;
    width: 45.4063px;
    */
    float: right;

    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 22.7031px 16.5px;
    transform-origin: 22.7031px 16.5px;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal bold normal 24px / normal jaf-bernino-sans-comp, Helvetica, Arial, sans-serif;
    outline: rgb(28, 73, 77) none 0px;
}

.modifier-page .item-description {
  margin: 10px 0;
}

.item-quantity {
  font-size: 0.8em;
}

.modifiers {
  margin-top: 10px;
  font-size: 0.8em;
  margin-bottom: 8px;
}

ul {
	list-style-type: none;
}

hr {
	border: 0;
	border-top: 1px solid #e9e8eb;
	height: 0;
}

.ordertypes {
	width: 100%;
}

.menulocations {
	width: 90%;
}

.ordertype {
	margin: 0;
	padding: 0;
  margin-bottom: 5px;
}

.prep-time {
  font-size: 0.9em;
  margin-bottom: 5px;
}

.table-cart {
	width: 100%;
}

.table-cart-item {
	width: 100%;
}

.tr-cart {
	width: 100%;
}

.td-cart {
	width: 100%;
  font-size: 0.9em;
  padding: 5px 0;
}

.tr-cart + tr td {
  /*border-top: 1px solid #ddd;*/
}

.table-cart-item {
	border-top: 1px solid #ddd;
}

.tr-cart-item + tr td {
	border-top: none;
}

.tr-cart-item-modifier {
	border-top: none;
}

.td-cart-item {
	border-top: none;
	font-size: 0.9em;
}

.td-cart-item-price {
	border-top: none;
	vertical-align: top;
	font-size: 0.9em;
}

.td-cart-item-modifier {
	border-top: none;
	font-size: 0.9em;
}

.td-cart-item-modifier-price {
	border-top: none;
	vertical-align: top;
	font-size: 0.9em;
}

.cart-items {
	margin: 0;
	/*padding: 10px 15px;*/
}

.cart-button {
	width: 100%;
	cursor: pointer;
	padding: 0;
	border: none;
	background: none;
}

.cart-delete {
	/*padding: 5px 0;*/
	border: none;
	background: none;
	margin: 0;
}

.cart-name {
	float: left;
	text-align:left;
	font-size: 0.9em;
}

.cart-price {
	float: right;
	font-size: 0.9em;
}

.cart-modifier {
	margin-left:15%;
	float:left;
	font-size: 0.9em;
}

.cart-modifier-price {
	float:right;
	font-size: 0.9em;
}

.subtotal, .discount, .tax, .delivery-charge {
	margin-left:15px;
	font-size: 0.9em;
}

.subtotal-amount, .discount-amount, .tax-amount, .delivery-charge-amount, .svc-amount {
	float:right;
	margin-right:15px;
	font-size: 0.9em;
}

.loader_container {
  padding: 5px;
  text-align: center;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.checkout {
	width:100%;
	/*height:70px;*/
}

.checkout.fixed {
	position: fixed;
	top: 0;
}

.checkout-button, .item-back button, table.login button, .logout button {
	color: #fff;
	background:#3498db;
  border: 1px solid #80BEE8;
  text-align: left;
  padding: 4px;
  cursor: pointer;
}
.checkout-button {
  margin: 10px 0;
	width: 100%;
  padding: 8px;
}
.checkout-button:hover, .item-back button:hover, table.login button:hover, .logout button:hover {
  opacity: 0.88;
}

table.login button { margin-right: 4px; }

.checkout-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.checkout-button-total {
	/*background:#2f89c5;*/
	float:right;
}

.button {
}

.menu-button {
  cursor: pointer;
	padding: 0;
	border: none;
	background: none;
  text-align: left;
  width: 100%;
  padding: 2px;
}

.menu-button:hover {
  background: #f3f3f3;
  opacity: 0.88;
}

.combo-button {
  cursor: pointer;
	padding: 0;
	border: none;
	background: none;
  text-align: left;
  width: 100%;
  padding: 2px;
}

.combo-button:hover {
  background: #f3f3f3;
  opacity: 0.88;
}

.modifier-button {
    cursor: pointer;
	padding: 0;
	border: none;
	background: none;
  text-align: left;
  width: 90%;
  padding: 2px;
}

.modifier-button:hover {
  background: #f3f3f3;
  opacity: 0.88;
}

.modifier_name {

}

.checked:before {
    content: '✓';
}

.checked-box:before {
	content: '☑';
}

.unchecked:before {
    content: '☐';
}

.update-item-button, .place-order-button {
    bottom: 0px;
    box-shadow: rgb(74, 147, 74) 0px 1px 0px 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    height: 48px;
    left: 0px;
    position: relative;
    right: 0px;
    text-decoration: none solid rgb(255, 255, 255);
    text-size-adjust: 100%;
    top: 0px;
    width: 100%;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 260px 24px;
    transform-origin: 260px 24px;
    caret-color: rgb(255, 255, 255);
    background: rgb(92, 184, 92) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 18px / 18px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 15px;
}
.update-item-button:hover, .place-order-button:hover {
  opacity: 0.88;
}

.remove-item-button {
	float: right;
    color: rgb(76, 85, 93);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    text-align: right;
    text-decoration: none solid rgb(76, 85, 93);
    text-size-adjust: 100%;
    column-rule-color: rgb(76, 85, 93);
    /*perspective-origin: 47.8438px 18px;
    transform-origin: 47.8438px 18px;*/
    caret-color: rgb(76, 85, 93);
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 1px solid rgb(152, 152, 152);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 14px / 14px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(76, 85, 93) none 0px;
    padding: 10px;
}

.cancel-combo {
	float: right;
    color: rgb(76, 85, 93);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    text-align: right;
    text-decoration: none solid rgb(76, 85, 93);
    text-size-adjust: 100%;
    column-rule-color: rgb(76, 85, 93);
    /*perspective-origin: 47.8438px 18px;
    transform-origin: 47.8438px 18px;*/
    caret-color: rgb(76, 85, 93);
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 1px solid rgb(152, 152, 152);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 14px / 14px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(76, 85, 93) none 0px;
    padding: 10px;
}

.done-combo {
	/*float: right;*/
    color: rgb(76, 85, 93);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    text-align: right;
    text-decoration: none solid rgb(76, 85, 93);
    text-size-adjust: 100%;
    column-rule-color: rgb(76, 85, 93);
    /*perspective-origin: 47.8438px 18px;
    transform-origin: 47.8438px 18px;*/
    caret-color: rgb(76, 85, 93);
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 1px solid rgb(152, 152, 152);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 14px / 14px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(76, 85, 93) none 0px;
    padding: 10px;
}

.combo-name-label {
	display: inline-block;
}

.remove-item-button-copy {
    background-position: 0px 0px;
    bottom: 0px;
    box-sizing: border-box;
    color: rgb(76, 85, 93);
    cursor: pointer;
    display: inline-block;
    height: 36px;
	left: 475px;
    position: relative;
    right: 0px;
    text-align: right;
    text-decoration: none solid rgb(76, 85, 93);
    text-size-adjust: 100%;
    top: 0px;
    width: 100px;
    column-rule-color: rgb(76, 85, 93);
    perspective-origin: 47.8438px 18px;
    transform-origin: 47.8438px 18px;
    caret-color: rgb(76, 85, 93);
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 1px solid rgb(152, 152, 152);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 14px / 14px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(76, 85, 93) none 0px;
    padding: 10px;
}

.quantity1 {
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    float: left;
    height: 37px;
    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    width: 113.828px;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 56.9063px 18.5px;
    transform-origin: 56.9063px 18.5px;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal normal normal 16px / normal ff-tisa-web-pro, Georgia, "Times New Roman", serif;
    outline: rgb(28, 73, 77) none 0px;
}

.quantity2 {
    bottom: 0px;
    left: 0px;
    position: relative;
    right: 0px;
    top: 0px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 2px 2px 2px 2px;
    overflow: hidden;
}

.quantity3 {
    height: 35px;
    width: 111.828px;
    perspective-origin: 55.9063px 17.5px;
    transform-origin: 55.9063px 17.5px;
}

.quantity_minus {
    bottom: -2px;
    color: rgb(28, 73, 77);
    cursor: pointer;
    display: block;
    height: 38px;
    left: -1px;
    position: absolute;
    right: 78.8281px;
    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    top: 0px;
    width: 34px;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 17px 19px;
    transform-origin: 17px 19px;
    caret-color: rgb(28, 73, 77);
    background: rgb(242, 242, 242) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(204, 204, 204);
    font: normal normal 600 normal 18px / 18px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    margin: -1px 0px 0px;
    outline: rgb(28, 73, 77) none 0px;
    padding: 9px 7px;
}

.quantity_minus_span {
    bottom: -2px;
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    cursor: pointer;
    left: 0px;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(28, 73, 77);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    top: 2px;
    white-space: nowrap;
    column-rule-color: rgb(28, 73, 77);
    align-self: flex-start;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal normal normal 18px / 18px SSGizmo;
    outline: rgb(28, 73, 77) none 0px;
}

.quantity_value_span {
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    display: block;
    height: 35px;
    text-align: center;
    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    width: 111.828px;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 55.9063px 17.5px;
    transform-origin: 55.9063px 17.5px;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal 600 normal 18px / normal jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(28, 73, 77) none 0px;
    padding: 5px;
}

.quantity_plus {
    bottom: -2px;
    color: rgb(28, 73, 77);
    cursor: pointer;
    display: block;
    height: 38px;
    left: 78.8281px;
    position: absolute;
    right: -1px;
    text-decoration: none solid rgb(28, 73, 77);
    text-size-adjust: 100%;
    top: 0px;
    width: 34px;
    column-rule-color: rgb(28, 73, 77);
    perspective-origin: 17px 19px;
    transform-origin: 17px 19px;
    caret-color: rgb(28, 73, 77);
    background: rgb(242, 242, 242) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 1px solid rgb(204, 204, 204);
    font: normal normal 600 normal 18px / 18px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    margin: -1px 0px 0px;
    outline: rgb(28, 73, 77) none 0px;
    padding: 9px 7px;
}

.quantity_plus_span {
    bottom: -2px;
    box-sizing: border-box;
    color: rgb(28, 73, 77);
    cursor: pointer;
    left: 0px;
    position: relative;
    right: 0px;
    text-align: center;
    text-decoration: none solid rgb(28, 73, 77);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    top: 2px;
    white-space: nowrap;
    column-rule-color: rgb(28, 73, 77);
    align-self: flex-start;
    caret-color: rgb(28, 73, 77);
    border: 0px none rgb(28, 73, 77);
    font: normal normal normal normal 18px / 18px SSGizmo;
    outline: rgb(28, 73, 77) none 0px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.centered-div {
	/*width: 100px;
	height: 100px;*/
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.cc-img {
	width: 42px;
	height: 25px;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.place-order-button {
}

.place-order-button.disabled {
	opacity: 0.5;
	pointer-events:none;
}

table.login {
	border-collapse: collapse;
	padding: 0;
	margin: 15px 0;
  width: 100%;
}


table.payment-amount {
	border-collapse: collapse;
	padding: 15px;
	margin: 15px;
}

table.delivery-address {
	border-collapse: collapse;
}

table.payment {
  /*
	border-collapse: collapse;
	border-color: black;
	border-style: solid;
	border-width: thin;
  */
  width: 100%;
}

table.payment td {
	margin: 15px;
}

table.delivery-address {
	margin: 15px 0;
  width: 100%;
}

table.contact {
	border-collapse: collapse;
	margin: 15px 0;
  width: 100%;
}


fieldset {
  border: none;
  border-top: 1px solid #ddd;
  margin: 10px 0;
}
fieldset > legend  {
  padding: 0 5px;
}

.payment-options-fieldset {
  padding-top: 15px;
}

table.login input[type=email], table.login input[type=password]
, .contact input[type=text]
, .payment input[type=text]
, .delivery-address input[type=text], .delivery-address input[type=tel]
{
  width: 100%;
}

.payment select {
  width: 100%;
}

table.order-note {
	border-collapse: collapse;
	margin: 15px;
}

table.combo-name {
	border-collapse: collapse;
	margin: 15px;
}

.payment-options {
  padding: 16px;
}

.payment-options.disabled {
	opacity: 0.5;
	pointer-events:none;
}

div.payment {
	border-color: black;
	border-style: solid;
	border-width: thin;
}

.return-to-checkout-button {
	float: right;
    color: rgb(76, 85, 93);
    cursor: pointer;
    display: inline-block;
    height: 36px;
    text-align: right;
    text-decoration: none solid rgb(76, 85, 93);
    text-size-adjust: 100%;
    column-rule-color: rgb(76, 85, 93);
    caret-color: rgb(76, 85, 93);
    background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px / auto padding-box border-box;
    border: 1px solid rgb(152, 152, 152);
    border-radius: 2px 2px 2px 2px;
    font: normal normal 600 normal 14px / 14px jaf-bernino-sans-condensed, Helvetica, Arial, sans-serif;
    outline: rgb(76, 85, 93) none 0px;
    padding: 10px;
}

.amount-due {
	font-weight: bold;
}

.tip-label {
	text-align: right;
}

tr.top td {
	border-top: thin solid black;
}

tr.bottom td {
	border-bottom: thin solid black;
}

tr.row td:first-child {
	border-left: thin solid black;
}

tr.row td:last-child {
	border-right: thin solid black;
}

input.manual-cc-radio {
	margin-left: 8px;
}

.item-color {
	color: #2A7072;
}

.modifier-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

svg {
    cursor: pointer;
    height: 12px;
    width: 12px;
}
svg > circle {
    stroke: black;
    fill: white;
}
svg > path {
    stroke: black;
}
svg:hover > circle {
    fill: red;
}
svg:hover > path {
    stroke: white;
}

.imagedropshadow {
    padding: 5px;
    border: solid 1px #EFEFEF;
}

a:hover img.imagedropshadow {
    border: solid 1px #CCC;
    -moz-box-shadow: 1px 1px 5px #999;
    -webkit-box-shadow: 1px 1px 5px #999;
        box-shadow: 1px 1px 5px #999;
}

.leftbg {
  height: 80vh;
  background-image: url('bg2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #ccc;
}

.fixed-bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
  /*color: white;
  text-align: center;
  display: table;*/
}

video#coverVideo {
  position:absolute;
  top:0;
  left:0;
  z-index: -99;
  background: url(https://static.spotapps.co/website_images/ab_websites/107059_website/video_poster.jpg) no-repeat;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

body {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}
/*
@media (min-width: 1025px) {

  video#coverVideo {
      position: absolute;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      -ms-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      max-width: none;
      vertical-align: baseline;
  }
}

@media (max-width: 1024px) {

  video#coverVideo {
      width: 100%;
  }

  .header {
      max-height: 100vh;
      background-image: none !important;
      width: initial;
      height: initial;
  }

  body.home-page {
      background-color: transparent;
  }
}

.video-volume-btn {
  color: rgba(255, 255, 255, 0.9);
}
*/

.section-image {
  width: 100%;
  height: auto;
}