/*====== RESPONSIVE BREAKPOINT VARIABLES ======= */
body {
  margin: 0;
  padding: 0;
}

.show-mobile {
  display: none !important;
}

@media only screen and (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }

  .show-mobile {
    display: block !important;
  }
}
.fancybox-wrap {
  top: 300px !important;
}
@media only screen and (max-width: 768px) {
  .fancybox-wrap {
    top: 100px !important;
  }
}

.page-container {
  font-size: 16px;
  font-family:Arial, Helvetica, sans-serif;
   background: #d9e0d1;
  /* What we have from past */
  /* --- Product Page --- */
  /* Fancybox */
}
.l-header .navigation-container .navigation > li{
	padding:14px 54px !important;
}
@media only screen and (max-width: 768px) {
  .page-container .wrapper {
    width: 100% !important;
  }
  .page-container .pull-left, .page-container .pull-right {
    float: none;
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .page-container .pull-left img, .page-container .pull-right img {
    max-width: 100%;
  }
}
.page-container .l-container {
  padding: 20px 0;
  background-color: #fff;
  font-family: 'Lato', sans-serif;
  max-width:1100px;
  margin:auto;
}
#footer {
 background: #d9e0d1 url("../img/bg-footer.jpg") no-repeat scroll center top;
    content: "";
    display: flex;
    height: 330px;
    margin: 0 auto;
    width: 100%;
}
.page-container .l-container .wrapper {
}
.page-container .l-sidebar {
  float: left;
  width:280px;
}
.lcat {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}
.lcat li {
    border-bottom: 1px solid #ededed;
    font-weight: 100;
    margin: 0;
    padding: 10px 20px;
}
.lcat li .cnt{display:none;}
 .lcat a {
    background-image: url("../img/sprite.png");
    background-position: -62px -442px;
    background-repeat: no-repeat;
    color: #000000;
    padding-left: 15px;
    transition: all 250ms ease 0s;
 }
  .lcat .lev2 a {
	  margin-left:20px;
  }
  .lcat .lev3 a {
	  margin-left:30px;
  }
   .lcat a:hover {
	   margin-left:5px;
 }
  .lcat .lev2 a:hover {
	  margin-left:25px;
  }
  .lcat .lev3 a:hover {
	  margin-left:35px;
  }

@media only screen and (max-width: 768px) {
  .page-container .l-sidebar {
    float: none;
  }
  .page-container .l-sidebar .page-sidebar {
    width: 100%;
  }
}
.page-container .l-content {
  width: 800px;
  float: right;
}
@media only screen and (max-width: 768px) {
  .page-container .l-content {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .page-container .l-content {
    padding: 20px 0;
  }
}
.page-container .page-product .l-content .product-essential .product-image-box {
  width: 490px;
  float: left;
  border: 1px solid #e4e4e4;
  text-align: center;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-essential .product-image-box {
    border: 0 none;
    float: none;
    width: 100%;
  }
}
.page-container .page-product .l-content .product-essential .product-image-box .product-image-container {
  padding-top: 0px;
  min-height: 500px;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-essential .product-image-box .product-image-container {
    min-height: initial;
    padding-top: 0;
  }
}
.page-container .page-product .l-content .product-essential .product-image-box .product-image-container img {
  max-width: 100%;
  *width: 100%;
  max-height: 550px;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-image-container .product-zoom {
  margin: 80px 0 20px;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-image-container .product-zoom a {
  display: block;
  height: 25px;
  width: 69px;
  margin: 0 auto;
  background-image: url("../img/sprite.png");
  background-position: -3px -523px;
  background-repeat: no-repeat;
  color: transparent;
  font: 0/0 a;
  text-indent: -999;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-more-views ul {
  padding: 5px;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-more-views ul li {
  width: 80px;
  margin: 0 6px;
  padding: 3px;
  cursor: pointer;
  border: 1px solid #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-more-views ul li.active {
  border-color: #018ad5;
  border-left-width: 2px;
  border-left-color: #87c8eb;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-more-views ul li a {
  display: block;
  width: 100%;
  text-align: center;
}
.page-container .page-product .l-content .product-essential .product-image-box .product-more-views ul li img {
  max-width: 100%;
  max-height: 100%;
  background-color: #fff;
}
.page-container .page-product .l-content .product-essential .product-shop-info {
  width: 290px;
  float: right;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  padding: 20px 20px 25px;
  background-color: #fff;
}
.page-container .page-product .l-content .product-essential .product-shop-bnr {
  width: 290px;
  float: right;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e7e7e7;
  border-bottom: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-essential .product-shop-info {
    border: 0 none;
    float: none;
    width: 100%;
  }
}
.page-container .page-product .l-content .product-essential .product-shop-info h1 {
  background-color: #fff;
  color: #060006;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.1em;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-essential .product-shop-info h1 {
    text-align: center;
  }
}
.page-container .page-product .l-content .product-essential .product-shop-info .product-info {
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #f2f2f2;
  font-size: .9em;
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-essential .product-shop-info .product-info {
    border: 0 none;
  }
}
.page-container .product-info {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .page-container .product-info {
    text-align: center;
  }
}
.page-container .product-info li {
  border-bottom: 1px solid #ebebeb;
}
.page-container .product-info .product-price {
  padding: 15px;
  color: #d20000;
  text-align: center;
  font-size: 1.5em;
}
.page-container .product-info .product-bprice {
  padding: 15px;
  color: #666b65;
  text-align: center;
  font-size: 14px;
  text-decoration:line-through;
}
.page-container .product-info .product-percent {
  padding: 15px;
  color: #d20000;
  text-align: center;
  font-size: 1.5em;
}
.page-container .product-info .product-status {
  background-image: url("../img/sprite.png");
  background-position: -72px -515px;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 25px;
  color: #63885c;
  font-size: 1.1em;
}
.page-container .product-info .product-status.rouge {
	background-position: -72px -692px;
	color: #d20000;
}
.page-container .product-info .product-detail {
  padding: 10px;
  font-size: .8em;
}
.page-container .product-info .product-detail h3 {
  color: #018ad5;
}
.page-container .product-info .product-detail h4 {
  color: #666b65;
}
.page-container .product-specification {
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #ebebeb;
  padding: 15px 15px 0 15px;
  color: #2e2e2f;
  font-size: .9em;
}
@media only screen and (max-width: 768px) {
  .page-container .product-specification {
    border: 0 none;
  }
}
.page-container .product-specification h4 {
  margin-bottom: 15px;
  font-weight: 700;
}
.page-container .product-specification ul {
  list-style-type: square;
  padding-left: 16px;
}
.page-container .page-product .l-content .product-details {
  width: 100%;
  margin-top: 35px;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-details ul.tabs-titles {
    text-align: center;
  }
}
.page-container .page-product .l-content .product-details ul.tabs-titles li {
  float: left;
  margin-right: 1px;
  padding: 12px 20px;
  background-color: #363636;
  color: #fff;
  font-size: .95em;
  font-weight: 100;
  text-transform: capitalize;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-details ul.tabs-titles li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    float: none;
    margin-bottom: 1px;
    width: 100%;
  }
}
.page-container .page-product .l-content .product-details ul.tabs-titles li.active-tab-title,
.page-container .page-product .l-content .product-details ul.tabs-titles li:hover {
  background-color: #018ad5;
}
.page-container .page-product .l-content .product-details .tabs-container {
  position: relative;
  border-left: 1px solid #f3f3f3;
  color: #4f4543;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-details .tabs-container {
    border: 0 none;
  }
}
.page-container .page-product .l-content .product-details .tabs-container .tab {
  height: 500px;
  padding: 25px 18px 30px;
  font-family: arial;
  overflow-y: scroll;
  font-size: .75em;
}
@media only screen and (max-width: 768px) {
  .page-container .page-product .l-content .product-details .tabs-container .tab {
    height: auto;
  }
}
.page-container .page-product .l-content .product-details .tabs-container .tab strong {
  font-weight: 700;
}
.page-container .page-product .l-content .product-details .tabs-container .tab:first-child,
.page-container .page-product .l-content .product-details .tabs-container .first-tab {
  height: auto; overflow-y:auto;
}
.page-container .page-product .l-content .product-details .tabs-container .tab a {
  color: #018ad5;
  font-weight: bold;
  font-size: 1.1em;
}
.page-container .page-product .l-content .product-details .tabs-container .tab h2 {
  font-family: Lato;
  color: #000507;
  font-size: 1.3em;
  margin-bottom: 10px;
}
.page-container .page-product .l-content .product-details .tabs-container .tab h3 {
  color: #018ad5;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 5px;
}
.page-container .page-product .l-content .product-details .tabs-container .tab h4 {
  color: #018ad5;
  margin-bottom: 15px;
}
.page-container .page-product .l-content .product-details .tabs-container .tab p {
  margin-bottom: 20px;
}
.page-container .page-product .l-content .product-details .tabs-container .tab .pull-left {
  float: left;
  margin-right: 10px;
}
.page-container .page-product .l-content .product-details .tabs-container .tab .pull-right {
  float: right;
  margin-left: 10px;
}
.page-container .bg-product {
  background-color: #f3f3f3;
}
.page-container .fancybox-wrap {
  top: 230px !important;
}.tab {
    float: left;
    overflow: hidden;
    padding-bottom: 20px;
    text-align: left;
    width: 100%;
}
.tab section {
  display: none;
  padding: 20px;
  color:#000
}
.tab input {
  display: none;
}
.tab ul.tab-titel {
	padding:0;
	margin:0;
    display: inline-block;
    width: 100%;
	list-style:none;
}
.tab ul.tab-titel li{
	float:left
}
#tab1:checked ~ ul li #lt1, #tab2:checked ~ ul li #lt2, #tab3:checked ~ ul li #lt3, #tab4:checked ~ ul li #lt4, #tab5:checked ~ ul li #lt5{
    background-color: #267946;
	color:#fff;
}
.tab label {
  display: inline-block;
  margin: 0 ;
  padding: 10px 25px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background:#000
}

.tab label:hover {
  cursor: pointer;
  color:#fff;
  background:#267946
}

.tab li:not(:last-child) label{
	border-right:1px solid #fff
   
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4,
#tab5:checked ~ #content5 {
  display: block;
}
.tab section a {
  color: #267946;
  font-weight: bold;
  font-size: 1.1em;
}
.tab section h2 {
 color: #267946;
    font-family: Lato;
    font-size: 1.3em;
    margin-bottom: 10px;
}
.tab section h3 {
 color: #267946;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}
}
.tab section h4 {
  color: #267946;
  margin-bottom: 15px;
}
.tab section p {
  margin-bottom: 20px;
  line-height:22px;
}
.tab section td{
	padding:5px;
}

.product-image-container{
  display: none;
}
.product-image-box input {
  display: none;
}
.product-image-box label {
	float:left;
 border: 1px solid #000 ;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 5px;
    width: 80px;
	height:80px
}
.product-image-box label:hover {
  cursor: pointer;
  color:#fff;
  border-color: #267946;
}
#gal1:checked ~ .product-more-views ul li #lg1,
#gal2:checked ~ .product-more-views ul li #lg2, 
#gal3:checked ~ .product-more-views ul li #lg3, 
#gal4:checked ~ .product-more-views ul li #lg4,
#gal5:checked ~ .product-more-views ul li #lg5{
    border-color: #267946;
}
#gal1:checked ~ #content1,
#gal2:checked ~ #content2,
#gal3:checked ~ #content3,
#gal4:checked ~ #content4,
#gal5:checked ~ #content5 {
  display: block;
}
.page-container .l-footer .footer-cols > li{width:31% !important}
.page-container .l-footer .wrapper {height:230px !important;}
.page-container .l-footer .footer-cols .col-about .footer-logo a {
    padding: 10px 5px !important;
}
.page-container .l-header .header-columns .contact-cols li{float:right !important}
.lcat h2 {
    background: #267946 none repeat scroll 0 0 !important;
    color: #ffffff;
    display: block;
    font-family: "Lato",sans-serif;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding: 10px !important;
    text-transform: uppercase;
}
.pull-left {
    float: left;
    width: 30%;
	margin:0 10px  10px 0;
}
.pull-left img{
	max-width:100%
}
@media only screen and (max-width: 768px) {
.tab ul.tab-titel li, .tab label, .wrapper {width:100%}
}