
/****** FONTS ******/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('../fonts/kasbia/style.css');
@import url('../fonts/social-networks/social-networks.css');


/******  COLORI FONDAMENTALI *****

1: #7DC3BD (verde mare)
2: #333333 (nero)
*****/

/*********** CSS RESET **********/
.Button_openPanel{position:relative}
.Header_Dropdown {top: 100%; width: 320px; position: absolute;  overflow: hidden; top: 100%; right: 0; pointer-events: none; z-index: 5; width: 272px;}
.Header_Dropdown_content {width: inherit; background-color: #fff; visibility: hidden;transform: translate(0,-101%); transition: transform .3s ease-out,opacity .3s ease; overflow: hidden;}
.Header_accountGroup { background-color: #fff; overflow: hidden; list-style: none; margin: 0;}
.Header_overlay { opacity: 0;  pointer-events: none; transition: opacity .3s ease; position: fixed; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 3; background-color: rgba(41,41,41,.5);}
.header-links .Header_accountGroup li {display: block;padding: 0;text-align: center;font-size: 16px;border-bottom: 1px dashed #eee;text-transform: lowercase;}
.header-links .Header_accountGroup li a{font-size:14px;display:block;line-height: 45px;text-transform: none;}
.header-links .Header_accountGroup li.welcome {text-transform:capitalize;font-weight: 500;display: flex;justify-content: space-between;align-items: center;background-color: #f2f2f2;padding: 5px 15px;color: #000;}
.header-links .Header_accountGroup li.welcome a {color: #7DC3BD;}
.header-links .Header_accountGroup li a.ico-login{background-color:#7DC3BD; color:#fff;margin:10px;border-radius:5px}
.header-links .Header_accountGroup li a.ico-login:hover{background-color:#0bdad3;}
.header-links .Header_accountGroup li a.ico-register{font-size:12px}
.header-links .Header_accountGroup li a.ico-register u{text-decoration:underline; font-weight:5000}
.responsiveAccountHeader_openAccountButtonMobile { background: 0 0;  border: none; padding: 0; height: 100%; width: 48px; padding-top: 4px;}
.Button_openPanelUser.active~.Header_overlay,.Button_openPanelCart.active~.Header_overlay {opacity: 1; pointer-events: all;}
.Button_openPanelUser.active a.icon-user, .Button_openPanelCart.active a.icon-cart{ background-color: #f2f2f2; z-index: 10;}
.Button_openPanelUser.active.Header_Dropdown, .Button_openPanelCart.active.Header_Dropdown {display: block; pointer-events: all;}
.Button_openPanelUser.active .Header_Dropdown .Header_Dropdown_content, .Button_openPanelCart.active .Header_Dropdown .Header_Dropdown_content { visibility: visible; transform: translate(0,0);}
.Button_openPanelUser.active .icon-user:before, .Button_openPanelCart.active .icon-cart:before{content:"x";font-size: 14px;}
.Button_openPanelUser.active .Header_Dropdown, .Button_openPanelCart.active #flyout-cart{  display: block; pointer-events: all;}
.Button_openPanelCart.active .icon-cart .cart-qty { display: none;}
.search-box.store-search-box.opened~.Header_overlay { opacity: 1; pointer-events: all;}
#flyout-cart{width:320px}
.mini-shopping-cart {text-align: left;font-size: 12px;/* width: 400px; */}
.mini-shopping-cart .count {padding: 15px;color: #444;text-align: center;}
.mini-shopping-cart .count:after{content: "\61";display: block;margin: 10px auto 10px;font-family: kasbia;font-size: 80px;}
.mini-shopping-cart .count a {	margin: 0 2px;font-weight: 700;	color: #444}
.mini-shopping-cart .items {margin: 0;padding: 10px 10px 0 10px;}
.mini-shopping-cart .item {overflow: hidden;padding: 0;border-top: 1px dashed #ddd;padding-top: 10px}
.mini-shopping-cart .item.first {	padding-top: 10px;border: 0}
.mini-shopping-cart .picture {float: left;width: 20%;}
.mini-shopping-cart .picture a {display: block;position: relative;overflow: hidden;	width: 70px;}
.mini-shopping-cart .picture a:before {content: "";padding-top: 100%}
.mini-shopping-cart .picture + .product {margin: 0 0 0 80px;line-height: normal;width:80%;}
.mini-shopping-cart .name {margin: 0 0 10px;font-size: 14px;width: 55%;display: inline-block;/* line-height: 11px; */float: left;}
.mini-shopping-cart .name a {text-transform: lowercase;font-size: 12px;line-height: 15px;}
.mini-shopping-cart .name a:hover {color: #FC0}
.mini-shopping-cart .attributes {margin: 5px 0;color: #666;font-size: 12px;font-style: italic}
.mini-shopping-cart .price {/* text-align: right; */width: 35%;display: inline-block;float: left;line-height: 15px;}
.mini-shopping-cart .price span {font-weight: 500;font-size: 11px;min-width: 25px;}
.mini-shopping-cart .totals {font-size: 12px;text-align: right;background: #e2e2e2;padding: 5px 10px 5px;}
.mini-shopping-cart .totals strong {font-size: 14px;color: #000;font-weight: 500;}
.mini-shopping-cart .buttons {margin: 0;text-align: center}
.mini-shopping-cart input[type="button"] {display: block;border: none;background-color: #7DC3BD;padding: 10px 20px;font-size: 15px;color: #fff;text-transform: uppercase;cursor: pointer;width: 100%;height: 50px;}
.mini-shopping-cart input[type="button"]:hover {background-color: #248ece}

input[type="checkbox"] { position: relative;margin: 0 !important;cursor: pointer;width: 20px;height: 20px;padding: 0;}
input[type="checkbox"]:before {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;content: "";position: absolute;left: 0;z-index: 1;width: 20px;height: 20px;border: 2px solid #9E9E9E;}
input[type="checkbox"]:checked:before {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);height: 10px;border-color: #7DC3BD;border-top-style: none;border-right-style: none;}
input[type="checkbox"]:after {content: "";position: absolute;top:0;left: 0;width: 20px;height: 20px;background: #fff;cursor: pointer;}

input[type="radio"] {width: 18px;height: 18px; box-shadow: 0 0 0 0 #4b4d51 inset; transition: all 0.2s ease-in-out; position: relative; cursor: pointer;vertical-align: -4px;outline: 0;border: 1px solid #d9d9d9;box-sizing: border-box;padding: 0;margin-right: 10px; border-radius:10px}
input[type="radio"]:after {content: "";display: block;position: absolute; top: 50%; left: 50%; -webkit-transform: scale(0.2);transform: scale(0.2);transition: all 0.2s ease-in-out 0.1s; opacity: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}
input[type="radio"]:checked {box-shadow: 0 0 0 2px #5e4b2f inset;border:none;}
input[type="radio"]:checked:after {-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

* {
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	margin: 0;
	-webkit-text-size-adjust: none;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}

a:active {
	outline: none;
}
a:hover, button:hover, input[type=submit]:hover, input[type=button]:hover,#giftBoxAttributesButton:hover{-moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	margin: 0;
	border: 0;
	padding: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    border-radius: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
    display: none !important;
}

.product-details-page .featuredImage {
    height: 300px;
    display: flex;
    align-items: center
}

    .product-details-page .featuredImage img {
        object-fit: contain;
        min-width: auto;
        min-height: 100%;
        width: auto !important;
        height: 100%;
        max-width: 100%;
        max-height: 300px !important;
    }

    /*********** GLOBAL STYLES **********/
    .shopping-cart-page .removeFromCartInput, .shopping-cart-page .common-buttons, .onScrollTop #topBannerText {
    display: none;
}
#topBannerText {
    width: 100%;
    height: 30px;
    padding: 4px;
    background: #7DC3BD;
}
#topBannerText .innerTopBannerText span {
    text-align: center;
    font: 500 12px 'Spartan';
    color: #fff;
    text-transform: uppercase;
    height: 22px;
    line-height: 24px;
    vertical-align: middle;
    position: relative;
    display:block;
}
#globalPopups {
    position: absolute;
    width: 0px;
    height: 0px;
}
#globalPopups .topicPopup {
    position: fixed;
    display: none;
    max-width: 90%;
    min-height: 250px;
    margin: 0 auto;
    top: 150px;
    z-index: 50000;
    left: 50%;
    transform: translateX(-50%);
    padding: 20px;
    background: rgba(255,255,255,0.3);
    box-shadow: 0px 10px 20px -15px #000;
}
#globalPopups .topicPopup img {
    max-width: 80vw;
    height: auto;
}
#globalPopups .topicPopup.active {
    display: inline-block;
}
#globalPopups .topicPopup .icon-close {
    position: absolute;
    top: -20px;
    right: -20px;
    background: rgba(255,255,255,0.7);
    padding: 10px;
    font-size: 20px;
    line-height: 14px;
    vertical-align: middle;
    border-radius: 50%;
    cursor: pointer;
}
#globalPopups .topicPopup .icon-close:hover {
    background: rgba(255,255,255,1);
}


body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
    font: normal 14px 'Spartan', sans-serif;
    color: #555;
}
h1,h2,h3,h4,h5,h6 {
	color: #444;
}
a {
	color: inherit;
	cursor: pointer;
}
a img {
	opacity: 0.99; /*firefox scale bug fix*/
}
table {
	width: 100%;
	border-collapse: collapse;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea, select {
    height: 36px; /*safari padding fix*/
    border: 0;box-shadow: 0 0 0 1px #ddd;
    padding: 8px;
    vertical-align: middle;
}
input, textarea, select, button {
    font-size: 14px;
    font-family: 'Spartan', sans-serif;
    color: #777;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover {box-shadow: 0 0 0 2px #7DC3BD;transition: all 0.2s ease-out;}
textarea {
	min-height: 100px;
}
select {
	min-width: 50px;
	height: 32px; /*safari padding fix*/
	padding: 6px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus {
    border-color: #ccc;
    color: #444;
}
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
	vertical-align: middle;
}
input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
	cursor: pointer;
}
label, label + * {
	vertical-align: middle;
}

/*Select styled*/
.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px;
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #181818;
    min-width: 180px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
    padding: 0px 15px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.select-styled:after {
    content: "i";
    color: #7DC3BD;
    font-family: "kasbia" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 15px;
    height: 30px;
    position: absolute;
    right: 10px;
}

.select-styled:hover {
    background-color: #f5f5f5;
}

.select-styled:active, .select-styled.active {
    background-color: #c9eaea;
}

.select-styled:active:after, .select-styled.active:after {
    content: "l";
}

.block-account-navigation .title:after {
    content: "i";
    font-size: 14px;
    font-weight: 600;
    color: #7DC3BD;
    font-family: kasbia;
    text-transform: none;
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.8);
}

.select-options li {
    margin: 0;
    padding: 0px;
    text-indent: 15px;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.select-options li:hover {
    color: #7DC3BD;
    background: transparent;
}

.select-options li[rel="hide"] {
    display: none;
}

.bg-productPage {
    background: rgba(51, 51, 51, .75);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 10;
    display: none;
}
/*
    Customize Radio buttons
*/
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #7DC3BD;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.input-validation-error {
    border-color: #ff6d6d !important;
}
.input-validation-error::placeholder {
    color: #ff6d6d !important;
}
/*Gift Card*/
.html-giftcard-details-page .product-essential .gallery {
    text-align: center;
}
.html-giftcard-details-page .product-essential .feauredImage{max-height: 300px;width:auto;}
.html-giftcard-details-page .product-essential .feauredImage img{max-width: 100%;max-height: 300px;margin: auto;}
.html-giftcard-details-page .option-list.Importo label:after,.option-list.Importo label:before{display:none}
.html-giftcard-details-page .option-list.Importo [type="radio"]:checked + label{border-bottom:1px solid #7DC3BD}
.html-giftcard-details-page .option-list.Importo label{font-size:13px;padding:5px 0 0;color:#777}
.html-giftcard-details-page .option-list.Importo li{display:inline-block}
.html-giftcard-details-page .overview .breadcrumb{display:none!important}
.html-giftcard-details-page .overview .attributes{margin:0}
.html-giftcard-details-page .overview .attributes dl{padding:0}
.html-giftcard-details-page .overview .product-name{margin:0 0 10px}
.html-giftcard-details-page .overview .product-name h2{text-transform:uppercase}
.html-giftcard-details-page .overview{margin:0}
.html-giftcard-details-page .product-essential{padding:0;margin:0;border-bottom:none}
/**/
.master-wrapper-content {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
}
.master-column-wrapper {
	position: relative;
	z-index: 0;
}
.master-column-wrapper:after {
	content: "";
	display: block;
	clear: both;
}
.twoColumnsLayout {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    max-width:1200px;
}
.twoColumnsLayout .sidebar,
.twoColumnsLayout .content{
    float:none;
    position: relative;
    display: inline-block;
    margin: 0px;
}
.twoColumnsLayout .sidebar {
    width: 30%;
}
.twoColumnsLayout .content {
    width: 70%;
}
.html-home-page .center-1, .html-category-page .center-1 {margin: 0;}
.center-1 {margin: 30px 0 0px;}
.html-login-page .center-1 {margin: 0;}
.center-2, .side-2 {
	margin: 0 0 50px;
}
.side-2:after {
	content: "";
	display: block;
	clear: both;
}

.page {
	min-height: 200px;
	text-align: center;
}
.account-page {
    background: #A3E5DD80;
}
.page-title {margin: 0 0 25px;padding: 6px 0;text-align: center;}
.page-title h1 {
	font-size: 30px;
	font-weight: normal;
}
.page:after,
.page-title:after,
.page-body:after {
	content: "";
	display: block;
	clear: both;
}

.buttons {
    margin: 0 0 10px;
    text-align: center;
}

#confirm-order-buttons-container.buttons {
    text-align: right;
}

.link-rss {
    display: none;
    width: 24px;
    height: 24px;
    background: url('../images/rss.png') center no-repeat;
    font-size: 0 !important;
}
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: disc;
}
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol {
	margin: 12px 0;
	padding: 0 0 0 36px;
	list-style: decimal;
}
.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p {
	margin: 10px 0;
	text-align: justify;
}
/*.flyout-cart {display: none;}*/
.btn.outline {
    padding: 15px 40px;
    border: 1px solid #181818;
    background: rgba(255, 255, 255,0.6);
}

.cart_empty {
    text-align: center;
    font-size: 0;
}
.cart_emptyBg {
    width: 184px;
    height: 150px;
    background: url("/images/shopping-bag.svg") no-repeat 50%;
    margin: 50px auto 0;
}
.cart_emptyTxt {
    line-height: 22px;
    margin: 20px 0;
    font-size: 14px;
    color: #666;
    text-align: center;
}
.cart_empty .button-1, .cart_empty .button-2 {
    min-width: 140px;
    border: none;
    background-color: #333;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px;
}
.cart_empty .button-1 {
    background-color: #333;
}
.cart_empty .button-2 {
    background-color: #7DC3BD;
}

.cart_empty .button-2:hover,
.cart_empty .button-1:hover {
    background-color: #A3E5DD;
    color: #333;
}
.btn.outline.read-more {
    border: 1px solid #7DC3BD;
    background: none;
    color: #7DC3BD;
    margin: 10px auto;
    display: block;
}


/*********** GLOBAL FORMS ***********/

.html-contact-page .fieldset { margin: 0 auto 30px; padding: 30px 15px;  display: block;  text-align: center;  width: 460px;  max-width: 100%;}
.html-contact-page .fieldset label {font-weight:500; text-align:left}
.fieldset, .section {
	position: relative;
	margin: 0 0 40px;
}
.fieldset .title,
.section .title {
	margin: 0 0 15px;
	padding: 0 10px;
	font-size: 20px;
	color: #444;
}
.fieldset .title strong,
.section .title strong {
	font-weight: normal;
}
.form-fields {
    position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f9f9f9;
    padding: 30px 15px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
    font-size: 0;
    width: 100%;
}

.email-a-friend-page .inputs {
    margin: 2%;
}
    .inputs:after {
    content: "";
    display: block;
    clear: both;
}
.inputs label {
	display: block;
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
    font-size: 14px; /*reset zeroing*/
	color: #444;
}

    .return-request-page .form-fields .inputs label {
    width: 100%;
}

    .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea {
        width: 400px;
        max-width: 100%;
        background-color: #fff;
    }

.return-request-page .form-fields .inputs select, .return-request-page .form-fields .inputs textarea {
    width: 320px;
}
.return-request-page  .page-body {
    text-align: center;
}
.inputs.accept-consent {
    display: inline-flex;
    white-space: inherit;
}

.current-code {
    padding: 20px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.password-recovery-page .inputs input[type="text"],
.password-recovery-page .inputs input[type="email"],
.password-recovery-page .inputs input[type="tel"],
.password-recovery-page .inputs input[type="password"],
.password-recovery-page .inputs select, .password-recovery-page .inputs textarea {
    width: 320px;
}

        .inputs.custom-attributes {
	white-space: normal;
}
.inputs .option-list {
    display: inline-block;
	max-width: 95%;
    vertical-align: middle;
}
.inputs .option-list li {
	display: inline-block;
	margin: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 8px 10px;
}
.inputs .option-list label {
	display: inline-block;
	width: auto !important;
	margin: 0 0 0 5px;
}

.inputs.reversed {
	margin: 0 0 20px;
	text-align: center;
}
.required {
	margin: 0 -8px 0 3px; /*siblings offset*/
	vertical-align: top;
	font-size: 20px;
	font-weight: normal;
	color: #e4434b;
}
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error, .password-error {
	display: block;
	text-align: center;
	font-size: 11px;
	color: #e4434b;
    margin-top: 5px;
}
.field-validation-valid,
.username-available-status {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #4cb17c;
}

.captcha-box {
	text-align: center;
	line-height: 0; /*firefox line-height bug fix*/
}
.captcha-box > div {
	display: inline-block;
	max-width: 100%;
}
.captcha-box input {
	height: auto;
}


/*********** GLOBAL TABLES ***********/



.table-wrapper {
	overflow-x: auto;
}
.data-table .hidden-row {
	height: 1px;
  border: none;
}
.data-table tr.hidden-row th {
  padding: 0;
  border-top: none;
}
.data-table tr.hidden-row th > span{
  height: 1px; 
  width: 1px; 
  position: absolute; 
  overflow: hidden; 
  top: -10px;
}
.cart th,
.data-table th,
.forum-table th {
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #ddd;
    background-color: #f6f6f6;
    padding: 10px;
    white-space: nowrap;
	font-weight: normal;
}
.forum-table th.replies,
.forum-table th.views,
.forum-table th.votes,
.forum-table th.latest-post,
.forum-table th.topics,
.forum-table th.posts,
.forum-table td.replies,
.forum-table td.views,
.forum-table td.votes,
.forum-table td.latest-post,
.forum-table td.topics,
.forum-table td.posts{
    display: none;
}
.forum-table td.image {
    min-width: 0;
}
.cart td,
.data-table td,
.forum-table td {
	min-width: 50px;
	border-width: 1px;
	border-style: solid;
    border-color: transparent transparent #ddd;
    background-color: #fff;
    padding: 20px;
	color: #444;
}

.cart tr {
    border-width: 1px;
    border-style: solid;
    border-color: transparent transparent #ddd;
    padding-top: 10px;
}

    .forum-table td {
	min-width: 90px;
    padding: 10px;
}
.cart a,
.data-table a,
.forum-table a {
	font-weight: normal;
	color: #7DC3BD;
}
.cart a:hover,
.data-table a:hover,
.forum-table a:hover {
	text-decoration: underline;
}
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
    min-width: 225px;
	text-align: left;
}
.forum-table .forum-details,
.forum-table .topic-details {
	text-align: left;
}
.cart .product a,
.data-table .product a,
.data-table .info a {
    font-weight: 600;
    color: #444;
    /*
    text-transform: lowercase;
    */
}
.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover {
	color: #7DC3BD;
	text-decoration: none;
}
    .cart .product a.product-name {
        /*text-transform: lowercase;*/
        display: inline-block;
        max-width: 200px;
    }
.mini-shopping-cart .items {
    height: 300px;
    overflow-y: auto;
    width: calc(100% + 13px);
}


@media (min-width: 380px) {
    .cart .product a.product-name {
        max-width: 225px;
        text-align: left;
    }
}
@media (min-width: 1001px) {
    .cart .product a.product-name {
        max-width: 100%;
    }
}

        @media (min-width: 768px) {
            .cart .product a.product-name {
                width: auto;
                margin-right: 20px;
            }
        }

        .shopping-cart-page .cart .product a.product-name:first-letter {
    text-transform: uppercase;
}

.cart .product .edit-item {
	margin: 10px 0 0;
}
.cart .product .edit-item a {
	font-weight: normal;
	color: #7DC3BD;
}
.cart .product .edit-item a .edit-item-text{
    text-transform: uppercase;
    color: #333;font-size: 12px;
}
.cart .product .edit-item a:hover {
    text-decoration: underline;
}

.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order {
    text-align: center;
}

    .cart .remove-from-cart button.icon-close {
        cursor: pointer;
        color: #fff;
        width: 20px;
        height: 20px;
        font-size: 9px;
        vertical-align: middle;
        line-height: 22px;
        border: none;
        background: #7dc3bd;
        border-radius: 5px;
        text-align: center;
    }

.old-product-price {
    text-decoration: line-through;
}

.cart td.unit-price,
.data-table td.unit-price {
    white-space: nowrap;
}
.cart td.quantity input { width: 50px; text-align: center;box-shadow: none;}
.cart td.subtotal,
.data-table td.total {
	white-space: nowrap;
    color: #444;
}
.cart td.subtotal .discount, .cart td.subtotal .discount-additional-info {
    font-style: italic;
    color: #7DC3BD;
}

.data-table em a {
	font-weight: bold;
	color: #444;
}
.data-table div.download {
	margin: 10px 0 0;
}


/*********** NOTIFICATIONS & POPUPS  ***********/

.bar-notification-container {position: fixed; top: 0; left: 0; z-index: 9999999; width: 100%; line-height: 16px;  color: #fff;opacity: 1;}
.bar-notification.success {background-color: #4bb07a;}
.bar-notification.error {background-color: #e4444c; }
.bar-notification.warning {background-color: #f39c12;}
.bar-notification {position: fixed;top: 70px;right: 0;z-index: 1000;width: 300px;padding: 18px 25px 18px 18px;line-height: 20px;color: #fff;opacity: 1;}
.bar-notification .content {margin: 0 10px 0 0;}
.bar-notification .content a {color: #fff;text-decoration: underline;}
.bar-notification .close {position: absolute;top: 0;right: 0;width: 32px;height: 32px;margin: 7px;background: #fff url('../images/close.png') center no-repeat;cursor: pointer;}


.bar-notification .close {
    top: 50%;
    right: 10px;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    transform: translateY(-50%);
    margin: 0px;
}

.bar-notification {
    top: 0;
    width: 100%;
    min-width: 280px;
    padding-right: 40px;
}
.popup-notification {
    border-radius: 5px;
    padding: 3px;
    margin: 5px 0;
}
.popup-notification.success {
    border: 2px rgba( 75,176,122,.5) solid;
}
.popup-notification.error {
    border: 2px rgba( 228,68,76,.5) solid;
}
.popup-notification.warning {
    border: 2px rgba( 243,156,18,.5) solid;
}

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
	padding: 30px 15px;
    text-align: center;
	line-height: 22px;
    color: #444;
}

.ajax-loading-block-window {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 32px;
	height: 32px;
	margin: -16px 0 0 -16px;
	background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
	background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
	font-size: 14px;
}

.product-scalapay-text {
    margin-top: 20px !important;
}

.ui-dialog {
    max-width: 90%;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    overflow: hidden;
    background-color: #fff;
    /*override jQuery UI styles, do not delete doubled properties*/
    border-radius: 0;
    padding: 0;
    font: normal 14px 'Spartan', sans-serif;
}
.ui-dialog:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.ui-dialog-titlebar {
	border-bottom: 1px solid #ddd;
	overflow: hidden;
	background-color: #eee;
	padding: 10px 15px;
	/*override jQuery UI styles, do not delete doubled properties*/
	border-width: 0 0 1px;
	border-radius: 0;
	background-image: none;
	padding: 10px 15px !important;
	font-weight: normal;
	cursor: auto !important;
}
.ui-dialog-titlebar > span {
	float: left;
	font-size: 18px;
	color: #444;
	/*override jQuery UI styles, do not delete doubled properties*/
	margin: 0 !important;
}
.ui-dialog-titlebar button {
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
	height: 42px;
	border: none;
	overflow: hidden;
	background: url('../images/close.png') center no-repeat;
	font-size: 0;
	/*override jQuery UI styles, do not delete doubled properties*/
	top: 0 !important;
	right: 0 !important;
	width: 42px !important;
	height: 42px !important;
	margin: 0 !important;
	border: none !important;
	border-radius: 0;
	background: url('../images/close.png') center no-repeat !important;
	padding: 0 !important;
}
.ui-dialog-titlebar button span {
	display: none !important;
}
.ui-dialog-content {
	padding: 15px;
	line-height: 20px;
	/*override jQuery UI styles, do not delete doubled properties*/
	background-color: #fff !important;
	padding: 15px 15px 20px 15px !important;
	color: #777;
}
.ui-dialog-content .page{
    min-height: 0;
}
.ui-dialog-content .page-title{
    min-height: 0;
    margin: 0 0 15px;
    padding: 0px 10px 10px 10px;
    text-align: center;
}
.ui-dialog-content .page-title h1{
    font-size: 24px;
    line-height: 30px;
}
.ui-dialog-content .back-in-stock-subscription-page {
    text-align: center;
}
.ui-dialog-content .back-in-stock-subscription-page .tooltip{
    margin-bottom: 10px;
}
.ui-dialog-content .back-in-stock-subscription-page .button-1{
	border: none;
	background-color: #7DC3BD;
    padding: 10px 15px;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
}
.ui-dialog-content .back-in-stock-subscription-page .button-1:hover {
	background-color: #7DC3BD;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
	left: 50%;
	z-index: 1050;
	width: 320px;
	height: auto;
    margin: -90px 0 0 -160px;
    border: 1px solid #ccc;
	box-shadow: 0 0 2px rgba(0,0,0,0.15);
    background-color: #fff;
    padding: 20px;
	text-align: center;
}
.eu-cookie-bar-notification .text {
	margin-bottom: 20px;
	line-height: 20px;
}
.eu-cookie-bar-notification button {
	min-width: 60px;
	margin: 5px 0 10px;
	border: none;
	background-color: #7DC3BD;
	padding: 8px 12px;
	font-size: 14px;
	color: #fff;
}
.eu-cookie-bar-notification button:hover {
	background-color: #7DC3BD;
}
.eu-cookie-bar-notification a {
	display: block;
	color: #7DC3BD;
}
.eu-cookie-bar-notification a:hover {
	text-decoration: underline;
}


/*********** HEADER ***********/
/*#mainNav {
    border-bottom: 2px solid #7DC3BD;
}*/
body.onScrollTop {
    margin-top: 180px;
}
#mainNav .innerMainNav {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s ease-in-out;
    border-bottom: 2px solid #7DC3BD;
}
        
.admin-header-links {opacity: 0.2;background-color: #000000;text-align: center;color: #eee;/* margin: 0; */position: fixed;bottom: 0;z-index: 2;}
.admin-header-links:hover {opacity: 1; -moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
.admin-header-links a {display: inline-block;margin: 0 10px;color: #fff;line-height: 40px;padding: 0 20px;font-size: 14px;text-transform: uppercase;}
.admin-header-links a:hover {color:#FFCF11}
.admin-header-links .impersonate {display: inline-block;}
.admin-header-links .impersonate a {background-color: #555;padding: 0 15px;}
.admin-header-links .impersonate a:hover {background-color: #666;}

.header {
    position: relative;
    /* z-index: 10; */
    width: 100%;
    margin: 10px auto;
    padding: 11px 0 0 0;
    text-align: center;
    max-width: 1360px;
}

.header-selectors-wrapper {}
.header-selectors-wrapper > div {
	display: block;
	width: 50%;
	margin: 10px auto;
	vertical-align: middle;
}
.header-selectors-wrapper select {
	width: 100%;
}
.language-list {
	max-width: 100%;
	font-size: 0;
}
.language-list li {
	display: inline-block; 
	margin: 0 1px;
	vertical-align: middle;
}
.language-list a { 
	display: block;
	position: relative;
	width: 24px;
	height: 32px;
	line-height: 0;
}
.language-list img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.header-links-wrapper {
	padding: 20px 0;
}
.header-links ul {
	font-size: 0;
}
.header-links li {display: inline-block;margin-left:5px}
.header-links li [class^="icon-"]:before {vertical-align:middle}
.header-links span,
.header-links a {
    display: inline-block;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
}
.header-links span.wishlist-qty{display:block;min-width: 20px;min-height: 20px;top: -5px !important;right: -5px !important;}
.header-links span.cart-qty,
.header-links span.wishlist-qty {
    width: 18px;
    height: 18px;
    font-size: 10px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    border-radius: 50%;
    background: #7DC3BD;
    color: #fff;
    position: absolute;
    top: -5px;
    right: -15px;
}
.header-links a:hover { color: #7DC3BD;}
.header-links li a span{display: none;}
.header-links span.wishlist-qty,
.header-links li a.icon-cart span.cart-qty {
    display: block;
    min-width: 20px;
    min-height: 20px;
    right: -5px;
    line-height: 22px;
    font-weight: 500;
    top: -5px;
    vertical-align: middle;
    font-family: 'Spartan';
}
#topcartlink {/* differenziare cart button*/}
#topcartlink a { /* differenziare cart button*/}
.header-logo {text-align: center;}
.header-menu > .header-logo{display:none}
.header-logo a {display: inline-block;max-width: 100%;line-height: 0; /*firefox line-height bug fix*/}
    .header-logo a img {
        max-width: 215px;
        width: 100%;
        height: auto;
    }
.header-topMenu { /*z-index: 10;*/ top: 15px; right: 10px;}
.header-logo a img.onscroll, .onScrollTop .header-logo a img{display:none}
.onScrollTop .header-logo a img.onscroll{display:block}
.search-box form {display: inline-block;}
.search-box form:after {content: "";display: block;	clear: both;}
.search-box input.search-box-text, .search-box .search-box-button {padding: 0px; height: auto; border: none;}
.search-box input.search-box-text {height: auto;border-bottom: 1px solid #333;font-size: 14px; line-height: 19px;font-weight: bold; font-family: spartan;vertical-align: baseline;box-shadow: none;}
.search-box .search-box-button { /* height: 36px; */ font-size: 15px; border: none; background-color: transparent; text-align: center; color: #000; text-transform: uppercase;}
.search-box .search-box-button:hover { background-color: transparent; color: #7DC3BD;}
.search-box .ui-autocomplete-loading {background: #fff url('../images/ajax-loader-small.gif') right center no-repeat;}
html.open-search .search-box input.search-box-text {
       width: 100%;
       height: 46px;
       font: normal 14px 'Spartan', sans-serif;
       border-bottom: 0;
       cursor: text;
       background: #fff;
       padding: 5px 10px;
       margin: 0;
       display: inline-block;
       position: relative;
       border-radius: 5px;
       line-height: 40px;
}
html.open-search .header-search {
    width: 100%;
    height: 46px;
    top: 30px;
    left: 0px;
    right: auto;
    position: fixed;
    display: block;
    margin: 0px;
    padding: 2px;
    background: #fff;
}
html.open-search .header-links li{
    display: none;
}
html.open-search .header-links li.header-search {
    display: inline-block;
}
html.open-search .header-search.onlyMobile {
    padding-top: 7px;
}
html.open-search .showsearch {
    /* width: 100%; */
    /* height: 46px; */
}
.search-box .search-box-button {
    z-index: 5;
    /* right: 20px; */
    /* position: absolute; */
}
.showsearch{
    position:relative;
}
.showsearch .icon-search {
    font-size: 18px;
    cursor: pointer;
}
#mainNav.onScrollTop .header-links > ul li.header-search.onlyMobile {
    display: inline-block!important;
}
.search-box-form, html.open-search .showsearch .icon-search,
.search-box-button.icon-search.open-search, 
.search-box.store-search-box .showsearch .icon-search.open-search {display:none;}
html.open-search #mainNav.onScrollTop .showsearch .search-box-button.icon-search.open-search, 
html.open-search #mainNav .showsearch .search-box-button.icon-search.open-search{display:block;position:absolute;top: 14px;right: 40px;}
html.open-search .search-box-form.opened {
    display: block;
    /* position: absolute; */
    /* top: 0px; */
    /* width: auto; */
    /* height: 46px; */
    /* right: 20px; */
}

.html-email-a-friend-page .inputs {
    text-align: center;
}

    .html-email-a-friend-page .inputs label {
        width: auto;
    }

@media (max-width: 1000px) {
    .html-wishlist-page .cart tr {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        font-size: 13px;
        justify-content: space-between;
        padding: 15px 10px;
    }
        .html-wishlist-page .cart tr td.unit-price .td-title, .html-wishlist-page .cart tr td.quantity .td-title, .html-wishlist-page .cart tr td.subtotal .td-title {
            font-size: 11px;
        }
            .html-wishlist-page .cart .remove-from-cart {
        width: 100px;
    }
    .html-wishlist-page .cart .add-to-cart {
        width: calc(100% - 100px);
    }

    .html-wishlist-page label {
        margin-right: 5px;
    }
}




    html.open-search .search-box-form.opened .icon-close:after {
        content: "x";
        font-family: kasbia;
    }

    .search-box-form.opened .icon-close:before {
        display: none;
    }

    html.open-search .search-box-form.opened .icon-close {
        font-size: 24px;
        /* position: absolute; */
        /* right: 10px; */
        /* top: 8px; */
        cursor: pointer;
    }

    html.open-search .search-box-form.opened .search-box-button {
        font-size: 22px;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    html.open-search .header-search {
        width: 100%;
        height: 46px;
        top: 0;
        left: 0;
        right: auto;
        position: absolute;
        display: block;
    }

    html.open-search .search-box form.small-search-box-form {
        display: inline-block;
        width: 100%;
    }

    html.open-search .search-box.store-search-box { /* text-align: left; */
        webkit-animation: fadeIn 1.2s cubic-bezier(0.165,0.840,0.440,1.000) forwards;
        animation: fadeIn 1.2s cubic-bezier(0.165,0.840,0.440,1.000) forwards;
    }

        html.open-search .search-box.store-search-box div {
            display: inline-block; /* align-items: center; */ /* justify-content: center; */
        }

        html.open-search .search-box.store-search-box .showsearch {
            width: 100%;
            position: relative;
        }

        html.open-search .search-box.store-search-box .search-box-form.opened {
            width: 20%;
        }

    input[type="text"]:focus:hover {
        border-bottom: 1px solid #BBB;
    }

    /*
input[type="text"]:focus {
  width: 700px;
  z-index: 1;
  border-bottom: 1px solid #BBB;
  cursor: text;
}
*/



    .ui-helper-hidden-accessible {
        display: none !important;
    }

    .ui-autocomplete {
        width: auto;
        border: 1px solid #ddd;
        border-top: none;
        overflow: hidden;
        background-color: #fff;
        text-align: left;
        /*override jQuery UI styles, do not delete doubled properties*/
        border-radius: 0;
        padding: 0;
        font: normal 14px 'Spartan', sans-serif;
        position: fixed;
        z-index: 1000;
    }

        .ui-autocomplete li {
            border-top: 1px solid #ddd;
        }

            .ui-autocomplete li:first-child {
                border-top: none;
            }

        .ui-autocomplete a {
            display: flex;
            align-items: center;
            padding: 15px;
            font-size: 14px;
            /*override jQuery UI styles, do not delete doubled properties*/
            margin: 0 !important;
            border: none !important;
            border-radius: 0 !important;
            background: none !important;
            padding: 15px !important;
            line-height: normal !important;
            color: #777 !important;
        }

            .ui-autocomplete a:hover,
            .ui-autocomplete a.ui-state-focus {
                background-color: #f6f6f6 !important;
            }

        .ui-autocomplete img {
            min-width: 20px;
            margin: 0 10px 0 0;
            vertical-align: middle;
        }


    /*********** FOOTER ***********/
    .goTopButton {
        position: fixed;
        right: 50px;
        bottom: 50px;
        width: 40px;
        height: 40px;
        background: transparent;
        color: #fff;
        font-size: 25px;
        text-align: center;
        padding: 6px 5px 5px 5px;
        border-radius: 50%;
        box-shadow: 0px 4px 20px -10px #000;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s ease-in-out;
        display: block;
        visibility: hidden;
        z-index: -1;
        cursor: pointer;
    }

    .onScrollTop .goTopButton {
        background: #7DC3BD;
        visibility: visible;
        z-index: 1000;
    }

    .preFooter {
        width: 100%;
        margin: 100px auto 0 auto;
        padding: 20px 5%;
        background: #A3E5DD;
    }

        .preFooter .innerPreFooter {
            display: flex;
            justify-content: space-between;
        }

            .preFooter .innerPreFooter .box {
                display: flex;
            }

                .preFooter .innerPreFooter .box .box-icon {
                    font-size: 42px;
                    line-height: 42px;
                    color: #333;
                    vertical-align: top;
                    height: 42px;
                    display: inline-block;
                }

                .preFooter .innerPreFooter .box .box-description {
                    padding: 4px 8px;
                }

                    .preFooter .innerPreFooter .box .box-description .heading-3 {
                        font-size: 15px;
                        color: #333;
                        font-weight: 500;
                        display:block;
                    }

                    .preFooter .innerPreFooter .box .box-description span {
                        font-size: 13px;
                        color: #333;
                        font-weight: 400;
                    }

    .footer {
        background-color: #FAFAFA;
        text-align: center;
    }

    .innerFooter {
        width: 95%;
        display: flex;
        flex-wrap: wrap;
        margin: auto;
        overflow: hidden;
        padding: 40px 0;
    }
    .innerFooter.second-footer {
        padding: 0 0 20px 0;
    }
    .footer-block {
        margin: 0px auto;
        text-align: left;
        font-size: 13px; /*reset zeroing*/
        color: #333;
    }

        .footer-block.credentials ,
        .footer-block.information,
        .footer-block.my-account,
        .footer-block.follow-us {
            width: 20%;
        }

    span.footer-disclaimer,
    span.footer-address,
    span.footer-policies {
        width: 100%;
        display: inline-block;
        padding-bottom: 10px;
    }
    .innerFooter .footer-payment-method,
    .innerFooter .footer-courier{
        width: 100%;
        margin: 0 auto;
    }

.footer-courier .footer-courier-images,
.footer-payment-method .footer-payment-method-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 10px;
}

    .footer-courier .footer-courier-images .c-image-icon:first-child,
    .footer-payment-method .footer-payment-method-images .p-image-icon:first-child{
        margin: 6px 6px 6px 0;
    }
    .footer-courier .footer-courier-images .c-image-icon:last-child,
    .footer-payment-method .footer-payment-method-images .p-image-icon:last-child{
        margin: 6px 0 6px 6px;
    }

    .footer-courier .footer-courier-images .c-image-icon,
    .footer-payment-method .footer-payment-method-images .p-image-icon{
        margin: 6px;
        border-radius: 6px;
        padding: 8px 20px;
        box-shadow: 0 3px 5px rgba(27,30,32,.11);
    }
    .footer-courier .footer-courier-images img,
    .footer-payment-method .footer-payment-method-images img{
        max-width: 80px;
        height: auto;
    }
    .footer-payment-method .footer-payment-method-images .pm-text {
        width: 80px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-payment-method .footer-payment-method-images .pm-text span{
        font-size: 10px;
        font-weight: 600;
        user-select: none
    }
    .footer-block.credentials .footer-info-inner {
        display: flex;
        align-items: center;
        padding-right: 10%;
    }

    .footer-block .title {
        margin: 0 0 1px;
        background: #7DC3BD url(../images/toggle-white.png) right center no-repeat;
        padding: 10px 15px;
        font-size: 15px;
        text-transform: uppercase;
        color: #fff;
        cursor: pointer;
    }

.innerFooter .footer-payment-method .title,
.innerFooter .footer-courier .title {
    margin: 0 0 1px;
    background: #7DC3BD;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

/*        .footer-block .title strong {
            font-weight: normal;
        }*/

    .footer-block .list {
        display: none;
        margin: 0 0 20px;
        background-color: #fff;
        padding: 10px 15px;
    }

        .footer-block .list a {
            display: block;
            padding: 10px 15px;
            line-height: 20px;
        }

            .footer-block .list a:hover {
                color: #7DC3BD;
            }

    .follow-us .title {
        margin: 0 0 10px;
        background: none;
        color: #444;
        cursor: auto;
    }

    .follow-us .social ul {
        margin: 0 0 10px;
        font-size: 20px;
        line-height: 20px;
        vertical-align: middle;
    }

    .follow-us .social li {
        display: inline-block;
        margin: 0 5px;
    }

    .follow-us .social a {
        font-size: 13px;
        vertical-align: middle;
        line-height: 20px;
        padding-left: 10px;
    }

    .follow-us .social .facebook a {
        background-position: 0 0;
    }

    .follow-us .social .twitter a {
        background-position: -38px 0;
    }

    .follow-us .social .rss a {
        background-position: -76px 0;
    }

    .follow-us .social .youtube a {
        background-position: -114px 0;
    }

    .follow-us .social .google-plus a {
        background-position: -152px 0;
    }

    .newsletter-email {
        display: inline-block;
        overflow: hidden;
    }

        .newsletter-email input[type="email"] {
            float: left;
            width: 180px;
            height: 36px;
            margin: 0 -1px 0 0;
        }

    .newsletter-subscribe-button {
        float: left;
        height: 36px;
        border: none;
        background-color: #7DC3BD;
        padding: 0 15px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
    }

        .newsletter-subscribe-button:hover {
            background-color: #7DC3BD;
        }

    .newsletter-email .options {
        clear: both;
        padding: 10px 0 0;
    }

    .newsletter-validation,
    .newsletter-result {
        width: 100%;
        overflow: hidden;
        line-height: 28px;
    }
    /*.newsletter-validation .please-wait {
	display: none !important; 
}*/

    .footer-lower {
        width: 95%;
        margin: auto;
        overflow: hidden;
        padding: 25px 0;
        font-size: 12px;
    }

    .footer-tax-shipping a {
        font-weight: bold;
        color: #7DC3BD;
    }

        .footer-tax-shipping a:hover {
            text-decoration: underline;
        }

    .footer-powered-by {
        margin: 10px 0 0;
    }

        .footer-powered-by a {
            font-weight: bold;
            color: #7DC3BD;
        }

            .footer-powered-by a:hover {
                text-decoration: underline;
            }

    .theme-selector {
        margin: 10px 0 0;
    }

        .theme-selector select {
            width: 170px;
        }


    /*********** SIDE COLUMN ***********/



    .block .title {
        position: relative;
        margin: 0 0 10px;
        background: #f6f6f6;
        padding: 12px 30px 12px 10px;
        font-size: 20px;
        color: #444;
        cursor: pointer;
    }

        .block .title strong {
            font-weight: 600;
        }

    .block .listbox {
        display: none;
        border-bottom: 1px solid #ddd;
    }

    .block .list li {
        padding: 5px 0 5px 15px;
    }

    .block .list a {
        display: inline-block;
        position: relative;
        padding: 5px 0;
        font-size: 16px;
        color: #444;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .block .list a:before {
            content: "";
            position: absolute;
            top: 12px;
            left: -15px;
            width: 5px;
            height: 5px;
        }

    .block .list .active > a {
        color: #7DC3BD;
    }

    .block .list a:hover {
        color: #7DC3BD;
    }

    .block a.product-picture {
        display: none;
    }

        .block a.product-picture:before {
            display: none;
        }

    .block .sublist {
        margin: 15px 0 5px;
    }

        .block .sublist a {
            font-size: 14px;
        }

    .block .view-all {
        margin: 10px 0 0;
    }

        .block .view-all a {
            display: inline-block;
            padding: 10px 15px;
            font-size: 16px;
            color: #7DC3BD;
        }

            .block .view-all a:hover {
                text-decoration: underline;
            }

    .block .tags {
        margin: 5px 0 10px;
    }

        .block .tags ul {
            font-size: 0;
        }

        .block .tags li,
        .product-tags-all-page li {
            display: inline-block;
            position: relative;
            margin: 0 10px;
            overflow: hidden;
            font-size: 17px !important; /*setting base size*/
        }

            .block .tags li a,
            .product-tags-all-page li a {
                float: left;
                line-height: 30px;
                color: #444;
            }

                .block .tags li a:hover,
                .product-tags-all-page li a:hover {
                    color: #7DC3BD;
                }

    .poll strong {
        display: block;
        margin: 10px 0;
        background-color: #f6f6f6;
        padding: 10px 15px;
        font-size: 15px;
        font-weight: normal;
        color: #444;
        text-transform: uppercase;
    }

    .poll-options,
    .poll-results {
        margin: 10px 0 15px;
        overflow: hidden;
        font-size: 15px;
        color: #444;
    }

        .poll-options li,
        .poll-results li {
            margin: 10px 0;
        }

            .poll-options li > input {
                margin: 0 5px 0 0;
                cursor: pointer;
            }

            .poll-options li > label {
                display: inline-block;
                font-size: 16px;
                cursor: pointer;
            }

    .poll .buttons,
    .poll-total-votes {
    }

        .poll .buttons input {
            border: none;
            background-color: #aaa;
            padding: 10px 20px;
            font-size: 13px;
            color: #fff;
            text-transform: uppercase;
        }

            .poll .buttons input:hover {
                background-color: #bbb;
            }

    .poll-total-votes {
        display: block;
        margin: 10px 0 0;
        font-weight: bold;
        font-style: italic;
        color: #444;
    }

    .home-page-polls {
        text-align: center;
    }

        .home-page-polls .title {
            border-bottom: 1px solid #ddd;
            color: #444;
            font-size: 30px;
            font-weight: normal;
            margin: 0 0 30px;
            padding: 0 0 15px;
        }

            .home-page-polls .title strong {
                font-weight: normal;
            }

        .home-page-polls li {
            display: inline-block;
            margin: 10px;
        }

    .homepageTextTopic {
        width: 100%;
        margin: 70px auto;
    }

        .homepageTextTopic .topic-block-title {
            min-height: 50px;
            margin: 0 0 5px;
            border: none;
            padding: 0 0 10px;
        }

            .homepageTextTopic .topic-block-title h2 {
                font-size: 40px;
                text-transform: uppercase;
            }

        .homepageTextTopic .topic-block-body {
            width: 50%;
            margin: 0 auto;
            text-align: center;
        }

            .homepageTextTopic .topic-block-body p {
                text-align: center;
                font-size: 16px;
                line-height: 1.8em;
            }

    .homepageBannerImagesTopic {
        display: inline-block;
        margin: 0 0px 50px;
        width: 100%;
    }

    .innerBanner {
        width: 100%;
        display: flex;
    }

        .innerBanner img {
            width: auto;
            max-width: 100%;
            padding: 20px;
            height: auto;
        }

        .innerBanner .rightArea,
        .innerBanner .leftArea {
            width: 50%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
        }

        .innerBanner .topItem {
            align-items: flex-start;
            position: relative;
        }

        .innerBanner .bottomItem {
            align-items: flex-end;
            position: relative;
        }

        .innerBanner .bannerCaptionImage {
            bottom: 30%;
            left: 20px;
            width: 250px;
            font-size: 30px;
            padding: 20px;
            position: absolute;
            background: rgba(255,255,255,0.8);
        }

    .rightArea .bannerCaptionImage .btn.outline {
        font-size: 20px;
        display: inline-block;
        padding: 15px 30px;
        text-transform: uppercase;
        margin-top: 20px;
        border-radius: 3px;
    }

    .rightArea .topItem .bannerCaptionImage {
        background: transparent;
        bottom: 40px;
        left: 20px;
        color: #000;
        width: auto;
    }

    .rightArea .bottomItem .bannerCaptionImage {
        background: transparent;
        bottom: 40px;
        right: 20px;
        left: auto;
        color: #000;
        width: auto;
    }
    /********** CATEGORY PAGE **********/
    .breadcrumb {
        background-color: transparent;
        padding: 0px;
    }

        .breadcrumb ul {
            font-size: 0;
        }

        .breadcrumb li {
            display: inline-block;
        }

            .breadcrumb li * {
                display: inline-block;
                text-transform: uppercase;
                font-size: 11px;
                font-weight: 500;
                padding: 0 1px;
            }
        /*.breadcrumb li:first-of-type * {
    padding-left: 0px;
    padding-right: 2px;
}*/
        .breadcrumb strong {
        }

        .breadcrumb a:hover {
            color: #7DC3BD;
        }

    .category-description,
    .manufacturer-description,
    .vendor-description {
        margin: 0 0 25px;
        line-height: 22px;
    }

    .contact-vendor {
        margin: 0 0 30px;
    }

        .contact-vendor .button-2 {
            border: none;
            background-color: #7DC3BD;
            padding: 10px 15px;
            font-size: 14px;
            color: #fff;
            text-transform: uppercase;
        }

            .contact-vendor .button-2:hover {
                background-color: #7DC3BD;
            }


    .product-selectors {
        display: inline-block;
        margin: 0 auto;
        text-align: right;
        float: right;
        width: 50%;
    }

    .search-page .product-selectors {
        width: 100%;
        padding: 20px 0;
    }

    .product-selectors product-selectors {
        padding: 10px 0;
    }

    .product-selectors:first-child {
        border-top: none;
    }

    .product-selectors:after {
        content: "";
        display: block;
        clear: both;
    }

    .product-selectors > div {
        display: inline-block;
        margin: 0px;
        padding-top: 4px;
    }

    .product-selectors span {
        vertical-align: middle;
        font-size: 11px;
        text-transform: uppercase;
    }

    .product-selectors select {
        margin: 0px;
    }

    .product-selectors .product-viewmode {
        display: none;
        font-size: 0;
    }

    .product-sorting .select-styled {
        text-transform: uppercase;
        font-size: 11px;
        padding-right: 30px;
        border-bottom: 1px solid #ccc;
        display: inline-block;
        white-space: nowrap;
        width: fit-content;
    }

    .product-sorting .select-options {
        text-transform: uppercase;
        font-size: 11px;
        width: 173px;
        border: 1px solid #ccc;
        padding-right: 10px;
    }
    /* PRODUCT FILTERS */
    section#categoryFilters {
        margin: 0 auto;
        max-width: 1200px;
    }

        section#categoryFilters:after {
            clear: both;
            display: inline-block;
            content: "";
        }

    .product-filters {
        display: table;
        width: 100%;
        position: relative;
        z-index: 1;
    }

    .product-filter {
        margin: 0 0 0px;
    }

        .product-filter .filter-title {
            margin: 0 0 10px;
            background-color: #f6f6f6;
            padding: 10px;
            font-size: 17px;
            color: #444;
        }

            .product-filter .filter-title strong {
                font-weight: normal;
            }

        .product-filter .filter-content {
            color: #444;
        }

        .product-filter .available-items:after {
            content: "";
            display: block;
            clear: both;
        }

        .product-filter.product-spec-filter .available-items {
            display: flex;
            align-items: center;
            font-family: 'Spartan';
        }

            .product-filter.product-spec-filter .available-items .spec-group {
                border-right: 1px solid #ccc;
                padding: 0 7px;
            }
            .product-filter.product-spec-filter .available-items .spec-group:last-child {
                border-right: none;
            }
                .product-filter.product-spec-filter .available-items .spec-group:first-of-type,
                .product-filter.product-spec-filter .available-items .spec-group:first-of-type > .active-filter {
                    padding-left: 0px;
                }

    .product-filters .remove-filter {
        display: inline-block; /* width: 50%; */
    }

        .product-filters .remove-filter.onlyDesktop { /* margin-top: 10px; */
        }

    .product-filter.product-spec-filter .remove-filter.onlyMobile {
        padding: 0px 0px;
        width: auto;
    }

    .product-filter.product-spec-filter .available-items .remove-filter {
        margin-left: auto;
    }

        .product-filter.product-spec-filter .available-items .remove-filter .allFiltersCount {
            display: inline-block;
            font-size: 11px;
            padding: 5px 10px;
            vertical-align: middle;
            /*border: 1px solid #ccc;*/
        }

        .product-filter.product-spec-filter .available-items .remove-filter .allFiltersCountLabel {
            display: inline-block;
            font-size: 12px;
            text-transform: uppercase;
        }

        .product-filter.product-spec-filter .available-items .remove-filter .allFiltersRemove {
            font-size: 10px;
            vertical-align: middle;
            color: #000;
            padding-left: 5px;
            height: 30px;
            line-height: 30px;
        }

    .product-filter .group {
        margin: 0 0 10px;
    }

        .product-filter .group li {
            font-size: 15px;
            padding: 0
        }

            .product-filter .group li.title,
            .product-filter .group li a,
            .product-filter .group li strong {
                display: inline-block;
                padding: 5px 0;
            }

            .product-filter .group li.title {
                border-radius: 15px;
                border: 1px solid #999;
                padding: 5px 15px
            }

            .product-filter .group li a {
                display: block
            }

                .product-filter .group li a:hover {
                    color: #FCB041;
                }

            .product-filter .group li.item {
                position: relative;
                margin: 0 15px 0 0;
                padding: 0 0 0 15px;
            }

                .product-filter .group li.item:before {
                }

            .product-filter .group li.color-item {
                padding: 0;
                display: inline-block;
            }

                .product-filter .group li.color-item a {
                    padding: 0;
                }

                .product-filter .group li.color-item:before {
                    display: none;
                }

    .product-filter .active-filter {
        font-weight: 400;
        text-transform: uppercase;
        font-size: 12px;
        background: none;
        border: none;
        display: flex;
        align-items: center;
    }

        .product-filter .active-filter:after {
            font-family: kasbia;
            text-transform: none;
            vertical-align: middle;
            color: #343434;
            margin-left: 20px;
            transition: all 0.4s ease;
        }

        .product-filter .active-filter.ui-accordion-header-active:after, .product-filter .active-filter.ui-accordion-header-collapsed:after {
            font-size: 14px;
        }

        .product-filter .active-filter.ui-accordion-header-collapsed:after, .product-filter .active-filter.ui-accordion-header-active:after {
            content: "i";
            font-size: 14px;
            font-weight: 600;
        }

        .product-filter .active-filter.ui-accordion-header-active:after {
            transform: rotate(180deg);
        }

    .product-filter .active-filter {
        font-size: 12px;
        letter-spacing: -1.5px;
    }

        .product-filter .active-filter:after {
            margin-left: 7px;
        }

    .product-filter .ui-accordion-header + .ui-accordion-content {
        z-index: 1
    }

    .product-filter .active-filter.used {
        font-weight: 600;
    }

    .product-filter .ui-accordion-header [class*=ui-icon-triangle] {
        display: none
    }

    .product-filter .group li.item .single-filter {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 11px;
        text-transform: uppercase;
    }

    .product-filter .group li.buttons {
        display: flex;
        justify-content: space-between;
        margin: 0
    }

        .product-filter .group li.buttons a,
        .product-filter .group li.buttons button {
            font-size: 11px;
            white-space: nowrap;
            display: inline-block;
            margin: 10px 5px 0px;
            padding: 5px 10px;
            background: none;
            border: 1px solid #ccc;
        }

            .product-filter .group li.buttons a:hover,
            .product-filter .group li.buttons button:hover {
                color: #0AB9B3;
                border: 1px solid #0AB9B3;
            }

        .product-filter .group li.buttons .remove-filter {
            background: transparent;
            color: #777;
        }

    .product-filter {
        vertical-align: top;
        text-align: left;
    }

        .product-filter.price-range-filter {
            width: 200px;
        }

        .product-filter .product-spec-group {
            position: absolute;
            border: 1px solid #ccc;
            margin: 0px;
            padding: 15px;
        }

            .product-filter .product-spec-group.product-spec-color {
            }

        .product-filter .group li.item {
            margin: 10px 0 0 0;
            padding: 0 15px 0 0;
            position: relative;
            width: 100%;
            cursor: pointer;
        }

            .product-filter .group li.item.selected {
                color: #7DC3BD;
            }

                .product-filter .group li.item.selected:after {
                    content: "\2713";
                    color: #7DC3BD;
                }

            .product-filter .group li.item:after {
                content: "\25a2";
                color: #888;
                position: absolute;
                right: 0px;
                top: 0px;
                line-height: 100%;
                height: 100%;
                width: auto;
                font-size: 13px;
            }

            .product-filter .group li.item:first-child {
                margin-top: 0
            }

        .product-filter .group li.color-item {
            display: inline-block;
        }

        .product-filter .group li label {
            position: relative;
            padding: 5px
        }

            .product-filter .group li label:before {
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                border: 1px solid #ccc;
                border-radius: 5px;
            }

        .product-filter .counterBox {
            border: 1px solid #7DC3BD;
            width: 20px;
            height: 20px;
            font-size: 10px;
            line-height: 21px;
            color: #666;
            text-align: center;
            margin-left: 5px;
            border-radius: 50%;
        }

    .welcome {
        font-family: 'Spartan';
    }

    .return-request-page .form-fields {
        max-width: 320px;
        margin: 0 auto;
        border: none;
        background-color: #fff;
    }

    .return-request-page .fieldset .title, .section .title {
        text-align: center;
    }

    .return-request-page .fieldset, .section {
        position: relative;
        margin: 0 0 40px;
        padding: 50px 20px 0px;
    }

    .return-request-page .table-wrapper {
        overflow-x: auto;
        border: 1px solid #dedede;
        background-color: #deefef;
    }

    .return-request-page .data-table .product,
    .return-request-page .data-table th {
        border: none;
    }

    .product-filter .group li input[type="checkbox"]:checked ~ label:before,
    .product-filter .group li input[type="radio"]:checked ~ label:before {
        background: transparent;
        content: "\2713";
        text-align: right;
        padding: 4px;
    }


    .filtered-items .title {
        margin: 0 0 5px;
        font-style: italic;
    }

    .filtered-items .item {
        color: #FCB041;
    }

    .remove-filter a {
        display: inline-block;
        /* padding: 0; */
        font-size: 12px;
        color: #333;
        text-transform: uppercase;
    }

        .remove-filter a:after {
            font-size: 9px;
            margin-left: 5px;
            font-weight: 600
        }

            .remove-filter a:after:hover {
                background-color: #FCB041;
            }

    .allFiltersRemove .icon {
        vertical-align: middle;
        padding: 10px 10px 5px 10px;
        /* font-size: 12px; */
        border: 1px solid #ccc;
        margin-left: 10px;
        line-height: 30px;
    }

    .showfilters, .showsubcats {
        width: 100%;
        background: #f7f7f7;
        color: #574C45;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        border: none;
        text-transform: uppercase;
        text-align: left;
        padding: 0 20px
    }

        .showfilters:after {
            float: right
        }

        .showfilters.active {
            font-weight: 600;
        }

    .showsubcats {
        color: #444
    }

        .showsubcats:before {
            padding-right: 10px;
            font-size: 20px;
            vertical-align: bottom;
        }
    /* END PRODUCT FILTERS*/

    .item-grid:after {
        content: "";
        display: block;
        clear: both;
    }

    .item-box {
        position: relative;
        width: 100%;
        display: inline-block;
        margin: 0.5%;
        text-align: left;
        padding: 10px;
    }

        .item-box .category-item {
            position: relative;
        }

        .item-box .picture {
            overflow: hidden;
            background-color: #fff;
        }

            .item-box .picture a {
                display: block;
                position: relative;
            }

                .item-box .picture a:before {
                    content: "";
                    display: block;
                    padding-top: 100%;
                }

                .item-box .picture a img {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    max-width: 100%;
                    max-height: 100%;
                    margin: auto;
                    -webkit-transition: all 0.3s ease;
                    transition: all 0.3s ease;
                    -webkit-transform: translateZ(0) scale(1.0, 1.0);
                    object-fit: contain;
                    min-width: auto;
                    min-height: 100%;
                    width: auto;
                    height: 100%;
                    max-height: 100%;
                }

        .item-box:hover .picture a img {
            opacity: 0.85;
        }

        .item-box:hover .product-title > a {
            color: #7DC3BD;
            -moz-transition: all 0.2s linear;
            -webkit-transition: all 0.2s linear;
            -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
        }

        .item-box .details {
            padding: 10px 0px;
        }

        .item-box .product-manufacturer {
            margin: 0 0 10px;
            overflow: hidden;
            line-height: 1.2;
            font-weight: 400;
            font-size: 12px;
            color: #646464;
            text-transform: uppercase;
        }

        .item-box .product-title {
            display: block;
            margin: 0 0 10px;
            overflow: hidden;
            line-height: 1.2;
            font-weight: 500;
            font-size: 14px;
            color: #333;
            text-transform: none;
            min-height: 50px
        }

            .item-box .product-title a {
                display: block;
                text-transform: none;
            }

                .item-box .product-title a:hover {
                    color: #7DC3BD;
                }

        .item-box .sku {
            margin: 0 0 15px;
        }

        .item-box .product-rating-box {
            display: inline-block;
            margin: 0 0 10px;
        }

        .item-box .rating {
            background: url('../images/rating1.png') repeat-x;
            width: 95px;
            height: 14px;
        }

            .item-box .rating div {
                background: url('../images/rating2.png') repeat-x;
                height: 14px;
            }

        .item-box .description {
            display: none;
        }

            .item-box .description a {
                display: block;
                overflow: hidden;
            }

        .item-box .add-info {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .item-box .prices {
            display: flex;
            align-items: baseline;
            overflow: hidden;
        }

        .item-box .old-price {
            margin: 0 5px 0 0;
            font-size: 12px;
            color: #aaa;
            text-decoration: line-through;
        }

        .item-box .actual-price {
            margin: 0 5px 0 0;
            font-size: 16px;
            color: #333;
        }

        .item-box .tax-shipping-info a {
            color: #7DC3BD;
        }

            .item-box .tax-shipping-info a:hover {
                text-decoration: underline;
            }

        .item-box .buttons {
            margin: 0;
            font-size: 0;
            display: flex;
            align-items: center;
        }

            .item-box .buttons .back-in-stock-subscription {
                display: flex;
                position: relative;
            }

            .item-box .buttons .subscribe-button {
                font-size: 0px;
                width: 30px;
                height: 20px;
                background: transparent;
                z-index: 1;
            }

            .item-box .buttons .back-in-stock-subscription:hover .icon-mail {
                color: #7DC3BD;
            }

            .item-box .buttons .icon-mail {
                font-size: 20px;
                color: #555;
            }

        .item-box input[type="button"] {
            display: inline-block;
            border: none;
            vertical-align: middle;
        }

        .item-box .product-box-button-wrapper {
            width: 50%;
            display: inline-block;
            text-align: center;
            font-size: 18px;
            color: #333;
            text-transform: uppercase;
            position: relative;
            padding-left: 15px;
        }

        .item-box .subscribe-button,
        .item-box .add-to-wishlist-button,
        .item-box .product-box-add-to-cart-button {
            width: 100%;
            background-color: transparent;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 0px;
            height: 100%;
        }

        .item-box .add-to-wishlist.icon-wish[data-status = "added"]:before {
            content: "\e900" !important;
            color: #7DC3BD;
        }

        .item-box .product-box-button-wrapper:hover {
            color: #7DC3BD;
        }

    .home-page-category-grid,
    .sub-category-grid,
    .manufacturer-grid,
    .vendor-grid {
        margin: 0 0 20px;
    }

        .home-page-category-grid .title,
        .sub-category-grid .title {
            text-align: center;
            font-size: 22px;
            font-weight: normal;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .home-page-category-grid .title a,
            .sub-category-grid .title a {
                display: block;
                padding: 0 0 15px;
            }

        .home-page-category-grid .picture,
        .sub-category-grid .picture {
            margin: 0;
        }

            .home-page-category-grid .picture a:before,
            .sub-category-grid .picture a:before {
                padding-top: 65%;
            }

    .newarrivals-category-grid,
    .bestSellers-category-grid {
        margin: 0px 0px;
    }

        .newarrivals-category-grid .item-grid,
        .bestSellers-category-grid .item-grid {
            margin: 0px 0px;
            display: inline-block;
            width: 100%;
        }

        .newarrivals-category-grid .item-box,
        .bestSellers-category-grid .item-box {
            height: auto;
            margin: 0px;
            padding: 10px;
        }

        .newarrivals-category-grid .categoryGridTitle,
        .bestSellers-category-grid .categoryGridTitle {
            margin: 0px 0px 40px 0px;
        }

            .newarrivals-category-grid .categoryGridTitle h2,
            .bestSellers-category-grid .categoryGridTitle h2 {
                font-size: 40px;
                text-transform: uppercase;
                text-align: center;
                font-weight: normal;
            }

        .newarrivals-category-grid .item-box .category-item .title,
        .bestSellers-category-grid .item-box .category-item .title {
            position: absolute;
            bottom: 70px;
            z-index: 10;
            background: rgba(255,255,255,0.8);
            padding: 10px 0;
            width: 100%;
            font-size: 16px;
            font-weight: normal;
            text-transform: uppercase;
            line-height: 20px;
            vertical-align: middle;
            height: 36px;
            color: #333;
            text-align: center;
        }

    .search-page .product-grid .item-grid,
    .category-page .product-grid .item-grid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    .search-page .product-grid .item-grid {
        width: 100%;
    }
.top-category-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 35px 0 40px 0;
}
            .category-page .category-title-box{
                line-height: 1;
            }
            .search-page .product-grid .item-grid .category-title-box h1,
            .category-page .category-title-box h1,
            .manufacturer-page .product-grid .category-title-box h1 {
                text-transform: uppercase;
            }

            .search-page .product-grid .item-grid .category-title-box .image-category,
            .category-page .product-grid .item-grid .category-title-box .image-category,
            .manufacturer-page .product-grid .category-title-box {
                height: 100%;
                padding: 30px;
                background-size: cover;
            }

        .search-page .product-grid .item-grid .item-box, .category-page .product-grid .item-grid .item-box {
            width: 24%;
        }
    /*.product-grid, .product-list {margin: 0 0 50px;}*/
    .product-grid .title {
        margin: 20px 0px 0px 0px;
        padding: 0 0 15px;
        font-size: 30px;
        font-weight: normal;
        color: #444;
        text-transform: uppercase;
    }

        .product-grid .title strong {
            font-weight: normal;
        }

    .product-grid.cross-sells .title {
        font-size: 15px;
    }

    .product-grid .owl-carousel .owl-nav button.owl-prev,
    .product-grid .owl-carousel .owl-nav button.owl-next {
        background: #fff;
        color: #7DC3BD;
        border: none;
        font-size: 20px;
        line-height: 20px;
        height: 60px;
        width: 60px;
        padding: 20px !important;
        border-radius: 50%;
        vertical-align: middle;
        box-shadow: 0px 20px 30px -20px #000;
        bottom: 50%;
        position: absolute;
    }

    .product-grid .owl-carousel .owl-nav button.owl-prev {
        left: -40px;
    }

    .product-grid .owl-carousel .owl-nav button.owl-next {
        right: -40px;
    }

    .manufacturer-grid .title {
        margin: 0 0 15px;
        text-align: center;
        font-size: 16px;
    }

        .manufacturer-grid .title a:hover {
            color: #7DC3BD;
        }

    .manufacturer-grid .picture {
        border: 1px solid #ddd;
    }

    .vendor-grid .title {
        margin: 0 0 15px;
        text-align: center;
        font-size: 16px;
    }

        .vendor-grid .title a:hover {
            color: #7DC3BD;
        }

    .vendor-grid .picture {
        border: 1px solid #ddd;
    }

    .pager {
        margin: 0 0 20px;
    }

        .pager ul {
            text-align: center;
            font-size: 0;
        }

        .pager li {
            display: inline-block;
            margin: 0 5px;
            vertical-align: top;
        }

            .pager li a,
            .pager li span {
                display: block;
                min-width: 30px;
                height: 30px;
                border: 1px solid #ddd;
                background-color: #eee;
                vertical-align: middle;
                padding: 8px;
                text-align: center;
                font-size: 13px;
                font-weight: 600;
                line-height: 15px;
                cursor: pointer;
                border-radius: 50%;
            }

            .pager li span {
                border-color: transparent;
                background-color: #7DC3BD;
                color: #fff;
            }

            .pager li.previous-page *,
            .pager li.next-page *,
            .pager li.first-page *,
            .pager li.last-page * {
                background-position: center;
                background-repeat: no-repeat;
                font-size: 0;
                color: #fff;
            }

            .pager li.previous-page * {
                background-image: url('../images/prev.png');
            }

            .pager li.next-page * {
                background-image: url('../images/next.png');
            }

            .pager li.first-page * {
                background-image: url('../images/first.png');
            }

            .pager li.last-page * {
                background-image: url('../images/last.png');
            }

            .pager li a:hover {
                border-color: transparent;
                background-color: #ddd;
            }

    .search-page .basic-search {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .search-page .search-input .buttons {
        text-align: right;
    }

    .search-page .search-input .fieldset {
        margin: 0 0 10px;
    }

    .search-page .search-input .form-fields {
        padding: 0px 0px 30px 0px;
        background: transparent;
        border: none;
        border-bottom: 1px solid #dedede;
    }

    .search-page .inputs label {
        text-align: left;
        text-transform: uppercase;
        font-size: 12px;
        color: #555;
        margin-bottom: 0px;
    }

    .search-page .inputs {
        display: inline-block;
        padding-right: 20px;
    }


    /********** PRODUCT PAGE **********/


    .product-details-page {
        padding: 20px 0 0;
    }

    .product-essential {
        margin: 0 0 50px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 10px;
        display: flex;
    }

        .product-essential:after {
            content: "";
            display: block;
            clear: both;
        }

    .gallery {
        margin: 0 auto 50px;
    }

        .gallery .picture-wrapper {
            margin: 0 0 10px;
        }

        .gallery .picture {
            position: relative;
            max-width: 100%;
            margin: 0 auto 10px;
            overflow: hidden;
        }

            .gallery .picture:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

            .gallery .picture img,
            .gallery .picture-thumbs img,
            .variant-picture img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }

    .variant-picture,
    .variant-picture img {
        max-width: 32px;
        margin: 0 auto;
        display: inline-block;
    }

    .gallery .picture-thumbs {
        overflow: hidden;
        font-size: 0;
    }

        .gallery .picture-thumbs .thumb-item {
            display: inline-block;
            position: relative;
            width: 100px;
            height: 100px;
            margin: 0 5px 10px;
            overflow: hidden;
            cursor: pointer;
        }

    .gallery {
        display: block;
        width: 60%;
        padding: 0px 10px;
    }

    .product-essential .gallery {
        display: flex;
        justify-content: center;
    }

    @media (min-width: 560px) {
        .product-essential .gallery {
            flex-wrap: wrap;
        }

        .product-details-page .featuredImage {
            height: 400px;
        }

            .product-details-page .featuredImage img {
                max-height: 400px !important;
            }
    }

    .search-page .onlyMobile {
        display: none;
    }

    @media (max-width: 1000px) {
        .filter-content .available-items.ui-accordion {
            height: calc(100vh - 256px);
            overflow-y: scroll;
        }
        .html-wishlist-page .cart tr {
            border: 1px solid #ddd;
        }
        .html-category-page body.open {
            overflow: hidden;
        }
        .bodyoverflowhidden {overflow:hidden;}
    }


    @media (min-width: 1000px) {
        .product-details-page .featuredImage {
            height: 500px;
        }

            .product-details-page .featuredImage img {
                max-height: 500px !important;
            }
    }

    .gallery .feauredImage {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
    }

    .gallery.gallery-giftcard .feauredImage {
        text-align: center;
    }

    .featuredImage.showVideo * {
        display: none;
    }

    .featuredImage.showVideo button.magicPrevMobile,
    .featuredImage.showVideo button.magicNextMobile,
    .featuredImage.showVideo iframe {
        display: block;
    }

    .gallery-nav {
        display: inline-block;
        position: relative;
        align-items: center;
        width: calc(100% - 60px);
        padding: 10px 0px;
        margin: 0px 30px;
        max-width: 480px;
    }

    .inner-gallery-nav {
        width: 100%;
        padding: 0px;
        margin: 0px;
        -moz-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        -webkit-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }

        .inner-gallery-nav a.thumb-item {
            display: block;
            border: none;
            width: 50px !important;
            height: 50px !important;
            border: 1px solid #ccc;
            margin: 0 8px;
        }

        @media (min-width: 1001px){
                .inner-gallery-nav a.thumb-item {
                    width: 70px !important;
                    height: 70px !important;
                }

                .inner-gallery-nav a.mz-thumb img {
                    min-height: 70px;
                }
            } 


            .inner-gallery-nav a.thumb-item.mz-thumb-selected {
                border: none;
            }

        .inner-gallery-nav img {
            width: 100px;
            border: 0px;
        }

        .inner-gallery-nav a.mz-thumb img {
            padding: 0px;
            object-fit: contain;
            min-width: 100%;
            min-height: 50px;
            width: auto;
            height: 100%;
            max-width: 100%;
            max-height: 100%;
            display: block;
        }

.mz-hint {
     display: none !important;
}

    .gallery > a {
        width: 100%;
    }

    #button-prev,
    #button-next {
        position: absolute;
        display: block;
        height: 30px;
        width: 30px;
        text-align: center;
        font-family: kasbia;
        font-size: 28px;
        color: #ccc;
        cursor: pointer;
        bottom: 40%;
    }

    #button-prev {
        left: -8px;
        z-index: 9999;
        top: 50%;
        transform: translateY(-50%);
    }

    @media (min-width: 1001px) {
        #button-prev {
            left: -25px;
        }
    }

    #button-next {
        right: -8px;
        z-index: 9999;
        top: 50%;
        transform: translateY(-50%);
    }

    @media (min-width: 1001px) {
        #button-next {
            right: -25px;
        }
       
    }

    .slick-arrow.slick-hidden {
        display: none
    }

    #button-prev.active,
    #button-next.active {
        color: #7DC3BD;
        cursor: pointer;
    }

    .overview {
        position: relative;
        margin: 0 0 50px;
    }

    .product-essential .overview .breadcrumb {
        width: 100%;
        height: 15px;
        display: block;
        margin-bottom: 30px;
    }

    .overview .discontinued-product {
        background: #f3f3f3;
        margin: 0 0 20px;
    }

        .overview .discontinued-product h4 {
            display: inline-block;
            font-size: 14px;
            padding: 17px 17px 17px 40px;
            background: url('../images/discontinued-product-icon.png') no-repeat 13px center;
            color: #de444c;
        }

    .overview .product-name {
        margin: 0 0 40px;
        /* padding: 0 0 10px; */
    }

        .overview .product-name {
            font-size: 15px;
            font-weight: 600; /*text-transform: lowercase;*/
            display: block;
        }

            .overview .product-name:first-letter {
                text-transform: uppercase
            }

    .overview .short-description {
        margin: 0 0 25px;
        line-height: 22px;
        color: #666;
    }

    .product-no-reviews,
    .product-reviews-overview {
        margin: 0 0 25px;
        color: #444;
    }

        .product-no-reviews a {
            text-decoration: underline;
        }

    .product-review-box {
        display: inline-block;
        margin: 0 0 8px;
    }

        .product-review-box .rating {
            width: 95px;
            height: 14px;
            background: url('../images/rating1.png') repeat-x;
        }

            .product-review-box .rating div {
                height: 14px;
                background: url('../images/rating2.png') repeat-x;
            }

    .product-review-links a {
        text-decoration: underline;
    }

        .product-review-links a:hover {
            color: #7DC3BD;
        }

    .overview .value,
    .variant-overview .value {
        color: #444;
    }

        .overview .value a,
        .variant-overview .value a {
            color: #7DC3BD;
        }

            .overview .value a:hover,
            .variant-overview .value a:hover {
                text-decoration: underline;
            }

    .singleView .overview-buttons {
        margin: 0px;
    }

    .overview-buttons {
        margin: 0 0 25px;
        font-size: 0;
    }

        .overview-buttons div {
            /*
	width: 80%;
	margin: 0 auto 3px;
    position: relative;
    */
        }

    .overview .button-2,
    .variant-overview .button-2 {
        display: block;
        width: 100%;
        background: transparent;
        border: none;
        background-repeat: no-repeat;
        padding: 12px 15px 12px 40px;
        text-align: left;
        font-size: 14px;
        color: #666;
    }

        .overview .button-2:hover,
        .variant-overview .button-2:hover {
            border: 1px solid #7DC3BD;
            border-radius: 6px;
        }

    .overview .button-2, .variant-overview .button-2 {
        border-radius: 6px;
        border: 1px solid #fff;
    }

    .overview .add-to-compare-list-button {
        background-image: url('../images/compare-button.png');
    }

    .overview .email-a-friend-button {
        background-image: url('../images/email-button.png');
    }

    .overview .subscribe-button,
    .variant-overview .subscribe-button {
        padding: 12px 15px 12px 50px;
        color: #7DC3BD;
        height: 50px;
    }

        .overview .subscribe-button:hover,
        .variant-overview .subscribe-button:hover {
            /*padding: 12px 15px 12px 50px;*/
        }

    .overview .download-sample-button,
    .variant-overview .download-sample-button {
        background-image: url('../images/download-button.png');
    }

    .overview .add-to-wishlist.icon-wish:before,
    .variant-overview .add-to-wishlist.icon-wish:before {
        position: absolute;
        font-size: 24px;
        color: #7DC3BD;
        line-height: 50px;
        vertical-align: middle;
        left: 16px;
        z-index: -1;
    }

    .back-in-stock-subscription .icon-mail {
        position: absolute;
        font-size: 30px;
        padding: 10px 10px;
        color: #7DC3BD;
    }

    .overview .add-to-wishlist.icon-wish[data-status = "added"]:before,
    .variant-overview .add-to-wishlist.icon-wish[data-status = "added"]:before {
        content: "\e900" !important;
    }

    .overview .manufacturers {
        margin: 0 0 5px;
    }

        .overview .manufacturers {
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 500;
        }

    .overview .availability,
    .variant-overview .availability {
        margin: 0 0 0px;
        overflow: hidden;
        text-transform: uppercase;
        font-size: 12px;
        font-family: Montserrat, sans-serif
    }

        .overview .availability .stock,
        .variant-overview .availability .stock {
            margin: 0 0 5px;
        }

    .singleView .earn-rewardpoints-message.container,
    #htmlRewardPoints {
        margin: 10px 0 5px 0;
    }

    .overview .availability .back-in-stock-subscription,
    .variant-overview .availability .back-in-stock-subscription {
        display: inline-block;
    }

    .overview .additional-details,
    .variant-overview .additional-details {
        margin: 0 0 20px;
    }

        .overview .additional-details div,
        .variant-overview .additional-details div {
            margin: 0 0 8px;
        }

    .overview .delivery,
    .variant-overview .delivery {
        overflow: hidden;
    }

    .overview .free-shipping,
    .variant-overview .free-shipping, .overview .delivery-date {
        display: block;
        font-weight: normal;
        color: #7DC3BD;
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'Montserrat';
    }

        .overview .shippingLabel .icon,
        .variant-overview .shippingLabel .icon, .overview .delivery-date .icon-spedition {
            transform: translateX(-30px);
            padding: 0px 10px 0px 0px;
            font-size: 28px;
            vertical-align: middle;
            font-weight: bold;
            color: #7DC3BD;
        }

    #cartAndWish {
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    .btn-fixed #cartAndWish {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        padding: 0px 10px;
    }

    .prezzo.btn-fixed .add-to-cart-panel {
        max-width: 100%;
    }

    .btn-fixed .back-in-stock-subscription .icon-mail {
        /*color: #fff;*/
    }

    .overview .btn-fixed .subscribe-button,
    .variant-overview .btn-fixed .subscribe-button {
        background: #fff;
    }

    .btn-fixed .back-in-stock-subscription {
        /*width: 75%;*/
    }

    .btn-fixed .overview-buttons {
        width: 15%;
    }

    .btn-fixed .prices {
        text-align: center;
        padding: 10px;
    }

    .btn-fixed #scalapayPopUpTrigger {
        color: #13131f;
        padding: 15px 20px;
        background: rgba(255,255,255,0.7);
    }

    #addToCart {
        width: 80%;
        position: relative;
    }

    .singleView .add-to-wishlist,
    #addToWishlist {
        width: 100%;
        position: relative;
    }

    .overview .free-shipping.invisible,
    .variant-overview .free-shipping.invisible {
        display: none;
    }

    .overview .delivery-date,
    .variant-overview .delivery-date {
        margin: 10px 0;
    }

    .overview .min-qty-notification,
    .variant-overview .min-qty-notification {
        margin: 10px 0;
        font-style: italic;
        color: #444;
    }

    .overview .download-sample,
    .variant-overview .download-sample {
        display: inline-block;
        margin: 0 0 25px;
    }

    .overview .prices, .variant-overview .prices {
        margin: 0;
        overflow: hidden;
    }

        .overview .prices > div, .variant-overview .prices > div { /*margin: 0 4px 5px;*/
            display: inline-block;
            margin: 0
        }

            .overview .prices > div > span,
            .variant-overview .prices > div > span {
                vertical-align: middle;
            }

    .overview .old-product-price,
    .variant-overview .old-product-price,
    .overview .non-discounted-price,
    .variant-overview .non-discounted-price {
        font-size: 15px;
        color: #999;
        position: relative;
    }

    .non-discounted-price span:before, .old-product-price span:before {
        border-bottom: 1px solid #999;
        content: "";
        height: 20%;
        left: 50%;
        position: absolute;
        transform: rotate(-10deg) translateX(-50%);
        width: 110%;
    }

    .non-discounted-price, .old-product-price {
        margin-right: 10px !important;
    }

        .old-product-price span::before {
            content: none
        }
    /*.overview .old-product-price span:after,
.variant-overview .old-product-price span:after,
.overview .non-discounted-price span:after,
.variant-overview .non-discounted-price span:after
 {content:'';border-top: 1px solid #999;display:block;width:100%;position: absolute;top: 7px;}*/
    .overview .product-price,
    .variant-overview .product-price {
        font-size: 20px;
        font-weight: 600;
        color: #444;
    }

    .overview .tax-shipping-info a,
    .variant-overview .tax-shipping-info a {
        color: #7DC3BD;
    }

        .overview .tax-shipping-info a:hover,
        .variant-overview .tax-shipping-info a:hover {
            text-decoration: underline;
        }

    .customer-entered-price {
        margin: 0 0 20px;
        overflow: hidden;
    }

        .customer-entered-price .price-input label {
            display: block;
            margin: 0 0 5px;
            font-weight: bold;
            color: #444;
        }

        .customer-entered-price .price-input input {
            width: 170px;
            text-align: center;
        }

        .customer-entered-price .price-range {
            margin: 5px 0 0;
            color: #777;
        }

    .tier-prices {
        margin: 0 0 20px;
    }

        .tier-prices .title {
            display: none;
        }

        .tier-prices table td {
            border: 1px solid #ddd;
            padding: 10px;
            color: #444;
        }

        .tier-prices .field-header {
            min-width: 80px;
        }

        .tier-prices .item-price {
            background-color: #f9f9f9;
            font-size: 16px;
            color: #e4434b;
        }

    .overview .add-to-cart {
        margin: 0 0 20px;
    }

    .overview .add-to-cart-panel,
    .variant-overview .add-to-cart-panel {
        display: inline-block;
        position: relative;
        width: 100%;
        max-width: 360px;
    }

        .overview .add-to-cart-panel > *,
        .variant-overview .add-to-cart-panel > * {
            float: left;
        }

    .overview .qty-label,
    .variant-overview .qty-label {
        display: none !important;
    }

    .overview .qty-input,
    .variant-overview .qty-input {
        width: 45px;
        height: 43px;
        padding: 0 12px;
        text-align: center;
        font-size: 15px;
        color: #444;
    }

    .overview .qty-dropdown,
    .variant-overview .qty-dropdown {
        height: 43px;
        padding: 0 12px;
        font-size: 15px;
        color: #444;
    }

    .checkout-buttons {
        text-align: right;
        margin: 25px 0 0;
    }

    .overview .add-to-cart-button,
    .variant-overview .add-to-cart-button {
        width: 95%;
        height: 50px;
        border-radius: 4px;
        border: none;
        background-color: #7DC3BD;
        padding: 0 24px;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .orderSummaryWrapper .checkout-button {
        height: 50px;
        border-radius: 4px;
        border: none;
        background-color: #7DC3BD;
        padding: 0 24px;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        background-color: #0bd0c9;
    }

    .overview .add-to-cart-button:before, .variant-overview .add-to-cart-button:before {
        content: "\61";
        font-family: kasbia, sans-serif;
        font-size: 20px;
        text-transform: lowercase;
        margin-right: 10px;
    }

    .overview .subscribe-button:before, .variant-overview .subscribe-button:before {
        content: "\e901";
        font-family: kasbia, sans-serif;
        font-size: 20px;
        text-transform: lowercase;
        margin-right: 10px;
    }

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        background-color: #10d4cd;
    }

    .spVariant {
        display: none;
    }

        .spVariant.active {
            display: block;
        }

    #htmlProductPrice.bottomPriceBanner {
        display: none;
    }

    .guida-anelli img {
        max-width: 100%;
        height: auto;
    }

    .product-share-button {
        display: inline-block;
        overflow: hidden;
    }

    .full-description {
        clear: both;
        line-height: 24px;
    }

    .product-collateral {
        margin: 15px 0 75px;
    }

        .product-collateral .title {
            margin: 0 0 10px;
            font-size: 18px;
            color: #444;
        }

            .product-collateral .title strong {
                font-weight: normal;
            }

    .giftBoxInfo.tipContainer {
        margin: 10px 0px;
    }

    #giftBoxAttributesTip,
    #giftBoxAttributesButton {
        cursor: pointer;
        text-align: center;
        width: 80%;
        padding: 10px;
        font-size: 13px;
        text-transform: uppercase;
        position: relative;
        max-width: 360px;
        font-weight: 500;
        cursor: pointer;
    }

        #giftBoxAttributesTip:hover,
        #giftBoxAttributesButton:hover {
            color: #7DC3BD
        }

        #giftBoxAttributesButton.notEmpty::before {
            display: block;
            width: 20px;
            height: 20px;
            background: #7DC3BD;
            color: #fff;
            position: absolute;
            content: "q";
            top: 0px;
            left: 0px;
            border-radius: 50%;
            font-family: kasbia;
            text-transform: none !important;
            speak: none;
            line-height: 20px;
            font-size: 20px;
        }

        #giftBoxAttributesTip .icon,
        #giftBoxAttributesButton .icon {
            color: #7DC3BD;
            font-size: 20px;
            vertical-align: middle;
            padding-right: 10px;
        }

    .giftBoxInfo.tipContainer .message {
        display: none;
    }

    .giftBoxInfo.tipContainer.open .message {
        display: block;
        background: rgb(10 187 181 / 30%);
        padding: 10px;
        border-radius: 4px;
        margin-top: 5px;
    }

    div#modaleTaglie,
    div#giftBoxModal {
        position: fixed;
        width: 80%;
        max-width: 800px;
        max-height: 80vh;
        overflow-y: auto;
        background: #fff;
        top: 100px;
        left: calc(15% + ((40% - 400px) / 2));
        display: none;
        z-index: 5001;
        padding: 40px;
    }

        div#giftBoxModal dt {
            text-align: center;
            font-size: 20px;
            text-transform: uppercase;
            color: #333;
            font-weight: 500;
            font-family: Montserrat;
            padding-bottom: 10px;
        }

        div#giftBoxModal dd:first-of-type {
            margin-bottom: 40px;
        }

        div#giftBoxModal dd textarea {
            width: 100%;
            min-height: 80px;
            border-radius: 5px;
        }

        div#giftBoxModal #giftBoxBackToProduct {
            margin: 15px auto 0 auto;
            display: block;
            width: inherit;
            padding: 10px;
            text-align: center;
            background: #7DC3BD;
            color: #fff;
            font-size: 13px;
            cursor: pointer;
            max-width: 160px;
            border-radius: 5px;
        }

            div#giftBoxModal #giftBoxBackToProduct:hover {
                background-color: #10d4cd
            }

        div#modaleTaglie.open,
        div#modaleTaglieBackground.open,
        div#giftBoxModalBackground.open,
        div#giftBoxModal.open {
            display: block;
            min-height: 200px;
        }

            div#giftBoxModal.open .icon-close:before {
                color: #ccc;
                font-size: 20px;
            }

            div#giftBoxModal.open .icon-close:hover:before {
                color: #333;
                cursor: pointer
            }

        div#giftBoxModal .attribute-squares {
            display: block;
            text-align: center;
            margin: 0 auto;
        }

    #giftBoxModal .textbox {
        width: 100%;
    }

    div#modaleTaglieClose,
    div#giftBoxClose {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 10px;
    }

    div#modaleTaglieBackground,
    div#giftBoxModalBackground {
        position: fixed;
        opacity: 0.6;
        top: 0px;
        left: 0px;
        width: 100vw;
        height: 100vh;
        display: none;
        z-index: 5000;
        background-color: rgba(0,0,0,.8);
        cursor: url(/images/overlay-close.svg) 20 20,auto;
    }

    .variantSelectorHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .variantSelectorHeader > * {
            display: block;
            width: 50%;
        }

        .variantSelectorHeader .lightText {
            font-size: 12px;
            text-transform: uppercase;
            font-weight: normal;
            color: #777;
        }

        .variantSelectorHeader button,
        .variantSelectorHeader .button,
        .variantSelectorHeader a {
            text-align: right;
        }

    .variantSelectorItem {
        display: inline-block;
        font-size: 13px;
        text-transform: uppercase;
        padding-top: 5px;
        margin-right: 10px;
        cursor: pointer;
        color: #777;
    }

    .variantSelectorHeader button:hover,
    .variantSelectorHeader .button:hover,
    .variantSelectorHeader a:hover {
        cursor: pointer;
        color: #7DC3BD
    }

    #variantContainer {
        display: inline-block;
        width: 100%;
        padding: 30px 0px 20px 0;
    }

    .variantSelectorItem:hover {
        color: #7DC3BD;
    }

    .variantSelectorItem.active {
        border-bottom: 1px solid #7DC3BD;
    }

    .earn-rewardpoints-message.container {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
    }

        .earn-rewardpoints-message.container strong {
            color: #7DC3BD;
        }

    .product-variant-line {
        margin: 0 0 5px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 5px;
    }

        .product-variant-line:after {
            content: "";
            display: block;
            clear: both;
        }

    .variant-picture {
        position: relative;
        width: 32px;
        height: 32px;
    }

    .variant-overview {
        width: 100%;
    }

        .variant-overview .variant-name {
            margin: 0 0 10px;
            padding: 10px 0;
            font-size: 16px;
            font-weight: bold;
            color: #7DC3BD;
        }

        .variant-overview .variant-description {
            margin: 0 0 15px;
            line-height: 22px;
        }

        .single-filter .add-to-wishlist,
        .variant-overview .add-to-wishlist {
            margin: 0 0 0px;
        }

        .singleView .add-to-wishlist-button,
        .variant-overview .add-to-wishlist-button {
            display: inline-block;
            width: auto;
            height: 50px;
        }

        .singleView .add-to-wishlist[data-status="added"] .add-to-wishlist-button,
        .variant-overview .add-to-wishlist[data-status="added"] .add-to-wishlist-button {
        }

        .overview .add-to-cart,
        .variant-overview .add-to-cart {
            margin: 0 0 0px;
            padding: 0 4px 0 0;
        }

    .outlinedBox {
        padding: 20px;
        border: 1px solid #7DC3BD;
        width: 100%;
        max-width: 360px;
        /*margin: 50px 0px;*/
        margin: 30px auto;
    }

        .outlinedBox .outlinedBoxItem {
            display: inline-flex;
            justify-content: flex-start;
            margin: 0px 0px 20px;
        }

            .outlinedBox .outlinedBoxItem:last-of-type {
                margin-bottom: 0px;
            }

        .outlinedBox .outlinedBoxItemIcon {
            font-size: 35px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            line-height: 28px;
            height: 35px;
            width: 60px;
            padding: 0px 10px;
            color: #7DC3BD;
        }

            .outlinedBox .outlinedBoxItemIcon .icon-reso-veloce {
                font-size: 0.9em;
                margin-left: -2px;
            }

        .outlinedBox .outlinedBoxItemText {
            font-family: 'Montserrat';
        }

            .outlinedBox .outlinedBoxItemText h3 {
                text-transform: uppercase;
                color: #555;
                font-size: 15px;
            }

    .detailedInfoBox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .detailedInfoBox .allDescriptionsArea {
            width: 100%;
            padding: 0px 30px 0px 30px;
            font-size: 17px;
            line-height: 30px;
            font-family: 'Poppins', sans-serif;
        }

        .detailedInfoBox .specAttributesArea {
            width: 100%;
            padding: 50px 30px 0px 30px;
        }

    .specAttributesArea .title {
        font-size: 18px;
        padding: 0px 0px 30px;
        color: #7DC3BD;
        text-align: center;
    }

    .specAttributesArea .innerSpecAttributesArea {
        border: 2px solid #A3E5DD;
        padding: 30px;
    }

    .product-specs-box {
        /*
	margin: 0 0 40px;
    */
    }

        .product-specs-box td {
            border: 1px solid #ddd;
            padding: 10px;
        }

        .product-specs-box ul.product-specs-list {
            list-style: none;
            padding-left: 20px;
            font-weight: 500;
        }

        .product-specs-box li.product-specs-attribute {
            padding: 0px 0px 5px 0px;
            list-style: none;
            width: 45%;
            margin: 0px 2%;
            display: inline-block;
        }

            .product-specs-box li.product-specs-attribute .attribute-square {
                border-radius: 50%;
            }

            .product-specs-box li.product-specs-attribute .spec-name,
            .product-specs-box li.product-specs-attribute .label {
                font-size: 12px;
                font-weight: 800;
                color: #333333;
            }

    .product-tags-list {
        font-size: 0;
    }

        .product-tags-list li {
            display: inline-block;
            font-size: 14px; /*reset zeroing*/
        }

            .product-tags-list li.separator {
                margin: 0 5px 0 3px;
            }

        .product-tags-list a {
            display: inline-block;
            line-height: 24px;
        }

            .product-tags-list a:hover {
                color: #444;
            }

    .attributes {
        margin: 20px 0;
    }

        .attributes dl {
            overflow: hidden;
            padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */
        }

        .attributes dt,
        .attribute-label {
            display: block;
            margin: 0 0 5px;
            white-space: nowrap;
            font-weight: bold;
            color: #444;
        }

        .attributes dd,
        .attribute-data {
            margin: 0 0 10px;
        }

        .attributes li {
            margin: 8px 0 12px;
        }

        .attributes select {
            width: auto;
            min-width: 100px;
            max-width: 100%;
        }

        .attributes .option-list label {
            margin: 0 5px;
        }

        .attributes .datepicker {
            width: 280px;
            text-align: center;
            color: #444;
        }

        .attributes .qty-box input {
            width: 48px;
            height: 32px;
            text-align: center;
        }

    .ui-datepicker {
        width: 280px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
        background-color: #fff;
        text-align: center;
        /*override jQuery UI styles, do not delete doubled properties*/
        border: none;
        border-radius: 0;
        padding: 0;
        font: normal 14px 'Spartan', sans-serif;
        color: #777;
    }

    .ui-datepicker-header {
        position: relative;
        height: 32px;
        background-color: #7DC3BD;
        color: #fff;
        /*override jQuery UI styles, do not delete doubled properties*/
        border: none;
        border-radius: 0;
        background-image: none;
        padding: 0 !important;
        font-weight: normal;
    }

        .ui-datepicker-header a {
            position: absolute;
            top: 0;
            z-index: 1;
            width: 32px;
            height: 32px;
            line-height: 32px;
            font-size: 0;
            /*override jQuery UI styles, do not delete doubled properties*/
            top: 0 !important;
            width: 32px !important;
            height: 32px !important;
            border: none !important;
        }

            .ui-datepicker-header a.ui-datepicker-prev {
                left: 0;
                background: url('../images/calendar-prev.png') center no-repeat;
            }

            .ui-datepicker-header a.ui-datepicker-next {
                right: 0;
                background: url('../images/calendar-next.png') center no-repeat;
            }

            .ui-datepicker-header a span {
                /*override jQuery UI styles, do not delete doubled properties*/
                display: none !important;
            }

    .ui-datepicker-title {
        position: relative;
        z-index: 0;
        line-height: 32px;
        font-weight: bold;
        text-transform: uppercase;
        /*override jQuery UI styles, do not delete doubled properties*/
        line-height: 32px !important;
    }

    .ui-datepicker-calendar {
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
        font-size: 14px !important;
    }

        .ui-datepicker-calendar th {
            background-color: #eee;
        }

        .ui-datepicker-calendar th,
        .ui-datepicker-calendar td {
            width: 14.285%;
            border: 1px solid #ddd;
            /*override jQuery UI styles, do not delete doubled properties*/
            padding: 0;
        }

            .ui-datepicker-calendar th span,
            .ui-datepicker-calendar td a {
                display: block;
                min-height: 32px;
                line-height: 32px;
                color: #444;
            }

            .ui-datepicker-calendar td a {
                /*override jQuery UI styles, do not delete doubled properties*/
                border: none !important;
                background: none !important;
                padding: 0;
                text-align: center;
                color: #444 !important;
            }

        .ui-datepicker-calendar .ui-state-active {
            outline: 2px solid #7DC3BD;
            font-weight: bold;
            color: #7DC3BD;
            /*override jQuery UI styles, do not delete doubled properties*/
            color: #7DC3BD !important;
        }

    .attribute-squares {
        display: inline-block;
    }

        .attribute-squares li {
            display: inline-block;
            margin: 0 5px 5px;
            text-align: center;
            position: relative;
        }

        .attribute-squares .attribute-square-container {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            z-index: 0;
            padding-right: 5px;
        }

        .attribute-squares label {
            display: block;
            margin: 0 !important;
            overflow: hidden;
        }

        .attribute-squares .attribute-square {
            display: table !important;
            width: 16px;
            height: 16px;
            border: 1px solid #ccc !important;
            border-radius: 50%;
            cursor: pointer;
        }

        .attribute-squares .selected-value .attribute-square-container {
            background-color: #7DC3BD;
        }

        .attribute-squares li input {
            position: relative;
            z-index: -1;
            margin: -32px 0 0;
        }

    .specAttributesArea .attribute-squares .attribute-square {
        width: 20px;
        height: 20px;
        border-radius: 0px;
    }

    #giftBoxModal .attribute-square {
        display: table !important;
        width: 100px !important;
        height: 180px !important;
        border: 1px solid #ccc !important;
        border-radius: 0px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

    #giftBoxModal .attribute-squares .attribute-square-container {
        padding: 5px;
    }

    #giftBoxModal .attribute-squares .attribute-title {
        display: block;
        position: absolute;
        padding: 5px;
        font-size: 10px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        letter-spacing: -1px;
    }

        #giftBoxModal .attribute-squares .attribute-title .attribute-title-priceAdjustment {
            color: #7DC3BD;
            font-size: 13px;
            font-weight: bold;
        }

        #giftBoxModal .attribute-squares .attribute-title span {
            width: 100%;
            display: block;
        }

    .tooltip-container {
        position: absolute;
        width: 200px;
        color: #000000;
        background: #FFFFFF;
        border: 1px solid #eeeeee;
        text-align: center;
        visibility: hidden;
        border-radius: 5px;
    }

        .tooltip-container:before {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -7px;
            width: 0;
            height: 0;
            border-bottom: 7px solid #eeeeee;
            border-right: 7px solid transparent;
            border-left: 7px solid transparent;
        }

        .tooltip-container:after {
            content: '';
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -6px;
            width: 0;
            height: 0;
            border-bottom: 6px solid #FFFFFF;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent;
        }

    .attribute-squares li:hover .tooltip-container {
        visibility: visible;
        margin-left: -83px;
        margin-top: 5px;
        z-index: 999;
    }

    .tooltip-container .tooltip-header {
        background-color: #F6F6F6;
        height: 25px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        padding-left: 10px;
        padding-top: 5px;
        text-align: left;
        width: 198px;
        font-size: 15px;
        border-bottom: 1px #EEEEEE solid;
    }

    .tooltip-container .tooltip-body {
        margin: 5px;
    }

        .tooltip-container .tooltip-body img {
            border: 0px #FFF;
            width: 190px;
        }

    .giftcard {
        margin: 0 0 20px;
        overflow: hidden;
        padding-left: 5px;
    }

        .giftcard div {
            margin: 0 0 10px;
        }

        .giftcard label {
            display: block;
            margin: 0 auto 5px;
            font-weight: bold;
            color: #444;
            font-size: 12px;
        }

        .giftcard input,
        .giftcard textarea {
            width: 350px;
            max-width: 100%;
            font: normal 14px 'Spartan', sans-serif;
        }

        .giftcard textarea {
            height: 150px;
        }

    .info-tooltip {
        display: inline-block;
        width: 40px;
        height: 40px;
        color: #333;
        font-size: 30px;
        line-height: 40px;
    }


    /********** PRODUCT REVIEWS **********/



    .product-reviews-page h1 a {
        color: #7DC3BD;
    }

        .product-reviews-page h1 a:before,
        .product-reviews-page h1 a:after {
            content: "''";
        }

    .product-reviews-page .title {
        margin: 0 0 20px;
        font-size: 20px;
        color: #444;
    }

        .product-reviews-page .title strong {
            font-weight: normal;
        }

    .write-review {
        margin: 0 0 60px;
    }

        .write-review .fieldset {
            margin: 0 0 30px;
        }

    .tooltip {
        position: initial;
        display: inline-block;
        border-bottom: 1px dotted black;
        color: #444;
    }

        .tooltip.rewardpoint-info {
            border: none;
            margin: 0px 8px;
            color: #7DC3BD;
            position: relative;
        }

            .tooltip.rewardpoint-info .icon {
                font-size: 14px;
                vertical-align: middle;
                line-height: 14px;
                display: inline-block;
            }

            .tooltip.rewardpoint-info .tooltiptext {
                right: 0px;
                left: auto;
                bottom: 150%;
            }

        .tooltip .tooltiptext {
            visibility: hidden;
            width: auto;
            /*background: #f0f0f0 no-repeat 100% 5%;*/
            border: 1px solid #ddd;
            text-align: Left;
            padding: 10px 10px 5px 5px;
            position: absolute;
            z-index: 1;
            left: 10%;
            opacity: 0;
            transition: opacity 0.3s;
            transition: opacity 0.3s;
            text-transform: capitalize;
            border-radius: 3px;
            color: #333;
        }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
            }

        .tooltip:hover .tooltiptext {
            visibility: visible;
            opacity: 1;
            cursor: help;
        }

    .write-review .review-rating {
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .write-review .review-rating label {
            display: block;
            margin: 0 0 5px;
            font-size: 14px;
            color: #444;
        }

        .write-review .review-rating div.first {
            color: #e4444c;
        }

        .write-review .review-rating div.rating-options {
            padding-top: 2px;
        }

            .write-review .review-rating div.rating-options input {
                vertical-align: baseline;
            }

        .write-review .review-rating div.last {
            color: #4cb17c;
        }

    .write-review .captcha-box {
        margin: 15px 0 0;
    }

    .write-review .button-1 {
        border: none;
        background-color: #7DC3BD;
        padding: 10px 25px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .write-review .button-1:hover {
            background-color: #7DC3BD;
        }

    .product-reviews-page .result,
    .product-reviews-page .message-error {
        margin: 0 0 20px;
    }

    .product-review-list {
        overflow: hidden;
    }

    .product-review-item {
        margin: 0 0 40px;
    }

        .product-review-item .review-item-head {
            border-top: 1px solid #ddd;
            overflow: hidden;
            background-color: #f6f6f6;
            padding: 10px;
        }

        .product-review-item .review-title {
            line-height: 20px;
            font-size: 15px;
            color: #444;
        }

        .product-review-item .product-review-box {
            margin: 3px 0 0;
        }

        .product-review-item .review-content {
            padding: 20px 10px;
        }

        .product-review-item .review-text {
            margin: 0 0 15px;
            line-height: 22px;
            color: #444;
        }

        .product-review-item .reply {
            margin: 15px 0;
            border-top: 1px solid #ddd;
        }

        .product-review-item .reply-header {
            margin: 15px 0;
            font-weight: bold;
        }

        .product-review-item .reply-text {
            line-height: 22px;
        }

        .product-review-item .review-info {
            margin: 0 0 5px;
        }

            .product-review-item .review-info label {
                font-weight: normal;
            }

            .product-review-item .review-info a,
            .product-review-helpfulness .vote {
                display: inline-block;
                padding: 0 5px;
                color: #7DC3BD;
                cursor: pointer;
            }

    .product-review-helpfulness .question {
        margin: 0 5px 0 0;
        font-style: italic;
    }

    .product-review-helpfulness .result {
        margin: 0 0 0 10px;
    }


    /********** WISHLIST & COMPARE LIST **********/



    .wishlist-page .page-title {
        margin: 0 0 -1px;
    }

    .wishlist-content {
        margin: 0 0 20px;
    }

        .wishlist-content .message-error {
            margin: 20px 0;
        }

        .wishlist-content .table-wrapper {
            margin: 0 0 30px;
        }

        .wishlist-content .product-content {
            min-width: 300px;
            text-align: left;
        }

        .wishlist-content .tax-shipping-info {
            margin: 0 0 20px;
            text-align: center;
        }

            .wishlist-content .tax-shipping-info a {
                color: #4ab3f1;
            }

                .wishlist-content .tax-shipping-info a:hover {
                    text-decoration: underline;
                }

        .wishlist-content .buttons {
            font-size: 0;
        }

        .wishlist-content .button-2 {
            display: block;
            width: 250px;
            margin: 0 auto 3px;
            border: none;
            padding: 10px 25px;
            text-align: center;
            line-height: 20px;
            font-size: 15px;
            color: #fff;
        }

        .wishlist-content .update-wishlist-button,
        .wishlist-content .wishlist-add-to-cart-button {
            background-color: #7DC3BD;
            text-transform: uppercase;
        }

            .wishlist-content .update-wishlist-button:hover,
            .wishlist-content .wishlist-add-to-cart-button:hover {
                background-color: #7DC3BD;
            }

        .wishlist-content .email-a-friend-wishlist-button {
            background-color: #aaa;
        }

            .wishlist-content .email-a-friend-wishlist-button:hover {
                background-color: #999;
            }

    .wishlist-page .share-info {
        text-align: center;
    }

        .wishlist-page .share-info span {
            display: block;
            margin: 0 0 5px;
        }

        .wishlist-page .share-info a {
            font-weight: bold;
            color: #444;
        }

            .wishlist-page .share-info a:hover {
                color: #7DC3BD;
            }

    .wishlist-page .no-data {
        margin: 25px 0 0;
    }

    .compare-products-page {
        position: relative;
        overflow: hidden;
    }

        .compare-products-page .clear-list {
            display: inline-block;
            margin: 0 0 20px;
            background-color: #7DC3BD;
            padding: 10px 15px;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
        }

            .compare-products-page .clear-list:hover {
                background-color: #7DC3BD;
            }

        .compare-products-page .table-wrapper {
            margin: 0 0 30px;
            padding: 0 0 1px; /*IE mobile table border fix*/
        }

    .compare-products-table td {
        min-width: 150px;
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 20px;
        text-align: left;
        vertical-align: top;
        color: #444;
    }

        .compare-products-table td:first-child {
            min-width: 0;
        }

        .compare-products-table td label {
            font-weight: normal;
            color: #777;
        }

    .compare-products-table .remove-button {
        display: inline-block;
        border: none;
        background: url('../images/remove.png') left center no-repeat;
        padding: 0 0 0 18px;
        font-size: 12px;
        color: #666;
    }

        .compare-products-table .remove-button:hover {
            color: #7DC3BD;
        }

    .compare-products-table .picture {
        display: block;
        position: relative;
        max-width: 200px;
        height: 200px;
        overflow: hidden;
    }

        .compare-products-table .picture img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .compare-products-table .product-name td {
        font-weight: bold;
    }

        .compare-products-table .product-name td a:hover {
            color: #7DC3BD;
        }

    .compare-products-table .short-description td {
        line-height: 22px;
    }

    .compare-products-table .full-description td {
        display: none;
    }

    .compare-products-page .no-data {
        margin: 25px 0 0;
    }


    /*********** TOPICS ***********/



    .topic-block {
        margin: 0 0 25px;
    }

    .topic-block-title {
        min-height: 50px;
        margin: 0 0 25px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 15px;
    }

        .topic-block-title h2 {
            font-size: 30px;
            font-weight: normal;
        }

    .topic-block-body {
        text-align: justify;
        line-height: 24px;
        font-size: 16px;
    }

    .topic-page .page-body {
        text-align: justify;
        line-height: 22px;
        padding: 0 15px;
    }

    .topic-page h2 {
        padding: 10px 0
    }

    .topic-block a,
    .topic-page a {
        text-decoration: underline;
    }

    .topic-block strong,
    .topic-page strong {
        color: #444;
    }

    .home-page .topic-block {
        /* margin: 0 0 50px; */
    }

    .popup-window .topic-page {
        padding: 15px;
    }

    .not-found-page p {
        margin: 30px 15px;
    }

    .topic-password {
        text-align: center;
    }

    .enter-password-title {
        margin: 0 0 20px;
        color: #444;
    }

    .enter-password-form {
        display: inline-block;
        overflow: hidden;
    }

        .enter-password-form input[type="password"] {
            float: left;
            width: 200px;
            height: 40px;
            margin: 0 -1px 0 0;
        }

        .enter-password-form input[type="submit"] {
            float: left;
            width: auto;
            min-width: 86px;
            height: 40px;
            border: none;
            background-color: #7DC3BD;
            padding: 0 15px;
            color: #fff;
            text-transform: uppercase;
        }

            .enter-password-form input[type="submit"]:hover {
                background-color: #7DC3BD;
            }


    /*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/



    .contact-page .page-title,
    .email-a-friend-page .page-title,
    .apply-vendor-page .page-title {
        margin: 0 0 -1px;
    }

    .contact-page .result,
    .contact-page .message-error,
    .email-a-friend-page .result,
    .email-a-friend-page .message-error,
    .apply-vendor-page .result,
    .apply-vendor-page .message-error {
        margin: 20px 0;
    }

    .contact-page .button-1,
    .email-a-friend-page .button-1,
    .apply-vendor-page .button-1 {
        min-width: 140px;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

    .email-a-friend-page .result {
        text-align: center;
    }



    .contact-page .button-1:hover,
    .email-a-friend-page .button-1:hover,
    .apply-vendor-page .button-1:hover {
        background-color: #7DC3BD;
    }

    .contact-page .topic-block,
    .email-a-friend-page .title,
    .apply-vendor-page .title {
        margin: 25px 0;
    }

        .email-a-friend-page .title h2 {
            font-weight: normal;
            color: #7DC3BD;
        }

    .apply-vendor-page .terms-of-service {
        text-align: center;
    }

        .apply-vendor-page .terms-of-service > * {
            display: inline-block;
            line-height: 32px;
        }

        .apply-vendor-page .terms-of-service span,
        .apply-vendor-page .terms-of-service a {
            color: #7DC3BD;
            cursor: pointer;
        }

    /********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/



    .gender {
        display: inline-block;
    }

        .gender span {
            display: inline-block;
            margin: 0 5px;
        }

            .gender span > * {
                display: inline !important;
                margin: 0 5px;
                line-height: 32px;
            }

    .date-of-birth .date-picker-wrapper {
        display: inline;
    }

    .date-of-birth select {
        width: 31%; /*always single line*/
        max-width: 126px;
    }

        .date-of-birth select + select {
            margin: 0 0 0 10px;
        }

    .date-of-birth .select-wrapper + .select-wrapper {
        margin: 0 0 0 10px;
    }

    #check-availability-button {
        margin: 10px 0 0;
        border: none;
        background-color: #888;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

        #check-availability-button:hover {
            background-color: #999;
        }

    .inputs.accept-consent {
        text-align: center;
        margin: 0 0 10px 0;
    }

    .contact-page .inputs.accept-consent {
        margin: 20px 0 10px;
    }

    .contact-page .result {
        text-align: center;
    }

    .inputs.accept-consent > * {
        display: inline-block;
        margin: 0 0 0 10px;
    }

    .inputs.newsletter-box {
        margin: 0 0 15px !important;
    }

        .inputs.newsletter-box label {
            display: inline-block !important;
            margin: 0 0 0 10px !important;
            width: auto !important;
        }

    .inputs.accept-consent span,
    .inputs.accept-consent a {
        color: #777;
        cursor: pointer;
        font-size: 14px;
    }

    .inputs.accept-consent label {
        width: auto !important;
        display: inline-block !important;
        margin: 0 5px 0 10px !important;
    }

    input.button-1.contact-us-button,
    .registration-page .button-1,
    .registration-result-page .button-1,
    .login-page .button-1,
    .password-recovery-page .button-1,
    .account-page .button-1,
    .return-request-page .button-1 {
        min-width: 140px;
        margin: 0 auto;
        border-radius: 4px;
        max-width: 200px;
        width: 100%;
        border: none;
        background-color: #7DC3BD;
        padding: 18px 30px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

    .return-request-page .button-1 {
        max-width: 320px;
    }

    input .button-1.contact-us-button {
        max-width: 200px;
    }

        input.button-1.contact-us-button:hover {
            background-color: #10d6cf;
        }

    .registration-page .button-1:hover,
    .registration-result-page .button-1:hover,
    .login-page .button-1:hover,
    .password-recovery-page .button-1:hover,
    .account-page .button-1:hover,
    .return-request-page .button-1:hover {
        background-color: #10d6cf;
    }

    .password-recovery-page form {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }

    .return-request-page h1 a {
        color: #7DC3BD;
    }

    .return-request-page .return-request-file {
        font-size: 14px;
    }

        .return-request-page .return-request-file .uploadedfileinput {
            display: inline-block;
        }

    .registration-page .message-error,
    .login-page .message-error,
    .account-page .message-error {
        margin: 0 0 10px;
    }

    .registration-result-page .result {
        margin: 0 0 30px;
        padding: 30px 0;
        text-align: center;
        font-size: 16px;
        color: #4cb17c;
    }

    .registration-page .page-title {
        padding: 5px 10px;
        width: 90%;
        margin: 0px auto 25px;
        text-align: center;
    }

    .registration-page .login-area {
        margin-bottom: 50px;
    }

    .registration-page .fieldset,
    .registration-page .section {
        margin: 0 auto;
        max-width: 400px;
    }

    .registration-page .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 5px;
        text-align: left;
        font-size: 12px;
        font-weight: 500;
        color: #7DC3BD;
        vertical-align: bottom;
    }

    .registration-page .registration-area .inputs label {
        color: #333; /*ex #fff */
    }

    .registration-page .form-fields {
        position: relative;
        border-top: none;
        background-color: transparent;
        padding: 0px;
        display: flex;
        flex-wrap: wrap;
    }

        .registration-page .form-fields .inputs {
            width: 100%;
            padding: 20px 0px 0px;
            margin: 0px;
        }

            .registration-page .form-fields .inputs .field-validation-valid,
            .registration-page .form-fields .inputs .required {
                position: absolute;
                bottom: 20px;
                right: 10px;
                font-size: 30px;
            }

    .registration-area {
        background: #A3E5DD; /*ex #7DC3BD*/
        padding: 10px 0px 50px 0px;
    }

    /*
    Customer Navigation
*/

    .sidebar .title {
        color: #7DC3BD;
        text-align: right;
        padding: 0px;
        font-size: 20px;
    }

        .sidebar .title .icon {
            background: #0abdb7;
            color: #fff;
            font-size: 26px;
            padding: 7px;
            line-height: 36px;
            height: 40px;
            vertical-align: middle;
            display: inline-block;
        }

    .block-account-navigation {
    }

        .block-account-navigation ul.list li {
            margin-bottom: 2px;
            background: #A3E5DD80;
            padding: 10px 20px;
        }

            .block-account-navigation ul.list li a {
                font-size: 14px;
                font-weight: 400;
            }

                .block-account-navigation ul.list li a.active {
                    width: 100%;
                    color: #7DC3BD;
                    font-weight: bold;
                }

        .block-account-navigation .title {
            padding: 10px 10px;
        }

            .block-account-navigation .title.icon-chevron-down:after {
                /* float: right; */
                /* left: 30px; */
                position: relative;
                border: 1px solid #7DC3BD;
                padding: 7px;
                border-radius: 20px;
            }

    .customer-info-page .email-to-revalidate,
    .customer-info-page .readonly-username,
    .customer-info-page .vat-status {
        margin: 0 5px;
        font-size: 14px;
    }

    .customer-info-page .vat-status {
        display: block;
    }

    .registration-page .vat-note,
    .customer-info-page .vat-note,
    .customer-info-page .email-to-revalidate-note {
        display: block;
        font-size: 14px;
        margin-top: 7px;
        white-space: normal;
    }

    .login-page .title {
        margin: 0 0 15px;
        font-size: 20px;
        color: #444;
    }

        .login-page .title strong {
            font-weight: normal;
        }

    .login-page .new-wrapper {
        margin: 0px;
        padding: 30px 20px;
        background: #A3E5DD;
    }

        .login-page .new-wrapper .text {
            margin: 0 0 20px;
            border: none;
            background-color: transparent;
            padding: 0px;
            text-align: center;
            line-height: 22px;
            color: #fff;
        }

    .registration-page .buttons {
        text-align: center;
    }

    .registration-page .login-area .login-button {
        max-width: 300px;
        margin: 0 auto;
    }

    .registration-page .register-button.btn.outline,
    .login-page .register-button.btn.outline {
        background: transparent;
        border-color: #fff;
        color: #7DC3BD;
        font-size: 18px;
        background: #fff;
        width: 100%;
        max-width: 300px;
    }

        .login-page .register-button.btn.outline:hover {
            background: #7DC3BD;
            border-color: #fff;
            color: #fff;
            font-size: 18px;
        }

    .login-page .new-wrapper .topic-block {
        margin: 0;
    }

    .login-page .new-wrapper .topic-block-body strong {
        color: #444;
    }

    .login-page .page-body {
        width: 100%;
    }

    .login-page .new-wrapper .title,
    .login-page .page-title {
        text-align: center;
        margin-top: 10px;
    }

    .login-page .new-wrapper .title {
        /*
    color: #fff;
    */
        font-weight: 400;
    }

    .login-page .returning-wrapper .inputs label {
        font-size: 14px;
        color: #7DC3BD;
        text-align: left;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .login-page .returning-wrapper .inputs.reversed .forgot-password {
        /* width: 100%; */
        float: right;
        display: block;
    }

        .login-page .returning-wrapper .inputs.reversed .forgot-password a {
            text-decoration: underline;
        }

    .registration-page .page-title h2,
    .login-page .page-title h2 {
        text-align: center;
        color: #7DC3BD;
        padding-top: 20px;
    }

    .registration-page .registration-area .page-title h2 {
        color: #333; /*ex #fff */
    }

    .login-page .new-wrapper .button-1 {
        margin: 0 0 5px;
        max-width: 250px;
    }

    .login-page .returning-wrapper {
        max-width: 400px;
        margin: 0 auto;
        width: 90%;
    }

        .login-page .returning-wrapper .form-fields {
            overflow: hidden;
            padding: 30px 1px 0px 1px;
            background: transparent;
            border: none;
        }

        .login-page .returning-wrapper .inputs.reversed {
            white-space: normal;
            /* display: flex; */
            /* flex-wrap: wrap; */
            /* align-items: center; */
            /* align-content: space-between; */
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .login-page .returning-wrapper .inputs.reversed * {
                display: inline-block;
                width: auto;
                margin: 0 0 0 10px;
                font-size: 14px; /*reset zeroing*/
                color: #444;
                float: left;
            }

            .login-page .returning-wrapper .inputs.reversed a:hover {
                color: #7DC3BD;
            }

    .login-page .captcha-box {
        margin: -15px 0 20px;
    }

    .login-page .returning-wrapper .buttons {
        background-color: transparent;
        padding: 30px 0;
        margin: 0px;
        text-align: center;
    }

    .login-page .new-wrapper .buttons {
        text-align: center;
    }

    .external-authentication {
        margin: 0px;
        overflow: hidden;
        text-align: center;
    }

        .external-authentication .title {
            margin: 0 0 15px;
            font-size: 20px;
            color: #444;
        }

        .external-authentication .buttons {
            margin: 0 0 30px;
            border-top: 1px solid #e6e6e6;
            padding: 30px;
        }

    .external-auth-errors {
        color: #e4444c;
    }

    .external-auth-association {
        color: #444;
    }

        .external-auth-association a {
            color: #7DC3BD;
        }

            .external-auth-association a:hover {
                text-decoration: underline;
            }

    .password-recovery-page .result {
        margin: 0 auto 20px;
        font-weight: bold;
        color: #444;
        max-width: 500px;
        text-align: center;
    }

    .password-recovery-page .tooltip {
        margin: 0 0 25px;
        border: none;
        text-align: center;
    }


    .add-more-external-records {
        text-align: center;
    }

        .add-more-external-records a {
            color: #7DC3BD;
        }

            .add-more-external-records a:hover {
                text-decoration: underline;
            }

    .account-page .page-title {
        padding-top: 30px;
    }

        .account-page .page-title h1 {
            color: #7DC3BD;
            font-size: 20px;
            line-height: 30px;
            font-weight: bold;
            text-align: center;
        }

    .account-page .fieldset {
        text-align: center;
        margin: 0;
    }

    .change-password-page .form-fields,
    .account-page-body .form-fields {
        display: inline-block;
        background: none;
        border: none;
        width: 400px;
        max-width: 100%;
        padding: 0;
    }

        .account-page-body .form-fields .inputs {
            position: relative;
            margin: 0 0 20px;
        }

            .change-password-page .form-fields .inputs label,
            .address-edit-page .edit-address .inputs label,
            .account-page-body .form-fields .inputs label {
                text-align: left;
                font-size: 12px;
                margin-bottom: 2px;
                color: #7DC3BD;
                font-weight: 600;
            }

        .account-page-body .form-fields.newsletter .inputs {
            width: 100%;
            padding: 0px;
        }

            .account-page-body .form-fields.newsletter .inputs label {
                display: inline-block;
                font-size: 15px;
                vertical-align: middle;
                line-height: 15px;
                height: 15px;
                margin: 0px;
                padding: 0px 15px;
            }

        .address-edit-page .edit-address .inputs input,
        .address-edit-page .edit-address .inputs select,
        .account-page-body .form-fields .inputs input,
        .account-page-body .form-fields .inputs select,
        .change-password-page .form-fields .inputs input {
            border: 1px solid #7DC3BD;
        }

    .html-account-page .page-body,
    .account-page-body {
        padding: 30px;
        margin-bottom: 30px;
    }

    .account-page .buttons {
        text-align: center;
        margin: 0px;
        width: 100%;
        display: inline-block;
        padding: 0 0 30px;
    }

        .account-page .buttons .button-1 {
            width: auto;
        }

    .html-account-page .inputs.firstname,
    .html-account-page .inputs.lastname,
    .html-account-page .inputs.city,
    .html-account-page .inputs.provinceid {
        display: inline-block;
        width: calc(50% - 12px);
    }

    .html-account-page .inputs.firstname, .html-account-page .inputs.city {
        margin-right: 10px;
    }

    .html-account-page .inputs.lastname, .html-account-page .inputs.provinceid {
        margin-left: 10px;
    }

        .html-account-page .inputs.provinceid select {
            height: 36px;
        }

    .account-page .description {
        margin: 0 0 25px;
        padding: 0 10px;
    }

    .account-page .table-wrapper {
        margin: 0 0 30px
    }

    .gdpr-tools-page .result {
        margin: 20px 0;
        font-size: 13px;
        color: #e4434b;
    }

    .gdpr-tools-page .buttons {
        margin-top: 20px;
    }

        .gdpr-tools-page .buttons .gdpr-delete-account-button {
            font-size: 14px;
            min-width: unset;
            padding: 10px 12px;
            background-color: #7DC3BD;
        }

            .gdpr-tools-page .buttons .gdpr-delete-account-button:hover {
                background-color: #10d6cf;
            }

    .address-list-page .address-list,
    .order-list-page .order-list {
        width: 100%;
    }

        .address-list-page .address-list li,
        .order-list-page .order-list li {
            line-height: 1.8;
            position: relative;
        }

            .address-list-page .address-list li.company,
            .address-list-page .address-list li.address1,
            .address-list-page .address-list li.city-state-zip,
            .address-list-page .address-list li.country {
                padding-top: 0px;
            }

            .address-list-page .address-list li label {
                font-size: 12px;
                color: #7DC3BD;
                font-weight: 500;
            }

            .order-list-page .order-list li.order-number {
                font-weight: bold;
                color: #7DC3BD;
            }

        .order-list-page .order-list li {
            font-size: 13px;
        }

            .order-list-page .order-list li span {
            }
        /*.address-list-page .address-list .section {
    display: inline-block;
    width: 50%;
    padding: 10px;
    margin: 0px 0px 20px 0px;
}*/
        .address-list-page .address-list .section,
        .order-list-page .order-list .section {
            background: #fff;
            padding: 20px 20px 0 20px;
            display: inline-block;
            width: calc(50% - 22px);
            margin: 25px 10px 0;
            vertical-align: top;
        }

    .order-list .order-item .title {
        padding: 0;
        margin: 0px;
    }

    .address-list-page .info,
    .order-list-page .info {
        line-height: 18px;
        padding-bottom: 15px;
    }

        .address-list-page .info .name,
        .order-list-page .info .name {
            font-size: 16px;
            font-weight: bold;
            padding-top: 0px;
            padding-bottom: 10px;
            color: #7DC3BD;
        }

    .html-order-completed-page .button-2.re-order-button {
        width: 195px;
        height: 35px;
        line-height: 0;
        padding: 0;
        min-width: 105px;
        background: #fff;
        border: 2px solid #7DC3BD;
        color: #7DC3BD;
        transition: all 0.2s linear;
        margin: 15px 0;
    }

        .html-order-completed-page .button-2.re-order-button:hover {
            background-color: #7DC3BD;
            color: #fff;
        }

    .order-list-page .button-1 {
        width: 105px;
        height: 35px;
        line-height: 0;
        padding: 0;
        min-width: 105px;
        background: #fff;
        border: 2px solid #7DC3BD;
        color: #7DC3BD;
    }

        .order-list-page .button-1:hover {
            background-color: #7DC3BD;
            color: #fff;
        }

    .address-list-page .button-2,
    .order-list-page .button-2 {
        display: inline-block;
        margin: 0 0 0 0px;
        border: none;
        padding: 0px 0px 0px 18px;
        font-size: 18px;
        height: 18px;
        line-height: 18px;
        vertical-align: middle;
        color: #555;
        background: transparent;
    }

    .retry-recurring-order-button {
        background: url('../images/retry.png') left center no-repeat;
    }

    .return-items-button {
        background: url('../images/return.png') left center no-repeat;
    }

    .order-details-button {
        background: url('../images/details.png') left center no-repeat;
    }

    .address-list-page .button-2:hover,
    .order-list-page .button-2:hover {
        color: #7DC3BD;
    }

    .address-list-page .add-button {
        padding: 10px;
        cursor: pointer;
        transition: all 0.3s ease;
        width: 98%;
        text-align: center;
        margin: auto;
        background: #fff;
    }

        .address-list-page .add-button:hover {
            color: #7DC3BD;
        }

        .address-list-page .add-button .icon {
            font-size: 24px;
            height: 24px;
            line-height: 24px;
            vertical-align: middle;
            display: inline-block;
        }

        .address-list-page .add-button .add-address-button {
            border: none;
            background: transparent;
            font-size: 15px;
            height: 24px;
            line-height: 24px;
            vertical-align: middle;
            display: inline-block;
        }

    .address-edit-page .message-error {
        margin: 20px 0;
    }

    .address-edit-page .edit-address {
        margin: 0 auto 30px;
        padding: 30px 15px;
        display: block;
        text-align: center;
        width: 400px;
        max-width: 100%;
    }

    .recurring-payments table td {
        white-space: nowrap;
    }

        .recurring-payments table td:first-child {
            min-width: 120px;
            white-space: normal;
        }

    .recurring-payments .button-2 {
        font-size: 14px;
    }

    .return-request-list-page .details {
        border-top: 1px solid #e6e6e6;
        background-color: #f9f9f9;
        padding: 20px;
        line-height: 22px;
        color: #444;
    }

    .return-request-list-page label {
        margin: 0 5px 0 0;
    }

    .return-request-list-page a {
        color: #7DC3BD;
    }

        .return-request-list-page a:hover {
            text-decoration: underline;
        }

    .return-request-list-page .comments div {
        margin: 10px 0 0;
        font-size: 15px;
        font-style: italic;
        color: #444;
    }

    .downloadable-products-page table td {
        color: #444;
    }

    .reward-points-overview {
        margin: 0 0 25px;
    }

    .reward-points-history table td {
        color: #444;
    }

        .reward-points-history table td:first-child {
            min-width: 120px;
        }

    .change-password-page .page-title {
        margin: 0 0 -1px;
    }

    .change-password-page .result,
    .change-password-page .message-error {
        margin: 20px 0;
    }

    .change-password-page .fieldset {
        margin: 0 0 30px;
    }

    .avatar-page .page-title {
        margin: 0;
    }

    .avatar-page .page-body {
        margin: 0 0 30px;
        overflow: hidden;
        background-color: #f9f9f9;
        padding: 30px 25px;
    }

    .avatar-page .message-error {
        margin: 0 0 10px;
    }

    .avatar-page .image {
        margin: 0 0 10px;
    }

        .avatar-page .image img {
            border: 1px solid #ccc;
        }

    .avatar-page .button-1 {
        font-size: 14px;
    }

    .avatar-page .button-2 {
        border: none;
        background-color: #888;
        padding: 10px 15px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
    }

        .avatar-page .button-2:hover {
            background-color: #999;
        }

    .avatar-page .info {
        color: #444;
    }

    .vendorinfo-page .button-2 {
        border: medium none;
        background-color: #888;
        padding: 10px 15px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
    }

        .vendorinfo-page .button-2:hover {
            background-color: #999;
        }

    .vendorinfo-page .vendor-picture {
        width: 400px;
        margin: 0 auto;
    }

        .vendorinfo-page .vendor-picture * {
            display: block;
            margin-top: 15px;
        }

    .check-gift-card-balance-page .page-title {
        margin: 0 0 -1px;
    }

    .check-gift-card-balance-page .result,
    .check-gift-card-balance-page .message-error {
        margin: 20px 0;
    }

    .check-gift-card-balance-page .fieldset {
        margin: 0 0 30px;
    }


    /********** SHOPPING CART **********/



    .order-progress {
        margin: 0 0 50px;
        background-color: #f6f6f6;
        padding: 15px 0;
        text-align: center;
    }

        .order-progress ul {
            font-size: 0;
        }

        .order-progress li {
            display: inline-block;
            margin: 10px;
        }

        .order-progress a {
            display: block;
            min-width: 70px;
            font-size: 14px; /*reset zeroing*/
            color: #444;
        }

            .order-progress a:before {
                content: "";
                display: block;
                width: 40px;
                height: 40px;
                margin: 0 auto 15px;
                border: 1px solid #bbb;
                background: #fff url('../images/pointer.png') center no-repeat;
            }

        .order-progress li.active-step a {
            cursor: pointer;
        }

        .order-progress li.inactive-step a {
            opacity: 0.3;
            cursor: default;
        }

    .shopping-cart-page .page-title {
        margin: 0;
        padding: 10px 10px 30px 10px;
    }

    .shopping-cart-page .message-error {
        margin: 20px 0;
    }

    .shopping-cart-page td .message-error {
        margin: 10px 0 0;
        text-align: left;
    }

    .shopping-cart-page .checkout-attributes a {
        color: #4ab3f1;
    }

        .shopping-cart-page .checkout-attributes a:hover {
            text-decoration: underline;
        }

    .shopping-cart-page .tax-shipping-info {
        margin: 20px 0;
        text-align: center;
    }

        .shopping-cart-page .tax-shipping-info a {
            color: #4ab3f1;
        }

            .shopping-cart-page .tax-shipping-info a:hover {
                text-decoration: underline;
            }

    .shopping-cart-page .common-buttons {
        margin: 0 0 60px;
        background-color: #f6f6f6;
        padding: 20px;
        font-size: 0;
    }

        .shopping-cart-page .common-buttons input {
            display: inline-block;
            min-width: 180px;
            margin: 5px;
            border: none;
            background-color: #aaa;
            padding: 10px 20px;
            font-size: 15px;
            color: #fff;
        }

            .shopping-cart-page .common-buttons input:hover {
                background-color: #999;
            }

            .shopping-cart-page .common-buttons input:first-child {
                background-color: #7DC3BD;
            }

                .shopping-cart-page .common-buttons input:first-child:hover {
                    background-color: #7DC3BD;
                }

    .checkout-attributes {
        color: #444;
        width: 100%;
        display: inline-block;
        padding: 0 20px;
    }

        .checkout-attributes dl {
            /*display: flex;
    flex-direction: column;*/
        }

        .checkout-attributes dl {
            text-align: left;
        }

        .checkout-attributes dt {
            margin: 0 0 5px;
            font-weight: bold;
            width: auto;
            /*
    text-align: right;
    */
            padding: 0px 10px;
            font-size: 12px;
            display: inline-flex;
            color: #7DC3BD;
        }

        .checkout-attributes dd {
            margin: 0 0 20px;
            width: 48%;
            display: inline-block;
        }

        .checkout-attributes dt {
            width: 48%;
            display: inline-block;
        }


        .checkout-attributes dd.GiftBoxes {
            width: 100%;
            display: none;
        }

        .checkout-attributes dt.MultilineTextbox,
        .checkout-attributes dd.MultilineTextbox {
            width: 100%;
            display: block;
        }

        .checkout-attributes dd.Checkboxes {
            width: 20%;
        }

        .checkout-attributes dd.Checkboxes {
            width: 80%;
            display: inline-block;
        }

        .checkout-attributes dd textarea {
            width: 100%;
        }

        .checkout-attributes input[type="text"],
        .checkout-attributes select {
            /*
	min-width: 170px;
    */
            min-width: unset;
            max-width: 100%;
        }

        .checkout-attributes ul {
            font-size: 0;
        }

        .checkout-attributes li {
            display: inline-block;
            margin: 5px;
            border: 1px solid #ddd;
            background-color: #fff;
            padding: 8px 10px;
            font-size: 14px; /*reset zeroing*/
        }

        .checkout-attributes .attribute-squares li {
            border: none;
            padding: 0;
            line-height: 0;
        }

        .checkout-attributes li label {
            display: inline-block;
            margin: 0 0 0 5px;
        }

    .selected-checkout-attributes {
        margin: 30px 0;
        color: #444;
        display:none;
    }

        .selected-checkout-attributes br {
            content: "";
            display: block;
            margin: 3px;
        }

    .html-checkout-page .cart-footer .cassa-title,
    .html-shopping-cart-page #confirm-order-buttons-container {
        display: none;
    }

    .readMoreTextProductAttribute {
        color: #7DC3BD;
        cursor: pointer;
    }

    .readMoreTextProductAttributeText {
        display: none;
    }

        .readMoreTextProductAttributeText.active {
            display: inline-block;
            max-width: 280px;
            background: #c6eeec;
            border-radius: 4px;
            padding: 20px;
            z-index: 99999;
            text-align: justify;
        }

    #stepsBreadcrumb {
        padding: 30px 20px 20px;
    }

    #innerStepsBreadCrumb .stepList {
        display: flex;
        flex-direction: row;
    }

        #innerStepsBreadCrumb .stepList .stepButton {
            font-size: 15px;
            line-height: 40px;
            font-weight: 500;
            height: 50px;
            width: 50px;
            cursor: default;
            background: transparent;
            color: #7DC3BD;
            border-radius: 0px;
            border: 1px solid #7DC3BD;
            margin-bottom: 10px;
        }

    #innerStepsBreadCrumb .stepList {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: center;
    }

        #innerStepsBreadCrumb .stepList li {
            display: flex;
            flex-direction: row;
        }

            #innerStepsBreadCrumb .stepList li > div {
                width: 70px;
                text-align: center;
            }

            #innerStepsBreadCrumb .stepList li .stepTitle {
                text-align: center;
                font-size: 9px;
                font-weight: 500;
                color: #7DC3BD;
                text-transform: uppercase;
                height: 24px;
            }

            #innerStepsBreadCrumb .stepList li.active .stepButton {
                background: #7DC3BD;
                color: #fff;
                cursor: pointer;
            }

            #innerStepsBreadCrumb .stepList li:first-child:before,
            #innerStepsBreadCrumb .stepList li:last-child:after {
                content: none;
            }

            #innerStepsBreadCrumb .stepList li:before {
                content: "";
                position: relative;
                bottom: 10px;
                height: 1px;
                width: 8em;
                margin: 34px 0px 0px 0px;
                background: #7ECAD0;
            }

    .orderSummaryWrapper .cassa-title {
        text-transform: uppercase;
        text-align: center;
        padding: 20px 0px;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        font-weight: 600;
    }

    .orderSummaryWrapper .totals .innerTotals tr {
        padding: 5px 0px;
        border-bottom: 1px solid #fff;
        display: inline-flex;
        width: 100%;
        align-content: space-between;
    }

    .orderSummaryWrapper {
        display: flex;
        flex-wrap: wrap;
    }

        .orderSummaryWrapper .order-review-container { /*width: 70%;*/
            width: calc(100% - 370px);
            padding-right: 15px;
        }

        .orderSummaryWrapper .totals {
            width: 370px;
            padding-left: 15px;
        }

            .orderSummaryWrapper .totals .innerTotals {
                padding: 10px 15px;
                background: #f6f6f6;
            }

    .cart-footer {
        margin: 0 0 50px;
    }

        .cart-footer:after {
            content: "";
            display: block;
            clear: both;
        }

        .cart-footer .totals {
            width: 350px;
            max-width: 100%;
            margin: 0 auto 50px;
            background-color: #f9f9f9;
            padding: 10px;
            color: #444;
        }

        .cart-footer .total-info {
            margin: 0 0 20px;
            border-bottom: 1px solid #ddd;
            padding: 5px 30px 15px;
        }

    .cart-total td {
        width: 50%;
        padding: 5px 0;
        text-align: right;
    }

    [class*="total-left"] {
        font-size: 13px;
    }

    [class*="total-right"] {
        font-size: 15px;
    }

    .cart-total td:first-child {
        text-align: left;
    }

    .cart-total .giftcard-remaining {
        display: block;
        font-style: italic;
    }

    .cart-total .order-total {
        font-size: 13px;
        color: #333;
        text-transform: uppercase;
        font-weight: bold;
    }

        .cart-total .order-total strong {
            font-weight: bold;
        }

    .cart-total .earn-reward-points {
        font-style: italic;
    }

    .orderSummaryWrapper .coupon-code {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .orderSummaryWrapper .cart-total .coupon-code.active {
        display: flex;
    }

    .orderSummaryWrapper .cart-total .coupon-code {
        display: none;
    }

    .orderSummaryWrapper .coupon-code input {
        padding: 5px 10px;
        border: none;
        font-size: 15px;
    }

        .orderSummaryWrapper .coupon-code input[type=text] {
            width: 100%;
        }

        .orderSummaryWrapper .coupon-code input[type=submit] {
            padding: 0 20px;
        }

    .orderSummaryWrapper .coupon-code .btn {
        border: 1px solid #7DC3BD;
        color: #7DC3BD;
        text-transform: uppercase;
        background: transparent;
    }

    .orderSummaryWrapper td.innerDiscountBox,
    .orderSummaryWrapper td.innerGiftCardBox {
        width: 100%;
        max-width: 100%;
        position: relative;
        padding-top: 42px
    }

    .giftDiscountSwitchItem {
        position: absolute;
        top: 10px;
        width: 50%;
        text-align: center;
        border: 1px solid #7DC3BD;
        padding: 5px;
        cursor: pointer;
        font-size: 10px;
        max-height: 24px;
        overflow: hidden;
    }

        .giftDiscountSwitchItem:hover {
            background: #DDD;
        }

        .giftDiscountSwitchItem.active {
            color: #fff;
            background: #7DC3BD;
        }

    .giftcard-box,
    .discount-box {
        ;
    }

    #discountShowToggle {
        left: 0px;
    }

    #giftShowToggle {
        right: 0px;
    }

    .min-amount-warning {
        margin: 0 0 20px;
        padding: 0 30px;
        color: #e4434b;
    }

    .terms-of-service {
        margin: 0 0 20px; /*padding: 0 30px;*/
    }

        .terms-of-service label {
            cursor: pointer;
        }

        .terms-of-service a {
            margin: 0 0 0 3px;
            color: #7DC3BD;
        }

    .cart-footer .checkout-buttons {
        padding: 0 10px;
    }

    .cart-footer .checkout-disabled {
        font-size: 20px;
        text-align: center;
        background: #ffa500;
        border: 1px solid #c3891e;
        color: #fff;
        padding: 15px 50px;
    }

    .cart-footer .checkout-button {
        display: inline-block;
        min-width: 160px;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 20px;
        font-size: 16px;
        color: #fff;
        text-transform: uppercase;
    }

        .cart-footer .checkout-button:hover {
            background-color: #7DC3BD;
        }

    .cart-footer .addon-buttons {
        margin: 20px 0 0;
        padding: 0 10px;
    }

    .cart-collaterals {
        width: 350px;
        max-width: 100%;
        margin: 0 auto 50px;
        padding: 25px 0 0;
    }

        .cart-collaterals > div {
            max-width: 400px;
            margin: 0 0 50px;
        }

        .cart-collaterals .button-2 {
            display: inline-block;
            border: none;
            background-color: #aaa;
            padding: 10px 15px;
            color: #fff;
            text-transform: uppercase;
        }

            .cart-collaterals .button-2:hover {
                background-color: #999;
            }

        .cart-collaterals .title {
            margin: 0 0 5px;
            font-size: 18px;
            color: #444;
        }

            .cart-collaterals .title strong {
                font-weight: normal;
            }

        .cart-collaterals .hint {
            margin: 0 0 10px;
        }

        .cart-collaterals .deals > div {
            margin: 0 0 20px;
        }

        .cart-collaterals .coupon-code {
            overflow: hidden;
        }

            .cart-collaterals .coupon-code input[type="text"] {
                float: left;
                width: 60%;
                height: 36px; /*safari padding fix*/
                margin: 0 -1px 0 0;
            }

            .cart-collaterals .coupon-code input[type="submit"] {
                float: left;
                width: 40%;
                height: 36px; /*safari padding fix*/
                padding: 0;
            }

        .cart-collaterals .message-failure {
            margin: 5px 0 0;
            font-size: 12px;
        }
.html-shopping-cart-page .message-failure {
    background: #CC0000;
    padding: 10px;
    color: #FFF;
}

.html-shopping-cart-page .message-success {
    background: #7DC3BD;
    padding: 10px;
    color: #FFF;
}


        .cart-collaterals .message-success {
            margin: 5px 0 0;
            font-size: 12px;
        }

        .cart-collaterals .current-code {
            margin: 5px 0 0;
            color: #4cb17c;
        }

    .remove-discount-button,
    .remove-gift-card-button {
        width: 15px;
        height: 15px;
        border: 1px solid #999;
        background: #fff url('../images/close.png') center no-repeat;
        cursor: pointer;
    }

    .cart-collaterals .shipping select {
        height: 36px;
    }

    .cart-collaterals .shipping-results {
        margin: 30px 0 0;
    }

        .cart-collaterals .shipping-results li {
            margin: 20px 0;
        }

            .cart-collaterals .shipping-results li strong {
                display: block;
                margin: 0 0 5px;
                color: #444;
            }

    .shopping-cart-page .no-data {
        margin: 25px 0 0;
    }

    .shopping-cart-page .checkoutGiftBoxSection {
        border: 2px solid #7DC3BD;
    }

        .shopping-cart-page .checkoutGiftBoxSection .title {
            color: #7DC3BD;
            text-align: center;
            padding: 30px 15px 20px 15px;
            text-transform: uppercase;
        }

        .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer {
            border-top: 2px solid #7DC3BD;
            /*
    border-bottom: 2px solid #7DC3BD;
    */
            margin: 10px 0px 30px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .addingGiftBoxContainer {
            border-top: 2px solid #7DC3BD;
            padding-top: 30px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded {
            display: flex;
            justify-content: center;
            width: 100%;
            padding: 10px;
            align-items: center;
        }

            .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .prdImages {
                display: flex;
                flex-direction: column;
            }

                .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .prdImages img {
                    height: 30px;
                }

            .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .boxImage img {
                height: 60px;
            }

            .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .description {
                position: relative;
                font-size: 12px;
                padding: 10px;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .description .singleItemMessage.messageTip {
                    display: inline-block;
                }

                .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .description .singleItemType {
                    color: #7DC3BD;
                    padding-right: 5px;
                }

                .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .description .readMessageButton {
                    cursor: pointer;
                    text-decoration: underline;
                    color: #333;
                    text-decoration-color: #7DC3BD;
                }

                .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .description .singleItemMessageText {
                    display: none;
                    position: absolute;
                    top: -10px;
                    right: 10px;
                    border: 1px solid #777;
                    z-index: 999;
                    padding: 12px;
                    background: #eee;
                    box-shadow: 0px 0px 10px -5px;
                }

            .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .removeButton:hover {
                color: #7DC3BD;
            }

            .shopping-cart-page .checkoutGiftBoxSection .alreadyaddedGiftBoxesContainer .giftBoxeAdded .removeButton {
                cursor: pointer;
                color: #555;
            }

        .shopping-cart-page .checkoutGiftBoxSection .addingGiftBoxContainer .frontInput {
            text-align: center;
            padding: 10px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .optionContainer {
            width: 100%;
            /*
    min-height: 200px;
    */
            padding: 20px;
            margin: 4px 0px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .ifAddGiftBoxContainer {
            text-align: center
        }

            .shopping-cart-page .checkoutGiftBoxSection .ifAddGiftBoxContainer .ifAddGiftBox {
                background: #7DC3BD;
                display: inline-block;
                padding: 10px 20px;
                border-radius: 4px;
                color: #fff;
                cursor: pointer;
            }

        .shopping-cart-page .checkoutGiftBoxSection .typeGiftBoxContainer {
            text-align: center;
        }

        .shopping-cart-page .checkoutGiftBoxSection .itemType {
            display: inline-block;
            padding: 10px 20px;
            min-width: 105px;
            text-align: center;
            cursor: pointer;
            border: 2px solid #7DC3BD;
            margin: 0px 10px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .stepDescription {
            text-align: center;
            padding: 20px 0px;
            color: #777;
        }

        .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList {
            display: flex;
            justify-content: space-around;
        }

            .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem {
                max-width: 100px;
                position: relative;
            }

                .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem img {
                    margin: 0 auto;
                    display: block;
                }

                .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem.selected {
                    position: relative;
                }

                .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem.notSelected:before {
                    content: "";
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    font-family: 'kasbia';
                    font-size: 20px;
                    color: #fff;
                    border: 1px solid #7DC3BD;
                    background: #fff;
                    padding: 5px;
                    border-radius: 50%;
                    width: 30px;
                    height: 30px;
                }

                .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem.selected:before {
                    content: "\71";
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    font-family: 'kasbia';
                    font-size: 20px;
                    color: #fff;
                    background: #7DC3BD;
                    padding: 5px;
                    border-radius: 50%;
                }

                .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem.inactive {
                    opacity: 0.6;
                }

                    .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem.inactive:before {
                        content: "\61";
                        position: absolute;
                        bottom: 50%;
                        right: 50%;
                        transform: translate(50%, 10%);
                        font-family: 'kasbia';
                        font-size: 40px;
                        color: #fff;
                        background: #7DC3BD;
                        padding: 15px;
                        border-radius: 50%;
                    }

        .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer {
            width: 100%;
            display: block;
            border-top: 2px solid #7DC3BD;
            margin-top: 20px;
        }

            .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBoxList {
                display: flex;
                justify-content: space-around;
            }

        .shopping-cart-page .checkoutGiftBoxSection .productGiftBoxContainer .productList .productGiftBoxItem .productGiftBoxItemTitle {
            display: inline-block;
            max-width: 100%;
            color: #777;
            text-align: center;
            font-size: 10px;
        }


        .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBox {
            position: relative;
        }

            .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBox.notSelected:before {
                content: "";
                width: 30px;
                height: 30px;
                position: absolute;
                top: 5px;
                right: 5px;
                font-family: 'kasbia';
                font-size: 20px;
                color: #fff;
                background: rgba(255,255,255,0.7);
                border: 1px solid #7DC3BD;
                padding: 5px;
                border-radius: 50%;
            }

            .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBox.selected:before {
                content: "\71";
                position: absolute;
                top: 5px;
                right: 5px;
                font-family: 'kasbia';
                font-size: 20px;
                color: #fff;
                background: #7DC3BD;
                padding: 5px;
                border-radius: 50%;
            }

        .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBoxList h3 {
            font-size: 10px;
            color: #555;
            text-align: center;
        }

        .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBoxList .modelPrice {
            font-size: 10px;
            color: #555;
            text-align: center;
            display: block;
        }

        .shopping-cart-page .checkoutGiftBoxSection .optionContainer.kit .selectBoxContainer .itemGiftBoxList .modelPrice {
            display: none;
        }

        .shopping-cart-page .checkoutGiftBoxSection .selectBoxContainer .itemGiftBoxList img {
            width: 90%;
        }

        .shopping-cart-page .checkoutGiftBoxSection .optionGiftBoxContainer {
            width: 100%;
            display: block;
            border-top: 2px solid #7DC3BD;
            margin-top: 20px;
        }

        .shopping-cart-page .checkoutGiftBoxSection .confirmButtonsGiftBoxContainer {
            text-align: center;
            width: 100%;
            display: block;
            border-top: 2px solid #7DC3BD;
            margin-top: 20px;
        }

            .shopping-cart-page .checkoutGiftBoxSection .confirmButtonsGiftBoxContainer .buttonGiftBox {
                background: #7DC3BD;
                display: inline-block;
                padding: 10px 20px;
                border-radius: 4px;
                color: #fff;
                cursor: pointer;
            }

                .shopping-cart-page .checkoutGiftBoxSection .confirmButtonsGiftBoxContainer .buttonGiftBox.disabled {
                    background: #999;
                    color: #fff;
                    cursor: default;
                }

    .shopping-cart-page .selected-checkout-attributes .selectedGiftbox {
        display: none;
    }

    /********** CHECKOUT **********/
    .checkout-page .section {
        margin: 0 0 30px;
    }

        .checkout-page .section.order-summary {
            margin: 100px 0 30px;
        }

    .checkout-page .cart-options {
        min-height: 60px;
        overflow: hidden;
    }

    .checkout-page .cart-footer {
        border-top: none;
    }

    .checkout-page .total-info {
        margin: 0;
        border-bottom: none;
        padding: 5px 20px 10px;
    }

    .checkout-page .button-1 {
        display: inline-block;
        min-width: 140px;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .checkout-page .button-1:hover {
            background-color: #7DC3BD;
        }

    .checkout-page .address-item {
        width: 350px;
        max-width: 100%;
        margin: 0 auto 40px;
    }

        .checkout-page .address-item ul {
            margin: 0 0 15px;
            background-color: #f9f9f9;
            padding: 20px;
            color: #444;
        }

        .checkout-page .address-item li {
            padding: 5px 0;
        }

            .checkout-page .address-item li.name {
                font-size: 16px;
                font-weight: bold;
            }

    .enter-address .message-error {
        margin: 20px 0;
    }

    .checkout-page .ship-to-same-address {
        padding: 30px 0;
        text-align: center;
    }

        .checkout-page .ship-to-same-address .selector {
            margin: 0 0 5px;
            font-weight: bold;
            color: #444;
        }

    .checkout-page .cart-options {
        overflow: hidden;
    }

    .checkout-page .cart-footer {
        border-top: none;
    }

    .checkout-page .total-info {
        margin: 0;
        border-bottom: none;
        padding: 5px 20px 10px;
    }

    .checkout-page .button-1 {
        display: inline-block;
        min-width: 140px;
        border: none;
        background-color: #7DC3BD;
        border: 1px solid #7DC3BD;
        padding: 10px 30px;
        border-radius: 2px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .checkout-page .button-1:hover {
            background: transparent;
            color: #7DC3BD;
        }

    .page.checkout-page.order-completed-page,
    .page.checkout-page.order-completed-page .page-title h1 {
        text-align: center;
    }

        .page.checkout-page.order-completed-page .section.order-completed .title {
            font-size: 20px;
            font-weight: bolder;
            color: #7DC3BD;
        }

            .page.checkout-page.order-completed-page .section.order-completed .title strong {
                font-weight: 500;
            }

    #shippingAddressesList .addressBox.new,
    #billingAddressesList .addressBox.new {
        width: 100%;
        border: none;
        text-align: left;
        font-size: 12px;
        text-transform: uppercase;
        color: #00979F;
        padding: 0;
        margin: 40px 0 0;
        height: auto;
        text-align: center;
    }

    #billingNewAddressButton .icon-edit,
    #shippingNewAddressButton .icon-edit {
        font-size: 20px;
        height: 20px;
        line-height: 20px;
        vertical-align: middle;
        padding-right: 10px;
    }

    #shippingAddressesList .addressBox.new:before,
    #billingAddressesList .addressBox.new:before {
        margin-right: 5px
    }

    #shippingAddressesList,
    #billingAddressesList {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        #shippingAddressesList .addressBox,
        #billingAddressesList .addressBox {
            border: 1px solid;
            padding: 15px;
            position: relative;
        }

            #shippingAddressesList .addressBox h4,
            #billingAddressesList .addressBox h4 {
                margin-bottom: 20px
            }

        #shippingAddressesList .addressBox,
        #billingAddressesList .addressBox {
            border-color: #ccc;
            border-radius: 2px;
            padding: 20px 10px;
            line-height: 18px;
            text-align: left;
            width: 230px;
            margin: 20px 20px 0px 0px;
            /*
    min-height: 140px;
    */
            cursor: pointer;
        }

            #shippingAddressesList .addressBox.selected,
            #billingAddressesList .addressBox.selected {
                border-color: #7DC3BD;
            }

                #shippingAddressesList .addressBox.selected:after,
                #billingAddressesList .addressBox.selected:after {
                    content: "\2713";
                    width: 24px;
                    height: 24px;
                    line-height: 24px;
                    color: #fff;
                    background: #7DC3BD;
                    border-radius: 50%;
                    position: absolute;
                    right: -12px;
                    top: -12px;
                    text-align: center
                }

                #shippingAddressesList .addressBox.selected.new:after,
                #billingAddressesList .addressBox.selected.new:after {
                    display: none
                }

    .checkout-page .address-item {
        width: 350px;
        max-width: 100%;
        margin: 0 auto 40px;
    }

        .checkout-page .address-item ul {
            margin: 0 0 15px;
            background-color: #f9f9f9;
            padding: 20px;
            color: #444;
        }

        .checkout-page .address-item li {
            padding: 5px 0;
        }

            .checkout-page .address-item li.name {
                font-size: 16px;
                font-weight: 500;
            }

    .enter-address .message-error {
        margin: 20px 0;
    }

    .enter-address .edit-address {
        background-color: transparent;
        border: none;
        padding: 15px 0 0;
        display: flex;
        flex-wrap: wrap;
    }

        .enter-address .edit-address .inputs {
            width: 24%;
            padding: 0px 40px 0px 0px;
            margin-left: inherit;
            margin-right: inherit;
        }

            .enter-address .edit-address .inputs label {
                text-align: left;
                margin-bottom: 2px;
                font-weight: 500;
                text-transform: none;
                color: #00979F
            }

            .enter-address .edit-address .inputs input,
            .enter-address .edit-address .inputs select {
                border: 1px solid #00979F;
                height: 36px;
            }

    .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error {
        white-space: normal
    }

    .enter-address .select-billing-address {
        margin: 0
    }

    .checkout-page .ship-to-same-address {
        /*padding: 30px 0;*/
        text-align: center;
    }

        .checkout-page .ship-to-same-address .selector {
            margin: 0 0 5px;
            color: #333;
            font-size: 12px;
            text-align: center;
            font-weight: normal;
        }

            .checkout-page .ship-to-same-address .selector [for=ShipToSameAddress]:before {
                margin: 2px 10px 0 0;
            }

    .checkout-page .pickup-in-store {
        text-align: center;
    }

        .checkout-page .pickup-in-store .selector {
            margin: 0 0 5px;
            font-weight: bold;
            color: #444;
        }

    .select-pickup-point {
        text-align: center;
    }

    .checkout-page .pickup-points-map {
        min-width: 400px;
        min-height: 350px;
        vertical-align: middle;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .shipping-method .method-list,
    .payment-method .method-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto 30px;
        overflow: hidden;
        text-align: center;
        font-size: 0;
    }

        .shipping-method .method-list li,
        .payment-method .method-list li {
            font-size: 14px;
            text-align: left;
            display: block;
            border-radius: 2px;
            /* padding: 20px 10px; */
            line-height: 18px;
            text-align: left;
            width: 200px;
            margin: 10px 20px 0px 0px;
            /* min-height: 140px; */
            cursor: pointer;
            /* border: 1px solid #ccc; */
            position: relative;
        }
            /*span.methods-info {
    display: flex;
    align-items: center;
}*/
            .shipping-method .method-list li label,
            .payment-method .method-list li label {
                font-size: 13px;
                font-weight: bold;
                color: #444;
                width: 100%;
                vertical-align: bottom;
                position: static;
                padding: 10px 0;
                text-align: center;
                height: 100%;
            }

                .shipping-method .method-list li label:before,
                .payment-method .method-list li label:before {
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    border-radius: 0;
                    border: none;
                }

                .shipping-method .method-list li label:after,
                .payment-method .method-list li label:after {
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    border-radius: 0;
                    border: none;
                }

            .shipping-method .method-list li [type="radio"]:checked + label span.icon,
            .payment-method .method-list li [type="radio"]:checked + label span.icon,
            .shipping-method .method-list li [type="radio"]:checked + label span.method-name,
            .payment-method .method-list li [type="radio"]:checked + label span.method-name {
                color: #000;
            }

    .shipping-method .method-description {
        margin: 5px 0 0;
    }

    .payment-method .method-list li span.icon,
    .shipping-method .method-list li span.icon {
        font-size: 70px;
        padding: 0 10px;
        color: #7DC3BD;
        display: block;
        min-height: 70px;
        line-height: 70px;
    }

    .payment-method .method-list li span.method-name,
    .shipping-method .method-list li span.method-name {
        font-size: 13px;
        color: #181818;
    }

    .payment-method .use-reward-points {
        margin: 0 0 30px;
        text-align: center;
        color: #444;
    }

    .payment-method .payment-logo {
        display: inline-block;
        vertical-align: middle;
    }

        .payment-method .payment-logo label {
            display: block;
            font-size: 0 !important;
        }

    .payment-method .payment-details {
        min-width: 180px;
        display: inline-block;
        margin: 0 0 0 10px;
        text-align: left;
        vertical-align: middle;
    }

        .payment-method .payment-details input {
            position: absolute;
            left: 10px;
            top: 10px;
        }

    .payment-info .info {
        padding: 30px 15px;
        color: #444;
    }

    .payment-method .payment-details input[type="radio"]:checked {
        border: 0;
        box-shadow: none;
    }

    .payment-method .payment-details [type="radio"]:checked + label:after {
        background-color: #fff;
        border: 2px solid #000;
        -webkit-transform: translateZ(10px);
        transform: translateZ(10px);
    }

    .payment-method .payment-details [type="radio"]:not(:checked) + label:after {
        border: 2px solid #ddd;
        opacity: 1;
        -webkit-transform: translateZ(10px);
        transform: translateZ(10px);
        background: no-repeat;
    }


    .payment-method .payment-details input[type="radio"]:after {
        background-color: #7DC3BD
    }

    .payment-info .info tr {
        display: block;
        margin: 0 0 15px;
        font-size: 0;
    }

    .payment-info .info td {
        display: inline-block;
        width: 100% !important;
        max-width: 400px !important;
        font-size: 14px; /*reset zeroing*/
    }

        .payment-info .info td:only-child {
            width: 100% !important;
            max-width: 100% !important;
        }

        .payment-info .info td input[type="text"] {
            width: 100% !important;
        }

        .payment-info .info td input[name="CardCode"] {
            width: 65px !important;
        }

        .payment-info .info td select {
            min-width: 70px;
        }

        .payment-info .info td:first-child {
            margin: 0 0 10px;
        }

    .payment-info .info p {
        text-align: center;
    }

    div#payinfo {
        width: 100%;
        text-align: center;
        padding: 40px 0px;
    }

    .use-reward-points {
        padding: 20px 0px;
    }

        .use-reward-points label {
            padding: 10px;
            margin-left: 10px;
            border: 1px solid #7DC3BD;
        }

    .confirm-order .buttons {
        padding: 10px 0;
    }

    .confirm-order .button-1 {
        font-size: 16px;
    }

    .order-review-data {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .order-review-data > div,
        .order-details-area > div,
        .shipment-details-area > div {
            width: 280px;
            max-width: 100%;
            background-color: #f9f9f9;
            color: #444;
            text-align: left;
            margin: 0 auto;
            padding: 20px;
        }

        .order-review-data li,
        .order-details-area li,
        .shipment-details-area li {
            padding: 3px 0;
            font-size: 13px;
            color: #999;
            line-height: 14px;
        }

    .checkout-data .shopping-cart-page .order-review-data .title, .checkout-data .shopping-cart-page .order-details-area .title, .checkout-data .shopping-cart-page .shipment-details-area .title {
        text-align: left;
    }

    .order-review-data .title, .order-details-area .title, .shipment-details-area .title {
        margin: 0 0 15px 0;
        padding: 0;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

        .order-review-data .title strong,
        .order-details-area .title strong,
        .shipment-details-area .title strong {
            font-weight: 700;
        }

    .order-review-data .payment-method-info,
    .order-review-data .shipping-method-info,
    .order-details-area .payment-method-info,
    .order-details-area .shipping-method-info {
        margin-top: 20px;
    }

    .order-completed .details {
        margin: 0 0 30px;
        padding: 30px 15px;
        text-align: center;
        color: #444;
    }

        .order-completed .details div {
            margin: 5px 0;
        }

        .order-completed .details strong {
            font-weight: normal;
            text-transform: uppercase;
        }

        .order-completed .details a {
            color: #7DC3BD;
        }

            .order-completed .details a:hover {
                text-decoration: underline;
            }

    .opc .step-title {
        margin: 0 0 1px;
        overflow: hidden;
        background-color: #f6f6f6;
        display: none;
    }

    .opc .active .step-title {
        cursor: pointer;
        display: block;
    }

    .opc .step-title .number,
    .opc .step-title .title {
        display: flex;
        justify-content: space-between;
        min-height: 40px;
        padding: 10px 15px;
        line-height: 20px;
        font-size: 16px;
        font-weight: normal;
    }

    .opc .step-title .icon-edit {
        vertical-align: middle;
        color: #0abbbb;
        height: 20px;
        line-height: 20px;
        font-size: 20px;
    }

    .opc .allow .step-title .number,
    .opc .allow .step-title .title {
        cursor: pointer;
    }

    .opc .allow .step-title .icon-edit {
        color: #0abbbb;
    }

    .opc .step-title .number {
        width: 42px;
        border-right: 1px solid #fff;
        text-align: center;
    }

    .opc .allow .step-title .number {
        background-color: #7DC3BD;
    }

    .opc .step {
        margin: 10px 0;
        padding: 30px 5px;
        text-align: right;
    }

        .opc .step .step {
            padding: 0
        }

    .opc .section {
        margin: 0 0 20px;
    }

        .opc .section > label {
            display: block;
            margin: 0 0 10px;
        }

        .opc .section.new-billing-address {
            margin: 0
        }

    .opc input[type="text"],
    .opc select {
        max-width: 100%;
    }

    .opc .buttons {
        margin-bottom: 0;
    }

    .opc .back-link {
        margin: 0 0 10px;
    }

        .opc .back-link small {
            display: none;
        }

        .opc .back-link a {
            display: inline-block;
            margin: 0 0 0 -15px;
            background: url('../images/back-button.png') left center no-repeat;
            padding: 0 0 0 18px;
            color: #444;
        }

            .opc .back-link a:hover {
                color: #7DC3BD;
            }

    .opc .buttons .please-wait {
        display: block;
        margin: 10px 0 0;
        background: none;
    }

    .opc .section.ship-to-same-address {
        margin: 0 0 20px;
        padding: 0;
    }

    .opc .section.pickup-in-store {
        margin: 0 0 30px;
        padding: 0;
    }

    .opc .payment-info .info tr {
        text-align: left;
    }

    .opc .section.order-summary {
        margin: 0;
    }

    /* checkout attribute selected */
    .selected-checkout-attributes .selectedGiftbox {
        font-size: 13px;
        color: #333;
        width: 100%;
    }

        .selected-checkout-attributes .selectedGiftbox::before {
            font-size: 25px;
            color: #7DC3BD;
            display: inline-block;
            content: "\70";
            font-family: 'kasbia';
            line-height: 25px;
            vertical-align: middle;
            padding: 0px 10px 5px;
        }

        .selected-checkout-attributes .selectedGiftbox .label {
            display: inline-block;
        }

        .selected-checkout-attributes .selectedGiftbox ul {
        }

        .selected-checkout-attributes .selectedGiftbox .productInGiftbox {
            font-size: 12px;
            font-style: italic;
            color: #7DC3BD;
        }

            .selected-checkout-attributes .selectedGiftbox .productInGiftbox .manPartNumb {
                display: inline-block;
                font-size: 10px;
                font-weight: 600;
                margin-left: 5px;
                background: #7DC3BD;
                padding: 6px;
                vertical-align: middle;
                color: #fff;
                border-radius: 4px;
            }


    /****** ORDER DETAILS & SHIPPING DETAILS ******/



    .order-details-page .page-title {
        border-bottom: none;
    }

        .order-details-page .page-title h1 {
            margin: 0 0 30px;
            border-bottom: 1px solid #ddd;
            padding: 0 0 10px;
        }

        .order-details-page .page-title a {
            display: inline-block;
            min-width: 180px;
            margin: 5px 0;
            border: none;
            background-color: #aaa;
            background-image: none;
            padding: 10px 20px;
            font-size: 15px;
            color: #fff;
        }

            .order-details-page .page-title a:hover {
                background-color: #999;
            }

            .order-details-page .page-title a.print-order-button, .order-details-page .page-title #qapla-tracking a {
                background-color: #7DC3BD;
            }

        .order-details-page .page-title #qapla-tracking a {
            position: relative;
            width: 100%;
        }

            .order-details-page .page-title #qapla-tracking a:before {
                content: "i";
                font-family: 'kasbia';
                position: absolute;
                right: 10px;
                font-size: 20px;
                top: 50%;
                transform: translateY(-50%);
            }

        .order-details-page .page-title a.print-order-button:hover {
            background-color: #7DC3BD;
        }

    .order-details-page .order-overview {
        margin: 0 0 50px;
        line-height: 26px;
        text-align: center;
        font-size: 16px;
        color: #444;
    }

        .order-details-page .order-overview .order-number {
            margin: 0 0 10px;
            text-transform: uppercase;
        }

        .order-details-page .order-overview .order-total strong {
            font-weight: normal;
            color: #7DC3BD;
        }

    .order-details-page .repost .button-2 {
        display: inline-block;
        margin: 10px 0;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 15px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

        .order-details-page .repost .button-2:hover {
            background-color: #7DC3BD;
        }

    .order-details-page .download a {
        font-weight: normal;
        color: #7DC3BD;
    }

        .order-details-page .download a:hover {
            text-decoration: underline;
        }

    .user-agreement-page .terms-of-agreement {
        margin: 0 0 20px;
        padding: 20px;
        text-align: center;
    }

    .user-agreement-page .button-1 {
        min-width: 140px;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .user-agreement-page .button-1:hover {
            background-color: #7DC3BD;
        }

    .order-details-page .tax-shipping-info {
        margin: 30px 0;
    }

        .order-details-page .tax-shipping-info a {
            color: #7DC3BD;
        }

            .order-details-page .tax-shipping-info a:hover {
                text-decoration: underline;
            }

    .order-details-page .actions {
        margin: 30px 0 0;
        font-size: 0;
    }

        .order-details-page .actions input {
            display: inline-block;
            min-width: 165px;
            margin: 5px;
            border: none;
            background-color: #aaa;
            background-image: none;
            padding: 10px 20px;
            font-size: 15px;
            color: #fff;
        }

            .order-details-page .actions input:hover {
                background-color: #999;
            }

            .order-details-page .actions input:first-child {
                background-color: #7DC3BD;
            }

                .order-details-page .actions input:first-child:hover {
                    background-color: #7DC3BD;
                }

    .order-details-page .totals.section {
        width: 370px;
        padding: 0 10px;
        max-width: 100%;
        margin: 0 auto 50px;
    }

    .order-details-page .total-info {
        background-color: #f9f9f9;
        padding: 15px 20px;
        color: #444;
    }


    /****** SEARCH & SITEMAP ******/



    .search-page .page-title {
        margin: 0 0 -1px;
    }

    .search-input .fieldset {
        margin: 0 0 30px;
    }

    .search-input .form-fields {
        padding: 30px 15px 10px;
    }

    .search-input input + label {
        display: inline;
        margin: 0 0 0 5px;
    }

    .advanced-search {
        margin: 30px 0 0;
    }

        .advanced-search .price-range {
            display: inline-block;
        }

            .advanced-search .price-range input {
                width: 80px;
                margin: 3px;
            }

    .search-input .buttons {
        text-align: center;
    }

    .search-input .button-1 {
        min-width: 140px;
        border: none;
        background-color: #7DC3BD;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .search-input .button-1:hover {
            background-color: #7DC3BD;
        }

    .search-results {
        margin: 30px 0 0;
    }

        .search-results .warning,
        .search-results .no-result {
            margin: 10px 0;
            color: #e4434b;
        }

    .sitemap-page .description {
        margin: 0 0 30px;
        text-align: center;
    }

    .sitemap-page .entity {
        margin: 0 0 30px;
    }

    .sitemap-page .entity-title {
        margin: 0 0 15px;
        padding: 0 10px;
        text-align: center;
    }

        .sitemap-page .entity-title h2 {
            font-size: 20px;
            font-weight: normal;
            color: #444;
        }

    .sitemap-page .entity-body {
        border-top: 1px solid #e6e6e6;
        background-color: #f9f9f9;
        padding: 30px 15px;
        text-align: center;
    }

    .sitemap-page .entity ul {
        font-size: 0;
    }

    .sitemap-page .entity li {
        display: inline-block;
        position: relative;
        margin: 0 8px;
        padding: 0 12px;
        line-height: 50px;
        font-size: 14px; /*reset zeroing*/
    }

        .sitemap-page .entity li:before {
            content: "";
            position: absolute;
            top: 23px;
            left: 0;
            width: 5px;
            height: 5px;
            background-color: #ddd;
        }

    .sitemap-page .entity a {
        color: #444;
    }

        .sitemap-page .entity a:hover {
            color: #7DC3BD;
        }

        .sitemap-page .entity a:empty {
            display: none;
        }


    /****** BLOG & NEWS ******/



    .block-blog-archive .number {
        display: block;
        color: #444;
        cursor: auto;
    }

    .block-blog-archive .sublist {
        margin: 5px 0 5px 15px;
    }

    .block-blog-archive li.month {
        padding: 3px 0 3px 15px;
    }

    .blog-page .page-title,
    .news-list-page .page-title {
        margin: 0;
    }

    .blog-page .post,
    .news-items .news-item {
        margin: 0 0 30px;
    }

        .blog-page .post:after {
            content: "";
            display: block;
            clear: both;
        }

    .post-title,
    .news-title {
        display: inline-block;
        padding: 20px 10px;
        line-height: 20px;
        font-size: 16px;
        font-weight: bold;
        color: #444;
    }

        .post-title:hover,
        .news-title:hover {
            color: #7DC3BD;
        }

    .post-date,
    .news-date {
        display: block;
        margin: 0 0 15px;
        background-color: #f6f6f6;
        padding: 10px;
        font-style: italic;
        color: #444;
    }

    .post-body,
    .news-body {
        margin: 0 0 20px;
        padding: 0 10px;
        line-height: 22px;
    }

    .blog-page .tags,
    .blogpost-page .tags {
        margin: 0 0 15px;
        overflow: hidden;
        padding: 0 10px;
    }

        .blog-page .tags label,
        .blogpost-page .tags label {
            display: inline-block;
            margin: 0 3px 3px 0;
            font-weight: bold;
            color: #444;
        }

        .blog-page .tags ul,
        .blogpost-page .tags ul {
            display: inline-block;
            margin: 0 0 3px 3px;
            font-size: 0;
        }

        .blog-page .tags li,
        .blogpost-page .tags li {
            display: inline-block;
            font-size: 14px; /*reset zeroing*/
        }

            .blog-page .tags li.separator,
            .blogpost-page .tags li.separator {
                margin: 0 8px 0 0;
            }

        .blog-page .tags a,
        .blogpost-page .tags a {
            display: block;
            color: #7DC3BD;
        }

            .blog-page .tags a:hover,
            .blogpost-page .tags a:hover {
                text-decoration: underline;
            }

    .blog-posts .buttons,
    .news-items .buttons {
        margin: 0;
        padding: 0 10px;
    }

        .blog-posts .buttons .read-comments {
            display: block;
            margin: 0 0 15px;
            font-weight: bold;
            color: #444;
        }

            .blog-posts .buttons .read-comments:hover {
                color: #7DC3BD;
            }

        .blog-posts .buttons .read-more,
        .news-items .buttons .read-more {
            display: inline-block;
            border: none;
            background-color: #7DC3BD;
            padding: 10px 20px;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
        }

            .blog-posts .buttons .read-more:hover,
            .news-items .buttons .read-more:hover {
                background-color: #7DC3BD;
            }

    .new-comment {
        margin: 50px 0 60px;
    }

        .new-comment .notifications {
            margin: 0 0 10px;
        }

        .new-comment .result {
            color: #690;
        }

        .new-comment .form-fields {
            margin: 0 0 20px;
        }

        .new-comment .button-1 {
            border: none;
            background-color: #7DC3BD;
            padding: 10px 30px;
            text-align: center;
            font-size: 15px;
            color: #fff;
            text-transform: uppercase;
        }

            .new-comment .button-1:hover {
                background-color: #7DC3BD;
            }

    .comment-list {
        margin: 0 0 100px;
    }

        .comment-list .title {
            margin: 0 0 15px;
            padding: 0 10px;
            font-size: 20px;
            color: #444;
        }

            .comment-list .title strong {
                font-weight: normal;
            }

        .comment-list .comment {
            margin: 0 0 40px;
            border-top: 1px solid #ddd;
        }

            .comment-list .comment:after {
                content: "";
                display: block;
                clear: both;
            }

    .comment-info {
        width: 150px;
        margin: 20px auto;
    }

        .comment-info .username {
            display: block;
            margin: 0 0 -1px;
            border: 1px solid #ddd;
            background-color: #f6f6f6;
            padding: 11px 0;
            font-weight: bold;
            color: #444;
        }

        .comment-info a.username:hover {
            color: #7DC3BD;
        }

        .comment-info .avatar {
            position: relative;
            width: 150px;
            height: 150px;
            border: 1px solid #ddd;
            overflow: hidden;
        }

            .comment-info .avatar img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
                border: solid 2px #CEDBE1 !important;
            }

    .comment-time {
        margin: 0 0 15px;
        font-size: 13px;
        font-weight: bold;
    }

        .comment-time span {
            color: #444;
        }

    .comment-title {
        margin: 0 0 15px;
        font-size: 16px;
        color: #444;
    }

    .comment-body {
        line-height: 22px;
    }

    .news-list-homepage {
        margin: 0 0 75px;
    }

        .news-list-homepage .title {
            margin: 0 0 -1px;
            border-bottom: 1px solid #ddd;
            padding: 0 0 15px;
            font-size: 30px;
            font-weight: normal;
            color: #444;
        }

            .news-list-homepage .title strong {
                font-weight: normal;
            }

        .news-list-homepage .view-all {
            text-align: center;
        }

            .news-list-homepage .view-all a {
                color: #444;
                text-decoration: underline;
            }

                .news-list-homepage .view-all a:hover {
                    color: #7DC3BD;
                }


    /*** FORUM & PROFILE ***/



    .forums-main-page .topic-block {
        margin: 0 0 35px;
        text-align: center;
    }

        .forums-main-page .topic-block p {
            text-align: center;
        }

    .forums-main-page .pager {
        display: none;
    }

    .forum-breadcrumb {
        margin: 0 0 40px;
    }

    .forums-header {
        margin: 0 0 50px;
        overflow: hidden;
    }

        .forums-header:after {
            content: "";
            display: block;
            clear: both;
        }

        .forums-header .current-time {
            margin: 0 0 15px;
            color: #444;
        }

    .forum-search-box .basic {
        overflow: hidden;
        margin: 0 0 10px;
    }

    .forum-search-box .advanced a {
        line-height: 22px;
        color: #444;
        text-decoration: underline;
    }

        .forum-search-box .advanced a:hover {
            color: #7DC3BD;
        }

    .forum-search-page .page-title {
        margin: 0 0 -1px;
    }

    .forum-search-page .search-error,
    .forum-search-page .no-result {
        margin: 0 0 15px;
        text-align: center;
        color: #e4434b;
    }

    /* forum group */

    .forums-table-section {
        margin: 0 0 60px;
    }

        .forums-table-section + .pager {
            margin: -30px 0 30px;
        }

    .forums-table-section-title {
        margin: 0 0 15px;
        padding: 0 10px;
    }

        .forums-table-section-title a,
        .forums-table-section-title strong {
            font-size: 22px;
            font-weight: normal;
            color: #444;
        }

            .forums-table-section-title a:hover {
                color: #7DC3BD;
            }

    .forums-table-section .image div {
        width: 38px;
        height: 32px;
        margin: auto;
        background: url('../images/topic-type1.png') center no-repeat;
    }

        .forums-table-section .image div.sticky {
            background: url('../images/topic-type2.png') center no-repeat;
        }

        .forums-table-section .image div.announcement {
            background: url('../images/topic-type3.png') center no-repeat;
        }

    .forums-table-section .forum-title,
    .forums-table-section .topic-title {
        margin: 5px 0;
    }

        .forums-table-section .forum-title a,
        .forums-table-section .topic-title a {
            font-size: 16px;
            font-weight: bold;
            color: #444;
        }

            .forums-table-section .forum-title a:hover,
            .forums-table-section .topic-title a:hover {
                color: #7DC3BD;
                text-decoration: none;
            }

        .forums-table-section .topic-title span {
            display: block;
            color: #777;
        }

    .forums-table-section .forum-description,
    .forums-table-section .topic-starter {
        margin: 5px 0;
    }

    .forums-table-section .latest-post {
        white-space: nowrap;
    }

        .forums-table-section .latest-post div {
            margin: 5px 0;
        }

        .forums-table-section .latest-post label {
            color: #777;
        }

    .forums-table-section .view-all {
        margin: 30px 0 0;
        padding: 0 10px;
    }

        .forums-table-section .view-all a {
            background-color: #7DC3BD;
            padding: 10px 15px;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
        }

            .forums-table-section .view-all a:hover {
                background-color: #7DC3BD;
            }

    /* forum-page, topic page */

    .forum-page .forum-info {
        margin: 0 0 30px;
    }

    .forum-page .forum-name,
    .forum-topic-page .topic-name {
        margin: 0 0 25px;
        border-bottom: 1px solid #ddd;
        padding: 0 10px 10px;
    }

        .forum-page .forum-name h1,
        .forum-topic-page .topic-name h1 {
            font-size: 30px;
            font-weight: normal;
        }

    .forum-actions,
    .topic-actions {
        margin: 0 0 30px;
        font-size: 0;
    }

        .forum-actions .actions a,
        .topic-actions .actions a {
            display: inline-block;
            margin: 1px;
            padding: 10px 10px 10px 33px;
            font-size: 14px;
        }

        .forum-actions .actions .new-topic {
            background: #eee url('../images/new.png') left center no-repeat;
        }

        .forum-actions .actions .watch-forum,
        .topic-actions .actions .watch-forum {
            background: #eee url('../images/watch.png') left center no-repeat;
        }

        .forum-actions .actions a:hover,
        .topic-actions .actions a:hover {
            background-color: #e6e6e6;
        }

        .forum-actions .pager.upper,
        .topic-actions .pager.upper {
            display: none;
            margin: 0;
        }

        .topic-actions .reply-topic-button {
            background: #eee url('../images/reply.png') left center no-repeat;
        }

        .topic-actions .watch-topic-button {
            background: #eee url('../images/watch.png') left center no-repeat;
        }

        .topic-actions .move-topic-button {
            background: #eee url('../images/move.png') left center no-repeat;
        }

        .topic-actions .edit-topic-button {
            background: #eee url('../images/edit_.png') left center no-repeat;
        }

        .topic-actions .delete-topic-button {
            background: #eee url('../images/remove_.png') left center no-repeat;
        }

        .topic-actions.lower .actions {
            display: none;
        }

    .active-discussions-page .forums-table-section-title {
        margin: 0 0 25px;
        border-bottom: 1px solid #ddd;
        padding: 0 10px 10px;
    }

        .active-discussions-page .forums-table-section-title strong {
            font-size: 30px;
            font-weight: normal;
        }

    .active-discussions-page .forums-table-section-body {
        margin: 0 0 20px;
    }

    /* topic post */

    .topic-post {
        margin: 0 0 30px;
        border-top: 1px solid #ddd;
    }

        .topic-post:last-child {
            border-bottom: 1px solid #ddd;
        }

        .topic-post:after {
            content: "";
            display: block;
            clear: both;
        }

        .topic-post .post-info {
            margin: 30px 0;
        }

        .topic-post .user-info {
            width: 150px;
            margin: 0 auto 15px
        }

        .topic-post .username {
            display: block;
            margin: 0 0 -1px;
            border: 1px solid #ddd;
            background-color: #f6f6f6;
            padding: 11px 0;
            font-weight: bold;
            color: #444;
        }

        .topic-post a.username:hover {
            color: #7DC3BD;
        }

        .topic-post .avatar,
        .profile-info-box .avatar {
            position: relative;
            width: 150px;
            height: 150px;
            border: 1px solid #ddd;
            overflow: hidden;
        }

            .topic-post .avatar img,
            .profile-info-box .avatar img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }

            .topic-post .avatar img {
                border: solid 2px #CEDBE1 !important;
            }

        .topic-post .user-stats {
            margin: 0 0 15px;
        }

            .topic-post .user-stats li {
                display: inline-block;
                margin: 0 10px;
            }

            .topic-post .user-stats span,
            .profile-info-box .profile-stats span {
                margin: 0 0 0 3px;
                font-weight: bold;
                color: #444;
            }

        .topic-post .pm-button,
        .profile-info-box .pm-button {
            display: inline-block;
            border: none;
            background-color: #888;
            padding: 10px 20px;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
        }

            .topic-post .pm-button:hover,
            .profile-info-box .pm-button:hover {
                background-color: #999;
            }

        .topic-post .post-time {
            margin: 0 0 15px;
            background-color: #f6f6f6;
            padding: 10px 15px;
            font-size: 13px;
            font-weight: bold;
        }

            .topic-post .post-time span {
                color: #444;
            }

        .topic-post .post-actions {
            margin: 0 0 15px;
            font-size: 0;
        }

            .topic-post .post-actions > div {
                display: inline-block;
            }

            .topic-post .post-actions a {
                display: inline-block;
                margin: 1px 5px;
                font-size: 14px;
            }

            .topic-post .post-actions .edit-post-button,
            .topic-post .post-actions .delete-post-button {
                padding: 10px 10px 10px 33px;
            }

            .topic-post .post-actions .edit-post-button {
                background: url('../images/edit_.png') left center no-repeat;
            }

            .topic-post .post-actions .delete-post-button {
                background: url('../images/remove_.png') left center no-repeat;
            }

                .topic-post .post-actions .edit-post-button:hover,
                .topic-post .post-actions .delete-post-button:hover {
                    color: #7DC3BD;
                }

            .topic-post .post-actions .post-link-button {
                padding: 10px;
                font-weight: bold;
                color: #7DC3BD;
            }

                .topic-post .post-actions .post-link-button:hover {
                    text-decoration: underline;
                }

            .topic-post .post-actions .quote-post-button {
                background-color: #888;
                padding: 10px 20px;
                color: #fff;
            }

                .topic-post .post-actions .quote-post-button:hover {
                    background-color: #999;
                    color: #fff;
                }

        .topic-post .post-text {
            /*topic post-text also gets style from blog post-body*/
            padding: 0 10px 20px;
            line-height: 22px;
            color: #444;
            margin-bottom: 0;
        }

        .topic-post .post-vote {
            text-align: center;
            display: table;
            margin: 0 auto 20px;
        }

        .topic-post .user-posted-image,
        .latest-posts .user-posted-image {
            max-width: 100%;
            height: auto;
        }

        .topic-post .quote,
        .latest-posts .quote {
            margin: 10px 0;
            border: 1px dashed #ccc;
            background-color: #f9f9f9;
            padding: 10px;
            color: #777;
        }

        .topic-post .signature {
            border-top: 1px solid #ddd;
            padding: 20px;
            font-size: 13px;
            font-style: italic;
            clear: both;
        }

        .topic-post .post-vote span.vote {
            cursor: pointer;
            display: block;
            width: 40px;
            height: 24px;
        }

        .topic-post .post-vote span.up {
            background: url('../images/vote-up.png') no-repeat 50% 50%;
        }

        .topic-post .post-vote span.vote.up.selected {
            background: url('../images/vote-up-selected.png') no-repeat 50% 50%;
        }

        .topic-post .post-vote span.down {
            background: url('../images/vote-down.png') no-repeat 50% 50%;
        }

        .topic-post .post-vote span.vote.down.selected {
            background: url('../images/vote-down-selected.png') no-repeat 50% 50%;
        }

        .topic-post .vote-count-post {
            display: block;
            font-size: 160%;
        }
    /* forum edit & send message */

    .forum-edit-page .page-title,
    .move-topic-page .page-title,
    .private-message-send-page .page-title {
        margin: 0 0 -1px;
    }

    .move-topic-page label {
        white-space: normal;
    }

    .forum-edit-page .message-error,
    .private-message-send-page .message-error {
        margin: 20px 0;
    }

    .forum-edit-page .inputs strong {
        display: inline-block;
        max-width: 400px;
        font-size: 22px; /*reset zeroing*/
        font-weight: normal;
        color: #444;
        white-space: normal;
    }

    .forum-edit-page .inputs .topic-subject {
        font-size: 14px;
    }

    .forum-edit-page .inputs.reversed {
        margin: 0;
    }

        .forum-edit-page .inputs.reversed label {
            width: auto;
            margin: 5px;
            font-size: 14px; /*reset zeroing*/
            white-space: normal;
        }

    .forum-edit-page .bb-code-editor-wrapper,
    .private-message-send-page .bb-code-editor-wrapper {
        max-width: 400px;
        margin: 20px auto;
        background-color: #ddd;
        padding: 10px;
    }

    .forum-edit-page .toolbar .button,
    .private-message-send-page .toolbar .button {
        margin: 0 2px 0 0;
        border: #cec6b5 1px solid;
        padding: 2px;
    }

        .forum-edit-page .toolbar .button:hover,
        .private-message-send-page .toolbar .button:hover {
            border: #333 1px solid;
        }

    .forum-edit-page textarea,
    .private-message-send-page textarea {
        display: block;
        margin: auto;
    }

    .forum-edit-page .buttons input,
    .move-topic-page .buttons input,
    .private-messages .buttons input {
        min-width: 140px;
        border: none;
        background-color: #999;
        padding: 10px 30px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .forum-edit-page .buttons input:hover,
        .move-topic-page .buttons input:hover,
        .private-messages .buttons input:hover {
            background-color: #888;
        }

    .forum-edit-page .buttons .button-1,
    .move-topic-page .buttons .button-1,
    .private-messages .buttons .button-1 {
        background-color: #7DC3BD;
    }

        .forum-edit-page .buttons .button-1:hover,
        .move-topic-page .buttons .button-1:hover,
        .private-messages .buttons .button-1:hover {
            background-color: #7DC3BD;
        }

    .private-message-send-page a {
        font-size: 14px;
        color: #7DC3BD;
    }

    .private-message-send-page span {
        font-size: 14px;
    }

    /* jQuery tabs */

    .ui-tabs {
        /*override jQuery UI styles, do not delete doubled properties*/
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
        font: normal 14px 'Spartan', sans-serif;
        color: #777;
    }

    .ui-widget.ui-widget-content.ui-tabs {
        border: none;
    }

    .ui-tabs-nav {
        margin: 0 0 30px;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 0 30px !important;
        border-width: 0 0 1px;
        border-radius: 0;
        background: none;
        padding: 0 !important;
        line-height: normal;
        font-weight: normal;
        color: #444;
    }

        .ui-tabs-nav li {
            margin: 0 0 -1px;
            /*override jQuery UI styles, do not delete doubled properties*/
            float: none !important;
            margin: 0 0 -1px !important;
            border: none !important;
            border-radius: 0;
            background: none !important;
            padding: 0 !important;
        }

            .ui-tabs-nav li a {
                display: block;
                border: 1px solid #ddd;
                padding: 12px 24px;
                text-align: center;
                font-size: 18px;
                color: #444;
                /*override jQuery UI styles, do not delete doubled properties*/
                float: none !important;
                padding: 12px 24px !important;
            }

            .ui-tabs-nav li.ui-state-active a {
                background-color: #eee;
                color: #7DC3BD;
            }

    .ui-tabs-panel {
        /*override jQuery UI styles, do not delete doubled properties*/
        padding: 0 !important;
    }

    /* inbox & view message */

    .private-messages-page .table-wrapper,
    .private-message-view-page .view-message {
        margin: 0 0 30px;
    }

    .private-messages-page th.select {
        text-align: center;
    }

    .private-messages-page td.from,
    .private-messages-page td.to,
    .private-messages-page td.subject {
        min-width: 150px;
    }

    .private-messages-page td.date {
        white-space: nowrap;
    }

    .private-messages-page td.subject a {
        color: #444;
    }

        .private-messages-page td.subject a.pm-unread {
            color: #7DC3BD;
        }

    .private-messages-page .pager {
        margin: 0 0 30px;
    }

    .private-messages-page .buttons,
    .private-message-view-page .buttons {
        font-size: 0;
    }

        .private-messages-page .buttons .button-1,
        .private-messages-page .buttons .button-2,
        .private-message-view-page .buttons .button-1,
        .private-message-view-page .buttons .button-2 {
            display: block;
            width: 250px;
            margin: 0 auto 3px;
            font-size: 15px; /*reset zeroing*/
        }

    .private-message-view-page .view-message {
        margin: 0 0 30px;
    }

    .private-message-view-page .message-head {
        margin: 0 0 20px;
        line-height: 22px;
    }

        .private-message-view-page .message-head span {
            font-weight: bold;
            color: #444;
        }

    .private-message-view-page .message-body {
        border-top: 1px solid #ddd;
        background-color: #f9f9f9;
        padding: 30px 20px;
        line-height: 22px;
        text-align: justify;
    }

    .private-message-view-page .back-pm-button {
        text-transform: capitalize !important;
    }

    /* profile page  */

    .profile-info-box {
        overflow: hidden;
        /*override jQuery UI styles, do not delete doubled properties*/
        line-height: normal;
        font-size: 14px;
        font-family: 'Spartan', sans-serif;
        color: #777;
    }

        .profile-info-box .user-details {
            margin: 0 0 30px;
        }

        .profile-info-box .avatar {
            margin: 0 auto 15px;
        }

        .profile-info-box .title {
            margin: 0 0 10px;
            font-size: 18px;
            color: #444;
        }

        .profile-info-box .stats {
            margin: 0 0 15px;
        }

    .latest-posts {
        /*override jQuery UI styles, do not delete doubled properties*/
        line-height: normal;
        font-size: 14px;
        font-family: 'Spartan', sans-serif;
        color: #777;
    }

        .latest-posts .topic {
            margin: 0 0 35px;
        }

        .latest-posts .topic-title {
            margin: 0 0 20px;
            border-top: 1px solid #ddd;
            background: #f6f6f6;
            padding: 10px;
            font-size: 16px;
        }

            .latest-posts .topic-title a {
                font-weight: bold;
                color: #444;
            }

                .latest-posts .topic-title a:hover {
                    color: #7DC3BD;
                }

        .latest-posts .topic-body {
            margin: 0 0 15px;
            line-height: 22px;
        }

        .latest-posts .topic-data {
            color: #444;
        }

    /* BB codes */

    pre {
        white-space: pre-wrap;
        white-space: normal;
        word-wrap: break-word;
    }

    .csharpcode {
        margin: 10px 0;
        border: 1px dashed #ccc;
        background-color: #fff;
        padding: 10px;
        font-family: "Courier New", Courier, monospace;
        color: #000;
    }

        .csharpcode .rem {
            color: green;
        }

        .csharpcode .kwrd {
            color: #00f;
        }

        .csharpcode .str {
            color: #006080;
        }

        .csharpcode .op {
            color: #00c;
        }

        .csharpcode .preproc {
            color: #c63;
        }

        .csharpcode .asp {
            background-color: #ff0;
        }

        .csharpcode .html {
            color: maroon;
        }

        .csharpcode .attr {
            color: red;
        }

        .csharpcode .alt {
            width: 100%;
            margin: 0;
            background-color: #f6f6f6;
        }

        .csharpcode .lnum {
            color: #666;
        }


    /*****  NIVO SLIDER HELPER CLASSES  *****/
    .nivoSlider {
        max-height: 750px;
    }

    .slider-wrapper.theme-custom {
        margin: 0px auto;
    }

    .theme-custom .nivoSlider .nivo-caption {
        width: 400px;
        height: auto;
        max-height: 300px;
        top: calc(50% - 150px);
        left: auto;
        right: 10%;
        background: transparent;
        color: #181818;
        font-size: 55px;
        text-align: center;
    }

.product-details-page .featuredImage {
    WIDTH: 100%;
}

        .theme-custom .nivoSlider .nivo-caption a {
            font-size: 20px;
            color: #181818;
            background: rgba(255, 255, 255,0.6);
        }

            .theme-custom .nivoSlider .nivo-caption a:hover {
                color: #7DC3BD;
            }

        .theme-custom .nivoSlider .nivo-caption .btnOnSlide {
            padding: 15px 40px;
            border: 1px solid #181818;
        }

    .theme-custom .nivo-controlNav {
        display: none;
    }


    /*****  NIVO SLIDER HELPER CLASSES  *****/
    .innerOutletBanner {
        display: flex;
        color: #fff;
    }

        .innerOutletBanner h1,
        .innerOutletBanner h2,
        .innerOutletBanner h3,
        .innerOutletBanner h4,
        .innerOutletBanner h5,
        .innerOutletBanner h6 {
            color: #fff;
        }

    .leftOutletBanner {
        background: #A3E5DD;
        color: #181818;
        clip-path: polygon(0px 0px, 100% 0%, 85% 100%, 0px 100%);
        width: 35%;
        padding: 60px 50px 50px;
    }

    /***** OUTLET TOPIC  *****/

    .outletBanner {
        background-size: cover;
        margin-top: 50px;
    }

    .innerOutletBanner h2 {
        font-size: 40px;
        font-weight: 400;
        color: #333;
    }

    .innerOutletBanner p {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        line-height: 1.6em;
    }

    .innerOutletBanner .btn.outline {
        font-size: 20px;
        display: inline-block;
        padding: 15px 30px;
        text-transform: uppercase;
        margin: auto;
        border-color: #fff;
        color: #fff;
    }

        .innerOutletBanner .btn.outline:hover, .innerBanner .btn.outline:hover {
            border-color: #A3E5DD;
            color: #A3E5DD;
            background-color: rgba(0,0,0,0.2);
        }

    .rightOutletBanner {
        width: 100%;
        text-align: center;
        display: flex;
    }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
            visibility: visible
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0,-100%,0);
            transform: translate3d(0,-100%,0);
            visibility: visible
        }

        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    .slideInDown {
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown
    }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn
    }

    @media (min-width: 1001px) {
        .outlinedBox {
            margin: 30px 0;
        }

        #cartAndWish {
            justify-content: flex-start;
        }
    }