html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul,
li, fieldset, form, label, legend, caption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
:focus {
  outline:0;
}
body {
  position: relative;
  line-height:1;
  color: #bfbfbf;
  overflow-y: auto !important;
  margin: 0 !important;
  -webkit-print-color-adjust:exact;
}
ul {
  list-style:none;
}
table {
  border-collapse:separate;
  border-spacing: 0;
}
.clear {
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height:1%;
}
.clearfix {
  display:block;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; margin: 0;
}
html{
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font: 400 100%/1.65 serif;
  scroll-behavior: smooth;
}
body {
  position: relative;
  color: #595959;
  font-size: 14px;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
  line-height: 1.4em;
  overflow-x: hidden;
  background: #fff;
}
body {
  word-wrap: break-word;
}
.section {
  float: left;
  width: 100%;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
.wrap {
  position: relative;
  max-width: 1200px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
.nwrap {
  position: relative;
  max-width: 600px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}

/*-----------------------------------------------------------------------------------*/
/*	TOP & HEADER
/*-----------------------------------------------------------------------------------*/
header {
  float: left;
  width: 100%;
  padding: 0;
  z-index: 1000;
}
header * {
  margin-bottom: 0 !important;
}
header .wrap {
  position: relative;
  max-width: 1200px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}

.topline {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #dadada;
  font-family: 'roboto_condensedregular', Tahoma, Arial, sans-serif;
}
.topline a {
  color: #818181;
}
.topline a:hover {
  color: #2e3092;
}
.topcont {
  float: right;
  width: auto;
  padding: 5px 0px 5px 0px;
}
.topcont i {
  font-size: 22px;
  vertical-align: text-top;
  color: #2e3092;
  padding: 0px 5px 0px 30px;
  margin: 5px 0px 0px 0px;
}
.topcont i:first-child {
  padding: 0px 5px 0px 0px;
}
.topcont i.fa-whatsapp {
  color: #8dc63f;
}
.topcont span.topmnu {
  float: right;
  width: auto;
  margin: 0px 0px 0px 15px;
  padding: 0px 15px 0px 15px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
}
.topcont span.topmnu a {
  color: #2e3092;
  padding: 0px 0px 0px 15px;
}
.topcont span.topmnu a:first-child{
  padding: 0px 15px 0px 0px;
  border-right: 1px solid #dadada;
}
.topcont span.topmnu a:hover {
  color: #818181;
}

.topcurr {
  float: right;
  padding: 5px 0px 5px 0px;
}
.topcurr i {
  color: #2e3092;
  font-size: 22px;
  vertical-align: text-top;
}

#topinfo {
  float: left;
  width: 100%;
  margin: 10px 0px 0px 0px;
}
#logo {
  float: left;
  width: 168px;
  height: 79px;
}
#logo span {
  position: relative;
  left: -9000px;
}
#search {
  float: right;
  height: 79px;
  padding: 5px 30px 0px 30px;
  border-right: 1px solid #dadada;
}
form#webform {
  float: right;
  height: 40px;
  border: 1px solid #d4d4d4;
  padding: 2px;
  margin-top: 15px;
}
#search input {
  float: right;
  height: 34px;
  width: 350px;
  border: none;
}
#search i.ico-search {
  color: #d4d4d4;
  font-size: 26px;
  padding: 2px 10px 2px 10px;
  line-height: 34px;
  border-right: 1px solid #d4d4d4;
}
#search button {
  float: right;
  height: 34px;
  width: 34px;
  background: #2e3092;
}
#search button i {
  color: #fff;
  font-size: 24px;
}

#topcart, #toplogs {
  position: relative;
  float: right;
  height: 79px;
  border-right: 1px solid #dadada;
}
#topcart div#cart_more, #toplogs a {
  float: left;
  width: 100%;
  color: #818181;
  text-align: center;
  cursor: pointer;
}
#topcart span.topcell_txt, #toplogs span.topcell_txt, #search span.topcell_txt {
  float: left;
  width: 100%;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  padding-top: 5px;
}
#topcart i.ico-shopcart, #toplogs i.ico-user-new {
  position: relative;
  color: #2e3092;
  font-size: 36px;
  padding: 0px 10px 0px 10px;
}

#topcart i.ico-down, #toplogs i.ico-down {
  float: left;
  width: 100%;
  color: #818181;
  font-size: 18px;
}
#topcart i div#cartcount {
  position: absolute;
  top: -2px;
  right: -5px;
  width: 24px;
  height: 24px;
  color: #fff;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  background: #97c61e;
  border-radius: 50px;
  border: 2px solid #fff;
}
@supports (-moz-appearance:none) {
  #topcart i div#cartcount {
    right: 10px;
  }
}
#topcart a:hover i, #toplogs a:hover i {
  color: #818181;
}
#topcart a:hover span, #toplogs a:hover span {
  color: #2e3092;
}
#cart_more:hover #cart_cont {
  display: block;
}

div#login_cont, div#cart_cont, form#mobform {
  display: none;
  position: absolute;
  top: 79px;
  right: -1px;
  min-width: 320px;
  background: #fff;
  border: 1px solid #dadada;
  border-top: none;
  z-index: 8000;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.3);
  transition: 0.2s;
  padding-bottom: 10px;
}
div#cart_cont {
  width: 600px;
}
div#login_cont .contr, div#cart_cont .contr {
  float: left;
  width: 100%;
  padding: 10px 20px 20px 20px;
}
div#cart_cont .contr {
  float: left;
  width: 100%;
  padding: 0px 20px 0px 20px;
}
div#login_cont label {
  position: relative;
  float: left;
  width: 100%;
}
div#login_cont label span {
  position: absolute;
  top: -5px;
  right: 0px;
  width: auto;
  font-family: 'roboto_condensedlight', Tahoma, Arial, sans-serif;
}
div#login_cont label span a {
  float: none;
  width: auto;
  color: #2e3092;
}
div#login_cont label span a:hover {
  color: #848484;
  text-decoration: underline;
}
div#login_cont form {
  float: left;
  width: 100%;
  padding: 20px 0px 0px 0px;
}
div#login_cont form div.col100 {
  padding: 0px 0px 10px 0px;
}
div#login_cont div#reg {
  text-align:center;
}
div#login_cont div#reg h4 {
  padding: 0px 0px 10px 0px;
}
div#login_cont div#reg .btn {
  color: #fff;
}

div#cart_cont .contr .col100 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 62px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px solid #dadada;
}
div#cart_cont .col100 div {
  float: left;
  padding: 0px;
}
div#cart_cont .col100 div.pics {
  width: 70px;
  padding: 0px 10px 0px 0px;
  text-align: left;
}
div#cart_cont .col100 div.pics img {
  float: left;
  padding: 0px;
  margin: 1px 0px 1px 0px;
}
div#cart_cont .col100 div.prods {
  padding: 0px 10px 0px 0px;
}
div#cart_cont .col100 div.prods, div#cart_cont .col100 div.prods a {
  width: 320px;
  color: #2e3092;
  text-align: left;
  line-height: 1.2em;
}
div#cart_cont .col100 div.prods a:hover {
  color: #848484;
}
div#cart_cont .col100 div.numbr {
  width: 70px;
}
div#cart_cont .col100 div.price {
  width: 100px;
  color: #ed1c24;
  text-align: right;
}
div#cart_cont .botcart {
  padding:30px 10px 0px 20px;
}
div#cart_cont .botcart .col60 i {
  float: left;
  font-size: 40px;
  margin-right: 20px;
  color: #97c61e;
}
nav#mainmenu {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  background: #2e3092;
}
nav#mainmenu ul.menu {
  float: left;
  list-style: none;
}
nav#mainmenu ul.menu li {
  float: left;
  padding: 14px 0px 14px 0px;
}
nav#mainmenu ul.menu li a {
  float: left;
  width: 100%;
  font-size: 16px;
  font-family: 'roboto_condensedregular', Tahoma, Arial, sans-serif;
  text-decoration: none;
  color: #fff;
  padding: 0px 15px 0px 15px;
}
nav#mainmenu ul.menu li:first-child a {
  padding: 0px 15px 0px 0px;
}
nav#mainmenu ul.menu li:last-child a {
  padding: 0px 0px 0px 15px;
}
nav#mainmenu ul.menu li a i {
  color: #97c61e;
  padding: 0px 0px 0px 5px;
}
nav#mainmenu ul.menu li a:hover {
  text-decoration: none;
  color: #97c61e;
}

ul#submnu {
  display: none;
}
ul.menu li#brnds {
  position: relative;
}
ul.menu li#brnds:hover ul#submnu {
  display: block;
}

ul#submnu {
  position: absolute;
  top: 48px;
  left: 0px;
  width: 200px;
  /**/
  padding: 10px;
  z-index: 4000;
  background: #2e3092;
}
ul#submnu li {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
nav#mainmenu ul.menu li ul#submnu li {
  padding: 5px 0px 5px 10px;
}
nav#mainmenu ul.menu li ul#submnu li a {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div#lftbrnds {
  display: none;
}

div#slidemenu {
  display: none;
}
a#searchshow {
  display: none;
}
form#mobform {
  display: none;
}



div#wrapper {
  float: left;
  width: 100%;
}
div#wrapper .wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  position: relative;
  max-width: 1200px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
div.leftcont {
  float: left;
  width: 280px;
  margin: 20px 0px 40px 0px;
}
div.maincont {
  float: right;
  width: calc(100% - 300px);
  margin: 20px 0px 0px 20px;
}
div.fullcont {
  float: left;
  width: 100%;
  margin: 20px 0px 0px 0px;
  min-height: 500px;
}
div.fullcont div.leftcont {
  display: none;
}

div.slider {
  float: none;
  width: auto;
  overflow: hidden;
}
div.slider ul {
  float: none;
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
}
div.slider ul li {
  float: left;
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;
}
div.slider ul li img {
  width: 100%;
  height: auto;
}


div.icos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin: 0px 0px 0px 0px;
}
div.icos div.ico {
  display: inline-block;
  float: left;
}
div.icos div.ico.col33 {
  width: 33%.33;
  padding: 20px 20px 20px 0px;
}
div.icos div.ico div.crcl {
  position: relative;
  float: left;
  height: 66px;
  width: 66px;
  color: #97c61e;
  font-size: 36px;
  margin: 0px 10px 0px 0px;
  padding: 13px 0px 0px 0px;
  border: 2px solid #97c61e;
  border-radius: 50%;
  text-align: center;
}
div.icos div.ico h3 {
  color: #2e3092;
  font-size: 18px;
  font-family: 'roboto_condensedbold', Tahoma, Arial, sans-serif;
  text-align: left;
  padding: 0px; margin: 0px;
}
div.icos div.ico div.icotxt p {
  color: #848484;
  font-size: 16px;
  text-align: left;
  padding: 5px 0px 0px 0px;
  margin: 0px;
}



div#map {
  float: left;
  width: 100%;
  height: 400px;
}
div#botinfo {
  display: none;
}
footer {
  position: relative;
  float: left;
  width: 100%;
  color: #fff;
  background: #0b0d67;
}
footer .wrap {
  position: relative;
  max-width: 1200px;
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
}
div.bots {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  padding: 30px 0px 10px 0px;
}
div.bots div.bot {
  float: left;
  width: 25%;
  padding: 10px 0px 10px 0px;
}
div.bots div.bot.adr img {
  float: left;
  width: 100%;
  max-width: 150px;
  height: auto;
}
div.bots div.bot p {
  font-size: 15px;
  line-height: 1.5em;
}
div.bots div.bot ul {
  float: left;
  width: 100%;
  list-style: square outside url("../../images/bgr-ul.png");
}
div.bots div.bot ul li {
  float: left;
  width: 100%;
  font-size: 15px;
}
div.bots div.bot a  {
  color: #fff;
}
div.bots div.bot a:hover  {
  color: #8dc63f;
}
div.copy {
  float: left;
  width: 100%;
  padding: 15px 0px 0px 0px;
  text-align: center;
  background: #303030;
}
div.copy p {
  float: left;
  width: 100%;
  color: #9a9a9a;
  font-size: 14px;
  padding: 0px 0px 15px 0px;
  text-align: center;
}
div.copy a {
  color: #8dc63f;
}
div.copy a:hover {
  color: #fff;
}
