/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* --------------- between screen animation --------------*/
.slide-animate-container {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

.stand-alone-app .slide-animate-container {
  min-height: calc(100% - 20px);
  height: calc(100% - 20px);
  margin-top: 20px;
}

.slide-animate {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

.slide-animate.ng-enter, .slide-animate.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 0;
}

.slide-animate.ng-enter {
  left: 100%;
}

.slide-animate.ng-enter-active {
  left: 0;
}

.slide-animate.ng-leave {
  left: 0;
}

.slide-animate.ng-leave-active {
  left: -100%;
  width: 100%;
}

/* --- backward */
.backward-slide-animate-container {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

.backward-slide-animate {
  position: relative;
  min-width: 100%;
  min-height: 100%;
  height: 100%;
}

.backward-slide-animate.ng-enter, .backward-slide-animate.ng-leave {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 0;
}

.backward-slide-animate.ng-enter {
  left: -100%;
  width: 100%;
}

.backward-slide-animate.ng-enter-active {
  left: 0;
  width: 100%;
}

.backward-slide-animate.ng-leave {
  left: 0;
  width: 100%;
}

.backward-slide-animate.ng-leave-active {
  left: 100%;
  width: 100%;
}

.side-menu {
  position: absolute;
  width: 100%;
  top: 0;
  left: 100%;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.9);
  height: 100%;
  box-sizing: border-box;
  color: white;
}

.side-menu a {
  color: white;
  text-decoration: none;
}
.side-menu a.disabled {
  opacity: 0.5;
}

.side-menu > .actions {
  list-style: none;
  padding: 0;
  margin: 0 0 0 25%;
  box-sizing: border-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 90%;
  width: 75%;
  background: #01305c;
  text-transform: uppercase;
}

.stand-alone-app .side-menu > .actions {
  margin-top: calc(10vh - 2px);
}

.side-menu > .actions > li {
  padding: 0 0 0 12vw;
  -webkit-box-flex: 3;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 3;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 3;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
}
.side-menu > .actions > li.action {
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 2;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 2;
  background: #02407a;
  font-size: 14px;
  font-size: 1.4rem;
}
.side-menu > .actions > li.action a {
  color: white;
}
.side-menu > .actions > li.step {
  font-size: 4.5vw;
  margin-left: 6vw;
  padding-left: 6vw;
  border-bottom: 1px solid #02407a;
  margin-top: -1px;
}
.side-menu > .actions > li.step.active {
  margin-left: 0;
  border-left: solid 6vw #02407a;
}

.side-menu > .actions > li > a {
  padding: 0;
  -webkit-box-flex: 1;
  flex: 1;
  display: block;
}

.settings-panel {
  position: absolute;
  width: 100%;
  top: 0;
  left: 150%;
  z-index: 1000;
  height: 100%;
  box-sizing: border-box;
}

.inactive {
  color: #666666;
}

.menu_ico_container,
.close_nav {
  position: absolute;
  z-index: 5;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 7%;
  height: 44%;
  padding: 0;
  background-size: contain;
  margin-top: -1px;
}
.layout-eur .menu_ico_container,
.layout-eur .close_nav {
  right: 17px;
  top: 48%;
  width: 27px;
}

.close_nav {
  height: 42%;
}
.close_nav img {
  height: 100%;
  width: auto;
  display: block;
}

.menu-icon {
  width: 100%;
  height: 0;
  padding-bottom: 3px;
  background: black;
  position: relative;
  top: 50%;
}
.menu-icon:before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  bottom: 300%;
  left: 0;
}
.menu-icon:after {
  position: absolute;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: black;
  top: 300%;
  left: 0;
}

.tutorial-container > .intro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.tutorial-container .button {
  border: white 2px solid;
  text-transform: uppercase;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  width: 60%;
  margin: 1em auto;
  padding: 0.7em 1.2em;
}
.tutorial-container .button.white {
  background: white;
  color: #01305c;
}
.tutorial-container .arrow, .tutorial-container .arrow-ene, .tutorial-container .arrow-ss, .tutorial-container .arrow-wnw, .tutorial-container .arrow-sse, .tutorial-container .arrow-ssw, .tutorial-container .arrow-nn, .tutorial-container .arrow-nne, .tutorial-container .arrow-nnw {
  z-index: 102;
}
.tutorial-container .arrow-nnw {
  background: url(../img/tutorial/arrow_NNW.png) 0 0 no-repeat;
  background-size: 30px;
  padding-left: 40px;
  padding-top: calc(68px - .5em);
  top: 50%;
  left: 20%;
  width: calc(80% - 60px);
}
.tutorial-container .arrow-nne {
  background: url(../img/tutorial/arrow_NNE.png) 100% 0 no-repeat;
  background-size: 30px;
  padding-right: 40px;
  padding-top: calc(68px - .5em);
  top: 50%;
  right: 20%;
  width: calc(80% - 60px);
  text-align: right;
}
.tutorial-container .arrow-nn {
  background: url(../img/tutorial/arrow_NNE.png) 50% 0 no-repeat;
  background-size: 30px;
  padding-top: calc(68px + .5em);
  top: 50%;
  left: 10%;
  width: 80%;
  text-align: center;
}
.tutorial-container .arrow-ssw {
  background: url(../img/tutorial/arrow_SSW.png) 0 100% no-repeat;
  background-size: 44px;
  padding-left: 54px;
  padding-bottom: 59px;
  bottom: 50%;
  left: 20%;
  width: 50%;
}
.tutorial-container .arrow-sse {
  background: url(../img/tutorial/arrow_SSE.png) 100% 100% no-repeat;
  background-size: 23px;
  padding-right: 33px;
  padding-bottom: calc(68px - .5em);
  bottom: 50%;
  right: 20%;
  width: 50%;
  text-align: right;
}
.tutorial-container .arrow-wnw {
  background: url(../img/tutorial/arrow_WNW.png) 0 0 no-repeat;
  background-size: 58px;
  padding-left: 68px;
  padding-top: calc(43px - 1em);
  top: 50%;
  left: 20%;
  width: 50%;
}
.tutorial-container .arrow-ss {
  background: url(../img/tutorial/arrow_SSE.png) 50% 100% no-repeat;
  background-size: 23px;
  padding-bottom: calc(68px + .5em);
  bottom: 50%;
  left: 20%;
  width: 50%;
  text-align: center;
}
.tutorial-container .arrow-ene {
  background: url(../img/tutorial/arrow_ENE.png) 100% 0 no-repeat;
  background-size: 68px;
  padding-right: calc(68px + .5em);
  padding-top: 0.3em;
  top: 50%;
  right: 20%;
  width: 50%;
  text-align: right;
}

::-webkit-scrollbar {
  display: none;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body, html, #app-window {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  font-family: Source, sans-serif;
  line-height: 1.3;
}

html {
  font-size: 10px;
  -webkit-touch-callout: none;
  /* Disables long-touch menu */
  -webkit-user-select: none;
  /* Disable text selection (for Webkit) */
  user-select: none;
  /* Disable text selection (standard syntax) */
}
html input, html textarea {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  user-select: text;
}
html.stand-alone-app body:after {
  display: none;
}
html.stand-alone-app .title_bar,
html.stand-alone-app #title_bar {
  padding-left: 16px;
}
html.stand-alone-app .slide-animate-container {
  height: 100%;
  min-height: 100%;
  margin-top: 0;
}
html.stand-alone-app .side-menu > .actions {
  margin-top: 0;
}
html.stand-alone-app .overlay .overlay_bkg .scrollable .disclousure_h1,
html.stand-alone-app .overlay .overlay_bkg .scrollable_disclousure .disclousure_h1 {
  padding-left: 16px;
}

body {
  font-size: 13px;
  font-size: 1.3rem;
}
body.tutorial:after {
  opacity: 0;
}
body.night-mode:after {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #app-settings .close_nav {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #app-settings #settings_screen_container {
  color: #fff;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div {
  border-color: #333;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div.language_option > div:before, body.night-mode #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:before {
  background: #333;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div.language_option > div:after, body.night-mode #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:after {
  background: #fff;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div .right_cell i.fa {
  color: #fff;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg {
  background: #333;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg:after {
  background: #000;
}
body.night-mode #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
  background: #fff;
}
body.night-mode .start_button {
  color: #fff;
}
body.night-mode .close_nav,
body.night-mode .main_menu_item {
  border-color: #333;
}
body.night-mode .title_bar,
body.night-mode #title_bar {
  color: #fff;
}
body.night-mode .header,
body.night-mode .top_summary {
  background: #fff;
  color: #000;
}
body.night-mode .header > div,
body.night-mode .top_summary > div {
  color: #000;
}
body.night-mode .menu_ico_container .menu-icon {
  background: #fff;
}
body.night-mode .menu_ico_container .menu-icon:before, body.night-mode .menu_ico_container .menu-icon:after {
  background: #fff;
}
body.night-mode .side-menu .actions > li {
  background: #000;
  border-top: 1px solid #333;
}
body.night-mode .side-menu .actions > li.bottom_options li > a {
  color: #fff;
}
body.night-mode .side-menu .actions > li.bottom_options li > a img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode .side-menu .actions > li .close_nav {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode .side-menu .actions > li > a {
  color: #fff;
}
body.night-mode .side-menu .night-mode .switch:after {
  background: #000;
  bottom: 19px;
}
body.night-mode .footer {
  background: #000;
  border-top: 1px solid #333;
  color: #fff;
}
body.night-mode .footer .arrow_left_container img,
body.night-mode .footer .arrow_right_container img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #choose-category {
  background-color: #000;
  color: #fff;
}
body.night-mode #choose-category .container {
  overflow-y: auto;
}
body.night-mode #choose-category .category-icon {
  background: #fff;
  color: #000;
}
body.night-mode #choose-products {
  background-color: #000;
  color: #fff;
}
body.night-mode #choose-products #lead-text {
  color: #fff;
}
body.night-mode #choose-products .submenu {
  background: #fff;
  border-bottom: 5px solid #000;
}
body.night-mode #choose-products .submenu .submenu-button .category-icon {
  background: #000;
  border: 0.65rem solid #fff;
  color: #000;
}
body.night-mode #choose-products .submenu .submenu-button .category-icon img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #choose-products .submenu .submenu-button.selected {
  border: 5px solid #000;
}
body.night-mode #choose-products .product-group .item {
  border-color: #333;
}
body.night-mode #choose-products .product_image .product_fav_icon {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #choose-products .product-qty-widget .qty-button {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #choose-products .product-qty-widget .qty-input-wrapper input[type=text] {
  background: #000;
  color: #fff;
}
body.night-mode #choose-products .product-details-popup .packaging_and_per_use {
  border-color: #333;
}
body.night-mode #container {
  background: #000;
}
body.night-mode #container #screen_container .summary {
  background: #fff;
}
body.night-mode #container #screen_container .summary .title,
body.night-mode #container #screen_container .summary .amount {
  color: #000;
}
body.night-mode #container #screen_container .summary.white {
  background: #000 !important;
}
body.night-mode #container #screen_container .summary.white .title,
body.night-mode #container #screen_container .summary.white .amount {
  color: #fff;
}
body.night-mode #container #screen_container .adjusts_container .text_question {
  color: #fff;
}
body.night-mode #container #screen_container .adjusts_container .m_dailyPV {
  color: #fff;
}
body.night-mode #container #screen_container .adjusts_container .duplicators .detailed_view_button {
  color: #fff;
}
body.night-mode #container #screen_container .adjusts_container .disclaimer {
  background: #000;
  color: #fff;
  z-index: 1;
}
body.night-mode #container #screen_container .adjusts_container .disclaimer .expand_button {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #container #screen_container .adjusts_container .num_chooser_widget .chooser_arrow {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode #container #screen_container .adjusts_container .num_chooser_widget .num_chooser_row {
  background: #fff;
}
body.night-mode #container #screen_container .summary_table .body {
  color: #fff;
}
body.night-mode #container #screen_container .final_summary_table .summary_list {
  color: #fff;
}
body.night-mode #container #screen_container .final_summary_table .summary_list .wrapper {
  border-color: #333;
}
body.night-mode #container #screen_container .final_summary_table .summary_list .wrapper .basic_info .label img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode .overlay {
  background: #000;
  color: #fff;
}
body.night-mode .overlay .overlay_bkg .scrollable .root .you,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .root .you {
  background: #fff;
}
body.night-mode .overlay .overlay_bkg .scrollable .root .you:after,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .root .you:after {
  background: #333;
}
body.night-mode .overlay .overlay_bkg .scrollable .root .data .row,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .root .data .row {
  border-color: #333;
}
body.night-mode .overlay .overlay_bkg .scrollable .header,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .header {
  color: #000;
}
body.night-mode .overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:before, body.night-mode .overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:after,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:before,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:after {
  background: #333;
}
body.night-mode .overlay .overlay_bkg .scrollable .diagram .users_table,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .users_table {
  border-color: #333;
}
body.night-mode .overlay .overlay_bkg .scrollable .diagram .users_table:before, body.night-mode .overlay .overlay_bkg .scrollable .diagram .users_table:after,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:before,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:after {
  background: #000;
  border-color: #333;
}
body.night-mode .overlay .overlay_bkg .scrollable .diagram .users_table tbody tr i.customer,
body.night-mode .overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr i.customer {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}
body.night-mode .btn {
  background: #fff;
  color: #000;
}

.slide {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.slide .slide-body {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

.title_bar,
#title_bar {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  min-height: 48px;
  padding: 0 58px 0 48px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}
.layout-eur .title_bar,
.layout-eur #title_bar {
  background: white;
}

.container {
  padding: 0 40px;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.main_menu {
  width: 100%;
  margin: 2em 0 0 0;
}

.main_menu_item {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 600;
  padding: 0.65em 0;
  border-bottom: solid 1px black;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.main_menu_item .category-icon {
  margin: -0.17em 0;
}
.main_menu_item:nth-child(1) .category-icon {
  background: #b1dbbb;
}
.theme-blue .main_menu_item:nth-child(1) .category-icon {
  background: #c5eaee;
}

.theme-orange .main_menu_item:nth-child(1) .category-icon {
  background: #f9ab8d;
}

.theme-yellow .main_menu_item:nth-child(1) .category-icon {
  background: #fdce70;
}

.main_menu_item:nth-child(2) .category-icon {
  background: #caf0d3;
}
.theme-blue .main_menu_item:nth-child(2) .category-icon {
  background: #cdeef2;
}

.theme-orange .main_menu_item:nth-child(2) .category-icon {
  background: #fabaa1;
}

.theme-yellow .main_menu_item:nth-child(2) .category-icon {
  background: #fdd78b;
}

.main_menu_item:nth-child(3) .category-icon {
  background: #d5f7dd;
}
.theme-blue .main_menu_item:nth-child(3) .category-icon {
  background: #d5f2f6;
}

.theme-orange .main_menu_item:nth-child(3) .category-icon {
  background: #fbc9b6;
}

.theme-yellow .main_menu_item:nth-child(3) .category-icon {
  background: #fde0a6;
}

.main_menu_item:nth-child(4) .category-icon {
  background: #dbfae3;
}
.theme-blue .main_menu_item:nth-child(4) .category-icon {
  background: #dcf6f9;
}

.theme-orange .main_menu_item:nth-child(4) .category-icon {
  background: #fbd7ca;
}

.theme-yellow .main_menu_item:nth-child(4) .category-icon {
  background: #fce8c0;
}

.main_menu_item:nth-child(1n+5) .category-icon {
  background: #e9ffee;
}
.theme-blue .main_menu_item:nth-child(1n+5) .category-icon {
  background: #e4fafd;
}

.theme-orange .main_menu_item:nth-child(1n+5) .category-icon {
  background: #fce6de;
}

.theme-yellow .main_menu_item:nth-child(1n+5) .category-icon {
  background: #fcf1db;
}

.start_button_wrapper {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
}

.start_button {
  background: black;
  border-radius: 1.25em;
  padding: 0.5em 3.3em;
  color: #b1dbbb;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  display: table;
  margin: 2em auto;
}
.theme-blue .start_button {
  color: #c5eaee;
}

.theme-orange .start_button {
  color: #f9ab8d;
}

.theme-yellow .start_button {
  color: #fdce70;
}

.category-icon {
  font-size: 1.8rem;
  width: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 50%;
}
.category-icon img {
  width: 55%;
  max-height: 65%;
  height: auto;
  display: block;
}

.grid-table {
  text-align: center;
}
.grid-table td, .grid-table th {
  padding: 0 1em 0 0;
}
.grid-table th {
  font-weight: bold;
  border-bottom: solid 1px;
}

#choose-category .title, #splash-screen .title {
  line-height: 0.8;
  font-weight: 900;
  -webkit-font-smoothing: subpixel-antialiased;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
}

#splash-screen {
  background: url("../img/cover-new.png") 50% 50% no-repeat;
  background-size: cover;
}
.theme-blue #splash-screen {
  background-image: url("../img/cover-blue.jpg");
}

.theme-blue.layout-us #splash-screen {
  background-image: url("../img/covers-us/cover-us-blue.jpg");
}

.theme-blue.layout-eur #splash-screen {
  background-image: url("../img/covers-eu/cover-eu-01-blue.jpg");
}
.theme-blue.layout-eur #splash-screen.cover-02 {
  background-image: url("../img/covers-eu/cover-eu-02-blue.jpg");
}
.theme-blue.layout-eur #splash-screen.cover-03 {
  background-image: url("../img/covers-eu/cover-eu-03-blue.jpg");
}
.theme-blue.layout-eur #splash-screen.cover-04 {
  background-image: url("../img/covers-eu/cover-eu-04-blue.jpg");
}

.theme-green #splash-screen {
  background-image: url("../img/cover-green.jpg");
}

.theme-green.layout-us #splash-screen {
  background-image: url("../img/covers-us/cover-us-green.jpg");
}

.theme-green.layout-eur #splash-screen {
  background-image: url("../img/covers-eu/cover-eu-01-green.jpg");
}
.theme-green.layout-eur #splash-screen.cover-02 {
  background-image: url("../img/covers-eu/cover-eu-02-green.jpg");
}
.theme-green.layout-eur #splash-screen.cover-03 {
  background-image: url("../img/covers-eu/cover-eu-03-green.jpg");
}
.theme-green.layout-eur #splash-screen.cover-04 {
  background-image: url("../img/covers-eu/cover-eu-04-green.jpg");
}

.theme-orange #splash-screen {
  background-image: url("../img/cover-orange.jpg");
}

.theme-orange.layout-us #splash-screen {
  background-image: url("../img/covers-us/cover-us-orange.jpg");
}

.theme-orange.layout-eur #splash-screen {
  background-image: url("../img/covers-eu/cover-eu-01-orange.jpg");
}
.theme-orange.layout-eur #splash-screen.cover-02 {
  background-image: url("../img/covers-eu/cover-eu-02-orange.jpg");
}
.theme-orange.layout-eur #splash-screen.cover-03 {
  background-image: url("../img/covers-eu/cover-eu-03-orange.jpg");
}
.theme-orange.layout-eur #splash-screen.cover-04 {
  background-image: url("../img/covers-eu/cover-eu-04-orange.jpg");
}

.theme-yellow #splash-screen {
  background-image: url("../img/cover-yellow.jpg");
}

.theme-yellow.layout-us #splash-screen {
  background-image: url("../img/covers-us/cover-us-yellow.jpg");
}

.theme-yellow.layout-eur #splash-screen {
  background-image: url("../img/covers-eu/cover-eu-01-yellow.jpg");
}
.theme-yellow.layout-eur #splash-screen.cover-02 {
  background-image: url("../img/covers-eu/cover-eu-02-yellow.jpg");
}
.theme-yellow.layout-eur #splash-screen.cover-03 {
  background-image: url("../img/covers-eu/cover-eu-03-yellow.jpg");
}
.theme-yellow.layout-eur #splash-screen.cover-04 {
  background-image: url("../img/covers-eu/cover-eu-04-yellow.jpg");
}

#splash-screen #gradient-video {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
#splash-screen .title {
  font-size: 70px;
  font-size: 18.6vw;
}
#splash-screen .container {
  z-index: 1;
}
#splash-screen .bottom-part {
  min-height: 50%;
  min-height: calc(50% - 24px);
  min-height: calc(50vh - 24px);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

#choose-category .bottom-part {
  min-height: 50%;
  min-height: calc(50% - 24px);
  min-height: calc(50vh - 24px);
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#choose-category .title {
  font-size: 40px;
  font-size: 12vw;
  line-height: 1;
}
.lang-th #choose-category .title {
  line-height: 1.3;
}

.lang-zh #choose-category .title {
  line-height: 1.2;
}

#choose-category .title small {
  font-size: 18px;
  font-size: 4.8vw;
  line-height: 1.3;
  margin-top: 0.8em;
}
#choose-category .main_menu {
  margin-bottom: 2em;
}

#choose-products .submenu {
  margin: 0 20px;
  height: 40px;
  background: black;
  border-radius: 25px;
  border-bottom: 5px solid #fff;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#choose-products .submenu .submenu-button.selected {
  border: solid 5px white;
  border-radius: 50%;
  margin: -5px;
  position: relative;
  z-index: 1;
}
#choose-products .submenu .submenu-button .category-icon {
  border: solid 0.65rem black;
}
#choose-products .submenu .submenu-button:nth-child(1) .category-icon {
  background: #b1dbbb;
}
.theme-blue #choose-products .submenu .submenu-button:nth-child(1) .category-icon {
  background: #c5eaee;
}

.theme-orange #choose-products .submenu .submenu-button:nth-child(1) .category-icon {
  background: #f9ab8d;
}

.theme-yellow #choose-products .submenu .submenu-button:nth-child(1) .category-icon {
  background: #fdce70;
}

#choose-products .submenu .submenu-button:nth-child(2) .category-icon {
  background: #caf0d3;
}
.theme-blue #choose-products .submenu .submenu-button:nth-child(2) .category-icon {
  background: #cdeef2;
}

.theme-orange #choose-products .submenu .submenu-button:nth-child(2) .category-icon {
  background: #fabaa1;
}

.theme-yellow #choose-products .submenu .submenu-button:nth-child(2) .category-icon {
  background: #fdd78b;
}

#choose-products .submenu .submenu-button:nth-child(3) .category-icon {
  background: #d5f7dd;
}
.theme-blue #choose-products .submenu .submenu-button:nth-child(3) .category-icon {
  background: #d5f2f6;
}

.theme-orange #choose-products .submenu .submenu-button:nth-child(3) .category-icon {
  background: #fbc9b6;
}

.theme-yellow #choose-products .submenu .submenu-button:nth-child(3) .category-icon {
  background: #fde0a6;
}

#choose-products .submenu .submenu-button:nth-child(4) .category-icon {
  background: #dbfae3;
}
.theme-blue #choose-products .submenu .submenu-button:nth-child(4) .category-icon {
  background: #dcf6f9;
}

.theme-orange #choose-products .submenu .submenu-button:nth-child(4) .category-icon {
  background: #fbd7ca;
}

.theme-yellow #choose-products .submenu .submenu-button:nth-child(4) .category-icon {
  background: #fce8c0;
}

#choose-products .submenu .submenu-button:nth-child(1n+5) .category-icon {
  background: #e9ffee;
}
.theme-blue #choose-products .submenu .submenu-button:nth-child(1n+5) .category-icon {
  background: #e4fafd;
}

.theme-orange #choose-products .submenu .submenu-button:nth-child(1n+5) .category-icon {
  background: #fce6de;
}

.theme-yellow #choose-products .submenu .submenu-button:nth-child(1n+5) .category-icon {
  background: #fcf1db;
}

#choose-products .container {
  height: 1px;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  padding: 0;
  position: relative;
}
#choose-products .container .scroll-panel {
  height: 100%;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow-y: scroll;
  padding: 0 26px;
  -webkit-overflow-scrolling: touch;
}
#choose-products .container .no-favs {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  padding: 50% 0;
}
#choose-products #lead-text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.167;
  font-weight: 900;
  color: #000101;
  text-align: center;
  margin: 13px 0 18px 0;
}
#choose-products .product-group {
  border-bottom: 1px solid black;
}
#choose-products .product-group h2 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 800;
  margin-top: -1.3em;
  margin-bottom: -1em;
  display: table;
  background: white;
  padding: 0.5em 1em 0.5em 0;
  position: relative;
  z-index: 1;
}
#choose-products .product-group .products-grid {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex-wrap: wrap;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  flex-wrap: wrap;
}
#choose-products .product-group .products-grid .item {
  width: 50%;
  border: solid 1px #2c2c2c;
  border-top: none;
  box-sizing: border-box;
  padding: 26px 0 16px 0;
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#choose-products .product-group .products-grid .item:nth-child(1), #choose-products .product-group .products-grid .item:nth-child(2) {
  padding-top: 16px;
}
#choose-products .product-group .products-grid .item:nth-child(2n+1) {
  border-left: none;
  padding-right: 16px;
}
#choose-products .product-group .products-grid .item:nth-child(2n+2) {
  border-left: none;
  border-right: none;
  padding-left: 16px;
}
#choose-products .product-group .products-grid .item:last-child, #choose-products .product-group .products-grid .item:nth-last-child(2):nth-child(2n+1) {
  border-bottom: none;
}
#choose-products .product-group .products-grid .item .product_informations {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
}
#choose-products .product-group .products-grid .item .product_image {
  height: 145px;
}
#choose-products .product-group h2 + .products-grid .item:first-child,
#choose-products .product-group h2 + .products-grid .item:nth-child(2) {
  padding-top: 3em;
}
#choose-products .product-group .products-grid .item:last-child,
#choose-products .product-group .products-grid .item:nth-last-child(2):nth-child(2n+1) {
  padding-bottom: 2em;
}
#choose-products .product-group:first-child {
  margin-top: 2em;
}
#choose-products .product-group:last-child {
  border: none;
}
#choose-products .product-qty-widget {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#choose-products .product-qty-widget .qty-button {
  background: black;
  width: 3rem;
  height: 3rem;
  display: flex;
  color: white;
  font-size: 2.5rem;
  font-weight: 200;
  border-radius: 50%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 2.5rem;
}
#choose-products .product-qty-widget .qty-button.subtract {
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  align-items: normal;
}
#choose-products .product-qty-widget .qty-button.disabled {
  opacity: 0.25;
}
#choose-products .product-qty-widget .qty-input-wrapper {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow: hidden;
}
#choose-products .product-qty-widget .qty-input-wrapper input {
  max-width: 100%;
  border: none;
  box-sizing: border-box;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  padding: 0;
}
#choose-products .product_image {
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#choose-products .product_image > img {
  max-height: 100%;
  max-width: 100%;
}
#choose-products .product_image .product_fav_icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  padding: 10px;
  margin: -20px -12px -10px -10px;
}
#choose-products .product_image .product_fav_icon img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: inline-block;
}
#choose-products .product_name {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1.7em;
}
#choose-products .product_packaging {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  text-align: center;
}
#choose-products .product_price_per_use {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 800;
  text-align: center;
  margin: 10px 0 15px 0;
  text-transform: uppercase;
}
#choose-products .product-details-popup .product_price_per_use {
  margin: 4px 0 !important;
}
#choose-products .product_price_per_unit {
  margin-top: 0.8em;
}
#choose-products .product-details-popup .scroll-panel {
  overflow-y: scroll;
  padding: 0 40px;
}
#choose-products .product-details-popup .product_image {
  height: 40%;
}
#choose-products .product-details-popup .product_image img {
  position: relative;
  z-index: 1;
}
#choose-products .product-details-popup .product_name {
  font-size: 15px;
  font-size: 1.5rem;
}
#choose-products .product-details-popup .product_price {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0.8em;
}
#choose-products .product-details-popup .product_price .thePrice {
  font-weight: 900;
}
#choose-products .product-details-popup .packaging_and_per_use {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}
#choose-products .product-details-popup .product_packaging {
  font-weight: 700;
  text-align: left;
}
#choose-products .product-details-popup .product_price_per_use {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 900;
  margin: 0.8em 0;
}
#choose-products .product-details-popup .product_price_per_use .amount {
  font-size: 25px;
  font-size: 2.5rem;
}
#choose-products .product-details-popup .product_price_per_use .label {
  text-transform: lowercase;
  margin-left: 0.75em;
  line-height: 1;
  text-align: left;
}
#choose-products .product-details-popup .full-height-panel {
  height: 100%;
  padding: 40px 0 20px 0;
  box-sizing: border-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#choose-products .product-details-popup .product-qty-widget {
  width: 50%;
  margin: 0 auto;
}
#choose-products .product-details-popup .product-qty-widget .qty-button {
  width: 4rem;
  height: 4rem;
}
#choose-products .product-details-popup .product-qty-widget .qty-button.subtract {
  line-height: 3.35rem;
}

.text-link {
  color: inherit;
  font-size: 12px;
  font-size: 1.2rem;
  text-decoration: underline;
}

.footer {
  height: 48px;
  background: #fff;
  border-top: solid 1px #2c2c2c;
  box-sizing: border-box;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
}
.footer > div {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-transform: uppercase;
}
.footer > div.arrow_left_container {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 16px;
  padding-right: 16px;
}
.footer > div.arrow_left_container img {
  margin-right: 8px;
}
.footer > div.arrow_right_container {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-left: 16px;
  padding-right: 16px;
}
.footer > div.arrow_right_container .label {
  white-space: nowrap;
}
.footer > div.arrow_right_container img {
  margin-left: 8px;
}
.footer > div img {
  height: 14.4px;
}
.footer > #bullets {
  font-size: 14px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 100%;
  display: none;
}
.overlay.width_popup, .overlay.depth_popup {
  height: calc(100% - 48px);
}

.menu_ico_container,
.close_nav {
  width: 8%;
}
.layout-eur .menu_ico_container,
.layout-eur .close_nav {
  width: 27px;
}

.title_bar .guide {
  position: absolute;
  left: 40px;
  top: 12px;
  width: 20%;
  height: 50%;
  background: url(../img/amway-logo.png) center center no-repeat;
  background-size: contain;
}
.layout-eur .title_bar .guide {
  left: 13px;
  top: 11px;
  width: 26px;
  height: 55%;
  background: url(../img/Amway_A_logo.svg) left center no-repeat;
  background-size: contain;
}

.stand-alone-app .title_bar .guide {
  width: 17%;
  left: 5%;
  top: 15px;
}

.start_button {
  font-weight: 100;
  padding-left: 2.2em;
  padding-right: 1.8em;
  text-transform: uppercase;
}
.start_button .start_arrow {
  font-size: 32px;
  line-height: 0;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

.side-menu .night-mode {
  width: 20%;
  box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}
.side-menu .night-mode .switch {
  width: 24px;
  height: 40px;
  background: #fff;
  border-radius: 24px;
  position: relative;
}
.side-menu .night-mode .switch:after {
  width: 18px;
  height: 18px;
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 3px;
  bottom: 3px;
  transition: bottom 0.2s;
}
.theme-blue .side-menu .night-mode .switch:after {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange .side-menu .night-mode .switch:after {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow .side-menu .night-mode .switch:after {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

.side-menu .night-mode .title {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 12px;
  margin-top: 10px;
}
.side-menu .night-mode .status {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 5px;
}
.side-menu > .actions {
  width: 80%;
  height: 100%;
  background: #fff;
  margin: 0 0 0 20%;
  text-transform: none;
}
.side-menu > .actions > li {
  background: #fff;
  font-weight: 100;
}
.side-menu > .actions > li:nth-child(2) {
  border-top: none;
}
.side-menu > .actions > li.close {
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 2;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 2;
  position: relative;
}
.side-menu > .actions > li.close .close_nav {
  height: 5vw;
  top: auto;
  bottom: 0;
  transform: none;
}
.side-menu > .actions > li.close img {
  height: 100%;
  margin: 0 auto;
}
.side-menu > .actions > li.step {
  border-top: 1px solid #959595;
  border-bottom: none;
  margin-left: 0;
  padding-left: 8vw;
}
.side-menu > .actions > li.step.active {
  border-left: none;
}
.side-menu > .actions > li.bottom_options {
  padding: 3vw 6vw 3vw 8vw;
  border-top: solid 1px #959595;
}
.side-menu > .actions > li.bottom_options > ul {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.side-menu > .actions > li.bottom_options > ul > li.action {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  font-weight: 600;
  text-align: center;
  margin: 0 0.2em;
}
.side-menu > .actions > li.bottom_options > ul > li.action:first-child {
  margin-left: 0;
}
.side-menu > .actions > li.bottom_options > ul > li.action:last-child {
  margin-right: 0;
}
.side-menu > .actions > li.bottom_options > ul > li.action img {
  max-height: 7vw;
  max-width: 100%;
  margin-bottom: 1vw;
}
.side-menu a {
  color: #2c2c2c;
}

.ball-tick {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  content: "";
  position: absolute;
  right: 10px;
  top: 10px;
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
}
.theme-blue .ball-tick {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange .ball-tick {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow .ball-tick {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

.ball-tick:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/tick-icon.svg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#choose-products .product-details-popup .product_name {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 18px;
  margin-top: 5px;
}
#choose-products .product-details-popup .scroll-panel {
  padding: 0 30px;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block {
  display: none;
  margin-top: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block.expanded {
  display: block;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block table {
  max-width: 100%;
  overflow: scroll;
  display: block;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block table tbody {
  display: table;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block table tbody td {
  border: solid 1px #2c2c2c;
  padding: 0.4em;
  font-size: 0.7em;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block p {
  margin-bottom: 1em;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block ul {
  padding-left: 1.5em;
  list-style: disc;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block ul + p {
  margin-top: 1em;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block iframe {
  height: auto;
  width: 100%;
  margin-bottom: 1em;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block img {
  max-width: 100%;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block h1, #choose-products .product-details-popup .scroll-panel .descriptions-block h2, #choose-products .product-details-popup .scroll-panel .descriptions-block h3, #choose-products .product-details-popup .scroll-panel .descriptions-block h4, #choose-products .product-details-popup .scroll-panel .descriptions-block h5 {
  margin: 1em 0;
  font-weight: bold;
}
#choose-products .product-details-popup .scroll-panel .descriptions-block b, #choose-products .product-details-popup .scroll-panel .descriptions-block strong {
  font-weight: bold;
}
#choose-products .product-details-popup .product-qty-widget .qty-button {
  width: 3.5rem;
  height: 3.5rem;
}

.overlay {
  z-index: 1;
}
.overlay .overlay_bkg {
  height: 100%;
}
.overlay .overlay_bkg .scrollable,
.overlay .overlay_bkg .scrollable_disclousure {
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.overlay .overlay_bkg .scrollable .popups_scrollable,
.overlay .overlay_bkg .scrollable_disclousure .popups_scrollable {
  overflow: auto;
}
.overlay .overlay_bkg .scrollable .disclousure_h1,
.overlay .overlay_bkg .scrollable_disclousure .disclousure_h1 {
  height: 48px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 16px;
  padding: 0 58px 0 48px;
  position: relative;
}
.overlay .overlay_bkg .scrollable .disclouseure_text,
.overlay .overlay_bkg .scrollable_disclousure .disclouseure_text {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  padding: 32px;
  padding-bottom: 0;
  overflow: auto;
  font-size: 15px;
  font-size: 1.5rem;
}
.overlay .overlay_bkg .scrollable .disclouseure_text p:not(:last-child),
.overlay .overlay_bkg .scrollable_disclousure .disclouseure_text p:not(:last-child) {
  margin-bottom: 1em;
}
.overlay .overlay_bkg .scrollable .done_button,
.overlay .overlay_bkg .scrollable_disclousure .done_button {
  padding: 32px;
  text-align: center;
}
.overlay .overlay_bkg .scrollable .header,
.overlay .overlay_bkg .scrollable_disclousure .header {
  text-transform: uppercase;
  -webkit-justify-content: center;
  justify-content: center;
}
.overlay .overlay_bkg .scrollable .root,
.overlay .overlay_bkg .scrollable_disclousure .root {
  padding: 0 30px;
  padding-top: 20px;
}
.overlay .overlay_bkg .scrollable .root .you,
.overlay .overlay_bkg .scrollable_disclousure .root .you {
  width: 50px;
  height: 50px;
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
  border: none;
  border-radius: 50%;
  color: #000;
  display: block;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.theme-blue .overlay .overlay_bkg .scrollable .root .you,
.theme-blue .overlay .overlay_bkg .scrollable_disclousure .root .you {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange .overlay .overlay_bkg .scrollable .root .you,
.theme-orange .overlay .overlay_bkg .scrollable_disclousure .root .you {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow .overlay .overlay_bkg .scrollable .root .you,
.theme-yellow .overlay .overlay_bkg .scrollable_disclousure .root .you {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

.overlay .overlay_bkg .scrollable .root .you:after,
.overlay .overlay_bkg .scrollable_disclousure .root .you:after {
  width: 1px;
  height: 20px;
  background-color: #000;
  content: "";
  margin-bottom: 20px;
  position: absolute;
  left: 50%;
  top: 100%;
}
.overlay .overlay_bkg .scrollable .root .data .row,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row {
  border-top: 1px solid #000;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0;
}
.overlay .overlay_bkg .scrollable .root .data .row:last-child,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row:last-child {
  border-bottom: 1px solid #000;
}
.overlay .overlay_bkg .scrollable .root .data .row .column:first-child,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row .column:first-child {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
}
.overlay .overlay_bkg .scrollable .root .data .row .column .amount,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row .column .amount {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 0;
}
.overlay .overlay_bkg .scrollable .diagram,
.overlay .overlay_bkg .scrollable_disclousure .diagram {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow: auto;
  padding: 0 23px;
}
.overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 800;
  margin: 15px 0;
  position: relative;
  text-align: center;
}
.overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:before, .overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:after,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:before,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:after {
  width: 1px;
  height: 15px;
  background: #000;
  content: "";
  position: absolute;
  left: 50%;
}
.overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:before,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:before {
  top: -15px;
}
.overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:after,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:after {
  bottom: -15px;
}
.overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa:not(:first-child),
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa:not(:first-child) {
  margin-top: 25px;
}
.overlay .overlay_bkg .scrollable .diagram .users_table,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table {
  width: 100%;
  border-top: 1px solid #000;
  display: block;
  position: relative;
}
.overlay .overlay_bkg .scrollable .diagram .users_table:before, .overlay .overlay_bkg .scrollable .diagram .users_table:after,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:before,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:after {
  width: 7px;
  height: 15px;
  background: #fff;
  content: "";
  position: absolute;
  top: -1px;
}
.overlay .overlay_bkg .scrollable .diagram .users_table:before,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:before {
  left: 0;
  border-right: 1px solid #000;
}
.overlay .overlay_bkg .scrollable .diagram .users_table:after,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:after {
  right: 0;
  border-left: 1px solid #000;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody {
  width: 100%;
  display: block;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody tr,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 10px;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody tr:first-child,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr:first-child {
  padding-top: 22px;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody tr i.customer,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr i.customer {
  width: 15px;
  height: 30px;
  background: url(../img/customer.png) center center no-repeat;
  background-size: contain;
  display: block;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody tr i.customer.light,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr i.customer.light {
  opacity: 0.3;
}
.overlay .overlay_bkg .scrollable .diagram .users_table tbody tr i.customer.hidden,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr i.customer.hidden {
  opacity: 0;
}
.overlay .overlay_bkg .scrollable .info,
.overlay .overlay_bkg .scrollable_disclousure .info {
  padding: 15px 30px;
}

.btn {
  background: #000;
  border-radius: 1.25em;
  color: #fff;
  padding: 0.5em 3.3em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  display: table;
  text-decoration: none;
  margin: 0 auto;
}

.header,
.top_summary {
  margin: 0 20px;
  min-height: 30px;
  background: black;
  border-radius: 20px;
  color: #e9ffee;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 20px;
}
.theme-blue .header,
.theme-blue .top_summary {
  color: #e4fafd;
}

.theme-orange .header,
.theme-orange .top_summary {
  color: #fce6de;
}

.theme-yellow .header,
.theme-yellow .top_summary {
  color: #fcf1db;
}

.header > div,
.top_summary > div {
  color: #e9ffee;
  -webkit-box-flex: 6;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 6;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 6;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
  margin-right: 0.4em;
}
.theme-blue .header > div,
.theme-blue .top_summary > div {
  color: #e4fafd;
}

.theme-orange .header > div,
.theme-orange .top_summary > div {
  color: #fce6de;
}

.theme-yellow .header > div,
.theme-yellow .top_summary > div {
  color: #fcf1db;
}

.header > div:first-child,
.top_summary > div:first-child {
  -webkit-box-flex: 10;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 10;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 10;
  color: #b1dbbb;
}
.theme-blue .header > div:first-child,
.theme-blue .top_summary > div:first-child {
  color: #c5eaee;
}

.theme-orange .header > div:first-child,
.theme-orange .top_summary > div:first-child {
  color: #fce6de;
}

.theme-yellow .header > div:first-child,
.theme-yellow .top_summary > div:first-child {
  color: #fcf1db;
}

.header > div:last-child,
.top_summary > div:last-child {
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 2;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 2;
  white-space: nowrap;
  margin-right: 0;
}
.header > div:last-child.m_dailyprice,
.top_summary > div:last-child.m_dailyprice {
  font-weight: 800;
}
.header > div .small,
.top_summary > div .small {
  font-size: 10px;
  font-size: 1rem;
  display: block;
  white-space: nowrap;
}
.lang-th .header > div .small,
.lang-th .top_summary > div .small {
  font-size: 17px;
  font-size: 1.7rem;
}

#container {
  height: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#container > video,
#container > iframe {
  height: calc(100% - 48px);
}
#container #screen_container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow: hidden;
}
#container #screen_container.scrollable {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#container #screen_container .top_summary > div {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 100;
}
#container #screen_container .top_summary > div:first-child {
  -webkit-box-flex: 6;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 6;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 6;
}
#container #screen_container .top_summary > div:last-child {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  font-weight: 600;
}
#container #screen_container .summary {
  background: #000;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 15px 25px;
}
#container #screen_container .summary.white {
  background: #fff;
}
#container #screen_container .summary.white .title,
#container #screen_container .summary.white .amount {
  color: #000 !important;
}
#container #screen_container .summary .title {
  font-weight: 600;
  max-width: 45%;
  font-size: 14px;
  font-size: 1.4rem;
  color: #b1dbbb;
  padding-right: 10px;
}
.theme-blue #container #screen_container .summary .title {
  color: #c5eaee;
}

.theme-orange #container #screen_container .summary .title {
  color: #f9ab8d;
}

.theme-yellow #container #screen_container .summary .title {
  color: #fdce70;
}

#container #screen_container .summary .title .rb {
  font-weight: 800;
}
#container #screen_container .summary .amount {
  font-size: 30px;
  font-size: 3rem;
  color: #e9ffee;
  white-space: nowrap;
  font-weight: 800;
}
.theme-blue #container #screen_container .summary .amount {
  color: #e4fafd;
}

.theme-orange #container #screen_container .summary .amount {
  color: #fce6de;
}

.theme-yellow #container #screen_container .summary .amount {
  color: #fcf1db;
}

#container #screen_container .summary_table {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow: hidden;
}
#container #screen_container .summary_table .body {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  margin: 30px;
  margin-bottom: 0;
  overflow: auto;
}
#container #screen_container .summary_table .body .row {
  border-bottom: 1px solid #2c2c2c;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 0;
}
#container #screen_container .summary_table .body .row:first-child {
  padding-top: 0;
}
#container #screen_container .summary_table .body .row > div {
  -webkit-box-flex: 6;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 6;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 6;
  font-size: 20px;
  font-size: 2rem;
}
#container #screen_container .summary_table .body .row > div:first-child {
  -webkit-box-flex: 10;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 10;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 10;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 18px;
}
#container #screen_container .summary_table .body .row > div:first-child > div {
  padding-right: 15px;
}
#container #screen_container .summary_table .body .row > div:last-child {
  -webkit-box-flex: 2;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 2;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 2;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 100;
  padding-right: 8px;
  text-align: right;
}
#container #screen_container .adjusts_container:not(.product_summary) {
  height: 100%;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#container #screen_container .adjusts_container numbers-carousell {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_panel {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow {
  width: 32px;
  height: 32px;
  background: center center no-repeat;
  background-size: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
  z-index: 10;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow.hidden {
  opacity: 0;
  pointer-events: none;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow.arrow_left {
  background-image: url(../img/arrow-left-thin.svg);
  left: 6px;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow.arrow_right {
  background-image: url(../img/arrow-right-thin.svg);
  right: 6px;
}
#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .num_chooser_row {
  width: 35vw !important;
  height: 35vw !important;
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
  border: none !important;
  border-radius: 50%;
  color: #000 !important;
  display: inline-block;
  font-size: 60px !important;
  font-weight: 800;
  line-height: 35vw !important;
  margin: 0 10px;
  position: relative;
  text-align: center;
}
.theme-blue #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .num_chooser_row {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .num_chooser_row {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .num_chooser_row {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

#container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .num_chooser_panel {
  height: 100%;
  margin-left: 50vw;
  position: absolute;
  white-space: nowrap;
}
#container #screen_container .adjusts_container .duplicators .detailed_view_button {
  text-align: center;
  text-decoration: underline;
  margin: 8px 0;
}
#container #screen_container .adjusts_container .m_dailyPV {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 800;
  padding: 15px 18px;
  text-align: center;
}
#container #screen_container .adjusts_container .text_question {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.167;
  font-weight: 900;
  color: #000101;
  text-align: center;
  margin: 1em;
  min-height: 5em;
}
#container #screen_container .adjusts_container .text_question .small {
  font-weight: 100;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
}
#container #screen_container .adjusts_container .text_question .small strong {
  font-weight: 600;
}
#container #screen_container .adjusts_container .disclaimer {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  padding: 10px 20px;
  padding-right: 58px;
  position: relative;
}
#container #screen_container .adjusts_container .disclaimer p, #container #screen_container .adjusts_container .disclaimer table {
  margin-bottom: 20px;
}
#container #screen_container .adjusts_container .disclaimer p:last-child, #container #screen_container .adjusts_container .disclaimer table:last-child {
  margin-bottom: 0;
}
#container #screen_container .adjusts_container .disclaimer table {
  width: 90%;
  border: solid 1px #2c2c2c;
  text-align: center;
}
#container #screen_container .adjusts_container .disclaimer table td {
  padding: 4px;
  border: solid 1px white;
}
#container #screen_container .adjusts_container .disclaimer .disclouseure_text {
  height: 2.8em;
  overflow: hidden;
}
#container #screen_container .adjusts_container .disclaimer .disclouseure_text table {
  border: solid 1px white;
  width: 90%;
  text-align: center;
}
#container #screen_container .adjusts_container .disclaimer .disclouseure_text table td {
  padding: 4px;
  border: solid 1px white;
}
#container #screen_container .adjusts_container .disclaimer .expand_button {
  width: 15px;
  background: url(../img/arrow-down.svg) 50% 50% no-repeat;
  background-size: 15px;
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 15px;
  margin: -15px;
}
#container #screen_container .adjusts_container .disclaimer .expand_button img {
  width: 100%;
  height: auto;
  visibility: hidden;
}
#container #screen_container .adjusts_container .disclaimer.expanded {
  height: calc(100vh - 48px);
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  bottom: 0;
}
#container #screen_container .adjusts_container .disclaimer.expanded .disclouseure_text {
  height: calc(100% - 1em);
  overflow-y: auto;
}
#container #screen_container .adjusts_container .disclaimer.expanded .expand_button {
  background: url(../img/arrow-up.svg) 50% 50% no-repeat;
  background-size: 15px;
}
#container #screen_container .final_summary_table {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
#container #screen_container .final_summary_table .summary_list {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
  overflow: auto;
  padding: 20px 30px;
}
#container #screen_container .final_summary_table .summary_list .wrapper {
  border-bottom: 1px solid #000;
  padding: 14px 0;
}
#container #screen_container .final_summary_table .summary_list .wrapper.expanded .basic_info .label img {
  transform: rotate(180deg) translateY(2px);
}
#container #screen_container .final_summary_table .summary_list .wrapper .basic_info {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#container #screen_container .final_summary_table .summary_list .wrapper .basic_info .label {
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
}
#container #screen_container .final_summary_table .summary_list .wrapper .basic_info .label img {
  width: 13px;
  height: 13px;
  margin-left: 8px;
  transition: transform 0.4s;
  vertical-align: middle;
}
#container #screen_container .final_summary_table .summary_list .wrapper .basic_info .amount {
  font-weight: 800;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 0;
}
#container #screen_container .final_summary_table .summary_list .wrapper .more-info {
  border-top: 1px solid #000;
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 15px;
  padding-top: 16px;
  padding-bottom: 4px;
}

#app-settings {
  background: #fff;
}
#app-settings .close_nav {
  width: 6%;
  height: 5vw;
  right: 4%;
}
#app-settings #settings_screen_container {
  overflow: auto;
  padding: 20px 30px;
}
#app-settings #settings_screen_container .settings-wrapper > div {
  border-bottom: 1px solid #000;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 15px 0;
}
#app-settings #settings_screen_container .settings-wrapper > div a {
  color: inherit;
  text-decoration: none;
}
#app-settings #settings_screen_container .settings-wrapper > div .product_cost {
  width: 100%;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
}
#app-settings #settings_screen_container .settings-wrapper > div.language_option, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option {
  display: none;
  padding: 0;
}
#app-settings #settings_screen_container .settings-wrapper > div.language_option > div, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div {
  border-bottom: 1px solid #000;
  margin-left: 50px;
  padding: 15px 0;
  position: relative;
}
#app-settings #settings_screen_container .settings-wrapper > div.language_option > div.active:after, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div.active:after {
  width: 18px;
  height: 18px;
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
  border-radius: 50%;
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
}
.theme-blue #app-settings #settings_screen_container .settings-wrapper > div.language_option > div.active:after, .theme-blue #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div.active:after {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange #app-settings #settings_screen_container .settings-wrapper > div.language_option > div.active:after, .theme-orange #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div.active:after {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow #app-settings #settings_screen_container .settings-wrapper > div.language_option > div.active:after, .theme-yellow #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div.active:after {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

#app-settings #settings_screen_container .settings-wrapper > div.language_option > div:before, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:before {
  width: 24px;
  height: 24px;
  background: #000;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: -38px;
  top: 50%;
  transform: translateY(-50%);
}
#app-settings #settings_screen_container .settings-wrapper > div.language_option > div:last-child, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:last-child {
  border-bottom: none;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option {
  overflow: hidden;
  border-bottom: none;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding: 0 0 0 60px;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div {
  padding: 15px 0;
  border-bottom: 1px solid #000;
  position: relative;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div.active {
  font-weight: 700 !important;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  left: -50px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div#green:before {
  background: #74b86e;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div#blue:before {
  background: #bce4e9;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div#orange:before {
  background: #f3855a;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_option > div#yellow:before {
  background: #fbbf46;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option {
  display: none;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-flex-wrap: wrap;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div {
  width: 45%;
  width: calc(50% - 12px);
  margin: 10px 0;
  height: 0;
  padding-bottom: calc(80%);
  overflow: hidden;
  position: relative;
  background-position: 50% 50%;
  background-size: cover;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div.cover-01-green {
  background-image: url("../img/covers-eu/cover-eu-01-green.jpg");
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div.cover-02-green {
  background-image: url("../img/covers-eu/cover-eu-02-green.jpg");
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div.cover-03-green {
  background-image: url("../img/covers-eu/cover-eu-03-green.jpg");
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div.cover-04-green {
  background-image: url("../img/covers-eu/cover-eu-04-green.jpg");
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div .ball-tick {
  display: none;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option > .wrapper > div.active .ball-tick {
  display: block;
}
#app-settings #settings_screen_container .settings-wrapper > div.change_background_photo_option:last-child {
  border-bottom: none;
}
#app-settings #settings_screen_container .settings-wrapper > div .left_cell {
  font-weight: 600;
  -webkit-box-flex: 1;
  /* OLD - iOS 6-, Safari 3.1-6 */
  -webkit-flex: 1;
  /* Safari 6.1+. iOS 7.1+, BB10 */
  flex: 1;
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell {
  padding-right: 20px;
  position: relative;
  margin-left: 0.4em;
  overflow: hidden;
  color: #959595;
  text-align: right;
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell > .switch_bkg:first-child:last-child {
  margin-right: -20px;
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell i.fa {
  color: #000;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg {
  width: 40px;
  height: 24px;
  background: #000;
  border-radius: 24px;
  content: "";
  position: relative;
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg:after {
  width: 18px;
  height: 18px;
  background: #666;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
  transition: left 0.2s, color 0.2s;
}
#app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
  background: -webkit-linear-gradient(-135deg, #e9ffee, #b1dbbb);
  left: 19px;
}
.theme-blue #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
  background: -webkit-linear-gradient(-135deg, #e4fafd, #c5eaee);
}

.theme-orange #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
  background: -webkit-linear-gradient(-135deg, #fce6de, #f9ab8d);
}

.theme-yellow #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
  background: -webkit-linear-gradient(-135deg, #fcf1db, #fdce70);
}

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

.tutorial-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.tutorial-container .start_button {
  margin: 1.5em auto;
  background-color: white;
  color: black;
}
.tutorial-container .start_button + .tutorial-close-link {
  margin-top: -1em;
}
.tutorial-container .tutorial-close-link {
  text-align: center;
  text-decoration: underline;
  padding: 1em;
  font-size: 0.8em;
}
.tutorial-container .tutorial-txt {
  color: #fff;
  font-size: 19px;
  font-size: 1.9rem;
  position: absolute;
  z-index: 100;
}
.tutorial-container .tutorial-txt.tutorial-begin {
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  position: static;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
}
.tutorial-container .tutorial-txt.tutorial-1 {
  top: calc(4vh + 48px);
  padding: 30px 50px;
  left: 0;
  right: 0;
}
.tutorial-container .tutorial-txt.tutorial-2 {
  top: calc(15vh + 48px);
  padding: 30px 50px;
  left: 0;
  right: 0;
}
.tutorial-container .tutorial-txt.tutorial-3 {
  padding: 0 20px;
}
.tutorial-container .intro {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
}
.tutorial-container .arrow_right_container {
  padding-inline-start: 10px !important;
  padding-left: 10px !important;
}
.tutorial-container .arrow_right_container.start_over {
  padding-block-end: 0px !important;
  padding-block-start: 0px !important;
  padding-inline-end: 16px !important;
  transform: translate(0, 0) !important;
}

.tutorial-close-button {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 100;
  width: 48px;
  height: 48px;
}
.tutorial-close-button > img {
  height: 4vh;
  top: 50%;
  transform: translateY(50%);
}

.invisible {
  display: none !important;
}

sup {
  font-size: 0.5em;
  position: relative;
  top: -0.7em;
}

.country-ca #splash-screen .title, .country-us #splash-screen .title {
  line-height: 1;
}

.country-us.lang-es #splash-screen .title {
  font-size: 52px;
  font-size: 16.3vw;
}

.country-ca.lang-fr #splash-screen .title {
  font-size: 50px;
  font-size: 15.5vw;
  line-height: 1;
}

@media only screen and (min-width: 768px) {
  .menu-icon {
    padding-bottom: 4px;
  }

  .main_menu {
    margin: 5em 0 3em 0;
  }

  .main_menu_item {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
    padding: 0.8em 0;
  }

  .start_button {
    font-size: 20px;
    font-size: 2rem;
  }

  .side-menu > .actions > li.close {
    min-height: 64px;
  }
  .side-menu > .actions > li.step {
    font-size: 22px !important;
    font-size: 2.2rem !important;
    padding-left: 5vw;
  }
  .side-menu > .actions > li.bottom_options {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 5vw 6vw 5vw 8vw;
  }
  .side-menu > .actions > li.bottom_options > ul > li.action img {
    max-height: 5vw;
    margin-bottom: 1vw;
  }

  #splash-screen .title {
    font-size: 17vw;
  }

  .title_bar,
#title_bar {
    min-height: 64px;
    font-size: 20px;
    font-size: 2rem;
    padding-left: 38px;
  }

  .menu_ico_container {
    width: 5.5%;
    right: 3%;
    top: 29%;
    transform: none;
    -webkit-transform: none;
  }

  .close_nav {
    height: 4vw !important;
    bottom: 10px !important;
    right: 2.5%;
  }

  .title_bar .guide {
    width: 10%;
    top: 15px;
    left: 35px;
  }
  .layout-eur .title_bar .guide {
    left: 18px;
  }

  .stand-alone-app .title_bar .guide {
    top: 20px;
    left: 3%;
    width: 10%;
  }

  .footer {
    height: 64px;
    font-size: 20px;
    font-size: 2rem;
  }
  .footer > div.arrow_left_container {
    padding-left: 20px;
  }
  .footer > div.arrow_left_container img {
    margin-right: 16px;
  }
  .footer > div.arrow_right_container {
    padding-right: 20px;
  }
  .footer > div.arrow_right_container img {
    margin-left: 16px;
  }
  .footer > #bullets {
    font-size: 20px;
    font-size: 2rem;
  }

  #choose-category .title {
    font-size: 64px;
    font-size: 6.4rem;
  }
  #choose-category .main_menu_item {
    padding: 0.5em 0;
  }
  #choose-category .main_menu_item .content {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  #choose-products .submenu {
    height: 58px;
  }
  #choose-products #lead-text {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 32px 0;
  }
  #choose-products .product-group .products-grid .item {
    width: calc(100% / 3);
    padding: 16px 0;
    border-left: none !important;
    border-right: 1px solid #2c2c2c !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 20px !important;
  }
  #choose-products .product-group .products-grid .item:nth-child(3n+3) {
    border-right: none !important;
  }
  #choose-products .product-group .products-grid .item .product_image {
    height: 200px;
  }
  #choose-products .product-group .products-grid .item .product_image .product_fav_icon {
    width: 2.5rem;
  }
  #choose-products .product_name {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 1em;
  }
  #choose-products .product_packaging {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #choose-products .product_price_per_use {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #choose-products .product-qty-widget .qty-button {
    width: 4rem;
    height: 4rem;
    font-size: 3rem;
    line-height: 3.5rem;
  }
  #choose-products .product-details-popup .product_name {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
  }
  #choose-products .product-details-popup .product_price {
    font-size: 20px;
    font-size: 2rem;
  }
  #choose-products .product-details-popup .packaging_and_per_use {
    padding: 0.8em 0;
  }
  #choose-products .product-details-popup .product_price_per_use .amount {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #choose-products .product-details-popup .product_image .product_fav_icon {
    width: 3rem;
  }
  #choose-products .product-details-popup .product-qty-widget .qty-button {
    width: 4rem;
    height: 4rem;
  }
  #choose-products .product-details-popup .text-link {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #choose-products .product-details-popup .scroll-panel .descriptions-block {
    font-size: 16px;
    font-size: 1.6rem;
  }

  .category-icon {
    width: 2.5em;
    height: 2.5em;
  }

  .tutorial-container .category-icon {
    margin: calc(-0.17em - 4px) 0;
  }

  .overlay .overlay_bkg .scrollable .disclousure_h1,
.overlay .overlay_bkg .scrollable_disclousure .disclousure_h1 {
    height: 64px;
    font-size: 20px;
    font-size: 2rem;
    padding-left: 32px;
  }
  .overlay .overlay_bkg .scrollable .disclouseure_text,
.overlay .overlay_bkg .scrollable_disclousure .disclouseure_text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .overlay .overlay_bkg .scrollable .product_price_wrapper,
.overlay .overlay_bkg .scrollable_disclousure .product_price_wrapper {
    font-size: 20px;
    font-size: 2rem;
  }
  .overlay .overlay_bkg .scrollable .info,
.overlay .overlay_bkg .scrollable_disclousure .info {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
  }
  .overlay .overlay_bkg .scrollable .root .you,
.overlay .overlay_bkg .scrollable_disclousure .root .you {
    width: 72px;
    height: 72px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 72px;
  }
  .overlay .overlay_bkg .scrollable .root .data,
.overlay .overlay_bkg .scrollable_disclousure .root .data {
    font-size: 20px;
    font-size: 2rem;
  }
  .overlay .overlay_bkg .scrollable .root .data .row,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row {
    padding: 14px 0;
  }
  .overlay .overlay_bkg .scrollable .root .data .row .amount,
.overlay .overlay_bkg .scrollable_disclousure .root .data .row .amount {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .overlay .overlay_bkg .scrollable .diagram .ramka_srodkowa,
.overlay .overlay_bkg .scrollable_disclousure .diagram .ramka_srodkowa {
    font-size: 20px;
    font-size: 2rem;
  }
  .overlay .overlay_bkg .scrollable .diagram .users_table:before, .overlay .overlay_bkg .scrollable .diagram .users_table:after,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:before,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table:after {
    top: -2px;
  }
  .overlay .overlay_bkg .scrollable .diagram .users_table tbody tr i.customer,
.overlay .overlay_bkg .scrollable_disclousure .diagram .users_table tbody tr i.customer {
    width: 16px;
    height: 36px;
  }

  .btn {
    font-size: 20px;
    font-size: 2rem;
  }

  #container #screen_container .adjusts_container .disclaimer {
    line-height: 24px;
    padding: 16px 32px;
    padding-right: 58px;
  }
  #container #screen_container .adjusts_container .disclaimer .disclouseure_text {
    height: 3.3em;
    font-size: 16px;
    font-size: 1.6rem;
  }
  #container #screen_container .adjusts_container .disclaimer .expand_button {
    width: 20px;
  }
  #container #screen_container .adjusts_container .m_dailyPV {
    font-size: 16px;
    font-size: 1.6rem;
  }
  #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow {
    width: 48px;
    height: 48px;
    background-size: 16px;
  }
  #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow.arrow_left {
    left: 16px;
  }
  #container #screen_container .adjusts_container numbers-carousell .num_chooser_widget .chooser_arrow.arrow_right {
    right: 16px;
  }
  #container #screen_container .adjusts_container .text_question {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #container #screen_container .adjusts_container .text_question .small {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #container #screen_container .adjusts_container .duplicators .detailed_view_button {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 16px 0;
  }
  #container #screen_container .summary_table .body .row > div {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #container #screen_container .summary_table .body .row > div:first-child, #container #screen_container .summary_table .body .row > div:last-child {
    font-size: 20px;
    font-size: 2rem;
  }
  #container #screen_container .summary {
    padding: 32px;
  }
  #container #screen_container .summary .title {
    font-size: 20px;
    font-size: 2rem;
  }
  #container #screen_container .top_summary > div {
    font-size: 20px;
    font-size: 2rem;
  }
  #container #screen_container .final_summary_table .summary_list {
    font-size: 20px;
    font-size: 2rem;
  }
  #container #screen_container .final_summary_table .summary_list .wrapper .basic_info .amount {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #container #screen_container .final_summary_table .summary_list .wrapper .basic_info .label img {
    width: 16px;
    height: 16px;
  }
  #container #screen_container .final_summary_table .summary_list .wrapper .more-info {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
  }

  .overlay.width_popup,
.overlay.depth_popup {
    height: calc(100% - 64px);
  }

  .header,
.top_summary {
    min-height: 58px;
    border-radius: 58px;
  }
  .header > div,
.top_summary > div {
    font-size: 20px;
    font-size: 2rem;
  }
  .header > div .small,
.top_summary > div .small {
    font-size: 14px;
    font-size: 1.4rem;
  }

  #app-settings #settings_screen_container .settings-wrapper > div {
    font-size: 20px;
    font-size: 2rem;
  }
  #app-settings #settings_screen_container .settings-wrapper > div.language_option > div, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div {
    margin-left: 64px !important;
  }
  #app-settings #settings_screen_container .settings-wrapper > div.language_option > div:before, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:before {
    width: 32px;
    height: 32px;
    left: -50px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div.language_option > div.active:after, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div.active:after {
    width: 26px;
    height: 26px;
    left: -47px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div.language_option > div:last-child, #app-settings #settings_screen_container .settings-wrapper > div.product_cost_option > div:last-child {
    margin-left: 54px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div .right_cell i.fa {
    font-size: 20px;
    margin-left: 16px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg {
    width: 58px;
    height: 32px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg:after {
    width: 28px;
    height: 28px;
  }
  #app-settings #settings_screen_container .settings-wrapper > div .right_cell .switch_bkg.on:after {
    left: 27px;
  }
  #app-settings .close_nav {
    top: 38px !important;
    right: 1.2%;
  }

  .tutorial-container .tutorial-txt {
    font-size: 20px;
    font-size: 2rem;
  }
  .tutorial-container .tutorial-txt.tutorial-begin p {
    margin-bottom: 40px;
    padding: 0 28px !important;
  }
  .tutorial-container .tutorial-close-link {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0;
    margin: 2em 0;
  }

  .tutorial-close-button {
    top: 6px;
    right: 16px;
  }
  .tutorial-close-button img {
    height: 4vw;
  }
}

/*# sourceMappingURL=new-styles.css.map */