body {
padding: 0;
margin: 0;
background: #ffffff;
}
body a {
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
}
input[type="button"],
input[type="submit"] {
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
p {
margin: 0;
line-height: 24px;
}
ul {
margin: 0;
/*padding: 0;*/
}
label {
margin: 0;
}
td,
th {
padding: 10px;
}
/*-----start-header----*/
.logo h1 a {
text-decoration: none;
font-size: 30px;
letter-spacing: 2px;
}
.logo a span {
font-size: 35px;
/*border: 2px solid #AB1156;*/
border-radius: 50%;
width: 50px;
display: block;
text-align: center;
float: left;
padding: 2px 0 0 4px;
height: 50px;
vertical-align: middle;
margin-right: 3px;
}
.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: #232b2b;
}
.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 {
background-color: transparent !important;
color: #232b2b;
}
/*--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 {
color: #707070 !important;
}
.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: #000000;
color: #FFF;
font-size: 15px;
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;
}
.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: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
.login-right input[type="password"] {
border: 1px solid #EEE;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
.login-right input[type="submit"] {
background: #000000;
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 p a {
text-decoration: none;
/*color:#97D700;*/
}
.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: #000000;
font-size: 16px;
text-transform: uppercase;
margin: 0 0 0px 0;
font-weight: bold;
}
.reg form input[type="text"],
.reg form input[type="password"] {
width: 100%;
padding: 8px;
font-size: 14px;
font-weight: 400;
border: 1px solid #e6e6e6;
outline: none;
color: #000;
}
.reg-form {
float: left;
width: 50%
}
.reg-right {
float: right;
width: 47%
}
p.click a {
display: inline-block;
color: #000000;
}
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: 9px 35px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
margin: 0 0 32px 0;
background: #000000;
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 --*/
/*-- contact-page-starts-here --*/
.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;
}
.contact-form input[type=submit] {
border: none;
color: #ffffff;
padding: 13px 43px;
font-size: 14px;
cursor: pointer;
font-weight: 500;
background: #000000;
}
.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: #1a1a1a;
}
/*-- //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) {
a.product_name {
margin: 7px 0;
}
.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: 1px solid #e8e8e8;
}
.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: 1px solid #e8e8e8;
}
span.label {}
.acount-btn {
border: 0px;
}
#newlogin h3,
#userlogin h3 {
color: #000;
font-size: 20px;
padding-bottom: 18px;
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: .8 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 #EEE;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
#userlogin input[type="password"] {
border: 1px solid #EEE;
outline-color: #CACACA;
width: 96%;
font-size: 13px;
padding: 8px;
}
#userlogin input[type="submit"] {
background: #000000;
color: #FFF;
padding: 10px 30px;
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;
}
#userlogin input[type="button"] {
background-color: transparent;
border: 0px;
color: #337AC4;
}
#userlogin input[type="button"]:hover {
text-decoration: underline;
}
#userlogin table {
width: 100% !important;
}
#newlogin {
display: inline-block;
width: 48%;
vertical-align: top;
margin-left: 1%;
}
#userlogin {
width: 100%;
}
#userlogin {
display: inline-block;
width: 50%;
vertical-align: top;
}
#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: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.reg .tableheader2 {
font-size: 24px;
color: black;
}
.reg td {
padding: 0px 0px 22px
}
.reg .tablecell {
color: #CAC9C9;
}
.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: #CACACA;
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: #CACACA;
font-size: 13px;
padding: 8px;
}
.checkout1-form ul li div.formlabel {
font-size: 14px;
}
@media screen and (max-width: 800px) {
#newlogin {
width: 100%;
}
#userlogin {
width: 100%;
}
#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:#204eb4;}
.iesbackgroundcolor2{background-color:#fe5a27;}
.iesbackgroundcolor3{background-color:#000000;}
.iesfontcolor1{color:#232b2b;}
.iesfontcolor2{color:#232b2b;}
.iesfontcolor3{color:#ffffff;}
.iesfontfamily1{font-family: 'Didact Gothic', Arial, sans-serif;}
.iesfontfamily2{font-family: 'Didact Gothic', Arial, sans-serif;}
.iesfontfamily3{font-family: 'Didact Gothic', Arial, sans-serif;}
.iesdefaultfontfamily1{font-family: 'Didact Gothic', Arial, sans-serif;}
.iesdefaultfontfamily2{font-family: 'Didact Gothic', Arial, sans-serif;}
.iesdefaultfontfamily3{font-family: 'Didact Gothic', Arial, sans-serif;}
.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 - 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: inline-block;
width: 100%;
margin-top: 10px;
}
.category_pic {}
/* adding more to the one defined above */
/* more widget classes - end */
/*=== things to change ===*/
/*================
CUSTOM TEMPLATE STYLE
================*/
a {
text-decoration: none;
color: inherit;
}
a:hover,
a:focus {
text-decoration: none;
color: inherit;
}
.nopad {
padding-left: 0;
padding-right: 0;
}
.nopad-left {
padding-left: 0;
}
.nopad-right {
padding-right: 0;
}
.navbar-logo {
font-size: 5.5em;
color: #232b2b !important;
margin-top:10px;
}
.navbar-default .navbar-brand {
width: 100%;
padding-left: 30px;
}
.cartbox {
cursor: pointer;
padding: 0 5px;
position: relative;
}
.cartbox .cart-total-qty {
background: #232B2B;
color: #FFFFFF;
padding: 3px 9px;
position: absolute;
border-radius: 50px;
font-size: 12px;
right: 25px;
top: -3px;
}
.cart-total-price {}
.checkout img {
float: right;
}
.fa-chevron-right {
float: left;
/*color: rgba(255,255,255,.5);*/
margin: 12px 7px;
cursor: pointer;
}
.navbar {
border: 0;
border-radius: 0px;
margin-bottom: 20px;
}
.accountbox {
text-align: center;
}
.accountbox img {
margin: 0 auto;
}
.navbar-fixed-top {
position: fixed;
top: 0;
z-index: 8;
width: 100%;
}
.navbar-brand {
padding: 5px 15px 5px 0px;
}
.logo img {
max-height: 65px;
}
.pipe-top {
padding: 5px 0 3px;
font-size: 12px;
margin-bottom: 20px;
}
.pipe-mid {}
.navbar-nav {
float: none;
}
.navmr {
position:static;
}
.mrnavbarmain {
margin-top: 10px;
position:static;
}
.mrnavbarmain > div {
position:static;
}
.mrnavbar-top {
text-align: center;
margin: 0 auto;
width: 100%;
position:static;
}
.dropdown.mega-dropdown {
margin-left: 0;
padding-left: 0;
position: static;
}
.dropdown.mega-dropdown a {
margin-right: 0;
}
.navbar-nav ul {
position: static;
}
.navbar-nav>li {
float: none;
margin: 0 10px;
display: inline-block;
}
#category-list {
display: none;
padding: 15px 25%;
position: absolute;
width: 100%;
left: 0;
z-index: 2;
background: #ffffff;
text-align: center;
margin: 0 auto;
}
#category-list>div {
text-align: center;
}
#category-list .category1 a:hover {
color: #696969;
}
#category-list .category1 {
display: inline-block !important;
vertical-align: top;
margin: 0 auto;
float: none;
}
#category-list .category1>a {
display: block;
}
#category-list .category2 {}
.dropdown-toggle #category-list:hover {
display: block;
}
.navtopiconright {
margin: 25px auto 3px;
}
/* search */
.searchbox {
text-align: center;
}
.searchbox .fa-search {
color: #292929;
font-size: 20px;
margin-top: 2px;
}
#search {
position: fixed;
z-index: 60;
top: 0px;
left: 0px;
width: 100%;
height: 40%;
background-color: #808080;
-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: #EAEAEA;
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: #292929;
border: 0;
padding: 10px 5px;
color: #FFFFFF;
width: 250px;
}
#search .searchbtn:hover {
background: #49AEC0;
}
/* 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;
}
.navmenu {
padding: 0;
}
.navmenu-fixed-left,
.navbar-offcanvas.navmenu-fixed-left {
padding: 0;
}
.navbar-collapse.in {
overflow-y: auto;
overflow-x: hidden;
}
/* VERTICAL NAVBAR */
.vnavbar .category2 {
width: 100%;
margin: 0;
}
.vnavbar h4 {
padding: 7% 10%;
color: #fff;
text-align: left;
text-transform: uppercase;
}
.vnavbar .category1 {
display: block;
margin: 0;
text-align: left;
}
.navbar-default .navbar-nav>li>a {
border: 0px;
color: #232b2b;
text-transform: uppercase;
}
.dropdown.mega-dropdown span .fa-chevron-down {
margin: 7px 5px 0;
}
.fa-chevron-down {
float: right;
font-size: .7em;
-webkit-transition: all 300ms ease-in 0s;
-moz-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
/* category listing left on category page */
.vnavbar.vnavbar-fixed-left .cat-list-left .category2 {
margin-left: 0;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category1 {
max-width: 100%;
display: block;
float: none;
text-align: left;
margin: 15px 0;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a {
border: 0;
padding: 5px 2px;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a:link,
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a:visited,
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a:hover,
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a:active {
font-weight: 700;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category1>a:hover {
text-decoration: underline;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category2>a {
padding: 5px 2px;
display: block;
}
.vnavbar.vnavbar-fixed-left .cat-list-left .category2>a:hover {
text-decoration: underline;
}
.cat-list-left {
border-top: 1px solid;
border-bottom: 1px solid;
}
.products-front #product_listing_sortby_box {
display: none;
}
.cat-name {}
/* front page */
.slider-text h1 {
background: transparent !important;
}
.slider-action-btn {
padding: 10px 5px !important;
}
.swiper-slide img {
width: 100%;
}
.swiper-pagination-bullet-active {
background: #545c66 !important;
}
.mainbody {}
.products-front {
padding: 0;
margin-top: 40px;
}
.prod-front {
width: 100%;
}
footer {
padding: 40px 0 10px 0;
margin-top: 40px;
}
.footerlinks ul {
padding: 0;
}
.footerlinks li {
list-style-type: none;
color: #EAEAEA;
line-height: 2.2;
padding: 0 0 5px 0;
}
.footerlinks li a,
.footerlinks p {
color: #EAEAEA;
}
.footertgt img {
display: inline-block;
margin-right: 10px;
}
.payment {
margin: 20px auto;
text-align: right;
}
.payment-img {
display: inline-block;
width: 10%;
}
.bolder {
font-weight: 700;
}
#copyright {
font-size: 12px;
color: #ffffff;
/*color: #686868;*/
text-align: center;
margin-top: 20px;
}
#copyright .footer {
display: inline-block;
margin-left: 5px;
color: #ffffff;
}
.media {
display: inline-block;
margin-top: 0;
}
.media p {
color: #fff;
width: 100%;
}
.media img {
float: left;
padding: 15px;
cursor: pointer
}
.media img:first-child {
padding-left: 0px;
}
.media div {}
.blocking {
display: block;
}
.newsletter-media .media {
width: 100%;
margin-top: 20px;
}
#newsletter-fielddv {
width: 60%;
display: inline-block;
}
#newsletter-submit {
width: 25%;
display: inline-block;
}
#newsletter-head {
margin: 0 0 10px;
color: #EAEAEA;
}
#newsletter-field {
width: 100%;
padding: 12px 10px;
background: rgba(255, 255, 255, .9);
border: 1px solid rgba(255, 255, 255, .9);
}
#newsletter-field input[type='text'].search::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #fff;
}
#newsletter-field input[type='text'].search::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
#newsletter-field input[type='text'].search:-ms-input-placeholder {
/* IE 10+ */
color: #fff;
}
#newsletter-field input[type='text'].search:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
#newsletter-submit-button {
text-align: center;
width: 100%;
padding: 12px 5px;
background: transparent;
color: #fff;
border: 1px solid;
}
.newsletter-front {}
.newsletter-box {}
.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;
}
/* MINI CART */
.cartpanel.navmenu-default,
.cartpanel.navbar-default.navbar-offcanvas {
background: #fafafa;
}
.cartpanel {
max-width: 45%;
min-width: 300px;
position: fixed;
z-index: 10;
}
.cartpanel.navmenu-default,
.cartpanel.navbar-default.navbar-offcanvas {}
#cart-collapse {
right: 0;
overflow-x: hidden;
}
.cart-header h4 {
margin-top: 15px;
font-size: 16px;
}
.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;
padding: 1px 0;
line-height: .95;
}
a.checkout-btn {
color: #ffffff;
text-align: center;
padding: 9px;
text-decoration: none;
border-radius: 0;
display: block;
}
a.checkout-btn:hover,
a.checkout-btn:focus {
color: #ffffff;
text-decoration: none;
opacity: .75;
}
.hara-checkout a:hover {
color: #ccc;
}
.cd-cart-items {
margin: 0;
padding: 150px 0 0;
}
.cd-cart-total {
-webkit-box-shadow: 0px 4px 7px 0px rgba(128, 128, 128, .8);
-moz-box-shadow: 0px 4px 7px 0px rgba(128, 128, 128, .8);
box-shadow: 0px 4px 7px 0px rgba(128, 128, 128, .8);
}
.cd-cart-total p {
color: #333333;
font-size: 16px;
font-weight: 500;
}
.cart-item {
display: inline-block;
border-bottom: 1px solid #a2a4a3;
padding: 10px 0;
}
.cart-item:last-child {
border: none;
}
.cart-item-img {
cursor: pointer;
}
.cart-item-name {
text-align: right;
}
.cart-item-price {
text-align: right;
margin-bottom: 5px;
}
.cart-item-qty {
text-align: right;
}
.view-cart {
cursor: pointer;
position: relative;
background:#8a8a8a;
color: #ffffff;
text-align: center;
padding: 9px;
}
.hara-cart-total {
margin-top: 7px;
}
.checkout-btns {
padding-top: 12px;
padding-bottom: 10px;
}
.cart-description img {
width: 100%;
}
/* Category listing */
.mrbody {
border-top: 1px solid #E4E4E4;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin-bottom: 20px;
}
.breadcrumbs {
padding: 0 15px !important;
}
.product {
display: inline-block;
vertical-align: middle;
overflow: hidden;
margin-bottom: 40px;
}
.products-grid img:before {
display: inline-block;
vertical-align: middle;
}
.products-grid img {
max-height: 100%;
overflow-y: hidden;
max-width: 100%;
position: relative;
margin: 0 auto;
}
.products-grid {
display: inline-block;
width: 100%;
margin-bottom: 50px;
}
#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 #292929;
color: #292929;
}
.paging_outer li.activeclass a {
border: 1px solid #292929;
background: #292929;
color: #ffffff;
}
#product_listing_sortby_box {
text-align: right;
position: relative;
}
#product_listing_sortby_box form {
width: 100%;
float: left;
margin: 10px 0 20px;
padding-right: 15px;
}
#product_listing_sortby_box #sortbytext {
font-size: 14px;
margin-right: 5px;
color: #9D9D9C;
}
#product_listing_sortby_box select {
border: 0;
font-size: 14px;
background: #EFEFEF;
color: #9D9D9C;
padding: 3px;
outline: 0;
}
#maindesc .page_description_main {
padding-left: 15px;
padding-right: 15px;
}
.carttext {
margin: 10px auto;
}
.carttext a,
.stocknotificationtext a {}
.carttext a {
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 10px 5px;
width: 60%;
border-radius: 0;
display: block;
}
.carttext a:hover,
.carttext a:focus {
opacity: .75;
color: #FFFFFF;
}
.wishlistbutton {
cursor: pointer;
color: #a8a8a8;
display: block;
}
.product_original_price {
text-align: center;
color: #9D9D9C;
text-decoration: line-through;
margin-left: 5px;
}
.product_name {
display: block;
margin: 10px auto;
font-size: 18px;
}
.money {
display: inline-block;
}
.cat_list {
display: inline-block;
width: 24%;
margin-bottom: 2%;
text-align: center;
border: 1px solid #eee;
}
.cat_img img {
margin: 0 20%;
}
/*#maindesc,*/
#breadcrumbs,
.category_breadcrumbs {
display: inline-block;
}
.page_description_header_main {
text-align: center;
font-size: 30px;
}
.category_breadcrumbs {
display: none;
}
.category-bread #breadcrumbs>h1,
.category-bread #maindesc>h1 {
text-align: left !important;
font-weight: 300 !important;
font-size: 1em !important;
}
/* category listing left on category page */
.cat-list-left .category1 {
max-width: 100%;
display: block;
text-align: left;
margin: 15px 0;
}
.cat-list-left .category1>a {
border: 0;
}
.cat-list-left .category2 {
margin-left: 5%;
}
.cat-list-left {
margin: 75px auto 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;
}
.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: 68%;
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: 20px auto;
}
.shopping-cart-apply-discount td {
padding-left: 0;
}
.cart-description p {
display: none;
}
.ShowCartCheckOutBtn {
border: 0;
text-transform: uppercase;
padding: 10px 30px;
font-weight: 400px;
width: 100%;
outline: 0;
}
.ShowCartChangeQtyBtn {
background: #3f3f3f;
color: #fff;
border: 0;
outline: 0;
}
.ShowCartContinueBtn {
background: #8a8a8a;
color: #fff;
border: 0;
margin-right: 1px;
outline: 0;
}
.shopping-cart-buttons {
margin: 20px auto;
text-align: right;
outline: 0;
}
.ShowCartContinueBtn,
.ShowCartChangeQtyBtn {
font-weight: 400;
padding: 10px 20px;
outline: 0;
}
.mobile-shopping-cart-buttons {
text-align: right;
}
.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;
font-size: .7em;
}
.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;
}
@media only screen and (max-width: 768px) {}
@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%;
}
}
@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: 20px auto;
padding: 1em 0;
}
.shopping-cart-info {
width: 100%;
}
.mobile-shopping-cart-buttons .ShowCartCheckOutBtn {
position: relative;
padding: 1em;
width: 100%;
margin-top: 0;
}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn {
margin-top: 4em;
margin-bottom: 5%;
float: right;
}
.mobile-shopping-cart-buttons .ShowCartContinueBtn {
margin-top: 4em;
margin-bottom: 5%;
}
.cart-remove-all {
width: 60%;
}
.shopping-cart-total-qty {
width: 10%;
}
.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) {
.content-item-name {
width: 35%;
}
.content-item-price {
width: 22%;
}
.content-item-points {
font-size: .8em;
}
}
@media only screen and (max-width: 350px) {
.mobile-shopping-cart-buttons .ShowCartContinueBtn {
font-size: 10px;
padding: 2%;
margin-top: 4.6em;
}
.ShowCartContinueBtn {
font-size: 10px;
}
.header-name {
width: 35%;
}
.header-qty {
width: 25%;
}
}
/* RESPONSIVE SETTINGS */
@media only screen and (min-width: 1921px) {}
@media only screen and (max-width: 1920px) {}
@media only screen and (max-width: 1441px) {}
@media only screen and (max-width: 1240px) {}
@media only screen and (max-width: 1200px) {
.navbar-logo {margin-top: 0;}
.navbar-logo .logo img {
width: 100%;
}
.navtopiconright {
margin-top: 14px;
}
.mrnavbarmain {
margin-top: 7px;
}
#category-list { padding: 15px 12%;}
}
@media only screen and (max-width: 1024px) {
.list-group-item {
padding: 10px 2px 10px 10px;
}
}
@media only screen and (max-width: 992px) {
.cartbox .cart-total-qty {right: 19px;}
}
@media only screen and (max-width: 800px) {
.navbar {margin-bottom: 5px;}
.navbar-collapse.collapse {
float: left;
}
.navbar-logo {
font-size: 3em;
}
.mrnavbarmain {
margin-top: 0;
}
.navtopiconright {
margin-top: 10px;
padding-left: 0;
}
.navbar-default .navbar-nav>li>a {
padding-left: 10px;
padding-right: 10px;
}
.cart-total-qty {
right: 20px;
padding: 1px 15% 2px;
}
}
/* Mobile View */
@media only screen and (max-width: 767px) {
.navbar {
margin-bottom: 10px;
}
.navbar-header {
padding-right: 0;
}
.navbar-default .navbar-brand {
padding-right: 0;
}
.navtopiconright {
margin-top: 0;
padding-right: 0;
}
.cartbox .cart-total-qty {
right: 25px;
}
.slider-text h1 {
padding: 20px 0 !important;
font-size: 22px !important;
}
.iessnippet-basic {
padding-top: 10px !important;
}
#search {
height: 100%;
}
#newsletter-fielddv {
width: 65%;
}
#newsletter-submit {
width: 35%;
}
.payment-img {
width: 15%;
}
.footerlinks li {
line-height: 2.5;
padding: 0;
margin: 20px auto;
}
.payment {
text-align: center;
}
.carttext a {
width: 100%;
}
/* VERTICAL NAVBAR PANEL */
.navmr, .mrnavbarmain, .mrnavbarmain > div { position: relative;}
.navbar-collapse.collapse {position: fixed;}
.navbar-nav {
margin: 0;
}
li.mobnavlogo img {
width: 100%;
}
.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: 70%;
min-width: 270px;
border-top: 0;
float: none;
background: #FFFFFF;
}
.navbar-default .navbar-toggle {
border: none;
float: right;
padding-right: 0;
padding-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #292929;
width: 35px;
height: 4px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 5px;
}
.navbar-default .navbar-nav>li>a {
text-align: left;
padding: 20px 10px;
}
.navbar-nav>li {
width: 100%;
margin: 0;
border-bottom: 1px solid #d6d6d6;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: transparent;
}
.navbar {
width: 100%;
}
#category-list {
position: relative;
width: 100%;
background: transparent;
text-align: left;
margin-left: 0;
padding: 0;
border-top: 1px solid #d6d6d6;
}
#category-list div {
text-align: left;
}
#category-list>div {
padding: 20px 0 20px 10px;
width: 100%;
margin: 0;
border-bottom: 1px solid #d6d6d6;
}
.category1 {
max-width: 100%;
}
.category1>a {
border-bottom: 0;
}
.category2 {
margin: 0;
padding: 4% 0 4%;
}
.dropdown.mega-dropdown a {
margin: 0;
width: 100%;
display: block;
}
.navbar-toggle {
margin-right: 0px;
margin-top: 0;
}
.vnavbar {
position: fixed !important;
right: 0;
top: 0;
bottom: 0;
}
.vnavbar h4 {
padding-left: 12%;
}
.list-group-item {
padding: 10px 10px;
}
a.list-group-item {
font-size: .6em;
padding-left: 12%;
}
/* MOBILE MINI CART */
.content-item-img img { width: 100% !important;}
.paymentlist { padding-left: 0;}
/* Product */
.cat_img img {
max-height: 100px;
max-width: 100px;
width: 70%;
margin: 0 20%;
}
}
@media only screen and (max-width: 450px) {
.navbar-default .navbar-brand {
padding-left: 15px;
}
.logo img {
max-height: 48px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
.cat_list {
width: 32%;
}
}
@media only screen and (max-width: 400px) {}
@media only screen and (max-width: 350px) {
.navbar-logo {
font-size: 2.5em;
}
.cat_list {
width: 49%;
}
}
/* checkout */
.checkoutheader {margin-top: 15px;}
#login-form #login {
border-radius: 0;
margin-left: 5px;
background: #292929;
}
#billingsecton .checkoutform h4 {
margin-top: 15px;
}
/* checkout 1*/
.paymentlist {
position: relative;
display: inline-block;
min-width: 12%;
}
#checkoutoptions {
display: none;
position: absolute;
right: 0px;
}
#checkoutoptions td {
white-space: nowrap;
}
.cart-tax {
padding-right: 20px;
}
.checkout1-form {
display: none;
}
#logincheckout1 {
display: none;
}
.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"] {
border: 0px;
padding: 0;
width: 95%;
margin: 1px;
}
.checkout-form select {
border: 0px;
padding: 0;
width: 95%;
}
.checkout-form .formlabel {
display: block;
text-align: left;
font-size: 12px;
color: #999;
padding-left: 5px;
white-space: nowrap;
}
.checkout-form .formpair {
border: 1px solid #ccc;
border-radius: 3px;
padding: 0px;
margin: 5px;
width: 47%;
height: 45px;
vertical-align: top;
}
.checkout-form .checkoutform {
border: 0px;
padding: 0px;
margin-top: 20px;
}
.checkout-form .input {
width: 100%;
}
.border-blue {
border: 1px solid #7e7e7e!important;
-webkit-box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.75);
-moz-box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.75);
box-shadow: 0px 2px 4px 0px rgba(41, 41, 41, 0.75);
}
.checkout-form #shiptodifferentaddress {
display: none;
}
.checkout-form #customer_registration_link {
display: none;
}
.checkout-form #customer_registration {
display: block;
}
.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;
padding: 10px 15px!important;
color: #fff;
margin-left: 5px;
background: #292929;
}
.checkout-form .secondary_button {
border: 0px;
background: none;
}
.checkout-form .secondary_button:hover {
text-decoration: underline;
}
.loginsection {
text-align: center;
}
.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;
}
.shopping-cart .applycouponid {
text-decoration: underline;
}
.shopping-cart #discount-coupon-field {
padding: 5px;
}
.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 #ccc;
border-bottom: 1px solid #ccc;
width: 60%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.extra-login-option i {
background-color: #ccc;
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 */
#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 #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.shipping-method label:first-child {
border-top: 1px solid #ccc;
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 #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.payment-method label:first-child {
border-top: 1px solid #ccc;
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 #ccc;
border-top: 0px;
font-weight: normal;
cursor: pointer;
}
.billing-address label:first-child {
border-top: 1px solid #ccc;
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;
}
.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;
padding: 10px!important;
color: #fff;
background: #292929;
}
.cart-shipping-method {
text-align: right;
padding-right: 20px;
}
.cart-grand-total {
text-align: right;
padding-right: 20px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 10px;
font-size: 25px;
display: none;
}
.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;
}
@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%;
}
}
@media screen and (max-width: 750px) {
.checkout-form .formpair {
width: 96%;
}
.shopping-cart {
display: none;
}
.checkout-form,
.checkout2-form,
.payment-form {
border-width: 0px;
display: block;
margin: 0 auto;
width: 100%;
}
.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;
}
}
/* checkout */
/* price range */
.jslider .jslider-bg {
position: static!important;
}
/* price range */
.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}