﻿body {
   font-family: "Montserrat", sans-serif;
   font-weight: 500;
}

/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}


@media (min-width: 1720px) {
   .\33xl\:container {
      width: 100%;
   }
}

@media (min-width: 640px) {
   .\33xl\:container {
      max-width: 640px;
   }
}

@media (min-width: 768px) {
   .\33xl\:container {
      max-width: 768px;
   }
}

@media (min-width: 1024px) {
   .\33xl\:container {
      max-width: 1024px;
   }
}

@media (min-width: 1280px) {
   .\33xl\:container {
      max-width: 1280px;
   }
}

@media (min-width: 1730px) {
   .\33xl\:container {
      max-width: 1730px;
   }
}




.text-fill {
   -webkit-text-fill-color: #e0e0e0
}

.text-fill-transparent {
   -webkit-text-fill-color: transparent
}

.text-fill-black {
   -webkit-text-fill-color: #000
}

.text-fill-white {
   -webkit-text-fill-color: #fff
}

.text-stroke {
   -webkit-text-stroke-color: #e0e0e0
}

.text-stroke-transparent {
   -webkit-text-stroke-color: transparent
}

.text-stroke-black {
   -webkit-text-stroke-color: #000
}

.text-stroke-white {
   -webkit-text-stroke-color: #fff
}

.text-stroke {
   -webkit-text-stroke-width: 1px
}

.text-stroke-0 {
   -webkit-text-stroke-width: 0
}

.text-stroke-2 {
   -webkit-text-stroke-width: 2px
}

.text-stroke-4 {
   -webkit-text-stroke-width: 4px
}

.text-stroke-8 {
   -webkit-text-stroke-width: 8px
}

.paint-fsm {
   paint-order: fill stroke markers
}

.paint-fms {
   paint-order: fill markers stroke
}

.paint-sfm {
   paint-order: stroke fill markers
}

.paint-smf {
   paint-order: stroke markers fill
}

.paint-mfs {
   paint-order: markers fill stroke
}

.paint-msf {
   paint-order: markers stroke fill
}

.aspect-slidehomemob {
    aspect-ratio: 1 / 1;
}

.aspect-slidehome {
    aspect-ratio: 1600 / 720;
}

.aspect-slidehomevideo {
   aspect-ratio: 1920 / 800;
}

@media (min-width: 640px) {
   .sm\:text-fill {
      -webkit-text-fill-color: #e0e0e0
   }

   .sm\:text-fill-transparent {
      -webkit-text-fill-color: transparent
   }

   .sm\:text-fill-black {
      -webkit-text-fill-color: #000
   }

   .sm\:text-fill-white {
      -webkit-text-fill-color: #fff
   }

   .sm\:text-stroke {
      -webkit-text-stroke-color: #e0e0e0
   }

   .sm\:text-stroke-transparent {
      -webkit-text-stroke-color: transparent
   }

   .sm\:text-stroke-black {
      -webkit-text-stroke-color: #000
   }

   .sm\:text-stroke-white {
      -webkit-text-stroke-color: #fff
   }

   .sm\:text-stroke {
      -webkit-text-stroke-width: 1px
   }

   .sm\:text-stroke-0 {
      -webkit-text-stroke-width: 0
   }

   .sm\:text-stroke-2 {
      -webkit-text-stroke-width: 2px
   }

   .sm\:text-stroke-4 {
      -webkit-text-stroke-width: 4px
   }

   .sm\:text-stroke-8 {
      -webkit-text-stroke-width: 8px
   }

   .sm\:paint-fsm {
      paint-order: fill stroke markers
   }

   .sm\:paint-fms {
      paint-order: fill markers stroke
   }

   .sm\:paint-sfm {
      paint-order: stroke fill markers
   }

   .sm\:paint-smf {
      paint-order: stroke markers fill
   }

   .sm\:paint-mfs {
      paint-order: markers fill stroke
   }

   .sm\:paint-msf {
      paint-order: markers stroke fill
   }

   .sm\:aspect-slidehome {
       aspect-ratio: 1600 / 720;
   }
}

@media (min-width: 768px) {
   .md\:aspect-slidehome {
       aspect-ratio: 1600 / 720;
   }
}

@media (min-width: 1024px) {
   .lg\:aspect-slidehome {
       aspect-ratio: 1600 / 720;
   }
}

@media (min-width: 1280px) {
   .xl\:text-fill {
      -webkit-text-fill-color: #e0e0e0
   }

   .xl\:text-fill-transparent {
      -webkit-text-fill-color: transparent
   }

   .xl\:text-fill-black {
      -webkit-text-fill-color: #000
   }

   .xl\:text-fill-white {
      -webkit-text-fill-color: #fff
   }

   .xl\:text-stroke {
      -webkit-text-stroke-color: #e0e0e0
   }

   .xl\:text-stroke-transparent {
      -webkit-text-stroke-color: transparent
   }

   .xl\:text-stroke-black {
      -webkit-text-stroke-color: #000
   }

   .xl\:text-stroke-white {
      -webkit-text-stroke-color: #fff
   }

   .xl\:text-stroke {
      -webkit-text-stroke-width: 1px
   }

   .xl\:text-stroke-0 {
      -webkit-text-stroke-width: 0
   }

   .xl\:text-stroke-2 {
      -webkit-text-stroke-width: 2px
   }

   .xl\:text-stroke-4 {
      -webkit-text-stroke-width: 4px
   }

   .xl\:text-stroke-8 {
      -webkit-text-stroke-width: 8px
   }

   .xl\:paint-fsm {
      paint-order: fill stroke markers
   }

   .xl\:paint-fms {
      paint-order: fill markers stroke
   }

   .xl\:paint-sfm {
      paint-order: stroke fill markers
   }

   .xl\:paint-smf {
      paint-order: stroke markers fill
   }

   .xl\:paint-mfs {
      paint-order: markers fill stroke
   }

   .xl\:paint-msf {
      paint-order: markers stroke fill
   }

   .xl\:aspect-slidehome {
       aspect-ratio: 1600 / 720;
   }
}

:host {
   --swiper-theme-color: #00984D;
}

.swiper-pagination-bullet-active {
   background-color: #00984D !important;
}


.ol-blackmarkers > li {
   position: relative;
   padding-left: 50px;
   padding-top: 1px;
   margin-bottom: 18px;
   font-size: 14px;
}

@media screen and (min-width: 1200px) {
   .ol-blackmarkers > li {
      font-size: 16px;
   }
}

   .ol-blackmarkers > li:before {
      content: counter(list-item);
      display: inline-block;
      background-color: #000;
      color: #fff;
      border-radius: 50px;
      position: absolute;
      left: 0;
      top: 0;
/*      width: 28px;*/
      width: 31px;
      padding-top: 2px;
      text-align: center;
      font-size: 19px;
   }

table:not(.table-zone) th {
   font-weight: 600;
}

table:not(.table-zone) th,
table:not(.table-zone) td {
/*   border-bottom: 1px solid #000;*/
   /*   padding: 2px;*/
   padding: .23rem .4rem .2rem;
}

.table-zone {
   min-width: 880px;
}

   .table-zone th {
      font-weight: 400;
      padding: 15px 10px;
   }

   .table-zone td {
      padding: 25px 10px 28px;
      vertical-align: top;
   }

@media screen and (min-width: 1200px) {
   .table-zone th {
      padding: 15px 50px;
   }

   .table-zone td {
      padding: 25px 50px 28px;
   }
}


@media screen and (min-width: 1200px) {
   .max-h-200 {
   /*   max-height: 1500px;*/
      max-height: 4000px;
   }
}


.carousel-home h1 {
   font-family: "Roboto", sans-serif;
}


.header-section-regular h1 {
   margin-bottom: 40px;
   font-weight: 600;
   font-size: 30px;
   margin-top: 70px;
}

.ol-wheels > li a {
   font-weight: 500;
}


.btn,
.dropdown-item,
.data-container .table th,
.select-inline.with-label label {
   font-weight: 600;
}

.btn-toolbar-selector {
   display: inline-block;
   background-color: #ededed;
}

@media screen and (min-width: 768px) {
   .section-regular {
      padding-top: 50px;
      padding-bottom: 50px;
   }
}



.nav-mainmenu {
   overflow-y: auto;
}

@media screen and (min-width: 768px) {
   .nav-mainmenu {
      overflow-y: unset;
   }
}


@media screen and (max-width: 767px) {
   .toolbar--user .btn-account_info>span {
       display: none;
   }

   .toolbar--user>* {
       margin-left: 2px;
       margin-right: 2px;
   }

   .language_chooser--list>button {
      margin-left: 0;
   }

   .account_info--list>button {
      margin-left: 4px;
   }

   .account_info--list .dropdown-menu {
      right: auto;
   }

   .select-inline {
       padding-bottom: 5px;
   }
}

.section-account-welcome,
.section-account-profile {
   margin-top: 80px;
}

.profile-details h1 {
   font-size: 40px;
   padding: 0rem .23rem;
}


.table thead th {
   border-top: none;
}

.actform .btn-actinput, .actform .form-control-lg, form .btn-actinput, form .form-control-lg {
   border-radius: 0;
   padding: 1.6rem 1rem;
   font-weight: 600;
}

.actform .btn-actinput, form .btn-actinput {
    padding: 0.85rem 1rem;
}

.actform .btn-actinput_alt, form .btn-actinput_alt {
   padding: 0.85rem 1rem;
}


.ol-wheels>li::before {
    background: #00984D;
}

.pagination .page-link {
    background: #00984D;
}

.btn-primary {
    background: #00984D;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #00984D;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background: #00984D;
}

.bootstrap-select .dropdown-menu .dropdown-item.active, .bootstrap-select .dropdown-menu .dropdown-item:active {
   background: #00984D;
}

.btn-toggler:focus {
   outline: none;
}

.gj-datepicker:after {
   right: 15px;
}

.bootstrap-select.dropup .dropdown-menu.show {
   transform: none !important;
   top: auto !important;
}

.c-billing_period .btn,
.c-billing_period .bootstrap-select>.dropdown-toggle.bs-placeholder {
   color: #ffffff;
}

.c-billing_period .bootstrap-select .dropdown-menu>.inner,
.c-scale .bootstrap-select .dropdown-menu>.inner {
   padding: 0.5rem;
}

.c-billing_period .bootstrap-select .dropdown-menu .dropdown-item,
.c-scale .bootstrap-select .dropdown-menu .dropdown-item {
   padding-left: 1rem;
   padding-right: 1rem;
}

.c-billing_period .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 170px;
}

.c-billing_period .btn {
    padding: .0rem .5rem;
    font-size: 14px;
}

.c-billing_period .bootstrap-select .dropdown-menu,
.c-scale .bootstrap-select .dropdown-menu {
    border-radius: 0;
}

.account-welcome h2 {
   font-weight: 600;
}

.btn-summary-sm.classalt0 > span {
   display: none;
}

.toolbar-data {
    margin-top: 30px;
}

@media screen and (min-width: 1024px) {
   .toolbar-data {
       margin-top: 90px;
   }
}

.article_html_content p {
   margin-bottom: 15px;
}

.article_html_content p.large {
   font-size: 1.3em;
   line-height: 1em;
   margin-bottom: 3rem;
}

@media screen and (min-width: 1024px) {
   .article_html_content p.large {
      margin-bottom: 6rem;
   }
}

.narrowed {
   width: 850px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.toolbar--user > * {
   margin-left: 10px;
   margin-right: 10px;
}

.toolbar--user .btn-account_info>span {
    max-width: 130px;
}

.article_html_content .table thead th {
   vertical-align: middle;
}

.article_html_content ul {
   list-style: disc;
   padding-left: 1.5rem;
   margin-top: -0.5rem;
   margin-bottom: 1.5rem;
}

.article_html_content ul li::marker {
   margin: 0 .5rem 0 0;
   color: #00984D;
}


.blueimp-gallery,
.blueimp-gallery > * {
   color: #fff;
   font-weight: 400 !important;
}

/*.blueimp-gallery .modal {
   display: block;
}*/

.blueimp-gallery .modal .modal-footer {
    border-top: none;
    min-height: 80px;
}

.blueimp-gallery .modal .modal-footer > * {
   display: none;
}

.blueimp-gallery>.next, 
.blueimp-gallery>.prev {
   font-size: 26px;
   line-height: 38px;
}

.account_info--list>button {
   margin-top: -1px;
}

.header-common-with-text h3 {
    font-weight: 700;
}

.header-bar {
     margin-left: 0; 
     margin-right: 0;
}

.btn-remove_from_cart {
   top: 2px;
}

.scrollbar-hide {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
}

.scrollbar-hide::-webkit-scrollbar {
   display: none;
   /* Chrome, Safari and Opera */
}