@charset "UTF-8";
html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /* Margin bottom by footer height */
  padding-bottom: 50px;
  max-width: 100vw;
}
body.partner {
  background-color: #f9f7f7;
}
body.partner main {
  margin-bottom: 150px;
}
body.ios_body {
  margin-top: 72px;
  padding-bottom: 0px;
}
body.subdomain main {
  margin-top: 0 !important;
}
body.pending_data .main_navbar {
  top: 0;
}
body.p_landing {
  padding-bottom: 0px;
}
body.p_landing main {
  margin-top: 10px;
}
body.p_landing .container {
  max-width: 960px;
}
body.p_landing .pricing-header {
  max-width: 700px;
}
body.p_landing .card-deck .card {
  min-width: 220px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  padding: 15px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #292929;
  font-weight: 100;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

p {
  margin: 15px 0;
  font-size: 14px;
  color: rgba(48, 48, 48, 0.8);
}

.btn:hover {
  cursor: pointer;
}

.code {
  padding: 0.2rem 0.4rem;
  background-color: #393939;
  border-radius: 0.25rem;
}
.code code {
  font-size: 80%;
  color: #f1f1f1;
  background-color: #393939;
}

#blanket {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1040;
  display: none;
}
#blanket.active {
  display: flex;
}
#blanket.transparent {
  background: transparent;
}
#blanket * {
  color: white;
}

#top_loading {
  position: fixed;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  z-index: 1070;
  background: #3f72af;
  border-radius: 10%;
  display: none;
}
#top_loading.invert {
  background: #f9f7f7;
}
#top_loading.active {
  display: block;
}

.order_page #top_loading {
  background: #ffbc00;
}

.sticky-top {
  top: 80px;
}
.sticky-top.toptop {
  top: 0px;
}

.main_navbar {
  background: #ffbb28;
  min-height: 73px;
}
.main_navbar a,
.main_navbar button {
  color: white;
}
.main_navbar a:hover,
.main_navbar button:hover {
  color: #292929 !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
.main_navbar .navbar-brand {
  height: auto;
}
.main_navbar .navbar-brand img {
  height: 40px;
}
.main_navbar .products_amount {
  position: absolute;
  top: -11px;
  width: 100%;
  left: 0;
  text-align: center;
  font-weight: bold;
}

.partner_navbar {
  background: #3f72af;
}
.partner_navbar a,
.partner_navbar button {
  color: #112d4e;
}
.partner_navbar a:hover,
.partner_navbar button:hover {
  color: #112d4e !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
.partner_navbar .navbar-brand img {
  height: 50px;
}
.partner_navbar .btn_user {
  text-transform: capitalize;
  text-align: left;
}
.partner_navbar .btn_user:hover {
  text-decoration: none;
}
.partner_navbar .btn_user span {
  display: inline-block;
  vertical-align: middle;
}
.partner_navbar .btn_user span small {
  display: block;
  font-weight: 100;
}
.partner_navbar .btn_user span:last-child {
  color: white;
}
.partner_navbar.landing a:not(.btn-default) {
  color: white;
}

.navbar .dropdown .nav-link {
  color: #ffffff;
}
.navbar .dropdown .btn {
  color: #e8f0f9;
}
.navbar .dropdown .dropdown-menu {
  right: 10px;
  left: inherit;
  border-radius: 3px;
  max-width: 550px;
  line-height: 2rem;
  border-color: #e0e1e2;
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05),
    0 2px 7px 1px rgba(39, 44, 48, 0.16);
  box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05),
    0 2px 7px 1px rgba(39, 44, 48, 0.16);
  z-index: 1070;
}
.navbar .dropdown .dropdown-menu a,
.navbar .dropdown .dropdown-menu button {
  color: #212b35;
  font-size: 14px;
  line-height: 1.1;
}
.navbar .dropdown .dropdown-menu a.active,
.navbar .dropdown .dropdown-menu button.active {
  background-color: transparent !important;
  color: #212b35 !important;
}
.navbar .dropdown .dropdown-menu a.un_read,
.navbar .dropdown .dropdown-menu button.un_read {
  background-color: #edf2fa !important;
}
.navbar .dropdown .dropdown-menu a:hover,
.navbar .dropdown .dropdown-menu button:hover {
  background-color: #525252 !important;
  color: #f9f7f7 !important;
  cursor: pointer;
}
.navbar .dropdown .dropdown-menu a.btn-link:hover,
.navbar .dropdown .dropdown-menu button.btn-link:hover {
  background-color: white !important;
  color: #5677fc !important;
}
.navbar .dropdown .popover__tooltip {
  position: absolute;
  top: 17px;
  left: 50%;
  overflow: hidden;
  height: 20px;
  width: 20px;
  margin-left: -10px;
  pointer-events: none;
}
.navbar .dropdown .popover__tooltip:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 50%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: none;
  height: 10px;
  width: 10px;
  margin-left: -5px;
  background-color: rgba(255, 255, 255, 0.98);
  -webkit-box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05),
    0 2px 7px 1px rgba(39, 44, 48, 0.16);
  box-shadow: 0 0 0 1px rgba(39, 44, 48, 0.05),
    0 2px 7px 1px rgba(39, 44, 48, 0.16);
}
.navbar .dropdown.open .popover__tooltip:after,
.navbar .dropdown.open .dropdown-menu {
  display: block;
}

.partner_footer.footer .app {
  background: #fafafa;
  border-top: 1px solid #e1e1e1;
  height: auto;
}
.partner_footer.footer .app a {
  padding: 20px 0;
}
.partner_footer.footer .app a.active {
  color: #5677fc;
}
.partner_footer.footer .app button.btn_dashboard {
  position: absolute;
  bottom: 10%;
  color: white;
  padding: 25px 0;
}
.partner_footer.footer .app button.btn_dashboard i {
  position: absolute;
  left: 50%;
  margin-left: -11px;
  bottom: 30px;
}
.partner_footer.footer .app button.btn_dashboard i.dash_active {
  opacity: 0;
}
.partner_footer.footer .app button.btn_dashboard.dash_active {
  bottom: 0;
  height: 50vh;
  padding: 25px;
  width: 100%;
  z-index: 1050;
}
.partner_footer.footer .btn_dashboard_content {
  position: fixed;
  bottom: 0;
  height: 50vh;
  padding: 25px;
  width: 100%;
  z-index: 1051;
  display: none;
}
.partner_footer.footer .btn_dashboard_content.dash_active {
  display: block;
}
.partner_footer.footer .btn_dashboard_content a {
  color: white;
}
.partner_footer.footer .btn_dashboard_content a.active {
  color: #1e1b18;
}
.partner_footer.footer .btn_dashboard_content button {
  color: white;
}
.partner_footer.footer .btn_dashboard_content button.btn_close {
  position: fixed;
  left: 50%;
  margin-left: -44px;
  bottom: 20px;
}
.partner_footer.footer .btn_dashboard_content button.btn_close i {
  opacity: 0;
}
.partner_footer.footer .btn_dashboard_content button.btn_close i.dash_active {
  opacity: 1;
}

.search_bar_main,
.search_bar_product {
  background: #fff;
  position: relative;
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  height: 42px;
  border-radius: 2px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.14);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.search_bar_main i.search_bar_search_icon,
.search_bar_product i.search_bar_search_icon {
  height: 100%;
  line-height: 42px;
  float: left;
  width: 52px;
  text-align: center;
  color: rgba(68, 68, 68, 0.5);
}
.search_bar_main input.search_bar_input,
.search_bar_product input.search_bar_input {
  height: 42px;
  padding: 0;
  margin: 0;
  border: 0;
  box-sizing: border-box;
  background: transparent;
  width: calc(100% - 52px);
  outline: none;
  padding-right: 32px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: lighter;
}
.search_bar_main i.clear_search_bar_field,
.search_bar_product i.clear_search_bar_field {
  position: absolute;
  right: 12px;
  top: 14px;
  color: rgba(189, 189, 189, 0.84);
  display: none;
  font-size: 15px;
}
.search_bar_main i.clear_search_bar_field:hover,
.search_bar_product i.clear_search_bar_field:hover {
  cursor: pointer;
}
.search_bar_main .results,
.search_bar_product .results {
  position: absolute;
  padding: 0;
  width: 100%;
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.14);
  z-index: 1040;
}
.search_bar_main .results .item,
.search_bar_product .results .item,
.search_bar_main .results .no_results,
.search_bar_product .results .no_results {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #333;
  padding: 15px 15px;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.search_bar_main .results .item i,
.search_bar_product .results .item i,
.search_bar_main .results .no_results i,
.search_bar_product .results .no_results i {
  color: #e8e8e8;
  right: 15px;
}
.search_bar_main .results .item .muted,
.search_bar_product .results .item .muted,
.search_bar_main .results .no_results .muted,
.search_bar_product .results .no_results .muted {
  display: block;
  font-size: small;
  color: #868e96;
}

.search_bar_product {
  width: 100%;
  max-width: 100%;
}

.footer .cart_order {
  height: auto;
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  z-index: 1030;
  bottom: 50px;
}
.footer .app {
  background-color: #ffbb28;
  height: 50px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  width: 100%;
}
.footer .app a,
.footer .app button {
  color: #767676;
  line-height: 1.5;
}
.footer .app a.active,
.footer .app button.active {
  color: #292929;
}
.footer .menu-list h2 {
  font-size: 15px;
}
.footer .menu-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer .menu-list a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 85%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #757575;
}
.footer .menu-list li {
  line-height: 1.5;
}

.footer_scoll.bottom .cart_order {
  bottom: -90px;
}
.footer_scoll.bottom.app {
  bottom: -70px;
}
.footer_scoll.fixed_innav_bottom_mov.bottom {
  bottom: 0;
}

.page_header {
  margin: 0;
  color: #fff;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.list-group .un_read {
  background-color: #edf2fa !important;
}

.fixed_innav_bottom_mov_partner {
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 1030;
  background: white;
  left: 0;
}

.partner footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  padding: 15px;
}
.partner footer .items-cont {
  padding: 25px 10px;
}
.partner footer .footer-info {
  font-size: 1.2em;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
.partner footer .footer-info ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.partner footer .footer-info h3 {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.partner footer .footer-info li a,
.partner footer .footer-info p {
  background: transparent;
  border: 0;
  font-weight: 300;
  opacity: 0.5;
  font-size: 80%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
.partner main {
  margin-top: 76px;
}

.left_nav {
  color: #717171;
  background-color: #f9f7f7;
  min-height: 100vh;
  left: -500px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.left_nav.active {
  left: 0;
}
.left_nav.fixed_top {
  z-index: 1060;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.left_nav a {
  color: #717171;
}
.left_nav a:hover {
  color: #848484;
}
.left_nav a.active {
  background-color: #e9ecef;
  color: #3f72af;
  border-radius: 3px;
}
.left_nav .fa {
  font-size: 20px;
}

.nav_round_img {
  width: 30px;
  max-height: 30px;
  border-radius: 10px;
  margin-right: 3px;
}

.btn_goToPos {
  position: fixed;
  right: 15px;
  bottom: 30px;
  z-index: 1030;
}

.hide_prices .ch_price {
  display: none;
}

body.order_page {
  background: #e8f1f2;
}

.order_page.main_navbar {
  background: #006494;
}
.order_page.main_navbar .navbar-brand img {
  height: 40px;
}
.order_page.footer {
  height: auto;
  border-top: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  z-index: 1040;
}
.order_page.footer .app {
  background: #006494;
}
.order_page.footer .app a {
  color: #e8f1f2;
}
.order_page.footer .bottom_button {
  padding: 23px 0;
}
.order_page main {
  margin-top: 66px;
}

.full_page_notice {
  margin: 0 auto;
  margin-top: 40%;
  text-align: center;
  font-size: 5em;
}

.w_small small {
  font-size: 0.7em;
  font-weight: 100;
}

.horizontal_card {
  flex-direction: initial;
}
.horizontal_card .card-img-top {
  width: 30%;
  height: 30%;
}
.horizontal_card .card-body {
  width: 30%;
}

.blog_layout {
  /* stylelint-disable selector-list-comma-newline-after */
  /*
   * Blog name and description
   */
  /* Pagination */
  /*
   * Blog posts
   */
  /*
   * Footer
   */
}
.blog_layout .blog-header {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.blog_layout .blog-header-logo {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 2.25rem;
}
.blog_layout .blog-header-logo:hover {
  text-decoration: none;
}
.blog_layout h1,
.blog_layout h2,
.blog_layout h3,
.blog_layout h4,
.blog_layout h5,
.blog_layout h6 {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
}
.blog_layout .display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .blog_layout .display-4 {
    font-size: 3rem;
  }
}
.blog_layout .nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}
.blog_layout .nav-scroller .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.blog_layout .nav-scroller .nav-link {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
}
.blog_layout .card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}
.blog_layout .flex-auto {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.blog_layout .h-250 {
  height: 250px;
}
@media (min-width: 768px) {
  .blog_layout .h-md-250 {
    height: 250px;
  }
}
.blog_layout .border-top {
  border-top: 1px solid #e5e5e5;
}
.blog_layout .border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.blog_layout .box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}
.blog_layout .blog-title {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}
.blog_layout .blog-description {
  font-size: 1.1rem;
  color: #999;
}
@media (min-width: 40em) {
  .blog_layout .blog-title {
    font-size: 3.5rem;
  }
}
.blog_layout .blog-pagination {
  margin-bottom: 4rem;
}
.blog_layout .blog-pagination > .btn {
  border-radius: 2rem;
}
.blog_layout .blog-post {
  margin-bottom: 4rem;
}
.blog_layout .blog-post ul li,
.blog_layout .blog-post ol li {
  font-size: 14px;
  line-height: 1.3;
  color: rgba(48, 48, 48, 0.8);
}
.blog_layout .blog-post-title {
  margin-bottom: 0.25rem;
  font-size: 2.5rem;
}
.blog_layout .blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}
.blog_layout .blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 0.05rem solid #e5e5e5;
}
.blog_layout .blog-footer p:last-child {
  margin-bottom: 0;
}

/* -- Main style ------------------------------------ */
.btn {
  font-family: "Roboto", "Helvetica Neue, Helvetica, Arial", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: inherit;
}

.btn-default,
.btn-link {
  color: rgba(0, 0, 0, 0.87);
}

/* -- Buttons style ------------------------------------ */
.btn {
  outline: 0;
  outline-offset: 0;
  border-radius: 2px;
  transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

/* -- Buttons types -------------------------------- */
.btn-raised {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.btn-raised:active,
.btn-raised.active,
.btn-raised:active:focus,
.btn-raised.active:focus {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.btn-raised:focus {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

/* -- Material Shadows -------------------------------- */
.material-shadows,
.material-shadows_mov {
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 2px 0 rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}
.material-shadows .bottom_cover,
.material-shadows_mov .bottom_cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  background: white;
  height: 25px;
}

.btn.btn-circle {
  padding: 0;
  border-radius: 50%;
}

/* -- Buttons colors -------------------------------- */
.btn-default,
.dropdown-toggle.btn-default {
  background-color: #fff;
}
.btn-default:hover,
.dropdown-toggle.btn-default:hover {
  background-color: #e6e6e6;
}
.btn-default:active,
.btn-default.active,
.dropdown-toggle.btn-default:active,
.dropdown-toggle.btn-default.active {
  background-color: #e6e6e6;
}
.btn-default:focus,
.dropdown-toggle.btn-default:focus {
  background-color: #cccccc;
}
.btn-default:disabled,
.btn-default.disabled,
.btn-default[disabled],
.dropdown-toggle.btn-default:disabled,
.dropdown-toggle.btn-default.disabled,
.dropdown-toggle.btn-default[disabled] {
  background-color: #b3b3b3;
}
.btn-default .ink,
.dropdown-toggle.btn-default .ink {
  background-color: #b8b8b8;
}

.btn-flat.btn-default {
  color: #212121;
  background-color: transparent;
}
.btn-flat.btn-default:hover {
  color: #141414;
  background-color: #e6e6e6;
}
.btn-flat.btn-default:active,
.btn-flat.btn-default.active {
  color: #020202;
  background-color: #cccccc;
}
.btn-flat.btn-default:focus {
  color: #000;
  background-color: white;
}
.btn-flat.btn-default .ink {
  background-color: gray;
}

.btn-primary,
.dropdown-toggle.btn-primary {
  background-color: #5677fc;
}
.btn-primary:hover,
.dropdown-toggle.btn-primary:hover {
  background-color: #4e6cef;
}
.btn-primary:active,
.btn-primary.active,
.dropdown-toggle.btn-primary:active,
.dropdown-toggle.btn-primary.active {
  background-color: #4e6cef;
}
.btn-primary:focus,
.dropdown-toggle.btn-primary:focus {
  background-color: #455ede;
}
.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[disabled],
.dropdown-toggle.btn-primary:disabled,
.dropdown-toggle.btn-primary.disabled,
.dropdown-toggle.btn-primary[disabled] {
  background-color: #b3b3b3;
}
.btn-primary .ink,
.dropdown-toggle.btn-primary .ink {
  background-color: #3b50ce;
}

.btn-flat.btn-primary {
  color: #5677fc;
  background-color: transparent;
}
.btn-flat.btn-primary:hover {
  color: #4e6cef;
  background-color: #e6e6e6;
}
.btn-flat.btn-primary:active,
.btn-flat.btn-primary.active {
  color: #455ede;
  background-color: #cccccc;
}
.btn-flat.btn-primary:focus {
  color: #3b50ce;
  background-color: white;
}
.btn-flat.btn-primary .ink {
  background-color: gray;
}

.btn-success,
.dropdown-toggle.btn-success {
  background-color: #259b24;
}
.btn-success:hover,
.dropdown-toggle.btn-success:hover {
  background-color: #0a8f08;
}
.btn-success:active,
.btn-success.active,
.dropdown-toggle.btn-success:active,
.dropdown-toggle.btn-success.active {
  background-color: #0a8f08;
}
.btn-success:focus,
.dropdown-toggle.btn-success:focus {
  background-color: #0a7e07;
}
.btn-success:disabled,
.btn-success.disabled,
.btn-success[disabled],
.dropdown-toggle.btn-success:disabled,
.dropdown-toggle.btn-success.disabled,
.dropdown-toggle.btn-success[disabled] {
  background-color: #b3b3b3;
}
.btn-success .ink,
.dropdown-toggle.btn-success .ink {
  background-color: #056f00;
}

.btn-flat.btn-success {
  color: #259b24;
  background-color: transparent;
}
.btn-flat.btn-success:hover {
  color: #0a8f08;
  background-color: #e6e6e6;
}
.btn-flat.btn-success:active,
.btn-flat.btn-success.active {
  color: #0a7e07;
  background-color: #cccccc;
}
.btn-flat.btn-success:focus {
  color: #056f00;
  background-color: white;
}
.btn-flat.btn-success .ink {
  background-color: gray;
}

.btn-info,
.dropdown-toggle.btn-info {
  background-color: #03a9f4;
}
.btn-info:hover,
.dropdown-toggle.btn-info:hover {
  background-color: #039be5;
}
.btn-info:active,
.btn-info.active,
.dropdown-toggle.btn-info:active,
.dropdown-toggle.btn-info.active {
  background-color: #039be5;
}
.btn-info:focus,
.dropdown-toggle.btn-info:focus {
  background-color: #0288d1;
}
.btn-info:disabled,
.btn-info.disabled,
.btn-info[disabled],
.dropdown-toggle.btn-info:disabled,
.dropdown-toggle.btn-info.disabled,
.dropdown-toggle.btn-info[disabled] {
  background-color: #b3b3b3;
}
.btn-info .ink,
.dropdown-toggle.btn-info .ink {
  background-color: #0277bd;
}

.btn-flat.btn-info {
  color: #03a9f4;
  background-color: transparent;
}
.btn-flat.btn-info:hover {
  color: #039be5;
  background-color: #e6e6e6;
}
.btn-flat.btn-info:active,
.btn-flat.btn-info.active {
  color: #0288d1;
  background-color: #cccccc;
}
.btn-flat.btn-info:focus {
  color: #0277bd;
  background-color: white;
}
.btn-flat.btn-info .ink {
  background-color: gray;
}

.btn-warning,
.dropdown-toggle.btn-warning {
  background-color: #ffc107;
}
.btn-warning:hover,
.dropdown-toggle.btn-warning:hover {
  background-color: #ffb300;
}
.btn-warning:active,
.btn-warning.active,
.dropdown-toggle.btn-warning:active,
.dropdown-toggle.btn-warning.active {
  background-color: #ffb300;
}
.btn-warning:focus,
.dropdown-toggle.btn-warning:focus {
  background-color: #ffa000;
}
.btn-warning:disabled,
.btn-warning.disabled,
.btn-warning[disabled],
.dropdown-toggle.btn-warning:disabled,
.dropdown-toggle.btn-warning.disabled,
.dropdown-toggle.btn-warning[disabled] {
  background-color: #b3b3b3;
}
.btn-warning .ink,
.dropdown-toggle.btn-warning .ink {
  background-color: #ff8f00;
}

.btn-flat.btn-warning {
  color: #ffc107;
  background-color: transparent;
}
.btn-flat.btn-warning:hover {
  color: #ffb300;
  background-color: #e6e6e6;
}
.btn-flat.btn-warning:active,
.btn-flat.btn-warning.active {
  color: #ffa000;
  background-color: #cccccc;
}
.btn-flat.btn-warning:focus {
  color: #ff8f00;
  background-color: white;
}
.btn-flat.btn-warning .ink {
  background-color: gray;
}

.btn-danger,
.dropdown-toggle.btn-danger {
  background-color: #ff5722;
}
.btn-danger:hover,
.dropdown-toggle.btn-danger:hover {
  background-color: #f4511e;
}
.btn-danger:active,
.btn-danger.active,
.dropdown-toggle.btn-danger:active,
.dropdown-toggle.btn-danger.active {
  background-color: #f4511e;
}
.btn-danger:focus,
.dropdown-toggle.btn-danger:focus {
  background-color: #e64a19;
}
.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger[disabled],
.dropdown-toggle.btn-danger:disabled,
.dropdown-toggle.btn-danger.disabled,
.dropdown-toggle.btn-danger[disabled] {
  background-color: #b3b3b3;
}
.btn-danger .ink,
.dropdown-toggle.btn-danger .ink {
  background-color: #d84315;
}

.btn-flat.btn-danger {
  color: #ff5722;
  background-color: transparent;
}
.btn-flat.btn-danger:hover {
  color: #f4511e;
  background-color: #e6e6e6;
}
.btn-flat.btn-danger:active,
.btn-flat.btn-danger.active {
  color: #e64a19;
  background-color: #cccccc;
}
.btn-flat.btn-danger:focus {
  color: #d84315;
  background-color: white;
}
.btn-flat.btn-danger .ink {
  background-color: gray;
}

/* -- Buttons sizes -------------------------------- */
.btn {
  min-width: 88px;
  padding: 10px 14px;
}

.btn-lg,
.btn-group-lg > .btn {
  min-width: 122px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3;
}

.btn-sm,
.btn-group-sm > .btn {
  min-width: 64px;
  padding: 4px 12px;
  font-size: 12px;
  line-height: 1.5;
}

.btn-xs,
.btn-group-xs > .btn {
  min-width: 46px;
  padding: 2px 10px;
  font-size: 10px;
  line-height: 1.5;
}

.btn-circle {
  width: 56px;
  height: 56px;
  min-width: 56px;
}
.btn-circle span {
  line-height: 56px;
}

.btn-circle.btn-lg {
  width: 78px;
  height: 78px;
  min-width: 78px;
}
.btn-circle.btn-lg span {
  line-height: 78px;
}

.btn-circle.btn-sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.btn-circle.btn-sm span {
  line-height: 40px;
}

.btn-circle.btn-xs {
  width: 30px;
  height: 30px;
  min-width: 30px;
}
.btn-circle.btn-xs span {
  line-height: 30px;
}

/*-- Button groups --------------------------------- */
.btn-group .btn {
  border-radius: 2px;
}

.btn-group.open .dropdown-toggle {
  outline: 0;
  outline-offset: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 0;
}

.btn-group > .btn:focus:hover,
.btn-group-vertical > .btn:focus:hover,
.btn-group > .btn:active:hover,
.btn-group-vertical > .btn:active:hover,
.btn-group > .btn.active:hover,
.btn-group-vertical > .btn.active:hover {
  z-index: 2;
}

/* -- Ripple effect -------------------------------- */
.ripple-effect {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.ink {
  display: block;
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  background: #fff;
  opacity: 1;
}

.ink.animate {
  -webkit-animation: ripple 0.5s linear;
  -moz-animation: ripple 0.5s linear;
  -ms-animation: ripple 0.5s linear;
  -o-animation: ripple 0.5s linear;
  animation: ripple 0.5s linear;
}

@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-moz-keyframes ripple {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-ms-keyframes ripple {
  100% {
    opacity: 0;
    -ms-transform: scale(2.5);
    transform: scale(2.5);
  }
}
@-o-keyframes ripple {
  100% {
    opacity: 0;
    -o-transform: scale(2.5);
    transform: scale(2.5);
  }
}
.material_card {
  background: white;
  border-radius: 2px;
  background-color: #fafafa;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.material_card.card_xs_none {
  background-color: none;
  background: none;
  box-shadow: none;
  border-radius: 0px;
}
.material_card.dark {
  background: #292929;
  background-color: #292929;
}
.material_card.dark h2 {
  color: white;
}

.text_main {
  color: #ffbb28;
}

.text_success {
  color: #01e668;
}

.text_danger {
  color: #ff6028;
}

.text_small {
  font-size: 13px;
}

.text_blue {
  color: #3f72af;
}

.text_highlight {
  color: #f5a637;
}

.text_dark_gray {
  color: #444;
}

.text_black {
  color: black;
}
.text_black p {
  color: black !important;
}

.font_montserrat {
  font-family: "Montserrat", "Roboto", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.font_pacifico {
  font-family: "Pacifico", "Roboto", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}

.font_oswald {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
}

.display-5 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}

.display_1 {
  font-size: 10px !important;
}
.display_2 {
  font-size: 20px !important;
}
.display_3 {
  font-size: 30px !important;
}
.display_4 {
  font-size: 40px !important;
}
.display_5 {
  font-size: 50px !important;
}
.display_6 {
  font-size: 60px !important;
}
.display_7 {
  font-size: 70px !important;
}
.display_8 {
  font-size: 80px !important;
}
.display_9 {
  font-size: 90px !important;
}
.display_10 {
  font-size: 100px !important;
}

.text-muted.nav a {
  color: #868e96;
}
.text-muted.nav a.active {
  color: #3f72af;
}

.lead_sm {
  font-size: 1.05rem;
  font-weight: 300;
}

.text_xs {
  font-size: 12px;
}
.text_xs p {
  font-size: 12px;
}

.text_print_xs {
  font-size: 10pt;
}
.text_print_xs p:not(.small) {
  font-size: 10pt;
}

.btn-outline-blue {
  background-color: transparent;
  background-image: none;
  color: #3f72af;
  border-color: #3f72af;
}

.btn.active {
  box-shadow: none !important;
}
.btn.fixed_b_r {
  bottom: 15px;
  position: fixed;
  right: 15px;
}

.btn_active_icon.active .far,
.btn_active_icon.active .fas {
  color: #01e668;
}

.btn-cart {
  background-color: #eadb1c;
  color: #292929;
}

.btn-outline-cart {
  color: #292929;
  background-color: transparent;
  background-image: none;
  border-color: #eadb1c;
}
.btn-outline-cart:hover {
  background-color: #eadb1c;
  border-color: #eadb1c;
}

.btn_lg {
  min-width: 122px;
  padding: 10px 16px;
  line-height: 1.3;
}

.btn-black {
  background-color: #292929;
  color: #bdbdbd;
}

.btn-blank:hover,
.btn-blank:active,
.btn-blank:focus {
  text-decoration: none;
  background: none;
}

.text_white {
  color: white;
}

.btn.position-relative {
  position: relative;
}
.btn.position-relative .badge {
  position: absolute;
  margin-top: 5px;
}
.btn .icon_helper {
  opacity: 0.7;
}

.icon_fixed_l {
  position: absolute;
  left: 10%;
}

.btn_invisible {
  opacity: 0;
}

.btn_full {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.btn_full:hover {
  cursor: pointer;
}

.btn-transparent {
  background-color: transparent;
  text-transform: none;
  text-align: inherit;
}
.btn-transparent:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.btn_group_full {
  display: flex;
  flex-wrap: wrap;
}
.btn_group_full .btn {
  flex: 1;
  white-space: normal;
}

.btn-group .btn.active {
  background-color: #3f72af;
  border-color: #3f72af;
}
.btn-group .btn:not(:first-child) {
  border-left: none;
}

.btn-outline-blue.active,
.btn-outline-blue:active,
.btn-outline-blue:focus,
.btn-outline-blue:active:focus {
  color: #fff;
  background-color: #3f72af;
  border-color: #17a2b8;
}

.disabled_danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
}

.no_active {
  box-shadow: none !important;
}
.no_active.btn-outline-success:active,
.no_active.btn-outline-success:hover {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.no_active.btn-outline-info:active,
.no_active.btn-outline-info:hover {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.no_active.btn-outline-dark:active,
.no_active.btn-outline-dark:hover {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.hover_cta_cont {
  position: relative;
}
.hover_cta_cont:hover > .hover_cta {
  display: flex;
}
.hover_cta_cont .hover_cta {
  position: absolute;
  display: none;
  max-width: 80%;
  right: 0;
  top: 0;
  padding: 0 0px;
}
.hover_cta_cont .hover_cta.inverse {
  left: 0;
}
.hover_cta_cont .hover_cta.bottom {
  top: inherit;
  bottom: 0;
}

.btn-toggle,
.btn-toggle-danger,
.btn-toggle-primary,
.btn-toggle-success {
  background-color: transparent;
  background-image: none;
  color: #303030;
  border-width: 2px;
  border-color: #e7e7e7;
  border-radius: 5px;
}
.btn-toggle-success.active {
  border-color: #01e668;
}
.btn-toggle-primary.active {
  border-color: #346cb0;
}
.btn-toggle-danger.active {
  border-color: #ff6028;
}

.border_btn.btn-cart {
  border: 1px solid #92890e;
  border-radius: 5px;
}

.btn_icon {
  position: relative;
}
.btn_icon.btn_hover_icon * {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.btn_icon.btn_hover_icon i {
  opacity: 0;
}
.btn_icon.btn_hover_icon:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}
.btn_icon.btn_hover_icon:hover > i {
  opacity: 1;
}
.btn_icon.btn_hover_icon:hover > *:not(i) {
  opacity: 0.7;
}
.btn_icon i {
  position: absolute;
  left: 10px;
  font-size: 200%;
  top: 10px;
  z-index: 1020;
}
.btn_icon i.center {
  left: 47%;
  top: 40%;
}

.btn-outline-light.darker,
.btn-light.darker {
  color: #262d35;
  border-color: #9fadba;
}

.btn_helper {
  position: relative;
}
.btn_helper .helper {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rounded_plus {
  border-radius: 15px;
}

.btn-circle-lg {
  width: 100px;
  height: 100px;
  min-width: 100px;
}

.facebook,
.facebook_color {
  color: #4267b2;
}
.facebook.hover:hover,
.facebook_color.hover:hover {
  color: #4267b2;
}
.facebook.hover_bg:hover,
.facebook_color.hover_bg:hover {
  background-color: #4267b2;
  color: #ffffff;
}

.facebook-f,
.facebook-f_color {
  color: #4267b2;
}
.facebook-f.hover:hover,
.facebook-f_color.hover:hover {
  color: #4267b2;
}
.facebook-f.hover_bg:hover,
.facebook-f_color.hover_bg:hover {
  background-color: #4267b2;
  color: #ffffff;
}

.instagram,
.instagram_color {
  color: #f46f30;
}
.instagram.hover:hover,
.instagram_color.hover:hover {
  color: #f46f30;
}
.instagram.hover_bg:hover,
.instagram_color.hover_bg:hover {
  background-color: #f46f30;
  color: #ffffff;
}

.youtube,
.youtube_color {
  color: #ff0002;
}
.youtube.hover:hover,
.youtube_color.hover:hover {
  color: #ff0002;
}
.youtube.hover_bg:hover,
.youtube_color.hover_bg:hover {
  background-color: #ff0002;
  color: #ffffff;
}

.twitter,
.twitter_color {
  color: #1da1f2;
}
.twitter.hover:hover,
.twitter_color.hover:hover {
  color: #1da1f2;
}
.twitter.hover_bg:hover,
.twitter_color.hover_bg:hover {
  background-color: #1da1f2;
  color: #ffffff;
}

.btn_underlined {
  border-bottom: 2px solid #fff;
  color: #585858;
  background: none;
}
.btn_underlined:hover,
.btn_underlined:focus,
.btn_underlined:active {
  background-color: transparent;
  color: #333;
}
.btn_underlined.active_danger {
  border-bottom-color: #ff6028;
  color: #ff6028;
}
.btn_underlined.active_dark {
  border-bottom-color: #292929;
  color: #292929;
}
.btn_underlined.active_success {
  border-bottom-color: #01e668;
  color: #01e668;
}
.btn_underlined.active_primary {
  border-bottom-color: #007bff;
  color: #007bff;
}

.btn_underlined_cont {
  border-bottom: 1px solid #292929;
}
.btn_underlined_cont.danger {
  border-bottom-color: #ff6028;
  color: #ff6028;
}
.btn_underlined_cont.dark {
  border-bottom-color: #292929;
  color: #292929;
}
.btn_underlined_cont.success {
  border-bottom-color: #01e668;
  color: #01e668;
}
.btn_underlined_cont.primary {
  border-bottom-color: #007bff;
  color: #007bff;
}

.fade.in {
  opacity: 1;
}
.fade.in.white_bg {
  background: rgba(255, 255, 255, 0.75);
}

.modal-body .scrolleable {
  max-height: 80vh;
  overflow-y: scroll;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal.vertical_center.in {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
}

.form-check-input.revert {
  position: relative;
  margin-top: 0;
  margin-left: 0;
}

.form-check-label.revert {
  padding-left: 0.25rem;
}

.animate_all {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@-webkit-keyframes bounce_left {
  0% {
    left: 15px;
  }
  50% {
    left: 5px;
  }
  100% {
    left: 15px;
  }
}
@-webkit-keyframes bounce_right {
  0% {
    right: 15px;
  }
  50% {
    right: 5px;
  }
  100% {
    right: 15px;
  }
}
.bounce_right {
  animation-name: bounce_right;
  animation-duration: 0.7s;
  animation-iteration-count: 2;
  animation-direction: reverse;
  animation-timing-function: ease-in;
  animation-delay: 2s;
}

.floating_anm {
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 10px);
  }
  to {
    transform: translate(0, 0px);
  }
}
.fly_away_anm {
  animation-name: fly_away;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
}

@keyframes fly_away {
  from {
    transform: translate(0, 0px);
    opacity: 1;
  }
  to {
    transform: translate(80px, -20px);
    opacity: 0;
  }
}
.pulse_anm {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
.big_entrance_anm {
  animation-name: big_entrance;
  -webkit-animation-name: big_entrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
.big_entrance_anm.fast {
  animation-duration: 0.6s;
  -webkit-animation-duration: 0.6s;
}

@keyframes big_entrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes big_entrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
.animate_notification {
  -webkit-animation: moveOpen 10s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}

.animate_notification_fast {
  -webkit-animation: moveOpen 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}

/* Safari and Chrome */
@-webkit-keyframes moveOpen {
  from {
    -webkit-transform: translate(0, 0px);
  }
  10% {
    -webkit-transform: translate(0, 100px);
  }
  80% {
    -webkit-transform: translate(0, 100px);
  }
  to {
    -webkit-transform: translate(0, 0px);
  }
}
.color_pump_elem {
  -webkit-animation: color_pump 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
}

@keyframes color_pump {
  0% {
    background-color: #e8f2f3;
  }
  50% {
    background-color: #b9c4c5;
  }
  100% {
    background-color: #e8f2f3;
  }
}
@-webkit-keyframes color_pump {
  0% {
    background-color: #e8f2f3;
  }
  50% {
    background-color: #b9c4c5;
  }
  100% {
    background-color: #e8f2f3;
  }
}
.loader_top {
  animation-name: horizontal_move;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}

.loader_info {
  position: fixed;
  bottom: 100px;
  left: 20px;
  min-width: 150px;
  text-align: center;
  border-radius: 5px;
  background-color: #404040;
  color: white;
  min-block-size: 20px;
  padding: 10px;
  font-size: 0.8em;
  animation-name: opacity_Out;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.fade_content {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  animation-name: opacity_In;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

@-webkit-keyframes opacity_In {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes opacity_Out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    display: none;
  }
}
@-webkit-keyframes horizontal_move {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.shake_anim {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.main_color_bg {
  background-color: #ffbb28;
}

.bg_partner {
  background-color: #3f72af;
}

.bg_warning {
  background-color: #fff5d7 !important;
}

.outline_danger {
  border: 1px solid #ff6028;
}

.outline_partner {
  border: 1px solid #3f72af;
}

.bg-dark {
  color: white;
}
.bg-dark h1,
.bg-dark h2,
.bg-dark a {
  color: white;
}
.bg-dark p {
  color: #f3e8ee;
}
.bg-dark .icon_img {
  background-color: #ead2ac;
}

.bg_blue_light {
  color: #3d4654;
  background-color: #e1f0f4;
}
.bg_blue_light h1,
.bg_blue_light h2,
.bg_blue_light a {
  color: #3d4654;
}
.bg_blue_light p {
  color: #3d4654;
}
.bg_blue_light .icon_img {
  background-color: #f9f9ed;
}

.bg-light h1,
.bg-light h2,
.bg-light a {
  color: #3d4654;
}
.bg-light p {
  color: #3d4654;
}
.bg-light .icon_img {
  background-color: #3d4654;
  color: #f9f9ed;
}

.badge_light {
  color: #424242;
  background-color: #f5f5f5;
}

.reports-square {
  display: inline-block;
  width: 45px;
  height: 10px;
  margin-right: 10px;
  background-color: #fafafa;
}
.reports-square.absolute {
  width: 25px;
  height: 15px;
  position: absolute;
  left: 10px;
  top: 13px;
}

.material_calculator {
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  margin-top: 15px;
}
.material_calculator input {
  padding: 30px;
  width: 100%;
  height: 60px;
  border: 0;
  border-bottom: 8px solid #eee;
  font-size: 2rem;
  font-weight: 300;
  letter-spacing: 0.3rem;
  text-align: right;
}
.material_calculator ul li {
  float: left;
  margin: 0 1px 1px 0;
  width: 20%;
  height: 60px;
  background: #fff;
  display: inline-block;
  font-size: 0.9rem;
  line-height: 4rem;
  text-align: center;
  -webkit-transition: all 0.5s;
}
.material_calculator ul li:hover {
  background: #eee;
  -webkit-transition: all 0.1s;
}
.material_calculator ul li:nth-child(4n + 4),
.material_calculator ul li:last-child {
  margin: 0 0 1px 0;
}
.material_calculator .long {
  width: 40%;
}

.calulcator_numbers {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px;
  z-index: 1030;
  background: #f0f1f3;
}
.calulcator_numbers .btn-outline-dark {
  font-size: 125%;
  border-color: #8b8b8b;
  background-color: white;
  border-radius: 5px;
  color: #333;
}
.calulcator_numbers .btn-outline-dark:active,
.calulcator_numbers .btn-outline-dark:focus {
  background-color: #e6e6e6;
}
.calulcator_numbers .btn_secondary {
  background-color: transparent;
  border: none;
}

.price_result {
  position: absolute;
  right: 30px;
  bottom: 20px;
  z-index: 1030;
  font-size: 2em;
}

.fixed_top {
  position: fixed;
  top: 75px;
  z-index: 1040;
}

.fixed_bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.bottom_100 {
  bottom: -100%;
}

.form-absolute {
  position: absolute;
  width: 100%;
  top: 23px;
  z-index: 10;
}

.fixed_right {
  right: 0;
  left: auto;
}

.z_index_1 {
  z-index: 1000 !important;
}
.z_index_2 {
  z-index: 1020 !important;
}
.z_index_3 {
  z-index: 1030 !important;
}
.z_index_4 {
  z-index: 1040 !important;
}
.z_index_5 {
  z-index: 1050 !important;
}
.z_index_6 {
  z-index: 1060 !important;
}
.z_index_7 {
  z-index: 1070 !important;
}

.scrolleable thead,
.scrolleable tbody {
  display: block;
}
.scrolleable tbody {
  overflow-y: auto;
  overflow-x: hidden;
}
.scrolleable.scroll_active {
  overflow-y: scroll;
}

.table_sm {
  font-size: 0.8em;
}

.table_xs td,
.table_xs th {
  padding: 0 0.3rem;
  line-height: 1.1;
}

.table_no_border td,
.table_no_border th {
  border: none;
}

.pricing_table article {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
.pricing_table ul {
  display: flex;
  top: 0px;
  z-index: 10;
  padding-bottom: 14px;
}
.pricing_table li {
  list-style: none;
  flex: 1;
}
.pricing_table li:last-child {
  border-right: 1px solid #ddd;
}
.pricing_table button {
  width: 100%;
  border: 1px solid #ddd;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 60px;
  color: #999;
}
.pricing_table li.active button {
  background: #f5f5f5;
  color: #000;
}
.pricing_table table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
.pricing_table th {
  display: none;
}
.pricing_table td,
.pricing_table th {
  height: 53px;
  padding: 10px;
  empty-cells: show;
  text-align: left;
  width: auto;
}
.pricing_table td + td,
.pricing_table th + th {
  text-align: center;
  display: none;
}
.pricing_table td.default {
  display: table-cell;
}
.pricing_table .bg-purple {
  border-top: 3px solid #a32362;
}
.pricing_table .bg-blue {
  border-top: 3px solid #0097cf;
}
.pricing_table .sep {
  background: #f5f5f5;
  font-weight: bold;
}
.pricing_table .txt-l {
  font-size: 28px;
  font-weight: bold;
}
.pricing_table .txt-top {
  position: relative;
  top: -9px;
  left: -2px;
}
.pricing_table .tick {
  font-size: 18px;
  color: #2ca01c;
}
.pricing_table .hide {
  border: 0;
  background: none;
}

.notification_top {
  position: fixed;
  z-index: 1070;
  top: -100px;
  left: 0;
  right: 0;
  padding: 15px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
}

.notification_bottom {
  display: none;
  z-index: 1070;
  position: fixed;
  bottom: 100px;
  left: 20px;
  min-width: 200px;
  max-width: 90vw;
  border-radius: 5px;
  background-color: #404040;
  padding: 10px;
  color: white;
  font-size: 0.8em;
}
.notification_bottom p {
  color: white;
}
.notification_bottom button {
  color: #629de2;
  font-weight: bold;
}

.inputs_lg input {
  font-size: 17px;
}
.inputs_lg .icon {
  top: 18px;
}

.input_div {
  font-size: 1.7em;
  background-color: #fff;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #ced4da;
}

.form-group .i_absolute {
  position: absolute;
  left: 110%;
  bottom: 10%;
  font-size: 25px;
}
.form-group .i_absolute.i_ontop {
  left: initial;
  right: 15px;
}

.inputs_compact label {
  margin-bottom: 0.1rem;
}
.inputs_compact input {
  font-weight: lighter;
}
.inputs_compact .form-group {
  margin-bottom: 0.5rem;
}

.mask_input {
  position: absolute;
  opacity: 0;
  padding: 0;
  caret-color: transparent;
}
.mask_input.mask_lg {
  padding: 10px;
  font-size: 1.8em;
}

.max_vh_75 {
  max-height: 75vh;
}
.max_vh_70 {
  max-height: 70vh;
}
.max_vh_60 {
  max-height: 60vh;
}

.fix_vh_75 {
  height: 75vh;
}
.fix_vh_70 {
  height: 70vh;
}
.fix_vh_60 {
  height: 60vh;
}
.fix_vh_50 {
  height: 50vh;
}
.fix_vh_40 {
  height: 40vh;
}
.fix_vh_30 {
  height: 30vh;
}

.min_vh_1 {
  min-height: 10vh !important;
}
.min_vh_2 {
  min-height: 20vh !important;
}
.min_vh_3 {
  min-height: 30vh !important;
}
.min_vh_4 {
  min-height: 40vh !important;
}
.min_vh_5 {
  min-height: 50vh !important;
}
.min_vh_6 {
  min-height: 60vh !important;
}
.min_vh_7 {
  min-height: 70vh !important;
}
.min_vh_8 {
  min-height: 80vh !important;
}
.min_vh_9 {
  min-height: 90vh !important;
}

.min_width_1 {
  min-width: 10% !important;
}
.min_width_2 {
  min-width: 20% !important;
}
.min_width_3 {
  min-width: 30% !important;
}
.min_width_4 {
  min-width: 40% !important;
}
.min_width_5 {
  min-width: 50% !important;
}
.min_width_6 {
  min-width: 60% !important;
}
.min_width_7 {
  min-width: 70% !important;
}
.min_width_8 {
  min-width: 80% !important;
}
.min_width_9 {
  min-width: 90% !important;
}

.width_1 {
  width: 10% !important;
}
.width_2 {
  width: 20% !important;
}
.width_3 {
  width: 30% !important;
}
.width_4 {
  width: 40% !important;
}
.width_5 {
  width: 50% !important;
}
.width_6 {
  width: 60% !important;
}
.width_7 {
  width: 70% !important;
}
.width_8 {
  width: 80% !important;
}
.width_9 {
  width: 90% !important;
}

.max_width_1 {
  max-width: 10% !important;
}
.max_width_2 {
  max-width: 20% !important;
}
.max_width_3 {
  max-width: 30% !important;
}
.max_width_4 {
  max-width: 40% !important;
}
.max_width_5 {
  max-width: 50% !important;
}
.max_width_6 {
  max-width: 60% !important;
}
.max_width_7 {
  max-width: 70% !important;
}
.max_width_8 {
  max-width: 80% !important;
}
.max_width_9 {
  max-width: 90% !important;
}

.py-10 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.py-11 {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}
.py-12 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.py-13 {
  padding-top: 130px !important;
  padding-bottom: 130px !important;
}
.py-14 {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
.py-15 {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
}
.py-16 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}
.py-17 {
  padding-top: 170px !important;
  padding-bottom: 170px !important;
}
.py-18 {
  padding-top: 180px !important;
  padding-bottom: 180px !important;
}
.py-19 {
  padding-top: 190px !important;
  padding-bottom: 190px !important;
}
.py-20 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}
.py-21 {
  padding-top: 210px !important;
  padding-bottom: 210px !important;
}
.py-22 {
  padding-top: 220px !important;
  padding-bottom: 220px !important;
}
.py-23 {
  padding-top: 230px !important;
  padding-bottom: 230px !important;
}
.py-24 {
  padding-top: 240px !important;
  padding-bottom: 240px !important;
}
.py-25 {
  padding-top: 250px !important;
  padding-bottom: 250px !important;
}
.py-26 {
  padding-top: 260px !important;
  padding-bottom: 260px !important;
}
.py-27 {
  padding-top: 270px !important;
  padding-bottom: 270px !important;
}
.py-28 {
  padding-top: 280px !important;
  padding-bottom: 280px !important;
}
.py-29 {
  padding-top: 290px !important;
  padding-bottom: 290px !important;
}
.py-30 {
  padding-top: 300px !important;
  padding-bottom: 300px !important;
}
.py-31 {
  padding-top: 310px !important;
  padding-bottom: 310px !important;
}
.py-32 {
  padding-top: 320px !important;
  padding-bottom: 320px !important;
}
.py-33 {
  padding-top: 330px !important;
  padding-bottom: 330px !important;
}
.py-34 {
  padding-top: 340px !important;
  padding-bottom: 340px !important;
}
.py-35 {
  padding-top: 350px !important;
  padding-bottom: 350px !important;
}
.py-36 {
  padding-top: 360px !important;
  padding-bottom: 360px !important;
}
.py-37 {
  padding-top: 370px !important;
  padding-bottom: 370px !important;
}
.py-38 {
  padding-top: 380px !important;
  padding-bottom: 380px !important;
}
.py-39 {
  padding-top: 390px !important;
  padding-bottom: 390px !important;
}
.py-40 {
  padding-top: 400px !important;
  padding-bottom: 400px !important;
}
.py-41 {
  padding-top: 410px !important;
  padding-bottom: 410px !important;
}
.py-42 {
  padding-top: 420px !important;
  padding-bottom: 420px !important;
}
.py-43 {
  padding-top: 430px !important;
  padding-bottom: 430px !important;
}
.py-44 {
  padding-top: 440px !important;
  padding-bottom: 440px !important;
}
.py-45 {
  padding-top: 450px !important;
  padding-bottom: 450px !important;
}
.py-46 {
  padding-top: 460px !important;
  padding-bottom: 460px !important;
}
.py-47 {
  padding-top: 470px !important;
  padding-bottom: 470px !important;
}
.py-48 {
  padding-top: 480px !important;
  padding-bottom: 480px !important;
}
.py-49 {
  padding-top: 490px !important;
  padding-bottom: 490px !important;
}
.py-50 {
  padding-top: 500px !important;
  padding-bottom: 500px !important;
}
.pt-10 {
  padding-top: 100px !important;
}
.pt-11 {
  padding-top: 110px !important;
}
.pt-12 {
  padding-top: 120px !important;
}
.pt-13 {
  padding-top: 130px !important;
}
.pt-14 {
  padding-top: 140px !important;
}
.pt-15 {
  padding-top: 150px !important;
}
.pt-16 {
  padding-top: 160px !important;
}
.pt-17 {
  padding-top: 170px !important;
}
.pt-18 {
  padding-top: 180px !important;
}
.pt-19 {
  padding-top: 190px !important;
}
.pt-20 {
  padding-top: 200px !important;
}
.pt-21 {
  padding-top: 210px !important;
}
.pt-22 {
  padding-top: 220px !important;
}
.pt-23 {
  padding-top: 230px !important;
}
.pt-24 {
  padding-top: 240px !important;
}
.pt-25 {
  padding-top: 250px !important;
}
.pt-26 {
  padding-top: 260px !important;
}
.pt-27 {
  padding-top: 270px !important;
}
.pt-28 {
  padding-top: 280px !important;
}
.pt-29 {
  padding-top: 290px !important;
}
.pt-30 {
  padding-top: 300px !important;
}
.pt-31 {
  padding-top: 310px !important;
}
.pt-32 {
  padding-top: 320px !important;
}
.pt-33 {
  padding-top: 330px !important;
}
.pt-34 {
  padding-top: 340px !important;
}
.pt-35 {
  padding-top: 350px !important;
}
.pt-36 {
  padding-top: 360px !important;
}
.pt-37 {
  padding-top: 370px !important;
}
.pt-38 {
  padding-top: 380px !important;
}
.pt-39 {
  padding-top: 390px !important;
}
.pt-40 {
  padding-top: 400px !important;
}
.pt-41 {
  padding-top: 410px !important;
}
.pt-42 {
  padding-top: 420px !important;
}
.pt-43 {
  padding-top: 430px !important;
}
.pt-44 {
  padding-top: 440px !important;
}
.pt-45 {
  padding-top: 450px !important;
}
.pt-46 {
  padding-top: 460px !important;
}
.pt-47 {
  padding-top: 470px !important;
}
.pt-48 {
  padding-top: 480px !important;
}
.pt-49 {
  padding-top: 490px !important;
}
.pt-50 {
  padding-top: 500px !important;
}
.pb-10 {
  padding-bottom: 100px !important;
}
.pb-11 {
  padding-bottom: 110px !important;
}
.pb-12 {
  padding-bottom: 120px !important;
}
.pb-13 {
  padding-bottom: 130px !important;
}
.pb-14 {
  padding-bottom: 140px !important;
}
.pb-15 {
  padding-bottom: 150px !important;
}
.pb-16 {
  padding-bottom: 160px !important;
}
.pb-17 {
  padding-bottom: 170px !important;
}
.pb-18 {
  padding-bottom: 180px !important;
}
.pb-19 {
  padding-bottom: 190px !important;
}
.pb-20 {
  padding-bottom: 200px !important;
}
.pb-21 {
  padding-bottom: 210px !important;
}
.pb-22 {
  padding-bottom: 220px !important;
}
.pb-23 {
  padding-bottom: 230px !important;
}
.pb-24 {
  padding-bottom: 240px !important;
}
.pb-25 {
  padding-bottom: 250px !important;
}
.pb-26 {
  padding-bottom: 260px !important;
}
.pb-27 {
  padding-bottom: 270px !important;
}
.pb-28 {
  padding-bottom: 280px !important;
}
.pb-29 {
  padding-bottom: 290px !important;
}
.pb-30 {
  padding-bottom: 300px !important;
}
.pb-31 {
  padding-bottom: 310px !important;
}
.pb-32 {
  padding-bottom: 320px !important;
}
.pb-33 {
  padding-bottom: 330px !important;
}
.pb-34 {
  padding-bottom: 340px !important;
}
.pb-35 {
  padding-bottom: 350px !important;
}
.pb-36 {
  padding-bottom: 360px !important;
}
.pb-37 {
  padding-bottom: 370px !important;
}
.pb-38 {
  padding-bottom: 380px !important;
}
.pb-39 {
  padding-bottom: 390px !important;
}
.pb-40 {
  padding-bottom: 400px !important;
}
.pb-41 {
  padding-bottom: 410px !important;
}
.pb-42 {
  padding-bottom: 420px !important;
}
.pb-43 {
  padding-bottom: 430px !important;
}
.pb-44 {
  padding-bottom: 440px !important;
}
.pb-45 {
  padding-bottom: 450px !important;
}
.pb-46 {
  padding-bottom: 460px !important;
}
.pb-47 {
  padding-bottom: 470px !important;
}
.pb-48 {
  padding-bottom: 480px !important;
}
.pb-49 {
  padding-bottom: 490px !important;
}
.pb-50 {
  padding-bottom: 500px !important;
}

.icon_img {
  width: 100%;
  min-height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px;
}

.sales_chart {
  max-width: 1200px;
}

.pac-container {
  z-index: 1060;
}

.pac-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.feedback_input {
  position: absolute;
  right: 25px;
  margin-top: -25px;
}

.gallery_feed .gallery_item {
  width: 200px;
  height: 200px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gallery_feed .gallery_item:first-child {
  width: 400px;
  height: 400px;
}
.gallery_feed .gallery_item a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.7);
  color: #e4e4e4;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  display: flex;
}
.gallery_feed .gallery_item a:hover {
  opacity: 1;
}

ul.timeline {
  list-style: none;
  position: relative;
  padding: 1px 50px;
  color: #fff;
  font-size: 13px;
}
ul.timeline:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 2px dashed #fff;
  left: 50px;
}
ul.timeline li {
  position: relative;
  margin-left: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 14px;
  border-radius: 6px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08);
}
ul.timeline li:not(:first-child) {
  margin-top: 30px;
}
ul.timeline li > span {
  width: 2px;
  height: 100%;
  background: #fff;
  left: -30px;
  top: 0;
  position: absolute;
}
ul.timeline li:before,
ul.timeline li:after {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  background: #3f72af;
  left: -36px;
  top: 0;
}
ul.timeline li.timeline_li_out:before,
ul.timeline li.timeline_li_out:after {
  background: tomato;
}
ul.timeline span:after {
  top: 100%;
}
ul.timeline > div {
  margin-left: 10px;
}
ul.timeline div.title,
ul.timeline div.type {
  font-weight: 600;
  font-size: 12px;
}
ul.timeline div.info {
  font-weight: 300;
}
ul.timeline > div {
  margin-top: 5px;
}
ul.timeline span.number {
  height: 100%;
}
ul.timeline span {
  position: absolute;
  font-size: 10px;
  left: -35px;
  font-weight: bold;
}
ul.timeline span:first-child {
  top: 5px;
}

.ingredients_row {
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
  padding-top: 10px;
  padding-bottom: 10px;
}

#map_container {
  position: relative;
}

#map {
  height: 500px;
  overflow: hidden;
  padding-bottom: 22.25%;
  padding-top: 30px;
  position: relative;
}

.fixed_bottom_mov {
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 1030;
  background: white;
  left: 0;
}

.img_icons {
  width: 100%;
}
.img_icons a {
  margin-right: 5px;
}
.img_icons a img {
  width: 100px;
  padding: 15px 0;
}

.img_100 {
  width: 100%;
  height: auto;
}

.brand_logo_product:hover {
  text-decoration: none;
}
.brand_logo_product img {
  clip-path: circle(35px at center);
  max-width: 75px;
}

#product_carrusel_mob {
  overflow: hidden;
  position: relative;
}
#product_carrusel_mob img {
  position: absolute;
  top: 0;
  left: 101%;
}
#product_carrusel_mob img:first-child {
  position: relative;
  opacity: 0;
}
#product_carrusel_mob img.active {
  left: 0;
}
#product_carrusel_mob img.move_left {
  left: -101%;
}
#product_carrusel_mob .carousel-indicators {
  bottom: 0;
  margin-bottom: 10px;
}

.fa-nav {
  position: absolute;
  top: 40%;
  z-index: 1020;
  color: rgba(255, 255, 255, 0.5);
}
.fa-nav.fa-angle-left {
  left: 15px;
}
.fa-nav.fa-angle-right {
  right: 15px;
}

.modal-cover {
  position: fixed;
  z-index: 1039;
  background: white;
  left: 0;
  right: 0;
  top: 0;
  height: 120vh;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 100px;
}
.modal-cover .btn.close {
  position: absolute;
  left: 0;
  top: 15px;
  color: white;
  z-index: 1060;
  opacity: 1;
}
.modal-cover .btn.close .fa:before {
  content: "" !important;
}

.ingredient_btn i {
  font-size: 25px;
}
.ingredient_btn i.not_selected {
  color: #bdbdbd !important;
}
.ingredient_btn i:last-child:not(fist-child) {
  margin-right: 5px;
}

.add_product_mob {
  position: fixed;
  bottom: 85px;
  right: 25px;
}

.product_title_mob {
  position: absolute;
  bottom: 15px;
  background: rgba(255, 255, 255, 0.7);
  padding: 15px 10px;
  border-radius: 10px;
  width: 90%;
  left: 5%;
  text-align: center;
}

.last_child_m_b:last-child {
  margin-bottom: 130px;
}

.mob_cover_img {
  height: 30vh;
  background-position: center center;
  background-size: cover;
}

.invisible_input {
  position: relative;
}
.invisible_input .input_cont {
  position: absolute;
  left: 0;
  top: 4px;
  display: none;
  width: 100%;
}
.invisible_input .input_cont.active {
  display: flex;
}

.error_msg h1 {
  font-size: 80px;
}
.error_msg h2 {
  font-size: 30px;
}
.error_msg img {
  max-width: 200px;
}

.product_categories.card h3 {
  font-weight: 500;
}
.product_categories.card h3 a {
  color: #333;
}
.product_categories.card h3 a:hover {
  text-decoration: none;
  color: #3f72af;
}

.hr_color {
  height: 3px;
  min-width: 50%;
  background: #82d8e3;
  display: block;
  margin: 5px 0;
  border-radius: 10px;
}

.full_banner_top > div {
  min-height: 80vh;
  background-repeat: no-repeat;
  background-position: center;
}
.full_banner_top h1 {
  color: #fff;
  font-size: 5em;
}

.company_logo img {
  max-width: 150px;
  max-height: 150px;
}

.rounded_logo_lg {
  clip-path: circle(75px at center);
}

.rounded_logo {
  clip-path: circle(25px at center);
}

.rounded_logo_sm {
  clip-path: circle(25px at center);
}

.bg_image_block {
  position: relative;
  min-height: 20vh;
}
.bg_image_block .bg,
.bg_image_block .bg_blend {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.bg_image_block .bg.fixed,
.bg_image_block .fixed.bg_blend {
  background-attachment: fixed;
}
.bg_image_block .bg_blend {
  mix-blend-mode: multiply;
}
.bg_image_block .bg-back {
  background: #c7c7c7;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.bg_image_block h1 {
  color: #ffffff;
}

.section_footer ul li {
  line-height: 1.3;
  margin-bottom: 15px;
  position: relative;
  padding-left: 2rem;
}
.section_footer ul li i {
  position: absolute;
  top: 0.4em;
  left: 0;
  opacity: 0.7;
  font-size: small;
}

.img_logo_sm {
  height: 50px;
  position: relative;
}
.img_logo_sm a {
  max-width: 120px;
  display: block;
  position: absolute;
  bottom: 10%;
}
.img_logo_sm a img {
  width: 100%;
}

.company_nav {
  position: absolute;
  top: 0;
  background: none;
  background-color: transparent;
  z-index: 1020;
}
.company_nav img {
  max-width: 50px;
  max-height: 50px;
}
.company_nav a {
  color: white;
}

.rounded_img {
  clip-path: circle(166px at center);
  position: absolute;
  bottom: 5%;
}

.product_list .product_img {
  position: relative;
}
.product_list .product_img .brand_logo {
  position: absolute;
  right: 20px;
  opacity: 0.7;
  max-width: 50px;
  top: 15px;
}
.product_list .product_img .brand_logo:hover {
  opacity: 1;
}
.product_list .product_img .photoby {
  position: absolute;
  right: 20px;
  bottom: 5px;
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 10px 5px;
  color: #111;
}
.product_list .product_img .photoby a {
  color: #999;
  text-decoration: underline;
}
.product_list h2,
.product_list h4 {
  display: inline-block;
}
.product_list h2 {
  font-weight: 500;
  width: 100%;
  font-family: "Montserrat", "Roboto", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
}
.product_list a:not(.btn) {
  color: #525252;
}

.categoty_name {
  font-family: "Montserrat", "Roboto", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 30px;
}

.company_menu_info {
  background-color: #f7f7f7;
}
.company_menu_info h1 {
  font-size: 2.5rem;
}
.company_menu_info img {
  max-width: 140px;
  max-height: 140px;
}

.login_div label {
  color: #4a4a4a;
}
.login_div small {
  color: white;
}
.login_div img {
  margin: 15px;
  width: 50%;
}

.swipe_cont {
  position: relative;
  overflow: hidden;
}

.swipe_div {
  position: absolute;
  width: 100%;
  left: -110%;
}
.swipe_div.active {
  left: 0 !important;
}
.swipe_div:nth-child(2) {
  left: 110%;
}

.home_div h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
.home_div h4 {
  font-family: "Montserrat", sans-serif;
  margin: 15px;
}

.button-deck {
  display: flex;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.button-deck button,
.button-deck a {
  border-radius: unset;
  padding-top: 15px;
  padding-bottom: 15px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product_row_cards .card {
  margin-bottom: 5px;
}
.product_row_cards .card .bg_image {
  background-position: center center;
  background-size: cover;
}
.product_row_cards .card .bg_image img {
  width: 100%;
  opacity: 0;
}
.product_row_cards .card p {
  padding: 5px;
}

.h_scroll {
  overflow-x: scroll;
}

.app_add_bg {
  background-image: url("/img/food_home_bg.jpg");
  background-size: cover;
  background-position: center center;
}

.app_add .device {
  max-height: 500px;
}
.app_add h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 3em;
  text-transform: uppercase;
}

.app_store_btn {
  text-transform: capitalize;
  border-radius: 0.5rem;
  text-align: left;
}
.app_store_btn small {
  font-size: 70%;
  font-weight: 100;
}

.order_img {
  background-position: center center;
  background-size: cover;
  min-height: 150px;
}

.txt_on_img {
  color: white;
  font-size: 1.6em;
  font-family: "Open Sans", sans-serif;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.txt_on_img.background_text {
  background: rgba(31, 31, 31, 0.6);
  width: 100%;
  padding: 60px;
  margin-bottom: 0;
}

.order_actions h6 {
  font-weight: normal;
}
.order_actions h6:not(:first-child) {
  margin-top: 10px;
  border-top: 1px solid #e8f1f2;
  padding-top: 3px;
}

.bottom_cta {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fafafa;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.product_row.done {
  opacity: 0.5;
}

.progress_steps .step {
  text-align: center;
  flex: none;
}
.progress_steps h5 {
  display: inline-block;
  background: #e8f2f3;
  color: #333;
  padding: 7px 10px;
  border-radius: 50%;
  font-size: 15px;
  margin-bottom: 0;
}
.progress_steps h5.done {
  background: #286494;
  color: white;
}
.progress_steps p {
  margin-top: 5px;
}
.progress_steps .line {
  height: 5px;
  background-color: #e8f2f3;
  flex: 1;
  margin-top: 15px;
  border-radius: 15px;
}
.progress_steps .line > div {
  background-color: #286494;
  height: 5px;
  width: 30%;
  border-radius: 15px;
}
.progress_steps .line > div.done {
  width: 100%;
}

.payment-form {
  padding-bottom: 50px;
  font-family: "Montserrat", sans-serif;
}
.payment-form.dark {
  background-color: #f6f6f6;
}
.payment-form .content {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  background-color: white;
}
.payment-form .block-heading {
  padding-top: 50px;
  margin-bottom: 40px;
  text-align: center;
}
.payment-form .block-heading p {
  text-align: center;
  max-width: 420px;
  margin: auto;
  opacity: 0.7;
}
.payment-form.dark .block-heading p {
  opacity: 0.8;
}
.payment-form .block-heading h1,
.payment-form .block-heading h2,
.payment-form .block-heading h3 {
  margin-bottom: 1.2rem;
  color: #3b99e0;
}
.payment-form form {
  border-top: 2px solid #5ea4f3;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  background-color: #ffffff;
  padding: 0;
  max-width: 600px;
  margin: auto;
}
.payment-form .title {
  font-size: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0.8em;
  font-weight: 600;
  padding-bottom: 8px;
}
.payment-form .products {
  background-color: #f7fbff;
  padding: 25px;
}
.payment-form .products .item {
  margin-bottom: 1em;
}
.payment-form .products .item-name {
  font-weight: 600;
  font-size: 0.9em;
}
.payment-form .products .item-description {
  font-size: 0.8em;
  opacity: 0.6;
}
.payment-form .products .item p {
  margin-bottom: 0.2em;
}
.payment-form .products .price {
  float: right;
  font-weight: 600;
  font-size: 0.9em;
}
.payment-form .products .total {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  padding-top: 19px;
  font-weight: 600;
  line-height: 1;
}
.payment-form .card-details {
  padding: 25px 25px 15px;
}
.payment-form .card-details label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #79818a;
  text-transform: uppercase;
}
.payment-form .card-details button {
  margin-top: 0.6em;
  padding: 12px 0;
  font-weight: 600;
}
.payment-form .date-separator {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

@media (min-width: 576px) {
  .payment-form .title {
    font-size: 1.2em;
  }

  .payment-form .products {
    padding: 40px;
  }

  .payment-form .products .item-name {
    font-size: 1em;
  }

  .payment-form .products .price {
    font-size: 1em;
  }
  .payment-form .products .price.small {
    font-size: 0.8em !important;
    font-weight: 500;
  }

  .payment-form .card-details {
    padding: 40px 40px 30px;
  }

  .payment-form .card-details button {
    margin-top: 2em;
  }
}
.user_avatar {
  margin-top: -20%;
  max-height: 200px;
}
.user_avatar img {
  max-height: 200px;
}

.d-flex .card {
  flex: 1;
  min-width: 170px;
}

.btn_icon_text {
  border-radius: 4px;
  position: relative;
  padding: 14px 18px;
  border: 1px #ddd solid;
}
.btn_icon_text:hover {
  background-color: #ddd;
}
.btn_icon_text > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.btn_icon_text h4 {
  margin: 0;
}
.btn_icon_text p {
  margin: 0;
}

.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.marketing h2 {
  font-weight: 400;
}

.marketing .col-lg-4 p {
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}

.img_outside {
  margin-top: -150px;
}

/* Featurettes
------------------------- */
.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.05rem;
}

.icon_square {
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}
.landing_header {
  background-image: url(https://images.unsplash.com/photo-1529417305485-480f579e7578?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1409&q=80);
  background-position: bottom;
}
.landing_header .image_bg_color {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -2;
}
.landing_header h1,
.landing_header p {
  color: white;
}

.check_block {
  text-align: left;
}
.check_block div {
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
}
.check_block i {
  position: absolute;
  left: 5px;
}

.app_search {
  position: fixed;
  height: 100vh;
  width: 100%;
  background-color: #f3f3f3;
  bottom: 110%;
  z-index: 1040;
  min-height: 90vh;
  opacity: 0;
  pointer-events: none;
}
.app_search.active {
  bottom: 0;
  opacity: 1;
  pointer-events: initial;
}
.app_search .search_tips {
  background: white;
  overflow: scroll;
  height: 100vh;
}
.app_search .list-group-item .fas {
  opacity: 0;
}
.app_search .list-group-item.selected {
  background-color: #f3f3f3;
  font-weight: bold;
}
.app_search .list-group-item.selected .fas {
  opacity: 0.8;
}
.app_search .list-group-item:first-child,
.app_search .list-group-item:last-child {
  border-radius: inherit !important;
}

.product_imgs > .product_img {
  position: relative;
}
.product_imgs > .product_img img {
  margin-top: 3px;
  margin-bottom: 3px;
}
.product_imgs > .product_img.not_first_child img {
  max-width: 100px;
}

.overlay_options {
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.overlay_options:hover {
  opacity: 1;
}
.overlay_options .btn {
  color: #ebebeb;
}
.overlay_options .btn:hover {
  color: #fff;
}

.product_table img {
  width: 50px;
}
.product_table tbody tr:hover {
  cursor: pointer;
}

.material_card.pos_panel .card {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  margin: 5px;
  padding: 5px;
}
.material_card.pos_panel .card img {
  width: 100%;
}
.material_card.pos_panel .card h5 {
  font-size: 1.2em;
}
.material_card.pos_panel th,
.material_card.pos_panel td {
  font-weight: normal;
  border-top: none;
}
.material_card.pos_panel tr.last-child {
  border-top: 1px solid #e9ecef;
}

.img_price {
  position: relative;
}
.img_price .price_tag {
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: right;
  margin: 0;
  font-size: 1em;
}

.dropdown-menu.search_results {
  width: 100%;
  top: 66px;
  border-radius: 0 0 0.25rem 0.25rem;
}

.info_bar {
  background-color: #ebebeb;
}
.info_bar .bar_fill {
  background-color: #6c6c6c;
}

.vertical_bar {
  width: 100%;
  height: 20px;
}

.plans.bg-dark h3 {
  color: white;
}

.per_100 {
  width: 100%;
  height: 100%;
}

.per_90 {
  width: 90%;
  height: 100%;
}

.per_80 {
  width: 80%;
  height: 100%;
}

.per_70 {
  width: 70%;
  height: 100%;
}

.per_60 {
  width: 60%;
  height: 100%;
}

.per_50 {
  width: 50%;
  height: 100%;
}

.per_40 {
  width: 40%;
  height: 100%;
}

.per_30 {
  width: 30%;
  height: 100%;
}

.per_20 {
  width: 20%;
  height: 100%;
}

.per_10 {
  width: 10%;
  height: 100%;
}

.light_table {
  font-weight: 100;
}
.light_table td {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
}
.light_table td b {
  font-weight: 600;
}
.light_table td b.cancelled {
  color: red;
  text-decoration: line-through;
  font-weight: 400;
}
.light_table badge {
  font-weight: 100;
}

.user_avatar_sm {
  max-width: 50px;
  max-height: 50px;
  border-radius: 50%;
}

.list-group-item.done {
  opacity: 0.7;
}

.hr_divider {
  margin-top: 250px;
}

.full_link_parent {
  position: relative;
}
.full_link_parent .full_link {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  z-index: 1030;
  background-color: #545454;
}
.full_link_parent .full_link:hover {
  cursor: pointer;
}
.full_link_parent .full_link:focus {
  opacity: 0.2;
}

.card.disabled {
  opacity: 0.5;
}
.card.disabled:hover {
  cursor: not-allowed;
}

.products_pos {
  height: 90vh;
  overflow-y: scroll;
}

.product_placehoder {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  background-color: #dae3e5;
}
.product_placehoder h4 {
  font-size: 2em;
  font-weight: 500;
  color: #04080f;
}

.printing_page {
  color: #bdbdbd;
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  background: #242b2e;
}
.printing_page .printing_page_container {
  overflow-y: scroll;
  height: 90vh;
}
.printing_page h1 {
  color: #bdbdbd;
}
.printing_page p {
  color: #bdbdbd;
}
.printing_page td {
  color: #303030;
}

.ticket_css {
  font-family: "Courier New", Courier, monospace;
}

@media (max-width: 575px) {
  .partner main {
    margin-top: 0px;
  }

  body {
    width: 100vw;
    overflow-x: hidden;
  }

  .fixed_innav_bottom_mov {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 1030;
    background: white;
    left: 0;
  }

  .list-group-item.flat-top_mob:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .order_actions span {
    display: none;
  }

  .xs_hidden {
    display: none;
  }

  .btn_xs_lg {
    min-width: 122px;
    padding: 20px 16px;
    line-height: 1.3;
  }

  .min_vh_xs_1 {
    min-height: 10vh !important;
  }
  .min_vh_xs_2 {
    min-height: 20vh !important;
  }
  .min_vh_xs_3 {
    min-height: 30vh !important;
  }
  .min_vh_xs_4 {
    min-height: 40vh !important;
  }
  .min_vh_xs_5 {
    min-height: 50vh !important;
  }
  .min_vh_xs_6 {
    min-height: 60vh !important;
  }
  .min_vh_xs_7 {
    min-height: 70vh !important;
  }
  .min_vh_xs_8 {
    min-height: 80vh !important;
  }
  .min_vh_xs_9 {
    min-height: 90vh !important;
  }
  .min_vh_xs_10 {
    min-height: 100vh !important;
  }

  .min_width_xs_1 {
    min-width: 10% !important;
  }
  .min_width_xs_2 {
    min-width: 20% !important;
  }
  .min_width_xs_3 {
    min-width: 30% !important;
  }
  .min_width_xs_4 {
    min-width: 40% !important;
  }
  .min_width_xs_5 {
    min-width: 50% !important;
  }
  .min_width_xs_6 {
    min-width: 60% !important;
  }
  .min_width_xs_7 {
    min-width: 70% !important;
  }
  .min_width_xs_8 {
    min-width: 80% !important;
  }
  .min_width_xs_9 {
    min-width: 90% !important;
  }
  .min_width_xs_10 {
    min-width: 100% !important;
  }

  .max_width_xs_1 {
    max-width: 10% !important;
  }
  .max_width_xs_2 {
    max-width: 20% !important;
  }
  .max_width_xs_3 {
    max-width: 30% !important;
  }
  .max_width_xs_4 {
    max-width: 40% !important;
  }
  .max_width_xs_5 {
    max-width: 50% !important;
  }
  .max_width_xs_6 {
    max-width: 60% !important;
  }
  .max_width_xs_7 {
    max-width: 70% !important;
  }
  .max_width_xs_8 {
    max-width: 80% !important;
  }
  .max_width_xs_9 {
    max-width: 90% !important;
  }
  .max_width_xs_10 {
    max-width: 100% !important;
  }

  .display-4.movil {
    font-size: 1.8rem;
  }

  .gallery_feed .gallery_item {
    width: 50%;
  }
  .gallery_feed .gallery_item:first-child,
  .gallery_feed .gallery_item:nth-child(4) {
    width: 100%;
  }

  .bg_image_block .bg.fixed,
  .bg_image_block .fixed.bg_blend {
    background-attachment: unset;
  }

  .daterangepicker {
    width: 90%;
  }
  .daterangepicker .drp-calendar {
    display: none;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .sm_hidden {
    display: none;
  }

  .modal-cover {
    top: 80px;
  }

  .partner main {
    margin-top: 26;
  }
}
@media (min-width: 768px) {
  main {
    margin-top: 73px;
  }

  .partner main {
    margin-top: 76px;
  }

  .page_margin_top {
    margin-top: 95px;
  }

  .fixed_bottom_mov {
    position: static;
  }

  .material-shadows_mov {
    box-shadow: none;
  }

  .full_banner_top > div {
    min-height: 45vh;
    background-attachment: fixed;
    background-size: cover;
  }

  .company_logo img {
    max-width: 250px;
    max-height: 250px;
  }

  .rounded_logo_lg {
    clip-path: circle(126px at center);
  }

  .rounded_logo {
    clip-path: circle(65px at center);
  }

  .modal-cover {
    top: 75px;
    padding-top: 15px;
  }

  .login_div img,
  .home_logo img {
    width: 100%;
  }

  .material_card.card_xs_none {
    background: white;
    border-radius: 2px;
    background-color: #fafafa;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  }

  .loader_info,
  .notification_bottom {
    bottom: 20px;
  }

  .min_vh_sm_1 {
    min-height: 10vh !important;
  }
  .min_vh_sm_2 {
    min-height: 20vh !important;
  }
  .min_vh_sm_3 {
    min-height: 30vh !important;
  }
  .min_vh_sm_4 {
    min-height: 40vh !important;
  }
  .min_vh_sm_5 {
    min-height: 50vh !important;
  }
  .min_vh_sm_6 {
    min-height: 60vh !important;
  }
  .min_vh_sm_7 {
    min-height: 70vh !important;
  }
  .min_vh_sm_8 {
    min-height: 80vh !important;
  }
  .min_vh_sm_9 {
    min-height: 90vh !important;
  }

  .min_width_sm_1 {
    min-width: 10% !important;
  }
  .min_width_sm_2 {
    min-width: 20% !important;
  }
  .min_width_sm_3 {
    min-width: 30% !important;
  }
  .min_width_sm_4 {
    min-width: 40% !important;
  }
  .min_width_sm_5 {
    min-width: 50% !important;
  }
  .min_width_sm_6 {
    min-width: 60% !important;
  }
  .min_width_sm_7 {
    min-width: 70% !important;
  }
  .min_width_sm_8 {
    min-width: 80% !important;
  }
  .min_width_sm_9 {
    min-width: 90% !important;
  }

  .max_width_sm_1 {
    max-width: 10% !important;
  }
  .max_width_sm_2 {
    max-width: 20% !important;
  }
  .max_width_sm_3 {
    max-width: 30% !important;
  }
  .max_width_sm_4 {
    max-width: 40% !important;
  }
  .max_width_sm_5 {
    max-width: 50% !important;
  }
  .max_width_sm_6 {
    max-width: 60% !important;
  }
  .max_width_sm_7 {
    max-width: 70% !important;
  }
  .max_width_sm_8 {
    max-width: 80% !important;
  }
  .max_width_sm_9 {
    max-width: 90% !important;
  }
}
@media (min-width: 768px) {
  .modal-cover .btn.close {
    right: 5px;
    left: unset;
    color: inherit;
  }
  .modal-cover .btn.close .fa:before {
    content: "" !important;
  }

  .footer {
    background-color: #f5f5f5;
    height: 200px;
  }
  .footer.partner_footer {
    height: 200px;
  }

  body {
    padding-bottom: 200px;
  }
  body.p_landing main {
    margin-top: 72px;
  }
  body.partner {
    padding-bottom: 40px;
  }

  .pricing_table td,
  .pricing_table th {
    display: table-cell !important;
  }
  .pricing_table td + td,
  .pricing_table th + th {
    width: auto;
  }

  .width_1_sm {
    width: 10% !important;
  }
  .width_2_sm {
    width: 20% !important;
  }
  .width_3_sm {
    width: 30% !important;
  }
  .width_4_sm {
    width: 40% !important;
  }
  .width_5_sm {
    width: 50% !important;
  }
  .width_6_sm {
    width: 60% !important;
  }
  .width_7_sm {
    width: 70% !important;
  }
  .width_8_sm {
    width: 80% !important;
  }
  .width_9_sm {
    width: 90% !important;
  }
}
body.mobile .light_table td {
  font-size: 1.3em;
  padding-top: 10px;
  padding-bottom: 10px;
}
body.mobile .btn_xs_lg_mob,
body.mobile .btn_xs_lg {
  min-width: 122px;
  padding: 20px 16px;
  line-height: 1.3;
}
body.mobile .mob_hidden {
  display: none !important;
}

.no_padding {
  padding: 0 !important;
}

.no_padding_top {
  padding-top: 0 !important;
}

.no_padding_bottom {
  padding-bottom: 0 !important;
}

.no_padding_left {
  padding-left: 0 !important;
}

.no_padding_rigth {
  padding-right: 0 !important;
}

.no_margin {
  margin: 0 !important;
}

.no_user_select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.default_margin_top {
  margin-top: 15px;
}

.default_margin_bottom {
  margin-bottom: 15px;
}

.no_border {
  border: none !important;
}
.no_border .list-group-item {
  border: none !important;
}

.no_hover:hover {
  background: transparent;
}
.no_hover .list-group-item:hover {
  background: transparent;
}

.display_none {
  display: none;
}

.white_s_b {
  white-space: normal !important;
}

.p_relative {
  position: relative;
}

.p_absolute {
  position: absolute;
}

.p_fixed {
  position: fixed;
}

.no_focus:focus {
  text-decoration: none;
  outline: none;
}
.no_focus a:focus {
  text-decoration: none;
  outline: none;
}

.opacity_0 {
  opacity: 0 !important;
}
.opacity_1 {
  opacity: 0.1 !important;
}
.opacity_2 {
  opacity: 0.2 !important;
}
.opacity_3 {
  opacity: 0.3 !important;
}
.opacity_4 {
  opacity: 0.4 !important;
}
.opacity_5 {
  opacity: 0.5 !important;
}
.opacity_6 {
  opacity: 0.6 !important;
}
.opacity_7 {
  opacity: 0.7 !important;
}
.opacity_8 {
  opacity: 0.8 !important;
}
.opacity_9 {
  opacity: 0.9 !important;
}

.btn_half {
  width: 49%;
}

.btn_no_with {
  min-width: unset !important;
}

.flex_grow_none {
  flex-grow: 0;
}

.vertical_middle,
.vertical_middle td,
.vertical_middle th {
  vertical-align: middle !important;
}

.hover_pointer:hover {
  cursor: pointer;
}

/*# sourceMappingURL=application.css.map */