a {
  color: #18a33d;
  text-decoration: none;
}
a:hover {
  color: #242424;
  text-decoration: underline;
}
.section ul {
  padding: 10px 0px 10px 20px;
  margin: 0px 0px 0px 10px;
  list-style: square outside url("../../images/bgr-ul.png");
}
.section ul li {
  color: #737373;
  font-size: 1.05em;
  line-height: 1.2em;
  padding: 0px 0px 10px 0px;
}
.section ol {
  padding: 0px 0px 10px 15px;
}
.section ol li {
  color: #737373;
  font-size: 0.95em;
  padding: 0px 0px 0px 0px;
}
.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%;
}
.col55 {
  float: left;
  width: 55%;
}
.col60 {
  float: left;
  width: 60%;
}
.col65 {
  float: left;
  width: 65%;
}
.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;
}

.btn {
  padding: 17px 42px 17px 42px;
  font-family: 'poppinsbold', Tahoma, Arial, sans-serif;
  font-size: 1em;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  border: none;
}
.btn.big {
  font-size: 1.05em;
}
.btn.light {
  color: #fff;
  background: #18a33d;
}
.btn.light:hover {
  background: #242424;
  text-decoration: none;
}
.btn.dark {
  color: #fff;
  background: #242424;
}
.btn.dark:hover {
  background: #18a33d;
  text-decoration: none;
}
div#contact .btn.dark {
  color: #fff;
  background: #414141;
}
div#contact .btn.dark:hover {
  color: #fff;
  background: #18a33d;
  text-decoration: none;
}
div#contact .btn.light:hover {
  background: #414141;
  text-decoration: none;
}
div#contact div.col50:last-child p {
  line-height: 1.4em;
}
button {
  padding: 0px; margin:0px;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-border-radius: none;
}
.btn.buy {
  padding: 14px 40px 14px 40px;
  font-size: 1em;
  margin-right: 0px;
  line-height: 20px;
}
.btn.buy img  {
  width: 22px;
  height: 20px;
  padding: 0px;
  margin: 0px 5px 0px 0px;
  vertical-align: sub;
}
.btn.ico {
  padding: 14px 20px 14px 20px;
  font-size: 1em;
  margin-right: 10px;
  line-height: 25px;
}
.btn.ico img  {
  width: 22px;
  height: 25px;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

p {
  font-size: 1.05em;
  line-height: 1.5em;
  padding-bottom: 20px;
}
p.btns {
  float: left;
  width: 100%;
  margin-top: 30px;
}
p.more {
  float: left;
  width: 100%;
  text-align: right;
  margin: -10px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
}
p.more a {
  text-decoration: none;
}
p.more em {
  color: #18a33d;
}
p.btnrght {
  float: left;
  width: 100%;
  text-align: right;
  padding-top: 10px;
}
p.btnrght .btn {
  margin-right: 0px;
}
p.btncont {
  float: left;
  width: 100%;
  padding: 40px 0px 0px 0px;
  text-align: center;
}
.addr p.btncont {
  padding: 0px 0px 0px 0px;
}
p.btncont .btn {
  margin: 0px 0px 0px 0px;
}
strong {
  font-family: 'poppinsbold', 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;
}
h1, h1.sub, h1 span, h2, h2.clear  {
  float: left;
  width: 100%;
  font-family: 'poppinsextrabold', Tahoma, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.3em;
}
h1 {
  color: #242424;
  font-size: 3.1em;
  padding: 0px;
  margin: 20px 0px 50px 0px;
}
h1.sub {
  color: #fff;
  font-size: 3.6em;
  padding: 0px;
  margin: 30px 0px 40px 0px;
  text-align: center;
}
h2.land {
  color: #fff;
  font-size: 1.2em;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}
h2 {
  color: #242424;
  font-size: 1.9em;
  padding: 0px 30px 10px 0px;
  margin: 0px 0px 10px 0px;
}
div#managers h2 {
  color: #fff;
}
h2.lft {
  text-align: left;
}
h2.cnt {
  text-align: center;
}
h2.rgh {
  text-align: right;
}
h1 span {
  color: #18a33d;
}
h2 span, h3 span, h4 span {
  color: #18a33d;
}
h2.green {
  color: #18a33d;
}
h2.clear {
  font-size: 2.0em;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  text-align: center;
}
h3, h4 {
  color: #242424;
  font-family: 'poppinsbold', Tahoma, Arial, sans-serif;
  line-height: 1.1em;
  font-weight: normal;
}
h3 {
  font-size: 1.5em;
  padding: 0px 20px 0px 0px;
  margin: 10px 0px 20px 0px;
}
#itemtxt h3 {
  padding: 0px 20px 0px 0px;
  margin: 0px 0px 20px 0px;
}
h3.clear {
  text-align: center;
  padding: 0px 0px 10px 0px;
}
h4 {
  font-size: 1.2em;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 15px 0px;
  background: none;
}

.section ol.nums {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
}
.section ol.nums li {
  display: table;
  counter-increment: item;
  margin: 0;
}
.section ol.nums > li {
  font-size: 1.4em;
  color: #242424;
  font-family: 'poppinsbold', Tahoma, Arial, sans-serif;
  font-weight: normal;
}
.section ol.nums > li li {
  font-size: 0.65em;
  color: #737373;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  padding-bottom: 5px;
}
.section ol.nums > li li p {
  font-size: 1em;
  color: #737373;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  padding-bottom: 5px;
}
.section ol.nums > li p {
  font-size: 0.65em;
  color: #737373;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  padding: 0px 0px 5px 0px;
}
.section ol.nums > li p:first-child {
  padding: 20px 0px 0px 0px;
}
.section ol.nums > li p:last-child {
  padding: 0px 0px 20px 0px;
}
.section ol.nums > li p:only-child {
  padding: 20px 0px 20px 0px;
}

.section ol.nums li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding: 5px 10px 0px 0px;
}
.section ol.nums li ol.nums {
    margin: 0;
    padding: 20px 0px 20px 0px;
}
.section ol.nums li ol.nums li {
    margin: 0;
}
.section ol.nums li ol.nums li {
    margin: 0;
}
.section ol.nums li ol.nums li:before {
    content: counters(item, ".") " ";
}
/*.section ol.nums li ul {
    margin: 0;
    padding: 20px 0px 20px 0px;
    counter-reset: none;
} */
select#varianta {
  float: left;
  width: 80%;
  height: 40px;
  color: #909090;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  line-height: 40px;
}
label.var {
  float: left;
  width: 100%;
}
input[type="text"], input[type="number"], input[type="email"], input[type="password"], select, textarea {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 5px;
  margin: 0px 0px 0px 0px;
  color: #293032;
  font-size: 0.9em;
  line-height: 40px;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #e6e6e6;
}
form#contactform  {
  float: left;
  width: 100%;
}
form#contactform div.long {
  float: left;
  width: 100%;
  padding-bottom: 10px;
}
form#contactform div.long div.fleft {
  float: left;
  width: 50%;
  padding-right: 10px;
}
form#contactform div.long div.fright {
  float: left;
  width: 50%;
  padding-left: 10px;
}
form#contactform div input {
  float: left;
  width: 100%;
  height: 40px;
  color: #909090;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  line-height: 40px;
  padding-left: 10px;
  background: #161616;
  border: none;
}
form#contactform div textarea {
  float: left;
  width: 100%;
  max-width: 100%;
  height: 90px;
  color: #909090;
  font-family: 'poppinsregular', Tahoma, Arial, sans-serif;
  border: none;
  background: #161616;
  margin: 10px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

div.form div, div.form label {
  margin-top: 10px;
}
div.order div.bordered input {
 margin: 0px;
}

textarea {
  float: left;
  width: 100%;
  padding: 5px;
  margin: 0px 0px 0px 0px;
  color: #293032;
  font-size: 0.9em;
  line-height: 1.2em;
}
div.ttip input[type="text"], div.ttip input[type="number"], div.ttip input[type="password"], div.ttip input[type="email"], div.ttip select, div.ttip textarea {
  width: calc(100% - 40px);
}
input[type="checkbox"] {
  float: left;
  margin-right: 20px;
  margin-top: 0px;
}
div.form label {
  float: left;
  height: 40px;
  color: #242424;
  font-size: 0.9em;
  line-height: 1.3em;
  font-family: 'poppinsmedium', Tahoma, Arial, sans-serif;
}
div.form label.long {
  width: calc(100% - 40px);
  text-transform: none;
  margin-top: 0px;
}
div.form label.err {
  float: left;
  height: 24px;
  width: 100%;
  max-width: 500px;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 8px;
  color: #fff;
  line-height: 24px;
  font-size: 0.8em;
  background: red;
  border: none;
}
div.form label.err.long {
  float: left;
  height: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0px 0px 10px 0px;
  padding: 0px 5px 0px 8px;
  color: #fff;
  line-height: 24px;
  font-size: 0.8em;
  background: red;
  border: none;
}
div.formr label.err {
  float: left;
  height: 24px;
  width: 100%;
  max-width: 100%;
  margin: 0px 0px 10px 0px;
  padding: 0px 5px 0px 8px;
  color: #fff;
  line-height: 24px;
  font-size: 0.8em;
  background: red;
  border: none;
}

div.col100.form div {
  position: relative;
}
div.form div em {
  float: right;
  width: 30px;
  font-size: 1.4em;
  color: #42b253;
  cursor: pointer;
  padding: 0px 0px 0px 0px;
}
div.form em div.tooltip {
  visibility: hidden;
  position: absolute;
  right: -105px;
  bottom: 100%;
  width: 250px;
  margin: 0px 0px 10px -13px;
  padding: 10px;
  color: #fff;
  font-family: 'poppinsmedium', Tahoma, Arial, sans-serif;
  font-size: 0.65em;
  line-height: 1.4em;
  text-align: center;
  border-radius: 0px;
  background-color: #4b4b4b;
  z-index: 5000;
}
div.form em:hover div.tooltip {
  visibility: visible;
}
div.form em div.tooltip::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #4b4b4b transparent transparent transparent;
}

form#regform {
  float: left;
  width: 100%;
}
form#regform div.regs {
  float: none;
  position: relative;
  max-width: 900px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}

div.dopr, div.order {
  padding-right:40px;
}
textarea#pozn {
  height: 120px;
  margin: 20px 0px 20px 0px;
}
div.bordered {
  padding: 30px;
  border: 1px solid #e6e6e6;
}
div.captcha {
  float: left;
  height: 100px;
  text-align: center;
  margin-top: 0px;
}
div.captcha .g-recaptcha {
  display: inline-block;
  margin: 0 auto;
}
div.captcha .g-recaptcha iframe {
  position: relative;
  z-index: 1;
}
div.buts {
  padding-top: 20px;
}
div.buts .col50 p {
  float: left;
  width: 100%;
  text-align: center;
  padding: 0px; margin: 0px;
}
#contactform p a:hover {
  color: #fff;
}
div.alert {
  float: left;
  width: 100%;
  padding: 10px 10px 0px 10px;
  margin: 0px 0px 15px 0px;
  background: red;
  font-size: 0.9em;
  color: #fff;
  font-weight: bold;
}
div#success_page {
  color: #000;
}
div.alert.success {
  background: #4fb345;
}

.pay {
  color: #fff;
  font-family: 'poppinsbold', Tahoma, Arial, sans-serif;
  font-size: 1.5em;
  text-align: center;
  border-radius: 5px;
  padding: 25px 42px 25px 42px;
  margin-right: 10px;
  border: none;
  cursor: pointer;
  background: #18a33d;
}
.pay:hover {
  color: #fff;
  background: #242424;
  text-decoration: none;
}
p.bigico {
 text-align: center;
}
p.bigico em {
 font-size: 5em;
}
p.bigico.succ em {
  color: #38a336;
}
p.bigico.warn em {
  color: #ef9100;
}
p.bigico.dang em {
  color: #a90a0a;
}
div#personal p {
 font-size: 0.9em;
}
div#personal h4 {
 font-size: 1.1em;
}
div#personal ol li {
 padding-bottom: 3px;
}
form#codeform {
  float: left;
  padding: 0px 0px 10px 0px;
}
div.delcode {
  float: left;
  width: 100%;
  padding: 5px 0px 0px 10px;
  margin-bottom: 2px;
  background: #e6e6e6;
}
div.delcode div {
  float: left;
  font-size: 13px;
  padding: 0px;
}
div.delcode div.code {
  width: 50%;
}
div.delcode div.sale {
  width: 45%;
}
div.delcode button {
  color: red;
  background: none;
}
div.cartcode p {
  font-size: 14px;
  color: #000;
  padding: 20px 0px 5px 0px;
}