/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * require_tree .



 */
@font-face {
  font-family: 'fontello';
  src: url(/../font/fontello.eot?20001199);
  src: url(/../font/fontello.eot?20001199#iefix) format("embedded-opentype"), url(/../font/fontello.woff2?20001199) format("woff2"), url(/../font/fontello.woff?20001199) format("woff"), url(/../font/fontello.ttf?20001199) format("truetype"), url(/../font/fontello.svg?20001199#fontello) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* colour palette */
/* element colours */
/* line 1, app/assets/stylesheets/components/_footer.scss */
#footer_panel {
  BACKGROUND-COLOR: #164b47;
  CLEAR: both;
  COLOR: white;
  FONT-SIZE: calc( 0.15 * ( ( 10vw + 10vh ) / 2 ));
  MARGIN: 0;
  PADDING: 2vh 0;
  TEXT-ALIGN: center;
  WIDTH: 100%;
}

/* line 12, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG {
  DISPLAY: inline-block;
  HEIGHT: 7vh;
  MAX-HEIGHT: 5vw;
  PADDING-BOTTOM: 0.7vh;
}

/* line 19, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG.footer_hero {
  HEIGHT: 8vh;
  MAX-HEIGHT: 7.5vw;
}

/* line 24, app/assets/stylesheets/components/_footer.scss */
#footer_panel IMG.social {
  HEIGHT: 4vh;
  MAX-HEIGHT: 4.5vw;
  PADDING: 0.7vh 1vh;
}

/* line 1, app/assets/stylesheets/components/_header.scss */
#top_panel {
  POSITION: -webkit-sticky;
  POSITION: sticky;
  TOP: clamp(-30vw, -11rem, -17vh);
  BACKGROUND-COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: clamp(0.5rem, 80%, 2vw);
  FONT-WEIGHT: 800;
  HEIGHT: clamp(calc(5.3em / 0.25), 30vh, 50vw);
  MARGIN: 0;
  PADDING: 0;
  Z-INDEX: 5;
}

/* line 15, app/assets/stylesheets/components/_header.scss */
#header_panel {
  POSITION: relative;
  BACKGROUND-IMAGE: url(/assets/header_background-f235b8cbc0175c4818831f6edb805e1a8e28f8caccba02271ef50ae1e9118fb9.png);
  BACKGROUND-POSITION: 50% 0%;
  BACKGROUND-SIZE: auto 100%;
  FONT-SIZE: 0;
  HEIGHT: 75%;
  PADDING: 0;
}

/* line 25, app/assets/stylesheets/components/_header.scss */
#header_panel IMG.label_people {
  DISPLAY: block;
  HEIGHT: 100%;
  MARGIN: auto;
  MAX-HEIGHT: 30vw;
}

/* line 32, app/assets/stylesheets/components/_header.scss */
#header_panel A#order_tutorial_link {
  POSITION: absolute;
  BOTTOM: 0.5em;
  LEFT: 0.5em;
  COLOR: #626364;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: clamp(0.5rem, calc( 12px + 0.2vw), 2vw);
}

/* line 1, app/assets/stylesheets/components/_menu.scss */
#menu_panel {
  BACKGROUND-COLOR: #929396;
  HEIGHT: 25%;
  MARGIN: 0;
  PADDING: 0;
  TEXT-ALIGN: center;
}

/* line 9, app/assets/stylesheets/components/_menu.scss */
#menu_panel A {
  DISPLAY: inline-block;
  BORDER: solid 2px white;
  COLOR: white;
  HEIGHT: calc(100% - 1.6em - 4px - 0.9em);
  MARGIN: 0.8em 0 0 0.1vw;
  PADDING-TOP: 0.9em;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: clamp(6vw, 8em, calc(13.5vw - 4px));
}

/* line 21, app/assets/stylesheets/components/_menu.scss */
#menu_panel A:first {
  MARGIN-LEFT: 0;
}

/* line 25, app/assets/stylesheets/components/_menu.scss */
#menu_panel A:hover, A.selected, A.menu_button_active {
  BACKGROUND-COLOR: #626364;
}

/* line 29, app/assets/stylesheets/components/_menu.scss */
#menu_panel.admin A {
  DISPLAY: inline-block;
  BORDER: solid 1px white;
  COLOR: white;
  HEIGHT: auto;
  MARGIN: 0.5em 0.2em 0 0.2em;
  PADDING: 0.2em 0.4em;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: auto;
}

/* line 1, app/assets/stylesheets/components/_notification.scss */
.field_with_errors {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: #ad1f1f;
  COLOR: white;
  PADDING: 2px;
}

/* line 8, app/assets/stylesheets/components/_notification.scss */
#error_explanation {
  POSITION: fixed;
  BOTTOM: 1em;
  RIGHT: 1em;
  Z-INDEX: 100;
  BACKGROUND-COLOR: #fffac2;
  BORDER-RADIUS: 0.5em;
  BORDER: 2px solid #ad1f1f;
  COLOR: black;
  FONT-SIZE: 90%;
  PADDING: 0 0.2em;
  PADDING-BOTTOM: 0;
  TEXT-ALIGN: left;
}

/* line 23, app/assets/stylesheets/components/_notification.scss */
#error_explanation h3 {
  BACKGROUND-COLOR: #ad1f1f;
  COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-WEIGHT: 400;
  MARGIN: 0 -0.2em;
  PADDING: 0.2em;
  TEXT-ALIGN: left;
}

/* line 33, app/assets/stylesheets/components/_notification.scss */
#error_explanation ul li {
  COLOR: #af1f24;
  LIST-STYLE: disc;
  LIST-STYLE-POSITION: inside;
}

/* line 39, app/assets/stylesheets/components/_notification.scss */
#notification {
  POSITION: fixed;
  TOP: 1em;
  LEFT: 20vw;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-SIZE: 1.1rem;
  HEIGHT: 1em;
  MARGIN: 0;
  TEXT-ALIGN: center;
  WIDTH: 60vw;
  Z-INDEX: 100;
}

/* line 52, app/assets/stylesheets/components/_notification.scss */
#notification > .alert,
#notification > .notice,
#notification > .warning {
  BORDER-RADIUS: 0.2em;
  PADDING: 0.1em;
}

/* line 59, app/assets/stylesheets/components/_notification.scss */
#notification > .alert {
  BACKGROUND-COLOR: #e3b0b0;
  BORDER: solid 1px #6d2727;
  COLOR: #6d2727;
}

/* line 65, app/assets/stylesheets/components/_notification.scss */
#notification > .notice {
  BACKGROUND-COLOR: #cae3b0;
  BORDER: solid 1px #4b6d27;
  COLOR: #4b6d27;
}

/* line 71, app/assets/stylesheets/components/_notification.scss */
#notification > .warning {
  BACKGROUND-COLOR: #fffac2;
  BORDER: solid 1px #a89a00;
  COLOR: #a89a00;
}

/* line 1, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar {
  BORDER: none;
  COLOR: #097b79;
  PADDING: 0;
  TEXT-ALIGN: center;
}

/* line 8, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar.admin {
  BACKGROUND-COLOR: #164b47;
  FONT-SIZE: 45%;
}

/* line 13, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar > .menu_button,
#menu_bar > .menu_button_active {
  COLOR: black;
  DISPLAY: inline-block;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-WEIGHT: 400;
  MARGIN: 0;
  PADDING: 0.1em 0.3em;
  TEXT-DECORATION: none;
}

/* line 24, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar > .menu_button:hover {
  BACKGROUND-COLOR: #626364;
  COLOR: white;
}

/* line 29, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar > .menu_button_active {
  COLOR: white;
}

/* line 33, app/assets/stylesheets/components/_order_menu.scss */
#menu_bar > .menu_button_active:active,
#menu_bar > .menu_button_active:visited {
  COLOR: white;
  TEXT-DECORATION: none;
}

/* line 1, app/assets/stylesheets/components/_products.scss */
.catalogue_page {
  BORDER-BOTTOM: solid 2px #929396;
  MARGIN-BOTTOM: 0.5em;
  PADDING: 0.5em;
  VERTICAL-ALIGN: top;
}

/* line 8, app/assets/stylesheets/components/_products.scss */
.catalogue_page:first-child {
  BORDER-TOP: solid 2px #929396;
}

/* line 12, app/assets/stylesheets/components/_products.scss */
.catalogue_page .product_copy {
  FLOAT: left;
  FONT-SIZE: clamp(0.7rem, 2vmin, 1.1rem);
  MARGIN-LEFT: 0.5em;
  WIDTH: 65%;
}

/* line 19, app/assets/stylesheets/components/_products.scss */
.catalogue_page .product_copy H2 {
  MARGIN: 0 0 0.4em 0;
}

/* line 23, app/assets/stylesheets/components/_products.scss */
.catalogue_page .product_copy P {
  MARGIN: 0.5em 0;
}

/* line 27, app/assets/stylesheets/components/_products.scss */
.catalogue_page .product_image {
  FLOAT: left;
  MAX-HEIGHT: 100vh;
  TEXT-ALIGN: center;
  WIDTH: calc(30% - 0.5em);
}

/* line 34, app/assets/stylesheets/components/_products.scss */
.catalogue_page .product_image IMG {
  MAX-WIDTH: 100%;
}

/* line 38, app/assets/stylesheets/components/_products.scss */
.text_content .product_group_image IMG {
  MAX-WIDTH: 155%;
}

/* line 1, app/assets/stylesheets/components/_social.scss */
#social {
  POSITION: absolute;
  TOP: 0;
  RIGHT: 1vw;
  BACKGROUND-COLOR: #929396;
  COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: calc( ( 14px + 0.2vw ) * 0.8);
  PADDING: 0.5vh;
}

/* line 12, app/assets/stylesheets/components/_social.scss */
#social A {
  DISPLAY: inline-block;
  COLOR: white;
}

/* line 17, app/assets/stylesheets/components/_social.scss */
#social IMG {
  HEIGHT: 2em;
  MARGIN: 0.5vh 0.5vh 0 0.5vh;
}

/* line 1, app/assets/stylesheets/components/_side_panel.scss */
#side_panel {
  FLOAT: left;
  BACKGROUND-COLOR: #097b79;
  COLOR: white;
  FONT-SIZE: clamp(0.55rem, 2vmin, 1rem);
  TEXT-ALIGN: right;
  WIDTH: 22vw;
}

/* line 10, app/assets/stylesheets/components/_side_panel.scss */
#side_panel A {
  COLOR: white;
  PADDING: 0.2em;
}

/* line 15, app/assets/stylesheets/components/_side_panel.scss */
#side_panel A:hover,
#side_panel A.active {
  BACKGROUND-COLOR: #164b47;
  TEXT-DECORATION: none;
}

/* line 21, app/assets/stylesheets/components/_side_panel.scss */
#side_panel P {
  DISPLAY: inline-block;
  MARGIN-RIGHT: 1em;
  TEXT-ALIGN: right;
  WIDTH: 65%;
}

/* line 28, app/assets/stylesheets/components/_side_panel.scss */
#side_panel P.menu {
  FONT-FAMILY: "Scada", sans-serif;
}

/* line 32, app/assets/stylesheets/components/_side_panel.scss */
#side_panel IMG {
  DISPLAY: inline-block;
  MARGIN: 0.3em;
  WIDTH: 65%;
}

/* line 1, app/assets/stylesheets/components/_text.scss */
.text_content {
  FLOAT: left;
  MARGIN-LEFT: 1vw;
  TEXT-ALIGN: left;
  WIDTH: 45em;
  MAX-WIDTH: 74vw;
}

/* line 9, app/assets/stylesheets/components/_text.scss */
.text_content P {
  TEXT-ALIGN: left;
}

/* line 13, app/assets/stylesheets/components/_text.scss */
.text_content H2:first-child,
.text_content H3:first-child,
.text_content P:first-child {
  MARGIN-TOP: 0;
}

/* line 1, app/assets/stylesheets/components/_title.scss */
#title_panel {
  POSITION: absolute;
  TOP: 50%;
  LEFT: 5%;
  COLOR: black;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: 200%;
  FONT-WEIGHT: 800;
  MARGIN: 0;
  PADDING: 0;
  TEXT-ALIGN: center;
  TEXT-TRANSFORM: uppercase;
  WIDTH: 95%;
}

/* line 1, app/assets/stylesheets/components/_user_menu.scss */
#menu_user {
  POSITION: absolute;
  RIGHT: 0;
  TOP: 0;
  Z-INDEX: 4;
  BORDER: none;
  PADDING: 0;
}

/* line 10, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button,
#menu_user > .menu_button_active,
#menu_user > .logout {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: #929396;
  BORDER: solid 1px white;
  COLOR: white;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: 80%;
  FONT-WEIGHT: 800;
  HEIGHT: calc(80% - 0.9em - 0.9em);
  MARGIN: 0;
  PADDING: 0.3em;
  TEXT-ALIGN: right;
  TEXT-DECORATION: none;
  VERTICAL-ALIGN: top;
  WIDTH: 8em;
}

/* line 29, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button:hover,
#menu_user > .menu_button_active:hover,
#menu_user > .logout:hover {
  BACKGROUND-COLOR: #626364;
}

/* line 35, app/assets/stylesheets/components/_user_menu.scss */
#menu_user > .menu_button_active {
  BACKGROUND-COLOR: #626364;
}

/* line 1, app/assets/stylesheets/components/_digital.scss */
.digital_assessment {
  POSITION: fixed;
  BOTTOM: 30vh;
  RIGHT: 0;
  BACKGROUND-COLOR: #08918c;
  BORDER-RADIUS: 1em 0 0 1em;
  COLOR: white;
  FONT-SIZE: clamp(0.5rem, 1.7vw, 1.2rem);
  HEIGHT: 2.5em;
  PADDING: 0.5em;
  WIDTH: 8em;
  Z-INDEX: 100;
}

/* line 15, app/assets/stylesheets/components/_digital.scss */
.digital_assessment A {
  COLOR: white;
}

/* line 19, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 {
  POSITION: relative;
  DISPLAY: flex;
  HEIGHT: 63vmin;
  FONT-SIZE: clamp(0.5rem, 1.7vw, 1.2rem);
  WIDTH: calc(2 * clamp(10vw, 65vh, calc(50vw - 3em)));
  PADDING: 1em;
  MARGIN: 0 auto;
  TEXT-ALIGN: top;
}

/* line 30, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .logo {
  POSITION: absolute;
  BOTTOM: -9vmin;
  RIGHT: 1em;
  HEIGHT: 18vmin;
  Z-INDEX: 1;
}

/* line 38, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .left {
  MARGIN: 0 2em 0 0;
  PADDING: 0;
}

/* line 43, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .left IMG {
  WIDTH: clamp(10vw, 58vh, calc(50vw - 2em));
}

/* line 47, app/assets/stylesheets/components/_digital.scss */
.digital_panel .right {
  TEXT-ALIGN: center;
}

/* line 51, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .right H1 {
  COLOR: #08918c;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-SIZE: clamp(1em, 3vw, 3em);
  PADDING-TOP: 1em;
}

/* line 58, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .right .elements {
  DISPLAY: grid;
  GRID-TEMPLATE-COLUMNS: auto auto;
}

/* line 63, app/assets/stylesheets/components/_digital.scss */
.digital_panel_1 .right .elements .element {
  BORDER: solid 1px black;
  BORDER-RADIUS: 2em;
  COLOR: black;
  MARGIN: 1em;
  PADDING: 1.5em;
  TEXT-TRANSFORM: uppercase;
}

/* line 72, app/assets/stylesheets/components/_digital.scss */
IMG.digital_logo {
  POSITION: absolute;
  TOP: 0;
  RIGHT: 2vw;
  WIDTH: 9vw;
}

/* line 79, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 {
  POSITION: relative;
  BACKGROUND-IMAGE: url(/assets/background_2-50c6749bf07e8678ac4ffd1f1c3d00c141fa23d9e66cff08be4439f34c18bbf9.png);
  BACKGROUND-SIZE: cover;
  HEIGHT: 85vmin;
  PADDING: 0;
  MARGIN: 0 auto;
}

/* line 88, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .header,
.digital_panel_3 .header {
  BACKGROUND-COLOR: #fffac2;
  HEIGHT: 20vmin;
  MARGIN: 0;
  PADDING: 0.2em;
}

/* line 96, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .header H1,
.digital_panel_3 .header H1 {
  COLOR: #08918c;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-SIZE: 4.5vmin;
}

/* line 103, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .plant {
  POSITION: absolute;
  BOTTOM: 0;
  RIGHT: 1em;
  HEIGHT: 20vmin;
}

/* line 110, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .phone_map {
  POSITION: absolute;
  BOTTOM: 3vw;
  LEFT: 3vw;
  HEIGHT: 35vmin;
}

/* line 117, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .balloons {
  DISPLAY: flex;
  ALIGN-ITEMS: top;
  JUSTIFY-CONTENT: center;
  FONT-SIZE: clamp(0.5rem, 2.5vmin, 3rem);
  MARGIN: 0 auto;
}

/* line 125, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .balloon_left,
.digital_panel_2 .balloon_right {
  COLOR: #08918c;
  TEXT-TRANSFORM: uppercase;
  MARGIN: 1em;
  PADDING: 2em;
  WIDTH: clamp(5em, 15em, 80vmin);
}

/* line 134, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .balloon_left .emphasis,
.digital_panel_2 .balloon_right .emphasis {
  COLOR: white;
}

/* line 139, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .balloon_left {
  BACKGROUND-IMAGE: url(/assets/text_balloon_left-ef226ba62bc7cdae85d6ddddd64530c371a44f02ba209da2505cca6bae04b949.png);
  BACKGROUND-POSITION: top left;
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-SIZE: contain;
}

/* line 146, app/assets/stylesheets/components/_digital.scss */
.digital_panel_2 .balloon_right {
  BACKGROUND-IMAGE: url(/assets/text_balloon_right-5a2b3de9cc118f6941d9bbcb32edd96db119545fdbe4009c930c77cdf9939a3a.png);
  BACKGROUND-REPEAT: no-repeat;
  BACKGROUND-SIZE: contain;
  MARGIN-TOP: 5em;
  PADDING: 3em 2em;
}

/* line 154, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 {
  POSITION: relative;
  HEIGHT: 100vmin;
  MARGIN: 0 auto;
}

/* line 160, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 P.list {
  TEXT-ALIGN: left;
}

/* line 164, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .header {
  HEIGHT: 15vmin;
  MARGIN: 0 0 1em 0;
}

/* line 169, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options {
  DISPLAY: flex;
  ALIGN-ITEMS: center;
  JUSTIFY-CONTENT: center;
  MARGIN: 0 auto;
  PADDING-TOP: 0;
}

/* line 177, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .unavailable {
  COLOR: white;
}

/* line 181, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_1,
.digital_panel_3 .price_options .price_option_3 {
  FLEX-GROW: 1;
  FLEX-SHRINK: 1;
  MARGIN: 3em 3em 0 3em;
}

/* line 188, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_2 {
  FLEX-GROW: 2;
  FLEX-BASIS: 13em;
}

/* line 193, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_2 H1 {
  COLOR: #08918c;
  FONT-SIZE: 1em;
  MARGIN: 0;
}

/* line 199, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_2 .price_info {
  MARGIN: 1em 3em;
}

/* line 203, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_1 .price,
.digital_panel_3 .price_options .price_option_2 .price_info .price,
.digital_panel_3 .price_options .price_option_3 .price {
  POSITION: relative;
  TOP: 0.2em;
  FONT-SIZE: 300%;
}

/* line 211, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_1,
.digital_panel_3 .price_options .price_option_2 .price_info,
.digital_panel_3 .price_options .price_option_3 {
  BACKGROUND-COLOR: #9cce6d;
  BORDER: solid 2px #08918c;
  BORDER-RADIUS: 1em;
  COLOR: black;
  FONT-SIZE: clamp(0.5rem, 1.7vw, 1.2rem);
  PADDING: 1em;
}

/* line 222, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .price_options .price_option_1 H1,
.digital_panel_3 .price_options .price_option_2 .price_info H1,
.digital_panel_3 .price_options .price_option_3 H1 {
  BORDER-BOTTOM: solid 1px black;
  COLOR: black;
  FONT-FAMILY: "Prompt", sans-serif;
  FONT-SIZE: 1em;
  TEXT-TRANSFORM: uppercase;
}

/* line 232, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .start {
  DISPLAY: inline-block;
  BACKGROUND-COLOR: white;
  BORDER: solid 1px black;
  BORDER-RADIUS: 2em;
  COLOR: #08918c;
  MARGIN: 1em;
  PADDING: 1em 2em;
  TEXT-TRANSFORM: uppercase;
}

/* line 243, app/assets/stylesheets/components/_digital.scss */
.digital_panel_3 .logo {
  POSITION: absolute;
  BOTTOM: -9vmin;
  LEFT: 1em;
  HEIGHT: 18vmin;
  Z-INDEX: 1;
}

/* line 251, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 {
  POSITION: relative;
  BACKGROUND-IMAGE: url(/assets/background_4-5c4bc6812ca3db27bbfa39f4bd56effe159253d152b5b15995408fc76fafb166.png);
  BACKGROUND-SIZE: cover;
  HEIGHT: 85vmin;
  PADDING: 10% 0 0 0;
  MARGIN: 0 auto;
}

/* line 260, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 .elements {
  DISPLAY: grid;
  GRID-TEMPLATE-COLUMNS: auto auto auto auto;
  JUSTIFY-CONTENT: center;
}

/* line 266, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 .elements .bubble {
  BACKGROUND-COLOR: #50b649;
  BORDER-RADIUS: 2em;
  COLOR: white;
  FONT-SIZE: clamp(0.4rem, 1.6vmin, 1.2rem);
  MARGIN: 1em;
  PADDING: 1em;
  TEXT-ALIGN: left;
  WIDTH: clamp(10em, 35vmin, 20em);
}

/* line 277, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 .elements .bubble P {
  TEXT-ALIGN: left;
}

/* line 281, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 .elements .icon {
  ALIGN-SELF: center;
  MARGIN: 0.5em 0 0.5em 1em;
  PADDING: 0;
}

/* line 287, app/assets/stylesheets/components/_digital.scss */
.digital_panel_4 .elements .icon IMG {
  WIDTH: 5vmin;
}

/* line 29, app/assets/stylesheets/core.scss */
BODY {
  BACKGROUND-COLOR: white;
  COLOR: black;
  FONT-FAMILY: "Scada", sans-serif;
  FONT-SIZE: calc( 14px + 0.2vw);
  MARGIN: 0;
  PADDING: 0;
}

/* line 38, app/assets/stylesheets/core.scss */
BODY A {
  COLOR: #097b79;
  TEXT-DECORATION: none;
}

/* line 43, app/assets/stylesheets/core.scss */
BODY A:hover {
  TEXT-DECORATION: underline;
}

/* line 47, app/assets/stylesheets/core.scss */
BODY H1 {
  COLOR: #50b649;
  FONT-FAMILY: "Courgette", cursive;
  FONT-SIZE: 250%;
  TEXT-ALIGN: center;
}

/* line 54, app/assets/stylesheets/core.scss */
BODY H2,
BODY H3 {
  MARGIN: 1.2em 0 0.3em 0;
}

/* line 59, app/assets/stylesheets/core.scss */
BODY IMG {
  BORDER: none;
}

/* line 63, app/assets/stylesheets/core.scss */
BODY INPUT {
  MAX-WIDTH: 70vw;
}

/* line 67, app/assets/stylesheets/core.scss */
BODY INPUT[type="submit"] {
  BACKGROUND-COLOR: #097b79;
  COLOR: white;
}

/* line 72, app/assets/stylesheets/core.scss */
BODY INPUT.icon[type="submit"] {
  BACKGROUND-COLOR: transparent;
  BORDER: none;
  COLOR: #097b79;
}

/* line 78, app/assets/stylesheets/core.scss */
BODY INPUT,
BODY SELECT,
BODY TEXTAREA {
  BORDER-RADIUS: 0.3em;
  BORDER: solid 1px #626364;
  FONT-FAMILY: "Scada", sans-serif;
  PADDING: 0.2em;
}

/* line 87, app/assets/stylesheets/core.scss */
BODY *[disabled] {
  OPACITY: 0.5;
}

/* line 91, app/assets/stylesheets/core.scss */
BODY OPTGROUP {
  FONT-FAMILY: "Scada", sans-serif;
  FONT-STYLE: normal;
}

/* line 96, app/assets/stylesheets/core.scss */
BODY P {
  TEXT-ALIGN: center;
}

/* line 100, app/assets/stylesheets/core.scss */
BODY TABLE {
  BORDER-COLLAPSE: collapse;
  MARGIN: 0.5em 2em 0.5em 0.5em;
}

/* line 105, app/assets/stylesheets/core.scss */
BODY TFOOT {
  BORDER-TOP: solid 1px #3e5a20;
}

/* line 109, app/assets/stylesheets/core.scss */
BODY THEAD {
  BORDER-BOTTOM: solid 2px #3e5a20;
}

/* line 113, app/assets/stylesheets/core.scss */
BODY TR {
  VERTICAL-ALIGN: bottom;
}

/* line 117, app/assets/stylesheets/core.scss */
BODY TD,
BODY TH {
  PADDING: 2px 4px;
}

/* line 122, app/assets/stylesheets/core.scss */
BODY .button_to,
BODY .button_to DIV {
  DISPLAY: inline;
}

/* line 127, app/assets/stylesheets/core.scss */
BODY .contact_parent {
  FONT-WEIGHT: 600;
}

/* line 131, app/assets/stylesheets/core.scss */
BODY .date,
BODY .numeric,
BODY .text {
  COLOR: black;
}

/* line 137, app/assets/stylesheets/core.scss */
BODY .action,
BODY .date {
  TEXT-ALIGN: center;
}

/* line 142, app/assets/stylesheets/core.scss */
BODY .justify {
  TEXT-ALIGN: justify;
}

/* line 146, app/assets/stylesheets/core.scss */
BODY .numeric {
  TEXT-ALIGN: right;
}

/* line 150, app/assets/stylesheets/core.scss */
BODY .text {
  TEXT-ALIGN: left;
}

/* line 154, app/assets/stylesheets/core.scss */
BODY.fineprint {
  FONT-SIZE: 77%;
}

/* line 158, app/assets/stylesheets/core.scss */
BODY .form .label {
  TEXT-ALIGN: right;
}

/* line 162, app/assets/stylesheets/core.scss */
BODY .form .field {
  TEXT-ALIGN: left;
}

/* line 166, app/assets/stylesheets/core.scss */
BODY .form TR {
  VERTICAL-ALIGN: top;
}

/* line 170, app/assets/stylesheets/core.scss */
BODY .subtotal {
  BORDER-TOP: solid 2px black;
}

/* line 174, app/assets/stylesheets/core.scss */
BODY .total {
  BORDER-BOTTOM: double 5px black;
  BORDER-TOP: solid 2px black;
}

/* line 179, app/assets/stylesheets/core.scss */
#close_link {
  POSITION: relative;
  FLOAT: right;
  RIGHT: 0.05em;
  FONT-FAMILY: "fontello";
  DISPLAY: block;
}

/* line 187, app/assets/stylesheets/core.scss */
#content_details {
  BACKGROUND-COLOR: #cae3b0;
  BORDER: 2px solid black;
  FONT-SIZE: smaller;
  PADDING: 2em;
  TEXT-ALIGN: center;
}

/* line 195, app/assets/stylesheets/core.scss */
#content_details IMG {
  DISPLAY: inline-block;
}

/* line 199, app/assets/stylesheets/core.scss */
#content_details TABLE {
  DISPLAY: inline-block;
  VERTICAL-ALIGN: top;
}

/* line 204, app/assets/stylesheets/core.scss */
#content_details P {
  FONT-STYLE: italic;
  FONT-WEIGHT: 600;
}

/* line 209, app/assets/stylesheets/core.scss */
#content_details_container {
  POSITION: fixed;
  LEFT: 50%;
  TOP: 30%;
  Z-INDEX: 7;
  MAX-HEIGHT: 65vh;
  OVERFLOW-Y: auto;
  TRANSFORM: translate(-50%);
  WIDTH: 75vw;
}

/* line 220, app/assets/stylesheets/core.scss */
#content_panel.catalogue_width {
  PADDING: 210px 5px 3em 85px;
}

/* line 224, app/assets/stylesheets/core.scss */
#content_panel.full_width {
  PADDING: 220px 5px 3em 5px;
}

/* line 228, app/assets/stylesheets/core.scss */
#content_panel.standard_width {
  PADDING: 130px 5px 226px 317px;
}

/* line 232, app/assets/stylesheets/core.scss */
#custom_stamp {
  FLOAT: right;
  BORDER: 2px solid #50b649;
  BORDER-RADIUS: 2px;
  COLOR: #50b649;
  FONT-SIZE: 70%;
  FONT-WEIGHT: 600;
  MARGIN: -0.2em 0 -0.2em 0.5em;
  PADDING: 0.3em;
  TRANSFORM: rotate(2deg);
}

/* line 244, app/assets/stylesheets/core.scss */
#product_style_container {
  POSITION: absolute;
  TOP: 400px;
  RIGHT: 50px;
  WIDTH: 50%;
  Z-INDEX: 10;
}

/* line 252, app/assets/stylesheets/core.scss */
#product_style_info {
  BACKGROUND-COLOR: #e8f7f0;
  BOX-SHADOW: -1px -1px 5px black;
  BORDER: solid 8px white;
  COLOR: #7acba7;
  PADDING: 2em;
  TEXT-ALIGN: left;
}

/* line 261, app/assets/stylesheets/core.scss */
#product_style_info P {
  TEXT-ALIGN: left;
}

/* line 265, app/assets/stylesheets/core.scss */
#search {
  POSITION: absolute;
  BOTTOM: 25%;
  MARGIN-BOTTOM: 0.2em;
  RIGHT: 0.5em;
  Z-INDEX: 5;
}

/* line 273, app/assets/stylesheets/core.scss */
.browse {
  BACKGROUND-COLOR: #cae3b0;
  PADDING: 0.5em;
  DISPLAY: inline-table;
  MARGIN: 1em;
  TEXT-ALIGN: left;
}

/* line 281, app/assets/stylesheets/core.scss */
.current {
  BORDER: solid 1px black;
}

/* line 285, app/assets/stylesheets/core.scss */
.browse .selected {
  BORDER: solid 2px #164b47;
}

/* line 289, app/assets/stylesheets/core.scss */
.icon {
  FONT-FAMILY: "fontello";
}

/* line 293, app/assets/stylesheets/core.scss */
.order {
  POSITION: relative;
  BACKGROUND-COLOR: #cae3b0;
  BOX-SHADOW: -1px -1px 5px black;
  -moz-box-shadow: -1px -1x 5px black;
  -webkit-box-shadow: -1px -1px 5px black;
  BORDER: solid 8px white;
  COLOR: #3e5a20;
  DISPLAY: inline-block;
  MARGIN: 10px;
  MIN-WIDTH: 50em;
  PADDING: 2em;
}

/* line 307, app/assets/stylesheets/core.scss */
.order .header TH {
  TEXT-ALIGN: right;
}

/* line 311, app/assets/stylesheets/core.scss */
.order .header TR {
  VERTICAL-ALIGN: top;
}

/* line 315, app/assets/stylesheets/core.scss */
.order .label {
  COLOR: #3e5a20;
}

/* line 319, app/assets/stylesheets/core.scss */
.order H1 {
  COLOR: #3e5a20;
}

/* line 323, app/assets/stylesheets/core.scss */
.replacement_tag {
  BACKGROUND-COLOR: #fffac2;
  FONT-SIZE: smaller;
}

/* line 328, app/assets/stylesheets/core.scss */
INPUT.right {
  TEXT-ALIGN: right;
}

/* line 332, app/assets/stylesheets/core.scss */
TABLE.announcements {
  BORDER-COLLAPSE: collapse;
}

/* line 336, app/assets/stylesheets/core.scss */
TABLE.announcements THEAD {
  BORDER-BOTTOM: solid 2px black;
}

/* line 340, app/assets/stylesheets/core.scss */
TABLE.announcements TD,
TABLE.announcements TH {
  PADDING: 0 0.3em;
}

/* line 345, app/assets/stylesheets/core.scss */
TABLE.announcements TD {
  BORDER-BOTTOM: dotted 1px black;
}

/* line 349, app/assets/stylesheets/core.scss */
TABLE.cart TFOOT > TR,
TABLE.cart THEAD > TR {
  BORDER-BOTTOM: none;
}

/* line 354, app/assets/stylesheets/core.scss */
TABLE.cart TR {
  BORDER-BOTTOM: dotted 1px #3e5a20;
  VERTICAL-ALIGN: top;
}

/* line 359, app/assets/stylesheets/core.scss */
TABLE.results COL:nth-child(even) {
  BACKGROUND-COLOR: #ebebeb;
}

/* line 363, app/assets/stylesheets/core.scss */
TABLE.results TR {
  BORDER-BOTTOM: dotted 1px black;
  VERTICAL-ALIGN: top;
}

/* line 368, app/assets/stylesheets/core.scss */
TABLE.results THEAD {
  --header_sticky: clamp(-30vw, -11rem, -17vh);
  --header_height: clamp(calc(5.3em / 0.25), 30vh, 50vw);
  POSITION: -webkit-sticky;
  POSITION: sticky;
  TOP: calc((var(--header_height) + var(--header_sticky)) * 0.62);
  BACKGROUND-COLOR: white;
  BOX-SHADOW: inset 0 2px 0 black, inset 0 -2px 0 black;
}

/* line 378, app/assets/stylesheets/core.scss */
TR.lotsize {
  BACKGROUND-COLOR: #e3b0b0;
  BORDER: 2px solid #6d2727;
}

/* line 383, app/assets/stylesheets/core.scss */
TD > H2:first-child,
TD > H3:first-child,
TH > H2:first-child,
TH > H3:first-child {
  MARGIN-TOP: 0;
}
/* line 1, app/assets/stylesheets/components/_content.scss */
#content {
  POSITION: relative;
  MARGIN: 1em auto 0 auto;
  MIN-HEIGHT: 39.2vh;
  PADDING: 0;
  TEXT-ALIGN: center;
}

/* line 9, app/assets/stylesheets/components/_content.scss */
#content TABLE {
  DISPLAY: inline-table;
}

/*# sourceMappingURL=application.css-33ba336d94a2c2e381e22d0b7fa396349af74795d9f76f009394cbfe512e1be6.map */