* {margin: 0px; padding: 0px;}

a {color: #000; text-decoration: none; }
a:hover {color: green; text-decoration: none;}
img {border: none;}

.right {	float: right;}
.bold { 	font-weight: bold;}
.underline {	text-decoration: underline;}	

.clearfix:before, .clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;}
.clearfix {  clear: both;}

body {color: #000; background: #f5f5f5; font-size: 15px; line-height: 1.3; font-family: Arial, Helvetica, sans-serif; }

header {margin: 0px;}
header .top {background: url('bg-hlava.jpg'); background-position: top center; background-size: cover; padding-top:  15px;}
header .brand {margin: 0px auto 10px 0px; display: block;}
header .brand img {margin: 0px auto; max-width: 100%;}
header .search {padding: 5px 0px;}
header .search .input-group .form-control {background: #ddd; box-shadow: none; border-radius: 0px;}
header .search .input-group .btn-default {background: #ddd; border-left: none; box-shadow: none; border-radius: 0px; }
header .kosik {color: #eee; background: url('kosik.png') no-repeat left center; padding: 5px 10px 5px 60px; position: relative;
      float: right;}
header .kosik a {color: #ccc;}
header .kosik a:hover {color: #fff;} 
header .kosik .kc {color: #b4c869; font-family: 'Oswald', sans-serif; font-size: 26px; }
header .kosik .zobrazit {display: block; text-decoration: underline; font-size: 13px;}
header .kosik i {font-style: normal; position: absolute; bottom: 3px; left: 20px; background: #eee; color: #3e4e28;
      font-family: 'Oswald', sans-serif; font-size: 16px; padding: 2px 9px; border-radius: 20px;;}
header .navbar-default {background: #e7e7e7;border: none; margin-bottom: 0px;}
header .navbar-default .navbar-nav {margin: 0px auto; }
header .nav-center {margin: 0px auto;}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar .navbar-nav {
      display: inline-block;
      float: none;
      vertical-align: top;
  }

  .navbar .navbar-collapse {
      text-align: center;
  }
  .navbar .navbar-collapse ul li  {
      text-align: left;
  }
  .navbar .navbar-collapse ul li ul li  {
      list-style: none; font-size: 16px;
  }
  header .navbar-nav>li>a {border-bottom: 4px solid #3e4e28; padding: 20px 15px 10px 15px;}
  header .navbar-nav>li>a .icon {font-size: 12px; padding: 0px;}

  header .navbar-nav>li:hover>ul {display: block;}
  header .navbar-nav li:hover ul li a {border-bottom:4px solid #e7e7e7;;}

}

  .navbar .navbar-collapse ul li  {
     font-family: 'Oswald', sans-serif; font-size: 18px;
     text-transform: uppercase; font-weight: 400;
  }
.navbar .navbar-collapse ul li a {color: #3e4e28;}
.navbar .navbar-collapse ul li:hover>a  {color: #b4c869; border-bottom: 4px solid #b4c869;}

header .navbar-nav {padding: 0px; margin: 0px; }
header .navbar-nav li ul {position: absolute; background: #e7e7e7; padding: 15px; box-shadow: 2px 2px 2px #666; display: none; z-index:1000; 
            }
header .navbar-nav li ul li {display: block; }
header .navbar-nav li ul li a {display: block; padding: 3px 0px 3px 0px; text-transform: none; white-space: nowrap;
    font-family: arial; font-weight: bold;  font-size: 14px;}
header .navbar-nav li ul li ul {display: none;} 

header .rowsubmenu {padding-top: 15px;}
header .rowmenu ul {padding: 0px; margin: 0px;}
header .rowmenu ul li {display: inline-block; margin: 0px 0px;}
header .rowmenu ul li a {color: #fff; display: block;  padding: 5px 10px; 
      font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 300; }
header .rowmenu.submenu1 ul li a {background: url('bg-submenu.png'); }
header .rowmenu.submenu1 ul li a:hover {color: #ccc;}
header .rowmenu.submenu2 ul li a {background: #c7322e; }
@media (min-width: 768px) {
  header .uzimen {text-align: right;}
}
@media (max-width: 768px) {
  header .uzimen {text-align: center;}
}  
header .rowmenu.submenu2 ul li a:hover {color: #ccc;}

@media (min-width: 1400px) {
  header .navbar-nav li ul {width: 440px; left: -100px}
header .navbar-nav li ul li {display: inline-block; width: 170px; margin-right: 30px; border-bottom: 1px solid #ccc;}
header .navbar-nav li ul li a {display: block; padding: 7px 0px 3px 0px; text-transform: none; white-space: normal; }
header .navbar-nav li.cl466 ul,
header .navbar-nav li.cl753 ul {left: 0px}
header .navbar-nav li.cl848 ul {left: -200px}

}


.bg_seda {background: #cccccc; }
.bg_seda:hover {background: #eee;}
.svetle_zelena {background: #b4c869;}
.svetle_zelena:hover {background: #d5e49c;}
.tmave_zelena {background: #3e4e28;}
.tmave_zelena:hover {background: #62744a; }
.bg_modra {background: #14204a; color: #fff;}
.bg_ceracote {background: url('ceracote.jpg') #fff; color: #fff; width: 366px;}
.bg_vanoce {background: url('bg-vanoce.jpg') #fff; color: #fff; width: 366px;}
.bg_modra:hover {background: #314076;}


.bg_modra.n2  {color: #fff;}
.svetle_zelena.n1 strong {color: #3e4e28;}
.tmave_zelena.n1 strong {color: #e7e7e7;}
.tmave_zelena.n1 strong span {color: #b4c869;}
.bg_karimatky {background: url('bg-karimatky.jpg');}
.bg_par {background: url('par.jpg');}
.bg_f1 {background: url('foto1.jpg'); background-size: cover;}
.bg_glock {background: url('glock.jpg'); background-size: cover;}
.bg_seda.n2 span {color: #888;}
.bg_seda.n2 {color: #3e4e28;}
.bila {color: #fff; }
.t1 {font-size: 20px; font-weight: 300;}

.bg_karimatky.n1 {font-size: 26px; font-weight: 400; color: #fff; text-shadow: 0px 0px 2px #222;}
.n1 {font-family: 'Oswald', sans-serif; font-size: 26px; font-weight: 400; }
.n2 {font-family: 'Oswald', sans-serif; font-size: 20px; font-weight: 400; }
.n1 strong {font-weight: 400; display: block;}
.bg_par.n1 {color: #fff;}

.bann_panel {width: 100%; margin: 0px auto; overflow: hidden; background: #fff; }
.bann_panel .jcarousel a {display: block; margin:6px 0px; padding: 20px; vertical-align: bottom; line-height: 1.3;
  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
.bann_panel .jcarousel li {margin: 0px 3px;}
.bann_panel .blok1 {width: 180px;}
.bann_panel .blok2 {width: 300px;}
.bann_panel .blok3 {width: 360px;}
.bann_panel .h1 { height: 170px;}
.bann_panel .h2 { height: 345px;}
.bann_panel .h3 { height: 522px;}
.bann_panel .jcarousel-control .icon {padding: 2px 4px; color: #3e4e28;}
.bann_panel .jcarousel-control .icon:hover {color: #fff; background: #3e4e28;}
.bann_panel .jcarousel-control {padding-top: 1px; padding-bottom: 6px; background: #f5f5f5;}

.bg-facebook {background: url('facebook-prodej-zbrani.png') #4867aa; background-size: cover;}
.bg-instagram {background: url('INSTAGRAM.png') #FFF; background-size: cover;}



.anim {
  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.znacky .container .in{background: #fff; margin-top: 0px;}
h2.h2bg {margin: 0px; }
h2.h2bg a {background: #3e4e28; color: #fff;  padding: 7px 10px 5px 10px;; font-family: 'Oswald', sans-serif; font-size: 18px;  display: inline-block }
.titlebg strong{background: #3e4e28; color: #fff;  padding: 7px 10px 5px 10px;; font-family: 'Oswald', sans-serif; font-size: 18px;  display: inline-block;
      font-weight: normal;}
.znacky ul {list-style: none;}
.znacky ul li {display: inline-block;}
.znacky ul li a{display: block; padding:  6px 12px; border: 1px solid #ddd; margin: 15px 20px 0px 0px;
  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}

@media (max-width: 768px) {
.znacky ul li img {max-width: 70px;}
.znacky ul li a{margin: 10px 10px 0px 0px;}
}

@media (min-width: 1500px) {
.container {width: 1400px}
}
.znacky ul li a:hover {border: 1px solid #666;}
.novinky .container {}
.novinky h2 {margin-bottom: 0px;}
.novinky img {width: 100%;}
.novinky .imgobal {max-height: 180px; overflow: hidden;}
.novinky h3 {font-size: 14px; margin: 0px; font-weight: bold;}
.novinky h3 a {color:#3e4e28; text-align: center; display: block; padding: 20px 20px; line-height: 1.3; min-height: 80px; text-decoration: underline}
.novinky h3 a:hover { text-decoration: none;}
.novinky article {margin: 5px 0px; box-shadow: 0px 0px 4px #ccc;}
.novinky .col1 article{background: #cccccc;}
.novinky .col2 article{background: #b4c869;}
.novinky .col3 article{background: #3e4e28;}
.novinky .col3 article h3 a {color:#fff}
.novinky .col1 article h3 a {color:#222}



footer {background: url('bg-footer.jpg') no-repeat; background-size: cover; padding: 40px 0px; margin-top: 0px;}
footer h2 { font-family: 'Oswald', sans-serif; font-size: 30px; color: #3e4e28; margin: 0px 0px 15px 0px;}
footer h3 { font-family: 'Oswald', sans-serif; font-size: 20px; color: #3e4e28;}
footer .t2 {font-family: 'Oswald', sans-serif; font-size: 20px;  padding-bottom: 10px;}
footer .t2 .icon {width: 30px; display: inline-block; text-align: center;}
footer .t2 a {color: #222; text-decoration: underline;}
footer .t2 a:hover {text-decoration: none;}
footer .adresa {margin-bottom: 25px; font-family: 'Oswald', sans-serif; font-size: 20px; }
footer .adresa .btn {margin-top: 15px; border-radius: 0px; border: none; font-family: 'Oswald', sans-serif; font-size: 16px; color: #3e4e28;
    border-bottom: 3px solid #3e4e28; border-right: 3px solid #3e4e28;}
.doba table, .otevdoba table  {}
.doba table td, table.otevdoba td {padding: 5px; border: 1px solid #666;}
.obsah.page .doba table td p, .obsah.page .doba table td p {margin: 0px; padding: 0px;}
footer ul {margin-top: 30px; padding-left: 0px; list-style: none;}
footer ul li {background: url('li.png') no-repeat left center; padding: 5px 15px 5px 15px; }
footer ul li a {text-decoration: underline;}


.produkty .rowplocha{background: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.produkty article .dostupnost {position: absolute;top: 130px; left: 0px; display: inline-block;
    z-index: 5; width: auto; font-family: 'Oswald', sans-serif; font-size: 16px; padding: 7px 10px;}

.rezervace {background: #54c254; color: yellow;}
.skladem {background: green; color: #fff;}
.nadotaz {background: #d19d06; color: #fff;}
.nedostupne {background: #c7322e; color: #fff;}

.produkty article {padding: 25px 0px;}
.produkty article h3 {margin: 0px 0px 15px 0px; font-family: 'Oswald', sans-serif; font-size: 20px;}
.produkty article h3 a:hover {color: #3e4e28; text-decoration: underline;}
.produkty article img {max-width: 100%; display: block; max-height: 200px; margin: 15px auto; }
.produkty article .img-obal {height: 200px;}
.produkty article .cena {font-family: 'Oswald', sans-serif; font-size: 20px; color: #3e4e28; padding: 5px 0px; display: block;}
.produkty .col-sm-6 {border-left: 1px solid #ddd; border-top: 1px solid #ddd;  background: url('bg-produkt.png') top repeat-x; height: 440px; position: relative;}
.produkty .col-sm-6 .kup {position: absolute; bottom: 15px; width: 100%;}
.produkty article p {margin: 10px 0px 20px 0px;; font-size: 13px; color: #333;}
.dokosiku {background: #b4c869;font-family: 'Oswald', sans-serif; font-size: 17px; color: #3e4e28; border-radius: 0px;
        border-color:#b4c869;}
.dokosiku:hover {background: #3e4e28; color: #b4c869;}
.gmCanvas {width: 100%; height: 400px;}
.mapa {width: 100%; height: 400px; position: relative;}
.mapa .vchod {width:  500px; height: 400px; z-index: 100; position: absolute; top: 0px; left: 0px; background: url('prodejna-vchod.jpg');
      background-size: cover; display: none;}
@media (min-width: 1200px) {
.mapa .vchod {display: block;}
}


.obsah.page {line-height: 1.4;}
.page ul{list-style: none;}
.page ul li{background: url('li.png') no-repeat left center; padding: 5px 15px 5px 15px;}
.page ol  {padding-left: 30px;}
.page ol li{padding: 5px 15px 5px 15px;}
 
.obsah.page h1, .produkty h1, .produkt h1{font-family: 'Oswald', sans-serif; font-size: 36px; margin: 0px 0px 30px 0px}
.obsah.page h2{font-family: 'Oswald', sans-serif; font-size: 26px; margin: 25px 0px 15px 0px}
.obsah.page.kontakt h2 {border-bottom: 4px solid #222; padding-bottom: 8px; margin-bottom: 20px;}
.obsah.page.kontakt .t2 {margin-bottom: 5px;}
.obsah.page p {margin: 5px 0px 15px 0px;}

.control-group {margin: 10px 0px;}
.btn-black {background: #222; color: #ccc; font-family: 'Oswald', sans-serif;}
.btn-black:hover {background: #222; color: #fff;}
.btn, .form-control, .input-group-addon {border-radius: 0px;;}
.napistenam .input-group-addon .icon {width: 30px; display: block;}
ul.pagination li.active span {background: #b4c869; border-color:#b4c869;color: #3e4e28; }
ul.pagination li {font-family: 'Oswald', sans-serif; font-size: 20px;}
ul.pagination li a {color: #3e4e28;} 
.subrbk ul {list-style: none;}
.subrbk ul li {display: inline-block;}
.subrbk ul li{ }
.subrbk ul li a {padding: 7px 15px 7px 20px; display: block; background: url('li.png') no-repeat left 5px center #fff; margin-bottom: 5px;}
.subrbk ul li a:hover {background: url('li.png') no-repeat left 5px center #ddd;}
.subrbk .title {margin-bottom: 5px;}
.rbkobsah {margin: 25px 0px;}


aside {}
aside .prava_menu a{display: block;}
aside .prava_menu a:hover{color: #c7322e}
aside .prava_menu a.lvl0 {font-family: 'Oswald', sans-serif; font-size: 24px; margin-bottom: 15px;}
aside .prava_menu a.lvl1 {font-family: 'Oswald', sans-serif; font-size: 17px; margin-bottom: 0px; background: url('li.png') no-repeat left 0px center;
    padding: 5px 15px 5px 15px;}
aside .prava_menu a.lvl2 {padding: 3px 15px 3px 15px;}    
aside .prava_menu a.lvl3 {padding: 3px 15px 3px 30px;}
aside .prava_menu a.lvl4 {padding: 3px 15px 3px 45px;}
aside .prava_menu a.lvl5 {padding: 3px 15px 3px 60px;}
.produkt {background: url('bg-produkt.png') top repeat-x #fff; padding: 35px;}
@media (max-width: 768px) {
.produkt {padding: 25px 15px;}
}
.breadcrumb {background: transparent; font-size: 13px;}
.breadcrumb a {color: #888}
.produkt .fotos {border: 1px solid #ddd; padding: 15px; margin-bottom: 15px;}    
.produkt .tbinfo {margin: 25px 0px; width: 100%; border: none; background: #f5f5f5; padding: 15px;}
.produkt .tbinfo td {padding: 8px 15px 8px 0px; }
.produkt a {color: green; text-decoration: underline;}
.produkt a:hover {text-decoration: none;}
.rbkobsah {line-height: 1.5; margin: 15px 0px;} 
.rbkobsah table {width:100%; border:1px solid #aaa;}
.rbkobsah table td {border:1px solid #aaa !important; padding:5px  !important;}
.rbkobsah table td h4,
.rbkobsah table td p,
.rbkobsah table td h3 {margin: 0px; }
.rbkobsah img {max-width: 100%; height: auto;}
.rbkobsah ul {padding: 0px 0px 0px 15px; list-style: square;}
.mma {margin: 25px 0px;}
.mma ul {list-style: none;}
.mma a {display: inline-block; border: 1px solid #ddd; margin: 3px 3px 3px 0px;}
.mma img {height:  100px; max-height:  100px;}

.login h2 {padding: 0px 0px 0px 0px; margin: 0px;}
.login ul{list-style: none;}
.login a {color: green; text-decoration: underline;}
.login a:hover {text-decoration: none;}
.login label {margin: 15px 0px 5px 0px;}
.bgwhite {background: #fff; padding:  20px 30px;}

legend {font-family: 'Oswald', sans-serif; font-size: 22px; display: block; margin:0px 0px 25px 0px;}

.registrace table {margin:  10px 0px 25px 0px;}
.registrace .btn {font-family: 'Oswald', sans-serif; font-size: 18px; }

.w50{width: 50px;}

.kosik table a {text-decoration: underline;}
.kosik table a.remove {text-decoration: none;}

.bggrey0 {background: #fff;font-family: 'Oswald', sans-serif; font-size: 16px; padding: 15px 30px;}
.bggrey1 {background: #eee;font-family: 'Oswald', sans-serif; font-size: 16px; padding: 15px 30px;}
.bggrey2 {background: #ddd;font-family: 'Oswald', sans-serif; font-size: 16px; padding: 15px 30px;}
.bggrey3 {background: #ccc;font-family: 'Oswald', sans-serif; font-size: 16px; padding: 15px 30px;}

a.u {text-decoration: underline;}
a.u:hover {text-decoration: none;}

.padd-left {padding-left: 30px;} 
@media (max-width: 768px) {
.padd-left {padding-left: 0px;} 
}  

.pointer {cursor: pointer;}
.bggr {background: #eee; padding: 10px 15px;}
.souhr h3 {font-size:16px; font-weight: bold;}
.souhr a {text-decoration: underline;}
.souhr a.btn {text-decoration: none;}
.male_foto {display: block; border: 1px solid #ccc; max-width: 100px; max-height: 50px;}
.table.tbmiddle td {vertical-align: middle;}
.souhr .table tr td.border {border: 3px solid #000;;}
.table th {background: #eee;}
.facebook_obal {height: 15px;}
a.black {color: #000;}

.modal-body .form-group {padding-left: 15px; padding-right: 15px;} 
.pos_rel {position: relative;}
.produkt .dostupnost {position: absolute;top: 100px; left: 0px; display: inline-block;
    z-index: 5; width: auto; font-family: 'Oswald', sans-serif; font-size: 16px; padding: 7px 10px;}

.youtube { background: transparent !important;}

@media (max-width: 980px) {
.youtube object {width: 100%; height: 400px;}
}
@media (max-width: 768px) {
.youtube object {width: 100%; height: 300px;}
}

.sobsahem img {max-width: 100%; height: auto;}
.bgwhite_only {background: #fff; margin-bottom: 0px; padding-top: 35px; padding-bottom: 35px;}

.navbar .navbar-header {text-align: center; color: #3e4e28;  font-family: 'Oswald', sans-serif; font-size: 16px; }
.navbar .navbar-header .navbar-toggle {border: 2px solid #3e4e28; float: none;} 
.navbar .navbar-header .navbar-toggle .icon-bar {border: 2px solid #3e4e28;}
.green {color: green;}
.aktinfo {padding: 4px 0px 0px 35px; font-size: 15px;}


.eu-cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #000;
    background-color: #f5f5f5;
    z-index: 1000;
    text-align: center;
    padding: 10px;
    border-top: 1px solid #ccc;
}
.eu-cookies a {text-decoration: underline; color: #78b241;}
.eu-cookies button {
    background: #78b241;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
    margin-left: 15px;
}
.eu-cookies a:hover {color: #15a8d8;}
.eu-cookies button:hover { background: #15a8d8;}


.orderbyform {margin: 5px 0px 15px 0px; }






.home h1 {margin: 0px; padding: 0px;}

.sluzby-list {background: url('bg-footer.jpg') ; margin-bottom: 50px;}

.sluzby-list article {padding: 30px 0px;}
.sluzby-list h3 {padding: 0px 0px;}
.sluzby-list h3 a {color: #3e4e28;  font-family: 'Oswald', sans-serif; font-size: 22px; text-transform: uppercase;}
.sluzby-list h3 a:hover {color: #d19d06;}

.red {color: red;}


.cerakote .cerakote_grey_title {background: #ccc; padding: 30px; text-align: right; margin-right: 0px;}
.cerakote .cerakote_grey_title h2 { font-size: 40px;}
.cerakote-ul {font-size: 20px;}

@media (max-width: 992px) {
  .cerakote .cerakote_grey_title {text-align: left; margin-bottom: 20px; margin-right: 0px;}
}


.nater {background: #eee; padding: 15px;}
.cerakote .nater h2 {padding-top: 0px; margin-top: 0px; border-bottom: 5px solid #252525; padding-bottom: 10px;}


.obsah .rbkobsah table.table tr td {border: 1px #fff solid; }

.newsletter {margin: 0px 0px; padding: 20px; border: 1px solid #eee; background: #14204a; color: #fff; height: 240px;
  box-shadow: 0px 0px 5px #ccc; margin: 5px 0px;}
.newsletter label {margin-bottom: 20px;}
.newsletter input {margin-bottom: 10px;}

.brands {margin-bottom: 50px; clear: both;}
.brands a {display: block;  margin: 0px 0px 0px 0px; }
.brands a span {}
.brands ul {list-style: none;}
.brands ul li {float: left; width: 250px;}
.brands .img-responsive {margin: 0px auto; max-height: 100px; max-width: 199px;}




.telo a {text-decoration: underline; color:green;}

.blog article {margin: 15px 0px; border-top: 1px solid #eee; padding: 15px 0px;}
.blog article h2 {line-height: 1;}
.blog article h2 a{font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1;}
.blog article .detail {color:green; border: 1px solid green; padding: 5px 10px;}
.blog article .detail:hover {color:#111; border: 1px solid #111;}
.blog article .wrapp-detail {margin-top: 30px;}


.panel h2.panel-title {margin:0 0 20px 0; font-size: 40px;}

.panel .produkt {border:1px solid #eee; width:25%; padding:20px 20px 110px 20px; position:relative;
      text-align: center; }
.panel .produkt h3 {margin:0 0 25px 0; font-size:18px; font-weight:bold;}
.panel .produkty {margin:30px 0; display: flex;  justify-content:center; flex-wrap: wrap;}
.panel .cena {font-weight:bold; font-size: 20px; }
.panel .img-responsive {margin:15px auto;}
.panel .bottom {position:absolute; bottom:5px; left:0px;
        width:100%; text-align:center;}
.panel .radio, .panel .checkbox {margin: 0 auto 10px auto; display:inline-block;}

@media (max-width: 1200px) {
  .panel .produkt {width:33.33%; }
}
@media (max-width: 768px) {
  .panel .produkt {width:50%; }
}
@media (max-width: 576px) {
  .panel .produkt {width:100%; }
}


.panel .radio,
.panel .checkbox {
  padding-left: 20px;
  position: relative;
  display: block;
  margin-left: 20px;

}
.panel .radio input,
.panel .checkbox input {
  opacity: 0;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  margin-left: -20px;
}
.panel .radio input:checked + label::before,
.panel .checkbox input:checked + label::before {
  border-color: #3e4e28;
}
.panel .radio input:checked + label::after,
.panel .checkbox input:checked + label::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 13px;
  height: 13px;
  left: 2px;
  top: 4px;
  margin-left: -20px;
  border: 1px solid #3e4e28;
  border-radius: 50%;
  background-color: #3e4e28;
}
.panel .radio label,
.panel .checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.panel .radio label::before,
.panel .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 2px;
  margin-left: -20px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
}
.panel .radio.disabled label,
.panel .checkbox.disabled label {
  color: #ccc;
}
.panel .radio.disabled label::before,
.panel .checkbox.disabled label::before {
  opacity: 0.54;
  border-color: #ccc;
}
.panel .checkbox input:checked + label::before {
  border-color: #3e4e28;
  background-color: #3e4e28;
}
.panel .checkbox input:checked + label::after {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 13px;
  color: #fff;
  top: 0;
  left: 1px;
  border-color: transparent;
  background-color: transparent;
}
.panel .checkbox label::before {
  border-radius: 2px;
}