@font-face {
font-family: 'BabyDoll';
src: url('./fonts/BabyDoll.woff2') format('woff2'),
url('./fonts/BabyDoll.woff') format('woff');
}
body{
padding:0;
margin:0;
background:#fff;
color: #405133;
line-height: 24px;
font-size:16px;
/*letter-spacing: 0.05em;*/
overflow-x: hidden;
}
body a{
-moz-transition:0.5s all;
-o-transition:0.5s all;
}
input, textarea {outline: 0;}
input[type="button"],input[type="submit"]{
-moz-transition:0.5s all;
-o-transition:0.5s all;
-ms-transition:0.5s all;
outline: 0;
}
h1,h2{
margin:0;
font-weight: 700;
/*letter-spacing: normal;*/
letter-spacing: -1px;
}
h3,h4,h5,h6{
margin:0;
font-weight: 400;
letter-spacing: normal;
}
p {
line-height: 24px;
}
label{
margin:0;
}
td, th {
padding: 10px;
}
button.close {
outline: 0;
}
.pd0 {
padding: 0;
}
.pull-down-20 { margin-top: 20px; }
.push-down-20 { margin-bottom: 20px; }
.d-flex { display: flex; }
.al-itms-center { align-items: center; }
.desktop { display: block; }
.mobile { display: none; }
i.fx { font-style: normal; }
/*===== Hero Images =====*/
.pftrusthero {
background: url(../../misc_images/trusthero.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: left 0 top 0;
position: relative;
}
.newsletterhero {
background: url(../../misc_images/newsletterbg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.shopinfusediv {
background: url(../../misc_images/infuselife.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 100px;
padding-bottom: 140px;
}
.abtwhydiv {
background: url(../../misc_images/givingbackhero.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 140px;
padding-bottom: 200px;
}
#pffront5l {
background: url(../../misc_images/endocannibinoid_infographic.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.contact2formsection2 {
background: url(../../misc_images/contact2formsection2.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 140px;
padding-bottom: 200px;
}
.wholsaleprogprom {
background: url(../../misc_images/wholesalepromisebg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding-top: 140px;
padding-bottom: 200px;
}
/*-----start-header----*/
.navbar-default {
background-color: transparent;
border-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
background-color: transparent;
color: #000000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
background-color: transparent;
}
.navbar-brand {
height: auto;
float: none;
padding-bottom: 0;
padding-right: 0;
}
.navbar {
position: relative;
min-height: 35px;
margin-bottom: 0px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #8E7143;
background-color: transparent !important;
/*border-bottom: 1px solid #8E7143;*/
border-bottom: 0;
border-top: 0;
border-left: 0;
border-right: 0;
}
/*--header--*/
@media screen and (max-width: 600px) {
/*-- online-strip --*/
.products-grid img {
max-width:100%;
}
.products-grid a {
display:block;
max-height: 100%;
max-width: 100%;
text-decoration:none;
}
}
/*--end-product--*/
/*** Navigation ***/
/*-- news-letter-starts-here --*/
.news-letter {
background-color: #F7F7F7;
padding: 35px 0;
}
.join h6 {
font-size: 22px;
font-weight: 400;
color: #000;
float: left;
margin-right: 5%;
margin-top:10px;
letter-spacing: 1px;
padding: 0;
}
.join input[type="text"] {
width: 48%;
color: #C3C3C3;
letter-spacing: 1px;
font-weight: 300;
font-size: 15px;
padding: 10px 10px;
border: 1px solid #E4E4E4;
outline: none;
text-align: left;
}
.join input[type="submit"]{
outline: none;
cursor: pointer;
width: 22%;
padding: 6px 0 10px;
/*background: #97D700;*/
color: #fff;
font-size: 19px;
font-weight: 400;
margin: 0px 0 0 -3px;
border: none;
-webkit-apperance: none;
}
.join input[type="submit"]:hover {
background-color:#000;
}
/*-- news-letter-ends-here --*/
/*-- products-page-starts-here --*/
.products{
width:20%;
margin-right:2%;
float:left;
}
ul.product-list{
padding:0em 0 0.5em 0;
margin:0.5em 0;
}
ul.product-list li{
display: block;
margin:5px 0;
}
ul.product-list li a{
color:#FFF;
text-transform:uppercase;
font-size:0.85em;
text-decoration:none;
padding:5px 2em;
font-weight:400;
display: block;
}
ul.product-list li a:hover{
background:#000;
color:#fff;
padding:5px 2em;
transition:0.5s all;
-webkit-transition:0.5s all;
-o-transition:0.5s all;
-moz-transition:0.5s all;
-ms-transition:0.5s all;
}
.new-product{
width:78%;
float:right;
background:rgba(245, 243, 243, 0.27);
min-height:800px;
padding:2em;
}
ul.product-top-list{
padding:0;
float: left;
}
ul.product-top-list li{
display: inline-block;
font-size:0.82em;
color:#777;
}
ul.product-top-list li a{
/*color: #97D700;*/
font-size: 16px;
}
ul.product-top-list li span.act{
background: yellow;
font-size: 14px;
padding: 3px;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
margin-top:2em;
}
p.quick_desc {
color: #999;
font-size: 0.8125em;
line-height: 1.8em;
}
ul.product-qty {
padding: 0;
list-style: none;
}
.product-qty span {
color: #555;
font-size: 0.85em;
padding-bottom: 0.5em;
display: block;
text-transform: uppercase;
margin-top: 2em;
}
.product-qty select {
border: 1px solid #eee;
padding: 0.5em;
font-size: 1em;
outline: none;
}
.btn_form form input[type="submit"] {
cursor: pointer;
border: none;
outline: none;
display: inline-block;
font-size: 1em;
padding: 13px 20px;
color: #fff;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
margin-top: 2em;
}
.btn_form form input[type="submit"]:hover{
}
.abt-ft{
margin-top:2em;
}
/*-- products-page-ends-here --*/
/*-- login-starts-here --*/
#newlogin td { padding: 0;}
#newlogin h3, #userlogin h3,#newlogin p, #userlogin p { }
.login-left {
padding: 0;
}
.login-left h2 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}.login-right h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
font-weight: 600;
}
li.home a {
/*color: #97D700;*/
font-size: 16px;
}
.login-left p, .login-right p {
color: #CAC9C9;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
.acount-btn {
background: #B7A99A;
color: #FFF;
border-radius: 25px;
border: 0;
width: 300px;
padding: 8px 5px;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
}
.acount-btn:focus { outline: 0; border: 0;}
.acount-btn:hover, .login-right input[type="submit"]:hover{
opacity: .8;
text-decoration:none;
color:#fff;
}
.login-right form {
padding: 1em 0;
}
.login-right form div {
padding: 0 0 2em 0;
}
.login-right span {
color: #555;
font-size:1em;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
}
.login-right input[type="text"] {
border: 1px solid #EEE;
outline-color:#D7D7D7;
width: 96%;
font-size:13px;
padding: 8px;
}
.login-right input[type="password"] {
border: 1px solid #EEE;
outline-color:#D7D7D7;
width: 96%;
font-size:13px;
padding: 8px;
}
.login-right input[type="submit"] {
background: #B7A99A;
color: #FFF;
font-size: 1em;
padding: 0.7em 1.2em;
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
display: inline-block;
text-transform: uppercase;
border:none;
outline:none;
}
a.forgot {
font-size: 1em;
margin-right: 11px;
}
ul.breadcrumbs{
padding:0;
list-style:none;
float:left;
}
ul.breadcrumbs li{
display:inline-block;
color:#000;
}
ul.previous{
padding:0;
list-style:none;
float:right;
margin-top: 3px;
}
ul.previous li a{
font-size: 14px;
color: #B9B4B5;
}
.login-page {
padding: 60px 0;
}
/*-- login-ends-here --*/
/*-- register-starts-here --*/
/*-- registration-form --*/
.registration-form {
padding: 60px 0;
}
.registration-form h2 {
font-weight: 600;
text-transform: uppercase;
color: #000;
font-size: 20px;
padding-bottom: 18px;
}
.reg p{
/*color: #CAC9C9;*/
margin: 0px 0 0 0;
/*font-size: 14px;*/
/*line-height: 1.8em;*/
}
.col-md-6.reg-form {
padding: 0;
}
.reg p:nth-child(2) {
margin:0;
}
.reg form {
margin-top: 32px;
}
.reg form table { width: 100%; margin: 40px 0; }
.reg p a{
text-decoration:none;
color:#231f20;
}
.reg p a:hover{
color: #000;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul {
padding:0;
margin:0 0 22px 0;
}
.reg ul li {
display: inline-block;
width: 58%;
}
.reg ul li.text-info{
width: 38%;
color: #B7A99A;
font-size: 16px;
text-transform: uppercase;
margin: 0 0 0px 0;
font-weight: bold;
}
.reg form input[type="text"],.reg form input[type="password"], .reg form input[type="email"] {
width: 100%;
padding: 8px;
font-size: 14px;
font-weight: 400;
border-left: 0;
border-right: 0;
border-top: 0;
/*border-bottom: 1px solid #B7A99A;*/
border: 1px solid #676D56;
outline-color: none;
border-radius: 8px;
color: #000;
height: 50px;
}
.reg form input[type="text"]:focus {
outline: none;
}
.reg-form{
float:left;
width:50%
}
.reg-right{
float:right;
width:47%
}
p.click a{
display: inline-block;
color:#B7A99A;
}
p.click a:hover{
text-decoration: underline;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg form input[type=submit]{
border:none;
color: #ffffff;
padding: 8px 35px;
height: 40px;
font-size: 18px;
cursor: pointer;
font-family: "League Spartan", sans-serif;
font-weight: 500;
margin: 0 16px 32px 0;
background: #3B4B2F;
border-radius: 25px;
width: 200px;
border-top: none;
border-left: none;
border-right: none;
}
.reg form input[type=submit]:hover {
opacity: .8;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.reg ul:nth-child(6) {
margin: 0 0 32px 0;
}
.reg ul li:nth-child(2){
margin-left: 3%;
}
.reg-right p{
color: #CAC9C9;
margin: 0 0 30px 0;
font-size: 14px;
line-height: 1.8em;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
.first-explain, .second-explain {
display: flex;
align-items: center;
justify-content: center;
background: #a2c082;
}
.first-explain img, .second-explain img {
max-width: 100%;
}
/*-- contact-page-starts-here --*/
.contact-parent {
display: block;
/*margin: 50px auto;*/
margin: 0 auto;
max-width: 800px;
}
.cnt-fx { max-width: 800px; }
.contact-parent .pf-body { max-width: 800px; }
.contact-parent h3, .contact-parent h4 { font-family: "League Spartan", sans-serif; font-weight: 600; margin-bottom: 10px; }
.fxhed { font-size: 36px; font-weight: 600; }
.contact-parent h3 span {
display: block;
margin-top: 40px;
margin-bottom: 20px;
font-style: normal;
font-size: 24px !important;
line-height: 1.5em;
/*font-family: 'Frutiger Condensed', Arial, serif !important;*/
/*font-style: italic;*/
padding: 15px 30px;
border: 1px solid #4c455c;
}
.contact-parent div[align="center"] span {
font-size: 24px !important;
/*font-family: 'Frutiger Condensed', Arial, serif !important;*/
}
.contact-parent .contact-form tr:nth-child(1),
.contact-parent .contact-form tr:nth-child(2) {
display: inline-block;
width: 50%;
}
.contact-parent .contact-form tr:nth-child(1) {
float: left;
margin-top: 0px;
}
.contact-parent .contact-form tr:nth-child(2) {
float: right;
margin-top: 0px;
}
/*.contact-parent .contact-form tr:nth-child(1) td:nth-child(1),*/
/*.contact-parent .contact-form tr:nth-child(2) td:nth-child(1) {*/
/*display: none;*/
/*}*/
.contact-parent .contact-form tr:nth-child(2) td {
float: right;
margin-top: 0px;
}
.contact-parent .contact-form tr:nth-child(3),
.contact-parent .contact-form tr:nth-child(4),
.contact-parent .contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
.contact-parent .contact-form tr:nth-child(1) td,
.contact-parent .contact-form tr:nth-child(2) td {
width: 95%;
display: inline-block;
}
.contact-parent .contact-form tr:nth-child(3) td,
.contact-parent .contact-form tr:nth-child(4) td,
.contact-parent .contact-form tr:nth-child(5) td {
width: 100%;
display: inline-block;
}
.contact-parent .contact-form tr:nth-child(4),
.contact-parent .contact-form tr:nth-child(5) {
display: inline-block;
width: 100%;
}
.contact-form tr td {
background-color: transparent;
padding-left: 0;
}
.contact {
padding: 60px 0;
}
.contact-info {
margin-bottom: 40px;
}
.contact-left{
width:30%;
float:left;
}
.contact-right{
width:68%;
float:right;
}
.contact-left input[type="text"]{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size:14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}
.contact-right textarea{
width: 100%;
color: #000;
font-size:14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}
.affbutton { float: left; }
.contact-form input[type=submit], .affbutton {
border:none;
color: #ffffff;
padding: 13px 43px;
font-size: 18px;
cursor: pointer;
font-family: "League Spartan", sans-serif;
font-weight: 500;
background: #3B4B2F;
border-radius: 50px;
}
.contact-form input[type=submit]:hover {
opacity: .8;
transition: .5s all;
-webkit-transition: .5s all;
-o-transition: .5s all;
-ms-transition: .5s all;
-moz-transition: .5s all;
}
.contact-info h2{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-info h3{
text-align: center;
margin: 0 0 20px 0;
font-size: 24px;
color: #000000;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
.contact-map{
width:100%;
margin-bottom: 52px;
}
.contact-map iframe{
width:100%;
height:330px;
}
.contact-form .label {color: #676D56;font-size: 14px;font-weight: 500;}
/*-- //contact-page-ends-here --*/
/*--checkout--*/
/*-- cart-page --*/
.cart-gd{
margin-top:50px;
}
.cart-items {
padding: 60px 0;
}
.cart-items h2 {
margin: 0 0 20px 0;
text-align: center;
font-size: 28px;
/*color: #97D700;*/
font-weight: 600;
padding:0;
}
.cart-item img {
width: 100%;
}
.cart-item-info {
width: 75%;
float: left;
margin-top: 3%;
}
.cart-item-info h3 {
color:#000;
font-size: 14px;
font-weight: 600;
}
.cart-item-info h3 span {
display: block;
font-weight: 400;
font-size: 0.85em;
margin: 0.7em 0;
}
ul.qty {
padding: 0;
margin: 0;
list-style: none;
}
ul.qty li {
display: inline-block;
margin-right: 10%;
}
ul.qty li p {
font-size: 14px;
color: #000;
}
/*-- //check --*/
/*-- single-page --*/
/*-- //single-page --*/
/*-- responsine-design --*/
@media screen and (max-width: 1024px) {
.join input[type="submit"] {
width: 18%;
}
}
@media screen and (max-width: 800px) {
.join h6 {
font-size: 18px;
}
.join input[type="submit"] {
width: 17%;
font-size: 16px;
padding: 7px 0 9px;
}
.join input[type="text"] {
width: 47%;
font-size: 13px;
}
.login-left {
float: left;
width: 47%;
margin-right:3%
}
.login-right {
float: left;
width: 50%;
}
.login-right p {
margin: 0 0 1.3em 0;
}
.login-left h2,.login-right h3 {
font-size: 18px;
}
.reg-form {
width:100%;
margin-bottom:5%;
}
.reg-right {
width:100%;
margin:0;
}
.reg ul li.text-info {
width: 30%;
}
.cart-items h2 {
margin: 0 0 15px 0;
font-size: 22px;
}
.contact-info {
margin-bottom: 30px;
}
}
@media screen and (max-width: 640px) {
.join h6 {
font-size: 16px;
margin-right: 3%;
}
.join input[type="text"] {
width: 44%;
}
.join input[type="submit"] {
width: 19%;
}
.login-left h2, .login-right h3 {
font-size: 17px;
}
.login-left p, .login-right p {
font-size: 1em;
}
.cart-item-info h3 a {
font-size: 15px;
}
.cart-items h2 {
margin: 0;
font-size: 20px;
}
.cart-item-info {
margin-top: 1%;
}
}
@media screen and (max-width: 480px) {
.contact-left {
width: 100%;
}
.contact-left input[type="text"] {
margin: 0 0px 23px 0;
}
.join h6 {
font-size: 18px;
margin-right: 0;
width: 100%;
float: none;
text-align: center;
margin-bottom: 15px;
}
.contact-form input[type=submit] {
margin-top: 15px;
}
.join input[type="text"] {
width: 70%;
}
.join input[type="submit"] {
width: 30%;
}
.contact-info h2, .contact-info h3 {
margin: 0 0 12px 0;
font-size: 20px;
}
.products {
width: 100%;
margin-bottom:15px;
margin-right: 0;
}
.login-left,.login-right {
width: 100%;
margin-right: 0%;
padding:0;
}
.login-right {
margin-top:20px;
}
.acount-btn {
font-size: 13px;
padding: 0.7em 1em;
}
.login-right p {
margin: 0 0 1em 0;
}
.login-left h2 {
font-size: 20px;
padding-bottom: 10px;
}
.cart-item-info {
width: 71%;
}
}
@media screen and (max-width: 320px) {
.join input[type="text"] {
width: 65%;
}
.join input[type="submit"] {
width: 35%;
font-size: 15px;
}
.login-right input[type="submit"] {
padding: 0.5em 1em;
}
.login-left h2 {
font-size: 18px;
}
.cart-item-info {
width: 100%;
}
}
.contact-form input[type="text"], .contact-form select{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border-radius: 8px;
border: 1px solid #676D56;
height: 50px;
}
.contact-form input[type="reset"]{
display:none;
}
.contact-form textarea{
width: 100%;
color: #000;
font-size: 14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border-radius: 8px;
border: 1px solid #676D56;
}
span.label{}
.acount-btn{border:0px;}
#newlogin h3,#userlogin h3 {
/*color: #8E7143;*/
color: #405133;
font-size: 36px;
font-weight: 600;
/*font-family: 'EB Garamond', Times, serif;*/
font-family: "League Spartan", sans-serif;
/*font-style: italic;*/
padding-bottom: 30px;
margin-top: 20px;
}
#newlogin p,#userlogin p {
color: #1a1a1a;
display: block;
font-size: 1.1em;
margin: 0 0 2em 0;
line-height: 1.5em;
}
#userlogin input[type="submit"]:hover{
opacity: .75;
text-decoration:none;
color:#fff;
}
#newlogin form, #userlogin form {
padding: 1em 0;
}
#newloginform div,#userlogin form div {
padding: 0 0 2em 0;
}
#newlogin span, #userlogin span {
color: #555;
font-size:1em;
padding-bottom: 0.2em;
display: block;
text-transform: uppercase;
font-weight:normal;
}
#userlogin input[type="text"] {
border: 1px solid #3B4B2F;
outline: 0;
border-radius: 8px;
width: 100%;
font-size:13px;
padding: 7px;
margin-top: 10px;
/*height: 40px;*/
height: 50px;
}
#userlogin input[type="password"] {
border: 1px solid #3B4B2F;
outline: 0;
border-radius: 8px;
width: 100%;
font-size:13px;
padding: 7px;
margin-top: 10px;
/*height: 40px;*/
height: 50px;
}
#userlogin input[type="submit"] {
/*background: #000000;*/
background: #3B4B2F;
color: #FFF;
border-radius: 25px;
font-size: 1em;
font-family: "League Spartan", sans-serif;
padding: 7px 5px;
/*transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;*/
display: inline-block;
border:none;
outline:none;
width: 300px;
height: 40px;
text-transform: uppercase !important;
}
#userlogin input[type="button"] {
background-color:transparent;
font-family: "League Spartan", sans-serif;
border:0px;
float: right;
/*color:#337AC4;*/
}
#userlogin input[type="button"]:hover{
text-decoration:underline;
}
.sign-up-newsletter-div label { font-weight: 400; font-family: "League Spartan", sans-serif; }
.signup-submit-btn input[type="submit"] {
/*background: #000000;*/
background: #3B4B2F;
color: #FFF;
border-radius: 25px;
padding: 7px 5px;
font-family: "League Spartan", sans-serif;
/*transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;*/
display: inline-block;
border:none;
outline:none;
width: 300px;
height: 40px;
text-transform: uppercase !important;
}
#userlogin table { width: 100% !important;}
#newlogin{display:inline-block;width:45%;vertical-align:top; margin-left: 0; float: right;}
#userlogin{display:inline-block;width:50%;vertical-align:top; float: left;}
#userlogin td{padding:10px 0;}
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}
#userlogin span.label{display:none;}
#userlogin table{width:80%;}
.reg .tableheader{
/*color: #97D700;*/
font-size: 14px;
/*text-transform: uppercase;*/
margin: 0px;
/*font-weight: bold;*/
font-weight: 500;
}
.reg .tableheader2{
font-family: "League Spartan", sans-serif;
font-size:22px;
font-weight: 600;
/*color:black;*/
}
.reg td{padding: 0px 0px 22px}
.reg .tablecell{color:#231f20;}
.reg {width:70%;}
.reg input[type="reset"]{display:none;}
.reg select{
width: 100%;
color: #000;
margin: 0px 23px 23px 0px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #E8E8E8;
}
.reg input[type="button"]{
background-color:transparent;
border:0px;
color:#337AC4;
}
.reg input[type="button"]:hover{
text-decoration:underline;
}
.checkout1-form input[type="text"], .checkout1-form input[type="password"] {
border: 1px solid #EEE;
outline-color:#D7D7D7;
font-size:13px;
padding: 8px;
}
.checkout1-form ul li div:first-child{ font-size:24px;}
#checkout_popup input[type="text"], #checkout_popup select, #checkout_popup input[type="password"]{
border: 1px solid #EEE;
outline-color:#D7D7D7;
font-size:13px;
padding: 8px;
}
.checkout1-form ul li div.formlabel{font-size:14px;}
@media screen and (max-width: 800px) {
#newlogin{width:80%;}
#userlogin{width:80%;}
#userlogin table{width:100%;}
.reg td{display:table;width:100%;}
.reg .tableheader{font-size:14px;}
.checkout1-form ul li{width:100%!important;}
.checkout1-form ul li:first-child{border:0px!important;}
.checkout1-form ul li:last-child{margin-top:100px;}
.checkout2_div1{width:100%!important;}
.checkout2_div2{width:100%!important;border:0px!important;padding-left:0px!important;margin-left:0px!important;margin-top:100px;}
}
#submitbtn{}
#checkout_continue_submit{}
.btn-color{}
.textalign .primary_button{}
.iesbackgroundcolor1{background-color:#fb9333;}
.iesbackgroundcolor2{background-color:#b7a99a;}
.iesbackgroundcolor3{background-color:#000000;}
.iesbackgroundcolor4{background-color:#505640; /*DFC4A4*/}
.iesbackgroundcolor5{background-color:#f3f3f3; /*#D7D7D7*/}
.iesbackgroundcolor6{background-color:#8E7143;}
.iesfontcolor1{color:#405133;}
.iesfontcolor4{color:#B7A99A;}
.iesfontcolor5{color:#FFECBA;}
.iesfontcolor6{color:#645E5C;}
.iesfontcolor7{color:#00BDCD;}
.iesfontcolor8{color:#D7D7D7;}
.iesfontcolor9{color:#DFC4A4;}
.iesfontstyle1{/*font-style:italic;*/ font-weight: 400;}
.iesfontfamily1{font-family:'League Spartan', Times, serif;}
.iesfontfamily2{font-family:'Montserrat', Arial, sans-serif;}
.iesfontfamily3{font-family:'BabyDoll', Arial, sans-serif;}
.iesdefaultfontfamily1{font-family:'League Spartan', Times, serif;}
.iesdefaultfontfamily2{font-family:'Montserrat', Arial, sans-serif;}
.iesdefaultfontfamily3{font-family:'BabyDoll', Arial, sans-serif;}
.bold{font-weight: 600;}
.bolder{font-weight: 700;}
/* more widget classes - begin */
#topdesc {/*padding:10px 0px 10px 0px;*/display:block;}
#maindesc {padding:10px 0px 0px 0px;display:block;}
#bottomdesc {padding:40px 0px 0px 0px;display:block;}
.main_cat_title {font-weight:bold;}
.main_cat_list { display: none; width: 100%;}
.category_pic { }
/* adding more to the one defined above */
.centeronpage {
top:50%;
left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
}
/* more widget classes - end */
/*=== things to change ===*/
/* ================ rewards page ================ */
#my_rewards_container_outer {
padding-left: 0;
padding-right: 0;
}
.pfaccountheaddiv {
/*margin-bottom: 40px;*/
}
.pfacctbodyhead {
padding-bottom: 70px;
border-right: 3px solid #231f20;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.pfacctbodyhead ul.pfacctlinkhead {
padding-left: 0;
list-style-type: none;
}
ul.pfacctlinkhead li {
text-transform: uppercase;
font-weight: 700;
padding-top: 20px;
padding-bottom: 20px;
}
ul.pfacctlinkhead li a.linkactive {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid;
}
ul.pfacctlinkhead li.pflicurrentrewards {
margin-top: 40px;
color: initial;
font-weight: 400;
}
ul.pfacctlinkhead li.pflicurrentrewards .pfcurrentrewards {
font-weight: 400;
}
ul.pfacctlinkhead li.pflilogout {
margin-top: 40px;
}
ul.pfacctlinkhead li.pflilogout a {
color: #98959B;
}
#my_rewards_container_outer ul.pfacctlinkhead li.pflilogout {
display: none;
}
.pfacctdiv .pftitle {
margin-bottom: 40px;
}
.pfearnrewards {
margin-bottom: 90px;
}
.earnrewardlidiv .earnrewardli {
border-bottom: 1px solid #98959B;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 5px;
margin-bottom: 20px;
}
.earnrewardtext h4 {
margin-bottom: 10px;
color: #000000;
}
.earnrewardtext h3 {
font-weight: 700;
margin-right: 5px;
display: inline-block;
}
.earnrewardtext {
color: #655F5E;
}
.earnrewardtext p {
display: inline-block;
}
.earnrewardtext p.pfcurrentgiftp {
display: block;
}
.pfrewardvoucher {
margin-bottom: 90px;
}
.pfcurrentgiftspan,
.pfcurrentbdayspan {
color: #000000;
font-weight: 700;
}
.vouchrewardli {
padding-top: 10px;
padding-bottom: 10px;
background: #F6F6F6;
border-bottom: 1px solid #FFFFFF;
border-top: 0;
border-left: 0;
border-right: 0;
}
.vouchrewardoff h4 {
margin-top: 7px;
display: inline-block;
}
.vouchrewardoff p {
display: inline-block;
}
.vouchrewardcodetxt {
background: #FFFFFF;
padding-top: 7px;
padding-left: 5px;
height: 40px;
word-wrap: break-word;
width:100%;
border: 0;
}
.vouchrewardrefertxt {
background: #FFFFFF;
padding-top: 7px;
/*height: 40px;*/
word-wrap: break-word;
width:100%;
border: 0;
padding-left: 5px;
font-weight: 700;
}
.vouchrewardcode {
border: 1px solid #8F7242;
}
.vouchrewardcodebtn button.pfrewbtn {
color: #98959B;
background: transparent;
outline: 0;
padding: 7px 5px;
display: block;
width: 100%;
border: 0;
}
.earnrewardbtn { text-align: center;}
.earnrewardbtn a,
.earnrewardbtn button {
display: block;
text-align: center;
padding: 7px 5px;
border-radius: 25px;
outline: 0;
border: 0;
width: 100%;
height: 40px;
background: #000000;
color: #FFFFFF;
text-transform: uppercase;
}
.earnrewardbtn a:focus,
.earnrewardbtn a:hover,
.earnrewardbtn button:focus,
.earnrewardbtn button:hover {
color: #FFFFFF;
background: #8F7242;
}
.earnrewardbtn .iesbackgroundgreyout {
background: #EAEAEA;
color: #9D9D9D;
padding: 7px 5px;
border-radius: 25px;
outline: 0;
border: 0;
width: 100%;
height: 40px;
display: block;
cursor: default;
}
.earnrewardbtn a.iesbackgroundgreyout:focus,
.earnrewardbtn a.iesbackgroundgreyout:hover,
.earnrewardbtn button.iesbackgroundgreyout:focus,
.earnrewardbtn button.iesbackgroundgreyout:hover {
cursor: default;
background: #CACACA;
}
.pfrewardhistory {
margin-bottom: 90px;
}
.histrewardhead {
border-bottom: 1px solid #98959B;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 7px;
margin-bottom: 10px;
font-weight: 700;
}
.subsrecptdetail {
border-bottom: 1px solid #98959B;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 7px;
margin-bottom: 10px;
}
.modal-backdrop.in {
filter: alpha(opacity=10);
opacity: .1;
}
#pfrewardfren .modal-dialog,
#pfrewardfrenfooter .modal-dialog {
margin: 170px auto;
}
#pfrewardfren .modal-content,
#pfrewardfrenfooter .modal-content {
border-radius: 0;
}
#pfrewardfren .modal-body,
#pfrewardfrenfooter .modal-body {
padding: 15px;
}
.pfmodalrewardfrentext h2 {
font-size: 30px;
margin-top: 30px;
}
.pfmodalrewardfrentext h3 {
margin-top: 30px;
margin-bottom: 40px;
}
.pfmodalrewardfrentext .vouchrewardcode {
margin-top: 0;
margin-bottom: 30px;
}
.vouchrewardcode div {
padding: 0;
}
.pfmodalrewardfrentext .pfmodalrewardfrenterms p {
font-size: 10px;
line-height: 12px;
}
.pfmodalrewardfrentext .pfmodalrewardfrenterms a {
text-decoration: underline;
}
.pfmodalrewardfrentext .pfblogsharediv {
margin-top: 20px;
margin-bottom: 30px;
}
.pfmodalrewardfren .popupimgdiv {
padding-bottom: 500px;
}
/* refer a friend pop up not login */
#pfrewardnotlogin .modal-dialog {
margin: 170px auto;
}
#pfrewardnotlogin .modal-content {
border-radius: 0;
}
#pfrewardnotlogin .modal-content .modal-body {
padding-left: 15px;
padding-right: 15px;
}
#pfrewardnotlogin .popupsignup .popfield input {
width: 100%;
border: 1px solid #8F7242;
padding: 7px 5px;
border-radius: 0;
height: 40px;
}
#pfrewardnotlogin .popupsignup .popfield {
margin-bottom: 10px;
}
#pfrewardnotlogin .popupsignup .popfname {
padding-right: 5px;
}
#pfrewardnotlogin .popupsignup .poplname {
padding-left: 5px;
}
.popdivaction .pfcheckdiv {
text-align: left;
}
.popdivaction #referpopsubmit {
text-align:center;
margin:20px auto;
}
#refersubmitbutton {
margin: 0 auto;
text-align: center;
text-transform: uppercase;
border: 0px;
width: 100%;
font-size: 14px;
outline: 0;
}
/* age verification pop up */
#ageverification .modal-lg {
width: 920px;
}
#ageverification .modal-dialog {
margin: 170px auto;
}
#ageverification .modal-content {
border-radius:0;
}
#ageverification .modal-body {
padding-left: 15px;
padding-right: 15px;
}
#ageverification .pfmodalrewardfrentext {
margin-top: 90px;
}
#ageverification .pfdivbtn .pfbtn {
text-transform: uppercase;
outline: 0;
}
#ageverification .pfdivbtn.margintop10 .pfbtn {
margin-top: 20px;
text-transform: uppercase;
background:transparent;
border: 1px solid #000000;
border-radius: 50px;
color: #000000;
outline: 0;
}
/* my account profile page */
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfprofileli {
text-transform: inherit;
font-weight: 400;
padding-top: 10px;
padding-bottom: 10px;
}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn {
/*text-align: center;*/
}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn a {
color: #FFFFFF;
background: #000000;
outline: 0;
border:0;
border-radius: 25px;
display: inline-block;
padding: 7px 45px;
}
.pfacctprofilediv .pfacctdiv a {
display: block;
font-size: 20px;
background: #CACACA;
border-top: 3px solid #8F7242;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding: 120px 30px 20px;
margin-bottom: 30px;
height: 200px;
outline: 0;
}
.pfacctprofilediv .pfacctdiv a:focus,
.pfacctprofilediv .pfacctdiv a:hover {
opacity: .85;
color: #8F7242;
}
input[name="Reviewer_Name"],
input[name="Review_Title"],
textarea[name="Review_Body"] {
width: 300px;
padding: 5px;
height: auto !important;
border-color: #98959B;
outline: 0;
}
select[name="Product_Rating"] {
padding: 5px;
height: auto !important;
border-color: #98959B;
outline: 0;
}
.review_submit {
background: #000000;
color: #FFFFFF !important;
text-transform: uppercase;
padding: 7px 40px;
height: 40px !important;
width: 300px;
border: 0;
border-radius: 50px;
margin-bottom: 60px;
outline: 0;
}
.review_reset {
border: 1px solid #000000;
border-radius: 50px;
height: 40px !important;
margin-right: 20px;
background: transparent;
text-transform: uppercase;
padding: 7px 30px;
outline: 0;
}
/*================
CUSTOM TEMPLATE STYLE
================*/
a { color: inherit;}
a:hover, a:focus { color: inherit; text-decoration: none;}
a img:hover, a img:focus {opacity: .85;}
.nopad { padding-left: 0; padding-right: 0;}
.nopad-right { padding-right: 0;}
.nopad-left { padding-left: 0;}
.pf-body {
/*padding-top: 210px;*/
/*padding-bottom: 100px;*/
padding-top: 160px;
padding-bottom: 100px;
}
.pf-bodybg {
background: #f6f6f6;
}
.contmargleft {
float: right;
width: 570px;
}
.contmargright {
float: left;
width: 570px;
}
.pfpinkborder {
height: 950px;
position: absolute;
z-index: 2;
border-left: 3px solid #fac3c1;
border-right: 0;
border-top: 0;
border-bottom: 0;
left: 70px;
top: -20px;
}
.pfblueborderv {
height: 850px;
position: absolute;
z-index: 2;
border-left: 3px solid #00BDCD;
border-right: 0;
border-top: 0;
border-bottom: 0;
}
.pfblueborderh {
width: 800px;
position: absolute;
z-index: 2;
border-bottom: 3px solid #00BDCD;
border-right: 0;
border-top: 0;
border-left: 0;
}
.pfyellowborderv {
height: 900px;
position: absolute;
z-index: 2;
border-left: 3px solid #FFECBA;
border-right: 0;
border-top: 0;
border-bottom: 0;
}
.pfgoldborderh {
width: 800px;
position: absolute;
z-index: 2;
border-bottom: 3px solid #C89663;
border-right: 0;
border-top: 0;
border-left: 0;
}
.pfgoldborderv {
height: 800px;
position: absolute;
z-index: 2;
border-bottom: 0;
border-right: 0;
border-top: 0;
border-left: 3px solid #8E7143;
}
.pfgreyborderh {
width: 800px;
position: absolute;
z-index: 2;
border-bottom: 3px solid #D7D7D7;
border-right: 0;
border-top: 0;
border-left: 0;
}
.pfblkborderh {
width: 800px;
position: absolute;
z-index: 2;
border-bottom: 3px solid #000000;
border-right: 0;
border-top: 0;
border-left: 0;
}
.pflightblueborderh {
width: 800px;
position: absolute;
z-index: 2;
border-bottom: 3px solid #AEDFE6;
border-right: 0;
border-top: 0;
border-left: 0;
top: 80px;
}
.key_promotion1 .banner {
padding: 5px;
font-size: 11px;
}
.key_promotion1 .banner p {
line-height: normal;
margin-bottom: 0;
}
.key_promotion1 .banner a {
text-decoration: underline;
}
.navbar {
border: 0px;
border-radius: 0px;
}
.pfnavbar {
/*position: fixed;*/
width: 100%;
z-index: 3;
}
.pfnavbar.front, .pfnavbar.pd-page { position: absolute; top: 0; }
.pfnavbar .navbar-header {
position: absolute;
z-index: 50;
}
.navbar-brand.navbar-logo {
padding-top: 10px;
text-align: right;
}
.logo { display: inline-block; margin-top: -20px; position: relative; text-align: center; }
.logo:before { display: block; position: absolute; bottom: 0; right: 0; content:""; width: 120px; height: 137px; background: #3B4B2F; z-index: 1; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; }
.logo a { display: block; width: 120px; margin-bottom: 20px; position: relative; z-index: 2; }
.logo img { max-height: 175px; max-width: 100%;}
.logo img:hover, .logo img:focus {opacity:1;}
/*.navbar-brand .logo.navshrink img { max-height: 75px;}*/
.navbar-nav { /*float: none; width: 100%;*/ background: rgba(189, 189, 189, 0.35); border-radius: 50px; border: 1px solid rgba(64,81,51, 0.35); margin-left: -100px; padding-left: 100px; padding-right: 50px; }
.front .navbar-nav { /*float: none; width: 100%;*/ background: rgba(64, 81, 51, 0.35); border-radius: 50px; border: 1px solid rgba(255,255,255,0.35); margin-left: -100px; padding-left: 100px; padding-right: 50px; }
.navbar-nav > li {float: none; display: inline-block; /*margin-left: 6%;*/}
.navbar-default .navbar-nav > li > a {
border: 0px;
/*color: #000000;*/
color: #405133;
font-size: 18px;
font-weight: 400;
/*font-weight: 700;*/
}
.front.navbar-default .navbar-nav > li > a {
color: #ffffff;
}
/*.navbar-default .navbar-nav > li:focus,*/
/*.navbar-default .navbar-nav > li:hover {*/
/*border-bottom: 1px solid #8E7143;*/
/*}*/
/*.navbar-default .navbar-nav > li:focus a,*/
/*.navbar-default .navbar-nav > li:hover a {*/
/*color: #8E7143;*/
/*}*/
.navbar-nav > li.dropdown.yamm-fw {
position: static;
}
.navbar-nav > li > .dropdown-menu {
width: 100%;
left: 0;
right: 0;
border: 0;
padding-left: 20%;
padding-right: 20%;
padding-top: 40px;
padding-bottom: 10px;
background: #F6F6F6;
}
.pfnavbar-top { margin-top: 20px; }
.pfnavbar-top .yamm-content.dropdown-mega a {
font-size: 24px;
margin-bottom: 60px;
color: #8E7143;
}
.pfnavbar-top .yamm-content.dropdown-mega a:focus,
.pfnavbar-top .yamm-content.dropdown-mega a:hover {
color: #231f20;
text-decoration: none;
}
.pfnavbar-top .yamm-content.dropdown-mega a:focus span,
.pfnavbar-top .yamm-content.dropdown-mega a:hover span {
color: #231f20;
}
.pfnavbar-top .yamm-content.dropdown-mega a:hover .catimgdiv img {
opacity: .85;
}
.catmegafour {
margin-bottom: 100px;
}
.catimgdiv {
padding-top: 20px;
}
.navpf {
position: static;
float: right;
}
.pfnavbarmain {
position: static;
}
.pfnavbarmain > .col-md-9 {
position: static;
}
.pfnavcontainer {
/*position: relative;*/
margin-top: 25px;
}
.catmegaleft .category2 {
margin-bottom: 70px;
}
/* ==== category filteration right side removed ====
.catmegaright {
border-top: 0;
border-bottom: 0;
border-right: 0;
border-left: 5px solid;
padding-left: 25px;
margin-bottom: 60px;
}
.catmegaright ul.megaright {
list-style-type: none;
padding-left: 0;
}
.catmegaright ul.megaright li {
margin-bottom: 20px;
}
.catmegaright ul.megaright li img{
max-height: 21px;
display: inline-block;
margin-right: 15px;
}
*/
.menucattitle {
font-size: 26px;
margin-bottom: 30px;
display: block;
}
.megamenushopallli {
margin-left: 15px;
border-bottom: 1px solid #B7A99A;
margin-bottom: 20px !important;
padding-bottom: 10px;
}
/* search */
.searchbox .fa-search {
color: #b9aa9b;
font-size: 20px;
margin-top: 2px;
}
#search {
position: fixed;
z-index: 60;
top: 0px;
left: 0px;
width: 100%;
height: 40%;
background-color: #91B192;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
}
#search input[type="search"] {
position: absolute;
top: 50%;
width: 100%;
color: rgb(255, 255, 255);
background: rgba(0, 0, 0, 0);
font-size: 34px;
font-weight: 300;
text-align: center;
border: 0px;
margin: 0px auto;
margin-top: -51px;
padding-left: 30px;
padding-right: 30px;
outline: none;
}
#search input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFFFFF;
white-space:pre-line;
position:relative;
}
#search input[type="search"]::-moz-placeholder { /* Firefox 19+ */
color: #FFFFFF;
white-space:pre-line;
position:relative;
}
#search input[type="search"]:-ms-input-placeholder { /* IE 10+ */
color: #FFFFFF;
white-space:pre-line;
position:relative;
}
#search input[type="search"]:-moz-placeholder { /* Firefox 18- */
color: #FFFFFF;
white-space:pre-line;
position:relative;
}
#search .searchbtn {
position: absolute;
top: 60%;
}
#search .close {
position: fixed;
top: 15px;
right: 15px;
color: #645E5C;
background-color: transparent;
border-color: transparent;
opacity: 1;
font-size: 16px;
/*border: 1px solid #645E5C;*/
line-height: .90;
padding: 3px 5px;
text-shadow: none;
}
#search .searchbtn {
background: #231f20;
border: 0;
border-radius: 50px;
padding: 7px 5px;
color: #FFFFFF;
width: 250px;
}
#search .searchbtn:hover {
background: #8E7143;
}
.pftiptop {
margin-top: 20px;
}
.pftopright ul {
margin-top: 5px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: inline-block;
font-size: 10px;
font-weight: 700;
width: 100%;
}
.pftopright li {
display: inline-block;
margin-left: 20px;
}
.pftopright li a {
padding-bottom: 7px;
}
.pftopright li a:focus,
.pftopright li a:hover {
color: #231f20;
border-bottom: 1px solid #231f20;
border-top: 0;
border-left: 0;
border-right: 0;
}
.pfnavbaricon {
position: relative;
}
.pfnavbaricon img {
float: right;
}
a.myactlink img {
max-height: 35px;
}
.cartbox .cart {
cursor: pointer;
}
.checkout img {
max-height: 33px;
}
.pfnaviconright {
background: rgba(0,0,0,0.1);
border-radius: 50px;
/* padding-top: 5px; */
/* padding-bottom: 5px; */
display: inline-block;
width: 100px;
/* padding-right: 5px; */
display: flex;
justify-content: space-between;
padding: 10px;
margin-top: 17px;
border: 1px solid rgba(64,81,51, 0.35);
}
.front .pfnaviconright {
border: 1px solid rgba(239,239,239, 0.6);
}
#myaccountlist {
background-color: #FFFFFF;
padding: 10px 20px;
}
#myaccountlist ul{
list-style-type:none;
padding: 0;
}
#myaccountlist ul li {
cursor:pointer;
margin-bottom: 10px;
color: #939598;
}
#myaccountlist ul li:hover {
color: #000000;
}
.pfmembername {
display: inline-block;
padding-top: 2px;
text-align: right;
}
.cname {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 60%;
display: inline-block;
vertical-align: top;
}
.products-front #product_listing_sortby_box { display: none;}
/* VERTICAL NAVBAR */
.navbar-toggle {
/*display: block;*/
float: right;
clear: right;
border: 0px;
background: transparent !important;
margin-right: 0;
margin-top: 5%;
}
.navbar-toggle .icon-bar {
width: 28px;
height: 3px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 5px;
}
.navbar-collapse.collapse {
padding: 0;
}
.navmenu { padding: 0;}
.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { padding: 0;}
.navbar-collapse.in {
overflow-y: auto;
overflow-x: hidden;
}
/*===== Front Page =====*/
.fronthero {
position: relative;
height: 100vh;
overflow: hidden;
}
.pffront1 {
/*min-height: 100vh;*/
}
.pffrontheroimg {
position: absolute;
top: 0;
height: 100vh;
overflow: hidden;
}
.pffrontheroimg img {
/*width: 100%;*/
min-width: 100%;
max-width: none;
height: auto;
}
.pffrontherotext {
position: relative;
/*z-index: 1;*/
}
.pfherobox {
position: relative;
padding-top: 80px;
z-index: 2;
/*padding-bottom: 210px;*/
}
div[data-iessection="layoutinformationpage"] .pfherobox:before { content: ""; background: #daf5d3; position: absolute; height: 120%; width: 120%; filter: blur(8px); -webkit-filter: blur(50px); z-index: -1; transform: translate(-50%, -50%); top: 50%; left: 50%; border-radius: 50%; }
.pfherobox .hero-span { border: 1px solid #415135; border-radius: 24px; color: #415135; padding: 15px 10px; font-weight: 600; margin-top: -19px; position: relative; }
.pfherobox h1 {
/*font-size: 42px;*/
color: #405133;
font-size: 120px;
line-height: 0.9em;
margin-bottom: 10px;
margin-top: 30px;
font-size: 6.25vw;
}
.pfherobox h2 {
font-size: 36px;
font-weight: 400;
margin-top: 30px;
margin-bottom: 30px;
}
.pfherobox p {
font-size: 20px;
line-height: 1.5em;
}
.pfherobox .pfdivbtn {
/*margin-top: 70px;*/
margin-top: 20px;
}
.pffrontherotext .pfdivbtn {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.pfdivbtn .pfbtn {
display: block;
border: 0;
border-radius: 50px;
padding: 20px 5px;
max-width: 300px;
width: 220px;
margin-right: 20px;
margin-bottom: 20px;
font-size: 20px;
/*max-height: 40px;*/
}
.pffrontherotext .pfdivbtn .pfbtn:last-child, .pffrontherotext .pfdivbtn .pfbtn:nth-last-child(2) { max-width: calc(50% - 30px); width: 100%; }
.pfdivbtn .pfbtn:focus,
.pfdivbtn .pfbtn:hover {
color: #FFFFFF;
background: #8E7143;
text-decoration: none;
}
.swiper-slide img { width: 100%;}
.swiper-pagination-bullet-active {
/*background: #dfc4a4 !important;*/
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev,
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
background-image: none;
}
/* New Added Code */
.front-slide2 {
position: relative;
background: #91B192;
padding: 50px 0;
}
.front-slide2 .container {
position: relative;
z-index: 2;
}
.front-slide2-text {
color: #E5F6E6;
padding-top: 90px;
padding-left: 70px;
}
.front-slide2-text h2, .avo-parent h2, .front-slide5 h2, .testimonials h2 {
font-size: 55px;
font-weight: 600;
}
.front-slide2-text p, .front-slide3-text p, .front-slide5 p {
position: relative;
font-size: 20px;
z-index: 2;
}
.front-slide2 .side-img {
margin-left: -200px;
}
.front-slide2 .front-slide2-img, .front-slide6 .front-slide6-img {
position: absolute;
bottom: 0;
right: 0;
background: url(../../misc_images/avos.png) 90% 10% no-repeat;
height: 50%;
width: 52%;
z-index: 1;
background-size: 130%;
overflow: hidden;
}
.front-slide3 {
position: relative;
background: #B4C38B url(../../misc_images/hand-holding-milk.png) 55vw 30% no-repeat;
padding: 100px 0;
}
.front-slide3-text h2 {
font-size: 55px;
color: #EEFFEF;
font-weight: 500;
}
.front-slide3 .tag {
display: inline-block;
background: #676D56;
color: #ffffff;
border-radius: 24px;
padding: 10px 20px;
margin: 20px 0 30px;
}
.measuring-cup-img {
position: relative;
}
.measuring-cup-img img {
position: relative;
z-index: 2;
}
.measuring-cup-img:after {
position: absolute;
z-index: 1;
width: 911px;
height: 624px;
left: 50%;
top: calc(50% + 17px);
transform: translate(-50%, -50%);
content: "";
background: url(../../misc_images/measuring-cup-glow.png) 50% 50% no-repeat;
}
.front-slide4 {
background: #E5E1D1;
}
.nutrilist { margin-top: 50px; }
.nutrilist, .nutrilist .nutritext { display: flex; flex-direction: column; }
.nutrilist .nutriitem { display: flex; position: relative; flex-direction: row; align-items: flex-start; margin-bottom: 20px; }
.prodpgtext .nutrilist .nutriitem { padding-left: 80px; }
.prodpgtext .nutrilist .nutriitem .nutriimage { position: absolute; left: 0; }
.avo-parent { display: flex; }
.avo-left:before { position: absolute; right: -70%; content: ""; background: url(../../misc_images/avo-cream-blur.png) 0% 50% no-repeat; height: 100%; width: 100%; z-index: 2; top: 0; }
.avo-left { position: relative; background: url(../../misc_images/avo-pic.png) 50% 50% no-repeat; height: 100%; background-size: cover; overflow: hidden; }
/*.avo-parent h2 { }*/
.nutriimage { margin-left: -30px; max-width: 120px; margin-top: -30px; }
.nutriimage img { max-width: 100%; }
.avo-child-right { padding: 80px 50px; }
.avo-child-right .nutritext { max-width: 400px; }
.avo-child-right .nutritext p { font-size: 16px; }
.avo-child-right p { font-size: 20px; }
.front-slide5 { position: relative; background: #B4D3B5 url(../../misc_images/milk-soft-bg.png) 0 0 no-repeat; padding: 60px 0; overflow-x: hidden; }
.front-slide5:after { content: ""; position: absolute; right: 0; bottom: 0; background: url(../../misc_images/oldyoung.png); width: 852px; height: 741px; }
.front-slide5 .ft-sld-left img { margin-left: -60px; }
.front-slide6 { background: #91B192; padding: 120px 0; }
.front-slide6 h2 { font-size: 55px; color: #EBEFD3; font-weight: 500; }
.front-slide6 p { font-size: 20px; color: #EBEFD3; }
.front-slide6 .front-slide6-img { bottom: -120px; height: 85%; width: 130%; }
.diet-req { display: flex; align-items: flex-start; margin-bottom: 20px; }
.diet-req .diet-req-txt { margin-left: 20px; max-width: 340px; }
.diet-req .diet-req-txt h3, .front-slide8 h3 { color: #EBEFD3; }
.diet-req .diet-req-txt p { font-size: 16px; color: #E5F6E6; }
.front-slide7 { background: #E5E1D1 url(../../misc_images/newsletter_bg.png) no-repeat 45% 10%; padding: 60px 0; }
.front-slide8 { background: #667d66; padding: 40px 0; }
.front-slide8 .social-icons a { margin: 0 10px; }
.front-slide8 .social-icons img { max-width: 40px; }
.testimonials { background: #E5E1D1; padding: 100px 0; }
.testimonial-belt { width: 50vw; }
.testimonials .testimonial { background: #FAF9F6; padding: 20px; border-radius: 8px; }
.testimonials .testimonial.swiper-slide { background: #FFFFFF; }
.testimonials .testimonial .caption-name { font-size: 24px; font-weight: 600; }
.testimonials .testimonial .caption { margin-top: 30px; }
#pffront2 { background-color: #B4C38B; margin: -20px 0; background-size: 1000px; background-repeat: no-repeat; background-position-y: calc(40% + 10px); }
#pffront3 { background-color: #E5E1D1; margin: -20px 0; background-size: 950px; background-repeat: no-repeat; background-position: 100% 50%; }
#pffront4 { background-color: #B4D3B5; margin: -20px 0; background-size: 700px; background-repeat: no-repeat; background-position: 15% 30%; }
.underfooter { display: flex; flex-wrap: wrap; }
.underfooter li { width: calc(50% - 12px); margin: 0; }
.underfooter li img { max-width: 100%; }
/* End New Added Code*/
.front-products-container .swiper-button-next.front-next {
background: url(./images/arrowright.png);
background-repeat: no-repeat;
right: -18px;
z-index: 2;
}
.front-products-container .swiper-button-prev.front-prev {
background: url(./images/arrowleft.png);
background-repeat: no-repeat;
left: 1px;
z-index: 2;
}
.front-products-container .front_product .product_name {
font-size: 14px;
font-weight: 800;
margin-top: 20px;
text-align: center;
text-transform: uppercase;
color: #645E5C;
}
.front-products-container .front_product a:focus,
.front-products-container .front_product a:hover {
text-decoration: none;
color: #231f20;
}
.front-products-container .front_product .product_pic_div {
position: relative;
}
.prodslidxplr {
background: rgba(185,169,154,.5);
width: 70%;
position: absolute;
}
.prodxplr {
color: #FFFFFF;
border: 1px solid #FFFFFF;
font-size: 16px;
display: block;
padding: 5px;
}
.front-products-container .front_product .product_pic_div .prodslidxplr {
display: none;
}
.front-products-container .front_product .product_pic_div .prodslidxplr.xplr {
display: block;
}
.frontprodfeat {
padding-top: 30px;
padding-bottom: 90px;
}
.pffront2 {
margin-top: 20px;
}
.categoryheaddiv {
padding-top: 80px;
padding-bottom: 70px;
border-right: 3px solid #231f20;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.categoryhead ul.catheadlinks {
padding-left: 0;
list-style-type: none;
margin-top: 40px;
}
ul.catheadlinks li {
text-transform: uppercase;
font-weight: 700;
padding-top: 20px;
padding-bottom: 20px;
}
ul.catheadlinks li a {
padding-top: 20px;
padding-bottom: 20px;
font-size: 13px;
}
ul.catheadlinks li a:focus,
ul.catheadlinks li a:hover {
text-decoration: none;
cursor: pointer;
color: #231f20;
}
ul.catheadlinks li a.catactive {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid;
}
ul.catheadlinks li a.catactive:focus,
ul.catheadlinks li a.catactive:hover {
color: #000000;
}
.categoryheaddesc {
margin-top: 50px;
}
.categorylinksdiv {
padding-top: 90px;
}
.categorylinksdiv .cat-name {
font-size: 14px;
text-align: center;
font-weight: 700;
margin-top: 20px;
text-transform: uppercase;
}
.categorylinksdiv .catfeatdiv {
margin-bottom: 60px;
}
.frontprodfeat .pftitle h2 {
margin-bottom: 60px;
}
.pftitle h1 {
font-size: 42px;
}
.pftitle h2 {
font-size: 36px;
}
.pffront4 {
margin-top: 110px;
}
.pftrusttxt {
margin-bottom: 100px;
padding-top: 70px;
}
.pfdivbtn {
margin-top: 90px;
}
.trustcompdiv {
position:absolute;
}
.pffront4icondiv {
position: absolute;
top: 0;
right: 0;
padding-top: 90px;
}
.trusticondiv {
margin-bottom: 50px;
}
.trusticondiv img {
margin: 0 auto;
float: right;
}
.trusticondiv p {
font-size: 11px;
}
.trusticondiv p.bolder {
font-size: 14px;
}
.slider-next {
background: url(./images/arrowright.png);
background-repeat: no-repeat;
right: -35px;
}
.slider-prev {
background: url(./images/arrowleft.png);
background-repeat: no-repeat;
left: -35px;
}
.frontpgdescription {
position: relative;
}
.pfwhydiv {
/*padding-bottom: 150px;*/
}
.pffront5 {
margin-top: 100px;
}
.pffront5l .slidertxt {
margin-top: 100px;
}
.pffront5r {
margin-top: 50px;
}
.pffront5r .pftitle {
/*margin-top: 40px;*/
}
.pffront5r .pftitle h2 {
margin-bottom: 50px;
}
.pffront5r .pfdivbtn {
margin: 40px 0;
}
/*===== Footer =====*/
footer {
position: relative;
font-size: 14px;
color: #ffffff;
z-index: -1;
}
.public-content-wrapper div[data-iessection="templatebottom"] { position: relative; z-index: 2; }
.footerlogo {
margin-top: 60px;
}
.footerlogo img {
max-height: 175px;
max-width: 100%;
}
img.footcredit {
max-height: 24px;
margin-top: 52px;
}
.pffoot {
margin-top: 50px;
}
.pffooterlinks ul {
padding-left: 0;
margin-bottom: 0;
list-style-type: none;
}
.pffooterlinks ul li {
/*font-weight: 700;*/
margin-bottom: 12px;
}
.pffooterlinks ul li:first-child {
/*color: #8E7143;*/
font-weight: 500;
margin-bottom: 20px;
}
.pffooterlinks .category1 {
font-weight: 700;
margin-bottom: 12px;
}
.pffooterlinks ul li a:focus,
.pffooterlinks ul li a:hover,
.pffooterlinks .category1 a:focus,
.pffooterlinks .category1 a:hover {
text-decoration: none;
color: #F6F6F6;
}
.pffootInfo li a { position: relative; }
.pffootInfo li:not(:first-child) a { display: block; padding-left: 40px; }
.pffootInfo li a img { position: absolute; left: 0; top: 0; }
.pfsocially {
}
.pfsocially ul {
display: inline-block;
padding-left: 0;
margin-bottom: 20px;
list-style-type: none;
text-align: right;
}
.pfsocially li {
display: inline-block;
/*margin-left: 10px;*/
margin-right: 10px;
}
.pfsocially li img {}
.pfsocially li a.linkedin img {
width: 41px;
height: 40px;
}
.pfsocially li a.twitter img {
width: 45px;
height: 40px;
}
.pfsocially li a.insta img {
/*width: 41px;*/
/*height: 40px;*/
width: 25px;
/*height: 40px;*/
}
.pfsocially li a.fb img {
/*width: 43px;*/
/*height: 40px;*/
width: 25px;
/*height: 40px;*/
}
/*
.pfsocially li a {
background: #FFFFFF;
padding: 3px 9px;
border-radius: 50px;
font-size: 36px;
}
.pfsocially li a.facebook {
padding: 3px 14px 3px 12px;
}
.pfsocially li a.facebook i.fa-facebook:focus,
.pfsocially li a.facebook i.fa-facebook:hover {
background: transparent;
color: inherit;
}
.pfsocially li a:focus,
.pfsocially li a:hover {
background: #B7A99A;
}
*/
.pfaudit {
font-size: 10px;
color: #B7A99A;
margin: 30px auto;
}
.copyright #copyright {
font-size: 11px;
color: #B7A99A;
margin-bottom: 20px;
text-align: center;
}
#copyright .footer {
display: none;
}
/*===== Newsletter =====*/
.pfnewsletter {
padding-top: 120px;
padding-bottom: 110px;
}
#newsletter-head {
margin-bottom: 30px;
font-size: 48px;
font-weight: 600;
text-align: center;
}
#newsletter-head p { line-height: 1em; }
.newsletter-fielddv-par { position: relative; display: block; margin: 0 auto; text-align: right; width: 600px; max-width: 100%; }
#newsletter-fielddv { margin-top: 40px; }
/*#newsletter-fielddv { width: 300px; }*/
#newsletter-field {
/*border: 1px solid #8E7143;*/
border: 0;
border-radius: 50px;
outline: 0;
background: #FFFFFF;
display: block;
width: 100%;
padding: 20px;
}
#newsletter-field input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000000;
}
#newsletter-field input[type='text']::-moz-placeholder { /* Firefox 19+ */
color: #000000;
}
#newsletter-field input[type='text']:-ms-input-placeholder { /* IE 10+ */
color: #000000;
}
#newsletter-field input[type='text']:-moz-placeholder { /* Firefox 18- */
color: #000000;
}
#newsletter-submit.pfdivbtn {
margin-top: 20px;
}
#newsletter-submit-button {
text-align: center;
width: 200px;
border-radius: 50px;
background: #FB9333;
color: #ffffff;
/*text-transform: uppercase;*/
border: 0px;
/*width: 100%;*/
font-size:18px;
outline: 0;
height: 45px;
margin-top: -55px;
margin-right: 10px;
}
.newsletter-front { }
.newsletter-box { /*margin: 0 16%; text-align: center; padding: 3%; width: 75%;*/ width: 100%; }
#newsletter-img img { margin: 0 auto;}
.pfcheckdiv {
margin-top: 20px;
font-size:12px;
position:relative;
}
.pfcheckdiv input[type="checkbox"] {
position: absolute;
opacity: 0;
display: block;
width: 25px;
height: 25px;
margin: 0;
cursor: pointer;
z-index: 2;
}
.pfcheckdiv .pfcheck {
left: 0;
top: 0;
height: 20px;
width: 20px;
background-color: #FFFFFF;
border: 0;
border-radius: 0;
outline: none;
transition-duration: 0.3s;
position: absolute;
}
#pfnewslettercheckdiv.pfcheckdiv .pfcheck {
border: 1px solid #8E7143;
}
.pfcheckdiv .pfcheck:after {
position: absolute;
content: "";
height: 0;
width: 0;
border: 0;
border-radius: 0;
opacity: 1;
}
.pfcheckdiv input:checked ~ .pfcheck {
/*height: 20px;
width: 20px;
background-color: #FFFFFF;*/
border: 1px solid #907242;
background-color: #B9A99A;
}
#pfnewslettercheckdiv.pfcheckdiv input:checked ~ .pfcheck {
background-color: #DFC4A4;
}
.pfcheckdiv input:checked ~ .pfcheck:after {
/*content: url(../../misc_images/pftick.png);
display: block;
text-align: center;
position: absolute;
left: 0;
top: -7px;*/
}
#pfnewslettercheckdiv.pfcheckdiv input:checked ~ .pfcheck:after {
content: none;
}
.pfcheckdiv label {
font-weight: 400;
margin: 5px 0 0 30px;
}
#pfnewslettercheckdiv.pfcheckdiv label {
margin: 0 0 0 30px;
}
.newsletterbottomsect { padding-left: 20px; padding-right: 20px;}
.pfnewsletterfront { overflow: hidden; max-height: 800px;}
.pfnewsletterbottom img { width: 100%; height: 100%;}
form[name="newsletterForm"]{display:none}
.newsletter2.pftitle {
margin-bottom: 30px;
}
.newsletter2btn {
margin-top: 40px;
margin-bottom: 50px;
}
.bg-overlay {
display: none;
position: fixed;
background: rgba(63,63,63,.75);
height: 100vh;
width: 100%;
z-index: 9;
top: 0;
left: 0;
transition-property: background;
transition-duration: 200ms;
transition-timing-function: linear;
-webkit-transition: background 200ms linear;
-moz-transition: background 200ms linear;
-o-transition: background 200ms linear;
}
/* ===== my account page 2020 ===== */
#my_account_container_outer,
.my_account_section,
.my_account_container_sidebar2,
.my_account_container_inner,
.my_account_title,
.my_account_table,
.my_account_table_row,
.my_account_table_inner_title,
.my_account_table_inner_content,
.my_account_table_inner_row,
.my_account_table_inner_button {
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
}
#my_account_container_outer {
margin-bottom: 100px;
}
.my_account_table_inner,
.my_account_action_logout {
padding-right: 0;
}
.my_account_section {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #B9A99A;
}
.my_account_title + .my_account_table_inner {
padding-left: 0;
}
.my_account_title {
font-size: 36px;
margin-bottom: 20px;
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
}
.my_account_label,
.my_account_action_link {
padding-left: 0;
}
.my_account_container_sidebar {
text-align: right;
}
.my_account_container_sidebar2 {
margin-top: 20px;
margin-bottom: 0;
border:0;
}
.my_account_section.my_account_section_footer {
border:0;
}
.my_account_action {
text-align: right;
}
.my_account_action a {
background: #4E4E4E;
border-radius: 25px;
border: 0;
color: #FFFFFF;
padding: 8px 5px;
}
.my_account_table_inner_button a {
border-radius: 0;
border: 0;
color: #FFFFFF;
background: #A1A1A1;
}
.my_account_action_big {
padding-left: 0;
min-width: 300px;
width: auto;
padding: 12px 5px;
border: 0;
}
.my_account_action_big:last-child {
padding-right: 0;
}
.my_account_action_big a {
width: 100%;
border-radius: 25px;
}
a.my_account_modify_customer_btn {
background: #000000;
color: #FFFFFF;
width: 300px;
}
a.my_account_modify_customer_btn:focus,
a.my_account_modify_customer_btn:hover {
background: #8E7143;
color: #FFFFFF;
}
a.my_account_view_my_orders_btn {
background: transparent;
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_view_my_orders_btn:focus,
a.my_account_view_my_orders_btn:hover {
background: #000000;
color: #FFFFFF;
}
a.my_account_show_wishlist_btn,
a.my_account_my_subscribed_items_btn {
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_show_wishlist_btn:focus,
a.my_account_show_wishlist_btn:hover,
a.my_account_my_subscribed_items_btn:focus,
a.my_account_my_subscribed_items_btn:hover {
background: #000000;
color: #FFFFFF;
}
a.my_account_reviews_btn {
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_reviews_btn:focus,
a.my_account_reviews_btn:hover {
background: #000000;
color: #FFFFFF;
}
a.my_account_rma_btn {
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_cancel_account_link {
font-size: 12px;
text-decoration: underline;
}
a.my_account_logout_btn {
background: transparent;
border: 0;
border-radius: 0;
color: #231f20;
padding: 0;
border-bottom: 1px solid #231f20;
border-top: 0;
border-right: 0;
border-left: 0;
}
a.my_account_logout_btn:focus,
a.my_account_logout_btn:hover {
background: transparent;
box-shadow: 0;
-webkit-box-shadow: 0;
color: #8E7143;
}
a.my_account_affiliate_apply_btn {
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_affiliate_apply_btn:focus,
a.my_account_affiliate_apply_btn:hover {
background: #000000;
color: #FFFFFF;
}
a.my_account_security_questions_btn {
color: #231f20;
border: 1px solid #231f20;
padding: 7px 5px;
}
a.my_account_security_questions_btn:focus,
a.my_account_security_questions_btn:hover {
background: #000000;
color: #FFFFFF;
}
a.backbtn {
cursor: pointer;
}
.pforderlistbody {
margin-top: 40px;
}
.pforderlistdiv {
margin-bottom: 40px;
}
.orderlistdiv {
border-bottom: 1px solid #98959B;
border-top: 0;
border-right: 0;
border-left: 0;
}
.view_my_orders_list_orderitem_info div{display:inline-block;padding-left:0; padding-right: 10px;vertical-align:top;}
.view_my_orders_list_shipping_info div{display:inline-block;padding:10px;}
.view_my_orders_list_grandtotal_info div{display:inline-block;padding:10px;}
.view_my_orders_list_orderitem_info {
border-bottom: 1px solid #98959B;
border-top: 0;
border-right: 0;
border-left: 0;
}
.view_my_orders_list_product_info {
width: 50%;
}
.view_my_orders_list_item_img {
max-width:100px;
float: left;
display: inline-block;
margin-top: 25px;
margin-right: 20px;
margin-bottom: 30px;
}
.view_my_orders_list_recurring_info {
padding-top: 24px;
}
.view_my_orders_list_priceperqty {
padding-top: 24px;
}
.view_my_orders_list_qty {
padding-top: 24px;
}
.view_my_orders_list_price {
padding-top: 24px;
}
.view_my_orders_list_points {
padding-top: 24px;
}
.view_my_orders_list_shipping_info {
padding-left: 24%;
}
.view_my_orders_list_grandtotal_info {
padding-left: 52%;
font-weight: 700;
text-transform: uppercase;
}
.pforderprodsdiv {
margin-bottom: 90px;
}
.pforderrecurdiv {
margin-bottom: 90px;
}
.view_my_orders_list_recurring_orderitem_info_title {
margin-bottom: 20px;
padding-bottom: 7px;
border-bottom: 1px solid #98959B;
border-top: 0;
border-right: 0;
border-left: 0;
}
.view_my_orders_list_recurring_orderitem_img {
display: inline-block;
width: 14%;
float: left;
}
.view_my_orders_list_recurring_orderitem_info_list {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #98959B;
border-top: 0;
border-right: 0;
border-left: 0;
}
.pfaccountbodydiv,
.view_my_orders,
.view_my_subscriptions {
margin-top: 45px;
margin-bottom: 150px;
min-height: 990px;
}
.view_my_orders .panel-default,
.view_my_subscriptions .panel-default {
border: 0;
margin-top: 6px;
-webkit-box-shadow: none;
box-shadow: none;
}
.view_my_orders .panel-body,
.view_my_subscriptions .panel-body {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.view_my_orders .table,
.view_my_subscriptions .table {
width: 72%;
max-width: 72%;
margin-bottom: 20px;
float: right;
}
.view_my_orders form,
.view_my_subscriptions form {
float: left;
border-right: 3px solid #000000;
width: 23%;
padding-bottom: 100px;
margin-right: 30px;
}
.view_my_orders form div,
.view_my_subscriptions form div {
float: left;
padding-top: 20px;
}
.view_my_orders form div:before,
.view_my_subscriptions form div:before {
content: '< ';
color: #8E7143;
}
.view_my_orders form div input,
.view_my_subscriptions form div input {
background: transparent;
color: #8E7143;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
padding-left: 0;
outline: 0;
}
.view_my_orders form div input:active,
.view_my_orders form div input:focus,
.view_my_orders form div input:hover,
.view_my_subscriptions form div input:active,
.view_my_subscriptions form div input:focus,
.view_my_subscriptions form div input:hover {
background: transparent;
outline: 0;
border: 0;
color: #000000;
}
.pfrmadiv > h2 {
padding-left: 15px;
}
.pfrmadiv h2 {
margin-bottom: 50px;
}
.pfrmadiv > div.col-md-12 > h2 {
margin-bottom: 42px;
}
form[name="RMAform"] input {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
width: 50%;
background: 0;
padding: 5px;
}
form[name="RMAform"] input[type="checkbox"]{
width:30px;
}
form[name="RMAform"] select {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
width: 50%;
padding: 5px;
}
form[name="RMAform"] textarea {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
width: 50%;
}
form[name="RMAform"] input.rma_submit {
display: inline-block;
width: 300px;
margin-right: 30px;
background: #000000;
border-radius: 50px;
color: #FFFFFF;
text-transform: uppercase;
height: 40px;
margin-bottom: 50px;
outline: 0;
border: 0;
}
form[name="RMAform"] input.rma_reset {
display: inline-block;
width: 300px;
border-radius: 50px;
color: #000000;
text-transform: uppercase;
height: 40px;
margin-bottom: 50px;
outline: 0;
border: 1px solid #000000;
}
form[name="RMAform"] h3 {
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
}
form[name="RMAform"] input.rmaformbutton {
border: 1px solid #000000;
color: #000000;
outline: 0;
border-radius: 50px;
width: 300px;
height: 40px;
}
.restock_info{display:none;}
input.wishlist_removefromwishlist {
float: left;
background: transparent;
padding: 0;
margin-right: 10px;
outline: 0;
}
input.wishlist_addtocart {
background: #000000;
color: #FFFFFF;
border-radius: 50px;
border: 0;
padding: 7px 60px;
height: 40px;
margin-top: -7px;
}
input.wishlist_continueshopping {
margin: 40px auto 60px;
text-align: center;
border: 1px solid #000000 !important;
border-radius: 50px;
background: transparent;
padding: 7px 40px;
width: 300px;
height: 40px;
text-transform: uppercase;
}
.pftitlefont {
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
padding-left: 15px;
}
table.reviewtable {
width: 72%;
max-width: 72%;
margin-bottom: 20px;
float: right;
}
.pfprodrevpgtitle {
margin-top: 10px;
}
textarea[name="Cancel_Reason"] {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
width: 100%;
}
.cancelordersubmit {
background: #000000;
color: #FFFFFF;
border: 0;
outline: 0;
border-radius: 50px;
padding: 7px 30px;
width: 46%;
height: 40px;
}
.cancelorderbutton {
background: transparent;
border: 1px solid #000000 !important;
border-radius: 50px;
padding: 7px 30px;
width: 46%;
outline: 0;
margin-bottom: 100px;
}
table.review_edit_table input,
table.review_edit_table textarea {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
}
table.review_edit_table input.forms.review_reset {
border: 1px solid #000000;
background: transparent;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
outline: 0;
margin-right: 15px;
width: 19%;
}
table.review_edit_table input.forms.review_button {
border: 1px solid #000000;
background: transparent;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
outline: 0;
margin-right: 15px;
width: 19%;
}
table.review_edit_table input.forms.review_submit {
border-radius: 50px;
border: 0;
}
.pfacctmodifydetailssection form[name="OriginalForm"] input,
.pfacctmodifydetailssection form[name="OriginalForm"] select {
border: 1px solid #98959B;
border-radius: 0;
outline: 0;
padding: 5px;
}
form[name="OriginalForm"] input.modifydetailsubmit {
border: 0;
background: #000000;
color: #FFFFFF;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
outline: 0;
margin-right: 15px;
height: 40px;
width: 30%;
}
form[name="OriginalForm"] input.modifydetailbutton {
border: 1px solid #000000;
background: transparent;
text-transform: uppercase;
padding: 7px 20px;
border-radius: 50px;
outline: 0;
height: 40px;
width: 30%;
margin-bottom: 100px;
}
/* ======= Information pages ======= */
.iessnippet-basic.pfsnippet-basic {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/*
.iessnippet-basic.iessnippet-basic img {
width: 100%;
}*/
.pfsnippet-basic { position: relative;}
.pagehero {
position: relative;
}
.pffrontshop {
height: 100vh;
}
.pffrontshop .pfherobox sup {
font-size: 20px;
top: -1em;
}
.pffrontshop .pfherobox {
padding-bottom: 120px;
}
.shopallcatvertdiv {
margin-top: 90px;
margin-bottom: 40px;
}
.categoryvert .categoryhead ul.catheadlinks {
margin: 30px auto 10px;
text-align: center;
}
.categoryvert ul.catheadlinks li {
display: inline-block;
margin-right: 2%;
}
.categoryvert ul.catheadlinks li:last-child {
margin-right: 0;
}
.categoryvert .categoryheaddesc {
margin-top: 60px;
}
.categoryvert .categorylinksdiv {
padding-top: 60px;
}
.categoryvert .categoryheaddesc p.catactivetitle {
margin-bottom: 30px;
text-transform: uppercase;
color: inherit;
}
.pfgoldborderh.categoryvertdiv {
width: 55%;
top: 655px;
}
.pfshopcatborderv {
right: 50%;
top: 8%;
height: 97%;
}
.shopproddiv {
margin-top: 0;
padding-top: 100px;
}
.shopallproddiv {
margin-bottom: 40px;
}
.shopproddiv .pftitle h2 {
margin-bottom: 70px;
}
.shopproddiv .shopallproddiv .lt1 {
display: none;
}
.products-shopall .catname {
font-size: 14px;
margin: 20px auto;
font-weight: 700;
text-transform: uppercase;
}
.shopallproddiv .products-grid .product .product_name {
font-size: 14px;
margin: 20px 0 10px;
color: #645E5C;
text-transform: uppercase;
font-weight: 700;
}
.products-shopall .cat_product a:focus,
.products-shopall .cat_product a:hover {
text-decoration: none;
}
.products-shopall .product {
margin-bottom: 70px;
}
.pfsortingdiv {
margin-bottom: 40px;
}
#sortbytext {
display: none;
}
.pfsortingdiv select {
outline: 0;
border-radius: 0;
padding: 10px 10px 10px 0;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #98959B;
}
.pfsortingdiv select option {
text-transform: uppercase;
}
/*
.pfsortingdiv select option:checked,
.pfsortingdiv select option:active,
.pfsortingdiv select option:focus,
.pfsortingdiv select option:hover {
outline: 0;
background: #B9AA9B;
color: #FFFFFF;
}*/
#product_listing_sortby_box { text-align: right;}
.shoppromisediv {
margin: 40px auto 130px;
}
.shoppromisediv .pftitle h2 {
margin-bottom: 70px;
}
.shoppromisediv .pfdivbtn .pfbtn,
.shopinfusediv .pfdivbtn .pfbtn {
margin: 0 auto;
}
.shopallpromisediv h3 {
margin-bottom: 40px;
}
/*.shopallpromisediv div.col-md-3:first-child h3,
.shopallpromisediv div.col-md-3:last-child h3 {
margin-bottom: 67px;
} */
.shopallproddiv .products-shopall .product .product_pic_div .prodslidxplr {
display: none;
}
.shopallproddiv .products-shopall .product .product_pic_div .prodslidxplr.xplr {
display: block;
}
.shopallproddiv .products-shopall .products-grid {
margin-bottom: 0;
}
.shopinfusediv .pftitle {
margin: 40px auto 60px;
}
.shopallinfuselifediv {
margin-bottom: 200px;
}
.pfabtfounder p {
margin-bottom: 30px;
}
.pfabtfounder h2 {
margin-bottom: 40px;
font-size: 36px;
}
.pfabtfounder h2 + p {
margin-bottom: 40px;
}
.pfabtfounder {
padding-bottom: 100px;
}
.pfaboutborderv {
right: 0;
bottom: 0;
}
.abtintactdiv {
margin: 75px 0 100px;
}
li#catnavblog.abtremoveborder {
border: 0 !important;
}
.abtintactdiv .pftitle {
margin-bottom: 80px;
}
.abtint .abtintimg,
.deptbox .deptboximg {
text-align: left;
margin-bottom: 50px;
}
.abtint .abtintimg img,
.deptbox .deptboximg img {
width: auto;
margin: 0;
}
.abtinttext p.iesfont-color1:first-child,
.deptboxtext p.iesfont-color1:first-child {
margin-bottom:30px;
}
.abtbloglatestimg {
position: relative;
}
.abtbloglatestimg .blog_post_pic_bg {
min-height: 590px;
}
.abtbloglatestimg .pfblogbluebox {
position: absolute;
height: 60%;
width: 70%;
border: 1px solid #AEDFE6;
}
.abtlatestnewsdiv {
margin-bottom: 150px;
}
.abtlatestnewsdiv .pftitle {
margin: 50px 0 75px;
}
.pfaboutblogborder {
left: 4%;
}
.abtbloglatest {
margin-top: 30px;
}
.abtbloglatest h3 {
margin-bottom: 50px;
}
.abtblogpostfetch .blog_post_namewithlink {
font-size: 36px;
font-style: normal;
text-transform: uppercase;
margin-bottom: 50px;
}
.abtbloglatest h1 {
margin-bottom: 30px;
}
.abtbloglatest h1 + p {
margin-bottom: 40px;
}
.abtblogpostfetch .pfdivbtn {
margin-top: 30px;
}
.abtwhydiv .abtwhywhattext h3 {
margin-bottom: 40px;
}
.abtwhydiv .abtwhywhattext .pftitle {
margin-bottom: 70px;
}
.pfcategorybottom.pfcareerdiv {
padding: 0;
}
.pfcareerborderv {
right: 50%;
top: 5%;
height: 100%;
}
.pffrontrewd .pfherobox {
padding-bottom: 0;
padding-top: 0;
}
.pffrontrewd .pfherobox p {
margin-top: 30px;
}
.pffrontrewd .pfherobox .pfdivbtn {
margin: 20px 0 50px;
}
.frontherostepsdiv h2 {
margin-bottom: 20px;
font-size: 36px;
}
.frontherostepsdiv {
margin-bottom: 30px;
}
.frontstp1 .frontstptitle {
border-bottom: 3px solid #8E7143;
border-top: 0;
border-left: 0;
border-right: 0;
}
.frontstp2 .frontstptitle {
border-bottom: 3px solid #B7A99A;
border-top: 0;
border-left: 0;
border-right: 0;
}
.frontstp3 .frontstptitle {
border-bottom: 3px solid #D7D7D7;
border-top: 0;
border-left: 0;
border-right: 0;
}
.frontstptitle {
margin-bottom: 15px;
}
.frontstep a:focus,
.frontstep a:hover {
text-decoration: none;
}
.frontherosteps .frontstptitle h2 {
margin-bottom: 15px;
}
.waysearnptsdiv {
margin: 100px 0 60px;
}
.waysearnptsdiv .pftitle {
margin-bottom: 50px;
}
.waysearnboxdiv .earnptbox {
margin-bottom: 15px;
}
.waysearnboxdiv .earnptbox:nth-child(7) .ptsearned {
margin-bottom: 9px;
}
.waysearnboxdiv .earnptbox > div {
height: 300px;
}
.waysearnboxdiv .bordertopgold {
border-top: 3px solid #8E7143;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.waysearnboxdiv .bordertopblk {
border-top: 3px solid #231f20;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.waysearnboxdiv h2, .waysearnboxdiv p {
display: inline-block;
margin-right:5px;
}
.earnptbox .ptsearned {
margin: 60px 0 70px;
}
.earnptbox .ptsmethod {
margin-bottom: 60px;
}
.vipprogdiv {
margin: 60px 0;
}
.vipprogdiv .pftitle {
margin-bottom: 60px;
}
.pfearnptsborder {
left: 0;
top: 120px;
width: 53%;
}
.vipprogtableheadr {
margin-bottom: 20px;
}
.vipprogtablerow {
border-bottom: 1px solid #F6F6F6;
border-top: 0;
border-left: 0;
border-right: 0;
overflow:hidden;
}
.vipprogtabletd p {
padding-top: 15px;
}
.vipprogtabletd {
padding-bottom: 100%;
margin-bottom: -100%;
}
.redeemptsdiv {
margin-top: 60px;
}
.redeemptsdiv .pftitle {
margin-bottom: 40px;
}
.redeemptsbreakbtn {
margin-bottom: 120px;
}
.redeemptsbreakbtn .pfdivbtn .pfbtn {
margin: 0 auto;
}
.pfpage .pfgoldborderv.pfcatbotborder {
/*height: 95%;*/
right: 27px;
}
.pffrontsubsave .pfherobox h1 {
margin-bottom: 40px;
}
.pffrontsubsave .pfherobox {
padding-bottom: 80px;
}
.pffrontsubsave .frontherostepsdiv h1 {
margin-bottom: 50px;
}
.pffrontsubsave .frontherostepsdiv .frontstptitle h2,
.pffrontsubsave .frontherostepsdiv .frontstptitle h3 {
display:inline-block;
}
.pffrontabt { margin-top: -120px; /*min-height: 100vh;*/ height: 100vh; margin-bottom: -20px; overflow: hidden; }
.public-content-wrapper .pffrontabt { margin-top: -20px; }
.pffrontabt .pffrontheroimg { background-size: cover !important; min-height: auto; height: 100%; }
.pffrontabt .pffrontheroimg img { opacity: 0 !important; }
.substncdiv {
margin-top: 100px;
}
.substncdiv .pftitle {
margin-bottom: 70px;
}
ul.substncli {
margin-bottom: 130px;
}
ul.substncli li {
margin-bottom: 5px;
}
.pflinktxt {
margin-top: 30px;
}
.pflinktxt a {
padding-bottom: 7px;
border-bottom: 2px solid;
border-top: 0;
border-left: 0;
border-right: 0;
line-height: 2.5em;
}
.pflinktxt a:focus,
.pflinktxt a:hover {
text-decoration: none;
color: #8E7143;
border-bottom: 2px solid #8E7143;
}
.pfpartnershippg {
margin-bottom: 100px;
}
.pfpartnershippg .pftitle {
margin-bottom: 70px;
}
.partnerdiv .pftitle {
margin: 60px 0 40px;
}
.partnerdiv#affiliate .pfdivbtn {
margin-top: 378px;
}
.partnerdiv#ambassadorship .pfdivbtn {
margin-top: 152px;
}
.pfwholesaleprogram .pfherobox h1 {
margin-bottom: 40px;
}
.pfwholesaleprogram .pfherobox {
margin-bottom: 90px;
padding-bottom: 0;
}
.pfwholesaleprogram .pfherobox .pfdivbtn {
margin-top: 50px;
margin-bottom: 0;
}
.pfwholesaleprogram .frontstep .frontstptitle {
padding-bottom: 10px;
}
.wholsalewhy {
margin: 100px auto;
}
.wholsalewhydiv .pftitle {
margin-bottom: 40px;
}
ul.wholesalewhylist {
padding-left: 0;
list-style-type: none;
}
.wholsalewhyicondiv {
margin-bottom: 40px;
}
.wholsalewhyicondiv img {
width: auto !important;
max-width: auto !important;
}
.wholsaleprogprom .pftitle {
margin-bottom: 80px;
}
.wholesalepromisediv h3 {
margin-bottom: 40px;
}
.pfwholesaleapplication .pfherobox {
padding-bottom: 80px;
}
.wholesaleapplicationtextdiv {
margin-bottom: 90px;
}
.wholesaleapplicationtextdiv .pftitle {
margin-bottom: 60px;
}
.pfwholesaleapplication .wholesaleapplicationformdiv {
margin-bottom: 150px;
}
/* wholesale tooltips icon tootip */
.proddescicondiv {
margin-top: 20px;
margin-bottom: 30px;
}
/* Tooltip container */
.pftooltip {
position: relative;
display: inline-block;
}
.prodicon {
margin-bottom: 20px;
}
.prodicon img {
max-width: 80px;
}
/* Tooltip text */
.pftooltip .tooltiptext {
visibility: hidden;
width: 260px;
padding: 12px 10px;
border-radius: 0;
/* Position the tooltip text */
position: absolute;
z-index: 1;
top: -80%;
left: 200%;
margin-left: -75px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 0.3s;
}
/* Tooltip arrow */
.pftooltip .tooltiptext::after {
content: "";
position: absolute;
top: 50%;
right: 100%;
margin-top: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent #D7D7D7 transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.pftooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.application1form .pfdivbtn.wholesalebtn input {
background: #000000;
}
.application1form select {
width: 100%;
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #B7A99A;
padding: 10px 0;
margin-bottom: 20px;
outline: 0;
}
.application1form .pfgroupcheckbox {
margin-bottom: 20px;
}
.application1form .pfcheckdiv .pfcheck {
border: 1px solid #B7A99A;
}
.wholesaleapplicationform .pfcheckdiv label {
margin-top: 0;
}
/* ===== Contact Forms ===== */
.pfcontactborder.pfcatbotborder {bottom: -35px;}
.contactformtop .pftitle.text-center {
margin-bottom: 80px;
}
.contactformdiv input,
.contactformdiv textarea {
width: 100%;
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #B7A99A;
padding: 10px 0;
margin-bottom: 20px;
outline: 0;
}
.contactformdiv input[type=radio] {
opacity: 0;
height: 20px;
width: 20px;
z-index: 2;
position: absolute;
}
.contactformdiv .pfdivbtn.contactbtn input {
background: #000000;
}
.contactformdiv .pfdivbtn {
margin: 80px 0 100px;
}
.custservtext {
margin-bottom: 70px;
}
.custservtext .pftitle, .contactformdiv .pftitle {
margin-bottom: 30px;
}
.contactdeptdiv {
padding-top: 100px;
padding-bottom: 90px;
}
.contactformdiv {
margin-top: 100px;
}
.contactfaq {
margin-bottom: 100px;
}
.contactfaq h2 {
margin-bottom: 60px;
}
.curri-title {
padding: 30px 0;
cursor: pointer;
}
.curri-title h4 {
display: inline-block;
}
.curri-title i.fa {
float: right;
}
.curri-title .fa.rotate {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.curri-sub {
border-bottom: 1px solid #B9A99A;
border-top: 0;
border-right: 0;
border-left: 0;
}
.curri-hide {
color: #645E5C;
}
.pfblkborderh.contactvdiv {
bottom: 0;
}
.contact2txtbox {
margin-bottom: 90px;
}
.contact2txtbox .pftitle {
margin-bottom: 40px;
}
.contact2sect2txtdiv .pftitle {
margin: 40px 0 80px;
}
.pfcatbotborder.contact2border {
top: -70px;
right: 50% !important;
}
.pfgroupcheckbox .pfcheckdiv {
font-size: inherit;
}
.pfgroupcheckbox .pfcheckdiv label {
margin-top: 1px;
}
.pfgroupcheckbox .pfcheckdiv .pfcheck {
border: 1px solid #B7A99A;
}
.pfgroupcheckbox p.checkimpt {
color: red;
}
/* ===== MINI CART ===== */
.cartquantity {
position: absolute;
background: #405133;
border: 1px solid #ffffff;
border-radius: 50px;
color: #FFFFFF;
/*padding: 1% 10px;*/
padding: 0 10px;
/*top: 3px;*/
top: -8px;
font-size: 11px;
}
.cartpanel.navmenu-default, .cartpanel.navbar-default.navbar-offcanvas { background: #FAFAFA;}
.cartpanel { max-width: 85%; min-width: 450px; position: fixed; z-index: 10;}
.cartpanel.navmenu-default, .cartpanel.navbar-default.navbar-offcanvas { }
.pfcartsection { position: relative;}
#cart-collapse { right: 0; overflow-x: hidden;}
.cart-header {
padding-top: 30px;
}
.cart-header h4 {
margin-bottom: 50px;
}
.cart-header i {
float: left;
margin-left: 5px;
margin-top: 2px;
font-size: 1.1em;
color: #999;
cursor: pointer;
}
.cart-header .cartclose {
float: left;
margin-left: 15px;
margin-top: 2px;
font-size: 1.1em;
color: #999;
cursor: pointer;
/*border:1px solid #999;*/
padding: 1px 0;
line-height: .95;
}
.cart-header .cart-total-qty {
float: right;
}
.cart-header .cart-total-qty #cart-qty-num {
background-color: #676D56;
padding: 30% 15px;
border-radius: 50px;
}
a.checkout-btn {
background-color: #676D56;
color: #ffffff;
text-align: center;
padding: 8px 5px;
text-decoration: none;
border-radius: 50px;
display: block;
margin-bottom: 20px;
}
a.checkout-btn:hover, a.checkout-btn:focus {
color: #ffffff;
text-decoration: none;
background: #8E7143;
}
.hara-checkout a:hover { color: #98959B;}
.cd-cart-items {
margin: 0;
padding: 0 30px 150px;
}
.cd-cart-content {
position: relative;
height: 100vh;
}
.pfcarttotal {
margin-top: 20px;
border-top: 1px solid #D7D7D7;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.pfcartbtn {
position: fixed;
bottom: 0;
width: 100%;
max-width: 450px;
background: #FAFAFA;
}
.cart-item {
display: inline-block;
border-bottom: 1px solid #D7D7D7;
padding: 20px 0;
}
.cart-item:last-child { border: none;}
.cart-item-img {
cursor: pointer;
}
.cart-item-name {
}
.cart-item-price {
text-align: right;
}
.cart-item-qty {
margin-top: 10px;
}
.pfcarttprice {
text-align: right;
}
.view-cart {
cursor: pointer;
position: relative;
padding: 15px 0 0;
display: inline-block;
margin-bottom: 15px;
border-bottom: 1px solid;
}
.pfsubtotal {
padding-top: 15px;
text-align: right;
}
.view-cart:focus,
.view-cart:hover {
text-decoration: none;
}
.hara-cart-total {
padding-left: 30px;
padding-right: 30px;
}
.checkout-btns { padding-top: 12px; padding-bottom: 10px;}
.cart-description img { width: 100%;}
/* ===== Category listing ===== */
.pfprodlist .product a img:focus, .pfprodlist .product a img:hover {opacity: 1;}
.page_description_top {
position: absolute;
z-index: 0;
top: 0;
width: 100%;
}
.page_description_top img {
max-width: 100%;
width: 100%;
height: auto;
}
#pfpagehead {
padding-top: 30px;
font-size: 30px;
}
.pfpage h3 { font-family: 'League Spartan', sans-serif; font-weight: 600; }
.pfcatlist {
height: 900px;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
}
.products-grid .product_name {
display: block;
margin: 50px 0 40px;
font-size: 28px;
line-height: 1em;
}
.products-grid .product_description {
margin-bottom: 40px;
}
.product {
display: inline-block;
overflow: hidden;
padding-top: 10px;
margin-bottom: 50px;
}
.product_pic_div {
vertical-align: middle;
text-align: center;
}
.product_pic_div img:before {
display: inline-block;
vertical-align: middle;
}
.product_pic_div img {
max-height: 100%;
overflow-y: hidden;
max-width: 100%;
position: relative;
margin: 0 auto;
}
.products-grid { display: inline-block; width: 100%; margin-bottom: 120px;}
#cat_product_listing { width: 100%;}
#onsale_product_listing { width: 100%;}
.pagingdiv {
margin-top: 30px;
}
.paging_outer {
list-style-type: none;
float: right;
padding: 0;
}
.paging_outer li {
text-align: center;
float: left;
}
.paging_outer li a {
padding: 12px 20px;
border: 1px solid #B7A99A;
color: #B7A99A;
}
.paging_outer li.activeclass a {
border: 1px solid #B7A99A;
background: #B7A99A;
color: #ffffff;
}
.products-grid .carttext { display:none;}
.carttext a {
text-align: center;
text-transform: uppercase;
margin: 40px 0;
padding: 10px 5px;
width: 70%;
border-radius: 50px;
max-width: 300px;
display: block;
}
.click_link a {
/*background: #676D56;*/
background: #fb9333;
color: #ffffff;
text-align: center;
text-transform: uppercase;
margin: 40px 0;
padding: 8px 5px;
width: 70%;
max-height: 40px;
border-radius: 50px;
max-width: 300px;
display: block;
}
.click_link a:focus,
.click_link a:hover,
.carttext a:focus,
.carttext a:hover {
color: #FFFFFF;
text-decoration: none;
background: #8E7143;
}
.product_original_price {
text-align: center;
color: #645E5C;
text-decoration: line-through;
}
.catlisting {
padding-top: 30px;
}
.cat_list {
display: inline-block;
margin-bottom: 50px;
text-align: center;
width: 49%;
padding-right: 15px;
}
.cat_img img { margin: 0 auto; width: 100%;}
#breadcrumbs, .category_breadcrumbs { display: none;}
.category-bread #breadcrumbs > h1, .category-bread #maindesc > h1 {
text-align: left !important;
font-weight: 300 !important;
font-size: 1em !important;
}
.page_description_main,
.page_description_bottom {
position: relative;
}
.pfcatbottom {
height: 0;
line-height: 0;
border: 0;
margin: -1px;
}
.pfcatbotleft {
padding-top: 120px;
padding-bottom: 150px;
}
.pfcatbotleft img {
width: 100%;
}
.pfcatbotleft .catulist {
padding-top: 150px;
}
.pfcatbotleft .catulist ul {
list-style-type: none;
padding-left: 0;
}
.pfcatbotleft .catulist li {
margin-bottom: 40px;
}
.pfcatbotright {
padding-top: 160px;
}
.pfcatbotright h3 {
margin-bottom: 40px;
}
.pfcatbotright h2 {
/*font-size: 40px;*/
margin-bottom: 50px;
}
.pfcatbotright .pfdivbtn {
margin-bottom: 100px;
}
.pfcatbotborder {
right: 25px;
bottom: -100px;
/*height: 95%;*/
}
.pfcategorybottom {
padding-top: 40px;
overflow: hidden;
}
.pfsameheight {
padding-bottom: 100%;
margin-bottom: -100%;
}
.prodpage {
position: relative;
z-index:0;
}
/* ====== Support Help Pages ====== */
.pfhelpsupportpg .pftitle {
margin-bottom: 80px;
}
.pfsupporttxt h2 {
margin-bottom: 40px;
}
.helpheaddiv {
padding-top: 80px;
padding-bottom: 70px;
border-right: 3px solid #231f20;
border-left: 0;
border-top: 0;
border-bottom: 0;
}
.helphead ul.helpheadlinks {
padding-left: 0;
list-style-type: none;
margin-top: 40px;
}
ul.helpheadlinks li {
text-transform: uppercase;
font-weight: 700;
padding-top: 20px;
padding-bottom: 20px;
}
ul.helpheadlinks li a {
padding-top: 20px;
padding-bottom: 20px;
font-size: 13px;
}
ul.helpheadlinks li a.linkactive {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid;
}
ul.helpheadlinks li a:focus,
ul.helpheadlinks li a:hover {
color: #000000;
}
.pfprivacydiv,
.pfshippingdiv,
.pftncdiv,
.pffaqdiv {
margin-bottom: 100px;
}
.pfprivacydiv .pfprivacytxt h2,
.pftncdiv .pfsupporttxt h2 {
margin-bottom: 20px;
}
.pfprivacydiv .pfprivacytxt p.bolder,
.pftncdiv .pfsupporttxt p.bolder {
margin-top: 40px;
}
.pfcategorybottom.pfshippingpg {
padding-top: 0;
}
/* ====== Blog Knowledge is Power ====== */
.blog_post {
margin-bottom: 30px;
padding-right: 15px;
position: relative;
float: left;
width: 100%;
}
.blog_post_pic_bg {
min-height: 300px;
background-size: cover !important;
background-position: center !important;
cursor: pointer;
overflow: hidden;
position: relative;
}
.blog_post .blog_post_pic_bg .postimgbg {
width: 100%;
height: 100%;
}
.blog_post_pic_bg:hover {
opacity: .85;
}
.blog_post_pic {
position: relative;
z-index: 0;
display: inline-block;
}
.blog_post_pic img {
display:block;
max-width: 100%;
width: 100%;
}
.blog_post_category {
position: relative;
}
.blog_post_author {
font-weight: 700;
color: #645E5C;
display: inline-block;
margin-right: 40px;
margin-top: 20px;
position: relative;
}
.blog_post_date {
font-weight: 700;
color: #CACACA;
display: inline-block;
margin-top: 10px;
position: relative;
}
.blog_post_namewithlink {
font-family:'EB Garamond', Times, serif;
font-weight: 400;
font-style: italic;
line-height: 1.2em;
position: relative;
}
.blog_post_namewithlink a:hover {
color: #8F7242;
}
.blogcatread a {
border-bottom: 1px solid;
border-top: 0;
border-left: 0;
border-right: 0;
padding-bottom: 3px;
font-weight: 700;
}
.blogcatread a:hover {
}
.catblog {
margin-bottom: 50px;
min-height: 900px;
}
.catblog .pftitle h3 {
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.catblog .pftitle h3:hover {
color: #8F7242;
}
.catblog .blog_post {
padding-right: 0;
}
.catblog .blog_post .blog_post_namewithlink {
font-size: 21px;
color: #645E5C;
}
.catblog .blog_post:first-child .blog_post_namewithlink {
font-size: 30px;
color: #FFFFFF;
}
.catblog .blog_post_author {
display: none;
}
.catblog .blog_post:first-child .blog_post_author {
display: inline-block;
color: #FFFFFF;
}
.catblog .blog_post:first-child .blog_post_date {
color: #FFFFFF;
}
.catblog .blog_post:first-child .blog_post_details {
position: absolute;
bottom: 30px;
width: 100%;
}
.catblog .blog_post:first-child {
position:relative;
width: 100%;
}
.catblog .blog_post .blog_post_pic {
width: 30%;
float: left;
}
.catblog .blog_post .blog_post_pic_bg {
min-height: 100px;
width: 30%;
float: left;
}
.catblog .blog_post .blog_post_details {
width: 70%;
padding-left: 15px;
padding-right: 15px;
float: left;
}
.catblog .blog_post_pic a {
width: 100%;
height: 100%;
}
.catblog .blog_post.postnoimg:first-child .blog_post_details {
position: relative;
bottom: auto;
padding-left: 0;
}
.catblog .blog_post.postnoimg:first-child .blog_post_namewithlink,
.catblog .blog_post.postnoimg:first-child .blog_post_author,
.catblog .blog_post.postnoimg:first-child .blog_post_date{
color: inherit;
}
.catblog .blog_post:first-child .blog_post_pic,
.catblog .blog_post:first-child .blog_post_pic_bg {
width: 100%;
min-height: 300px;
position: relative;
}
.catblog .blog_post:first-child .blog_post_pic_bg .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
/*.catblog .blog_post:first-child .blog_post_pic_bg:hover {
opacity: .8;
-moz-transition:0.3s all;
-o-transition:0.3s all;
}*/
.latestblogsection {
margin-bottom: 100px;
}
.latestblogsection .pftitle {
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.latestblogsection .pftitle h3 {
display: inline-block;
font-size: 30px;
}
ul.blogcatli {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 10px 0 0;
float: right;
width: 80%;
text-align: right;
}
ul.blogcatli li {
display: inline-block;
font-weight: 700;
color: #8E7143;
margin-left: 4%;
cursor: pointer;
}
.latestblogsection .blog_post_author {
display: none;
}
.latestblogsection .blog_post_namewithlink {
font-size: 20px;
}
.latestblogsection .blog_post {
width: 50%;
float: left;
}
.latestblogsection .blog_post .blog_post_pic {
width: 30%;
float: left;
}
.latestblogsection .blog_post .blog_post_pic_bg {
min-height: 100px;
width: 30%;
float: left;
}
.latestblogsection .blog_post .blog_post_details {
width: 70%;
padding-left: 15px;
float: left;
}
.latestblogsection .blog_post:first-child {
height: 550px;
}
.latestblogsection .blog_post:first-child .blog_post_details {
width: 100%;
padding-left: 0;
margin-top: 7px;
}
.latestblogsection .blog_post:first-child .blog_post_namewithlink {
font-size: 30px;
}
.latestblogsection .blog_post:first-child .blog_post_author {
width: auto;
}
.latestblogsection .blog_post:first-child .blog_post_date {
display: inline-block;
}
.latestblogsection .blog_post:first-child .blog_post_pic,
.latestblogsection .blog_post:first-child .blog_post_pic_bg {
width: 100%;
height: 300px;
}
.latestblogsection .blog_post_pic a {
width: 100%;
height: 100%;
}
/*
.latestblogsection .blog_post:first-child .blog_post_pic .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.latestblogsection .blog_post:first-child .blog_post_pic a:hover {
opacity: .2;
-moz-transition:0.3s all;
-o-transition:0.3s all;
}*/
.featblogsection {
margin-bottom: 60px;
}
.featblogsection .blog_post_pic a {
width: 100%;
height: 100%;
}
.featblogsection .blog_post_pic_bg .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
/*
.featblogsection .blog_post_pic a:hover {
opacity: .2;
-moz-transition:0.3s all;
-o-transition:0.3s all;
}*/
.featblogsection .blog_post:first-child {
width: 50%;
float: left;
}
.featblogsection .blog_post:first-child .blog_post_pic_bg {
height: 615px;
}
.featblogsection .blog_post .blog_post_details {
bottom: 30px;
position: absolute;
width: 100%;
padding-right: 15px;
}
.featblogsection .blog_post .blog_post_category {
text-transform: uppercase;
font-weight: 700;
color: #FFFFFF;
padding-left: 15px;
}
.featblogsection .blog_post .blog_post_author,
.featblogsection .blog_post .blog_post_date {
display: none;
color: #FFFFFF;
padding-left: 15px;
}
.featblogsection .blog_post .blog_post_namewithlink {
color: #FFFFFF;
padding-left: 15px;
padding-right: 15px;
}
.featblogsection .blog_post:first-child .blog_post_namewithlink {
font-size: 36px;
}
.featblogsection .blog_post:first-child .blog_post_author,
.featblogsection .blog_post:first-child .blog_post_date {
display: inline-block;
}
.featblogsection .blog_post:nth-child(2) {
width: 50%;
float: left;
margin-bottom: 15px;
}
.featblogsection .blog_post:nth-child(2) .blog_post_namewithlink {
font-size: 30px;
}
.featblogsection .blog_post:nth-child(3) .blog_post_namewithlink,
.featblogsection .blog_post:nth-child(4) .blog_post_namewithlink {
font-size: 30px;
}
.featblogsection .blog_post:nth-child(3) {
width: 25%;
float: left;
}
.featblogsection .blog_post:nth-child(4) {
width: 25%;
float: left;
}
.socialblogsection .pftitle {
color: #645E5C;
padding-bottom: 11px;
border-bottom: 3px solid #B7A99A;
margin-bottom: 30px;
}
.socialblogdiv {
margin-bottom: 90px;
}
.socialmediadiv {
margin: 10px 0;
}
/*
.socialmediadiv .mediaicon a {
background: #B7A99A;
padding: 3px 7px;
border-radius: 50px;
font-size: 2em;
color: #F6F6F6;
}
.socialmediadiv .mediaicon a.facebook {
padding: 3px 13px 3px 10px;
}
.socialmediadiv .mediaicon a.facebook:hover i {
background: 0;
}
*/
.socialmediadiv .mediacount {
color: #8E7143;
font-weight: 700;
margin-top: 10px;
}
.socialmediadiv .medialink {
text-align: right;
margin-top: 10px;
}
.socialmediadiv .medialink a {
color: #8E7143;
font-weight: 700;
}
.socialmediadiv .mediaicon a.linkedin img {
width: 41px;
height: 40px;
}
.socialmediadiv .mediaicon a.twitter img {
width: 45px;
height: 40px;
}
.socialmediadiv .mediaicon a.insta img {
width: 41px;
height: 40px;
}
.socialmediadiv .mediaicon a.fb img {
width: 43px;
height: 40px;
}
.newsblogdiv .pfnewsletter {
padding-top: 0;
padding-bottom: 0;
}
.newsblogdiv .pfcheckdiv label {
color: initial;
}
.getxtprtdiv.catblog {
min-height: auto;
}
.getxtprtdiv.catblog .pftitle h3 {
border-bottom: 3px solid #B7A99A;
}
.xtprtimg {
margin-bottom: 30px;
}
.getxtprtdiv .pfdivbtn {
margin-top: 30px;
}
.botfeatblogsection {
margin-bottom: 120px;
}
.botfeatblogsection h3 {
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #DFC4A4;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.botfeatblogimg img {
width: 100%;
max-width: 100%;
}
.botfeatblogimg a:hover {
opacity: .85;
}
/* blog category page */
.blogbreadbrumbs {
position: absolute;
z-index: 1;
margin-top: 5px;
color: #655F5E;
font-size: 10px;
text-transform: uppercase;
padding-left: 30px;
font-weight: 700;
}
.blogbreadbrumbs a:focus,
.blogbreadbrumbs a:hover {
color: #8F7242;
}
.pfblogcatpg .pftitle h1 {
font-size: 30px;
margin-top: 25px;
margin-bottom: 35px;
}
.catfeatblogsection .blog_post {
width: 50%;
float: left;
margin-bottom: 15px;
}
.catfeatblogsection .blog_post_pic_bg {
min-height: 615px;
}
.catfeatblogsection .blog_post_pic_bg .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.catfeatblogsection .blog_post .blog_post_details {
color: #FFFFFF;
bottom: 30px;
position: absolute;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.catfeatblogsection .blog_post_namewithlink {
font-size: 36px;
}
.catfeatblogsection .blog_post .blog_post_author,
.catfeatblogsection .blog_post .blog_post_date {
color: #FFFFFF;
}
.catbloglist {
margin-top: 40px;
}
.catbloglist .catblogli {
margin-bottom: 120px;
}
.catbloglist .catblogli .blog_post {
width: 50%;
float: left;
margin-bottom: 40px;
}
.catbloglist .catblogli .blog_post:first-child,
.catbloglist .catblogli .blog_post:nth-child(2) {
display: none;
}
.catbloglist .catblogli .blog_post_pic_bg {
min-height: 200px;
}
.catbloglist .catblogli .blog_post_namewithlink {
font-size: 20px;
margin-top: 10px;
}
.catbloglist .catblogli .blog_post_author {
color: #CACACA;
}
.catbloglist .catblogli .blog_post_details {
min-height: 95px;
}
.othercatblogsection {margin-bottom: 120px;}
.othercatblogdiv .pftitle {
margin-bottom: 0;
}
.othercatblogdiv .pftitle h3 {
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.othercatlink {
margin-top: 20px;
}
.othercatlink h3:hover {
color: #8F7242;
}
.othercatdiv {
margin-bottom: 20px;
}
.othercatblogdiv {
margin-bottom: 35px;
}
.newsblogdiv .pftitle {
color: #645E5C;
padding-bottom: 11px;
border-bottom: 3px solid #B7A99A;
border-top: 0;
border-left: 0;
border-right: 0;
margin-bottom: 35px;
}
.newsblogdiv .pftitle h3 {
font-size: 30px;
}
/* blog post page */
.row.clearfix.iessnippet-basic {
margin-right: 0 !important;
margin-left: 0 !important;
}
.pfblogmainpg .pftitle {
padding-top: 25px;
margin-bottom: 35px;
}
.pfblogmainpg .pftitle h1 {
font-size: 30px;
}
.blognormwidth .blogpostauthor,
.blognormwidth .blogpostdate {
color: #98959B;
}
.pfblogsecttop .blognormwidth {
margin-bottom: 50px;
}
.blogpostimg {
height: 800px;
}
.blogpostimg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(right, rgba(250,250,250,0.2) 0%,rgba(250, 250, 250, .8) 100%);
background: -webkit-gradient(linear, right, left, color-stop(0%,rgba(250, 250, 250, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(right, rgba(250,250,250,0.2) 0%,rgba(250, 250, 250, .8) 100%);
background: -o-linear-gradient(right, rgba(250,250,250,0.2) 0%,rgba(250, 250, 250, .8) 100%);
background: -ms-linear-gradient(right,rgba(250,250,250,0.2) 0%,rgba(250, 250, 250, .8) 100%);
background: linear-gradient(to left, rgba(250,250,250,0.2) 0%,rgba(250, 250, 250, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.pfblogsecttop {
position:relative;
z-index:1;
}
.blogherotext .pfbloginfotxt {
padding-bottom: 0;
}
.blogherotext .pfbloginfotxt h1 {
font-size: 36px;
}
.blogherotext .blogpostitle {
margin-bottom: 20px;
}
.blogherotext .blogpostauthor {
margin-right: 30px;
}
.blogherotext .blogpostexcerpt {
margin-top: 50px;
}
.blogpostlatestdiv .pftitle h3 {
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.blogpostlatestlist .blog_post .blog_post_namewithlink {
font-size: 20px;
}
.blogpostlatestlist .blog_post_author {
display: none;
}
.blogpostlatestlist .blog_post_pic {
width: 30%;
float: left;
}
.blogpostlatestlist .blog_post {
padding-right: 0;
}
.blogpostlatestlist .blog_post_pic_bg {
min-height: 100px;
width: 30%;
float: left;
}
.blogpostlatestlist .blog_post_details {
width: 70%;
float: left;
padding-left: 15px;
}
.blogpostlatestlist .blog_post:first-child .blog_post_author {
display: inline-block;
color: #FFFFFF;
}
.blogpostlatestlist .blog_post:first-child .blog_post_date {
display: inline-block;
color: #FFFFFF;
}
.blogpostlatestlist .blog_post:first-child .blog_post_pic_bg {
width: 100%;
min-height: 300px;
}
.blogpostlatestlist .blog_post:first-child .blog_post_details {
width: 100%;
padding-right: 15px;
position: absolute;
bottom: 10px;
}
.blogpostlatestlist .blog_post:first-child .blog_post_namewithlink {
font-size: 30px;
color: #FFFFFF;
}
.blogpostlatestlist .blog_post:first-child .blog_post_pic_bg .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.blogpostsection {
margin-top: 40px;
}
.blogfullwidth.blogherotext {
margin-top: 40px;
}
.blogfullwidth .pfblogsharesection {
margin: 20px 0 30px;
}
.blognormwidth .pfblogsharesection {
margin: 7px 0 30px;
}
.pfsnippet-blogbreadbrumbs {
opacity: 0;
z-index:-1;
}
.blogbreadnormwidth {
margin-top: 215px;
}
.pfblogsharesection > p {
font-size: 10px;
line-height: 15px;
}
.pfblogsharediv div.pfblogshare {
display: inline-block;
margin-right: 15px;
margin-bottom: 20px;
text-align: center;
color: #FFFFFF;
background: #808083;
padding: 10px;
height: 35px;
width: 35px;
font-size: 16px;
vertical-align: top;
position: relative;
}
.pfblogsharediv div.pfblogshare.sharefb a {
position: absolute;
top: 0;
left: 0;
padding: 10px;
width: 35px;
height: 35px;
}
.pfblogsharediv div.pfblogshare.sharefb i.fa-facebook {
position: absolute;
top: 10px;
}
.pfblogsharediv div.pfblogshare.sharefb i.fa-facebook:hover {
background: transparent;
}
.pfblogsharediv div.pfblogshare.sharetwitter {
}
.pfblogsharediv div.pfblogshare.sharetwitter a {
padding: 10px;
position: absolute;
top: 0;
left: 0;
}
.pfblogsharediv div.pfblogshare.sharelinkedin button {
opacity: 0;
position: absolute !important;
left: 0;
top: 0;
height: 35px !important;
width: 35px !important;
}
.pfblogsharediv div.pfblogshare.shareemail {
}
.pfblogsharediv div.pfblogshare.shareemail a {
padding: 10px;
position: absolute;
top: 0;
left: 0;
}
.relatedblogpostsection {
margin-top: 200px;
margin-bottom: 60px;
}
.relatedblogpostsection .pftitle h1 {
margin-bottom: 36px;
}
/*
.relatedblogpost .pftitle h3 {
font-size: 30px;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}*/
.relatedblogpostlink .blog_post_category {
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
color: #000000;
padding-bottom: 10px;
border-bottom: 3px solid #000000;
border-top: 0;
border-right: 0;
border-left: 0;
margin-bottom: 30px;
}
.relatedblogpostlink .blog_post {
padding-right: 0;
}
.relatedblogpostlink .blog_post_namewithlink {
font-size: 30px;
}
.relatedblogpostlink .blog_post_details {
padding-left: 15px;
position: absolute;
bottom: 10px;
width: 100%;
}
.relatedblogpostlink .blog_post_details .blog_post_namewithlink,
.relatedblogpostlink .blog_post_details .blog_post_author,
.relatedblogpostlink .blog_post_details .blog_post_date {
color: #FFFFFF;
}
.relatedblogpostlink .blog_post .blog_post_pic_bg .postimgbg:after {
content:'';
position:absolute;
left:0; top:0;
width:100%; height:100%;
display:inline-block;
background: -moz-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0, .8)), color-stop(100%,rgba(250,250,250,0.2)));
background: -webkit-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -o-linear-gradient(top, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: -ms-linear-gradient(top,rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
background: linear-gradient(to bottom, rgba(250,250,250,0.2) 0%,rgba(0, 0, 0, .8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 );
}
.cdb101qlist ul {
padding-left: 0;
margin-bottom: 50px;
display: block;
list-style-type: none
}
.cdb101qlist ul li {
padding-bottom: 10px;
margin-bottom: 30px;
}
.cdb101qlist ul li a:focus,
.cdb101qlist ul li a:hover {
color: #000000;
border-bottom: 1px solid #000000;
border-top: 0;
border-left: 0;
border-right: 0;
}
p.cbd101p {
padding-top: 120px;
}
p.cbd101p:first-child {
padding-top: 0;
}
.checkout-btn a:hover, .checkout-btn a:hover { color: inherit;}
/* view show cart */
.cartpg-div { width: 84%; display: inline-block;}
.shopping-cart-info { width: 100%; margin: 20px auto 0;}
.shopping-cart-title { display: inline-block; width: 100%; margin: 5px auto; margin-top:20px; border-bottom: 1px solid #e0e0e0; color: #9c9c9c;}
.header-name { display: inline-block; width: 46%; text-align: center;}
.header-price-qty { display: inline-block; width: 15%; text-align: center;}
.header-qty { display: inline-block; width: 10%; text-align: center;}
.header-price { display: inline-block; width: 15%; text-align: center;}
.content-item { max-height: 100%;}
.content-item-points { display: inline-block; width: 10%; text-align: center;}
.content-item { display: inline-block; width: 100%; margin: 5px auto;}
.content-item-img { width: 10%; margin: 0; display: inline-block;}
.content-item-img img { max-width: 100%;}
.content-item-name { display: inline-block; padding: 0 2%; width: 40%; margin: 0;}
.content-item-price-qty { display: inline-block; width: 15%; text-align: center;}
.content-item-qty { display: inline-block; text-align: center; width: 10%;}
.content-item-qty input { text-align: center;}
.content-item-price { display: inline-block; width: 15%; text-align: center;}
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 65.5%; display: inline-block;}
.shopping-cart-total-qty { display: inline-block; width: 10%; text-align: center;}
.shopping-cart-total-price { display: inline-block; width: 15%; text-align: center;}
.shopping-cart-apply-discount { margin: 0 auto;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0; text-transform: uppercase; border-radius: 25px; padding: 8px 5px;
width: 300px; font-weight: 400; font-family: "League Spartan", sans-serif; }
.ShowCartChangeQtyBtn { background: #3f3f3f; color: #fff; border: 0;/* border-radius: 2px;*/}
.ShowCartContinueBtn { background: #8a8a8a; color: #fff; border: 0; /*border-radius: 2px;*/}
.shopping-cart-buttons { margin: 40px auto 0; text-align: right;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn{border-radius: 25px; padding: 7px 5px; width: 20%; height: 40px; margin-right: 25px; max-width: 300px; font-weight: 400; text-transform:uppercase;font-family:"League Spartan",sans-serif;}
.mobile-shopping-cart-buttons { text-align: right;margin-bottom: 10px;}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.listing_approx { font-size: .8em; color: #888; }
#shipping_calculator .label { text-align: center;}
.shopping-cart-discount .discount-item { display: inline-block; width: 100%; margin: 2% 0;}
.shopping-cart-discount .discount-info { width: 50%; margin-left: 2%; margin-right: 2%; display: inline-block;}
.shopping-cart-discount .discount-qty { display: inline-block; width: 9%; text-align: center;}
.shopping-cart-discount .discount-remove { display: inline-block; width: 10%; margin: 0 2%; text-align: center;}
.shopping-cart-discount .discount-value { display: inline-block; width: 12%; text-align: center;}
.header-points { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}
.primary_button { border: 0;}
#couponinfo{margin-right: 5px !important;padding:5px;width: 75%;border: 1px solid #8F7242;border-radius: 0;outline: 0;float: left;}
.shopping-cart-apply-discount .cart-apply-discount input#couponinfo[type="text"]::-webkit-input-placeholder {text-transform:uppercase;color:#98959B; font-size: 10px;}
.applycouponid {color: #8F7242; text-decoration: none !important;text-transform: uppercase; border-bottom: 1px solid #8F7242; border-top: 0; border-left: 0; border-right: 0; padding-bottom: 2px;margin-top: 5px; display: inline-block; font-weight: 700;}
a.smokepointsredeemlink {
margin-left: 15px;
text-transform: uppercase;
font-weight: 700;
border: 1px solid;
padding: 7px 30px;
border-radius: 25px;
}
a.smokepointsredeemlink:hover {
background: #8F7242;
border: 1px solid #8F7242;
color: #FFFFFF;
}
/* ========== checkout pop ups ========== */
.pfcheckoutmodal .modal-content {
border-radius: 0;
border: 0;
background: #F6F6F6;
}
.pfmodalcheckoutinnertext {
max-height: 700px;
padding-right: 20px;
overflow-x: hidden;
overflow-y: scroll;
}
.pfmodalcheckoutinnertext p.bolder {
margin-top: 20px;
}
/* credeem points pop up on show cart */
#redeempointsfordiscount a {
background: #000000;
padding: 5px 15px;
border-radius: 50px;
color: #FFFFFF;
text-transform: uppercase;
display: block;
margin-top: -5px;
outline: 0;
}
#redeempointsfordiscount h3 + div {
padding-left: 0 !important;
padding-right: 0 !important;
}
#redeempointsfordiscount .redeempointsfordiscount_close {
border: 1px solid #000000;
padding: 3px 40px;
background: transparent !important;
border-radius: 50px;
text-transform: uppercase;
font-size: 11px;
outline: 0;
}
/* cross sell on show cart */
.shopping-cart-upsell td { padding: 0;}
.upsell_cart_customer_also_bought { font-family: 'EB Garamond', Times, serif;color: #8E7143;font-style: italic; font-size: 36px;
margin: 50px auto 40px;}
.cart_crosssell_product_name {
text-transform: uppercase;
font-size: 14px;
margin: 20px 0 10px;
font-weight: 700;
color: #645E5C;
}
img.crosssellimg_cart { max-width: 500px; max-height: 500px;}
.cart_crosssell_product_price, .cart_crosssell_product_more_details, .cart_crosssell_product_add_to_cart {display: none;}
.cart_crosssell_product { margin-bottom: 120px;}
/* ======== Final Payment Page ========= */
#finalpaymentnewsection > h3 {
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
font-size: 36px;
margin-top: 25px;
margin-bottom: 30px;
}
.orderapprovedcontent {
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #98959B;
border-top: 0;
border-left: 0;
border-right: 0;
}
.finalpaymentdiv1 {
width: 49%;
display: inline-block;
vertical-align: top;
}
.finalpaymentdiv1 h3 {
font-size: 13px;
font-weight: 700;
margin-bottom: 10px;
}
.finalpaymentdiv3 {
width: 35%;
display: inline-block;
vertical-align: top;
}
.orderinfo h3 {
font-size: 13px;
font-weight: 700;
margin-bottom: 10px;
}
.finalpaymentdivshipping,
.finalpaymentdivpaymentmethod,
.finalpaymentdivbilling {
margin-bottom: 30px;
}
.orderinfo {
margin-bottom: 78px;
}
.finalpaymentdiv2 {
border-top: 1px solid #98959B;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.finalpaymenttotalitems {
display: none;
}
.finalpaymentorderitems {
margin: 20px auto;
width: 60%;
}
.finalpaymentorderitems tr.orderitems {
border-bottom: 1px solid #98959B;
border-top: 0;
border-left: 0;
border-right: 0;
}
.ordersummaryinfo {
width: 60%;
margin: 20px auto 0;
}
.ordertotalinfo {
width: 60%;
margin: 10px auto;
font-weight: 700;
}
@media only screen and (max-width: 800px){
.ShowCartContinueBtn, .ShowCartChangeQtyBtn { width: 25%;}
}
@media only screen and (max-width: 700px){
.content-item-price-qty, .header-price-qty { display: none;}
.shopping-cart-discount .discount-qty { display: none;}
.header-name { width: 45%; padding-left: 0;}
.header-qty { width: 15%;}
.content-item-qty { width: 15%;}
.content-item-price { width: 20%;}
.content-item-points { font-size: .9em; width: 15%;}
.cart_remove2 { float: left; font-size: .7em; margin-top: 7px;}
.content-item-qty input { width: 55%; float: left;}
.shopping-cart-info { margin: 0;}
.shopping-cart-discount .discount-value { width: 22%;}
.shopping-cart-discount .discount-remove { width: 20%;}
.shopping-cart-discount .discount-info { width: 40%;}
.front .navbar-nav { border-radius: 0; }
}
@media only screen and (max-width: 450px){
.mobile-shopping-cart-buttons .ShowCartContinueBtn { width: 100%;}
.ShowCartContinueBtn { width: 49%; float: left;}
.ShowCartChangeQtyBtn { width: 49%; float: right; }
.ShowCartCheckOutBtn { width: 100%; margin: 15px auto;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn { margin-right: 0;}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { margin-top: 4em; margin-bottom: 5%; float: right;}
.mobile-shopping-cart-buttons .ShowCartContinueBtn { max-width: 100%;}
.header-name { width: 43%;}
.header-price { width: 23%;}
.cart-remove-all { width: 47%;}
.shopping-cart-total-qty { width: 15%;}
.shopping-cart-total-price { width: 25%;}
.paymentlist { width: 100%;}
.content-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 1%;}
.shopping-cart-discount .discount-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 1%;}
.cartpg-div { width: 95%; padding-left: 7.5%;}
.cart_total_value2, .cart_total_currency_type2 { font-size: 1em;}
}
@media only screen and (max-width: 400px){
.header-name { width: 38%;}
.content-item-name { width: 35%;}
.content-item-price { width: 22%;}
.content-item-points { font-size: .8em;}
}
@media only screen and (max-width: 350px){
.header-name { width: 35%;}
.header-qty { width: 25%;}
}
/* RESPONSIVE SETTINGS */
@media only screen and (min-width: 2541px) {
.contmargleftquart {float: right; width: 310px}
.contmargrightquart {float: left; width: 310px}
.contmargleftthird {float: right; width: 755px}
.cartquantity {right: 10%;}
.navbar-nav > li {margin-left: 10%;}
.pftopright li {margin-left: 32%;}
.pfmembername { width: 85%;}
.cname { text-align: left;}
.pffront1 {min-height: 113vh;}
.pffront5r { margin-top: 70px;}
.pffront5r .pftitle h1 { margin-bottom: 40px;}
.pffrontshop {min-height: 113vh;}
.shopproddiv { margin: 0; padding-top: 100px;}
.pffrontabt {height: 113vh;}
.pfabtfounder { padding-top: 100px;}
.pfabtfounder .contmargrightquart { width: 560px;}
.pffrontrewd {height: 113vh;}
.pfpage .pfgoldborderv.pfcatbotborder { /*height: 100%;*/ bottom: -40px;}
.pffrontrewd .pfherobox { padding-top: 200px; padding-bottom: 100%;}
.page_description_top img { width: 100%; max-width: auto;}
#pffront5l {padding-bottom: 700px;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body {min-height: 600px;}
form > center, .pfacctorderlistsection, .login-wrapper, table.review_edit_table, table.reviewtable {min-height: 1200px;}
form + p + p + form > center {min-height: 10px;}
}
@media only screen and (max-width: 2540px) {
.contmargleftquart {float: right; width: 340px}
.contmargrightquart {float: left; width: 340px}
.contmargleftthird {float: right; width: 735px}
.cartquantity {right: 10%;}
/*.navbar-nav > li {margin-left: 10%;}*/
.pftopright li {margin-left: 32%;}
.pfmembername { width: 75%;}
.cname { text-align: left;}
/*.pfherobox { padding-bottom: 170%;}*/
#pffront5l {padding-bottom: 700px;}
.pffront5r { margin-top: 60px;}
.pffront5r .pftitle h1 { margin-bottom: 40px;}
.pffrontshop { height: auto;}
.pffrontshop .pfherobox { padding-bottom: 170%;}
.pffrontabt .pfherobox {padding-bottom: 170%;}
.pfabtfounder { padding-top: 100px;}
.pfabtfounder .contmargrightquart { width: 560px;}
.pffrontrewd .pfherobox { padding-bottom: 150%;}
.frontherostepsdiv { margin-bottom: 60px;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body {min-height: 600px;}
form > center, .pfacctorderlistsection, .login-wrapper, table.review_edit_table, table.reviewtable {min-height: 1190px;}
form + p + p + form > center {min-height: 10px;}
}
@media only screen and (max-width: 2350px) {
.contmargleftquart {float: right; width: 330px}
.contmargrightquart {float: left; width: 330px}
/*.pfherobox { padding-bottom: 150%;}*/
.pffrontshop .pfherobox { padding-bottom: 150%;}
.pffrontrewd .pfherobox { padding-bottom: 130%;}
.waysearnptsdiv { margin-top: 90px;}
.pffrontabt .pfherobox {padding-bottom: 150%;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body, table.reviewtable {min-height: 500px;}
}
@media only screen and (max-width: 2250px) {
.contmargleftquart {float: right; width: 350px}
.contmargrightquart {float: left; width: 350px}
.cartquantity {right: 11%;}
.pftopright li { margin-left: 31%;}
/*.pfherobox { padding-bottom: 130%;}*/
.pffrontshop .pfherobox { padding-bottom: 130%;}
.pffrontrewd .pfherobox { padding-bottom: 110%;}
.waysearnptsdiv { margin-top: 70px;}
.pffrontabt .pfherobox {padding-bottom: 130%;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body, table.reviewtable {min-height: 450px;}
}
@media only screen and (max-width: 2040px) {
.pftopright li {margin-left: 30%;}
/*.pfherobox { padding-bottom: 110%;}*/
.pffrontshop .pfherobox { padding-bottom: 113%;}
.pffrontabt .pfherobox { padding-bottom: 115%;}
.pffrontrewd .pfherobox { padding-bottom: 90%;}
.waysearnptsdiv { margin-top: 90px;}
.pfaccountbodydiv, .view_my_orders, .view_my_subscriptions {min-height: 420px;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body {min-height: 420px;}
form > center, .pfacctorderlistsection, .login-wrapper, table.review_edit_table, table.reviewtable {min-height: 420px;}
form + p + p + form > center {min-height: 10px;}
}
@media only screen and (max-width: 1920px) {
.contmargleftquart {float: right; width: 370px}
.contmargrightquart {float: left; width: 370px}
.contmargleftthird {float: right; width: 700px}
.pftopright li {margin-left: 28%;}
.pffront1 {min-height: auto;}
.pffrontshop {min-height: auto;}
.pffrontshop .pfherobox {padding-bottom: 105%;}
.shopproddiv { padding-top: 75px;}
/*.pffrontabt {height: auto;}*/
.pffrontabt .pfherobox {padding-bottom: 105%;}
.pfabtfounder {padding-top: 80px;}
.pffrontrewd {height: auto;}
.pffrontrewd .pfherobox { padding-top: 70px;padding-bottom: 60%;}
#pffront5l {padding-bottom: 700px;}
}
@media only screen and (max-width: 1890px) {
.pftopright li { margin-left: 19%;}
/*.pfherobox { padding-bottom: 90%;}*/
.cartquantity {/*right: 13%;*/ right: -8px; }
.pffrontshop .pfherobox { padding-bottom: 100%;}
.pffrontrewd .pfherobox { padding-bottom: 50%;}
.waysearnptsdiv { margin-top: 110px;}
.pffrontabt .pfherobox {padding-bottom: 100%;}
}
@media only screen and (max-width: 1690px) {
.pftopright li {margin-left: 19%;}
.pfherobox { padding-top: 20px; padding-bottom: 70%;}
.pffrontshop {min-height: auto;}
.pffrontshop .pfherobox { padding-bottom: 70%;}
.pffront1 {min-height: auto;}
.pffrontabt {min-height: auto;}
.pffrontabt .pfherobox {padding-bottom: 70%;}
.pffrontrewd {min-height: auto;}
.pffrontrewd .pfherobox {padding-top: 0;padding-bottom: 40%;}
.waysearnptsdiv { margin-top: 70px;}
#pffront5l {padding-bottom: 620px;}
.pffront5r { margin-top: 20px;}
.pffront5r .pftitle h2 {margin-bottom: 30px;}
.pffront5r .pfdivbtn { margin: 30px 0;}
.pffrontheroimg img { margin-left: -10vw; }
.avo-left:before { background-position: 10% 50%; }
#pffront3 { background-size: 850px; }
}
@media only screen and (max-width: 1551px) {
.pfmembername { width: 70%;}
.waysearnptsdiv { margin-top: 25px;}
.cartquantity {/*right: 15%;*/right: -8px;}
#pffront2 { background-position-x: -10%; }
}
@media only screen and (max-width: 1500px) {
#pffront3 { background-position: 110% 50%; }
}
@media only screen and (max-width: 1500px) {
.pftopright li { margin-left: 18%;}
.cname {width: 55%;}
.pffrontrewd .pfherobox { padding-bottom: 30%;}
.waysearnptsdiv { margin-top: 70px;}
.view_my_orders .panel-body,.view_my_subscriptions .panel-body, table.reviewtable {min-height: 300px;}
form > center, .pfacctorderlistsection, .login-wrapper, table.review_edit_table, table.reviewtable {min-height: 300px;}
.pffrontheroimg img { margin-left: -20vw; }
}
@media only screen and (max-width: 1440px) {
.contmargleftquart {float: right; width: 400px}
.contmargrightquart {float: left; width: 400px}
.contmargleftthird {float: right; width: 660px}
.pftopright li { margin-left: 18%;}
.pffront1 {min-height: auto;}
.pfherobox { padding-bottom: 210px;}
/*.pffront4icondiv { padding-top: 40px;}*/
#pffront5l {padding-bottom: 530px;}
.front-slide5:after { margin-right: -17vw; }
.pffront5r { }
.pffront5r .pftitle h1 { margin-bottom: 10px;}
.pffront5r .pftitle h2 { margin-bottom: 10px;}
.pffront5r .pfdivbtn { margin: 10px 0;}
.pffrontshop .pfherobox { padding-bottom: 60%;}
.pfgoldborderv.pfcontactborder.pfcatbotborder {height: 700px;bottom: -40px;}
.pffrontabt .pfherobox { padding-bottom: 60%;}
.pfabtfounder .contmargrightquart { width: 400px;}
.pffrontrewd .pfherobox { padding-bottom: 20%;}
.pftooltip .tooltiptext {top: -120%;width: 150px;}
.view_my_orders_list_recurring_orderitem_img {width: 15%;}
.view_my_orders_list_grandtotal_info { padding-left: 52%;}
.view_my_orders_list_shipping_info { padding-left: 24%;}
#pffront2 { background-position-x: -20%; }
#pffront3 { background-position: 120% 50%; }
#pffront4 { background-position: 5% 10%; }
}
@media only screen and (max-width: 1366px) {
#pffront3 { background-position: 135% 50%; }
}
@media only screen and (max-width: 1350px) {
.navbar-nav > li > .dropdown-menu {padding-left: 15%; padding-right: 15%; padding-top: 50px;}
.cname { width: 65%;}
.pffrontshop .pfherobox { padding-bottom: 50%;}
.pffrontabt .pfherobox { padding-bottom: 50%;}
.pffrontrewd .pfherobox { padding-bottom: 7%;}
.waysearnptsdiv { margin-top: 80px;}
.pftooltip .tooltiptext {top: -120%;width: 120px;}
.front-slide5:after { margin-right: -30vw; }
}
@media only screen and (max-width: 1280px) {
.contmargleft { float: right; width: 470px;}
.contmargright { float: left; width: 470px;}
.contmargleftquart {float: right; width: 425px}
.contmargrightquart {float: left; width: 425px}
.contmargleftthird {float: right; width: 640px}
.pftopright li { margin-left: 13%;}
.navbar-nav > li { margin-left: 20px;}
.navbar-nav > li > .dropdown-menu {padding-left: 10%; padding-right: 10%; padding-top: 50px;}
.pfmembername { width: 65%;}
.cartquantity {/*right: 20%;*/right: -8px;}
.catmegaright { padding-left: 20px; margin-bottom: 50px;}
.fronthero .pffront1 .pffrontheroimg img {}
.pfherobox { }
.pfherobox h2 { margin-top: 5px; margin-bottom: 5px;}
.pfherobox .pfdivbtn { margin-top: 10px;}
.trusticondiv { margin-bottom: 30px;}
.pffront5r { margin-top: 5px;}
.pffront5r .pftitle h1 { margin-bottom: 5px;}
.pffront5r .pftitle h2 { margin-bottom: 10px;}
.pffront5r .pfdivbtn { margin: 0;}
.pfcatbotborder {bottom: -30px; height: 720px;}
.pffrontshop .pffrontheroimg img { }
.pffrontshop { height: auto; min-height: auto;}
.pffrontshop .pfherobox h2 { font-size:30px;}
.pffrontabt { height: auto;}
.pffrontabt .pffrontheroimg img { }
.pffrontabt .pfherobox { padding-bottom: 200px;}
.pfabtfounder { padding-top: 110px;}
.pfabtfounder .contmargrightquart { width: 470px;}
.bloglatest { margin-top: 0;}
.bloglatest h3 { margin-bottom: 30px;}
.bloglatest h2 + p { margin-bottom: 10px;}
.blogpostfetch .pfdivbtn { margin-top: 10px;}
.pfcategorybottom.pfcareerdiv .pfcatbotright { padding-top: 60px;}
.pfcategorybottom.pfcareerdiv .pfcatbotright h3 { margin-bottom: 40px}
.pfcategorybottom.pfcareerdiv .pfcatbotright h2 { margin-bottom: 30px;}
.pfcategorybottom.pfcareerdiv .pfcatbotright .pfdivbtn {margin: 20px 0 30px;}
.pffrontrewd .pffrontheroimg img { }
.pffrontrewd .pfherobox { padding-top: 30px;padding-bottom: 0;}
.pffrontrewd .pfherobox .pfdivbtn { margin-bottom: 20px;}
.pffrontrewd .frontherostepsdiv .frontstep .frontstptitle { margin-bottom: 2px;}
.waysearnptsdiv { margin-top: 70px;}
.pfgoldborderh.categoryvertdiv { /*top: 579px;*/}
.categoryvert ul.catheadlinks li { padding-bottom: 5px;}
.prodicon, .pftooltip {position: static;}
.pftooltip .tooltiptext {width: 100%;top: 100%; left: 0;margin-left: auto;}
.pftooltip .tooltiptext::after {display:none;}
div[data-iessection="layoutinformationpage"] .pffrontabt .pffrontheroimg { background-position-x: 70% !important; }
#pffront2 { background-position-x: -70%; }
#pffront3 { background-position: 155% 50%; }
#pffront4 { background-position: -15% 10%; }
}
@media only screen and (max-width: 1200px) {
.pfherobox { padding-top: 0px; padding-bottom: 110px;}
.pffrontshop .pfherobox { padding-bottom: 40%;}
.shopproddiv { margin-top: 100px; padding-top: 50px;}
.pfgoldborderh.categoryvertdiv { top: 604px;}
.pffrontrewd .pfherobox p { margin-top: 5px; margin-bottom: 5px;}
.pffrontrewd .frontherostepsdiv h2 { margin-bottom: 0px;font-size: 26px;}
.pffrontrewd .pfherobox .pfdivbtn { margin: 0;}
.pffrontrewd .frontherostepsdiv .frontstep h3 {font-size: 20px;}
.waysearnptsdiv { margin-top: 140px;}
.contmargleftquart {float: right; width: 340px}
.contmargrightquart {float: left; width: 340px}
.contmargleftthird {float: right; width: 525px}
.pfabtfounder .contmargrightquart { width: 340px;}
.waysearnboxdiv .earnptbox:nth-child(7) .ptsearned { margin-bottom: 9px;}
.partnerdiv#wholesale .pftitle, .partnerdiv#ambassadorship .pftitle { margin-bottom: 79px;}
.partnerdiv#wholesale .pfdivbtn .pfbtn { max-height: 100%;}
.partnerdiv#affiliate .pfdivbtn { margin-top: 474px;}
.partnerdiv#ambassadorship .pfdivbtn { margin-top: 200px;}
.pfnewsletterfront .pfnewsletter { padding-top: 60px; padding-bottom: 50px;}
img.footcredit { margin-top: 95px;}
ul.blogcatli {width: 77%;}
ul.blogcatli li { margin-left: 2%;}
.catblog {min-height: 1075px;}
.catblog .blog_post:first-child .blog_post_details { padding-left: 0; margin-top: 7px; position: relative; bottom: auto;}
.catblog .blog_post:first-child .blog_post_namewithlink, .catblog .blog_post:first-child .blog_post_author, .catblog .blog_post:first-child .blog_post_date {color: inherit;}
.blogpostlatestlist .blog_post:first-child .blog_post_details { margin-top: 7px; padding-left: 0;padding-right: 0;}
.blogpostlatestlist .blog_post:first-child .blog_post_namewithlink { color: inherit;}
.blogpostlatestlist .blog_post:first-child .blog_post_author,.blogpostlatestlist .blog_post:first-child .blog_post_date { color: #CACACA;}
.relatedblogpostlink .blog_post_details { margin-top: 7px; padding-left: 0;}
.relatedblogpostlink .blog_post_details .blog_post_namewithlink { color: inherit;}
.relatedblogpostlink .blog_post_details .blog_post_author, .relatedblogpostlink .blog_post_details .blog_post_date {color:#CACACA;}
.blogpostlatestlist .blog_post:first-child .blog_post_details { position: relative; bottom: auto;}
.relatedblogpostlink .blog_post_details { position: relative; bottom: auto;}
.view_my_orders_list_shipping_info { padding-left: 19%;}
.view_my_orders_list_grandtotal_info { padding-left: 54%;}
.view_my_orders_list_recurring_orderitem_img { width: 18%;}
.finalpaymentorderitems { width: 80%;}
.ordersummaryinfo, .ordertotalinfo { width: 80%;}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn a { padding: 7px 30px;}
.view_my_orders form, .view_my_subscriptions form { width: 22.5%;}
}
@media only screen and (max-width: 1100px) {
body {max-width: 100vw;}
.pftopright li { margin-left: 10%;}
.pfmembername { width: 60%;}
.cname { width: 59%;}
.cartquantity {/*right: 22%;*/right: -8px;}
.pffrontshop .pfherobox { padding-bottom: 37%;}
.shopproddiv {margin-top: 0; padding-top: 90px;}
.pfabtfounder { padding-top: 35px;}
.waysearnptsdiv {margin-top: 70px;}
.desktop { display: none; }
.mobile { display: block; }
.fronthero { height: auto; }
/*.navbar-nav, .front .navbar-nav { background: #91B192; border-radius: 0; border: 0; margin-left: initial; padding-left: initial; padding-right: initial; height: 100%; }*/
.measuring-cup-img img { max-width: 100%; }
.logo a { width: 75px; }
.logo img { max-height: 75px; }
.logo:before { width: 80px; }
.front-slide8 .col-md-6 { text-align: center; }
.front-slide8 .col-md-6:not(:last-child) { margin-bottom: 10px; }
.pfnaviconright { width: auto; }
}
@media only screen and (max-width: 1024px) {
.pf-body { padding-top: 190px;}
.cname { width: 58%;}
.fronthero .pffront1 .pffrontheroimg img { }
.pfcatbotleft .catulist { padding-top: 90px;}
.pfcatbotborder { /*right: 45.5%;*/}
.pfherobox h1 { font-size: 40px;}
.pfherobox h2 {}
.front-slide2-text h2, .avo-parent h2, .front-slide5 h2, .front-slide3-text h2, .front-slide6 h2, .testimonials h2, #newsletter-head p { font-size: 32px; }
.front-slide2-text p, .front-slide3-text p, .front-slide5 p, .front-slide6 p, .testimonials p { font-size: 16px; }
.front-slide6 { padding: 60px 0; }
.diet-reqs { margin-top: 30px; }
.d-flex { flex-direction: column; }
.testimonial-belt { width: 100%; }
.pfherobox .pfdivbtn { margin-top: 0;}
.pffrontheroimg img { }
.pfnewsletter { padding-top: 110px; padding-bottom: 110px;}
#newsletter-head { margin-bottom: 30px;}
#newsletter-submit.pfdivbtn { margin-top: 30px;}
.pfnewsletterfront { max-height: 600px;}
.pfnewsletterbottom img { width: auto; height: 615px; max-width: none;}
/*.pffront4icondiv { padding-top: 30px;}*/
#pffront5l { background-position: right;padding-bottom: 530px;}
.pffront5r { margin-top: 10px;}
.pffront5r .pftitle h2 {margin-bottom: 5px;}
.pffront5r .pfdivbtn { margin: 5px 0 0;}
.pffrontshop .pfherobox h1 {font-size: 36px;}
.pffrontshop .pfherobox h2 {font-size: 27px;}
.pffrontshop .pfherobox { padding-bottom: 130px;}
.pffrontshop .pffrontheroimg img { }
.shopproddiv {padding-top: 100px;}
.pffrontabt .pfherobox { padding-bottom: 120px;}
.pfabtfounder { padding-top: 85px;}
.pfgoldborderh.categoryvertdiv { bottom: 5%;}
.pfshopquizdiv .pfcatbotright { padding-top: 50px;}
.pfshopquizdiv .pfdivbtn { margin: 40px 0 50px;}
.shopallinfuselifediv {margin-bottom: 90px;}
.shopallpromisediv div.col-md-3:last-child h3 {margin-bottom: 40px;}
.pffrontrewd .pfherobox { padding-top: 0;}
.frontherostepsdiv {margin-top: 20px;}
.pffrontrewd .frontherostepsdiv h2 {font-size: 30px;}
.pffrontrewd .frontherostepsdiv .frontstep .frontstptitle { margin-bottom: 15px; }
.pffrontrewd .pfherobox p { margin: 30px 0;}
.pffrontrewd .pfherobox .pfdivbtn { margin-bottom: 100px;}
.waysearnptsdiv { margin-top: 40px;}
.pfblogmainpg.pf-body { padding-top: 170px;}
.cart-content-item td { padding: 5px;}
.blogbreadbrumbs {margin-top: 0;}
.blogbreadnormwidth { margin-top: 190px;}
.pfacctprofilediv .pfacctdiv a { padding: 70px 15px 20px; height: 150px;}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn a {padding: 7px 30px;}
.view_my_orders_list_grandtotal_info { padding-left: 54%;}
.view_my_orders_list_shipping_info { padding-left: 19%;}
}
@media only screen and (max-width: 992px) {
.contmargleft { float: none; width: 700px; padding-left: 10px; padding-right: 10px;}
.contmargright { float: none; width: 700px; padding-left: 10px; padding-right: 10px;}
.contmargleftquart {float: none; width: 700px; padding-left: 10px; padding-right: 10px;}
.contmargrightquart {float: none; width: 700px; padding-left: 10px; padding-right: 10px;}
.contmargleftthird {float: none; width: 700px;}
.pftopright li { margin-left: 7%;}
.navbar-nav > li {margin-left: 10px;}
.navbar-nav > li > .dropdown-menu {padding-left: 10px; padding-right: 10px;}
.cname { width: 55%;}
.cartquantity {/*right: 20%;*/right: -8px;}
.catmegaright {padding-left: 15px; padding-right: 0;}
.catmegaleft .category2 { margin-bottom: 50px;}
.pfnaviconright {text-align: center; background: transparent;border-color:transparent!important;}
.pfnavbaricon img {margin: 0 auto;}
.navbar-nav > li {margin-left: 10px;}
.pffront4 { width: 100%;}
.pffront4icondiv { position: relative; padding-top: 0; width: 100%;}
.trustcompdiv {position: relative; margin-top: 60px;}
.trustcomp img {transform: rotate(90deg);}
.pffooterlinks {/*min-height: 270px;*/ min-height: auto !important;}
.pfsocially { padding-right: 0; text-align: center; }
.pfcatbotborder { right: 32px;}
.pfcatbotright { padding-top: 70px;}
.pfcatbotleft .catulist {padding-top: 0;}
.pffront1.pf-body { min-height: auto; padding-top: 0;}
.fronthero .pffront1 .pffrontheroimg, .pffrontheroimg { position: relative; /*overflow: auto;*/ height: 65vh; }
.fronthero .pffront1 .pffrontheroimg img, .pffrontheroimg img { max-height: 100%; /*height: auto; width: 100%; transform: translateX(0);*/ margin-left: -120%; }
.pfherobox { padding-top: 50px;}
.pfherobox h2 {margin-top: 40px; margin-bottom: 30px;}
.pfherobox .pfdivbtn { margin-top: 60px;}
.pfherobox { padding-bottom: 50px;}
.front-slide2 .side-img { margin-left: 0; }
.front-slide2 .side-img img { max-width: 100%; }
.front-slide2-text { padding-top: initial; padding-left: initial; }
.front-slide2 .front-slide2-img, .front-slide6 .front-slide6-img { display: none; }
.front-slide3 { max-width: 100vw; overflow-x: hidden; background-size: 100%; background-position: 55vw -3%; }
.measuring-cup-img:after { display: none; }
.avo-child-left { display: none; }
.nutrilist .nutriitem { position: relative; }
.nutriimage { position: absolute; left: -69px; }
.front-slide5 { background-size: 170%; background-position: 90% 5%; padding-bottom: 200px; }
.front-slide5:after { width: 252px; height: 215px; background-size: 100%; margin-right: 0; }
.front-slide5 .ft-sld-left img { max-width: calc(100% + 50px); margin-left: -25px; }
#newsletter-submit-button { width: 100px; }
.pffootInfo li:not(:first-child) a { padding-left: 30px; }
/*.pffootInfo li a img { display: none; }*/
.cartbox.checkout.cart-toggle { position: absolute; right: 10px; }
.cartbox.checkout.cart-toggle span.cart { width: 35px; display: block; }
.contact-parent { max-width: 100%; overflow-x: hidden; }
.reg { width: calc(100% - 20px); }
.pfsameheight {padding-bottom:0; margin-bottom: 0; width: 100%;}
.slider-next { right: 0px;}
.slider-left { left: 0px;}
.pfnewsletter {padding-left: 15px;}
.pfnewsletterfront { max-height: none;}
.pfnewsletterfront .pfnewsletter { padding-top: 60px; padding-bottom: 70px;}
.pfnewsletterbottom img { width: 100%; height: 100%; max-width: 100%;}
#pffront5l { background-position: center; width: 100%;}
.pffront5r {margin: 60px 0 70px; width: 100%;}
.pffront5r .pftitle h1 { margin-bottom: 40px;}
.pffront5r .pftitle h2 { margin-bottom: 20px;}
.pffront5r .pfdivbtn { margin: 40px 0 0;}
.pfcatbotborder { bottom: 420px; height: 850px;}
img.footcredit { margin-top: 432px;}
.pffrontshop.pf-body {padding-top: 0; position: relative; height: auto;}
.pffrontshop .pffrontheroimg img { height: auto; width: 100% !important;}
.pffrontshop .pfherobox { padding-bottom: 40px;}
.shopproddiv { padding-top: 45px; margin-top: 0;}
.pfgoldborderh.categoryvertdiv { bottom: 3%;}
.shopinfusediv .pfblueborderh { width: 80%;}
.pfshopcatborderv {right: 3%;}
.pfshopquizdiv .pfcatbotright { padding-bottom: 90px;}
/*.shopallpromisediv div.col-md-3:first-child h3 { margin-bottom: 40px;}*/
.shopallpromisediv div.col-md-3 {margin-bottom: 50px;}
.pffrontabt.pf-body {padding-top: 0; position: relative; height: auto;}
div[data-iessection="layoutinformationpage"] .pffrontabt.pf-body { padding-bottom: 0; }
.pffrontabt .pfherobox { padding-bottom: 40px;}
.pfabtfounder h2 { margin-top: 60px; }
.pfabtfounder { padding-top: 50px;}
.pfabtfounder .col-md-10 {padding-top: 50px;}
.pfabtfounder .contmargrightquart { width: 700px;}
.pfaboutborderv { width: 60%;}
.abtlatestnewsdiv .pftitle { margin-bottom: 30px;}
.pfaboutblogborder { left: 2%;}
.bloglatest { margin-top: 30px;}
.pfcareerborderv { right: 5%;}
.pffrontrewd.pf-body {padding-top: 0; position: relative; height: auto;}
.pffrontrewd .pfherobox { padding-top: 60px;}
.pffrontrewd .pfherobox .pfdivbtn { margin-bottom: 80px;}
.earnptbox .ptsearned { margin: 50px 0 90px;}
.waysearnboxdiv .earnptbox:nth-child(5) .ptsearned {margin-bottom: 68px;}
.waysearnboxdiv .earnptbox:nth-child(7) .ptsearned { margin-bottom: 5px;}
.waysearnboxdiv .earnptbox:nth-child(8) .ptsearned {margin-bottom: 68px;}
.pfpage .pfgoldborderv.pfcatbotborder { /*height: 100%;*/ right: 35px;}
.pffrontsubsave .pfherobox { padding-top: 0;}
.pffrontsubsave .frontherostepsdiv .frontstptitle h2, .pffrontsubsave .frontherostepsdiv .frontstptitle h3 {display:block;}
.pfgoldborderv.pfcontactborder.pfcatbotborder { height: 800px; bottom: 450px;}
.pffrontsubsave .frontherosteps .frontstp1 {padding-left: 15px;}
.pffrontsubsave .frontherosteps .frontstep { margin-bottom: 50px;}
.pffrontsubsave .frontherostepsdiv .frontstptitle h2, .pffrontsubsave .frontherostepsdiv .frontstptitle h3 {display:inline-block;}
.pffrontrewd .frontherosteps .frontstep { margin-bottom: 50px;padding-left: 0;padding-right: 0;}
.pffrontrewd .frontherostepsdiv .frontstptitle h2, .pffrontsubsave .frontherostepsdiv .frontstptitle h3 {display:inline-block;}
.pfblkborderh.contactvdiv {bottom: -3px;width: 70%;}
.deptbox { margin-bottom: 60px;}
.partnerdiv {margin-bottom: 100px;}
.partnerdiv#wholesale .pftitle, .partnerdiv#ambassadorship .pftitle {margin-bottom: 40px;}
.partnerdiv .pfdivbtn,.partnerdiv#affiliate .pfdivbtn, .partnerdiv#ambassadorship .pfdivbtn { margin-top: 50px;}
.wholsalewhydiv { margin-bottom: 70px;}
.wholsalewhyicondiv { padding-left: 0;}
.wholsalewhyicondiv img { margin: 0 !important;}
.pflightblueborderh {width: 70%;}
.my_account_action_big { width: 50%;}
.contactformtop .col-md-6 {padding-left: 0;}
.custservimg { padding-left: 15px; margin-bottom: 30px;}
.socialblogsection { padding-left: 0;}
.socialblogdiv {padding-right: 21px; margin-bottom: 0;}
.newsblogdiv .pfnewsletter {padding-left: 0;}
.pfblogmainpg.pf-body { padding-top: 150px;}
.featblogsection .blog_post:first-child { margin-bottom: 15px;}
.featblogsection .blog_post:first-child { width: 100%;}
.featblogsection .blog_post:first-child .blog_post_pic_bg {height: 500px;}
.featblogsection .blog_post:nth-child(2) .blog_post_pic_bg {height: 416px;}
.featblogsection .blog_post:nth-child(3), .featblogsection .blog_post:nth-child(4) {width: 50%; margin-bottom: 15px;}
.featblogsection .blog_post:nth-child(3) .blog_post_pic_bg {min-height: 200px;}
.featblogsection .blog_post:nth-child(4) .blog_post_pic_bg {min-height: 200px;}
.latestblogsection { margin-bottom: 60px;}
.catblog { margin-bottom: 60px;}
.catblog .blog_post:first-child .blog_post_pic, .catblog .blog_post:first-child .blog_post_pic_bg {min-height: 400px;}
.catblog .blog_post .blog_post_pic_bg { min-height: 200px;}
.blogpostlatestlist .blog_post_pic { width: 100%;}
.blogpostlatestlist .blog_post_details { width: 100%; padding-left: 0; margin-top: 7px;}
.blogpostlatestlist .blog_post:first-child .blog_post_namewithlink { font-size: 20px;}
.blogpostlatestlist .blog_post_pic_bg { min-height: 200px; width: 100%;}
.blogpostlatestlist .blog_post:first-child .blog_post_pic_bg { min-height: 200px;}
.catfeatblogsection .blog_post { width: 100%;}
.catfeatblogsection .blog_post_pic_bg { min-height: 500px;}
.catbloglist .catblogli .blog_post { width: 100%;}
.catbloglist .catblogli .blog_post_pic_bg {width: 30%; float: left;}
.catbloglist .catblogli .blog_post_details { min-height: auto; width: 70%; padding-left: 15px; padding-right: 15px; float: left;}
.catbloglist .catblogli .blog_post_namewithlink { margin-top: 0;}
.othercatblogdiv {padding-right: 15px;}
ul.pfacctlinkhead li {font-size: 12px;}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn a { padding: 7px 10px;}
.view_my_orders_list_recurring_orderitem_img { width: 24%;}
.view_my_orders_list_grandtotal_info { padding-left: 55%;}
.view_my_orders_list_shipping_info { padding-left: 10%;}
.view_my_orders form, .view_my_subscriptions form { width: 21.7%;}
.view_my_orders .table, .view_my_subscriptions .table { width: 73%; max-width: 73%;}
form[name="RMAform"] input.rma_submit { display: block; margin-right: 0; margin-bottom: 20px; float: left;}
form[name="RMAform"] input.rma_reset { display: block;}
.finalpaymentorderitems { width: 95%;}
.ordersummaryinfo, .ordertotalinfo { width: 95%;}
#ageverification .modal-lg { width: 85%;}
#ageverification .pfdivbtn .pfbtn { width: 100%;}
.pfmodalrewardfren .popupimgdiv { padding-bottom: 300px;}
#ageverification .pfmodalrewardfrentext { margin-top: 0px; margin-bottom: 30px;}
}
@media only screen and (max-width: 800px) {
.pf-body { padding-top: 90px; /*padding-top: 145px;*/ }
.blogbreadnormwidth { margin-top: 145px;}
}
/* iPad portrait View */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.pfnavbar-top .yamm-content.dropdown-mega a { font-size: 21px;}
.megamenushopallli.visible-xs-block {display: block !important;}
ul.catheadlinks li { margin: 0 7px; display: inline-block; padding-bottom: 5px;}
.categoryheaddesc { margin-top: 30px;}
.categoryheaddiv { width: 100%; padding-top: 50px; padding-bottom: 40px; border-right: 0; border-bottom: 3px solid #231f20;}
.categorylinksdiv { width: 100%; padding-top: 0; padding-left: 15px;}
.categoryvert .categoryheaddesc {width: 100%; margin-top: 30px; padding-left: 15px;}
.categoryvert ul.catheadlinks li { margin-right: 20px;}
.newsletterhero {background-position: 20% 50%;}
}
/* iPad landscape View */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
.megamenushopallli.visible-xs-block {display: block !important;}
ul.catheadlinks li { margin: 0 7px; display: inline-block; padding-bottom: 5px;}
.categoryheaddesc { margin-top: 30px;}
.categoryheaddiv { width: 100%; padding-top: 50px; padding-bottom: 40px; border-right: 0; border-bottom: 3px solid #231f20;}
.categorylinksdiv { width: 100%; padding-top: 0; padding-left: 15px;}
.categoryvert .categoryheaddesc {width: 100%; margin-top: 30px; padding-left: 15px;}
.categoryvert ul.catheadlinks li { margin-right: 20px;}
.pfabtfounder .col-sm-12 { width: 100%;}
.pfabtfounder .contmargrightquart { width: 100%; margin-top: 40px;}
}
/* Mobile View */
@media (min-width: 768px){
}
@media only screen and (max-width: 767px) {
.contmargleft { width: 100%; padding-left: 0; padding-right: 0;}
.contmargright { width: 100%; padding-left: 0; padding-right: 0;}
.contmargleftquart {width: 100%;padding-left: 0; padding-right: 0;}
.contmargrightquart { width: 100%;padding-left: 0; padding-right: 0;}
.contmargleftthird { width: 100%;}
/*.pfnavcontainer { margin-top: 40px;}*/
.pfnavbar .navbar-header {padding-right: 0;}
.navbar-brand.navbar-logo { padding-top: 3px;}
.pftiptop { margin-top: 25px; padding-left: 7px;}
.pfnavbarmain { padding-left: 0; padding-right: 0;}
.pfnavbaricon img {float: none}
/*.cartquantity {right: 52%;}*/
/*.checkout img {max-height: 27px;}*/
/*.pfnaviconright { padding-top: 23px;}*/
.navpf {padding-left: 0;}
#search input[type="search"] {font-size: 16px;}
.page_description_top { top: 25px;}
.trustcompdiv { margin-top: 30px;}
#pffront5l { padding-bottom: 80%;}
.pfpinkborder { left: 7px; height: 1200px;}
.newsletterhero { background-position: 90% 50%;}
.pfnewsletter { padding-left: 15px;}
.pfnewsletter .iesfontcolor2, .pfnewsletter .pfcheckdiv { color: #FFFFFF;}
/*#newsletter-submit-button { margin: 0 auto; background: #8E7143;}*/
.pfnewsletterfront .pfnewsletter #newsletter-submit-button { background: #000000;}
.footerlogo {padding-left: 15px; text-align: center;}
.footerlogo img { margin: 0 auto;}
img.footcredit { margin-top: 30px;}
.pffooterlinks { min-height: 300px;}
.pffooterlinks ul li { margin-bottom: 15px;}
.pffooterlinks ul li:first-child { margin-bottom: 25px;}
.underfooter li { width: calc(25% - 12px); }
.pffoot { padding-left: 15px; padding-right: 15px;}
.pfsocially ul { text-align: center;}
.pfsocially li { margin-left: 20px;}
.pfsocially { margin-top: 0; margin-bottom: 50px;}
#search { height: 100%;}
.pfcatbotleft .catulist {padding-left: 0;}
ul.catheadlinks li { margin: 0 7px; display: inline-block; padding-bottom: 5px;}
.categoryheaddesc { margin-top: 30px;}
.categoryheaddiv { padding-top: 50px; padding-bottom: 40px; border-right: 0; border-bottom: 3px solid #231f20;}
.categorylinksdiv { padding-top: 0; padding-left: 15px;}
.categoryvert ul.catheadlinks li { margin-right: 20px;}
.pfcatbotright .pfdivbtn { margin-bottom: 90px;}
.helpheaddiv {padding-top: 50px; padding-bottom: 40px; border-right: 0; border-bottom: 3px solid #231f20;}
.helphead ul.helpheadlinks {padding-left: 0; list-style-type: none; margin-top: 20px;}
ul.helpheadlinks li {margin: 0 7px; display: inline-block; padding-bottom: 5px;}
.pfhelpsupportpg .pftitle { margin-bottom: 0;}
.pfsupporttxt { margin-top: 50px;padding-left: 0; padding-right: 0;}
.click_link a { min-width: auto; width: 100%;}
.pfcatbotleft .catulist, .pfcatbotleft .catulist ul { padding-left: 0;}
.pfcatbotborder { right: 25px; height: 750px;}
/*.pfcatbotright .pfdivbtn .pfbtn { margin: 0 auto;}*/
.cartpanel { min-width: 300px; width: 85%;}
.pfcartbtn { max-width: 360px;}
.products-grid { margin-bottom: 0;}
.product { margin-bottom: 50px;}
.pfgoldborderh.categoryvertdiv { bottom: 21%;}
.pfsortingdiv select { width: 100%;}
.pfshopcatborderv { right: 3%;}
.shopallpromisediv div.col-xs-12:first-child { padding-left: 15px;}
.shopallpromisediv div.col-xs-12 { margin-bottom: 50px;}
.abtint { margin-bottom: 50px;}
.pfcategorybottom.pfcareerdiv .pfcatbotright .pfdivbtn { margin-bottom: 90px;}
.shopinfusediv .pfdivbtn { margin-top: 0; padding-bottom: 200px;}
.shopinfusediv { margin-bottom: 50px;}
.pfabtfounder .contmargrightquart { width: 100%;}
.frontstp3 {padding-right: 0;}
.waysearnboxdiv .earnptbox:nth-child(even) {padding-left: 15px; padding-right: 0;}
.redeemptsbreak .col-md-3 {margin-bottom: 50px;}
.pfpage .pfgoldborderv.pfcatbotborder { right: 30px;}
.pfpage .pfgoldborderv.pfcontactborder.pfcatbotborder { height: 700px; right: 27px;}
.earnptbox .ptsearned { margin: 60px 0 70px;}
.waysearnboxdiv .earnptbox:nth-child(5) .ptsearned { margin-bottom: 80px;}
.waysearnboxdiv .earnptbox:nth-child(7) .ptsearned { margin-bottom: 7px;}
.pfwholesaleprogram .frontherosteps .frontstp1 {padding-left: 15px;}
.pfwholesaleprogram .frontherosteps .frontstep { margin-bottom: 50px;}
.wholsaleprogprom .pfdivbtn { margin-top: 0;}
.wholesalepromisediv { margin-bottom: 50px;}
.wholesalapplicationdiv .contactformdiv { margin-top: 30px;}
.pfcatbotborder.contact2border { top: -70px; right: 5% !important;}
.contact2sect2txtdiv .pftitle h2 { font-size: 30px;}
.my_account_action_big { width: 100%;}
a.my_account_modify_customer_btn { width: 100%;}
.featblogsection .blog_post:first-child .blog_post_pic_bg { height: 300px;}
.featblogsection .blog_post:nth-child(2) .blog_post_pic_bg { height: 300px;}
.featblogsection .blog_post:first-child, .featblogsection .blog_post:nth-child(2), .featblogsection .blog_post:nth-child(3),.featblogsection .blog_post:nth-child(4) { width: 100%; margin-bottom: 15px; float: none;padding-right: 0;}
.latestblogsection .col-md-8 { padding-right: 0;}
.latestblogsection .blog_post { width: 100%; padding-right: 0;}
.latestblogsection .blog_post:first-child { height: auto;}
.latestblogsection .blog_post:first-child .blog_post_pic_bg {height: 250px;}
.catblog .blog_post .blog_post_pic_bg { min-height: 90px;}
.catblog .blog_post:first-child .blog_post_pic, .catblog .blog_post:first-child .blog_post_pic_bg {min-height: 250px;}
ul.blogcatli { width: 100%; text-align: left;}
ul.blogcatli li { margin-left: 0; margin-right: 5%;}
.socialblogdiv { padding-right: 0;margin-bottom: 40px;}
.catfeatblogsection {padding-right: 0;}
.catbloglist .catblogli { margin-bottom: 60px;}
.catfeatblogsection .blog_post_pic_bg { min-height: 300px;}
.catbloglist .catblogli .blog_post { padding-right: 0;}
.catbloglist .catblogli .blog_post_pic_bg { min-height: 100px;}
.othercatblogsection {margin-bottom: 120px;}
.pfacctbodyhead {border-right: 0; border-bottom: 3px solid #231f20; padding-bottom: 0;}
ul.pfacctlinkhead li { display: inline-block; margin-right: 5%; margin-top: 0; padding-bottom: 5px; padding-top: 5px;}
ul.pfacctlinkhead li.pflicurrentrewards, ul.pfacctlinkhead li.pflilogout { margin-top: 0;}
.pfacctdivsection {margin-top: 60px;}
ul.pfacctlinkhead li {display: block;margin-bottom: 15px;}
.pfaccountprofileleftdiv ul.pfacctlinkhead li.pfeditinfobtn a {padding: 7px 30px;}
.pfaccountprofileleftdiv { margin-bottom: 40px;}
.pfacctprofilediv .pfacctdiv { padding-left: 0; padding-right: 0;}
a.backbtn {padding-top: 20px; display: block;}
.ordertitle {}
.orderlistinfo { padding-left: 0; padding-right: 0; margin-bottom: 40px;}
.pforderlistdiv { margin-bottom: 0;}
.view_my_orders_list_item_img { float: none; display: block; margin-bottom: 0;}
.view_my_orders_list_orderitem_info div { margin-bottom: 20px;}
.view_my_orders_list_recurring_info, .view_my_orders_list_priceperqty, .view_my_orders_list_qty, .view_my_orders_list_price, .view_my_orders_list_points { padding-top: 0;}
.view_my_orders_list_shipping_info { padding-left: 0;}
.view_my_orders_list_grandtotal_info { padding-left: 0;}
.view_my_orders_list_recurring_orderitem_img { width: 100%; margin-bottom: 20px;}
.view_my_orders form, .view_my_subscriptions form { width: 100%; border-right: 0; border-bottom: 3px solid #000000; padding-bottom: 30px; margin-right: 0;}
.view_my_orders .table, .view_my_subscriptions .table { width: 100%; max-width: 100%; margin-top: 30px;}
form[name="RMAform"] input, form[name="RMAform"] select, form[name="RMAform"] textarea { width: 100%;}
form[name="RMAform"] input.rma_submit { width: 100%;}
form[name="RMAform"] input.rma_reset { width: 100%;}
.finalpaymentdiv1 { width: 100%;}
.finalpaymentdiv3 { width: 100%;}
.orderinfo { margin-bottom: 30px;}
.finalpaymentorderitems { width: 100%;}
.ordersummaryinfo, .ordertotalinfo { width: 100%;}
#pfrewardfren .modal-dialog, #pfrewardfrenfooter .modal-dialog,	#pfrewardnotlogin .modal-dialog,#ageverification .modal-dialog {margin: 10px auto;}
.pfmodalrewardfren .popupimgdiv { padding-bottom: 150px;}
#ageverification {padding-right: 0 !important;}
#ageverification .modal-lg { width: 100%;}
#ageverification .pfmodalrewardfrentext {margin-top: 10px; margin-bottom: 50px;}
.cancelordersubmit, .cancelorderbutton { width: 100%;}
form[name="RMAform"] input.rmaformbutton {width: 100%;}
table.review_edit_table input, table.review_edit_table textarea { width: 100%;}
table.review_edit_table input.forms.review_button, table.review_edit_table input.forms.review_reset { width: 100%; margin-right: 0;}
.content-item-img { vertical-align: top;}
.content-item-img img { max-width: 100% !important; max-height: 100% !important;}
.content-item-qty, .content-item-price { vertical-align: top;}
#couponinfo { margin-right: 0px !important; width: 70%;}
/* VERTICAL NAVBAR PANEL */
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%;}
.vnavbar.navbar-collapse, .vnavbar.navbar-collapse { max-height: 100%;}
.navbar-collapse.collapse { width: 100%; margin-top: 0px; max-width: 85%; min-width: 300px; border-top: 0; float: none;}
.navbar-default .navbar-toggle { border: none; float: right;}
.navbar-default .navbar-toggle .icon-bar { background-color:#405133; width: 40px; height: 1px;}
.front.navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px;}
.navbar-nav { margin: 0;}
.navbar-default .navbar-nav > li > a { text-align: center; color:#ffffff; padding-top: 15px; padding-bottom: 15px;}
.navbar-nav > li { width: 100%; margin: 0; border-bottom: 1px solid #9bb99c !important; border-top:0; border-left: 0; border-right:0;}
/*.navbar-default .navbar-nav > li > a.mobmyact {color: #645E5C;}*/
/*.navbar-nav > li.mobnavsearch { border-top: 1px solid #B7A99A;background: #FFFFFF;}*/
.navbar-nav > li.mobnavsearch i {margin-right: 5px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent;}
.navbar { width: 100%;}
.navbar-toggle { margin-right: 0px; margin-top: 24px; margin-bottom: 20px;padding-left: 0; padding-right: 0;}
li.mobnavlogo { text-align:center; border-bottom: 0 !important;}
li.mobnavlogo img { max-height: 130px; margin-bottom: 30px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #8E7143;
}
.navbar-nav > li > .dropdown-menu {padding-left: 0;padding-right: 0; padding-top: 0;}
.catimgdiv { margin-top: 10px; padding-left: 15px;}
.catmegaleft { padding-left: 0; padding-right: 0;}
.catmegaleft .category2 {margin-bottom: 20px; margin-top: 20px;padding-bottom: 20px; text-align: center; padding-left: 15px; padding-right: 15px;}
.catmegaleft .category2.megamenushopallli {border-bottom: 1px solid #B7A99A !important; border-top: 0; border-left: 0; border-right: 0; margin-left: 0;}
.catmegaright {padding-left: 15px;border-top: 3px solid #B7A99A;border-left: 0;padding-top: 30px; margin-bottom: 20px;
margin-top: 30px; margin-left: 30px;margin-right: 30px;}
.catmegafour {margin-bottom: 50px;text-align: center;}
div[data-iessection="layoutinformationpage"] .pffrontabt .pffrontheroimg { background-position-x: 85% !important; height: 70vh; }
div[data-iessection="layoutinformationpage"] .pfherobox:before { display: none; }
#pffront2 { padding-bottom: 280px; background-position-x: center; background-size: contain; background-position-y: bottom; }
#pffront3 { background-image: none !important; }
#pffront4 { background-position: 57% 200%; padding-bottom: 320px; background-size: 150%; }
.pffrontabt { margin-top: -125px; }
.pffrontherotext .pfdivbtn { flex-direction: column; align-items: flex-start; }
.pfdivbtn .pfbtn { margin-right: 0; /*width: auto;*/ margin-bottom: 20px; }
/* MOBILE MINI CART */
/* Product */
.pfdivbtn .pfbtn, .pffrontherotext .pfdivbtn .pfbtn:last-child, .pffrontherotext .pfdivbtn .pfbtn:nth-last-child(2) { max-width: calc(100% - 15px); width: 100%; }
}
@media only screen and (max-width: 676px) {
}
@media only screen and (max-width: 560px) {
}
@media only screen and (max-width: 450px) {
.pfgoldborderh.categoryvertdiv { top: 1102px;}
.pfblogmainpg.pf-body { padding-top: 130px;}
}
@media only screen and (max-width: 420px) {
.pfgoldborderh.categoryvertdiv { top: 1097px;}
}
@media only screen and (max-width: 400px) {
/*.cartquantity {left: 30%;}*/
.waysearnboxdiv .earnptbox:nth-child(5) .ptsearned {margin-bottom: 47px;}
.waysearnboxdiv .earnptbox:nth-child(8) .ptsearned {margin-bottom: 70px;}
.pfcatbotborder { /*right: 10.5%;*/}
.pfgoldborderh.categoryvertdiv { top: 1142px;}
.pfcartbtn { max-width: 320px;}
.contact2sect2txtdiv .pftitle h2 { font-size: 1.8em;}
.pfblogmainpg.pf-body { padding-top: 110px;}
.fronthero .pffront1 .pffrontheroimg img, .pffrontheroimg img { margin-left: -110%; }
}
@media only screen and (max-width: 350px) {
.pf-body {padding-top: 120px;}
.cartquantity {left: 27%;}
.pftitle h1 { font-size: 40px;}
.earnptbox .ptsearned { margin: 30px 0 80px;}
.waysearnboxdiv .earnptbox:nth-child(5) .ptsearned { margin-bottom: 58px;}
.waysearnboxdiv .earnptbox:nth-child(8) .ptsearned {margin-bottom: 118px;}
.pfblogmainpg.pf-body { padding-top: 90px;}
.blogbreadnormwidth { margin-top: 120px;}
.pfcatbotborder {/*right: 12.5%;*/ bottom: 470px;}
.pfpage .pfgoldborderv.pfcontactborder.pfcatbotborder { bottom: 500px; }
.pfgoldborderh.categoryvertdiv { top: 1227px;}
.pfcartbtn { max-width: 100%;}
}
/* Login Page */
.login-wrapper{ margin-bottom: 120px;}
.login-wrapper div{display:inline-block;vertical-align:middle;}
.sign-up{width:45%; margin-left: 10%;}
.sign-in{width:45%;}
.or{width:5%;border-left:1px solid #98959B;height:100%; display: none !important;}
.or span{background-color:#fff;position:relative;left:-20px;padding:10px;top:45%;font-size:25px;}
#form_checkout_login #newlogin{display:none;}
#userlogin{width:95%;}
#userlogin > p {display: none;}
#userlogin input[type="text"]{}
#userlogin input[type="password"]{}
.sign-up-form h3 { font-family: 'League Spartan', Times, serif; /*font-style: italic;*/ font-weight: 600;font-size: 28px; color: #405133; margin-bottom: 40px;}
.sign-up div{text-align:left;display:block; margin: 20px 0;}
.sign-in h3 { font-family: 'League Spartan', sans-serif, serif; /*font-style: italic;*/ font-weight: 600;font-size: 28px; color: #405133; margin-bottom: 20px; margin-top: 20px;}
.sign-up input[type="text"], .sign-up input[type="email"]{border:1px solid #3B4B2F;border-radius:8px;background-color:white;outline: 0;width: 95%;font-size: 13px;padding: 7px; /*height: 40px;*/ height: 43px; margin-top: 10px;}
.sign-up input[type="password"]{border:1px solid #3B4B2F;border-radius:8px;background-color:white;outline: 0;width: 95%;font-size: 13px;padding: 7px;}
.signup-submit-btn{padding-top:30px;}
.sign-up-newsletter-div{padding-top:10px; position: relative;}
/*.primarybutton{background-color:black!important;color:white;font-size:1em;border:0px;padding: 0.7em 1.2em;text-transform:none!important;}*/
.sign-up-newsletter-div .pfcheck {
height: 25px;
width: 25px;
border: 1px solid #B9A99A;
border-radius: 0;
outline: none;
transition-duration: 0.3s;
background-color: #FFFFFF;
cursor: pointer;
position: relative;
float: left;
margin-right: 10px;
}
.sign-up-newsletter-div input[type="checkbox"] {
visibility: hidden;
height: 25px;
width: 25px;
position: absolute;
left: 0;
}
.sign-up-newsletter-div label.checked .pfcheck {
border: 1px solid #907242;
background-color: #B9A99A;
}
#userlogin input[type="submit"]:hover,
.signup-submit-btn input[type="submit"]:hover {
background: #8F7242;
}
/* checkout */
/* checkout 1*/
.footercheckout { margin-top: 50px;border-top: 1px solid #98959B; border-bottom: 0; border-left: 0; border-right:0; padding-top: 15px;position: relative; z-index: 2;}
.footercheckout .pffooterlinks ul li { display: inline-block; font-weight: 400; margin-right: 15px; font-size: 10px; cursor: pointer;}
.footercheckout .pffooterlinks ul li:first-child {color: inherit; margin-bottom: 15px;}
.footercheckout .pffooterlinks ul li:focus, .footercheckout .pffooterlinks ul li:hover {color: inherit;}
.footercheckout .pffooterlinks {min-height: auto;}
.cart-summary-total,.cart-shipping-method,.cart-tax,.cart-grand-total {font-weight: 700;text-transform: uppercase;}
.cart-description h3 {font-family: 'League Spartan', sans-serif; /*font-style: italic;*/ font-weight: 400;font-size: 36px; color: #405133;}
tr.cart-content-item td {vertical-align: top;}
tr.cart-content-item td.cart-content-item-name {vertical-align: top;}
tr.cart-content-item td.cart-content-item-img { margin-bottom: 40px; display: inline-block; padding: 5px;}
tr.cart-content-item td.cart-content-item-name span {}
tr.cart-content-item td.cart-content-item-name br { height: 0; line-height: 0;}
tr.cart-content-item td.cart-content-item-name a { display: block; margin-bottom: 3px; padding-right: 10px;line-height:1.4em;}
tr.cart-content-item td a { line-height: 16px;}
.shopping-cart td.cart-apply-discount a.smokepointsredeemlink { margin-left: 0;}
.paymentlist{position:relative;display:inline-block; min-width: 12%;}
#checkoutoptions{display:none;position:absolute;right:0px;}
.paymentlist #checkoutoptions{display:none !important;}
#checkoutoptions td{white-space:nowrap;}
input[type="button"].primary_button , input[type="button"], input[type="button"]:focus, input[type="button"]:hover {outline: none; border:0;}
.cart-tax{padding-right:20px;}
.checkout1-form{display:none;}
#logincheckout1{display:none;}
.shopping-cart .remove-discount {font-size: 10px; color: #645E5C;}
.checkout-form h1 {font-family: 'League Spartan', sans-serif; /*font-style: italic;*/ font-weight: 400;font-size: 36px; color: #3B4B2F;}
.checkout-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;}
.checkout-form *:focus {outline: none;}
.checkout-form input[type="text"], .checkout-form input[type="password"], .checkout-form input[type="email"]{border:0px;padding:0;width:95%;margin:1px;margin-top: -9px;}
.checkout-form select{border:0px;padding:0;width:95%;margin-top: -2px;}
.checkout-form .formlabel{display:block;text-align:left;font-size:10px;color:#999;padding-left:5px;white-space:nowrap;}
.checkout-form .formpair{border:1px solid #98959B;border-radius:8px;padding:0px;margin:5px 5px 5px 0;width:47%;height:50px;vertical-align:top;}
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .input{width:100%;}
.border-blue{ border: 1px solid #D7D7D7!important; -webkit-box-shadow: 0px 1px 3px 0px rgba(202,202,202,0.8); -moz-box-shadow: 0px 1px 3px 0px rgba(202,202,202,0.8); box-shadow: 0px 1px 3px 0px rgba(202,202,202,0.8);}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block; margin-top: 40px !important; margin-bottom: 20px;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:10px;text-align:left;}
.checkout-form .primary_button{border:0px; font-family: "League Spartan", sans-serif; color:#fff; /*text-transform: uppercase;*/font-weight: 400; margin-left: 7px; background: #405133; font-size: 18px; border-radius: 25px;padding: 10px 5px !important; width: 300px; height: 40px; margin-bottom: 60px;}
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center; margin-top: 20px;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{width:49%;display:inline-block;vertical-align:top;/*background-color:#ebebeb;*/}
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px 0;}
.shopping-cart .applycouponid{text-decoration:underline;}
.shopping-cart #discount-coupon-field {padding:5px 10px;width: 80%;border: 1px solid #676D56;border-radius: 8px;outline: 0;float: left;}
.shopping-cart #discount-coupon-form input[type="text"]::-webkit-input-placeholder {text-transform:uppercase;color:#98959B;}
.shopping-cart #discount-coupon-form a {color: #676D56; text-transform: uppercase; border-bottom: 1px solid #8F7242; border-top: 0; border-left: 0; border-right: 0; padding-bottom: 2px;margin-top: 5px; display: inline-block; font-weight: 700;}
.shopping-cart .discount-result{display:none;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #98959B;border-bottom:1px solid #98959B;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#98959B;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}
/* checkout 2 */
.payment-method label input[type="radio"], .billing-address label input[type="radio"], .shipping-method label input[type='Radio'] { /*visibility: hidden; margin-right: 0;*/position: absolute;/*opacity: 0;*/display: block;width: 25px;height: 25px;z-index: 2; margin-top: -1px;}
.payment-method label .pfcheck, .billing-address label .pfcheck, .shipping-method label .pfcheck {opacity: 0;height: 25px;width: 25px;border: 1px solid #B9A99A;border-radius: 0;outline: none;transition-duration: 0.3s;background-color: #FFFFFF;cursor: pointer;position: relative;float: left; margin-right: 10px;}
.payment-method input:checked .yes.pfcheck, .billing-address input:checked .yes.pfcheck, .shipping-method input:checked .yes.pfcheck {border: 1px solid #907242;background-color: #B9A99A;}
.checkout2-form .reminder { margin-top: 30px; padding: 20px 40px; background-color: #eee;}
.checkout2-form .reminder h4 { color:#8F7242; font-weight: 700; margin-bottom: 10px;font-size: 13px;}
.checkout2-form .reminder p { line-height: 16px;}
#login-form { text-align:center; margin-bottom: 40px;}
#login-form #login { padding: 8px 20px; border-radius: 50px; display: block;text-align: center; max-width: 300px; background: #676D56; text-transform:uppercase;height: 40px;margin: 10px auto 20px; font-family: 'League Spartan', sans-serif; font-size: 18px; }
.checkoutform h4, #customer_registration h4 {font-family: 'League Spartan', sans-serif; /*font-style: italic;*/ font-weight: 400;font-size: 30px; margin-bottom: 10px;}
#multi_cur_form{text-align:right;padding:10px;display:none;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #98959B;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #98959B;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #98959B;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #98959B;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #98959B;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #98959B;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
#CheckoutForm2 h2, .checkout2-form h2 {font-family: 'EB Garamond', Times, serif; font-style: italic; font-weight: 400;font-size: 30px; margin-bottom: 10px;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:left;padding:10px;}
.checkout2-form .primary_button{border:0px; text-transform: uppercase;font-weight: 400;color:#fff;background: #000000; border-radius: 25px;padding: 7px 5px !important; width: 300px; height: 40px;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{text-align:right;padding-right:20px;border-top:1px solid #98959B;border-bottom:1px solid #98959B;padding-top:7px;padding-bottom:7px;margin-top:10px;font-size: inherit;display:none;font-size:1.4em;}
.cart-tax{text-align:right;font-size:14px;}
/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;/*padding:10px;*/padding-top:0px;}
.payment-form td { padding: 0;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}
#checkout_step_4_error h3 {
font-family: 'EB Garamond', Times, serif;
font-style: italic;
font-weight: 400;
font-size: 30px;
margin-bottom: 10px;}
#checkout_step_4_error h3 + p { display: none;}
#CCInfoForm.payment-form-field input.primary_button {float: left; margin-left: 105px; margin-bottom: 30px;text-transform: uppercase;}
.cc-instructions-bottom td { text-align: left; margin-top: 30px; padding: 20px 40px; background-color: #eee; line-height: 16px;}
.ccpagesimgages { width: 70%; padding-right: 30px; margin-bottom: 30px;}
@media screen and (max-width: 1200px) {
.shopping-cart #discount-coupon-field { width: 75%;}
#userlogin input[type="submit"],.signup-submit-btn input[type="submit"] { width:270px;}
}
@media screen and (max-width: 1000px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:49%;}
.sign-in { width: 100%; margin-left: 0; margin-bottom: 20px;}
.sign-up { width: 100%; margin-left: 0; margin-bottom: 60px;}
.login-wrapper { margin-bottom: 40px;}
}
@media screen and (max-width: 750px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form .primary_button, .checkout2-form .primary_button { width: 100%;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:100%;padding:0px;}
.payment-form div{padding-right:0px!important;padding-left:0px!important;}
.payment-form label{padding-right:0px!important;padding-left:0px!important;white-space:nowrap;text-align:left;width:100%;}
.jp-card-container{transform:scale(0.8)!important;width:300px!important;}
.footercheckout .pffooterlinks ul li { display: block; text-align: center;}
.footercheckout .copyright.text-right { text-align: center;}
#userlogin input[type="submit"], .signup-submit-btn input[type="submit"] { width: 100%;}
#userlogin input[type="button"] { float: left; margin-top: 15px;}
.sign-in h3, .sign-up-form h3 { margin-bottom: 0;}
.cc-usaepay-form td{padding:0px;}
}
/* checkout */
.payment-form .forms {
border: 1px solid #98959B;
outline: 0;
border-radius:3px;
height: auto;
width: 90%;
font-size: 13px;
padding: 5px;
margin: 5px;
}
.payment-form .SelectBox {
border: 1px solid #98959B;
outline: 0;
border-radius:3px;
height: auto;
width: 43%;
font-size: 13px;
padding: 5px;
margin: 5px;
}
.payment-form .primary_button {
width: 300px;
height: 40px;
padding: 7px 5px;
border-radius: 25px;
outline: 0;
margin: 10px auto;
}
/* price range */
.jslider .jslider-bg{position:static!important;}
/* price range */
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}
.showcartrecurring{display:none;}
.checkout-steps ul{list-style-type:none;padding:0px;}
.checkout-steps ul li{display:inline-block;padding-left:5px;padding-right:5px;font-weight:bold;}
.checkout-steps ul li.active{color:#8F7242;}
.checkout-steps ul li.cursorpointer{cursor:pointer;}
.checkout-steps ul li.cursorpointer:hover{text-decoration:underline;}
.repeat-order{display:none;}
.cart_total_value2, .cart_total_currency_type2{font-size:1em;}
.cc-order-total{display:none;}
.cc-cvv-image{display:none;}
.cc-instructions-top{display:none!important;}
.cc-instructions-bottom{display:table-row!important;}
.rma_orderdate{display:none;}
/* final payment */
.finalpaymentdiv1 td{padding:0px;}
.orderinfo div{display:inline-block;width:50%;}
.ordersummaryinfo div{display:inline-block;width:50%;}
.ordersummarycontentinfo{text-align:right;}
.ordertotalinfo div{display:inline-block;width:50%;}
.orderinfocontent{text-align:right;}
.imgsrc{max-width:100px;}
#finalpaymentsection{display:none;}
.margintop0{margin-top:0px;}
.margintop10{margin-top:10px;}
.width300{width:300px;}
.margin0auto{margin:0 auto;}
#ageverification{z-index:1100;}
#password2content{color:red;}
@media (-webkit-device-pixel-ratio: 0.25),
(-webkit-device-pixel-ratio: 0.3),
(-webkit-device-pixel-ratio: 0.33),
(-webkit-device-pixel-ratio: 0.35),
(-webkit-device-pixel-ratio: 0.4),
(-webkit-device-pixel-ratio: 0.45),
(-webkit-device-pixel-ratio: 0.5),
(-webkit-device-pixel-ratio: 0.55),
(-webkit-device-pixel-ratio: 0.6),
(-webkit-device-pixel-ratio: 0.65),
(-webkit-device-pixel-ratio: 0.67),
(-webkit-device-pixel-ratio: 0.7),
(-webkit-device-pixel-ratio: 0.75),
(-webkit-device-pixel-ratio: 0.8),
(-webkit-device-pixel-ratio: 0.85),
(-webkit-device-pixel-ratio: 0.9),
(-webkit-device-pixel-ratio: 0.95) {
.pffrontheroimg img {
min-width: 100%;
}
.navbar-nav > li { margin-left: 0; }
.container { width: 60vw; }
}
@media (-webkit-device-pixel-ratio: 1.25) {
* {
zoom: 0.98;
}
html { width: 100%; }
body { width: 100%; max-width: 100%; }
.fronthero { height: 125vh; }
.pffrontheroimg { height: auto; }
/* */
.pffrontabt { height: 125vh; }
.pfherobox { padding-top: 50px; }
.logo a { width: 122px; }
.cartquantity { border-radius: 50%; top: -15px; font-size: 13px; height: 30px; line-height: 32px; }
.pfdivbtn .pfbtn { padding: 10px 5px; }
.front-slide3 { background-position: 70vw 30%; background-size: 50%; }
.measuring-cup-img:after { left: 40%; top: calc(50% + 21px); }
.front-slide6 .front-slide6-img { bottom: -130px; }
.front-slide5 .ft-sld-left img { max-width: 700px; }
.front-slide5:after { margin-right: -15vw; }
#pffront2 { background-position-x: -5%; }
#pffront3 { background-position: 105% 50%; }
#pffront4 { background-position: 10% 10%; }
.navbar-default .navbar-nav > li > a { font-size: 20px; }
#swiper-product-page-pic .swiper-wrapper { max-height: 125vh !important; height: 125vh !important; }
.pfprodtwinsides { height: 125vh !important; }
/* */
}
@media (-webkit-device-pixel-ratio: 1.5) {
* {
zoom: 0.96;
}
html { width: 100%; }
body { width: 100%; max-width: 100%; }
.fronthero { height: 100%; }
.pffrontheroimg { height: auto; }
.pffrontheroimg img { margin-left: -10vw; }
/* */
/*.col-md-8 { width: 56.666667%; }*/
/*.front .navbar-nav { padding-left: 10px; }*/
.pfherobox { padding-top: 50px; }
.logo a { width: 122px; }
.cartquantity { border-radius: 50%; top: -15px; font-size: 13px; height: 30px; line-height: 32px; }
.pfdivbtn .pfbtn { padding: 10px 5px; }
.front-slide3 { background-position: 70vw 30%; background-size: 50%; }
.measuring-cup-img:after { left: 40%; top: calc(50% + 28px); }
.front-slide6 .front-slide6-img { bottom: -141px; }
.front-slide5 .ft-sld-left img { max-width: 700px; }
.front-slide5:after { margin-right: -15vw; }
#pffront2 { background-position-x: -5%; }
#pffront3 { background-position: 105% 50%; }
#pffront4 { background-position: 10% 10%; }
.navbar-default .navbar-nav > li > a { font-size: 20px; }
#swiper-product-page-pic .swiper-wrapper { max-height: 125vh !important; height: 125vh !important; }
.pfprodtwinsides { height: 125vh !important; }
/* */
}
@media (-webkit-device-pixel-ratio: 1.75) {
* {
zoom: 0.95;
}
html { width: 100%; }
body { width: 100%; max-width: 100%; }
.fronthero { height: 100%; }
.pffrontheroimg { height: auto; }
.col-md-8 { width: 56.666667%; }
/*.front .navbar-nav { padding-left: 60px; }*/
.pfherobox { padding-top: 50px; }
.logo a { width: 85px; }
.cartquantity { border-radius: 50%; top: -15px; font-size: 13px; height: 30px; line-height: 32px; }
.pfdivbtn .pfbtn { padding: 10px 5px; }
.front-slide3 { background-position: 70vw 30%; background-size: 50%; }
.measuring-cup-img:after { left: 40%; top: calc(50% + 28px); }
.front-slide6 .front-slide6-img { bottom: -147px; }
.front-slide5 .ft-sld-left img { max-width: 700px; }
.front-slide5:after { margin-right: -15vw; }
#pffront2 { background-position-x: -15%; }
#pffront3 { background-position: 120% 50%; }
#pffront4 { background-position: 5% 10%; }
.navbar-default .navbar-nav > li > a { font-size: 20px; }
#swiper-product-page-pic .swiper-wrapper { max-height: 125vh !important; height: 125vh !important; }
.pfprodtwinsides { height: 125vh !important; }
}
/*@media (min-device-pixel-ratio: 2) and (max-device-pixel-ratio: 2) {*/
@media (-webkit-device-pixel-ratio: 2) {
* {
zoom: 0.95;
}
body { max-width: 100%; }
.fronthero { height: 100%; }
.pffrontheroimg { height: auto; }
.fronthero .pffront1 .pffrontheroimg img, .pffrontheroimg img { min-width: 100%; margin-left: 0; }
}