/*
  Custom CSS by Technology Matters
  Version 1.1
*/


.order-list .table .text-right .btn.btn-info:not(.btn-primary) {
    background-color: red;
}


p > a {
    font-weight: 500;
}

.journal-checkout a {
    font-weight: 500;
}


/* Journal pop-up */

.journal-popup-header {
    padding-top: 20px;
}

.journal-popup-header .heading-title {
    padding: 0;
    margin: 0;
}

.journal-popup-content p,
.journal-popup-content h1,
.journal-popup-content h2,
.journal-popup-content h3 {
    margin-bottom: 20px;
} 

.journal-popup .mfp-close {
    color: #8cc63f;
    font-size: 45px;
}

/* END Journal pop-up */


/* Zip Pay */

#zip-product-widg {
  //display: none !important;
  height: 50px;

}

#zip-product-widg iframe {
  height: auto !important;
  margin-top: -10px;
}

/* END Zip Pay */




.notice-text h4 {font-size: 16px; margin-bottom: 8px;}
.notice-text a {text-decoration: underline;}

p.show-on-mob {display: none;}

.static-banner {margin-top: 25px; margin-bottom: 35px;}

.lost_image {float: left;}

.search-page > p {
    display: block;
    clear: both;
    text-align: center;
    font-size: 24px;
    margin-top: 60px;
    font-weight: 700;
    margin-bottom: 60px;
    font-family: "Aref Ruqaa";
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    letter-spacing: 1px;
    color: rgb(102, 45, 145);
}

.label-outofstock {padding-top: 0.5em;}

.tm-container .btn-primary, .tm-container .btn-default {background-image: none !important; border: none !important;}

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}


.extended-container {
    overflow: hidden;
}

.changedpass h4 {
    font-size: 28px;
    font-weight: bolder;
    font-family: "Aref Ruqaa";
    word-spacing: 0.15em;
    margin-bottom: 10px;
}

.changedpass {
    padding: 12px 30px 20px;
    font-size: 16px;
    background: rgba(235,0,139,0.1);
    color: #EB008B;
    margin-bottom: 20px;
    text-align: center;
}

.payment-cod {display: block !important;}

.information-page-10 h1 {display: none;}

/* CHECKOUT PAGE */

#cvn-details {display: block;max-width: 280px;font-size: 13px;margin-top: 5px;}
#cvn-details + br {display: none;}
.checkout-product thead td, .checkout-product tfoot td {background: rgba(227, 227, 227,0.5);}
.secondary-title, #content #review-title {padding: 2px 0px 4px 0px;}
.pickup_note {font-size: 12px; max-width: 240px; margin-left: 26px; margin-top: 4px; float: left; display: block !important;}
#modal-shipping .pickup_note {display: none !important;}
#modal-shipping .modal-body p {display: none;}
.checkout-content.checkout-payment-methods {min-width: 300px !important;}

.checkout-content.checkout-shipping-methods label {margin-left: 26px; clear: both;}
.checkout-content.checkout-shipping-methods label input {margin-left: -21px; float: left;}

.journal-checkout .spw > .checkout-shipping-methods .radio {
    line-height:0px;
    font-size: 0px;
}

.checkout-shipping-methods .small, #collapse-shipping-method .small {
    font-size: 12px;
    margin-bottom: 6px;
    line-height: 1.3;
    background: rgba(254, 221, 26, 0.36);
    padding: 6px 8px;
}


#collapse-shipping-method .small {margin-top: 10px;}

.checkout-content.checkout-payment-methods h2 {
    margin-bottom: 14px !important;
}

#content.one-page-checkout div:not(.checkout-login) fieldset > div .text-danger {color: red; background: white; top: 0px;}
.form-group.required.has-error {padding-top: 24px;}
.journal-checkout .form-group, .journal-checkout .form-horizontal .form-group {position: relative;}

/*
input[type="radio"][value="pickup.pickup"] {margin-bottom: 35px;}
input[type="radio"][value="pickup.pickup"]:after {
	content: "Please contact us on 03 97853800 to arrange collection prior to placing your order.";
	font-size: 12px;
	max-width: 240px;
	margin-left: 22px;
	margin-top: 21px;
	font-weight: 300;
    	font-family: "Roboto";
	position: absolute;
}

*/


/*input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_500gaus_service_option_signature_on_delivery"] {margin-bottom: 84px;}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_500gaus_service_option_signature_on_delivery"]:after {
	content: "Please let us know in the comments if you do NOT want signature on delivery.";
	font-size: 12px;
	margin-left: 22px;
	margin-top: 48px;
	position: absolute;
	font-weight: 300;
    	font-family: "Roboto";
    	padding-bottom: 8px;
    	border-bottom: 1px solid #f4f4f4;
}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_3kgaus_service_option_signature_on_delivery"] {margin-bottom: 80px;}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_3kgaus_service_option_signature_on_delivery"]:after {
	content: "Please let us know in the comments if you do NOT want signature on delivery.";
	font-size: 12px;
	margin-left: 21px;
	margin-top: 48px;
	position: absolute;
	font-weight: 300;
	font-family: "Roboto";
	padding-bottom: 8px;
    	border-bottom: 1px solid #f4f4f4;
}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_5kgaus_service_option_signature_on_delivery"] {margin-bottom: 80px;}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_5kgaus_service_option_signature_on_delivery"]:after {
	content: "Please let us know in the comments if you do NOT want signature on delivery.";
	font-size: 12px;
	margin-left: 21px;
	margin-top: 48px;
	position: absolute;
	font-weight: 300;
	font-family: "Roboto";
	padding-bottom: 8px;
    	border-bottom: 1px solid #f4f4f4;
}*/

.journal-checkout .coupon-voucher .input-group-btn .button, .journal-checkout .coupon-voucher input .button {line-height: 35px;}

.success, .warning, .information, .attention {width: auto; margin: 0px 20px;}

.buttons {background: rgb(227, 227, 227);}

.sc-page .buttons .pull-left {margin-bottom: 0px;}

.action-area {background-color: rgb(227, 227, 227); max-width: 600px; margin: 40px auto;}
.action-area .panel {box-shadow: none !important;}
.action-area .panel-body {max-width: 0px; margin: 0px !important; background-color: rgb(227, 227, 227);}

.action-area h3 {background: white; color: rgb(102, 45, 145); font-family: "Aref Ruqaa"; font-size: 24px; word-spacing: 3px; text-align: center;}
#content.sc-page .content p, #content.sc-page .action-area p {font-size: 16px; line-height: 1.5;}
.action-area .panel {margin-bottom: 0px;}
table.radio .highlight td, .action-area .panel-heading {background: transparent;}
.oc2 .action-area .panel-heading .panel-title > a:hover {background: rgb(102, 45, 145);}
.oc2 .action-area .form-group label {min-width: 130px !important;}
.oc2 .action-area select {margin-left: 0px;}
.oc2 .action-area .buttons {margin: 0px;}
#content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td {background: transparent;}

.route-checkout-success #content p {font-size: 18px; line-height: 1.5; text-align: center; max-width: 820px; margin: 0px auto 20px;}
div#payment-confirm-button.payment-eway {/*display: none;*/}
#eway-payment-form div {width: auto !important; display: block !important; float: none  !important;}
#eway-payment-form #payment > .form-group {display: none !important;}
.oc2 .form-horizontal .form-group label {width: 25%;}
.oc2 .edit-address .form-horizontal .form-group label {width: 25%;}

.action-area .panel-collapse {display: block; visibility: visible;}
.action-area .panel-heading {display: none;}
.action-area label.col-sm-2.control-label {display: none;}
.panel.panel-default.sc-voucher .panel-body {padding-top: 0px;}
.checkout-content, .checkout-page .panel-body {/*background: rgb(227, 227, 227);*/}


/* MULTI-PAGE CHECKOUT */

.checkout-heading, .checkout .panel-heading {
    background: none;
    text-align: center;
    position: relative;
}

.checkout .panel {box-shadow: none;}


.checkout h4.panel-title:before {
    height: 2px;
    width: 100%;
    background-color: #8cc63e;
    position: absolute;
    top: 24px;
    left: 0;
    content: '';
    z-index: -1;
}

.checkout .panel-title {
    margin: 0;
    padding: 0 13px;
    font-size: 18px;
    color: rgb(102, 45, 145);
    display: inline-block;
    background: white;
    min-width: 247px;
    font-family: "Aref Ruqaa";
}
.panel-heading a:hover {color: rgb(125, 173, 69);}

.checkout .panel-body .buttons {background: none; padding: 15px 0px; margin: 0px}
.checkout .panel-body .buttons .pull-right {float: none; text-align: center;}

/*.checkout-content, .checkout-page .panel-body {*/
.checkout-page .panel-body {
    padding: 12px;
    max-width: 500px;
    margin: auto;
}

#collapse-checkout-confirm .panel-body {max-width: 800px; font-size: 14px;}

.checkout-product thead td,
.checkout-product tfoot td {
    background: rgb(227, 227, 227); 
    font-size: 13px; 
    color: #000000;
    font-weight: normal;
    
}

/*.checkout-content p {display: none;}
.checkout-content p:first-child {display: block;}*/

#collapse-checkout-confirm h2 {margin-top: 20px;}


/* SIGNUP BOX */

#bottom-modules  {text-align: center;}
#bottom-modules .cms-blocks {
    background-blend-mode: darken;
    background-color: lighten(red, 20%) !important;
    background-color: rgba(0,0,0,0.1);
    /*background-size: cover;*/
    max-width: 1184px !important;
}
#bottom-modules .box-heading {color: white; font-size: 48px; height: 58px; margin: 10px 0px -5px; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
#bottom-modules .cms-block {width: 70%; margin: auto; float: none; padding-bottom: 25px !important;}
#bottom-modules p {
	width: 70% !important;
	color: white !important;
	font-size: 30px !important;
	line-height: 33px !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8) !important;
	font-weight: bold !important;
	font-family: "Aref Ruqaa" !important;
	text-align: center !important;
	margin: 0px auto 10px !important;
}

#bottom-modules form {margin: 25px 0px 0px; }
#bottom-modules input {width: auto; font-size: 24px; font-family: "Roboto"; font-weight: 300; margin-right: 5px;}
#bottom-modules button {
	font-size: 24px;
	font-family: "Roboto";
	font-weight: bold;
	color: white;
	background: #7c51a1;
	line-height: 43px;
	padding: 0px 20px;
	border: 2px solid white;
	text-transform: uppercase;
	margin-left: 5px;
	cursor: pointer;
}
#bottom-modules button:hover {background: #EB008B;}

.information-page-10 .blocks {margin: 0px -20px !important;}
.information-page-10.information-page #bottom-modules p {width: 70% !important; margin: 0px auto 10px !important;}
.information-page-10.information-page #content #bottom-modules span {
	color: white !important;
	font-size: 30px !important;
	line-height: 33px !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8) !important;
	font-weight: bold !important;
	font-family: "Aref Ruqaa" !important;
	text-align: center !important;
}
.information-page-10 #bottom-modules form {margin-bottom: -10px;}


/* BLOG */


#column-right {
    padding: 20px;
    width: 220px;
    float: right;
    margin-right: 20px;
    background: #7fb33b;
    margin-top: -60px;
}

#column-right:after {
    height: 10000px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10000px;
    background-color: #7fb33b;
    width: 100%;
    z-index: -1;
    display:block;
}

#column-right.side-column .box-content li a, #column-right.side-column .box-content li a:before {color: white;}
#column-right.side-column .box-content li a:hover, #column-right.side-column .box-content li a:hover:before {color: #8cc63f !important;}

.post-details h2 {
    font-weight: 400;
    font-family: "Roboto";
    font-style: normal;
    font-size: 28px;
    text-transform: none;
    color: rgb(96, 96, 96);
    margin: 25px 0px;
}

.post-details {font-size: 16px;}

.post-details p {margin-bottom: 15px; line-height: 26px !important;}
.post-details img {text-align: center; margin: auto;}
.post-details img:not(.fullsize) {
    max-width: 600px !important;
    border: 2px solid #7c51a1;
    margin: 20px 0px;
}

.p-posted, .p-author {display: none !important;}
.post-stats {font-size: 16px; color: rgb(127, 179, 59); font-family: "Aref Ruqaa"; font-weight: bold;}
.comment-date span:before {font-size: 18px; line-height: 28px;}

.side-column .box-category li a {
    background-color:transparent;
    border-bottom: none;
    color: #ffffff;
    line-height: 1.3;
    font-size: 16px;
    padding: 6px 10px;
}

.side-column .box-category li a:hover {
    background-color:#7fb33b;
    border-bottom: none;
    color: #ffffff;

}

.journal-blog-categories-26 .box-heading {
    display: none;
}

.side-column .box-category li a:before {display:none;}


.side-column .box-category li a[href*="projects-tips/Projects"],
    .side-column .box-category li a[href*="projects-tips/Tutorials"] {
    background-color: transparent;
    border-bottom: none;
    color: #ffffff;
    line-height: 1.3;
    font-size: 19px;
    font-weight: 700;
    margin: 20px 0px 5px;

}


.blog-post .box-heading:before {
    height: 2px;
    width: 100%;
    background-color: #8cc63e;
    position: absolute;
    top: 18px;
    left: 0;
    content: '';
    z-index: -1;
}
.blog-post .related-products {text-align: center;}
.blog-post .box-heading {
    display: inline-block;
    background: #ffffff !important;
    padding: 0 25px !important;
    margin: 0 auto;
    line-height: 1em;
}
.post-comment h3 {font-family: "Aref Ruqaa"; padding: 13px 17px 18px; font-size: 22px; }
.comment-form form {background: rgb(227, 227, 227);}

.post-item-details {padding: 10px 17px 17px; }

.post-item-details {text-align: center;}
.post-wrapper:hover {background: none; box-shadow: 0px 0px 9px rgba(0,0,0,0.2) !important;}
.post-text span {height: auto !important;text-align: left;}

.posts h2, .posts h2 a {
    margin: 0px;
    padding: 0px;
    white-space: normal;
    font-weight: 500 !important;
    /*font-family: "Roboto" !important;
    color: rgb(80, 80, 80);*/
    font-family: "Aref Ruqaa" !important;
    color: rgb(102, 45, 145);
    font-style: normal;
    font-size: 20px !important;
    text-transform: none;
    height: auto !important;
    line-height: 28px;
    text-align: left;
}
.posts .button {color: rgb(125, 176, 58); background: none; border: 2px solid rgb(125, 176, 58); padding-bottom: 8px; margin-bottom: 0px;}
.posts .button:hover {color: white; background: rgb(125, 176, 58);}

.comment-date {
	color: rgb(125, 176, 58);
	font-family: "Aref Ruqaa";
	line-height: 26px;
	border-top: 0px;
	border-bottom: 0px;
	padding-top: 10px;
	font-size: 14px !important;
	font-weight: bold;
}

/*.product-wrapper:hover {box-shadow: none !important;}*/

/* MY ACCOUNT PAGE */

.account-boxes {width: 33%; float: left; text-align: center; margin-bottom: 20px;}
.account-boxes img {max-width: 65%;}
.account-boxes h2.secondary-title {color: rgb(102, 45, 145); text-align: center !important;}
.account-boxes ul {margin-left: 8% !important; text-align: left;}
.account-boxes ul li {font-weight: bold; color: rgb(125, 173, 69);}
html.account-page #container {margin-bottom: 30px;}

.login-wrap a {
    font-weight: 500;
}


/* SEARCH PAGE */

html.search-page .breadcrumb {display: none;}
html.search-page #content h2 {display: none;}
html.search-page #content h1.heading-title {text-align: left; padding: 20px 0px 0px;}
html.search-page #content .row.content {float: left;}
html.search-page #content .buttons {padding: 0px; margin: 36px 0px 0px; background: none;}

/* SHOP REVIEWS */

.appcard-rating-star .fa-stack {width: 1em;}

.storereviews-reviews .storereviews-reviews-star figcaption {
    font-weight: 700;
    font-family: "Aref Ruqaa";
    font-style: normal !important;
    font-size: 13px;
    text-transform: none;
    letter-spacing: 1px;
    color: rgb(102, 45, 145) !important;
}

.storereviews-reviews-star {border-top: 1px solid #8cc63f !important;}
.storereviews-reviews .storereviews-reviews-star figcaption .review-datepublished {display: block; color: rgb(102, 45, 145) !important;}
.storereviews-reviews .storereviews-reviews-star figcaption strong {font-size: 20px; font-weight: bold !important;}
blockquote, blockquote font {color: rgb(80, 80, 80) !important;}

#ajax-form-review input[type='text'], #ajax-form-review textarea {width: 97% !important;}

.route-testimonial-testimonial .buttons {float: none !important; text-align: center;}
.route-testimonial-testimonial .buttons button {background: #8cc63f !important; display: inline; order: none; border: none; font-size: 16px; text-shadow: none !important;}
.route-testimonial-testimonial .buttons:before {
    content: "What did you think of our service?";
    font-family: "Aref Ruqaa";
    font-size: 20px;
    letter-spacing: 1px;
    color: rgb(102, 45, 145) !important;
    top: 2px;
    margin-right: 20px;
    display: inline;
}
.owl-next {float: right;}
.owl-prev {float: left;}
.slider-sreview-all {font-weight: bold;}

div.tm-mod-title.h3 {display: none;}
#testimonials .caption.review-caption {display: block; color: rgb(102, 45, 145) !important; font-family: "Aref Ruqaa";}
div.tm-mod-author.h4 {
	font-size: 20px;
	font-weight: bold !important;
	color: rgb(102, 45, 145) !important;
	font-family: "Aref Ruqaa";
	word-spacing: 0.1em;
}
div.tm-mod-date {
	color: rgb(102, 45, 145) !important;
	font-family: "Aref Ruqaa";
	font-weight: bold;
	font-size: 13px;
	display: block;
	margin-left: 0px !important;
	margin-bottom: 6px;
	word-spacing: 0.1em;
}
.tm-mod-rating .fa-stack {
    width: auto;
    height: auto;
    line-height: 100%;
    padding: 0 8px;
    display: inline;
}

.owl-carousel .owl-wrapper-outer {border: none !important; border-radius: 0px !important; box-shadow: none !important;}

.oc2 .fa {font-size: 14px !important;}
.owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next {
    top: auto;
}
.owl-carousel .owl-buttons div {opacity: 100;}
.tm-mod-block .tm-mod-content {margin-bottom: 0px;}

.route-testimonial-testimonial li.comment {border-top: 1px solid #8cc63f;}
.tm-container .tm-list-7 .comment-author .comment-user {
    font-size: 20px;
    font-weight: bold !important;
    color: rgb(102, 45, 145) !important;
    font-family: "Aref Ruqaa";
    word-spacing: 0.1em;
}
.tm-container .tm-list-7 .comment-author-info {
    color: rgb(102, 45, 145) !important;
    font-family: "Aref Ruqaa";
    font-weight: bold;
    font-size: 13px;
    margin-left: 31px;
}
.tm-container .tm-list-7 .comment-content {border: none;}
.tm-container .tm-list-7 .comment-body {padding-bottom: 0px;}


.button, .side-column .box-content a.button, #quickcheckout .button, .modal-footer .btn {
    font-weight: 400;
    font-family: "Roboto";
    font-style: normal;
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}



/* HEADER & MENU */

.boxed-header header {
    max-width: 1184px;
}

header .journal-top-header:before {
    height: 100%;
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    background-color: rgb(124, 81, 161);
    width: 1000%;
}

.journal-header-center .journal-top-header {
     border-bottom: none;
}

ul.super-menu {
    flex-direction: row;
    display: flex;
}

.super-menu > li.mega-menu-categories {
    flex-wrap: nowrap;
    flex-grow: 1;
}


.super-menu > li > a {
    height: 65px;
}

.super-menu > li > a span.main-menu-text {
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
}

.mega-menu div>h3 {
    font-weight: 500;
    font-family: "Roboto";
    font-style: normal;
    font-size: 15px;
    text-transform: none;
    letter-spacing: 0;
    background-color: rgba(92, 37, 140, 0.6);
    //border-bottom: 1px solid #ffffff;
    padding: 5px 10px;
}

.mega-menu-categories .mega-menu-item {
    margin-bottom:  5px !important;
}

.mega-menu-categories .mega-menu-item ul li.view-more a {
    font-style: italic;
    text-transform: none;
    margin-top: 5px;
}


.mega-menu {
    padding: 5px 5px 20px;
}


.header-assets {display: block;}

.journal-currency, .journal-links {
//    width: 50%;
}

.journal-currency .dropdown-toggle .currency-text {
    color: #ffffff;
}


.journal-links
{
    float: right;
    width: 60%;
}

.journal-links .links {
    float: right;
}

.journal-links a[href*="route=account/logout"],
.journal-links a[href*="register"] {
    display: none !important;
    visibility: hidden !important;
}

.is-customer .journal-links a[href*="route=account/logout"] {
    display: table-cell !important;
    visibility: visible !important;
}

#header .journal-links .top-menu>li {
    margin-left: 10px;
}

.journal-secondary {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 0;
    width: 100%;
}


.journal-secondary .links a {
    padding: 0 20px;
}

.journal-header-center .journal-secondary .links {
    float: none;
    margin: auto;
    padding-bottom: 4px;
}

.currency-full .journal-currency {
    position: static !important;
    transform: none !important;
    width: 40% !important;
    text-align: center;
}

.journal-header-center .journal-currency form {
    width: auto;
    margin: 0 auto;
    height: 40px;
    float: none;
}

.journal-language form .currency-symbol, .journal-currency form .currency-symbol {
    width: auto;
    height: auto;
}

div#header {
    height: 325px;
    position: relative;
    border-bottom: 2px solid #8cc63f;
}

.boxed-header .journal-header-center .j-100, .journal-header-center #logo a {
    height: auto;
    text-align: left;
    padding-left: 0;
}

.journal-header-center #logo a img {
    max-height: 145px;
    margin: 0 auto;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    position: static;
    transform: none;
}

.journal-header-center #logo {
    padding: 15px 0;
}

.super-menu {
   background-color: #7c51a1;
}

/* CURRENCY CONVERTER */

#currency button.dropdown-toggle:before {
    content: "Select your currency";
    color: white;
    font-family: "Roboto";
    position: absolute;
    width: 157px;
    left: -165px;
    text-transform: uppercase;
    font-size: 12px;
    top: 14px;
}

.journal-currency .dropdown-toggle {width: auto; max-width: 180px !important;}

/* Search - Cart - Wishlist  */

.journal-header-center .journal-search,
.journal-header-center .journal-cart,
.journal-header-center .wishlist-count {
    top: 100px !important;
    margin-left: 15px;
    position: relative;
}


.boxed-header .journal-header-center .journal-search {
    padding: 0px;
    width: 50%;
    margin-left: 3%;
}


.journal-header-center #search input {
    padding: 8px 65px 8px 15px;
    height: 60px;
}

.journal-header-center .button-search button {
    width: 42px;
    height: 42px;
}

#search .button-search {
    right: 0px;
    padding: 7px;
    height: auto;
    width: auto;
    border: 2px solid #8cc63f;
}

.wishlist-count {
    height: 60px;
    width: 60px;
    display: block;
    padding: 0px;
    float:right;
}

.wishlist-count a.wishlist-total {
    color: #8cc63f;
    border: 2px solid #8cc63f;
    height: 60px;
    width: 60px;
    background-color: #ffffff;
    background-image: url('/image/heart-icon_25.png');
    background-position: 50% 7px;
    background-repeat: no-repeat;
    display: block;
    font-size: 14px;
    text-align: center;
    padding-top: 37px;
    position: relative;
}

.wishlist-count a.wishlist-total:hover { background-image: url('/image/heart-full-icon_25.png'); }

.wishlist-count a.wishlist-total span.product-count,
.journal-cart #cart #cart-total {
   position: absolute;
   top: -30px;
   right: 0px;
   font-weight: bold;
   display: block;
   padding: 7px;
   text-align: center;
   height: 30px;
   width: 100%;

}

.oc2 #cart .content {
    border: 3px solid #93c94c;
    padding-top: 10px;
    margin-top: 0px;
    background: #ffffff;
    min-width: 500px;
}

.oc2 #cart .content .cart-wrapper:before {
	color: #93c94c;
	top: -22px;
	right: 25px;
}

.mini-cart-total strong {
    font-weight: normal;
    font-size:  13px;
}

.mini-cart-total {
    font-weight: normal;

}

.wishlist-count a.wishlist-total span.product-count {
    right: -2px;
    width: calc(100% + 4px);
    top: -32px;
}

.wishlist-count a.wishlist-total span.product-count {
   border-top: 2px solid #8cc63f;
   border-right: 2px solid #8cc63f;
   border-left: 2px solid #8cc63f;
   font-weight: normal;
}

.wishlist-count a.wishlist-total.empty span.product-count {display:none;}

.journal-cart #cart #cart-total {background-color: #EB008B;}

.journal-cart.j-min.xs-100.sm-50.md-25.lg-25.xl-25 {
    float: right;
    padding: 0;
    width: auto;
    z-index: 9;
}

.journal-cart #cart {
    max-width: 80px;
    height: 60px;
}

.journal-cart #cart .heading i {
    left: 0px;
    width: 100%;
}

.journal-cart #cart .heading a {overflow:visible;}

#cart .heading i:before {
    content: url(/image/bag-icon_25.png);
    font-size: 27px;
    color: rgb(255, 255, 255);
}

#cart.active .heading i:before {
    content: url(/image/bag-full-icon_25.png);
    font-size: 27px;
    color: rgb(255, 255, 255);
}

.journal-cart #cart .heading:after {
  content: 'Cart';
  bottom: 24px;
  text-align: center;
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Roboto';
}

.tablet #cart.active:not(.open) .content {
  visibility: hidden;
  opacity: 0;
}

/* END Search - Cart - Wishlist */

/* Pattern BG - add class here*/
.super-menu,
.mega-menu,
.super-menu > li:hover,
.journal-header-center #cart,
.journal-menu .mobile-trigger
{
    background-image: url('/catalog/view/theme/journal2/image/ptn_bg.png');
    background-repeat: repeat;
}

/*  END HEADER/MENU */

/*Homepage*/

.multi-modules-wrapper .multi-modules-column .multi-modules-row {
    height: auto !important;
    margin-bottom: 20px !important;
}

.journal-slider .tp-caption {
    overflow: visible;
}

.tp-caption img {
    height: 400px !important;
    width: 600px !important;
}


/*END Homepage*/

/* MAIN */

#content {padding: 0 20px;}

#column-left + #content {
    margin-left: 240px;
}

ul.breadcrumb {
    margin: 20px;
    padding:  0px;
}

/*
ul.breadcrumb:before {
    background-color: #8cc63f;
    content: 'You are here:';
    padding:  0 15px;
    font-family: 'Roboto';
    font-size: 16px;
    float: left;
    line-height: 34px;
}
*/

ul.breadcrumb li {
    background-color: #8cc63f;
    margin: 0;
    padding: 0 22px 0 5px;
    float: left;
    position: relative;
    height: 34px;
}

ul.breadcrumb li:first-of-type {
    padding-left: 20px;
}

ul.breadcrumb li:nth-child(even) {
    background-color: #7fb33b;
}

ul.breadcrumb li:before {display:none;}

ul.breadcrumb li:after {
    content: url('/image/bcrum-sep1.jpg');
    width: 19px;
    height: 39px;
    //background-color: red;
    position: absolute;
    right: 0px;
}

ul.breadcrumb li:nth-child(even):after {
    content: url('/image/bcrum-sep2.jpg');
}

ul.breadcrumb li:last-child:after {
    content: url('/image/bcrum-end.png');
}

.breadcrumb a {vertical-align: unset;}

.breadcrumb a:hover {text-decoration: underline;}

.box.oc-module , .box-heading ul li {
    text-align: center;
    position: relative;
}

h3.box-heading, .single-section .box-heading ul li a  {

    display: inline-block;
    background:  #ffffff !important;
    padding: 0 25px !important;
    margin: 0 auto;
    line-height: 1em;
}

h3.box-heading:before,
 .box-heading ul li a:before
 {
    height: 2px;
    width: 100%;
    background-color: #8cc63e;
    position:absolute;
    top: 18px;
    left:0;
    content: '';
    z-index: -1;
}


/* PRODUCT PAGE */



.product-page .heading-title {
   padding: 0 10px;
   margin-bottom: 0;
   line-height: 1.5;
}

.product-info .option > ul {
   margin-left: 10px;
}
.product-info #product div:first-of-type {
    /*padding: unset;
    display: inline;*/
}

.product-info #message_countdown {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 10px !important;
    background-color: transparent !important;
    text-align: left !important;
    color: #e61f1f;
}

.product-info .option.option-radio .radio label input[type=radio] {
     appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
   border: 0;
  clip: rect(0 0 0 0);
  height: 1px; margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.product-info .option.option-radio .radio label {margin:2px 0px;}

.product-info .option.option-radio .radio input[type=radio]+span {
    background: url(/image/radio-empty.gif) left 50% no-repeat transparent !important;
    box-shadow: none !important;
    padding-left: 25px;
}

.product-info .option.option-radio .radio input[type=radio]:checked+span {
    background-image: url(/image/radio-select.gif) !important;

}

.product-info .option.option-radio .radio label img {display:none;}

.add-wishlist {
    color: #8cc63f;
    border: 2px solid #8cc63f;
    height: 60px;
    width: 60px;
    background-color: #ffffff;
    background-image: url(/image/heart-icon_25.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    padding-top: 37px;
   font-size: 0px;
   color: #ffffff !important;
}

.add-wishlist:hover {
    background-image: url(/image/heart-full-icon_25.png);
}

.product-page-content .form-group .hint--top:before {
    border-top-color: rgb(88, 143, 39);
}

.product-info .right .cart {
    overflow: visible;
}

.product-page-content .form-group [data-hint]:after, .product-page-content .form-group .hint--top:before {
    display: block;
}

.product-page-content .form-group [data-hint]:after {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(88, 143, 39);
}


span.qty, #button-cart, .add-wishlist, #button-nwa-duplicate {
    float: left;
    margin-right: 12px;
}

.product-info .right .cart div span.qty {
    position:relative;
    margin-right: 12px;
}

input#input-quantity {
    float: left;
    width: 60%;
    margin-right: 5%;
    border: 1px solid #cccccc;
    font-size: 18px;
    color: #505050;
}

.product-info .right .cart div span.qty a.journal-stepper {
    position: absolute;
    height: 27px;
    width: 35%;
    right: 0;
    line-height: 27px;
    font-weight: 700;
    font-size: 18px;
}

.product-info .right .cart div span.qty a.journal-stepper:first-of-type {
    bottom: 0;
}

.product-info .right .cart div .qty {
    height: 60px;
    width: 15%;
    min-width: 70px;
}

#button-cart .button-cart-text:before {
    content: url(/image/bag-icon_25.png);
    font-size: 26px;
    color: rgb(255, 255, 255);
    top: 5px;
}

#button-cart:hover .button-cart-text:before {
    content: url(/image/bag-full-icon_25.png);
    font-size: 26px;
    color: rgb(255, 255, 255);
    top: 5px;
}

.product-tabs #tabs {
    border: none;
    display: flex;
    flex-wrap: nowrap;
}

.product-tabs #tabs li {
    flex-direction: row;
    width: 100%;

}

#tabs li a {
    width: 100%;
}

#tabs a, #tabs li a {
    box-shadow: none;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 10px 20px;
}

#tabs li.active a {
    border-left: 1px solid rgb(219, 219, 219);
    border-right: 1px solid rgb(219, 219, 219);
    border-top: 1px solid rgb(219, 219, 219);
    border-bottom: 1px solid #ffffff;
}

/*.product-tabs .tabs-content {
    border-top: 1px solid rgb(219, 219, 219);
    margin-top: -1px;
} */

.product-tabs .tabs-content .tab-content {
    line-height: 24px;
}

.product-tabs .tabs-content .tab-content p {margin-bottom: 20px;}

.product-page-content .box-heading  {
    float:left;
    background:  #ffffff !important;
    padding: 0  25px 0 0 !important;
    margin: 0;
    line-height: 1em;
}


.product-page-content .custom-sections.cs-31 {margin-top: 25px;}

.product-page-content .custom-sections .box-heading {float:none;}

.product-page-content .custom-sections .box-heading ul li {text-align:center;}

.product-page-content .box:before, .product-page .box-heading:before
 {
    height: 2px;
    width: 100%;
    background-color: #8cc63e;
    position:absolute;
    top: 22px;
    left:0;
    content: '';
    z-index: -1;
}

.product-page-content .custom-sections .box-heading:before {z-index: 0;}
.product-page-content .single-section .box-heading ul li a {padding: 0 25px 0 25px !important;}

.custom-sections .product-grid-item .wishlist {
    height: 36px;
}


.NWA_popover {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    z-index: 999999999999999;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    box-sizing: border-box;
    margin: 35px 12px 12px 12px;
    position: absolute;
    font-family: 'Roboto';
    margin: -100px 0px;

}

@media only screen and (max-width: 599px){
  .NWA_popover {margin:0;}
}


.NWA_popover.bottom .arrow {
  display: none;

}

.NWA_popover-title {
    padding: 8px 5px;
    margin: 0;
    font-size: 20px !important;
    font-weight: normal;
    line-height: 1.3em;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
    text-align: center;
    background-color: #8cc63f;
    color: #ffffff;
}

.NWA_popover .nwa-inner-wrapper {

    position: absolute;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    border-radius: 5px;

}

.NWA_popover .btn {

    background-color: #8cc63f;
    color: #ffffff;

}

.NWA_popover p {
  margin-bottom: 10px;
}

input#NWAYourName, input#NWAYourEmail {
    margin-bottom: 10px;
    margin-top: 4px;
}


.product-page #container > div.alert.alert-danger {
  background: #fff3ac;
  margin: 20px;
  padding: 15px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.product-page #container .qty div.alert.alert-danger {
  display: none;
}



/* END PRODUCT PAGE */

/*CATEGORY PAGE*/

p.model {
    font-size: 12px;
    text-align: left;
    display: inline-block;
    width: 100%;
    padding-left: 12px;
}

.heading-title {
   padding: 0 10px;
   margin-bottom: 20px;
   line-height: 1.5;
   height: auto;
}

#column-left {
    padding: 20px 15px;
    width: 220px;
    float: left;
    margin: 20px;
    background: #7c51a1;
}




#column-left:after {
    height: 100000px;
    content: '';
    position: absolute;
    left: 0;
    bottom: -100000px;
    background-color: #7c51a1;
    width: 100%;
    z-index: -1;
    display:block;
}

.category-info {
    padding-left: 10px;
    margin-bottom: 20px;
}

.product-filter .display .list-view {
    display: none !important;
}

.display {
    display: none;
}

.product-grid-item .name a , .product-grid-item .price {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
}


.product-grid-item .button-group {
    height: 35px;
    margin: 0 7px;
    max-width: 198px;
}

.product-grid-item .cart {
    float: left;
    height: 100%
}

.product-grid-item .wishlist {
    float: left;
    padding: 0;
    height: 100%;
}

.product-grid-item .cart .button {
    border-radius: 0px;
    padding: 0 10px 0 35px;
    line-height: 35px;
    background-color: rgb(140, 198, 63);
    /* color: #8cc63f; */
    height: 100%;
    background-image: url(/image/bag-icon_25.png);
    background-position: 7px 50%;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    background-size: 19px;
}

.product-grid-item .cart a:hover {
    background-image: url(/image/bag-full-icon_25.png);
}

.product-grid-item .wishlist a {
    color: #8cc63f;
    border: 2px solid #8cc63f;
    width: 40px !important;
    height: 100% !important;
    background-color: #ffffff;
    background-image: url(/image/heart-icon_25.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    background-size: 60%;
}
.product-grid-item .wishlist a:hover {
    background-image: url(/image/heart-full-icon_25.png);
}

.refine-image a {
    background-color: transparent;
    border: 2px solid transparent;
    transition: border-color .5s;
    padding-bottom: 20px;
}

.refine-image a:hover {
    border-color: #8CC63F;
}

.refine-image a:hover span.refine-category-name {
    color: #8CC63F;
}

span.refine-category-name {
    text-transform: uppercase;
    color: #7c51a1;
    font-weight: 500;
    font-size: 15px;
}

.pagination li span {
    color: #525252;
    font-size: 18px;
    font-weight: normal;
}

.pagination li > a {
    color: #662d91;
    font-weight: 700;
    /*font-size: 14px;*/
}


/* PRODUCT FILTER*/

#column-left.side-column .journal-sf .box ul li {
    padding-left: 2px;
    padding-right: 2px;
}

.journal-sf:before {
    content: 'Product Filter';
    font-size: 22px;
    font-family: inherit;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    display: block;
    text-align: left;
}

.journal-sf a.sf-reset {
    display: inline-block;
    position: static;
    padding: 15px 20px;
    text-align: center;
    background: #ffffff;
    color:  #333333;
    font-weight: bold;
    font-size: 16px;
    margin: 20px 0;
}

.side-column .journal-sf .box-heading {
    text-align: left;
    padding: 0 5px;
}

.side-column .journal-sf .box {
    padding: 0 5px;
}


.journal-sf .box-content li {
    border: none !important;
    max-height: none;
}

.journal-sf .box.sf-multi input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    background-image: url('/image/prodfilter-checkbox.gif');
    background-position: top left;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-right: 8px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.journal-sf .box.sf-multi input[type=checkbox]:checked {
    background-position: bottom left;
}

.side-column .journal-sf .box.sf-multi ul li label {
    padding-left: 0px;
    width: auto;
    top: 0;
    display: inline;
}

.box-content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.box-content::-webkit-scrollbar
{
	width: 6px;
	background-color: rgba(245, 245, 245, 0.2);
}

.box-content::-webkit-scrollbar-thumb
{
	background-color: rgba(0, 0, 0, 0.6);
}



/*COLOUR ATTR*/

.journal-sf .sf-attribute-13 .box-content li {
    display:inline-block;
    float:left;
}

.journal-sf .sf-attribute-13 .box-content input[type=checkbox] {
	display: none;
}

.side-column .journal-sf .sf-attribute-13 .box-content ul li label {
    background-image: unset;
    height: 40px;
    width: 40px;
    border: 3px solid #b3b3b3;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: inset 0px 0px 4px rgba(0,0,0,0.4);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}


.journal-sf .sf-attribute-13 .box-content input[type=checkbox]:checked +label {
    border-color: #ffffff;
}


.side-column .journal-sf .box ul li {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-style: solid;
}

.journal-sf .sf-attribute-13 .box-content input#Red + label {
   background-color: #e51717;
}

.journal-sf .sf-attribute-13 .box-content input#Black + label {
   background-color: #000000;
}

.journal-sf .sf-attribute-13 .box-content input#Blue + label {
   background-color: #2929cc;
}

.journal-sf .sf-attribute-13 .box-content input#Green + label {
   background-color: #0d800d;
}

.journal-sf .sf-attribute-13 .box-content input#Pink + label {
   background-color: #f218f2;
}

.journal-sf .sf-attribute-13 .box-content input#Grey+ label {
   background-color: #808080;
}

.journal-sf .sf-attribute-13 .box-content input#Purple + label {
   background-color: #800d80;
}

.journal-sf .sf-attribute-13 .box-content input#Brown + label {
   background-color: #794410;
}

.journal-sf .sf-attribute-13 .box-content input#Orange + label {
   background-color: #f39500;
}

.journal-sf .sf-attribute-13 .box-content input#Yellow + label {
   background-color: #f2f20c;
}

.journal-sf .sf-attribute-13 .box-content input#Cream + label {
   background-color: #ffffc2;
}

.journal-sf .sf-attribute-13 .box-content input#Mixed + label {
   background:
     -moz-linear-gradient( top ,
        rgba(255, 0, 0, 1) 0%,
        rgba(255, 255, 0, 1) 15%,
        rgba(0, 255, 0, 1) 30%,
        rgba(0, 255, 255, 1) 50%,
        rgba(0, 0, 255, 1) 65%,
        rgba(255, 0, 255, 1) 80%,
        rgba(255, 0, 0, 1) 100%);
    background:
     -webkit-gradient(linear,  left top,  left bottom,
        color-stop(0%, rgba(255, 0, 0, 1)),
        color-stop(15%, rgba(255, 255, 0, 1)),
        color-stop(30%, rgba(0, 255, 0, 1)),
        color-stop(50%, rgba(0, 255, 255, 1)),
        color-stop(65%, rgba(0, 0, 255, 1)),
        color-stop(80%, rgba(255, 0, 255, 1)),
        color-stop(100%, rgba(255, 0, 0, 1)));

    background-image: url('/image/mixed-colour-filter.jpg');
    background-size: 100%;
}

.journal-sf .sf-attribute-13 .box-content input#Clear + label {
    background-image: url('/image/clear-colour-filter.png');
    background-size: 110%;
}


.journal-sf .sf-attribute-13 .box-content input#Gold + label {
background: #d4af37; /* Old browsers */
background: -moz-linear-gradient(top,  #d4af37 0%, #efd739 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d4af37 0%,#efd739 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d4af37 0%,#efd739 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4af37', endColorstr='#efd739',GradientType=0 ); /* IE6-9 */
;
}

.journal-sf .sf-attribute-13 .box-content input#Silver + label {

background: #c0c0c0; /* Old browsers */
background: -moz-linear-gradient(top,  #c0c0c0 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c0c0c0 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c0c0c0 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.journal-sf .sf-attribute-13 .box-content input#Copper + label {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba5833+0,da7c56+100 */
background: #ba5833; /* Old browsers */
background: -moz-linear-gradient(top,  #ba5833 0%, #da7c56 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ba5833 0%,#da7c56 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ba5833 0%,#da7c56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba5833', endColorstr='#da7c56',GradientType=0 ); /* IE6-9 */

}

.journal-sf .sf-attribute-13 .box-content input#Bronze + label {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#91573f+0,bf7c52+100 */
background: #91573f; /* Old browsers */
background: -moz-linear-gradient(top,  #91573f 0%, #bf7c52 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #91573f 0%,#bf7c52 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #91573f 0%,#bf7c52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91573f', endColorstr='#bf7c52',GradientType=0 ); /* IE6-9 */

}

/* END PRODUCT FILTER*/

/* END CATEGORY PAGE*/

/*INFORMATION PAGES*/

.information-page #content p {
    margin: 10px 0 20px;
}

.information-page #content h2 {
    margin: 10px 0 20px;
}

.information-page #content h3  {
    margin: 20px 0;
}

.information-page #content ul li {
    line-height: 24px;
    margin-bottom: 5px;
}
.information-page #content ul {
    margin: 0px 0px 30px

}

figure.image figcaption {
    font-size:  13px;
    text-align: center;
}

figure.image {
    padding: 0px;
    margin: 10px 20px;
}

/*END INFORMATION PAGES*/

/* FOOTER AREA */

footer .column-text-wrap p {float: right;}

#footer {margin-top: 20px;}

#footer .row:first-of-type {
    height: 60px;
}

#footer:after {
    height: 60px;
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    background-color: rgb(204, 204, 204);
    width: 1000%;
    display: block;
    z-index: -1;
}

#footer:before {
    height: 100%;
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    background-color: rgb(102, 45, 145);
    width: 1000%;
    z-index: -1;
    display:block;
}

#footer .row .column.text {
    float: right;
    text-align: right;
    /*width: 272px;*/
    padding-right: 0;
}

#footer .row .column.text .column-text-wrap {
    margin-top: 0;

}

#footer .row .column.text  h3 {
    /*float:left;*/
    line-height: 50px;
    margin-right: 20px;
    display: inline;
}
footer .column-text-wrap img {float: none !important;}

#footer .row .column.text a {
    display:inline-block;
    margin-right: 6px
}
#footer .row .column.text a:last-child {margin-right: 0px;}


/* END FOOTER AREA */


/* Responsive UI */

@media screen and (max-width: 1239px) {
    .journal-desktop .menu-floated > li > a {
        font-size: 18px;
        padding: 0 10px;
    }

    .boxed-header .journal-header-center .journal-search {
        padding: 0px;
        width: 45%;
        margin-left: 5%;
    }

    header {
       // overflow:hidden;

    }

    #footer:before, #footer:after, header .journal-top-header:before {
        display:none;
    }

}


/*Tablet*/
@media screen and (max-width: 1024px) {

    #bottom-modules .cms-block {width: 100%;}

    header {height: 278px;}

    ul.super-menu li.mega-menu-categories.hide-on-tablet {
        display: block !important;
    }

    div#header {
        height: auto;
        border-bottom: none;
    }


    #currency button.dropdown-toggle:before {
        display: none;
    }

    .journal-secondary {
        display:none;

    }

    .journal-cart.j-min.xs-100.sm-50.md-25.lg-25.xl-25 {
        width: 12%;
    }

    .oc2 #cart .content {
        min-width: 400px;
    }

    .journal-header-center .journal-search, .journal-header-center .journal-cart, .journal-header-center .wishlist-count {
        top: 65px !important;
    }

    .boxed-header .journal-header-center .journal-search {
        padding: 0px;
        width: 40%;
        margin: 0 0 0 5%;
    }

    ul.breadcrumb li:first-of-type {
        display:none;
    }

    .breadcrumb li a {
        font-size: 12px;
        line-height: 28px;
        vertical-align: top;
        display: block;
    }

    ul.breadcrumb li {
        height: 28px;

    }


    ul.breadcrumb {
        height: 28px;
        padding: 0;
    }

    .breadcrumb li:after {
        top: -2px;
    }

    /*Product Page*/

    #tabs a, #tabs li a {
    font-size: 16px;
    }


    .product-info.split-40-60 .left {width: 30%}
    .product-info.split-40-60 .right {width: 70%}

    html.search-page #content .row.content {float: none;}
    html.search-page #content .buttons {margin-top: 0px; margin-bottom: 20px;}
    html.search-page #content .buttons .right {float: none; text-align: center;}

    .content.wishlist-info {font-size: 12px;}

    .product-page-content .custom-sections .product-grid .product-grid-item:nth-child(5) {display: none;}

}
/*Tablet*/
@media screen and (max-width: 980px) {

   .lost_image {display: none;}

   .product-filter > div.limit b {display: block;}
   .product-filter .sort {display: none;}

   header {height: auto;}

   .category-info {padding-left: 0px;}

  .mobile-menu-on-tablet .mobile-trigger {
        display: block;
        height: auto;
        line-height: 50px;
        text-transform: none;
        width: 100%;
        font-size: 22px;
    }

    ul.super-menu li.mega-menu-categories.hide-on-tablet {
    //    display: none !important;
    }

    .super-menu > li {background-color: #7C51A1; background-image: none !important;}

    .super-menu > li > a {
        font-weight: 700;
        font-style: normal;
        text-transform: none;
        letter-spacing: 1px;
        color: rgb(255, 255, 255) !important;
        line-height: 50px;
        height: auto;

    }
    .super-menu > li > a span.main-menu-text {
         text-shadow: 0 0 0 transparent;
         font-size: 17px;
         font-weight: normal;
    }


    .mobile-menu-on-tablet .mobile-menu .drop-down ul li a {
        padding-left: 25px;
        text-align: left;
    }
   .mobile-menu-on-tablet .mobile-menu .drop-down ul li a i.menu-plus {display:none;}


    .mobile-menu-on-tablet .mobile-menu .drop-down ul li ul li a {
           font-size: 13px;
           padding: 10px 0px 10px 35px;
           background-color: #ffffff;
           color: #333333;
           text-align: left;
       }

    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus {
        display: none;
        //width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 25px;
        font-weight: bold;
        z-index: 99;
        top: 0;
        right: 0;
        position: absolute;
        text-align: right;
        cursor: pointer;
        color: #ffffff;
        //background-color: transparent;
        border-left: none;
        padding-right: 20px;
    }
    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus {
        border-left: none;
        height: 41px;
        line-height: 41px;
        //background-color: #8CC63F;
        color: #8CC63F;
    }
    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li .mobile-plus,
    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li .mobile-plus {
        width: 100%;
        background-color: transparent;
    }
    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li.menu-open > .mobile-plus {width: 50px;}
    .mobile-menu-on-tablet header .journal-menu .mobile-menu > li > ul li.menu-open .mobile-plus {width: 50px;}

    #bottom-modules input {width: 33%;}

    .top-menu li a.m-item {font-size: 13px; line-height: 22px;}
    .top-menu li a i {float: left;}

    .cart-info .name {max-width: 234px;}

    td.text-right.action {width: 53px;}
    .wishlist-info tbody .name {max-width: 234px;}
    table td.text-right.action a+a {margin-left: 5px;}
    table td.text-right.action .btn {padding: 0px 3px;}
    .form-group.required.has-error {padding-top: 36px;}
    .oc2 .form-horizontal .form-group label {width: 100%;}

    .product-page-content .custom-sections .product-grid .product-grid-item:nth-child(4) {display: none;}


}

@media only screen and (min-width: 760px){

    #column-left + #content {
    margin-left: 240px;
    }
    #column-right + #content {
    margin-right: 240px;
    }

    #column-left + #column-right + #content{
    margin-left: 240px;
    margin-right: 240px;
    }

}

/*Mobile*/
@media screen and (max-width: 767px) {

.action-area .buttons .pull-left {margin-bottom: 10px;}
    .checkout-content label {
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

.lost_image {display: none;}

.journal-checkout .spw > div:first-of-type {padding-right: 12px;}
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_500gaus_service_option_signature_on_delivery"]:after,
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_3kgaus_service_option_signature_on_delivery"]:after,
input[type="radio"][value="auspost_pac.aus_parcel_express_satchel_5kgaus_service_option_signature_on_delivery"]:after
 {
    margin-top: 38px;
 }

.product-page-content .right div#product > div:first-child {display: none;}

    #button-cart, #button-nwa-duplicate {margin-top: 0px;}

    .product-filter {height: auto;}
    .product-filter .sort {position: static; float:right; width: auto;}
    .product-filter .limit {position: static; float:right; width: auto;}

#header .journal-logo {
    float: none;
    margin: 0px auto 10px;
    width: 35%;
    height: auto !important;
}

.journal-header-mega #logo a {
    padding-left: 0px;
}

.boxed-header .journal-header-center .journal-search {
    position: static;
    width: 84%;
    margin: 0px 8% 20px;
}

.journal-header-center #search input {
    border-width: 2px !important;
}

.journal-header-center #search input {
    height: 45px;
    font-size: 15px;
}

#search .button-search {
    padding: 4px;
}

.journal-header-center .button-search button {
    height: auto;
    width: auto;
}

/*#search .button-search {min-height: 100%; margin: 0px; padding: 0px;}*/

.journal-header-center .button-search button {
    height: 33px;
    width: 33px;
}

.journal-header-center .journal-cart, .journal-header-center .wishlist-count {
    top: 100px !important;
    position: absolute;
    margin: 0;
}

.journal-header-center .journal-cart {
    right: 5%;
}

.journal-header-center .wishlist-count {
    left: 5%;
}

.journal-cart #cart, .wishlist-count, .wishlist-count a.wishlist-total {
    width: 80px;
    height: 60px;
}



#header .journal-currency {
    left: 0;
    top: 0;
    max-width: 45%;
    text-align: center;
}

.journal-header-center .journal-currency form {
    width: auto;
    margin: auto;
    float: none;
}

.journal-header-center .journal-currency form > #currency {
    border: none !important;

}


.journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a {
    font-size: 13px;
    font-weight: 500
}

#header .journal-links {
    //width: auto;
    top: 0;
    right: 0;
    max-width: 55%;
}

.journal-links .links li {
    margin: 0;
    display: inline-block;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    width: 29%;
    padding: 0px 0;
}

.journal-links .links a i img {
    max-width: none;
}

.journal-menu .mobile-trigger {
    padding: 10px 25%;
    height: auto;
}

.journal-menu {
    background-color: rgb(124, 81, 161);
    text-align: center;
}


.header-notice {
    text-transform: none !important;
    font-size: 13px !important;
    /*padding: 15px 45px 15px 15px !important;*/
}


        ul.breadcrumb {
            display: none;
        }

        div#container {
            padding-top: 30px;
        }

   .product-page h1.heading-title,
   .category-page h1.heading-title,
    h1.heading-title{
    font-weight: 700;
    font-family: "Aref Ruqaa";
    font-style: normal;
    font-size: 24px;
    text-transform: none;
    letter-spacing: 0.6px;
    color: rgb(102, 45, 145);
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.5;
    height: auto;
}

.product-page-content .box-heading {padding-right: 0px !important;}

.product-tabs #tabs li {
        width: auto;
    }


#bottom-modules p {width: 100%;}

    .product-grid-item .image > a img {
        max-width: 228px;
        text-align: center;
        margin: auto;
    }

    #header .journal-links .top-menu>li:not(.hide-on-phone):last-child {width: 66%;}
    #header .journal-links .top-menu>li:not(.hide-on-phone):last-child i {float: left;}
    #header .journal-links .top-menu>li:not(.hide-on-phone):last-child span {font-size: 11px;}
    p.show-on-mob {display: block;}

    .product-page-content .custom-sections .product-grid .product-grid-item:nth-child(4) {display: block;}

}

@media only screen and (max-width: 460px) {

    .add-wishlist {margin-right: 0px;}
    .product-info .right .cart div span.qty {margin-right: 8px;}
    #button-cart,
    #button-nwa-duplicate {margin-right: 8px; margin-top: 0px;}
    .product-info .right .cart div .button {
        width: auto;
        padding: 0 12px;
    }

    .product-info .product-options .cart  {height: 80px;}

    .oc2 #cart .content {
        min-width: 320px;
    }

    .form-group.required.has-error {padding-top: 24px;}

}

/*Mobile Portrait*/

@media screen and (max-width: 320px) {

    .product-page-content .single-section .box-heading ul li a {
        padding: 0px 5px !important;
    }

}

@media screen and (max-width: 425px) {

    .product-page-content .single-section .box-heading ul li a {
        font-size: 24px;
        line-height: 40px;
    }

    #tabs a, #tabs li a {font-size: 16px; font-family: "Roboto"; font-weight: 300; padding: 0px 13px;}

    .form-group.cart {padding: 10px 0px !important;}

    .account-boxes {width: auto; float: none;}

    .wishlist-count {display:none;}

    #header .journal-logo {
        float: none;
        margin: 10px 20px;
        width: 60%;
    }

    #header .journal-currency {
        width: 45%;
        left: 0;
        top: 0;
    }

    #header .journal-links {
        width: 55%;
        top: 0;
        right: 0;

    }
    .journal-currency form .currency-symbol, .journal-currency .dropdown-menu > li > a {
        font-size: 12px;
        font-weight: normal;
    }

    .product-details p.model {
        text-align: center !important;
        padding: 0;
    }

    .product-grid-item .button-group {
        margin: auto;
    }

    .product-grid-item .name a, .product-grid-item .price {
        text-align:center;
    }

    .product-wrapper {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .product-details {
        padding-top: 10px;
    }

    .journal-cart {margin-right: 15px !important;}
    .journal-cart #cart  {width: 60px; height: 60px;}
    footer .bottom-footer .copyright {line-height: 125%; padding-top: 6px;}

    .product-info .right .price-tax {text-align: center;}

    .product-info .right .price .price-new, .product-info .right .price .product-price,
    .product-info .right .price li.price-new, .product-info .right .price li.product-price {
        text-align: center;
    }
    .add-wishlist {width: 50px;}
    .product-info .right .cart div .qty {width: 20%; min-width: 0;}
    input#input-quantity {
        width: 55%;
        margin-right:0px;
        font-size: 15px;
        padding: 3px;
        min-width: 35px;
    }
    .product-page h1.heading-title, .category-page h1.heading-title, h1.heading-title {text-align: center;}
    .product-info .right .description {text-align: center;}
    .product-info .tab-content, .tab-content {padding: 15px;}

    #bottom-modules p {width: 100% !important; font-size: 24px !important;}
    #bottom-modules form {text-align: left;}
    #bottom-modules input {width: 100%; margin: 0px 0px 10px 0px;}
    #bottom-modules button {width: 100%; margin: 0px 0px 10px 0px;}

    td.text-center.image {display: none;}
    .quantity input[type='text'] {width: 60px !important; margin-right: 0px !important;}
    .oc2 .input-group-btn button {padding: 2px 5px 3px 5px;}
    .quantity .input-group.btn-block {max-width: 53px !important;}

}
@media screen and (max-width: 374px) {

        .form-group.cart .button-cart-text:before {display:none;}
    span.button-cart-text {font-size: 15px}
}

/*Mobile (iPhone 5) Portrait*/
/*
@media screen and (max-width: 320px) {

	.product-info .right .cart div .qty {height: 45px; width: auto; min-width: 0px; margin: 0px 32% 20px;}
	input#input-quantity {width: 58%; }
	.product-info .right .cart div input[name=quantity] {line-height: 32px;}
	.product-info .right .cart div span.qty a.journal-stepper {height: 23px; width: 35%; line-height: 23px;}
	.product-info .right .cart div .button {padding: 0px 30px; line-height: 45px;}
	.add-wishlist {height: 45px; width: 45px;}
	#tabs a, #tabs li a {padding: 0px 5px;}


}*/