@import "https://weloveiconfonts.com/api/?family=fontawesome";
@charset "utf-8";
/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOncom, All Rights Reserved. Used with permission by TheSpecialTeaCompany. */
/* General page formatting
-------------------------------------------------- */
/* --- wall background --- */
[class*="fontawesome-"]::before {
font-family: "FontAwesome",sans-serif;
font-size: 20px;
font-style: normal;
margin-right: 10px;
}
*{margin:0 ; padding:0}
#topbar *, #topbar *::before, #topbar *::after {
box-sizing: border-box;
outline: medium none;
}
b{ font-weight: bold;}
.x-bg {
background: #fff;
overflow: hidden;
}
.x-bg-02 {
width: 90%;
max-width: 1250px;
padding: 0;
overflow: visible !important;
display: block;
}
.x-bg, .x-bg-02, .x-content {
margin: 0 auto;
text-align: center;
vertical-align: top;
overflow: hidden;
}
.x-content {
padding-top: 10px;
}
#leftmenu,
#menu label {
display: none;
}
.x-paypal-head{
float: right;
margin-top: 55px;
}
.stBadge {
min-width: 320px;
max-width: 100%;
}
#x-head ul{
display: inline-block;
}
#x-main p {
padding: 10px;
font: 14px "Josefin Sans";
}
/* --- content area bg and width --- */
.x-content, #x-head, #x-foot {
width: 100%;
max-width: 1250px;
}
.x-content {
padding: 12px 0 !important;
overflow: hidden;
width: 100%;
border-top: 1px solid #eeeeee;
/*background: #fff;*/
margin-top: 10px;
}
.x-bg td [width="13"] {
display: none !important;
}
/* --- left column width --- */
#LeftPanel {
/*width: 23% !important;*/
max-width: 240px !important;
min-width: 160px !important;
overflow: hidden;
margin-right: 15px !important;
}
#LeftPanel .x-tbar,  #LeftPanel .x-main-ttop, #LeftPanel .x-tmid,  #LeftPanel .x-tbtm, #LeftPanel .x-prom {
width: 100%;
max-width: 200px !important;
}
/* --- main column width --- */
#CentralArea {
width: 100%;
max-width: 737px !important;
}
#CentralArea #x-main {
width: 100%;
}
#x-template #x-main {
max-width: 995px !important;
overflow: visible;
}
/*--- side gutters padding --- */
#LeftPanel {
padding: 0 !important;
} 
#CentralArea, #x-main {
padding: 0 !important;
} 
/* --- box dimensions --- */
.disc-product {
text-align: left;
background: #fff;
width: 50%;
}
#x-main .disc-product h2,
#LeftPanel .x-ttba {
padding: 0 10px 5px;
/*color: #fff;
background: #000;
background: url(img/lines.png) bottom left repeat-x;*/
text-transform: uppercase;
text-align: left;
font: normal 18px/44px "Josefin Sans", sans-serif
}
#x-main .x-ttba {
width: auto;
text-align: left;
margin: 0;
padding: 8px 10px;
}
.x-bg .x-sbox, #x-deal {
width: auto;
max-width: 240px;
margin: 0 0 13px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.x-bg .x-tbox {
width: auto;
margin: 0 0 13px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.x-bg .x-pbox {
width: auto;
margin: 0 0 13px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.x-bg .x-sbox .x-tins, .x-bg .x-tbox .x-tins,  .x-bg .x-pbox .x-tins {
padding: 10px 12px;
}
.x-bg .x-prom {
display: block;
margin: 0 auto 13px;
width: 100%;
height: auto;
}
/* --- toggle left column elements for store/listing display only --- */
#LeftPanel .x-temp,  #x-template #LeftPanel .x-home {
display: none !important;
}
#x-template #LeftPanel .x-temp {
display: block !important;
}
/* --- global fonts --- */
.x-bg * {
font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
text-decoration: none;
}
.x-bg, .x-bg p, .x-bg a, .x-bg li, .x-bg table,  .x-bg form select {
font-size: 13px;
color: #000;
word-wrap: break-word;
}
.x-bg a:link, .x-bg a:visited, .x-bg a:active {
color: #000;
}
.x-bg a:hover {
color: #999898;
}
.x-bg .x-sbox, .x-bg .x-sbox p,  .x-bg .x-sbox a, .x-bg .x-sbox li,  .x-bg .x-tbox, .x-bg .x-tbox p,  .x-bg .x-tbox a, .x-bg .x-tbox li,  .x-bg .x-pbox, .x-bg .x-pbox p,  .x-bg .x-pbox a, .x-bg .x-pbox li {
text-align: left;
}
#CentralArea ul, #x-main ul {
/*list-style-type: disc;*/
list-style-position: inside;
}
#x-main .product-more-views ul {
float: right;
width: 38%;
padding: 38px 0;
}
#CentralArea li, #x-main li {
margin-right: 4px;
padding-left: 40px;
background: url(img/li.png) 15px 7px no-repeat;
line-height: 30px;
}
/* --- global backgrounds --- */
.x-bg .x-bkwh {
background: #FFF;
} 
.x-bg .x-bkbl {
background: #010101;
} 
.x-bg .x-bkdk {
background: #222;
} 
.x-bg .x-grdn {
background: #E9E9E9;
} 
.x-bg .x-grda {
background: #54C2BA;
} 
.x-bg .x-bkac {
background: #54C2BA;
} 
/* --- global borders --- */
.x-bg .x-brda {
border: 1px solid #54C2BA;
} 
.x-bg .x-brdd {
border: 1px solid #222;
} 
/* --- content area including header/footer --- */
.x-bg .x-bg-02 {}
.x-bg .x-bg-02 {
border: 0 none;
} 
/* --- text boxes --- */
.x-bg .x-bklt {
overflow: hidden;
}
.x-bg #LeftPanel .x-bklt {
padding-bottom: 10px;
margin: auto;
} 
.x-bg #LeftPanel #x-conditions.x-bklt {
border: none;
padding: 0;
} 
.x-bg #LeftPanel #x-marq.x-bklt {
text-align:center;
background: #eee;
padding: 20px 0;
} 
.x-bg #LeftPanel #x-marq.x-bklt p{
text-align:center;
} 


.x-bg #LeftPanel .x-brdm {
background: #eeeeee;
margin:0 auto 15px;
} 
.x-bg #x-main .x-bklt {
background: #FFF;
} 
.x-bg #x-main .x-brdm  {
overflow: visible;
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.x-bg .x-sbox, #x-deal {
} 
.x-bg .x-tbox {
border-width: 0 1px 1px !important;
} 
.x-bg .x-pbox {
} 
/* --- title bars --- */
.x-bg .x-ffac, .x-bg .x-ffac p, .x-bg .x-ffac a {
font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
text-decoration: none;
}
.x-bg .x-fftb, .x-bg .x-fftb p, .x-bg .x-fftb a {
color: #000;
font-size: 16px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
} 
.x-bg #x-main .x-fftb {}
.x-bg .x-bar2 .x-fftb {
font-size: 16px;
line-height: 20px;
font-weight: 400;
} 
.x-bg .x-ttba .x-tins {
/*padding: 0 !important;*/
}
.x-bg .x-bktt {
/*background: #FFF;*/
}
.x-bg .x-brdt {} 
/* --- buttons --- */
.x-bg .x-ffbn, .x-bg a.x-ffbn {
background: #0F153E;
}
.x-bg .x-ffbn:hover, .x-bg a.x-ffbn:hover {
background: #54C2BA;
} 
.x-bg .x-brdb {
border: 1px solid #0F153E;
}
.x-bg .x-brdb:hover {
border: 1px solid #54C2BA;
} 
.x-bg .x-ffbn, .x-bg a.x-ffbn {
color: #FFF;
font-size: 12px;
font-weight: bold;
line-height: 26px;
padding: 0 10px;
display: block;
} /* buttons font settings */
.x-bg .x-ffbn:hover, .x-bg a.x-ffbn:hover {
color: #FFF;
} 
/* Header formatting
-------------------------------------------------- */
.x-bg .x-hdbg {} 
.x-bg .x-bar2 {}
.x-bg .x-bar2 {
border: 1px solid #F9FAFC;
} 
.x-bg #x-head-bar2 {
border-width: 0;
} 
.x-bg #x-head-menu a,  .x-bg #x-head-menu a span {}
.x-bg #x-head-menu a{
}
.x-bg #x-head-menu li:last-child a{
background: none;
border: none;
}

.x-bg #x-head-menu a:first-child {
border-width: 0;
border-right: 1px solid #000;
}
.x-bg .x-bar2 .x-fftb {
color: #0F153E;
} 
.x-bg .x-bar2 .x-fftb:hover {
color: #FFF;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 {
background: #54C2BA;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a:hover {
background-color: #FFF;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a {
border: 1px solid #E9E9E9;
} 
.x-bg #x-head-catd #x-head-ctd2 {
border-width: 0 1px 1px;
margin-left: -1px;
} 
.x-bg #x-head-catd #x-head-ctd2 ul.lev1 li a {
border-width: 1px 0 0;
}
.x-bg #x-head-catd #x-head-ctd2 ul.lev2 li a,  .x-bg #x-head-catd #x-head-ctd2 ul.lev3 li a {
border-width: 0;
}
.x-bg #x-head-catd ul.lev1 li a {
color: #FFF;
}
.x-bg #x-head-catd ul.lev1 li a:hover {
color: #54C2BA;
}
/* --- head main --- */
#x-head {
height: auto;
max-width: 1250px;
}
#x-head .x-fbox {
text-align: left;
padding: 0;
float: left;
position: relative;
}
#x-head-bar1 {
float: left;
position: relative;
overflow: hidden;
z-index: 9001;
padding: 15px 0;
}
#x-head-logo {
max-width: 100%;
display: block;
margin: 0 auto;
/*padding: 25px 0;*/
} 
#x-head-prom {
width: 244px;
max-width: 100%;
display: block;
margin: 0 auto;
padding: 10px 0;
}
/* --- search box --- */
.x-bg #x-head-srch-sbox,  .x-bg #x-head-catd #x-head-ctd1 span {
color: #999;
font-size: 12px;
font-style: italic;
}
.x-bg .x-brds {
border: 1px solid #54C2BA;
} 
.x-bg #x-head-srch-sbox {
border-width: 0;
} 
.x-bg #x-head-srch-bttn {
border-width: 0 0 0 1px;
}
#x-head-srch {
width: 250px;
height: 26px;
position: relative;
margin: 46px auto 20px;
padding: 0;
overflow: hidden;
}
#x-head-srch-sbox {
width: 59%;
height: 26px;
line-height: 26px;
padding: 0 10px;
float: left;
}
#x-head-srch-bttn {
float: right;
} 
/* --- categories dropdown --- */
#x-head-catd.x-fbox {
display: none;
position: relative;
padding: 10px 0;
z-index: 9001;
}
#x-head-catd #x-head-ctd1 {
width: 250px;
height: 26px;
margin: 0 auto;
overflow: visible;
}
#x-head-catd #x-head-ctd1:focus #x-head-ctd2,
#x-head-catd #x-head-ctd1:hover #x-head-ctd2 {
display: block;
overflow: visible;
} 


#x-head-catd #x-head-ctd1 span {
height: 26px;
line-height: 26px;
text-align: left;
background: transparent url(img/x-head-icon-catd.png) 224px 5px no-repeat;
padding: 0 10px;
display: block;
}
#x-head-catd #x-head-ctd2 {
width: 250px;
display: none;
overflow: hidden;
}
/* #x-head-catd #x-head-ctd1:hover #x-head-ctd2	{ display:block; } */

#x-head-catd #x-head-ctd1.open #x-head-ctd2 {
display: block;
}
#x-head-catd #x-head-ctd2 ul.lev1 {
width: 100%;
list-style-type: none;
}
#x-head-catd #x-head-ctd2 ul.lev1 li a {
font-size: 13px;
line-height: 16px;
padding: 5px 10px;
background: transparent none;
text-align: left;
display: block;
}
#x-head-catd #x-head-ctd2 ul.lev1 li a:hover {
}
#x-head-catd #x-head-ctd2 ul.lev2 li a {
font-size: 12px;
padding-left: 28px;
}
/* --- menu bar text links --- */
#x-head-bar2 {
width: auto;
overflow: visible;
text-align: center;
position: relative;
z-index: 5001;
float: right;
margin-top: 50px;
}
#x-head-menu {
position: relative;
text-align: left;
text-align: center;
}
#x-head-menu a span {
height: 20px;
margin: 0 22px;
width: auto;
display: inline-block;
/*color: #fff;*/
font: normal 14px/20px 'Josefin Sans', sans-serif;
}
#x-head-menu li:last-child a span {}

#x-head-menu a:hover span,
#x-head-menu a.active span {
color: #00ab65;
/*border-bottom: 4px #00ab65 solid;*/
background: url(img/arrow.png) bottom no-repeat;
padding-bottom: 35px;
}

#x-head-menu a img {
display: none;
}
.reasurances {
display: inline-block;
width:100%;
height: 80px;
background: #3d4242;
-webkit-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
text-align: center;
}
.reasurances > div {
font-size: 14px;
color: white;
text-transform: uppercase;
float: left;
text-align: left;
margin-left: 14px;
font-family: 'Open Sans', sans-serif;
}
.reasurances > div span{
font-size: 20px;
color: #2ab2ee;
font-family: 'Open Sans', sans-serif;
padding-top: 20px;
display: inline-block;
}

.reasurances i {
float: left;
width: 30px;
height: 100%;
margin-right: 14px;
}
.reasurances .icon01 {
background: url(img/icon01.png) left center no-repeat;
}
.reasurances .icon02 {
background: url(img/icon02.png) left center no-repeat;
}
.reasurances .icon03 {
background: url(img/icon03.png) left center no-repeat;
}
.reasurances .icon04 {
background: url(img/icon04.png) left center no-repeat;
}
.reasurances .icon05 {
background: url(img/icon05.png) left center no-repeat;
}
.reasurances > span{
float: left;
color: #fff;
font-size: 26px;
margin: 0;
line-height: 26px;
text-transform: uppercase;
height: calc(100% - 20px);
padding: 10px;
margin-right: 10px;
background: #ffffff; 
background: -moz-linear-gradient(top,  #ffffff 0%, #c7c7c7 100%); 
background: -webkit-linear-gradient(top,  #ffffff 0%,#c7c7c7 100%); 
background: linear-gradient(to bottom,  #ffffff 0%,#c7c7c7 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7',GradientType=0 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.reasurances > span:before{
background: #04100f;
position: absolute;
width: 100%;
height: 100%;
content: "";
top: 0;
left: 0;
}
.reasurances > span:after{
background: url(img/triangle.png) center left no-repeat;
position: absolute;
width: 14px;
height: 100%;
content: "";
top: 0;
right: -14px;
}
.reasurances > span b{
background: #2ab2ee;
background: -moz-linear-gradient(top, #2ab2ee 0%, #236ab2 100%);
background: -webkit-linear-gradient(top, #2ab2ee 0%,#236ab2 100%);
background: linear-gradient(to bottom, #2ab2ee 0%,#236ab2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab2ee', endColorstr='#236ab2',GradientType=0 );
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.reasurances .reasurance{
display: inline-block;
color: #fff;
font-size: 14px;
line-height: 34px;
margin: 0 16px;
}
.reasurances .reasurance span{
color: #fff;
line-height: 36px;
margin: 0 5px 0 0;
}
.reasurances .reasurance .fontawesome-leanpub{
position: relative; 
background: url(img/leanpub.png) left center no-repeat;
width: 34px;
height: 34px;
}

/* --- header dropdown menu responsive --- */
#x-head-wrap, #x-head,  .x-bg #x-head-bar2,  #x-head-menu {
overflow: visible;
}
#x-head-menu li {
float: left;
position: relative;
}
#x-head-menu li:hover a.x-bar2 span {
}
#x-head-menu li.x-phone:hover a.x-bar2,  #x-head-menu li.x-phone:hover a.x-bar2 span {
color: #0F153E;
background-color: #F9FAFC;
background: transparent;
}
#x-head-bar2 .submenu {
width: 240px;
max-width: 240px;
height: auto;
background: #FFF;
border: 1px solid #E9E9E9;
position: absolute;
left: 0;
top: 100%;
position: absolute;
margin: 0;
z-index: 999;
display: none;
}
#x-head-bar2 li:hover > .submenu {
display: block;
}
#x-head-bar2 .submenu .x-bar2 {
display: none;
}
#x-head-bar2 .submenu-links {
background: #FFF;
width: 100%;
padding: 8px 0;
}
#x-head-bar2 .submenu ul {}
#x-head-bar2 .submenu ul:last-child {}
#x-head-bar2 .submenu ul li {
width: 100%;
height: auto;
position: relative;
margin: 0;
padding: 0;
}
#x-head-bar2 .submenu ul li.lev2 a {
color: #0F153E;
font-size: 15px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
text-align: left;
width: auto;
height: auto;
margin: 0;
padding: 8px 10px;
display: block;
background: transparent;
}
#x-head-bar2 .submenu ul li.lev2 a:hover {
color: #FFF;
background-color: #0F153E;
background-image: none;
}
#x-head-bar2 .submenu ul li.lev3 a {
color: #0F153E;
font-size: 15px;
line-height: 18px;
font-weight: normal;
text-decoration: none;
text-align: left;
width: auto;
height: auto;
margin: 0;
padding: 8px 10px 8px 34px;
display: block;
background: transparent url(images/x-side-lev2.png) 21px 11px no-repeat;
}
.top-feature{
	display: inline-block;
	width: 30%;
	font-size: 14px;
	text-transform: uppercase;
	color: #008b58;
	font-family: 'Merriweather';
	line-height: 26px;
	background: url(img/li.png) 15px 7px no-repeat;
	text-align: left;
	padding-left: 35px;
}
#x-head-bar2 .submenu ul li.lev3 a:hover {
color: #FFF;
background-color: #0F153E;
background-image: url(images/x-side-lev2h.png);
}
/* --- head phone number mobile only --- */

#x-head-call {
color: #0F153E;
font: 600 15px/38px 'Open Sans', Arial, Tahoma, Sans-serif;
display: none;
text-align: center;
width: 100%;
}
/* Left panel formatting

-------------------------------------------------- */

/* --- side categories menu with divs --- */
.x-bg #LeftPanel .lev1 li a,  .x-bg #LeftPanel .lev1 span {
border-width: 1px 0 0;
}
.x-bg #LeftPanel .lev1 li:first-child a,  .x-bg #LeftPanel .lev2 li a,  .x-bg #LeftPanel .lev2 span,  .x-bg #LeftPanel .lev3 li a,  .x-bg #LeftPanel .lev3 span {
border-width: 0;
} 
.x-bg #LeftPanel .lev1 li a,  .x-bg #x-side-cats ul li a {
color: #000;
}
.x-bg #LeftPanel .lev1 li a:hover, .x-bg #x-side-cats ul li a:hover, .x-bg #x-side-cats ul li.active a {
color: #00ac6d;
}
#LeftPanel #x-side-cats .x-tins {
padding: 0;
}
#LeftPanel #x-side-cats .x-ffac {
/*background: url(img/lines.png) bottom left repeat-x;*/
border-bottom: 1px solid #000;
font-family: 'Josefin Sans';
}
#LeftPanel #x-side-cats li {
font: normal 16px/32px "Open Sans", sans-serif;
list-style: none;
}
#LeftPanel #x-side-cats li:last-child {
border: none;
}
#LeftPanel #x-side-cats .parent > li a{
/*background: url(img/list-style.png) 9px 14px no-repeat;*/
padding-left: 10px;
font-family: 'Josefin Sans';
font-size: 14px;
/*border-bottom: 1px solid #b0b0b0;*/
}
#LeftPanel #x-side-cats .parent > li a:hover{
/*background: url(img/list-style2.png) 9px 14px no-repeat;*/
}
#LeftPanel #x-side-cats .child{
padding-left: 30px;
border-bottom: 1px solid #b0b0b0;

}
#LeftPanel .lev1 li a:hover {}
#LeftPanel .lev2 li a {
font-size: 13px;
line-height: 16px;
font-weight: normal;
}
#LeftPanel .lev3 li a {
font-size: 13px;
line-height: 16px;
font-weight: normal;
}
#LeftPanel .lev2 li a:hover,  #LeftPanel .lev3 li a:hover {}
#LeftPanel .lev2 {
padding-bottom: 10px;
background: #e7e7e7;
}
#LeftPanel .lev3 {
padding-bottom: 0;
}
/* --- add bullets / icons --- */

#LeftPanel .lev1 li a,  #LeftPanel .lev1 span {
padding: 5px 10px;
}
#LeftPanel .lev1 li a:hover {}
#LeftPanel .lev2 li a {
background: transparent url(img/x-side-lev1.png) 16px 10px no-repeat;
padding: 5px 10px 5px 30px;
}
#LeftPanel .lev3 li a {
background: transparent url(img/x-side-lev1.png) 38px 8px no-repeat;
padding: 5px 10px 5px 52px;
}
/* --- side newsletter text box --- */

#x-side-news {
/*background: url(img/newsletter.png) top no-repeat;margin-bottom: 10px;*/
background: #00ab65;
margin-bottom: 15px;
}
#x-side-news p {
line-height: 16px;
margin: 0 0 10px;
}
#x-side-news-bttn {
float: left;
border: none;
line-height: 32px;
font-weight: bold;
background: #01824d;
margin-bottom: 10px;
padding: 0 20px;
-moz-border-radius: 4px;
-moz-box-shadow: 0 0 0 2px #000;
font-family: Josefin sans-serif;
font-size: 14px;
}
#x-side-news p.x-ckbx {
line-height: 16px;
}
#x-side-news #general {
margin: 1px 5px 0 0;
}
#LeftPanel h4#x-side-tbar-news {
} 
#LeftPanel #x-side-news .x-tins{
color: #fff;
padding: 10px 0;
border-bottom: 1px solid #01824d;
padding: 17px 10px;
font-family: 'Josefin Sans';
/* padding-bottom: 0px; */
line-height: 20px;
/* border-bottom: none;*/
}
#LeftPanel #x-side-news .x-tins > span{
color: #ff5100;font-size: 30px;line-height: 30px;font-weight: 300;
}
.noborder{border: none;}
#x-side-news p {
text-align: left;
color: #fff;
border-bottom: none;
padding-bottom: 5px;
font: normal 13px/20px "Josefin Sans", sans-serif;
}
/* Homepage formatting
-------------------------------------------------- */
/* --- main homepage spacer --- */
#x-main #x-home-spacer.x-prom {
margin-bottom: 0;
}
/* --- main promo banner image full width --- */
#x-main-babg {
width: 100%;
max-width: 1250px;
height: auto;
margin: 0;
padding: 10px 0 0;
display: none;
}
#x-main-babg #x-main-bann {
width: 100%;
height: auto;
margin: 0 auto;
display: block;
text-align: center;
}
#x-main-babg .x-pmob {
display: none !important;
}
/* --- main rotating banner responsive --- */
#x-main #x-main-bann {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
#x-main #x-main-bann .MagicSlideshow {
}
#x-main #x-main-bann .mss-slider {
background: transparent none;
}
/* --- main featured categories images --- */
#x-main-fcat {
width: 100%;
overflow: hidden;
text-align: center; 
}
#x-main-fcat a img {
width: 362px;
height: 215px;
margin: 0 0 13px 13px;
float: left;
}
#x-main-fcat a img.x-first {
margin-left: 0;
}
/* --- main featured items --- */
.x-bg #x-main #x-main-tbar-feat {
color: #54C2BA !important;
background-color: transparent !important;
border-width: 0 !important;
padding: 0 10px 5px !important;
}
.x-bg #x-main #x-tmain-feat.x-tbox.x-brdm.x-bklt,  .x-bg #x-main #x-temp-feat.x-tbox.x-brdm.x-bklt {
background-color: transparent;
border-width: 0 !important;
}
#x-main-feat #x-feat {
overflow: hidden;
padding: 0 0 10px;
text-align: center;
} /* background image */
#x-main-feat #x-main-feat-pull,  #x-main-feat #x-main-fea2-pull,  #x-main-feat #x-main-fea3-pull,  #x-main-feat #x-main-fea4-pull {
display: none;
}
#x-main-feat #x-feat .x-fp {
width: 168px;
height: 279px;
background: transparent url(images/x-main-fbox.png) center top no-repeat;
margin: 10px 6px 0;
display: inline-block;
}
#x-main-feat #x-feat .x-fp a,  #x-main-feat #x-feat .x-fp a span {
text-align: left;
font-size: 12px;
line-height: 14px;
display: block;
overflow: hidden;
}
#x-main-feat #x-feat .x-fp a .title {
color: #000;
height: 42px;
margin: 3px 8px 3px;
text-align: center;
}
#x-main-feat #x-feat .x-fp a .title:hover {
color: #54C2BA;
}
#x-main-feat #x-feat .x-fp a .price {
color: #0F153E;
font: bold 14px/30px 'Open Sans', Arial, Tahoma, Geneva, Sans-serif;
height: 30px;
display: block;
padding: 0 8px 40px;
text-align: center;
}
#x-main-feat #x-feat .x-fp a .thumb {
width: 168px;
height: 160px;
display: block;
display: table-cell;
vertical-align: middle;
text-align: center;
}
#x-main-feat #x-feat .x-fp a .thumb img {
max-height: 140px;
width: auto;
max-width: 140px;
margin: 10px auto;
}
/* --- template feedback display --- */
.x-bg #x-main #x-main-feed {
border: 1px solid #E9E9E9;
background: #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.x-bg #x-main #x-main-feed .x-tins {
border: none;
background: #FFF;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.x-bg #x-main #x-main-feed #x-feed-reviews {
border-left: 1px solid #E9E9E9;
} 
#x-main-feed {
width: 100%;
margin: 0 0 13px;
padding: 0;
}
#x-main-feed .x-tins {
margin: 0;
padding: 10px;
position: relative;
overflow: hidden;
}
#x-main-feed, #x-main-feed span {
color: #000;
font-size: 12px;
line-height: 18px;
font-family: 'Open Sans', Arial, Tahoma, Sans-serif;
}
#x-main-feed h5 {
color: #54C2BA;
text-align: left;
font: bold 13px/16px 'Open Sans', Arial, Tahoma, Sans-serif;
margin: 0;
padding: 0 0 8px;
}
#x-main-feed #x-feed-count a {
color: #54C2BA;
font: normal 13px/16px 'Open Sans', Arial, Tahoma, Sans-serif;
text-decoration: none;
display: block;
margin: 0;
padding: 0 0 6px;
position: absolute;
right: 10px;
top: 10px;
text-align: right;
}
#x-main-feed #x-feed-count a span {
color: #54C2BA;
font-size: 13px;
line-height: 16px;
font-weight: bold;
}
#x-main-feed #x-feed-count a:hover {
color: #54C2BA;
text-decoration: underline;
}
#x-main-feed #x-feed-dsrs {
float: left;
text-align: left;
width: 220px;
padding-right: 20px;
}
#x-main-feed #x-feed-dsrs div {
padding-bottom: 3px;
}
#x-main-feed #x-feed-dsrs .x-dsr-count {
font-weight: bold;
}
#x-main-feed #x-feed-reviews {
float: left;
text-align: left;
width: auto;
max-width: 412px;
padding-left: 20px;
}
#x-main-feed #x-feed-reviews div {
padding-bottom: 6px;
}
#x-main-feed #x-feed-reviews .comment {
padding-right: 6px;
display: inline;
}
#x-main-feed #x-feed-reviews .date {
color: #AAA;
display: inline;
}
.hi-mob {
display: inline-block !important;
width: 98%;
float: left;
/*border: 1px solid #eee;*/
margin-top: 5px;
}
.hi-mob label{
float: none !important;
/*background: url(img/lines.png) bottom left repeat-x;*/
width: 100%;
text-align: left;
}

/* Template formatting
-------------------------------------------------- */
#CentralArea h1, #x-main h1 {
color: #000;
text-align: left;
margin: 0;
padding: 25px;
text-transform: uppercase;
font: normal 30px/34px ‘Merriweather’, Georgia, serif;
border-bottom: 1px solid #eee;
/* background: url(img/lines.png) bottom left repeat-x; */
} 
#CentralArea h5, #x-main h5.title {
color: #000;
text-align: left;
position: relative;
font: normal 18px/50px "Open Sans", sans-serif;
border-bottom: 1px solid #059cbd;
margin-bottom: 20px;
}
#x-main-desc p{
font: 13px/20px "Open Sans", sans-serif;
text-align: left;
color: #000;
}
#x-main #x-main-spec h5 {
color: #54C2BA;
padding-bottom: 10px;
}
#x-main-gall .x-tins{
padding: 0;
position: relative;
overflow: visible;
}

#x-temp-gall, #x-gall-main, #x-gall-thmb {
width: 100%;
text-align: center;
margin: 0 auto;
overflow: hidden;
line-height: 1px;
}
#x-temp-gall {
margin-bottom: 8px;
float: left;
}
#x-temp-gall img {
margin: 0 auto;
display: inline-block;
border: 0 none;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
#x-temp-gall .x-cntr {
width: 100%;
vertical-align: middle;
text-align: center;
overflow: auto;
}
#x-temp-gall #x-gall-main {
border: 1px solid #E9E9E9;
background: #FFF;
margin-bottom: 10px;
} 
#x-temp-gall #x-gall-main {
width: 100%;
max-width: 400px;
height: 400px;
} 
#x-temp-gall #x-gall-main img {
width: auto;
max-width: 400px;
} 
#x-temp-gall #x-gall-thmb h5 {
color: #000;
font-size: 12px;
font-weight: normal;
text-align: center;
margin: 0;
padding: 0 0 5px;
width: 100%;
clear: both;
} 
#x-temp-gall #x-gall-thmb h5 span {
display: inline-block;
width: 18px;
height: 18px;
background: url(img/x-gall-icon.png) left center no-repeat;
} 
#x-temp-gall #x-gall-thmb .x-hold {
border: 1px solid #E9E9E9;
background: #FFF none;
margin: 3px 2px;
display: inline-block;
} 
#x-temp-gall #x-gall-thmb .x-hold:hover {
border: 1px solid #0F153E;
}
#x-temp-gall #x-gall-thmb .x-hold,  #x-temp-gall #x-gall-thmb .x-cntr {
width: 100%;
max-width: 62px;
height: 100%;
max-height: 62px;
} 
#x-temp-gall #x-gall-thmb img {
width: 100%;
max-width: 62px;
}
#x-temp-gall .x-hide {
display: none !important;
}
#x-gall-main {
float: left;
}
#x-gall-right {
float: right;
}
#x-gall-right #x-main-desc {
border: 1px solid #cccecf;
padding: 0 10px;
}
#x-gall-right #x-main-spec {
width: 100%;
float: none;
margin: 15px 0 8px;
}
.x-bg #x-main #x-main-tabs {
width: 100%;
height: auto;
position: relative;
clear: both;
margin: 0 0 20px;
overflow: hidden;
}
.x-bg #x-main #x-main-tabs .x-tbox {
margin: 0;
max-height: 300px;
overflow: auto;
}
.x-ttab {
float: none;
}
.x-ttab label {
width: 100%;
position: relative;
left: 0;
display: block;
cursor: pointer;
}
.x-ttab [type=radio] {
display: none;
}
.x-ttrm {
top: 0px;
left: 0;
right: 0;
bottom: 0;
background: #FFF none;
position: relative;
}
.x-bg #x-main [type=radio] ~ label.x-bktt { 
background-image: url(images/x-main-ttab-icop.png);
background-position: right 10px center;
background-repeat: no-repeat; 
padding-right: 28px !important;
}
.x-bg #x-main [type=radio]:checked ~ label.x-bktt {
background-image: url(images/x-main-ttab-icom.png);
z-index: 2;
} 
[type=radio] ~ label.x-bktt ~ .x-ttrm {
display:none;
}
[type=radio]:checked ~ label.x-bktt ~ .x-ttrm {
display: block;
z-index: 1;
}
#x-main-spec {
width: 100%;
margin-top: 15px;
float: none;
}
#x-main-spec table {
width: 100%;
border: 0 none;
border-collapse: collapse;
margin: 0 auto;
padding: 0;
}
#x-main-spec table th,  #x-main-spec table td {
color: #54C2BA;
text-align: left;
font-size: 13px;
line-height: 16px;
padding: 5px 8px 5px 0;
}
#x-main-spec table th {
color: #54C2BA;
font-weight: normal;
width: 50%;
}
#x-temp-bttn {
width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
#x-temp-bttn div, #x-temp-bttn div a {
width: 176px;
height: 46px;
display: inline-block;
cursor: pointer;
}
#x-temp-bttn div {
margin: 10px 10px 5px;
background: transparent url(images/x-temp-bttn.png) left top no-repeat;
}
#x-temp-bttn div#x-temp-bbin {
background-image: url(images/x-temp-bbin.png);
}
#x-temp-bttn div#x-temp-bwti {
background-image: url(images/x-temp-bwti.png);
}
.x-bg #x-main #x-main-tabs .x-bktt {
background: #F9FAFC;
} 
.x-bg #x-main #x-main-tabs .x-bktt.x-open {
background: #F9FAFC;
} 
.x-bg #x-main #x-main-tabs .x-brdt {
border: 1px solid #E9E9E9;
} 
.x-bg #x-main #x-main-tabs .x-brdt.x-open {
border: 1px solid #E9E9E9;
}
.x-bg #x-main #x-main-tabs .x-brdt {
border-width: 0 1px 1px !important;
} 
.x-bg #x-main #x-main-tabs a:first-child .x-brdt {
border-width: 1px !important;
}
#x-main-tabs {
width: 100%;
height: auto;
margin: 0 0 13px;
}
#x-main-tabs .x-tbox {
margin: 0;
}
#x-main-tabs a .x-ttba .x-ffac {
background: transparent url(img/x-main-ttab-icop.png) right center no-repeat;
padding-right: 28px !important;
}
#x-main-tabs a .x-ttba.x-open .x-ffac {
background-image: url(img/x-main-ttab-icom.png);
}






#x-main h2, #x-main h3, #x-main h4, #x-main h5{
/*float: left; */
margin: 0 20px;
/* padding-left: 10px; */
line-height: 22px;
/* width: 100%; */
text-transform: uppercase;
text-align: left;
/* margin-bottom: 10px; */
}
#x-main h3{
font-size: 18px;
}
#x-main h4{
font-size: 16px;
}
#x-main h5{
font-size: 14px;
}
#x-main .section ul,
#x-main #x-main-desc ul{
margin: 20px 0;
}
#x-main #x-main-desc li,
#x-main .discription .tab .section{
background: #fff;
}
#x-main .discription .tab .section li{
list-style:url(img/list-style.png) inside;
text-align: left;
font-family: 'Open Sans', sans-serif;
float: inherit;
background: none;
border: none;
}

#x-head-bar3:before{
position: absolute;
background: #fff;
width: 300%;
height: 100%;
left: -100%;
top: 0;
content:"";
}

#x-head-bar3{
position: relative;
background: #fff;
margin-top: 30px;
width: 100%;
height: 60px;
max-width: 1250px;
display: inline-block;
/*padding: 10px 0;*/
}
#x-head-bar3 > span{
border-right: 1px solid #c1c1c1;
font: 20px/22px 'Lobster', sans-serif;
color: #ff661e;
text-transform: capitalize;
text-align: left;
position: relative;
float: left;
width: 20%;
/*padding-right: 20px;*/
}
#x-head-bar3 > span:last-child{border-right: none;}
#x-head-bar3 > span:nth-last-child(2) span{
line-height: 38px;
}
#x-head-bar3 > span span{
font: 20px/22px 'Lobster', sans-serif;
}
#x-head-bar3 span i{
color: #ff661e;
height: 100%;
width: 38px;
float: left;
}
#x-head-bar3 span .icon-ship{
background: url(img/ship.png) center left no-repeat;
}
#x-head-bar3 span .icon-hassle{
background: url(img/hassle.png) center left no-repeat;
}
#x-head-bar3 span .icon-guar{
background: url(img/guar.png) center left no-repeat;
}
#x-head-bar3 span .icon-warr{
background: url(img/warr.png) center left no-repeat;
}
#x-head-bar3 span .icon-plane{
background: url(img/plane.png) center left no-repeat;
}
#x-head-bar3 span .icon-time{
background: url(img/time.png) center left no-repeat;
}




/* Footer
-------------------------------------------------- */
#x-foot-wrap:before {
background: #000;
/*background: url(img/footer.jpg) bottom center no-repeat;*/
width: 300%;
height: 100%;
left: -100%;
top: 0;
content: "";
position: absolute;
}

#x-foot-wrap {
background: #000;
border: 0;
position: relative;
}
#x-foot {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#x-foot-subm, #x-foot-subm * {
color: #fefefe;
font-size: 16px;
line-height: 19px;
}
#x-foot-subm a {
color: #616161;
padding: 0 30px;
display: inline-block;
text-transform: uppercase;
font-size: 15px;
border-right: 1px solid #616161;
font-family: 'Josefin Sans';
/*font-weight: bold;*/
}
#x-foot-subm a:first-child {
padding-left: 0;
}
#x-foot-subm a:last-child {
padding-right: 0;
border-right: 0 none;
}
#x-foot-subm a:hover {
color: #fff;
}
#x-foot-copy, #x-foot-copy * {
color: #616161;
font-size: 13px;
line-height: 22px;
}
#x-foot-copy a {
/*color: #FFF;*/
}
#x-foot-copy a:hover {
color: #ff5100;
text-decoration: underline;
}
#x-foot {
height: auto;
padding: 20px 0;
text-align: center;
display: inline-block;
max-width: 1250px;
}
#x-foot * {}
#x-foot-subm {}
#x-foot-copy {
padding: 10px 0 0;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
#x-foot-copy span{
padding-right: 34px;
background: url(img/icon-footer.png) right center no-repeat
}

.copy-ocdo {
text-align: right;
width: 100%;
color: #888;
float: right;
font-size: 11px;
text-transform: capitalize;
font-family: "Open Sans", sans-serif;
background: #fff;
}
.copy-ocdo .x-content{
padding: 0 !important;
}
.copy-ocdo span {
text-align: right;
width: 100%;
color: #888;
float: right;
line-height: 30px;
padding-right: 32px;
background: url(img/icon-header.png) center right no-repeat;
}
.copy-ocdo span a:link {
color: #888;
}

#x-head .x-fbox.userid p{
margin-top: 40px;
font-weight: bold;
font-size: 15px;
font-family: 'Open Sans', Sans-serif;
}
#x-head .x-fbox.userid span {
color: #999;
}
#x-head .x-fbox.userid img {
margin-left: 5px;
}


.discription .tab {
float: left;
padding: 10px 10px;
border: 1px solid #eee;
color: #000;
width: 99.8%;
}
.discription .tab:last-child {
border-bottom-width:1px;
}
.discription .tab .tab-titel{
display: inline-block;
width: 100%;
position: relative;
}
.discription .tab li{
list-style: none;
padding: 0 10px !important;
float: left;
}
.discription .tab li:hover {}
.tab label {
display: inline-block;
text-align: left;
border: 1px solid #eee;
/*color: #fff;
background: #ff5200;*/
float: left;
cursor: pointer;
position: relative;
text-transform: uppercase;
padding-left: 10px;
font: normal 18px/44px ‘Merriweather’, Georgia, serif
}
.tab label:hover {}
.tab input {
display: none;
}
.tab .section {
display: none;
padding: 20px 0;
text-align: left;
color: #000;
border-top: none;
}
.tab .section p{
font: 13px/18px  'Open Sans', sans-serif;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
display: block;
}
#tab1:checked ~ .hi-mob #lt1:after,
#tab2:checked ~ .hi-mob #lt2:after,
#tab3:checked ~ .hi-mob #lt3:after,
#tab4:checked ~ .hi-mob #lt4:after  {
background-image: url("img/moin.png");
z-index: 2;
}
#tab1:checked ~ .hi-mob #lt1,
#tab2:checked ~ .hi-mob #lt2,
#tab3:checked ~ .hi-mob #lt3,
#tab4:checked ~ .hi-mob #lt4  {
border: none;
}
.tab .hi-mob label:after {
background: url("img/plus.png") center center no-repeat;
color: #000;
content: "";
height: 28px;
position: absolute;
right: 5px;
top: 8px;
width: 28px;
}

#tab1:checked ~ .tab-titel li, #tab2:checked ~ .tab-titel li, #tab3:checked ~ .tab-titel li {
}
#x-conditions p{
margin-top: 10px;
}
.product-image-box input {
display: none;
}
.product-image-container {
display: none;
width: 60%;
max-width: 800px;
margin-right: 10px;
background: #fff;
/*border: 1px solid #eee;*/
float: left;
}
.product-image-box{
/*padding-left: 35px;*/
}
#gal1:checked ~ #content1, #gal2:checked ~ #content2, #gal3:checked ~ #content3, #gal4:checked ~ #content4, #gal5:checked ~ #content5, #gal6:checked ~ #content6 {
display: inline-block;
}
.product-more-views ul li {
display: inline-block;
padding: 0 !important;
}

.product-image-box label {
display: inline-block;
cursor: pointer;
text-align: center;
vertical-align: middle;
position: relative;
/*border: 1px solid #eee;*/
width: 100%;
max-width: 110px;
height: 100%;
margin-bottom: 3px;
max-height: 110px;
}
.product-more-views p.loop {
width: 100%;
color: #000;
text-align: center;
padding-bottom: 23px !important;
border-bottom: 1px solid #eee;
font: 17px/18px 'Open Sans', sans-serif;
margin: 10px 0;
}
.product-more-views p.loop span {
display: inline-block;
width: 22px;
background: url(img/x-gall-icon.png) left top no-repeat;
height: 24px;
}
#x-temp-gall,
#x-gall-right {
margin-bottom: 0;
}
#x-main .x-cat-bottom{
margin: 10px 0;
display: inline-block;
}
#x-main .x-cat-bottom h5{
display: inline-block;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-transform: uppercase;
font: normal 20px/50px "Open Sans", sans-serif;
}
#x-main .x-cat-bottom li{
float: left;
list-style: none;
padding: 0;
/*margin-right: 14px;
margin-top: 14px;*/
}
#x-main .x-cat-bottom li:nth-child(4n+4){
margin-right: 0;
}





@media screen and (max-width:1250px) {
#x-main-fcat a {
display: inline-block;
}
#x-main-fcat a img {
margin: 0 5px 13px;
float: none;
}
#x-main-fcat a img.x-first {
margin-left: 5px;
}
#x-template #x-main {
width: 78%;
}
#x-head-menu a, #x-head-menu a span {
padding: 0 20px;
}
.discription .tab li {
padding: 0 20px !important;
}
.reasurances > div {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
margin-left: -1%;
}
#x-main .x-cat-bottom li {
margin-right: 1%;
max-width: 24%;
}
#x-head-bar3 {
transform: scale(0.8);
width: 1250px;
margin-left: -8%;
}}
@media screen and (max-width:1160px) {
#x-head-menu a, #x-head-menu a span {
padding: 0 6px;
}
#x-head-menu a span {
margin: 0;
}
#x-template #x-main {
width: 73%;
}
.product-image-container {
height: auto;
}
}
@media screen and (max-width:1084px) {
.reasurances > div {
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
margin-left: -2%;
margin-right: -2%;
}
}
@media screen and (max-width:1040px) {
.discription .tab li {
padding: 0 10px !important;
}
.tab label {
font-size: 16px;
}
}
@media screen and (max-width:959px) {
#x-gall-right {
width: 100%;
float: none;
}
#x-gall-right #x-main-desc {
width: auto;
}
#x-temp-gall,  #x-temp-gall #x-gall-main,  #x-temp-gall #x-gall-thmb {
margin: 0 auto;
}
#x-temp-gall {
float: none;
margin-bottom: 15px;
}
#x-temp-gall #x-gall-main {
margin: 0 auto 10px;
}
#x-temp-gall #x-gall-thmb .x-hold,  #x-temp-gall #x-gall-thmb .x-cntr {
width: 100%;
max-width: 80px;
height: 100%;
max-height: 80px;
}
#x-temp-gall #x-gall-thmb img {
width: 100%;
max-width: 80px;
height: auto;
max-height: 80px;
} 
.reasurances > div {
margin-left: -3%;
margin-right: -3%;
}
}

@media screen and (max-width:920px) {
#x-template #x-main {
max-width: 590px !important;
}
#x-head-menu a, #x-head-menu a span {
font-size: 14px;
}
}
@media screen and (max-width:890px) {
#x-head-srch {
margin: 10px auto 15px;
}
#x-head .x-fbox {
float: none;
display: inline-block;
}
.reasurances > div {
margin-left: -4%;
margin-right: -4%;
}
}

@media screen and (max-width:860px) {
#x-temp-gall #x-gall-main img {
width: 100%;
}
#x-main-feed {
display: none !important;
}
}
@media screen and (max-width:814px) {
.reasurances {
height: auto;
}
.reasurances > div  {
-webkit-transform: none;
-moz-transform: none;
transform: none;
margin-left: 0;
margin-right: 0;
width: 100%;
height: 70px;
display: inline-block;
float: none;
text-align: center;
}
.reasurances i {
float: none;
display: inline-block;
}
.reasurances > div span {
display: inline-block;
}
.reasurances > span {
width: 100%;
}
}
@media screen and (max-width:950px) {
.x-bg .x-nota {
display: none !important;
}
#LeftPanel {
width: auto !important;
max-width: 100% !important;
}
.x-bg .x-sbox, #x-deal {
/*max-width: 100%;*/
}
#x-head-menu, #x-head-bar2, #x-head-bar2 .submenu {
display: none !  important;
}
#x-head-call {
display: block;
}
#x-head-bar1 {
overflow: visible;
}
#x-head-catd.x-fbox {
display: block;
}
.x-bg .x-hdbg {
padding-bottom: 0;
}
#CentralArea, #x-template #x-main {
width: 96%;
max-width: 800px !important;
margin: 0 auto !important;
padding: 0 5px !important;
float: none;
}
#CentralArea #x-main {
width: 100%;
}

#LeftPanel {
width: 98% !important;
}
#LeftPanel {
display: none !important;
}
#leftmenu:checked ~ #LeftPanel  {
display: inline-block !important;
text-align: center;
float: none;
margin: 0 !important;
}
#leftmenu {
display: none;
}
#menu label {
background: #000;
position: relative;
color: #fff;
display: inline-block;
font: bold 20px/40px 'Lobster', cursive;;
height: 40px;
margin-bottom: 10px;
padding: 0 25px;
text-align: center;
width: 100%;
}
#menu label::after {
background-image: url("img/x-head-mnav-icod.png");
background-position: right center;
background-repeat: no-repeat;
color: #000;
content: "";
height: 30px;
position: absolute;
right: 5px;
top: 2px;
width: 30px;
}
#leftmenu:checked ~ #menu label::after {
background-image: url("img/x-head-mnav-icou.png");
z-index: 2;
}
.x-content {
padding: 0 !important;
margin-top: 0;
}
.discription .tab .tab-titel{
display: none !important;
}
.discription .tab{
border: none !important;
}
#x-foot-subm a {
padding: 0 10px;
font-size: 14px;
}
#x-conditions p {
width: 50%;
float: left;
text-align: center;
}
#LeftPanel #x-side-news {
background-size: 100% auto;
max-width: 240px;
margin: 0 auto;
}
#x-foot-subm {
padding-left: 0;
}
#x-head-bar1 {
float: none;
}
#x-head-bar3 {
margin-bottom: 10px;
height: auto;
padding: 20px;
width: 100%;
transform: none;
margin-left: 0;
}
#x-head-bar3 span {
font-size: 20px;
width: 50%;
}
#x-head-bar3 span i {
height: 60px;
}

}
@media screen and (max-width:768px) {
.product-image-box label {
max-width: 80px;
max-height: 80px;
}
.product-image-container {
width: 94%;
height: auto;
}	
#x-main .product-more-views ul {
float: right;
width: 100%;
}
}
@media screen and (max-width:670px) {
#x-gall-main {
float: none;
}
#x-gall-right #x-main-spec {
width: 100%;
float: none;
margin-left: 0;
}
#x-gall-right #x-main-spec .x-tbox {
margin-bottom: 15px;
}
#x-foot-subm a {
padding: 0 8px;
font-size: 12px;
}
#x-foot-copy {
font-size: 12px;
}
#x-main .x-cat-bottom li {
max-width: calc(50% - 12px);
float: none;
display: inline-block;
}
}

@media screen and (max-width:650px) {
.reasurances {
height: auto;
}
.reasurances .reasurance {
width: 100%;
}
.reasurances span {
margin: 5px 0;
}
.reasurances .reasurance,
.reasurances .reasurance span {
line-height: 20px;
}
#x-foot-logo {
margin-right: 0;
width: 100%;
text-align: center;
}
#x-foot-subm {
padding-left: 0;
width: 100%;
text-align: center;
}
#x-foot-subm a {
padding: 0;
width: 100%;
text-align: center;
}
#x-foot-copy {
padding: 0;
width: 100%;
text-align: center;
}
.x-paypal-head {
float: none;
margin: 10px 0;
}
}
@media screen and (max-width:520px) {
#x-conditions p {
width: 100%;
}
}
@media screen and (max-width:500px) {
.x-bg .x-nomo {
display: none !important;
}
#x-temp-bttn {
display: none !important;
}
#x-main-babg .x-pmob {
display: block !important;
}
.x-bg #x-main .x-prom {
display: none !important;
}
#x-head-logo {
max-width: 90%;
margin: 10px auto;
padding-top: 0;
}
}
@media screen and (max-width:800px) {
#x-head-bar3 > span {
width: 100%;
text-align: center;
border: none;
}
#topbar{height:auto}
.top-feature{width:auto}
.topbar-content{background:#000;}
}
@media screen and (max-width:400px) {
#x-foot-subm a {
display: block;
padding-bottom: 5px;
padding-left: 0;
padding-right: 0;
border-right: 0 none;
}
#x-main .x-cat-bottom li {
margin-right: 0;
max-width: 100%;
text-align: center;
width: 100%
}
#x-main .x-cat-bottom li img{
display: inline-block;
}

}
@media screen and (max-width:404px) {
#x-main-fcat a img {
width: 100%;
max-width: 300px;
height: auto;
margin: 0 auto 13px;
display:block;
}

}
@media screen and (max-width:320px) {
#x-head-srch-bttn.x-ffbn {
font-size: 11px;
line-height: 16px;
}
}




.pad{
padding: 5px;
}
#pstyle{
display: inline-block; width: 50%; font-weight: bold;font-size: 15;padding-bottom: 0px;margin-bottom: 0px;
color: #fff;
text-align: left;
}
.butt{
display: inline-block;
font-weight: bold;
padding: 10px 12px;
border: none;
background: #fff;
margin: auto auto;
}

.bgblack{background: black;}
.bgorange{background: #ff5200;}
/*.bghead{background: url(img/bg-head.png) top center no-repeat;}*/
#topbar{
position: relative;
background: #000;
color: #fff;
width: 100%;
height: 35px;
display: inline-block;
}
.topbar-content{
max-width: 1250px;
text-align: center;
margin: auto auto;
padding-top: 5px;
}
input[type="text"] {
padding: 5px;
width: 200px;
background-color: #eeeeee;
font-family: sans-serif;
font-size: 11px;
border-radius: 2px;
border: 1px solid #c4c4c4;
}
.btn-search{
border: none;
height: 24px;
font-weight: bold;
color: #fff;
margin-left: -5px;
font-size: 10px;
vertical-align: top;
}
#margebot{margin-bottom: 15px;}

#customer-title{
line-height: 20px;
font-weight: normal;
}
.clients{    
font-size: 15px;
font-family: sans-serif;
color: #eee;
padding: 10px 15px;
}
#x-side-cats > span{
color: #ff5200;
padding-left: 15px;
margin-top: 20px;
font-weight: bold;
}

.disc {
text-align: left;
margin-top: 10px;
/*background: #f1f1f1; */
border: 1px solid #eee;
display: inline-block;
margin-bottom: 30px;
}
#x-main .disc h2 {
/*color: #fff;
background: #ff5200;*/
background: url(img/lines.png) bottom left repeat-x;
text-transform: uppercase;
text-align: left;
font: normal 18px/44px ‘Merriweather’, Georgia, serif;
}
.section1{
width: 98%;
float: left;
}
.section2{
width: 100%;
}
.section{width: 100%;}
.padding{padding: 10px;}


.details-img{
width: 49.8%;display: inline-block;margin-bottom: 20px;
}
.details-content{
width: 49%;display: inline-block;
}
.details-table{
border: 1px solid #c4c4c4;margin: 10px 20px;background: white;
}


@media screen and (max-width:1024px) {
.section2, .section1, .details-img, .details-content{width: 100%;}
#x-main .x-cat-bottom li{background: none;margin-bottom: 10px;}
}

.discription .padding .p span{color: red;}

#description{width: 60%;display: inline-block;min-width: 300px;}
#descriptionright{width: 38%;display: inline-block;min-width: 300px;}

#x-main .padding p span {color: #00ac6d;}

@media screen and (max-width:1024px) {
#description{width: 100%;}
#descriptionright{width: 100%;}
}
@media screen and (max-width:800px) {
#x-head-bar3 > span {
width: 100%;
text-align: center;
border: none;
}
#topbar{height:auto}
.top-feature{width:auto}
.topbar-content{background:#000;}
}