/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/*/html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}
/***/
body{
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
p,ul{
  margin: 0;
  padding: 0;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
  color: inherit;
}
img{
  max-width: 100%;
  height: auto;
}
.txtright{
  text-align: right;
}
.txtleft{
  text-align: left;
}
.txtcenter{
  text-align: center;
}
/***/
.container{
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.section{
  float: left;
  width: 100%;
}
.topbar{
  background: #af2ed1 url(../img/topbarbg.png) no-repeat;
  color: #fff;
  padding: 5px 0;
  text-align: center;
}
.tblang{
  position: relative;
}
/*.tblang span{
  display: block;
  padding-right: 10px;
}
.tblang span:after {
    display:block;
    position:absolute;
    top:15px;
    right: 20%;
    content: "";
    height:0;
    width:0;
    padding:0;
    margin:-6px;
    border:6px solid transparent;
    border-top-color:#FFF;
}
.tblang ul{
  position: absolute;
  display: none;
  top: 100%;
  left: 50%;
  background-color: rgba(173,46,209,.8);
  padding: 10px;
  z-index: 2;
  border-radius: 5px;
}
.tblang li{
  border-bottom: 1px solid #ddd;
}
.tblang:hover ul{
  display: block;
}*/
.tbsearch{
  position: relative;
}
.tbsearch form input{
  box-sizing:border-box;
  border: none;outline: none;
}
.tbsearch div{
  position:relative;
  padding: 0 10px;
}
.tbsearch input[type="text"]{
  display:block;
  width:100%;
  background: none;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 30px;
}
.tbsearch input[type="submit"]{
  display:block;
  width:18px;
  background: url(../img/search-btn.png) no-repeat;
  position:absolute;
  top:4px;
  right: 7%;
}
header{
  padding: 30px 0;
  position: absolute;
	z-index:333;
	top: 30px;
}
.logo{
  display: block;
  text-align: center;
  margin: 0 0 10px 0;
}

.bannercontainer{

}
.banner-nav{
  background-color: #2c2c2c;
  padding: 20px 0;
}
#slide-prev{
  display: inline-block;
  width: 46px;
  height: 46px;
}
#slide-next{
  display: inline-block;
  width: 40px;
  height: 40px;
}
.social{
  padding: 10px 20px;
}
.social a{
  display: inline-block;
  height: 18px;
  width: 18px;
  margin: 0 5px;
  
}
.social a.fb{
  background-position: 0 -2px;
}
.social a.sk{
  background-position: 0 -26px;
}
.social a.in{
  background-position: 0 -50px;
}
.social a.tw{
  background-position: 0 -72px;
}
.social a.fl{
  background-position: -2px -92px;
}
.social a.rs{
  background-position: 0 -114px;
}
.support{
  background: url(../img/phone-ico.png) 10px center no-repeat;
  padding-left: 40px;
  color: #d9ec8c;
  text-transform: uppercase;
}
.support span{
  display: block;
}
.support .num{
  color: #fff;
}

.shortabout{
  background-color: #fff;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
  padding-bottom: 20px;
}
.shortabout h2{
  color: #790b99;
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 0;
}
.shortabout h3{
  color: #2c2c2c;
  font-family: 'Trocchi', serif;
  font-size: 28px;
  margin-top: 0;
  text-transform: uppercase;
}
.shortabout p{
  color: #505050;
}

.gallery{
  background-color: #f5f5f3;
  text-align: center;
  padding-bottom: 50px;
}
.gallery h2{
  color: #790b99;
  font-weight: 300;
  font-size: 40px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.gallery h3,.testimonials h3,.ourproducts h3{
  color: #2c2c2c;
  font-family: 'Trocchi', serif;
  font-size: 35px;
  margin-top: 0;
  text-transform: uppercase;
}
.gallery .container div {
  display: inline-block;
  min-height: 1px;
  position: relative;
  overflow: hidden;
}
.gallery .container div.catmid{
  display: none;
}
.gallery .container div a{
  position: absolute;
  display: block;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(10,10,10,.8);
  color: #fff;
  padding-top: 30%;
  font-family: 'Trocchi', serif;
  font-size: 20px;
  text-transform: uppercase;
  -webkit-transition: top .7s;
  transition: top .7s;
}
.gallery .container div a span{
  font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: block;
  border: 1px solid #fff;
  max-width: 100px;
  padding: 4px;
  margin: 5px auto;
  font-size: 13px;
}
.gallery .container div:hover a{
  top: 0;
}
.testimonials{
  text-align: center;
  padding: 20px 0;
}
.testimonials li{
  padding: 0 50px;
}
p.author{
  text-decoration: underline;
}
.ourproducts{
  text-align: center;
  padding-top: 20px;
}
.ourproducts h3{
  border-bottom: 1px solid #c4c4c3;
  margin-bottom: 2px;
}
.paging {
  float: left;
  width: 100%;
}
.paging h4{
  float: left;
  font-family: 'Trocchi', serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #ad2ed1;
}
.paging div{
  float: right;
  margin: 26px 0;
}
.paging span,.paging a{
  border: 1px solid #ad2ed1;
  float: left;
  padding: 1px 8px;
  margin-left: 5px;
  color: #000;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
}
.paging span{
  background-color: #ad2ed1;
  color: #fff;
}
.prodpage .paging span{
  display: inline-block;
}
.prods ul{
  padding-bottom: 20px;
}
.prods li{
  display: inline-block;
  border: 1px solid #e8e8e8;
  text-align: left;
  font-weight: 300;
  padding: 10px;
  margin: 10px;
  width: 100%;
  max-width: 250px;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.prods.new li{
  width: 82%;
}
.prods li:first-child{
  margin-left: 0;
}
.prods li:last-child{
  margin-right: 0;
}
.pname{
  text-transform: uppercase;
  color: #1f1f1f;
  font-size: 22px;
  min-height: 50px;
}
.new  .pname{
  min-height: 60px;
}
.art{
  color: #af2ed1;
  font-size: 20px;
}
.prods li:hover{
  -webkit-transform: scaleY(1.02);
  -ms-transform: scaleY(1.02);
  -o-transform: scaleY(1.02);
  transform: scaleY(1.02);
  box-shadow: 0px 0px 3px rgba(173,46,209,.8);
}
.prods span{
  display: block;
}

.signup{
  background-color: #af2ed1;
  padding: 10px 0;
  color: #fff;
}
.nltext{
  background: url(../img/nl.png) no-repeat;
  background-position: center top;
  padding: 80px 0 10px 10px;
}
.signup form input{
  border: none;outline: none;
  box-sizing:border-box;
}
.nlform{
  position:relative;
  margin: 10px 110px 10px 0;
  padding-left: 10px;
}
.nlform input[type=text]{
  display:block;
  width:100%;
  height: 32px;
  color: #000;
  padding-left: 5px;
  border-radius: 5px 0 0 5px;
}
.nlform input[type=submit]{
  background-color: #000;
  color: #fff;
  display:block;
  width:100px;
  height: 32px;
  position:absolute;
  top:0;
  left:100%;
  margin-right: 10px;
  border-radius: 0 5px 5px 0;
}
.cstext{
  padding: 0 0 10px 10px;
}
.nltext h4,.cstext h4{
  font-weight: normal;
  font-size: 30px;
  margin: 0 0 15px 0;
}

footer{
  border-top: 7px solid #2c2c2c;
  background-color: #17181a;
  text-align: center;
  padding-bottom: 20px;
}
footer .col{
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 275px;
  color: #fff;
}
.btmheading{
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 15px;
  margin-right: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0a0a0b;
  box-shadow: 0px 1px 0px #2c2c2c;
  box-sizing:border-box;
}
footer li{
  margin: 2px 0;
  padding-left: 15px;
}
footer p{
  font-size: 13px;
  color: #cecece;
  text-align: left;
  margin-bottom: 15px;
  padding-left: 15px;
}
p.btmaddress{
  background: url(../img/btmhome.png) left 10px no-repeat;
  padding-left: 25px;
}
p.btmemail{
  background: url(../img/btmmail.png) left 3px no-repeat;
  padding-left: 25px;
}
.btmemail a{
  display: inline-block;
}
p.btmphone{
  background: url(../img/btmphone.png) left 10px no-repeat;
  padding-left: 25px;
}
footer a{
  display: block;
  text-align: left;
  color: #cecece;
  font-size: 13px;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}
footer a:hover{
  text-decoration: underline;
  text-indent: 5px;
}
.copyright{
  background-color: #17181a;
}
.copy{
  color: #fff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid #0a0a0b;
  box-shadow: 0px -1px 0px #2c2c2c;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
}
/***About***/
.about h2,.contact h2,.distribution h2{
  font-family: 'Trocchi', serif;
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  color: #ad2ed1;
}
.about p,.contact p{
  margin-bottom: 15px;
  padding: 5px;
}
.abouttabs{
  background-color: #f5f5f3;
  border-top: 2px solid #e7e7e7;
}
/***Contact***/
.contact{
  padding-bottom: 30px;
}
.cinfo{
  margin-bottom: 20px;
}
.contact strong,.contact span{
  display: block;
}
.contact strong{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: normal;
}
.contact span{

}
h2.cheading{
  text-align: left;
  font-size: 22px;
  border-bottom: 2px solid #d295e4;
  position: relative;
}
h2.cheading:after{
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 2px;
  width: 85px;
  background-color: #a62cc9;
}
.contact form input{
  box-sizing: border-box;
}
.cform{
  padding-left: 5px;
}
.cfld{
  border: 1px solid #c1c1c1;
  border-radius: 5px;
  width: 98%;
  margin: 5px 0;
  padding: 10px;
  outline: none;
}
.ta{
  width: 91%;
}
.cbtn{
  background: #a62cc9 url(../img/cbtn.png) 25% center no-repeat;
  color: #fff;
  text-transform: uppercase;
  border: none;
  width: 160px;
  height: 40px;
  border-radius: 5px;
  margin: 5px auto;
  outline: none;
  display: block;
  text-indent: 15px;
  font-size: 22px;
}
/***Distribution**/
.distform{
  padding-left: 5px;
}
.distform .cfld{
  width: 91%;
}
.distform label{
  display: block;
}
.distform p{
  margin: 15px 0;
}
.distform input[type=radio]{
  vertical-align: middle;
  margin-right: 5px;
}
.distform .cbtn{
  background: #a62cc9;
  text-indent: 0;
}
/***Products***/
.products{
  padding-bottom: 30px;
}
.leftmenu{
  padding-bottom: 20px;
  max-width: 280px;
  margin: 0 auto;
}
.leftmenu label{
  display: block;
  font-family: 'Trocchi', serif;
  font-size: 26px;
  background-color: #a62cc9;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  letter-spacing: 3px;
  margin-bottom: 0;
  margin-top: 15px;
}
.leftmenu input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}
#menu{
  display: none;
}
.leftmenu input[type=checkbox]:checked ~ #menu{
    display: block;
}
.leftmenu a{
  display: block;
  background: #ffffff;
  background: -webkit-linear-gradient(top,  #ffffff 0%,#cdcecd 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#cdcecd 100%);
  padding: 3% 2%;
  color: #a62cc9;
  font-weight: bold;
}
.leftmenu a:hover{
  background: #a62cc9;
  color: #fff;
}
.leftmenu li ul a{
  font-size: 12px;
  color: #2e2e2e;
  font-weight: normal;
  /*text-indent: 10px;*/
}
.prodpage ul{
  padding-bottom: 20px;
  text-align: center;
}
.prodpage li{
  display: inline-block;
  border: 1px solid #e8e8e8;
  text-align: left;
  font-weight: 300;
  padding: 10px 5px;
  margin: 10px 5px;
  width: 100%;
  max-width: 194px;
  -webkit-transition: all .1s;
  transition: all .1s;
}
.pname{
  text-transform: uppercase;
  color: #1f1f1f;
  font-size: 22px;
}
.prodpage .pname{
  font-size: 18px;
}
.art{
  color: #af2ed1;
  font-size: 20px;
}
.prodpage .art{
  font-size: 16px;
}
.pimg{
  max-width: 150px;
  margin: 0 auto;
}
.prodpage li:hover{
  -webkit-transform: scaleY(1.02);
  -ms-transform: scaleY(1.02);
  -o-transform: scaleY(1.02);
  transform: scaleY(1.02);
  box-shadow: 0px 0px 5px rgba(173,46,209,.8);
}
.prodpage span{
  display: block;
}
/***Large***/
.limgcontainer,.mviews,.pinfo{
  margin: 10px 0;
}
.limg{
  text-align: center;
}
.large #horizontalTab{
  margin-top: 20px;
}
.pinfo h2{
  font-family: 'Trocchi', serif;
  font-size: 22px;
  text-transform: uppercase;
  color: #ad2ed1;
}
.pinfo div{
  clear: both;
}
.pinfo input[type=image]{
  outline: none;
  float: left;
  margin-bottom: 15px;
}
.desc{
  margin-bottom: 15px;
}
.desc h4{
  margin-bottom: 5px;
}
.qty{
  margin-bottom: 15px;
}
.qty input{
  width: 80px;
  text-align: center;
}
/**Inquiry**/
.txtqty{
  text-align: center;
}
.table-responsive{width: 98%;margin: 10px auto;}
.table-responsive tr{
  border: 1px solid #ddd;
}
.table-responsive th{display:none}
.table-responsive td{display:block}
.table-responsive td:first-child{padding-top:.5em}
.table-responsive td:last-child{padding-bottom:.5em}
.table-responsive td:before{content:attr(data-th) ": ";font-weight:700;width:6.5em;display:inline-block}
.table-responsive th,.table-responsive td{text-align:left}
@media(min-width:480px){.table-responsive td:before{display:none}.table-responsive th,.table-responsive td{display:table-cell;padding:1em!important}.table-responsive th:first-child,.table-responsive td:first-child{padding-left:0}.table-responsive th:last-child,.table-responsive td:last-child{padding-right:0}}














@media only screen and (min-width: 380px){
  .tblang span:after{
    right: 30%;
  }
  .leftmenu a{
    padding: 3%;
  }
}
@media only screen and (min-width: 500px){
  .tblang span:after{
    right: 0;
  }
  .langphone{
    float: left;
  }
  .searchbasket{
    float: right;
  }
  .nltext{
    background-position: left center;
    padding-top: 0;
    padding-left: 125px;
  }
  .ta{
    width: 94%;
  }
  .distform label{
    display: inline-block;
  }
}
@media only screen and (min-width: 768px){
  footer{
    text-align: left;
  }
  .btns{
    float: left;
  }
  .support,.social{
    float: right;
  }
  .cform{
    width: 49%;
    float: left;
  }
  .cmap{
    width: 49%;
    float: right;
  }
  .prodpage ul{
    text-align: left;
  }
}
@media only screen and (min-width: 992px){
  .tblang{
    float: left;
    margin-right: 15px;
  }
  .tbphone{
    float: left;
  }
  .tbsearch,.tbbasket{
    float: right;
    margin-right: 10px;
  }
  .newsletter{
    width: 49%;
    float: left;
  }
  .customerservice{
    width: 49%;
    float: right;
  }
  .half{
    width: 48%;
    float: left;
    margin-right: 1.8%;
  }
  .distform{
    width: 60%;
  }
  .distform .cfld{
    width: 100%;
  }
  .leftmenu{
    width: 28%;
    float: left;
  }
  .mainprods{
    width: 70%;
    float: right;
  }
  #menu{
    display: block;
  }
  .limgcontainer{
    width: 50%;
    float: left;
  }
  .pinfo{
    width: 48%;
    float: right;
  }
}

@media only screen and (min-width: 1200px){
  .gallery .container div {
    float: left;
    min-height: 1px;
  }
  .gallery .container div.catmid{
    display: block;
  }
  .tbsearch input[type="text"]{
    -webkit-transition: max-width 1.5s ease;
    transition: max-width 1.5s ease;
    max-width: 150px;
  }
  .tbsearch input[type="text"]:focus{
    max-width: 300px;
  }
  .leftmenu{
    width: 24%;
  }
  .mainprods{
    width: 75%;
  }
}