body {
margin:0;
background:#FFFFFF;
font-family:Verdana;
font-size: 17px;
-webkit-text-size-adjust: none;
background: url("../images/bck.jpg");
background-repeat:no-repeat;
background-position: top center;
background-attachment: fixed;
background-size: cover;
background-clip: border-box;  
}
a:link {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
color: #000000;
}
img {
border-style: none;
border-width: 0px;
}
form {
margin: 0px;
padding: 0px;
}
.container {
background-color: #FFFFFF !important;
width: 100%;
max-width: 1380px;
min-width: 900px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
overflow: hidden;
}
.mainheader {
width: 100%;
background-color: #161616;
background-image: url("../images/top-bck.png");
background-repeat: no-repeat;
background-position: center;
border-bottom: 3px solid #636363;
overflow: hidden;
height: 135px;
}
.logo {
float: left;
width: 29%;
box-sizing: border-box; 
padding: 0 0 0 5px;
height: 100%;
display: flex; 
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
}
@media only screen and (max-width: 950px) {
.logo {
padding: 0 0 0 0px;
}
}
.logo a {
display:block;
width:100%;
cursor: pointer;
text-decoration:none !IMPORTANT;
border-style: none;
border-color: inherit;
}
.logo img {
width: 275px;
}
.search {
float: left;
width: 42%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display: -ms-flexbox;
display: -webkit-flex;
}
.topsearch {
width: 100%;
background-color:#161616;
height: 54px;
border-radius: 18px;
border-top: 1px solid #636363;
border-bottom: 1px solid #636363;
border-right: 3px solid #636363;
border-left: 3px solid #636363;
padding: 1px 12px 1px 15px;
display:flex;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;
}
@media only screen and (max-width: 950px) {
.topsearch  {
    width: 80%;
    1margin-left: auto;
  }
}

.topsearchinput {
border:0 none;
font-size: 18px;
outline: 0;
background-color:#161616;
color: #DAD8D8;
width: 100%;
}
.topsearchsubmit {
height: 33px;
width: 36px;
background-image: url("../images/quick-search-submit.png");
background-repeat: no-repeat;
background-position: center;
background-color:#161616;
outline:0px dotted;
outline-color: transparent;
border:0 none;
cursor: pointer;
}
.cart {
float: left;
width: 29%;
box-sizing: border-box; 
padding: 0 10px 0 0;
height: 100%;
}
@media only screen and (max-width: 950px) {
.cart {
padding: 0 5px 0 0;
}
}
.cartwrap {
float: right;
width: 60%;
min-width: 220px;
box-sizing: border-box; 
border-bottom: 2px solid #636363;
border-right: 2px solid #636363;
border-left: 2px solid #636363;
border-radius: 0px 0px 15px 15px;
background-color:#161616;
padding: 0px 5px 12px 5px;
height: 85%;
overflow: hidden;
}
@media only screen and (max-width: 950px) {
.cartwrap {
    min-width: 210px;
      }
}
.cartcolumn1 {
float: left;
width: 40%;
height: 65%;
display: flex; 
align-items: center;
justify-content: center;
display: -ms-flexbox;
display: -webkit-flex;
}
.cartcolumn1 img {
width: 40px;
}
.cartcolumn2 {
float: left;
height: 65%;
width: 60%;
color: white;
font-size: 15px;
overflow: hidden;
display: flex;
align-items: center;
display: -ms-flexbox;
display: -webkit-flex;	
}
.cartbutton {
float: left;
width: 100%;
}
.cartbutton a {
border-style: none;
border-color: inherit;
box-sizing: border-box;
background-color:#59BCA6;
outline: 0px dotted;
outline-color: transparent;
padding: 7px 7px 7px 7px;
cursor:pointer;
text-align: center;
border-radius: 15px;
display: block;
text-decoration:none !IMPORTANT;
border-style: none;
border-color: inherit;
color: white;
}
.menuheader {
width: 100%;
background-color: #161616;	
}
.straplinemobile {
display: none;
}
.straplinedesktop {
background-color: #FFFFFF;
border: 5px solid #EEEEEE;
padding: 12px 2% 12px 2%;
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}
@media only screen and (max-width: 1100px) {
  .straplinedesktop {
    padding: 12px 0px 12px 0px;
  }
}
.strap1 {
font-size: 16px;
margin: 0 auto;
padding-left: 77px;
background-image: url("../images/quick-delivery-icon.png");
background-repeat: no-repeat;
background-position: left;
}
.strap2 {
font-size: 16px;
margin: 0 auto; 
padding-left: 48px;
background-image: url("../images/quick-company-icon.png");
background-repeat: no-repeat;
background-position: left;
}
.strap3 {
font-size: 16px;
margin: 0 auto; 
padding-left: 39px;
background-image: url("../images/quick-guarantee-icon.png");
background-repeat: no-repeat;
background-position: left;
}
.strap4 {
font-size: 16px;
margin: 0 auto; 
padding-left: 45px;
min-height: 40px;
background-image: url("../images/quick-review-icon.png");
background-repeat: no-repeat;
background-position: left;
margin-left: auto;
}
.mainimgwrap {
overflow: hidden;
width: 100%;
height: 500px;
position:relative;
background-image: url('../images/loading.gif');
background-position:center;
background-repeat:no-repeat;
}
@media only screen and (max-width: 950px) {
.mainimgwrap {
    height: 500px;
  }
}
.mainimage1 {
background-image: url('../images/main-pic-1.jpg');
height: 500px;
width: 100%;
background-position: 0px 0px;
background-repeat:no-repeat;
}
@media only screen and (max-width: 1100px) {
.mainimage1 {
background-position: -40px 0px !important;
}
}
@media only screen and (max-width: 950px) {
.mainimage1 {
 background-position: -60px 0px !important;
height: 500px;
}
}
.mainimage2 {
background-image: url('../images/main-pic-2.jpg');
height: 500px;
width: 100%;
background-position: 0px 0px;
background-repeat:no-repeat;
}
@media only screen and (max-width: 1100px) {
.mainimage2 {
 background-position: -40px 0px !important;
}
}
@media only screen and (max-width: 950px) {
.mainimage2{
background-position: -60px 0px !important;
height: 500px;
}
}
.mainimage3 {
background-image: url('../images/main-pic-3.jpg');
height: 500px;
width: 100%;
background-position: 0px 0px;
background-repeat:no-repeat;
}
@media only screen and (max-width: 1100px) {
.mainimage3 {
background-position: -40px 0px !important;
}
}
@media only screen and (max-width: 950px) {
.mainimage3{
background-position: -60px 0px !important;
height: 500px;
  }
}
.mainimgtext {
position:absolute;
left:0;
bottom:12%;
font-size:28px;
color: #FFFFFF;
padding: 15px 30px 15px 30px;
background-color:rgba(108, 95, 95, 0.60);
}
.gender {
position:absolute;
right:1%;
top: 90px;
font-size:28px;
width: 300px;
height: auto;
box-sizing: border-box;
}

.gendertext { 
width: 100%;
padding: 0 0 20px 0;
font-size: 26px;
text-align: center;
font-style: italic;
overflow: hidden; 
}
.genderfemale {
width: 100%;
background-image: url("../images/gender-female-bck.png");
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
height: 140px;
box-sizing: border-box; 
padding: 12px 0 0 20px;
line-height: 65px;
color: white;
font-size: 19px;
}
.genderfemale a {
display:block;
text-decoration:none !IMPORTANT;
border-style: none;
border-color: inherit;
color: white;
}
.gendermale {
width: 100%;
background-image: url("../images/gender-male-bck.png");
background-repeat: no-repeat;
background-position: top left;
overflow: hidden;
height: 92px;
box-sizing: border-box; 
padding: 12px 0 0 20px;
line-height: 65px;
color: white;
font-size: 19px;
}
.gendermale a {
display:block;
text-decoration:none !IMPORTANT;
border-style: none;
border-color: inherit;
color: white;
}
.mySlides {display: none;
}
.mainproductwrap {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
overflow-x: scroll;
width: 100%;
}
.mainproductmale {
width: 100%;
min-width: 280px;
margin: 40px 22px 30px 0px;
text-align: center;
border-top: 10px solid #057CC1;
border-bottom: 8px solid #B2B2B2;
border-left: 1px solid #E1DFDF;
border-right: 1px solid #E1DFDF;
}
@media only screen and (max-width: 950px) {
.mainproductmale {
min-width: 260px;
  }
}

.mainproductfemale {
width: 100%;
min-width: 280px;
margin: 40px 22px 30px 0px;
text-align: center;
border-top: 10px solid #EC13A0;
border-bottom: 8px solid #B2B2B2;
border-left: 1px solid #E1DFDF;
border-right: 1px solid #E1DFDF;
}
@media only screen and (max-width: 950px) {
.mainproductfemale {
min-width: 260px;
  }
}

.mainproductunisex {
width: 100%;
min-width: 280px;
margin: 40px 22px 30px 0px;
text-align: center;
border-top: 10px solid #F88824;
border-bottom: 8px solid #B2B2B2;
border-left: 1px solid #E1DFDF;
border-right: 1px solid #E1DFDF;
}
@media only screen and (max-width: 950px) {
.mainproductunisex {
min-width: 260px;
  }
}

.mainproducthead {
font-size: 17px;
padding: 25px 0 15px 0;
}
.mainproductimg img {
width: 97%;
max-width: 400px;
}
.mainproductmid {
font-size: 17px;
padding: 20px 10px 10px 10px;
box-sizing: border-box;
}
.mainproductmid a {
box-sizing: border-box;
border-radius: 16px;
border: 1px solid #B2B2B2;
border-left: 2px solid #B2B2B2;
border-right: 2px solid #B2B2B2;
font-size: 18px;
outline: 0px dotted;
outline-color: transparent;
text-align: center;
cursor: pointer;
padding: 10px 35px 10px 35px;
text-decoration:none !IMPORTANT;
color: blue;
}
.mainproductstars {
padding: 15px 0 25px 0;
box-sizing: border-box;
text-align: center;
}
.mainmidtext {
margin: 50px 0 10px 0;
background-image: url("../images/main-md-bck.jpg");
background-color: #A6ADB5;
background-repeat: no-repeat;
background-position: top left;
padding: 30px 30px 40px 30px;
text-align: center;
border-top: 2px solid #2A6C08;
border-bottom: 5px solid #B2B2B2;
}
@media only screen and (max-width: 950px) {
.mainmidtext {
    margin: 30px 0 10px 0;
  }
}

.mainmidtexthead {
font-size: 20px;
font-weight: bold;
padding-bottom: 20px;
}
.mainmidtextbody {
padding: 20px;
font-size: 17px !important;
background-color: rgba(255, 255, 255, 0.74);
}
.mainfooter {
background-color: #161616;
padding: 5px 5px 10px 5px;
box-sizing: border-box;
width: 100%;
min-width: 900px;
border-top: 5px dotted #636363;
overflow:hidden;
}
.footercolumn1 {
float: left;
width: 100%;
text-align: center;
box-sizing: border-box;
margin: 0 auto;
color: #808080;
}
.footercolumn1 a {
display: inline-block;
padding: 15px;
color: white;
}
.footercolumn2 {
font-size: 16px !important;
padding-top: 20px;
text-align: center;
color: #808080;
float: left;
width: 100%;
box-sizing: border-box; 
}
.footercolumn2cardlogos {
background-image: url("../images/payment-logo-seals.png");
background-position: center;
background-repeat: no-repeat;
background-size: 720px auto;
height: 90px;
min-width: 900px;
margin: 10px 0 0 0;
}
.copyright {
box-sizing: border-box; 
padding: 5px 25px 5px 25px;
border: 1px #636363 solid;
border-radius: 10px;
color: white;
display: inline-block;
margin: 0;
font-size: 15px;
}
.float-panel {
width:100%;
z-index:10;
margin-left: auto;
margin-right: auto;
}
.fixed  {
display: none;
}
.crumbs {
padding: 20px 20px 20px 10px;
font-size: 15px;
}
.productimage {
float:left;
width: 40%;
padding: 0 0 10px 0;
text-align: center;
position:relative;
}
.productimage img {
width: 85%;
max-width: 487px;
}
@media only screen and (max-width: 1100px) {
.productimage {
width: 43%;
}
.productimage img {
width: 95%;
}
}
.productgenuineseal {
position: absolute;
top: 8px;
left: 20px;
}
.productgenuineseal img {
width: 80%;
max-width: 210px;
}
@media only screen and (max-width: 950px) {
.productgenuineseal {
left: 0px;
}
.productgenuineseal img {
width: 70%;
}
}
.productcart {
float:left;
width: 60%;
padding: 30px 2% 30px 0;
box-sizing: border-box;
}
@media only screen and (max-width: 1100px) {
.productcart {
padding: 20px 1% 30px 0;
width: 57%;
}
}
h1 {
font-size: 26px;
margin: 0px;text-align: left;
}
.productdropdown {
font-size: 18px;
font-family:Verdana;
width: 100%;
padding: 10px 10px 10px 15px;
vertical-align: middle;
margin: 30px 0 25px 0;
box-sizing: border-box;
border: 1px solid #B2B2B2;
height: auto;
min-height: 60px;
background-image: url('../images/drop-down-arrow-bck.png');
background-repeat:no-repeat;
background-position:right center;
background-color:#FFF;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.productdropdown::-ms-expand {
display: none;
}
@media only screen and (max-width: 950px) {
.productdropdown {
min-height: 55px;
}
}
.productaddtocart {
width: 100%;
background-color: #E8E6E6;
margin: 30px 0 30px 0;
border-radius: 0px 20px 20px 0px;
box-sizing: border-box;
overflow: hidden;
}
.productaddtocartprice {
float: left;
width: 42%;
font-weight: bold;
text-align: center;
line-height: 65px;
}
@media only screen and (max-width: 950px) {
.productaddtocartprice {
line-height: 60px;
}
}
.productaddtocartsubmit {
float: left;
font-size: 20px;
font-family:Verdana;
color: #FFFFFF !IMPORTANT;
background-color:#E91D1E;
vertical-align: middle;
text-align: center;
margin:0px;
width: 58%;
height: 65px;
line-height: 65px;
display: block;
cursor:pointer;
text-decoration:none !IMPORTANT;
outline:0px dotted;
outline-color: transparent;
border:0 none;
cursor: pointer;
border:0 none;
border-radius: 15px;
}
@media only screen and (max-width: 950px) {
.productaddtocartsubmit {
height: 60px;
line-height: 60px;
}
}
.delivery4pmdesktop {
display: inline-block;
}
.delivery4pmmobile {
display: none;
}

.accordion {
line-height: 65px;
height: 65px;
margin-top: 25px;
background-color: #E8E6E6;
background-image: url('../images/description-more-icon.png');
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
padding: 0px 50px 0px 20px;
width: 100%;
text-align: left;
outline: none;
font-size: 18px;
font-weight: bold;
border: none;
border-bottom: 1px #B2B2B2 solid;
}
.accordion:hover {
  background-color: #B2B2B2;
}
.accordion.active {
  background-image: none;
}
.accordion.activedesktop {
  background-image: none;
}
.accordion.activemobile {
  background-image: none;
}

.panel {
padding: 35px 20px 30px 20px;
display: none;
overflow: hidden;
background-color: white;
}
.descaret {
color:inherit;
left:6px;
width: 0;
height: 0;
overflow:hidden;/*for IE6*/
vertical-align:middle;
margin-bottom:2px;
border-top: 10px solid;/*caret size is 4px now*/
border-right: 10px solid transparent;
border-left: 10px solid transparent;
display: inline-block;
position:relative;
color: #808080;
}        
.panel.show {
display: block !important;
}
.panel.showdesktop {
display: block !important;
}
h2 {
font-size: 18px;
margin: 0;
}
.elcomplexbck {
background-image: url('../images/description-el-complex-bck.png');
background-repeat: no-repeat;
background-position: right -75px center;
}
.megabeastbck {
background-image: url('../images/description-mega-beast-bck.png');
background-repeat: no-repeat;
background-position: right -100px center;
}
.littledevilbck {
background-image: url('../images/description-horny-little-devil-bck.png');
background-repeat: no-repeat;
background-position: right -95px center;
}
.volumepillsbck {
background-image: url('../images/description-volume-pills-bck.png');
background-repeat: no-repeat;
background-position: right -15px center;
}
.semenaxbck {
background-image: url('../images/description-semenax-bck.png');
background-repeat: no-repeat;
background-position: right -15px center;
}

.productlistingbanner {
margin-bottom: 50px;
padding-right: 4%;
height: 135px;
line-height: 145px;
text-align: right;
background-image: url("../images/herbal-v-listing-bck.jpg");
background-repeat: no-repeat;
background-position: 0px -50px !important;
background-color: #1CA7C6;
}
@media only screen and (max-width: 1100px) {
.productlistingbanner {
 background-position: -80px -50px  !important;
}
}
.productlistingbanner h1 {
font-size: 28px;
font-style: italic;
font-weight: normal;
color: white;
text-align: right;
}

.productlistingmalefertilitybanner {
margin-bottom: 50px;
padding-right: 4%;
height: 135px;
line-height: 145px;
text-align: right;
background-image: url("../images/male-fertility-listing-bck.jpg");
background-repeat: no-repeat;
background-position: -0px -50px !important;
background-color: #03478d;
}
@media only screen and (max-width: 1100px) {
.productlistingmalefertilitybanner {
 background-position: -60px -50px  !important;
}
}
.productlistingmalefertilitybanner h1 {
font-size: 28px;
font-style: italic;
font-weight: normal;
color: white;
text-align: right;
}

.productlisting {
border-top: 4px #E8E6E6 solid;
border-bottom: 4px #E8E6E6 solid;
padding-bottom: 10px;
overflow: hidden;
margin-bottom: 45px;

}
.productlistingimage {
float: left;
width: 30%;
text-align: center;
font-size: 15px;
position:relative;


}
.productlistingimageimg {
width: 70%;
min-width: 265px;
margin-top: 5px;
margin-bottom: 5px;
}
.productlistingimageseal {
position: absolute;
top: 0px;
left: 0px;
}

.productlistingprice {
float: left;
width: 70%;
}
.productlistingprice h2 {
font-size: 20px;
background-color: #E8E6E6;
text-align: center;
padding: 10px 0 10px 0;
min-height: 55px;
line-height: 55px;
background-image: url("../images/listing-head-bck.png");
background-repeat:no-repeat;
background-position: top left;
}
.productlistingcontainermain {
float: left;
width: 70%;
padding: 35px 0  30px 50px;
overflow: hidden;
box-sizing: border-box; 
}
@media only screen and (max-width: 950px) {
.productlistingcontainermain {
padding: 30px 0  35px 40px;
}
}
.productlistingcontainerprice {
float: left;
width: 30%;
padding: 35px 0px 5px 40px;
overflow: hidden;
box-sizing: border-box;
}
.productlistingaddtocartprice {
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
}
.productlistingtick {
vertical-align:middle;
margin-bottom: 15px;
margin-right: 2px;
width: 25px;
height: auto;
}
.productlistingcontainersubmit {
margin-top: 30px;
width: 100%;
}
.productlistingsubmit {
float: right;
font-size: 18px;
font-family:Verdana;
color: #FFFFFF !IMPORTANT;
background-color:#E91D1E;
vertical-align: middle;
text-align: center;
margin:0px;
width: 60%;
height: 50px;
line-height: 50px;
display: inline-block;
cursor:pointer;
text-decoration:none !IMPORTANT;
outline:0px dotted;
outline-color: transparent;
border:0 none;
cursor: pointer;
border:0 none;
border-radius: 15px;
}
.productlistingviewsubmit {
font-size: 18px;
font-family:Verdana;
color: #FFFFFF !IMPORTANT;
background-color:#016BA9;
vertical-align: middle;
text-align: center;
margin:0px;
width: 35%;
height: 50px;
line-height: 50px;
display: inline-block;
cursor:pointer;
text-decoration:none !IMPORTANT;
outline:0px dotted;
outline-color: transparent;
border:0 none;
cursor: pointer;
border-radius: 15px;
border-style: none;
border-color: inherit;
}
.productlistingpricebutton {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 27px;
cursor: pointer;
font-size: 17px;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.productlistingpricebutton input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.productlistingcheckmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
border-radius: 50%;
}
.productlistingpricebutton:hover input ~ .productlistingcheckmark {
background-color: #ccc;
}
.productlistingpricebutton input:checked ~ .productlistingcheckmark {
background-color: #000000;
}
.productlistingcheckmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.productlistingpricebutton input:checked ~ .productlistingcheckmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.productlistingpricebutton .productlistingcheckmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
}