a {
  color: #2e3092;
  text-decoration: none;
}
a:hover {
  color: #8dc63f;
  text-decoration: none;
}
.section ul {
  padding: 10px 0px 10px 20px;
  margin: 0px 0px 0px 10px;
  list-style: square outside url("../../images/bgr-ul.png");
}
.section ul li {
  font-size: 16px;
  line-height: 1.2em;
  padding: 0px 0px 10px 0px;
}
.section ol {
  padding: 0px 0px 10px 15px;
}
.section ol li {
  color: #737373;
  font-size: 16px;
  padding: 0px 0px 0px 0px;
}
.flft {
  float: left;
}
.col {
  float: left;
}
.col5 {
  float: left;
  width: 5%;
}
.col10 {
  float: left;
  width: 10%;
}
.col12 {
  float: left;
  width: 12%;
}
.col14 {
  float: left;
  width: 14%;
}
.col15 {
  float: left;
  width: 15%;
}
.col16 {
  float: left;
  width: 16.66%;
}
.col20 {
  float: left;
  width: 20%;
}
.col24 {
  float: left;
  width: 24%;
}
.col25 {
  float: left;
  width: 25%;
}
.col30 {
  float: left;
  width: 30%;
}
.col33 {
  float: left;
  width: 33%;
}
.col35 {
  float: left;
  width: 35%;
}
.col40 {
  float: left;
  width: 40%;
}
.col45 {
  float: left;
  width: 45%;
}
.col50 {
  float: left;
  width: 50%;
}
.col50r {
  float: right;
  width: 50%;
}
.col55 {
  float: left;
  width: 55%;
}
.col60 {
  float: left;
  width: 60%;
}
.col66 {
  float: left;
  width: 66%;
}
.col70 {
  float: left;
  width: 70%;
}
.col75 {
  float: left;
  width: 75%;
}
.col80 {
  float: left;
  width: 80%;
}
.col100 {
  float: left;
  width: 100%;
}
.imgleft {
  float: left;
  margin: 0px 10px 20px 0px;
}
.imgright {
  float: right;
  margin: 0px 0px 20px 10px;
}
img.resp {
  width: 100%;
  height: auto;
}
.center {
  text-align: center;
}
.taleft {
  text-align: left;
}
.toright {
  float: right;
}
.rpad {
  padding-right: 30px;
}
.lpad {
  padding-left: 30px;
}
.cpad {
  padding-left: 15px;
  padding-right: 15px;
}
.verpad0 {
  padding: 0px 0px 0px 0px;
}
.verpad40 {
  padding: 40px 0px 40px 0px;
}
.verpad400 {
  padding: 40px 0px 0px 0px;
}
.verpad040 {
  padding: 0px 0px 40px 0px;
}
.btn {
  padding: 10px 25px 10px 25px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-size: 15px;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  margin-right: 10px;
  border: none;
}
.btn.big {
  margin: 10px 0px 0px 0px;
  padding: 10px 25px 10px 25px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-size: 18px;
}
.btn i {
  padding-left: 25px;
  padding-top: 4px;
}
.btn.light {
  color: #fff;
  background: #97c61e;
}
.btn.light:hover {
  background: #2e3092;
  text-decoration: none;
}
.btn.dark {
  color: #fff;
  background: #2e3092;
}
.btn.dark:hover {
  background: #97c61e;
  text-decoration: none;
}
.btn.fin {
  color: #fff;
  background: #ed1c24;
  text-align:center;
}
.btn.fin:hover {
  background: #98262a;
  text-decoration: none;
}
button {
  padding: 0px; margin:0px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: none;
}
p {
  font-size: 16px;
  line-height: 1.3em;
  padding-bottom: 15px;
}
strong {
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-weight: normal
}
hr {
  float: left;
  width: 100%;
  border: none;
  border-bottom: 1px solid silver;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 40px 0px;
}
hr.line {
  float: left;
  width: 100%;
  border: none;
  border-bottom: 1px solid silver;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}
h1, h2, h2.clear  {
  float: left;
  width: 100%;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}
h1 {
  position: relative;
  color: #2e3092;
  font-size: 30px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
}
h2 {
  position: relative;
  color: #2e3092;
  font-size: 30px;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 20px 0px;
}
h1:before, h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 60px;
  border-bottom: 3px solid #97c61e;
}
h3, h4 {
  color: #2e3092;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  line-height: 1.1em;
  font-weight: normal;
}
h3 {
  font-size: 20px;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 10px 0px;
}
h4 {
  font-size: 18px;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}
h3 span, h4 span {
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select {
  float: left;
  height: 34px;
  width: 100%;
  padding: 0px 5px 0px 10px;
  margin: 0px 20px 0px 0px;
  border: 1px solid #d4d4d4;
  color: #303030;
  font-size: 14px;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}
input[type="text"].readonly, input[type="email"].readonly {
  color: #9a9a9a;
  background: #e6e6e6;
}
textarea {
  float: left;
  height: 80px;
  width: calc(100% - 20px);
  padding: 5px 5px 0px 10px;
  margin: 0px 20px 0px 0px;
  border: none;
  border: 1px solid #d4d4d4;
  color: #303030;
  font-size: 14px;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}
::placeholder {
  color: #b4b4b4;
  opacity: 1;
}
::-ms-input-placeholder {
  color: #b4b4b4;
}
::-ms-input-placeholder {
  color: #b4b4b4;
}
input[type="checkbox"]  {
  /*float: left;*/
  height: 18px;
  width: 18px;
  padding: 0px 0px 0px 0px;
  margin: 0px 10px 5px 0px;
  border: 1px solid #666666;
  border-radius: none;
  cursor: pointer;
}
label {
  color: #818181;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-size: 16px;
}

div#breadcrumbs {
  float: left;
  width: 100%;
  padding: 15px 0px 0px 0px;
  background: #e7e7e7;
}
div#breadcrumbs .wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
div#breadcrumbs p {
  font-size: 15px;
}
div#breadcrumbs p i {
  padding: 3px 15px 0px 15px;
}
div#breadcrumbs p i:first-child {
  font-size: 18px;
  padding: 5px 15px 0px 0px;
}
div#breadcrumbs p a {
  color: #737373;
}
div#breadcrumbs p a:hover {
  color: #2e3092;
}

div#cats {
  float: left;
  width: 100%;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
div.cats {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
div.cat {
  float: left;
  width: 100%;
  font-size: 16px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  background: #e7e7e7;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
div.cat.mobile {
  display: none;
}
div.cat a {
  float: left;
  width: 100%;
  padding: 10px 10px 10px 10px;
  color: #595959;
}
div.cat a:hover {
  color: #2e3092;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}
div.cat:hover {
  color: #2e3092;
  background: #fff;
  border-left: 1px solid #2e3092;
}
div.cats.active div.cat {
  color: #2e3092;
  background: #fff;
  border-left: 1px solid #2e3092;
}
div.cats.active div.cat ul li a {
  color: #595959;
}
div.cats.active div.cat ul li a:hover {
  color: #2e3092;
}
div.cats ul {
  float: left;
  width: 100%;
  padding: 0px 0px 10px 20px;
}
div.cats ul li {
  float: left;
  width: 100%;
}
div.cats ul li a {
  float: left;
  width: 100%;
  color: #595959;
  font-size: 15px;
  font-family: 'roboto_condensedregular', Tahoma, Arial, sans-serif;
  padding: 2px 10px 2px 0px;
}
div.cats ul li a:hover {
  color: #2e3092;
}
div.cats ul li ul {
  padding: 10px 0px 10px 20px;
}
div.cats ul.level1 > li.active > a {
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}
div.cats ul.level1 > li.active ul.level2 > li.active > a {
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  color: #2e3092;
}

div.cats.vyp .cat a {
  color: red;
}
div.cats.vyp .cat a:hover {
  color: red;
}
div.cats.vyp .cat ul.level1 li a:hover {
  color: red;
  background: #fff;
}
/*div.cats.vyp .cat a {
  color: #fff;
}
div.cats.vyp .cat:hover {
  background: #fff;
  border-left: 1px solid red;
}*/
div.cats.vyp .cat a:hover {
  color: red;
}


div.items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
  border-left: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
}
div.items div.item {
  position: relative;
  float: left;
  width: 33.33%;
  min-height: 80px;
  padding: 0px 0px 0px 0px;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
div#brands div.items div.item {
  width: 25%;
}
div.items div.item:hover {
  border: 1px solid #2e3092;
}
div.items div.item h3 {
  color: #2e3092;
  font-size: 20px;
  padding: 0px 20px 0px 0px;
}
div.items div.item h3 a {
  float: left;
  width: 100%;
  color: #2e3092;
}
div.items div.item h3 a:hover {
  color: #595959;
}
div.items div.item img {
  float: left;
  width: 100%;
  height: auto;
  padding: 10px 10px 10px 20px;
}
div.items div.item img.imgico {
  width: auto;
  height: auto;
}

div.items .item .itembox {
  position: relative;
  float: left;
  text-align: center;
  padding: 0px 20px 20px 20px;
}
div.items .item .itembox img {
  float: none;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
}
div.items .item .itembox h3, div.items .item .itembox h3 a, div.items .item .itembox .trow {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div.items .item .itembox h3 a {
  min-height: 60px;
  color: #2e3092;
  font-size: 18px;
  padding: 10px 0px 10px 0px;
  background: #fff;
}
div.items .item .itembox .trow {
  padding: 10px 0px 5px 0px;
}
div.items .item .itembox .trow .flcel {
  float: left;
  width: 100%;
}
div.items .item .itembox .trow .suc, div.items .item .itembox .trow .war {
  color: #8dc63f;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}
div.items .item .itembox .trow .war {
  color: #ed1c24;
}
div.items .item .itembox .trow .kod {
  text-align: right;
}
div.items .item .itembox .trow.price strong {
  float: left;
  color: #ed1c24;
  font-size: 21px;
  padding: 8px 0px 0px 0px;
}
div.items .item .itembox .trow button.btn {
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 10px 15px 10px 15px;
}

div.lab {
  position: absolute;
  left: 20px;
  top: 20px;
  color: #fff;
  font-size: 14px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  padding: 5px 15px 5px 15px;
}
div.lab.vyp  {
  background: #ed1c24;
}
div.lab.nov {
  background: #ab050b;
}
div.lab.akc {
  background: #8dc63f;
}

div.filtr {
  float: left;
  width: 100%;
  padding: 10px 20px 10px 20px;
  background: #f5f5f5;
  border: 1px solid #d0d0d0;
}
div.filtr a#filtershow {
  display: none;
  position: relative;
  float: left;
  width: auto;
  color: #818181;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
}
div.filtr label {
  padding: 10px 30px 0px 0px;
}
div.filtr label#fmain {
  float: left;
  width: auto;
  padding: 0px 30px 0px 0px;
}

div.tabs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin: 40px 0px 40px 0px;
  border-left: 1px solid #d4d4d4;
}
div.tabs div.tab {
  float: left;
}
div.tabs div.tab a {
  float: left;
  width: 150px;
  padding: 10px 20px 10px 20px;
  color: #737373;
  font-size: 14px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  background: #f5f5f5;
  border-top: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
}
div.tabs div.tab.act a {
  color: #2e3092;
  background: #fff;
  border-top: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #fff;
}
div.tabs div.tab.last {
  width: calc(100% - 600px);
  border-bottom: 1px solid #d4d4d4;
}
div.tabs div.tab a:hover {
  color: #000;
  background: #fff;
}
#buymodal {
  display:none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 7000;
  overflow: hidden;
  position: fixed;
  background-color:rgba(0,0,0,0.7);
  text-align: center;
  margin: 0px auto;

}
#buymodal-container {height:auto; width:600px; color: #737373; background-color:#fff; padding: 40px 20px 40px 20px; margin-top: 50%;overflow:hidden;}
#buymodal-container h3 {font-size: 30px; padding-bottom: 20px;}
#buymodal-container i {color: #97c61e; font-size: 70px; padding-bottom: 20px;}
#buymodal-container a.btn i {color: #fff; font-size: 14px; padding: 0px;}
ul#strankovani {
  float: right;
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 30px 5px 20px 0px;
  clear: left;
  border-right: 1px solid #d4d4d4;
}
ul#strankovani li {
  float: left;
  font-size: 0.85em;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}
ul#strankovani li a {
  float: left;
  color: #2e3092;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background: #fff;
  text-decoration: none;
  text-align: center;
  border: 1px solid #d4d4d4;
  border-right: 0px solid #d4d4d4;
}
ul#strankovani li a:hover {
  background: #e6e6e6;
  border-right: 0px solid #d4d4d4;
}
ul#strankovani li.active a, ul#strankovani li.active a:hover {
  background: #2e3092;
  color: #fff;
  border: 1px solid #2e3092;
  border-right: 0px solid #d4d4d4;
  cursor: default;
}

div#mapa {
  float: left;
  width: 100%;
  height: 400px;
}

div.form label {
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}
div.form i div.tooltip {
  visibility: hidden;
  position: absolute;
  right: -105px;
  bottom: 100%;
  width: 250px;
  margin: 0px 0px 10px -13px;
  padding: 10px;
  color: #fff;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4em;
  text-align: center;
  border-radius: 0px;
  background-color: #4b4b4b;
  z-index: 5000;
}
div.form i:hover div.tooltip {
  visibility: visible;
}
div.form i div.tooltip::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: 0px;
  border-width: 5px;
  border-style: solid;
  border-color: #4b4b4b transparent transparent transparent;
}
div.form div.col70 {
  position: relative;
  padding-bottom: 10px;
}
div.form div.col70 i {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 24px;
  color: #97c61e;
  cursor: pointer;
}
div.alert {
  float: left;
  width: 100%;
  padding: 15px 15px 0px 15px;
  margin: 10px 0px 20px 0px;
}
div.success {
  color: #fff;
  background: #8dc63f;
}
div.success i {
  font-size: 24px;
  padding-right: 10px;
  color: #fff;
  vertical-align: bottom;
}
div.alert.info {
  color: #4b4b4b;
  background: #e6e6e6;
  margin-bottom: 20px;
}
div.info i {
  font-size: 24px;
  padding-right: 10px;
  color: #97c61e;
  vertical-align: bottom;
}
div.danger {
  color: #fff;
  background: red;
}
div.danger a {
  color: #cdcdcd;
}
div.danger a:hover {
  color: #fff;
}
div.warning {
  color: #fff;
  background: #f7941d;
}
div.warning i {
  font-size: 24px;
  padding-right: 10px;
  color: #fff;
  vertical-align: bottom;
}


div#prodimg {
  position: relative;
  float: left;
  width: calc(40% - 20px);
  text-align: center;
  margin-right: 20px;
}
/*div#prodimg a {
  position: relative;
  float: left;
}*/
div#prodimg img {
  width: 100%;
  max-width: 600px;
  height: auto;
  border: 1px solid #d9d9d9;
}
div#proddet {
  float: left;

}
div#proddet h2 {
  font-size: 2.5em;
  line-height: 1.3em;
}
div#proddet h2:before {
  display: none;
}
div.row {
  float: left;
  width: 100%;
  font-size: 18px;
  padding: 12px 10px 12px 10px;
  border-bottom: 1px solid #e6e6e6;
}
div.row.nopad {
  padding: 3px 10px 3px 10px;
}
div.row.nopad .col1 {
  padding: 8px 10px 3px 0px;
}
.cartsum div.row {
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  border-bottom: 0px solid #e6e6e6;
}
.cartsum div.row .col1.prc {
  font-size: 26px;
  color: #000;
}

div#proddet div.row.first {
  border-top: 1px solid #e6e6e6;
}
div.row.cart {
  padding: 20px 10px 20px 10px;
  margin: 0px 0px 20px 0px;
  background: #f3f3f3;
}
div.row div.col1 {
  float: left;
  width: 34%;
}
div.row div.col2 {
  float: left;
  width: 66%;
}
div.row div.suc {
  color: 70%;
  color: #97c61e;
}
div.row div.price {
  font-size: 24px;
  color: red;
}
div.row div.price {
  font-size: 24px;
  color: red;
}
div#proddet div.row.cart button.btn {
  height: 40px;
  font-size: 20px;
  text-transform: none;
  padding: 0px 30px 0px 10px;
  font-family: 'roboto_condensedregular', Tahoma, Arial, sans-serif;
}
div#proddet div.row.cart button.btn i {
  padding-right: 10px;
}

div.selcars {
  float: left;
  width: 100%;
  padding: 10px 0px 5px 20px;
  margin: 0px 0px 10px 0px;
  background: #2e3092;
}
div.selcars h4 {
  float: left;
  width: 33.3%;
  color: #fff;
  padding: 0px 0px 0px 0px;
}
div.selcars select {
  float: left;
  width: calc(33.3% - 20px);
}
div#selmod {
  float: left;
  width: 100%;
  padding: 10px 20px 15px 20px;
  margin: 20px 0px 0px 0px;
  background: #2e3092;
}
div#selmod h4 {
  float: left;
  width: 100%;
  color: #fff;
  padding: 0px 0px 0px 0px;
}
div#selmod select {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}

div.form {
  float: left;
}
div.form.bordered {
  padding: 30px 30px 30px 30px;
  border: 1px solid #d4d4d4;
  margin-bottom: 20px;
}
div.form.bordered h4, div#order-summary h4, div#order-summary-full h4 {
  color: #000;
  padding: 0px 0px 25px 0px;
  margin: 0px 0px 0px 0px;
}
div#dodadr {
  display: none;
}
div#order-summary {
  width: calc(30% - 30px);
  margin: 10px 0px 0px 30px;
  border: 1px solid #d4d4d4;
}
div#order-summary-full {
  width: calc(50% - 20px);
  margin: 10px 0px 0px 20px;
  border: 1px solid #d4d4d4;
}
div#order-sum {
  float: left;
}
div.order-cont {
  float: left;
  width: 100%;
  padding: 30px 30px 20px 30px;
}
div.order-recap {
  float: left;
  width: 100%;
  padding: 20px 30px 20px 30px;
  background: #e6e6e6;
}
form#regform .col50 p.suminfo {
  float: left;
  width: 100%;
  line-height: 24px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  padding: 0px;
}
form#regform .col50 p.suminfo span {
  float: left;
  width: 25%;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}
div#order-summary .row, div#order-summary-full .row {
  border-bottom: none;
  padding: 0px 0px 10px 0px;
  font-size: 15px;
}
div#order-summary .row.hlt,div#order-summary-full .row.hlt {
  font-size: 16px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  padding: 10px 0px 10px 0px;
  border-top: 1px solid #000;
  border-bottom:  1px solid #000;
}
div#order-summary .row .col1 {
  float: left;
  text-align: right;
}
div#order-summary-full .row .col11 {
  float: left;
  width: 60%;
  text-align: left;
}
div#order-summary-full .row .col22 {
  float: left;
  width: 15%;
  text-align: center;
}
div#order-summary-full .row .col33 {
  width: 25%;
  text-align: right;
}
div#order-summary .row a, div#order-summary-full .row a {
  color: #595959;
}
div#order-summary .row a:hover, div#order-summary-full .row a:hover {
  color: #000;
  text-decoration: underline;
}
div.order-recap div.row .col50 {
  color: #000;
  font-size: 24px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-align: right;
}
div.order-recap div.row .col50:first-child {
  font-size: 16px;
  text-align: left;
}
div.order-recap .col100 {
  float: left;
  width: 100%;
  padding-top: 10px;
}
div.order-recap button {
  float: left;
  width: 100%;
}
div.order-recap button i {
  float: right;
}
.delivery-row {
  display: flex;
  justify-content: center;
  align-items: center;
  float:left;
  width: 100%;
  padding: 15px;
  border: 1px solid #d4d4d4;
  margin-top: -1px;
}
.delivery-row input {
  float: left;
  width: 22px;
  height: 22px;
  border: 1px solid red;
}
.delivery-row p {
  float: left;
  width: calc(80% - 22px);
  padding: 0px 0px 0px 15px;
  font-size: 14px;
}
.delivery-row.dis p {
  color: #8e8e8e;
}
.delivery-row p strong {
  color: #000;
  font-size: 16px;
}
.delivery-row.dis p strong {
  color: #8e8e8e;
}
.delivery-row .shipping-price {
  float: left;
  width: 20%;
  color: #000;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-align: right;
}
.delivery-row:focus-within {
    background: #eaebfd;
}
.delivery-row span.seladr, .delivery-row span.packeta-selector-value {
  float: left;
  width: 100%;
  color: #000;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}

#balmodal, #wedopmodal, #wedobmodal {
  display:none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background-color:rgba(0,0,0,0.7);
  text-align: center;
  margin: 0px auto;
}
#balmodal_container, #wedopmodal_container, #wedobmodal_container {
  position:relative;
  height: 100%;
  width: 100%;
  min-height:600px;
  max-width:1200px;
  background-color:#fff;
  padding: 5px;
  margin-top: 20%;
}
#balmodal iframe, #wedopmodal iframe, #wedobmodal iframe {
  width: 100%;
  height: 100%;
  min-height:600px;
}
.seladr {
  display: none;
}
.show {
  display: block;
}
#balmodal span.balmodal_close, #wedopmodal span.wedopmodal_close, #wedobmodal span.wedobmodal_close{
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: -30px;
  right: -30px;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  z-index: 3000;
  opacity: 0.4;
}
#balmodal span.balmodal_close:hover, #wedopmodal span.wedopmodal_close:hover, #wedobmodal span.wedobmodal_close:hover {
  opacity: 1;
}

div.ordr_tabs {
  float: left;
  width: 100%;
  margin: 0px 0px 30px 0px;
}
div.ordr_tabs .ordr_tab {
  float: left;
  width: 25%;
  padding: 10px;
  color: #8e8e8e;
  font-size: 16px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-align: center;
  border-bottom: 1px solid #2e3092;
}
div.ordr_tabs .ordr_tab a {
  color: #80c138;
}
div.ordr_tabs .ordr_tab a:hover {
  color: #2e3092;
}


div.ordr_tabs .ordr_tab.fin {
  /*border: 1px solid #2e3092;
  border-bottom: 0px solid #2e3092;*/
}
div.ordr_tabs .ordr_tab.act {
  color: #2e3092;
  border: 1px solid #2e3092;
  border-bottom: 0px solid #2e3092;
}

div.hlp {
  float: left;
  width: 100%;
  padding: 20px 15px 10px 15px;
  margin-top: 20px;
  color: #fff;
  background: #2e3092;
}
div.hlp i {
  float: left;
  height: 66px;
  width: 66px;
  color: #97c61e;
  font-size: 36px;
  text-align: center;
  padding: 13px 0px 0px 0px;
  border: 2px solid #97c61e;
  border-radius: 50%;
}
div.hlp h3 {
  float: left;
  width: 100%;
  color: #fff;
}
div.hlp p {
  float: left;
  width: 100%;
}
div.hlptel {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
div.hlptel a {
  color: #fff;
  font-size: 30px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
}
div.accbtns {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
div.accbtns div.accbtn {
  float: left;
  width: 25%;
}
div.accbtns div.accbtn a {
  float: left;
  width: 100%;
  padding: 10px;
  color: #fff;
  font-size: 17px;
  line-height: 21px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-align: center;
  border: 1px solid #fff;
  border-right: 0px solid #fff;
  background: #313194;
}
div.accbtns div.accbtn.activ a {
  background: #9bc600;
}
div.accbtns div.accbtn:last-child a {
  border-right: 1px solid #fff;
}
div.accbtns div.accbtn a i {
  color: #9bc600;
  font-size: 21px;
  margin-right: 5px;
  vertical-align: bottom;
}
div.accbtns div.accbtn.activ a i {
  color: #313194;
}
div.accbtns div.accbtn a:hover {
  background: #9bc600;
}
div.accbtns div.accbtn a:hover i {
  color: #313194;
}

div.ordrdet .flx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}

div.ordrdet .brdr {
  border: 2px solid silver;
}
div.ordrdet .nobrdr_r {
  border-right: 0px solid silver;
}
div.ordrdet .brdr_dark {
  border: 2px solid #737373;
}
div.ordrdet .pad20 {
  padding: 10px 20px 10px 20px;
}

div.ordr_recap {
  float: right;
  width: 100%;
  margin-top: 10px;
  background: #e6e6e6;
  border: 1px solid #d4d4d4;
}
div.ordr_recap:first-child {
  margin-top: 40px;
}
div.ordr_recap div.ordr_recap_row {
  float: left;
  width: 100%;
  text-align: right;
  font-size: 17px;
  padding: 5px 40px 5px 0px;
}
div.ordr_recap div.ordr_recap_row:first-child {
  padding: 15px 40px 5px 0px;
}
div.ordr_recap div.ordr_recap_row:last-child {
  padding: 5px 40px 15px 0px;
}
div.ordr_recap div.ordr_recap_row.fin {
  color: #212121;
  font-size: 21px;
  padding: 15px 40px 15px 0px;
  margin: 0px 0px 0px 0px;
  background: #9bc600;
}

#preloder {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.5);
}
.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 60px;
  animation: loader 0.8s linear infinite;
  -webkit-animation: loader 0.8s linear infinite;
}

p#pick {
  float: left;
  width: 100%;
  color: #fff;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-size: 14px;
  background: red;
  padding: 3px;
}
#proddet h1 span.sml {
  float: left;
  width: 100%;
  color: grey;
  font-size: 16px;
}


@keyframes loader {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      border: 4px solid #009de0;
      /* border: 4px solid #f44336; */
      border-left-color: transparent;
  }
  50% {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
      border: 4px solid #009de0;
      /* border: 4px solid #673ab7; */
      border-left-color: transparent;
  }
  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
      border: 4px solid #009de0;
      border-left-color: transparent;
  }
}

@-webkit-keyframes loader {
  0% {
      -webkit-transform: rotate(0deg);
      border: 4px solid #009de0;
      border-left-color: transparent;
  }
  50% {
      -webkit-transform: rotate(180deg);
      border: 4px solid #009de0;
      border-left-color: transparent;
  }
  100% {
      -webkit-transform: rotate(360deg);
      border: 4px solid #009de0;
      border-left-color: transparent;
  }
}