/* COMMON STYLES */
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@font-face {
font-family: 'Permanent Marker';
font-style: normal;
font-weight: 400;
src: local('Permanent Marker Regular'), local('PermanentMarker-Regular'), url(https://fonts.gstatic.com/s/permanentmarker/v7/Fh4uPib9Iyv2ucM6pGQMWimMp004La2Ceg.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: local('Poppins Light'), local('Poppins-Light'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLDz8Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: local('Poppins Regular'), local('Poppins-Regular'), url(https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfedw.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: local('Poppins Medium'), local('Poppins-Medium'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLGT9Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLEj6Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v5/pxiByp8kv8JHgFVrLCz7Z1xlEA.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v7/o-0IIpQlx3QUlC5A4PNr5TRF.ttf) format('truetype');
}
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v7/o-0NIpQlx3QUlC5A4PNjXhFVZNyE.ttf) format('truetype');
}
*,
body,
a {
font-family: 'Poppins', 'Noto Sans', sans-serif;
letter-spacing: 0.05em;
}
body {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000;
}
@media (min-width: 751px) {
body {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
body {
letter-spacing: 0.1em;
}
}
b,
strong {
font-weight: 600;
}
*,
:focus {
outline: 0!important;
}
a {
font-size: inherit;
}
a,
a:hover,
a:active,
a:focus {
text-decoration: none;
color: inherit;
}
.common-header-wrapper {
width: 100%;
}
.content_wrap,
.common-footer,
.header .over-header-wrapper,
.header .signin-container {
margin: 0 auto;
width: 100%;
max-width: 100%;
float: left;
}
.content_wrap:after {
content: "";
display: block;
clear: both;
}
.hasLeftNav .content_wrap .body_wrap {
position: relative;
max-width: 100%;
width: 100%;
margin: 0;
}
.content-row.full-width {
padding: 0;
}
@media screen and (min-width: 1025px) {
/* Generic content centered */
.content-row.centered {
padding: 0 15%;
}
.account .body_wrap,
.checkout .body_wrap,
body#userLogout .body_wrap,
.custserv .body_wrap {
padding: 0 15%;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
/* Generic content centered */
.content-row.centered {
padding: 0 10%;
}
.account .body_wrap,
.checkout .body_wrap,
body#userLogout .body_wrap,
.custserv .body_wrap {
padding: 0 2%;
}
}
@media only screen and (max-width: 750px) {
.account .body_wrap,
.checkout .body_wrap,
body#userLogout .body_wrap,
.custserv .body_wrap {
padding: 0px 20px 0px 20px;
}
body#category #sub-header .top-banner .cmsWrapper,
body#thumbnail #sub-header .top-banner .cmsWrapper {
display: none;
}
body#category .catalog-category-breadcrumb.fixed-mobile,
body#thumbnail .catalog-category-breadcrumb.fixed-mobile {
position: relative;
top: 0!important;
}
}
.hasLeftNav .content_wrap .left_nav {
margin-right: -100%;
width: 15%;
/* fluid width - set safe area for small desktop resolution */
}
@media screen and (min-width: 1025px) {
.hasLeftNav .content_wrap .body_wrap {
padding-left: 15%;
/* fluid width */
}
body#product.hasLeftNav .content_wrap .body_wrap {
padding-left: 0;
}
body#product.hasLeftNav .content_wrap .body_wrap .product-details-container {
padding-left: 15%;
padding-right: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
/* set safe area for small desktop resolution */
.hasLeftNav .content_wrap .body_wrap {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
}
.content-row.centered {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
}
.account .body_wrap,
body#userLogout .body_wrap,
.custserv .body_wrap {
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
}
body#product.hasLeftNav .content_wrap .body_wrap {
padding-left: 0;
}
body#product.hasLeftNav .content_wrap .body_wrap .product-details-container {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
}
}
.page {
overflow: hidden;
}
.catalog-compare-items-layers {
display: none;
}
/* Font styleguide - Tezenis Restyling */
.light {
font-weight: 300;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.semibold {
font-weight: 600;
}
.bold {
font-weight: 700;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
strike,
.strike {
text-decoration: line-through;
}
.center,
.text-center {
text-align: center;
}
.left,
.text-left {
text-align: left;
}
.right,
.text-right {
text-align: right;
}
input,
button,
select,
textarea {
border: 0;
border-radius: 0;
box-shadow: none;
}
.btn {
border-radius: 0;
box-shadow: none;
}
ul {
margin-bottom: 0;
}
/* Heading styleguide - Tezenis Restyling */
/* Usage: set variable values inside media queries to be recalculated, otherwise only first rule will be evaluated */
.heading-1a {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-1a {
font-size: 55px;
line-height: 65px;
}
}
@media (max-width: 750px) {
.heading-1a {
font-size: 35px;
line-height: 40px;
}
}
.heading-1b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-1b {
font-size: 55px;
line-height: 95px;
}
}
@media (max-width: 750px) {
.heading-1b {
font-size: 35px;
line-height: 50px;
}
}
.heading-2 {
font-weight: 500;
letter-spacing: 0.1em;
}
@media (min-width: 751px) {
.heading-2 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.heading-2 {
font-size: 23px;
line-height: 28px;
}
}
.heading-3 {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-3 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.heading-3 {
font-size: 18px;
line-height: 23px;
}
}
.heading-4 {
font-weight: 600;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-4 {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.heading-4 {
font-size: 15px;
line-height: 23px;
}
}
.heading-4a {
font-weight: 600;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-4a {
font-size: 15px;
line-height: 23px;
}
}
.heading-4b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-4b {
font-size: 15px;
line-height: 23px;
}
}
.heading-5 {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-5 {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.heading-5 {
font-size: 14px;
line-height: 19px;
}
}
.heading-5a {
font-weight: 600;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-5a {
font-size: 14px;
line-height: 19px;
}
}
.heading-5b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-5b {
font-size: 14px;
line-height: 19px;
}
}
.heading-6 {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-6 {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
.heading-6 {
font-size: 13px;
line-height: 18px;
}
}
.heading-6a {
font-weight: 600;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-6a {
font-size: 13px;
line-height: 18px;
}
}
.heading-6b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (max-width: 750px) {
.heading-6b {
font-size: 13px;
line-height: 18px;
}
}
.heading-6c {
font-weight: 400;
letter-spacing: 0.1em;
}
@media (max-width: 750px) {
.heading-6c {
font-size: 13px;
line-height: 20px;
}
}
.heading-7 {
font-weight: 500;
letter-spacing: 0.1em;
}
@media (max-width: 750px) {
.heading-7 {
font-size: 12px;
line-height: 15px;
}
}
@media (min-width: 751px) {
.heading-7a {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.heading-7a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.heading-7b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-7b {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.heading-7b {
font-size: 12px;
line-height: 15px;
}
}
.heading-7c {
font-weight: 500;
letter-spacing: 0.1em;
}
@media (min-width: 751px) {
.heading-7c {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.heading-7c {
font-size: 12px;
line-height: 15px;
}
}
.heading-7d {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
@media (min-width: 751px) {
.heading-7d {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.heading-7d {
letter-spacing: 0.1em;
}
}
.heading-8a {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
}
.heading-8b {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.heading-8b {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.heading-8b {
font-size: 11px;
line-height: 15px;
}
}
.heading-9a {
font-weight: 600;
}
@media (min-width: 751px) {
.heading-9a {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.heading-9a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.heading-9b {
font-weight: 500;
}
@media (min-width: 751px) {
.heading-9b {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.heading-9b {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
/* Default page heading */
.heading,
.custserv-wrapper .category-heading-container h1.category-heading,
.account .body_wrap .category-custserv,
.account .body_wrap .pageName,
.catalog .body_wrap .sectionName,
.catalog .body_wrap .catalog-category .sub-category-title a {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 25px;
text-align: left;
text-transform: none;
}
@media (min-width: 751px) {
.heading,
.custserv-wrapper .category-heading-container h1.category-heading,
.account .body_wrap .category-custserv,
.account .body_wrap .pageName,
.catalog .body_wrap .sectionName,
.catalog .body_wrap .catalog-category .sub-category-title a {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.heading,
.custserv-wrapper .category-heading-container h1.category-heading,
.account .body_wrap .category-custserv,
.account .body_wrap .pageName,
.catalog .body_wrap .sectionName,
.catalog .body_wrap .catalog-category .sub-category-title a {
font-size: 18px;
line-height: 23px;
}
}
@media (max-width: 750px) {
.heading,
.custserv-wrapper .category-heading-container h1.category-heading,
.account .body_wrap .category-custserv,
.account .body_wrap .pageName,
.catalog .body_wrap .sectionName,
.catalog .body_wrap .catalog-category .sub-category-title a {
text-align: center;
margin: 25px 0;
}
}
.category-heading-container {
margin: 0px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.category-heading-container {
margin-top: 25px;
}
}
.content-page-wrapper .page-row h3 {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.content-page-wrapper .page-row h3 {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.content-page-wrapper .page-row h3 {
font-size: 14px;
line-height: 19px;
}
}
/* Colors styleguide - Tezenis Restyling */
.text-violet {
color: #fa87e6;
}
.text-fuxia {
color: #ff6699;
}
.text-peach {
color: #ff6666;
}
/* format Image-Responsive, Image-Mobile */
.cms-image-responsive,
.cms-image-fitwidth {
text-align: center;
}
.cms-image-responsive img,
.cms-image-fitwidth img {
max-width: 100%;
height: auto;
}
.automatic-horizontal-slider-responsive .slick-slide img {
margin: auto;
}
@media screen and (max-width: 1024px) {
html {
overflow-x: hidden;
}
}
@media screen and (max-width: 750px) {
.banner-category-container-desktop-tablet {
display: none;
}
.banner-category-container-mobile {
float: left;
display: block !important;
max-width: 100%;
width: 100%;
height: auto;
margin-bottom: 12px;
}
#Mobile-Category-ListingPage_Area1 {
position: relative;
}
.banner-category-top-mobile {
display: block !important;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #b9b9b9;*/
font-size: 10px;
}
}
.over-header {
width: 100%;
float: left;
height: auto;
}
.content_wrap .body_wrap,
.content_wrap .body_wrap .use_border,
.common-footer,
.common-header {
background-color: transparent;
border: 0 solid transparent;
}
.hasLeftNav .content_wrap .body_wrap {
background-color: #ffffff;
border: 0 solid #ffffff;
}
.catalog-nav {
padding: 10px 0;
background-color: transparent;
}
.content_wrap .left_nav {
background-color: transparent;
border: 0 solid transparent;
}
/* Transparent header styles for managed subheader */
.transparent-header #sub-header .top-banner .cmsWrapper {
position: relative;
}
/* Scrollbar styles */
#innerBody ::-webkit-scrollbar,
#colorbox ::-webkit-scrollbar {
width: 5px;
}
#innerBody ::-webkit-scrollbar-track,
#colorbox ::-webkit-scrollbar-track {
background-color: transparent;
}
#innerBody ::-webkit-scrollbar-thumb,
#colorbox ::-webkit-scrollbar-thumb {
background-color: #cccccc;
}
/* HEADER */
.header {
height: auto;
}
.gigya-header-table {
margin: 2px -18px 2px 0;
}
.common-header {
height: 100px;
}
.search-container {
position: absolute;
}
/*CATEGORY AND SUBCATEGORY*/
.banner-category-container-desktop-tablet {
float: left;
margin-bottom: 12px;
max-width: 100%;
width: 100%;
height: auto;
}
.banner-category-container-mobile {
display: none;
}
.banner-category-top-desktop {
display: block;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #b9b9b9;*/
font-size: 10px;
}
.banner-category-top-mobile {
display: none;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #b9b9b9;*/
font-size: 10px;
}
/* Responsive classes */
@media only screen and (min-width: 1025px) {
.desktop-hidden {
display: none !important;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.tablet-hidden {
display: none !important;
}
}
@media only screen and (max-width: 750px) {
.mobile-hidden {
display: none !important;
}
}
/* ERROR PAGE */
#not-found .body_wrap {
padding: 0% 15%;
}
.common-not-found,
.common-system-error {
width: 100%;
padding-left: 40px;
font-weight: 500;
letter-spacing: 0.05em;
}
.common-not-found .heading,
.common-system-error .heading,
.common-not-found .sub-heading,
.common-system-error .sub-heading {
font-weight: 600;
text-align: left;
margin-bottom: 10px;
display: block;
}
.common-not-found .heading,
.common-system-error .heading {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.common-not-found .heading,
.common-system-error .heading {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.common-not-found .heading,
.common-system-error .heading {
font-size: 18px;
line-height: 23px;
}
}
.common-not-found .sub-heading,
.common-system-error .sub-heading {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.common-not-found .sub-heading,
.common-system-error .sub-heading {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
.common-not-found .sub-heading,
.common-system-error .sub-heading {
font-size: 13px;
line-height: 18px;
}
}
@media (min-width: 751px) {
.common-not-found,
.common-system-error {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.common-not-found,
.common-system-error {
font-size: 11px;
line-height: 15px;
}
}
.common-not-found a,
.common-system-error a,
.common-not-found a:active,
.common-system-error a:active,
.common-not-found a:hover,
.common-system-error a:hover {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
.common-not-found a:hover,
.common-system-error a:hover {
text-decoration: none;
}
/* Common style of shadowed box */
.shadowedBox {
box-shadow: 5px 5px 0px #EDEDED;
border: 1px solid #D7D7D7;
}
/* Address book styles */
.addressBookAddress {
font-weight: 500;
letter-spacing: 0.05em;
padding-top: 10px;
color: #000;
}
@media (min-width: 751px) {
.addressBookAddress {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.addressBookAddress {
font-size: 12px;
line-height: 15px;
}
}
.addressBookAddress.shippingAddress {
padding: 10px 15px;
}
/* footer uppercase fix */
.responsive-shipping-footer {
text-transform: uppercase;
}
.quickviewLoading {
color: #FFF;
top: 50%;
position: absolute;
left: 50%;
width: 300px;
height: 50px;
font-size: 25px;
margin-left: -150px;
margin-top: -25px;
text-align: center;
}
.quickviewLoadingIcon {
color: #FFF;
top: 50%;
position: absolute;
left: 50%;
width: 300px;
height: 100px;
font-size: 25px;
margin-left: -150px;
margin-top: -125px;
text-align: center;
background-image: url('/tzn-front/assets/images/icons/loading_heart_mobile.gif');
background-position: center center;
background-repeat: no-repeat;
}
.searchInProgress {
background: rgba(255, 255, 255, 0.6);
z-index: 100;
}
.searchInProgress .text {
color: #000;
}
.fake-link {
cursor: pointer;
}
.sqr-ui-blocker.active {
top: 0;
left: 0;
height: 100%;
width: 100%;
position: fixed;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
}
sqr-notificator .notification-box {
-webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
max-width: 400px;
}
sqr-notificator .notification-box .close-btn {
color: white;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
top: auto;
right: 0;
bottom: 100%;
padding: 0 0 6px 0;
}
sqr-notificator .notification-box .notification {
padding: 10px 0;
font-weight: 500;
}
sqr-notificator .notification-box .notification:before {
content: "-";
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
/* Generic content centered */
.content-row.centered {
padding: 0 10%;
}
.account .body_wrap,
.checkout .body_wrap,
body#userLogout .body_wrap,
.custserv .body_wrap {
padding: 0 2%;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
#not-found .body_wrap {
padding: 0% 10%;
}
}
@media only screen and (max-width: 750px) {
/*mobile*/
#not-found .body_wrap {
padding: 0% 20px;
}
}
/* */
.main-newsletter-container .checkRadio {
max-width: 100% !important;
}
#receipt .receipt-order-number {
padding: 0;
}
#receipt .sham-spinner-blocker {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
z-index: 100;
background: #fff;
}
#receipt .pageName {
display: none;
}
#receipt .sham-spinner-container {
margin: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#receipt .sham-spinner-container .spinner {
float: none;
margin: 0 auto 10px auto;
}
#receipt .sham-spinner-container .text {
display: block;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
#receipt .sham-spinner-container .subText {
display: block;
}
.chat-container {
display: none !important;
}
/* hide google conversion frame pixel */
img[src*="googleads"],
iframe[name=google_conversion_frame] {
display: none;
}
/* hide tracking iframe - remove default border */
iframe {
border: 0;
}
/* Common Styles Print */
@media print {
.show-on-print {
visibility: visible;
}
.hide-on-print {
display: none;
}
.checkout div.header {
display: none;
}
}
/* autocomplete widget */
.ui-autocomplete {
border: 1px solid #000;
border-top: 0;
margin: 0;
color: #737373;
background: #fff;
padding: 5px;
text-align: left;
}
.ui-autocomplete .ui-menu-item {
cursor: pointer;
}
.ui-autocomplete a {
color: inherit;
text-decoration: none;
font-size: 10px;
}
@media only screen and (min-width: 751px) {
.ui-autocomplete {
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
width: 480px!important;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) {
.ui-autocomplete {
width: 240px!important;
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
/*
-- IMPORTANTE: NON MODIFICARE QUESTE CLASSI PER MODIFICARE LO STILE DI UN PULSANTE!!! --
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
> TZN-BUTTON STYLE GUIDE >
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. Aggiungi la classe tznButton per stilizzare uno span, div, a come un bottone
2. Aggiungi al massimo 1 classe opzione per ciascuna delle seguenti categorie (step facoltativo):
- Dimensions: determina la dimensione del bottone e comportamento in mobile
- Colors: determina colore bordo, testo e sfondo bottone
- Font size: determina la dimensione del testo per adattarlo al contenuto
3. Se necessario, aggiungi ulteriori classi all'elemento per personalizzarne margini o larghezza massima
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
> DOCUMENTAZIONE CATEGORIE >
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
## Dimensions
> nessuna: pulsante di dimensione del testo che contiene
> fullWidth: pulsante a 100% larghezza in tutte le risoluzioni
> fullWidthMobile: pulsante a 100% larghezza solo in mobile
## Colors
> nessuna: pulsante trasparente, testo nero
> whiteColor: pulsante bianco, testo nero, bordo nero
> blackColor: pulsante nero, testo bianco
> greyColor: pulsante grigio, testo bianco
## Font sizes
> nessuna: dimensione carattere ereditato dal contenitore
> normalSize: per pulsante normale
> smallSize: per pulsante con testo medio-lungo
> tinySize: per pusalnte con testo lungo
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
> PRJ-LINK STYLE GUIDE >
>>>>>>>>>>>>>>>>>>>>>>>>>>>>
1. Aggiungi la classe prjLink per stilizzare uno span, div, a come un link sottolineato
2. Aggiungi al massimo 1 classe opzione per ciascuna delle seguenti categorie (step facoltativo):
- Colors: determina il colore del testo
- Font size: determina la dimensione del testo
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
> DOCUMENTAZIONE CATEGORIE PRJ-LINK >
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
## Colors
> nessuna: testo nero
## Font sizes and style
> nessuna: general link, .heading-7b, border bottom 1px
> ctaLink: call to action, .heading-7a, border bottom 3px
> guideLink: guide link, .heading-9b, border bottom 1px
-- IMPORTANTE: NON MODIFICARE QUESTE CLASSI PER MODIFICARE LO STILE DI UN PULSANTE!!! --
*/
.tznButton,
.prjButton {
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
}
@media (min-width: 751px) {
.tznButton,
.prjButton {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.tznButton,
.prjButton {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.tznButton.fullWidth,
.prjButton.fullWidth {
display: block;
width: 100%;
}
.tznButton.blackColor,
.prjButton.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.tznButton.blackColor,
.prjButton.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.tznButton.blackColor,
.prjButton.blackColor {
font-size: 12px;
line-height: 15px;
}
}
.tznButton.whiteColor,
.prjButton.whiteColor {
background-color: #FFF;
color: #000;
}
.tznButton.greyColor,
.prjButton.greyColor {
background-color: #959595;
color: #FFF;
}
.tznButton.lightgreyColor,
.prjButton.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
.tznButton.smallSize,
.prjButton.smallSize {
font-size: 12px;
}
.tznButton.tinySize,
.prjButton.tinySize {
font-size: 10px;
}
/* Hover stiles */
.greyColor:hover {
background-color: #666666!important;
}
.whiteColor:hover {
background-color: #000!important;
color: #FFF!important;
}
.lightgreyColor:hover {
background-color: #000!important;
color: #FFF!important;
}
.blackColor:hover {
background-color: #666666!important;
border-color: #666666!important;
color: #FFF!important;
}
@media screen and (max-width: 750px) {
.tznButton,
.prjButton {
/* height 45px as desktop */
padding-top: 14px;
padding-bottom: 12px;
/* Dimensions */
}
.tznButton.fullWidthMobile,
.prjButton.fullWidthMobile {
display: block;
width: 100%!important;
}
}
#cancelOrderForm .buttonRow .tznButton {
min-width: 50px;
}
/* Tezenis Restyling Links */
.prjLink {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
@media screen and (min-width: 751px) {
.prjLink {
font-weight: 500;
letter-spacing: 0.05em;
/* Font Sizes and Styles */
}
.prjLink.ctaLink {
border-bottom: 3px solid;
}
.prjLink.guideLink {
font-weight: 500;
font-weight: 600 !important;
}
}
@media screen and (min-width: 751px) and (min-width: 751px) {
.prjLink {
font-size: 13px;
line-height: 20px;
}
}
@media screen and (min-width: 751px) and (max-width: 750px) {
.prjLink {
font-size: 12px;
line-height: 15px;
}
}
@media screen and (min-width: 751px) and (min-width: 751px) {
.prjLink.ctaLink {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media screen and (min-width: 751px) and (max-width: 750px) {
.prjLink.ctaLink {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media screen and (min-width: 751px) and (min-width: 751px) {
.prjLink.guideLink {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media screen and (min-width: 751px) and (max-width: 750px) {
.prjLink.guideLink {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media screen and (max-width: 750px) {
.prjLink {
font-weight: 500;
letter-spacing: 0.05em;
/* Font Sizes and Styles */
}
.prjLink.ctaLink {
font-weight: 500;
letter-spacing: 0.05em;
border-bottom: 3px solid;
}
.prjLink.guideLink {
font-weight: 500;
font-weight: 600 !important;
text-transform: uppercase !important;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.prjLink {
font-size: 13px;
line-height: 18px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.prjLink.ctaLink {
font-size: 13px;
line-height: 18px;
}
}
@media screen and (max-width: 750px) and (min-width: 751px) {
.prjLink.guideLink {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.prjLink.guideLink {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
input[type=button].disabled,
.tznButton.disabled {
color: #ccc !important;
border-color: #ccc !important;
pointer-events: none;
}
.regularWrapper {
border-top: 1px solid #D7D7D7;
}
.regularWrapper .regularWrapperHeader {
margin: -10px 0;
position: absolute;
}
@media (min-width: 751px) {
.regularWrapper .regularWrapperHeader {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.regularWrapper .regularWrapperHeader {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.regularWrapper .regularWrapperHeader .regularWrapperTextWrap {
padding-right: 5px;
background: #FFF;
}
.regularWrapper .regularWrapperContainer {
padding: 5px 0;
}
.regularWrapper .regularWrapperContainer .regularInnerBox.leftPosition {
float: left;
width: 50%;
}
.regularWrapper .regularWrapperContainer .regularInnerBox.halfWidthDesktop {
float: left;
width: 50%;
}
.regularWrapper .regularWrapperContainer .regularInnerBox.rightPosition {
float: left;
width: 50%;
}
.regularWrapper .regularWrapperContainer .regularInnerBox .regularInnerBoxLabel {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
color: #cccccc;
text-transform: uppercase;
margin-top: 20px;
}
/* Mobile */
@media screen and (max-width: 750px) {
.regularWrapper .regularWrapperContainer .regularInnerBox.halfWidthDesktop {
float: none;
width: 100%;
}
.regularWrapper .regularWrapperHeader {
display: block;
width: 100%;
text-align: center;
position: inherit;
}
.regularWrapper .regularWrapperHeader .regularWrapperTextWrap {
padding: 0 5px;
display: inline-block;
font-weight: 600;
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.regularWrapper .regularWrapperHeader .regularWrapperTextWrap {
font-size: 14px;
line-height: 19px;
}
}
/*ICONS*/
.i-arrow-filmstrip {
background-image: url(../assets/images/icons/arrow-filmstrip.png);
background-repeat: no-repeat;
}
.black-left,
.black-right,
.white-left,
.white-right {
width: 7px;
height: 23px;
}
.black-left {
background-position: 0px 0px;
}
.black-right {
background-position: -7px 0px;
}
.white-left {
background-position: -14px 0px;
}
.white-right {
background-position: -21px 0px;
}
.i-arrow-navigation {
background-image: url(../assets/images/icons/arrow-navigation.png);
background-repeat: no-repeat;
}
.navigation-black-down,
.navigation-black-up,
.navigation-black-right,
.navigation-black-left,
.navigation-grey-right,
.navigation-grey-left,
.navigation-grey-down,
.navigation-grey-up {
width: 7px;
height: 7px;
}
.navigation-black-down {
background-position: 0px 0px;
}
.navigation-black-up {
background-position: -13px 0px;
}
.navigation-black-right {
background-position: 0px -11px;
}
.navigation-black-left {
background-position: -13px -11px;
}
.navigation-grey-right {
background-position: -29px 0px;
}
.navigation-grey-left {
background-position: -41px 0px;
}
.navigation-grey-down {
background-position: -27px -14px;
}
.navigation-grey-up {
background-position: -39px -14px;
}
.i-button-footer {
background-image: url(../assets/images/icons/button-footer.png);
background-repeat: no-repeat;
}
.store-button,
.delivery-option-button,
.contact-button,
.giftcard-button {
width: 245px;
height: 80px;
}
.store-button {
background-position: 0px 0px;
}
.delivery-option-button {
background-position: -255px 0px;
}
.contact-button {
background-position: -512px 0px;
}
.giftcard-button {
background-position: -768px 0px;
}
.i-check {
background-image: url(../assets/images/icons/check-icon.png);
background-repeat: no-repeat;
}
.checkfull,
.checkempty {
width: 9px;
height: 9px;
}
.checkfull {
background-position: 0px 0px;
}
.checkempty {
background-position: -14px 0px;
}
.i-close {
background-image: url(../assets/images/icons/close-icon.png);
background-repeat: no-repeat;
}
.i-close-black,
.i-close-white {
width: 22px;
height: 22px;
}
.i-close-black {
background-position: 0px 0px;
}
.i-close-white {
background-position: -14px 0px;
margin-right: 3px;
}
.i-home-country-search {
background-image: url(../assets/images/icons/home-country-search.png);
background-repeat: no-repeat;
}
.home,
.country,
.bag,
.bag-slash {
width: 21px;
height: 17px;
}
.home {
background-position: 0px 0px;
margin-top: -2px;
}
.country {
background-position: -21px 0px;
}
.bag {
background-position: -61px 0px;
}
.bag-slash {
background-position: -61px 2px;
}
.bag {
background-position: -61px 0px;
}
.bag-slash {
background-position: -61px 2px;
}
.i-footer {
background-image: url(../assets/images/icons/icons-footer.png);
background-repeat: no-repeat;
}
.store,
.contact-footer,
.gift,
.store-hover,
.contact-footer-hover,
.gift-hover {
width: 35px;
height: 35px;
}
.store {
background-position: 0px 0px;
display: inherit;
margin: 0 auto;
margin-bottom: 5px;
}
.deliveryoption {
width: 67px;
height: 35px;
background-position: -48px 0px;
display: inherit;
margin: 0 auto;
margin-bottom: 5px;
}
.contact-footer {
background-position: -125px 0px;
display: inherit;
margin: 0 auto;
margin-bottom: 5px;
}
.gift {
background-position: -185px 0px;
display: inherit;
margin: 0 auto;
margin-bottom: 5px;
}
.store:hover {
background-position: 0px -40px;
width: 35px;
height: 35px;
}
.deliveryoption:hover {
width: 67px;
height: 35px;
background-position: -48px -40px;
}
.contact-footer:hover {
background-position: -125px -40px;
width: 35px;
height: 35px;
}
.gift:hover {
background-position: -185px -40px;
width: 35px;
height: 35px;
}
.i-pager {
background-image: url(../assets/images/icons/pager.png);
background-repeat: no-repeat;
}
.pagerselect,
.pagernotselect {
width: 8px;
height: 8px;
}
.pagerselect {
background-position: 0px 0px;
}
.pagernotselect {
background-position: -22px 0px;
}
.i-store-locator-link {
background-image: url('../assets/images/icons/store-locator-link.jpg');
background-repeat: no-repeat;
width: 14px;
height: 20px;
margin-left: 10px;
}
.i-wishlist-contact-addtobag {
background-image: url(../assets/images/icons/svg/shopping_bag.svg);
background-repeat: no-repeat;
margin: -7px;
}
.i-social-icons-footer {
background-image: url(../assets/images/icons/social-icons-footer.png);
background-repeat: no-repeat;
}
.facebook-footer,
.twitter-footer,
.instagram-footer,
.youtube-footer {
width: 21px;
height: 17px;
}
.facebook-footer {
background-position: 0px 0px;
display: inherit;
float: left;
}
.twitter-footer {
background-position: -21px 0px;
display: inherit;
float: left;
margin-left: 15%;
}
.instagram-footer {
background-position: -42px 0px;
float: left;
margin-left: 15%;
}
.youtube-footer {
background-position: -65px 0px;
float: left;
margin-left: 15%;
}
.i-view-select {
background-image: url(../assets/images/icons/view-select.png);
background-repeat: no-repeat;
}
.three-lines-black,
.six-lines-black {
width: 25px;
height: 21px;
}
.three-lines-black {
background-position: 0px 0px;
}
.six-lines-black {
background-position: -27px 0px;
}
.i-view-not-select {
background-image: url(../assets/images/icons/view-not-select.png);
background-repeat: no-repeat;
}
.three-lines-grey,
.six-lines-grey {
width: 25px;
height: 21px;
}
.three-lines-grey {
background-position: 0px 0px;
}
.six-lines-grey {
background-position: -27px 0px;
}
/* Payment Icons */
.i-payment-card {
background-image: url(../assets/images/icons/payments.png);
background-repeat: no-repeat;
}
.visa,
.mastercard,
.visaelectron,
.maestro {
width: 40px;
height: 30px;
}
.americanexpress {
width: 27px;
height: 30px;
}
.sofort,
.postepay {
width: 57px;
height: 30px;
}
.paypal,
.contrassegno,
.comodo {
width: 67px;
height: 30px;
}
.visa {
background-position: -239px 0;
}
.mastercard {
background-position: -81px 0;
}
.visaelectron {
background-position: -133px 0;
}
.maestro {
background-position: -186px 0;
}
.americanexpress {
background-position: -291px 0;
}
.sofort {
background-position: -330px 0;
}
.postepay {
background-position: -398px 0;
}
.paypal {
background-position: 0 0;
}
.contrassegno {
background-position: -466px 0;
}
.comodo {
background-position: -542px 0;
}
/* Old Payment Icons */
.ideal {
width: 33px;
height: 21px;
background-image: url(../assets/images/icons/payment-card.png);
background-position: -177px 0px;
float: left;
margin-left: 4%;
}
.trustwave {
width: 67px;
height: 36px;
background-image: url(../assets/images/icons/payment-card.png);
background-position: -71px -86px;
float: left;
margin-left: 28%;
margin-top: 2%;
}
/* end Payment Icons */
.i-social-filmstrip-header {
background-image: url(../assets/images/icons/social-filmstrip-header.png);
background-repeat: no-repeat;
width: 255px;
height: 42px;
}
.facebook-header,
.twitter-header,
.google-header,
.printerest-header,
.tumblr-header {
width: 43px;
height: 42px;
margin-right: 10px;
}
.facebook-header {
background-position: 0px 0px;
}
.twitter-header {
background-position: -53px 0px;
}
.google-header {
background-position: -106px 0px;
}
.printerest-header {
background-position: -159px 0px;
}
.tumblr-header {
background-position: -212px 0px;
}
.i-view-select-mobile {
background-image: url(../assets/images/icons/mobile/view-select.png);
background-repeat: no-repeat;
}
.three-lines-black,
.two-lines-black {
width: 25px;
height: 25px;
}
.three-lines-black {
background-position: 0px 0px;
}
.two-lines-black {
background-position: -29px 0px;
}
.i-view-not-select-mobile {
background-image: url(../assets/images/icons/mobile/view-not-select.png);
background-repeat: no-repeat;
}
.three-lines-grey,
.two-lines-grey {
width: 25px;
height: 25px;
}
.three-lines-grey {
background-position: 0px 0px;
}
.two-lines-grey {
background-position: -29px 0px;
}
.i-user-signout-mobile {
background-image: url(../assets/images/icons/mobile/user-sign-out.png);
background-repeat: no-repeat;
}
.user,
.signout {
width: 25px;
height: 25px;
}
.user {
background-position: 0px 0px;
}
.signout {
background-position: -25px 0px;
}
.i-eye-arrow-wishlist {
background-image: url(../assets/images/icons/eye-arrow-wishlist.png);
background-repeat: no-repeat;
}
.eye,
.arrow,
.wishlist-empty,
.wishlist-full {
width: 30px;
height: 30px;
}
.eye {
background-position: 0px 0px;
}
.arrow {
background-position: -30px 0px;
}
.wishlist-empty {
background-position: -60px 0px;
}
.wishlist-full {
background-position: -90px 0px;
}
.close-floating-menu {
width: 9px;
height: 9px;
background-image: url(../assets/images/icons/close-menu.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.i-social-product-icons {
background-image: url(../assets/images/icons/social-icons-product.png);
background-repeat: no-repeat;
}
.facebook,
.twitter,
.google,
.whatsapp,
.mail {
width: 22px;
height: 22px;
float: left;
margin-top: 25px;
margin-right: 25px;
}
.facebook {
background-position: 0px 0px;
}
.twitter {
background-position: -22px 0px;
}
.google {
background-position: -44px 0px;
}
.whatsapp {
background-position: -66px 0px;
}
.mail {
background-position: -88px 0px;
}
.i-arrow-filmstrip-product-page {
background-image: url(../assets/images/icons/arrow-filmstrip-product-page.png);
background-repeat: no-repeat;
}
.i-arrow-filmstrip-product-page .left,
.i-arrow-filmstrip-product-page .right {
width: 9px;
height: 13px;
float: left;
}
.i-arrow-filmstrip-product-page .left {
background-position: 0px 0px;
}
.i-arrow-filmstrip-product-page .right {
background-position: -9px 0px;
}
.i-counter {
background-image: url(../assets/images/icons/counter.png);
background-repeat: no-repeat;
}
.less,
.more {
width: 39px;
height: 39px;
}
.less {
background-position: -4px -4px;
}
.more {
background-position: -43px -4px;
}
.i-smile-error {
background-image: url(../assets/images/icons/smile-error.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-position: 0px 0px;
float: left;
margin-right: 5px;
}
.i-smile-correct {
background-image: url(../assets/images/icons/smile-correct.png);
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-position: 0px 0px;
display: inline-block;
float: left;
margin-right: 6px;
}
.i-arrowwhite-filmstrip-product-page {
background-image: url(../assets/images/icons/mobile/arrow-product.png);
background-repeat: no-repeat;
}
.left-arr,
.right-arr {
width: 30px;
height: 30px;
position: absolute;
}
.left-arr {
background-position: 0px 0px;
float: left;
left: 0;
}
.right-arr {
background-position: -30px 0px;
float: right;
right: 0;
}
.i-arrowblack-filmstrip-product-page {
background-image: url(../assets/images/icons/mobile/arrow-product-black.png);
background-repeat: no-repeat;
}
.left,
.right {
width: 28px;
height: 28px;
float: left;
}
.left {
background-position: 0px 0px;
}
.right {
background-position: -28px 0px;
margin-left: 8px;
}
.i-arrow-menu-mobile {
background-image: url(../assets/images/icons/mobile/arrow-menu-mobile.png);
background-repeat: no-repeat;
width: 11px;
height: 15px;
float: left;
background-position: 0px 0px;
}
.i-arrow-table-mobile {
background-image: url(../assets/images/icons/mobile/select-arrow.png);
background-repeat: no-repeat;
width: 11px;
height: 15px;
float: none;
background-position: 0px 0px;
margin-left: 5px;
margin-top: 2px;
}
.i-arrowback-menu-mobile {
background-image: url(../assets/images/icons/mobile/arrow-back-mobile-menu.png);
background-repeat: no-repeat;
width: 8px;
height: 11px;
background-position: 0px 0px;
}
.i-user-menu-mobile {
background-image: url(../assets/images/icons/mobile/user-icons.png);
background-repeat: no-repeat;
}
.userIn,
.userOut {
width: 22px;
height: 22px;
}
.userIn {
background-position: 0px 0px;
}
.userOut {
background-position: -22px 0px;
}
.i-close-menu-mobile {
background-image: url(../assets/images/icons/mobile/close-menu.png);
background-repeat: no-repeat;
width: 18px;
height: 18px;
background-position: 0px 0px;
}
.i-shopping-bag {
background-image: url(../assets/images/icons/clock-customer.png);
background-repeat: no-repeat;
float: left;
}
.clock,
.customer {
width: 22px;
height: 21px;
margin-right: 11px;
margin-top: -3px;
}
.clock {
background-position: 0px 0px;
}
.customer {
background-position: -22px 0px;
}
.i-wishlist-icon {
background-image: url(../assets/images/icons/wishlist_icon.png);
background-repeat: no-repeat;
width: 19px;
height: 19px;
background-position: 0px -1px;
margin-right: 10px;
vertical-align: middle;
}
.i-sda-icon {
background-image: url(../assets/images/icons/sda_icon.png);
background-repeat: no-repeat;
width: 45px;
height: 16px;
background-position: 0px 0px;
margin-top: 5px;
margin-right: 9px;
float: left;
}
.i-securepayment-icon {
background-image: url(../assets/images/icons/secure-payment.png);
background-repeat: no-repeat;
width: 45px;
height: 25px;
background-position: 0px 0px;
float: left;
margin-right: 9px;
}
.i-paycard-icon {
background-image: url(../assets/images/icons/payment-card-inline.png);
background-repeat: no-repeat;
width: 327px;
height: 23px;
background-position: 0px 0px;
float: left;
margin-bottom: 21px;
}
.i-edit-icon {
background-image: url(../assets/images/icons/mobile/edit.png);
background-repeat: no-repeat;
width: 17px;
height: 17px;
background-position: 0px 1px;
margin-right: 11px;
}
.i-bag-icon {
background-image: url(../assets/images/img/bag-icon.png);
background-repeat: no-repeat;
width: 70px;
height: 71px;
background-position: 0px 0px;
}
.i-arrow-down-filmstrip-social-mobile {
background-image: url(../assets/images/icons/mobile/arrow_down_filmstrip_social_mobile.png);
background-repeat: no-repeat;
width: 9px;
height: 5px;
background-position: 0px 0px;
float: right;
margin-top: 7px;
margin-right: 3%;
margin-left: 5%;
}
.i-arrow-down-filmstrip-social-mobile .arrow-up {
background-position: 0px 7px;
}
.i-arrow-down-ensemble {
background-image: url(../assets/images/icons/arrow_down_ensamble.png);
background-repeat: no-repeat;
width: 10px;
height: 11px;
background-position: 0px 0px;
}
.i-information {
background-image: url(../assets/images/icons/information.png);
background-repeat: no-repeat;
width: 19px;
height: 19px;
background-position: 0px 0px;
}
.i-arrow-back {
background-image: url(../assets/images/icons/mobile/arrow-back.png);
background-repeat: no-repeat;
width: 12px;
height: 11px;
background-position: 0px 0px;
}
.i-calendar {
background-image: url(../assets/images/icons/mobile/calendar.png);
background-repeat: no-repeat;
width: 12px;
height: 11px;
background-position: 0px 0px;
}
.i-zoom {
background-image: url(../assets/images/icons/zoom.png);
background-repeat: no-repeat;
margin-right: 8px;
width: 16px;
height: 17px;
background-position: 0px 0px;
vertical-align: text-bottom;
}
.i-arrow-menu-my-account {
background-image: url(../assets/images/icons/mobile/arrow-menu-mobile.png);
background-repeat: no-repeat;
width: 15px;
height: 15px;
float: left;
background-position: 0px 0px;
float: right;
cursor: pointer;
}
.i-pdf-download {
background-image: url(../assets/images/icons/pdf_download.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.i-pdf-download-mini {
background-image: url(../assets/images/icons/pdf-download-mini.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.i-return-order {
background-image: url(../assets/images/icons/order-return-icon.png);
background-repeat: no-repeat;
background-position: left center;
}
.i-delete-order {
background-image: url(../assets/images/icons/order-delete-icon.png);
background-repeat: no-repeat;
background-position: left center;
}
.i-track-order {
background-image: url(../assets/images/icons/order-track-icon.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.mfp-arrow {
width: 40px;
height: 40px;
margin-top: -20px;
background-position: center;
}
.mfp-arrow:hover,
.mfp-arrow:active,
.mfp-arrow:focus {
margin-top: -20px;
/* reset default */
}
.mfp-arrow-left,
.mfp-arrow-right {
background-position: center center!important;
}
@media screen and (min-width: 1025px) {
.mfp-gallery .mfp-close {
width: 25px;
height: 25px;
background-image: url(../assets/images/icons/icon-close-gallery.png);
}
.mfp-gallery .mfp-arrow-left {
background: transparent url(../assets/images/icons/arrow-gallery-left.png) no-repeat;
}
.mfp-gallery .mfp-arrow-right {
background: transparent url(../assets/images/icons/arrow-gallery-right.png) no-repeat;
}
}
@media screen and (max-width: 1024px) {
.mfp-gallery .mfp-arrow-left {
background: transparent url(../assets/images/icons/mobile/arrow-gallery-left.png) no-repeat;
}
.mfp-gallery .mfp-arrow-right {
background: transparent url(../assets/images/icons/mobile/arrow-gallery-right.png) no-repeat;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.mfp-gallery .mfp-close {
width: 13px;
height: 13px;
background-image: url(../assets/images/icons/mobile/icon-close-gallery-tablet.png);
}
body.isNotEcommerce .i-store-locator-link {
margin-left: 5px;
}
}
@media screen and (max-width: 750px) {
.mfp-gallery .mfp-close,
.close-map {
width: 15px;
height: 15px;
background-image: url(../assets/images/icons/mobile/icon-close-gallery.png);
}
body.isNotEcommerce .i-store-locator-link {
margin-left: 0;
}
body.isNotEcommerce .i-wishlist-contact-addtobag {
margin-right: 0;
}
}
.i-print-order {
background-image: url(../assets/images/icons/print.png);
background-repeat: no-repeat;
width: 18px;
height: 18px;
background-position: 0px 0px;
cursor: pointer;
margin-right: 10px;
vertical-align: middle;
}
.i-check-circle {
width: 17px;
height: 17px;
background-image: url(../assets/images/icons/check-circle.png);
background-repeat: no-repeat;
}
.i-wishlist,
.i-wishlist-added,
.i-wishlist-added-black,
.i-wishlist-added-white {
width: 26px;
height: 26px;
background-image: url(../assets/images/icons/eye-arrow-wishlist.png);
background-repeat: no-repeat;
}
.i-wishlist {
background-position: -62px 0;
}
.i-wishlist-added {
background-position: -121px 0;
}
.i-wishlist-added-black {
background-position: -150px 0;
}
.i-wishlist-added-white {
background-position: -180px 0;
}
/****************************************************
*
* Tezenis restyling icons
*
*****************************************************/
[class^="icon-"],
[class*=" icon-"] {
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
background-repeat: no-repeat;
background-size: cover;
}
.icon-close {
background-image: url(../assets/images/icons/close.png);
}
.icon-close-white {
background-image: url(../assets/images/icons/close_white.png);
}
.icon-arrow-down {
background-image: url(../assets/images/icons/svg/arrow_down.svg);
}
.icon-arrow-down-white {
background-image: url(../assets/images/icons/svg/arrow_down_white.svg);
}
.icon-arrow-left {
background-image: url(../assets/images/icons/svg/arrow_left_02.svg);
}
.icon-arrow-left-large {
background-image: url(../assets/images/icons/svg/arrow_left_01.svg);
}
.icon-arrow-left-slider {
background-image: url(../assets/images/icons/arrow-slider-left.png);
background-size: contain;
}
.icon-arrow-right {
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
}
.icon-arrow-right-large {
background-image: url(../assets/images/icons/svg/arrow_right_01.svg);
}
.icon-arrow-right-large_white {
background-image: url(../assets/images/icons/svg/arrow_right_01_white.svg);
}
.icon-arrow-right-slider {
background-image: url(../assets/images/icons/arrow-slider-right.png);
background-size: contain;
}
.icon-arrow-up {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
}
.icon-bag {
background-image: url(../assets/images/icons/svg/shopping_bag.svg);
}
.icon-bag-grey {
background-image: url(../assets/images/icons/icon-bag-grey.png);
}
.icon-bag-listing {
background-image: url(../assets/images/icons/icon-bag-listing.png);
background-size: contain;
}
.icon-bag-white {
background-image: url(../assets/images/icons/svg/shopping_bag_white.svg);
}
.icon-call {
background-image: url(../assets/images/icons/svg/call.svg);
width: 25px;
height: 28px;
background-size: contain;
}
.icon-chat {
background-image: url(../assets/images/icons/svg/chat.svg);
width: 30px;
height: 28px;
}
.icon-chat-online {
background-image: url(../assets/images/icons/svg/chat_online.svg);
width: 30px;
height: 28px;
}
.icon-check {
background-image: url(../assets/images/icons/svg/check.svg);
}
.icon-comingsoon {
background-image: url(../assets/images/icons/icon-comingsoon.png);
}
.icon-giftcard {
background-image: url(../assets/images/icons/svg/gift_card.svg);
width: 26px;
background-size: contain;
}
.icon-hamburger {
background-image: url(../assets/images/icons/svg/menu.svg);
}
.icon-info {
background-image: url(../assets/images/icons/svg/info.svg);
}
.icon-login {
background-image: url(../assets/images/icons/svg/login.svg);
width: 18px;
}
.icon-mail {
background-image: url(../assets/images/icons/svg/newsletter.svg);
width: 30px;
height: 23px;
margin-top: 9px;
background-size: contain;
}
.icon-minus {
background-image: url(../assets/images/icons/minus.png);
background-size: contain;
}
.icon-newsletter {
background-image: url(../assets/images/icons/svg/newsletter.svg);
width: 30px;
}
.icon-plus {
background-image: url(../assets/images/icons/svg/plus.svg);
}
.icon-quantity-minus {
background-image: url(../assets/images/icons/svg/quantity_minus.svg);
}
.icon-quantity-plus {
background-image: url(../assets/images/icons/svg/quantity_plus.svg);
}
.icon-search {
background-image: url(../assets/images/icons/svg/search.svg);
}
.icon-share {
background-image: url(../assets/images/icons/svg/share.svg);
}
.icon-shipping {
background-image: url(../assets/images/icons/svg/shipping.svg);
width: 26px;
background-size: contain;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.icon-soldout {
background-image: url(../assets/images/icons/svg/not_available_item.svg);
height: 22px;
}
.icon-store {
background-image: url(../assets/images/icons/svg/store.svg);
background-size: contain;
background-position: center;
}
.icon-wishlist {
background-image: url(../assets/images/icons/svg/wish.svg);
background-position: 0 center;
}
.icon-wishlist:hover {
background-position: 50% center;
}
.icon-wishlist.added,
.icon-wishlist.item-added {
background-position: 50% center;
pointer-events: none;
}
.icon-wishlist.header-wishlist,
.icon-wishlist.header-wishlist:hover {
background-position: 100% center;
}
.icon-users {
background-image: url(../assets/images/icons/users.png);
width: 27px;
}
.icon-orders {
background-image: url(../assets/images/icons/my-orders.png);
}
.icon-friend {
background-image: url(../assets/images/icons/friend.png);
width: 26px;
}
.icon-scooter {
background-image: url(../assets/images/icons/icon-scooter.png);
width: 48px;
height: 32px;
}
.icon-return {
background-image: url(../assets/images/icons/svg/return.svg);
width: 23px;
}
.icon-tryon {
background-image: url(../assets/images/icons/svg/tryon_01.svg);
width: 30px;
height: 30px;
background-size: contain;
}
.icon-customer-service {
background-image: url(../assets/images/icons/svg/customer_service.svg);
background-size: contain;
}
.icon-addresses {
background-image: url(../assets/images/icons/svg/addresses.svg);
background-size: contain;
}
.icon-login-Facebook {
background-image: url(../assets/images/icons/svg/social/FACEBOOK.svg);
}
.icon-login-Googleplus {
background-image: url(../assets/images/icons/svg/social/GOOGLEPLUS.svg);
}
.icon-login-Instagram {
background-image: url(../assets/images/icons/svg/social/INSTAGRAM.svg);
}
.icon-login-LinkedIn {
background-image: url(../assets/images/icons/svg/social/LINKEDIN.svg);
}
.icon-login-Paypal {
background-image: url(../assets/images/icons/svg/social/PAYPAL_P.svg);
}
.icon-login-Twitter {
background-image: url(../assets/images/icons/svg/social/TWITTER.svg);
}
.icon-login-Vk {
background-image: url(../assets/images/icons/svg/social/VK.svg);
}
.icon-login-Vkontakte {
background-image: url(../assets/images/icons/svg/social/VK.svg);
}
.icon-login-Yahoo {
background-image: url(../assets/images/icons/svg/social/YAHOO.svg);
}
.icon-loading-store {
width: 26px;
height: 25px;
background-image: url(../assets/images/icons/tezenis-loading-store-locator-tez.gif);
}
/****************************************************
*
* TEZENIS RESTYLING
*
*****************************************************/
.left_nav {
margin: 0;
}
/* .left_nav,*/
.catalog-nav {
position: relative;
z-index: 1;
}
.catalog-nav {
padding: 0 0 0 40px;
text-align: left;
}
.catalog-nav ul {
margin-bottom: 0;
}
.catalog-nav .menu-item {
color: black;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.catalog-nav .menu-item {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.catalog-nav .menu-item {
font-size: 12px;
line-height: 15px;
}
}
.section > .menu-item {
letter-spacing: 0.1em !important;
}
.section > .menu-item,
.category > .menu-item,
.subcategory > .menu-item {
position: relative;
}
.section,
.category {
margin-bottom: 4px;
}
.subcategory {
margin-bottom: 5px;
}
.subcategory > .menu-item {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.subcategory > .menu-item {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.subcategory > .menu-item {
font-size: 11px;
line-height: 15px;
}
}
.sale .menu-item {
color: inherit;
}
/* Managed Links */
.section.managed.content-item .cmsWrapper {
margin-top: 28px;
}
.section.managed.content-item + .content-item .cmsWrapper {
margin-top: 0;
}
.section.managed.promo-item .cmsWrapper {
margin-top: 28px;
}
.section.managed.promo-item + .promo-item .cmsWrapper {
margin-top: 0;
}
/* Managed links content */
.customLinkWrap .customLink,
.customLinkWrap .customLinkParent,
.customLinkWrap .customLinkChild {
margin-bottom: 4px;
}
.customLinkWrap .customLink a,
.customLinkWrap .customLinkParent a,
.customLinkWrap .customLinkChild a {
color: black;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
}
@media (min-width: 751px) {
.customLinkWrap .customLink a,
.customLinkWrap .customLinkParent a,
.customLinkWrap .customLinkChild a {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.customLinkWrap .customLink a,
.customLinkWrap .customLinkParent a,
.customLinkWrap .customLinkChild a {
font-size: 12px;
line-height: 15px;
}
}
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a {
letter-spacing: 0.1em !important;
}
.customLinkWrap .customLinkParent .categories {
display: none;
}
.customLinkWrap .customLinkParent.selected .categories {
display: block;
}
/* Managed Content Promo */
.managed-contents-area .cmsWrapper {
margin: 28px 0;
}
.managed-contents-area .cmsWrapper a {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.managed-contents-area .cmsWrapper a {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.managed-contents-area .cmsWrapper a {
font-size: 11px;
line-height: 15px;
}
}
/* My Account menu items */
.menu-area-container.my-account .section .categories {
display: none;
}
.menu-area-container.my-account .section.selected .categories {
display: block;
}
/* TODO: activate this styles only if menu-item as block elements (truncate text after first line, not working properly if menu-item on 2 lines) */
/*
.section > .menu-item > .border,
.category > .menu-item > .border,
.subcategory > .menu-item > .border,
.customLinkWrap .customLink > a:after,
.customLinkWrap .customLinkParent > a:after,
.customLinkWrap .customLinkChild > a:after{
content: " ";
position: absolute;
width: 0;
height: 1px;
left: 0;
top:100%;
margin: -2px 0 0 0;
background-color: transparent;
}
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
.heading-7a;
}
.section.selected > .menu-item > .border,
.category.selected > .menu-item > .border,
.subcategory.selected > .menu-item > .border,
.customLinkWrap .customLink.selected > a:after,
.customLinkWrap .customLinkParent.selected > a:after,
.customLinkWrap .customLinkChild.selected > a:after {
width: 100%;
background-color: #000;
.transition(all @defAnimType 0.3s);
}
*/
/* TODO: activate this styles if menu-item as inline elements, fix behaviour if text on 2 lines (doesn't need to truncate text after first line) */
@media (min-width: 751px) {
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.section > .menu-item,
.category > .menu-item,
.subcategory > .menu-item,
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a,
.customLinkWrap .customLinkChild > a {
border-bottom: 1px solid;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.section.selected > .menu-item,
.category.selected > .menu-item,
.subcategory.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a,
.customLinkWrap .customLinkChild.selected > a {
border-bottom-color: inherit!important;
}
@media only screen and (min-width: 1025px) {
/****************************************************
*
* DESKTOP
*
*****************************************************/
.left_nav {
max-width: 250px!important;
}
/* TODO: activate this styles only if menu-item as block elements (truncate text after first line, not working properly if menu-item on 2 lines) */
/*
.section > .menu-item:hover > .border,
.category > .menu-item:hover > .border,
.subcategory > .menu-item:hover > .border,
.customLinkWrap .customLink > a:hover:after,
.customLinkWrap .customLinkParent > a:hover:after,
.customLinkWrap .customLinkChild > a:hover:after{
width: 100%;
background-color: #000;
.transition(all @defAnimType 0.3s);
}
*/
.section > .menu-item:not(:hover),
.category > .menu-item:not(:hover),
.subcategory > .menu-item:not(:hover),
.customLinkWrap .customLink > a:not(:hover),
.customLinkWrap .customLinkParent > a:not(:hover),
.customLinkWrap .customLinkChild > a:not(:hover) {
border-bottom-color: transparent;
}
}
@media only screen and (min-width: 751px) {
/****************************************************
*
* DESKTOP/TABLET
*
*****************************************************/
.section.selected .categories,
.customLinkWrap .customLinkParent.selected .categories {
padding: 28px 0 20px 20px;
}
.category.selected > .menu-item:before,
.customLinkWrap .customLinkChild.selected > a:before {
content: "";
margin: 0 10px 0 0;
position: absolute;
right: 100%;
top: 8px;
width: 10px;
border-bottom: 1px solid;
}
.category.selected .subcategories {
padding: 5px 0 0 20px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
/****************************************************
*
* TABLET
*
*****************************************************/
.section > .menu-item,
.category > .menu-item {
color: black;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.05em;
}
.subcategory > .menu-item {
color: black;
text-decoration: none;
font-weight: 500;
letter-spacing: 0.05em;
}
.section:not(.selected) > .menu-item,
.category:not(.selected) > .menu-item,
.subcategory:not(.selected) > .menu-item,
.customLinkWrap .customLink:not(.selected) > a,
.customLinkWrap .customLinkParent:not(.selected) > a,
.customLinkWrap .customLinkChild:not(.selected) > a {
border-bottom-color: transparent;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.section > .menu-item,
.category > .menu-item {
font-size: 13px;
line-height: 20px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.section > .menu-item,
.category > .menu-item {
font-size: 12px;
line-height: 15px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.subcategory > .menu-item {
font-size: 11px;
line-height: 18px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.subcategory > .menu-item {
font-size: 11px;
line-height: 15px;
}
}
@media screen and (max-width: 1024px) {
/****************************************************
*
* MOBILE/TABLET
*
*****************************************************/
body.mobile-menu-open {
overflow-y: hidden;
}
body.mobile-menu-open .header {
z-index: 100;
}
#mobile-menu {
background-color: #fff;
position: fixed;
left: -350px;
text-align: left;
width: 350px;
z-index: 1100;
height: 100%;
-webkit-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#mobile-menu .close-mobile-menu {
position: absolute;
right: 0;
top: 0;
margin-right: 20px;
margin-top: 20px;
width: 20px;
text-align: right;
display: none;
}
#mobile-menu .close-mobile-menu i {
width: 20px;
height: 20px;
}
#mobile-menu.open {
left: 0;
}
#mobile-menu.open .close-mobile-menu {
display: block;
}
#mobile-menu .menu-area-container {
padding: 40px;
height: 100%;
overflow-y: auto;
border-right: 1px solid #cccccc;
}
.menu-item {
cursor: pointer;
}
.categories,
.subcategories {
max-height: 0;
overflow: hidden;
}
.selected > .categories {
max-height: 1000px;
-webkit-transition: max-height linear 0.5s;
-moz-transition: max-height linear 0.5s;
-ms-transition: max-height linear 0.5s;
-o-transition: max-height linear 0.5s;
}
.selected > .subcategories {
max-height: 1000px;
-webkit-transition: max-height linear 0.5s;
-moz-transition: max-height linear 0.5s;
-ms-transition: max-height linear 0.5s;
-o-transition: max-height linear 0.5s;
}
/* Managed Content Promo */
.managed-contents-area .cmsWrapper {
margin-bottom: 0;
}
}
@media screen and (max-width: 750px) {
/****************************************************
*
* MOBILE
*
*****************************************************/
#mobile-menu {
left: -100%;
width: 100%;
text-align: center;
}
#mobile-menu .menu-area-container {
padding: 55px 20px 20px;
}
#mobile-menu .menu-item {
color: black;
text-decoration: none;
}
#mobile-menu .subcategory.menu-item {
color: #666666;
}
.section > .menu-item,
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a,
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
font-weight: 500;
letter-spacing: 0.1em;
}
.category > .menu-item,
.subcategory > .menu-item,
.customLinkWrap .customLinkChild > a {
font-weight: 500;
letter-spacing: 0.05em;
}
.section.managed.content-item .cmsWrapper,
.section.managed.promo-item .cmsWrapper {
margin-top: 0;
}
.section,
.category,
.subcategory,
.customLinkWrap .customLink,
.customLinkWrap .customLinkParent,
.customLinkWrap .customLinkChild {
margin-bottom: 14px;
}
.section.selected .categories,
.customLinkWrap .customLinkParent.selected .categories {
padding-top: 24px;
}
.category.selected .subcategories {
padding-top: 24px;
}
/* TODO: activate this styles only if menu-item as block elements (truncate text after first line, not working properly if menu-item on 2 lines) */
/*
.section > .menu-item > .border,
.customLinkWrap .customLink > a:after,
.customLinkWrap .customLinkParent > a:after {
height: 2px;
margin: -7px 0 0 0;
}
.category > .menu-item > .border,
.subcategory > .menu-item > .border,
.customLinkWrap .customLinkChild > a:after {
display: none;
}
*/
.section > .menu-item,
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a {
border-bottom: 2px solid;
}
.category > .menu-item,
.subcategory > .menu-item,
.customLinkWrap .customLinkChild > a {
border-bottom: 0;
}
.section:not(.selected) > .menu-item,
.customLinkWrap .customLink:not(.selected) > a,
.customLinkWrap .customLinkParent:not(.selected) > a {
border-bottom-color: transparent;
}
/* Managed Content Promo */
.managed-contents-area .cmsWrapper a {
font-weight: 500;
letter-spacing: 0.1em;
}
.managed-contents-area.banner-promo .cmsWrapper {
margin-top: 20px;
}
.managed-contents-area.banner-promo .cmsWrapper:before {
content: "";
display: block;
height: 2px;
background: #000;
width: 30px;
margin: 0 auto 18px;
}
.managed-contents-area.mobile-links .cmsWrapper {
margin-top: 0;
}
.search-area {
text-transform: uppercase;
margin-top: 24px;
position: relative;
}
.login-area {
text-transform: uppercase;
margin-bottom: 24px;
}
.login-area .welcome-msg {
margin-right: 15px;
}
.login-area .welcome-msg a {
border-bottom: 1px solid;
}
.login-area .link-logout a {
border-bottom: 1px solid;
}
.login-area .separator {
width: auto;
height: auto;
margin: 0 2px;
}
.login-area,
.search-area *,
.mobile-links a {
font-weight: 500;
letter-spacing: 0.1em;
color: #666666;
}
.mobile-links a {
display: block;
margin-top: 15px;
}
#mobile-menu .search-form {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
border-bottom: 1px solid #666666;
background-color: #fff;
position: absolute;
width: 100%;
bottom: 0;
text-align: left;
padding-bottom: 2px;
}
#mobile-menu .search-form.visible {
visibility: visible;
opacity: 1;
}
#mobile-menu .search-form ::-webkit-input-placeholder {
color: #cccccc;
}
#mobile-menu .search-form :-moz-placeholder {
color: #cccccc;
}
#mobile-menu .search-form ::-moz-placeholder {
color: #cccccc;
}
#mobile-menu .search-form :-ms-input-placeholder {
color: #cccccc;
}
#mobile-menu .search-form .search-input {
width: calc(100% - 25px);
width: -moz-calc(100% - 25px);
width: -webkit-calc(100% - 25px);
width: -o-calc(100% - 25px);
}
#mobile-menu .search-form .icon-search {
-webkit-appearance: none;
background-color: transparent;
background-size: contain;
float: right;
}
}
@media screen and (max-width: 750px) and (min-width: 751px) {
.section > .menu-item,
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a,
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.section > .menu-item,
.customLinkWrap .customLink > a,
.customLinkWrap .customLinkParent > a,
.section.selected > .menu-item,
.customLinkWrap .customLink.selected > a,
.customLinkWrap .customLinkParent.selected > a {
font-size: 23px;
line-height: 28px;
}
}
@media screen and (max-width: 750px) and (min-width: 751px) {
.category > .menu-item,
.subcategory > .menu-item,
.customLinkWrap .customLinkChild > a {
font-size: 22px;
line-height: 28px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.category > .menu-item,
.subcategory > .menu-item,
.customLinkWrap .customLinkChild > a {
font-size: 18px;
line-height: 23px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.managed-contents-area .cmsWrapper a {
font-size: 12px;
line-height: 15px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.login-area,
.search-area *,
.mobile-links a {
font-size: 12px;
line-height: 15px;
}
}
.catalog-nav .menu-toggler {
display: none;
cursor: pointer;
}
@media only screen and (min-width: 1025px) {
body.hasFloatingLeftNav .catalog-nav {
position: absolute!important;
z-index: 1;
border: 1px solid transparent;
margin-top: -14px;
padding-top: 14px;
background-color: transparent;
}
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler {
display: block;
}
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler .menu-item {
font-weight: 500;
letter-spacing: 0.05em;
padding-left: 25px;
border-bottom: 0;
}
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler .menu-item:after {
display: none;
}
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler .icon-toggler {
position: absolute;
left: 0;
top: 5px;
width: 14px;
height: 14px;
}
body.hasFloatingLeftNav .catalog-nav .menu-content.js_menuContent {
display: none;
width: 100%!important;
}
body.hasFloatingLeftNav .catalog-nav .menu-area-container.my-account {
padding-bottom: 28px;
}
body.hasFloatingLeftNav .catalog-nav.expanded {
display: block;
z-index: 2;
border: 1px solid #cccccc;
background-color: rgba(255, 255, 255, 0.8);
padding-right: 40px;
}
body.hasFloatingLeftNav .catalog-nav.expanded .menu-toggler.js_menuToggler {
margin-bottom: 28px;
}
body.hasFloatingLeftNav .catalog-nav.expanded .menu-toggler.js_menuToggler .icon-toggler {
background-image: url(../assets/images/icons/close.png);
width: 14px;
height: 14px;
}
body.collapsedCatalogNav .catalog-nav .menu-toggler.js_catalogNavToggler {
display: block;
}
body.collapsedCatalogNav .catalog-nav sqr-catalog-nav-menu .catalog-nav-container {
display: none;
width: 100%!important;
}
}
@media only screen and (min-width: 1025px) and (min-width: 751px) {
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler .menu-item {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 750px) {
body.hasFloatingLeftNav .catalog-nav .menu-toggler.js_menuToggler .menu-item {
font-size: 14px;
line-height: 19px;
}
}
.floatingMenuBtn,
.floatingMenuBar {
display: none;
}
.header-drawer {
width: 100%;
-webkit-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
max-height: 450px;
position: relative;
overflow: hidden;
float: left;
background-color: white;
/* Border bottom styles - set border white for transparent header pages */
}
.header-drawer:after {
content: " ";
bottom: 0;
left: 0;
border-bottom: 1px solid #cccccc;
position: absolute;
width: 100%;
}
.header-drawer.closed {
max-height: 0;
}
.header-drawer.closed .altSelect {
z-index: 0 !important;
}
.header-drawer .close {
position: absolute;
top: 20px;
right: 20px;
font-size: 12px;
color: #000;
z-index: 1;
opacity: 1;
}
.header-drawer-panel {
width: 100%;
float: left;
padding: 12px 0px 40px 20px;
display: block;
height: auto;
overflow: visible;
}
.header-drawer-panel.ng-hide {
height: 0;
overflow: hidden;
display: block!important;
padding: 0;
}
.header-drawer-panel.fake-height {
height: 380px;
}
.header-drawer-panel.basket-panel {
padding: 0;
}
.header-drawer-panel.wishlist-panel {
padding: 0;
}
.header-drawer-panel .prjButton {
float: left;
}
/*---------------------------------------------| Search Panel */
.search-panel {
width: 100%;
float: left;
padding: 40px 40px 55px;
}
.contact-panel {
width: 100%;
float: left;
}
.login-panel {
width: 100%;
float: left;
}
/*---------------------------------------------| Search Panel */
/*---------------------------------------------| My Account Panel */
.header-account {
padding: 0px 40px 20px;
}
.header-account .header-account-top {
text-align: left;
}
.header-account .header-account-top .header-title {
display: inline-block;
margin-bottom: 10px;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.header-account .header-account-top .header-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.header-account .header-account-top .header-title {
font-size: 18px;
line-height: 23px;
}
}
.header-account .header-account-top .header-title a {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.header-account .header-account-top .header-title a {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.header-account .header-account-top .header-title a {
font-size: 18px;
line-height: 23px;
}
}
.header-account .header-account-top .header-text {
color: #666666;
margin: 0 0 35px 0;
}
.header-account .header-account-top .link-logout {
display: inline-block;
color: #666666;
cursor: pointer;
margin-left: 15px;
vertical-align: baseline;
}
.header-account #header-account-slider {
position: relative;
width: 100%;
}
.header-account #header-account-slider .account-slide-item {
width: 20%;
display: inline-block;
text-align: left;
vertical-align: top;
text-align: center;
}
.header-account #header-account-slider .account-slide-item .navItem {
padding: 0 10%;
}
.header-account #header-account-slider .account-slide-item .navItem .icon-container {
margin-bottom: 14px;
}
.header-account #header-account-slider .account-slide-item .navItem .icon-container .icon-giftcard {
width: 32px;
}
.header-account #header-account-slider .account-slide-item .navName h3 {
margin-top: 0px;
}
@media (min-width: 751px) {
.header-account #header-account-slider .account-slide-item .navName h3 {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.header-account #header-account-slider .account-slide-item .navName h3 {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.header-account #header-account-slider .account-slide-item .text-nav {
font-weight: 500;
letter-spacing: 0.05em;
color: #666666;
}
@media (min-width: 751px) {
.header-account #header-account-slider .account-slide-item .text-nav {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.header-account #header-account-slider .account-slide-item .text-nav {
font-size: 11px;
line-height: 15px;
}
}
.header-account #header-account-slider .arrow-prev,
.header-account #header-account-slider .arrow-next {
position: absolute;
top: 40%;
display: none;
}
.header-account #header-account-slider .arrow-prev i,
.header-account #header-account-slider .arrow-next i {
background-size: contain;
}
.header-account #header-account-slider .arrow-prev {
left: 0px;
}
.header-account #header-account-slider .arrow-next {
right: 0px;
}
.header-account #header-account-slider .slick-disabled {
visibility: hidden;
}
/*---------------------------------------------| My Account Panel */
.container-btn-search {
width: auto;
float: right;
}
#userLogin .text-info-register {
margin-top: 50px;
}
.container_tooltip_password {
font-weight: 400;
font-size: 13px;
line-height: 20px;
padding-bottom: 13px;
display: inline-block;
}
@media (min-width: 751px) {
.container_tooltip_password {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.container_tooltip_password {
letter-spacing: 0.1em;
}
}
@media (min-width: 751px) {
.container_tooltip_password strong {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.container_tooltip_password strong {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.tooltip_info_login {
background-color: #f3f3f3;
border: 1px solid #000000;
max-width: 700px;
width: 100%;
padding: 5px;
font-family: 'Poppins';
font-size: 11px;
position: relative;
display: none;
text-align: left;
}
.visibile {
display: block;
}
.tooltip_info_login .arrow_tooltip {
background-image: url(../assets/images/img/arrow_tooltip.png);
background-repeat: no-repeat;
background-position: 178px 0px;
max-width: 700px;
width: 100%;
height: 8px;
position: absolute;
top: -8px;
}
.gigyaConnectedContainer {
display: none;
}
.myFieldSet {
width: 100%;
float: left;
margin-top: 12px;
}
/* Header Login form */
.login-panel span.labelFieldWrapper {
width: 100%;
}
.login-panel span.labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
width: 100%;
height: 45px;
font-weight: 500;
letter-spacing: 0.05em;
outline: none;
}
@media (min-width: 751px) {
.login-panel span.labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.login-panel span.labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
font-size: 12px;
line-height: 15px;
}
}
.login-panel .formFieldContainerMail,
.login-panel .formFieldContainerPassword {
float: left;
width: 45%;
padding-right: 6%;
}
.login-panel .formFieldContainerHeader {
width: 45%;
padding-right: 6%;
position: relative;
float: left;
}
.header {
background: #fff;
position: fixed!important;
top: 0;
left: 0;
width: 100%;
float: left;
z-index: 100;
-webkit-transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
-moz-transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
-ms-transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
-o-transition: background-color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
}
.header.transparent-header {
background-color: transparent !important;
}
.header.transparent-header .inner-header-wrap {
background-color: transparent;
}
.header .common-header-wrapper {
float: left !important;
}
.header .widget_managed_content_header {
width: 100%;
float: left;
overflow: hidden;
max-height: 50px;
text-align: center;
padding-top: 15px;
font-size: 13px;
}
.header .widget_managed_content_header .widget_managed_content_container_header_img {
margin: 0px auto 0;
width: 100%;
float: left;
max-height: 50px;
overflow: hidden;
position: relative;
}
.header .widget_managed_content_header .widget_managed_content_container_header_img .container_managed_content_header {
width: 100%;
float: left;
overflow: hidden;
max-height: 22px;
padding: 0px 20px;
}
.header .widget_managed_content_header .widget_managed_content_container_header_img .container_managed_content_header .box-spese-alto-sx,
.header .widget_managed_content_header .widget_managed_content_container_header_img .container_managed_content_header .box-spese-alto,
.header .widget_managed_content_header .widget_managed_content_container_header_img .container_managed_content_header .box-spese-alto-dx {
text-align: center;
}
.header .widget_managed_content_header .widget_managed_content_container_header_img .left_arrow_widget_managed_content_header,
.header .widget_managed_content_header .widget_managed_content_container_header_img .right_arrow_widget_managed_content_header {
width: 50px;
height: 50px;
position: absolute;
top: 0;
margin-top: -15px;
cursor: pointer;
z-index: 2;
background-repeat: no-repeat;
background-size: 15px 15px;
background-position: center;
}
.header .widget_managed_content_header .widget_managed_content_container_header_img .left_arrow_widget_managed_content_header {
left: 0;
margin-left: -20px;
background-image: url(../assets/images/icons/svg/arrow_left_02.svg);
}
.header .widget_managed_content_header .widget_managed_content_container_header_img .right_arrow_widget_managed_content_header {
right: 0;
margin-right: -20px;
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
}
.header .widget_managed_content_header .widget_managed_content_container_header_img img.right_arrow_widget_social_header.slick-disabled,
.header .widget_managed_content_header .widget_managed_content_container_header_img img.left_arrow_widget_social_header.slick-disabled {
display: none !important;
}
.content-banner-checkout {
height: 30px;
float: left;
width: auto;
}
.content-banner {
display: block;
width: 33.3%;
float: left;
font-weight: 500;
letter-spacing: 0.1em;
padding-top: 15px;
}
@media (min-width: 751px) {
.content-banner {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.content-banner {
font-size: 12px;
line-height: 15px;
}
}
.banner-header-top-left {
display: block;
width: 100%;
height: 100%;
background-color: #ffffff;
font-size: 10px;
}
.search-container {
position: relative;
margin-top: 5px;
width: 80%;
float: left;
}
.top-search {
vertical-align: middle;
width: 100%;
float: left;
padding: 0;
border: none;
letter-spacing: 0.1em;
}
input#keyword.top-search {
font-weight: 600;
letter-spacing: 0.05em;
vertical-align: middle;
width: 100%;
float: left;
padding-left: 15px;
border: none;
color: black;
background-color: white;
}
@media (min-width: 751px) {
input#keyword.top-search {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
input#keyword.top-search {
font-size: 15px;
line-height: 23px;
}
}
input:-webkit-autofill {
background-color: #ffffff !important;
}
.content-logo {
display: inline-block;
margin-top: 24px;
vertical-align: top;
margin-left: auto;
margin-right: auto;
float: left;
}
.content-logo img {
max-height: 50px;
width: auto;
}
.logo-desktop {
width: 200px;
}
.img-responsive {
display: inline-block;
height: auto;
max-width: 100%;
}
.top-banner .img-responsive {
margin-bottom: 20px;
}
.content-top-left-menu {
/* TODO check header checkout styles */
display: inline-block;
position: absolute;
left: 0;
margin-top: 23px;
}
/*INIZIO TOP RIGHT MENU HEADER*/
.content-top-right-menu,
.content-top-right-menu-checkout {
display: inline-block;
margin-top: 25px;
text-align: right;
position: absolute;
right: 0;
width: auto;
}
.content-top-right-menu .icon-search,
.content-top-right-menu-checkout .icon-search,
.content-top-right-menu .icon-newsletter,
.content-top-right-menu-checkout .icon-newsletter,
.content-top-right-menu .icon-login,
.content-top-right-menu-checkout .icon-login,
.content-top-right-menu .icon-wishlist,
.content-top-right-menu-checkout .icon-wishlist,
.content-top-right-menu .icon-bag,
.content-top-right-menu-checkout .icon-bag {
margin-left: 30px;
}
.content-top-right-menu .label,
.content-top-right-menu-checkout .label {
display: none;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
position: absolute;
text-align: center;
width: 400%;
left: 0;
}
@media (min-width: 751px) {
.content-top-right-menu .label,
.content-top-right-menu-checkout .label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.content-top-right-menu .label,
.content-top-right-menu-checkout .label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.content-top-right-menu .name,
.content-top-right-menu-checkout .name {
bottom: -18px;
}
.content-top-right-menu .lens,
.content-top-right-menu-checkout .lens {
margin: 0 -120%;
}
.content-top-right-menu .help,
.content-top-right-menu-checkout .help {
margin: 0 -124%;
}
.content-top-right-menu .hi,
.content-top-right-menu-checkout .hi {
margin: 0 -116%;
}
.content-top-right-menu .love,
.content-top-right-menu-checkout .love {
margin: 0 -115%;
}
.content-top-right-menu .bag,
.content-top-right-menu-checkout .bag {
margin: 0 -119%;
}
.top-right-menu li a {
display: inline-block;
float: left;
background-repeat: no-repeat;
color: black;
text-decoration: none;
line-height: 20px;
position: relative;
}
.header-icon {
position: relative;
}
.header-icon:hover .name,
.header-icon:active .name,
.header-icon.selected .name {
display: inline-block;
}
.header-icon.selected .name {
display: inline-block;
}
.header-icon.selected .nav-arrow {
display: block;
}
.header-icon:hover .name,
.header-icon:active .name {
display: inline-block;
}
.i-checkout-user {
width: 21px;
height: 21px;
background-image: url(/tzn-front/assets/images/icons/checkout-user-icon.jpg);
background-repeat: no-repeat;
background-position: center 2px;
}
.header-icon,
.cart-info-text,
.checkout-user {
text-align: left;
display: inline-block;
vertical-align: middle;
}
.counter {
position: absolute;
top: 10px;
background-color: #ff6699;
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
border-radius: 50%;
width: 17px;
height: 17px;
right: -7px;
text-align: center;
line-height: 20px;
}
.counter span,
.counter .cart-info-text {
color: white;
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
text-decoration: none;
}
/*FINE TOP RIGHT MENU HEADER*/
/*INIZIO CASSETTONE*/
.container-contact {
width: 100%;
float: left;
}
.container-contact .cell {
float: left;
width: 50%;
text-align: center;
/* Hide chat if cms site param false */
}
.container-contact .cell.cell-3 {
width: 33.33%;
}
.container-contact .cell.header-chat:not(.cell-3) {
display: none;
}
.container-contact .cell .text-icon {
font-size: 15px;
font-weight: 500;
letter-spacing: 0.05em;
padding-top: 10px;
}
@media (max-width: 750px) {
.container-contact .cell .text-icon {
font-size: 15px;
line-height: 23px;
}
}
.container-contact .cell .text {
font-weight: 500;
letter-spacing: 0.05em;
padding-top: 10px;
color: #666666;
}
@media (min-width: 751px) {
.container-contact .cell .text {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.container-contact .cell .text {
font-size: 12px;
line-height: 15px;
}
}
.container-contact .cell .text.chat-status {
font-weight: 600;
}
@media (min-width: 751px) {
.container-contact .cell .text.chat-status {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.container-contact .cell .text.chat-status {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.container-contact .cell .text.chat-status p {
margin-bottom: -20px;
}
.header-chat .chat-online,
.footer-chat .chat-online,
.header-chat .chat-offline,
.footer-chat .chat-offline,
.header-chat .chat-disattiva,
.footer-chat .chat-disattiva {
display: none;
}
.header-chat .chat-online,
.footer-chat .chat-online {
color: #33cc66;
}
#close-login-panel {
position: relative;
top: 20px;
right: 20px;
}
#close-login-panel .sign-in-link {
cursor: pointer;
}
.content-social-login {
width: 33.3%;
float: left;
display: inline-block;
vertical-align: top;
padding: 0px 40px;
}
.content-social-login .header-title {
width: 100%;
float: left;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0px;
}
@media (min-width: 751px) {
.content-social-login .header-title {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.content-social-login .header-title {
font-size: 14px;
line-height: 19px;
}
}
.content-social-login .header-text {
width: 100%;
float: left;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-align: left;
margin: 10px 0px 10px 0px;
}
@media (min-width: 751px) {
.content-social-login .header-text {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.content-social-login .header-text {
letter-spacing: 0.1em;
}
}
.content-social-login .text-login2 {
font-weight: 500;
letter-spacing: 0.05em;
width: auto;
float: left;
margin-top: 46px;
text-align: left;
clear: both;
}
@media (min-width: 751px) {
.content-social-login .text-login2 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.content-social-login .text-login2 {
font-size: 12px;
line-height: 15px;
}
}
.login-container {
width: 33.3%;
float: left;
padding: 0px 40px;
}
.login-container .header-title {
width: 100%;
float: left;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0px;
}
@media (min-width: 751px) {
.login-container .header-title {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.login-container .header-title {
font-size: 14px;
line-height: 19px;
}
}
.header-right {
width: 33.3%;
float: left;
text-align: left;
padding: 0px 40px;
}
.header-right .header-title {
width: 100%;
float: left;
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0px;
}
@media (min-width: 751px) {
.header-right .header-title {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.header-right .header-title {
font-size: 14px;
line-height: 19px;
}
}
.header-right .header-text {
width: 100%;
float: left;
font-weight: 400;
font-size: 13px;
line-height: 20px;
margin: 11px 0px 64px 0px;
}
@media (min-width: 751px) {
.header-right .header-text {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.header-right .header-text {
letter-spacing: 0.1em;
}
}
.content-social-icon {
vertical-align: middle;
}
.content-icon {
width: 280px;
display: inline-block;
padding-left: 12px;
}
.container-btn-info {
width: 100%;
float: left;
}
.container-btn-info .formFieldContainerHeader {
margin-top: 12px;
text-align: left;
}
.container-btn-info .myCheck {
padding-top: 0;
}
.container-btn-info .container-btn-login {
width: 100%;
float: left;
margin-top: 18px;
}
.container-btn-info .text-retrieve-password {
font-weight: 500;
letter-spacing: 0.05em;
color: #666666;
margin-top: 13px;
float: left;
}
@media (min-width: 751px) {
.container-btn-info .text-retrieve-password {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.container-btn-info .text-retrieve-password {
font-size: 11px;
line-height: 15px;
}
}
.container-btn-info .text-retrieve-password a {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.container-btn-info .text-retrieve-password a {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.container-btn-info .text-retrieve-password a {
font-size: 11px;
line-height: 15px;
}
}
.container-btn-info .keepLoggedInExistingMember {
display: inline-block;
vertical-align: middle;
}
.container-btn-info .text-remember {
font-weight: 500;
letter-spacing: 0.05em;
color: #666666;
max-width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
@media (min-width: 751px) {
.container-btn-info .text-remember {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.container-btn-info .text-remember {
font-size: 11px;
line-height: 15px;
}
}
.container-btn-info .text-remember a {
display: inline-block;
}
i {
display: inline-block;
}
/*FINE CASSETTONE*/
.inner-header-wrap {
width: 100%;
float: left;
clear: both;
background: #fff;
padding: 0px 40px 30px 40px;
}
.inner-header-wrap .nav-arrow {
height: 0;
width: 0;
display: none;
position: absolute;
top: -25px;
left: 78%;
margin-left: -9px;
border-top: 9px solid #cccccc;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 0 solid transparent;
}
.inner-header-wrap .nav-arrow:before {
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
top: -12px;
left: -10px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0 solid transparent;
}
.logo-top-left-menu-top-right-menu {
width: 100%;
float: left;
height: auto;
margin: 0 auto;
position: relative;
}
/* Sticky header styles removed - always fixed for Tezenis restyling */
/* SQR COOKIE LAW */
.cookie-law,
.cookie-law-content {
display: block;
z-index: 100;
font-size: 10px;
background-color: #000;
color: #fff;
max-width: 100%;
}
.cookie-law {
-webkit-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
left: 0;
position: fixed;
width: 100%;
top: 0 !important;
}
.cookie-law-content {
position: relative;
text-align: left;
width: 100%;
max-width: 100%;
min-width: 320px;
margin: 0 auto;
padding: 0;
}
.cookie-law-content p {
margin: 0;
width: auto;
display: inline-block;
}
.cookie-law-content .icon-close {
position: absolute;
right: 40px;
top: 50%;
margin-top: -10px;
cursor: pointer;
}
.cookie-law-content a {
color: #fff;
text-decoration: underline;
}
.cookie-law-content sqr-managed-content .cmsWrapper {
padding: 10px 40px;
padding-right: 80px;
}
.help-checkout .need-contact a {
color: #000;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.header {
position: fixed;
width: 100%;
height: auto;
max-width: 100%;
background-color: transparent;
left: 0;
-webkit-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.container_subheader {
margin-top: 0;
}
.content-logo {
margin-top: 14px;
margin-bottom: 18px;
float: none;
}
.content-top-left-menu {
padding-left: 2%;
margin-top: 20px;
}
.content-top-right-menu,
.content-top-right-menu-checkout {
width: 32%;
margin-top: 18px;
padding-right: 2%;
}
.content-top-right-menu .header-icon .icon-search,
.wishlist-header .header-icon .icon-search,
.content-top-right-menu .header-icon .icon-newsletter,
.wishlist-header .header-icon .icon-newsletter,
.content-top-right-menu .header-icon .icon-login,
.wishlist-header .header-icon .icon-login,
.content-top-right-menu .header-icon .icon-wishlist,
.wishlist-header .header-icon .icon-wishlist,
.content-top-right-menu .header-icon .icon-bag,
.wishlist-header .header-icon .icon-bag {
margin-left: 15px;
}
.top-banner .img-responsive {
padding-top: 80px;
margin-bottom: -45px;
}
.container_subheader {
margin-top: 0 !important;
}
.inner-header-wrap {
padding: 0 !important;
}
.inner-header-wrap .nav-arrow {
top: -19px;
left: 64%;
}
.content-banner-checkout {
max-width: 260px;
}
.cookie-law-content .icon-close {
height: 40px;
width: 40px;
background-size: 20px 20px;
background-position: center;
right: 10px;
margin-top: -20px;
}
.cookie-law-content sqr-managed-content .cmsWrapper {
padding-right: 60px;
}
.over-header .over-header-wrapper {
padding: 0px 20px 0px 20px;
}
.over-header .content-banner {
padding: 10px 0px 10px 0px;
}
.login-panel .formFieldContainerMail,
.login-panel .formFieldContainerPassword,
.login-panel .formFieldContainerHeader {
width: 100%;
}
.login-panel .formFieldContainerMail {
margin-bottom: 10px;
}
.container-btn-info .formFieldContainerHeader {
margin-left: 0;
margin-top: 18px;
}
.content-social-login .text-login2 a,
.content-social-login .text-login2 a:hover {
border-bottom: 0;
text-decoration: underline!important;
}
.header-drawer .close {
width: 40px;
height: 40px;
padding: 10px;
margin: -10px;
}
}
.over-header .over-header-wrapper {
position: relative;
z-index: 5;
width: 100%;
min-height: 50px;
padding: 0px 40px 0px 40px;
float: left;
}
.over-header .over-header-wrapper .content-banner {
padding-top: 15px;
}
@media only screen and (max-width: 750px) {
.header {
width: 100%;
float: left;
position: fixed;
}
.cookie-law-content .icon-close {
height: 40px;
width: 40px;
background-size: 20px 20px;
background-position: center;
right: 10px;
margin-top: -20px;
}
.cookie-law-content sqr-managed-content .cmsWrapper {
padding-left: 20px;
padding-right: 60px;
}
#close-login-panel,
.logo-tablet,
.search-container,
.cart-header,
#widget-ucart-item-total {
display: none;
}
.common-header-wrapper {
position: relative;
top: 0;
left: 0;
background-color: #fff;
z-index: 100;
-webkit-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: left cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
float: left;
}
.inner-header-wrap {
margin-bottom: 0;
padding-bottom: 0;
}
.logo-desktop {
width: 140px;
}
.common-header-wrapper .common-header-wrapper .closed {
padding-bottom: 0;
margin-bottom: 0;
}
.content-logo {
width: 50%;
max-width: 50%;
margin-top: 22px;
margin-bottom: 18px;
float: none;
}
.content-logo img {
max-height: 24px;
width: auto;
}
.content-top-right-menu,
.content-top-right-menu-checkout {
margin-top: 20px;
padding-left: 2%;
}
.content-top-right-menu .top-right-menu .search,
.content-top-right-menu-checkout .top-right-menu .search,
.content-top-right-menu .top-right-menu .newsletter,
.content-top-right-menu-checkout .top-right-menu .newsletter,
.content-top-right-menu .top-right-menu .login,
.content-top-right-menu-checkout .top-right-menu .login {
display: none;
}
.content-top-right-menu .top-right-menu .icon-wishlist,
.content-top-right-menu-checkout .top-right-menu .icon-wishlist,
.content-top-right-menu .top-right-menu .icon-bag,
.content-top-right-menu-checkout .top-right-menu .icon-bag {
margin-left: 25px;
}
.content-top-left-menu {
margin-top: 20px;
padding-right: 2%;
}
.divisore-black {
border: none;
}
.container_subheader {
overflow: visible !important;
}
#content_mid_open,
#content_full_open,
#open_close {
display: none !important;
}
#content_mobile {
margin-top: 50px !important;
display: inline-block !important;
padding-left: 5px;
padding-right: 5px;
}
.logo-top-left-menu-top-right-menu {
width: 100%;
max-width: 100%;
height: 60px;
margin: 0 auto;
}
.logo-top-left-menu-top-right-menu .content-logo {
margin-top: 14px;
}
.inner-header-wrap {
padding: 0px 20px 0px 20px;
}
.content-banner {
width: 100%;
float: left;
}
.content-banner .box-spese-alto-sx,
.content-banner .box-spese-alto,
.content-banner .box-spese-alto-dx {
text-align: center;
}
.content-banner .box-spese-alto-sx span,
.content-banner .box-spese-alto span,
.content-banner .box-spese-alto-dx span {
margin: 0;
}
.over-header .over-header-wrapper {
padding: 0px 20px 0px 20px;
}
}
/* SUBHEADER ---- removed for restyling */
#content_mid_open,
#content_full_open {
display: none;
}
@media only screen and (max-width: 750px) {
#content_mid_open,
#content_full_open {
display: none;
}
.container_subheader .cmsWrapper {
padding-top: 55px;
margin-bottom: -35px;
}
}
.container_subheader {
width: 100%;
margin: 0 auto;
margin-top: 10px;
overflow: hidden;
}
#content_mobile {
float: left;
display: none;
max-width: 100%;
width: 100%;
height: auto;
}
#content_full_open {
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto;
/*padding: 1.25em;*/
/*background-image: url(../assets/images/img/content_open_subheader.jpg);*/
}
.animazione-ready {
-webkit-animation: bounce-down 1s 1;
animation: bounce-down 1s 1;
}
.animazione-click {
-webkit-animation: bounce-up 1s 1;
animation: bounce-up 1s 1;
}
#content_mid_open {
max-width: 100%;
width: 100%;
height: auto;
margin: 0 auto;
/*padding: 0.25em;*/
/*padding-right: 1.25em;*/
/*background-image: url(../assets/images/img/content_mid_open_subheader.jpg);*/
}
#open_close {
background-color: #000000;
text-transform: uppercase;
font-size: 0.64em;
color: #FFFFFF;
display: block;
padding: 0.45em 0.5em;
cursor: pointer;
max-width: 54px;
width: 100%;
height: auto;
margin: 0 auto;
font-size: 9px;
}
#border-subheader {
position: relative;
max-width: 100%;
width: 100%;
border-top: 2px solid #000;
margin: 0 auto;
}
@-webkit-keyframes bounce-down {
0% {
margin-top: -100px;
}
37% {
margin-top: 000px;
}
55% {
margin-top: -25px;
}
73% {
margin-top: 000px;
}
82% {
margin-top: -7px;
}
91% {
margin-top: 000px;
}
96% {
margin-top: -2px;
}
100% {
margin-top: 000px;
}
}
@keyframes bounce-down {
0% {
margin-top: -1px;
}
37% {
margin-top: 000px;
}
55% {
margin-top: -25px;
}
73% {
margin-top: 000px;
}
82% {
margin-top: -7px;
}
91% {
margin-top: 000px;
}
96% {
margin-top: -2px;
}
100% {
margin-top: 000px;
}
}
@-webkit-keyframes bounce-up {
0% {
margin-top: 000px;
}
55% {
margin-top: -25px;
}
73% {
margin-top: 000px;
}
82% {
margin-top: -7px;
}
91% {
margin-top: 000px;
}
96% {
margin-top: -2px;
}
100% {
margin-top: 000px;
}
}
@keyframes bounce-up {
0% {
margin-top: 000px;
}
55% {
margin-top: -25px;
}
73% {
margin-top: 000px;
}
82% {
margin-top: -7px;
}
91% {
margin-top: 000px;
}
96% {
margin-top: -2px;
}
100% {
margin-top: 000px;
}
}
/* END SUBHEADER ---- removed for restyling */
/*GIGYA*/
.widget_social_header {
font-weight: 600;
text-align: center;
width: 212px;
float: left;
margin-top: 30px;
overflow: hidden;
}
.widget_social_container_header_img {
position: relative;
margin: 0px auto 0;
width: 100%;
float: left;
padding: 0 40px;
}
.container_icons_header,
.container_icons_home_header,
.container_icons_checkout_header {
width: 100%;
float: left;
/*height: 61px;*/
overflow: hidden;
}
.show_icons_header {
position: relative;
text-align: left;
width: 610px;
}
.widget_social_container_header_img input {
float: left;
}
.socialInput_header {
margin-left: 10px;
margin-right: 10px;
width: 24px !important;
height: 24px !important;
display: inline-block;
}
.left_arrow_widget_social_header {
height: 15px;
position: absolute;
cursor: pointer;
left: 0;
z-index: 2;
top: 30%;
}
.right_arrow_widget_social_header {
height: 15px;
position: absolute;
cursor: pointer;
right: 0;
z-index: 2;
top: 30%;
}
img.right_arrow_widget_social_header.slick-disabled,
img.left_arrow_widget_social_header.slick-disabled {
display: none !important;
}
.header .gigya-header-table td.gigya-header-table-content .welcomeContainer {
padding-top: 2px;
}
.scrollup {
width: 30px;
height: 30px;
position: fixed;
bottom: 50px;
right: 25px;
display: none;
background: #fff url(../assets/images/icons/svg/arrow_up.svg) no-repeat;
z-index: 1000;
border: 1px solid #000;
background-size: 14px 7px;
background-position: center;
}
.footer {
margin-top: 0;
}
.footer-container {
margin: 0 auto;
width: 100%;
position: relative;
background-color: #f2f3ed;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.footer-container {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.footer-container {
font-size: 12px;
line-height: 15px;
}
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap {
position: relative;
width: 400px;
max-width: 100%;
margin: 0 auto;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap .form-inline {
width: 100%;
border: 1px solid #000;
text-align: left;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap input {
background: transparent;
border: 0!important;
height: 43px;
width: 70%;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap .inline-btn {
float: right;
padding: 15px 20px 0 0;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap .error {
font-weight: 500;
position: absolute;
top: 100%;
left: 0;
padding: 5px 0 0;
}
@media (min-width: 751px) {
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap .error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap .error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell {
/* Hide chat if cms site param false */
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell.footer-chat:not(.cell-3) {
display: none;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text {
color: #666666;
}
.footer-container .footer-bottom .footer-bottom-row {
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-bottom .select-country,
.footer-container .footer-bottom .select-language,
.footer-container .footer-bottom .select-zone {
float: left;
height: 70px;
cursor: pointer;
display: table;
position: relative;
/* Triangle styles */
}
.footer-container .footer-bottom .select-country *,
.footer-container .footer-bottom .select-language *,
.footer-container .footer-bottom .select-zone * {
font-family: inherit;
letter-spacing: inherit;
line-height: 17px;
}
.footer-container .footer-bottom .select-country .currency:before,
.footer-container .footer-bottom .select-language .currency:before,
.footer-container .footer-bottom .select-zone .currency:before {
content: "/";
margin-right: 2px;
}
.footer-container .footer-bottom .select-country .country-flag,
.footer-container .footer-bottom .select-language .country-flag,
.footer-container .footer-bottom .select-zone .country-flag {
margin-right: 10px;
}
.footer-container .footer-bottom .select-country .country-flag img,
.footer-container .footer-bottom .select-language .country-flag img,
.footer-container .footer-bottom .select-zone .country-flag img {
display: inline-block;
vertical-align: baseline;
}
.footer-container .footer-bottom .select-country .country,
.footer-container .footer-bottom .select-language .country,
.footer-container .footer-bottom .select-zone .country,
.footer-container .footer-bottom .select-country .language,
.footer-container .footer-bottom .select-language .language,
.footer-container .footer-bottom .select-zone .language {
text-transform: capitalize;
}
.footer-container .footer-bottom .select-country .toggle-select,
.footer-container .footer-bottom .select-language .toggle-select,
.footer-container .footer-bottom .select-zone .toggle-select {
position: relative;
display: table-cell;
vertical-align: middle;
padding-right: 15px;
text-align: left;
}
.footer-container .footer-bottom .select-country .toggle-select i,
.footer-container .footer-bottom .select-language .toggle-select i,
.footer-container .footer-bottom .select-zone .toggle-select i {
position: absolute;
top: 50%;
right: 0;
}
.footer-container .footer-bottom .select-country.opened:before,
.footer-container .footer-bottom .select-language.opened:before,
.footer-container .footer-bottom .select-zone.opened:before {
content: "";
position: absolute;
top: -1px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 11px 0 11px;
border-color: #cccccc transparent transparent transparent;
margin-left: -11px;
}
.footer-container .footer-bottom .select-country.opened:after,
.footer-container .footer-bottom .select-language.opened:after,
.footer-container .footer-bottom .select-zone.opened:after {
content: "";
position: absolute;
top: -1px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f2f3ed transparent transparent transparent;
margin-left: -10px;
}
.footer-container .footer-bottom .select-language {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.footer-container .footer-bottom .select-zone {
border-left: 1px solid #cccccc;
}
.footer-container .footer-overlay .list-container li {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.footer-container .footer-overlay#country .shippable {
width: 28px;
display: inline-block;
height: 16px;
}
.footer-container .footer-overlay#country .shippable i {
width: 16px;
height: 16px;
}
/* DESKTOP */
@media only screen and (min-width: 1025px) {
.footer-container .footer-main {
min-height: 500px;
}
.footer-container .footer-main .expanded li a {
border-bottom: 1px solid;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.footer-container .footer-main .expanded li a:not(:hover) {
border-bottom-color: transparent;
}
.footer-container .footer-bottom .select-country,
.footer-container .footer-bottom .select-language,
.footer-container .footer-bottom .select-zone {
width: 290px;
}
.footer-container .footer-bottom .footer-social-container {
width: calc(100% - 580px);
width: -moz-calc(100% - 580px);
width: -webkit-calc(100% - 580px);
width: -o-calc(100% - 580px);
}
.footer-container .footer-overlay#language {
width: 290px;
left: 290px;
}
.footer-container.showZoneSelection .footer-bottom .footer-social-container {
width: calc(100% - 870px);
width: -moz-calc(100% - 870px);
width: -webkit-calc(100% - 870px);
width: -o-calc(100% - 870px);
}
.footer-container.showZoneSelection .footer-overlay#zone {
width: 291px;
left: 290px;
}
.footer-container.showZoneSelection .footer-overlay#language {
width: 290px;
left: 580px;
}
}
/* DESKTOP + TABLET */
@media only screen and (min-width: 751px) {
.footer-container .footer-main h2 {
margin: 0;
}
.footer-container .footer-main .footer-main-row.top {
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter,
.footer-container .footer-main .footer-main-row.top .footer-custserv {
width: 50%;
float: left;
text-align: center;
display: table;
padding: 35px 40px;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter h2,
.footer-container .footer-main .footer-main-row.top .footer-custserv h2 {
margin-bottom: 35px;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv {
position: relative;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv:after {
content: "";
height: 100%;
position: absolute;
left: -2px;
top: 0;
border-left: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell {
float: left;
width: 50%;
text-align: center;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell.cell-3 {
width: 33.33%;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text {
margin-top: 10px;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status {
margin-top: 0;
font-weight: 600;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status p {
margin-bottom: -20px;
}
.footer-container .footer-main .footer-main-row.middle {
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content {
width: 25%;
float: left;
text-align: center;
border-right: 1px solid #cccccc;
display: table;
height: 110px;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content:last-child {
border-right: 0;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content .cmsWrapper {
display: table-cell;
vertical-align: middle;
padding: 0 10%;
}
.footer-container .footer-main .footer-main-row.bottom {
padding: 35px 40px;
}
.footer-container .footer-main .footer-main-row.bottom sqr-managed-content {
width: 20%;
float: left;
text-align: left;
padding-right: 2%;
}
.footer-container .footer-main .footer-main-row.bottom sqr-managed-content:last-child {
padding-right: 0;
}
.footer-container .footer-main .footer-main-row .expanded li {
margin-top: 16px;
}
.footer-container .footer-main .footer-main-row .expanded li:first-child {
margin-top: 18px;
}
.footer-container .footer-main .footer-main-row .icon-link {
width: auto;
height: auto;
}
.footer-container .footer-main .footer-main-row .icon-link h2,
.footer-container .footer-main .footer-main-row .icon-link i {
display: inline-block;
vertical-align: middle;
}
.footer-container .footer-main .footer-main-row .icon-link i {
margin-right: 10px;
}
.footer-container .footer-bottom {
z-index: 101;
/* to hide footer overlay */
background: #f2f3ed;
position: relative;
}
.footer-container .footer-bottom .footer-social-container {
float: left;
height: 70px;
padding-right: 40px;
text-align: right;
border-top: 1px solid #cccccc;
}
.footer-container .footer-bottom .footer-social-container .cmsWrapper {
display: table;
height: 70px;
width: 100%;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer {
display: table-cell;
vertical-align: middle;
margin: 0;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer .col-xs-2 {
width: auto;
padding: 0 10px;
display: inline-block;
float: none;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer .col-xs-2:last-child {
padding-right: 0;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer i {
font-size: 20px;
color: #000;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content {
width: 50%;
float: left;
padding: 0 40px;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content:first-child {
padding-right: 15px;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content:last-child {
padding-left: 15px;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .cmsWrapper {
display: table;
min-height: 70px;
width: 100%;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright {
text-align: left;
display: table-cell;
vertical-align: middle;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-weight: 500;
letter-spacing: 0.05em;
font-weight: 400;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .payments-footer {
text-align: right;
display: table-cell;
vertical-align: middle;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .payments-footer i {
margin-left: 10px;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .payments-footer i:first-child {
margin-left: 0;
}
.footer-container .footer-bottom .select-country,
.footer-container .footer-bottom .select-language,
.footer-container .footer-bottom .select-zone {
display: table;
padding: 0 40px;
position: relative;
border-top: 1px solid #cccccc;
}
.footer-container .footer-bottom .select-country .toggle-select,
.footer-container .footer-bottom .select-language .toggle-select,
.footer-container .footer-bottom .select-zone .toggle-select {
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.footer-container .footer-bottom .select-country .toggle-select i,
.footer-container .footer-bottom .select-language .toggle-select i,
.footer-container .footer-bottom .select-zone .toggle-select i {
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #000000 transparent;
margin-top: -3px;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
}
.footer-container .footer-bottom .select-country.opened .toggle-select i,
.footer-container .footer-bottom .select-language.opened .toggle-select i,
.footer-container .footer-bottom .select-zone.opened .toggle-select i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.footer-container .footer-overlay {
position: absolute;
/* position/size values set by javascript */
z-index: 100;
background: #f2f3ed;
text-align: left;
-webkit-transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: bottom cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.footer-container .footer-overlay h2 {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 35px;
}
.footer-container .footer-overlay#country {
padding: 50px 40px;
width: 100%;
}
.footer-container .footer-overlay#country #footer-overlay-country {
width: 75%;
float: left;
}
.footer-container .footer-overlay#country #footer-overlay-country .column-countries {
width: 33%;
float: left;
padding-right: 20px;
}
.footer-container .footer-overlay#country #footer-overlay-country .column-countries li:not(:first-child) {
margin-top: 8px;
}
.footer-container .footer-overlay#country #footer-overlay-country .ecommerce-available {
padding-left: 85%;
padding-top: 8px;
}
.footer-container .footer-overlay#country #footer-overlay-country .ecommerce-available .shippable-text {
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-overlay#country #footer-overlay-country .ecommerce-available .shippable i {
cursor: default;
}
.footer-container .footer-overlay#country #footer-overlay-nl {
width: 25%;
float: left;
padding-left: 20px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .newsletter-title-footer {
padding-right: 20px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .newsletter-subtitle-footer {
margin: 0 0 35px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .formFieldContainer {
width: 100%;
max-width: 100%;
}
.footer-container .footer-overlay#country #footer-overlay-nl .formFieldContainer.account {
position: relative;
}
.footer-container .footer-overlay#country #footer-overlay-nl .formFieldContainer.account .error-newsletter {
position: absolute;
top: 100%;
left: 0;
overflow: hidden;
height: 20px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .user-email {
background: transparent;
width: 100%;
}
.footer-container .footer-overlay#country #footer-overlay-nl .altSelect {
width: 100%;
border-color: #000!important;
}
.footer-container .footer-overlay#country #footer-overlay-nl .altSelect .open ul {
background-color: #f2f3ed;
border-color: #000!important;
}
.footer-container .footer-overlay#country #footer-overlay-nl .altSelect ul li:hover {
background-color: transparent;
}
.footer-container .footer-overlay#country #footer-overlay-nl .msg-required-items {
display: none;
}
.footer-container .footer-overlay#country #footer-overlay-nl .field-wrap.privacy-terms {
display: block;
clear: both;
margin: 0 0 25px;
position: relative;
padding-left: 25px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .field-wrap.privacy-terms .myCheck {
position: absolute;
left: 0;
top: 2px;
}
.footer-container .footer-overlay#country #footer-overlay-nl .field-wrap.privacy-terms .error-newsletter {
margin-left: -25px;
}
.footer-container .footer-overlay#country .footer-overlay-container {
position: relative;
}
.footer-container .footer-overlay#country .close-overlay {
position: absolute;
right: 0;
top: -10px;
}
.footer-container .footer-overlay#language,
.footer-container .footer-overlay#zone {
padding: 35px 40px;
border: 1px solid #cccccc;
border-bottom: 0;
}
.footer-container .footer-overlay#language .list-container li a:before,
.footer-container .footer-overlay#zone .list-container li a:before {
/* checkbox styles */
content: " ";
display: inline-block;
margin: 0 10px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
cursor: pointer;
vertical-align: top;
}
.footer-container .footer-overlay#language .list-container li.selected a:before,
.footer-container .footer-overlay#zone .list-container li.selected a:before {
/* checkbox checked styles */
background: url('../assets/images/icons/checked.png') no-repeat;
background-position: 50% 50%;
}
.footer-container .footer-overlay.open {
bottom: 0!important;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.footer-container .footer-main h2 {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.footer-container .footer-main h2 {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.footer-container .footer-overlay h2 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.footer-container .footer-overlay h2 {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.footer-container .footer-overlay#country #footer-overlay-country .ecommerce-available .shippable-text {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.footer-container .footer-overlay#country #footer-overlay-country .ecommerce-available .shippable-text {
font-size: 11px;
line-height: 15px;
}
}
/* INIZIO RESPONSIVE TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.footer-container .footer-main .footer-main-row.top .footer-newsletter .form-wrap {
width: 100%;
}
.footer-container .footer-bottom .select-country,
.footer-container .footer-bottom .select-language,
.footer-container .footer-bottom .select-zone {
width: 25%;
}
.footer-container .footer-bottom .footer-social-container {
width: 50%;
}
.footer-container .footer-overlay#language {
width: 25%;
left: 25%;
}
.footer-container .footer-overlay#country #footer-overlay-nl .newsletter-title-footer {
text-align: left;
}
.footer-container .footer-overlay#country #footer-overlay-nl .newsletter-subtitle-footer {
display: none;
}
.footer-container .footer-overlay#country #footer-overlay-nl .formFieldContainer.account .error-newsletter {
position: relative;
height: auto;
}
.footer-container.showZoneSelection .footer-bottom .select-country,
.footer-container.showZoneSelection .footer-bottom .select-language,
.footer-container.showZoneSelection .footer-bottom .select-zone {
width: 33.3%;
}
.footer-container.showZoneSelection .footer-bottom .select-language {
border-right: 0;
}
.footer-container.showZoneSelection .footer-bottom .footer-social-container {
width: 100%;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}
.footer-container.showZoneSelection .footer-bottom .footer-social-container .social-elements-footer .col-xs-2 {
padding: 0 30px;
}
.footer-container.showZoneSelection .footer-overlay#zone {
width: 33.3%;
left: 33.3%;
}
.footer-container.showZoneSelection .footer-overlay#language {
width: 33.3%;
left: 66.6%;
margin-left: -1px;
border-right: 0;
}
}
/* FINE RESPONSIVE TABLET */
/* INIZIO RESPONSIVE MOBILE */
@media only screen and (max-width: 750px) {
.desktop-scroll-up {
display: none;
}
.scrollup-mobile {
width: 30px;
height: 30px;
position: fixed;
bottom: 50px;
right: 5px;
display: none;
background: #fff url(../assets/images/icons/svg/arrow_up.svg) no-repeat;
z-index: 1000;
border: 1px solid #000;
background-size: 14px 7px;
background-position: center;
}
.footer-container .footer-main {
/* Accordion Mobile */
}
.footer-container .footer-main h2 {
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-main .footer-main-row .icon-link {
width: auto;
height: auto;
}
.footer-container .footer-main .footer-main-row .icon-link h2 {
margin: 0;
line-height: 18px;
}
.footer-container .footer-main .footer-main-row .icon-link i {
margin-bottom: 5px;
}
.footer-container .footer-main .footer-main-row.top h2 {
margin: 0 0 20px;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter {
padding: 25px 20px 35px;
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.top .footer-newsletter h2 {
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv {
padding: 35px 20px 30px;
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell {
margin-left: 25px;
margin-right: 25px;
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell.footer-chat,
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell.footer-mail {
border-bottom: 1px solid #cccccc;
margin-bottom: 15px;
padding-bottom: 15px;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text {
margin-top: 10px;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status {
margin-top: 5px;
font-weight: 600;
letter-spacing: 0.05em;
}
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status p {
margin-bottom: 0;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content {
width: 50%;
float: left;
text-align: center;
border-bottom: 1px solid #cccccc;
display: table;
height: 95px;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content:nth-child(1),
.footer-container .footer-main .footer-main-row.middle sqr-managed-content:nth-child(3) {
border-right: 1px solid #cccccc;
}
.footer-container .footer-main .footer-main-row.middle sqr-managed-content .cmsWrapper {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.footer-container .footer-main .opening {
border-bottom: 1px solid #cccccc;
padding: 18px 20px;
position: relative;
display: block;
padding-right: 40px;
text-align: left;
}
.footer-container .footer-main .opening h2 {
margin: 0;
}
.footer-container .footer-main .opening:after {
content: "";
background-image: url(../assets/images/icons/svg/plus.svg);
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 15px;
position: absolute;
top: 50%;
margin-top: -7.5px;
right: 20px;
}
.footer-container .footer-main .opening.active:after {
background-image: url(../assets/images/icons/minus.png);
background-size: contain;
}
.footer-container .footer-main .expanded {
display: none;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
}
.footer-container .footer-main .expanded li {
border-bottom: 1px solid #cccccc;
padding: 0;
}
.footer-container .footer-main .expanded li a {
padding: 13px 20px;
position: relative;
padding-right: 40px;
width: 100%;
display: block;
}
.footer-container .footer-main .expanded li a:after {
content: "";
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
background-repeat: no-repeat;
background-position: center;
width: 13px;
height: 13px;
position: absolute;
top: 50%;
margin-top: -6.5px;
right: 20px;
}
.footer-container .footer-bottom .select-country,
.footer-container .footer-bottom .select-language,
.footer-container .footer-bottom .select-zone {
width: 50%;
height: 60px;
display: table;
border-bottom: 1px solid #cccccc;
}
.footer-container .footer-bottom .select-country span,
.footer-container .footer-bottom .select-language span,
.footer-container .footer-bottom .select-zone span {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 17px;
}
.footer-container .footer-bottom .select-country .country-flag,
.footer-container .footer-bottom .select-language .country-flag,
.footer-container .footer-bottom .select-zone .country-flag {
margin-right: 5px;
}
.footer-container .footer-bottom .select-country .toggle-select i,
.footer-container .footer-bottom .select-language .toggle-select i,
.footer-container .footer-bottom .select-zone .toggle-select i {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
width: 15px;
height: 15px;
background-size: contain;
background-position: center;
margin-top: -7.5px;
}
.footer-container .footer-bottom .select-country.opened .toggle-select i,
.footer-container .footer-bottom .select-language.opened .toggle-select i,
.footer-container .footer-bottom .select-zone.opened .toggle-select i {
background-image: url(../assets/images/icons/svg/arrow_down.svg);
}
.footer-container .footer-bottom .select-country.opened:before,
.footer-container .footer-bottom .select-language.opened:before,
.footer-container .footer-bottom .select-zone.opened:before,
.footer-container .footer-bottom .select-country.opened:after,
.footer-container .footer-bottom .select-language.opened:after,
.footer-container .footer-bottom .select-zone.opened:after {
top: 100%;
}
.footer-container .footer-bottom .select-country {
padding: 0 15px;
}
.footer-container .footer-bottom .select-language {
border-right: 0;
padding: 0 20px 0 15px;
}
.footer-container .footer-bottom .select-zone {
border-right: 0;
padding: 0 20px 0 15px;
}
.footer-container .footer-bottom .footer-social-container {
display: block;
clear: both;
padding: 0 20px;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer {
padding-top: 30px;
}
.footer-container .footer-bottom .footer-social-container .social-elements-footer i {
font-size: 20px;
color: #000;
}
.footer-container .footer-bottom .footer-bottom-row {
border-bottom: 0;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright {
padding: 30px 20px;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .payments-footer {
border-top: 1px solid #cccccc;
padding: 20px;
}
.footer-container .footer-overlay {
clear: both;
display: none;
padding: 45px 20px;
border-bottom: 1px solid #cccccc;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container .footer-overlay.open {
display: block;
}
.footer-container .footer-overlay .close-overlay,
.footer-container .footer-overlay #footer-overlay-nl {
display: none;
}
.footer-container .footer-overlay h2 {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 35px;
}
.footer-container .footer-overlay#country .list-container {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.footer-container .footer-overlay#country .list-container li {
position: relative;
padding-left: 28px;
margin-bottom: 12px;
}
.footer-container .footer-overlay#country .list-container li nobr {
white-space: normal;
}
.footer-container .footer-overlay#country .shippable {
width: 28px;
position: absolute;
left: 0;
top: 0;
}
.footer-container .footer-overlay#country .ecommerce-available {
position: relative;
padding-left: 28px;
margin-top: 35px;
}
.footer-container .footer-overlay#country .ecommerce-available .shippable-text {
font-weight: 500;
letter-spacing: 0.05em;
}
.footer-container.showZoneSelection .footer-bottom .select-country,
.footer-container.showZoneSelection .footer-bottom .select-zone {
width: 50%;
}
.footer-container.showZoneSelection .footer-bottom .select-language {
width: 100%;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-main h2 {
font-size: 15px;
line-height: 23px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.footer-container .footer-main .footer-main-row.top .footer-newsletter h2 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-main .footer-main-row.top .footer-newsletter h2 {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-main .footer-main-row.top .footer-custserv .cell .text.chat-status {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-main .expanded {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-bottom .select-country span,
.footer-container .footer-bottom .select-language span,
.footer-container .footer-bottom .select-zone span {
font-size: 15px;
line-height: 23px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-bottom .footer-bottom-row.last sqr-managed-content .footer-copyright > span {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-overlay {
font-size: 13px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.footer-container .footer-overlay h2 {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-overlay h2 {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.footer-container .footer-overlay#country .ecommerce-available .shippable-text {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.footer-container .footer-overlay#country .ecommerce-available .shippable-text {
font-size: 11px;
line-height: 15px;
}
}
/* FINE RESPONSIVE MOBILE */
/* Prefooter - Tezenis Restyling */
.prefooter {
float: left;
clear: both;
margin-top: 100px;
width: 100%;
}
.prefooter .prefooter-top .promo-title {
padding: 30px 0;
}
.prefooter .prefooter-bottom .livestory-heading .link a {
text-decoration: underline;
}
@media only screen and (min-width: 751px) {
.prefooter {
margin-top: 60px;
}
.prefooter .prefooter-top {
margin-bottom: 100px;
}
.prefooter .prefooter-bottom .livestory-heading {
padding: 30px 40px;
}
.prefooter .prefooter-bottom .livestory-heading .title {
width: 50%;
float: left;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
}
.prefooter .prefooter-bottom .livestory-heading .link {
width: 50%;
float: right;
text-align: right;
}
.prefooter .prefooter-bottom .livestory-heading .link a {
font-weight: 500;
letter-spacing: 0.05em;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.prefooter .prefooter-bottom .livestory-heading .title {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.prefooter .prefooter-bottom .livestory-heading .title {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.prefooter .prefooter-bottom .livestory-heading .link a {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.prefooter .prefooter-bottom .livestory-heading .link a {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) {
.prefooter {
margin-top: 30px;
}
.prefooter .prefooter-top {
margin-bottom: 40px;
}
.prefooter .prefooter-top .promo-title {
padding: 30px 0 25px;
}
.prefooter .prefooter-bottom .livestory-heading {
padding: 25px 20px;
}
.prefooter .prefooter-bottom .livestory-heading .title {
font-weight: 500;
letter-spacing: 0.1em;
}
.prefooter .prefooter-bottom .livestory-heading .link {
margin-top: 20px;
}
.prefooter .prefooter-bottom .livestory-heading .link a {
font-weight: 400;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.prefooter .prefooter-bottom .livestory-heading .title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.prefooter .prefooter-bottom .livestory-heading .title {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.prefooter .prefooter-bottom .livestory-heading .link a {
font-size: 13px;
line-height: 20px;
}
}
/* Promo Sidetab with link to Prefooter - Tezenis Restyling */
.prefooter-sticky-tab {
position: fixed;
right: 0;
top: 60%;
z-index: 101;
cursor: pointer;
display: none!important;
}
@media only screen and (max-width: 750px) {
.prefooter-sticky-tab {
z-index: 98;
top: 70%;
}
}
body#home .prefooter-sticky-tab,
body#section .prefooter-sticky-tab,
body#category .prefooter-sticky-tab,
body#thumbnail .prefooter-sticky-tab,
body#newArrivals .prefooter-sticky-tab,
body#onSale .prefooter-sticky-tab,
body#topSellers .prefooter-sticky-tab {
display: block!important;
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
}
body#home .prefooter-sticky-tab.show,
body#section .prefooter-sticky-tab.show,
body#category .prefooter-sticky-tab.show,
body#thumbnail .prefooter-sticky-tab.show,
body#newArrivals .prefooter-sticky-tab.show,
body#onSale .prefooter-sticky-tab.show,
body#topSellers .prefooter-sticky-tab.show {
opacity: 1;
}
body#home.mobile-menu-open .prefooter-sticky-tab,
body#section.mobile-menu-open .prefooter-sticky-tab,
body#category.mobile-menu-open .prefooter-sticky-tab,
body#thumbnail.mobile-menu-open .prefooter-sticky-tab,
body#newArrivals.mobile-menu-open .prefooter-sticky-tab,
body#onSale.mobile-menu-open .prefooter-sticky-tab,
body#topSellers.mobile-menu-open .prefooter-sticky-tab {
display: none!important;
}
/* Tezenis Restyling - Homepage/Section Styles */
body#home .content_wrap .body_wrap,
body#section.section-template .content_wrap .body_wrap {
padding: 0;
}
/* Hide breadcrumbs for section page */
body#section.section-template .catalog-category-breadcrumb {
display: none;
}
/* seo section */
.seo-section {
padding: 60px 20%;
}
.seo-section-title {
text-align: center;
margin: 0;
padding: 0 0 15px 0;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.seo-section-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.seo-section-title {
font-size: 18px;
line-height: 23px;
}
}
.seo-section-text {
text-align: center;
padding: 0;
}
.seo-section-text p {
margin: 0;
}
@media only screen and (max-width: 750px) {
.seo-section {
padding: 30px 20px;
}
}
/* Tezenis Restyling Filmstrip Styles */
/* Recently view / UpSell */
.recentlyViewSection,
.upSellSection {
display: block;
clear: both;
}
.recentlyViewSection .recentlyView-title,
.upSellSection .recentlyView-title,
.recentlyViewSection .upSell-title,
.upSellSection .upSell-title {
text-align: center;
margin: 0;
padding: 60px 0 30px 0;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.recentlyViewSection .recentlyView-title,
.upSellSection .recentlyView-title,
.recentlyViewSection .upSell-title,
.upSellSection .upSell-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.recentlyViewSection .recentlyView-title,
.upSellSection .recentlyView-title,
.recentlyViewSection .upSell-title,
.upSellSection .upSell-title {
font-size: 18px;
line-height: 23px;
}
}
.recentlyViewSection .entity-thumb,
.upSellSection .entity-thumb {
padding: 0;
}
.recentlyViewSection .entity-thumb .icon-wishlist,
.upSellSection .entity-thumb .icon-wishlist,
.recentlyViewSection .entity-thumb .icon-bag,
.upSellSection .entity-thumb .icon-bag,
.recentlyViewSection .entity-thumb .promo-message-container,
.upSellSection .entity-thumb .promo-message-container,
.recentlyViewSection .entity-thumb .entity-info,
.upSellSection .entity-thumb .entity-info,
.recentlyViewSection .entity-thumb .variant-swatches-container,
.upSellSection .entity-thumb .variant-swatches-container {
display: none!important;
}
.recentlyViewSection .entity-pic:hover .alt-image,
.upSellSection .entity-pic:hover .alt-image {
opacity: 0!important;
}
.recentlyViewSection .slick-slider,
.upSellSection .slick-slider {
width: 100%;
}
.recentlyViewSection .slick-slider .slick-disabled,
.upSellSection .slick-slider .slick-disabled {
opacity: 0.3;
}
.recentlyViewSection .slick-slider button,
.upSellSection .slick-slider button {
outline: 0;
background-color: transparent;
width: 40px;
height: 100%;
border: 0;
position: absolute;
margin: 0;
padding: 0;
top: 0;
font-size: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: 20px 20px!important;
}
.recentlyViewSection .slick-slider .slick-prev,
.upSellSection .slick-slider .slick-prev {
background-image: url(../assets/images/icons/arrow-slider-left.png);
background-size: contain;
left: 0;
}
.recentlyViewSection .slick-slider .slick-next,
.upSellSection .slick-slider .slick-next {
background-image: url(../assets/images/icons/arrow-slider-right.png);
background-size: contain;
right: 0;
}
/* Product Page upSell - display product name and price */
.upSellSection .entity-thumb .entity-info {
display: block!important;
text-align: center;
margin-top: 20px!important;
}
@media only screen and (min-width: 751px) {
.upSellSection .entity-thumb .entity-info .entity-name {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 18px;
max-height: 36px;
}
.upSellSection .entity-thumb .entity-info .entity-price {
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.upSellSection .entity-thumb .entity-info .entity-name {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.upSellSection .entity-thumb .entity-info .entity-name {
font-size: 12px;
line-height: 15px;
}
}
.upSellSection .slick-slider button {
background-position: center 40%;
}
.upSellSection .upSell-title {
font-weight: 500;
letter-spacing: 0.1em;
}
@media (min-width: 751px) {
.upSellSection .upSell-title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.upSellSection .upSell-title {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (min-width: 1025px) {
.recentlyViewSection,
.upSellSection {
padding: 0 40px;
}
.recentlyViewSection .entity-thumb .entity-pic,
.upSellSection .entity-thumb .entity-pic,
.recentlyViewSection .entity-thumb .entity-info,
.upSellSection .entity-thumb .entity-info {
margin: auto 20px;
}
.recentlyViewSection .filmstrip_wrap,
.upSellSection .filmstrip_wrap {
margin: 0 -20px;
}
.recentlyViewSection .slick-slider .slick-prev,
.upSellSection .slick-slider .slick-prev {
margin-left: -10px;
}
.recentlyViewSection .slick-slider .slick-next,
.upSellSection .slick-slider .slick-next {
margin-right: -10px;
}
/* Product Page - recently view 4 items centered */
body#product {
/* upSell styles as Mini Listing TZN - Filmstrip 4 items - fullwidth */
}
body#product .recentlyViewSection,
body#product .upSellSection {
padding: 0 15%;
}
body#product .upSellSection .entity-thumb .entity-pic,
body#product .upSellSection .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
/* Product Page - recently view 4 items centered */
body#product .recentlyViewSection,
body#product .upSellSection {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.recentlyViewSection,
.upSellSection {
padding: 0 40px;
}
.recentlyViewSection .entity-thumb .entity-pic,
.upSellSection .entity-thumb .entity-pic,
.recentlyViewSection .entity-thumb .entity-info,
.upSellSection .entity-thumb .entity-info {
margin: auto 10px;
}
.recentlyViewSection .filmstrip_wrap,
.upSellSection .filmstrip_wrap {
margin: 0 -10px;
}
.recentlyViewSection .slick-slider .slick-prev,
.upSellSection .slick-slider .slick-prev {
margin-left: -20px;
}
.recentlyViewSection .slick-slider .slick-next,
.upSellSection .slick-slider .slick-next {
margin-right: -20px;
}
/* Product Page - recently view 4 items centered */
body#product {
/* upSell styles as Mini Listing TZN - Filmstrip 4 items - fullwidth */
}
body#product .recentlyViewSection,
body#product .upSellSection {
padding: 0 10%;
margin-bottom: 30px;
}
body#product .upSellSection .entity-thumb .entity-pic,
body#product .upSellSection .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
}
@media only screen and (max-width: 750px) {
.recentlyViewSection,
.upSellSection {
padding: 0 20px;
margin: 30px 0;
}
.recentlyViewSection .recentlyView-title,
.upSellSection .recentlyView-title,
.recentlyViewSection .upSell-title,
.upSellSection .upSell-title {
padding: 30px 0 25px 0;
}
.recentlyViewSection .entity-thumb .entity-pic,
.upSellSection .entity-thumb .entity-pic,
.recentlyViewSection .entity-thumb .entity-info,
.upSellSection .entity-thumb .entity-info {
margin: auto 10px;
}
.recentlyViewSection .filmstrip_wrap,
.upSellSection .filmstrip_wrap {
margin: 0 -10px;
}
.recentlyViewSection .slick-slider button,
.upSellSection .slick-slider button {
background-size: 16px 16px!important;
}
.recentlyViewSection .slick-slider .slick-prev,
.upSellSection .slick-slider .slick-prev {
margin-left: -10px;
}
.recentlyViewSection .slick-slider .slick-next,
.upSellSection .slick-slider .slick-next {
margin-right: -10px;
}
.recentlyViewSection .slick-slider .slick-prev {
background-position: 4px center;
}
.recentlyViewSection .slick-slider .slick-next {
background-position: 24px center;
}
.upSellSection .slick-slider .slick-prev {
background-position: 4px 40%;
}
.upSellSection .slick-slider .slick-next {
background-position: 24px 40%;
}
}
/* Slider dots */
.filmstrip_wrap .slick-dots,
.cms-filmstrip .slick-dots {
position: absolute;
width: 100%;
bottom: -30px;
}
.filmstrip_wrap .slick-dots li,
.cms-filmstrip .slick-dots li {
width: 15px;
height: 100%;
display: inline-block;
position: relative;
margin: 0 5px;
cursor: pointer;
}
.filmstrip_wrap .slick-dots li:before,
.cms-filmstrip .slick-dots li:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 0;
background: #cccccc;
}
.filmstrip_wrap .slick-dots li button,
.cms-filmstrip .slick-dots li button {
visibility: hidden;
}
.filmstrip_wrap .slick-dots li.slick-active:before,
.cms-filmstrip .slick-dots li.slick-active:before {
background: #000;
}
.filmstrip_wrap a,
.cms-filmstrip a,
.filmstrip_wrap a:active,
.cms-filmstrip a:active,
.filmstrip_wrap a.hover,
.cms-filmstrip a.hover {
color: #000;
}
/*Filmstrip thumbs ensemble product gallery*/
.slider_container {
width: 100%;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.left_arrow_thumb_gallery {
position: relative;
margin-top: 9.5%;
cursor: pointer;
left: 0%;
z-index: 99;
float: left;
padding-right: 5px;
}
.right_arrow_thumb_gallery {
position: relative;
margin-top: 9.5%;
cursor: pointer;
right: 0%;
z-index: 99;
float: right;
}
sqr-refinements {
display: block;
width: 100%;
}
.refinements-container {
text-align: left;
border-bottom: 1px solid #ececec;
margin-bottom: 30px;
}
.ref-checkbox-container {
width: 100%;
border-bottom: 1px solid #ececec;
}
.selection-bar {
display: none;
}
.selection-bar.show-me {
display: block;
}
.label {
color: #000;
}
.selection-bar {
width: 100%;
background-color: #fff;
position: relative;
border-top: 1px solid #ececec;
padding: 20px 0;
}
.selection-bar .label {
color: #000;
display: inline-block;
padding: 0;
font-weight: 600;
}
@media (min-width: 751px) {
.selection-bar .label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.selection-bar .label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.selection-bar .label.clear {
color: #000;
text-decoration: underline;
cursor: pointer;
float: right;
font-weight: 600;
}
@media (min-width: 751px) {
.selection-bar .label.clear {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.selection-bar .label.clear {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.selection-bar .label.selection {
display: none;
}
.selection-bar .select-arrow {
display: none;
}
.selection-bar .ref-sel-options,
.selection-bar .ref-sel-option {
display: inline-block;
margin: 0;
cursor: pointer;
}
.selection-bar .ref-sel-option {
color: #666666;
background-color: #fff;
margin: 0 25px 0 40px;
position: relative;
text-transform: uppercase;
font-weight: 600;
}
@media (min-width: 751px) {
.selection-bar .ref-sel-option {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.selection-bar .ref-sel-option {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.selection-bar .ref-sel-option :first-child {
margin-left: 15px;
}
.selection-bar i {
margin-left: 15px;
position: relative;
top: 2px;
z-index: 5;
width: 10px;
height: 10px;
opacity: 0.8;
}
.ref-select {
display: inline-block;
vertical-align: top;
width: auto;
margin: 20px 9% 20px 0;
text-transform: uppercase;
font-size: 10px;
position: relative;
}
.ref-select li {
padding: 0;
position: relative;
background-color: #fff;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ref-select .ref-name {
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
line-height: 10px;
font-weight: 600;
}
.ref-select .options {
padding: 20px;
display: none;
position: absolute;
top: 32px;
left: -80px;
width: 210px;
z-index: 7;
text-transform: none;
background-color: #fff;
border: 1px solid #ececec;
}
.ref-select .options li {
padding-bottom: 15px;
font-weight: 500;
letter-spacing: 0.05em;
padding-left: 32px;
position: relative;
}
@media (min-width: 751px) {
.ref-select .options li {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.ref-select .options li {
font-size: 11px;
line-height: 15px;
}
}
.ref-select .options li.ref-confirm {
padding: 5px 0 0 0;
cursor: default;
}
.ref-select .sort .options {
z-index: 3;
}
.ref-select .swatch-img {
margin-right: 15px;
display: block;
float: left;
border-radius: 100px;
width: 19px;
height: 19px;
border: 1px solid #ececec;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.ref-select .swatch-img.arancione {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -120px 0px;
}
.ref-select .swatch-img.avorio {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -360px 0px;
}
.ref-select .swatch-img.azzurro {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: 0px -120px;
}
.ref-select .swatch-img.bianco {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -120px -120px;
}
.ref-select .swatch-img.blu {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -240px 0px;
}
.ref-select .swatch-img.floreale {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -240px -120px;
}
.ref-select .swatch-img.giallo {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: 0px -240px;
}
.ref-select .swatch-img.grigio {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -120px -240px;
}
.ref-select .swatch-img.marrone {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -240px -240px;
}
.ref-select .swatch-img.metallico {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: 0px 0px;
}
.ref-select .swatch-img.multicolore {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -360px -120px;
}
.ref-select .swatch-img.naturale {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -360px -240px;
}
.ref-select .swatch-img.nero {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: 0px -360px;
}
.ref-select .swatch-img.righe {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -120px -360px;
}
.ref-select .swatch-img.rosa {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -240px -360px;
}
.ref-select .swatch-img.rosso {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -360px -360px;
}
.ref-select .swatch-img.stampe {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -480px 0px;
}
.ref-select .swatch-img.verde {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -480px -120px;
}
.ref-select .swatch-img.viola {
background-image: url(../assets/sprites/spritesheet_1530006645265.jpg);
background-position: -480px -240px;
}
.ref-select .prjButton {
text-align: center;
width: 100%;
padding: 10px;
cursor: pointer;
border: 1px solid #000;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.ref-select .prjButton {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.ref-select .prjButton {
font-size: 11px;
line-height: 15px;
}
}
.ref-select .check {
display: none;
}
.ref-select.open .options {
display: block;
}
.ref-select.open .ref-option:after {
content: " ";
position: absolute;
width: 100%;
height: 1px;
left: 0;
bottom: 0;
}
.ref-select.open .ref-option .check {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
cursor: pointer;
background: #fff;
border: 1px solid #000;
float: left;
position: absolute;
top: 0;
left: 0;
}
.ref-select.open .ref-option.selected .check:before {
content: "";
background: #000;
height: 10px;
width: 10px;
position: absolute;
top: 3px;
left: 3px;
}
.ref-select.open .select-arrow {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
}
.ref-select.open.color .options .check {
display: none;
}
.ref-checkbox {
display: block;
vertical-align: top;
text-transform: uppercase;
font-size: 10px;
margin-bottom: 0;
}
.ref-checkbox .ref-name {
display: none;
}
.ref-checkbox .ref-option {
display: inline-block;
margin-right: 20px;
margin-left: 20px;
font-weight: 600;
}
@media (min-width: 751px) {
.ref-checkbox .ref-option {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.ref-checkbox .ref-option {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.ref-checkbox .ref-option:first-child {
margin-left: 0;
}
.ref-checkbox .ref-option .check {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
cursor: pointer;
background: #fff;
border: 1px solid #000;
position: relative;
}
.ref-checkbox .ref-option.selected .check:before {
content: "";
background: #000;
height: 10px;
width: 10px;
position: absolute;
top: 3px;
left: 3px;
}
@media only screen and (min-width: 1025px) {
.ref-checkbox {
padding: 0 0 15px 0;
}
}
@media only screen and (min-width: 751px) {
.ref-checkbox {
text-align: left;
float: left;
}
.ref-select .options::before {
content: "";
position: absolute;
top: -11px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 11px 11px 11px;
border-color: transparent transparent #ececec transparent;
margin-left: -11px;
}
.ref-select .options::after {
content: "";
position: absolute;
top: -10px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #fff transparent;
margin-left: -10px;
}
.ref-select .options .ref-option span.name-refinement:hover,
.ref-select .options .ref-option span.sort-name:hover {
text-decoration: underline;
}
.ref-select .options .ref-option.selected span.name-refinement,
.ref-select .options .ref-option.selected span.sort-name {
text-decoration: underline;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.ref-checkbox {
width: 100%;
padding: 15px 0;
}
.ref-checkbox-container {
margin-bottom: 10px;
}
.ref-select .options {
left: -40px;
}
.refinements-container {
margin-top: 15px;
}
}
.sort-container {
float: left;
width: 100%;
position: relative;
padding: 20px 0 15px;
margin-top: -20px;
}
.sort-container h1.category-heading {
margin: 0;
max-width: 60%;
}
.sort-container .sort-box {
position: absolute;
right: 0;
top: 0;
}
.sort-container .ref-select {
margin-right: 0;
}
.sort-container .ref-select .ref-name {
padding: 6px 0;
font-weight: 600;
}
@media (min-width: 751px) {
.sort-container .ref-select .ref-name {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.sort-container .ref-select .ref-name {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.select-arrow {
background-image: url(../assets/images/icons/svg/arrow_down.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 10px;
margin-left: 15px;
cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.selection-bar {
padding: 20px 0;
margin-bottom: 0;
min-height: 35px;
}
.selection-bar .label.selection {
margin: 0;
display: inline-block;
}
.selection-bar .ref-sel-option {
margin: 0 25px;
text-transform: uppercase;
}
.selection-bar .label.filtered {
display: none;
}
.ref-select {
margin: 0 20px 10px 0;
}
.ref-select li {
padding: 3px 7px;
}
.ref-select .options {
top: 28px;
}
.ref-select.open .ref-option.selected .check:before {
content: "";
background: #000;
height: 10px;
width: 10px;
position: absolute;
top: 3px;
left: 3px;
}
.sort-container .sort li {
background: inherit;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
white-space: nowrap;
}
.sort-container .sort .select-arrow {
margin: 20px 15px 0;
}
.sort-container .sort .options {
top: 50px;
}
.sort-container .sort .options .ref-option.selected .check:before {
content: "";
background: #000;
height: 10px;
width: 10px;
position: absolute;
top: 3px;
left: 3px;
}
.swatch-img {
height: 16px;
width: 16px;
}
}
@media only screen and (max-width: 750px) {
sqr-refinements {
width: 100%;
position: relative;
}
sqr-refinements .refinements-container {
height: 42px;
overflow: hidden;
-webkit-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 20px -20px 30px;
position: relative;
}
sqr-refinements .refinements-container .toggler {
width: 34vw;
padding: 15px 15px 15px 20px;
cursor: pointer;
}
sqr-refinements .refinements-container .toggler .label {
padding: 0;
margin: 0;
color: #000;
font-weight: 600;
}
sqr-refinements .refinements-container .toggler .select-arrow {
margin: 5px 0;
background-image: url(../assets/images/icons/svg/arrow_down.svg);
float: right;
position: static;
}
sqr-refinements .refinements-container.mobile-toggle-open {
border-bottom: 1px solid #cccccc;
z-index: 99;
}
sqr-refinements .refinements-container.mobile-toggle-open .select-arrow {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
background-repeat: no-repeat;
}
sqr-refinements .refinements-container .ref-checkbox-container {
float: none;
border-bottom: 1px solid #cccccc;
}
sqr-refinements .refinements-container .ref-checkbox {
clear: both;
padding: 0 20px;
border-bottom: 1px solid #cccccc;
font-size: 11px;
}
sqr-refinements .refinements-container .ref-checkbox .options {
padding-top: 20px;
}
sqr-refinements .refinements-container .ref-checkbox .ref-option {
display: block;
padding: 20px 0;
margin: 0;
}
sqr-refinements .refinements-container .ref-checkbox .ref-option:first-child,
sqr-refinements .refinements-container .ref-checkbox .ref-option:last-child {
padding-top: 0;
}
sqr-refinements .refinements-container .ref-checkbox:last-child {
border-bottom: none;
}
sqr-refinements .refinements-container .ref-select {
width: 100%;
margin: 0;
border: none;
float: left;
text-align: center;
font-size: 11px;
font-weight: 600;
border-bottom: 1px solid #cccccc;
cursor: pointer;
text-align: left;
text-transform: none;
}
sqr-refinements .refinements-container .ref-select .ref-name .select-arrow {
position: absolute;
right: 20px;
top: 20px;
}
sqr-refinements .refinements-container .ref-select .options {
border: none;
left: 0px;
}
sqr-refinements .refinements-container .ref-select .options li.ref-option {
padding-top: 2px;
padding-left: 32px;
margin-left: 20px;
}
sqr-refinements .refinements-container .ref-select .options li.ref-option span {
font-weight: 600;
}
sqr-refinements .refinements-container .ref-select li {
padding: 20px;
}
sqr-refinements .refinements-container .ref-select .swatch-img {
height: 20px;
width: 20px;
position: relative;
}
sqr-refinements .refinements-container .ref-select .select-arrow {
background-image: url(../assets/images/icons/svg/arrow_down.svg);
}
sqr-refinements .refinements-container .ref-select.open .ref-name {
padding-bottom: 30px;
}
sqr-refinements .refinements-container .ref-select.open .options {
width: 100%;
padding: 0px;
position: relative;
top: 0;
margin-bottom: -1px;
z-index: 99;
}
sqr-refinements .refinements-container .ref-select.open .options li {
font-weight: 500;
}
sqr-refinements .refinements-container .ref-select.open .options li.ref-confirm {
display: block;
width: 50%;
margin: 0 auto 20px;
}
sqr-refinements .refinements-container .ref-select.open.size .options,
sqr-refinements .refinements-container .ref-select.open.color .options {
text-transform: uppercase;
}
sqr-refinements .refinements-container .ref-select.open.size .options li,
sqr-refinements .refinements-container .ref-select.open.color .options li {
display: inline-block;
}
sqr-refinements .refinements-container .ref-select.open.size .options li.ref-option,
sqr-refinements .refinements-container .ref-select.open.color .options li.ref-option {
padding: 0 20px 20px;
margin-left: 0;
}
sqr-refinements .refinements-container .ref-select.open.size .options li.ref-confirm,
sqr-refinements .refinements-container .ref-select.open.color .options li.ref-confirm {
display: block;
width: 50%;
margin: 0 auto 20px;
}
sqr-refinements .refinements-container .ref-select.open.size .options .check,
sqr-refinements .refinements-container .ref-select.open.color .options .check {
display: none;
}
sqr-refinements .refinements-container .ref-select.open.size .ref-option.selected span.name-refinement {
border-bottom: 1px solid;
}
sqr-refinements .refinements-container .ref-select.open.color .options li span.name-refinement {
display: none;
}
sqr-refinements .refinements-container .ref-select.open.color .ref-option.selected span.swatch-img-container:after {
content: "";
position: absolute;
background: #000;
height: 1px;
width: 25px;
left: 18px;
bottom: 15px;
}
sqr-refinements .refinements-container .ref-select.open .select-arrow {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
}
sqr-refinements .refinements-container .ref-option.selected .check {
background-image: none;
text-decoration: none;
}
sqr-refinements .refinements-container .selection-bar {
float: left;
padding: 8px 2% 8px 2%;
border-top: none;
}
sqr-refinements .refinements-container .selection-bar.show-me {
display: block;
border-bottom: 1px solid #cccccc;
}
sqr-refinements .refinements-container .selection-bar .label {
font-size: 10px;
}
sqr-refinements .refinements-container .selection-bar .label.filtered {
font-weight: 600;
width: 100%;
text-align: left;
border-bottom: 1px solid #dddddd;
padding-bottom: 15px;
padding-left: 10px;
margin-left: 0px;
cursor: pointer;
display: inline-block;
}
sqr-refinements .refinements-container .selection-bar .label.clear {
position: static;
float: left;
display: block;
width: 100%;
margin: 20px 0;
text-align: center;
text-decoration: underline;
}
sqr-refinements .refinements-container .selection-bar .ref-sel-option {
text-transform: uppercase;
padding: 5px 5px 7px 15px;
margin: 15px 0;
}
sqr-refinements .refinements-container .selection-bar .ref-sel-option:first-child {
margin-left: 5px;
}
sqr-refinements .sort-container {
position: absolute;
float: left;
top: 0;
width: 66vw;
left: calc(34vw - 20px);
left: -moz-calc(34vw - 20px);
left: -webkit-calc(34vw - 20px);
left: -o-calc(34vw - 20px);
padding: 0;
margin-top: 20px;
}
sqr-refinements .sort-container .sort-box {
position: initial;
border-left: 1px solid #000;
}
sqr-refinements .sort-container .ref-select {
margin: 0;
width: calc(66vw - 102px);
width: -moz-calc(66vw - 102px);
width: -webkit-calc(66vw - 102px);
width: -o-calc(66vw - 102px);
}
sqr-refinements .sort-container .ref-select .ref-name {
padding: 20px 15px;
text-transform: initial;
height: 50px;
}
sqr-refinements .sort-container .ref-select .select-arrow {
margin: 0 0 0 10px;
}
sqr-refinements .sort-container .ref-select.open .options {
top: 50px;
width: 100vw;
left: 0;
margin-left: calc(-34vw - 2px);
margin-left: -moz-calc(-34vw - 2px);
margin-left: -webkit-calc(-34vw - 2px);
margin-left: -o-calc(-34vw - 2px);
border-left: 0;
border-right: 0;
border-top: 0;
}
sqr-refinements .sort-container .ref-select.open .options .ref-option {
padding: 5px 25px 5px 0px;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
position: relative;
text-transform: none;
border: 0;
width: 100%;
}
sqr-refinements .sort-container .ref-select.open .options .ref-option .check {
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
cursor: pointer;
background: #fff;
border: 1px solid #000;
position: relative;
}
sqr-refinements .sort-container .ref-select.open .ref-option.selected {
text-decoration: none;
}
sqr-refinements .sort-container .ref-select.open .ref-option.selected .check:before {
content: "";
height: 10px;
width: 10px;
background-color: #000;
position: absolute;
top: 3px;
left: 3px;
}
sqr-refinements .view-thumbs-mode {
margin: 0;
padding: 0;
position: absolute;
float: none;
}
sqr-refinements .view-thumbs-mode .standard-view-mode,
sqr-refinements .view-thumbs-mode .large-view-mode {
width: 50px;
height: 50px;
float: left;
color: #000;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
sqr-refinements .view-thumbs-mode .standard-view-mode:before,
sqr-refinements .view-thumbs-mode .large-view-mode:before {
line-height: 48px;
width: 50px;
}
sqr-refinements .view-thumbs-mode .standard-view-mode.selectedView,
sqr-refinements .view-thumbs-mode .large-view-mode.selectedView {
background-color: #ececec;
}
sqr-refinements .view-thumbs-mode .large-view-mode {
border-right: 0;
}
sqr-refinements .view-thumbs-mode .standard-view-mode:before {
content: "2";
}
sqr-refinements .view-thumbs-mode .large-view-mode:before {
content: "1";
}
.catalog-category sqr-refinements.displayRef {
display: block;
}
.sort-container .ref-select .ref-name .select-arrow {
right: 5px;
top: 3px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
sqr-refinements .refinements-container .toggler .label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
sqr-refinements .refinements-container .toggler .label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
/* Tezenis restyling view thumbs */
.view-thumbs-mode {
float: right;
margin-left: 60px;
padding: 20px 0;
}
.view-thumbs-mode.hideToggleView {
display: none;
}
.view-thumbs-mode .label {
display: none;
}
.view-thumbs-mode .standard-view-mode,
.view-thumbs-mode .large-view-mode {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin: 0;
background-color: #fff;
position: relative;
color: #cccccc;
}
.view-thumbs-mode .standard-view-mode:before,
.view-thumbs-mode .large-view-mode:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 3px;
line-height: 20px;
width: 20px;
text-align: center;
font-weight: 600;
}
.view-thumbs-mode .standard-view-mode.selectedView,
.view-thumbs-mode .large-view-mode.selectedView {
color: #000;
}
@media only screen and (min-width: 1025px) {
.view-thumbs-mode .standard-view-mode:before {
content: "6";
}
.view-thumbs-mode .large-view-mode:before {
content: "3";
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.view-thumbs-mode .standard-view-mode:before {
content: "3";
}
.view-thumbs-mode .large-view-mode:before {
content: "2";
}
}
@media only screen and (min-width: 751px) {
.view-thumbs-mode .standard-view-mode,
.view-thumbs-mode .large-view-mode {
position: relative;
}
.view-thumbs-mode .standard-view-mode.selectedView:after,
.view-thumbs-mode .large-view-mode.selectedView:after {
content: "";
display: block;
width: 4px;
height: 4px;
border-radius: 4px;
background-color: #000;
position: absolute;
top: 100%;
left: 50%;
margin-left: -2px;
}
}
p.result-text {
margin: 0 0 30px 0;
}
#thumbnail-height,
.refined-thumbs,
sqr-refined-thumbs,
.refined-category-thumbs,
refined-category-thumbs {
float: left;
width: 100%;
text-align: left;
}
.catalog-thumbnail {
background-color: transparent;
}
.hasLeftNav .catalog-thumbnail,
.hasLeftNav .catalog-search {
width: 100%;
margin: 0;
}
@media only screen and (min-width: 1025px) {
.catalog-category,
.catalog-thumbnail,
.catalog-search {
padding-right: 40px;
}
}
@media only screen and (min-width: 751px) {
.catalog-category,
.catalog-thumbnail,
.catalog-search {
padding: 0 40px;
}
}
@media only screen and (max-width: 750px) {
.catalog-category,
.catalog-thumbnail,
.catalog-search {
padding: 0 20px;
}
}
/* Category Template with Filmstrips - Refinements */
.refined-category-thumbs.category-filmstrips .sort-container {
display: none !important;
}
@media only screen and (max-width: 750px) {
.refined-category-thumbs.category-filmstrips sqr-refinements .refinements-container .toggler {
width: 100%;
}
}
/* end Category Template with Filmstrips - Refinements */
.thumb-area {
margin: -20px;
padding-bottom: 40px;
}
/* Tezenis Restyling entity thumb styles */
.entity-thumb {
width: 16.66%;
padding: 20px;
margin: 0;
display: inline-block;
vertical-align: top;
text-align: left;
/* Large thumbs - show quickViewBtn */
/* Small thumbs - show quickview icon */
/* Managed content in listing */
/* Large thumbs */
}
.entity-thumb .icon-wishlist {
position: absolute;
z-index: 6;
top: 10px;
right: 10px;
}
.entity-thumb .entity-pic > .icon-bag {
background-image: url(../assets/images/icons/icon-bag-listing.png);
background-size: contain;
position: absolute;
display: block;
bottom: 10px;
right: 10px;
z-index: 6;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.entity-thumb .quickViewBtn {
position: absolute;
display: block;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 6;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
cursor: pointer;
border-width: 1px;
padding: 4px 15px;
height: 35px;
}
.entity-thumb .quickViewBtn .icon-bag {
width: 18px;
height: 18px;
vertical-align: baseline;
position: relative;
top: 2px;
margin-right: 5px;
}
.entity-thumb .quickViewBtn:hover .icon-bag {
background-image: url(../assets/images/icons/svg/shopping_bag_white.svg);
}
.entity-thumb:hover .availability-layer {
opacity: 1!important;
}
.entity-thumb:hover .availability-message {
display: none;
}
.entity-thumb.multi-rows:hover .quickViewBtn {
opacity: 1;
}
.entity-thumb:not(.multi-rows):hover .entity-pic > .icon-bag {
opacity: 1;
}
.entity-thumb .entity-pic {
display: block;
background-color: transparent;
position: relative;
overflow: hidden;
/* Promo messages */
/* end Promo messages */
}
.entity-thumb .entity-pic .alt-image {
position: absolute;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
background-color: #fff;
}
.entity-thumb .entity-pic:hover .alt-image {
opacity: 1;
}
.entity-thumb .entity-pic span.availability-message {
display: inline-block;
font-weight: 500;
margin: 0;
border: 1px solid;
padding: 3px 5px;
position: absolute;
top: 0;
left: 0;
display: none;
}
@media (min-width: 751px) {
.entity-thumb .entity-pic span.availability-message {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-pic span.availability-message {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.entity-thumb .entity-pic .availability-layer {
background: rgba(255, 255, 255, 0.8);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
opacity: 1;
/* set 0 to show on hover */
z-index: 6;
}
.entity-thumb .entity-pic .availability-layer .availability-text {
display: block;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 20px;
width: 100%;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.entity-thumb .entity-pic .availability-layer .availability-text {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-pic .availability-layer .availability-text {
font-size: 14px;
line-height: 19px;
}
}
.entity-thumb .entity-pic .availability-layer .availability-text i {
display: block;
margin: 0 auto 15px;
}
.entity-thumb .entity-pic .availability-layer .availability-link {
display: block;
position: absolute;
bottom: 10px;
left: 0;
padding: 0 20px;
width: 100%;
}
.entity-thumb .entity-pic span.promo-message-container {
position: absolute;
top: 10px;
left: 0px;
width: auto;
z-index: 5;
max-width: 70%;
/* prevent overriding wishlist icon */
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message {
display: block;
text-align: center;
font-weight: 600;
margin: 0;
line-height: normal!important;
/* TODO decomment following styles to activate old promo messages styles */
/*
p.white-on-peach {
color: white;
background-color: @peach;
}
p.black-on-pink {
color: #000;
background-color: @fuxia;
}
p.white-on-black {
color: #FFF;
background-color: #000;
}
// default promo message style to override old styles
p:not(.white-on-peach):not(.black-on-pink):not(.white-on-black) {
border: 1px solid @peach;
}
p:not(.white-on-peach):not(.black-on-pink):not(.white-on-black),
& > font {
color: @peach!important;
background-color: transparent!important;
margin:0;
padding: 3px 10px 0; // fix line height
display: block;
*, font, a {
color: @peach!important;
background-color: transparent!important;
}
a {
pointer-events: none;
}
}
*/
}
@media (min-width: 751px) {
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p {
margin: 0;
padding: 3px 10px 0;
border: 1px solid #ff6666;
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message > font {
color: #ff6666 !important;
background-color: transparent!important;
margin: 0;
padding: 3px 10px 0;
display: block;
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p *,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message > font *,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p font,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message > font font,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p a,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message > font a {
color: #ff6666 !important;
background-color: transparent!important;
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message p a,
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message > font a {
pointer-events: none;
}
.entity-thumb .entity-pic span.promo-message-container span.single-promo-message + span.single-promo-message {
margin-top: -1px;
}
.entity-thumb .availability-pic,
.entity-thumb .availability-info {
opacity: 0.2;
}
.entity-thumb img {
width: 100%;
height: auto;
border: 0 solid #fff;
}
.entity-thumb .entity-info {
position: relative;
}
.entity-thumb .entity-name {
font-weight: 500;
letter-spacing: 0.05em;
margin: 10px 0 5px;
width: 100%;
max-height: 40px;
line-height: 20px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-word;
-webkit-box-orient: vertical;
/* Promo message NEW */
}
@media (min-width: 751px) {
.entity-thumb .entity-name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-name {
font-size: 12px;
line-height: 15px;
}
}
.entity-thumb .entity-name a {
color: #000;
}
.entity-thumb .entity-name .top-left-message {
display: inline-block;
}
.entity-thumb .entity-name .top-left-message p {
margin: 0!important;
}
.entity-thumb .entity-name .top-left-message .title-promo-message {
margin: 0;
border-bottom: 1px solid;
}
.entity-thumb .entity-name .top-left-message .title-promo-message.no-border {
border-bottom: 0;
}
.entity-thumb .entity-price {
margin: 5px 0;
width: 100%;
}
@media (min-width: 751px) {
.entity-thumb .entity-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.entity-thumb .entity-price span {
display: inline-block;
}
.entity-thumb .entity-price .msrp {
text-decoration: line-through;
margin-left: 5px;
}
.entity-thumb .variant-label {
font-weight: 600;
text-transform: uppercase !important;
color: #666666;
margin: 0;
}
@media (min-width: 751px) {
.entity-thumb .variant-label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.entity-thumb .variant-label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.entity-thumb .variant-swatches-container {
position: relative;
margin-bottom: 5px;
/* Swatches on hover disabled */
}
.entity-thumb .swatches-container {
/* Show swatches only for large thumbs and first image big */
display: none;
/* Icon more swatches - hidden as default */
/* Swatches on hover disabled */
}
.entity-thumb .swatches-container .more-swatches {
display: none;
width: 14px;
height: 14px;
}
.entity-thumb .swatches-container .swatch-image {
width: 14px;
height: 14px;
border-radius: 14px;
margin-right: 10px;
overflow: hidden;
line-height: 1;
}
.entity-thumb .swatches-container .swatch-image img {
-webkit-animation: fadeIn ease-in 0.2s;
-moz-animation: fadeIn ease-in 0.2s;
-o-animation: fadeIn ease-in 0.2s;
animation: fadeIn ease-in 0.2s;
opacity: 1;
}
.entity-thumb .entity-content .text-caption {
font-weight: 600;
margin-top: 10px;
display: block;
max-height: 70px;
overflow: hidden;
}
@media (min-width: 751px) {
.entity-thumb .entity-content .text-caption {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.entity-thumb .entity-content .text-caption {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.entity-thumb.multi-rows .entity-content .text-caption {
max-height: 35px;
}
.sort-option-container {
display: none;
}
/* LARGE THUMBS */
.entity-thumb.multi-rows {
width: 33.33%;
padding: 20px;
/* Show swatches only for large thumbs and first image big */
}
.entity-thumb.multi-rows .entity-name {
max-height: 20px;
-webkit-line-clamp: 1;
}
.entity-thumb.multi-rows .variant-label {
display: none;
}
.entity-thumb.multi-rows .swatches-container {
display: block;
}
/* Fix product name for small/medium desktop resolutions */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.entity-thumb.multi-rows .entity-name {
max-height: 40px;
-webkit-line-clamp: 2;
}
.entity-thumb:not(.multi-rows) .entity-name,
.entity-thumb:not(.multi-rows) .entity-price {
font-size: 11px;
}
.entity-thumb:not(.multi-rows) .entity-pic .availability-layer .availability-text {
font-size: 13px;
}
}
/* Swatches on hover for desktop small thumbs */
@media only screen and (min-width: 1025px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container {
cursor: pointer;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .variant-label:not(.thumbnail-single-variant) {
opacity: 0;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container {
display: block;
position: absolute;
top: 0;
left: 0;
background: #fff;
}
}
/* Swatches on hover desktop breakpoints (CR #15291) */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container .swatches-container .swatch-image:nth-child(n+4) {
display: none;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container:not(.swatches-count-1):not(.swatches-count-2):not(.swatches-count-3) .more-swatches {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container .swatches-container .swatch-image:nth-child(n+5) {
display: none;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container:not(.swatches-count-1):not(.swatches-count-2):not(.swatches-count-3):not(.swatches-count-4) .more-swatches {
display: inline-block;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1549px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container .swatches-container .swatch-image:nth-child(n+6) {
display: none;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container:not(.swatches-count-1):not(.swatches-count-2):not(.swatches-count-3):not(.swatches-count-4):not(.swatches-count-5) .more-swatches {
display: inline-block;
}
}
@media only screen and (min-width: 1550px) and (max-width: 1849px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container .swatches-container .swatch-image:nth-child(n+7) {
display: none;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container:not(.swatches-count-1):not(.swatches-count-2):not(.swatches-count-3):not(.swatches-count-4):not(.swatches-count-5):not(.swatches-count-6) .more-swatches {
display: inline-block;
}
}
@media only screen and (min-width: 1850px) {
.entity-thumb:not(.multi-rows) .variant-swatches-container .swatches-container .swatch-image:nth-child(n+9) {
display: none;
}
.entity-thumb:not(.multi-rows) .variant-swatches-container:hover .swatches-container:not(.swatches-count-1):not(.swatches-count-2):not(.swatches-count-3):not(.swatches-count-4):not(.swatches-count-5):not(.swatches-count-6):not(.swatches-count-7):not(.swatches-count-8) .more-swatches {
display: inline-block;
}
}
/* CATEGORY/SUBCATEGORY HEADING */
.sub-category-title-container .category-heading {
display: inline-block;
margin-top: 0;
text-align: left;
}
.sub-category-title-container .view-more-container {
display: inline-block;
}
.sub-category-title-container .view-more-container .view-more-label {
font-weight: 600;
display: inline-block;
vertical-align: middle;
margin: 0;
text-transform: uppercase !important;
}
@media (min-width: 751px) {
.sub-category-title-container .view-more-container .view-more-label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.sub-category-title-container .view-more-container .view-more-label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) {
.sub-category-title-container {
max-width: 65%;
}
.sub-category-title-container .view-more-container .view-more-label {
margin: 0 20px;
}
}
@media only screen and (max-width: 750px) {
.sub-category-title-container .category-heading {
display: inline-block;
width: 60%;
}
.sub-category-title-container .view-more-container {
width: 40%;
float: right;
padding-left: 15px;
margin-top: 2px;
text-align: right;
}
}
/* LOAD MORE */
sqr-loader-more {
width: 100%;
display: block;
text-align: center;
margin: 0;
padding: 20px 0 60px;
}
.load-more-label {
font-weight: 600;
padding: 0 40px 15px;
text-transform: uppercase !important;
}
@media (min-width: 751px) {
.load-more-label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.load-more-label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
/* TABLET THUMBS */
.entity-thumb {
width: 33.33%;
padding: 20px;
}
.entity-thumb.multi-rows {
width: 50%;
}
.entity-thumb .entity-pic > .icon-bag {
opacity: 1;
}
.entity-thumb .quickViewBtn {
display: none;
}
}
@media only screen and (max-width: 750px) {
/* MOBILE THUMBS */
.thumb-area {
margin: -10px;
padding-bottom: 20px;
}
.entity-thumb {
width: 50%;
padding: 10px;
}
.entity-thumb .entity-pic > .icon-bag {
opacity: 1;
}
.entity-thumb .quickViewBtn {
display: none;
}
.entity-thumb .entity-name {
font-weight: 500;
letter-spacing: 0.05em;
max-height: 45px;
line-height: 15px;
-webkit-line-clamp: 3;
}
.entity-thumb.multi-rows {
width: 100%;
padding: 10px;
}
.entity-thumb.multi-rows .entity-name {
max-height: 30px;
-webkit-line-clamp: 2;
}
.entity-thumb .entity-price {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
}
.entity-thumb .availability-layer .availability-text {
font-weight: 500;
letter-spacing: 0.05em;
}
sqr-loader-more {
padding: 20px 0 30px;
margin: 0;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.entity-thumb .entity-name {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.entity-thumb .entity-name {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.entity-thumb .availability-layer .availability-text {
font-size: 15px;
line-height: 23px;
}
}
/*------- CATEGORY TEMPLATE WITH FILMSTRIP -------*/
.thumbnail-wrap {
position: relative;
border-top: 1px solid #ececec;
padding-top: 35px;
}
.thumbnail-wrap .sub-category-title {
margin: 0;
display: inline-block;
}
.thumbnail-wrap .sub-category-title a {
font: inherit;
}
.thumbnail-wrap .view-more-container .view-more-label {
font-weight: 600;
display: inline-block;
vertical-align: middle;
margin: 0;
text-transform: uppercase !important;
}
@media (min-width: 751px) {
.thumbnail-wrap .view-more-container .view-more-label {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.thumbnail-wrap .view-more-container .view-more-label {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.thumbnail-wrap .sub-category-previews {
padding: 35px 0 45px;
}
.thumbnail-wrap .entity-thumb .variant-swatches-container {
margin-bottom: 0;
}
@media only screen and (min-width: 751px) {
.thumbnail-wrap .sub-category-title-container {
display: inline-block;
width: 60%;
}
.thumbnail-wrap .sub-category-title-container .view-more-button {
margin: 0 20px;
}
.thumbnail-wrap .view-more-container {
display: inline-block;
width: 39%;
text-align: right;
font-size: 0;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.thumbnail-wrap .sub-category-previews {
padding: 35px 0 40px;
}
}
@media only screen and (max-width: 750px) {
.thumbnail-wrap .sub-category-previews {
padding: 30px 0 40px;
}
.thumbnail-wrap .sub-category-title-container {
display: inline-block;
width: 60%;
}
.thumbnail-wrap .view-more-container {
width: 40%;
float: right;
padding-left: 15px;
margin-top: 2px;
text-align: right;
}
.thumbnail-wrap .view-more-button-container {
text-align: center;
margin-bottom: 40px;
}
}
.refined-category-thumbs .thumbnail-wrap:nth-of-type(1) {
border-top: 0;
padding-top: 0;
}
.refined-category-thumbs .thumbnail-wrap:last-child .category-banner .cmsWrapper {
margin-bottom: 30px;
}
/*------- end CATEGORY TEMPLATE WITH FILMSTRIP -------*/
/*------- CATEGORY/SUBCATEGORY FIRST IMAGE BIG -------*/
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1) {
/* Large thumbs */
/* Small thumbs */
}
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1):not(.multi-rows) {
width: 33.33%;
float: left;
/* Show swatches only for large thumbs and first image big */
}
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1):not(.multi-rows) .variant-label {
display: none;
}
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1):not(.multi-rows) .swatches-container {
display: block;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1) {
/* Small thumbs */
}
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1):not(.multi-rows) {
width: 66.66%;
}
}
@media only screen and (max-width: 750px) {
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1) {
/* Small thumbs */
}
.refined-thumbs.firstImageBig .entity-thumb:nth-of-type(1):not(.multi-rows) {
width: 100%;
}
}
/*------- end CATEGORY/SUBCATEGORY FIRST IMAGE BIG -------*/
.searchInProgress .text {
text-align: center;
top: 45%;
position: absolute;
left: 50%;
width: auto;
font-size: 30px;
display: table-cell;
vertical-align: middle;
margin-top: 120px;
}
.content-shop-the-look {
width: 100%;
float: left;
margin-bottom: 10px;
}
.content-shop-the-look .tznButton.blackColor {
background-color: white;
border: none;
color: black;
}
@media (min-width: 751px) {
.content-shop-the-look .tznButton.blackColor {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.content-shop-the-look .tznButton.blackColor {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.content-shop-the-look .prod-url {
border-bottom: 3px solid black;
}
.entity-thumb.multi-rows .content-shop-the-look {
display: none;
}
/*------- SEARCH --------*/
body.search {
width: auto;
height: auto;
background-position: auto;
}
.catalog-search,
.catalog-search .search-result-container {
width: auto;
margin: 0;
background-color: transparent;
padding-bottom: 0;
}
.catalog-search {
overflow: visible;
}
.search-result-container .category-heading-container {
margin: 0;
}
.search-result-container .category-heading-container .category-heading {
font-weight: 400;
}
.search-result-container .category-heading-container .category-heading .search-term {
font-weight: 500;
}
.search-result-container sqr-refined-search-thumbs .search-messages {
padding: 15px 0;
width: 100%;
float: left;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
margin-bottom: 15px;
}
.search-result-container .sub-category-title-container .view-more-container .view-more-label {
margin-left: 0;
}
.search-result-container .no-results-banner {
float: right;
width: 50%;
}
.search-result-container .not-found {
position: relative;
width: 50%;
display: block;
float: left;
}
.search-result-container .not-found .not-found-text {
width: 100%;
}
.search-result-container .not-found .search-again {
width: 100%;
margin-top: 30px;
}
.search-result-container .not-found .search-again .search-again-label {
padding-bottom: 8px;
font-weight: 500;
font-size: 12px;
}
.search-result-container .not-found .search-again .search-text {
border: 1px solid #000;
width: 70%;
font-weight: 500;
margin-right: 0;
float: left;
}
.search-result-container .not-found .search-again .search-button {
width: 30%;
float: left;
height: 45px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.search-result-container sqr-refinements {
clear: both;
}
.search-result-container sqr-refinements .refinements-container {
margin-top: 0;
}
.search-result-container #category-heading-container .category-heading {
display: block;
padding: 0;
}
.search-result-container sqr-refined-search-thumbs .search-messages {
margin-bottom: 0;
}
}
@media only screen and (max-width: 750px) {
.search-result-container sqr-refinements {
clear: both;
}
.search-result-container .category-heading-container .category-heading {
display: block;
padding: 0;
text-align: center;
width: 100%;
margin: 25px 0 30px;
}
.search-result-container sqr-refined-search-thumbs .search-messages {
padding: 0;
width: 100%;
float: left;
border: 0 solid transparent;
}
.search-result-container .no-results-banner {
float: none;
}
.search-result-container .no-results-banner img {
width: 100%;
padding-top: 10px;
}
.search-result-container .not-found {
float: none;
width: 100%;
}
.search-result-container .not-found .not-found-text {
width: 100%;
}
.entity-thumb.multi-rows .content-shop-the-look {
display: block;
}
}
/* STYLES FOR LAZY LOADING */
.afkl-img-ratio-tzn {
padding-bottom: 150%;
z-index: 1;
}
.afkl-img-ratio-tzn.alt {
width: 100%;
position: absolute;
z-index: 2;
}
.afkl-img-ratio-tzn.main-image-small {
position: absolute;
}
.afkl-img-ratio-tzn img {
position: absolute;
}
.swatch-image {
display: inline-block;
position: relative;
}
.swatch-image.afkl-lazy-image-loading {
background: transparent;
}
.fadeIn {
opacity: 0;
-webkit-animation: fadeIn ease-in 0.5s;
-moz-animation: fadeIn ease-in 0.5s;
-o-animation: fadeIn ease-in 0.5s;
animation: fadeIn ease-in 0.5s;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* Listing page heading */
.hasLeftNav .category-heading-container {
width: 100%;
}
.hasLeftNav .category-heading-container .category-heading {
color: #000;
}
.category-heading,
.category-heading-container .category-heading,
.sub-category-title {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 25px;
text-align: left;
text-transform: none;
}
@media (min-width: 751px) {
.category-heading,
.category-heading-container .category-heading,
.sub-category-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.category-heading,
.category-heading-container .category-heading,
.sub-category-title {
font-size: 18px;
line-height: 23px;
}
}
@media (max-width: 750px) {
.category-heading,
.category-heading-container .category-heading,
.sub-category-title {
text-align: center;
margin: 25px 0;
}
}
/* Breadcrumbs */
.catalog-category-breadcrumb {
background-color: transparent;
margin: 0;
float: right;
padding: 0;
border: 0;
position: relative;
width: 100%;
overflow: hidden;
text-align: center;
color: #000000;
}
.catalog-category-breadcrumb * {
background-color: transparent;
}
.catalog-category-breadcrumb .browse-container {
display: none;
}
.catalog-category-breadcrumb .Breadcrumb {
width: 100%;
}
.catalog-category-breadcrumb ul.breadcrumb {
display: inline-block;
margin: 0 auto;
padding: 10px;
}
.catalog-category-breadcrumb ul.breadcrumb li {
font-weight: 500;
letter-spacing: 0.1em;
float: none;
}
@media (min-width: 751px) {
.catalog-category-breadcrumb ul.breadcrumb li {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.catalog-category-breadcrumb ul.breadcrumb li {
font-size: 12px;
line-height: 15px;
}
}
.catalog-category-breadcrumb ul.breadcrumb li a {
font-weight: 500;
letter-spacing: 0.1em;
border-bottom: 1px solid transparent;
/* simulate prjLink on hover/active */
}
@media (min-width: 751px) {
.catalog-category-breadcrumb ul.breadcrumb li a {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.catalog-category-breadcrumb ul.breadcrumb li a {
font-size: 12px;
line-height: 15px;
}
}
.catalog-category-breadcrumb ul.breadcrumb li a:hover,
.catalog-category-breadcrumb ul.breadcrumb li a:active {
border-bottom: 1px solid #000;
text-decoration: none;
}
.breadcrumb li {
color: #000;
}
.breadcrumb > li + li:before {
color: #000000;
}
.breadcrumb .crumb {
padding-left: 3px;
padding-right: 3px;
}
.my-account-breadcrumb {
border-bottom: 0!important;
}
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-weight: 500;
letter-spacing: 0.1em;
float: none;
}
@media (min-width: 751px) {
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-size: 12px;
line-height: 15px;
}
}
.my-account-breadcrumb a {
border-bottom: 1px solid transparent;
/* simulate prjLink on hover/active */
}
.my-account-breadcrumb a:hover,
.my-account-breadcrumb a:active {
border-bottom: 1px solid #000;
text-decoration: none;
}
@media only screen and (min-width: 1025px) {
.catalog-category-breadcrumb {
z-index: 100;
top: 0px;
height: 75px;
position: fixed;
width: calc(100% - 600px);
width: -moz-calc(100% - 600px);
width: -webkit-calc(100% - 600px);
width: -o-calc(100% - 600px);
left: 300px;
padding-top: 10px;
}
.catalog-category-breadcrumb ul.breadcrumb {
padding: 10px 10px 0;
}
.catalog-category-breadcrumb ul.breadcrumb li {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 750px) {
/*mobile*/
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-weight: 500;
letter-spacing: 0.1em;
float: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-size: 13px;
line-height: 16px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.my-account-breadcrumb,
.my-account-breadcrumb a {
font-size: 12px;
line-height: 15px;
}
}
/* Breadcrumbs sticky top for mobile/tablet if page has top banner */
@media screen and (max-width: 1024px) {
.catalog-category-breadcrumb.fixed-mobile {
position: fixed;
width: 100%;
left: 0;
padding: 0 20px;
z-index: 10;
}
}
.select-language-mobile-container {
width: 100%;
background-color: #f3f3f3;
}
div.select-language-mobile-title-div {
margin-bottom: 25px;
}
div.select-language-mobile-title-div h1 {
font-size: 22px;
font-weight: 600;
margin-left: 2%;
margin-bottom: 0px;
padding-top: 20px;
}
div.select-language-mobile-title-div .notice {
font-weight: 600;
margin-left: 2%;
}
select.select-country-mobile,
sqr-alt-select.select-country-mobile,
sqr-alt-select.select-language-mobile {
width: 45%;
height: 30px;
float: left;
margin-left: 2%;
text-indent: 20px;
}
sqr-alt-select.select-country-mobile,
sqr-alt-select.select-language-mobile {
padding-top: 2px;
background-color: white;
}
sqr-alt-select.select-country-mobile .icon,
sqr-alt-select.select-language-mobile .icon {
right: 6px;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 6px solid #000;
}
sqr-alt-select.select-country-mobile .open .icon,
sqr-alt-select.select-language-mobile .open .icon {
border-top: 6px solid transparent;
border-bottom: 6px solid #000;
}
sqr-alt-select.select-country-mobile .selected-value.placeholder,
sqr-alt-select.select-language-mobile .selected-value.placeholder {
margin-top: 3px;
}
select.select-language-mobile {
float: left;
height: 30px;
width: 45%;
margin-left: 5%;
text-indent: 20px;
}
sqr-alt-select.select-language-mobile {
margin-left: 5%;
}
input.submit-language-mobile {
width: 95%;
margin-top: 20px;
margin-left: 2%;
border: none;
height: 45px;
background-color: black;
color: white;
margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
select.select-country-mobile {
width: 95%;
float: none;
}
select.select-language-mobile,
sqr-alt-select.select-country-mobile,
sqr-alt-select.select-language-mobile {
width: 95%;
margin-left: 2%;
margin-top: 10px;
}
}
/* Intimissimi Product Name behaviour - sticky top and slide up on scroll down */
/*
#product {
.slider-container .slider .arrow.next,
.slider-container .slider .arrow.prev {
//display: none;
}
.inner-header-wrap, .js_product-name, .js_product-price{
.transition (top @defAnimType @defAnimDuration);
}
}
*/
#product #shareButtons .gig-bar-container *,
#ensemble #shareButtons .gig-bar-container *,
#product #shareButtons div.gig-reactions-container,
#ensemble #shareButtons div.gig-reactions-container,
#product #shareButtons .gig-reactions-container span,
#ensemble #shareButtons .gig-reactions-container span,
#product #shareButtons .gig-reactions-container a:hover,
#ensemble #shareButtons .gig-reactions-container a:hover,
#product #shareButtons .gig-reactions-container a:visited,
#ensemble #shareButtons .gig-reactions-container a:visited,
#product #shareButtons .gig-reactions-container a:link,
#ensemble #shareButtons .gig-reactions-container a:link,
#product #shareButtons .gig-reactions-container a:active,
#ensemble #shareButtons .gig-reactions-container a:active {
width: 40px;
margin: 0 12px;
}
#product #shareButtons-reaction4-icon_img,
#ensemble #shareButtons-reaction4-icon_img {
display: none !important;
}
#product .prefooter-bottom,
#ensemble .prefooter-bottom {
display: none;
}
#product #ProductPage-Area3 .livestory-heading,
#ensemble #ProductPage-Area3 .livestory-heading {
padding: 30px 0px;
}
#product #ProductPage-Area3 .livestory-heading .title,
#ensemble #ProductPage-Area3 .livestory-heading .title {
font-size: 22px;
line-height: 28px;
}
#product #ProductPage-Area3 .livestory-heading .link,
#ensemble #ProductPage-Area3 .livestory-heading .link {
font-size: 13px;
line-height: 20px;
}
#product #ProductPage-Area3 .livestory-heading .link a,
#ensemble #ProductPage-Area3 .livestory-heading .link a {
text-decoration: underline;
}
.container-social-icons-product .head {
font-weight: 500;
letter-spacing: 0.1em;
margin: 40px 0px 0px;
text-align: center;
text-transform: none;
}
@media (min-width: 751px) {
.container-social-icons-product .head {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.container-social-icons-product .head {
font-size: 23px;
line-height: 28px;
}
}
.quicklook-miniproduct .slider-container .slider-aligner,
.catalog-ensemble .slider-container .slider-aligner,
.guest-wishlist .slider-container .slider-aligner {
width: 100%;
}
.quantity-container {
width: 100%;
float: left;
position: relative;
margin-bottom: 15px;
}
.quantity-container .head {
width: auto;
float: left;
max-width: 50%;
height: 30px;
overflow: hidden;
}
.quantity-container .counter-container {
margin: 0px;
float: left;
width: 50%;
padding-top: 4px;
}
.quantity-container .counter-container .selected-quantity {
width: 100%;
float: none;
text-align: left;
}
.quantity-container .counter-container .selected-quantity .less,
.quantity-container .counter-container .selected-quantity .more {
margin: 0;
}
.quantity-container .counter-container .selected-quantity .circle-container {
border: 1px solid #cccccc;
}
.quantity-container .stock-quantity {
position: absolute;
top: 100%;
left: 0;
padding-top: 5px;
max-height: 35px;
overflow: hidden;
text-align: left;
}
.product-details-container {
height: auto;
}
.discount-container {
position: relative;
display: inline-block;
}
.discount-container .price {
font-size: 40px;
text-align: center;
}
.discount-container .diagonal-stroke {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.discount-container .diagonal-stroke .line {
stroke: #cdcdcd;
stroke-width: 2;
}
.mobile-variant-selector {
display: none;
}
.EntityBody.js_variantBuyable_false .gallery-icon.wish,
.EntityBody.js_variantBuyable_false .add-to-wish-list,
.EntityBody.js_variantBuyable_false .variant-section.size,
.EntityBody.js_variantBuyable_false .quantity_wrap,
.EntityBody.js_variantBuyable_false .add-item-container,
.EntityBody.js_variantBuyable_false .mobile-variant-selector,
.EntityBody.js_variantBuyable_false .container-gallery .product-id {
display: none!important;
}
/* Promo message */
.promomsgbox ul {
margin-top: 10px;
padding-bottom: 2px;
}
.promomsgbox ul li {
font-size: 10px;
display: inline-block;
text-transform: uppercase;
font-weight: 500;
}
.promomsgbox ul li p.promo-message {
padding: 0;
margin-bottom: 0;
}
/* Override old promo messages styles */
p.promo-message.white-on-peach,
p.promo-message.black-on-pink,
p.promo-message.white-on-black {
color: #ff6666;
background-color: transparent!important;
border: 0;
}
/* end promo messages styles */
.label-on-sale {
font-size: 10px;
text-transform: uppercase;
font-weight: 500;
position: relative;
top: -9px;
padding-left: 15px;
}
.label-on-sale:before {
content: "";
border-radius: 50%;
width: 6px !important;
height: 6px !important;
background-color: #000;
position: absolute;
left: 0;
top: 3px;
}
.buttonAddcart {
width: auto;
margin-top: 10px;
height: 54px;
padding: 14px 18px;
}
.buttonAddcart.availability-prompt {
padding-top: 16px;
}
.buttonCheckout {
width: auto;
margin-top: 10px;
height: 54px;
padding: 9px 18px;
}
.description-container .add-item-container .add-to-bag-container,
.description-container .action-buttons,
.description-container .notification-coming-soon {
max-width: calc(100% - 40px);
max-width: -moz-calc(100% - 40px);
max-width: -webkit-calc(100% - 40px);
max-width: -o-calc(100% - 40px);
}
.description-container .add-item-container .add-to-bag-container .buttonAddcart {
width: 100%;
}
.description-container .promomsgbox {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
}
.buttonCheckout {
display: none;
}
.EntityBody .email-a-friend {
display: none;
}
.EntityBody .add-to-wish-list {
width: auto;
float: left;
vertical-align: top;
text-align: left;
margin-top: 17px;
margin-left: 42px;
display: inline-block;
height: 20px;
background: url('') left top no-repeat;
}
.EntityBody .add-to-wish-list a {
color: #000;
vertical-align: top;
padding-left: 0px;
font-size: 12px;
line-height: 15px;
border-bottom: 1px solid #A4A4A4;
text-decoration: none!important;
}
.description-container .column .toggler {
font-weight: 500;
letter-spacing: 0.05em;
padding: 15px 0px;
cursor: inherit;
}
@media (min-width: 751px) {
.description-container .column .toggler {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.description-container .column .toggler {
font-size: 14px;
line-height: 19px;
}
}
@media only screen and (min-width: 1025px) {
.description-container .column {
width: 33.3%;
float: left;
padding: 0 10px;
}
.description-container .description-elements {
margin-top: 90px;
margin-bottom: 60px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.description-container .column {
width: 100%;
float: none;
padding: 0 10% 10px;
}
.description-container .description-elements {
margin-top: 50px;
margin-bottom: 30px;
}
}
.description-container .shipping-pref-container,
.description-container .info-product-container {
width: 100%;
float: left;
margin-top: 8px;
}
.description-container .shipping-pref-container .link-store-availability,
.description-container .info-product-container .link-store-availability,
.description-container .shipping-pref-container .link-info-product,
.description-container .info-product-container .link-info-product {
cursor: pointer;
font-weight: 500;
letter-spacing: 0.05em;
clear: both;
padding-right: 0%;
padding-left: 0px;
margin-left: 0;
position: relative;
color: black;
text-transform: none;
float: left;
text-align: left;
width: 100%;
display: inline-block;
}
@media (min-width: 751px) {
.description-container .shipping-pref-container .link-store-availability,
.description-container .info-product-container .link-store-availability,
.description-container .shipping-pref-container .link-info-product,
.description-container .info-product-container .link-info-product {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.description-container .shipping-pref-container .link-store-availability,
.description-container .info-product-container .link-store-availability,
.description-container .shipping-pref-container .link-info-product,
.description-container .info-product-container .link-info-product {
font-size: 11px;
line-height: 15px;
}
}
.description-container .shipping-pref-container .link-store-availability span,
.description-container .info-product-container .link-store-availability span,
.description-container .shipping-pref-container .link-info-product span,
.description-container .info-product-container .link-info-product span {
line-height: 25px;
display: inline-block;
vertical-align: bottom;
padding-left: 7px;
font-weight: inherit;
}
.description-container .shipping-pref-container .link-store-availability,
.description-container .info-product-container .link-store-availability {
margin-top: 0px;
}
.description-container .add-item-container,
.shipping-pref-container {
padding-top: 0px;
}
.add-item-container {
width: 100%;
float: left;
}
.container-social-icons-product-mobile {
float: left;
width: 100%;
max-width: 372px;
height: auto;
padding-left: 40px;
display: none;
}
.container-gallery {
width: calc(100% - 255px);
width: -moz-calc(100% - 255px);
width: -webkit-calc(100% - 255px);
width: -o-calc(100% - 255px);
float: left;
height: auto;
padding: 0 6%;
}
.item-main {
position: relative;
float: left;
width: 100%;
max-width: 372px;
height: auto;
}
.container-carousel {
float: left;
width: 100%;
max-width: 372px;
height: 80px;
background-color: #e5e5e5;
margin-top: 10px;
}
.container-scheda-prodotto {
float: left;
width: 255px;
height: auto;
}
.dati-scheda-prodotto {
float: left;
width: 254px;
height: auto;
}
.available-variant {
text-align: left;
}
.circle-container.no-ecommerce {
cursor: default;
}
img.circle-container {
margin: 0;
border: none;
}
.size-container {
width: auto;
height: 21px;
display: inline-block;
text-align: center;
color: black;
margin: 10px 25px 0px 0px;
cursor: pointer;
}
.color-container {
margin-right: 20px;
}
.size-container.selected .inner-text {
font-weight: 600;
border-bottom: 2px solid black;
}
.size-container.disabled {
background: transparent;
pointer-events: none;
}
.size-container.disabled .inner-text {
color: #ccc;
}
.single-variant {
width: 21px;
height: 21px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
text-align: center;
color: black;
cursor: pointer;
vertical-align: top;
position: relative;
border: 0px solid #cccccc;
}
.single-variant.size-container {
width: auto;
min-width: 21px;
}
.single-variant.size-container .single-variant {
width: auto;
}
.circle-container {
width: 21px;
height: 21px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
text-align: center;
border: 0px solid #cccccc;
color: black;
cursor: pointer;
margin-top: 17px;
background-color: #FFFFFF;
vertical-align: top;
position: relative;
}
.circle-container .onSale {
position: absolute;
top: -2px;
left: -8px;
border-radius: 50%;
width: 6px !important;
height: 6px !important;
z-index: 99;
}
.circle-container.selected:after {
content: " ";
display: block;
position: absolute;
width: 21px;
height: 2px;
background-color: #000;
margin-top: 5px;
margin-bottom: 5px;
}
.circle-container.selected .inner-text {
line-height: 27px;
}
.circle-container .inner-text {
font-weight: 500;
letter-spacing: 0.05em;
height: 100%;
width: 100%;
}
@media (min-width: 751px) {
.circle-container .inner-text {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.circle-container .inner-text {
font-size: 12px;
line-height: 15px;
}
}
.circle-container.disabled {
background: #F5F5F5;
color: #CCC;
cursor: not-allowed;
}
.description-container .head .label_2:after {
content: " ";
display: inline-block;
width: 31px;
height: 3px;
background-color: #fa9374;
margin-bottom: 2px;
margin-left: 10px;
}
.description-container .head {
height: auto;
padding-top: 8px;
text-align: left;
}
.description-container .head .label_1 {
width: 100%;
float: left;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
color: black;
margin-right: 17px;
margin-bottom: -3px;
}
@media (min-width: 751px) {
.description-container .head .label_1 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.description-container .head .label_1 {
font-size: 12px;
line-height: 15px;
}
}
.description-container .head .label_1 .selected-color {
font-weight: 500;
letter-spacing: 0.05em;
color: black;
}
@media (min-width: 751px) {
.description-container .head .label_1 .selected-color {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.description-container .head .label_1 .selected-color {
font-size: 12px;
line-height: 15px;
}
}
.description-container .head .label_2 {
font-size: 12px;
color: black;
font-weight: normal !important;
text-align: right;
}
.description-container .head .label_3 a:nth-child(1) {
margin-right: 5px;
}
.action-buttons {
width: auto;
float: left;
}
.prices-container {
display: block;
margin-top: 10px;
text-align: left;
}
.prices-container .common-msrp-price,
.prices-container .catalog-display-price-text {
float: left;
}
.prices-container:after {
clear: both;
content: " ";
display: block;
}
.original-price-stroke {
float: left;
position: relative;
margin-left: 10px;
text-align: center;
padding: 0 5px;
}
/* Descriptions */
#select-size-color {
width: 100%;
float: left;
color: #000;
padding: 0px 0px 15px 0px;
}
.care-column {
position: relative;
}
.care-column .tooltip-text {
background-color: #fff;
border: 1px solid #ccc;
padding: 15px;
width: 100%;
z-index: 8;
overflow: hidden;
position: absolute;
font-size: 10px;
text-transform: uppercase;
margin-top: 15px;
display: none;
}
.care-column .tooltip-text.active {
display: block;
}
.care-column .tooltip-text-mobile {
border: none;
overflow: hidden;
font-size: 10px;
width: 86%;
vertical-align: middle;
background-color: #fff;
z-index: 8;
text-transform: uppercase;
color: #ccc;
margin-top: 4px;
float: left;
display: none;
}
.care-column .tooltip-text-mobile.active {
display: block;
}
.care-column ul {
margin: 0;
}
.care-column li {
float: left;
text-align: center;
width: auto;
margin: 15px 3.6% 10px 3.6%;
}
.care-column li .care-icon {
display: block;
position: relative;
width: 28px;
height: 28px;
background-repeat: no-repeat;
background-position: center bottom;
}
.care-column li .care-text {
font-size: 8px;
color: #000;
font-weight: 600;
display: block;
line-height: 10px;
max-width: 75px;
margin: 0 auto;
}
.composition_column {
float: left;
width: 100%;
}
.composition_column li {
margin-bottom: 5px;
color: #000;
width: auto;
display: inline-block;
padding: 0 10px;
}
.composition_column li + li:before {
content: "-";
display: inline-block;
margin-left: -15px;
}
.composition_column.partType li span.value {
font-weight: normal;
}
.composition_column.partType li span.value:after {
content: ",";
}
.composition_column.partType li span.value:last-child:after {
display: none;
}
.mainfabric_row {
display: none;
padding-bottom: 15px;
color: #000;
}
.mainfabric_row .bold-text {
font-weight: 600;
}
.description-container .available-variant {
text-align: left;
padding: 0px 0 29px;
}
.description-elements {
float: left;
width: 100%;
margin-top: 26px;
}
.description-elements .product-id {
text-align: center;
}
.description-elements .label_desc {
margin-right: 30px;
text-align: center;
padding-top: 5px;
-webkit-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.description-elements .label_desc .content-box {
font-weight: 400;
font-size: 13px;
line-height: 20px;
font-weight: 300;
color: #000;
padding-bottom: 10px;
}
@media (min-width: 751px) {
.description-elements .label_desc .content-box {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.description-elements .label_desc .content-box {
letter-spacing: 0.1em;
}
}
.description-elements .label_desc .content-box a {
color: #000;
font-size: 12px;
}
.description-elements .label_desc .content-box a:hover {
color: #000;
font-size: 12px;
text-decoration: underline;
}
.description-elements .label_desc .desc-icon {
float: right;
margin-top: 5px;
display: none;
}
.description-elements .label_desc i.arrow-down {
display: none;
}
.description-elements .label_desc.hidden-overflow {
overflow: hidden!important;
}
.description-elements .label_desc:nth-child(4) {
margin-bottom: 20px;
}
.description-elements .label_desc.mobile-toggle-closed .toggler {
cursor: pointer;
padding-top: 8px;
padding-bottom: 10px;
}
.description-elements .label_desc.mobile-toggle-open .toggler {
cursor: pointer;
padding-top: 8px;
padding-bottom: 10px;
}
.description-elements .label_desc.mobile-toggle-open .toggler i.caret-accordion {
width: 9px;
height: 7px;
background: url(../assets/images/icons/arrow-down.jpg) no-repeat;
}
.counter-container {
float: left;
margin-right: 5%;
}
.counter-container .value {
display: inline-block;
}
.counter-container input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]) {
border: none;
padding: 0 6px;
height: auto;
}
.counter-container input.counter-field {
border: 0;
font-weight: 600;
width: 30px;
padding-top: 0;
height: 25px!important;
text-align: center;
}
.counter-container .price-each {
display: none;
clear: both;
padding-top: 5px;
font-weight: 600;
font-size: 12px;
height: 27px;
box-sizing: border-box;
}
.count-product {
float: left;
max-width: 100%;
height: auto;
background-color: #ffffff;
padding-top: 14px;
}
.count-product .product-navigation-stack {
display: none;
}
.text-share {
float: left;
padding-top: 27px;
padding-right: 19px;
font-size: 13px;
font-weight: 400;
color: #969696;
}
.gig-bar-container img {
display: block;
padding-right: 10px;
}
.sharing_prodotto {
float: left;
padding-top: 10px;
}
.counter-container .selected-quantity {
width: 100%;
float: left;
text-align: left;
}
.counter-container .selected-quantity .more {
background-position: -49px -10px;
}
.counter-container .selected-quantity .less {
background-position: -10px -10px;
}
.stock-quantity {
float: left;
}
.stock-quantity div {
font-weight: 500;
color: #666666;
text-transform: uppercase !important;
}
@media (min-width: 751px) {
.stock-quantity div {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.stock-quantity div {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.add-item-container {
width: 100%;
float: left;
margin: 10px 0px;
}
.add-item-container .add-to-bag-container {
width: auto;
float: left;
position: relative;
}
/* Add to cart button styles */
.buttonAddcart .icon-bag {
vertical-align: sub;
width: 17px;
height: 17px;
margin-right: 5px;
}
.buttonAddcart:hover .icon-bag {
background-image: url(../assets/images/icons/svg/shopping_bag_white.svg);
}
/* Button go to checkout */
.btnProceedCheckout {
line-height: 14px !important;
text-align: left;
padding: 6px 18px 4px 18px;
}
.btnProceedCheckout .text2rows {
width: 70%;
display: inline-block;
text-align: left;
line-height: 18px;
}
.btnProceedCheckout i {
background-image: url(../assets/images/icons/svg/arrow_right_01_white.svg);
background-size: contain;
margin-left: 10px;
float: right;
margin-top: 10px;
}
.add-to-wish-list-container {
width: auto;
float: left;
margin-left: 20px;
margin-top: 27px;
/* .buttonAddcart height 54px */
padding: 0;
}
.add-to-bag-interceptor {
width: 100%;
height: 100%;
position: absolute;
cursor: pointer;
display: none;
}
.add-to-bag-interceptor.active {
display: block;
z-index: 1000;
}
.add-to-bag-btn {
display: block;
color: #FFF!important;
border: 0 solid;
padding: 10px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid transparent;
width: 195px;
border: 1px solid black;
color: black;
background-color: #000!important;
font-size: inherit;
height: auto;
margin-top: 11px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
.checkout-mobile {
clear: both;
margin: 10px 0;
}
.discover-new-arrivals {
display: block;
color: #FFF!important;
border: 0 solid;
padding: 10px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid transparent;
width: 195px;
border: 1px solid black;
color: black;
background-color: #000!important;
font-size: inherit;
height: auto;
margin-top: 11px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
width: auto;
margin: 10px 0;
float: none;
text-transform: none;
}
.go-to-checkout-btn {
display: block;
color: #FFF!important;
border: 0 solid;
padding: 10px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid transparent;
width: 195px;
border: 1px solid black;
color: black;
background-color: #000!important;
font-size: inherit;
height: auto;
margin-top: 11px;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
background-color: white!important;
color: #000!important;
display: none;
}
.go-to-checkout-btn.white .i-smile-correct {
display: none;
margin: -3px 5px;
}
/* Item added feedback */
.go-to-checkout-btn.white {
color: #33cc66 !important;
border: 1px solid transparent;
background-color: black !important;
text-transform: initial;
font-weight: 600;
float: left;
padding: 14px 18px !important;
}
#ensemble .go-to-checkout-btn.completeOutfit {
color: #000!important;
border: 1px solid transparent;
text-decoration: underline;
text-transform: uppercase;
font-weight: 600;
display: none;
float: right;
}
.go-to-checkout-btn.white .i-smile-correct {
float: none;
}
.go-to-checkout-btn.white {
padding: 0;
}
.add-to-bag-btn.disabled {
background: #ccc url(/assets/images/buttons/english/btn_bkg_large_gray.gif) left top repeat-x !important;
color: #CCC;
border: 1px solid #000;
cursor: not-allowed;
}
/* Styles used for the counter. */
.counter-container .counter-minus,
.counter-plus {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #000;
margin: 0;
padding: 10px 20px;
text-decoration: none;
border: 1px solid #BBB;
border-radius: 100%;
font-size: 21px;
font-weight: 600;
}
.product-name {
width: 100%;
float: left;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
color: #000;
padding-top: 15px;
margin: 0;
}
@media (min-width: 751px) {
.product-name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.product-name {
font-size: 12px;
line-height: 15px;
}
}
.product-name-mobile {
display: none;
}
.product-id {
width: 100%;
float: left;
color: #6d6d6d;
font-size: 11px;
text-align: left;
padding-top: 10px;
text-transform: uppercase;
}
.product-id-mobile {
display: none;
}
.description-container .prices-container .common-msrp-price,
.description-container .prices-container .catalog-display-price-text {
width: auto;
float: left;
padding-top: 10px;
font-weight: 600;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.description-container .prices-container .common-msrp-price,
.description-container .prices-container .catalog-display-price-text {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.description-container .prices-container .common-msrp-price,
.description-container .prices-container .catalog-display-price-text {
font-size: 15px;
line-height: 23px;
}
}
.description-container .prices-container .common-msrp-price {
color: black;
text-align: left;
}
.description-container .prices-container .catalog-display-price-text {
color: #ff6699;
text-align: left;
}
.description-container .prices-container .catalog-display-price-text.no-discount {
color: #000;
}
.common-msrp-price {
color: #000;
}
.variant-section .label_3 {
width: auto;
float: left;
text-align: left;
text-transform: uppercase;
margin: -23px 0px 20px 0px;
}
.variant-section .label_3 span {
padding-right: 10px;
}
.variant-section .label_3 a {
font-weight: 500;
border-bottom: 1px solid black;
}
@media (min-width: 751px) {
.variant-section .label_3 a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.variant-section .label_3 a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.description-container .variant-section.color {
display: block;
padding-top: 5px;
}
.description-container .variant-section.size {
display: block;
}
.description-container .variant-section.error {
font-weight: inherit!important;
}
.notification-error-top {
background-color: #fff;
color: #fa87e6;
margin: 10px 40px 0;
font-size: 11px;
padding: 2px;
text-align: left;
text-transform: uppercase;
}
.notification-error-top-mobile {
display: none;
background-color: #fff;
border: 2px solid #ff6666;
color: #ff6666;
font-weight: 600;
font-size: 12px;
width: 100%;
max-width: 400px;
padding: 3px;
text-align: center;
text-transform: uppercase;
margin: 10px 0px 15px 40px;
}
.notification-error-bottom {
width: 100%;
max-width: 410px;
text-align: left;
color: #fa87e6;
font-weight: 500;
letter-spacing: 0.05em;
padding-bottom: 30px;
clear: both;
}
@media (min-width: 751px) {
.notification-error-bottom {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.notification-error-bottom {
font-size: 11px;
line-height: 15px;
}
}
.product-not-available .notification-error-bottom {
padding: 30px 0;
}
.notification-coming-soon {
color: #76d6ba;
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
max-width: 410px;
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
clear: both;
float: left;
}
@media (min-width: 751px) {
.notification-coming-soon {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.notification-coming-soon {
font-size: 11px;
line-height: 15px;
}
}
.error-message {
display: none;
}
.error .error-message {
display: block;
margin-left: 40px;
margin-right: 5%;
text-align: left;
font-size: 13px;
padding: 5px 0;
color: #ff6666;
}
.product-error {
color: #ff6666;
}
.product-error.low-quantity {
color: #fa87e6;
}
.description-container .variant-section.size.error {
width: 100%;
max-width: 768px;
padding-left: 0px;
padding-bottom: 0px;
margin-bottom: 10px;
float: left;
}
.description-container .variant-section.size.error .error-message {
padding-top: 9px;
margin-left: 40px;
}
.description-container .variant-section.size.error .label_3 {
margin-top: -1px;
}
.description-container .variant-section.size.error.error-message {
padding-left: 0px;
}
.description-container .variant-section.size .head {
/*border-top: 1px solid #ccc;*/
/*margin-top: 10px;*/
}
.container-arrow-filmstrip {
display: block;
float: right;
margin-top: 10px;
display: none;
}
div.description-container div#product-attributes.VariantMatrix {
margin: 0;
}
.description-container .quantity_wrap,
.description-container .add-item-container,
.shipping-pref-container {
padding: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1366px) {
.slider-container {
width: 100%;
float: left;
}
.slider-container .slider-aligner {
float: none !important;
margin: 0 auto;
width: 100% !important;
}
.slider-container .container-thumbs {
display: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.text-share {
padding-top: 22px;
}
.sharing_prodotto {
float: left;
padding-top: 5px;
}
.container-gallery {
float: left;
width: 65%;
height: auto;
padding: 0 40px;
}
.container-scheda-prodotto {
float: left;
width: 35%;
height: auto;
padding-right: 40px;
}
.dati-scheda-prodotto {
float: left;
width: 100%;
height: auto;
}
.description-container .variant-section.error {
padding-right: 0px;
}
.go-to-checkout-btn {
margin-left: 5px;
}
.variant-section {
padding-right: 0px;
}
.description-elements {
float: left;
width: 100%;
max-width: 482px;
margin-top: 26px;
}
.description-elements .label_desc {
margin-right: 0px;
}
.facebook,
.twitter,
.google,
.whatsapp,
.mail {
margin-top: 19px;
}
.product-details-container {
width: 100%;
height: auto;
}
.product-name {
margin-top: 20px;
}
.product-id {
margin-top: 3px;
}
.prices-container {
margin-top: 7px;
}
.go-to-checkout-btn.white,
.buttonCheckout {
padding: 10px 0;
width: 187px;
overflow: hidden;
}
.product-name {
margin-top: 20px;
}
.product-id {
margin-top: 3px;
}
.prices-container {
margin-top: 7px;
}
.i-social-product-icons {
margin-right: 20px;
}
.text-share {
font-size: 13px;
font-weight: normal;
color: #ccc;
}
.container-filmstrip-bottom-2 {
display: block;
}
}
@media only screen and (max-width: 750px) {
/* Social Share Product/Ensemble */
body#product.prod #shareButtons .gig-bar-container *,
body#ensemble #shareButtons .gig-bar-container *,
body#product.prod #shareButtons div.gig-reactions-container,
body#ensemble #shareButtons div.gig-reactions-container,
body#product.prod #shareButtons .gig-reactions-container span,
body#ensemble #shareButtons .gig-reactions-container span,
body#product.prod #shareButtons .gig-reactions-container a:hover,
body#ensemble #shareButtons .gig-reactions-container a:hover,
body#product.prod #shareButtons .gig-reactions-container a:visited,
body#ensemble #shareButtons .gig-reactions-container a:visited,
body#product.prod #shareButtons .gig-reactions-container a:link,
body#ensemble #shareButtons .gig-reactions-container a:link,
body#product.prod #shareButtons .gig-reactions-container a:active,
body#ensemble #shareButtons .gig-reactions-container a:active {
margin: 0 4px;
}
body#product.prod #shareButtons .gig-bar-container table,
body#ensemble #shareButtons .gig-bar-container table {
margin: 0 auto;
}
body#product.prod #shareButtons-reaction4-icon_img,
body#ensemble #shareButtons-reaction4-icon_img {
display: block !important;
}
/* Mobile styles only for product page - not for product body gift card */
body#product.prod {
/* Hide scroll up button for product page mobile with sticky variant selector */
/* Descriptions */
}
body#product.prod .description-elements .label_desc.mobile-toggle-open + .product-id {
display: block;
text-align: left;
padding: 0 15px;
}
body#product.prod #shareButtons .gig-bar-container *,
body#product.prod #shareButtons div.gig-reactions-container,
body#product.prod #shareButtons .gig-reactions-container span,
body#product.prod #shareButtons .gig-reactions-container a:hover,
body#product.prod #shareButtons .gig-reactions-container a:visited,
body#product.prod #shareButtons .gig-reactions-container a:link,
body#product.prod #shareButtons .gig-reactions-container a:active {
margin: 0 4px;
}
body#product.prod #shareButtons .gig-bar-container table {
margin: 0 auto;
}
body#product.prod #shareButtons-reaction4-icon_img {
display: block !important;
}
body#product.prod .mobile-variant-selector {
display: block;
}
body#product.prod .header-center,
body#product.prod .breadcrumb,
body#product.prod .variant-section.size,
body#product.prod .variant-section.color,
body#product.prod .quantity-container,
body#product.prod .add-item-container,
body#product.prod .EntityBody .add-to-wish-list,
body#product.prod .action-buttons,
body#product.prod .wishLink,
body#product.prod .scroll-to-description,
body#product.prod .dati-scheda-prodotto .product-id,
body#product.prod .description-container .promomsgbox,
body#product.prod .open-tab-label,
body#product.prod .content-logo,
body#product.prod .header-wishlist {
display: none;
}
body#product.prod .catalog-category-breadcrumb,
body#product.prod .product-navigation-stack {
display: none;
}
body#product.prod .mobile-scroll-up {
display: none;
}
body#product.prod .slider-container .slider .arrow.next,
body#product.prod .slider-container .slider .arrow.prev {
display: none;
}
body#product.prod .promomsgbox {
width: 100%;
float: left;
}
body#product.prod .promomsgbox ul {
width: 100%;
float: left;
padding-bottom: 0px;
}
body#product.prod .promomsgbox ul li {
width: 100%;
float: left;
}
body#product.prod .promomsgbox ul li p {
margin: 0px;
}
body#product.prod #select-size-color {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
body#product.prod .product-name {
/* Product name fixed top */
position: fixed;
left: 15%;
z-index: 1013;
width: 70%;
text-align: center;
line-height: 18px;
max-height: 50px;
overflow: hidden;
}
body#product.prod .prices-container {
/* Product price fixed top */
display: inline;
text-align: center;
margin: 0px;
position: fixed;
width: 50%;
padding: 0;
left: 25%;
background-color: transparent;
z-index: 99;
}
body#product.prod .notification-coming-soon {
margin-bottom: 20px;
}
body#product.prod .notification-coming-soon + .add-to-wish-list-container {
margin-top: 0;
}
.breadcrumb-mobile-product {
/* Breadcrumbs mobile fixed top */
width: 100%;
float: left;
padding: 0 5%;
padding-top: 65px;
padding-bottom: 10px;
background-color: #fff;
position: fixed;
margin-top: -60px;
z-index: 98;
}
.breadcrumb-mobile-product .browse-container {
width: 100%;
float: left;
}
.breadcrumb-mobile-product .browse-container .history-back-wrap {
width: 50%;
float: left;
text-align: left;
}
.breadcrumb-mobile-product .browse-container .navigation-product {
width: 50%;
max-width: 55px;
float: right;
position: relative;
}
.breadcrumb-mobile-product .browse-container .navigation-product .product-arrow-prev,
.breadcrumb-mobile-product .browse-container .navigation-product .product-arrow-next {
width: 20px;
position: absolute;
top: 0;
}
.breadcrumb-mobile-product .browse-container .navigation-product .product-arrow-prev {
left: 0;
}
.breadcrumb-mobile-product .browse-container .navigation-product .product-arrow-next {
right: 0;
}
.breadcrumb-mobile-product .product-name-mobile {
font-weight: 500;
letter-spacing: 0.1em;
display: block;
clear: both;
position: fixed;
left: 15%;
z-index: 1013;
width: 70%;
text-align: center;
padding: 0;
line-height: 18px;
}
.breadcrumb-mobile-product .product-name-mobile .product-arrow-prev {
background-image: url(/tzn-front/assets/images/icons/svg/arrow_left_02.svg);
background-repeat: no-repeat;
width: 9px;
height: 12px;
position: absolute;
background-position: 0px 0px;
float: left;
left: 0;
}
.breadcrumb-mobile-product .product-name-mobile .product-arrow-next {
background-image: url(/tzn-front/assets/images/icons/svg/arrow_right_02.svg);
background-repeat: no-repeat;
width: 20px;
height: 20px;
position: absolute;
background-position: 0px 0px;
background-size: 9px 12px;
float: right;
right: 0;
}
.breadcrumb-mobile-product .product-name-mobile .product-navigation-stack {
display: none;
line-height: 25px;
}
.breadcrumb-mobile-product .product-name-mobile.bottom .product-navigation-stack {
margin-top: 15px;
font-size: 13px;
}
.breadcrumb-mobile-product .prices-container {
display: inline-block;
text-align: center;
margin-top: 0px;
width: 33.3%;
float: left;
}
.add-to-bag-container {
/*padding: 0px 15px 0px 15px;*/
}
.container-scheda-prodotto {
float: left;
width: 100%;
height: auto;
}
.description-container .variant-section.error {
padding-right: 0px;
}
.variant-section {
padding-right: 0px;
}
.product-details-container {
width: 100%;
height: auto;
}
.description-container .variant-section.size .head {
margin-top: -1px;
}
.promomsgbox ul {
text-align: center;
margin-top: 0px;
padding-bottom: 5px;
}
.discover-new-arrivals {
margin-left: 0;
float: initial;
}
.notification-error-bottom,
.notification-coming-soon {
max-width: 100%;
padding: 0;
text-align: center;
}
.description-elements {
float: left;
width: 100%;
max-width: 768px;
margin-top: 13px;
}
.description-elements .label_desc {
margin-left: 0%;
margin-right: 0%;
}
.prices-container .common-msrp-price,
.prices-container .catalog-display-price-text {
padding-left: 0px;
}
.description-container .prices-container .catalog-display-price-text {
/*padding-right: 25px;*/
}
.description-container .prices-container .catalog-display-price-text.no-discount {
color: #000;
float: none;
display: block;
text-align: center;
}
.description-container .prices-container .common-msrp-price,
.description-container .prices-container .catalog-display-price-text {
padding-top: 6px;
}
.notification-error-top {
display: none;
}
.notification-error-top-mobile {
display: none;
margin-bottom: 10px;
margin-top: 10px;
}
.error .error-message {
text-align: center;
margin-left: 2%;
margin-right: 2%;
}
.description-container .variant-section.color.error {
width: 100%;
max-width: 768px;
padding-left: 15px;
}
.description-container .variant-section.size.error {
width: 100%;
max-width: 768px;
padding-left: 0px;
padding-bottom: 0px;
}
.description-container .variant-section.size.error .error-message {
margin-left: 0%;
}
.count-product {
display: none;
}
.container-gallery {
width: 100%;
float: left;
padding: 0;
}
.item-main,
.container-carousel {
float: none;
margin: 0 auto;
width: 100%;
}
.container-carousel {
margin-top: 10px;
}
.container-social-icons-product {
display: block;
}
.container-social-icons-product-mobile {
width: 100%;
max-width: 768px;
height: auto;
padding-left: 3%;
display: block;
margin-top: -5px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.sharing_prodotto {
float: left;
padding-top: 24px;
}
.sharing_prodotto .container-icon-share .icon-share {
opacity: 0.5;
}
.i-social-product-icons.facebook {
margin-right: 15px;
}
.text-share {
font-size: 13px;
font-weight: normal;
color: #ccc;
}
.dati-scheda-prodotto {
width: 100%;
max-width: 100%;
border-bottom: 1px solid #ddd;
margin: 0 auto;
padding: 15px 12px 5px 12px;
}
.items .product-name-mobile {
text-align: left;
}
.product-id {
display: none;
}
.description-container .head {
width: 100%;
margin-left: 0%;
margin-right: 0%;
padding-top: 10px;
display: table;
}
.description-container .variant-section.color {
border-top: 1px solid #dddddd;
margin-top: 20px;
}
.description-container .head .label_2-mobile {
font-size: 13px;
color: black;
display: block;
text-align: right;
font-weight: normal !important;
}
.description-container .head .label_2-mobile:after {
content: " ";
display: inline-block;
width: 31px;
height: 3px;
background-color: #fa9374;
margin-bottom: 2px;
margin-left: 10px;
}
.description-container .head .label_2 {
width: 35%;
text-align: right;
float: right;
}
.description-container .head .label_3 {
display: none;
}
.description-container .head .label_1 {
width: 100%;
margin-right: 0px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: none;
}
.description-container .head .color-mobile {
text-align: left !important;
width: 65% !important;
}
.product-id-mobile {
display: none;
padding-left: 0px;
padding-bottom: 18px;
text-align: center;
color: #666;
font-size: 11px;
}
.container-arrow-filmstrip {
display: block;
float: right;
margin-top: 10px;
}
.description-container .prices-container .common-msrp-price {
text-align: center;
width: 100%;
padding-left: 0px;
}
.add-item-container {
width: 100%;
margin-left: 0px;
border-top: 1px solid #ccc;
margin-top: 13px;
}
.counter-container {
float: none;
margin-left: 0%;
margin-right: 0%;
}
.counter-container .selected-quantity {
float: left;
width: 100%;
margin-right: 0px;
}
.counter-container .price-each {
width: 100%;
text-align: center;
}
.slider-aligner .thumbs {
margin: 0;
list-style-type: none;
text-align: center;
position: absolute;
width: 100%;
bottom: 20px;
}
.slider-aligner .thumbs .dot {
height: 10px;
width: 10px;
display: inline-block;
border: 1px solid #666666;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
margin-right: 20px;
cursor: pointer;
text-align: center;
/* Video slide dot */
}
.slider-aligner .thumbs .dot.active {
background-color: #666666;
}
.slider-aligner .thumbs .dot:last-child {
margin: 0;
}
.slider-aligner .thumbs .dot .preview {
position: relative;
}
.slider-aligner .thumbs .dot.video-dot {
background-color: transparent;
border-radius: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #666666;
position: relative;
}
.slider-aligner .thumbs .dot.video-dot:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 7px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
left: -9px;
top: -4px;
opacity: 0.8;
}
.slider-aligner .thumbs .dot.video-dot.active {
background-color: transparent;
}
.slider-aligner .thumbs .dot.video-dot.active:after {
opacity: 0;
}
.slider-aligner .gallery-icon.wish {
width: 20px;
height: 20px;
position: absolute;
right: 0px;
bottom: 0px;
margin: 20px;
z-index: 10;
}
.EntityBody .add-to-wish-list {
width: auto;
float: left;
margin-left: 0px;
text-align: center;
margin-top: 14px;
}
.shipping-pref-container .link-store-availability {
width: 100%;
float: left;
text-align: center;
padding: 0;
}
.buttonAddcart,
.buttonCheckout {
width: 100%;
margin-left: 0;
}
.action-buttons {
float: left;
width: 100%;
padding: 0px 15px 0px 15px;
}
.go-to-checkout-btn {
width: 100%;
margin: 11px 0 0;
}
.description-container .available-variant {
margin-left: 0%;
margin-right: 0%;
text-align: center;
padding: 3px 0 20px;
}
.description-container .variant-section.color .available-variant {
/*padding-bottom: 24px;*/
}
.slider-container {
padding-top: 40px;
}
.slider-container .slider-aligner {
width: 100% !important;
}
.slider-container .slider-aligner .thumbs {
text-align: center;
}
.dati-scheda-prodotto {
border-top: 1px solid #cccccc;
padding: 0 4% 4% 4%;
}
.dati-scheda-prodotto .promomsgbox.left {
margin-top: 0px;
}
.dati-scheda-prodotto .shipping-pref-container {
margin-top: 0px;
}
.dati-scheda-prodotto .shipping-pref-container .link-store-availability {
margin-top: 0px;
}
.description-elements {
width: 100%;
margin: 50px 0 0;
}
.description-elements .composition_column {
padding: 20px 4%;
}
.description-elements .column {
width: 100%;
}
.description-elements .column .label_desc {
margin: 0;
-webkit-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.description-elements .column .label_desc .content-box {
padding: 15px 4%;
text-align: left;
}
.description-elements .column .label_desc .toggler {
border-top: 1px solid #cccccc;
padding: 15px 4%;
position: relative;
display: block;
line-height: 24px;
}
.description-elements .column .label_desc .toggler i.icon-arrow-down {
float: right;
width: 20px;
height: 20px;
overflow: hidden;
background-repeat: no-repeat;
background-size: 100%;
display: block;
margin-right: 4px;
background-size: 16px auto;
}
.description-elements .column .label_desc.mobile-toggle-open .toggler i.icon-arrow-down {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.description-elements .column .mainfabric_row {
padding: 10px 4%;
}
.description-elements .column:nth-child(2) .label_desc {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#product.prod #select-size-color {
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#product.prod #select-size-color {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.breadcrumb-mobile-product .product-name-mobile {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.description-container .head .label_1 {
font-size: 14px;
line-height: 19px;
}
}
/* Gallery styles */
.slider-container .no-zoom .slider .slide {
cursor: default;
}
.slider-container {
display: block;
}
.slider-container .slider-aligner {
width: 60%;
position: relative;
overflow: auto;
margin-bottom: 7px;
float: left;
}
.slider-container .slider {
overflow: hidden;
position: relative;
}
.slider-container .slider .nonDraggableImage {
-webkit-user-drag: none;
}
.slider-container .slider .slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #FFFFFF;
-webkit-transition: left 0.2s linear, right 0.2s linear;
-moz-transition: left 0.2s linear, right 0.2s linear;
-o-transition: left 0.2s linear, right 0.2s linear;
transition: left 0.2s linear, right 0.2s linear;
cursor: -webkit-zoom-in;
cursor: zoom-in;
visibility: hidden;
}
.slider-container .slider .slide.loaded {
visibility: visible;
}
.slider-container .slider .slide .slide-image,
.slider-container .slider .slide .slide-video {
width: 100%;
height: auto;
}
.slider-container .slider .arrow {
position: absolute;
z-index: 1;
display: block;
width: 40px;
height: 40px;
top: 50%;
margin-top: -20px;
outline: none;
cursor: pointer;
background-size: 18px 18px!important;
}
.slider-container .slider .arrow.prev {
left: 0;
background-image: url(/tzn-front/assets/images/icons/svg/arrow_left_02.svg);
background-repeat: no-repeat;
background-position: center;
}
.slider-container .slider .arrow.next {
right: 0;
background-image: url(/tzn-front/assets/images/icons/svg/arrow_right_02.svg);
background-repeat: no-repeat;
background-position: center;
}
.slider-container .container-thumbs {
width: 35%;
height: auto;
float: left;
position: relative;
overflow: hidden;
margin-top: 17%;
margin-left: 4%;
}
.slider-container .container-thumbs.thumb-grid-container {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
}
.slider-container .container-thumbs.thumb-grid-container.loading {
opacity: 0;
}
.slider-container .container-thumbs .thumb-grid {
width: 100%;
display: inline-block;
}
.slider-container .container-thumbs .thumb-grid .thumb-slide {
width: 100%;
float: left;
}
.slider-container .container-thumbs .thumb-grid .thumb-slide .thumb-img {
width: 50%;
position: relative;
float: left;
padding: 10px;
}
.slider-container .container-thumbs .thumb-grid .thumb-slide .thumb-img .preview img {
width: 100%;
height: auto;
float: left;
display: inline-block;
}
.slider-container .container-thumbs .thumb-grid .thumb-slide .thumb-img .preview .selected-border {
width: calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: -o-calc(100% - 20px);
height: calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: -webkit-calc(100% - 20px);
height: -o-calc(100% - 20px);
top: 10px;
}
.slider-container .container-thumbs .thumb-grid .thumb-slide .thumb-img .preview.video-preview .btn-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url(/tzn-front/assets/images/icons/icon-video-play.png) no-repeat;
background-position: center;
background-size: 32%;
}
.slider-container .container-thumbs .thumb-grid .slick-dots {
display: block;
position: relative;
width: 100%;
height: 32px;
text-align: center;
bottom: -10px;
}
.slider-container .container-thumbs .thumb-grid .slick-dots li {
width: 15px;
height: 100%;
display: inline-block;
position: relative;
margin: 0 5px;
cursor: pointer;
}
.slider-container .container-thumbs .thumb-grid .slick-dots li:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 0;
margin-top: 0;
background: #cccccc;
}
.slider-container .container-thumbs .thumb-grid .slick-dots li button {
visibility: hidden;
}
.slider-container .container-thumbs .thumb-grid .slick-dots li.slick-active:before {
background: #000;
}
.slider-container .container-thumbs .thumbs {
margin: 0;
list-style-type: none;
text-align: center;
}
.slider-container .container-thumbs .thumbs .dot {
position: relative;
display: inline-block;
width: 100%;
cursor: pointer;
text-align: center;
}
.slider-container .container-thumbs .thumbs .dot img {
width: 100%;
}
.slider-container .container-thumbs .thumbs .dot:last-child {
margin: 0;
}
.slider-container .container-thumbs .thumbs .dot .preview {
position: relative;
}
/* VIDEO SLIDE */
.slide-video-container .product-video {
width: 100%;
height: auto;
}
.slide-video-container .btn-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent url(../assets/images/icons/icon-video-play.png) no-repeat;
background-position: center;
background-size: 32%;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
}
.slide-video-container .btn-play.playing {
opacity: 0;
}
#loadingState .loadingText {
height: 100%;
width: 100%;
top: 50%;
font-size: 30px;
color: #FFF;
position: absolute;
}
#loadingState .loadingText {
height: 100%;
width: 100%;
top: 50%;
font-size: 30px;
color: #FFF;
position: absolute;
}
/* VERTICAL SLIDER */
.vertical:after {
content: " ";
display: block;
clear: both;
}
.vertical .slider-aligner {
width: 89%;
float: right;
margin: 0;
}
.vertical .thumbs {
float: left;
width: 10%;
padding: 0;
}
.vertical .thumbs .dot {
width: 100%;
margin-bottom: 10%;
}
/* ZOOMABLE */
.zoom-dialog {
padding: 10px;
width: 900px;
max-width: 100%;
margin: 0 auto;
}
.zoom-dialog .slider-container .slider .slide {
cursor: default;
}
.slider-aligner {
position: relative;
overflow: auto;
margin-bottom: 7px;
}
.slider-aligner.mobileGallery {
padding-bottom: 7px;
}
.slider-aligner.mobileGallery .slide {
cursor: default;
}
.mobile_zoom {
position: absolute;
z-index: 2;
width: 1000px;
text-align: left;
}
.mobile_zoom img {
width: 100%;
background-color: #FFF;
}
.nonDraggableImage {
-webkit-user-drag: none;
}
.mobileZoomBtn {
width: 20px;
height: 20px;
right: 0;
position: absolute;
background-image: url(../assets/images/icons/svg/plus.svg);
margin: 20px;
z-index: 3;
cursor: pointer;
opacity: 0.5;
}
.mobileZoomBtnClose {
width: 26px;
height: 27px;
position: absolute;
background-image: url(../assets/images/icons/mobile/zoom.png);
margin: 20px;
z-index: 3;
cursor: pointer;
}
.mobileZoomBtnClose {
background-image: url(../assets/images/icons/mobile/close-menu.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.mobileZoomBtn.no-zoom,
.slider-container .no-zoom .slider .arrow {
display: none;
}
.zoom-close {
text-align: right;
padding-bottom: 5px;
}
.zoom-close .closeBtn {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
color: #000;
cursor: pointer;
float: right;
}
.zoom-close .text {
display: inline-block;
padding-right: 5px;
}
.selected-border {
height: 100%;
width: 100%;
display: block;
position: absolute;
top: 0;
border: 1px solid transparent;
}
.active .selected-border {
border-color: #000;
}
.frecce_prodotto {
width: 45px;
}
.frecce_prodotto .browse-container {
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
margin: 0 auto;
max-width: 100%;
}
.product-name-mobile .browse-container .back-arrow-anchor {
position: absolute;
top: 50%;
left: 0;
margin-top: -10px;
}
.product-name-mobile .browse-container .next-arrow-anchor {
position: absolute;
top: 50%;
right: 0;
margin-top: -10px;
}
.product-arrow-prev,
.product-arrow-next {
width: 12px;
height: 20px;
float: left;
margin-top: 3px;
background-size: 9px 12px!important;
}
.product-arrow-prev {
background: url(/tzn-front/assets/images/icons/svg/arrow_left_02.svg) no-repeat;
float: left;
background-position: left center;
}
.product-arrow-next {
background: url(/tzn-front/assets/images/icons/svg/arrow_right_02.svg) no-repeat;
float: right;
background-position: right center;
}
.product-navigation-stack {
line-height: 10px;
}
.js_productBuyable_false sqr-variants {
display: none! important;
}
sqr-availability-prompt .ui-blocker,
sqr-error-prompt .ui-blocker {
cursor: pointer;
visibility: visible;
display: block;
background: rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1011;
}
sqr-availability-prompt .ui-blocker .error-prompt,
sqr-error-prompt .ui-blocker .error-prompt {
display: block;
visibility: visible;
top: 50%;
left: 50%;
position: absolute;
background-color: #fff;
padding: 20px 40px;
text-align: center;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
sqr-availability-prompt .ui-blocker .error-prompt .head,
sqr-error-prompt .ui-blocker .error-prompt .head {
font-weight: 500;
letter-spacing: 0.1em;
margin: 40px 0px 0px;
text-align: center;
text-transform: none;
}
@media (min-width: 751px) {
sqr-availability-prompt .ui-blocker .error-prompt .head,
sqr-error-prompt .ui-blocker .error-prompt .head {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
sqr-availability-prompt .ui-blocker .error-prompt .head,
sqr-error-prompt .ui-blocker .error-prompt .head {
font-size: 23px;
line-height: 28px;
}
}
sqr-availability-prompt .ui-blocker .error-prompt .availability-prompt-close-header,
sqr-error-prompt .ui-blocker .error-prompt .availability-prompt-close-header {
position: absolute;
right: 20px;
z-index: 1012;
top: 20px;
}
sqr-availability-prompt .ui-blocker .error-prompt .availability-prompt-close-header .close-availability-prompt,
sqr-error-prompt .ui-blocker .error-prompt .availability-prompt-close-header .close-availability-prompt {
color: white;
font-size: 9px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
padding: 0px;
display: block;
}
sqr-availability-prompt .ui-blocker .error-prompt .error,
sqr-error-prompt .ui-blocker .error-prompt .error {
text-align: center;
padding: 10px;
color: black;
}
sqr-availability-prompt .ui-blocker .error-prompt .available-variant,
sqr-error-prompt .ui-blocker .error-prompt .available-variant {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 20px;
text-align: center;
margin-left: 0;
text-transform: none;
}
@media (min-width: 751px) {
sqr-availability-prompt .ui-blocker .error-prompt .available-variant,
sqr-error-prompt .ui-blocker .error-prompt .available-variant {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
sqr-availability-prompt .ui-blocker .error-prompt .available-variant,
sqr-error-prompt .ui-blocker .error-prompt .available-variant {
font-size: 14px;
line-height: 19px;
}
}
sqr-availability-prompt .ui-blocker .error-prompt .tznButton.fullWidth.availability-prompt.blackColor,
sqr-error-prompt .ui-blocker .error-prompt .tznButton.fullWidth.availability-prompt.blackColor {
max-width: 301px;
margin: 0 auto;
}
sqr-availability-prompt .ui-blocker .error-prompt .prjButton,
sqr-error-prompt .ui-blocker .error-prompt .prjButton {
min-width: 50%;
text-transform: none;
margin-bottom: 20px;
}
sqr-availability-prompt .ui-blocker .error-prompt .available-variant,
sqr-error-prompt .ui-blocker .error-prompt .available-variant {
margin: 0 0px 20px;
}
sqr-availability-prompt .ui-blocker .error-prompt .available-variant.error,
sqr-error-prompt .ui-blocker .error-prompt .available-variant.error {
margin: 0px;
}
sqr-availability-prompt .ui-blocker .error-prompt .available-variant.error .size-container,
sqr-error-prompt .ui-blocker .error-prompt .available-variant.error .size-container {
color: #000 !important;
}
@media only screen and (max-width: 750px) {
sqr-availability-prompt .error-prompt,
sqr-error-prompt .error-prompt {
padding: 20px;
}
}
.managed-Content-ProdPage {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
float: left;
padding: 60px 0px 70px;
}
@media (min-width: 751px) {
.managed-Content-ProdPage {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.managed-Content-ProdPage {
font-size: 12px;
line-height: 15px;
}
}
.managed-Content-ProdPage .cmsWrapper {
padding: 0px 20px;
}
.managed-Content-ProdPage .cmsWrapper p {
font-size: 14px;
line-height: 19px;
margin-top: 10px;
text-align: center;
}
/* Product description and managed content */
.product-details-bottom {
display: block;
clear: both;
/* Mix and Match */
/* Live story */
/* Live story content - additional margin */
}
.product-details-bottom .mini-listing-wrap {
margin-bottom: 10px!important;
}
.product-details-bottom .promo-title.heading-3 {
font-weight: 500;
letter-spacing: 0.1em;
}
@media (min-width: 751px) {
.product-details-bottom .promo-title.heading-3 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.product-details-bottom .promo-title.heading-3 {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (min-width: 1025px) {
.product-details-bottom #desktop-description + sqr-managed-content .cmsWrapper {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.product-details-bottom #desktop-description + sqr-managed-content .cmsWrapper {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 750px) {
.product-details-bottom #desktop-description + sqr-managed-content .cmsWrapper {
margin: 40px 0;
}
}
#widget-ucart {
right: 0px;
-webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.5);
min-width: 380px;
max-width: 740px;
background-color: #fff;
margin-top: 58px !important;
z-index: 200;
}
#widget-ucart.with-product {
width: 740px !important;
}
#widget-ucart:not(.with-product) {
width: 380px !important;
}
#widget-ucart .nav-arrow {
height: 0;
width: 0;
position: absolute;
top: -12px;
right: 3%;
margin-left: -9px;
border-top: 9px solid #cccccc;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 0 solid transparent;
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Chrome, Safari, Opera */
transform: rotate(180deg);
}
#widget-ucart .nav-arrow:before {
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
top: -12px;
left: -10px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0 solid transparent;
}
#glo-ucart-top {
padding: 40px;
background-image: none;
height: 25px;
color: black;
text-align: left;
letter-spacing: 0.05em;
font-weight: 600;
line-height: 25px;
}
@media (min-width: 751px) {
#glo-ucart-top {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
#glo-ucart-top {
font-size: 15px;
line-height: 23px;
}
}
#glo-ucart-top .glo-ucart-goBag {
font-weight: 500;
border-bottom: 1px solid black;
margin-left: 20px;
}
@media (min-width: 751px) {
#glo-ucart-top .glo-ucart-goBag {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#glo-ucart-top .glo-ucart-goBag {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#glo-ucart-body {
background-color: #fff;
background-image: none;
min-height: 166px;
margin-top: 0;
padding-top: 0;
}
#glo-ucart-content.with-product {
width: 738px !important;
margin-top: 0px !important;
}
#glo-ucart-bottom {
background-image: none;
background-color: #fff;
min-height: 1px;
border: 1px solid #fff;
max-width: 100%;
margin: 0 auto;
}
#glo-ucart-content {
min-width: 380px;
margin: 0 auto 0 auto;
position: relative;
padding: 0;
margin-top: 0px !important;
}
.glo-tex-ucart-info.glo-ucart-message-empty {
color: #7c7c7c;
font-weight: 600;
font-size: 11px;
margin-top: 24px;
}
.glo-ucart-empty {
height: 56px;
background-image: url('/tzn-front/assets/images/icons/universal-cart-bag-icon.png');
background-position: center center;
background-repeat: no-repeat;
}
.glo-ucart-title {
font-weight: 500;
letter-spacing: 0.05em;
float: left;
text-transform: none;
}
@media (min-width: 751px) {
.glo-ucart-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.glo-ucart-title {
font-size: 18px;
line-height: 23px;
}
}
.glo-ucart-subtop {
height: 33px;
}
a.widget-ucart-close-but:link,
a.widget-ucart-close-but:visited,
a.widget-ucart-close-but:hover,
a.widget-ucart-close-but:active {
font-size: 10px;
position: absolute;
top: 0px;
right: 0px;
padding: 20px;
}
.glo-ucart-titl-right a.widget-ucart-close-but:link,
.glo-ucart-titl-right a.widget-ucart-close-but:visited,
.glo-ucart-titl-right a.widget-ucart-close-but:hover,
.glo-ucart-titl-right a.widget-ucart-close-but:active {
float: right;
color: #7c7c7c;
cursor: pointer;
line-height: 25px;
font-size: 12px;
}
.glo-ucart-slider-content {
border-right: 1px solid #c3c3c3;
display: block;
}
#glo-ucart-slider-viewport {
display: inline;
float: left;
position: relative;
width: 653px;
overflow: hidden;
margin-top: 12px;
}
#glo-ucart-slider-but {
width: 36px;
background-color: #000;
}
.glo-ucart-slider-item {
font-size: 10px;
display: inline;
float: left;
width: 220px !important;
height: auto;
margin-right: -1px;
}
.glo-ucart-slider-item.alert-item {
background-color: #fff2f2;
border-right: 1px solid #ccc;
}
.glo-ucart-slider-item.alert-item a img {
border: 3px solid red !important;
border-radius: 3px !important;
}
.glo-ucart-slider-item.hided {
border-right: 1px solid #fff;
}
#widget-ucart a img {
border: 0px;
margin-left: 71px;
margin-right: 71px;
}
.glo-ucart-slider-but {
display: inline;
float: left;
width: 42px;
height: 210px;
overflow: hidden;
}
.glo-ucart-slider-but {
display: block;
}
.glo-ucart-slider-but #glo-ucart-slider-next {
margin: 70px 0 0 7px;
background-image: url('/tzn-front/assets/images/icons/svg/arrow_right_02.svg');
background-position: 0;
width: 10px;
}
.glo-ucart-slider-but #glo-ucart-slider-prev {
margin: 70px 0 0 32px;
background-image: url('/tzn-front/assets/images/icons/svg/arrow_left_02.svg');
width: 10px;
}
#glo-ucart-slider-content {
position: relative;
float: left;
top: 0;
left: 0;
}
#glo-ucart-slider-content > div > a > img,
#glo-ucart-slider-content > div > img {
margin-top: 10px;
width: 72px;
height: auto;
}
#glo-ucart-slider-container {
background: #fff;
width: 100%;
margin-top: 0;
}
.glo-ucart-slider-item span.glo-ucart-product-info,
.glo-ucart-slider-item span.glo-ucart-product-info a {
display: block;
width: 180px;
margin: 5px auto 0 auto;
margin-bottom: 5px;
font-weight: 500;
color: #000;
text-transform: uppercase;
}
@media (min-width: 751px) {
.glo-ucart-slider-item span.glo-ucart-product-info,
.glo-ucart-slider-item span.glo-ucart-product-info a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.glo-ucart-slider-item span.glo-ucart-product-info,
.glo-ucart-slider-item span.glo-ucart-product-info a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.glo-ucart-slider-item span.glo-ucart-product-info span.strike {
width: 180px;
}
.glo-ucart-qta {
margin: 0px 0px 14px 0px;
width: 100%;
float: left;
padding-right: 20px;
}
@media (min-width: 751px) {
.glo-ucart-qta {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.glo-ucart-qta {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.glo-ucart-product-info.glo-ucart-qta span.grey {
color: black;
font-weight: 400;
}
span.glo-ucart-product-info.glo-ucart-color {
color: #797979;
}
.glo-ucart-link1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit -box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.glo-ucart-left {
width: 151px;
height: 27px;
padding: 10px;
margin: 0 auto;
line-height: 8px;
font-size: 10px;
font-weight: 600;
margin-bottom: 8px;
}
.glo-ucart-add-remove {
width: 100%;
float: left;
text-align: left;
padding: 0px 20px;
position: relative;
}
.glo-ucart-add-remove .icon-close {
float: right;
width: 10px;
height: 10px;
}
.glo-ucart-add-remove a {
padding: 10px;
text-transform: uppercase;
color: #666666;
margin: 0 auto;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.glo-ucart-add-remove a.glo-ucart-edit {
max-width: 85%;
}
.glo-ucart-add-remove a.glo-ucart-remove {
width: 40px;
position: absolute;
right: 0;
top: 0;
}
#glo-ucart-totals {
width: auto;
float: left;
text-align: left;
padding-top: 0;
margin-top: 10px;
background-color: #fff;
}
#glo-ucart-totals span#glo-ucart-subtotal {
font-weight: 500;
letter-spacing: 0.05em;
display: inline;
float: none;
text-transform: none;
width: 100%;
overflow: hidden;
margin: 7px 10px 0 0;
}
@media (min-width: 751px) {
#glo-ucart-totals span#glo-ucart-subtotal {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#glo-ucart-totals span#glo-ucart-subtotal {
font-size: 14px;
line-height: 19px;
}
}
#glo-ucart-totals > span.glo-ucart-subtotal-price {
display: inline;
float: none;
font-weight: 500;
letter-spacing: 0.05em;
width: auto;
}
@media (min-width: 751px) {
#glo-ucart-totals > span.glo-ucart-subtotal-price {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#glo-ucart-totals > span.glo-ucart-subtotal-price {
font-size: 14px;
line-height: 19px;
}
}
#glo-ucart-bottom {
height: 70px;
background: none;
}
#glo-ucart-bottom.with-product {
height: 70px !important;
background-color: #fff;
}
#glo-ucart-bottom .glo-ucart-checkout > a.linkButton.buttonSecondary {
color: #fff;
background-color: #000;
width: 170px;
height: 40px;
text-decoration: none;
margin-right: 34px;
margin-top: 9px;
line-height: 30px;
background-image: none;
}
#glo-ucart-bottom .glo-ucart-checkout-large > a.linkButton.buttonSecondary {
color: #fff;
background-color: #000;
width: 315px;
height: 40px;
text-decoration: none;
margin-right: 34px;
margin-top: 9px;
line-height: 30px;
background-image: none;
}
.glo-ucart-checkout {
width: auto;
float: left;
margin-left: 3%;
}
.glo-ucart-checkout-large {
width: 315px;
float: right;
}
.glo-ucart-paypal {
width: auto;
float: left;
}
.glo-ucart-paypal img {
cursor: pointer;
}
.glo-ucart-or {
width: 15px;
float: left;
margin-top: 21px;
font-size: 10px;
margin-left: 4px;
}
.glo-ucart-bottom-managed {
float: left;
width: 247px;
}
.glo-ucart-bottom-managed .cmsWrapper a {
font-weight: 500;
float: left;
}
@media (min-width: 751px) {
.glo-ucart-bottom-managed .cmsWrapper a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.glo-ucart-bottom-managed .cmsWrapper a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.glo-ucart-bottom-managed-big img {
width: 380px;
height: 50px;
margin-top: 18px;
}
.glo-ucart-btngroup-bottom {
float: right;
width: 702px;
border-top: 1px solid #cccccc;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.glo-tex-ucart-info.glo-ucart-message {
display: block;
margin: 0px;
padding: 0px;
margin-top: 0;
}
.glo-tex-ucart-error.glo-ucart-message {
width: 80%;
text-align: left;
margin: 0 auto;
line-height: 20px;
color: #ff6666;
margin-left: 41px;
margin-top: 25px;
font-weight: 600;
font-size: 11px;
}
.glo-tex-ucart-info.glo-ucart-message {
width: 80%;
text-align: left;
margin: 0 auto;
line-height: 20px;
color: #62d6b1;
margin-left: 41px;
margin-top: 25px;
font-weight: 600;
font-size: 11px;
}
.glo-ucart-size {
display: none;
}
.glo-ucart-color-name {
display: none;
}
.glo-ucart-sku {
display: none;
}
.glo-ucart-slider-item span.glo-ucart-product-info span.strike {
color: #ff6699;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#wishlist-items-header .wishlist-overlay .container-wishlist-popup {
margin-right: 40px;
}
}
#glo-ucart-slider-container .strike {
color: #cdcdcd !important;
}
#glo-ucart-slider-container .price {
color: #ff6699!important;
}
#glo-ucart-slider-container span.strike.common-msrp-price.nobr {
float: left;
width: auto !important;
}
#glo-ucart-slider-container .price.catalog-display-price-text {
width: auto;
}
#glo-ucart-slider-container .glo-ucart-product-info svg {
position: absolute;
left: 0px;
top: 0px;
}
#glo-ucart-slider-container .glo-ucart-product-info svg line {
stroke: #cdcdcd;
stroke-width: 2;
}
/* UNIVERSAL FEEDBACK */
.universal-feedback-wrap .feedback-add {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
color: #62d6b1;
}
.universal-feedback-wrap .glo-ucart-title {
font-weight: 500;
letter-spacing: 0.05em;
float: left;
text-transform: none !important;
}
@media (min-width: 751px) {
.universal-feedback-wrap .glo-ucart-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.universal-feedback-wrap .glo-ucart-title {
font-size: 18px;
line-height: 23px;
}
}
.universal-feedback-wrap .glo-ucart-qta {
margin: 0px 0px 14px 0px;
width: 100%;
float: left;
text-align: right;
}
@media (min-width: 751px) {
.universal-feedback-wrap .glo-ucart-qta {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.universal-feedback-wrap .glo-ucart-qta {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.universal-feedback-wrap .glo-ucart-bottom-managed .cmsWrapper a {
font-weight: 500;
float: left;
margin-left: 10px;
}
@media (min-width: 751px) {
.universal-feedback-wrap .glo-ucart-bottom-managed .cmsWrapper a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.universal-feedback-wrap .glo-ucart-bottom-managed .cmsWrapper a {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.universal-feedback-wrap #glo-ucart-slider-container .price.catalog-display-price-text {
width: 180px;
display: inline-block;
}
.universal-feedback-wrap #widget-slider-next {
display: none;
}
.universal-feedback-wrap #glo-ucart-slider-content {
float: left;
width: 100%!important;
padding: 0 10px;
}
.universal-feedback-wrap #glo-ucart-bottom .glo-ucart-checkout > a.linkButton.buttonSecondary {
color: #fff;
background-color: #000;
width: 150px;
height: 40px;
text-decoration: none;
margin-right: 10px;
margin-top: 5px;
line-height: 30px;
background-image: none;
}
.universal-feedback-wrap .glo-tex-ucart-info.glo-ucart-message {
display: block;
}
.universal-feedback-wrap #glo-ucart-slider-viewport {
display: inline;
float: left;
position: relative;
overflow: hidden;
margin-top: 12px;
width: 380px !important;
min-height: 142px;
}
.universal-feedback-wrap .glo-ucart-color-name,
.universal-feedback-wrap .glo-ucart-size,
.universal-feedback-wrap .glo-ucart-add-remove {
color: black;
display: block;
}
.universal-feedback-wrap .glo-ucart-slider-item {
display: none;
text-align: left;
width: 100% !important;
margin-left: 10px;
border-right: 0;
}
.universal-feedback-wrap #glo-ucart-slider-container {
min-height: 142px;
}
.universal-feedback-wrap .glo-ucart-btngroup-bottom {
padding-left: 10px;
padding-rigth: 10px;
float: left;
width: 380px;
}
.universal-feedback-wrap .glo-ucart-checkout {
width: auto;
float: left;
margin-left: 3%;
}
.universal-feedback-wrap #glo-ucart-totals {
width: 356px;
height: 28px;
overflow: hidden;
font-size: 10px;
margin: 10px auto 0 10px;
text-align: right;
background-color: #fff;
float: left;
}
.universal-feedback-wrap #glo-ucart-content.with-product.glo-ucart-feeback {
width: 380px !important;
}
.universal-feedback-wrap #glo-ucart-slider-content .glo-ucart-slider-item > a > img {
margin: 0;
float: left;
margin-right: 10px;
width: 84px;
height: 127px;
display: block;
}
.universal-feedback-wrap .glo-ucart-bottom-managed img {
display: none;
border: 1px solid red;
}
.universal-feedback-wrap #glo-ucart-totals {
width: 360px;
text-align: left;
background-color: #fff;
float: left;
margin-left: 10px;
margin-bottom: 30px;
}
.universal-feedback-wrap #glo-ucart-totals .cmsWrapper {
display: none;
}
.universal-feedback-wrap .glo-ucart-add-remove {
display: none;
}
.universal-feedback-wrap .glo-ucart-slider-item {
min-height: 142px;
overflow: hidden;
}
.universal-feedback-wrap .glo-ucart-slider-content {
min-height: 142px;
overflow: hidden;
}
.universal-feedback-wrap .glo-ucart-left {
width: 151px;
height: 27px;
padding: 10px;
margin: 0 auto;
line-height: 8px;
font-size: 10px;
font-weight: 600;
margin-top: -39px;
margin-left: 210px;
}
.universal-feedback-wrap #glo-ucart-bottom .glo-ucart-checkout > a.linkButton.buttonSecondary {
display: none;
color: #fff;
background-color: #000;
height: 40px;
text-decoration: none;
margin-top: 5px;
line-height: 30px;
background-image: none;
margin-right: 10px;
width: 170px;
}
.universal-feedback-wrap #glo-ucart-slider-container,
.universal-feedback-wrap .glo-ucart-slider-content {
max-height: 142px !important;
}
.universal-feedback-wrap .glo-ucart-slider-but {
display: none;
}
.universal-feedback-wrap .glo-ucart-checkout {
width: 180px;
}
.universal-feedback-wrap .glo-ucart-paypal {
width: 156px;
float: left;
margin-left: 10px;
}
.universal-feedback-wrap .glo-ucart-slider-item {
display: none;
}
.universal-feedback-wrap .glo-ucart-slider-item:nth-child(1) {
display: block;
}
.universal-feedback-wrap .nav-arrow {
top: -12px;
right: 7%;
}
.universal-feedback-wrap .glo-ucart-slider-item span.glo-ucart-product-info {
margin-left: 110px;
}
.glo-clr {
clear: both;
}
/* FINE UNIVERSAL FEEDBACK */
/* UNIVERSAL WISHLIST HEADER */
.wishlist-overlay {
display: block;
position: fixed;
width: 100%;
height: auto;
top: 150px;
left: 0;
z-index: 1011;
}
.wishlist-overlay .container-wishlist-popup {
max-width: 690px;
float: right;
position: relative;
display: block;
visibility: visible;
top: 0;
right: 0;
width: 100%;
height: auto;
background-color: #fff;
padding: 40px;
text-align: center;
margin-right: 75px;
margin-top: -20px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.13);
}
.wishlist-overlay .container-wishlist-popup .nav-arrow {
right: 4%;
height: 0;
width: 0;
position: absolute;
top: -9px;
border-top: 9px solid #fff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 0 solid transparent;
-ms-transform: rotate(180deg);
/* IE 9 */
-webkit-transform: rotate(180deg);
/* Chrome, Safari, Opera */
transform: rotate(180deg);
}
.wishlist-overlay .container-wishlist-popup .nav-arrow:before {
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
top: -12px;
left: -10px;
border-top: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 0 solid transparent;
}
.wishlist-overlay .container-wishlist-popup .availability-prompt-close-header {
position: absolute;
top: 20px;
right: 20px;
z-index: 1012;
}
.wishlist-overlay .container-wishlist-popup .wishlist-slider {
width: 100%;
float: left;
position: relative;
margin-top: 30px;
/* Fix slide size before loading JS - 3 slides */
}
.wishlist-overlay .container-wishlist-popup .wishlist-slider .wishlist-item {
width: 200px;
}
.wishlist-overlay .container-wishlist-popup .wishlist-slider .wishlist-item:not(.slick-slide) {
display: none !important;
}
.wishlist-overlay .container-wishlist-popup .wishlist-slider .wishlist-item:not(.slick-slide):nth-child(-n+3) {
display: inline-block !important;
}
.container-wishlist-popup {
/*inner item */
}
.container-wishlist-popup .header-title {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
float: left;
}
@media (min-width: 751px) {
.container-wishlist-popup .header-title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .header-title {
font-size: 18px;
line-height: 23px;
}
}
.container-wishlist-popup .header-title .wishlist-link {
font-weight: 500;
border-bottom: 1px solid black;
margin-left: 20px;
}
@media (min-width: 751px) {
.container-wishlist-popup .header-title .wishlist-link {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .header-title .wishlist-link {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.container-wishlist-popup .wishlist-empty-message {
display: block;
padding-top: 30px;
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
}
.container-wishlist-popup .inner-item {
width: 100%;
float: left;
}
.container-wishlist-popup .inner-item .item-pic {
margin: auto;
}
.container-wishlist-popup .inner-item .item-info {
width: 100%;
float: left;
min-height: 60px;
padding-top: 20px;
}
.container-wishlist-popup .inner-item .item-info .product-name {
font-weight: 500;
text-transform: uppercase;
text-align: center;
padding: 0px;
min-height: 30px;
}
@media (min-width: 751px) {
.container-wishlist-popup .inner-item .item-info .product-name {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .inner-item .item-info .product-name {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.container-wishlist-popup .inner-item .item-info .item-qty-price {
width: 100%;
float: left;
padding-top: 3px;
}
@media (min-width: 751px) {
.container-wishlist-popup .inner-item .item-info .item-qty-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .inner-item .item-info .item-qty-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.container-wishlist-popup .inner-item .addToBagLink {
border-bottom: 3px solid black;
line-height: 30px !important;
}
@media (min-width: 751px) {
.container-wishlist-popup .inner-item .addToBagLink {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .inner-item .addToBagLink {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.container-wishlist-popup .inner-item .links {
font-weight: 500;
color: #666666;
width: 100%;
float: left;
padding: 3px 13% 15px 13%;
}
@media (min-width: 751px) {
.container-wishlist-popup .inner-item .links {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .inner-item .links {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.container-wishlist-popup .inner-item .links .edit,
.container-wishlist-popup .inner-item .links .remove {
width: 50%;
float: left;
text-align: left;
}
.container-wishlist-popup .inner-item .links .remove .icon-close {
float: right;
width: 10px;
height: 10px;
margin-top: 3px;
}
.container-wishlist-popup .basket-link,
.container-wishlist-popup .wishlist-link {
font-weight: 500;
cursor: pointer;
}
@media (min-width: 751px) {
.container-wishlist-popup .basket-link,
.container-wishlist-popup .wishlist-link {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.container-wishlist-popup .basket-link,
.container-wishlist-popup .wishlist-link {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.container-wishlist-popup .header-title,
.container-wishlist-popup .header-text {
text-align: left;
}
.container-wishlist-popup .count-label {
float: left;
}
.container-wishlist-popup .count-value {
float: right;
}
.container-wishlist-popup .slick-list .slick-track {
min-width: 100%;
}
.container-wishlist-popup .arrow-prev,
.container-wishlist-popup .arrow-next {
position: absolute;
height: 15px;
width: 15px;
top: 50%;
cursor: pointer;
}
.container-wishlist-popup .arrow-prev.slick-disabled,
.container-wishlist-popup .arrow-next.slick-disabled {
display: none !important;
}
.container-wishlist-popup .arrow-prev [class^="icon-"],
.container-wishlist-popup .arrow-next [class^="icon-"],
.container-wishlist-popup .arrow-prev [class*=" icon-"],
.container-wishlist-popup .arrow-next [class*=" icon-"] {
width: 12px;
background-size: contain;
}
.container-wishlist-popup .arrow-prev {
left: 2%;
}
.container-wishlist-popup .arrow-next {
right: 2%;
}
#basket .checkout-page-notification .common-error {
text-align: left;
}
#basket #promocodeblock .labelFieldWrapper {
display: inline-flex;
}
#basket #promocodeblock .labelFieldWrapper input {
height: 45px;
}
#basket .common-error-bag {
font-size: 12px;
font-weight: 600;
color: #ff9a67;
max-width: 190px;
width: 100%;
text-align: right;
text-transform: uppercase;
}
#basket .catalog-category-breadcrumb li.crumb:before {
padding: 0px 2px 0px 7px;
color: #000;
content: "\00a0";
}
#basket .catalog-category-breadcrumb .breadcrumb > li + li:before,
#basket .breadcrumb > li + li:before {
padding: 0px 2px 0px 7px;
color: #000;
content: "/\00a0";
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb > ul > li:nth-child(1) > a {
display: none;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb > ul > li:nth-child(5) > a {
display: none;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb ul li a:not(:nth-last-child(-n+2)):before,
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb ul li:not(:nth-last-child(-n+2)):before {
display: none;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb ul li a:last-child:before,
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb ul li:last-child:before {
/*display: none;*/
}
#basket .formFieldContainer input {
clear: none !important;
}
#basket .notification-container .checkout-page-information .common-message-blue {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
text-align: left;
margin: 0 auto;
margin-left: 5px;
color: #76d6ba;
background-position: left center;
background-repeat: no-repeat;
border: 0px;
}
@media (min-width: 751px) {
#basket .notification-container .checkout-page-information .common-message-blue {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#basket .notification-container .checkout-page-information .common-message-blue {
font-size: 12px;
line-height: 15px;
}
}
#basket .notification-container .checkout-page-information .common-message-blue + .common-message-blue {
margin-top: 8px;
}
input[type="radio"] {
margin: 2px 10px 0px 0px !important;
vertical-align: text-top;
background-image: url(../assets/images/icons/check-radio.png);
background-repeat: no-repeat;
background-position: -16px 0px;
display: inline-block;
width: 15px;
height: 15px;
}
.myRadio input {
display: none;
}
.myRadio span {
margin: 0px 8px -2px 0px !important;
width: 15px;
height: 15px;
display: inline-block;
background-image: url(../assets/images/icons/check-radio.png);
background-repeat: no-repeat;
background-position: -16px 0px;
}
.myRadio input:checked + span {
background-image: url(../assets/images/icons/check-radio.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.shipping-text {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.shipping-text {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.shipping-text {
font-size: 12px;
line-height: 15px;
}
}
.pick-up-store {
text-align: left;
width: 50%;
float: left;
}
.checkout-basket,
.basket-header-container {
width: 100%;
padding: 0px;
}
.checkout-basket .basket-header-container {
padding: 0;
}
.checkout-basket .basket-header-container .basket-header-left {
width: 50%;
text-align: left;
}
.checkout-basket .basket-header-container .basket-header-right {
width: 50%;
}
.continue-shopping-container-mobile,
.edit-all-items,
.basket-riepilogo-text,
.basket-shipping-method-text {
display: none;
}
.want-more-time,
.need-help {
text-transform: uppercase;
font-size: 14px;
text-align: left;
font-weight: 600;
color: #463823;
padding-top: 3px;
padding-left: 10px;
font-family: 'Poppins';
margin: 7px 0;
margin-top: 15px;
}
.need-help {
margin-top: 35px;
}
.want-more-time-text,
.need-help-text {
margin-left: 34px;
}
.promo-content-right {
max-width: 374px;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #eaeaea;*/
margin-top: 20px;
}
.basket-container-banner {
max-width: 758px;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #eaeaea;*/
margin-top: 26px;
}
.content-button-bottom {
width: auto;
float: right;
margin-top: 14px;
}
.content-button {
width: 100%;
float: right;
text-align: right;
margin-top: 14px;
}
.paypal-checkout {
margin-right: 5px;
}
.orText {
font-weight: 500;
letter-spacing: 0.05em;
margin-right: 8px;
}
@media (min-width: 751px) {
.orText {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.orText {
font-size: 11px;
line-height: 15px;
}
}
.buttonApplyPromoCode {
width: 72px;
}
.buttonApplyPromoCodeBasket {
margin-left: 10px;
min-width: 72px;
height: 40px;
}
.buttonLarge {
font-size: 12px;
background: #000 !important;
height: 38px;
padding: 0 34px;
margin: 25px 0 10px 18px;
color: #fff !important;
}
.checkout-basket .catalog-category-breadcrumb {
padding-top: 13px;
float: left;
}
.basketBreadCrumb {
margin-top: 25px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.catalog-category-breadcrumb .continueShopping {
padding-right: 10px;
text-transform: uppercase;
font-size: 10px;
}
.container-promotion-code {
width: 40%;
float: left;
}
.basket-promotion-code-text {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
margin-top: 24px;
text-align: left;
}
.basket-optional-text {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 24px;
text-align: left;
}
@media (min-width: 751px) {
.basket-optional-text {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.basket-optional-text {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .promo-egift-code-container .basketPromo {
padding-bottom: 10px;
overflow: hidden;
border-top: none;
margin-top: 15px;
width: 315px;
}
#promocodeblock {
width: auto;
font-size: 11px;
float: left;
}
.checkout-basket #promoSourceCodesContainer .formButton {
width: 81px;
margin: -1px 0 0 0px;
}
.formButton {
color: #fcfcfc;
font-family: 'Poppins';
font-weight: 700;
border: #0E0E0E solid 1px;
border: outset 1px #666;
cursor: pointer;
overflow: visible;
text-transform: uppercase;
font-size: 10px;
background-color: #000;
height: 38px;
padding: 0 6px 0px;
/*margin-right: 10px;*/
/*background: #1f1f1f url();*/
}
.save-bag-text a {
float: left;
vertical-align: top;
text-align: right;
width: 100%;
margin-top: 10px;
margin-bottom: 21px;
color: #000;
}
@media (min-width: 751px) {
.save-bag-text a {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.save-bag-text a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.buttonLarge {
width: 207px;
}
span.labelFieldWrapper {
display: inline-block;
position: relative;
vertical-align: top;
margin-bottom: 0px;
}
div.type_promocode input:not([type="submit"]):not([type="button"]) {
height: 45px;
border: 1px solid #000;
}
span.labelFieldWrapper .placeholder {
color: #999;
cursor: text;
pointer-events: none;
font-size: 11px;
visibility: hidden;
padding-top: 2px;
padding-left: 2px;
}
.checkout-page-notification {
padding: 0;
}
.checkout-page-notification .common-error {
width: 100%;
text-align: center;
margin-top: 35px;
margin-bottom: -12px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: none;
}
@media (min-width: 751px) {
.checkout-page-notification .common-error {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.checkout-page-notification .common-error {
font-size: 12px;
line-height: 15px;
}
}
.checkout-page-information .common-message-blue {
padding-left: 8px;
}
.remove-item {
width: 100%;
color: #62d6b1;
text-align: left;
font-weight: 600;
border: 2px solid #62d6b1;
padding: 2px;
margin-top: 35px;
margin-bottom: -12px;
font-size: 12px;
}
.container-bag-icon {
width: 100%;
float: left;
margin-top: 157px;
}
.cart-empty {
width: 100%;
float: left;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #a9a9a9;
margin-top: 26px;
}
.error {
color: #ff6666;
text-align: left;
padding-left: 20px;
padding-bottom: 15px;
}
.quantity {
float: left;
color: #dc021a;
text-align: left;
padding-left: 20px;
padding-bottom: 15px;
padding-top: 20px;
}
.common-error.quantity {
background-color: #fff2f2;
width: 100%;
}
td.error-cell {
width: 100%;
}
input#promoCode {
padding-left: 5px;
}
p.helpLink {
font-weight: 600;
color: #cccccc;
text-align: left;
float: left;
}
@media (min-width: 751px) {
p.helpLink {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
p.helpLink {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#promoCode-val {
width: 100%;
color: #62d6b1;
text-align: left;
font-weight: 600;
margin-top: 10px;
margin-bottom: -12px;
float: left;
}
a.remove-code {
color: #000;
float: left;
font-weight: 600;
padding-top: 20px;
}
.helpLink a {
background: transparent;
padding-left: 0px;
}
p.helpLink:hover {
text-decoration: unederline;
}
.order-summary {
margin-top: 18px;
}
.checkout-basket .estimated-shipping-container {
float: right;
font-size: 11px;
padding-bottom: 5px;
padding-top: 0px;
width: 50%;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container {
vertical-align: middle;
text-align: right;
display: block;
float: left;
width: 100%;
padding: 4px 0;
border-bottom: 1px solid #cfcdb6;
/*margin-top: 20px;*/
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container .backgroundTitle {
background-color: #ececec;
width: 100%;
margin-top: 20px;
margin-bottom: 5px;
padding: 11px 20px;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container .discount {
font-size: 13px;
color: #ff6699;
font-weight: 600;
}
label.carrierWrapper {
padding-top: 3px;
padding-bottom: 8px;
margin: 0;
}
label.carrierWrapper .amount-bag {
margin-top: 6px;
}
@media (min-width: 751px) {
label.carrierWrapper .amount-bag {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
label.carrierWrapper .amount-bag {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
label.carrierWrapper .shipping-text {
margin-top: 6px;
}
.checkout-basket .estimated-shipping-container .order-summary .label {
font-size: 13px;
float: left;
text-align: left;
width: 230px;
font-weight: 600;
}
.checkout-basket .estimated-shipping-container .order-summary .value {
overflow: hidden;
float: right;
text-align: right;
padding-right: 0px;
font-weight: 600;
font-size: 13px;
}
.checkout-basket .bottom-container {
margin-top: 0px;
clear: both;
width: 100%;
}
.checkout-basket .bottom-container .bottom-right-container {
margin-top: 20px;
float: left;
width: 100%;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.checkout-estimated-total {
width: 100%;
font-weight: 500;
letter-spacing: 0.05em;
vertical-align: middle;
display: block;
border: none;
padding: 10px 0;
margin: 0 0 5px 0;
}
@media (min-width: 751px) {
.checkout-estimated-total {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.checkout-estimated-total {
font-size: 14px;
line-height: 19px;
}
}
.checkout-estimated-total .label {
font-weight: 600;
letter-spacing: 0.05em;
text-align: right;
width: auto;
max-width: 85%;
float: right;
padding: 0px 10px;
}
@media (min-width: 751px) {
.checkout-estimated-total .label {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.checkout-estimated-total .label {
font-size: 15px;
line-height: 23px;
}
}
.checkout-estimated-total .value {
font-weight: 600;
letter-spacing: 0.05em;
text-align: right;
padding-right: 0px;
width: auto;
float: right;
}
@media (min-width: 751px) {
.checkout-estimated-total .value {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.checkout-estimated-total .value {
font-size: 15px;
line-height: 23px;
}
}
.all-price-include-text {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
text-align: right;
}
@media (min-width: 751px) {
.all-price-include-text {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.all-price-include-text {
font-size: 11px;
line-height: 15px;
}
}
.paypal-express-container {
width: 100%;
float: left;
margin-top: 24px;
}
.paypal-express-container .container-paypal-button {
width: 33%;
float: left;
}
.paypal-express-container .container-securecheckout-button {
width: 33%;
float: right;
margin-top: -30px;
margin-right: 0px;
}
.container-paypal-checkout {
float: left;
margin-top: 20px;
margin-right: 5px;
margin-bottom: 10px;
}
.checkout-basket .bottom-container .bottom-right-container .estimated-total-container .paypal-express-container span.orText {
text-transform: uppercase;
margin-right: 6px;
float: left;
}
.estimated-total-container {
width: 100%;
border-bottom: 1px solid #dddddd;
}
.promo-content-topleft {
font-size: 12px;
max-width: 375px;
width: 100%;
height: 197px;
background-color: #ffffff;
border: 1px solid #eaeaea;
margin-top: 26px;
}
.promo-content-left {
font-size: 12px;
max-width: 374px;
width: 100%;
height: auto;
background-color: #ffffff;
/*border: 1px solid #eaeaea;*/
margin-top: 26px;
}
/*TABELLA*/
.cart-container {
margin-top: 8px;
}
.cart-container .checkout-item-notification {
margin-top: 8px;
}
.checkout-basket tr {
background: transparent;
}
.checkout-basket .cart-container .heading-cell {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding-top: 7px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
background-color: transparent;
padding-left: 15px;
text-align: left !important;
text-transform: uppercase;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .heading-cell {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .heading-cell {
font-size: 11px;
line-height: 15px;
}
}
th.quantity-error {
width: 500%;
text-align: left;
float: left;
}
.checkout-basket .cart-container .total-price {
text-align: right !important;
}
.checkout-basket .cart-container .item-cell {
/*width: 60px;*/
font-weight: 500;
letter-spacing: 0.05em;
padding-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #dcdcdc;
/*padding-left: 15px;*/
vertical-align: top;
text-align: left;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell {
font-size: 12px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell a {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell a {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell a {
font-size: 12px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell .name {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell .name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell .name {
font-size: 12px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell .item-img {
width: 97px;
height: auto;
}
.checkout-basket .cart-container .item-cell .checkout-item-detail {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
text-align: left;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell .checkout-item-detail {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell .checkout-item-detail {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell .checkout-item-detail span {
color: #000;
}
.checkout-basket .cart-container .item-cell .checkout-item-code {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
margin-top: 5px;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell .checkout-item-code {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell .checkout-item-code {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell .checkout-item-color {
margin-top: 20px;
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .item-cell .checkout-item-color {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .item-cell .checkout-item-color {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .cart-container .item-cell .checkout-item-color span {
color: #000;
}
.checkout-basket .cart-container .item-cell .checkout-item-availability {
margin-top: -27px;
}
.checkout-basket .cart-container .item-cell .checkout-item-quantity {
display: none;
}
.checkout-basket .cart-container .item-cell .js_buyonlineLabel {
font-weight: normal;
color: #b8b8b8;
font-size: 12px;
}
.checkout-basket .cart-container .item-cell .shipping-pref-container span.inlineMessage {
font-size: 12px;
font-weight: 600;
color: #000;
text-transform: uppercase;
}
.checkout-basket .cart-container .item-cell .shipping-pref-container {
padding: 0px;
clear: both;
}
.checkout-basket .cart-container .item-cell .checkout-edit-item a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
.checkout-basket .cart-container .item-cell .checkout-edit-item {
margin-top: 31px;
}
.checkout-basket .cart-container .item-cell .promo-message-item {
margin-top: 20px;
}
@media only screen and (max-width: 750px) {
.checkout-basket .cart-container .item-cell .promo-message-item {
margin-top: 10px;
}
}
td.item-cell.image-cell {
width: 95px;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .price-cell,
.checkout-basket .cart-container .qty-cell {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .price-cell,
.checkout-basket .cart-container .qty-cell {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.checkout-basket .cart-container .price-cell span,
.checkout-basket .cart-container .qty-cell span {
font-weight: normal;
color: #b8b8b8;
}
.checkout-basket .cart-container .price-cell {
width: 70px;
}
.checkout-basket .cart-container .total-price-cell {
border-left: none;
text-align: right;
}
@media (min-width: 751px) {
.checkout-basket .cart-container .total-price-cell {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.checkout-basket .cart-container .total-price-cell {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.checkout-basket .cart-container .item-cell .quantity-mobile {
display: none;
}
.barra-divide,
.checkout-item-price,
.opzioni,
.subtotal,
.total,
.checkout-edit-item-mobile {
display: none;
}
.redtext,
.redtext-mobile,
.redtext-mobile-total {
color: #ff9a67;
}
.redtext-mobile {
padding-right: 13px;
}
.redtext-mobile-total {
padding-right: 9px;
}
.price-barrato {
color: #000000;
}
.instead-of {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
white-space: nowrap;
}
@media (min-width: 751px) {
.instead-of {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.instead-of {
font-size: 11px;
line-height: 15px;
}
}
/*CONTENUTI SCHEDULATI TESTUALI*/
.promo-content-left-topleft .cmsWrapper {
margin-left: -10px;
margin-top: 12px;
}
.promo-content-left-topleft .cmsWrapper .help-checkout {
max-width: 100%;
margin: 0 auto;
min-height: 50px;
background-color: #fff;
padding: 35px 0;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-help-chk {
line-height: 30px;
background-image: url('/tzn-front/assets/images/icons/checkout-headphone.jpg');
background-repeat: no-repeat;
background-position: 40px 3px;
padding-left: 70px;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact {
background-image: url('/tzn-front/assets/images/icons/checkout-point.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left: 70px;
line-height: normal;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact a {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
.promo-content-left-topleft .titolo {
text-transform: uppercase;
font-size: 14px;
text-align: left;
font-weight: 600;
color: #463823;
padding-top: 3px;
padding-left: 10px;
margin: 7px 0;
margin-top: 15px;
}
.promo-content-left-topleft .paragrafo {
margin-left: 42px;
}
.promo-content-left-bottom {
margin-top: 20px;
}
.promo-content-left-bottom .titolo-corsivo {
float: left;
text-transform: uppercase;
font-size: 12px;
text-align: left;
font-weight: 600;
color: #463823;
font-family: 'Poppins';
padding-top: 8px;
}
.promo-content-left-bottom .paragrafo-corsivo {
float: left;
font-size: 11px;
text-align: left;
margin-top: 10px;
margin-bottom: 18px;
}
.promo-content-right-bottom {
margin-top: 30px;
}
.gc-message {
font-wieght: 700;
}
@media only screen and (max-width: 1024px) {
.promo-content-left-topleft .cmsWrapper .help-checkout {
max-width: 400px;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-help-chk {
background-image: url('/tzn-front/assets/images/icons/checkout-headphone.jpg');
background-repeat: no-repeat;
background-position: 40px -3px;
padding-left: 70px;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact {
font-weight: 500;
letter-spacing: 0.05em;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact a {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
}
@media only screen and (max-width: 1024px) and (min-width: 751px) {
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 1024px) and (max-width: 750px) {
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) {
.promo-content-left-topleft .cmsWrapper .help-checkout .need-help-chk {
background-image: url('/tzn-front/assets/images/icons/checkout-headphone.jpg');
background-repeat: no-repeat;
background-position: 40px -3px;
padding-left: 70px;
}
.promo-content-left-topleft .cmsWrapper .help-checkout .need-contact a {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
#promocodeblock {
width: 100%;
}
p.helpLink {
margin-left: 0px;
float: left;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container .backgroundTitle {
padding: 7px 0;
text-align: center;
}
#basket #promocodeblock .labelFieldWrapper {
display: block;
}
#basket #promocodeblock .labelFieldWrapper input {
width: 100% !important;
}
#basket .notification-container .checkout-page-information .common-message-blue {
margin-left: 0!important;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb > ul > li {
display: none;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb > ul > li:last-child {
display: block;
}
#basket .catalog-category-breadcrumb .breadcrumb-container.fl.Breadcrumb > ul > li:last-child:before {
display: none;
}
#basket p.helpLink {
width: 100% !important;
}
#basket .buttonApplyPromoCodeBasket {
margin-left: 0px;
width: 30% !important;
}
#basket div.type_promocode input:not([type="submit"]):not([type="button"]) {
width: 70% !important;
}
#basket .checkout-basket .catalog-category-breadcrumb {
padding-top: 13px;
float: left;
padding-left: 15px;
}
#basket .checkout-estimated-total {
width: 100%;
font-weight: 500;
letter-spacing: 0.05em;
vertical-align: middle;
display: block;
border: none !important;
padding: 0px 15px 0px 15px;
margin: 0 0 5px 0;
}
td.edit-item-mobile-cell {
width: 100%;
border-bottom: none;
}
.continue-shopping-container-mobile {
display: block;
margin-top: -16px;
}
.continue-shopping-container {
display: block;
float: left;
width: 100%;
}
.catalog-category-breadcrumb .continueShopping {
text-transform: uppercase;
font-size: 10px;
}
.checkout-basket .basket-header-container .basket-header-left {
width: 100%;
margin: 0 auto;
}
.checkout-basket .basket-header-right .promo-content-right {
margin: 0 auto;
float: none;
}
.checkout-basket .basket-header-right .promo-content-right .cmsWrapper {
margin-top: 20px;
}
.checkout-basket .basket-header-container .basket-header-right {
width: 100%;
margin: 0 auto;
}
.checkout-page-notification .common-error,
.common-message-blue {
margin-top: 6px;
}
.content-button,
.checkout-basket .cart-container .heading-cell,
.checkout-basket .cart-container .item-cell .checkout-item-code {
display: none;
}
.checkout-basket .cart-container .item-cell {
width: auto;
border-bottom: none;
border-top: 1px solid #e6e6e6;
}
.checkout-basket .cart-container .item-cell.image-cell {
padding-left: 0px;
}
.che-bask-ima-cont {
width: auto;
}
.checkout-basket .cart-container .total-price-cell {
/*display: none;*/
}
.checkout-basket .cart-container .qty-cell,
.checkout-basket .cart-container .price-cell,
.checkout-basket .cart-container .total-price-cell {
display: none;
}
.checkout-item-detail {
float: left;
}
.checkout-item-quantity {
display: block !important;
font-size: 12px;
text-align: left;
float: left;
color: #b8b8b8;
}
.checkout-item-quantity .checkout-basket tr {
background-color: #fef2f2;
}
.barra-divide {
display: block !important;
color: #b8b8b8;
float: left;
}
.quantity-mobile {
display: block !important;
font-size: 14px;
font-weight: 600;
float: left;
}
.checkout-item-price {
display: block;
width: 100%;
float: left;
text-align: left;
font-size: 15px;
font-weight: 600;
margin-top: 5px;
}
.checkout-edit-item,
.checkout-basket .cart-container .item-cell .checkout-item-availability {
display: none;
}
.content-opzioni-subtotal-price {
width: 100%;
padding-bottom: 10px;
float: left;
}
.opzioni,
.subtotal,
.total {
display: block;
color: #b9b9b9;
float: left;
}
.chiuso.checkout-edit-item-mobile {
display: none !important;
}
.arrow-change .i-arrow-table-mobile {
background-position: -8px 0px;
}
.opzioni {
max-width: 127px;
width: 100%;
padding-left: 15px;
text-align: left;
float: left !important;
text-transform: uppercase;
font-weight: 600;
vertical-align: top;
cursor: pointer;
}
.opzioni .option-items .i-arrow-table-mobile {
position: relative;
top: 5px;
}
.subtotal {
max-width: 78px;
width: 100%;
font-size: 12px;
text-align: left;
float: left;
font-weight: 500;
}
.total {
width: 32%;
text-align: right;
float: left;
font-size: 15px;
color: #000;
font-weight: 600;
margin-top: -3px;
white-space: normal;
}
.total .redtext-mobile {
display: inline-block;
padding-right: 0;
}
.total .price-barrato {
display: inline-block;
padding-left: 13px;
}
.checkout-edit-item-mobile {
display: block;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
margin-top: 13px;
text-align: left;
float: left;
padding-left: 15px;
width: 100%;
}
.checkout-edit-item-mobile a {
color: #000;
}
.edit-all-items {
display: block;
width: 100%;
float: left;
padding-top: 34px;
border-top: 1px solid #dddddd;
}
.edit-all-items a {
color: #000;
font-size: 14px;
font-weight: 600;
text-align: center;
}
.basket-container-banner {
margin-top: 34px;
float: left;
}
.container-promotion-code {
width: 100%;
}
.basket-promotion-code-text {
text-align: center;
background-color: #f5f5f5;
padding: 4px;
}
.promo-egift-code-container {
margin-top: 20px;
}
.checkout-basket .promo-egift-code-container .basketPromo {
margin: 0 auto;
width: 100%;
}
.order-summary {
width: 100%;
padding-top: 2px;
}
.checkout-basket .estimated-shipping-container {
width: 100%;
padding-top: 0px;
}
.basket-riepilogo-text,
.basket-shipping-method-text {
display: block;
text-align: center;
font-size: 14px;
background-color: #f5f5f5;
padding: 4px;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
}
.basket-shipping-method-text {
margin-top: 20px;
}
.checkout-estimated-total .label {
width: auto;
max-width: 74%;
text-align: left !important;
float: left;
padding: 5px 0px 0px 0px;
}
.checkout-estimated-total .value {
white-space: nowrap;
}
.paypal-express-container {
width: 100%;
}
.container-paypal-button {
display: block;
width: 100%;
float: left;
margin-top: 15px;
}
.container-securecheckout-button {
display: block;
width: 100%;
float: left;
}
.checkout-basket .bottom-container .bottom-right-container .estimated-total-container .paypal-express-container span.orText {
width: 100%;
float: left;
margin-top: 15px;
}
.checkout-basket .bottom-container .bottom-right-container .estimated-total-container .paypal-express-container .buttonLarge {
margin: 15px 0 10px 0.5em;
}
.save-bag-text a {
text-align: center;
margin-top: 37px;
}
.checkout-basket .bottom-container .bottom-right-container {
border-bottom: none;
border-top: none;
}
.managed-content {
display: none;
}
.MC-ET-container {
margin-top: 0px;
}
.MC-ET-container .targeted-content {
width: 100%;
}
.promo-content-right-bottom {
width: 100%;
margin: 0 auto;
}
.content-button-bottom {
width: 100%;
float: left;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
.container-paypal-checkout {
width: 100%;
float: none;
margin-right: 5px;
}
.paypal-checkout {
float: none;
margin: 0 auto;
}
.orText {
width: 100%;
display: block;
margin-top: 8px;
margin-bottom: 8px;
}
.buttonLarge {
width: 100%;
margin: 8px 0px 0px 0px;
}
.estimated-shipping-container .carrierWrapper + .carrierWrapper,
.checkout-info-container .carrierWrapper + .carrierWrapper {
margin-top: 5px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#basket .checkout-estimated-total {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#basket .checkout-estimated-total {
font-size: 14px;
line-height: 19px;
}
}
.carrierWrapper {
border-bottom: 1px solid #cfcdb6;
display: inline-block;
/*margin-bottom: 8px;*/
text-align: left;
width: 100%;
font-size: 13px;
}
.carrierWrapper.store-pickup .shipping-text,
.carrierWrapper.pickup-point .shipping-text {
width: 40%;
}
.carrierWrapper.store-pickup .amount-bag,
.carrierWrapper.pickup-point .amount-bag {
width: 20%;
text-align: right;
}
.carrierWrapper.store-pickup .select-store,
.carrierWrapper.pickup-point .select-store {
font-weight: 500;
letter-spacing: 0.05em;
width: 38%;
text-align: center;
}
@media (min-width: 751px) {
.carrierWrapper.store-pickup .select-store,
.carrierWrapper.pickup-point .select-store {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.carrierWrapper.store-pickup .select-store,
.carrierWrapper.pickup-point .select-store {
font-size: 11px;
line-height: 15px;
}
}
.carrierWrapper.store-pickup .select-store a,
.carrierWrapper.pickup-point .select-store a {
color: inherit;
font: inherit;
}
.carrierWrapper.store-pickup .select-store:before,
.carrierWrapper.pickup-point .select-store:before {
background-image: url(../assets/images/icons/svg/store.svg);
background-size: contain;
background-position: center;
content: "";
vertical-align: middle;
margin-right: 8px;
width: 12px;
height: 16px;
display: inline-block;
}
.carrierWrapper.store-pickup .store_details_shoppingbag,
.carrierWrapper.pickup-point .store_details_shoppingbag {
font-weight: normal;
padding: 15px 0 10px 22px;
}
.carrierWrapper.store-pickup .store_details_shoppingbag .label_negozio_pickup,
.carrierWrapper.pickup-point .store_details_shoppingbag .label_negozio_pickup {
margin-bottom: 10px;
display: none;
}
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData {
font-weight: 400;
font-size: 13px;
line-height: 20px;
font-style: none;
margin-bottom: 0;
position: relative;
padding-left: 50px;
}
@media (min-width: 751px) {
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData {
letter-spacing: 0.1em;
}
}
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData:before,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData:before {
content: "";
width: 20px;
height: 25px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point.png);
width: 40px;
height: 40px;
position: absolute;
left: 0;
top: 0;
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #e6e6e6;
}
@media (min-width: 751px) {
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData .name_store,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData .name_store {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData .name_store,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData .name_store {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData li,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData li {
padding: 0;
}
.carrierWrapper.store-pickup .store_details_shoppingbag .completeData .phone-number,
.carrierWrapper.pickup-point .store_details_shoppingbag .completeData .phone-number {
display: none;
}
@media only screen and (max-width: 750px) {
.carrierWrapper.store-pickup,
.carrierWrapper.pickup-point {
padding-bottom: 20px;
}
.carrierWrapper.store-pickup .shipping-text,
.carrierWrapper.pickup-point .shipping-text,
.carrierWrapper.store-pickup .amount-bag,
.carrierWrapper.pickup-point .amount-bag {
width: auto;
}
.carrierWrapper.store-pickup .select-store,
.carrierWrapper.pickup-point .select-store {
width: auto;
display: block;
text-align: center;
padding-top: 20px;
margin-bottom: 0;
}
.carrierWrapper.store-pickup .store_details_shoppingbag,
.carrierWrapper.pickup-point .store_details_shoppingbag {
padding-top: 20px;
padding-bottom: 0;
}
.carrierWrapper.store-pickup .store_details_shoppingbag .label_negozio_pickup,
.carrierWrapper.pickup-point .store_details_shoppingbag .label_negozio_pickup {
display: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.carrierWrapper.store-pickup .shipping-text,
.carrierWrapper.pickup-point .shipping-text,
.carrierWrapper.store-pickup .amount-bag,
.carrierWrapper.pickup-point .amount-bag {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.carrierWrapper.store-pickup .shipping-text,
.carrierWrapper.pickup-point .shipping-text,
.carrierWrapper.store-pickup .amount-bag,
.carrierWrapper.pickup-point .amount-bag {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) {
.carrierWrapper.pickup-point .store_details_shoppingbag {
padding-top: 40px;
}
.carrierWrapper.pickup-point .amount {
padding-top: 0;
}
}
.carrierWrapper .amount {
float: right;
}
.carrierWrapper .amount .common-error {
font-size: 13px;
color: #ff9a67;
font-weight: 600;
text-transform: uppercase;
}
.carrierWrapper input {
margin-right: 7px;
}
.noBorder {
border: none !important;
}
.backgroundTitle {
background-color: #cfcdb6;
text-transform: uppercase;
}
.carrierWrapper .amount-bag {
float: right;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method {
padding-bottom: 0;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle {
width: 18px;
height: 18px;
border-radius: 50%;
border: 1px solid #000;
position: absolute;
margin-top: -3px;
margin-left: 6px;
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
width: 100%;
left: 0px;
position: absolute;
top: 1px;
text-align: center;
}
@media (min-width: 751px) {
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark:hover {
font-weight: 500;
letter-spacing: 0.05em;
text-decoration: none;
}
@media (min-width: 751px) {
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .circle .question-mark:hover {
font-size: 11px;
line-height: 15px;
}
}
.checkout-basket .estimated-shipping-container .order-summary .label-value-container.shipping-method .question-mark:hover {
font-size: 13px;
}
#payment .checkout-basket {
padding-bottom: 40px;
}
#payment .content_wrap #checkout {
padding-bottom: 160px!important;
}
/* disable common styles */
body.checkout {
font-family: inherit;
line-height: inherit;
font-size: 11px;
}
body#billing form .page-notification.error {
width: 100%;
max-width: 756px;
margin: 0 auto;
border: 0 solid transparent;
padding: 5px 15px 5px 15px;
clear: both;
}
body#billing form .billing-shipping-content .checkout-info-container .optional-billing-address #billing-address {
width: 70%;
}
body#billing form .form-box-contents_fiscal_code .type_country .altSelect .selected-value.placeholder span:after {
content: "*";
display: inline-block;
margin-left: 3px;
}
body#billing form .form-box-contents_fiscal_code .buttonRow {
text-align: center;
}
body#billing form .formFieldContainer {
max-width: 100%;
}
body#billing form .formFieldContainer label.myCheck {
font-weight: 500;
letter-spacing: 0.05em;
display: inline-block;
color: #000000;
}
@media (min-width: 751px) {
body#billing form .formFieldContainer label.myCheck {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#billing form .formFieldContainer label.myCheck {
font-size: 11px;
line-height: 15px;
}
}
body#billing form .formFieldContainer label.myCheck span {
display: inline-block;
}
body#billing form .formFieldContainer input[type=checkbox] + label {
padding-left: 0px;
}
body#billing form .w-payment-wrapper .formFieldContainer input[type=checkbox] + label {
padding-left: 25px;
}
body#billing form #different-shipping-address {
padding: 0px;
}
body#billing form sqr-alt-select .selected-value.placeholder {
color: #666666;
}
body#billing form #shipping-address {
width: 70%;
}
body#billing form #billing-address .user-title-wrap,
body#billing form #shipping-address .user-title-wrap,
body#billing form #billing-address .phone-type,
body#billing form #shipping-address .phone-type,
body#billing form #billing-address .business-check-wrap,
body#billing form #shipping-address .business-check-wrap {
margin-bottom: 15px;
}
body#billing form #billing-address .user-title-wrap .error,
body#billing form #shipping-address .user-title-wrap .error,
body#billing form #billing-address .phone-type .error,
body#billing form #shipping-address .phone-type .error,
body#billing form #billing-address .business-check-wrap .error,
body#billing form #shipping-address .business-check-wrap .error {
margin-bottom: 0px;
}
body#billing form #billing-address .formFieldContainer,
body#billing form #shipping-address .formFieldContainer {
width: 100%;
max-width: 360px;
position: relative;
float: left;
clear: both;
}
body#billing form #billing-address .formFieldContainer.type_emailAddress .error,
body#billing form #shipping-address .formFieldContainer.type_emailAddress .error {
display: block;
}
body#billing form #billing-address .formFieldContainer.type_countryCode,
body#billing form #shipping-address .formFieldContainer.type_countryCode {
margin-top: 10px;
}
body#billing form #billing-address #fiscalCodeInfo .error,
body#billing form #shipping-address #fiscalCodeInfo .error {
margin-top: -20px;
margin-bottom: 10px;
}
body#billing form #billing-address .formFieldContainer.type_countryCode,
body#billing form #shipping-address .formFieldContainer.type_countryCode {
height: inherit;
}
body#billing form #billing-address .formFieldContainer.type_countryCode span,
body#billing form #shipping-address .formFieldContainer.type_countryCode span {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#billing form #billing-address .formFieldContainer.type_countryCode span,
body#billing form #shipping-address .formFieldContainer.type_countryCode span {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#billing form #billing-address .formFieldContainer.type_countryCode span,
body#billing form #shipping-address .formFieldContainer.type_countryCode span {
font-size: 12px;
line-height: 15px;
}
}
body#billing form #billing-address .type_phone,
body#billing form #shipping-address .type_phone {
display: inline-flex;
max-width: 360px;
margin-bottom: 20px;
width: 100%;
}
body#billing form #billing-address .type_phone .prefix,
body#billing form #shipping-address .type_phone .prefix {
height: 45px;
width: 21%;
}
body#billing form #billing-address .type_phone .prefix #phonePrefix,
body#billing form #shipping-address .type_phone .prefix #phonePrefix,
body#billing form #billing-address .type_phone .prefix #phonePrefixExtended,
body#billing form #shipping-address .type_phone .prefix #phonePrefixExtended {
width: 100%;
}
body#billing form #billing-address .type_phone .number,
body#billing form #shipping-address .type_phone .number {
width: 76%;
margin-left: 3%;
}
body#billing form #billing-address .type_phone .number #phone,
body#billing form #shipping-address .type_phone .number #phone,
body#billing form #billing-address .type_phone .number #phoneExtended,
body#billing form #shipping-address .type_phone .number #phoneExtended {
width: 100%;
}
body#billing form #billing-address .isBusinessAddress-true #businessAddressInfo,
body#billing form #shipping-address .isBusinessAddress-true #businessAddressInfo {
display: inline;
width: 100%;
}
/* LaModa full checkout shipping address */
#checkout.full-checkout-lm {
/* Form freezed */
}
#checkout.full-checkout-lm .order-summary-step2 {
padding-top: 20px;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm {
margin-bottom: 0;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_city,
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_city_confirm,
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_deliveryInfo {
width: 100%;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_city ul li {
white-space: normal;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_city_confirm {
text-align: left;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_address_street {
width: 100%;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_apartment {
width: 100%;
vertical-align: top;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_notes {
width: 100%;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .type_notes textarea {
border: solid 1px #000;
resize: none;
width: 100%;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_shippingInfoAddress.noValidateLM {
margin-bottom: 40px;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .inputElem:disabled {
background-color: transparent;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .inputElem:disabled + .placeholder {
color: #cacaca;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions {
padding: 20px 0 0;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions input[type=radio] + label {
text-transform: none!important;
font-size: 12px;
margin-bottom: 20px;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions .option-title {
display: block;
font-size: 18px;
margin-bottom: 10px;
}
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions .option-descr,
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions .option-price {
display: block;
margin-bottom: 10px;
}
@media only screen and (min-width: 1025px) {
#checkout.full-checkout-lm #shipping-address.shipping-address-lm .js_deliveryOptions.page-notification.error {
margin-left: 0;
margin-right: 0;
}
}
#checkout.full-checkout-lm .page-notification.js_error_noValidate {
display: none;
}
#checkout.full-checkout-lm.js_formFreezed #billing-address *,
#checkout.full-checkout-lm.js_formFreezed #shipping-address * {
color: #cacaca;
pointer-events: none;
}
#checkout.full-checkout-lm.js_formFreezed #billing-address .heading,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .heading {
color: initial;
}
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer input,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer input,
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer input.inputElem,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer input.inputElem,
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer .altSelect,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer .altSelect,
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer #notesLamoda,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer #notesLamoda {
border-color: #cccccc !important;
}
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer .altSelect .disabled,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer .altSelect .disabled {
opacity: 1;
}
#checkout.full-checkout-lm.js_formFreezed #billing-address .formFieldContainer:after,
#checkout.full-checkout-lm.js_formFreezed #shipping-address .formFieldContainer:after {
display: none;
}
#checkout.full-checkout-lm .total-price-wrapper-creditcard {
max-width: 30%;
}
/* DESKTOP */
@media only screen and (min-width: 1025px) {
body#billing.checkout.step1 .content-header-login,
body#billing.checkout.step2 .content-header-login,
body#payment.checkout .content-header-login,
body#receipt.checkout .content-header-login {
display: none;
}
body#billing.checkout.step1 .content-top-left-menu,
body#billing.checkout.step2 .content-top-left-menu,
body#payment.checkout .content-top-left-menu,
body#receipt.checkout .content-top-left-menu {
margin-top: 14px;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 50%;
}
.top-right-menu li a {
float: none;
background-repeat: no-repeat;
color: black;
text-decoration: none;
line-height: 20px;
}
#use-log-wrap,
.content_wrap #checkout {
border: 1px solid #ddd;
}
body#billing.checkout.step1 .floatingMenuBar,
body#billing.checkout.step2 .floatingMenuBar {
border-bottom: none;
padding: 0;
margin: 0;
}
body#billing.checkout.step1 .content-banner-checkout,
body#billing.checkout.step2 .content-banner-checkout {
margin-top: 0;
}
body#billing.checkout.step1 #use-log-wrap,
body#billing.checkout.step2 #use-log-wrap {
padding-top: 80px;
}
body#billing.checkout.step2 .userLoggedIn #signInContainer {
margin-right: 40px !important;
}
body#billing.checkout.step2 .userLoggedIn #signInContainer .user-name {
width: 300px;
margin-right: 300px;
}
body#billing.checkout.step2 .buttonRow {
padding-bottom: 40px;
}
body#billing.checkout.step2 #checkout {
width: 100% !important;
}
body#payment.checkout #checkout {
width: 100% !important;
}
body#payment.checkout .userLoggedIn #signInContainer {
margin-right: 40px !important;
}
body#payment.checkout .userLoggedIn #signInContainer .user-name {
width: 300px;
margin-right: 300px;
}
.checkout-or-message {
width: 5%;
height: 361px;
line-height: 341px;
background-image: url('/tzn-front/assets/images/img/vertical-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: left;
text-transform: uppercase;
font-weight: 600;
}
body#billing.checkout .gigya-header {
display: inline-block;
}
body#billing.checkout .labelFieldWrapperSignIn input {
border-color: #000;
border-width: 1px;
color: #737373;
padding: 5px;
font-size: 10px;
outline: 0;
width: 186px !important;
}
body#billing #use-log-register-wrap .i-arrow-down-filmstrip-social-mobile {
display: none;
}
body.checkout .c input {
clear: both;
}
body.checkout .requiredFieldText {
float: left;
}
body.checkout .label-email,
body.checkout .label-password,
body.checkout .label-re-enter-email,
body.checkout .label-re-enter-password,
body.checkout .label-country,
body.checkout .label-birthdate,
body.checkout .label-policy {
text-align: left;
}
body.checkout .labelFieldWrapperSignIn {
float: left;
}
body.checkout .helpLink-forgot-password {
clear: both;
}
body.checkout .checkRadio label {
float: left;
margin: 0;
}
ul.content-top-right-menu-checkout li.welcome-message {
font-size: 11px !important;
text-align: left;
display: inline-block;
vertical-align: middle;
letter-spacing: 1px;
}
.checkout-secure-area .checkout-secure-icons {
background-image: url('/tzn-front/assets/images/icons/checkout-secure-icon.jpg');
background-repeat: no-repeat;
min-height: 38px;
min-width: 60px;
}
.checkout-secure-area .checkout-secure-icons .checkout-secure-text {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding-top: 17px;
padding-left: 65px;
text-align: left;
}
.content-top-right-menu-checkout #signInContainer {
width: 100%;
margin-right: 40px;
margin-top: -4px;
}
.content-top-right-menu-checkout #signInContainer .gigyaConnectedContainer {
display: none;
}
.content-top-right-menu-checkout #signInContainer .storeContainer {
display: none;
}
.content-top-right-menu-checkout #signInContainer .content-header-login {
margin-top: 0;
width: 230px;
}
.content-top-right-menu-checkout #signInContainer a.sign-in-link {
margin-right: 10px;
display: inline-block;
}
.content-top-right-menu-checkout #signInContainer .login-with {
display: none;
}
.content-top-right-menu-checkout #signInContainer .icon-fb {
display: none;
}
.checkout-legal {
max-width: 100%;
margin: 0 auto;
border-top: 1px solid #ccc;
margin-top: 40px;
padding-top: 40px;
padding-bottom: 40px;
font-size: 11px;
}
.checkout-vantaggi {
max-width: 100%;
margin: 0 auto;
}
.checkout-vantaggi .checkout-vantaggi-top-title {
font-weight: 600;
width: 100%;
font-size: 16px;
}
.checkout-vantaggi .vantaggi-area {
width: 25%;
border-right: 1px solid #ccc;
margin-top: 40px;
margin-bottom: 40px;
float: left;
}
.checkout-vantaggi .vantaggi-area .vantaggi-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.checkout-vantaggi .vantaggi-area .vantaggi-text {
font-size: 10px;
font-weight: 600;
}
.checkout-vantaggi .vantaggi-area:nth-child(5) {
border-right: 0;
}
.checkout-vantaggi .checkout-payment-icons {
max-width: 532px;
clear: both;
margin: 0 auto;
min-height: 30px;
}
.checkout-vantaggi .checkout-payment-icons img {
float: left;
margin-right: 5px;
}
.help-checkout {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
max-width: 100%;
margin: 0 auto;
min-height: 50px;
background-color: #fff;
padding: 35px 0;
}
.help-checkout .need-help-chk,
.help-checkout .need-contact,
.help-checkout .need-hours {
max-with: 33%;
min-width: 25%;
float: left;
height: 30px;
padding-top: 10px;
}
.help-checkout .need-help-chk {
background-image: url('/tzn-front/assets/images/icons/checkout-headphone.jpg');
background-repeat: no-repeat;
background-position: 40px 7px;
padding-left: 40px;
}
.help-checkout .need-contact {
background-image: url('/tzn-front/assets/images/icons/checkout-point.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
}
.help-checkout .need-hours {
background-image: url('/tzn-front/assets/images/icons/checkout-point.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left: 40px;
margin-left: 25px;
}
#billing div.checkout-subheader,
#shipping div.checkout-subheader,
#payment div.checkout-subheader,
#onePageCheckout div.checkout-subheader,
#receipt div.checkout-subheader {
background-color: white;
width: 100%;
max-width: 100%;
margin-bottom: -16px;
z-index: 1;
position: relative;
}
#billing div.checkout-subheader .bold,
#shipping div.checkout-subheader .bold,
#payment div.checkout-subheader .bold,
#onePageCheckout div.checkout-subheader .bold,
#receipt div.checkout-subheader .bold {
float: left;
height: 35px;
line-height: 35px;
width: auto;
margin-left: 20%;
text-align: left;
margin-bottom: -16px;
}
#billing div.checkout-subheader .bold .label,
#shipping div.checkout-subheader .bold .label,
#payment div.checkout-subheader .bold .label,
#onePageCheckout div.checkout-subheader .bold .label,
#receipt div.checkout-subheader .bold .label {
background-color: #fff;
font-size: 11px;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#billing div.checkout-subheader .bold .number,
#shipping div.checkout-subheader .bold .number,
#payment div.checkout-subheader .bold .number,
#onePageCheckout div.checkout-subheader .bold .number,
#receipt div.checkout-subheader .bold .number {
float: left;
width: 35px;
height: 35px;
background-color: #000;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #fff;
line-height: 35px;
margin-right: 5px;
text-align: center;
margin-bottom: -16px;
}
#billing div.checkout-subheader .coNavOff,
#shipping div.checkout-subheader .coNavOff,
#payment div.checkout-subheader .coNavOff,
#onePageCheckout div.checkout-subheader .coNavOff,
#receipt div.checkout-subheader .coNavOff {
float: left;
height: 35px;
line-height: 35px;
color: #ddd;
width: auto;
text-align: left;
font-weight: 600;
margin-bottom: -16px;
margin-left: 20%;
}
#billing div.checkout-subheader .coNavOff .label,
#shipping div.checkout-subheader .coNavOff .label,
#payment div.checkout-subheader .coNavOff .label,
#onePageCheckout div.checkout-subheader .coNavOff .label,
#receipt div.checkout-subheader .coNavOff .label {
background-color: #fff;
font-size: 11px;
color: #ddd;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#billing div.checkout-subheader .coNavOff .number,
#shipping div.checkout-subheader .coNavOff .number,
#payment div.checkout-subheader .coNavOff .number,
#onePageCheckout div.checkout-subheader .coNavOff .number,
#receipt div.checkout-subheader .coNavOff .number {
float: left;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #ddd;
line-height: 35px;
border: 1px solid #ddd;
margin-right: 5px;
text-align: center;
font-weight: 600;
margin-bottom: -16px;
}
#billing div.checkout-subheader .coNavOff:nth-child(3),
#shipping div.checkout-subheader .coNavOff:nth-child(3),
#payment div.checkout-subheader .coNavOff:nth-child(3),
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(3),
#receipt div.checkout-subheader .coNavOff:nth-child(3) {
width: 21%;
}
#receipt div.checkout-subheader {
margin-bottom: 0;
background-color: transparent;
}
#shipping div.checkout-subheader {
margin-bottom: 2px;
}
#payment #checkout,
#shipping #checkout {
border: 1px solid #ddd;
}
#payment #billing #use-log-wrap,
#billing .content_wrap #checkout,
#payment .content_wrap #checkout {
border: 1px solid #ddd;
position: relative;
background: #fff;
overflow: hidden;
}
#payment #billing #use-log-wrap,
#billing .content_wrap #checkout {
padding: 80px 15px 20px 15px !important;
}
#payment .content_wrap #checkout {
padding: 80px 15px 270px 15px !important;
}
#payment .checkout-basket {
padding-bottom: 40px;
}
#use-log-signin-wrap {
float: left;
}
form#use-log-reg-form {
float: right;
width: 47.5%;
}
form#use-log-reg-form a.apriti.notSubscribed {
display: none;
}
form#use-log-reg-form .formFieldContainer.type_phone {
padding-top: 13px;
max-width: 100%;
}
form#use-log-reg-form .formFieldContainer.type_countryCode {
margin-bottom: 0;
}
form#use-log-reg-form .formFieldContainer.phone-type {
padding-left: 0!important;
}
form#use-log-reg-form #use-log-register-wrap {
border: 1px solid #ddd;
background-color: #fff;
overflow: hidden;
margin-bottom: 10px;
width: 100%;
min-height: 220px;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text {
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
margin-left: 20px;
font-size: 12px;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text:nth-child(5) {
margin-bottom: 70px;
}
form#use-log-reg-form #use-log-register-wrap h3 {
font-weight: 500;
letter-spacing: 0.05em;
background-color: #fff;
width: auto;
margin-top: -20px;
position: absolute;
margin-left: 10px;
padding: 10px;
text-transform: uppercase;
}
form#use-log-reg-form #use-log-register-wrap div.buttonRow > input.formButton {
background: none;
width: 70% !important;
color: #FFF !important;
background-color: #000 !important;
display: block;
padding: 10px;
text-transform: uppercase;
border: 1px solid black;
font-size: 11px;
font-weight: 600;
font-family: 'Poppins';
}
.checkout sqr-alt-select .selected-value i {
top: 20px !important;
}
}
@media only screen and (min-width: 1025px) and (min-width: 751px) {
form#use-log-reg-form #use-log-register-wrap h3 {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 750px) {
form#use-log-reg-form #use-log-register-wrap h3 {
font-size: 14px;
line-height: 19px;
}
}
body#payment .type_promocode {
max-width: 390px !important;
}
body#payment div.type_promocode input:not([type="submit"]):not([type="button"]) {
margin-right: 10px;
}
body#payment #promoCodeRemove {
padding-left: 0px;
}
/* TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body#billing.checkout.step1 .content-header-login,
body#billing.checkout.step2 .content-header-login,
body#payment.checkout .content-header-login,
body#receipt.checkout .content-header-login {
display: none;
}
body#billing.checkout.step1 .content-top-left-menu,
body#billing.checkout.step2 .content-top-left-menu,
body#payment.checkout .content-top-left-menu,
body#receipt.checkout .content-top-left-menu {
margin-top: 5px;
}
body#billing.checkout.step1 #use-log-wrap {
padding-top: 80px !important;
}
body#billing.checkout.step1 #signInContainer {
margin-right: 80px !important;
}
body#billing.checkout.step1 #use-log-signin-wrap .container_icons {
margin-left: 25px;
}
body#billing.checkout.step2 #signInContainer {
margin-right: 80px !important;
}
body#billing.checkout.step2 .checkout-subheader {
width: 100%;
}
body#billing.checkout.step2 .buttonRow {
padding-bottom: 40px;
}
body#billing.checkout.step2 #checkout {
width: 100% !important;
}
body#payment.checkout #checkout {
width: 100% !important;
}
body#payment.checkout .checkout-subheader .coNavOff:nth-child(1) {
width: 21%;
margin-left: 10%;
}
body#payment.checkout .checkout-subheader .coNavOff:nth-child(2) {
width: 21%;
margin-left: 10%;
}
body#payment.checkout .checkout-subheader .bold:nth-child(3) {
width: 21%;
margin-left: 10%;
}
.checkout-or-message {
width: 6%;
height: 361px;
line-height: 341px;
background-image: url('/tzn-front/assets/images/img/vertical-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: left;
text-transform: uppercase;
font-weight: 600;
}
body#billing #use-log-register-wrap .i-arrow-down-filmstrip-social-mobile {
display: none;
}
.checkout-secure-area {
width: auto;
min-width: 225px;
}
.checkout-secure-area .checkout-secure-icons {
background-image: url('/tzn-front/assets/images/icons/checkout-secure-icon.jpg');
background-repeat: no-repeat;
min-height: 38px;
min-width: 60px;
}
.checkout-secure-area .checkout-secure-icons .checkout-secure-text {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
padding-top: 17px;
padding-left: 65px;
text-align: left;
}
.content-top-right-menu-checkout {
width: 32%;
margin-top: 18px;
padding-right: 2%;
}
.content-top-right-menu-checkout #signInContainer {
width: 230px;
margin-right: 170px;
margin-top: 15px;
}
.content-top-right-menu-checkout #signInContainer .welcome-sign-in.divisore {
visibility: hidden;
}
.content-top-right-menu-checkout #signInContainer a.sign-in-link {
visibility: visible;
border-right: 1px solid #d5d5d5;
padding-right: 20px;
margin-top: -20px;
margin-left: 90px;
}
.content-top-right-menu-checkout #signInContainer .login-with {
display: none;
}
.content-top-right-menu-checkout #signInContainer .icon-fb {
display: none;
}
.checkout-legal {
max-width: 100%;
margin: 0 auto;
border-top: 1px solid #ccc;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
font-size: 11px;
}
.checkout-vantaggi {
max-width: 100%;
margin: 0 auto;
}
.checkout-vantaggi .checkout-vantaggi-top-title {
font-weight: 600;
width: 100%;
font-size: 16px;
}
.checkout-vantaggi .vantaggi-area {
width: 25%;
border-right: 1px solid #ccc;
margin-top: 40px;
margin-bottom: 40px;
float: left;
}
.checkout-vantaggi .vantaggi-area .vantaggi-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
width: 60%;
margin: 0 auto;
}
.checkout-vantaggi .vantaggi-area .vantaggi-text {
font-size: 10px;
font-weight: 600;
width: 60%;
margin: 0 auto;
}
.checkout-vantaggi .vantaggi-area:nth-child(5) {
border-right: 0;
}
.checkout-vantaggi .vantaggi-area:nth-child(5) .vantaggi-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
width: 50%;
margin: 0 auto;
}
.checkout-vantaggi .vantaggi-area:nth-child(5) .vantaggi-text {
font-size: 10px;
font-weight: 600;
width: 50%;
margin: 0 auto;
}
.checkout-vantaggi .checkout-payment-icons {
max-width: 512px;
margin: 0 auto;
min-height: 30px;
margin-bottom: 40px;
clear: both;
}
.checkout-vantaggi .checkout-payment-icons img {
float: left;
}
.help-checkout {
width: 768px;
max-width: 100%;
margin: 0 auto;
min-height: 50px;
background-color: #fff;
}
.help-checkout .need-contact,
.help-checkout .need-hours {
font-weight: 500;
max-with: 33%;
min-width: 25%;
float: left;
height: 30px;
}
.help-checkout .need-help-chk,
.help-checkout .need-contact,
.help-checkout .need-hours {
text-transform: none!important;
padding-top: 10px;
}
.help-checkout .need-help-chk {
font-weight: 600;
max-width: 200px;
min-width: 175px;
float: left;
height: 30px;
line-height: 30px;
background-image: url('/tzn-front/assets/images/icons/checkout-headphone-tablet.jpg');
background-repeat: no-repeat;
background-position: 25px 8px;
padding-left: 40px;
}
.help-checkout .need-contact {
font-weight: 600;
background-image: url('/tzn-front/assets/images/icons/checkout-point.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
}
.help-checkout .need-hours {
font-weight: 600;
background-image: url('/tzn-front/assets/images/icons/checkout-point.jpg');
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
margin-left: 10px;
}
#billing div.checkout-subheader,
#shipping div.checkout-subheader,
#payment div.checkout-subheader {
background-color: #fff;
max-width: 100%;
margin-left: 0%;
margin-right: 0%;
margin-bottom: 4px;
position: relative;
z-index: 1;
}
#billing div.checkout-subheader .bold,
#shipping div.checkout-subheader .bold,
#payment div.checkout-subheader .bold {
float: left;
height: 35px;
line-height: 35px;
margin-right: 5px;
width: 32%;
text-align: left;
margin-bottom: -16px;
}
#billing div.checkout-subheader .bold .label,
#shipping div.checkout-subheader .bold .label,
#payment div.checkout-subheader .bold .label {
background-color: #fff;
font-size: 11px;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#billing div.checkout-subheader .bold .number,
#shipping div.checkout-subheader .bold .number,
#payment div.checkout-subheader .bold .number {
float: left;
width: 35px;
height: 35px;
background-color: #000;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #fff;
line-height: 35px;
margin-right: 5px;
text-align: center;
margin-bottom: -16px;
}
#billing div.checkout-subheader .coNavOff,
#shipping div.checkout-subheader .coNavOff,
#payment div.checkout-subheader .coNavOff {
float: left;
height: 35px;
line-height: 35px;
color: #ddd;
margin-right: 5px;
width: 33%;
text-align: left;
font-weight: 600;
margin-bottom: -16px;
}
#billing div.checkout-subheader .coNavOff .label,
#shipping div.checkout-subheader .coNavOff .label,
#payment div.checkout-subheader .coNavOff .label {
background-color: #fff;
font-size: 11px;
color: #ddd;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#billing div.checkout-subheader .coNavOff .number,
#shipping div.checkout-subheader .coNavOff .number,
#payment div.checkout-subheader .coNavOff .number {
float: left;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #ddd;
line-height: 35px;
border: 1px solid #ddd;
margin-right: 5px;
text-align: center;
font-weight: 600;
margin-bottom: -16px;
}
#billing div.checkout-subheader .coNavOff:nth-child(1),
#shipping div.checkout-subheader .coNavOff:nth-child(1),
#payment div.checkout-subheader .coNavOff:nth-child(1) {
margin-left: 10%;
width: 21%;
}
#billing div.checkout-subheader .bold,
#shipping div.checkout-subheader .bold,
#payment div.checkout-subheader .bold {
margin-left: 10%;
width: 21%;
}
#billing div.checkout-subheader .coNavOff:nth-child(2),
#shipping div.checkout-subheader .coNavOff:nth-child(2),
#payment div.checkout-subheader .coNavOff:nth-child(2) {
margin-left: 10%;
width: 21%;
}
#billing div.checkout-subheader .coNavOff:nth-child(3),
#shipping div.checkout-subheader .coNavOff:nth-child(3),
#payment div.checkout-subheader .coNavOff:nth-child(3) {
margin-left: 10%;
width: 21%;
}
#billing.checkout.step2 .coNavOff:nth-child(1) {
margin-left: 10%;
width: 21%;
}
#billing.checkout.step2 .bold {
margin-left: 10%;
width: 21%;
}
#billing.checkout.step2 .coNavOff:nth-child(2) {
margin-left: 10%;
width: 21%;
}
#billing.checkout.step2 .coNavOff:nth-child(3) {
margin-left: 10%;
width: 21%;
}
#billing.checkout.step2 #panelGifting {
position: absolute;
top: 0;
}
#billing.checkout.step2 .checkout-subheader {
margin-left: -5px;
}
#billing.checkout.step2 .coNavOff {
float: left;
height: 35px;
line-height: 35px;
color: #ddd;
margin-right: 5px;
width: 33%;
text-align: left;
font-weight: 600;
margin-bottom: -16px;
}
#billing.checkout.step2 .coNavOff .label {
background-color: #fff;
font-size: 11px;
color: #ddd;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#billing.checkout.step2 .coNavOff .number {
float: left;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #ddd;
line-height: 35px;
border: 1px solid #ddd;
margin-right: 5px;
text-align: center;
font-weight: 600;
margin-bottom: -16px;
}
#billing.checkout.step2 .coNavOff:nth-child(3) {
margin-right: 0;
}
#shipping div.checkout-subheader .bold {
margin-left: 110px;
}
#shipping div.checkout-subheader .coNavOff:nth-child(3) {
margin-left: 50px;
}
#use-log-wrap,
.content_wrap #checkout {
border: 1px solid #ddd;
background: #fff;
overflow: hidden;
position: relative;
padding: 95px 15px 20px 15px !important;
}
#shipping div.checkout-subheader {
margin-bottom: 2px;
}
#shipping #checkout {
border: 1px solid #ddd;
}
#use-log-signin-wrap {
float: left;
}
#use-log-or-text {
margin-left: 25px !important;
}
form#use-log-reg-form {
float: right;
width: 46.7%;
}
form#use-log-reg-form #use-log-register-wrap {
border: 1px solid #ddd;
background-color: #fff;
overflow: hidden;
margin-bottom: 10px;
width: 100%;
max-width: 100%;
float: left;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text {
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
margin-left: 20px;
padding-right: 20px;
font-size: 12px;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text:nth-child(3) {
margin-bottom: 40px;
}
form#use-log-reg-form #use-log-register-wrap a.apriti.notSubscribed {
display: none;
}
form#use-log-reg-form #use-log-register-wrap h3 {
font-weight: 500;
letter-spacing: 0.05em;
background-color: #fff;
width: auto;
margin-top: -20px;
position: absolute;
padding: 10px;
margin-left: 10px;
text-transform: uppercase;
}
form#use-log-reg-form #use-log-register-wrap div.buttonRow > input.formButton {
background: none;
width: 93% !important;
color: #fff !important;
background-color: #000 !important;
display: block;
padding: 10px;
text-transform: uppercase;
border: 1px solid transparent;
font-size: 11px;
font-weight: 600;
font-family: 'Poppins';
margin-top: 11px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.help-checkout .need-contact,
.help-checkout .need-hours {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.help-checkout .need-contact,
.help-checkout .need-hours {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.help-checkout .need-help-chk {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.help-checkout .need-help-chk {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.help-checkout .need-contact {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.help-checkout .need-contact {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.help-checkout .need-hours {
font-size: 10px;
line-height: 18px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.help-checkout .need-hours {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
form#use-log-reg-form #use-log-register-wrap h3 {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
form#use-log-reg-form #use-log-register-wrap h3 {
font-size: 14px;
line-height: 19px;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body.account#orderStatus form[name="orderStatusForm"] .formFieldContainer {
width: 100% !important;
}
.order-summary-container .total-price-wrapper {
border-top: 0;
border-bottom: 0px !important;
}
body.checkout {
font-size: 14px;
}
body#billing form .different-shipping-address #shipping-address,
body#billing form .billing-shipping-content #shipping-address {
width: 100%;
}
body#billing form .billing-shipping-content .checkout-info-container .optional-billing-address #billing-address {
width: 100%;
}
body#billing form .billing-shipping-content .checkout-info-container .optional-billing-address #billing-address .business-check-wrap {
display: inline-block;
}
body#billing .phone-type .error {
width: 40%;
float: right;
}
body#billing.checkout.step1 .content-top-left-menu,
body#billing.checkout.step2 .content-top-left-menu,
body#payment.checkout .content-top-left-menu,
body#receipt.checkout .content-top-left-menu {
margin-top: 8px;
}
body#userLogin form .myCheck,
body#billing form .myCheck,
#userLogin #use-log-wrap label,
.checkout #use-log-wrap label {
float: left;
}
.checkout-or-message {
width: 100%;
height: 46px;
line-height: 49px;
background-image: url('/tzn-front/assets/images/img/horizontal-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
margin: 0 auto;
}
.checkout-secure-area .checkout-secure-icons {
background-image: url('/tzn-front/assets/images/icons/checkout-secure-icon.jpg');
background-repeat: no-repeat;
min-height: 38px;
min-width: 60px;
}
.checkout-secure-area .checkout-secure-icons .checkout-secure-text {
display: none;
}
.content-top-right-menu-checkout #widget-ucart-item-total {
display: inline;
float: left;
margin-right: 5px;
margin-top: 4px;
}
.content-top-right-menu-checkout .addtobag {
float: right;
}
.content-top-right-menu-checkout #signInContainer {
display: none;
}
.checkout-vantaggi {
clear: both;
max-width: 767px;
margin: 0 auto;
padding: 15px;
}
.checkout-vantaggi .checkout-vantaggi-top-title {
font-weight: 600;
width: 100%;
font-size: 13px;
}
.checkout-vantaggi .vantaggi-area {
width: 100%;
margin-top: 20px;
float: left;
}
.checkout-vantaggi .vantaggi-area .vantaggi-title {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
}
.checkout-vantaggi .vantaggi-area .vantaggi-text {
font-size: 10px;
font-weight: 600;
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
width: 70%;
margin: 0 auto;
}
.checkout-vantaggi .vantaggi-area:nth-child(5) div.vantaggi-text {
border-bottom: 0;
margin-bottom: 64px;
}
.checkout-payment-icons img {
padding-left: 5px;
padding-top: 5px;
}
.checkout-legal {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #ccc;
max-width: 90%;
margin: 0 auto;
margin-top: 20px;
font-size: 10px;
}
.help-checkout {
min-width: 100%;
margin: 0 auto;
min-height: 50px;
background-color: #fff;
margin-left: 5px;
}
.help-checkout .need-contact,
.help-checkout .need-hours {
font-weight: 500;
letter-spacing: 0.05em;
background-repeat: no-repeat;
background-position: left center;
padding-left: 33px;
padding-right: 33px;
float: left;
min-width: 100%;
text-align: left;
line-height: initial;
}
.help-checkout .need-contact a,
.help-checkout .need-hours a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: black;
}
.help-checkout .need-help-chk {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
min-width: 100%;
float: left;
height: 20px;
background-image: url('/tzn-front/assets/images/icons/checkout-headphone-tablet.jpg');
background-repeat: no-repeat;
background-position: 12px center;
padding-left: 32px;
font-size: 10px;
text-align: left;
}
.help-checkout .need-help-container {
margin-top: 20px;
}
#billing div.checkout-subheader,
#shipping div.checkout-subheader,
#payment div.checkout-subheader,
#onePageCheckout div.checkout-subheader,
#receipt div.checkout-subheader {
background-color: #fff;
position: relative;
z-index: 1;
width: 100% !important;
float: left;
margin: 0 auto;
}
#billing div.checkout-subheader .bold,
#shipping div.checkout-subheader .bold,
#payment div.checkout-subheader .bold,
#onePageCheckout div.checkout-subheader .bold,
#receipt div.checkout-subheader .bold {
width: 33%;
color: #fff;
line-height: 20px;
float: left;
background-image: url('/tzn-front/assets/images/img/filmstrip_title_bar.png');
background-repeat: no-repeat;
}
#billing div.checkout-subheader .bold .label,
#shipping div.checkout-subheader .bold .label,
#payment div.checkout-subheader .bold .label,
#onePageCheckout div.checkout-subheader .bold .label,
#receipt div.checkout-subheader .bold .label {
background-color: #fff;
font-size: 11px;
}
#billing div.checkout-subheader .bold .number,
#shipping div.checkout-subheader .bold .number,
#payment div.checkout-subheader .bold .number,
#onePageCheckout div.checkout-subheader .bold .number,
#receipt div.checkout-subheader .bold .number {
background-color: #000;
border-radius: 30px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 auto;
}
#billing div.checkout-subheader .coNavOff,
#shipping div.checkout-subheader .coNavOff,
#payment div.checkout-subheader .coNavOff,
#onePageCheckout div.checkout-subheader .coNavOff,
#receipt div.checkout-subheader .coNavOff {
width: 33%;
color: #fff;
line-height: 20px;
float: left;
background-image: url('/tzn-front/assets/images/img/filmstrip_title_bar.png');
background-repeat: no-repeat;
}
#billing div.checkout-subheader .coNavOff .label,
#shipping div.checkout-subheader .coNavOff .label,
#payment div.checkout-subheader .coNavOff .label,
#onePageCheckout div.checkout-subheader .coNavOff .label,
#receipt div.checkout-subheader .coNavOff .label {
background-color: #fff;
color: #ddd;
font-size: 11px;
}
#billing div.checkout-subheader .coNavOff .number,
#shipping div.checkout-subheader .coNavOff .number,
#payment div.checkout-subheader .coNavOff .number,
#onePageCheckout div.checkout-subheader .coNavOff .number,
#receipt div.checkout-subheader .coNavOff .number {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 30px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0 auto;
}
#billing div.checkout-subheader .coNavOff:nth-child(1),
#shipping div.checkout-subheader .coNavOff:nth-child(1),
#payment div.checkout-subheader .coNavOff:nth-child(1),
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(1),
#receipt div.checkout-subheader .coNavOff:nth-child(1) {
background-color: #fff;
color: #ddd;
}
#billing div.checkout-subheader .coNavOff:nth-child(2),
#shipping div.checkout-subheader .coNavOff:nth-child(2),
#payment div.checkout-subheader .coNavOff:nth-child(2),
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(2),
#receipt div.checkout-subheader .coNavOff:nth-child(2) {
background-color: #fff;
color: #ddd;
}
#billing div.checkout-subheader .coNavOff:nth-child(3),
#shipping div.checkout-subheader .coNavOff:nth-child(3),
#payment div.checkout-subheader .coNavOff:nth-child(3),
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(3),
#receipt div.checkout-subheader .coNavOff:nth-child(3) {
background-color: #fff;
color: #ddd;
}
form#use-log-reg-form {
width: 100%;
}
form#use-log-reg-form #use-log-register-wrap {
border: 1px solid #ddd;
background-color: #fff;
overflow: hidden;
margin-bottom: 10px;
width: 100%;
max-width: 100%;
height: 36px;
margin-top: 20px;
background-image: url('/tzn-front/assets/images/icons/checkout-uparrow.jpg');
background-repeat: no-repeat;
background-position: right 5px;
-webkit-transition: height 0.25s linear;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text {
margin-top: 20px;
margin-bottom: 20px;
text-align: left;
margin-left: 24px;
font-size: 12px;
}
form#use-log-reg-form #use-log-register-wrap .checkout-register-text:nth-child(3) {
margin-bottom: 40px;
}
form#use-log-reg-form #use-log-register-wrap h3 {
display: none;
}
form#use-log-reg-form #use-log-register-wrap div.buttonRow > input.formButton {
background: none;
width: 100% !important;
color: #FFF !important;
background-color: #000 !important;
display: block;
padding: 10px;
text-transform: uppercase;
border: 1px solid black;
font-size: 11px;
font-weight: 600;
font-family: 'Poppins';
margin-top: 11px;
max-width: 100%;
height: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/*body#billing #use-log-register-wrap .i-arrow-down-filmstrip-social-mobile{
margin-top: -20px;
margin-right: 25px;
}*/
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.help-checkout .need-contact,
.help-checkout .need-hours {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.help-checkout .need-contact,
.help-checkout .need-hours {
font-size: 11px;
line-height: 15px;
}
}
/* STEP 2 */
.lm-logged-user-container .lm-alignment {
padding-left: 0px;
}
.checkout-info-container {
width: 100%;
max-width: 756px;
margin: 0 auto;
border: 0 solid transparent;
padding: 5px 15px 5px 15px;
clear: both;
}
.lm-moreinfo-container {
padding-top: 10px;
}
.billing-shipping-content .checkout-info-container {
padding: 5px 0;
}
.billing-shipping-content .page-notification {
display: block;
width: 100%;
max-width: 756px;
margin: 0 auto !important;
}
#different-shipping-address,
.buttonRow,
#gifting {
width: 100%;
max-width: 756px;
margin: 0 auto;
border: 0 solid transparent;
padding: 5px;
clear: both;
}
#different-shipping-address {
padding-right: 30%;
}
.label-value-container {
text-align: left;
}
.label-value-container .label.backgroundTitle {
font-weight: 500;
letter-spacing: 0.05em;
display-inline: block;
background-color: transparent;
text-align: left;
text-transform: initial;
margin-bottom: 25px;
padding: 0;
margin-top: 20px;
display: block;
}
@media (min-width: 751px) {
.label-value-container .label.backgroundTitle {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.label-value-container .label.backgroundTitle {
font-size: 11px;
line-height: 15px;
}
}
.companyTitleRequired {
padding: 0 5px;
}
.userTitleRequired {
display: inline-block;
}
body#payment .sectionSelectLabel,
body#billing .sectionSelectLabel,
body.account .sectionSelectLabel {
display: block;
}
body#payment .sectionSelectLabel.required-fields,
body#billing .sectionSelectLabel.required-fields,
body.account .sectionSelectLabel.required-fields {
display: inline-block;
}
body#payment .carrierWrapper .pickup-select-store,
body#billing .carrierWrapper .pickup-select-store,
body.account .carrierWrapper .pickup-select-store {
display: inline-block;
}
body#payment .carrierWrapper .myRadio,
body#billing .carrierWrapper .myRadio,
body.account .carrierWrapper .myRadio {
width: auto;
float: left;
}
body#payment .carrierWrapper:last-child,
body#billing .carrierWrapper:last-child,
body.account .carrierWrapper:last-child {
border-bottom: 0;
}
body#payment #checkout,
body#billing #checkout,
body.account #checkout {
text-align: left;
vertical-align: bottom;
}
body#payment #checkout .user-title-option-wrap,
body#billing #checkout .user-title-option-wrap,
body.account #checkout .user-title-option-wrap {
padding: 0;
}
body#payment #checkout .invoice-flag-cont,
body#billing #checkout .invoice-flag-cont,
body.account #checkout .invoice-flag-cont {
margin-bottom: 20px;
}
body#payment #checkout .invoice-flag-cont label,
body#billing #checkout .invoice-flag-cont label,
body.account #checkout .invoice-flag-cont label {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#payment #checkout .invoice-flag-cont label,
body#billing #checkout .invoice-flag-cont label,
body.account #checkout .invoice-flag-cont label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#payment #checkout .invoice-flag-cont label,
body#billing #checkout .invoice-flag-cont label,
body.account #checkout .invoice-flag-cont label {
font-size: 11px;
line-height: 15px;
}
}
body#payment fieldset#billing,
body#billing fieldset#billing,
body.account fieldset#billing,
body#payment form#mainForm,
body#billing form#mainForm,
body.account form#mainForm {
width: 70%;
}
body#payment input[type="radio"],
body#billing input[type="radio"],
body.account input[type="radio"] {
display: none;
}
body#payment label.isBusinessAddress-false,
body#billing label.isBusinessAddress-false,
body.account label.isBusinessAddress-false {
margin-right: 15px;
}
body#payment .phone-type,
body#billing .phone-type,
body.account .phone-type {
display: inline-block;
vertical-align: bottom;
max-width: 360px;
width: 100%;
}
body#payment .phone-type .myRadio,
body#billing .phone-type .myRadio,
body.account .phone-type .myRadio {
float: left;
cursor: pointer;
padding-right: 22px;
display: inline-block;
}
body#payment .formFieldContainer,
body#billing .formFieldContainer,
body.account .formFieldContainer {
padding: 0;
width: auto;
float: none;
}
body#payment .formFieldContainer.largeField,
body#billing .formFieldContainer.largeField,
body.account .formFieldContainer.largeField {
width: 100%;
max-width: 100%;
}
body#payment .formFieldContainer .labelText,
body#billing .formFieldContainer .labelText,
body.account .formFieldContainer .labelText {
margin: 0 0 5px 0;
}
body#payment .formFieldContainer.type_emailAddress,
body#billing .formFieldContainer.type_emailAddress,
body.account .formFieldContainer.type_emailAddress {
display: block;
}
body#payment .formFieldContainer .prefix,
body#billing .formFieldContainer .prefix,
body.account .formFieldContainer .prefix {
display: inline-block;
margin-right: 1px;
}
body#payment .formFieldContainer .prefix input#phonePrefix,
body#billing .formFieldContainer .prefix input#phonePrefix,
body.account .formFieldContainer .prefix input#phonePrefix {
width: 40px;
margin: 0 10px 0 0;
}
body#payment .formFieldContainer .number,
body#billing .formFieldContainer .number,
body.account .formFieldContainer .number {
display: inline-block;
}
body#payment .formFieldContainer .number input#phone,
body#billing .formFieldContainer .number input#phone,
body.account .formFieldContainer .number input#phone {
width: 135px;
}
body#payment .formFieldContainer .labelText,
body#billing .formFieldContainer .labelText,
body.account .formFieldContainer .labelText {
font-size: 8pt;
}
body#payment .formFieldError .labelText,
body#billing .formFieldError .labelText,
body.account .formFieldError .labelText {
font-size: 8pt;
color: #ff6666;
}
body#payment .buttonRow,
body#billing .buttonRow,
body.account .buttonRow {
padding: 0;
}
body#payment .buttonRow .btn-sign-in,
body#billing .buttonRow .btn-sign-in,
body.account .buttonRow .btn-sign-in {
margin: 0;
}
body#payment #use-addr-wrap,
body#billing #use-addr-wrap,
body.account #use-addr-wrap {
background: transparent;
padding: 0;
overflow: inherit;
}
body#payment #use-log-signin-wrap .buttonRow,
body#billing #use-log-signin-wrap .buttonRow,
body.account #use-log-signin-wrap .buttonRow,
body#payment #use-log-reg-form .buttonRow,
body#billing #use-log-reg-form .buttonRow,
body.account #use-log-reg-form .buttonRow {
/*padding: 20px;*/
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
float: left;
margin: 0;
text-align: center;
}
body#payment #use-log-signin-wrap .buttonRow .btn-sign-in,
body#billing #use-log-signin-wrap .buttonRow .btn-sign-in,
body.account #use-log-signin-wrap .buttonRow .btn-sign-in,
body#payment #use-log-reg-form .buttonRow .btn-sign-in,
body#billing #use-log-reg-form .buttonRow .btn-sign-in,
body.account #use-log-reg-form .buttonRow .btn-sign-in {
box-sizing: border-box;
float: left;
margin-top: 20px;
}
body#payment .choose-shipping-address-area,
body#billing .choose-shipping-address-area,
body.account .choose-shipping-address-area {
margin-bottom: 10px;
}
body#payment input[name="countryCode"] + .labelText,
body#billing input[name="countryCode"] + .labelText,
body.account input[name="countryCode"] + .labelText,
body#payment input[name="emailAddress"] + .labelText,
body#billing input[name="emailAddress"] + .labelText,
body.account input[name="emailAddress"] + .labelText,
body#payment input[name="countryCodeExtended"] + .labelText,
body#billing input[name="countryCodeExtended"] + .labelText,
body.account input[name="countryCodeExtended"] + .labelText {
position: relative;
top: 5px;
}
body#payment .fake-input,
body#billing .fake-input,
body.account .fake-input {
display: inline-block;
margin-bottom: 10px;
}
body#payment .fiscalcode-link,
body#billing .fiscalcode-link,
body.account .fiscalcode-link,
body#payment .fiscalcode-link:active,
body#billing .fiscalcode-link:active,
body.account .fiscalcode-link:active,
body#payment .fiscalcode-link:hover,
body#billing .fiscalcode-link:hover,
body.account .fiscalcode-link:hover {
color: black;
text-decoration: none;
font-weight: 700;
cursor: pointer;
}
body#payment .labelText.userEmailText,
body#billing .labelText.userEmailText,
body.account .labelText.userEmailText {
margin-right: -100%;
}
body#payment .carrierWrapper .amount,
body#billing .carrierWrapper .amount,
body.account .carrierWrapper .amount {
padding-top: 6px;
}
body#payment .label-value-container.shipping-discount,
body#billing .label-value-container.shipping-discount,
body.account .label-value-container.shipping-discount {
border-top: 1px solid #cfcdb6;
box-sizing: border-box;
padding: 10px 0;
}
body#payment .label-value-container.shipping-discount .discount,
body#billing .label-value-container.shipping-discount .discount,
body.account .label-value-container.shipping-discount .discount {
color: #ff6699;
}
@media (min-width: 751px) {
body#payment .label-value-container.shipping-discount .discount,
body#billing .label-value-container.shipping-discount .discount,
body.account .label-value-container.shipping-discount .discount {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
body#payment .label-value-container.shipping-discount .discount,
body#billing .label-value-container.shipping-discount .discount,
body.account .label-value-container.shipping-discount .discount {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
body#payment .label-value-container.shipping-discount .label.discount,
body#billing .label-value-container.shipping-discount .label.discount,
body.account .label-value-container.shipping-discount .label.discount {
padding: 0px 0px;
}
body#payment .label-value-container.shipping-discount .value,
body#billing .label-value-container.shipping-discount .value,
body.account .label-value-container.shipping-discount .value {
float: right;
}
body#payment .type_emailAddress,
body#billing .type_emailAddress,
body.account .type_emailAddress {
vertical-align: bottom;
}
body#payment .user_title.has-error .error,
body#billing .user_title.has-error .error,
body.account .user_title.has-error .error {
padding-bottom: 0;
margin-bottom: -10px;
}
body#payment .user_title.has-error .general-error-message,
body#billing .user_title.has-error .general-error-message,
body.account .user_title.has-error .general-error-message {
display: none;
}
body#payment .option-phone-wrap,
body#billing .option-phone-wrap,
body.account .option-phone-wrap {
display: inline-block;
vertical-align: bottom;
width: auto;
max-width: 250px;
font-size: inherit;
}
body#payment .option-phone-wrap.required:after,
body#billing .option-phone-wrap.required:after,
body.account .option-phone-wrap.required:after {
content: "*";
margin-top: 6px;
display: inline-block;
padding-left: 15px;
}
body#payment .option-phone-wrap .label-typePhone,
body#billing .option-phone-wrap .label-typePhone,
body.account .option-phone-wrap .label-typePhone {
position: relative!important;
color: inherit;
}
body#payment .option-phone-wrap #radio_typePhone_landline + .label-typePhone,
body#billing .option-phone-wrap #radio_typePhone_landline + .label-typePhone,
body.account .option-phone-wrap #radio_typePhone_landline + .label-typePhone {
margin-left: 20px!important;
}
@media only screen and (max-width: 750px) {
body#payment .option-phone-wrap,
body#billing .option-phone-wrap,
body.account .option-phone-wrap {
margin-top: -10px;
margin-bottom: 15px;
}
}
body.account#orderStatus form[name="orderStatusForm"] .formFieldContainer {
width: 30%;
}
body.account#orderStatus form[name="orderStatusForm"] .sectionSelectLabel.required-fields {
width: 100%;
margin-top: 20px;
}
body.account #use-log-reg-form .container_icons,
body.account #use-log-signin-wrap .container_icons {
margin-left: 0;
margin-right: 0;
}
body.account #use-log-reg-form .buttonRow,
body.account #use-log-signin-wrap .buttonRow {
text-align: center;
padding-left: 0;
padding-right: 0;
}
body.account .formFieldContainer .prefix {
width: 17%;
}
body.account .formFieldContainer .prefix input#phonePrefix {
width: initial;
margin: 0;
}
body.account .formFieldContainer .number {
width: 80% !important;
float: right;
}
body.account .formFieldContainer .number input#phone {
width: 100%;
}
/* checkout step 2 carrier wrapper style (store pickup enabled) */
@media only screen and (min-width: 751px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper .shipping-text {
width: 260px;
padding-right: 10px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper .amount {
float: none;
padding-top: 7px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .amount {
width: 70px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .select-store {
width: 170px;
padding-left: 10px;
padding-right: 10px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .store_details_shoppingbag {
padding: 0;
width: 210px;
display: inline-block;
padding-bottom: 10px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.pickup-point .store_details_shoppingbag {
padding: 0 0 10px 10px;
width: 210px;
display: inline-block;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.pickup-point .amount {
vertical-align: top;
}
body#billing.checkout.step2 .checkout-info-container .label-value-container.shipping-discount .label.discount {
width: 260px;
padding-right: 10px;
display: inline-block;
text-align: left;
}
body#billing.checkout.step2 .checkout-info-container .label-value-container.shipping-discount .value.discount {
float: none;
display: inline-block;
margin-left: -3px;
/* to align with .carrierWrapper .amount */
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper .amount {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper .amount {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper .shipping-text {
width: 240px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .amount {
width: 65px;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .store_details_shoppingbag {
width: 200px;
}
body#billing.checkout.step2 .checkout-info-container .label-value-container.shipping-discount .label.discount {
width: 240px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) and (min-width: 751px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .amount {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) and (max-width: 750px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .amount {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) {
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .myRadio {
width: 100%;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .amount {
margin-bottom: 0;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .select-store {
clear: both;
}
body#billing.checkout.step2 .checkout-info-container .carrierWrapper.store-pickup .store_details_shoppingbag {
clear: both;
}
}
.giftWrapLinkWrap {
background: url('/tzn-front/assets/images/icons/gift-icon.jpg') center left no-repeat;
padding: 5px 0 5px 25px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
}
.giftWrapLinkWrap a,
.giftWrapLinkWrap a:hover,
.giftWrapLinkWrap a:active {
color: #000;
}
@media only screen and (max-width: 750px) {
body#billing.checkout.step1 i.i-wishlist-contact-addtobag {
margin-top: -3px;
}
body#payment.checkout i.i-wishlist-contact-addtobag {
margin-top: -3px;
}
body#billing.checkout.step2 #signInContainer {
margin-right: 80px !important;
}
body#billing.checkout.step2 i.i-wishlist-contact-addtobag {
margin-top: -3px;
}
body#billing.checkout.step2 .buttonRow {
padding-bottom: 40px;
padding-left: 15px;
padding-right: 15px;
}
body#billing.checkout.step2 #checkout {
width: 100% !important;
}
#checkout .cart-container {
margin-top: 0!important;
}
#billing-address .heading {
text-align: left;
font-weight: 600;
font-size: 13px;
}
.checkout-info-container .label-value-container .label.backgroundTitle {
display: inline-block;
}
.checkout-register-text {
margin-bottom: 0px;
}
span.labelFieldWrapper {
display: block;
}
span.labelFieldWrapper input {
width: 100%!important;
}
.right-aligned {
float: none!important;
}
.left-short-field,
.right-short-field,
.cvvCode .labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
width: 100%!important;
}
.left-short-field {
padding-right: 0!important;
}
.right-short-field {
padding-left: 0!important;
padding-top: 15px;
}
.cvvCode .labelFieldWrapper {
float: none!important;
width: 100%!important;
}
.left-field-cvv {
margin: 0!important;
margin-left: 10px!important;
position: relative!important;
}
body#payment .formFieldContainer.cc-input-w + .cc-input-w,
#checkout.full-checkout-lm .formFieldContainer.cc-input-w + .cc-input-w {
padding-top: 15px;
}
body#payment .helpLink-check-saldo a {
float: none;
margin-bottom: 10px;
}
body#billing fieldset#billing,
body.account fieldset#billing,
body#billing form#mainForm,
body.account form#mainForm {
width: 100%;
}
body#billing #different-shipping-address,
body.account #different-shipping-address {
padding: 5px;
}
body#billing .content_wrap sqr-alt-select.altSelect,
body.account .content_wrap sqr-alt-select.altSelect {
width: 100%;
max-width: 100%;
}
body#billing .content_wrap .formFieldContainer,
body.account .content_wrap .formFieldContainer {
width: 100%;
max-width: 100%;
}
body#billing .content_wrap .formFieldContainer .prefix,
body.account .content_wrap .formFieldContainer .prefix {
width: 19%;
margin-right: 3%;
}
body#billing .content_wrap .formFieldContainer .prefix input#phonePrefix,
body.account .content_wrap .formFieldContainer .prefix input#phonePrefix {
width: 100%;
}
body#billing .content_wrap .formFieldContainer .number,
body.account .content_wrap .formFieldContainer .number {
width: 78% !important;
}
body#billing .content_wrap .formFieldContainer .number input#phone,
body.account .content_wrap .formFieldContainer .number input#phone {
width: 100%;
}
body#billing .content_wrap .formFieldContainer span.labelFieldWrapper,
body.account .content_wrap .formFieldContainer span.labelFieldWrapper {
width: 100%;
max-width: 100%;
display: block;
}
body#billing .content_wrap .formFieldContainer span.labelFieldWrapper input,
body.account .content_wrap .formFieldContainer span.labelFieldWrapper input {
width: 100%;
max-width: 100%;
}
}
/* Payment phase */
.order-summary-main-wrapper .left-column {
width: 50%;
float: left;
}
.order-summary-main-wrapper .left-column .tznBox {
width: 100%;
max-width: 315px;
}
.order-summary-main-wrapper .right-column {
width: 50%;
float: right;
}
.order-summary-main-wrapper .right-column .tznBox {
float: right;
width: 100%;
max-width: 370px;
}
.order-summary-main-wrapper .tznBox {
margin-bottom: 45px;
}
.order-summary-main-wrapper .tznBox .title {
margin-bottom: 15px;
}
@media (min-width: 751px) {
.order-summary-main-wrapper .tznBox .title {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.order-summary-main-wrapper .tznBox .title {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.order-summary-main-wrapper .tznBox .title.withBottomLine {
padding-bottom: 12px;
border-bottom: 1px solid #ddd;
}
#nopaymentReviewForm .place-order-bottom {
margin-top: 15px;
margin-bottom: 15px;
}
.order-totals {
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
float: right;
padding-bottom: 5px;
padding-top: 0px;
width: 100%;
max-width: 370px;
}
@media (min-width: 751px) {
.order-totals {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.order-totals {
font-size: 11px;
line-height: 15px;
}
}
.order-totals .total-order-summary-container .text-amount-container {
font-weight: 500;
letter-spacing: 0.1em;
border-bottom: 1px solid #ddd;
display: inline-block;
margin-bottom: 3px;
padding-bottom: 6px;
text-align: left;
width: 100%;
}
@media (min-width: 751px) {
.order-totals .total-order-summary-container .text-amount-container {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.order-totals .total-order-summary-container .text-amount-container {
font-size: 12px;
line-height: 15px;
}
}
.order-totals .total-order-summary-container .text-amount-container .text {
font-weight: 500;
letter-spacing: 0.1em;
float: left;
text-align: left;
}
@media (min-width: 751px) {
.order-totals .total-order-summary-container .text-amount-container .text {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.order-totals .total-order-summary-container .text-amount-container .text {
font-size: 12px;
line-height: 15px;
}
}
.order-totals .total-order-summary-container .text-amount-container .amount {
font-weight: 500;
letter-spacing: 0.1em;
float: right;
text-align: right;
}
@media (min-width: 751px) {
.order-totals .total-order-summary-container .text-amount-container .amount {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.order-totals .total-order-summary-container .text-amount-container .amount {
font-size: 12px;
line-height: 15px;
}
}
.order-totals .total-order-summary-container .text-amount-container .discount {
font-weight: 500;
letter-spacing: 0.1em;
color: #ff6699;
}
@media (min-width: 751px) {
.order-totals .total-order-summary-container .text-amount-container .discount {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.order-totals .total-order-summary-container .text-amount-container .discount {
font-size: 12px;
line-height: 15px;
}
}
.order-totals .text-amount-container:last-child {
border: 0;
}
.order-summary-container {
margin-top: 35px;
}
.order-summary-container .total-price-wrapper {
border: 0;
border-right: 0;
border-left: 0;
padding: 8px 0 0;
}
.order-summary-container .tznButton {
min-width: 195px;
}
.order-summary-container .place-order-bottom {
margin-top: 35px;
margin-bottom: 35px;
text-align: center;
}
.order-summary-container .place-order-bottom .left-align {
float: left;
}
.order-summary-container .place-order-bottom .right-align {
float: right;
}
#summaryContainer {
width: 100%;
}
#summaryContainer .order-totals {
max-width: 370px;
width: 50%;
}
#summaryContainer .checkout-estimated-total {
width: 100%;
/*float: right;*/
}
#summaryContainer .total-price-wrapper {
margin-top: 20px;
}
@media only screen and (max-width: 750px) {
#payment .content_wrap #checkout {
padding-bottom: 0 !important;
padding-top: 0 !important;
}
.order-summary-main-wrapper .left-column,
.order-summary-main-wrapper .right-column {
width: 100%;
max-width: 100%;
float: none;
}
.order-summary-main-wrapper .left-column .tznBox,
.order-summary-main-wrapper .right-column .tznBox {
width: 100%;
max-width: 100%;
margin-bottom: 30px;
}
.order-totals {
max-width: 100%;
width: 100%;
}
#summaryContainer .checkout-estimated-total,
#summaryContainer .order-totals {
max-width: 100%;
width: 100%;
}
/* Mobile back button */
.backMobile i {
margin-right: 10px;
background-image: url(../assets/images/icons/svg/arrow_left_01.svg);
width: 10px;
height: 10px;
}
.order-totals {
float: none;
width: 100%;
padding-bottom: 25px;
}
.order-summary-container {
margin-top: 0;
}
.order-summary-container .place-order-bottom {
margin-top: 35px;
}
.order-summary-container .place-order-bottom .left-align,
.order-summary-container .place-order-bottom .right-align {
float: none;
}
body#payment .type_promocode {
max-width: 100% !important;
}
#gcRedemptionCode {
width: calc(80% - 100px)!important;
}
#gcPin {
margin-right: 10px;
width: 20%;
}
}
body#payment .check-label,
#checkout.full-checkout-lm .check-label {
width: 85%;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
@media (min-width: 751px) {
body#payment .check-label,
#checkout.full-checkout-lm .check-label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#payment .check-label,
#checkout.full-checkout-lm .check-label {
font-size: 11px;
line-height: 15px;
}
}
body#payment .check-label a,
#checkout.full-checkout-lm .check-label a,
body#payment .check-label a:hover,
#checkout.full-checkout-lm .check-label a:hover {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
text-decoration: underline;
}
@media (min-width: 751px) {
body#payment .check-label a,
#checkout.full-checkout-lm .check-label a,
body#payment .check-label a:hover,
#checkout.full-checkout-lm .check-label a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#payment .check-label a,
#checkout.full-checkout-lm .check-label a,
body#payment .check-label a:hover,
#checkout.full-checkout-lm .check-label a:hover {
font-size: 11px;
line-height: 15px;
}
}
body#payment .check-label.info,
#checkout.full-checkout-lm .check-label.info {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
padding: 5px 0;
margin-bottom: 0;
width: 100%;
}
@media (min-width: 751px) {
body#payment .check-label.info,
#checkout.full-checkout-lm .check-label.info {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#payment .check-label.info,
#checkout.full-checkout-lm .check-label.info {
font-size: 11px;
line-height: 15px;
}
}
body#payment .check-label.info a,
#checkout.full-checkout-lm .check-label.info a {
margin: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body#payment .check-label {
width: 85%;
display: block;
}
}
@media only screen and (max-width: 750px) {
body#payment .check-label.info {
padding: 10px 0;
}
#cboxContent .container_radio_button {
margin-top: 20px;
}
#cboxContent input[type="radio"] + label {
font-size: 12px;
}
#cboxContent .container-button-check {
padding-top: 15px !important;
width: 100%;
}
#cboxContent #gcRedemptionCode {
width: 100% !important;
}
#cboxContent #gcPin {
margin-right: 0px;
width: 100%;
max-width: 86px;
}
}
#payment #cboxLoadedContent iframe {
min-width: 696px;
min-height: 696px;
}
@media only screen and (max-width: 750px) {
#payment #cboxLoadedContent iframe {
min-width: 100%;
min-height: 900px;
}
}
.w-payment-wrapper .paymentTypeIcon i {
display: none !important;
}
.w-payment-wrapper .paymentAdditionalLabel {
display: none !important;
}
/* fiscal code generator overlay */
body#billing {
/* autocomplete widget */
/* autocomplete widget for lamoda */
}
body#billing #fiscalCodeInfo {
position: relative;
}
body#billing #fiscalCodeInfo #fiscalCode {
margin-bottom: 20px;
}
body#billing .fiscalcode-link {
cursor: pointer;
color: inherit;
}
body#billing .fiscalcode-link .calculate_cod {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
text-transform: capitalize;
}
body#billing #cboxLoadedContent {
overflow: visible !important;
}
body#billing #checkout.full-checkout-lm .ui-autocomplete {
max-height: 100px;
overflow-y: scroll;
padding: 0px;
}
body#billing #checkout.full-checkout-lm .ui-autocomplete .ui-menu-item {
cursor: pointer;
padding: 5px 20px;
}
body#billing #checkout.full-checkout-lm .ui-autocomplete a {
color: inherit;
text-decoration: none;
font-size: 13px;
line-height: 20px;
}
body#billing .checkout-title {
text-align: left;
font-weight: 600;
font-size: 13px;
margin-bottom: 25px;
}
body#billing .ui-autocomplete {
border: 1px solid #000;
border-top: 0;
margin: 0;
color: #737373;
background: #fff;
padding: 5px;
text-align: left;
}
body#billing .ui-autocomplete .ui-menu-item {
cursor: pointer;
}
body#billing .ui-autocomplete a {
color: inherit;
text-decoration: none;
font-size: 10px;
}
#fiscalCodeGenerator h2 {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0;
margin-bottom: 20px;
}
@media (min-width: 751px) {
#fiscalCodeGenerator h2 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#fiscalCodeGenerator h2 {
font-size: 18px;
line-height: 23px;
}
}
#fiscalCodeGenerator .formFieldContainer {
display: block!important;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .requiredFieldText {
float: none;
padding-left: 0;
display: block;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
border: 1px solid #000;
color: #737373;
padding: 5px;
font-size: 10px;
outline: 0;
width: 190px;
float: none;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .label-birthdate,
#fiscalCodeGenerator #fiscalCodeGeneratorForm .label-country {
color: inherit;
padding-bottom: 0;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .type_birthday sqr-alt-select.altSelect.day {
margin-left: 0;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .btnGenerateFiscalCode {
padding-bottom: 0;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .btnGenerateFiscalCode .buttonSignIn {
width: 190px;
}
@media only screen and (min-width: 751px) {
body#billing .fiscalcode-link {
left: 208px;
bottom: 0;
margin-bottom: 6px;
}
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
width: 100% !important;
}
body#billing .ui-autocomplete {
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
width: 480px!important;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
body#billing .ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
body#billing .ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) {
body#billing .fiscalcode-link {
float: left;
margin-top: 10px;
}
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
width: 100% !important;
}
body#billing .ui-autocomplete {
width: 240px!important;
font-weight: 500;
letter-spacing: 0.05em;
color: #000000;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .form-box-contents {
margin-top: 14px;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .formFieldContainer {
display: block;
max-width: 100%;
margin-right: 0;
min-height: 50px;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .type_birthday sqr-alt-select.altSelect {
margin-right: 2%;
width: 100%!important;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .type_birthday sqr-alt-select.altSelect.year {
margin-right: 0;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm sqr-alt-select .selected-value i {
height: 8px;
width: 11px;
top: 8px;
margin: 0;
background-image: url(/tzn-front/assets/images/icons/select-arrow.jpg);
background-position: 0 8px;
border: 0 solid transparent;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm sqr-alt-select.gender {
width: 100%;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .btnGenerateFiscalCode {
padding: 0;
}
#fiscalCodeGenerator #fiscalCodeGeneratorForm .btnGenerateFiscalCode .buttonSignIn {
margin-top: 20px;
}
.checkout-subheader.two-steps .coNavOff {
width: 50% !important;
}
.checkout-subheader.two-steps .bold {
width: 50% !important;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#billing #checkout.full-checkout-lm .ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#billing .ui-autocomplete {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#billing .ui-autocomplete {
font-size: 11px;
line-height: 15px;
}
}
.typePhone {
vertical-align: top;
display: inline-block;
}
.typePhone input[type="radio"] + label {
margin-top: 0;
}
#payment .error-gift {
display: block;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
padding-top: 14px;
}
@media (min-width: 751px) {
#payment .error-gift {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#payment .error-gift {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#SignIn-Bottompromo {
padding-top: 35px;
}
body#billing #SignIn-Bottompromo {
display: none;
padding: 0;
}
#userLogout .content_wrap .body_content {
margin-top: 50px;
}
.checkout-or-message {
width: 5%;
height: 475px;
line-height: 455px;
background-image: url('/tzn-front/assets/images/img/vertical-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: left;
text-transform: uppercase;
font-weight: 600;
text-align: center;
font-size: 11px;
}
#use-log-wrap {
background: #fff;
overflow: hidden;
position: relative;
padding: 15px 15px 20px 15px;
}
#use-log-signin-wrap,
#use-log-register-wrap {
width: 47.5%;
height: auto;
border: 1px solid #ccc;
background: #fff;
overflow: hidden;
-webkit-transition: height 1s linear;
padding-left: 20px;
padding-right: 20px;
}
#use-log-signin-wrap .page-notification.error,
#use-log-register-wrap .page-notification.error {
margin-top: 40px;
}
#use-log-signin-wrap fieldset,
#use-log-register-wrap fieldset {
width: 100%;
}
#use-log-signin-wrap p,
#use-log-register-wrap p {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000;
text-align: left;
padding-top: 32px;
margin-bottom: 20px;
}
@media (min-width: 751px) {
#use-log-signin-wrap p,
#use-log-register-wrap p {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#use-log-signin-wrap p,
#use-log-register-wrap p {
letter-spacing: 0.1em;
}
}
#use-log-signin-wrap h3,
#use-log-register-wrap h3 {
font-weight: 500;
letter-spacing: 0.05em;
background: #fff;
width: auto;
padding: 10px 10px 9px;
margin: 0;
color: #000;
margin-top: -20px;
margin-left: 15px;
position: absolute;
text-transform: uppercase;
}
@media (min-width: 751px) {
#use-log-signin-wrap h3,
#use-log-register-wrap h3 {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-log-signin-wrap h3,
#use-log-register-wrap h3 {
font-size: 14px;
line-height: 19px;
}
}
@media only screen and (max-width: 750px) {
#use-log-signin-wrap,
#use-log-wrap,
#use-log-register-wrap {
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
#use-log-signin-wrap,
#use-log-register-wrap,
form#use-log-reg-form #use-log-register-wrap {
border: 0px;
}
}
.formFieldContainer .verify {
display: none;
}
#userLogin .formFieldContainer input,
.checkout .formFieldContainer input,
.account .formFieldContainer input,
#userLogin .formFieldContainerNewMember input,
.checkout .formFieldContainerNewMember input,
.account .formFieldContainerNewMember input {
width: 100%;
}
/* sqr-alt-select styles moved to form-styles.less */
.sign-in-title {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000;
text-align: left;
margin-bottom: 20px;
}
@media (min-width: 751px) {
.sign-in-title {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.sign-in-title {
letter-spacing: 0.1em;
}
}
.sign-in-title-box-dx {
font-size: 12px;
color: #000;
text-align: left;
padding-left: 24px;
padding-top: 20px;
padding-bottom: 20px;
}
.requiredFieldText {
padding-bottom: 10px;
font-weight: 500;
font-style: normal;
}
@media (min-width: 751px) {
.requiredFieldText {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.requiredFieldText {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.label-email,
.label-password,
.label-re-enter-email,
.label-re-enter-password,
.label-country,
.label-phone-prefix,
.label-phone-number {
font-size: 12px;
color: #737373;
padding-bottom: 5px;
}
.label-birthdate {
margin-left: 21px;
font-size: 12px;
color: #737373;
padding-bottom: 5px;
}
.label-password-case-sensitive {
font-size: 12px;
color: #737373;
padding-left: 21px;
float: left;
}
.formFieldContainerSignIn {
width: 100%;
float: left;
text-align: left;
}
#use-log-signin-wrap .formFieldContainer,
#use-log-reg-form .formFieldContainer,
#use-log-reg-form .formFieldContainerNewMember {
width: 100%;
max-width: 100%;
margin: 0 0 20px;
}
.helpLink-forgot-password {
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
padding-top: 10px;
}
@media (min-width: 751px) {
.helpLink-forgot-password {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.helpLink-forgot-password {
font-size: 11px;
line-height: 15px;
}
}
.helpLink-forgot-password a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
.helpLink-remember-me {
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
}
@media (min-width: 751px) {
.helpLink-remember-me {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.helpLink-remember-me {
font-size: 11px;
line-height: 15px;
}
}
.formFieldContainer-email-new-member {
width: 100%;
float: left;
}
.formFieldContainer a.openAjaxLayer {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.formFieldContainer a.openAjaxLayer {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.formFieldContainer a.openAjaxLayer {
font-size: 11px;
line-height: 15px;
}
}
.tip {
font-weight: 500;
letter-spacing: 0.05em;
float: left;
width: 100%;
padding-left: 21px;
padding-bottom: 10px;
}
@media (min-width: 751px) {
.tip {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.tip {
font-size: 11px;
line-height: 15px;
}
}
.buttonSignIn {
width: 195px;
margin-top: 22px;
}
.btn-sign-in {
color: #fff !important;
background-color: #000! important;
display: inline-block;
padding: 10px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid #000;
font-size: inherit;
width: 195px;
margin-top: 22px;
}
input.btn-sign-in {
color: #fff;
/*margin-bottom: 20px;*/
}
span.labelFieldWrapperSignIn .placeholder {
display: none;
}
img#use-log-or-text {
margin: 50px 12px 0px 12px ! important;
}
.formFieldContainer label span {
font-weight: normal;
display: none;
}
img#use-log-or-text-mobile {
display: none;
}
.buttonRowMobile {
display: none;
}
.divisore-social-icon {
width: 100%;
margin-bottom: 20px;
}
.color {
background-color: #fff ! important;
color: #000 ! important;
}
.change-arr i {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.user-title-wrap {
width: 100%;
float: left;
position: relative;
}
.user-title-wrap .form-label {
display: none;
}
.user-title-option-wrap {
width: 100%;
float: left;
}
.privacy-policy,
.use-condition {
text-decoration: underline;
color: #737373;
}
.order-status-content {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
@media (min-width: 751px) {
.order-status-content {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.order-status-content {
letter-spacing: 0.1em;
}
}
.order-status-content a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
.order-status-content .checkout {
margin-top: 30px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#use-log-register-wrap input#emailAddress,
#use-log-register-wrap input#reEnterEmailAddress,
#use-log-register-wrap input#passwordNewMember,
#use-log-register-wrap input#verifyPassword,
#use-log-register-wrap input#firstName,
#use-log-register-wrap input#lastName {
width: 100%;
}
#use-log-register-wrap .type_birthday {
padding-left: 21px;
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
width: 100% !important;
}
#use-log-register-wrap .type_countryCode {
padding-bottom: 0px;
}
.widget_social {
height: auto;
font-weight: 600;
text-align: center;
font-size: 15px;
text-transform: uppercase;
padding-top: 5px;
width: 100%;
float: left;
}
#userLogin .container_icons {
margin-left: 21px !important;
}
.checkout-or-message {
width: 6.5%;
/*height:361px;*/
/*line-height:341px;*/
height: 520px;
line-height: 500px;
background-image: url('/tzn-front/assets/images/img/vertical-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: left;
text-transform: uppercase;
font-weight: 600;
}
#use-log-wrap {
/*padding: 20px 15px 20px 15px;*/
padding: 20px 0px 20px 0px !important;
border: none;
}
#use-log-signin-wrap,
#use-log-register-wrap {
width: 46.7%;
}
.divisore-social-icon {
width: 100%;
}
#use-log-signin-wrap .formFieldContainer,
#use-log-reg-form .formFieldContainer,
#use-log-reg-form .formFieldContainerNewMember {
width: 100%;
}
.type_countryCode,
.type_birthday {
width: 100%;
}
.label-birthdate,
sqr-alt-select.altSelect.day {
margin-left: 0px;
}
.container_icons {
max-width: 263px;
width: 100%;
}
.socialInput {
margin-left: 6px;
margin-right: 6px;
}
.widget_social_container_img {
position: relative;
margin: 0px auto 0;
width: 100%;
min-height: 40px;
float: left;
padding: 0 40px;
}
.notification-error-top-signin {
width: 89%;
}
}
@media only screen and (max-width: 750px) {
.sign-in-title {
padding-right: 0px;
}
.account .widget_social_container_img {
margin: 0px auto 0;
width: 100%;
float: none;
display: inline-flex;
vertical-align: middle;
padding: 0 40px;
}
sqr-alt-select.altSelect.paese {
width: 100%;
}
.type_birthday {
max-width: 768px;
width: 100% !important;
}
.content_wrap .labelFieldWrapper input:not([type="submit"]):not([type="button"]),
.content_wrap .labelFieldWrapperSignIn input:not([type="submit"]):not([type="button"]) {
width: 100% ;
}
.divisore-social-icon {
width: 100%;
margin-left: 0px;
}
#use-log-signin-wrap .formFieldContainer,
#use-log-reg-form .formFieldContainer,
#use-log-reg-form .formFieldContainerNewMember {
width: 100%;
}
#use-log-signin-wrap > p,
#loginForm > div.sign-in-title,
#loginForm > div.requiredFieldText {
padding-left: 0;
text-align: center;
}
.form-signin {
width: 100%;
}
.form-signin .labelFieldWrapperSignIn,
.form-signin .labelFieldWrapperSignIn input {
width: 100%;
}
.type_countryCode {
width: 100%;
}
sqr-alt-select.altSelect.day,
.label-birthdate {
margin-left: 0px;
}
.right_arrow_widget_social {
position: relative;
margin-top: 7px;
cursor: pointer;
right: 0%;
z-index: 99;
height: 30%;
}
.left_arrow_widget_social {
position: relative;
margin-top: 7px;
cursor: pointer;
left: 0%;
z-index: 99;
height: 30%;
}
.container_icons {
overflow: hidden;
max-width: 250px;
width: 100%;
margin: 0 auto;
}
.widget_social_container_img {
margin: 0px auto 0;
width: 100%;
float: none;
padding: 0 40px;
}
.checkout-or-message {
width: 100%;
height: 46px;
line-height: 49px;
background-image: url('/tzn-front/assets/images/img/horizontal-separator-checkout.jpg');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
margin: 0 auto;
}
#use-log-signin-wrap,
#use-log-register-wrap {
width: 100%;
float: left;
}
#use-log-signin-wrap h3,
#use-log-register-wrap h3 {
display: none;
}
#use-log-signin-wrap p,
#use-log-register-wrap p {
padding-top: 13px;
}
form#use-log-reg-form #use-log-register-wrap {
margin-top: 0px !important;
-webkit-transition: height 1s linear;
}
.buttonRowMobile {
display: block;
max-width: 768px;
width: 100%;
background-color: #000;
color: #fff;
font-weight: 600;
padding: 10px;
text-transform: uppercase;
text-align: center;
cursor: pointer;
position: relative;
}
.buttonRowMobile p {
color: #fff;
}
.buttonRowMobile .arrow-down-filmstrip-social-mobile {
position: absolute;
right: 15px;
top: 50%;
margin-top: -7.5px;
}
.buttonRowMobile .arrow-down-filmstrip-social-mobile i {
width: 15px;
height: 15px;
background-size: contain;
background-position: center;
}
img#use-log-or-text {
display: none;
}
img#use-log-or-text-mobile {
display: block;
padding: 15px 0px 15px 0px;
margin: 0 auto;
}
.btn-sign-in {
max-width: 700px;
width: 97%;
margin-right: 5%;
}
.type_emailAddress,
.type_password,
.type_emailAddressVerify,
.type_passwordVerify {
width: 100%;
}
div.buttonRow {
margin-right: 5%;
}
}
/*SIGN OUT*/
.body_content {
background-color: #fff !important;
min-height: 300px;
}
.banner-signout-top-promo,
.banner-signout-bottom-promo {
width: 100%;
height: auto;
}
.signOut {
padding-top: 9px !important;
padding-bottom: 25px;
}
.title-signout {
width: 100%;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 30px;
}
@media (min-width: 751px) {
.title-signout {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.title-signout {
font-size: 18px;
line-height: 23px;
}
}
.continue-shopping {
width: 100%;
text-align: center;
}
/*GIGYA*/
.widget_social {
height: auto;
font-weight: 600;
text-align: center;
font-size: 15px;
text-transform: uppercase;
padding-top: 5px;
width: 100%;
float: left;
}
.widget_social_container_img {
position: relative;
margin: 0px auto 0;
width: 100%;
min-height: 40px;
height: 40px;
float: left;
padding: 0 40px;
}
.container_icons,
.container_icons_home,
.container_icons_checkout {
float: left;
min-height: 40px !important;
overflow: hidden;
}
.show_icons {
position: relative;
text-align: left;
width: 610px;
}
.widget_social_container_img input {
display: inline-block;
min-height: 40px;
}
.socialInput {
margin-left: 12px;
margin-right: 12px;
}
.left_arrow_widget_social {
position: absolute;
margin-top: 7px;
cursor: pointer;
left: 0;
z-index: 99;
height: 15px;
}
.right_arrow_widget_social {
position: absolute;
margin-top: 7px;
cursor: pointer;
right: 0;
z-index: 99;
height: 15px;
}
img.right_arrow_widget_social.slick-disabled,
img.left_arrow_widget_social.slick-disabled {
display: none !important;
}
#use-log-reg-form .user-title-wrap {
margin-bottom: 12px;
}
#use-log-reg-form .user-title-wrap .error {
margin-bottom: 0;
}
#use-log-reg-form .formFieldContainerSignIn {
padding-left: 0px;
}
.form-signin {
float: left;
}
.notification-error-top-signin {
background-color: #fff;
border: 2px solid #ff6666;
color: #ff6666;
font-weight: 600;
font-size: 12px;
padding: 3px;
text-align: center;
text-transform: uppercase;
margin: 20px 0px 10px 20px;
width: 92%;
}
body#userLogin .labelFieldWrapperSignIn {
display: inline-flex;
}
body#userLogin .labelFieldWrapperSignIn .myCheck {
margin-bottom: 0;
}
body#userLogin .label-policy {
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
@media (min-width: 751px) {
body#userLogin .label-policy {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#userLogin .label-policy {
font-size: 11px;
line-height: 15px;
}
}
body#userLogin .label-policy a,
body#userLogin .label-policy a:hover {
font-weight: 500;
letter-spacing: 0.05em;
text-decoration: underline;
}
@media (min-width: 751px) {
body#userLogin .label-policy a,
body#userLogin .label-policy a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#userLogin .label-policy a,
body#userLogin .label-policy a:hover {
font-size: 11px;
line-height: 15px;
}
}
body#userLogin .check-label.info {
font-weight: 500;
letter-spacing: 0.05em;
padding: 21px 0 0 0;
}
@media (min-width: 751px) {
body#userLogin .check-label.info {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#userLogin .check-label.info {
font-size: 11px;
line-height: 15px;
}
}
body#userLogin .check-label.info a,
body#userLogin .check-label.info a:hover {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
text-decoration: underline;
}
@media (min-width: 751px) {
body#userLogin .check-label.info a,
body#userLogin .check-label.info a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#userLogin .check-label.info a,
body#userLogin .check-label.info a:hover {
font-size: 11px;
line-height: 15px;
}
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap,
#subscribe .main-newsletter-container #frmUnsubscribe .field-wrap,
#unsubscribe .main-newsletter-container #frmUnsubscribe .field-wrap {
width: 100%;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap input.user-email,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap input.user-email,
#subscribe .main-newsletter-container #frmUnsubscribe .field-wrap input.user-email,
#unsubscribe .main-newsletter-container #frmUnsubscribe .field-wrap input.user-email {
width: 30%;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode,
#subscribe .main-newsletter-container #frmUnsubscribe .type_countryCode,
#unsubscribe .main-newsletter-container #frmUnsubscribe .type_countryCode {
width: 100%;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode #countryCode + .altSelect.paese,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode #countryCode + .altSelect.paese,
#subscribe .main-newsletter-container #frmUnsubscribe .type_countryCode #countryCode + .altSelect.paese,
#unsubscribe .main-newsletter-container #frmUnsubscribe .type_countryCode #countryCode + .altSelect.paese {
width: 30%;
}
#subscribe .main-newsletter-container p,
#unsubscribe .main-newsletter-container p {
font-size: 12px;
}
#subscribe .main-newsletter-container .user-title-wrap,
#unsubscribe .main-newsletter-container .user-title-wrap {
margin-bottom: 10px;
}
#subscribe .main-newsletter-container .user-email,
#unsubscribe .main-newsletter-container .user-email {
width: 100%;
}
#subscribe .main-newsletter-container label.myCheck,
#unsubscribe .main-newsletter-container label.myCheck {
margin-bottom: 0;
}
#subscribe .main-newsletter-container .privacy-terms,
#unsubscribe .main-newsletter-container .privacy-terms,
#subscribe .main-newsletter-container .clearfix,
#unsubscribe .main-newsletter-container .clearfix {
margin: 10px 0 10px 0;
padding: 0;
}
#subscribe .main-newsletter-container .msg-required-items,
#unsubscribe .main-newsletter-container .msg-required-items {
padding: 10px 0px 20px 0px;
text-transform: none;
}
#subscribe .main-newsletter-container .check-label.info,
#unsubscribe .main-newsletter-container .check-label.info {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0;
}
@media (min-width: 751px) {
#subscribe .main-newsletter-container .check-label.info,
#unsubscribe .main-newsletter-container .check-label.info {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
#subscribe .main-newsletter-container .check-label.info,
#unsubscribe .main-newsletter-container .check-label.info {
font-size: 11px;
line-height: 15px;
}
}
#subscribe .main-newsletter-container .check-label.info a,
#unsubscribe .main-newsletter-container .check-label.info a,
#subscribe .main-newsletter-container .check-label.info a:hover,
#unsubscribe .main-newsletter-container .check-label.info a:hover {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
text-decoration: underline;
padding-right: 10px;
}
@media (min-width: 751px) {
#subscribe .main-newsletter-container .check-label.info a,
#unsubscribe .main-newsletter-container .check-label.info a,
#subscribe .main-newsletter-container .check-label.info a:hover,
#unsubscribe .main-newsletter-container .check-label.info a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
#subscribe .main-newsletter-container .check-label.info a,
#unsubscribe .main-newsletter-container .check-label.info a,
#subscribe .main-newsletter-container .check-label.info a:hover,
#unsubscribe .main-newsletter-container .check-label.info a:hover {
font-size: 11px;
line-height: 15px;
}
}
#subscribe .main-newsletter-container #frmUnsubscribe .termsCheck,
#unsubscribe .main-newsletter-container #frmUnsubscribe .termsCheck {
margin: 10px 0;
}
#subscribe .main-newsletter-container #frmUnsubscribe .check-label.info,
#unsubscribe .main-newsletter-container #frmUnsubscribe .check-label.info {
padding-left: 25px;
}
@media only screen and (max-width: 1024px) {
#subscribe .main-newsletter-container label.myCheck,
#unsubscribe .main-newsletter-container label.myCheck {
margin-bottom: -3px;
vertical-align: bottom;
}
}
@media only screen and (min-width: 1025px) {
#userLogout .content_wrap .left_nav {
position: relative;
overflow: visible;
}
#userLogout .content_wrap .left_nav .catalog-nav {
top: 0;
}
}
@media only screen and (min-width: 613px) and (max-width: 768px) {
sqr-alt-select.altSelect.day,
sqr-alt-select.altSelect.month,
sqr-alt-select.altSelect.year {
width: 32% !important;
}
}
@media only screen and (min-width: 517px) and (max-width: 612px) {
sqr-alt-select.altSelect.day,
sqr-alt-select.altSelect.month,
sqr-alt-select.altSelect.year {
width: 31.7% !important;
}
}
@media only screen and (min-width: 421px) and (max-width: 516px) {
sqr-alt-select.altSelect.day,
sqr-alt-select.altSelect.month,
sqr-alt-select.altSelect.year {
width: 31.2% !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 420px) {
sqr-alt-select.altSelect.day,
sqr-alt-select.altSelect.month,
sqr-alt-select.altSelect.year {
width: 30.5% !important;
}
}
/* POST CRM */
#use-log-reg-form .type_phone .number {
width: 65%;
padding: 0;
}
#use-log-reg-form .type_phone input,
#use-log-reg-form .type_phone .labelFieldWrapper {
max-width: 100%;
}
#use-log-reg-form .checkRadio {
padding-left: 0 !important;
}
#use-log-reg-form .checkRadio .myRadio {
display: inline-block;
width: auto;
margin-right: 15px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#use-log-reg-form .checkRadio {
padding-left: 21px !important;
}
}
@media only screen and (max-width: 750px) {
#use-log-reg-form .checkRadio {
padding-left: 21px !important;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .check-row,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .check-row,
#subscribe .main-newsletter-container #frmUnsubscribe .check-row,
#unsubscribe .main-newsletter-container #frmUnsubscribe .check-row {
position: relative;
padding-left: 25px;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .check-row label.myCheck,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .check-row label.myCheck,
#subscribe .main-newsletter-container #frmUnsubscribe .check-row label.myCheck,
#unsubscribe .main-newsletter-container #frmUnsubscribe .check-row label.myCheck {
position: absolute;
left: 0px;
top: 2px;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap.privacy-terms,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap.privacy-terms,
#subscribe .main-newsletter-container #frmUnsubscribe .field-wrap.privacy-terms,
#unsubscribe .main-newsletter-container #frmUnsubscribe .field-wrap.privacy-terms {
position: relative;
padding-left: 25px;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap label.myCheck,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap label.myCheck,
#subscribe .main-newsletter-container #frmUnsubscribe .field-wrap label.myCheck,
#unsubscribe .main-newsletter-container #frmUnsubscribe .field-wrap label.myCheck {
position: absolute;
left: 0px;
top: 2px;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap input.user-email,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .field-wrap input.user-email,
#subscribe .main-newsletter-container #frmUnsubscribe .field-wrap input.user-email,
#unsubscribe .main-newsletter-container #frmUnsubscribe .field-wrap input.user-email {
width: 100%;
}
#subscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode #countryCode + .altSelect.paese,
#unsubscribe .main-newsletter-container .subscribeFormFooterCountry .type_countryCode #countryCode + .altSelect.paese,
#subscribe .main-newsletter-container #frmUnsubscribe .type_countryCode #countryCode + .altSelect.paese,
#unsubscribe .main-newsletter-container #frmUnsubscribe .type_countryCode #countryCode + .altSelect.paese {
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
body#ensemble .content_wrap .body_wrap {
padding-right: 40px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body#ensemble .content_wrap .body_wrap {
padding: 0 40px;
}
}
@media only screen and (max-width: 750px) {
body#ensemble .content_wrap .body_wrap {
padding: 0;
}
}
div.catalog-ensemble .item-container {
width: 310px;
display: block;
float: left;
}
div.catalog-ensemble .ensemble-prod-container {
float: right;
width: auto;
}
div.catalog-ensemble .mobileZoomBtn {
display: none;
}
#ensemble .item-name {
text-align: left;
margin: 0;
padding: 16px 0 16px 37px;
font-weight: 500 !important;
letter-spacing: 0.05em !important;
float: left;
color: #000;
}
@media (min-width: 751px) {
#ensemble .item-name {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#ensemble .item-name {
font-size: 18px;
line-height: 23px;
}
}
/* Desktop */
.catalog-ensemble .container-gallery {
max-width: 50%;
}
.catalog-ensemble .container-gallery .slider-container .slider .arrow {
position: absolute;
z-index: 1;
display: block;
top: 50%;
margin-top: 0;
width: 7%;
height: 30px;
outline: none;
cursor: pointer;
}
.catalog-ensemble .ensemble-product-info-container .product-style {
width: auto;
font-size: 12px;
color: #6d6d6d;
padding: 0;
}
.catalog-ensemble .notification-error-bottom.all-ensemble {
padding: 20px 0 10px 40px;
max-width: 100%;
}
.catalog-ensemble .more-details {
float: right;
padding: 5px 30px;
}
.catalog-ensemble .more-details a {
font-size: 13px;
text-decoration: underline;
color: #000;
}
.catalog-ensemble .product-interactions {
float: right;
padding-top: 8px;
}
.catalog-ensemble a:hover {
text-decoration: none;
}
.catalog-ensemble .closed-toggle-title {
display: none;
}
.catalog-ensemble .top-separator {
margin-left: 40px;
border-top: 1px solid #CCC;
}
.catalog-ensemble .product-name {
display: block;
}
.catalog-ensemble .notification-error-bottom {
padding-top: 0px;
}
.catalog-ensemble .ensemble-image-gallery {
width: 40%;
position: absolute;
right: 0;
top: 20px;
}
.catalog-ensemble .ensemble-image-gallery .slider .arrow {
display: none;
}
.catalog-ensemble .ensemble-items {
padding-bottom: 35px;
}
.catalog-ensemble .container-scheda-prodotto {
width: 650px;
float: left;
max-width: 50%;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto {
width: 100%;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto .add-item-container,
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto action-buttons {
width: 100%;
float: left;
margin: 10px 0px;
margin-left: 40px;
}
.catalog-ensemble #ensemble .last .completeOutfit {
display: none!important;
}
.catalog-ensemble .completeOutfit {
display: none;
padding: 10px 0;
margin-top: 10px;
margin-left: 15px;
text-decoration: underline!important;
}
.catalog-ensemble .completeOutfit .i-arrow-down-ensemble {
margin-right: 5px;
}
.catalog-ensemble .notification-error-top {
width: auto;
margin-top: 10px;
margin-left: 40px;
margin-right: 40px;
}
.catalog-ensemble .product-container {
position: relative;
padding-top: 20px;
padding-left: 40px;
}
.catalog-ensemble .info-product-container {
height: 20px;
}
.catalog-ensemble .info-product-container .link-info-product {
float: left;
margin-left: 42px;
margin-top: 10px;
}
.catalog-ensemble .info-product-container .link-info-product span {
vertical-align: super;
}
.catalog-ensemble .js_productBuyable_false .product-container {
min-height: 305px;
}
.catalog-ensemble .js_productBuyable_false .product-container .common-error.bold {
text-align: left;
padding-top: 20px;
}
.catalog-ensemble .product-container:after {
clear: both;
display: block;
content: " ";
}
.catalog-ensemble .description-container {
float: left;
width: 55%;
}
/* Tablet */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#ensemble .product-name-tablet {
float: none;
clear: both;
text-align: center;
}
#ensemble .product-name-tablet .item-name {
padding: 20px;
float: none;
text-align: center;
}
.catalog-ensemble .product-interactions {
float: none;
}
.catalog-ensemble .first .top-separator {
display: none;
}
.catalog-ensemble .ensemble-product-info-container {
min-height: 210px;
}
.catalog-ensemble .item-name {
display: none;
}
.catalog-ensemble .ensemble-product-info-container,
.catalog-ensemble .notification-error-top {
margin-right: 140px;
}
.catalog-ensemble .go-to-checkout-btn.completeOutfit {
display: none!important;
}
.catalog-ensemble .prices-container .catalog-display-price-text {
padding-top: 10px;
}
.catalog-ensemble .product-name {
margin-top: 0;
}
.catalog-ensemble .ensemble-image-gallery {
width: 140px;
}
.catalog-ensemble .description-container {
float: left;
max-width: 445px;
width: 100%;
}
.catalog-ensemble .action-buttons {
width: 200px;
}
.catalog-ensemble .go-to-checkout-btn.next-step {
margin-left: 5px;
}
}
/* Mobile */
@media only screen and (max-width: 750px) {
.product-toggler:not(.closed-product) .top-separator {
visibility: hidden;
}
.product-toggler:not(.closed-product) .closed-toggle-title {
padding-bottom: 0;
white-space: initial;
}
#ensemble .last .top-separator {
display: none!important;
}
.product-name-mobile {
font-size: 16px;
padding: 0 35px;
text-transform: inherit;
font-weight: 500;
display: block;
}
.catalog-ensemble .product-container {
padding: 20px;
}
.catalog-ensemble .container-scheda-prodotto {
max-width: 100%;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto {
padding: 0;
border-bottom: none;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto .add-item-container {
margin-left: 0;
border-top: 0;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto .add-item-container .add-to-bag-container {
width: 100%;
padding: 0 20px;
}
.catalog-ensemble .container-scheda-prodotto .dati-scheda-prodotto .add-item-container .add-to-bag-container span {
display: inline-block;
padding: 0;
}
.catalog-ensemble .more-details {
float: none;
padding-top: 30px;
}
.catalog-ensemble .js_productBuyable_false .product-container {
min-height: 0;
}
.catalog-ensemble .product-interactions {
float: none;
}
.catalog-ensemble .product-style {
display: none;
}
.catalog-ensemble .top-separator {
margin-left: 0;
}
.catalog-ensemble .closed-toggle-title {
display: block;
padding: 10px 30px 15px 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
position: relative;
}
.catalog-ensemble .closed-toggle-title i.caret-accordion {
top: 0;
right: 0;
display: block;
position: absolute;
padding: 22px 10px 22px 30px;
background-image: url(../assets/images/icons/svg/arrow_down.svg);
background-repeat: no-repeat;
background-position: center center;
}
.catalog-ensemble .product-toggler.closed-product {
overflow: hidden;
height: 50px;
}
.catalog-ensemble .product-toggler.closed-product i.caret-accordion {
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
padding: 7px 25px;
top: 14px;
}
.catalog-ensemble .go-to-checkout-btn.completeOutfit {
display: none!important;
}
.catalog-ensemble .ensemble-image-gallery {
width: 70%;
margin: 0 auto;
position: relative;
}
.catalog-ensemble .description-container {
float: none;
max-width: 100%!important;
width: 100%;
}
.catalog-ensemble .description-container .label_3 {
width: 100%;
margin: auto;
text-align: center;
}
.catalog-ensemble .description-container .selected-quantity {
text-align: center;
}
.catalog-ensemble .container-social-icons-product-mobile {
border: 0 solid;
padding: 0 20px;
}
.catalog-ensemble .container-gallery {
max-width: 100%;
}
.catalog-ensemble .container-gallery .slider-container .slider-aligner {
max-width: 100%;
}
.catalog-ensemble .add-to-bag-container input[type=button] {
border: 2px solid #000!important;
}
}
.product-style {
color: #c7c7c7;
display: block;
float: left;
padding-left: 40px;
text-align: left;
width: 100%;
margin-top: 7px;
margin-bottom: 7px;
}
.add-item-container div.add-to-wish-list {
margin-left: 0px;
}
/* Per checkout billing*/
.page-notification.error.inline-error {
display: inline!important;
margin: 0!important;
margin-left: 10px!important;
}
.page-notification.error.break-error {
margin-top: 10px;
}
body#userLogin form .user-title-option-wrap .option-radio label,
body#billing form .user-title-option-wrap .option-radio label,
body.account form .user-title-option-wrap .option-radio label {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#userLogin form .user-title-option-wrap .option-radio label,
body#billing form .user-title-option-wrap .option-radio label,
body.account form .user-title-option-wrap .option-radio label {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#userLogin form .user-title-option-wrap .option-radio label,
body#billing form .user-title-option-wrap .option-radio label,
body.account form .user-title-option-wrap .option-radio label {
font-size: 12px;
line-height: 15px;
}
}
body#userLogin form .formFieldContainer,
body#billing form .formFieldContainer,
body.account form .formFieldContainer {
text-align: left;
float: none;
display: inline-block;
vertical-align: top;
}
body#userLogin form .formFieldContainer #countryCode + .altSelect.paese,
body#billing form .formFieldContainer #countryCode + .altSelect.paese,
body.account form .formFieldContainer #countryCode + .altSelect.paese {
width: 100%;
}
body#userLogin form .formFieldContainer sqr-alt-select,
body#billing form .formFieldContainer sqr-alt-select,
body.account form .formFieldContainer sqr-alt-select {
width: 100%;
}
body#userLogin form .formFieldContainer .labelText.required:after,
body#billing form .formFieldContainer .labelText.required:after,
body.account form .formFieldContainer .labelText.required:after {
content: "*";
margin-left: 5px;
}
body#userLogin form .formFieldContainer .labelText,
body#billing form .formFieldContainer .labelText,
body.account form .formFieldContainer .labelText {
width: auto;
display: block;
}
body#userLogin form .formFieldContainer.required .labelText:after,
body#billing form .formFieldContainer.required .labelText:after,
body.account form .formFieldContainer.required .labelText:after {
content: "*";
margin-left: 5px;
}
body#userLogin form .formFieldContainerNewMember,
body#billing form .formFieldContainerNewMember,
body.account form .formFieldContainerNewMember {
display: block;
}
body#userLogin form .asterisk,
body#billing form .asterisk,
body.account form .asterisk,
body#userLogin form .inline_asterisk,
body#billing form .inline_asterisk,
body.account form .inline_asterisk {
display: none;
}
body#userLogin form span .verify,
body#billing form span .verify,
body.account form span .verify {
display: none;
}
body#userLogin form .label-email::after,
body#billing form .label-email::after,
body.account form .label-email::after,
body#userLogin form .label-password::after,
body#billing form .label-password::after,
body.account form .label-password::after,
body#userLogin form .label-re-enter-email::after,
body#billing form .label-re-enter-email::after,
body.account form .label-re-enter-email::after,
body#userLogin form .label-password::after,
body#billing form .label-password::after,
body.account form .label-password::after,
body#userLogin form .label-re-enter-password::after,
body#billing form .label-re-enter-password::after,
body.account form .label-re-enter-password::after,
body#userLogin form .label-country::after,
body#billing form .label-country::after,
body.account form .label-country::after,
body#userLogin form .label-birthdate::after,
body#billing form .label-birthdate::after,
body.account form .label-birthdate::after {
content: "*";
margin-left: 5px;
}
body#userLogin form .label-email,
body#billing form .label-email,
body.account form .label-email,
body#userLogin form .label-password,
body#billing form .label-password,
body.account form .label-password,
body#userLogin form .label-re-enter-email,
body#billing form .label-re-enter-email,
body.account form .label-re-enter-email,
body#userLogin form .label-password,
body#billing form .label-password,
body.account form .label-password,
body#userLogin form .label-re-enter-password,
body#billing form .label-re-enter-password,
body.account form .label-re-enter-password,
body#userLogin form .label-country,
body#billing form .label-country,
body.account form .label-country,
body#userLogin form .label-birthdate,
body#billing form .label-birthdate,
body.account form .label-birthdate {
content: "*";
}
body#userLogin form .placeholder .labelText,
body#billing form .placeholder .labelText,
body.account form .placeholder .labelText {
display: none !important;
}
/****************************************************
*
* TEZENIS RESTYLING FORM STYLES
*
*****************************************************/
::-webkit-input-placeholder {
color: #666666;
}
:-moz-placeholder {
color: #666666;
}
::-moz-placeholder {
color: #666666;
}
:-ms-input-placeholder {
color: #666666;
}
.formFieldContainer label {
opacity: 1 !important;
}
.verify {
display: none !important;
}
input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]) {
border: 1px solid #000;
font-weight: 500;
letter-spacing: 0.05em;
padding: 12px 20px 12px;
height: 45px;
}
@media (min-width: 751px) {
input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]) {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]) {
font-size: 12px;
line-height: 15px;
}
}
input:not([type=submit]):not([type=image]):not(.input-nowrap):disabled {
background-color: #ffffff;
opacity: 0.4;
}
textarea {
border: 1px solid #000;
font-weight: 500;
letter-spacing: 0.05em;
padding: 14px 20px 11px;
}
@media (min-width: 751px) {
textarea {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
textarea {
font-size: 12px;
line-height: 15px;
}
}
.altSelectIconStyles {
width: 12px;
height: 6px;
border: 0;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
right: 20px;
margin-top: -3px;
}
.altSelect {
border: 1px solid #000;
font-weight: 500;
letter-spacing: 0.05em;
width: 190px;
}
@media (min-width: 751px) {
.altSelect {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.altSelect {
font-size: 12px;
line-height: 15px;
}
}
.altSelect * {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.altSelect * {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.altSelect * {
font-size: 12px;
line-height: 15px;
}
}
.altSelect .selected-value {
padding: 14px 35px 10px 20px;
min-height: 43px;
}
.altSelect .selected-value.placeholder {
visibility: visible;
}
.altSelect .selected-value i {
background-image: url(../assets/images/icons/svg/arrow_down.svg);
width: 12px;
height: 6px;
border: 0;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
right: 20px;
margin-top: -3px;
}
.altSelect ul li {
padding: 5px 20px;
}
.altSelect ul li:hover {
background-color: #ececec;
}
.altSelect .open .selected-value i {
background-image: url(../assets/images/icons/svg/arrow_up.svg);
width: 12px;
height: 6px;
border: 0;
background-size: contain;
background-repeat: no-repeat;
top: 50%;
right: 20px;
margin-top: -3px;
}
.altSelect .open ul {
max-height: 120px;
display: block;
border-color: #000;
}
/* Custom altSelect styles */
.altSelect.day {
width: 100px;
margin-right: 10px;
}
.altSelect.month {
width: 100px;
margin-right: 10px;
}
.altSelect.year {
width: 100px;
}
.formFieldContainer {
margin-bottom: 20px;
width: 100%;
}
/* Fix altSelect container height */
.type_select,
.type_countryCode {
height: 45px;
}
.full-checkout-lm .type_select {
min-height: 45px;
height: auto;
}
/* Valid / Invalid styles */
.formFieldContainer:after {
display: none!important;
}
.formFieldContainer.invalid input:not([type=submit]):not([type=image]):not(.input-nowrap),
.formFieldContainer.invalid .altSelect,
.formFieldContainer.invalid .altSelect .open ul,
.formFieldContainer.invalid textarea {
border-color: #ff6666;
}
.formFieldContainer.valid input:not([type=submit]):not([type=image]):not(.input-nowrap),
.formFieldContainer.valid .altSelect,
.formFieldContainer.valid .altSelect .open ul,
.formFieldContainer.valid textarea {
border-color: #33cc66;
}
.formFieldError input:not([type=submit]):not([type=image]):not(.input-nowrap),
.field-wrap.has-error input:not([type=submit]):not([type=image]):not(.input-nowrap),
.formFieldError .altSelect,
.field-wrap.has-error .altSelect,
.formFieldError .altSelect .open ul,
.field-wrap.has-error .altSelect .open ul,
.formFieldError textarea,
.field-wrap.has-error textarea {
border-color: #ff6666;
}
@media (max-width: 750px) {
input:not([type=submit]):not([type=image]):not(.input-nowrap) {
font-weight: 500;
letter-spacing: 0.05em;
padding: 14px 15px 11px;
height: 45px;
}
textarea {
font-weight: 500;
letter-spacing: 0.05em;
padding: 14px 15px 11px;
}
.altSelect {
font-weight: 500;
letter-spacing: 0.05em;
}
.altSelect * {
font-weight: 500;
letter-spacing: 0.05em;
}
.altSelect .selected-value {
padding: 14px 30px 10px 15px;
}
.altSelect ul li {
padding: 5px 15px;
}
}
@media (max-width: 750px) and (max-width: 750px) {
input:not([type=submit]):not([type=image]):not(.input-nowrap) {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 750px) and (max-width: 750px) {
textarea {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 750px) and (max-width: 750px) {
.altSelect {
font-size: 13px;
line-height: 18px;
}
}
@media (max-width: 750px) and (max-width: 750px) {
.altSelect * {
font-size: 13px;
line-height: 18px;
}
}
/* Radio button / Checkbox styles */
input[type=radio],
input[type=checkbox] {
display: none !important;
}
input[type=radio] + label,
input[type=checkbox] + label {
background-image: none;
font-weight: 500;
letter-spacing: 0.05em;
padding: 0;
color: #000;
position: relative;
padding-left: 25px;
display: inline-block;
}
@media (min-width: 751px) {
input[type=radio] + label,
input[type=checkbox] + label {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
input[type=radio] + label,
input[type=checkbox] + label {
font-size: 12px;
line-height: 15px;
}
}
input[type=radio]:disabled + label,
input[type=checkbox]:disabled + label {
color: #cccccc !important;
}
input[type=radio]:disabled + label:before,
input[type=checkbox]:disabled + label:before {
border-color: #cccccc;
}
/* TODO activate following styles to set radio button as checkbox */
/*
input[type=radio] + label:before{
content:" ";
display: inline-block;
margin: 0 10px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
background-color: white;
cursor:pointer;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
}
input[type=radio]:checked + label:before{
content:" ";
background: url('../assets/images/icons/checked.png') no-repeat;
background-position: 50% 50%;
}
*/
input[type=checkbox] + label:before {
content: " ";
display: inline-block;
margin: 0 8px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
background-color: white;
cursor: pointer;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
/* position absolute to allow multi rows text */
}
input[type=checkbox]:checked + label:before {
content: " ";
background: url('../assets/images/icons/checked.png') no-repeat;
background-position: 50% 50%;
}
input[type="radio"] + label:before {
content: " ";
display: inline-block;
margin: 0 8px 0 0;
height: 15px;
width: 15px;
padding: 0;
background-image: url(../assets/images/icons/radio-button.png);
background-repeat: no-repeat;
background-position: 0 -2px;
cursor: pointer;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
}
input[type=radio]:checked + label:before {
background-position: 0 -25px;
}
/* Other elements styled as checkbox */
.myCheck input {
display: none;
}
.myCheck span {
display: inline-block;
margin: 0 8px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
background-color: transparent;
cursor: pointer;
vertical-align: top;
}
.myCheck input:checked + span {
background: url('../assets/images/icons/checked.png') no-repeat;
background-position: 50% 50%;
}
form i.check {
display: inline-block;
margin: 0 8px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
background-color: transparent;
cursor: pointer;
vertical-align: top;
background-image: none;
}
form i.check.checked {
background: url('../assets/images/icons/checked.png') no-repeat;
background-position: 50% 50%;
}
/* Other elements styled as radio button */
.option-radio {
margin: 5px 0 0 0px;
padding: 0 15px 0 0;
position: relative;
display: inline-block;
float: left;
}
.checkRadio label {
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
margin: 0;
}
@media (min-width: 751px) {
.checkRadio label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.checkRadio label {
font-size: 11px;
line-height: 15px;
}
}
.label-policy {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.label-policy {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.label-policy {
font-size: 11px;
line-height: 15px;
}
}
.label-policy a,
.label-policy a:hover {
font-weight: 500;
letter-spacing: 0.05em;
text-decoration: underline;
}
@media (min-width: 751px) {
.label-policy a,
.label-policy a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.label-policy a,
.label-policy a:hover {
font-size: 11px;
line-height: 15px;
}
}
.requiredFieldText,
.msg-required-items {
font-weight: 500;
font-style: normal;
}
@media (min-width: 751px) {
.requiredFieldText,
.msg-required-items {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.requiredFieldText,
.msg-required-items {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
/* Errors */
.error,
.page-notification.error,
.error-newsletter,
.common-error {
display: block;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
padding: 5px 0 0;
}
@media (min-width: 751px) {
.error,
.page-notification.error,
.error-newsletter,
.common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.error,
.page-notification.error,
.error-newsletter,
.common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.error:not(.page-notification),
.error-newsletter {
text-transform: uppercase !important;
}
.page-notification.error {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0 0 15px 0;
text-transform: none;
}
@media (min-width: 751px) {
.page-notification.error {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.page-notification.error {
font-size: 12px;
line-height: 15px;
}
}
.error-top {
padding: 0 0 15px 0;
}
.i-smile-error {
display: none!important;
}
@media only screen and (min-width: 1025px) {
body .welcomeContainer .user-name,
body.checkout .welcomeContainer .user-name,
body#orderDetail .welcomeContainer .user-name,
body.account .welcomeContainer .user-name,
body#returnConfirmation.account .welcomeContainer .user-name,
body#return.account .welcomeContainer .user-name {
font-size: 10px;
text-transform: uppercase;
color: #000;
}
body .welcomeContainer .user-name a.my-account-link,
body.checkout .welcomeContainer .user-name a.my-account-link,
body#orderDetail .welcomeContainer .user-name a.my-account-link,
body.account .welcomeContainer .user-name a.my-account-link,
body#returnConfirmation.account .welcomeContainer .user-name a.my-account-link,
body#return.account .welcomeContainer .user-name a.my-account-link,
body .welcomeContainer .user-name a.sign-out-link,
body.checkout .welcomeContainer .user-name a.sign-out-link,
body#orderDetail .welcomeContainer .user-name a.sign-out-link,
body.account .welcomeContainer .user-name a.sign-out-link,
body#returnConfirmation.account .welcomeContainer .user-name a.sign-out-link,
body#return.account .welcomeContainer .user-name a.sign-out-link {
display: inline-block;
color: #000 !important;
font-weight: 600;
border-right: 1px solid #d5d5d5;
padding-right: 10px;
margin-right: 10px;
text-decoration: underline;
}
body .welcomeContainer .user-name a.my-account-link span,
body.checkout .welcomeContainer .user-name a.my-account-link span,
body#orderDetail .welcomeContainer .user-name a.my-account-link span,
body.account .welcomeContainer .user-name a.my-account-link span,
body#returnConfirmation.account .welcomeContainer .user-name a.my-account-link span,
body#return.account .welcomeContainer .user-name a.my-account-link span,
body .welcomeContainer .user-name a.sign-out-link span,
body.checkout .welcomeContainer .user-name a.sign-out-link span,
body#orderDetail .welcomeContainer .user-name a.sign-out-link span,
body.account .welcomeContainer .user-name a.sign-out-link span,
body#returnConfirmation.account .welcomeContainer .user-name a.sign-out-link span,
body#return.account .welcomeContainer .user-name a.sign-out-link span {
text-decoration: underline;
min-height: 12px;
}
body .welcomeContainer .user-name a.sign-out-link,
body.checkout .welcomeContainer .user-name a.sign-out-link,
body#orderDetail .welcomeContainer .user-name a.sign-out-link,
body.account .welcomeContainer .user-name a.sign-out-link,
body#returnConfirmation.account .welcomeContainer .user-name a.sign-out-link,
body#return.account .welcomeContainer .user-name a.sign-out-link {
font-weight: 500;
border-right: 0;
}
body.checkout .welcomeContainer .user-name a.sign-out-link {
display: none;
}
body#basket.checkout .welcomeContainer .user-name a.sign-out-link {
display: inline-block;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body .welcomeContainer .user-name,
body.checkout .welcomeContainer .user-name {
font-size: 10px;
text-transform: uppercase;
color: #000;
}
body .welcomeContainer .user-name a.my-account-link,
body.checkout .welcomeContainer .user-name a.my-account-link,
body .welcomeContainer .user-name a.sign-out-link,
body.checkout .welcomeContainer .user-name a.sign-out-link {
display: inline-block;
color: #000;
font-weight: 600;
border-right: 1px solid #d5d5d5;
padding-right: 10px;
margin-right: 10px;
text-decoration: underline;
}
body .welcomeContainer .user-name a.my-account-link span,
body.checkout .welcomeContainer .user-name a.my-account-link span,
body .welcomeContainer .user-name a.sign-out-link span,
body.checkout .welcomeContainer .user-name a.sign-out-link span {
text-decoration: underline;
}
body .welcomeContainer .user-name a.sign-out-link,
body.checkout .welcomeContainer .user-name a.sign-out-link {
font-weight: 500;
border-right: 0;
}
body.checkout .welcomeContainer .user-name a.sign-out-link {
display: none;
}
body.account .body_wrap,
body#returnItem .body_wrap {
padding: 0 2%;
}
body.account #account-category,
body#returnItem #account-category {
font-weight: 600;
}
body.account #catalogue,
body#returnItem #catalogue,
body.account #myaccount-list,
body#returnItem #myaccount-list {
display: inline-block;
}
body.account .my-account-breadcrumb,
body#returnItem .my-account-breadcrumb {
/*
span::before{
padding: 0px 2px 0px 7px;
color: #000;
content: "/\00a0";
}
*/
}
body.account .my-account-breadcrumb .pageName,
body#returnItem .my-account-breadcrumb .pageName {
float: left;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin-top: -5px;
margin-left: 0;
}
body.account .my-account-breadcrumb .to-home-icon,
body#returnItem .my-account-breadcrumb .to-home-icon {
background-image: url(/tzn-front/assets/images/icons/home-country-search.png);
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-position: 0 -2px;
}
body.account .my-account-breadcrumb .to-home::after,
body#returnItem .my-account-breadcrumb .to-home::after,
body.account .my-account-breadcrumb .to-my-account::after,
body#returnItem .my-account-breadcrumb .to-my-account::after {
padding: 0px 2px 0px 7px;
color: #000;
content: "/\00a0";
}
body.account .my-account-breadcrumb span a::after,
body#returnItem .my-account-breadcrumb span a::after {
padding: 0px 2px 0px 7px;
color: #000;
content: "/\00a0";
}
}
/* fix breadcrumbs order status - return user not logged */
body#return .my-account-breadcrumb a.to-home + span:before,
body#returnConfirmation .my-account-breadcrumb a.to-home + span:before {
display: none;
}
#cboxWrapper .container-thumbs {
margin-left: 0;
margin-top: 2%;
width: 100%;
display: block!important;
}
#cboxWrapper .container-thumbs .thumbs {
margin: 0;
list-style-type: none;
text-align: center;
width: 100%;
bottom: 20px;
min-height: 20px;
}
#cboxWrapper .container-thumbs .thumbs .dot {
height: 10px;
width: 10px;
display: inline-block;
border: 1px solid #666666;
background-color: rgba(255, 255, 255, 0.5);
border-radius: 50%;
margin-right: 20px;
cursor: pointer;
text-align: center;
}
#cboxWrapper .container-thumbs .thumbs .dot.active {
background-color: #666666;
}
#cboxWrapper .container-thumbs .thumbs .dot:last-child {
margin: 0;
}
#cboxWrapper .container-thumbs .thumbs .dot .preview {
position: relative;
}
#cboxWrapper .qv_fotog {
width: 355px;
min-height: 530px;
display: inline-block;
}
#cboxWrapper #qlCont {
width: 100%;
height: 100%;
background-color: transparent;
overflow: hidden;
padding: 0px;
position: relative;
}
#cboxWrapper #qlCont.quicklook-miniproduct {
height: auto;
}
#cboxWrapper #qlCont .qv-close-header {
text-align: right;
position: absolute;
right: 20px;
top: 20px;
z-index: 10;
}
@media only screen and (max-width: 1024px) {
#cboxWrapper #qlCont .qv-close-header .js_close {
width: 40px;
height: 40px;
padding: 10px;
margin: -10px;
display: block;
}
}
#cboxWrapper .qvDataDiv {
display: inline-block;
width: 350px;
}
#cboxWrapper .qvDataDiv .product-information {
width: 100%;
top: 0px;
}
#cboxWrapper .qvDataDiv .product-information sqr-swatch-not-available .notification-error-bottom {
margin: 0px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 20px;
text-align: left;
}
#cboxWrapper .qvDataDiv .product-information sqr-swatch-not-available a.discover-new-arrivals {
display: none;
}
#cboxWrapper .qvDataDiv.no-ecommerce {
display: table-cell;
height: 570px;
vertical-align: middle;
}
#cboxWrapper sqr-product-gallery {
margin-left: 50px;
width: 305px;
}
#cboxWrapper sqr-product-gallery ul {
margin-top: 8px;
min-height: 70px;
}
#cboxWrapper sqr-product-gallery ul li {
margin-right: 8px;
}
#cboxWrapper .product-name {
padding: 0px;
margin-left: 20px;
font-weight: 500;
letter-spacing: 0.1em;
}
#cboxWrapper .product-name a,
#cboxWrapper .product-name a:visited,
#cboxWrapper .product-name a:active,
#cboxWrapper .product-name a:hover {
text-decoration: none;
color: #000;
}
@media (min-width: 751px) {
#cboxWrapper .product-name {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
#cboxWrapper .product-name {
font-size: 12px;
line-height: 15px;
}
}
#cboxWrapper .product-id {
padding-left: 0px;
margin-bottom: 10px;
margin-left: 20px;
font-weight: 500;
}
@media (min-width: 751px) {
#cboxWrapper .product-id {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#cboxWrapper .product-id {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#cboxWrapper .price-container {
margin-left: 20px;
}
#cboxWrapper .price-container {
height: 20px;
margin-bottom: 10px;
margin-top: 10px;
display: inline-block;
float: none;
}
#cboxWrapper .price-container .prices-container {
margin: 0px;
}
#cboxWrapper .price-container .prices-container span {
font-weight: 600;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#cboxWrapper .price-container .prices-container span {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
#cboxWrapper .price-container .prices-container span {
font-size: 15px;
line-height: 23px;
}
}
#cboxWrapper .price-container .prices-container .no-discount {
color: #000;
}
#cboxWrapper .price-container .description-container .head .label_1 .selected-color {
font-weight: 600;
}
#cboxWrapper .price-container .catalog-display-price-text {
float: left;
color: #ff6699;
margin-right: 0;
}
#cboxWrapper .prices-container::after {
display: inline;
}
#cboxWrapper #product-attributes {
margin-top: 17px;
padding-right: 20px;
}
#cboxWrapper .product-link {
height: 20px;
margin-left: 20px;
display: inline-block;
float: none;
}
#cboxWrapper .product-link .link-moreInfo {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 500;
border-bottom: 1px solid black;
color: #000;
}
#cboxWrapper .label_3 {
margin-left: 20px;
color: #000;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#cboxWrapper .label_3 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#cboxWrapper .label_3 {
font-size: 12px;
line-height: 15px;
}
}
#cboxWrapper .promomsgbox {
clear: both;
padding-left: 20px;
margin-bottom: -10px;
}
#cboxWrapper .head {
height: 30px;
width: 100%;
}
#cboxWrapper .label_1 {
font-weight: 500;
letter-spacing: 0.1em;
color: #000;
}
@media (min-width: 751px) {
#cboxWrapper .label_1 {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
#cboxWrapper .label_1 {
font-size: 12px;
line-height: 15px;
}
}
#cboxWrapper .label_2 {
text-align: right;
}
#cboxWrapper .label_2 .color-on-sale:after {
content: " ";
display: inline-block;
width: 31px;
height: 3px;
background-color: #fa9374;
margin-bottom: 2px;
margin-left: 10px;
}
#cboxWrapper .label_2-mobile {
display: none;
}
#cboxWrapper .variant-section {
display: block;
padding-top: 10px;
padding-bottom: 0px;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#cboxWrapper .variant-section {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
#cboxWrapper .variant-section {
font-size: 13px;
line-height: 18px;
}
}
#cboxWrapper .variant-section .available-variant {
padding-bottom: 29px;
margin-left: 20px;
margin-right: 20px;
}
#cboxWrapper .variant-section .head {
padding-left: 20px;
}
#cboxWrapper .variant-section.size .head {
margin-bottom: 8px;
}
#cboxWrapper .variant-section.size .head .link-guide {
font-style: normal;
color: #000;
}
#cboxWrapper #nextObj {
right: 15px;
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
background-position: center center;
}
#cboxWrapper #prevObj {
background-image: url(../assets/images/icons/svg/arrow_left_02.svg);
background-position: center center;
left: 15px;
}
#cboxWrapper #nextObj a,
#cboxWrapper #prevObj a {
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
#cboxWrapper #nextObj,
#cboxWrapper #prevObj {
display: block;
height: 25px;
position: absolute;
top: 50%;
width: 25px;
background-repeat: no-repeat;
margin-top: -25px;
}
#cboxWrapper .js_productScope {
display: inline-block;
position: relative;
width: 750px;
}
#cboxWrapper #sliderQV {
background-color: #fff;
padding: 40px;
}
#cboxWrapper #sliderQV .qvLoader {
color: #FFF;
background-color: 000;
display: none;
width: 100%;
height: 580px;
background-image: url('/tzn-front/assets/images/icons/preload.gif');
background-position: center 200px;
background-repeat: no-repeat;
}
#cboxWrapper .slider-container .slider .slide {
cursor: inherit;
}
#cboxWrapper .variant-section .head {
height: 24px;
}
#cboxWrapper .quantity_wrap {
margin-bottom: 0px;
margin-left: 20px;
width: 300px;
}
#cboxWrapper .quantity_wrap .head {
height: 16px;
width: auto;
float: left;
margin-top: 4px;
}
#cboxWrapper .quantity_wrap .counter-container {
margin-top: -4px;
margin: 0px;
float: left;
width: 50%;
padding-top: 0;
}
#cboxWrapper .quantity_wrap .counter-container .selected-quantity {
padding-left: 20px;
float: none;
margin-top: 0;
}
#cboxWrapper .quantity_wrap .counter-container .selected-quantity .less,
#cboxWrapper .quantity_wrap .counter-container .selected-quantity .more {
margin: 0;
}
#cboxWrapper .quantity_wrap .counter-container .selected-quantity .counter-field {
width: 30px;
padding-top: 0;
height: 25px;
}
#cboxWrapper .quantity_wrap .counter-container .selected-quantity .price-each {
text-align: center;
margin-top: 8px;
padding: 0px;
line-height: 10px;
height: auto;
margin-bottom: 10px;
}
#cboxWrapper .addItem {
margin-left: 20px;
width: 100%;
/* needed for wishlist feedback styles */
display: inline-block;
float: none;
}
#cboxWrapper .add-to-cart,
#cboxWrapper .update-to-cart {
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
margin-bottom: 10px;
margin-left: 20px;
}
#cboxWrapper .add-to-bag-container {
width: 100%;
padding-right: 20px;
}
#cboxWrapper .add-to-bag-container .add-to-bag-container span {
vertical-align: inherit;
}
#cboxWrapper .add-to-bag-container .notification-coming-soon {
margin-left: 20px;
}
#cboxWrapper .product-not-available .notification-error-bottom {
margin-left: 20px;
padding: 30px 0;
}
#cboxWrapper .add-to-wish-list .icon-whislist,
#cboxWrapper .add-wishlist-wrap .icon-whislist {
margin-left: 20px;
margin-top: 20px;
}
#cboxWrapper .add-wishlist-link {
color: #000;
vertical-align: top;
padding-left: 0px;
font-size: 12px;
line-height: 15px;
border-bottom: 1px solid #A4A4A4;
text-decoration: none!important;
text-transform: uppercase;
font-weight: 600;
}
#cboxWrapper .error .error-message {
padding: 0px;
width: 100%;
text-align: left;
margin-left: 20px;
}
#cboxWrapper .product-error {
color: #ff6666;
}
#cboxWrapper .product-error.low-quantity {
color: #fa87e6;
}
#cboxWrapper .variant-section.error {
font-weight: inherit !important;
}
#cboxWrapper .variant-section.error .label_1 {
color: #ff6666;
}
#cboxWrapper div.notification-error-top {
display: none;
}
#sliderQV {
position: relative;
}
#sliderQV .js_productScope {
float: left;
}
.sqr-input-blocker {
top: 0;
margin: 20px 0 0 0;
width: 100%;
height: 100%;
position: absolute;
background-color: rgba(255, 255, 255, 0.4);
pointer-events: none;
}
.sqr-input-blocker .quickviewLoadingIcon {
margin-top: -60px;
margin-left: 0;
width: 75px;
height: 75px;
}
.quicklook-miniproduct .product-information .addItem .notification-error-bottom {
padding-left: 0;
}
.quicklook-miniproduct .variant {
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1024px) and (min-width: 751px) {
.product-name {
margin-top: 0;
}
}
/* DESKTOP & TABLET */
body#wishlist .return-home {
display: none;
}
body#wishlist .container-social-icons-product {
float: right;
width: auto;
margin-right: -15px;
}
body#wishlist .sharing_prodotto {
float: left;
padding-top: 10px;
}
body#wishlist #use-wis-no-items-txt {
font-family: 'Poppins';
font-size: 14px;
margin-left: -15px;
margin-top: 20px;
clear: both;
}
body#wishlist #use-wis-no-items-txt.title {
font-weight: 600;
text-transform: uppercase;
margin-top: 40px;
}
body#wishlist #use-wis-wrap div#use-wis-print-link {
background-image: url('/tzn-front/assets/images/icons/use-print.png');
width: 50%;
position: relative;
display: inline-block;
background-position: center left;
text-align: left;
}
body#wishlist #use-wis-wrap div#use-wis-print-link a {
margin-left: 30px;
text-transform: uppercase;
color: #000;
text-decoration: underline;
font-weight: 600;
}
body#wishlist .formButton {
font-family: 'Poppins';
}
body#wishlist .formButton.buttonSecondary {
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #fff;
text-decoration: underline;
font-family: 'Poppins';
outline: 0;
width: 35.3%;
margin: 0;
margin-right: 10px;
padding: 2px;
text-align: center;
display: inline-block;
}
body#wishlist .formButton.buttonSecondary:hover {
border: 1px solid #000;
text-decoration: none;
}
body#wishlist .formButton.add-to-cart {
background-image: none;
width: 35.3%;
vertical-align: top;
white-space: normal;
}
body#wishlist .wishlist-action-buttons {
margin-left: -16px;
}
body#wishlist .wishlist-action-buttons .wish-share-claim,
body#wishlist .wishlist-action-buttons .wish-add-claim {
max-width: 70%;
margin-top: 35px;
}
body#wishlist .wishlist-action-buttons .claim-upper {
text-transform: uppercase;
font-size: 11px;
color: #000;
font-weight: 600;
margin-left: 10px;
}
body#wishlist .wishlist-action-buttons .claim-big {
font-size: 23px;
text-transform: uppercase;
color: #000;
font-weight: 600;
margin-left: 10px;
line-height: 21px;
letter-spacing: -0.95px;
max-width: 60%;
}
body#wishlist .wishlist-action-buttons .claim-small {
color: #000;
font-weight: 600;
margin-left: 10px;
font-size: 11px;
max-width: 70%;
}
body#wishlist .wishlist-action-buttons .wishlist-share,
body#wishlist .wishlist-action-buttons .wishlist-add {
border: 1px solid #ddd;
width: 47%;
height: 137px;
display: inline-block;
position: relative;
vertical-align: top;
}
body#wishlist .wishlist-action-buttons .wishlist-share {
background-image: url('/tzn-front/assets/images/icons/wish-heart.png');
background-position: right;
background-repeat: no-repeat;
margin-right: 5%;
}
body#wishlist .wishlist-action-buttons .wishlist-add {
background-image: url('/tzn-front/assets/images/icons/wish-bag.png');
background-position: right;
background-repeat: no-repeat;
}
body#wishlist .wishlist-action-buttons .formButton {
background-color: #fff;
background-image: none;
color: #000;
border: 1px solid #000;
max-width: 120px;
height: auto;
white-space: normal;
padding: 10px;
font-size: 11px;
font-family: 'Poppins';
float: right;
position: absolute;
right: 5px;
top: 40px;
}
#use-wis-wrap {
background-color: #fff;
margin: 0;
}
#use-wis-wrap .common-message-blue.bold.block.top-msg {
width: 100%;
height: 36px;
line-height: 36px;
float: left;
margin-top: 20px;
padding-left: 0;
margin-left: -20px;
color: #76d6ba;
font-size: 12px;
}
#use-wis-wrap .common-error.block.bold.top-msg {
width: 100%;
height: 36px;
line-height: 36px;
float: left;
margin-top: 20px;
padding-left: 0;
margin-left: -20px;
color: #cd0000;
font-size: 12px;
}
#use-wis-wrap .wishlist-container {
margin-left: -16px;
padding-top: 40px;
}
#use-wis-wrap .wishlist-product-area,
#use-wis-wrap .wishlist-product-image,
#use-wis-wrap .wishlist-product-details {
display: inline-block;
}
#use-wis-wrap .wishlist-product-image {
vertical-align: top;
}
#use-wis-wrap .wishlist-product-details {
margin-left: 10px;
margin-top: 5px;
}
#use-wis-wrap .wishlist-product-area {
border-top: 1px solid #ddd;
height: 340px;
width: 340px;
vertical-align: top;
}
#use-wis-wrap .wishlist-product-area .wishlist-shipped-address {
margin-top: 45px;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .sku {
font-size: 10px;
color: #979797;
font-weight: 600;
margin-top: 2px;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-price {
font-weight: 600;
font-size: 14px;
margin-top: 5px;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-msrp-price,
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-display-price {
margin-top: 5px;
display: inline-block;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-msrp-price .common-msrp-price,
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-display-price .common-msrp-price {
color: #ff6699;
font-weight: 600;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-msrp-price .catalog-display-price-text,
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-display-price .catalog-display-price-text {
color: #000;
font-weight: 600;
background-image: url('/tzn-front/assets/images/icons/stroke-price.png');
background-repeat: no-repeat;
background-size: 100% 100%;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-promo-message {
background-color: #ff6666;
color: #fff;
width: 120px;
font-weight: 600;
margin-top: 10px;
margin-bottom: 10px;
height: 18px;
line-height: 18px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .color-name {
margin-top: 10px;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .size-name,
#use-wis-wrap .wishlist-product-area .wishlist-product-details .color-name {
font-size: 10px;
text-transform: uppercase;
color: #000;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .wishlist-item-qty {
font-size: 10px;
text-transform: uppercase;
color: #000;
}
#use-wis-wrap .wishlist-product-area .wishlist-product-details .common-error {
display: none;
}
#use-wis-wrap .wishlist-product-area:nth-child(2n+1) {
margin-right: 36px;
}
#use-wis-wrap .wishlist-title-link {
width: 208px;
height: 40px;
}
#use-wis-wrap .wishlist-title-link a {
color: #000;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body#wishlist .sharing_prodotto {
float: left;
padding-top: 5px;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body#wishlist .pageName {
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
}
body#wishlist .sharing_prodotto {
float: left;
padding-top: 10px;
}
body#wishlist .wishlist-mobile-message {
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-top: 20px;
margin-left: -16px;
padding-bottom: 20px;
}
body#wishlist .wishlist-mobile-message .offset {
width: 80%;
margin: 0 auto;
font-size: 13px;
}
body#wishlist #use-wis-wrap .wishlist-container {
padding-top: 20px;
}
body#wishlist #use-wis-wrap .container-social-icons-product {
display: inline-block;
margin: 0 auto;
width: 90%;
margin-bottom: 20px;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .wishlist-add {
margin-top: 20px;
}
body#wishlist #use-wis-wrap .wishlist-title-link {
width: 168px;
height: 40px;
overflow: hidden;
}
body#wishlist #use-wis-wrap .wishlist-title-link a {
color: #000;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
body#wishlist #use-wis-wrap .wishlist-product-area {
width: 100%;
padding-bottom: 30px;
}
body#wishlist #use-wis-wrap .formButton {
font-family: 'Poppins';
}
body#wishlist #use-wis-wrap .formButton.buttonSecondary {
color: #000;
background-color: #fff;
background-image: none;
border: 1px solid #fff;
text-decoration: underline;
font-family: 'Poppins';
outline: 0;
max-width: 120px;
width: 100%;
margin: 0;
margin-right: 10px;
padding: 2px;
text-align: center;
display: inline-block;
}
body#wishlist #use-wis-wrap .formButton.buttonSecondary:hover {
border: 1px solid #000;
text-decoration: none;
}
body#wishlist #use-wis-wrap .formButton.add-to-cart {
background-image: none;
max-width: 120px;
width: 100%;
vertical-align: top;
white-space: normal;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons {
margin-left: -16px;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .wish-share-claim,
body#wishlist #use-wis-wrap .wishlist-action-buttons .wish-add-claim {
max-width: 70%;
margin-top: 35px;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .claim-upper {
text-transform: uppercase;
font-size: 11px;
color: #000;
font-weight: 600;
margin-left: 10px;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .claim-big {
font-size: 23px;
text-transform: uppercase;
color: #000;
font-weight: 600;
margin-left: 10px;
line-height: 21px;
letter-spacing: -0.95px;
max-width: 60%;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .claim-small {
color: #000;
font-weight: 600;
margin-left: 10px;
font-size: 11px;
max-width: 70%;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .wishlist-share,
body#wishlist #use-wis-wrap .wishlist-action-buttons .wishlist-add {
border: 1px solid #ddd;
width: 100%;
min-width: 320px;
height: 137px;
display: inline-block;
position: relative;
vertical-align: top;
}
body#wishlist #use-wis-wrap .wishlist-action-buttons .formButton {
background-color: #fff;
background-image: none;
color: #000;
border: 1px solid #000;
max-width: 120px;
height: auto;
white-space: normal;
padding: 10px;
font-size: 11px;
font-family: 'Poppins';
float: right;
position: absolute;
right: 5px;
top: 40px;
}
}
#cboxOverlay {
background: rgba(0, 0, 0, 0.5);
opacity: 1.0 !important;
}
.layer_wrapper_outer {
position: relative;
padding: 40px;
padding-top: 55px;
border: 0px solid #fff;
background-color: #ffffff;
}
@media only screen and (max-width: 750px) {
.layer_wrapper_outer {
box-shadow: none;
margin: 0;
}
}
.layer_wrapper_inner {
border: 0px solid #828071;
background-color: #fff;
}
.layer_wrapper_outer {
/* Overlay Newsletter */
}
.layer_wrapper_outer#overlayNewsletter {
background-color: transparent;
box-shadow: none;
margin: 0;
}
.layer_wrapper_outer#overlayNewsletter #layer_close_button {
margin-top: 55px;
margin-right: 40px;
z-index: 10;
}
.layer_wrapper_outer#overlayNewsletter .layer_wrapper_inner .main-newsletter-container .user-title-option-wrap {
margin-bottom: 20px;
margin-top: 10px;
}
.layer_wrapper_outer#overlayNewsletter .layer_wrapper_inner .main-newsletter-container .check-row {
padding: 0px 0px;
}
.layer_wrapper_outer#overlayNewsletter .layer_wrapper_inner .main-newsletter-container .privacy-terms {
margin-top: 5px;
margin-bottom: 5px;
}
.layer_wrapper_outer#overlayNewsletter .layer_wrapper_inner .main-newsletter-container .msg-required-items {
padding: 20px 0px 20px 0px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .subscribeFormFooterCountry .privacy-terms {
width: 100%;
float: left;
margin-top: 10px;
margin-bottom: 10px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .left_content_subscribe_popup {
width: 40%;
display: inline-block;
float: left;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container {
width: 60%;
display: inline-block;
padding: 0 40px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .heading {
padding-top: 25px;
line-height: 30px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .form-label {
text-transform: none;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container p {
display: none;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .formFieldContainer input:not([type="submit"]):not([type="button"]) {
width: 100%;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .formFieldContainer .altSelect {
width: 100%;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .subscribe-newsletter-country {
width: 100%;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .user_title {
margin: 10px 0px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .msg-required-items {
padding: 10px 0px 20px 0px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-row {
padding: 5px 0px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-row .check-label {
padding: 20px 0px 20px 0px;
margin-bottom: 0px;
font-weight: normal;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info {
font-size: 11px;
line-height: 15px;
}
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a,
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a:hover {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
text-decoration: underline;
padding-right: 10px;
}
@media (min-width: 751px) {
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a,
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a,
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .check-label.info a:hover {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) {
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .left_content_subscribe_popup {
display: none;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container {
width: 100%;
padding: 15px 40px;
}
.layer_wrapper_outer .layer_wrapper_inner .body-inner-wrap-popup-subscribe .main-newsletter-container .heading {
padding-top: 0;
text-align: left;
}
}
.modalButton {
text-align: center;
margin: 40px 0 50px;
}
#layer_close_button {
text-align: right;
position: absolute;
right: 20px;
top: 20px;
}
#layer_close_button_my {
text-align: right;
/*position: absolute;*/
right: 0px;
top: -5px;
}
#socialLogoutContent h2 {
text-transform: uppercase;
font-size: 22px;
font-weight: 600;
margin-top: 10px;
}
.form-box-contents {
margin-top: 14px;
}
.link-layer {
font-size: 14px;
}
div.buttonRow {
padding-right: 0px;
}
#linkAccountsPageContent div#iframeAccountLink.layer_wrapper_outer {
border: 0px solid #fff !important;
background-color: transparent !important;
}
#linkAccountsPageContent div#iframeAccountLink.layer_wrapper_inner {
border: 0px solid #828071 !important;
background-color: #fff !important;
padding: 10px 20px 10px 20px;
}
#MCWhatsThis-PromoCode {
font-size: 14px;
}
.container_form_elements_check_balance_checkout .formFieldContainer {
float: left !important;
width: auto !important;
clear: none;
}
#cboxContent #gcRedemptionCode,
#cboxContent #gcPin {
padding: 10px;
}
#cboxContent #gcRedemptionCode {
width: 186px;
}
#cboxContent #gcPin {
width: 118px;
}
#cboxContent .container-button-check {
padding-top: 0px;
}
#cboxContent .container_form_elements_check_balance_checkout .formFieldContainer {
margin-right: 6px !important;
}
#cboxContent #numero_carta_check_balance_error,
#cboxContent #numero_pin_check_balance_error,
#cboxContent #gift_card_diffCountry,
#cboxContent #gift_card_unfound,
#cboxContent #error_mail,
#cboxContent #error_generic,
#cboxContent #error_unexpected {
padding: 0;
text-align: left;
font-size: 11px;
font-weight: 600;
color: #ff6666;
width: 100%;
}
#cboxContent .common-error-balance-checkout {
background-color: #fff;
border: 2px solid #ff6666;
color: #ff6666;
font-weight: 600;
margin: 0px 40px 0;
font-size: 11px;
padding: 2px;
text-align: center;
text-transform: uppercase;
margin-top: -10px;
}
#cboxContent .container_form_elements_check_balance_checkout .formFieldContainer {
float: none !important;
display: inline-block;
margin-bottom: 0px;
}
#cboxContent .container-button-check {
display: inline-block;
float: none;
vertical-align: bottom;
}
#cboxContent .container_balance_checkout h3 {
margin-top: 0;
}
#cboxContent .layer_wrapper_inner {
border: 0px solid #828071;
background-color: #fff;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper {
min-height: 0;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType h2 {
margin-top: 0;
margin-bottom: 20px;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType h2 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType h2 {
font-size: 18px;
line-height: 23px;
}
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType .page-notification {
margin-bottom: 0;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType .carrierWrapper {
border-bottom: 0;
margin-bottom: 10px;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType .carrierWrapper .myRadio {
display: inline-block;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType .carrierWrapper .amount {
float: none;
margin-left: 10px;
margin-bottom: 0;
}
#cboxContent .layer_wrapper_inner.shipping_choice_ppe .layer_content_wrapper #carrierType .buttonRow {
padding: 0;
margin: 0;
margin-top: 20px!important;
}
#cboxLoadedContent {
padding: 0;
background-color: #ffffff;
}
/* Social Share Popup Button */
.container-social-icons-product {
position: relative;
float: none;
clear: both;
width: 100%;
text-align: left;
z-index: 10;
bottom: 70px;
left: 35px;
}
.container-social-icons-product .sharing_prodotto .container-icon-share .icon-share {
width: 20px;
height: 20px;
background-size: contain;
}
.container-social-icons-product .sharing_prodotto .error-prompt .icon-close {
position: absolute;
top: 20px;
right: 20px;
height: 16px;
width: 16px;
}
.container-social-icons-product .sharing_prodotto #shareButtons .gig-bar-container {
margin-top: 0;
}
/* end Social Share Popup Button */
@media only screen and (max-width: 1024px) {
#layer_close_button .closePopupLayer {
width: 40px;
height: 40px;
padding: 10px;
margin: -10px;
display: block;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent {
max-width: 100%;
}
.container-social-icons-product {
bottom: 50px;
left: 20px;
}
}
@media only screen and (max-width: 750px) {
.container-social-icons-product {
position: absolute;
bottom: auto;
top: 35px;
left: 20px;
max-width: none;
width: auto;
}
body#ensemble .container-social-icons-product {
top: 100px;
}
#cboxOverlay {
background: rgba(0, 0, 0, 0.5) !important;
opacity: 1.0 !important;
}
#layer_close_button {
text-align: right;
right: 20px;
top: 20px;
width: 40px;
height: 40px;
margin: -10px;
}
#layer_close_button .closePopupLayer {
margin: 0;
}
#colorbox,
#colorbox * {
max-width: 100%;
}
.buttonRowLayer {
margin-top: 22px !important;
}
}
/* Overlay marketing flags */
#marketingFlagsOverlay .title,
#marketingFlagsOverlayContent .title {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0;
}
@media (min-width: 751px) {
#marketingFlagsOverlay .title,
#marketingFlagsOverlayContent .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#marketingFlagsOverlay .title,
#marketingFlagsOverlayContent .title {
font-size: 18px;
line-height: 23px;
}
}
#marketingFlagsOverlay .text,
#marketingFlagsOverlayContent .text {
margin-top: 15px;
}
#marketingFlagsOverlay .buttonRow,
#marketingFlagsOverlayContent .buttonRow {
margin-top: 20px!important;
margin-bottom: 0;
padding: 0;
}
#marketingFlagsOverlay .termsANDpolicy,
#marketingFlagsOverlayContent .termsANDpolicy {
margin-top: 25px;
}
/* Overlay change zone checkout */
#changeZoneCheckoutOverlay .title {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0;
}
@media (min-width: 751px) {
#changeZoneCheckoutOverlay .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#changeZoneCheckoutOverlay .title {
font-size: 18px;
line-height: 23px;
}
}
#changeZoneCheckoutOverlay .options-wrap {
margin-top: 15px;
}
#changeZoneCheckoutOverlay .options-wrap .option-radio {
display: block;
float: none;
}
#changeZoneCheckoutOverlay .buttonRow {
margin-top: 20px!important;
margin-bottom: 0;
padding: 0;
}
@media only screen and (max-width: 750px) {
#changeZoneCheckoutOverlay .options-wrap {
margin-top: 25px;
}
#changeZoneCheckoutOverlay .options-wrap .option-radio {
margin: 10px 0;
}
}
.addressBookContainer .heading {
display: none;
}
.buttonGoAccount {
display: inline-block;
}
.successBox {
color: #75D6B7;
padding: 15px;
font-weight: 600;
line-height: 17px;
border: 1px solid #75D6B7;
}
.errorBox {
color: #ff6666;
padding: 15px 0;
font-weight: 600;
line-height: 17px;
margin-bottom: 10px;
}
.saveButton {
margin-top: 30px;
}
.addressBookWrapper {
position: relative;
margin: 50px 5px 35px 0;
}
.addressBookWrapper p {
margin: 10px 0;
}
.addressBookWrapper .actionLinks {
text-align: right;
padding: 10px;
}
.addressBookWrapper .actionLinks a {
text-transform: uppercase;
color: #000;
text-decoration: none!important;
font-weight: 600;
}
.addressBookWrapper .actionLinks a .textWrap {
border-bottom: 3px solid #000;
}
.addressBookWrapper .actionLinks a.leftSeparator {
border-left: 1px solid #BBB;
padding-left: 5px;
margin-left: 2px;
}
.addressBookWrapper .mobileActionLinks {
display: none;
}
.addressBookWrapper .fieldboxContainer {
width: 100%;
margin-right: 5px;
top: 0;
}
.addressBookWrapper .fieldboxContainer.expandedAddress {
border: 0;
border-top: 1px solid #D7D7D7;
}
.addressBookWrapper .fieldboxContainer.expandedAddress {
display: none;
}
.addressBookWrapper .fieldboxContainer.expandedAddress.with_errors {
display: block;
}
.addressBookWrapper .fieldboxContainer.collapsed.with_errors {
display: none;
}
.addressBookWrapper .fieldboxContainer.expandedAddress.startOpen {
display: block;
}
.addressBookWrapper .fieldboxContainer.expandedAddress .addressBookHeader {
margin: -12px -5px;
padding: 0 5px;
}
.addressBookWrapper .fieldboxContainer .addressBookHeader {
margin: -12px 5px;
position: absolute;
font-weight: 600;
font-size: 15px;
}
.addressBookWrapper .fieldboxContainer .addressBookHeader .addressBookTextWrap {
padding: 0 5px;
background: #FFF;
}
.addressBookWrapper .fieldboxContainer .addressBookHeaderMobile {
margin: -12px 5px;
position: absolute;
font-weight: 600;
font-size: 15px;
margin: -12px 0;
display: none;
}
.addressBookWrapper .fieldboxContainer .addressBookHeaderMobile .addressBookTextWrap {
padding: 0 5px;
background: #FFF;
}
.addressBookWrapper .fieldboxContainer .addressBookFooter {
bottom: -12px;
right: 20px;
position: absolute;
}
.addressBookWrapper .use-add-item-wrap {
width: 40%;
float: left;
margin: 0 43px 20px 0;
}
.addressBookWrapper p#use-add-page-instructions {
margin-top: 20px;
font-size: 11px;
margin-bottom: 40px;
}
.addressBookWrapper .addressBookAddress.shippingAddress {
min-height: 160px;
}
.addressBookWrapper .addressBookContainer {
padding: 20px;
}
.addressBookWrapper .addressBookContainer .addressBookLabel {
color: #999;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
margin-top: 15px;
}
.addressBookWrapper .addressBookContainer #completeAddressForm,
.addressBookWrapper .addressBookContainer .completeAddressForm {
width: 50%;
}
.addressBookWrapper .addressBookContainer #completeAddressForm .formFieldContainer,
.addressBookWrapper .addressBookContainer .completeAddressForm .formFieldContainer,
.addressBookWrapper .addressBookContainer #completeAddressForm .labelFieldWrapper,
.addressBookWrapper .addressBookContainer .completeAddressForm .labelFieldWrapper {
width: 100%;
}
.addressBookWrapper .addressBookContainer fieldset > .type_firstName,
.addressBookWrapper .addressBookContainer fieldset > .type_lastName {
width: 50%;
}
.addressBookWrapper .addressBookContainer fieldset > .type_firstName .labelFieldWrapper,
.addressBookWrapper .addressBookContainer fieldset > .type_lastName .labelFieldWrapper {
width: 100%;
}
.addressBookWrapper .addressBookContainer .formFieldContainer {
margin: 0 16px 20px 0;
}
.addressBookWrapper .addressBookContainer .type_state .labelFieldWrapper {
min-width: 197px;
}
.addressBookWrapper .addressBookContainer .type_state .labelFieldWrapper .selected-value.placeholder {
padding: 14px 35px 10px 20px;
}
#use-cha-pwd-wrap > div.buttonRow,
#use-cha-email-wrap > div.buttonRow {
margin-left: 20px;
}
#use-cha-pwd-wrap > div.buttonRow input,
#use-cha-email-wrap > div.buttonRow input {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#use-cha-pwd-wrap > div.buttonRow input,
#use-cha-email-wrap > div.buttonRow input {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-cha-pwd-wrap > div.buttonRow input,
#use-cha-email-wrap > div.buttonRow input {
font-size: 12px;
line-height: 15px;
}
}
/* Styles for lamoda */
.my-account-lm .type_firstName.formFieldContainer,
.my-account-lm .type_lastName.formFieldContainer,
.my-account-lm .type_city.formFieldContainer,
.my-account-lm .type_address_street.formFieldContainer,
.my-account-lm .type_address_number.formFieldContainer,
.my-account-lm .type_apartment.formFieldContainer,
.my-account-lm .type_state.formFieldContainer {
width: 100% !important;
}
.my-account-lm .type_firstName.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_lastName.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_city.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_address_street.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_address_number.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_apartment.formFieldContainer .labelFieldWrapper,
.my-account-lm .type_state.formFieldContainer .labelFieldWrapper {
width: 100% !important;
}
.my-account-lm .ui-autocomplete {
width: 100% !important;
max-height: 200px;
overflow-y: scroll;
padding: 0;
}
.my-account-lm .ui-autocomplete li.ui-menu-item {
padding: 5px 20px;
}
.my-account-lm .ui-autocomplete li.ui-menu-item:hover {
background-color: #ececec;
}
.my-account-lm .ui-autocomplete li.ui-menu-item a {
font-size: 13px;
line-height: 20px;
}
@media screen and (max-width: 750px) {
body#addressBookEntry .pageName,
body#addressBook .pageName {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
}
.saveButton {
margin-top: 15px;
}
.addressBookWrapper {
margin-top: 25px;
margin-bottom: 10px;
}
.addressBookWrapper .actionLinksMobile {
padding: 5px;
}
.addressBookWrapper .use-add-item-wrap {
width: 100%;
display: block;
margin: 10px 0;
}
.addressBookWrapper .addressBookLabel {
padding: 5px 0;
font-size: 12px;
}
.addressBookWrapper .addressBookLabel .mobilelabelWrap {
text-transform: initial;
float: left;
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.addressBookWrapper .addressBookAddress.shippingAddress {
min-height: auto;
}
.addressBookWrapper .mobileActionLinks {
text-align: right;
display: block;
float: right;
width: 100%;
min-width: 170px;
margin: 10px 0;
}
.addressBookWrapper .mobileActionLinks .addressBookEditButton {
display: inline-block;
}
.addressBookWrapper .mobileActionLinks span.addressLink {
margin-left: 5px;
text-transform: uppercase;
color: #000;
text-decoration: none!important;
font-weight: 600;
cursor: pointer;
}
.addressBookWrapper .mobileActionLinks span.addressLink .textWrap {
border-bottom: 1px solid #999;
}
.addressBookWrapper .mobileActionLinks span.leftSeparator {
border-left: 1px solid #BBB;
padding-left: 5px;
margin-left: 2px;
}
.addressBookWrapper .shadowedBoxMobile {
box-shadow: 5px 5px 0px #EDEDED;
border: 1px solid #D7D7D7;
padding: 10px;
}
.addressBookWrapper .fieldboxContainer.shadowedBox {
box-shadow: none;
border-bottom: 0;
border-left: 0;
border-right: 0;
}
.addressBookWrapper .fieldboxContainer .addressBookHeaderMobile {
display: block;
width: 100%;
text-align: center;
}
.addressBookWrapper .fieldboxContainer .addressBookHeaderMobile .addressBookTextWrap {
display: inline-block;
font-size: 17px;
}
.addressBookWrapper .fieldboxContainer .addressBookHeader {
display: none;
}
.addressBookWrapper .fieldboxContainer .addressBookFooter {
bottom: -12px;
right: 20px;
position: absolute;
}
.addressBookWrapper .fieldboxContainer .addressBookFooter .addressBookEditButton {
display: none!important;
}
.addressBookWrapper .addressBookEditButton {
display: none;
}
.addressBookWrapper p#use-add-page-instructions {
margin-bottom: 0px;
}
.addressBookWrapper .addressBookContainer {
padding: 20px 0;
}
.addressBookWrapper .addressBookContainer #completeAddressForm,
.addressBookWrapper .addressBookContainer .completeAddressForm {
width: 100%;
}
.addressBookWrapper .addressBookContainer fieldset {
min-width: 100px;
}
.personal-info-return-myaccount {
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #ddd;
margin-top: 20px;
}
}
/* DESKTOP & TABLET */
p.updateEmail {
width: 100%;
color: #62d6b1;
font-size: 13px;
text-align: left;
font-weight: 600;
padding: 10px 0px 0px 20px;
float: left;
}
#use-per-wrap {
background-color: #fff;
padding: 0;
margin-top: 40px;
}
#use-per-wrap .labelText {
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 10px;
}
@media (min-width: 751px) {
#use-per-wrap .labelText {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-per-wrap .labelText {
font-size: 12px;
line-height: 15px;
}
}
#use-per-wrap h2 {
margin-left: 20px;
}
#use-per-wrap .headings {
background-image: url('/tzn-front/assets/images/img/long-line.png');
background-position: center center;
background-repeat: no-repeat;
}
#use-per-wrap .headings h2 {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0;
padding: 0;
background-color: #fff;
display: inline-block;
padding-right: 30px;
}
#use-av-wrap {
background-color: #fff;
width: 49%;
height: 100px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
}
#use-av-wrap .headings {
background-image: none;
}
#use-av-wrap .headings h2 {
font-size: 11px;
font-weight: 600;
color: #9a9a9a;
margin: 0;
padding: 0;
text-transform: uppercase;
margin-left: 20px;
display: inline-block;
padding-right: 20px;
}
#personalInfo #use-cha-wrap .headings h2,
#personalInfo .birthday-wrap .headings h2 {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#personalInfo #use-cha-wrap .headings h2,
#personalInfo .birthday-wrap .headings h2 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#personalInfo #use-cha-wrap .headings h2,
#personalInfo .birthday-wrap .headings h2 {
font-size: 12px;
line-height: 15px;
}
}
#personalInfo #use-sc-wrap .col-lg-6 .carrierWrapper .myRadio {
margin-top: 10px;
margin-left: 0px;
}
#personalInfo #use-per-wrap #use-birthday-wrap .headings h2 {
margin-top: 20px;
margin-bottom: 15px;
}
#personalInfo #use-per-wrap #use-birthday-wrap .prefix input#phonePrefix {
padding: 10px;
width: 100%;
}
#personalInfo #use-sc-wrap {
background-color: #fff;
width: 49%;
display: inline-block;
vertical-align: top;
margin: 0 0 30px 0;
height: auto !important;
min-height: 0 !important;
padding: 0;
}
#personalInfo #use-sc-wrap .social-msg {
max-width: 256px;
width: 100%;
font-size: 11px;
margin: 0 auto;
text-align: center;
}
#personalInfo #use-sc-wrap .socialInput {
margin-left: 5px;
margin-right: 5px;
}
#personalInfo #use-sc-wrap .headings {
background-image: none;
}
#personalInfo #use-sc-wrap .headings h2 {
font-size: 11px;
font-weight: 600;
color: #9a9a9a;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#personalInfo #use-sc-wrap .widget_social {
padding-left: 0;
}
#personalInfo #use-sc-wrap .widget_social_container_img {
margin: 0px auto 0;
width: 240px;
float: left;
overflow: hidden;
}
#personalInfo #use-sc-wrap .widget_social_container_img .container_icons_home {
margin-left: 0;
}
#personalInfo #use-sc-wrap .widget_social_container_img input.left_arrow_widget_social {
position: absolute;
left: 0;
background-image: url('/tzn-front/assets/images/icons/arrow-left.png');
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
font-color: #fff;
margin-top: 10px;
}
#personalInfo #use-sc-wrap .widget_social_container_img input.right_arrow_widget_social {
position: absolute;
right: 100px;
background-image: url('/tzn-front/assets/images/icons/arrow-right.png');
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
font-color: #fff;
margin-top: 10px;
}
#personalInfo #use-sc-wrap .widget_social_container_img img.input {
display: none;
}
#personalInfo #use-sc-wrap .carrierWrapper {
padding-top: 20px;
}
#use-cha-wrap,
.birthday-wrap {
background-color: #fff;
padding: 0;
margin: 20px;
}
#use-cha-wrap .headings h2,
.birthday-wrap .headings h2 {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0;
padding: 0;
max-width: 250px;
}
#use-cha-wrap .retrieve-pwd,
.birthday-wrap .retrieve-pwd {
margin-left: 20px;
font-size: 12px;
margin-top: 18px;
}
#use-cha-wrap .retrieve-pwd a,
.birthday-wrap .retrieve-pwd a {
color: #000;
font-weight: 600;
text-decoration: underline;
}
#use-cha-wrap #use-cha-email-wrap,
.birthday-wrap #use-cha-email-wrap {
margin-bottom: -45px;
}
#use-cha-wrap #use-cha-email-wrap,
.birthday-wrap #use-cha-email-wrap,
#use-cha-wrap #use-cha-pwd-wrap,
.birthday-wrap #use-cha-pwd-wrap {
border: 0;
margin: 15px 0;
}
#use-cha-wrap #use-cha-email-wrap .retrieve-pwd,
.birthday-wrap #use-cha-email-wrap .retrieve-pwd,
#use-cha-wrap #use-cha-pwd-wrap .retrieve-pwd,
.birthday-wrap #use-cha-pwd-wrap .retrieve-pwd {
margin-left: 0;
}
#use-cha-wrap #use-cha-email-wrap h2,
.birthday-wrap #use-cha-email-wrap h2,
#use-cha-wrap #use-cha-pwd-wrap h2,
.birthday-wrap #use-cha-pwd-wrap h2 {
font-weight: 500;
letter-spacing: 0.05em;
font-weight: 600;
padding: 0;
margin-left: 20px;
margin-bottom: 16px;
}
@media (min-width: 751px) {
#use-cha-wrap #use-cha-email-wrap h2,
.birthday-wrap #use-cha-email-wrap h2,
#use-cha-wrap #use-cha-pwd-wrap h2,
.birthday-wrap #use-cha-pwd-wrap h2 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-cha-wrap #use-cha-email-wrap h2,
.birthday-wrap #use-cha-email-wrap h2,
#use-cha-wrap #use-cha-pwd-wrap h2,
.birthday-wrap #use-cha-pwd-wrap h2 {
font-size: 12px;
line-height: 15px;
}
}
#use-cha-wrap #use-cha-email-wrap h3,
.birthday-wrap #use-cha-email-wrap h3,
#use-cha-wrap #use-cha-pwd-wrap h3,
.birthday-wrap #use-cha-pwd-wrap h3 {
font-weight: 500;
letter-spacing: 0.05em;
font-weight: 600;
padding: 0;
margin-left: 20px;
margin-bottom: 22px;
}
@media (min-width: 751px) {
#use-cha-wrap #use-cha-email-wrap h3,
.birthday-wrap #use-cha-email-wrap h3,
#use-cha-wrap #use-cha-pwd-wrap h3,
.birthday-wrap #use-cha-pwd-wrap h3 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-cha-wrap #use-cha-email-wrap h3,
.birthday-wrap #use-cha-email-wrap h3,
#use-cha-wrap #use-cha-pwd-wrap h3,
.birthday-wrap #use-cha-pwd-wrap h3 {
font-size: 12px;
line-height: 15px;
}
}
#use-cha-wrap #use-cha-email-wrap div.buttonRow > a.linkButton.buttonSecondary,
.birthday-wrap #use-cha-email-wrap div.buttonRow > a.linkButton.buttonSecondary,
#use-cha-wrap #use-cha-pwd-wrap div.buttonRow > a.linkButton.buttonSecondary,
.birthday-wrap #use-cha-pwd-wrap div.buttonRow > a.linkButton.buttonSecondary {
display: none;
}
#use-cha-wrap #use-cha-email-wrap input.formButton,
.birthday-wrap #use-cha-email-wrap input.formButton,
#use-cha-wrap #use-cha-pwd-wrap input.formButton,
.birthday-wrap #use-cha-pwd-wrap input.formButton {
background-image: none;
margin-left: 20px;
font-size: 10px;
border: 0;
outline: 0;
font-weight: 600;
}
#use-cha-wrap .title-field,
.birthday-wrap .title-field {
font-weight: 500;
letter-spacing: 0.05em;
padding-bottom: 5px;
text-align: left;
max-width: 256px;
}
@media (min-width: 751px) {
#use-cha-wrap .title-field,
.birthday-wrap .title-field {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#use-cha-wrap .title-field,
.birthday-wrap .title-field {
font-size: 12px;
line-height: 15px;
}
}
#use-cha-wrap .title-field::after,
.birthday-wrap .title-field::after {
content: "*";
margin-left: 3px;
}
#use-cha-wrap .formFieldContainer,
.birthday-wrap .formFieldContainer {
margin-left: 20px;
}
#use-cha-wrap .tip,
.birthday-wrap .tip {
padding-left: 20px;
}
#use-cha-email-wrap,
#use-cha-pwd-wrap {
margin-bottom: -45px;
}
#use-cha-email-wrap .formFieldContainer,
#use-cha-pwd-wrap .formFieldContainer {
width: 85%;
}
#use-cha-email-wrap .formFieldContainer span.labelFieldWrapper,
#use-cha-pwd-wrap .formFieldContainer span.labelFieldWrapper {
width: 100%;
}
#use-per-wrap {
overflow: visible;
}
#use-per-wrap p.info-text {
margin-left: 20px;
font-size: 12px;
margin-top: 25px;
}
#use-per-wrap #use-birthday-wrap {
overflow: visible;
}
#use-per-wrap #use-birthday-wrap .headings {
background-image: none;
}
#use-per-wrap #use-birthday-wrap .headings h2,
#use-per-wrap #use-birthday-wrap .headings h3 {
font-size: 11px;
font-weight: 600;
color: #9a9a9a;
padding: 0;
text-transform: uppercase;
margin-left: 20px;
margin-bottom: 22px;
max-width: 100%;
}
#use-per-wrap #use-birthday-wrap .headings h2.personal_info,
#use-per-wrap #use-birthday-wrap .headings h3.personal_info {
margin-top: 20px;
margin-bottom: 15px;
}
#use-per-wrap #use-birthday-wrap .label-birthdate {
margin-left: 0px;
display: none;
}
#use-per-wrap #use-birthday-wrap .type_birthday {
padding-left: 21px;
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
}
#use-per-wrap #use-birthday-wrap .altSelect.day,
#use-per-wrap #use-birthday-wrap .altSelect.month,
#use-per-wrap #use-birthday-wrap .altSelect.year {
width: 130px;
margin-left: 0;
}
#use-per-wrap #use-birthday-wrap .altSelect.day ul,
#use-per-wrap #use-birthday-wrap .altSelect.month ul,
#use-per-wrap #use-birthday-wrap .altSelect.year ul {
list-style: none;
float: left;
width: 100%;
overflow: hidden;
margin: 0;
display: block;
}
/* post crm styles */
#personalInfo #use-birthday-wrap.change-info-wrap {
padding: 0 20px 20px 20px;
}
#personalInfo #use-birthday-wrap.change-info-wrap .user-title-wrap .myRadio {
margin-left: 0;
float: left;
}
#personalInfo #use-birthday-wrap.change-info-wrap .formFieldContainer {
margin-bottom: 20px;
margin-left: 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap .formFieldContainer.phone-type {
margin: 0;
position: relative;
}
#personalInfo #use-birthday-wrap.change-info-wrap .formFieldContainer .number {
padding: 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap .options {
float: left;
padding: 38px 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap .type_title {
width: 100%;
max-width: 100%;
}
#personalInfo #use-birthday-wrap.change-info-wrap .type_birthday {
padding: 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap .tip {
padding-left: 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap input.submit-birthday {
margin-left: 0;
margin-top: 10px;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#personalInfo #use-birthday-wrap.change-info-wrap input.submit-birthday {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#personalInfo #use-birthday-wrap.change-info-wrap input.submit-birthday {
font-size: 12px;
line-height: 15px;
}
}
#personalInfo #use-birthday-wrap.change-info-wrap .myRadio {
float: none;
margin-left: 0;
}
#personalInfo #use-birthday-wrap.change-info-wrap div.buttonRow {
margin: 0;
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body#personalInfo .pageName {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
}
body#personalInfo #use-birthday-wrap.change-info-wrap {
padding: 0;
}
#use-per-wrap {
background-color: #fff;
padding: 0;
margin-top: 0;
}
#use-per-wrap h2 {
margin-left: 20px;
}
#use-per-wrap .headings {
background-image: url('/tzn-front/assets/images/img/long-line.png');
background-position: center center;
background-repeat: no-repeat;
}
#use-per-wrap .headings h2 {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0 auto;
padding: 0;
background-color: #fff;
max-width: 130px;
text-align: center;
line-height: 60px;
}
#use-per-wrap #use-cha-email-wrap .formFieldContainer,
#use-per-wrap #use-cha-pwd-wrap .formFieldContainer {
width: 100%;
}
#use-av-wrap {
background-color: #fff;
width: 100%;
height: 100px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
}
#use-av-wrap .headings {
background-image: none;
}
#use-av-wrap .headings h2 {
display: none;
}
#use-sc-wrap {
width: 100%;
}
#use-sc-wrap .headings h2 {
max-width: 150px;
text-transform: capitalize;
}
#use-sc-wrap .widget_social_container_img {
margin: 0 auto;
float: none;
}
#use-sc-wrap .widget_social_container_img input.left_arrow_widget_social {
position: absolute !important;
left: 0 !important;
background-image: url('/tzn-front/assets/images/icons/arrow-left.png');
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
font-color: #fff;
margin-top: 10px;
}
#use-sc-wrap .widget_social_container_img input.right_arrow_widget_social {
position: absolute !important;
right: 100px;
background-image: url('/tzn-front/assets/images/icons/arrow-right.png');
background-position: center center;
background-repeat: no-repeat;
font-size: 0;
font-color: #fff;
margin-top: 10px;
}
#use-sc-wrap .widget_social_container_img img.input {
display: none;
}
#use-sc-wrap .carrierWrapper.store-pickup .select-store {
margin-left: 0;
padding: 0;
padding-left: 25px;
}
#use-cha-wrap {
background-color: #fff;
padding: 0;
}
#use-cha-wrap form {
width: 100%;
}
#use-cha-wrap .headings h2 {
font-size: 14px;
font-weight: 600;
color: #000;
margin: 0 auto;
padding: 0;
text-align: center;
}
#use-cha-wrap .retrieve-pwd {
font-size: 12px;
margin-top: 25px;
width: 256px;
max-width: 100%;
margin: 0 auto !important;
margin-top: 10px !important;
text-align: left;
}
#use-cha-wrap .retrieve-pwd a {
color: #000;
font-weight: 600;
text-decoration: underline;
}
#use-cha-wrap #use-cha-email-wrap,
#use-cha-wrap #use-cha-pwd-wrap {
width: 100%;
border: 0;
margin-top: 25px;
}
#use-cha-wrap #use-cha-email-wrap h2,
#use-cha-wrap #use-cha-pwd-wrap h2,
#use-cha-wrap #use-cha-email-wrap h3,
#use-cha-wrap #use-cha-pwd-wrap h3 {
color: #000;
padding: 0;
text-align: center;
margin: 22px auto;
}
#use-cha-wrap #use-cha-email-wrap div.buttonRow > a.linkButton.buttonSecondary,
#use-cha-wrap #use-cha-pwd-wrap div.buttonRow > a.linkButton.buttonSecondary {
display: none;
}
#use-cha-wrap #use-cha-email-wrap input.formButton,
#use-cha-wrap #use-cha-pwd-wrap input.formButton {
background-image: none;
margin-left: 0;
font-size: 10px;
border: 0;
outline: 0;
font-weight: 600;
}
#use-cha-wrap .title-field {
margin-bottom: 5px;
}
#use-cha-wrap .title-field::after {
content: "*";
margin-left: 3px;
}
#use-cha-wrap .formFieldContainer {
margin: 0 auto;
display: block;
max-width: 100%;
text-align: center;
}
#use-cha-wrap .labelFieldWrapper {
margin-bottom: 15px;
max-width: 256px;
margin: 0 auto;
}
#use-cha-wrap .labelFieldWrapper input {
max-width: 256px;
width: 100%;
}
.buttonRow {
width: 100%;
text-align: center;
margin: 0 !important;
padding: 0;
}
.buttonRow input.formButton {
max-width: 256px;
width: 100%;
margin: 0;
margin-top: 20px;
}
#use-per-wrap p.info-text {
font-size: 12px;
width: 256px;
max-width: 100%;
margin: 0 auto;
margin-top: 10px;
}
#use-per-wrap #use-birthday-wrap .headings h2 {
width: 256px;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
#use-per-wrap #use-birthday-wrap .type_birthday {
width: 256px;
display: block;
margin: 0 auto 7px auto;
text-align: center;
padding: 0;
}
#use-per-wrap #use-birthday-wrap .type_birthday .altSelect.day,
#use-per-wrap #use-birthday-wrap .type_birthday .altSelect.month,
#use-per-wrap #use-birthday-wrap .type_birthday .altSelect.year {
width: 30%;
}
#personalInfo #use-birthday-wrap.change-info-wrap .options {
padding: 0;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#use-sc-wrap .carrierWrapper.store-pickup .select-store a {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#use-sc-wrap .carrierWrapper.store-pickup .select-store a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
/* DESKTOP & TABLET */
.fullwidth {
width: 100%;
}
#mergeLayerTable .row {
padding: 10px;
}
#mergeLayerTable .row .width-third {
width: 32%;
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
#colorbox.cboxMergeLayer {
overflow: visible !important;
}
#colorbox.cboxMergeLayer #cboxLoadedContent {
overflow: visible !important;
max-width: 100% !important;
width: 100%;
}
#widget-mergeSelectionLayer {
width: 100%;
}
#widget-mergeSelectionLayer #glo-merge-layer-body {
background-color: #fff;
position: relative;
padding: 40px;
color: initial;
/* Box shadow as other layers */
}
@media only screen and (max-width: 750px) {
#widget-mergeSelectionLayer #glo-merge-layer-body {
box-shadow: none;
margin: 0;
}
}
#widget-mergeSelectionLayer #glo-merge-layer-body .header-merge {
background-color: transparent;
text-align: right;
position: absolute;
right: 20px;
top: 20px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body .header-merge a.js_close {
display: block;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content {
background-color: #fff;
padding: 0;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .merge-row-button {
text-align: center;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .formButton {
float: none;
margin: 0 auto;
background-color: #000;
background-image: none;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .merge-message {
margin-left: 2px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .mergeErrorMessage {
display: none;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
padding: 10px 0 0;
}
@media (min-width: 751px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .mergeErrorMessage {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content .mergeErrorMessage {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content h2.warning {
background-image: none;
padding: 0;
margin: 0;
color: #000;
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 20px;
display: block;
}
@media (min-width: 751px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content h2.warning {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #glo-merge-layer-content h2.warning {
font-size: 18px;
line-height: 23px;
}
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude {
margin: 0;
paddin: 0;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude td {
border: 0;
background-color: #fff;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .mergeColumnTitlesTable label {
font-weight: 600;
font-size: 12px;
color: #000;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .mergeColumnTitlesTable input[type=radio] {
display: none;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .mergeChoiceCell {
min-height: 60px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .mergeChoiceCell .totProduct {
display: inline-block;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .mergeColumnTitlesTable label {
cursor: pointer;
background-repeat: no-repeat;
padding-left: 22px;
display: inline-block;
height: 20px;
line-height: 20px;
margin: 15px 5px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .headingCell {
background-color: #999;
color: #fff;
text-transform: capitalize;
text-align: center !important;
height: 30px !important;
line-height: 30px;
padding: 0;
display: none;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .wholeCell {
padding-bottom: 20px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .wholeCellEmpty {
padding-bottom: 20px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .space-post {
height: 20px;
border: 0;
background-color: #fff;
margin: 0;
padding: 0;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .leftCell {
padding: 0;
margin: 0;
vertical-align: top;
display: inline-block;
width: 68px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .leftCell img {
max-width: 100%;
height: auto;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell {
padding: 0;
display: inline-block;
margin: 0;
vertical-align: top;
max-width: calc(100% - 75px);
max-width: -moz-calc(100% - 75px);
max-width: -webkit-calc(100% - 75px);
max-width: -o-calc(100% - 75px);
padding-left: 10px;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .item-name {
font-weight: 500;
letter-spacing: 0.05em;
height: auto;
max-height: 55px;
max-width: 100%;
margin-bottom: 10px;
color: #000;
}
@media (min-width: 751px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .item-name {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .item-name {
font-size: 11px;
line-height: 15px;
}
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .color-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .size-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .qty-name {
float: left;
color: #000;
font-weight: 500;
letter-spacing: 0.05em;
margin-left: 5px;
clear: right;
}
@media (min-width: 751px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .color-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .size-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .qty-name {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .color-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .size-name,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .qty-name {
font-size: 11px;
line-height: 15px;
}
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .size-name {
width: 50%;
}
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .color-name-label,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .size-name-label,
#widget-mergeSelectionLayer #glo-merge-layer-body #directItemsInclude .rightCell .qty-name-label {
float: left;
text-transform: capitalize;
font-size: 10px;
color: #a9a9a9;
clear: both;
}
/* TABLET SPECIFIC */
@media all and (orientation: landscape) {
#colorbox.cboxMergeLayer #cboxLoadedContent {
margin: 0 auto;
}
}
@media only screen and (max-width: 750px) {
#colorbox.cboxMergeLayer #cboxLoadedContent {
width: 100%!important;
}
.listMergeItems {
display: none;
}
#mergeLayerTable .row .width-third {
width: 100%;
}
.wholeCellEmpty {
display: none;
}
}
/* DESKTOP MOBILE */
body#billing #colorbox {
position: relative;
overflow: visible !important;
min-height: 800px !important;
}
#panelGifting .giftMessage-separator {
border-top: 1px solid #ccc;
margin: 20px;
margin-bottom: 15px;
}
#panelGifting #giftMessage {
background-color: #fff;
border: 0;
padding: 0;
margin: 0;
}
#panelGifting form {
height: auto !important;
}
#panelGifting form div.buttonRow {
padding-bottom: 0 !important;
margin-bottom: 0;
}
#panelGifting h4 {
border: 0;
margin: 10px;
margin-left: 46px;
}
#panelGifting #productList {
margin: 10px;
margin-left: 36px;
}
#panelGifting #productList input[type="checkbox"] + label {
padding-left: 0px;
float: right;
vertical-align: top;
margin-top: -65px;
margin-right: -5px;
}
#panelGifting #productList input[type="checkbox"] + label:after {
content: "";
display: inline-block;
height: 18px;
width: 18px;
position: relative;
left: -30px;
margin-right: -30px;
top: 5px;
background-image: url(/tzn-front/assets/images/icons/check-signin-icon_vert.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#panelGifting #productList input[type="checkbox"]:checked + label:after {
background-position: 0 -19px;
}
#panelGifting #productList input[type="checkbox"] + label:before {
display: none;
}
#panelGifting #productList input[type="checkbox"]:checked + label:before {
display: none;
}
#panelGifting #productList .products.wrapAvailable {
border: 1px solid #ddd;
width: 223px;
display: inline-block;
vertical-align: top;
margin-left: 10px;
margin-bottom: 10px;
}
#panelGifting #productList .products.wrapAvailable img {
margin: 10px;
display: inline-block;
float: left;
}
#panelGifting #productList .products.wrapAvailable .item-name {
display: inline-block;
height: 44px;
width: 105px;
vertical-align: top;
margin-top: 10px;
font-weight: 600;
font-size: 10px;
margin-left: 10px;
line-height: 11px;
}
#panelGifting #productList .products.wrapAvailable .qty-name {
display: inline-block;
text-transform: capitalize;
float: left;
margin-left: 10px;
color: #999;
font-weight: 600;
}
#panelGifting #productList .products.wrapAvailable .item-qty {
display: inline-block;
font-weight: 600;
margin-left: 2px;
}
#panelGifting #productListUnavailable {
background-color: #ddd;
margin: 12px;
margin-left: 46px;
}
#panelGifting #productListUnavailable ul {
padding: 5px;
}
#panelGifting #productListUnavailable ul li {
list-style-type: disc !important;
font-weight: 600;
}
#panelGifting .layer_wrapper_inner {
padding: 0;
background-color: transparent;
}
#panelGifting .layer_wrapper_inner .gift-info-line {
margin-left: 15px;
}
#panelGifting .layer_wrapper_inner h3 {
text-transform: uppercase;
background: url('/tzn-front/assets/images/icons/gift-icon.jpg') center left no-repeat;
padding-left: 20px;
margin-left: 18px;
height: 30px;
line-height: 34px;
margin-top: 0;
}
#panelGifting .layer_wrapper_inner input[type="checkbox"] {
display: none;
}
#panelGifting .layer_wrapper_inner input[type="checkbox"] + label {
padding-left: 30px;
}
#panelGifting .layer_wrapper_inner input[type="checkbox"] + label:before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
position: relative;
left: -30px;
margin-right: -30px;
top: 5px;
background-image: url(/tzn-front/assets/images/icons/check-signin-icon_vert.png);
background-repeat: no-repeat;
background-position: 0 0;
}
#panelGifting .layer_wrapper_inner input[type="checkbox"]:checked + label:before {
background-position: 0 -19px;
}
#panelGifting #layer_close_button {
background-color: transparent;
}
#panelGifting #layer_close_button a {
color: #fff;
text-decoration: none;
margin-right: 2px;
}
#panelGifting #layer_close_button a::after {
content: "x";
margin-left: 5px;
text-transform: uppercase;
}
#panelGifting #giftMessage h3 {
text-transform: uppercase;
background: url('/tzn-front/assets/images/icons/message.jpg') center left no-repeat;
padding-left: 20px;
margin-left: 20px;
height: 44px;
line-height: 44px;
background-position: -5px;
}
#panelGifting .gift-area-settings {
margin-left: 20px;
}
#panelGifting .gift-area-settings .gift-message-order {
display: inline-block;
margin-bottom: 5px;
font-weight: 600;
width: 100%;
}
#panelGifting .gift-area-settings .formFieldContainer.checkRadio {
max-width: 100%;
clear: both;
width: 100%;
}
#panelGifting .gift-area-settings .formFieldContainer.checkRadio label {
color: #000;
}
#panelGifting .gift-area-settings #giftMessageContainer {
margin: 0;
}
#panelGifting .gift-area-settings #giftMessageContainer textarea {
border: 1px solid #000;
}
#panelGifting .buttonRow {
width: 100%;
padding-bottom: 40px;
background-color: #fff;
}
#panelGifting .buttonRow .giftSave {
width: 190px;
margin-left: 20px;
}
@media only screen and (max-width: 750px) {
#colorbox,
#colorbox * {
max-width: 100%;
}
#colorbox #panelGifting,
#colorbox * #panelGifting {
width: 100%;
position: absolute;
top: 0;
}
#colorbox #panelGifting #productList .products.wrapAvailable,
#colorbox * #panelGifting #productList .products.wrapAvailable {
margin-bottom: 10px;
margin-left: 10px;
}
#colorbox #panelGifting #giftMessageContainer textarea,
#colorbox * #panelGifting #giftMessageContainer textarea {
max-width: 250px;
}
#colorbox #panelGifting .buttonRow,
#colorbox * #panelGifting .buttonRow {
width: 100%;
padding-bottom: 40px;
background-color: #fff;
}
#colorbox #panelGifting .buttonRow .giftSave,
#colorbox * #panelGifting .buttonRow .giftSave {
width: 190px;
margin: 0 auto;
}
}
.custserv-content .cs-content,
body#ElectronicGiftCard .cs-content {
/* FAQ section */
/* Table size guide */
/* Table style guide */
}
.custserv-content .cs-content .row,
body#ElectronicGiftCard .cs-content .row {
/* Heading boxes */
}
.custserv-content .cs-content .row .title,
body#ElectronicGiftCard .cs-content .row .title {
border-bottom: 1px solid #ececec;
padding-bottom: 15px;
}
.custserv-content .cs-content .row .title .col-sm-11,
body#ElectronicGiftCard .cs-content .row .title .col-sm-11 {
padding: 10px 30px 0;
}
.custserv-content .cs-content .row .title span.big,
body#ElectronicGiftCard .cs-content .row .title span.big {
font-weight: 500;
letter-spacing: 0.1em;
padding-left: 15px;
}
@media (min-width: 751px) {
.custserv-content .cs-content .row .title span.big,
body#ElectronicGiftCard .cs-content .row .title span.big {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.custserv-content .cs-content .row .title span.big,
body#ElectronicGiftCard .cs-content .row .title span.big {
font-size: 23px;
line-height: 28px;
}
}
.custserv-content .cs-content .row .title span.subtitle,
body#ElectronicGiftCard .cs-content .row .title span.subtitle {
font-style: normal;
font-weight: normal;
}
.custserv-content .cs-content .row .icon,
body#ElectronicGiftCard .cs-content .row .icon {
border: 1px solid #ececec;
}
@media (min-width: 751px) {
.custserv-content .cs-content .row .service p,
body#ElectronicGiftCard .cs-content .row .service p {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.custserv-content .cs-content .row .service p,
body#ElectronicGiftCard .cs-content .row .service p {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.custserv-content .cs-content .row .text-box,
body#ElectronicGiftCard .cs-content .row .text-box {
display: table;
height: 110px;
padding: 0 10px;
}
.custserv-content .cs-content .row .text-box p,
body#ElectronicGiftCard .cs-content .row .text-box p {
display: table-cell;
vertical-align: middle;
height: 100%;
padding: 0!important;
}
.custserv-content .cs-content .row .box.line-height,
body#ElectronicGiftCard .cs-content .row .box.line-height {
line-height: inherit !important;
}
.custserv-content .cs-content .row div .service p,
body#ElectronicGiftCard .cs-content .row div .service p {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
max-width: 100%;
}
.custserv-content .cs-content .row.questions,
body#ElectronicGiftCard .cs-content .row.questions {
/* Title below heading boxes */
/* Toggler */
}
.custserv-content .cs-content .row.questions h1,
body#ElectronicGiftCard .cs-content .row.questions h1 {
font-weight: 500;
letter-spacing: 0.1em;
display: none;
}
@media (min-width: 751px) {
.custserv-content .cs-content .row.questions h1,
body#ElectronicGiftCard .cs-content .row.questions h1 {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.custserv-content .cs-content .row.questions h1,
body#ElectronicGiftCard .cs-content .row.questions h1 {
font-size: 23px;
line-height: 28px;
}
}
.custserv-content .cs-content .row.questions a.question,
body#ElectronicGiftCard .cs-content .row.questions a.question {
padding-left: 10px;
padding-right: 30px;
position: relative;
background-color: #fff;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.custserv-content .cs-content .row.questions a.question:before,
body#ElectronicGiftCard .cs-content .row.questions a.question:before {
display: none!important;
}
.custserv-content .cs-content .row.questions a.question:after,
body#ElectronicGiftCard .cs-content .row.questions a.question:after {
content: "";
background-image: url(../assets/images/icons/minus.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 15px;
position: absolute;
top: 50%;
margin-top: -7.5px;
right: 10px;
}
.custserv-content .cs-content .row.questions a.question.collapsed:after,
body#ElectronicGiftCard .cs-content .row.questions a.question.collapsed:after {
background-image: url(../assets/images/icons/svg/plus.svg);
}
.custserv-content .cs-content .row.questions a.question:hover,
body#ElectronicGiftCard .cs-content .row.questions a.question:hover {
opacity: 1;
}
.custserv-content .cs-content .row.questions a.question.collapsed:hover,
body#ElectronicGiftCard .cs-content .row.questions a.question.collapsed:hover {
opacity: 0.7;
}
.custserv-content .cs-content .row.questions a.question p,
body#ElectronicGiftCard .cs-content .row.questions a.question p {
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0;
}
@media (min-width: 751px) {
.custserv-content .cs-content .row.questions a.question p,
body#ElectronicGiftCard .cs-content .row.questions a.question p {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-content .cs-content .row.questions a.question p,
body#ElectronicGiftCard .cs-content .row.questions a.question p {
font-size: 12px;
line-height: 15px;
}
}
.custserv-content .cs-content .row.questions .answer,
body#ElectronicGiftCard .cs-content .row.questions .answer {
font-size: inherit;
font-style: normal;
padding: 0 30px 0 10px;
width: 100%;
background-color: #fff;
color: #666666;
border-bottom: 1px solid #ececec;
}
.custserv-content .cs-content .row.questions p.bottom-cta,
body#ElectronicGiftCard .cs-content .row.questions p.bottom-cta {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0 10px;
}
@media (min-width: 751px) {
.custserv-content .cs-content .row.questions p.bottom-cta,
body#ElectronicGiftCard .cs-content .row.questions p.bottom-cta {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.custserv-content .cs-content .row.questions p.bottom-cta,
body#ElectronicGiftCard .cs-content .row.questions p.bottom-cta {
font-size: 11px;
line-height: 15px;
}
}
.custserv-content .cs-content .row.questions p.bottom-cta a,
body#ElectronicGiftCard .cs-content .row.questions p.bottom-cta a {
font-weight: 600 !important;
}
.custserv-content .cs-content .row.tables td span,
body#ElectronicGiftCard .cs-content .row.tables td span {
font-style: normal!important;
font-weight: 600 !important;
}
.custserv-content .cs-content .top-menu,
body#ElectronicGiftCard .cs-content .top-menu {
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
}
.custserv-content .cs-content .dress-list .item .txt-right .two-rows,
body#ElectronicGiftCard .cs-content .dress-list .item .txt-right .two-rows {
max-width: 60%;
}
.custserv-content .cs-content .dress-list .item .txt-right .dress-cta,
body#ElectronicGiftCard .cs-content .dress-list .item .txt-right .dress-cta {
max-width: 40%;
}
.custserv-content .cs-content .dress-list .item .txt-right .dress-cta a,
body#ElectronicGiftCard .cs-content .dress-list .item .txt-right .dress-cta a,
.custserv-content .cs-content .dress-list .item .txt-right .dress-cta-m a,
body#ElectronicGiftCard .cs-content .dress-list .item .txt-right .dress-cta-m a {
font-weight: 600;
}
.custserv-content .cs-content .dress-list .item .txt-right span.tip,
body#ElectronicGiftCard .cs-content .dress-list .item .txt-right span.tip {
margin-top: 10px;
}
#insert-new-card-info {
float: left;
}
.formFieldContainer .error {
display: none;
}
.formFieldContainer .asterisk {
color: black;
}
.formFieldContainer.formFieldError .error {
display: block;
}
.formFieldContainer.formFieldError .asterisk {
color: #ff6666;
}
.labelFieldWrapper {
padding: 0px;
margin: 0px;
}
.labelFieldWrapper input {
float: left;
}
.w-payment-wrapper {
width: 100%;
display: block;
position: relative;
text-align: left;
overflow: hidden;
-webkit-transition: height 1s linear;
-moz-transition: height 1s linear;
-ms-transition: height 1s linear;
-o-transition: height 1s linear;
}
.gift-certificate-label {
display: block;
font-size: 13px;
}
.w-payment-wrapper .error {
display: none;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0!important;
}
#ccErrorMessage-C {
padding-left: 25px;
}
#ccErrorMessage-GC {
text-align: left;
margin: 0 auto;
height: 36px;
line-height: 18px;
color: #ff6666;
font-weight: 600;
font-size: 11px;
float: left;
background-image: none;
}
#ccErrorMessage-GC-Promo {
text-align: left;
margin: 0 auto;
height: 36px;
line-height: 38px;
color: #ff6666;
font-weight: 600;
font-size: 11px;
float: left;
background-image: none;
}
#checkoutError,
#checkoutErrorMethod {
color: #ff6666;
font-weight: 600;
font-size: 11px;
background-image: none;
}
.w-payment-wrapper.no-fields.closed.selected,
.w-payment-wrapper.closed {
height: 45px!important;
border-bottom: 1px solid #BBB;
}
.w-payment-wrapper.closed.disabled {
background: transparent;
opacity: 0.2;
}
#promotionCode,
div.formGroup.giftCert,
div.formGroup.eWallet {
width: 50%;
padding-bottom: 0;
margin-bottom: 0;
}
#promotionCode {
margin-top: 0;
}
a.remove-code {
padding: 13px;
border: 1px solid #000;
width: 110px;
text-align: center;
margin-top: 10px;
float: left;
}
.w-payment-wrapper.closed.selected {
height: auto!important;
border-bottom: 0;
}
body#payment .formFieldContainer.cc-input-w,
#checkout.full-checkout-lm .formFieldContainer.cc-input-w {
display: block;
max-width: 100%;
}
body#payment .formFieldContainer.cc-input-w .labelFieldWrapper,
#checkout.full-checkout-lm .formFieldContainer.cc-input-w .labelFieldWrapper {
width: 100%;
}
body#payment .js_paymentLamoda,
#checkout.full-checkout-lm .js_paymentLamoda {
border: 0;
padding-top: 10px !important;
}
body#payment .w-credit-card-case .formFieldContainer .labelText,
#checkout.full-checkout-lm .w-credit-card-case .formFieldContainer .labelText {
display: block;
}
body#payment .formFieldContainer label a.openAjaxLayer,
#checkout.full-checkout-lm .formFieldContainer label a.openAjaxLayer {
margin-left: 0;
}
.cvvCode .labelFieldWrapper {
width: 50%;
float: left;
}
.cvvCode .labelFieldWrapper input {
width: 90px!important;
}
.type_ccRememberToken {
width: auto!important;
max-width: 100%!important;
}
.options-buttons {
clear: both;
padding-top: 20px;
margin-bottom: 20px;
position: relative;
}
.options-buttons .right-aligned {
float: right;
}
.options-buttons .left-aligned {
float: left;
}
@media only screen and (min-width: 751px) {
.options-buttons .left-aligned {
width: 65%;
}
}
.options-buttons .continue-to-next-step {
position: absolute;
bottom: 0;
right: 0;
}
.left-field-cvv {
float: left;
line-height: 25px;
font-weight: 600;
text-decoration: underline;
position: absolute;
width: 320px;
margin-left: 110px;
}
.left-short-field {
width: 50%;
float: left;
padding-right: 10px;
}
.right-short-field {
width: 50%;
float: right;
padding-left: 10px;
}
.ccMonth,
.ccYear {
width: 100% !important;
}
.separator {
width: 100%;
height: 50px;
}
.giftCert .paymentTypeTitle {
font-weight: 500 !important;
color: inherit !important;
}
.giftCert:not(.closed) {
padding-bottom: 30px;
border-bottom: 1px solid #BBB;
}
.cc-selector {
padding-top: 15px;
}
.cc-selector .radioButton {
float: left;
min-width: 40%;
max-width: 60%;
}
.cc-selector .paymentTypeTitle {
float: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cc-selector input[type="radio"] + label.paymentTypeTitle {
margin: 0;
}
.cc-selector label.paymentTypeTitle {
margin: 0;
}
.cc-selector .paymentTypeIcon {
float: left;
width: 10%;
text-align: center;
margin: 0 59px 0 20px;
}
.cc-selector .paymentTypeIcon img {
margin-top: 5px;
}
.cc-selector .paymentTypeIcon img.doubleMargin {
margin-top: 10px;
}
.cc-selector .paymentTypeCost {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
float: left;
}
.w-payment-expanded {
margin-top: 30px;
}
.ccErrorMessage.hide {
display: none;
}
.ccErrorMessage {
display: block;
}
.gift-card-certificate,
.eWallet-certificate {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: left;
padding-top: 10px;
border-top: 1px solid #BBB;
margin-top: 0px;
cursor: pointer;
}
.giftCert.closed .container_balance_checkout,
.eWallet.closed .container_balance_checkout {
display: none;
}
.gift-card-certificate i,
.eWallet-certificate i {
display: inline-block;
float: right;
margin-top: 4px;
}
.giftCert.closed .gift-card-certificate i.caret-right,
.giftCert .gift-card-certificate i.caret-down,
.eWallet.closed .eWallet-certificate i.caret-right,
.eWallet .eWallet-certificate i.caret-down {
display: inline-block;
}
.giftCert .gift-card-certificate i.caret-right,
.giftCert.closed .gift-card-certificate i.caret-down,
.eWallet .eWallet-certificate i.caret-right,
.eWallet.closed .eWallet-certificate i.caret-down {
display: none;
}
.checkout-promotion-code {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
border-top: 0;
}
#gcRedemptionCode {
width: 200px;
margin-right: 5px;
padding: 5px;
}
#gcPin {
width: 80px;
margin-right: 5px;
padding: 5px;
}
div.type_gcPin input,
div.type_gcRedemptionCode input,
div.type_ewRedemptionCode input {
height: 38px;
border: 1px solid #000;
}
#promoCodeEntry {
display: inline-block;
}
#giftCertInput,
#promoCodeEntry,
#eWalletInput {
display: inline-flex;
}
#giftCertInput input[type="button"],
#promoCodeEntry input[type="button"],
#eWalletInput input[type="button"] {
overflow: hidden;
height: 44px;
}
.helpLink-check-saldo a {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
text-align: left;
float: left;
padding-top: 10px;
}
.helpLink-promocode a {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
color: #cccccc;
text-align: left;
float: left;
padding-top: 0px;
padding-right: 15px;
}
.helpLink-check-saldo:hover,
.helpLink-promocode:hover {
text-decoration: unederline;
color: #cccccc;
}
.linkButtonBilling_checkout {
margin-top: 20px;
}
.physical-gift-card-label {
margin-left: 22px !important;
}
span.labelFieldWrapperGift input {
width: 217px;
margin-right: -10px;
}
span.labelFieldWrapperPin input:not([type="submit"]):not([type="button"]) {
width: 58px;
margin-right: -10px;
}
.content-credit-card {
width: 330px;
padding: 10px 15px;
margin: 10px 0px;
min-height: 65px;
position: relative;
}
.content-credit-card .previous_cc {
position: relative;
margin-left: 30px;
margin-top: -23px;
}
#promoCodeEntry input[type='text'].codice_promo_area {
/*width: 260px;*/
width: 195px;
}
span.number-credit-card {
font-weight: 600;
font-size: 13px;
padding: 5px 0px 0px 10px;
}
#payment .giftCert .container_balance_checkout,
#billing .full-checkout-lm .giftCert .container_balance_checkout {
margin-top: 30px;
padding-left: 25px;
clear: both;
}
#payment div#showGiftcertremoveblock,
#billing .full-checkout-lm div#showGiftcertremoveblock,
#payment div#showeWalletcertremoveblock,
#billing .full-checkout-lm div#showeWalletcertremoveblock {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
#payment div#showGiftcertremoveblock div#eGiftCertifiate-val,
#billing .full-checkout-lm div#showGiftcertremoveblock div#eGiftCertifiate-val,
#payment div#showeWalletcertremoveblock div#eGiftCertifiate-val,
#billing .full-checkout-lm div#showeWalletcertremoveblock div#eGiftCertifiate-val,
#payment div#showGiftcertremoveblock div#eWalletCertificate-val,
#billing .full-checkout-lm div#showGiftcertremoveblock div#eWalletCertificate-val,
#payment div#showeWalletcertremoveblock div#eWalletCertificate-val,
#billing .full-checkout-lm div#showeWalletcertremoveblock div#eWalletCertificate-val {
font-size: 12px;
font-weight: 600px;
width: 245px;
display: inline-block;
}
#payment div#showGiftcertremoveblock .remove,
#billing .full-checkout-lm div#showGiftcertremoveblock .remove,
#payment div#showeWalletcertremoveblock .remove,
#billing .full-checkout-lm div#showeWalletcertremoveblock .remove {
width: 110px;
text-align: center;
padding: 13px;
display: inline-block;
margin: 0;
vertical-align: top;
border: 1px solid black;
float: right;
}
#payment div#showGiftcertremoveblock .remove a,
#billing .full-checkout-lm div#showGiftcertremoveblock .remove a,
#payment div#showeWalletcertremoveblock .remove a,
#billing .full-checkout-lm div#showeWalletcertremoveblock .remove a {
text-transform: uppercase;
text-decoration: none;
color: #000;
font-weight: 600;
}
#payment .w-payment-wrapper.closed.selected,
#billing .full-checkout-lm .w-payment-wrapper.closed.selected {
height: auto;
border-bottom: 1px solid #BBB;
}
#payment .w-credit-card-case,
#billing .full-checkout-lm .w-credit-card-case {
clear: both;
padding: 0 0 0 25px;
}
#payment .w-paypal-text-case,
#billing .full-checkout-lm .w-paypal-text-case {
padding: 5px 10px 10px 60px;
line-height: 22px;
width: 65%;
text-align: justify;
}
#payment .w-paypal-case,
#billing .full-checkout-lm .w-paypal-case {
padding: 10px 25px;
width: 70%;
}
#payment #paypal-special-container input[type="checkbox"] + label,
#billing .full-checkout-lm #paypal-special-container input[type="checkbox"] + label {
text-align: justify;
padding: 0 19px 0 34px;
line-height: 22px;
}
@media only screen and (min-width: 751px) {
#payment #paypal-special-container .check-label.info,
#billing .full-checkout-lm #paypal-special-container .check-label.info {
padding-left: 35px;
}
#payment #paypal-special-container input[type="checkbox"] + label,
#billing .full-checkout-lm #paypal-special-container input[type="checkbox"] + label {
width: 100%;
}
}
#promoCodeAdd #promocodeblock {
max-width: none;
width: auto;
margin: 0;
}
#promoCodeAdd #promocodeblock a {
cursor: pointer;
display: inline-block;
margin-top: 1px;
}
#promoCode-val {
margin-bottom: 0px;
}
.giftcertificates-order-container .heading {
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: left;
padding-top: 20px;
}
.giftcertificates-order-container .amount-border,
.giftcertificates-order-container .amount {
text-align: right;
}
.giftcertificates-order-container .amount-total {
font-size: 14px;
text-align: right;
}
@media only screen and (max-width: 1024px) {
.content-credit-card .previous_cc {
position: relative;
margin-left: 30px;
margin-top: -24px;
}
}
@media only screen and (max-width: 1023px) {
#promotionCode,
div.formGroup.giftCert,
div.formGroup.eWallet {
width: 55%;
}
a.remove-code {
padding: 13px;
border: 1px solid #000;
width: 110px;
text-align: center;
float: left;
}
.content_wrap #checkout {
padding-top: 60px!important;
}
}
/* TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.cc-selector .paymentTypeCost {
max-width: 20%;
float: right;
}
.cc-selector .paymentTypeIcon {
width: 16%;
margin: 0 2% 0 2%;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
.cc-selector .paymentTypeCost {
max-width: 20%;
float: right;
}
.cc-selector .paymentTypeIcon {
width: 16%;
margin: 0 2% 0 2%;
}
.cc-selector .paymentTypeTitle {
line-height: 16px;
}
#payment .giftCert .container_balance_checkout {
padding-left: 0px;
}
#giftcertblock .prjLink {
text-decoration: underline !important;
border: 0px;
}
#giftCertInput,
#promoCodeEntry,
#eWalletInput {
display: block;
}
#giftCertInput .type_gcRedemptionCode,
#promoCodeEntry .type_gcRedemptionCode,
#eWalletInput .type_gcRedemptionCode {
display: inline;
width: 68%;
}
#giftCertInput .type_gcRedemptionCode input,
#promoCodeEntry .type_gcRedemptionCode input,
#eWalletInput .type_gcRedemptionCode input {
width: 68% !important;
margin: 0px;
padding: 0;
}
#giftCertInput #div_pin,
#promoCodeEntry #div_pin,
#eWalletInput #div_pin {
display: inline;
width: 30%;
}
#giftCertInput #div_pin input,
#promoCodeEntry #div_pin input,
#eWalletInput #div_pin input {
width: 30%;
margin-right: 0px;
padding: 0px;
}
#giftCertInput input[type="button"],
#promoCodeEntry input[type="button"],
#eWalletInput input[type="button"] {
width: 100%;
margin-top: 10px;
}
#insert-new-card-info {
float: none;
}
#to_hide_container_button {
font-size: 12px;
}
#paymentForm a.remove-code {
padding: 13px;
border: 1px solid #000;
width: 100%;
text-align: center;
float: right;
}
#payment #promotionCode #promocodeblock,
#billing .full-checkout-lm #promotionCode #promocodeblock {
width: 100%;
}
#payment #promotionCode #promocodeblock input#promoCode,
#billing .full-checkout-lm #promotionCode #promocodeblock input#promoCode {
width: 100%;
}
#payment #promotionCode #promocodeblock input[type="button"],
#billing .full-checkout-lm #promotionCode #promocodeblock input[type="button"] {
width: 100%;
margin-top: 10px;
}
#payment .note_pagamento.fix_carta_credito,
#billing .full-checkout-lm .note_pagamento.fix_carta_credito {
padding-top: 5px;
}
#payment .checkout-info-container,
#billing .full-checkout-lm .checkout-info-container {
padding: 5px 10px 5px 10px;
}
#payment .backMobile,
#billing .full-checkout-lm .backMobile {
margin: 20px 0 0;
display: block;
}
#payment .w-paypal-case,
#billing .full-checkout-lm .w-paypal-case,
#payment .w-paypal-text-case,
#billing .full-checkout-lm .w-paypal-text-case {
width: 100%;
padding: 15px 0;
}
#payment .w-credit-card-case,
#billing .full-checkout-lm .w-credit-card-case {
padding: 0;
}
#payment #paypal-special-container input[type="checkbox"] + label,
#billing .full-checkout-lm #paypal-special-container input[type="checkbox"] + label {
width: 100%;
text-align: justify;
padding-left: 30px;
}
#payment .eWalletLabel,
#billing .full-checkout-lm .eWalletLabel {
font-size: 14px;
float: left;
display: inline-block;
width: 35%;
}
#payment .eWalletLabel.whenApplyEwallet,
#billing .full-checkout-lm .eWalletLabel.whenApplyEwallet {
margin: 15px 0px;
width: 50%;
}
#payment .eWalletText,
#billing .full-checkout-lm .eWalletText {
font-size: 14px;
font-weight: 600;
float: left;
display: inline-block;
width: 35%;
}
#payment .eWalletText.whenApplyEwallet,
#billing .full-checkout-lm .eWalletText.whenApplyEwallet {
margin: 15px 0px;
width: 40%;
}
#payment .eWalletButton,
#billing .full-checkout-lm .eWalletButton {
float: right;
width: 23%!important;
}
#payment .eWalletButton.whenApplyEwallet,
#billing .full-checkout-lm .eWalletButton.whenApplyEwallet {
width: 100%!important;
}
#payment #showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel,
#billing .full-checkout-lm #showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel {
font-size: 12px;
float: left;
display: inline-block;
width: 35%;
}
#payment #showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel.whenApplyEwallet,
#billing .full-checkout-lm #showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel.whenApplyEwallet {
margin: 15px 0px;
width: 24%;
}
#payment #showeWalletcertremoveblock #eWalletCertificate-val .eWalletText,
#billing .full-checkout-lm #showeWalletcertremoveblock #eWalletCertificate-val .eWalletText {
font-size: 12px;
font-weight: 600;
float: left;
display: inline-block;
width: 35%;
}
#payment #showeWalletcertremoveblock #eWalletCertificate-val .eWalletText.whenApplyEwallet,
#billing .full-checkout-lm #showeWalletcertremoveblock #eWalletCertificate-val .eWalletText.whenApplyEwallet {
margin: 15px 0px;
width: 76%;
}
#payment .eWalletBlock,
#billing .full-checkout-lm .eWalletBlock {
display: block;
padding-top: 15px;
outline: 0!important;
width: 100%;
}
#payment .eWalletBlock .helpLink-check-saldo,
#billing .full-checkout-lm .eWalletBlock .helpLink-check-saldo {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
color: #cccccc;
text-align: left;
float: left;
padding: 0px;
}
#payment div#showGiftcertremoveblock,
#billing .full-checkout-lm div#showGiftcertremoveblock,
#payment div#showeWalletcertremoveblock,
#billing .full-checkout-lm div#showeWalletcertremoveblock {
padding: 0;
margin-top: 20px;
margin-bottom: 20px;
}
#payment div#showGiftcertremoveblock div#eGiftCertifiate-val,
#billing .full-checkout-lm div#showGiftcertremoveblock div#eGiftCertifiate-val,
#payment div#showeWalletcertremoveblock div#eGiftCertifiate-val,
#billing .full-checkout-lm div#showeWalletcertremoveblock div#eGiftCertifiate-val,
#payment div#showGiftcertremoveblock div#eWalletCertificate-val,
#billing .full-checkout-lm div#showGiftcertremoveblock div#eWalletCertificate-val,
#payment div#showeWalletcertremoveblock div#eWalletCertificate-val,
#billing .full-checkout-lm div#showeWalletcertremoveblock div#eWalletCertificate-val {
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
#payment div#showGiftcertremoveblock .remove,
#billing .full-checkout-lm div#showGiftcertremoveblock .remove,
#payment div#showeWalletcertremoveblock .remove,
#billing .full-checkout-lm div#showeWalletcertremoveblock .remove {
width: 100%;
text-align: center;
padding: 13px;
display: inline-block;
margin: 0;
vertical-align: top;
border: 1px solid black;
clear: both;
cursor: pointer;
}
#payment div#showGiftcertremoveblock .remove a,
#billing .full-checkout-lm div#showGiftcertremoveblock .remove a,
#payment div#showeWalletcertremoveblock .remove a,
#billing .full-checkout-lm div#showeWalletcertremoveblock .remove a {
text-transform: uppercase;
text-decoration: none;
color: #000;
font-weight: 600;
}
#promotionCode,
div.formGroup.giftCert,
div.formGroup.eWallet {
width: 100%;
}
.content-credit-card {
width: 100%;
height: auto;
}
.content-credit-card .previous_cc {
margin-left: 30px;
margin-top: -22px;
display: block;
position: relative;
}
span.labelFieldWrapperGift input,
span.labelFieldWrapperEWallet {
width: 178px;
margin-right: 10px;
}
span.labelFieldWrapperPin input {
width: 58px;
margin-right: 10px;
}
span.label-credit-card {
vertical-align: top;
white-space: nowrap;
}
.options-buttons .right-aligned,
.options-buttons .left-aligned {
float: none;
}
.options-buttons .continue-to-next-step {
margin-top: 10px;
position: relative;
}
#ccErrorMessage-C {
padding-left: 0;
}
#ccErrorMessage-GC-Promo,
#ccErrorMessage-GC,
#ccErrorMessage-EW {
text-align: left;
margin: 0 auto;
height: 36px;
line-height: 36px;
color: #ff6666;
font-weight: 600;
font-size: 11px;
float: left;
}
.helpLink-promocode a {
padding-top: 10px;
}
}
#payment-step-2 {
margin-bottom: 0;
}
div.formGroup.giftCert,
div.formGroup.eWallet {
border-bottom: 1px solid #BBB;
padding-bottom: 10px;
}
.checkout-info-container .common-message-blue {
width: 100%;
text-align: left;
margin: 0 auto 10px;
margin-left: 5px;
color: #76d6ba;
padding-left: 0;
font-weight: 600;
font-size: 11px;
}
.giftCert.disabled {
background: none;
opacity: 1;
}
.giftCert.disabled .cc-selector {
opacity: 0.4;
padding-top: 0;
}
.gift-card-certificate {
padding-top: 0;
border-top: none;
text-transform: none;
}
.eWalletLabel {
font-size: 14px;
float: left;
display: inline-block;
width: 35%;
}
.eWalletLabel.whenApplyEwallet {
margin: 15px 0px;
width: 50%;
}
#showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel {
font-size: 12px;
float: left;
display: inline-block;
width: 35%;
}
#showeWalletcertremoveblock #eWalletCertificate-val .eWalletLabel.whenApplyEwallet {
margin: 15px 0px;
width: 36%;
}
.eWalletText {
font-size: 14px;
font-weight: 600;
float: left;
display: inline-block;
width: 35%;
}
.eWalletText.whenApplyEwallet {
margin: 15px 0px;
width: 30%;
}
#showeWalletcertremoveblock #eWalletCertificate-val .eWalletText {
font-size: 12px;
font-weight: 600;
float: left;
display: inline-block;
width: 35%;
}
#showeWalletcertremoveblock #eWalletCertificate-val .eWalletText.whenApplyEwallet {
margin: 15px 0px;
width: 50%;
}
.eWalletBlock {
display: block;
padding-top: 15px;
outline: 0!important;
width: 100%;
}
.eWalletBlock .helpLink-check-saldo {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
color: #cccccc;
text-align: left;
float: left;
padding: 0px;
}
.eWalletButton {
float: right;
width: 23%!important;
}
.eWalletButton.whenApplyEwallet {
width: 20%!important;
}
.clearEWallet {
clear: both;
}
.w-payment-wrapper-ewallet {
overflow: hidden;
}
.w-payment-wrapper-ewallet.disabled {
background: transparent;
opacity: 0.2;
}
.orderDetailsWrapper {
text-align: left;
}
.orderDetailsWrapper .pageName {
float: none;
text-align: center;
width: 100%;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
padding-bottom: 20px;
}
.orderDetailsWrapper .regularWrapper.topSpaced {
margin-top: 45px;
}
.orderDetailsWrapper #downloadArea {
clear: both;
padding-top: 30px;
}
.orderDetailsWrapper #downloadArea .wrapperNormal .regularWrapperTextWrap {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
}
.orderDetailsWrapper .regularWrapperContainer.clearfix div.shipping-info-container.gift-message div.gift-message-title {
text-transform: uppercase;
color: #a7a7a7;
width: 100%;
clear: both;
font-weight: 600;
margin-left: 25px;
padding-top: 20px;
padding-bottom: 10px;
}
.orderDetailsWrapper .regularWrapperContainer.clearfix div.shipping-info-container.gift-message div.gift-message-text {
color: #000;
width: 100%;
clear: both;
font-weight: 600;
margin-left: 25px;
font-size: 15px;
}
.orderDetailsWrapper .regularWrapperContainer.clearfix div.shipping-info-container.gift-message div.gift-message-text:before {
content: "“";
}
.orderDetailsWrapper .regularWrapperContainer.clearfix div.shipping-info-container.gift-message div.gift-message-text:after {
content: "”";
}
.orderDetailsWrapper .cart-container {
margin-top: 0px;
}
.orderDetailsWrapper .genericText {
padding: 20px 0px;
font-size: 13px;
line-height: 20px;
}
.orderDetailsWrapper .orderDetailsInfo.orderActions {
margin-bottom: 20px!important;
margin-bottom: 0!important;
}
.orderDetailsWrapper .orderDetailsInfo.orderActions .orderDetailsInfoRow {
padding-bottom: 12px;
}
.orderDetailsWrapper .orderDetailsInfo.orderActions .orderDetailsInfoRow:last-of-type {
padding-bottom: 0;
}
.orderDetailsWrapper .orderDetailsInfo {
font-size: 16px;
}
.orderDetailsWrapper .orderDetailsInfo.withoutBorders {
margin-top: 30px;
margin-bottom: 15px;
}
.orderDetailsWrapper .orderDetailsInfo.withBorders {
border-top: 1px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
padding: 17px 0;
}
.orderDetailsWrapper .orderDetailsInfo .statusNumber {
float: left;
}
.orderDetailsWrapper .orderDetailsInfo .actionTextDescription {
font-size: 13px;
font-weight: normal!important;
line-height: 20px;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel a.actionLink {
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
padding-left: 25px;
}
@media (min-width: 751px) {
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel a.actionLink {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel a.actionLink {
font-size: 11px;
line-height: 15px;
}
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel a.actionLink img {
display: none;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel a.actionLink i {
width: 15px;
height: 20px;
margin-right: 10px;
position: absolute;
left: 0;
top: 0;
}
.orderDetailsWrapper .orderDetailsInfo .downloadsLink {
position: absolute;
right: 0;
font-size: 12px;
color: #AAA;
cursor: pointer;
}
.orderDetailsWrapper .orderDetailsInfo .downloadsLink .i-pdf-download-mini {
width: 25px;
height: 25px;
}
.orderDetailsWrapper .orderDetailsInfo .downloadsLink .scrollToDocuments {
display: block;
padding: 4px 0 0 6px;
float: right;
text-decoration: underline;
font-style: normal;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoRow {
padding-bottom: 8px;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel {
font-weight: 500;
letter-spacing: 0.05em;
float: left;
width: 25%;
}
@media (max-width: 750px) {
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel {
font-size: 14px;
line-height: 19px;
}
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText {
width: 75%;
font-weight: 600;
letter-spacing: 0.05em;
float: left;
position: relative;
}
@media (max-width: 750px) {
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText {
font-size: 14px;
line-height: 19px;
}
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText.green {
color: #33cc66;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText.red {
color: #aa3e0e;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText.grey {
color: #666666;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText.black {
color: #000000;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText.actionTextDescription {
padding-top: 5px;
}
.orderDetailsWrapper .orderDetailAddressInfo.leftPosition,
.orderDetailsWrapper .orderDetailAddressInfo.halfWidthDesktop {
padding-left: 25px;
}
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody {
padding: 10px 0;
}
@media (min-width: 751px) {
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody .orderTrackBtn {
padding: 10px 0 0;
}
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody .orderTrackBtn .tznButton {
font-style: normal;
}
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody .leftLabel {
float: left;
width: 50%;
color: #999;
font-style: normal;
}
.orderDetailsWrapper .orderDetailAddressInfo .orderDetailAddressInfoBody .rightLabel {
width: 50%;
float: right;
}
.pdfDocumentContainer .pdfLink {
padding: 12px 20px;
border-bottom: 1px solid #D7D7D7;
}
.pdfDocumentContainer .pdfLink .i-pdf-download {
float: left;
display: block;
height: 50px;
width: 35px;
background-position: center center;
}
.pdfDocumentContainer .pdfLink .downloadLink {
height: 50px;
line-height: 50px;
padding: 0 40px 0 12px;
min-width: 330px;
float: left;
}
.pdfDocumentContainer .pdfLink .downloadLink a {
color: #000;
font-size: 14px;
}
.pdfDocumentContainer .pdfLink .downloadButton {
height: 50px;
display: table-cell;
vertical-align: middle;
}
.pdfDocumentContainer .pdfLink .downloadButton a {
min-width: 115px;
}
@media screen and (max-width: 750px) {
body#orderDetail .my-account-breadcrumb .pageName {
display: none;
}
.orderDetailAddressInfoBody {
word-wrap: break-word;
}
.pageName {
float: left;
text-align: center;
width: 100%;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 0px;
padding-top: 0px;
}
.orderDetailsWrapper .orderDetailAddressInfo.leftPosition,
.orderDetailsWrapper .orderDetailAddressInfo.halfWidthDesktop {
padding-left: 0;
}
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoText,
.orderDetailsWrapper .orderDetailsInfo .orderDetailsInfoLabel {
width: 50%;
}
.orderDetailsWrapper .orderDetailsInfo .downloadsLink {
float: left;
position: relative;
}
.orderDetailsWrapper .orderDetailsInfo .downloadsLink .i-pdf-download-mini,
.orderDetailsWrapper .orderDetailsInfo .downloadsLink .scrollToDocuments {
float: left;
}
.pdfDocumentContainer .pdfLink .downloadLink {
min-width: auto;
}
.pdfDocumentContainer .pdfLink .downloadButton {
height: auto;
display: block;
vertical-align: middle;
clear: both;
}
.pdfDocumentContainer .pdfLink .downloadButton a {
margin-left: 45px;
margin-top: -5px;
}
}
@page {
size: 210mm 310mm;
margin: 10mm;
}
@media print {
.print {
page-break-after: avoid;
}
body {
margin: 0 !important;
padding: 0 !important;
}
a:after {
display: none;
}
.content-logo {
width: 100%;
margin-top: 0px;
}
#mobile-menu,
#over-header,
.over-header,
.header-drawer,
.catalog-category-breadcrumb,
.content-logo .desktop-hidden,
.content-top-left-menu,
.content-top-right-menu,
.content_wrap .left_nav,
#sub-header,
.prefooter,
.footer,
.cookie-law,
.container-social-icons-product,
.offset,
.pageName.tablet-hidden.desktop-hidden,
body.account .my-account-breadcrumb,
.checkout-subheader,
.checkout-print.dont-print.print-this-page-link,
.place-order-bottom,
.top-banner,
#wishlist-items-header {
display: none;
}
.hasLeftNav .content_wrap .body_wrap {
width: 100%;
min-height: 0!important;
}
#checkout {
margin-top: -50px;
}
.shadowedBox,
.checkout-estimated-total .label {
border: none;
}
.left-column,
.right-column {
margin-top: 20px;
}
body#wishlist .content_wrap {
margin-top: 50px;
}
body#wishlist .managed-area,
body#wishlist #mobile-info,
body#wishlist #print-share-area,
body#wishlist sqr-product-gallery .arrow,
body#wishlist sqr-product-gallery .gallery-icon,
body#wishlist sqr-product-gallery .hover-zoom,
body#wishlist sqr-product-gallery .container-thumbs,
body#wishlist .remove-link,
body#wishlist .add-item-container {
display: none;
}
body#wishlist .product-toggler .altSelect {
border: 0;
}
body#wishlist .product-toggler .selected-value i,
body#wishlist .product-toggler .quantity-container .stock-quantity {
display: none;
}
body#wishlist .product-toggler .selected-value {
padding: 0;
}
body#wishlist .product-toggler .label {
border: 0;
}
body#wishlist .product-toggler .slider {
display: none;
}
body#wishlist .product-toggler .slider-container .hover-zoom {
display: block;
position: relative;
width: 200px;
height: auto;
opacity: 1;
}
body#wishlist .product-toggler .slider-container .hover-zoom .hover-zoom-image {
width: 100%;
}
}
#zenbox_overlay {
position: fixed;
top: 0;
z-index: 200;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
}
#zenbox_overlay #zenbox_container {
height: 100%;
}
#zenbox_overlay #zenbox_container #zenbox_body {
width: 800px;
height: 100%;
}
#homeMain_wrap {
min-height: 730px;
}
.footer-subscribe .checkout-legal {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.splashPage .header .over-header,
.splashPage .header #mobile-menu,
.splashPage .header .inner-header-wrap .logo-top-left-menu-top-right-menu .content-top-right-menu {
display: none;
}
.splashPage .header .inner-header-wrap .logo-top-left-menu-top-right-menu .content-logo {
width: 100%;
}
.splashPage .splash-country-managed img {
width: 100%;
}
.splashPage .splash-container {
max-width: 1024px;
margin: auto;
}
.splashPage .splash-container .tznButton.blackColor {
margin-top: 20px;
}
.splashPage .splash-container .asterisk,
.splashPage .splash-container .inline_asterisk,
.splashPage .splash-container div.form-label.msg-required-items {
display: none;
}
.splashPage .splash-container .form-label.msg-required-items {
font-weight: normal !important;
font-size: 11px !important;
}
.splashPage .splash-container .content-logo {
text-align: center;
display: block;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_uno,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_due,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_tre,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_quattro {
width: 50%;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_due sqr-alt-select {
width: 50%;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_tre .field-wrap {
width: 50%;
}
.splashPage .splash-container .subscribeFormFooterCountry .form-label,
.splashPage .splash-container .subscribeFormFooterCountry .user-title-option-wrap {
display: inline-block;
}
.splashPage .splash-container .subscribeFormFooterCountry .myRadio {
display: inline-block;
float: none;
}
.splashPage .splash-container .splash-subscribe {
position: relative;
}
.splashPage .splash-container .splash-subscribe input.user-email {
height: 24px !important;
}
.splashPage .splash-container .splash-country-managed {
width: 100%;
height: 400px;
}
.splashPage .splash-container .ecommerce-available {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 20px;
}
@media (min-width: 751px) {
.splashPage .splash-container .ecommerce-available {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .ecommerce-available {
font-size: 12px;
line-height: 15px;
}
}
.splashPage .splash-container .ecommerce-available .shippable {
width: 28px;
display: inline-block;
height: 16px;
top: 0;
left: 0;
}
.splashPage .splash-container .ecommerce-available .shippable i {
width: 16px;
height: 16px;
}
.splashPage .splash-container .subscribe-splash-page-container {
padding-left: 20px;
}
.splashPage .splash-container .subscribe-splash-page-container p {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.splashPage .splash-container .subscribe-splash-page-container p {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .subscribe-splash-page-container p {
font-size: 14px;
line-height: 19px;
}
}
.splashPage .splash-container .subscribe-splash-page-container h2 {
font-weight: 500;
letter-spacing: 0.1em;
width: 50%;
}
@media (min-width: 751px) {
.splashPage .splash-container .subscribe-splash-page-container h2 {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .subscribe-splash-page-container h2 {
font-size: 12px;
line-height: 15px;
}
}
.splashPage .splash-container .splash-country-list {
margin-top: -400px;
top: 0;
left: 0;
padding: 20px;
min-height: 500px;
/*.select-country-list{
h4{
font-size: 16px;
.semibold;
// font-style: italic;
padding-top: 20px;
margin-left: 20px;
display: inline-block;
}
.e-commerce-available{
display: inline-block;
background-image: url(../assets/images/icons/smallbag.png);
background-position: 25px 3px;
background-repeat: no-repeat;
margin-left: 25px;
padding-left: 50px;
border-left: 1px solid black;
height: 23px;
line-height: 23px;
width:300px;
}
.list-container{
margin-top: 30px;
.column-container{
display: inline-block;
min-width: 154px;
margin-left: 20px;
vertical-align: top;
ul.list-columnize{
li{
height: 30px;
}
.shippable{
background-color:transparent;
width:16px;
height:16px;
display:inline-block;
background-image: url(../assets/images/icons/smallbag.png);
background-position: center center;
background-repeat: no-repeat;
}
.not-shippable{
background-color: transparent;
width:16px;
height:16px;
display:inline-block;
}
.country-name{
display:inline-block;
line-height:20px;
margin-left:10px;
.semibold;
}
a{
text-decoration:underline;
color:#000;
padding: 0 3px;
border-left: 1px solid black;
}
a:nth-child(3){
padding-left: 0;
border: none;
}
}
}
}
}*/
}
.splashPage .splash-container .splash-country-list .newsletter-title-footer {
height: 40px;
font-weight: 600;
font-size: 18px;
margin-top: 60px;
margin-left: 20px;
}
.splashPage .splash-container .splash-country-list h2 {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0;
margin: 0;
}
@media (min-width: 751px) {
.splashPage .splash-container .splash-country-list h2 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .splash-country-list h2 {
font-size: 18px;
line-height: 23px;
}
}
.splashPage .splash-container .splash-country-list .list-container {
margin-top: 30px;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries {
width: 28%;
padding-right: 20px;
display: inline-block;
vertical-align: top;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li {
font-weight: 500;
letter-spacing: 0.05em;
position: relative;
padding-left: 26px;
margin-top: 8px;
}
@media (min-width: 751px) {
.splashPage .splash-container .splash-country-list .list-container .column-countries li {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .splash-country-list .list-container .column-countries li {
font-size: 12px;
line-height: 15px;
}
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li a {
font-weight: 400;
font-size: 13px;
line-height: 20px;
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
font-size: inherit;
}
@media (min-width: 751px) {
.splashPage .splash-container .splash-country-list .list-container .column-countries li a {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.splashPage .splash-container .splash-country-list .list-container .column-countries li a {
letter-spacing: 0.1em;
}
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li a:not(:last-child) {
margin-right: 6px;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li .shippable {
width: 28px;
display: inline-block;
height: 16px;
position: absolute;
top: 0;
left: 0;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li .shippable i {
width: 16px;
height: 16px;
}
.field-wrap.required.error-showable-isChecked.privacy-terms {
margin-top: 20px;
margin-bottom: 10px;
}
.field-wrap.required.error-showable-isChecked.privacy-terms .agreement-text {
margin-left: 10px;
}
.footer-subscribe {
border-top: 1px solid #eeeeee;
margin-top: 55px;
padding-top: 20px;
color: #d5d5d5;
text-transform: uppercase;
font-size: 10px;
text-align: left;
line-height: 10px;
height: 10px;
margin-bottom: 40px;
}
/* TABLET */
@media only screen and (max-width: 1024px) {
.splashPage .content_wrap {
margin-left: 2%;
margin-right: 2%;
width: 96%;
}
.splashPage .content-top-left-menu {
display: none;
}
.splashPage .splash-container .splash-country-list .select-country-list .list-container {
margin-top: 20px;
}
.splashPage .splash-subscribe {
position: relative;
}
.splashPage .splash-subscribe input.user-email {
max-width: initial !important;
width: 50% !important;
}
.splashPage .splash-subscribe form i.check {
float: none;
}
.splashPage .splash-subscribe .not-checked-error {
width: 100% !important;
}
.splashPage .splash-country-managed {
min-height: 400px;
overflow: hidden;
}
.splashPage .splash-country-list {
margin-top: 80px;
background-color: #faf5f1;
top: 0;
left: 0;
}
.splashPage .splash-country-list p.newsletter-title-footer {
margin-left: 0 !important;
}
.splashPage #countryCode + .altSelect.paese {
width: 50%;
}
.splashPage .main-newsletter-container #countryCode + .altSelect.paese {
width: 214px;
}
.splashPage #country .select-country-list h4,
.splashPage #country .select-country-list h4 {
text-align: center;
width: 100%;
}
.splashPage #country .select-country-list .e-commerce-available {
border-left: 0;
width: 100%;
text-align: left;
}
.splashPage #country .splash-country-managed {
height: 480px;
}
.splashPage #country .splash-country-managed img {
margin-top: 80px;
}
.splashPage .splash-container .splash-country-list {
background-color: #ffffff;
width: 100%;
min-height: 450px;
margin-top: -450px;
}
.splashPage .splash-container .user-title-wrap {
test-align: center;
}
.splashPage .splash-container .user-title-wrap .user-title-option-wrap {
width: 100%;
margin-bottom: 10px;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_uno,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_due,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_tre,
.splashPage .splash-container .subscribeFormFooterCountry .blocco_quattro {
width: 100%;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_tre .field-wrap {
width: 100%;
}
.splashPage .splash-container .subscribeFormFooterCountry .blocco_tre .field-wrap input {
text-align: center;
}
.splashPage .splash-container .ecommerce-available {
position: relative;
}
.splashPage .splash-container #footer-overlay-country h2 {
position: relative;
}
.splashPage .splash-container .subscribe-splash-page-container {
background-color: #fff;
padding-top: 20px;
padding-left: 0px !important;
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.splashPage .splash-container .subscribe-splash-page-container h2 {
text-align: center;
padding-bottom: 20px;
width: 100%;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
.splashPage .splash-container .ecommerce-available {
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
}
.splashPage .splash-container .user-title-wrap {
test-align: center;
}
.splashPage .splash-container .user-title-wrap .user-title-option-wrap {
width: 100%;
margin-bottom: 10px;
}
.splashPage .splash-container #country .splash-country-managed {
height: auto;
min-height: 0;
}
.splashPage .splash-container #country .splash-country-managed img {
display: none;
}
.splashPage .splash-container input.user-email {
max-width: initial !important;
width: 100% !important;
}
.splashPage .splash-container #countryCode + .altSelect.paese {
width: 100%;
}
.splashPage .splash-container form i.check {
float: none;
}
.splashPage .splash-container .splash-country-list {
margin-top: 0;
background-color: #FBF3F0;
width: 100%;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries {
width: 100%;
dispaly: block;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li {
text-align: center;
margin-bottom: 10px;
}
.splashPage .splash-container .splash-country-list .list-container .column-countries li .shippable {
position: relative;
}
.splashPage .splash-container .splash-country-list .newsletter-title-footer {
height: 40px;
font-weight: 600;
font-size: 18px;
margin-top: 30px;
text-align: center;
}
.splashPage .splash-container .splash-country-list h2 {
width: 80%;
text-align: center;
margin: 0 auto !important;
}
.splashPage .splash-container .splash-country-list .column-container {
display: inline-block;
min-width: 154px;
margin-left: 0px !important;
width: 100%;
text-align: center;
vertical-align: top;
}
.splashPage .splash-container .splash-country-list .column-container .not-shippable {
display: none !important;
}
#homeMain_wrap {
min-height: 1060px;
}
.subscribe-splash-page-container {
background-color: #fff;
padding-top: 10px;
}
.subscribe-splash-page-container {
background-color: #fff;
padding-top: 20px;
}
#country .select-country-list h4 {
text-align: center;
width: 100%;
margin-left: 0px !important;
}
#country .select-country-list .e-commerce-available {
border-left: 0;
width: 100%;
text-align: left;
}
.splash-container .splash-country-list {
background-color: #f6eeeb;
background-image: none;
}
.main-newsletter-container #countryCode + .altSelect.paese {
width: 100%;
}
.main-newsletter-container input.subscribe-newsletter-country {
width: 100%;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.splashPage .splash-container .ecommerce-available {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.splashPage .splash-container .ecommerce-available {
font-size: 12px;
line-height: 15px;
}
}
#country.splash-subscribe .label-email {
display: none;
}
#country.splash-subscribe input.user-email {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
border: 1px solid #000000;
color: #000000;
padding: 14px 35px 10px 20px;
min-height: 43px;
outline: 0 !important;
}
@media (min-width: 751px) {
#country.splash-subscribe input.user-email {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#country.splash-subscribe input.user-email {
font-size: 12px;
line-height: 15px;
}
}
#country.splash-subscribe .field-wrap.required.error-showable-chooseCountry .form-label {
display: none;
}
#country.splash-subscribe .type_countryCode.formFieldContainer.overLabeled .label-country {
display: none;
}
#country.splash-subscribe .blocco_uno,
#country.splash-subscribe .blocco_due,
#country.splash-subscribe .blocco_tre,
#country.splash-subscribe .blocco_quattro,
#country.splash-subscribe .blocco_cinque,
#country.splash-subscribe .blocco_zero {
display: block;
clear: both;
margin-top: 5px;
margin-bottom: 5px;
}
#country.splash-subscribe .form-label.msg-required-items {
font-size: 12px;
font-weight: 600;
}
#country.splash-subscribe .userTitleRequired {
display: none;
}
#country.splash-subscribe .user-title-option-wrap.error-showable-userTitle::after {
content: "*";
}
/* TABLET */
@media only screen and (max-width: 1024px) {
#country > div > div.subscribe-splash-page-container > form > div.blocco_uno > div.form-row > div:nth-child(2) > div > div {
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
}
#country.splash-subscribe .error-newsletter {
width: 50%;
margin: 0 auto;
margin-bottom: 10px;
}
#country.splash-subscribe .blocco_uno,
#country.splash-subscribe .blocco_due,
#country.splash-subscribe .blocco_tre,
#country.splash-subscribe .blocco_quattro,
#country.splash-subscribe .blocco_cinque,
#country.splash-subscribe .blocco_zero {
display: block;
clear: both;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
#country.splash-subscribe .field-wrap.required.error-showable-isChecked.privacy-terms {
width: 50%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
}
#country.splash-subscribe input.user-email {
width: 100%;
border: 1px solid #000;
}
.formFieldContainer {
float: none;
margin-bottom: 10px;
}
.newsletter-title-footer {
text-align: center;
}
#country > div > div.subscribe-splash-page-container > h2 {
text-align: center;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
#country > div > div.subscribe-splash-page-container > form > div.blocco_uno > div.form-row > div:nth-child(2) > div > div {
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
}
#country.splash-subscribe .error-newsletter {
width: 90%;
margin: 0 auto;
margin-bottom: 10px;
}
#country.splash-subscribe .error-newsletter:nth-child(3) {
width: 100%;
}
#country.splash-subscribe .blocco_uno,
#country.splash-subscribe .blocco_due,
#country.splash-subscribe .blocco_tre,
#country.splash-subscribe .blocco_quattro,
#country.splash-subscribe .blocco_cinque,
#country.splash-subscribe .blocco_zero {
display: block;
clear: both;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
#country.splash-subscribe .blocco_quattro {
width: 100%;
}
#country.splash-subscribe .blocco_quattro .fieldWrap {
width: 100%;
}
#country.splash-subscribe .blocco_quattro .fieldWrap .error-newsletter.not-checked-error {
width: 100%;
}
#country.splash-subscribe .field-wrap.required.error-showable-isChecked.privacy-terms {
width: 90%;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 10px;
}
#country.splash-subscribe .field-wrap.required.error-showable-isChecked.privacy-terms .error-newsletter {
width: 100%;
}
#country.splash-subscribe input.user-email {
width: 100%;
outline: 0 !important;
}
.formFieldContainer {
float: none;
margin-bottom: 10px;
}
.footer-subscribe {
text-align: center;
}
}
.check-row.disabled {
background: none !important;
color: #cccccc !important;
}
.check-row.disabled .myCheck span {
border-color: #cccccc;
}
#subscribe .subscribed-container {
width: 100%;
float: left;
}
#subscribe .subscribed-container .headings_subscribe {
text-align: left;
}
#subscribe .subscribed-container .headings_subscribe .title-Pages {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0;
}
@media (min-width: 751px) {
#subscribe .subscribed-container .headings_subscribe .title-Pages {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
#subscribe .subscribed-container .headings_subscribe .title-Pages {
font-size: 13px;
line-height: 18px;
}
}
#subscribe .subscribed-container .text-intro {
width: 100%;
float: left;
padding: 20px 0;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
}
@media (min-width: 751px) {
#subscribe .subscribed-container .text-intro {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
#subscribe .subscribed-container .text-intro {
font-size: 13px;
line-height: 18px;
}
}
#subscribe .subscribed-container .buttonRow {
width: 100%;
max-width: 100%;
float: left;
text-align: left;
}
/* Landing page CRM */
.landingCRM .newsletter-optin-wrapper {
margin: 40px 10%;
padding: 40px 40px 30px;
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
}
@media (min-width: 751px) {
.landingCRM .newsletter-optin-wrapper {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.landingCRM .newsletter-optin-wrapper {
font-size: 14px;
line-height: 19px;
}
}
.landingCRM .newsletter-optin-wrapper a {
font-weight: 700;
border-bottom: 2px solid;
}
@media only screen and (min-width: 751px) and (max-width: 1023px) {
.landingCRM .newsletter-optin-wrapper {
margin: 40px 0;
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) and (min-width: 751px) {
.landingCRM .newsletter-optin-wrapper {
letter-spacing: 0.05em;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) and (max-width: 750px) {
.landingCRM .newsletter-optin-wrapper {
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) {
.landingCRM .newsletter-optin-wrapper {
margin: 40px 5%;
font-weight: 500;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.landingCRM .newsletter-optin-wrapper {
font-size: 12px;
line-height: 15px;
}
}
.error-order-removed {
text-align: left;
}
body#orderHistory #use-ord-wrap .error-msg.error-order-removed {
color: #ff6666;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap {
padding: 0;
font-size: 13px;
margin-left: 20px;
margin-bottom: 30px;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap p {
margin-bottom: 30px;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap p strong {
font-size: 13px;
margin-bottom: 20px;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap a {
color: #000;
font-weight: 600;
text-decoration: underline;
font-size: inherit;
}
@media only screen and (min-width: 751px) {
body#orderHistory .top-pagination-container {
float: none;
clear: both;
height: auto;
}
body#orderHistory .history-return-myaccount {
margin-top: 10px;
}
body#orderHistory .history-return-policy-area {
padding-left: 50px;
padding-right: 40px;
padding-bottom: 20px;
background-image: url('/tzn-front/assets/images/icons/track-pack.jpg');
background-repeat: no-repeat;
}
body#orderHistory .history-return-policy-area .history-return-policy-title {
font-weight: 600;
text-transform: uppercase;
color: #000;
}
body#orderHistory .history-return-policy-area .history-return-policy-content4,
body#orderHistory .history-return-policy-area .history-return-policy-content5,
body#orderHistory .history-return-policy-area .history-return-policy-content3,
body#orderHistory .history-return-policy-area .history-return-policy-content6 {
font-weight: 600;
font-size: 11px;
line-height: 1.6;
color: #000;
letter-spacing: 0.03em;
}
body#orderHistory .history-return-policy-area .history-return-policy-content4 a,
body#orderHistory .history-return-policy-area .history-return-policy-content5 a,
body#orderHistory .history-return-policy-area .history-return-policy-content3 a,
body#orderHistory .history-return-policy-area .history-return-policy-content6 a,
body#orderHistory .history-return-policy-area .history-return-policy-content4 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content5 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content3 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content6 a:hover {
text-transform: uppercase;
text-decoration: underline;
color: #000;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap {
border: 0;
font-family: 'Poppins';
}
body#orderHistory #use-ord-wrap {
padding: 0px;
border: 0;
}
body#orderHistory #use-ord-wrap .top-pagination-container,
body#orderHistory #use-ord-wrap .bottom-pagination-container {
padding-right: 0px;
}
body#orderHistory #use-ord-wrap .top-pagination-container .viewByPage,
body#orderHistory #use-ord-wrap .bottom-pagination-container .viewByPage {
color: #000;
font-size: 11px;
margin-right: 5px;
}
body#orderHistory #use-ord-wrap .top-pagination-container .viewByPage a,
body#orderHistory #use-ord-wrap .bottom-pagination-container .viewByPage a {
font-weight: 600;
text-decoration: underline;
color: #000;
margin-right: 5px;
}
body#orderHistory #use-ord-wrap .top-pagination-container .viewCurrentItems label,
body#orderHistory #use-ord-wrap .bottom-pagination-container .viewCurrentItems label {
color: #000;
font-size: 11px;
margin-right: 5px;
}
body#orderHistory #use-ord-wrap .top-pagination-container select#viewPageChoice,
body#orderHistory #use-ord-wrap .bottom-pagination-container select#viewPageChoice {
border: 1px solid #000;
outline: 0;
padding: 12px 35px 8px 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../assets/images/icons/svg/arrow_down.svg);
background-position: 115px 19px;
background-repeat: no-repeat;
background-size: 15px 6px;
}
body#orderHistory #use-ord-wrap .top-pagination-container .pageNumber,
body#orderHistory #use-ord-wrap .bottom-pagination-container .pageNumber,
body#orderHistory #use-ord-wrap .top-pagination-container .nextBtn,
body#orderHistory #use-ord-wrap .bottom-pagination-container .nextBtn,
body#orderHistory #use-ord-wrap .top-pagination-container .previousBtn,
body#orderHistory #use-ord-wrap .bottom-pagination-container .previousBtn {
color: #000;
font-size: 11px;
margin-left: 5px;
text-transform: capitalize;
}
body#orderHistory #use-ord-wrap .top-pagination-container .pageNumber a,
body#orderHistory #use-ord-wrap .bottom-pagination-container .pageNumber a,
body#orderHistory #use-ord-wrap .top-pagination-container .nextBtn a,
body#orderHistory #use-ord-wrap .bottom-pagination-container .nextBtn a,
body#orderHistory #use-ord-wrap .top-pagination-container .previousBtn a,
body#orderHistory #use-ord-wrap .bottom-pagination-container .previousBtn a {
text-decoration: underline;
color: #000;
margin-right: 5px;
}
body#orderHistory .history-thead {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
body#orderHistory .history-thead div {
display: inline-block;
color: #666;
font-weight: 500;
letter-spacing: 0.05em;
}
body#orderHistory .history-thead div.history-ordernumber,
body#orderHistory .history-thead div.history-dateplaced,
body#orderHistory .history-thead div.history-orderstatus,
body#orderHistory .history-thead div.history-detail-tracking {
min-width: 145px;
}
body#orderHistory .history-body .use-ord-has-separated-line {
border-bottom: 1px solid #ddd;
min-height: 52px;
padding: 10px 0;
}
body#orderHistory .history-body .use-ord-has-separated-line .history-return-message {
font-size: 12px;
text-align: center;
font-weight: 600;
padding-top: 5px;
padding-bottom: 5px;
}
body#orderHistory .history-body .cell-1,
body#orderHistory .history-body .cell-2,
body#orderHistory .history-body .cell-3,
body#orderHistory .history-body .cell-4,
body#orderHistory .history-body .cell-5 {
display: inline-block;
font-weight: 500;
letter-spacing: 0.05em;
vertical-align: middle;
}
body#orderHistory .history-body .cell-1 .placeHolderCancel,
body#orderHistory .history-body .cell-2 .placeHolderCancel,
body#orderHistory .history-body .cell-3 .placeHolderCancel,
body#orderHistory .history-body .cell-4 .placeHolderCancel,
body#orderHistory .history-body .cell-5 .placeHolderCancel,
body#orderHistory .history-body .cell-1 .placeHolderReturn,
body#orderHistory .history-body .cell-2 .placeHolderReturn,
body#orderHistory .history-body .cell-3 .placeHolderReturn,
body#orderHistory .history-body .cell-4 .placeHolderReturn,
body#orderHistory .history-body .cell-5 .placeHolderReturn {
width: 110px;
height: 32px;
background: transparent;
display: inline-block;
margin-left: 10px;
}
body#orderHistory .history-body .cell-4 {
display: none;
}
body#orderHistory .history-body .history-ordernumber-number,
body#orderHistory .history-body .history-dateplaced-date,
body#orderHistory .history-body .history-orderstatus-status,
body#orderHistory .history-body .history-detail-tracking {
min-width: 145px;
padding-top: 10px;
}
body#orderHistory .history-body .tznButton.invisible {
visibility: hidden;
}
body#orderHistory .history-body input.tznButton {
margin: 0;
vertical-align: top;
padding: 12px 18px 8px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-width: 2px;
}
body#orderHistory .history-body a.tznButton {
padding: 12px 18px 8px;
margin-left: 10px;
vertical-align: top;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
body#orderHistory .history-body .tznButton:hover {
background-color: #000;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
body#orderHistory .history-thead div {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
body#orderHistory .history-thead div {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
body#orderHistory .history-body .cell-1,
body#orderHistory .history-body .cell-2,
body#orderHistory .history-body .cell-3,
body#orderHistory .history-body .cell-4,
body#orderHistory .history-body .cell-5 {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
body#orderHistory .history-body .cell-1,
body#orderHistory .history-body .cell-2,
body#orderHistory .history-body .cell-3,
body#orderHistory .history-body .cell-4,
body#orderHistory .history-body .cell-5 {
font-size: 12px;
line-height: 15px;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body#orderHistory #use-ord-wrap {
margin: 0 auto;
padding: 5px;
width: 98%;
}
body#orderHistory .bottom-pagination-container {
float: none;
width: 100%;
text-align: center;
}
body#orderHistory .bottom-pagination-container .pagination {
float: none;
text-align: right;
padding-bottom: 10px;
width: 70px;
}
body#orderHistory .bottom-pagination-container .pagination .currentPage {
font-size: 12px;
color: #999;
font-weight: 600;
padding: 10px;
}
body#orderHistory .bottom-pagination-container .pagination .pageNumber a {
font-size: 12px;
color: #000;
font-weight: 600;
padding: 10px;
text-decoration: underline;
}
body#orderHistory .bottom-pagination-container .pagination .jsPagination_prev {
float: left;
left: 0;
}
body#orderHistory .bottom-pagination-container .pagination .jsPagination_prev a span {
background-image: url(/tzn-front/assets/images/icons/mobile/arrow-product.png);
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: absolute;
left: 5px;
background-position: 0px 0px;
font-size: 0;
}
body#orderHistory .bottom-pagination-container .pagination .jsPagination_next {
float: left;
left: 0;
}
body#orderHistory .bottom-pagination-container .pagination .jsPagination_next a span {
background-image: url(/tzn-front/assets/images/icons/mobile/arrow-product.png);
background-repeat: no-repeat;
width: 30px;
height: 30px;
position: absolute;
right: 5px;
background-position: -30px 0px;
font-size: 0;
}
body#orderHistory .bottom-pagination-container .viewCurrentItems,
body#orderHistory .bottom-pagination-container select#viewPageChoice {
display: none;
}
body#orderHistory .pageName {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
}
body#orderHistory .history-return-policy-area {
padding-top: 20px;
padding-left: 50px;
padding-right: 40px;
padding-bottom: 20px;
background-image: url('/tzn-front/assets/images/icons/track-pack.jpg');
background-repeat: no-repeat;
background-position: 15px 15px;
}
body#orderHistory .history-return-policy-area .history-return-policy-title {
font-weight: 600;
text-transform: uppercase;
color: #000;
}
body#orderHistory .history-return-policy-area .history-return-policy-content4,
body#orderHistory .history-return-policy-area .history-return-policy-content5,
body#orderHistory .history-return-policy-area .history-return-policy-content3,
body#orderHistory .history-return-policy-area .history-return-policy-content6 {
font-weight: 600;
font-size: 11px;
line-height: 1.6;
color: #000;
}
body#orderHistory .history-return-policy-area .history-return-policy-content4 a,
body#orderHistory .history-return-policy-area .history-return-policy-content5 a,
body#orderHistory .history-return-policy-area .history-return-policy-content3 a,
body#orderHistory .history-return-policy-area .history-return-policy-content6 a,
body#orderHistory .history-return-policy-area .history-return-policy-content4 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content5 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content3 a:hover,
body#orderHistory .history-return-policy-area .history-return-policy-content6 a:hover {
text-transform: uppercase;
text-decoration: underline;
color: #000;
}
body#orderHistory .history-return-myaccount {
padding: 20px;
}
body#orderHistory .history-table .cell-2 {
margin-top: 10px;
}
body#orderHistory .history-table .cell-4 {
margin-bottom: 15px;
}
body#orderHistory .history-table .history-ordernumber,
body#orderHistory .history-table .history-ordernumber-number {
margin-top: 12px;
margin-left: 11px;
font-weight: 600;
display: inline-block;
color: #000;
width: 46%;
}
body#orderHistory .history-table .history-ordernumber-number {
font-weight: 600;
display: inline;
}
body#orderHistory .history-table .history-dateplaced,
body#orderHistory .history-table .history-dateplaced-date,
body#orderHistory .history-table .history-orderstatus,
body#orderHistory .history-table .history-orderstatus-status,
body#orderHistory .history-table .history-tracking,
body#orderHistory .history-table .history-tracking-number {
display: inline-block;
margin-left: 11px;
width: 46%;
vertical-align: top;
color: #666;
font-weight: 500;
letter-spacing: 0.05em;
}
body#orderHistory .history-table .history-dateplaced-date,
body#orderHistory .history-table .history-orderstatus-status,
body#orderHistory .history-table .history-tracking-number {
color: #000;
font-weight: 500;
display: inline;
}
body#orderHistory .history-table .history-orderstatus-status {
display: inline-block !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body#orderHistory .history-table .history-orderstatus-status.new,
body#orderHistory .history-table .history-orderstatus-status.open,
body#orderHistory .history-table .history-orderstatus-status.shipped,
body#orderHistory .history-table .history-orderstatus-status.returned,
body#orderHistory .history-table .history-orderstatus-status.rma-approved {
color: #000;
}
body#orderHistory .history-table .history-orderstatus-status.wip,
body#orderHistory .history-table .history-orderstatus-status.hold,
body#orderHistory .history-table .history-orderstatus-status.pending {
color: #666;
}
body#orderHistory .history-table .history-orderstatus-status.canceled,
body#orderHistory .history-table .history-orderstatus-status.rma-issued {
color: #f00;
}
body#orderHistory .history-table .history-spaced {
width: 100%;
height: 20px;
background-color: #fff;
}
body#orderHistory .history-table .history-return-message {
color: #999999;
font-size: 11px;
text-align: center;
padding-bottom: 10px;
}
body#orderHistory .history-table a.cancelButton,
body#orderHistory .history-table a.trackButton,
body#orderHistory .history-table a.returnButton {
text-decoration: underline !important;
color: #000;
height: 48px;
}
body#orderHistory .history-table a.cancelButton img,
body#orderHistory .history-table a.trackButton img,
body#orderHistory .history-table a.returnButton img {
margin-right: 5px;
margin-top: -2px;
}
body#orderHistory .history-table .tznButton.cancelButton,
body#orderHistory .history-table .tznButton.trackButton,
body#orderHistory .history-table .tznButton.returnButton {
margin-top: 10px;
font-decoration: underline;
}
body#orderHistory #use-ord-wrap div#use-ord-item-wrap #use-ord-no-item-wrap {
border: 0;
padding: 20px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#orderHistory .history-table .history-dateplaced,
body#orderHistory .history-table .history-dateplaced-date,
body#orderHistory .history-table .history-orderstatus,
body#orderHistory .history-table .history-orderstatus-status,
body#orderHistory .history-table .history-tracking,
body#orderHistory .history-table .history-tracking-number {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#orderHistory .history-table .history-dateplaced,
body#orderHistory .history-table .history-dateplaced-date,
body#orderHistory .history-table .history-orderstatus,
body#orderHistory .history-table .history-orderstatus-status,
body#orderHistory .history-table .history-tracking,
body#orderHistory .history-table .history-tracking-number {
font-size: 12px;
line-height: 15px;
}
}
.jsConfirmDeleteOrder {
margin-bottom: 10px;
}
body#emailPrefs a.returnMain {
display: none;
}
body#emailPrefs .my-account-breadcrumb {
border-bottom: 1px solid #ddd;
margin-bottom: 35px;
padding-bottom: 20px;
}
body#emailPrefs #use-ema-wrap {
background-color: #fff;
min-height: 300px;
height: auto !important;
overflow: hidden;
position: relative;
padding-bottom: 20px;
padding-left: 0;
}
body#emailPrefs #use-ema-wrap .buttonRow {
margin: 0;
}
body#emailPrefs #use-ema-wrap .buttonRow input.tznButton {
margin-bottom: 35px;
}
body#emailPrefs #use-ema-wrap .formFieldContainer {
min-width: 30%;
margin-bottom: 30px;
}
body#emailPrefs #use-ema-wrap input[type="checkbox"] + label {
padding-left: 30px;
min-width: 33%;
font-weight: 500;
letter-spacing: 0.05em;
margin-left: 0;
}
@media (min-width: 751px) {
body#emailPrefs #use-ema-wrap input[type="checkbox"] + label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#emailPrefs #use-ema-wrap input[type="checkbox"] + label {
font-size: 11px;
line-height: 15px;
}
}
body#emailPrefs #use-ema-wrap input[type="checkbox"] + label a {
color: inherit;
text-decoration: underline;
}
body#emailPrefs #use-ema-wrap input[type="checkbox"] + label:before {
cursor: pointer;
position: absolute;
left: 0;
}
body#emailPrefs #use-ema-wrap h2 {
display: none;
}
body#emailPrefs #use-ema-wrap #use-wis-pref-wrap {
border: 0;
margin: 30px 0;
width: 100%;
}
body#emailPrefs #use-ema-wrap .commonMessage {
text-align: left;
margin: 20px auto 0;
color: #76d6ba;
padding-left: 0;
font-weight: 600;
font-size: 11px;
}
body#emailPrefs #use-ema-wrap #use-wis-intro-txt {
width: 100%;
font-size: 12px;
}
body#emailPrefs #use-ema-wrap #use-wis-opt-wrap,
body#emailPrefs #use-ema-wrap #use-wis-txt-wrap {
width: 100%;
font-size: 12px;
color: #9a9a9a;
}
body#emailPrefs #use-ema-wrap #use-wis-opt-wrap .respect-title,
body#emailPrefs #use-ema-wrap #use-wis-txt-wrap .respect-title {
font-weight: 600;
}
body#emailPrefs #use-ema-wrap #use-wis-opt-wrap .respect-text,
body#emailPrefs #use-ema-wrap #use-wis-txt-wrap .respect-text {
font-weight: normal;
}
body#emailPrefs #use-ema-wrap #use-wis-opt-wrap fieldset legend,
body#emailPrefs #use-ema-wrap #use-wis-txt-wrap fieldset legend {
border: 0;
font-size: 11px;
color: #999;
text-transform: uppercase;
font-weight: 600;
display: none;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
body#emailPrefs #use-ema-wrap .buttonRow {
margin: 0;
}
body#emailPrefs #use-ema-wrap .buttonRow input.tznButton {
margin-bottom: 35px;
float: left;
}
}
@media only screen and (max-width: 750px) {
body#emailPrefs .my-account-breadcrumb {
border: 0;
padding-bottom: 0;
margin-bottom: 0;
}
body#emailPrefs .pageName {
border-top: 1px solid #ddd;
padding-bottom: 15px;
}
body#emailPrefs #use-ema-wrap .formFieldContainer {
max-width: 55%;
}
body#emailPrefs #use-ema-wrap fieldset legend {
display: none;
}
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .store-collection-select {
height: 45px;
border-right: 0;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .type_storeLocatorText {
width: 40%;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .type_storeLocatorText input#cityStateZip {
width: 100%;
height: 45px;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .inner-wrap #geolocationWrap {
min-width: 40%;
float: left;
max-width: 50%;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .inner-wrap #geolocationWrap .geolocateButton #useCurrentLocationBtn {
padding: 0px;
margin-left: 8px;
height: auto;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .inner-wrap #searchDistanceWrap {
width: 45%;
}
body#storeLocator .store-locator-heading #locateStoreForm .search-store {
width: 20%;
height: 45px;
}
.store-locator-heading {
clear: both;
}
.store-results-message p {
margin-bottom: 0;
}
.error-form {
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
width: 100%;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 15px;
display: block;
}
@media (min-width: 751px) {
.error-form {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.error-form {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.i-map-point {
width: 20px;
height: 25px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point.png);
}
.i-map-point-small {
width: 13px;
height: 16px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point-small.png);
}
.i-map-point-small-black {
width: 13px;
height: 16px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point-small-black.png);
}
.i-view-list,
.i-view-map {
width: 30px;
height: 30px;
display: inline-block;
}
.i-geolocation,
.i-directions {
width: 15px;
height: 15px;
display: inline-block;
}
.i-view-list {
background-image: url(../assets/images/icons/icon-store-list.png);
}
.i-view-map {
background-image: url(../assets/images/icons/icon-store-map.png);
}
.i-geolocation {
background-image: url(../assets/images/icons/icon-use-location.png);
}
.i-directions {
background-image: url(../assets/images/icons/icon-directions.png);
}
.button {
font-weight: 700;
text-align: center;
cursor: pointer;
background-color: transparent;
border: 0;
outline: 0;
outline-offset: 0;
}
.button span {
font-weight: 700;
}
.button.black {
background-color: #000000;
color: #ffffff;
border: 1px solid #000000;
}
.link-underline,
.link-underline:hover,
.button.link-underline,
.button.link-underline:hover {
text-decoration: underline;
}
.store-heading,
a.store-heading {
display: block;
}
@media (min-width: 751px) {
.store-heading,
a.store-heading {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.store-heading,
a.store-heading {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
/* reset common styles */
.store-details-header {
color: inherit;
font-size: inherit;
padding: 15px 0;
margin-bottom: 0;
}
.store-details-viewAll-images {
float: none;
width: 100%;
height: auto;
padding: 10px 0 0;
}
.store-details-map-container {
float: none;
margin-right: 0;
margin-left: 0;
width: 100%;
clear: both;
}
.store-details-closest-stores-list {
float: none;
width: 100%;
height: auto;
}
.store-details-closest-stores-list .heading {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.store-details-closest-stores-list .heading {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.store-details-closest-stores-list .heading {
font-size: 12px;
line-height: 15px;
}
}
.store-details-managed-contents,
.store-details-managed-content {
margin: 0;
}
.store-details-managed-content .cmsWrapper img {
max-width: 100%;
height: auto;
}
.store-details-managed-content + .store-details-managed-content .cmsWrapper {
margin-top: 20px;
}
.store-details-row p {
margin-bottom: 0;
}
.collection-tab {
display: inline-block;
}
.custserv-wrapper {
/* store details */
}
.custserv-wrapper .heading {
color: inherit;
}
.custserv-wrapper .store-locator-heading {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
@media (min-width: 751px) {
.custserv-wrapper .store-locator-heading {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-locator-heading {
letter-spacing: 0.1em;
}
}
.custserv-wrapper .store-locator-heading .search-form,
.custserv-wrapper .store-locator-heading .store-toggle-view {
display: inline-block;
vertical-align: top;
}
.custserv-wrapper .store-locator-heading .search-form {
width: 65%;
}
.custserv-wrapper .store-locator-heading .search-form form {
position: relative;
}
.custserv-wrapper .store-locator-heading .search-form .verify {
display: none;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select {
text-transform: uppercase;
font-size: 12px;
border: 1px solid #000;
position: relative;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap {
padding: 12px 10px 12px 20px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap .select-name {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0 20px 0 0;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-transform: none;
}
@media (min-width: 751px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap .select-name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap .select-name {
font-size: 12px;
line-height: 15px;
}
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap .select-name .select-arrow {
right: 0;
float: right;
margin-top: 6px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap.open .select-arrow {
background-position: 0 0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options {
display: none;
position: absolute;
top: 40px;
left: -1px;
z-index: 10;
background: #fff;
border: 1px solid #000;
width: calc(100% + 2px);
width: -moz-calc(100% + 2px);
width: -webkit-calc(100% + 2px);
width: -o-calc(100% + 2px);
margin-top: -2px;
border-top: 0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option {
padding: 5px 25px 5px 10px;
position: relative;
background-color: #fff;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-weight: 500;
letter-spacing: 0.05em;
text-transform: none;
font-weight: normal;
margin-bottom: 0;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 751px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-size: 11px;
line-height: 15px;
}
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option input[type=checkbox] {
width: 14px;
height: 14px;
background-color: transparent;
display: inline-block;
float: right;
cursor: pointer;
position: absolute;
right: 10px;
top: 0;
margin-top: 6px;
border: 0;
outline: 0;
outline-offset: 0;
-webkit-appearance: none;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option input[type=checkbox]:checked {
background-image: url(../assets/images/icons/refinement-check.png);
background-position: center center;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option:hover,
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option.selected {
text-decoration: underline;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-confirm {
padding: 10px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-confirm .prjButton {
font-weight: 400;
font-size: 13px;
line-height: 20px;
width: 100%;
border: 1px solid #000;
}
@media (min-width: 751px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-confirm .prjButton {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-confirm .prjButton {
letter-spacing: 0.1em;
}
}
.custserv-wrapper .store-locator-heading .search-form .formFieldContainer span.labelFieldWrapper {
margin-bottom: 0;
width: 80%;
font-size: 13px;
line-height: 20px;
}
.custserv-wrapper .store-locator-heading .search-form .formFieldContainer span.labelFieldWrapper .placeholder {
top: 0;
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
width: 100%;
padding: 0;
}
.custserv-wrapper .store-locator-heading .search-form .formFieldContainer span.labelFieldWrapper .placeholder span.labelText {
padding-left: 0;
}
.custserv-wrapper .store-locator-heading .search-form .formFieldContainer span.labelFieldWrapper input {
width: 100%;
border: 0;
box-shadow: none;
top: 0;
padding: 0;
font-size: inherit;
}
.custserv-wrapper .store-locator-heading .search-form .inner-wrap {
display: block;
margin: 15px 0;
margin-right: -35%;
}
.custserv-wrapper .store-locator-heading .search-form #geolocationWrap,
.custserv-wrapper .store-locator-heading .search-form #searchDistanceWrap {
display: inline-block;
}
.custserv-wrapper .store-locator-heading .search-form #geolocationWrap {
margin-right: 20px;
}
.custserv-wrapper .store-locator-heading .search-form .geolocateButton {
padding: 0;
}
.custserv-wrapper .store-locator-heading .search-form .geolocateButton i {
position: relative;
top: 2px;
}
.custserv-wrapper .store-locator-heading .search-form #searchDistanceWrap .option-radio {
display: inline-block;
text-transform: capitalize;
}
.custserv-wrapper .store-locator-heading .search-form #searchDistanceWrap .option-radio input[type="radio"] {
display: none;
}
.custserv-wrapper .store-locator-heading .search-form #searchDistanceWrap .option-radio + .option-radio {
margin-left: 10px;
}
.custserv-wrapper .store-locator-heading .search-form .search-store {
background-color: #000000;
color: #ffffff;
height: 40px;
display: inline-block;
border: 1px solid #000000;
position: absolute;
top: 0;
right: 0;
}
.custserv-wrapper .store-locator-heading .search-form .search-store input {
background: transparent;
width: 100%;
height: 100%;
border: 0;
box-shadow: none;
padding: 0 20px;
}
.custserv-wrapper .store-locator-heading .search-form .search-store input:focus {
outline: 0;
}
.custserv-wrapper .store-locator-heading .store-toggle-view {
padding-left: 20px;
}
.custserv-wrapper .store-locator-heading .store-toggle-view .button {
position: relative;
height: 40px;
padding: 11.5px 0 11.5px 42px;
}
.custserv-wrapper .store-locator-heading .store-toggle-view .button i {
position: absolute;
left: 0;
top: 50%;
margin-top: -15px;
}
.custserv-wrapper .store-locator-heading .store-toggle-view span {
font-weight: 500;
}
.custserv-wrapper .store-locator-body {
margin-top: 30px;
font-size: 12px;
}
.custserv-wrapper #noStoreResults {
padding: 0;
font-size: 12px;
}
.custserv-wrapper #store-results-list .store-wrap {
font-weight: 500;
letter-spacing: 0.05em;
border-bottom: 1px solid #eaeaea;
padding-bottom: 20px;
margin-bottom: 20px;
}
@media (min-width: 751px) {
.custserv-wrapper #store-results-list .store-wrap {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-wrapper #store-results-list .store-wrap {
font-size: 12px;
line-height: 15px;
}
}
.custserv-wrapper #store-results-list .store-wrap a {
color: inherit;
}
@media (min-width: 751px) {
.custserv-wrapper #store-results-list .store-wrap .store-heading {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.custserv-wrapper #store-results-list .store-wrap .store-heading {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left {
padding-left: 45px;
position: relative;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left .store-image {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: 0;
text-align: center;
overflow: hidden;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left .store-image img {
max-width: 100%;
height: auto;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left,
.custserv-wrapper #store-results-list .store-wrap .store-details.right {
height: auto;
background: none;
}
.custserv-wrapper #store-results-list .store-wrap .store-details-row + .store-details-row {
margin-top: 3px;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions .i-directions {
position: relative;
top: 3px;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions .link-directions {
font-weight: 500;
letter-spacing: 0.05em;
padding-left: 6px;
}
@media (min-width: 751px) {
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions .link-directions {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions .link-directions {
font-size: 12px;
line-height: 15px;
}
}
.custserv-wrapper .store-locator-results#store-results-map {
display: none;
/* show on toggle view */
}
.custserv-wrapper .map-container {
width: 100%;
height: 500px;
border: 0;
position: relative;
}
.custserv-wrapper .map-container .map {
width: 100%;
height: 500px;
}
.custserv-wrapper .map-container .map .baloon-store-heading,
.custserv-wrapper .map-container .map .baloon-store-directions,
.custserv-wrapper .map-container .map .baloon-store-details {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
}
.custserv-wrapper .map-container .map .baloon-store-heading a,
.custserv-wrapper .map-container .map .baloon-store-directions a,
.custserv-wrapper .map-container .map .baloon-store-details a,
.custserv-wrapper .map-container .map .baloon-store-heading a:hover,
.custserv-wrapper .map-container .map .baloon-store-directions a:hover,
.custserv-wrapper .map-container .map .baloon-store-details a:hover {
color: inherit;
}
.custserv-wrapper .map-container .map .baloon-store-details .collection {
margin: 5px 0;
}
.custserv-wrapper .map-container .map .baloon-store-heading {
margin-top: 5px;
}
.custserv-wrapper .map-container .map .baloon-store-heading .store-heading {
text-transform: capitalize;
}
.custserv-wrapper .map-container .map .baloon-store-directions {
margin-top: 15px;
}
.custserv-wrapper .map-container .map .baloon-store-directions .link-directions {
text-decoration: underline;
}
.custserv-wrapper .map-container .map .store-details-row {
position: relative;
}
.custserv-wrapper .map-container .map .store-details-row i {
position: absolute;
left: 0;
top: 0;
}
.custserv-wrapper .store-details-map-container .map-container {
height: 400px;
}
.custserv-wrapper .store-details-map-container .map-container .map {
height: 400px;
}
.custserv-wrapper .store-details-body {
font-size: 13px;
margin-top: 25px;
}
.custserv-wrapper .store-details-body .heading {
font-weight: 500;
letter-spacing: 0.05em;
padding-top: 0;
margin: 0;
}
@media (min-width: 751px) {
.custserv-wrapper .store-details-body .heading {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-details-body .heading {
font-size: 12px;
line-height: 15px;
}
}
.custserv-wrapper .store-details-body .form-box-content {
font-weight: 400;
font-size: 13px;
line-height: 20px;
}
@media (min-width: 751px) {
.custserv-wrapper .store-details-body .form-box-content {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-details-body .form-box-content {
letter-spacing: 0.1em;
}
}
.custserv-wrapper .store-details-body .store-details-info .store-details-row + .store-details-row {
margin-top: 20px;
}
.custserv-wrapper .store-details-body .store-details-closest-stores-list h2 {
margin: 10px 0 0;
font-size: inherit;
}
.custserv-wrapper .store-details-body .store-details-closest-stores-list h2 a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
.custserv-wrapper .store-details-body .store-details-closest-stores-list a {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
.custserv-wrapper .store-details-body .store-details-closest-stores-list ul {
margin-bottom: 20px;
}
.custserv-wrapper .store-details-body .store-details-closest-stores-list .link-more-stores {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.custserv-wrapper .store-details-body .store-details-closest-stores-list .link-more-stores {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.custserv-wrapper .store-details-body .store-details-closest-stores-list .link-more-stores {
font-size: 12px;
line-height: 15px;
}
}
.custserv-wrapper .store-details-body .store-details-images .viewAllImages {
width: 70px;
height: 70px;
overflow: hidden;
display: block;
outline: 0;
}
.custserv-wrapper .store-details-body .store-details-images .viewAllImages img {
max-width: 100%;
height: auto;
}
.custserv-wrapper .store-details-body .store-details-events .event {
padding: 10px;
margin-bottom: 10px;
}
.custserv-wrapper .store-details-body .store-details-events .event .title,
.custserv-wrapper .store-details-body .store-details-events .event .start-end-dates {
font-weight: 600;
}
.custserv-wrapper .store-details-body .store-details-events .event .description {
margin-top: 15px;
}
.custserv-wrapper .store-details-body .store-details-events .event .description p:last-child {
margin-bottom: 0;
}
.custserv-wrapper .store-details-body .store-details-events .event + .event {
border-top: 1px solid #eaeaea;
padding-top: 20px;
}
.pickup-point .formFieldContainer {
margin-bottom: 5px !important;
}
/* lightbox gallery */
.mfp-bg {
background: #ffffff;
opacity: 1;
filter: alpha(opacity=1);
}
.mfp-gallery .mfp-container {
background: #ffffff;
}
.mfp-gallery .mfp-content {
position: static;
}
.mfp-gallery figure {
position: relative;
}
.mfp-gallery .mfp-close {
font-size: 0;
padding-right: 0;
cursor: pointer;
/* default: zoom-out */
}
.mfp-gallery .mfp-arrow:before,
.mfp-gallery .mfp-arrow:after,
.mfp-gallery .mfp-arrow .mfp-b,
.mfp-gallery .mfp-arrow .mfp-a {
display: none;
}
.mfp-gallery .mfp-counter {
color: #cccccc;
font-size: 13px;
width: 100%;
text-align: center;
}
.mfp-gallery .mfp-counter span {
margin-top: 20px;
}
.mfp-gallery .mfp-title {
color: inherit;
font-weight: 700;
text-transform: uppercase;
padding-right: 0;
padding-top: 35px;
margin-top: 20px;
}
@media only screen and (min-width: 1025px) {
.custserv-wrapper .store-locator-heading .search-text {
padding-top: 20px;
margin-bottom: 40px;
}
.custserv-wrapper .store-locator-heading .store-toggle-view .button {
white-space: nowrap;
text-overflow: ellipsis;
}
.custserv-wrapper .map-container .map .gm-style .gm-style-iw {
max-width: 200px;
}
.custserv-wrapper .map-container .map .gm-style .gm-style-iw > div {
max-height: none!important;
}
.mfp-gallery .mfp-close {
top: 20px;
right: 20px;
}
.mfp-gallery .mfp-arrow-left {
left: 20%;
}
.mfp-gallery .mfp-arrow-right {
right: 20%;
}
.mfp-gallery .mfp-content {
max-width: 50%;
}
.mfp-gallery .mfp-title {
margin-top: 35px;
font-size: 18px;
}
}
@media only screen and (min-width: 751px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select {
width: 40%;
float: left;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select:not(.hidden) + .formFieldContainer {
width: 60%;
clear: none;
border-left: 0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select.hidden + .formFieldContainer {
float: none;
}
.custserv-wrapper #store-results-list .store-wrap {
width: 90%;
}
.custserv-wrapper #store-results-list .store-wrap .store-inner-wrap {
display: table;
width: 100%;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left,
.custserv-wrapper #store-results-list .store-wrap .store-details.right {
display: table-cell;
vertical-align: top;
width: 50%;
margin: 0;
float: none;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right {
padding-right: 10px;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-link {
display: block;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions {
display: block;
padding-top: 20px;
}
.custserv-wrapper .store-details-body .store-details-top .store-details-info,
.custserv-wrapper .store-details-body .store-details-top .store-details-closest-stores-list,
.custserv-wrapper .store-details-body .store-details-top .store-details-images {
display: inline-block;
vertical-align: top;
float: left;
}
.custserv-wrapper .store-details-body .store-details-top .store-details-info {
width: 40%;
padding-right: 20px;
}
.custserv-wrapper .store-details-body .store-details-top .store-details-closest-stores-list {
width: 27%;
padding-right: 20px;
}
.custserv-wrapper .store-details-body .store-details-top .store-details-images {
width: 33%;
}
.custserv-wrapper .store-details-body .store-details-bottom {
margin-top: 50px;
}
.custserv-wrapper .store-details-body .store-details-bottom .store-details-events,
.custserv-wrapper .store-details-body .store-details-bottom .store-details-managed-contents {
display: inline-block;
vertical-align: top;
}
.custserv-wrapper .store-details-body .store-details-bottom .store-details-events {
width: 67%;
float: left;
padding-right: 8%;
}
.custserv-wrapper .store-details-body .store-details-bottom .store-details-managed-contents {
width: 33%;
float: right;
}
}
@media only screen and (max-width: 1024px) {
.custserv-wrapper {
margin: 0 2%;
}
.custserv-wrapper .map-container .map .gm-style .gm-style-iw > div {
max-height: none!important;
}
.custserv-wrapper .store-locator-heading .search-text {
padding-top: 0px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-arrow {
background-position: 0px 0px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select:not(.hidden) + .formFieldContainer {
float: left;
}
}
@media only screen and (max-width: 750px) {
body#storeLocator .category-heading-container {
text-align: center;
}
body#storeLocator .category-heading-container h1 {
width: 100%;
}
body#storeLocator .store-locator-heading #locateStoreForm .search-store {
width: 25%;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .type_storeLocatorText {
width: 100%;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .inner-wrap #geolocationWrap {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
}
body#storeLocator .store-locator-heading #locateStoreForm fieldset .inner-wrap #searchDistanceWrap {
width: 100%;
}
.i-view-list {
background-image: url(../assets/images/icons/mobile/icon-store-list.png);
}
.i-view-map {
background-image: url(../assets/images/icons/mobile/icon-store-map.png);
}
.custserv-wrapper {
margin: 0 1%;
}
.custserv-wrapper .mobile-category-title {
clear: both;
border-bottom: 1px solid #d9d9d9;
padding-bottom: 15px;
}
.custserv-wrapper .mobile-category-title.no-border {
border-bottom: 0;
}
.custserv-wrapper .store-locator-heading .search-text {
padding-top: 20px;
margin-bottom: 20px;
}
.custserv-wrapper .store-locator-heading .search-form {
width: 100%;
}
.custserv-wrapper .store-locator-heading .search-form .search-store input {
padding: 0px 10px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select {
width: 75%;
float: none;
margin-bottom: 10px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-arrow {
margin: 3px -20px 0 0;
background-position: 0 0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap.open .select-arrow {
width: 11px;
background-position: 0px 0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap {
padding: 16px 10px 12px 20px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .select-wrap .seclect-name .select-arrow {
background-position: top;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option {
padding: 10px;
border-bottom: 1px solid #e0e0e0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-weight: 500;
letter-spacing: 0.05em;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option input[type=checkbox] {
width: 15px;
height: 15px;
background-color: #fff;
border: 1px solid #cfcfcf;
margin-top: 10px;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option:first-child {
border-top: 1px solid #e0e0e0;
}
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-confirm .button {
padding: 8px;
}
.custserv-wrapper .store-locator-heading .search-form .formFieldContainer {
margin-bottom: 20px;
width: 100%;
}
.custserv-wrapper .store-locator-heading .search-form .inner-wrap {
margin: 0;
}
.custserv-wrapper .store-locator-heading .search-form #geolocationWrap,
.custserv-wrapper .store-locator-heading .search-form .geolocateButton {
margin: 0;
}
.custserv-wrapper .store-locator-heading .search-form #geolocationWrap,
.custserv-wrapper .store-locator-heading .search-form #searchDistanceWrap {
display: block;
}
.custserv-wrapper .store-locator-heading .store-toggle-view {
padding-left: 0;
}
.custserv-wrapper .store-locator-heading .store-results-message {
margin: 20px 0;
}
.custserv-wrapper .store-locator-body {
margin-top: 30px;
}
.custserv-wrapper #store-results-list .store-wrap .store-heading {
font-weight: 600;
letter-spacing: 0.05em;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left,
.custserv-wrapper #store-results-list .store-wrap .store-details.right {
display: block;
float: none;
width: 100%;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right {
text-align: left;
padding-left: 45px;
margin-left: 0;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-link,
.custserv-wrapper #store-results-list .store-wrap .store-details.right .store-directions {
padding-top: 10px;
}
.custserv-wrapper #store-results-list .store-wrap .store-details.left .store-details-row.phone {
padding-top: 10px;
margin-top: 0;
}
.custserv-wrapper .store-locator-results#store-results-map,
.custserv-wrapper .store-details-map-container {
width: 104%;
margin-left: -2%;
margin-right: -2%;
}
.custserv-wrapper .map-container {
height: 330px;
}
.custserv-wrapper .map-container .map {
width: 100%;
height: 330px;
}
.custserv-wrapper .store-details-body .heading {
text-align: left;
}
.custserv-wrapper .store-details-body .store-details-info,
.custserv-wrapper .store-details-body .store-details-closest-stores-list,
.custserv-wrapper .store-details-body .store-details-images,
.custserv-wrapper .store-details-body .store-details-events {
margin-top: 20px;
}
.custserv-wrapper .store-details-body .store-details-events .events {
margin-top: 5px;
}
.custserv-wrapper .store-details-body .store-details-managed-contents .store-details-managed-content:first-child .cmsWrapper {
margin-top: 50px;
}
.mfp-gallery .mfp-close {
top: 12px;
right: 12px;
}
.mfp-gallery .mfp-arrow-left {
left: 5%;
}
.mfp-gallery .mfp-arrow-right {
right: 5%;
}
.mfp-gallery .mfp-content {
max-width: 75%;
}
.mfp-gallery .mfp-counter {
font-size: 11px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.custserv-wrapper .store-locator-heading .search-form .store-collection-select .options .ref-option label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.custserv-wrapper #store-results-list .store-wrap .store-heading {
font-size: 13px;
line-height: 18px;
}
}
/* Google Maps puts style="transform:translateZ(0px); ..." on several HTML elements
to improve performance on 2D transforms with GPU acceleration (especially for mobile browsers)
This causes rendering problems for fixed elements
To fix problems remove this rule for desktop or add translateZ to fixed elements */
.map {
transform: none!important;
}
.prefered-store {
width: 100%;
float: left;
text-align: left;
font-size: 12px;
color: #000;
font-weight: 600;
}
.prefered-store a {
color: #000;
}
#storeLocator .common-message-blue {
width: 100%;
float: left;
text-align: left;
margin: 0 auto;
color: #76d6ba;
padding: 10px 0 10px 0;
font-weight: 600;
font-size: 11px;
border: 3px solid;
}
.js_pickUpInStore a:hover {
color: black;
}
.link-store-availability {
clear: both;
padding-right: 50%;
padding-left: 42px;
margin-left: 0;
position: relative;
color: black;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
float: left;
vertical-align: top;
text-align: left;
width: 100%;
margin-top: 17px;
display: inline-block;
height: 20px;
}
.GCEntityBody .container-gallery,
.GCEntityBody .container-scheda-prodotto {
width: 50%;
}
.GCEntityBody .slider-container .slider-aligner {
width: 100%;
}
.GCEntityBody .slider-container .slider-aligner.no-zoom {
cursor: default;
pointer-events: none;
}
.GCEntityBody .slider-container .slider-aligner.no-zoom .hover-zoom {
display: none;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto {
width: 450px;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-name {
padding: 10px 0;
font-weight: 500;
letter-spacing: 0.1em;
}
@media (min-width: 751px) {
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-name {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-name {
font-size: 12px;
line-height: 15px;
}
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .egc-variant {
padding-left: 0;
padding-bottom: 10px;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-egc-container .rect-container {
width: 65px;
height: 90px;
display: inline-block;
text-align: center;
border: 1px solid #000;
color: black;
margin-right: 5px;
cursor: pointer;
vertical-align: middle;
margin-top: 6px;
background-color: #FFFFFF;
border-radius: 0;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-egc-container .rect-container.selected {
border: 2px solid black;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto span.labelFieldWrapper {
width: 415px;
}
.GCEntityBody .labels_egc {
font-weight: 500;
letter-spacing: 0.1em;
padding-bottom: 10px;
margin-bottom: 0;
}
@media (min-width: 751px) {
.GCEntityBody .labels_egc {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.GCEntityBody .labels_egc {
font-size: 12px;
line-height: 15px;
}
}
.GCEntityBody .labels_egc-field {
font-weight: 500;
letter-spacing: 0.1em;
max-width: 220px;
}
@media (min-width: 751px) {
.GCEntityBody .labels_egc-field {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 750px) {
.GCEntityBody .labels_egc-field {
font-size: 12px;
line-height: 15px;
}
}
.GCEntityBody .description-container .column {
width: 100%;
}
#cboxWrapper .egcFormQV .content-care_warning {
margin-left: 0;
width: 100%;
}
.container_singola_variante {
width: 49%;
display: inline-block;
}
.VariantAmount .amount {
height: 45px;
display: inline-block;
vertical-align: top;
background-color: #fff;
border: 1px solid #000;
border-radius: 0;
padding: 13px 6px;
margin-right: 3px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.VariantAmount .amount {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.VariantAmount .amount {
font-size: 12px;
line-height: 15px;
}
}
.VariantAmount .amount.selected {
border: 2px solid #000;
}
.VariantAmount .amount#typeAmount {
min-width: 100px;
margin-right: 0;
text-align: center;
font-weight: normal;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.VariantAmount .amount#typeAmount {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.VariantAmount .amount#typeAmount {
font-size: 12px;
line-height: 15px;
}
}
input#purchaserName,
input#recipientName,
input#recipientEmail,
input#recipientEmailConfirm,
input#deliveryDateEgc {
border: 1px solid #000;
color: #000;
padding: 5px;
font-weight: 500;
letter-spacing: 0.05em;
outline: 0;
width: 189px;
margin-top: 5px;
margin-right: 10px;
}
@media (min-width: 751px) {
input#purchaserName,
input#recipientName,
input#recipientEmail,
input#recipientEmailConfirm,
input#deliveryDateEgc {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
input#purchaserName,
input#recipientName,
input#recipientEmail,
input#recipientEmailConfirm,
input#deliveryDateEgc {
font-size: 12px;
line-height: 15px;
}
}
.zoom-close .closeBtn {
position: absolute;
padding: 30px;
right: 0;
}
#product .formFieldContainer {
position: static;
float: none;
clear: none;
}
.GCEntityBody .main-item-gc .item-container-gc {
width: 100% !important;
}
.GCEntityBody sqr-alt-select {
width: 220px;
}
.EntityBody .main-item .image-description-container {
clear: none !important;
}
.EntityBody .main-item .image-container {
float: left;
max-width: 374px;
width: 100%;
height: auto;
}
.GCEntityBody .main-item-gc .description-container-gc {
float: left;
width: 100% !important;
max-width: 463px;
height: auto;
}
.GCEntityBody .conversione_prezzo {
clear: both;
box-sizing: border-box;
display: block;
padding: 0 0 10px;
font-weight: 600;
font-size: 14px;
}
.GCEntityBody .go-to-checkout-btn.white {
width: 190px;
text-align: center;
}
.name_product {
text-transform: uppercase;
font-size: 21px;
text-align: left;
font-weight: 600;
color: #000;
line-height: 27px;
padding-top: 5px;
}
.labels_egc {
width: 198px;
text-align: left;
font-size: 12px;
padding-bottom: 10px;
}
.labels_egc.label_egc_style {
padding-bottom: 0;
}
.labels_egc-field {
text-align: left;
font-size: 12px;
padding: 10px 0px 0px 0px;
}
.select_bianca {
text-align: left;
}
.VariantDropdown select {
width: 175px !important;
float: left;
border: 1px solid #cccccc;
padding: 5px 25px 5px 7px;
position: relative;
font-size: 12px;
text-align: left;
}
.VariantDropdown .selected {
background-color: #333;
color: #fff;
}
input#deliveryDateEgc {
margin-right: 0;
}
.VariantDropdownWithSwatchList ul {
height: 0px;
}
.container_varianti_thumbnails {
max-width: 374px;
width: 100%;
height: auto;
float: left;
}
.nuove_thumbs {
width: 374px;
height: auto;
float: left;
}
.nuove_thumbs li {
float: left;
padding-right: 7px;
padding-bottom: 20px;
}
.content-care_warning {
font-size: 12px;
color: #000;
padding-top: 20px;
padding-bottom: 35px;
float: left;
text-align: left;
}
.content-care_warning a {
color: #000;
font-weight: 600;
}
.ui-datepicker-trigger {
padding-left: 10px;
}
.textarea-egc {
clear: both;
}
.egcMessage {
clear: both;
padding: 10px 0 0;
color: #999;
}
div.textarea-egc textarea {
width: 100%;
height: 92px;
margin-left: 0px;
float: left;
margin-top: 10px;
resize: none;
}
.add-item-container-egc {
max-width: 435px;
width: 100%;
height: auto;
text-align: left;
margin-left: 0px;
margin-top: 20px;
}
.addEGCToCart {
float: left;
}
#sqrGoToCheckout {
display: block;
clear: both;
}
#sqrGoToCheckout .go-to-checkout-btn,
#sqrGoToCheckout .btnProceedCheckout {
margin-top: 20px;
}
.preview-ecard {
color: #000 !important;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
padding-top: 21px;
cursor: pointer;
display: block;
float: left;
clear: both;
}
.preview-ecard a,
.preview-ecard a:hover {
font-size: 14px;
color: #000;
}
.formFieldContainer.valid .verify,
.formFieldContainer.invalid .verify {
display: none;
}
.total-price-wrapper-creditcard {
border: 1px solid #CFCDB6;
border-right: 0;
border-left: 0;
padding: 5px 0 0;
margin-top: 10px;
margin-left: 10px;
float: right;
}
.sign-in-segment {
margin-left: 35px;
line-height: 22px;
margin-top: 30px;
border-top: 1px solid #BBB;
padding-top: 30px;
margin-right: 20px;
text-align: justify;
}
.sign-in-segment input[type="radio"] + label {
margin: 0;
}
.sign-in-segment input[type="radio"] + label:last-child {
margin: 10px 0;
}
.checkout-estimated-total-cc {
padding: 4px 0 8px 0px;
}
.checkout-estimated-total-cc .label-credit-card {
font-weight: 600;
letter-spacing: 0.05em;
text-align: right;
width: 70%;
float: left;
}
@media (min-width: 751px) {
.checkout-estimated-total-cc .label-credit-card {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.checkout-estimated-total-cc .label-credit-card {
font-size: 15px;
line-height: 23px;
}
}
.checkout-estimated-total-cc .value-credit-card {
font-weight: 600;
letter-spacing: 0.05em;
text-align: right;
padding-right: 0px;
width: auto;
float: right;
}
@media (min-width: 751px) {
.checkout-estimated-total-cc .value-credit-card {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.checkout-estimated-total-cc .value-credit-card {
font-size: 15px;
line-height: 23px;
}
}
/* CALENDAR */
#ui-datepicker-div {
display: none;
background-color: #fff;
border: 1px solid #999;
margin-top: 5px;
padding: 13px;
}
.ui-datepicker-header {
background-color: #fff;
width: 192px;
}
.ui-datepicker-unselectable.ui-state-disabled {
font-size: 11px;
color: #CCC;
padding: 3px 0;
}
#ui-datepicker-div table {
width: -webkit-calc( 100% - 5px );
width: -moz-calc( 100% - 5px );
width: -o-calc( 100% - 5px );
width: calc( 100% - 5px );
margin: 5px;
}
#ui-datepicker-div table th {
text-align: center;
}
span.ui-icon.ui-icon-circle-triangle-w,
span.ui-icon.ui-icon-circle-triangle-e,
a.ui-state-default {
color: #000;
}
span.ui-icon.ui-icon-circle-triangle-w a:hover,
span.ui-icon.ui-icon-circle-triangle-e a:hover,
a.ui-state-default a:hover {
color: #000;
}
.giftCardErrorClass {
display: block;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
}
@media (min-width: 751px) {
.giftCardErrorClass {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
.giftCardErrorClass {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.qvDataDivEGC .thumbnails_template_mail .rect-container {
border-radius: 0;
}
@media (min-width: 751px) {
.qvDataDivEGC .thumbnails_template_mail {
margin-right: -10px;
}
.qvDataDivEGC .thumbnails_template_mail .rect-container {
margin-right: 2px;
border: 1px solid #000;
}
.qvDataDivEGC .thumbnails_template_mail .rect-container.selected {
border-width: 2px;
}
}
@media (min-width: 751px) and (max-width: 1024px) {
#qlCont .GCEntityBody .container-gallery {
width: 50%;
}
.container-gallery {
padding: 0 2%;
}
.container-scheda-prodotto {
padding: 0 20px 0 0;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto span.labelFieldWrapper {
width: 100%;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto {
width: 100%;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .container_singola_variante {
width: 49%;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
.GCEntityBody .container-gallery,
.GCEntityBody .container-scheda-prodotto {
width: 100%;
}
.GCEntityBody .slider-container .slider-aligner {
max-width: 400px;
float: none;
margin: auto;
margin-bottom: 7px;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto {
width: 100%;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .product-name {
display: none;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto span.labelFieldWrapper {
width: 100%;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .VariantAmount .amount:nth-child(3),
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto .VariantAmount .amount:nth-child(4) {
display: none;
}
.sign-in-segment {
margin-left: 0;
}
.VariantAmount .amount {
width: 24%;
}
.VariantAmount .amount#typeAmount {
width: 49%;
min-width: 0!important;
}
.VariantAmount .amount:nth-child(3),
.VariantAmount .amount:nth-child(4) {
display: none;
}
.button-extended {
width: 100% !important;
}
.container_after_bottom_promo {
padding: 0px 12px 0px 12px;
}
.container_after_bottom_promo .container_title_check_balance {
font-size: 18px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
margin-top: 20px;
padding-bottom: 20px;
}
.total-price-wrapper-creditcard,
.checkout-estimated-total-cc {
display: none;
}
.container_singola_variante input:not([type="submit"]):not([type="button"]) {
width: 100%!important;
}
.container_singola_variante {
width: 100%;
float: none!important;
}
.thumbnails_template_mail {
text-align: left;
}
.variant.COLOR_NAME.container_varianti {
float: left;
/*width: 49%;*/
width: 100%;
}
.variant.SIZE_NAME.container_varianti {
float: right;
/*width: 49%;*/
width: 100%;
}
.variant.SIZE_NAME.container_varianti sqr-alt-select,
.variant.COLOR_NAME.container_varianti sqr-alt-select {
width: 100%;
}
.add-item-container-egc {
max-width: 100%;
}
#ui-datepicker-div,
#ui-datepicker-div .ui-datepicker-header {
width: 100%;
}
.available-variant .rect-container {
width: 18.642%;
height: 100%;
}
/* LANDING GIFT CARD */
.category-heading-giftcard {
width: 100% !important;
font-size: 18px !important;
text-align: center;
padding-top: 15px;
}
.container-certificate {
width: 100% !important;
padding-right: 0px !important;
}
.container-pin {
width: 50% !important;
}
.formFieldContainerLandingGift {
float: none !important;
}
#ElectronicGiftCard #gcRedemptionCode {
max-width: 767px !important;
width: 100% !important;
}
.container-button-check {
padding-top: 52px !important;
width: 50%;
}
#GiftCardCertificates-Area1 .left-column {
width: 100% !important;
padding: 0px 12px 0px 12px;
}
#GiftCardCertificates-Area1 h1 {
text-align: center;
font-size: 30px !important;
}
#GiftCardCertificates-Area1 .right-column {
width: 100% !important;
text-align: center;
float: left;
padding: 0px 12px 0px 12px;
}
#GiftCardCertificates-Area1 .content-buttons {
margin-top: 0px !important;
padding: 0px 12px 0px 12px;
}
#GiftCardCertificates-Area1 .important_button {
margin-top: 10px;
}
#sqrGoToCheckout .go-to-checkout-btn,
#sqrGoToCheckout .btnProceedCheckout {
width: 100%;
}
#sqrGoToCheckout .btnProceedCheckout {
position: relative;
padding: 14px 18px;
}
#sqrGoToCheckout .btnProceedCheckout .text2rows {
text-align: center;
padding-right: 30px;
width: 100%;
}
#sqrGoToCheckout .btnProceedCheckout i {
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
float: none;
}
}
/* Electronic Gift Card */
.product-egc-container {
text-align: left;
}
.egc-variant {
padding-left: 40px;
}
.variant {
padding-top: 10px;
}
.variant .error {
display: none;
padding-bottom: 10px;
padding-left: 0;
}
.variantError .error {
display: block;
}
.GCEntityBody .notification-error-top {
display: none;
}
/* LANDING GIFT CARD */
.container_after_bottom_promo {
width: 100%;
float: left;
}
.container_title_check_balance {
font-size: 22px;
text-transform: uppercase;
font-weight: 600;
text-align: left;
margin-top: 20px;
padding-bottom: 30px;
}
.labels_gclanding-balance {
font-size: 12px;
padding-top: 20px;
padding-bottom: 5px;
text-align: left;
background-color: #ffffff;
}
#result_gift {
font-size: 12px;
text-aling: left;
background-color: #ebebeb;
}
.date-balance {
padding: 10px 0px 5px 15px;
margin-bottom: -5px;
}
.category-heading-giftcard {
float: left;
font-weight: 600;
font-size: 22px;
width: auto;
color: #000;
text-transform: uppercase;
margin-bottom: 0;
}
.banner-giftcardcertificates-top-promo {
width: 100%;
height: auto;
}
#GiftCardCertificates-Area1 .left-column,
#GiftCardCertificates-Area1 .right-column {
width: 50%;
float: right;
margin-top: 30px;
}
#GiftCardCertificates-Area1 h1 {
text-align: left;
font-size: 32px;
margin: 0px 0px 25px 0px;
}
#GiftCardCertificates-Area1 p {
font-size: 13px;
}
#GiftCardCertificates-Area1 .content-buttons {
width: 100%;
float: left;
margin-top: 30px;
}
.gc-balance {
float: left;
width: 100%;
height: auto;
}
.labels_gclandind-field {
text-align: left;
font-size: 12px;
padding: 10px 0px 5px 0px;
}
.formFieldContainerLandingGift {
position: relative;
float: left;
/* clear: both; */
}
.container-certificate,
.container-pin {
float: left;
width: auto;
padding-right: 10px;
}
.container-button-check {
float: left;
padding-top: 32px;
}
#ElectronicGiftCard #gcRedemptionCode,
#ElectronicGiftCard #gcPin {
padding: 10px;
}
#ElectronicGiftCard input[type="radio"] {
display: none;
}
#ElectronicGiftCard input[type="radio"] + label {
font-size: 12px;
}
#ElectronicGiftCard #gcRedemptionCode {
width: 186px;
}
#ElectronicGiftCard #gcPin {
width: 118px;
}
.container_varianti.formFieldContainer.overLabeled.emptyError {
margin-top: 20px;
}
.emptyError .labels_egc-field {
color: #ff6666 !important;
}
.emptyError input[type="text"] {
border: 1px solid #ff6666 !important;
}
.egcEmptyHide,
.egcInvalidHide,
.egcNoMatchHide {
display: none;
}
/* GIFT CARD OVERLAY */
#overlayInfoPrice,
#overlayInfoLabel {
display: none;
}
.galleryEGCOverlay {
width: 100%;
height: 100%;
position: absolute;
/* Banner tezenis */
/* Contenitore prezzo */
}
.galleryEGCOverlay .galleryEGC_TZNBanner {
background-color: #000;
width: 60%;
padding-bottom: 15%;
margin: 0 auto;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 85%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(85%, #eaeaea));
background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
box-shadow: 0px 5px 20px #545454;
position: relative;
}
.galleryEGCOverlay .galleryEGC_TZNBanner .outerWrp {
width: 100%;
height: 100%;
position: absolute;
margin-left: -50%;
}
.galleryEGCOverlay .galleryEGC_TZNBanner .outerWrp .logoWrp {
width: 100%;
height: 100%;
display: table;
}
.galleryEGCOverlay .galleryEGC_TZNBanner .outerWrp .logoWrp .egcLogo {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.galleryEGCOverlay .galleryEGC_TZNBanner .outerWrp .logoWrp .egcLogo img {
width: 75%;
}
.galleryEGCOverlay .galleryEGC_TZNPrice {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: 0;
padding-bottom: 60%;
margin-left: -30%;
margin-top: -30%;
border-radius: 50%;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 85%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(85%, #eaeaea));
background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 85%);
background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 85%);
background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 85%);
background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 85%);
box-shadow: 0px 5px 40px #545454;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp {
width: 100%;
height: 100%;
position: absolute;
margin: 0 -50%;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp {
width: 100%;
height: 100%;
display: table;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price {
display: table-cell;
text-align: center;
height: 100%;
vertical-align: middle;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .amount {
font-size: 75px;
font-weight: 600;
letter-spacing: -2px;
display: block;
line-height: 80px;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .labelEGC {
display: block;
font-size: 20px;
font-weight: 600;
line-height: 25px;
}
/* Gift Card quick view */
#cboxWrapper .js_productScope.GCEntityBody {
width: 100%;
padding-right: 0;
}
#cboxWrapper .js_productScope.GCEntityBody .container_singola_variante {
width: 100%;
}
#cboxWrapper .js_productScope.GCEntityBody input#purchaserName,
#cboxWrapper .js_productScope.GCEntityBody input#recipientName,
#cboxWrapper .js_productScope.GCEntityBody input#recipientEmail,
#cboxWrapper .js_productScope.GCEntityBody input#recipientEmailConfirm {
width: 100%!important;
}
#cboxWrapper .js_productScope.GCEntityBody .VariantAmount .amount {
width: 49%;
float: left;
}
#cboxWrapper .js_productScope.GCEntityBody .VariantAmount .amount:nth-child(1),
#cboxWrapper .js_productScope.GCEntityBody .VariantAmount .amount:nth-child(3) {
margin-right: 2%;
}
#cboxWrapper .js_productScope.GCEntityBody .VariantAmount .amount:nth-child(2),
#cboxWrapper .js_productScope.GCEntityBody .VariantAmount .amount:nth-child(4) {
margin-right: 0;
}
#cboxWrapper .js_productScope.GCEntityBody .labels_egc-field {
font-weight: 500;
letter-spacing: 0.1em;
max-width: 100%;
}
#qlCont.quicklook-miniproduct {
height: auto!important;
}
#qlCont.quicklook-miniproduct .buttonAddcart,
#qlCont.quicklook-miniproduct .buttonCheckout {
width: auto;
}
.qvDataDivEGC div.textarea-egc textarea {
height: 92px;
width: 100%;
}
#cboxWrapper #sliderQV sqr-product-gallery {
margin-left: 0;
width: 100%;
}
#cboxWrapper #sliderQV .galleryEGCOverlay .galleryEGC_TZNPrice {
width: 70%;
padding-bottom: 70%;
margin-left: -35%;
margin-top: -35%;
}
#cboxWrapper #sliderQV.egcFormQV .container-gallery {
padding: 0 40px 0 0;
}
#cboxWrapper #sliderQV.egcFormQV .qvDataDiv {
color: #000;
width: 50%;
}
#cboxWrapper #sliderQV.egcFormQV .qvDataDiv .egc-variant,
#cboxWrapper #sliderQV.egcFormQV .qvDataDiv .thumbnails_template_mail {
padding-bottom: 10px;
}
/* Mobile Gift Card overlay */
@media only screen and (max-width: 1023px) {
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .amount {
font-size: 60px;
line-height: 65px;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .labelEGC {
font-size: 15px;
line-height: 20px;
}
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto input#purchaserName,
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto input#recipientName,
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto input#recipientEmail,
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto input#recipientEmailConfirm,
.GCEntityBody .container-scheda-prodotto .dati-scheda-prodotto input#deliveryDateEgc {
width: 170px;
}
}
/* Mobile Gift Card overlay */
@media only screen and (max-width: 750px) {
.egc-variant {
padding-left: 0px;
}
.product-egc-container .rect-container {
width: 18.8%;
height: auto;
margin-right: 1.5%;
display: block;
float: left;
}
.product-egc-container .rect-container:last-of-type {
margin-right: 0;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .amount {
font-size: 100px;
/* fallback browser vecchi */
font-size: 18vw;
line-height: 18vw;
}
.galleryEGCOverlay .galleryEGC_TZNPrice .outerWrp .priceWrp .price .labelEGC {
font-size: 25px;
/* fallback browser vecchi */
font-size: 5vw;
line-height: 6.5vw;
}
}
@media only screen and (min-width: 320px) and (max-width: 514px) {
.VariantAmount .amount {
width: 23%;
}
}
/* Gift card Preview */
.preview-egc-dialog {
padding: 10px;
width: 620px;
max-width: 100%;
margin: 0 auto;
}
.preview-egc-dialog .email-preview-wrapper {
background-color: #FFF;
}
.preview-egc-dialog .email-preview-wrapper .email-preview-container {
padding: 0 115px;
}
.preview-egc-dialog .email-preview-wrapper sqr-product-gallery.slider-container .slider-aligner {
float: none;
margin: auto;
}
.preview-egc-dialog .email-preview-wrapper sqr-product-gallery.slider-container .slider-aligner .hover-zoom {
display: none;
}
.preview-egc-dialog .email-preview-wrapper .fakeLink {
padding-top: 15px;
display: block;
color: #9a9a9a;
text-decoration: underline;
}
.preview-egc-dialog .email-preview-wrapper .previewName {
padding: 45px 0;
font-size: 18px;
color: #000;
font-weight: 600;
}
.preview-egc-dialog .email-preview-wrapper .pinLabel {
padding-left: 10px;
}
.preview-egc-dialog .email-preview-wrapper .fakeDetails {
width: 100%;
border: 1px dashed #CCC;
margin-top: 20px;
padding: 15px;
text-align: left;
display: table;
}
.preview-egc-dialog .email-preview-wrapper .fakeDetails .infoRow {
display: table-row;
font-size: 12px;
}
.preview-egc-dialog .email-preview-wrapper .fakeDetails .infoRow .infoLabel {
display: table-cell;
text-align: right;
padding: 5px 0;
width: 110px;
max-width: 110px;
}
.preview-egc-dialog .email-preview-wrapper .fakeDetails .infoRow .infoContent {
display: table-cell;
padding-left: 15px;
}
.preview-egc-dialog .email-preview-wrapper .fakeDetails .infoRow .infoContent.text-message {
line-height: 15px;
word-break: break-word;
}
.preview-egc-dialog .email-preview-wrapper .fakeButton {
margin-top: 30px;
margin-bottom: 60px;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .barCodeRow {
border-bottom: 1px solid #BBB;
border-top: 1px solid #BBB;
padding: 20px;
text-align: left;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .barCodeRow .barCode {
width: 140px;
height: 55px;
background-image: url('/tzn-front/assets/images/img/fake-barcode.png');
background-repeat: no-repeat;
display: table-cell;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .barCodeRow .infoText {
width: 75%;
font-size: 11px;
display: table-cell;
vertical-align: middle;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .contactInfoRow {
text-align: left;
font-size: 11px;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .contactInfoRow .tznLogo {
height: 70px;
width: 150px;
background-image: url('/tzn-front/assets/images/img/logo-fake-gift-card.png');
background-repeat: no-repeat;
background-position: center;
display: table-cell;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .contactInfoRow .fakeCopyright {
display: table-cell;
color: #666;
vertical-align: middle;
}
.preview-egc-dialog .email-preview-wrapper .fakeFooter .contactInfoRow .fakeSocial {
display: table-cell;
background-image: url('/tzn-front/assets/images/img/social-fake-gift-card.png');
width: 160px;
height: 50px;
background-repeat: no-repeat;
background-position: left;
}
div.gc-balance .error.balance {
margin-top: 20px;
}
#numero_carta_check_balance_error_landing,
#numero_pin_check_balance_error_landing,
#gift_card_unfound_landing,
#error_generic_landing {
display: block;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
padding: 5px 0 0;
width: 100%;
}
@media (min-width: 751px) {
#numero_carta_check_balance_error_landing,
#numero_pin_check_balance_error_landing,
#gift_card_unfound_landing,
#error_generic_landing {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#numero_carta_check_balance_error_landing,
#numero_pin_check_balance_error_landing,
#gift_card_unfound_landing,
#error_generic_landing {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
.qvDataDivEGC .VariantAmount .amount#typeAmount {
width: 100%!important;
clear: both;
}
#error_typeAmount {
color: #ff6666;
font-size: 12px;
text-align: left;
padding-bottom: 10px;
}
/* disable spinner for input type number */
#typeAmount::-webkit-inner-spin-button,
#typeAmount::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
body#ElectronicGiftCard.hasLeftNav .content_wrap .body_wrap {
padding: 0 15%;
}
/* DESKTOP */
@media only screen and (min-width: 1024px) {
#onePageCheckout .userLoggedIn #signInContainer,
#receipt .userLoggedIn #signInContainer {
margin-right: 40px !important;
}
#onePageCheckout .userLoggedIn #signInContainer .user-name,
#receipt .userLoggedIn #signInContainer .user-name {
width: 300px;
margin-right: 300px;
}
#onePageCheckout .content-banner-checkout,
#receipt .content-banner-checkout {
margin-top: 0;
}
#onePageCheckout .my-account-breadcrumb,
#receipt .my-account-breadcrumb {
display: none;
}
#onePageCheckout .grey-area,
#receipt .grey-area {
width: 75%;
padding: 20px;
margin: 0 auto;
background-color: #f7f7f7;
margin-top: 35px;
}
#onePageCheckout .grey-area h3,
#receipt .grey-area h3 {
font-weight: 600;
font-size: 15px;
margin-top: 0px;
}
#onePageCheckout .grey-area ul.bullet li,
#receipt .grey-area ul.bullet li {
display: list-item;
list-style-type: disc;
margin-left: 20px;
}
#onePageCheckout .grey-area .labelFieldWrapper .field-name,
#receipt .grey-area .labelFieldWrapper .field-name {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer,
#receipt .grey-area .formFieldContainer {
width: 40%;
}
#onePageCheckout .grey-area .formFieldContainer .field-name > div,
#receipt .grey-area .formFieldContainer .field-name > div {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer span.labelFieldWrapper,
#receipt .grey-area .formFieldContainer span.labelFieldWrapper {
margin-top: 20px;
}
#onePageCheckout .grey-area .formFieldContainer input,
#receipt .grey-area .formFieldContainer input {
width: 245px;
height: 26px;
padding: 10px;
border: 1px solid #999999;
}
#onePageCheckout .grey-area .formFieldContainer.type_passwordVerify.two,
#receipt .grey-area .formFieldContainer.type_passwordVerify.two {
width: 40%;
/*margin-left:40%;*/
}
#onePageCheckout .grey-area .buttonRow,
#receipt .grey-area .buttonRow {
width: 100%;
padding: 0;
margin: 0;
margin-top: 20px;
}
#onePageCheckout .grey-area .tip,
#receipt .grey-area .tip {
padding-left: 0;
}
#onePageCheckout .content_wrap #checkout,
#receipt .content_wrap #checkout {
margin-top: -15px;
}
#onePageCheckout .number-and-date,
#receipt .number-and-date {
font-size: 12px;
text-align: center;
margin-top: 10px;
}
#onePageCheckout .number-and-date .number,
#receipt .number-and-date .number,
#onePageCheckout .number-and-date .date,
#receipt .number-and-date .date {
display: inline-block;
}
#onePageCheckout .number-and-date .number:before,
#receipt .number-and-date .number:before {
content: "|";
margin-left: 10px;
margin-right: 10px;
}
#onePageCheckout .checkout-print.dont-print.print-this-page-link,
#receipt .checkout-print.dont-print.print-this-page-link {
text-align: center;
width: 200px;
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 auto;
height: 20px;
}
#onePageCheckout .checkout-print.dont-print.print-this-page-link a,
#receipt .checkout-print.dont-print.print-this-page-link a {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
#onePageCheckout .pretext,
#receipt .pretext {
width: 75%;
font-size: 12px;
text-align: center;
margin: 0 auto;
margin-top: 25px;
font-weight: 600;
}
#onePageCheckout .pretext a,
#receipt .pretext a {
color: #000;
}
#onePageCheckout .tznButton.normalSize.greyColor,
#receipt .tznButton.normalSize.greyColor {
margin-bottom: 20px;
}
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-weight: 500;
letter-spacing: 0.1em;
margin-top: 50px;
text-align: center;
color: #000;
}
}
@media only screen and (min-width: 1024px) and (min-width: 751px) {
#onePageCheckout .checkout-print.dont-print.print-this-page-link,
#receipt .checkout-print.dont-print.print-this-page-link {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 750px) {
#onePageCheckout .checkout-print.dont-print.print-this-page-link,
#receipt .checkout-print.dont-print.print-this-page-link {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (min-width: 1024px) and (min-width: 751px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 750px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 23px;
line-height: 28px;
}
}
/* TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#onePageCheckout .my-account-breadcrumb,
#receipt .my-account-breadcrumb {
display: none;
}
#onePageCheckout #checkout,
#receipt #checkout {
padding-top: 0 !important;
}
#onePageCheckout .grey-area,
#receipt .grey-area {
width: 100%;
padding: 20px;
margin: 0 auto;
background-color: #f7f7f7;
margin-top: 35px;
}
#onePageCheckout .grey-area h3,
#receipt .grey-area h3 {
font-weight: 600;
font-size: 15px;
margin-top: 0px;
}
#onePageCheckout .grey-area ul.bullet li,
#receipt .grey-area ul.bullet li {
display: list-item;
list-style-type: disc;
margin-left: 20px;
}
#onePageCheckout .grey-area .labelFieldWrapper .field-name,
#receipt .grey-area .labelFieldWrapper .field-name {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer,
#receipt .grey-area .formFieldContainer {
width: 50%;
display: inline-block;
vertical-align: top;
}
#onePageCheckout .grey-area .formFieldContainer .field-name > div,
#receipt .grey-area .formFieldContainer .field-name > div {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer input,
#receipt .grey-area .formFieldContainer input {
width: 245px;
height: 26px;
padding: 10px;
border: 1px solid #999999;
}
#onePageCheckout .grey-area .formFieldContainer.type_passwordVerify.two,
#receipt .grey-area .formFieldContainer.type_passwordVerify.two {
width: 51%;
float: left;
}
#onePageCheckout .grey-area .buttonRow,
#receipt .grey-area .buttonRow {
width: 51%;
padding: 0;
margin: 0;
margin-top: 20px;
float: left;
}
#onePageCheckout .grey-area .tip,
#receipt .grey-area .tip {
padding-left: 0;
}
#onePageCheckout .content_wrap #checkout,
#receipt .content_wrap #checkout {
margin-top: -15px;
}
#onePageCheckout .number-and-date,
#receipt .number-and-date {
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
margin-top: 10px;
}
#onePageCheckout .number-and-date .number,
#receipt .number-and-date .number,
#onePageCheckout .number-and-date .date,
#receipt .number-and-date .date {
display: inline-block;
}
#onePageCheckout .number-and-date .date:after,
#receipt .number-and-date .date:after {
content: "|";
margin-left: 10px;
margin-right: 10px;
}
#onePageCheckout .checkout-print.dont-print.print-this-page-link,
#receipt .checkout-print.dont-print.print-this-page-link {
text-align: center;
width: 200px;
margin: 0 auto;
line-height: 20px;
height: 20px;
text-transform: uppercase;
font-weight: 600;
}
#onePageCheckout .checkout-print.dont-print.print-this-page-link a,
#receipt .checkout-print.dont-print.print-this-page-link a {
color: #000;
text-decoration: underline;
font-size: 13px;
}
#onePageCheckout .pretext,
#receipt .pretext {
width: 100%;
font-size: 12px;
text-align: center;
margin: 0 auto;
margin-top: 25px;
font-weight: 600;
}
#onePageCheckout .pretext a,
#receipt .pretext a {
color: #000;
}
#onePageCheckout .tznButton.normalSize.greyColor,
#receipt .tznButton.normalSize.greyColor {
margin-bottom: 20px;
}
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-weight: 500;
letter-spacing: 0.1em;
margin-top: 50px;
text-align: center;
color: #000;
}
#onePageCheckout div.checkout-subheader,
#receipt div.checkout-subheader {
background-color: #fff;
width: 768px;
max-width: 100%;
margin-left: 15px;
margin-bottom: 4px;
margin-top: 110px;
position: relative;
z-index: 1;
}
#onePageCheckout div.checkout-subheader .bold,
#receipt div.checkout-subheader .bold {
float: left;
height: 35px;
line-height: 35px;
margin-right: 5px;
width: 21%;
text-align: left;
margin-bottom: -16px;
margin-left: 10%;
}
#onePageCheckout div.checkout-subheader .bold .label,
#receipt div.checkout-subheader .bold .label {
background-color: #fff;
font-size: 11px;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#onePageCheckout div.checkout-subheader .bold .number,
#receipt div.checkout-subheader .bold .number {
float: left;
width: 35px;
height: 35px;
background-color: #000;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #fff;
line-height: 35px;
margin-right: 5px;
text-align: center;
margin-bottom: -16px;
}
#onePageCheckout div.checkout-subheader .coNavOff,
#receipt div.checkout-subheader .coNavOff {
float: left;
height: 35px;
line-height: 35px;
color: #ddd;
margin-right: 5px;
width: 33%;
text-align: left;
font-weight: 600;
margin-bottom: -16px;
}
#onePageCheckout div.checkout-subheader .coNavOff .label,
#receipt div.checkout-subheader .coNavOff .label {
background-color: #fff;
font-size: 11px;
color: #ddd;
font-weight: 600;
margin-bottom: -16px;
line-height: 37px;
}
#onePageCheckout div.checkout-subheader .coNavOff .number,
#receipt div.checkout-subheader .coNavOff .number {
float: left;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 35px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
color: #ddd;
line-height: 35px;
border: 1px solid #ddd;
margin-right: 5px;
text-align: center;
font-weight: 600;
margin-bottom: -16px;
}
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(1),
#receipt div.checkout-subheader .coNavOff:nth-child(1) {
margin-left: 10%;
width: 21%;
}
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(2),
#receipt div.checkout-subheader .coNavOff:nth-child(2) {
margin-left: 10%;
width: 21%;
}
#onePageCheckout div.checkout-subheader .coNavOff:nth-child(3),
#receipt div.checkout-subheader .coNavOff:nth-child(3) {
margin-left: 10%;
width: 21%;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
#onePageCheckout .number-and-date,
#receipt .number-and-date {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
#onePageCheckout .number-and-date,
#receipt .number-and-date {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 23px;
line-height: 28px;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-weight: 500;
letter-spacing: 0.1em;
margin-top: 50px;
text-align: center;
color: #000;
}
#onePageCheckout .my-account-breadcrumb,
#receipt .my-account-breadcrumb {
display: none;
}
#onePageCheckout .number-and-date,
#receipt .number-and-date {
font-size: 12px;
text-align: center;
margin-top: 10px;
}
#onePageCheckout .checkout-print.dont-print.print-this-page-link,
#receipt .checkout-print.dont-print.print-this-page-link {
display: none;
}
#onePageCheckout .pretext,
#receipt .pretext {
font-weight: 500;
letter-spacing: 0.1em;
width: 100%;
text-align: center;
margin: 0 auto;
margin-top: 25px;
}
#onePageCheckout .pretext a,
#receipt .pretext a {
display: inline-block;
padding: 0;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
color: #000;
}
#onePageCheckout .grey-area,
#receipt .grey-area {
width: 100%;
padding: 20px;
margin: 0 auto;
background-color: #f7f7f7;
margin-top: 35px;
}
#onePageCheckout .grey-area h3,
#receipt .grey-area h3 {
font-weight: 600;
font-size: 15px;
margin-top: 0px;
}
#onePageCheckout .grey-area ul.bullet li,
#receipt .grey-area ul.bullet li {
display: list-item;
list-style-type: disc;
margin-left: 20px;
}
#onePageCheckout .grey-area .labelFieldWrapper .field-name,
#receipt .grey-area .labelFieldWrapper .field-name {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer,
#receipt .grey-area .formFieldContainer {
width: 100%;
}
#onePageCheckout .grey-area .formFieldContainer .field-name > div,
#receipt .grey-area .formFieldContainer .field-name > div {
margin-bottom: 5px;
}
#onePageCheckout .grey-area .formFieldContainer input,
#receipt .grey-area .formFieldContainer input {
width: 100%;
height: 26px;
padding: 10px;
border: 1px solid #999999;
}
#onePageCheckout .grey-area .formFieldContainer.type_passwordVerify.two,
#receipt .grey-area .formFieldContainer.type_passwordVerify.two {
width: 100%;
}
#onePageCheckout .grey-area .buttonRow,
#receipt .grey-area .buttonRow {
width: 100%;
padding: 0;
margin: 0;
margin-top: 20px !important;
}
#onePageCheckout .grey-area .tip,
#receipt .grey-area .tip {
padding-left: 0;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#onePageCheckout .thankyou-receipt,
#receipt .thankyou-receipt {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#onePageCheckout .pretext,
#receipt .pretext {
font-size: 13px;
line-height: 16px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#onePageCheckout .pretext,
#receipt .pretext {
font-size: 12px;
line-height: 15px;
}
}
#RitaOra .floatingMenuBar {
border-bottom: 1px solid #ddd;
padding: 0 0 0px 20px;
margin-bottom: 0;
}
#RitaOra #catalog-nav.opened {
display: block;
margin-left: 20px;
}
body#RitaOra #myaccount-list {
display: none;
}
.content-page-wrapper {
font-size: 13px;
padding-top: 30px;
}
.content-page-wrapper a {
color: #000;
text-decoration: none;
font-size: 13px;
}
.content-page-wrapper a:hover {
color: #000;
text-decoration: underline;
}
.content-page-wrapper h1 {
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
margin-bottom: 20px;
}
.content-page-wrapper .page-row h3,
.content-page-wrapper .page-row-border h3 {
font-size: 14px;
font-weight: 700;
text-transform: none;
text-align: left;
margin-top: 60px;
margin-bottom: 35px;
}
.content-page-wrapper .page-row h3.uppercase,
.content-page-wrapper .page-row-border h3.uppercase {
text-transform: uppercase;
}
.content-page-wrapper .page-row p,
.content-page-wrapper .page-row-border p {
padding-left: 20px;
text-align: left;
margin-bottom: 30px;
}
.content-page-wrapper .intro-content p {
text-align: left;
margin-bottom: 30px;
}
.content-page-wrapper ul.list {
padding-left: 20px;
text-align: left;
list-style-type: none;
}
.content-page-wrapper ul.list-type-triangle li {
padding-left: 30px;
}
.content-page-wrapper ul.list-type-triangle li:before {
content: "";
border-color: transparent #595959;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -30px;
top: 0.9em;
position: relative;
}
.content-page-wrapper .accent {
overflow: hidden;
}
.content-page-wrapper .accent span {
padding-bottom: 2px;
display: inline-block;
position: relative;
}
.content-page-wrapper .accent span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
width: 9999px;
display: block;
margin-top: -1px;
background-color: #dfdfdf;
background-color: rgba(0, 0, 0, 0.075);
left: 100%;
margin-left: 0.5em;
}
.content-page-wrapper .box-grey {
width: 100%;
background-color: #f6f6f6;
padding: 15px 20px;
float: none;
}
.content-page-wrapper .box-grey p {
padding-left: 0px;
}
.content-page-wrapper .box-grey h1.title-box {
font-size: 20px;
font-weight: 700;
color: #666666;
text-align: left;
text-transform: none;
margin-top: 0;
}
.content-page-wrapper .box-grey + .box-grey {
margin-top: 20px;
}
.content-page-wrapper .footer-franchising p {
font-size: 16px;
padding-top: 20px;
}
.content-page-wrapper .content-img-right-top img,
.content-page-wrapper .content-img-right-bottom img {
max-width: 100%;
height: auto;
}
.content-page-wrapper > .page-row:first-child > h1:first-child,
.content-page-wrapper > .page-row:first-child > h2:first-child,
.content-page-wrapper > .page-row:first-child > h3:first-child,
.content-page-wrapper > .page-row:first-child > h4:first-child,
.content-page-wrapper > .page-row:first-child > h5:first-child,
.content-page-wrapper > .page-row:first-child > h6:first-child {
margin-top: 0;
}
@media screen and (min-width: 751px) {
.content-page-wrapper .content-img-right-top,
.content-page-wrapper .content-img-right-bottom {
max-width: 405px;
width: 100%;
height: auto;
float: right;
padding: 20px 0 20px 20px;
}
.content-page-wrapper .content-img-right-bottom {
padding-top: 40px;
}
}
@media screen and (max-width: 750px) {
.content-page-wrapper {
margin: 0 1%;
}
.content-page-wrapper .content-img-right-top,
.content-page-wrapper .content-img-right-bottom {
text-align: center;
margin: 30px 0;
}
.content-page-wrapper .page-row p,
.content-page-wrapper .page-row-border p {
padding-left: 0;
}
.content-page-wrapper ul.list {
padding-left: 0;
}
.content-page-wrapper ul.list-type-triangle li {
padding-left: 20px;
}
.content-page-wrapper ul.list-type-triangle li:before {
left: -20px;
}
}
body#wishlistEmail .pageName,
body#wishlistEmailThanks .pageName {
clear: both;
}
body#wishlistEmail #use-wis-ema-wrap,
body#wishlistEmailThanks #use-wis-ema-wrap,
body#wishlistEmail #use-wis-ema-thanks,
body#wishlistEmailThanks #use-wis-ema-thanks {
background-color: #fff;
border-top: 0;
padding: 0;
width: 100%;
clear: both;
}
body#wishlistEmail #use-wis-ema-wrap h2,
body#wishlistEmailThanks #use-wis-ema-wrap h2,
body#wishlistEmail #use-wis-ema-thanks h2,
body#wishlistEmailThanks #use-wis-ema-thanks h2,
body#wishlistEmail #use-wis-ema-wrap p,
body#wishlistEmailThanks #use-wis-ema-wrap p,
body#wishlistEmail #use-wis-ema-thanks p,
body#wishlistEmailThanks #use-wis-ema-thanks p {
color: #000;
font-size: 12px;
}
body#wishlistEmail #use-wis-ema-wrap .error,
body#wishlistEmailThanks #use-wis-ema-wrap .error,
body#wishlistEmail #use-wis-ema-thanks .error,
body#wishlistEmailThanks #use-wis-ema-thanks .error {
display: block;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
padding: 5px 0 0;
height: 36px;
line-height: 36px;
float: left;
}
@media (min-width: 751px) {
body#wishlistEmail #use-wis-ema-wrap .error,
body#wishlistEmailThanks #use-wis-ema-wrap .error,
body#wishlistEmail #use-wis-ema-thanks .error,
body#wishlistEmailThanks #use-wis-ema-thanks .error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#wishlistEmail #use-wis-ema-wrap .error,
body#wishlistEmailThanks #use-wis-ema-wrap .error,
body#wishlistEmail #use-wis-ema-thanks .error,
body#wishlistEmailThanks #use-wis-ema-thanks .error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#wishlistEmail #use-wis-ema-wrap .page-notification.commonMessage,
body#wishlistEmailThanks #use-wis-ema-wrap .page-notification.commonMessage,
body#wishlistEmail #use-wis-ema-thanks .page-notification.commonMessage,
body#wishlistEmailThanks #use-wis-ema-thanks .page-notification.commonMessage {
width: 100%;
text-align: left;
margin: 0 auto;
color: #76d6ba;
margin-left: 36px;
font-weight: 600;
font-size: 11px;
height: 36px;
float: left;
line-height: 33px;
}
body#wishlistEmail #use-wis-ema-wrap h1,
body#wishlistEmailThanks #use-wis-ema-wrap h1,
body#wishlistEmail #use-wis-ema-thanks h1,
body#wishlistEmailThanks #use-wis-ema-thanks h1 {
font-size: 15px;
font-weight: 600;
}
body#wishlistEmail #use-wis-ema-wrap h2,
body#wishlistEmailThanks #use-wis-ema-wrap h2,
body#wishlistEmail #use-wis-ema-thanks h2,
body#wishlistEmailThanks #use-wis-ema-thanks h2 {
width: 100%;
font-size: 12px;
}
body#wishlistEmail #use-wis-ema-wrap div#use-wis-ema-info,
body#wishlistEmailThanks #use-wis-ema-wrap div#use-wis-ema-info,
body#wishlistEmail #use-wis-ema-thanks div#use-wis-ema-info,
body#wishlistEmailThanks #use-wis-ema-thanks div#use-wis-ema-info,
body#wishlistEmail #use-wis-ema-wrap div#use-wis-ema-thanks,
body#wishlistEmailThanks #use-wis-ema-wrap div#use-wis-ema-thanks,
body#wishlistEmail #use-wis-ema-thanks div#use-wis-ema-thanks,
body#wishlistEmailThanks #use-wis-ema-thanks div#use-wis-ema-thanks {
padding: 20px;
margin: 0 auto;
background-color: #f4f4f4;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 600;
font-size: 11px;
line-height: 1.6;
color: #000;
}
body#wishlistEmail #use-wis-ema-wrap #frmWishlist,
body#wishlistEmailThanks #use-wis-ema-wrap #frmWishlist,
body#wishlistEmail #use-wis-ema-thanks #frmWishlist,
body#wishlistEmailThanks #use-wis-ema-thanks #frmWishlist {
margin-top: 30px;
}
body#wishlistEmail #use-wis-ema-wrap .buttonRow,
body#wishlistEmailThanks #use-wis-ema-wrap .buttonRow,
body#wishlistEmail #use-wis-ema-thanks .buttonRow,
body#wishlistEmailThanks #use-wis-ema-thanks .buttonRow {
width: 100%;
max-width: 100%;
text-align: left;
margin-bottom: 20px!important;
}
body#wishlistEmail #use-wis-ema-wrap .buttonRow .requiredFieldText,
body#wishlistEmailThanks #use-wis-ema-wrap .buttonRow .requiredFieldText,
body#wishlistEmail #use-wis-ema-thanks .buttonRow .requiredFieldText,
body#wishlistEmailThanks #use-wis-ema-thanks .buttonRow .requiredFieldText {
padding: 10px 0px 20px 0px;
text-transform: none;
margin-bottom: 0;
}
body#wishlistEmail #use-wis-ema-wrap .tznButton,
body#wishlistEmailThanks #use-wis-ema-wrap .tznButton,
body#wishlistEmail #use-wis-ema-thanks .tznButton,
body#wishlistEmailThanks #use-wis-ema-thanks .tznButton {
min-width: 195px;
}
body#wishlistEmail #use-wis-ema-thanks .return-account-main-page-button,
body#wishlistEmailThanks #use-wis-ema-thanks .return-account-main-page-button {
margin-top: 20px!important;
}
@media only screen and (min-width: 751px) {
body#wishlistEmail .left-row,
body#wishlistEmailThanks .left-row,
body#wishlistEmail .right-row,
body#wishlistEmailThanks .right-row {
width: 50%;
float: left;
}
body#wishlistEmail .left-row .formFieldContainer,
body#wishlistEmailThanks .left-row .formFieldContainer,
body#wishlistEmail .right-row .formFieldContainer,
body#wishlistEmailThanks .right-row .formFieldContainer {
width: 100%;
max-width: 100%;
}
body#wishlistEmail .left-row textarea,
body#wishlistEmailThanks .left-row textarea,
body#wishlistEmail .right-row textarea,
body#wishlistEmailThanks .right-row textarea {
resize: none;
height: 110px;
width: 100%;
margin: 0;
display: block;
}
body#wishlistEmail .left-row,
body#wishlistEmailThanks .left-row {
padding-right: 20px;
}
body#wishlistEmail .right-row,
body#wishlistEmailThanks .right-row {
padding-left: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1023px) {
body#wishlistEmailThanks .pageName,
body#wishlistEmailThanks #use-wis-ema-thanks {
text-align: center;
}
}
@media only screen and (max-width: 750px) {
body#wishlistEmail .my-account-breadcrumb .pageName,
body#wishlistEmailThanks .my-account-breadcrumb .pageName {
margin-bottom: 0;
padding-bottom: 20px;
}
body#wishlistEmail #use-wis-ema-wrap,
body#wishlistEmailThanks #use-wis-ema-wrap,
body#wishlistEmail #use-wis-ema-thanks,
body#wishlistEmailThanks #use-wis-ema-thanks {
border-top: 0;
}
body#wishlistEmail #use-wis-ema-wrap h1,
body#wishlistEmailThanks #use-wis-ema-wrap h1,
body#wishlistEmail #use-wis-ema-thanks h1,
body#wishlistEmailThanks #use-wis-ema-thanks h1 {
text-align: center;
}
body#wishlistEmail .left-row .formFieldContainer,
body#wishlistEmailThanks .left-row .formFieldContainer,
body#wishlistEmail .right-row .formFieldContainer,
body#wishlistEmailThanks .right-row .formFieldContainer {
width: 100%;
max-width: 100%;
}
body#wishlistEmail .left-row textarea,
body#wishlistEmailThanks .left-row textarea,
body#wishlistEmail .right-row textarea,
body#wishlistEmailThanks .right-row textarea {
resize: none;
height: 110px;
width: 100%;
margin: 0;
display: block;
}
}
#forgotPasswordForm .labelText {
font-size: 12px;
margin-bottom: 5px;
}
#forgotPasswordForm div.forgot-text {
font-size: 12px;
}
#forgotPasswordForm div.forgot-text a:hover {
color: #000;
}
#forgotPasswordForm .buttonRowLayer {
margin-top: 10px;
margin-bottom: 20px;
}
#forgotPasswordForm .forgot-form-container {
width: auto;
display: inline-block;
}
#forgotPasswordForm .forgot-form-container .formFieldContainer {
width: 100%;
max-width: none;
margin: 0;
}
#forgotPasswordForm .forgot-form-container .formFieldContainer span.labelFieldWrapper {
width: 100%;
}
#forgotPasswordForm .forgot-form-container .formFieldContainer span.labelFieldWrapper div.labelText {
width: auto;
}
#forgotPasswordForm .forgot-form-container .formFieldContainer span.labelFieldWrapper input {
width: 100%;
}
#forgotPasswordForm .forgot-form-container .buttonRowLayer {
display: inline-block;
margin-top: 20px;
}
body#resetYourPassword .changed-password {
width: 100% !important;
text-align: left;
margin: 0 auto;
color: #76d6ba;
padding-left: 0;
font-weight: 600;
font-size: 12px;
border: 3px solid;
}
body#resetYourPassword .content-logo {
width: 66%;
}
body#resetYourPassword .msgGeneral {
padding: 5px 0;
}
body#resetYourPassword #reset-password-wrap {
padding: 0;
}
body#resetYourPassword #reset-password-wrap p.msgGeneral {
width: 100%;
}
body#resetYourPassword #reset-password-wrap p.msgSocial {
width: 100%;
float: left;
font-size: 12px;
}
body#resetYourPassword #reset-password-wrap .page-notification-error {
padding: 3px 0px 0px 0;
width: 100% !important;
text-align: left;
margin: 0 auto;
color: #ff6666;
font-weight: 600;
font-size: 11px;
float: left;
}
body#resetYourPassword #reset-password-wrap .widget_social {
padding: 0px;
}
body#resetYourPassword #reset-password-wrap .container_icons {
margin: 0px;
}
body#resetYourPassword #reset-password-wrap .socialInput {
margin-left: 6px;
margin-right: 6px;
}
body#resetYourPassword #reset-password-wrap .left_arrow_widget_social,
body#resetYourPassword #reset-password-wrap .right_arrow_widget_social {
display: none;
}
body#resetYourPassword #reset-password-wrap .error {
width: 100% !important;
text-align: left;
margin: 0 auto;
height: 36px;
line-height: 39px;
color: #ff6666;
font-weight: 600;
font-size: 11px;
float: left;
}
body#resetYourPassword #reset-password-wrap .type_password .error {
height: 36px;
line-height: 14px;
background-position: 0px 0px;
}
body#resetYourPassword #reset-password-wrap .type_passwordVerify .error {
height: 36px;
line-height: 14px;
background-position: 0px 0px;
white-space: nowrap;
}
body#resetYourPassword #reset-password-wrap h1 {
text-transform: uppercase;
font-size: 15px;
font-weight: 600;
}
body#resetYourPassword #reset-password-wrap h2 {
width: 100%;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
body#resetYourPassword #reset-password-wrap .introText {
width: 100%;
font-size: 12px;
}
body#resetYourPassword #reset-password-wrap form#resetPasswordForm .tip {
padding: 20px 10px 30px 0px;
}
body#resetYourPassword #reset-password-wrap form#resetPasswordForm .formFieldContainer .labelFieldWrapper .textfield {
display: inline-block;
}
body#resetYourPassword #reset-password-wrap form#resetPasswordForm .formFieldContainer .labelFieldWrapper .textfield .labelText:after {
content: "*";
display: inline-block;
}
body#resetYourPassword #reset-password-wrap form#resetPasswordForm .formFieldContainer .labelFieldWrapper .textfield.optional .labelText:after {
content: "";
display: inline-block;
}
/* TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#resetYourPassword .socialInput {
margin-left: 4px;
margin-right: 4px;
}
#resetYourPassword .container_icons {
margin-left: -7px !important;
}
#resetYourPassword .widget_social_container_img input {
display: inline-block;
min-height: 28px;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
#resetYourPassword .socialInput {
margin-left: 6px !important;
margin-right: 6px !important;
}
#resetYourPassword .widget_social {
padding-left: 31px !important;
}
#resetYourPassword .type_passwordVerify .error {
height: 36px;
line-height: 14px;
background-position: 0px 0px;
white-space: pre-line !important;
}
#resetYourPassword p.msgSocial {
width: 100%;
font-size: 12px;
text-align: center;
}
body#userLogin #forgotPasswordPageContent .form-box-contents {
font-size: 12px;
}
#forgotPasswordForm .type_emailAddress.formFieldContainer.overLabeled {
width: 100% !important;
}
#forgotPasswordForm div.forgot-text {
margin-top: 20px;
}
#forgotPasswordPageContent div.type_emailAddress .labelText {
width: 100%;
}
}
#forgotPasswordPageContent h2 {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 0;
}
@media (min-width: 751px) {
#forgotPasswordPageContent h2 {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#forgotPasswordPageContent h2 {
font-size: 18px;
line-height: 23px;
}
}
#cboxWrapper #sliderQV {
background-color: #fff;
position: relative;
max-width: 100%;
}
#cboxLoadedContent {
background-color: transparent;
}
.sham-spinner-container .spinner {
display: block;
margin: 0 auto;
width: 60px;
height: 60px;
background-image: url("data:image/svg+xml;utf8, ");
-moz-animation: pulse-heart infinite linear;
-webkit-animation: pulse-heart infinite linear;
-o-animation: pulse-heart infinite linear;
animation: pulse-heart infinite linear;
animation-duration: 3s;
-webkit-animation-duration: 3s;
}
/* Pulse animation keyframes */
@-moz-keyframes pulse-heart {
0% {
transform: scale(1);
}
15% {
transform: scale(1.3);
}
30% {
transform: scale(1.6);
}
40% {
transform: scale(1.3);
}
50% {
transform: scale(1);
}
65% {
transform: scale(1.3);
}
80% {
transform: scale(1.6);
}
90% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes pulse-heart {
0% {
transform: scale(1);
}
15% {
transform: scale(1.3);
}
30% {
transform: scale(1.6);
}
40% {
transform: scale(1.3);
}
50% {
transform: scale(1);
}
65% {
transform: scale(1.3);
}
80% {
transform: scale(1.6);
}
90% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@keyframes pulse-heart {
0% {
transform: scale(1);
}
15% {
transform: scale(1.3);
}
30% {
transform: scale(1.6);
}
40% {
transform: scale(1.3);
}
50% {
transform: scale(1);
}
65% {
transform: scale(1.3);
}
80% {
transform: scale(1.6);
}
90% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
@-o-keyframes pulse-heart {
0% {
transform: scale(1);
}
15% {
transform: scale(1.3);
}
30% {
transform: scale(1.6);
}
40% {
transform: scale(1.3);
}
50% {
transform: scale(1);
}
65% {
transform: scale(1.3);
}
80% {
transform: scale(1.6);
}
90% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
.sham-spinner-container {
position: fixed;
width: auto;
bottom: 45%;
left: 50%;
border-radius: 5px;
z-index: 20000;
margin-bottom: 25px;
margin-left: -30px;
}
#search .sham-spinner-container {
position: fixed;
width: auto;
bottom: 45%;
left: 50%;
border-radius: 5px;
z-index: 20000;
margin-bottom: 25px;
}
#search .sham-spinner-container .text {
display: none;
}
@media screen and (max-width: 750px) {
.sham-spinner-container {
margin-left: -20px;
}
.sham-spinner-container .spinner {
width: 40px;
height: 40px;
}
}
body#return .error-msg,
body#returnItem .error-msg {
font-size: 13px;
font-weight: 600;
color: #ff6666 !important;
}
body#return .label-pickupdate-error .error,
body#returnItem .label-pickupdate-error .error {
display: block;
padding: 0 0 5px;
}
body#return .altSelect,
body#returnItem .altSelect {
border: 1px solid #999;
}
body#return .pageName,
body#returnItem .pageName {
padding-bottom: 20px;
}
body#return #returnItemsForm,
body#returnItem #returnItemsForm {
clear: both;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead {
border-bottom: 1px solid #999;
border-top: 1px solid #999;
clear: both;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
text-transform: uppercase;
font-weight: 500;
color: #cccccc;
text-align: left;
height: 25px;
line-height: 25px !important;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2 {
width: 15%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3 {
width: 23%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row {
display: inline-block;
padding-bottom: 30px;
border-bottom: 1px solid #999;
width: 100%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image {
width: 84px;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail {
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
display: inline-block;
margin-left: 14px;
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 12px;
line-height: 15px;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
color: #cccccc;
font-weight: 500;
margin-top: 14px;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details {
margin-top: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 15px;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 15px;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 {
width: 15%;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
margin-top: 14px;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 {
width: 53%;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta {
outline: none;
width: 110px;
margin-top: 14px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
margin-right: 40px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-weight: 500;
width: 150px;
display: inline-block;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
display: inline-block;
font-weight: 500;
width: 147px;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot {
outline: none;
width: 147px;
margin-top: 14px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
max-width: 147px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row {
position: relative !important;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove {
position: absolute;
left: 100%;
top: 15px;
font-weight: 600;
text-transform: uppercase;
color: #000;
text-decoration: underline;
cursor: pointer;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect {
margin-top: 10px;
display: inline-block;
width: calc(60% - 40px);
width: -moz-calc(60% - 40px);
width: -webkit-calc(60% - 40px);
width: -o-calc(60% - 40px);
border: 1px solid #999;
font-weight: 500;
letter-spacing: 0.05em;
color: #999;
padding: 14px 20px 10px;
}
@media (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect {
font-size: 12px;
line-height: 15px;
}
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect:nth-child(1),
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect:nth-child(1) {
width: 38%;
margin-right: 40px;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row {
/* Select reason */
/* Select quantity */
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select {
margin-top: 10px;
display: inline-block;
max-width: calc(60% - 40px);
max-width: -moz-calc(60% - 40px);
max-width: -webkit-calc(60% - 40px);
max-width: -o-calc(60% - 40px);
width: calc(60% - 40px);
width: -moz-calc(60% - 40px);
width: -webkit-calc(60% - 40px);
width: -o-calc(60% - 40px);
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select ul li,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select ul li {
white-space: normal;
overflow: visible;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select:nth-child(2),
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select:nth-child(2) {
margin-right: 40px;
width: 38%;
max-width: calc(38% + 40px);
max-width: -moz-calc(38% + 40px);
max-width: -webkit-calc(38% + 40px);
max-width: -o-calc(38% + 40px);
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add {
background-color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
background-image: url('/tzn-front/assets/images/icons/more.jpg');
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
cursor: pointer;
float: right;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4 {
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .discount-message,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .discount-message {
display: none;
}
body#return .store-pickup,
body#returnItem .store-pickup {
float: left;
}
body#return .home-pickup,
body#returnItem .home-pickup {
float: right;
}
body#return .home-pickup.single-option,
body#returnItem .home-pickup.single-option {
float: none;
margin: auto;
}
body#return .home-pickup-hidden,
body#returnItem .home-pickup-hidden {
border: 0px !important;
}
body#return .home-pickup,
body#returnItem .home-pickup,
body#return .store-pickup,
body#returnItem .store-pickup {
border: 1px solid #000;
width: 45%;
padding: 20px;
position: relative;
}
body#return .home-pickup .title-area,
body#returnItem .home-pickup .title-area,
body#return .store-pickup .title-area,
body#returnItem .store-pickup .title-area {
text-align: center;
padding: 0 15%;
}
body#return .home-pickup .title-area .main,
body#returnItem .home-pickup .title-area .main,
body#return .store-pickup .title-area .main,
body#returnItem .store-pickup .title-area .main,
body#return .home-pickup .title-area .sub,
body#returnItem .home-pickup .title-area .sub,
body#return .store-pickup .title-area .sub,
body#returnItem .store-pickup .title-area .sub {
margin: 0;
font-weight: 500;
letter-spacing: 0.05em;
letter-spacing: -0.2;
}
@media (min-width: 751px) {
body#return .home-pickup .title-area .main,
body#returnItem .home-pickup .title-area .main,
body#return .store-pickup .title-area .main,
body#returnItem .store-pickup .title-area .main,
body#return .home-pickup .title-area .sub,
body#returnItem .home-pickup .title-area .sub,
body#return .store-pickup .title-area .sub,
body#returnItem .store-pickup .title-area .sub {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
body#return .home-pickup .title-area .main,
body#returnItem .home-pickup .title-area .main,
body#return .store-pickup .title-area .main,
body#returnItem .store-pickup .title-area .main,
body#return .home-pickup .title-area .sub,
body#returnItem .home-pickup .title-area .sub,
body#return .store-pickup .title-area .sub,
body#returnItem .store-pickup .title-area .sub {
font-size: 18px;
line-height: 23px;
}
}
body#return .home-pickup .title-area .main,
body#returnItem .home-pickup .title-area .main,
body#return .store-pickup .title-area .main,
body#returnItem .store-pickup .title-area .main {
font-size: 22px;
margin-bottom: 3px;
}
body#return .home-pickup .title-area .sub,
body#returnItem .home-pickup .title-area .sub,
body#return .store-pickup .title-area .sub,
body#returnItem .store-pickup .title-area .sub {
font-size: 16px;
margin-bottom: 8px;
}
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
margin: 0 0 20px 0;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
font-size: 11px;
line-height: 15px;
}
}
body#return .home-pickup .info-area,
body#returnItem .home-pickup .info-area,
body#return .store-pickup .info-area,
body#returnItem .store-pickup .info-area {
display: none;
position: relative;
}
body#return .home-pickup .info-area .label,
body#returnItem .home-pickup .info-area .label,
body#return .store-pickup .info-area .label,
body#returnItem .store-pickup .info-area .label {
font-size: 13px;
font-weight: 500;
padding: 0;
display: inline-block;
vertical-align: middle;
max-width: 60%;
white-space: normal;
text-align: left;
}
body#return .home-pickup .info-area .link-select-store,
body#returnItem .home-pickup .info-area .link-select-store,
body#return .store-pickup .info-area .link-select-store,
body#returnItem .store-pickup .info-area .link-select-store {
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
color: #000;
display: block;
text-align: center;
margin-bottom: 20px;
}
body#return .home-pickup .info-area .label + .link-select-store,
body#returnItem .home-pickup .info-area .label + .link-select-store,
body#return .store-pickup .info-area .label + .link-select-store,
body#returnItem .store-pickup .info-area .label + .link-select-store {
max-width: 38%;
float: right;
display: inline-block;
margin-bottom: 0;
}
body#return .home-pickup .info-area .store-details,
body#returnItem .home-pickup .info-area .store-details,
body#return .store-pickup .info-area .store-details,
body#returnItem .store-pickup .info-area .store-details {
clear: both;
font-size: 12px;
background: #f5f5f5;
position: relative;
padding: 10px 35px;
margin-top: 10px;
margin-bottom: 30px;
}
body#return .home-pickup .info-area .store-details .store-icon,
body#returnItem .home-pickup .info-area .store-details .store-icon,
body#return .store-pickup .info-area .store-details .store-icon,
body#returnItem .store-pickup .info-area .store-details .store-icon {
width: 13px;
height: 16px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point-small.png);
position: absolute;
top: 10px;
left: 12px;
}
body#return .home-pickup .info-area .store-details .store-name,
body#returnItem .home-pickup .info-area .store-details .store-name,
body#return .store-pickup .info-area .store-details .store-name,
body#returnItem .store-pickup .info-area .store-details .store-name {
font-weight: 600;
}
body#return .home-pickup .info-area .store-details .store-info,
body#returnItem .home-pickup .info-area .store-details .store-info,
body#return .store-pickup .info-area .store-details .store-info,
body#returnItem .store-pickup .info-area .store-details .store-info {
margin-bottom: 0;
}
body#return .home-pickup.selected .info-area,
body#returnItem .home-pickup.selected .info-area,
body#return .store-pickup.selected .info-area,
body#returnItem .store-pickup.selected .info-area {
display: block;
}
body#return .home-pickup .formFieldContainer,
body#returnItem .home-pickup .formFieldContainer,
body#return .store-pickup .formFieldContainer,
body#returnItem .store-pickup .formFieldContainer {
margin-left: 0px;
width: 100%;
max-width: 100%;
}
body#return .home-pickup .label-pickupdate,
body#returnItem .home-pickup .label-pickupdate,
body#return .store-pickup .label-pickupdate,
body#returnItem .store-pickup .label-pickupdate {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
padding-bottom: 9px;
}
body#return .home-pickup sqr-alt-select,
body#returnItem .home-pickup sqr-alt-select,
body#return .store-pickup sqr-alt-select,
body#returnItem .store-pickup sqr-alt-select {
outline: none;
width: 100px;
margin-right: 10px;
margin-left: 0px;
min-height: 26px;
max-width: calc(32% - 10px);
max-width: -moz-calc(32% - 10px);
max-width: -webkit-calc(32% - 10px);
max-width: -o-calc(32% - 10px);
}
body#return .home-pickup sqr-alt-select .selected-value,
body#returnItem .home-pickup sqr-alt-select .selected-value,
body#return .store-pickup sqr-alt-select .selected-value,
body#returnItem .store-pickup sqr-alt-select .selected-value,
body#return .home-pickup sqr-alt-select ul li.selected,
body#returnItem .home-pickup sqr-alt-select ul li.selected,
body#return .store-pickup sqr-alt-select ul li.selected,
body#returnItem .store-pickup sqr-alt-select ul li.selected,
body#return .home-pickup sqr-alt-select ul li,
body#returnItem .home-pickup sqr-alt-select ul li,
body#return .store-pickup sqr-alt-select ul li,
body#returnItem .store-pickup sqr-alt-select ul li {
padding-left: 10px;
}
body#return .home-pickup .info-pickup,
body#returnItem .home-pickup .info-pickup,
body#return .store-pickup .info-pickup,
body#returnItem .store-pickup .info-pickup {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
clear: both;
padding-top: 5px;
padding-bottom: 30px;
}
@media (min-width: 751px) {
body#return .home-pickup .info-pickup,
body#returnItem .home-pickup .info-pickup,
body#return .store-pickup .info-pickup,
body#returnItem .store-pickup .info-pickup {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#return .home-pickup .info-pickup,
body#returnItem .home-pickup .info-pickup,
body#return .store-pickup .info-pickup,
body#returnItem .store-pickup .info-pickup {
font-size: 11px;
line-height: 15px;
}
}
body#return .home-pickup .n-boxes .box-pickup,
body#returnItem .home-pickup .n-boxes .box-pickup,
body#return .store-pickup .n-boxes .box-pickup,
body#returnItem .store-pickup .n-boxes .box-pickup {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
padding-bottom: 9px;
}
body#return .home-pickup .n-boxes select#returnSelect,
body#returnItem .home-pickup .n-boxes select#returnSelect,
body#return .store-pickup .n-boxes select#returnSelect,
body#returnItem .store-pickup .n-boxes select#returnSelect {
border: 1px solid #000;
outline: 0;
width: 100px;
padding: 5px;
padding-left: 10px;
font-size: 10px;
}
body#return .home-pickup .notes,
body#returnItem .home-pickup .notes,
body#return .store-pickup .notes,
body#returnItem .store-pickup .notes {
margin-top: 25px;
}
body#return .home-pickup .notes .notes-title,
body#returnItem .home-pickup .notes .notes-title,
body#return .store-pickup .notes .notes-title,
body#returnItem .store-pickup .notes .notes-title {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 9px;
}
body#return .home-pickup .notes .notes-area textarea,
body#returnItem .home-pickup .notes .notes-area textarea,
body#return .store-pickup .notes .notes-area textarea,
body#returnItem .store-pickup .notes .notes-area textarea {
width: 100%;
max-width: 100%;
border: 1px solid #999;
padding: 5px;
font-size: 10px;
height: 68px;
outline: 0;
resize: none;
}
body#return .home-pickup .pickup-address-info,
body#returnItem .home-pickup .pickup-address-info,
body#return .store-pickup .pickup-address-info,
body#returnItem .store-pickup .pickup-address-info {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
padding-bottom: 9px;
margin-top: 27px;
}
body#return .home-pickup #detailUserDataInt,
body#returnItem .home-pickup #detailUserDataInt,
body#return .store-pickup #detailUserDataInt,
body#returnItem .store-pickup #detailUserDataInt {
font-weight: 500;
letter-spacing: 0.05em;
font-size: 10px;
margin-bottom: 20px;
}
@media (min-width: 751px) {
body#return .home-pickup #detailUserDataInt,
body#returnItem .home-pickup #detailUserDataInt,
body#return .store-pickup #detailUserDataInt,
body#returnItem .store-pickup #detailUserDataInt {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#return .home-pickup #detailUserDataInt,
body#returnItem .home-pickup #detailUserDataInt,
body#return .store-pickup #detailUserDataInt,
body#returnItem .store-pickup #detailUserDataInt {
font-size: 11px;
line-height: 15px;
}
}
body#return .home-pickup #detailUserDataInt input,
body#returnItem .home-pickup #detailUserDataInt input,
body#return .store-pickup #detailUserDataInt input,
body#returnItem .store-pickup #detailUserDataInt input {
border: 1px solid #999;
}
body#return .home-pickup #detailUserDataInt sqr-alt-select,
body#returnItem .home-pickup #detailUserDataInt sqr-alt-select,
body#return .store-pickup #detailUserDataInt sqr-alt-select,
body#returnItem .store-pickup #detailUserDataInt sqr-alt-select {
width: 190px;
}
body#return .home-pickup #detailUserDataInt li strong,
body#returnItem .home-pickup #detailUserDataInt li strong,
body#return .store-pickup #detailUserDataInt li strong,
body#returnItem .store-pickup #detailUserDataInt li strong {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
}
body#return .home-pickup .btn-area,
body#returnItem .home-pickup .btn-area,
body#return .store-pickup .btn-area,
body#returnItem .store-pickup .btn-area {
text-align: center;
height: 0;
}
body#return .home-pickup .tznButton.blackColor,
body#returnItem .home-pickup .tznButton.blackColor,
body#return .store-pickup .tznButton.blackColor,
body#returnItem .store-pickup .tznButton.blackColor {
position: relative;
bottom: 0;
display: inline-block;
width: 70%;
}
body#return .home-pickup .submitReturn,
body#returnItem .home-pickup .submitReturn,
body#return .store-pickup .submitReturn,
body#returnItem .store-pickup .submitReturn {
display: none !important;
}
body#return .home-pickup.selected .submitReturn,
body#returnItem .home-pickup.selected .submitReturn,
body#return .store-pickup.selected .submitReturn,
body#returnItem .store-pickup.selected .submitReturn {
display: inline-block !important;
}
body#return .home-pickup.selected .selectOptionButton,
body#returnItem .home-pickup.selected .selectOptionButton,
body#return .store-pickup.selected .selectOptionButton,
body#returnItem .store-pickup.selected .selectOptionButton {
display: none !important;
}
body#return .home-pickup .type_select,
body#returnItem .home-pickup .type_select,
body#return .store-pickup .type_select,
body#returnItem .store-pickup .type_select {
height: auto;
}
body#return .home-pickup .labelFieldWrapper,
body#returnItem .home-pickup .labelFieldWrapper,
body#return .store-pickup .labelFieldWrapper,
body#returnItem .store-pickup .labelFieldWrapper {
width: 100%;
}
body#return .home-pickup .altSelect.day,
body#returnItem .home-pickup .altSelect.day,
body#return .store-pickup .altSelect.day,
body#returnItem .store-pickup .altSelect.day,
body#return .home-pickup .altSelect.month,
body#returnItem .home-pickup .altSelect.month,
body#return .store-pickup .altSelect.month,
body#returnItem .store-pickup .altSelect.month,
body#return .home-pickup .altSelect.year,
body#returnItem .home-pickup .altSelect.year,
body#return .store-pickup .altSelect.year,
body#returnItem .store-pickup .altSelect.year {
width: 30%;
}
body#return .home-pickup .altSelect.box,
body#returnItem .home-pickup .altSelect.box,
body#return .store-pickup .altSelect.box,
body#returnItem .store-pickup .altSelect.box,
body#return .home-pickup .altSelect.state,
body#returnItem .home-pickup .altSelect.state,
body#return .store-pickup .altSelect.state,
body#returnItem .store-pickup .altSelect.state {
width: 100%;
max-width: 100%;
}
body#return .return-button-row.process,
body#returnItem .return-button-row.process {
text-align: center;
padding: 25px;
}
body#return #returnOptions,
body#returnItem #returnOptions {
display: none;
position: relative;
padding: 35px 0;
}
body#return #returnOptions .vertical-separator,
body#returnItem #returnOptions .vertical-separator {
position: absolute;
height: calc(100% - 68px);
height: -moz-calc(100% - 68px);
height: -webkit-calc(100% - 68px);
height: -o-calc(100% - 68px);
width: 1px;
background-color: #efefef;
left: 50%;
}
body#return #returnOptions .error,
body#returnItem #returnOptions .error {
margin-left: 0;
}
/* TABLET */
@media only screen and (max-width: 1023px) {
body#return .pageName,
body#returnItem .pageName {
padding-bottom: 0;
margin-bottom: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
text-transform: uppercase;
font-weight: 500;
color: #cccccc;
text-align: left;
height: 25px;
line-height: 25px !important;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2 {
width: 15%;
display: inline-block;
padding-left: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3 {
width: 23%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row {
display: inline-block;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
width: 100%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image {
width: 84px;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail {
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
display: inline-block;
margin-left: 14px;
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-weight: 500;
letter-spacing: 0.05em;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
color: #cccccc;
font-weight: 500;
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details {
margin-top: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-weight: 500;
letter-spacing: 0.05em;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 {
width: 15%;
display: inline-block;
vertical-align: top;
padding-left: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 {
width: 53%;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta {
width: 110px;
margin-top: 14px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
margin-right: 40px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-weight: 500;
width: 150px;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
display: inline-block;
font-weight: 500;
width: 147px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot {
outline: none;
width: 147px;
margin-top: 14px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
max-width: 147px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows {
outline: none;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row {
margin-top: 10px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add {
background-color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
background-image: url('/tzn-front/assets/images/icons/more.jpg');
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
cursor: pointer;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove {
position: relative;
top: 5px;
left: auto;
width: 100%;
display: block;
text-align: right;
padding-right: 10px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4 {
display: inline-block;
vertical-align: top;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 1023px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 1023px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body#return .pageName,
body#returnItem .pageName {
padding-bottom: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
text-transform: uppercase;
font-weight: 500;
color: #cccccc;
text-align: left;
height: 25px;
line-height: 25px !important;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1 {
width: 100%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2 {
width: 15%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3 {
width: 23%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4 {
width: 30%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row {
display: inline-block;
padding-bottom: 0px;
border-bottom: 1px solid #ddd;
width: 100%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 {
width: 100%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image {
width: 84px;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail {
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
display: inline-block;
margin-left: 14px;
margin-top: 5px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-weight: 500;
letter-spacing: 0.05em;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
color: #cccccc;
font-weight: 500;
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details {
margin-top: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-weight: 500;
letter-spacing: 0.05em;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 {
width: 15%;
display: inline-block;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
margin-top: 14px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
margin-top: 10px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail {
margin-top: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details {
margin-top: 20px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-weight: 500;
letter-spacing: 0.05em;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row {
max-width: 100%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row sqr-alt-select,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row sqr-alt-select {
display: inline-block;
max-width: 48%;
width: 48%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row sqr-alt-select:nth-child(2),
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .select-row sqr-alt-select:nth-child(2) {
max-width: 48%;
margin-right: 2%;
width: 48%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta {
width: 110px;
margin-top: 0px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
margin-right: 40px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-weight: 500;
margin-right: 2%;
width: 48%;
display: inline-block;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
display: inline-block;
font-weight: 500;
width: 48%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot {
width: 48%;
margin-top: 0px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
max-width: 147px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .remove {
display: inline-block;
clear: both;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
color: #000;
text-decoration: underline;
cursor: pointer;
width: 100%;
text-align: right;
position: relative;
left: 0;
top: 0px;
padding-right: 10px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect {
margin-top: 10px;
display: inline-block;
width: 48%;
padding: 14px 15px 10px;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect:nth-child(1),
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .read-only-row .fakeAltSelect:nth-child(1) {
width: 48%;
margin-right: 2%;
vertical-align: top;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row {
margin-top: 0;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select {
margin-top: 5px;
max-width: 48%;
width: 48%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select:nth-child(2),
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row sqr-alt-select:nth-child(2) {
max-width: 48%;
margin-right: 2%;
width: 48%;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row .add {
font-size: 12px;
background-color: #fff;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
background-image: url('/tzn-front/assets/images/icons/more.jpg');
background-repeat: no-repeat;
background-position: left top;
padding-left: 15px;
cursor: pointer;
}
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell4 {
display: inline-block;
vertical-align: top;
}
body#return .vertical-separator,
body#returnItem .vertical-separator {
display: none !important;
}
body#return .store-pickup,
body#returnItem .store-pickup {
margin: 0 0 50px 0;
}
body#return .home-pickup,
body#returnItem .home-pickup,
body#return .store-pickup,
body#returnItem .store-pickup {
width: 100%;
float: none;
}
body#return .home-pickup .title-area,
body#returnItem .home-pickup .title-area,
body#return .store-pickup .title-area,
body#returnItem .store-pickup .title-area {
text-align: center;
padding: 0 5%;
}
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 20px 0;
}
body#return .home-pickup .altSelect.day,
body#returnItem .home-pickup .altSelect.day,
body#return .store-pickup .altSelect.day,
body#returnItem .store-pickup .altSelect.day,
body#return .home-pickup .altSelect.month,
body#returnItem .home-pickup .altSelect.month,
body#return .store-pickup .altSelect.month,
body#returnItem .store-pickup .altSelect.month,
body#return .home-pickup .altSelect.year,
body#returnItem .home-pickup .altSelect.year,
body#return .store-pickup .altSelect.year,
body#returnItem .store-pickup .altSelect.year {
width: 30%!important;
margin-left: 0;
}
body#return .home-pickup .altSelect.day,
body#returnItem .home-pickup .altSelect.day,
body#return .store-pickup .altSelect.day,
body#returnItem .store-pickup .altSelect.day,
body#return .home-pickup .altSelect.month,
body#returnItem .home-pickup .altSelect.month,
body#return .store-pickup .altSelect.month,
body#returnItem .store-pickup .altSelect.month {
margin-right: 3%;
}
body#return .home-pickup .altSelect.box,
body#returnItem .home-pickup .altSelect.box,
body#return .store-pickup .altSelect.box,
body#returnItem .store-pickup .altSelect.box,
body#return .home-pickup .altSelect.state,
body#returnItem .home-pickup .altSelect.state,
body#return .store-pickup .altSelect.state,
body#returnItem .store-pickup .altSelect.state {
width: 100%;
max-width: 100%;
}
body#return .home-pickup .tznButton.blackColor,
body#returnItem .home-pickup .tznButton.blackColor,
body#return .store-pickup .tznButton.blackColor,
body#returnItem .store-pickup .tznButton.blackColor {
width: 100%;
}
body#return .home-pickup .type_select,
body#returnItem .home-pickup .type_select,
body#return .store-pickup .type_select,
body#returnItem .store-pickup .type_select {
height: auto;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA,
body#returnItem #returnItemsForm .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#return .home-pickup .title-area .description,
body#returnItem .home-pickup .title-area .description,
body#return .store-pickup .title-area .description,
body#returnItem .store-pickup .title-area .description {
font-size: 11px;
line-height: 15px;
}
}
sqr-multiple-split-alt-select select {
display: none;
}
.returnConfirmationBox {
border: 1px solid #000;
margin-top: 35px;
width: 50%;
padding: 20px;
float: right;
position: relative;
}
body#orderDetail .my-account-breadcrumb span::before {
display: none;
}
.slash:after {
padding: 0px 2px 0px 7px;
color: #000;
content: "/\00a0";
}
body#returnConfirmation {
/* UPS Return Label */
}
body#returnConfirmation .print-return-order {
background-image: url('/tzn-front/assets/images/icons/use-print.png');
background-repeat: no-repeat;
width: 100%;
position: relative;
display: inline-block;
background-position: center left;
text-align: left;
margin-top: 25px;
}
body#returnConfirmation .print-return-order a {
margin-left: 30px;
text-transform: uppercase;
color: #000;
text-decoration: underline;
font-weight: 600;
}
body#returnConfirmation .return-order-barcode {
width: 100%;
position: relative;
display: inline-block;
text-align: center;
margin-top: 25px;
}
body#returnConfirmation .return-label {
text-align: center;
margin-top: 30px;
}
body#returnConfirmation .return-label .return-label-image {
height: 500px;
width: 285px;
margin: auto;
}
body#returnConfirmation .return-label .return-label-image img {
width: 500px;
height: auto;
-webkit-transform: rotate(90deg) translate(107px, 107px);
-moz-transform: rotate(90deg) translate(107px, 107px);
-ms-transform: rotate(90deg) translate(107px, 107px);
-o-transform: rotate(90deg) translate(107px, 107px);
transform: rotate(90deg) translate(107px, 107px);
}
body#returnConfirmation .return-label .return-label-download {
position: relative;
margin-top: -30px;
margin-bottom: 20px;
}
body#returnConfirmation .cart-container {
margin-top: 30px;
}
body#returnConfirmation .title-reso {
padding-bottom: 5px;
text-align: left;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead {
border-bottom: 1px solid #999;
border-top: 1px solid #999;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
text-transform: uppercase;
font-weight: 500;
color: #cccccc;
text-align: left;
height: 25px;
line-height: 25px !important;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1 {
width: 30%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2 {
width: 15%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3 {
width: 23%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4 {
width: 30%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row {
display: inline-block;
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #999;
width: 100%;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 {
width: 30%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image {
width: 84px;
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail {
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
display: inline-block;
margin-left: 14px;
margin-top: 14px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 12px;
line-height: 15px;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
color: #cccccc;
font-weight: 500;
margin-top: 14px;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details {
margin-top: 20px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 15px;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 15px;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 {
width: 15%;
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
margin-top: 14px;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 {
width: 53%;
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-qta {
outline: none;
width: 38%;
margin-top: 14px;
border: 1px solid #999;
font-weight: 500;
letter-spacing: 0.05em;
padding: 14px 20px 10px;
margin-right: 40px;
display: inline-block;
vertical-align: top;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-qta {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-qta {
font-size: 12px;
line-height: 15px;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-reason {
outline: none;
display: inline-block;
vertical-align: top;
margin-top: 14px;
border: 1px solid #999;
font-weight: 500;
letter-spacing: 0.05em;
padding: 14px 20px 10px;
width: calc(60% - 40px);
width: -moz-calc(60% - 40px);
width: -webkit-calc(60% - 40px);
width: -o-calc(60% - 40px);
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-reason {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-reason {
font-size: 12px;
line-height: 15px;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-weight: 500;
width: 150px;
display: inline-block;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
display: inline-block;
font-weight: 500;
width: 147px;
}
@media (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row {
margin-top: 10px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell4 {
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .home-pickup {
border: 1px solid #000;
margin-top: 35px;
width: 50%;
padding: 20px;
float: right;
position: relative;
}
body#returnConfirmation .home-pickup .formFieldContainer {
margin-left: 0px;
width: 100%;
max-width: 100%;
}
body#returnConfirmation .home-pickup .label-pickupdate {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 9px;
}
body#returnConfirmation .home-pickup sqr-alt-select {
outline: none;
width: 100px;
margin-right: 10px;
margin-left: 0px;
min-height: 26px;
max-width: calc(32% - 10px);
max-width: -moz-calc(32% - 10px);
max-width: -webkit-calc(32% - 10px);
max-width: -o-calc(32% - 10px);
}
body#returnConfirmation .home-pickup sqr-alt-select .selected-value,
body#returnConfirmation .home-pickup sqr-alt-select ul li.selected,
body#returnConfirmation .home-pickup sqr-alt-select ul li {
padding-left: 10px;
}
body#returnConfirmation .home-pickup .info-pickup {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
clear: both;
padding-top: 5px;
padding-bottom: 30px;
}
@media (min-width: 751px) {
body#returnConfirmation .home-pickup .info-pickup {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
body#returnConfirmation .home-pickup .info-pickup {
font-size: 11px;
line-height: 15px;
}
}
body#returnConfirmation .home-pickup .n-boxes .box-pickup {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
padding-bottom: 9px;
}
body#returnConfirmation .home-pickup .n-boxes select#returnSelect {
border: 1px solid #000;
outline: 0;
width: 100px;
padding: 5px;
padding-left: 10px;
font-size: 10px;
}
body#returnConfirmation .home-pickup .notes-info .notes-title {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
padding-bottom: 9px;
}
body#returnConfirmation .home-pickup .notes-info .notes-area textarea {
width: 100%;
max-width: 100%;
border: 1px solid #000;
padding: 5px;
font-size: 10px;
height: 68px;
outline: 0;
}
body#returnConfirmation .home-pickup .pickup-address-info {
font-weight: 600;
font-size: 11px;
line-height: 15px;
letter-spacing: 0.05em;
padding-bottom: 9px;
margin-top: 27px;
}
body#returnConfirmation .home-pickup #detailUserDataInt {
font-size: 10px;
}
body#returnConfirmation .home-pickup .tznButton.blackColor {
position: absolute;
margin-top: -5px;
margin-left: 14%;
width: 70%;
}
body#returnConfirmation .store-pickup {
border: 1px solid #000;
margin-top: 35px;
width: 50%;
padding: 20px;
float: right;
position: relative;
}
body#returnConfirmation .store-pickup .label {
font-size: 13px;
font-weight: 500;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
text-align: left;
}
body#returnConfirmation .store-pickup .store-details {
font-size: 12px;
background: #f5f5f5;
position: relative;
padding: 10px 35px;
margin-top: 10px;
}
body#returnConfirmation .store-pickup .store-details .store-icon {
width: 13px;
height: 16px;
display: inline-block;
background-image: url(../assets/images/icons/icon-map-point-small.png);
position: absolute;
top: 10px;
left: 12px;
}
body#returnConfirmation .store-pickup .store-details .store-name {
font-weight: 600;
}
body#returnConfirmation .store-pickup .store-details .store-info {
margin-bottom: 0;
}
.content-ReturnanItem {
width: 100%;
float: left;
}
.content-ReturnanItem .return-confirmation {
margin-top: 0px;
}
/* MOBILE */
@media only screen and (max-width: 750px) {
body#returnConfirmation {
/* UPS Return Label */
}
body#returnConfirmation .title-reso {
text-align: center;
}
body#returnConfirmation .pageName {
margin-bottom: 20px;
}
body#returnConfirmation .return-order-barcode {
margin-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
body#returnConfirmation .return-label .return-label-download {
margin-top: 35px;
text-align: center;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container {
margin-top: 0;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
text-transform: uppercase;
font-weight: 500;
color: #cccccc;
text-align: left;
height: 25px;
line-height: 25px !important;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell1 {
width: 100%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell2 {
width: 15%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell3 {
width: 23%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell.cell4 {
width: 30%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row {
display: inline-block;
padding-bottom: 0px;
border-bottom: 1px solid #ddd;
width: 100%;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 {
width: 100%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-image {
width: 84px;
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail {
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
display: inline-block;
margin-left: 14px;
margin-top: 5px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-weight: 500;
letter-spacing: 0.05em;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
color: #cccccc;
font-weight: 500;
margin-top: 14px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details {
margin-top: 20px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-weight: 500;
letter-spacing: 0.05em;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 {
width: 15%;
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
margin-top: 14px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 {
width: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
margin-top: 10px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail {
margin-top: 0;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details {
margin-top: 20px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-weight: 500;
letter-spacing: 0.05em;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-weight: 500;
letter-spacing: 0.05em;
color: #cccccc;
padding: 0;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-qta {
width: 110px;
margin-top: 0px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
margin-right: 40px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-weight: 500;
margin-right: 2%;
width: 48%;
display: inline-block;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
display: inline-block;
font-weight: 500;
width: 48%;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-qta,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-reason {
margin-top: 0px;
margin-bottom: 10px;
width: 48%;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-qta {
margin-right: 2%;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .fake-select-reason {
margin-right: 0;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 select#sel-ret-mot {
width: 48%;
margin-top: 0px;
border: 1px solid #999;
font-size: 10px;
padding: 5px;
max-width: 147px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 sqr-multiple-alt-select-rows .select-row {
margin-top: 10px;
}
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell4 {
display: inline-block;
vertical-align: top;
}
body#returnConfirmation .home-pickup,
body#returnConfirmation .store-pickup {
float: none;
width: 100%!important;
margin-bottom: 30px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-thead .heading-cell {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-title {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-code {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell1 .return-detail .product-details .product-price .label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell2 .return-price {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 18px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-color .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-size .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .pruduct-qty-return .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .product-price.tablet-hidden .label,
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .return-detail .product-details .desktop-hidden .label {
font-size: 11px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldQTA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#returnConfirmation .return-list #shopping-cart-items.cart-container .cart-row .cell3 .textfieldRSA {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
sqr-multiple-split-alt-select select {
display: none;
}
@page {
size: 210mm 310mm;
margin: 10mm;
}
@media print {
body#returnConfirmation .print-return-order,
body#returnConfirmation #mobile-menu,
body#returnConfirmation #over-header,
body#returnConfirmation .catalog-category-breadcrumb {
display: none;
}
body#returnConfirmation .content_wrap {
margin-top: 50px;
}
body.account .my-account-breadcrumb {
display: block !important;
}
body#receipt #mobile-menu,
body#receipt #over-header,
body#receipt .catalog-category-breadcrumb {
display: none;
}
body#receipt .content_wrap {
margin-top: 50px;
}
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookWrapper .col-lg-6 .carrierWrapper .myRadio {
margin-top: 10px;
margin-left: 0px;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent {
padding-top: 10px;
padding-bottom: 10px;
font-size: 13px;
line-height: 20px;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent span {
font-size: inherit;
/* disable default #use-mai-wrap > span style */
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-label {
color: #999;
display: inline-block;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-value {
color: #000;
font-weight: 600;
display: inline-block;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-value.orderDetailsInfoText.green {
color: #35DA7E;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-value.orderDetailsInfoText.red {
color: #C20000;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-value.orderDetailsInfoText.grey {
color: #9C9C9C;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .text-value.orderDetailsInfoText.black {
color: #000000;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap {
display: table;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap .addressBookRow {
display: table-row;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap .addressBookRow.gap {
height: 10px;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap .addressBookRow .text-label,
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap .addressBookRow .text-value {
display: table-cell;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookContent .addressBookContentWrap .addressBookRow .text-value {
padding-left: 20px;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookColumn {
display: inline-block;
vertical-align: top;
width: 315px;
/* default column */
}
#use-mai-wrap.account-dashboard .main-dashboard #user-avatar-wrap {
width: 140px;
padding-left: 15px;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-avatar-wrap .user-avatar-pic-cont {
display: inline-block;
margin-bottom: 2px;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-avatar-wrap .user-avatar-text a {
font-size: 11px;
text-transform: none;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-info-wrap {
width: 315px;
float: right;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-info-wrap .date + .date:before {
content: "/";
margin-left: -2px;
margin-right: 1px;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap {
width: 215px;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap {
width: 100%;
margin-top: 0;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap .headings h2 {
/* style as .addressBookLabel */
color: #999;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
margin-top: 15px;
border-bottom: 0;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap .social-msg {
display: none;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap #social-links {
margin-top: 10px;
margin-bottom: 10px;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap #social-links .social-icon {
float: left;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
}
#use-mai-wrap.account-dashboard .main-dashboard #user-sc-wrap #use-sc-wrap #social-links .social-icon.selected:after {
content: "";
display: block;
width: 17px;
height: 17px;
background-image: url(../assets/images/icons/check-circle.png);
background-repeat: no-repeat;
position: absolute;
right: 0;
bottom: 0;
margin-right: -6px;
margin-bottom: -6px;
}
#use-mai-wrap.account-dashboard .main-dashboard #wallet-gc-wrap #wallet-gc-balance .text-label {
color: black;
}
#use-mai-wrap.account-dashboard .main-dashboard #wallet-gc-wrap #wallet-gc-balance .text-label,
#use-mai-wrap.account-dashboard .main-dashboard #wallet-gc-wrap #wallet-gc-balance .text-value {
border-top: 1px solid #ebebeb;
padding-top: 10px;
}
#use-mai-wrap.account-dashboard .main-dashboard #view-order-button {
padding-top: 10px;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap {
padding: 20px 0;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .addressBookContent {
padding-left: 20px;
padding-right: 20px;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection {
float: none;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection .filmstripSection {
padding-top: 15px;
padding-bottom: 30px;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection .wishList-title {
display: none!important;
}
#use-mai-wrap.account-dashboard .bottom-promo .cmsWrapper {
width: 100%;
margin-bottom: 50px;
}
#personalInfo #social-links .social-icon {
float: left;
padding-right: 10px;
padding-bottom: 10px;
position: relative;
}
#personalInfo .headings h2 {
font-weight: 500;
letter-spacing: 0.05em;
font-weight: 600;
color: #000;
margin: 0;
padding: 0 20px 0 0;
text-transform: uppercase;
border-bottom: 0px !important;
max-width: 100%;
}
@media (min-width: 751px) {
#personalInfo .headings h2 {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#personalInfo .headings h2 {
font-size: 12px;
line-height: 15px;
}
}
#personalInfo #social-links {
padding-top: 20px;
}
#personalInfo .icon-logos {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}
#personalInfo .completeData {
width: auto !important;
border: 0px !important;
padding: 0 0 0 50px !important;
margin-left: 0px;
}
#personalInfo .completeData li {
display: inline-block !important;
margin: 0px !important;
padding: 0px !important;
}
#personalInfo .store_details_shoppingbag {
padding: 0px;
max-width: 400px;
}
#personalInfo .myRadio {
margin-left: 50px;
}
@media (min-width: 751px) {
#personalInfo .myRadio a {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#personalInfo .myRadio a {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#personalInfo .myRadio .select-store {
width: auto !important;
}
#personalInfo .store-pickup {
padding-top: 40px;
}
#userMain #social-links .social-icon {
float: left;
padding-right: 10px;
padding-bottom: 10px;
position: relative;
}
#userMain .addressBookWrapper #social-container .buttonRow {
margin: 20px 0 0 0;
}
#userMain .addressBookContainer .headings h2 {
font-size: 11px;
font-weight: 600;
color: #9a9a9a;
margin: 0;
padding: 0;
text-transform: uppercase;
border-bottom: 0px !important;
}
#userMain #social-links {
padding-top: 20px;
}
#userMain .icon-logos {
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
min-height: 60px;
height: auto;
}
#userMain .completeData {
width: auto !important;
border: 0px !important;
padding: 0 0 0 50px !important;
}
#userMain .completeData li {
dispaly: inline-block !important;
margin: 0px !important;
padding: 0px !important;
}
#userMain .select-store {
width: auto !important;
}
#userMain .carrierWrapper {
padding-top: 15px;
width: auto !important;
margin: 0 0 30px 0;
}
@media only screen and (max-width: 1024px) {
#userMain .carrierWrapper {
margin-top: 30px;
}
}
#userMain .myRadio {
margin-left: 50px;
}
#userMain .myRadio a {
text-decoration: none;
}
#userMain .store_details_shoppingbag {
padding-left: 0px;
}
/* desktop/tablet */
@media only screen and (min-width: 1025px) {
#use-mai-wrap.account-dashboard .main-dashboard #user-info-wrap {
width: 345px;
float: right;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection .slick-prev {
left: -42px;
}
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection .slick-next {
right: -42px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#use-mai-wrap.account-dashboard .main-dashboard #wishlist-filmstrip-wrap .recentlyViewSection .slick-prev {
left: -31px;
}
}
@media only screen and (min-width: 751px) {
#use-mai-wrap.account-dashboard .main-dashboard .link-mobile {
display: none;
}
.indirizzoMyStoreLocator {
margin-bottom: 30px;
}
}
/* mobile */
@media only screen and (max-width: 750px) {
#use-mai-wrap.account-dashboard {
margin-top: 0;
border-top: 1px solid #dddddd;
width: 100%;
}
#use-mai-wrap.account-dashboard .main-dashboard .shadowedBox {
display: none;
}
#use-mai-wrap.account-dashboard .main-dashboard .addressBookWrapper {
margin: 0;
padding: 13px 0;
border-bottom: 1px solid #dddddd;
}
#use-mai-wrap.account-dashboard .main-dashboard .link-mobile {
color: #000;
font-weight: 500;
letter-spacing: 0.05em;
padding-left: 10px;
padding-right: 30px;
position: relative;
display: block;
text-decoration: none!important;
}
#use-mai-wrap.account-dashboard .main-dashboard .link-mobile .icon-arrow-right {
position: absolute;
right: 0;
top: 50%;
margin-top: -6.5px;
background-size: contain;
width: 13px;
height: 13px;
}
#personalInfo #use-sc-wrap .headings {
width: 100% !important;
}
#personalInfo #use-sc-wrap .headings .social-msg {
width: 100% !important;
float: left !important;
text-align: center;
}
#personalInfo #use-sc-wrap .social-icon {
padding-right: 0px !important;
}
#personalInfo .store_details_shoppingbag {
display: block;
max-width: 100%;
}
#personalInfo .store_details_shoppingbag .completeData {
width: 400px!important;
}
#personalInfo #use-per-wrap #use-sc-wrap #social-links .social-icon.selected:after {
margin-right: 3px !important;
margin-bottom: 3px !important;
}
.icon-logos {
max-width: 100%;
width: 100%;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#use-mai-wrap.account-dashboard .main-dashboard .link-mobile {
font-size: 15px;
line-height: 23px;
}
}
#personalInfo #use-sc-wrap {
width: 100%;
}
#personalInfo #social-links {
width: 100%;
float: left;
}
#personalInfo #social-links .social-icon {
float: left;
padding-right: 10px;
position: relative;
}
#personalInfo #use-per-wrap #use-sc-wrap #social-links .social-icon.selected:after {
content: "";
display: block;
width: 17px;
height: 17px;
background-image: url(../assets/images/icons/check-circle.png);
background-repeat: no-repeat;
position: absolute;
right: 0;
bottom: 0;
margin-right: -1px;
margin-bottom: -1px;
}
#userMain #use-sc-wrap {
width: 100% !important;
}
div.inner {
padding: 0px;
}
#myaccount-area-1,
#myaccount-area-2 {
width: 758px;
height: 90px;
background-color: #f5f5f5;
margin-top: 10px;
margin-bottom: 10px;
}
#use-mai-wrap {
background: transparent;
overflow: hidden;
position: relative;
}
#use-mai-wrap p {
margin: 0px;
padding: 0px;
}
#use-mai-wrap h2 {
font-size: 20px;
font-weight: 600;
color: #463823;
text-transform: uppercase;
border-bottom: 1px solid #ebebeb;
}
#use-mai-wrap span {
font-size: 14px;
}
#use-mai-wrap a {
font-size: 14px;
color: #000;
}
#container-info-my-account {
max-width: 476px;
width: 100%;
float: left;
margin-right: 37px;
padding-top: 15px;
}
#use-mai-cms-are2a-right {
max-width: 247px;
width: 29%;
height: auto;
float: left;
}
#use-mai-cms-are2a-right-mobile {
display: none;
}
.container-change-email-password {
margin-top: 0px;
}
.container-change-email-password,
.container-storico-ordini,
.container-indirizzo-fatturazione,
.container-elenco-indirizzi,
.container-wishlist,
.container-social-connection,
.container-preferenze-email {
border: 1px solid #ebebeb;
margin-bottom: 30px;
}
.container-change-email-password a,
.container-storico-ordini a,
.container-indirizzo-fatturazione a,
.container-elenco-indirizzi a,
.container-wishlist a,
.container-social-connection a,
.container-preferenze-email a {
font-size: 15px;
color: #000;
font-weight: 600;
position: absolute;
margin-top: -11px;
background-color: #fff;
margin-left: 4px;
padding-left: 5px;
padding-right: 5px;
}
.container-change-email-password a:hover,
.container-storico-ordini a:hover,
.container-indirizzo-fatturazione a:hover,
.container-elenco-indirizzi a:hover,
.container-wishlist a:hover,
.container-social-connection a:hover,
.container-preferenze-email a:hover {
text-decoration: none;
}
.container-change-email-password p,
.container-storico-ordini p,
.container-indirizzo-fatturazione p,
.container-elenco-indirizzi p,
.container-wishlist p,
.container-social-connection p,
.container-preferenze-email p {
font-size: 12px;
color: #000;
padding: 25px 0px 16px 20px !important;
}
span.arrow-pos {
float: right;
margin-top: -20px;
margin-right: 38px;
}
@media only screen and (max-width: 750px) {
#myaccount-area-1,
#myaccount-area-2 {
width: 290px;
height: 120px;
background-color: #f5f5f5;
margin-top: 10px;
margin-bottom: 10px;
margin: 0 auto;
}
body#userMain .pageName {
border-bottom: 0;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 25px;
}
#use-cha-wrap,
.birthday-wrap {
margin: 0;
}
#use-mai-wrap h2 {
text-align: center;
margin: 0px;
display: block;
clear: both;
width: 100%;
min-height: 40px;
}
#container-info-my-account {
max-width: 768px;
width: 100%;
float: left;
margin: 0px;
}
.container-change-email-password {
margin-top: 0px;
}
.container-change-email-password,
.container-storico-ordini,
.container-indirizzo-fatturazione,
.container-elenco-indirizzi,
.container-wishlist,
.container-social-connection,
.container-preferenze-email {
border: none;
border-bottom: 1px solid #ebebeb;
margin-bottom: 0px;
text-transform: uppercase;
padding: 10px 0px 5px 0px;
}
.container-change-email-password a,
.container-storico-ordini a,
.container-indirizzo-fatturazione a,
.container-elenco-indirizzi a,
.container-wishlist a,
.container-social-connection a,
.container-preferenze-email a {
font-size: 15px;
color: #000;
font-weight: 600;
position: relative;
margin-top: 0px;
}
.container-change-email-password p,
.container-storico-ordini p,
.container-indirizzo-fatturazione p,
.container-elenco-indirizzi p,
.container-wishlist p,
.container-social-connection p,
.container-preferenze-email p {
display: none;
}
#use-mai-cms-are2a-right {
display: none;
}
#use-mai-cms-are2a-right-mobile {
display: block;
max-width: 768px;
width: 100%;
height: 145px;
float: left;
background-color: #ccc;
}
span.arrow-pos {
float: right;
margin-top: -17px;
margin-right: 0px;
}
#use-sc-wrap {
margin-top: 0px;
}
#use-sc-wrap .social-msg {
margin-bottom: 10px;
}
#use-sc-wrap div#social-links {
width: 100%;
}
#use-sc-wrap div#social-links .icon-logos {
padding-bottom: 55px;
}
#use-sc-wrap div#social-links img {
margin: 5px;
}
#use-cha-wrap .retrieve-pwd {
width: 100%;
margin: 60px 0!important;
}
#use-cha-wrap .title-field {
max-width: 100%;
margin-bottom: 10px;
padding-top: 10px;
font-weight: 500;
letter-spacing: 0.05em;
}
#use-cha-wrap .labelFieldWrapper {
margin-bottom: 15px;
max-width: 100%;
margin: 0 auto;
}
#use-cha-wrap .labelFieldWrapper input {
max-width: 100%;
margin-bottom: 10px;
}
#use-cha-wrap #use-cha-email-wrap {
margin-top: 0px;
}
#use-per-wrap p.info-text {
width: 100%;
text-align: center;
}
#use-per-wrap #use-birthday-wrap .type_birthday {
width: 100%;
}
#use-per-wrap #use-birthday-wrap .buttonRow input.submit-birthday {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#use-cha-wrap .title-field {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#use-cha-wrap .title-field {
font-size: 12px;
line-height: 15px;
}
}
/* store details basic style */
@media (min-width: 751px) {
.storeName {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.storeName {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.storeDetails {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.storeDetails {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.storeDetails {
font-size: 12px;
line-height: 15px;
}
}
.storeBtn {
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
height: 40px;
padding: 9px 20px;
}
@media (min-width: 751px) {
.storeBtn {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.storeBtn {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.storeBtn.fullWidth {
display: block;
width: 100%;
}
.storeBtn.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.storeBtn.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.storeBtn.blackColor {
font-size: 12px;
line-height: 15px;
}
}
.storeBtn.whiteColor {
background-color: #FFF;
color: #000;
}
.storeBtn.greyColor {
background-color: #959595;
color: #FFF;
}
.storeBtn.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
.storeBtn.smallSize {
font-size: 12px;
}
.storeBtn.tinySize {
font-size: 10px;
}
@media (min-width: 751px) {
.storeBtn {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.storeBtn {
font-size: 12px;
line-height: 15px;
}
}
.storeDirectionsLink {
color: #000;
font-weight: 600;
text-transform: uppercase;
text-decoration: underline;
font-size: 10px;
}
#cboxContent #storeLocatorLayer .layer_wrapper_inner {
padding: 0;
}
#cboxContent #storeLocatorLayer .sqr-input-blocker {
margin-top: 16px;
z-index: 2;
}
.icon-loading-store {
position: absolute;
display: block;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 99;
}
#store-layer {
position: relative;
line-height: normal;
}
#store-layer .common-error {
padding: 5px 0 0;
text-align: left;
font-weight: 500;
color: #ff6666;
background-image: none;
width: 100%;
padding-top: 5px;
padding-left: 20px;
padding-bottom: 15px;
display: block;
background-position: 0 13px;
padding: 0;
}
@media (min-width: 751px) {
#store-layer .common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#store-layer .common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
@media (min-width: 751px) {
#store-layer .common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#store-layer .common-error {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#store-layer .common-error.hasError {
padding-top: 15px;
padding-bottom: 15px;
}
#store-layer .left-column,
#store-layer .right-column {
display: block;
height: 556px;
position: relative;
}
#store-layer .left-column {
width: 395px;
float: left;
}
#store-layer .right-column {
width: 350px;
float: right;
}
#store-layer #map,
#store-layer #pup-map {
width: 100%;
height: 100%;
}
#store-layer #map object,
#store-layer #pup-map object {
opacity: 1;
}
#store-layer #map .info-window,
#store-layer #pup-map .info-window {
margin-top: 5px;
}
@media (min-width: 751px) {
#store-layer #map .info-window .name,
#store-layer #pup-map .info-window .name {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#store-layer #map .info-window .name,
#store-layer #pup-map .info-window .name {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#store-layer #map .info-window .description,
#store-layer #pup-map .info-window .description {
font-weight: 500;
letter-spacing: 0.05em;
margin-bottom: 0;
}
@media (min-width: 751px) {
#store-layer #map .info-window .description,
#store-layer #pup-map .info-window .description {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer #map .info-window .description,
#store-layer #pup-map .info-window .description {
font-size: 12px;
line-height: 15px;
}
}
#store-layer #map .info-window .selectStoreBtn,
#store-layer #pup-map .info-window .selectStoreBtn {
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
height: 40px;
padding: 9px 20px;
margin-top: 10px;
margin-bottom: 10px;
}
@media (min-width: 751px) {
#store-layer #map .info-window .selectStoreBtn,
#store-layer #pup-map .info-window .selectStoreBtn {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#store-layer #map .info-window .selectStoreBtn,
#store-layer #pup-map .info-window .selectStoreBtn {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#store-layer #map .info-window .selectStoreBtn.fullWidth,
#store-layer #pup-map .info-window .selectStoreBtn.fullWidth {
display: block;
width: 100%;
}
#store-layer #map .info-window .selectStoreBtn.blackColor,
#store-layer #pup-map .info-window .selectStoreBtn.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#store-layer #map .info-window .selectStoreBtn.blackColor,
#store-layer #pup-map .info-window .selectStoreBtn.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer #map .info-window .selectStoreBtn.blackColor,
#store-layer #pup-map .info-window .selectStoreBtn.blackColor {
font-size: 12px;
line-height: 15px;
}
}
#store-layer #map .info-window .selectStoreBtn.whiteColor,
#store-layer #pup-map .info-window .selectStoreBtn.whiteColor {
background-color: #FFF;
color: #000;
}
#store-layer #map .info-window .selectStoreBtn.greyColor,
#store-layer #pup-map .info-window .selectStoreBtn.greyColor {
background-color: #959595;
color: #FFF;
}
#store-layer #map .info-window .selectStoreBtn.lightgreyColor,
#store-layer #pup-map .info-window .selectStoreBtn.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
#store-layer #map .info-window .selectStoreBtn.smallSize,
#store-layer #pup-map .info-window .selectStoreBtn.smallSize {
font-size: 12px;
}
#store-layer #map .info-window .selectStoreBtn.tinySize,
#store-layer #pup-map .info-window .selectStoreBtn.tinySize {
font-size: 10px;
}
@media (min-width: 751px) {
#store-layer #map .info-window .selectStoreBtn,
#store-layer #pup-map .info-window .selectStoreBtn {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer #map .info-window .selectStoreBtn,
#store-layer #pup-map .info-window .selectStoreBtn {
font-size: 12px;
line-height: 15px;
}
}
#store-layer #map .info-window .store-directions,
#store-layer #pup-map .info-window .store-directions {
font-size: 11px;
}
#store-layer #map .info-window .store-directions .link,
#store-layer #pup-map .info-window .store-directions .link {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
#store-layer .title {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0 0 20px 0;
color: #000;
}
@media (min-width: 751px) {
#store-layer .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
#store-layer .title {
font-size: 18px;
line-height: 23px;
}
}
#store-layer .store-search-wrap .info-text {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #666666;
margin: 0;
}
@media (min-width: 751px) {
#store-layer .store-search-wrap .info-text {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#store-layer .store-search-wrap .info-text {
letter-spacing: 0.1em;
}
}
#store-layer .store-search-wrap .form-box-contents {
margin: 0;
font-size: 12px;
}
#store-layer .store-search-wrap .option-radio {
font-weight: 500;
letter-spacing: 0.05em;
margin: 0;
padding: 0;
width: 100%;
text-transform: capitalize;
}
@media (min-width: 751px) {
#store-layer .store-search-wrap .option-radio {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-search-wrap .option-radio {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-search-wrap .option-radio input[type=radio] {
display: none !important;
}
#store-layer .store-search-wrap .option-radio label {
margin-left: 10px;
}
#store-layer .store-search-wrap .option-radio input[type=radio]:first-child + label {
margin-left: 0;
}
#store-layer .store-search-wrap .field-button-wrap {
font-weight: 500;
letter-spacing: 0.05em;
color: #666666;
width: 100%;
max-width: 100%;
margin: 0;
}
@media (min-width: 751px) {
#store-layer .store-search-wrap .field-button-wrap {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-search-wrap .field-button-wrap {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-search-wrap .field-button-wrap #searchCity,
#store-layer .store-search-wrap .field-button-wrap #searchState,
#store-layer .store-search-wrap .field-button-wrap #searchZipCode {
border: 1px solid #000;
height: 40px;
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
padding: 9px 15px;
}
#store-layer .store-search-wrap .field-button-wrap #storeSearchButton {
height: 40px;
width: 110px;
padding: 9px 20px;
vertical-align: top;
}
#store-layer .store-search-wrap .geolocate {
margin-bottom: 20px;
}
#store-layer .store-search-wrap .geolocate .i-geolocation {
vertical-align: middle;
}
#store-layer .store-search-wrap .geolocate-link {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
line-height: 17px!important;
/* Hover styles */
color: black;
padding: 2px;
cursor: pointer;
vertical-align: middle;
}
#store-layer .store-results-wrap {
float: none;
margin-top: 20px;
}
#store-layer .store-results-wrap #result-message {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#store-layer .store-results-wrap #result-message {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-results-wrap #result-message {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-results-wrap #storeNewSearchButton {
display: none;
/* shown on mobile */
}
#store-layer .store-wrap {
width: 100%;
display: block;
border-bottom: 1px solid #eaeaea;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom: 20px;
float: none;
}
#store-layer .store-wrap div {
float: none;
}
#store-layer .store-wrap .store-details {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
}
#store-layer .store-wrap .store-details.left {
width: 60%;
padding: 0 10px 0 25px;
height: auto;
}
#store-layer .store-wrap .store-details.right {
width: 40%;
text-align: right;
height: auto;
}
#store-layer .store-wrap .store-details.right.pup {
width: 35%;
}
#store-layer .store-wrap .store-image {
position: absolute;
top: 10px;
left: 0;
}
#store-layer .store-wrap .store-image .i-map-point {
background-size: 13px 16px;
height: 16px;
width: 13px;
}
#store-layer .store-wrap .store-heading {
margin-top: 10px;
}
@media (min-width: 751px) {
#store-layer .store-wrap .store-heading {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#store-layer .store-wrap .store-heading {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#store-layer .store-wrap .store-details-row {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#store-layer .store-wrap .store-details-row {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-wrap .store-details-row {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-wrap .store-details-row.availability {
margin-top: 10px;
}
#store-layer .store-wrap .selectStoreBtn {
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
height: 40px;
padding: 9px 20px;
}
@media (min-width: 751px) {
#store-layer .store-wrap .selectStoreBtn {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#store-layer .store-wrap .selectStoreBtn {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#store-layer .store-wrap .selectStoreBtn.fullWidth {
display: block;
width: 100%;
}
#store-layer .store-wrap .selectStoreBtn.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#store-layer .store-wrap .selectStoreBtn.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-wrap .selectStoreBtn.blackColor {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-wrap .selectStoreBtn.whiteColor {
background-color: #FFF;
color: #000;
}
#store-layer .store-wrap .selectStoreBtn.greyColor {
background-color: #959595;
color: #FFF;
}
#store-layer .store-wrap .selectStoreBtn.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
#store-layer .store-wrap .selectStoreBtn.smallSize {
font-size: 12px;
}
#store-layer .store-wrap .selectStoreBtn.tinySize {
font-size: 10px;
}
@media (min-width: 751px) {
#store-layer .store-wrap .selectStoreBtn {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#store-layer .store-wrap .selectStoreBtn {
font-size: 12px;
line-height: 15px;
}
}
#store-layer .store-wrap .link {
display: inline-block;
padding: 0;
color: #000;
border: 0;
border-bottom: 1px solid;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
vertical-align: middle;
line-height: 17px!important;
/* Hover styles */
}
pickup-point-store-locator-map #searchCity,
pickup-point-store-locator-map #searchState,
pickup-point-store-locator-map #searchZipCode {
border: 1px solid #000;
height: 40px;
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
padding: 9px 15px;
margin-bottom: 5px;
}
@media only screen and (min-width: 751px) {
#store-layer .map .gm-style .gm-style-iw {
max-width: 200px;
}
#store-layer .store-results-wrap #layer-store-results {
overflow-y: auto;
max-height: 270px;
margin: 20px -20px 0;
padding-right: 10px;
}
#store-layer .store-results-wrap #layer-store-results::-webkit-scrollbar {
width: 10px;
background-color: transparent;
}
#store-layer .store-results-wrap #layer-store-results::-webkit-scrollbar-track {
background-color: transparent;
}
#store-layer .store-results-wrap #layer-store-results::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
outline: 0;
height: 50px;
}
#store-layer.pickup-point .store-results-wrap #layer-store-results {
max-height: 229px;
}
}
@media only screen and (max-width: 750px) {
#store-layer {
/* fix map style */
}
#store-layer .common-error {
background-position: 0 15px;
}
#store-layer .left-column,
#store-layer .right-column {
width: 100%;
}
#store-layer .left-column {
height: auto;
/* initial value */
}
#store-layer .right-column {
display: none;
/* map hidden as default, click on "View on map" in store results to show map */
height: 300px;
margin-top: 40px;
}
#store-layer .store-search-wrap .option-radio label {
margin-top: 15px;
margin-bottom: 15px;
}
#store-layer .store-search-wrap .geolocate {
margin-bottom: 10px;
}
#store-layer .store-search-wrap .geolocate .i-geolocation {
display: none;
}
#store-layer .store-search-wrap .geolocate .geolocate-link {
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
line-height: 18px;
margin-top: 5px;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.fullWidth {
display: block;
width: 100%;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.whiteColor {
background-color: #FFF;
color: #000;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.greyColor {
background-color: #959595;
color: #FFF;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.smallSize {
font-size: 12px;
}
#store-layer .store-search-wrap .geolocate .geolocate-link.tinySize {
font-size: 10px;
}
#store-layer .store-search-wrap .geolocate .geolocate-link:hover {
background-color: #666666!important;
}
#store-layer .store-search-wrap .field-button-wrap #searchZipCode {
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
width: -o-calc(100% - 110px);
}
#store-layer .store-search-wrap .field-button-wrap #storeSearchButton {
line-height: 18px;
}
#store-layer .store-results-wrap #layer-store-results {
margin-top: 30px;
}
#store-layer .store-results-wrap #layer-store-results .store-wrap {
padding-left: 0;
}
#store-layer .store-results-wrap #layer-store-results .store-wrap:last-child {
border-bottom: 0;
margin-bottom: 0;
}
#store-layer .store-results-wrap #layer-store-results .store-wrap .store-details.left {
padding-left: 0;
}
#store-layer .store-results-wrap #layer-store-results .store-wrap .store-details.left .store-image {
display: none;
}
#store-layer .store-results-wrap #storeNewSearchButton {
margin-top: 20px;
}
#store-layer .store-wrap .store-details-row .prjLink {
margin-top: 10px;
}
#store-layer #map *,
#store-layer #pup-map * {
max-width: none;
}
#store-layer #map .info-window,
#store-layer #pup-map .info-window {
max-width: 200px;
}
#storeLocatorLayer {
/* disable colorbox common styles for .sqr-input-blocker */
}
#storeLocatorLayer .sqr-input-blocker {
height: 100%!important;
}
#storeLocatorLayer .sqr-input-blocker .quickviewLoadingIcon {
height: 100px!important;
margin-left: -150px;
margin-top: -125px;
}
.icon-loading-store {
top: 85%;
left: 50%;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#store-layer .store-search-wrap .geolocate .geolocate-link {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#store-layer .store-search-wrap .geolocate .geolocate-link {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#store-layer .store-search-wrap .geolocate .geolocate-link.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#store-layer .store-search-wrap .geolocate .geolocate-link.blackColor {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
#store-layer .store-search-wrap .geolocate .geolocate-link {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#store-layer .store-search-wrap .geolocate .geolocate-link {
font-size: 12px;
line-height: 15px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#store-layer .left-column,
#store-layer .right-column {
width: 50%;
}
#store-layer .left-column {
height: auto;
padding-right: 30px;
}
#store-layer .store-wrap .store-details-row .prjLink {
margin-top: 10px;
}
#store-layer .store-wrap .store-details-row.link-map {
margin-right: -80%;
}
}
@media only screen and (max-width: 750px) {
pickup-point-store-locator-map .formFieldContainer input {
width: 100% !important;
}
pickup-point-store-locator-map #storeSearchButton {
width: 100%;
}
}
#cboxWrapper .ensemble-quickview .common-error {
padding: 0;
color: #ff6699;
}
#cboxWrapper .ensemble-quickview .quickview-content {
background-color: #fff;
min-height: 550px;
position: relative;
max-width: 100%;
}
#cboxWrapper .ensemble-quickview .quickview-content .slick-list {
overflow-y: visible;
}
#cboxWrapper .ensemble-quickview .items {
width: 90%;
display: block;
margin: 0 auto;
position: relative;
z-index: 5;
}
#cboxWrapper .ensemble-quickview .product-toggler {
display: inline-block;
vertical-align: top;
width: 20%;
text-align: left;
padding: 20px 0 150px 0;
}
#cboxWrapper .ensemble-quickview .js_ensembleItems.submitReady.productToSubmit .fake-check {
background-image: url('/sqr-front/assets/images/icons/checked.png');
background-repeat: no-repeat;
background-position: 2px;
}
#cboxWrapper .ensemble-quickview .ensemble-items {
min-width: 110px;
max-width: 120px;
display: inline-block;
}
#cboxWrapper .ensemble-quickview .ensemble-items + * {
max-width: 100%;
margin: 0;
padding: 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items .validity {
margin-bottom: 10px;
}
#cboxWrapper .ensemble-quickview .ensemble-items .validity .fake-check,
#cboxWrapper .ensemble-quickview .ensemble-items .validity .text {
cursor: pointer;
vertical-align: middle;
font-weight: 700;
}
#cboxWrapper .ensemble-quickview .ensemble-items .validity .fake-check {
cursor: pointer;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #cfcfcf;
display: inline-block;
margin: 0 5px 0 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items sqr-product-gallery {
width: 100%;
margin: 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items sqr-product-gallery .arrow {
display: block !important;
background: transparent;
background-repeat: no-repeat;
}
#cboxWrapper .ensemble-quickview .ensemble-items sqr-product-gallery .arrow.prev {
background-image: url(../assets/images/icons/svg/arrow_left_02.svg);
background-position: left center;
}
#cboxWrapper .ensemble-quickview .ensemble-items sqr-product-gallery .arrow.next {
background-image: url(../assets/images/icons/svg/arrow_right_02.svg);
background-position: right center;
}
#cboxWrapper .ensemble-quickview .ensemble-items .promo-area {
position: relative;
top: -25px;
margin-bottom: -25px;
}
#cboxWrapper .ensemble-quickview .ensemble-items .promo-area .promomsgbox {
display: none;
}
#cboxWrapper .ensemble-quickview .ensemble-items .promo-area .promomsgbox ul {
padding: 0;
margin: 0;
max-height: 133px;
}
#cboxWrapper .ensemble-quickview .ensemble-items .promo-area .promomsgbox ul li {
width: 100%;
}
#cboxWrapper .ensemble-quickview .ensemble-items .promo-area .promomsgbox p.promo-message {
margin: 0;
padding: 2px;
text-align: center;
width: 100%;
}
#cboxWrapper .ensemble-quickview .ensemble-items .product-name {
font-weight: 500;
letter-spacing: 0.05em;
height: 36px;
margin: 0;
overflow: hidden;
display: block;
margin-bottom: 14px;
}
@media (min-width: 751px) {
#cboxWrapper .ensemble-quickview .ensemble-items .product-name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#cboxWrapper .ensemble-quickview .ensemble-items .product-name {
font-size: 12px;
line-height: 15px;
}
}
#cboxWrapper .ensemble-quickview .ensemble-items .prices-container {
margin: 0;
height: 36px;
clear: both;
}
#cboxWrapper .ensemble-quickview .ensemble-items .prices-container .price,
#cboxWrapper .ensemble-quickview .ensemble-items .prices-container .original-price-stroke {
display: inline-block;
vertical-align: middle;
float: none;
margin: 0;
padding-top: 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items .prices-container .catalog-display-price-text,
#cboxWrapper .ensemble-quickview .ensemble-items .prices-container .common-msrp-price {
font-size: 12px;
}
#cboxWrapper .ensemble-quickview .ensemble-items .variant-section {
padding: 0 0 3px 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items .variant {
padding: 0;
margin: 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items .quantity_wrap {
margin: 0;
width: 100%;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect {
width: 100%;
font-size: 12px;
border: 1px solid #cccccc;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect .selected-value {
text-align: left;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect .open ul {
border: 1px solid #cccccc;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect .open ul li.selected,
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect .open ul li.selected:hover {
background-color: #fff;
color: inherit;
font-weight: 700;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect .open:before {
content: ' ';
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 23px;
z-index: 5;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect ::-webkit-scrollbar {
width: 16px;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect ::-webkit-scrollbar-track {
background-color: transparent;
}
#cboxWrapper .ensemble-quickview .ensemble-items .altSelect ::-webkit-scrollbar-thumb {
background-color: #e6e6e6;
border: 5px solid #fff;
border-radius: 16px;
}
#cboxWrapper .ensemble-quickview .ensemble-items sqr-quantity {
text-align: center;
}
#cboxWrapper .ensemble-quickview .ensemble-items .field-wrap {
text-align: right;
}
#cboxWrapper .ensemble-quickview .ensemble-items .field-wrap .label {
display: inline-block;
vertical-align: middle;
width: 25%;
padding: 0;
margin: 0;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
#cboxWrapper .ensemble-quickview .ensemble-items .field-wrap .quantitySel {
display: inline-block;
vertical-align: middle;
width: 70%;
}
#cboxWrapper .ensemble-quickview .ensemble-items .price-each {
display: none;
padding: 4px 0;
}
#cboxWrapper .ensemble-quickview .ensemble-items .stock-quantity {
display: none;
}
#cboxWrapper .ensemble-quickview .ensemble-items .product-available {
display: none;
font-weight: 700;
}
#cboxWrapper .ensemble-quickview .ensemble-items.showUnselectedVariants .variant-section.unselected-variant .altSelect,
#cboxWrapper .ensemble-quickview .ensemble-items.showUnselectedVariants .variant-section.unselected-variant .altSelect .open ul {
border-color: #ff6666;
}
#cboxWrapper .ensemble-quickview .add-item-container {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
position: absolute;
z-index: 10;
bottom: 35px;
}
#cboxWrapper .ensemble-quickview .add-item-container .add-to-bag-container {
width: 100%;
text-align: center;
display: inline-block;
}
#cboxWrapper .ensemble-quickview .add-item-container .buttonAddcart {
margin: 0;
padding: 10px 40px;
min-width: 195px;
width: auto;
}
#cboxWrapper .ensemble-quickview .add-item-container.select-open {
z-index: 1;
}
#cboxWrapper .ensemble-quickview .slick-disabled {
display: none !important;
}
#cboxWrapper #checkout-crosssell .ensemble-quickview .add-item-container .add-to-bag-container {
width: auto;
text-align: left;
padding-left: 50px;
}
#cboxWrapper #checkout-crosssell .ensemble-quickview .add-item-container .proceed-container {
width: auto;
text-align: right;
padding-left: 20px;
padding-right: 50px;
}
#cboxWrapper #validity-check-message {
text-align: left;
margin: 0 auto;
color: #ff6666;
padding: 15px 30px 0 30px;
font-weight: 600;
font-size: 11px;
overflow: hidden;
max-height: 0;
-webkit-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
#cboxWrapper #validity-check-message .error-face {
vertical-align: middle;
display: inline-block;
}
#cboxWrapper #validity-check-message.open {
max-height: 100px;
}
#cboxWrapper sqr-swatch-not-available .notification-error-bottom {
margin: 0px;
padding: 0px;
text-align: center;
}
#cboxWrapper sqr-swatch-not-available .notification-error-bottom .i-smile-error {
display: none;
}
#cboxWrapper #ensembleQw #prevObj,
#cboxWrapper #ensembleQw #nextObj {
display: none;
}
#cboxWrapper #ensembleQw .notification-error-ensemble-qv {
color: #ff6666;
font-weight: 600;
font-size: 12px;
width: 100%;
max-width: 410px;
text-align: left;
padding-left: 40px;
padding-top: 15px;
clear: both;
}
/* WISHLIST FEEDBACK BASIC STYLES */
.wishlist-feedback {
text-align: center;
color: #000;
background: #fff;
border: 1px solid #cccccc;
width: 100%;
height: auto;
position: relative;
margin-left: 10px;
margin-top: 10px;
cursor: default;
z-index: 100;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
/* popup triangle styles */
/* Stroke */
/* Fill */
}
.wishlist-feedback:before,
.wishlist-feedback:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
margin-right: 10px;
}
.wishlist-feedback:before {
top: -11px;
right: 8px;
border-width: 0 9px 11px 9px;
border-color: transparent transparent #cccccc transparent;
}
.wishlist-feedback:after {
top: -9.5px;
right: 9px;
border-width: 0 8px 10px 8px;
border-color: transparent transparent #ffffff transparent;
}
.wishlist-feedback.fade-in {
opacity: 1;
}
.wishlist-feedback .wishlist-feedback-inner {
width: 100%;
padding: 7px 10px;
overflow: hidden;
}
.wishlist-feedback .item-added-text,
.wishlist-feedback .signin-text {
font-size: 10px;
font-weight: normal;
text-transform: none;
}
.wishlist-feedback .item-added-title {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.wishlist-feedback .signin-link {
margin: 3px auto;
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
color: #000;
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #000;
color: #FFF;
padding: 3px 10px;
min-width: 50%;
}
@media (min-width: 751px) {
.wishlist-feedback .signin-link {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.wishlist-feedback .signin-link {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
.wishlist-feedback .signin-link.fullWidth {
display: block;
width: 100%;
}
.wishlist-feedback .signin-link.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.wishlist-feedback .signin-link.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.wishlist-feedback .signin-link.blackColor {
font-size: 12px;
line-height: 15px;
}
}
.wishlist-feedback .signin-link.whiteColor {
background-color: #FFF;
color: #000;
}
.wishlist-feedback .signin-link.greyColor {
background-color: #959595;
color: #FFF;
}
.wishlist-feedback .signin-link.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
.wishlist-feedback .signin-link.smallSize {
font-size: 12px;
}
.wishlist-feedback .signin-link.tinySize {
font-size: 10px;
}
.wishlist-feedback .item-added-text.error {
font-size: 11px;
padding-bottom: 0;
padding-left: 0;
}
.wishlist-feedback .item-added-text.error .i-smile-error {
margin-bottom: -2px;
}
/* custom styles for listing pages:
* thumbnail-styles.less
* tezenis-thumbnail-multi-styles.less
*/
/* styles for product/ensemble/quick view */
.js_productScope .js_show-feedback {
position: relative;
z-index: 5;
/* as .entity-info-wishlist */
}
@media only screen and (min-width: 751px) {
.js_productScope .js_show-feedback .entity-info-wishlist {
position: absolute;
left: 50%;
top: 8px;
/* .js_show-feedback margin-top 17px */
z-index: 5;
background: transparent;
width: 48%;
height: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.js_productScope .js_show-feedback .wishlist-feedback {
margin-top: 0;
width: calc(100% - 10px);
width: -moz-calc(100% - 10px);
width: -webkit-calc(100% - 10px);
width: -o-calc(100% - 10px);
/* popup triangle on left */
/* Stroke */
/* Fill */
}
.js_productScope .js_show-feedback .wishlist-feedback:before,
.js_productScope .js_show-feedback .wishlist-feedback:after {
margin-right: 0;
}
.js_productScope .js_show-feedback .wishlist-feedback:before {
top: 50%;
right: auto;
left: -11px;
border-width: 9px 11px 9px 0;
border-color: transparent #cccccc transparent transparent;
margin-top: -9px;
}
.js_productScope .js_show-feedback .wishlist-feedback:after {
top: 50%;
right: auto;
left: -9.5px;
border-width: 8px 10px 8px 0;
border-color: transparent #ffffff transparent transparent;
margin-top: -8px;
}
}
@media only screen and (max-width: 750px) {
.js_productScope .js_show-feedback .entity-info-wishlist {
position: absolute;
left: 0;
top: 100%;
z-index: 5;
background: transparent;
width: 50%;
height: auto;
margin-left: 25%;
}
.js_productScope .js_show-feedback .wishlist-feedback {
margin-left: 0;
}
.js_productScope .js_show-feedback .wishlist-feedback:before {
right: 50%;
margin-right: -9px;
}
.js_productScope .js_show-feedback .wishlist-feedback:after {
right: 50%;
margin-right: -8px;
}
}
@media only screen and (min-width: 751px) {
.EntityBody .add-to-wish-list.js_show-feedback:not(.add-ensemble) {
clear: both;
padding-right: 50%;
padding-left: 42px;
margin-left: 0;
}
.EntityBody.catalog-ensemble .add-wishlist-wrap {
width: 100%;
max-width: 445px;
}
.EntityBody.catalog-ensemble .add-to-wish-list.js_show-feedback:not(.add-ensemble) {
padding-right: 48%;
}
.EntityBody.catalog-ensemble .add-to-wish-list.js_show-feedback:not(.add-ensemble) .entity-info-wishlist {
left: 52%;
}
}
@media only screen and (max-width: 750px) {
.EntityBody .add-to-wish-list.js_show-feedback:not(.add-ensemble) {
padding-left: 0;
padding-right: 0;
}
}
.EntityBody .add-to-wish-list.add-ensemble {
margin-left: 0;
text-align: right;
position: relative;
cursor: pointer;
}
.EntityBody .add-to-wish-list.add-ensemble .entity-info-wishlist {
position: absolute;
left: 0;
top: 100%;
z-index: 5;
background: transparent;
width: 100%;
height: auto;
}
.EntityBody .add-to-wish-list.add-ensemble .wishlist-feedback {
margin-left: 0;
}
.EntityBody .add-to-wish-list.add-ensemble .wishlist-feedback:before {
right: 50%;
margin-right: -9px;
}
.EntityBody .add-to-wish-list.add-ensemble .wishlist-feedback:after {
right: 50%;
margin-right: -8px;
}
@media only screen and (max-width: 750px) {
.EntityBody .add-to-wish-list.add-ensemble {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.EntityBody .add-to-wish-list.add-ensemble .entity-info-wishlist {
width: 50%;
margin-left: 25%;
}
}
/* Remove wishlist feedback for Tezenis Restyling */
.wishlist-feedback {
display: none!important;
}
/* Country newsletter popup */
.modal.popupWidget {
z-index: 20010;
}
.modal.popupWidget #popupCloseButt {
position: absolute;
right: 20px;
top: 20px;
opacity: 1;
}
.modal-header {
border-bottom: 0 solid;
}
.modal-body {
font-weight: 400;
font-size: 13px;
line-height: 20px;
padding: 40px;
}
@media (min-width: 751px) {
.modal-body {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
.modal-body {
letter-spacing: 0.1em;
}
}
.modal-dialog {
height: 100%;
}
.modal-content {
top: 50%;
margin-top: -50%;
border: none;
border-radius: 0;
box-shadow: none;
}
.modal-content h4 {
font-weight: 600;
letter-spacing: 0.05em;
padding: 20px 0;
display: inline-block;
}
@media (min-width: 751px) {
.modal-content h4 {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.modal-content h4 {
font-size: 15px;
line-height: 23px;
}
}
.modal-content .tznButton {
max-width: 60%;
margin-bottom: 30px;
}
.modal-content .underlined_link {
color: #000;
vertical-align: top;
padding-left: 0px;
font-size: 12px;
line-height: 15px;
border-bottom: 1px solid #A4A4A4;
text-decoration: none!important;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
}
.modal-content .row.distanced {
margin-top: 15px;
}
.modal-content .select-zone-container {
width: 60%;
margin: auto;
}
.modal-content .select-zone-container .langCountrySelector {
margin-bottom: 20px;
}
.modal-content .select-zone-container .langCountrySelector .altSelect {
width: 100%;
}
.modal-content .select-zone-container .langCountrySelector .altSelect .open ul {
max-height: 90px;
text-align: center;
}
.modal-content .select-zone-container .applyLanguage {
width: 100%;
}
@media only screen and (max-width: 750px) {
.modal-content .tznButton {
max-width: 100%;
}
.modal-content .select-zone-container {
width: 100%;
}
}
.wishlist-header {
cursor: pointer;
}
#wishlist .guest-wishlist {
/* Hide border top */
}
#wishlist .guest-wishlist .container-scheda-prodotto {
width: 100%;
padding-top: 25px;
}
#wishlist .guest-wishlist .container-scheda-prodotto .dati-scheda-prodotto {
width: 100%;
}
#wishlist .guest-wishlist #print-share-area {
padding: 24px 0;
display: none;
}
#wishlist .guest-wishlist #use-wis-print-link {
background-image: url('/tzn-front/assets/images/icons/use-print.png');
background-repeat: no-repeat;
width: 50%;
position: relative;
display: inline-block;
background-position: center left;
text-align: left;
}
#wishlist .guest-wishlist #use-wis-print-link a {
margin-left: 30px;
text-transform: uppercase;
color: #000;
text-decoration: underline;
font-weight: 600;
}
#wishlist .guest-wishlist .text-share {
font-size: 12px;
margin: 0 12px 0 0;
}
#wishlist .guest-wishlist .text-share,
#wishlist .guest-wishlist .sharing_prodotto {
padding: 0;
float: none;
display: inline-block;
vertical-align: middle;
}
#wishlist .guest-wishlist .gig-bar-container {
margin: 0;
}
#wishlist .guest-wishlist .gig-bar-container .gig-button-container {
margin-bottom: 0;
}
#wishlist .guest-wishlist .managed-area {
max-width: 100%;
}
#wishlist .guest-wishlist .empty-wl-message {
min-height: 400px;
padding: 150px 50px 50px 50px;
text-align: center;
}
#wishlist .guest-wishlist .empty-wl-message .icon-container .empty-wish-icon {
display: inline-block;
height: 70px;
width: 70px;
background-image: url('/tzn-front/assets/images/icons/wish-heart-empty.png');
}
#wishlist .guest-wishlist .empty-wl-message .message-empty {
font-size: 14px;
font-weight: 600;
color: #a9a9a9;
margin-top: 5px;
}
#wishlist .guest-wishlist .product-toggler {
width: 49.5%;
display: inline-block;
vertical-align: top;
padding: 0 0 70px 0;
position: relative;
height: auto;
min-height: 337px;
}
#wishlist .guest-wishlist .product-toggler .notification-error-top {
margin: 0 0 10px 0;
}
#wishlist .guest-wishlist .product-toggler:nth-child(odd) {
padding-right: 5%;
}
#wishlist .guest-wishlist .product-toggler:nth-child(even) {
padding-left: 5%;
}
#wishlist .guest-wishlist .product-toggler:nth-child(even):before {
left: auto;
right: 0;
}
#wishlist .guest-wishlist .ensemble-image-gallery {
width: 35%;
display: inline-block;
vertical-align: top;
}
#wishlist .guest-wishlist sqr-product-gallery {
width: 100%;
margin: 0;
}
#wishlist .guest-wishlist sqr-product-gallery .arrow {
display: block !important;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
bottom: 0;
top: 0;
height: 100%;
margin-top: 0;
}
@media only screen and (max-width: 1024px) {
#wishlist .guest-wishlist sqr-product-gallery .arrow {
display: none!important;
}
}
#wishlist .guest-wishlist sqr-product-gallery .arrow.prev {
left: 3%;
background-position: left center;
}
#wishlist .guest-wishlist sqr-product-gallery .arrow.next {
right: 3%;
background-position: right center;
}
#wishlist .guest-wishlist sqr-product-gallery .gallery-icon.wish {
display: none!important;
}
#wishlist .guest-wishlist .description-container {
width: 63%;
display: inline-block;
vertical-align: top;
padding: 8px 0 0 15px;
}
#wishlist .guest-wishlist .description-container .variant-section.error {
background-color: transparent !important;
margin-left: 0;
}
#wishlist .guest-wishlist .description-container .variant-section.error .error-message {
margin-left: 0;
text-align: left;
font-weight: 500;
}
@media (min-width: 751px) {
#wishlist .guest-wishlist .description-container .variant-section.error .error-message {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#wishlist .guest-wishlist .description-container .variant-section.error .error-message {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#wishlist .guest-wishlist .description-container .quantity_wrap {
margin-top: 0;
}
#wishlist .guest-wishlist .product-name {
display: block;
overflow: hidden;
padding: 0;
}
#wishlist .guest-wishlist .product-style {
padding: 0;
font-size: 11px;
}
#wishlist .guest-wishlist .prices-container {
font-size: 13px;
margin: 0;
text-align: left;
font-weight: 700;
}
#wishlist .guest-wishlist .prices-container .catalog-display-price-text,
#wishlist .guest-wishlist .prices-container .original-price-stroke,
#wishlist .guest-wishlist .prices-container .common-msrp-price {
font-size: 13px;
margin: 0;
float: none;
display: inline-block;
padding-top: 0;
}
#wishlist .guest-wishlist .variant,
#wishlist .guest-wishlist .variant-section {
padding: 0;
}
#wishlist .guest-wishlist .variant-section.error {
margin-left: 0!important;
}
#wishlist .guest-wishlist .altSelect {
width: 100%;
max-width: 220px;
font-size: 12px;
border: 1px solid #000;
}
#wishlist .guest-wishlist .altSelect .selected-value {
padding: 11px 20px;
text-align: left;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#wishlist .guest-wishlist .altSelect .selected-value {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#wishlist .guest-wishlist .altSelect .selected-value {
font-size: 12px;
line-height: 15px;
}
}
#wishlist .guest-wishlist .altSelect .selected-value.placeholder {
color: #666;
}
#wishlist .guest-wishlist .altSelect .selected-value span {
vertical-align: -2px;
text-transform: none;
}
#wishlist .guest-wishlist .altSelect .open ul {
width: 100%;
}
#wishlist .guest-wishlist .altSelect .open ul li.selected,
#wishlist .guest-wishlist .altSelect .open ul li.selected:hover {
background-color: #fff;
color: inherit;
font-weight: 700;
}
#wishlist .guest-wishlist .altSelect ::-webkit-scrollbar {
width: 16px;
}
#wishlist .guest-wishlist .altSelect ::-webkit-scrollbar-track {
background-color: transparent;
}
#wishlist .guest-wishlist .altSelect ::-webkit-scrollbar-thumb {
background-color: #e6e6e6;
border: 5px solid #fff;
border-radius: 16px;
}
#wishlist .guest-wishlist .quantity_wrap {
margin-top: 0;
}
#wishlist .guest-wishlist sqr-quantity {
text-align: center;
}
#wishlist .guest-wishlist .field-wrap {
text-align: right;
max-width: 120px;
}
#wishlist .guest-wishlist .field-wrap .label {
display: inline-block;
vertical-align: middle;
width: 25%;
padding: 0;
margin: 0;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
}
#wishlist .guest-wishlist .field-wrap .quantitySel {
display: inline-block;
vertical-align: middle;
width: 70%;
}
#wishlist .promo-area {
width: 100%;
height: auto;
max-height: 30px;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#wishlist .promo-area {
height: auto;
max-height: 40px;
}
}
#wishlist .btn-box {
text-align: center;
}
#wishlist .promomsgbox ul {
padding: 0;
margin: 0;
}
#wishlist .promomsgbox ul li {
width: auto;
}
#wishlist .promomsgbox ul li p.promo-message {
margin: 0;
width: 100%;
}
#wishlist .promomsgbox ul li + li {
margin-left: 10px;
}
@media only screen and (max-width: 1024px) {
#wishlist .promomsgbox ul li {
display: block;
}
#wishlist .promomsgbox ul li + li {
margin-left: 0;
}
}
#wishlist .add-item-container {
margin: 0;
}
#wishlist .add-item-container .add-to-bag-container {
float: none;
}
#wishlist .price-each {
margin-top: 8px;
font-size: 10px;
width: 120px;
display: none;
}
#wishlist .buttonAddcart,
#wishlist .remove-link {
font-weight: 600;
margin-top: 60px;
}
#wishlist .save-item-container .prjButton {
margin-top: 10px;
width: 100%;
max-width: 220px;
}
#wishlist .buttonAddcart {
padding-left: 10px;
padding-right: 10px;
}
#wishlist .buttonAddcart:not(.addAll) {
width: 100%;
max-width: 220px;
}
#wishlist .buttonAddcart.addAll {
border-width: 2px;
height: auto;
padding: 12px 18px 8px;
}
#wishlist .remove-link {
position: absolute;
bottom: 70px;
text-align: center;
cursor: pointer;
padding: 10px;
width: 175px;
}
#wishlist .remove-link:before {
content: "";
height: 1px;
background: #000;
width: 60px;
position: absolute;
bottom: 11px;
}
#wishlist .more-details,
#wishlist .completeOutfit {
display: none;
}
#wishlist .notification-error-bottom {
width: auto;
padding: 20px 0;
}
#wishlist .discover-new-arrivals {
margin-left: 0;
display: inline-block;
padding: 12px 18px 8px;
/* fix line height */
border: 2px solid #000;
background: transparent;
text-decoration: none!important;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
cursor: pointer;
-webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
/* Dimensions */
/* Colors */
/* Font Sizes */
background-color: #f2f3ed;
color: #000;
background-color: #f2f3ed!important;
color: #000!important;
}
@media (min-width: 751px) {
#wishlist .discover-new-arrivals {
font-weight: 600;
font-size: 13px;
line-height: 20px;
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
#wishlist .discover-new-arrivals {
font-weight: 500;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.1em;
}
}
#wishlist .discover-new-arrivals.fullWidth {
display: block;
width: 100%;
}
#wishlist .discover-new-arrivals.blackColor {
background-color: #000;
color: #FFF;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
#wishlist .discover-new-arrivals.blackColor {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
#wishlist .discover-new-arrivals.blackColor {
font-size: 12px;
line-height: 15px;
}
}
#wishlist .discover-new-arrivals.whiteColor {
background-color: #FFF;
color: #000;
}
#wishlist .discover-new-arrivals.greyColor {
background-color: #959595;
color: #FFF;
}
#wishlist .discover-new-arrivals.lightgreyColor {
background-color: #f2f3ed;
color: #000;
}
#wishlist .discover-new-arrivals.smallSize {
font-size: 12px;
}
#wishlist .discover-new-arrivals.tinySize {
font-size: 10px;
}
#wishlist .call-to-action {
font-weight: 700;
line-height: 110%;
}
#wishlist .call-to-action.medium {
text-transform: uppercase;
}
#wishlist .call-to-action.large {
text-transform: uppercase;
font-size: 26px;
}
.common-error {
color: #ff6666;
font-weight: 500;
}
@media only screen and (min-width: 751px) {
#wishlist .remove-link {
width: 33.33%;
}
}
@media only screen and (max-width: 750px) {
#wishlist .my-account-breadcrumb {
padding-bottom: 0;
}
#wishlist .guest-wishlist #print-share-area {
padding: 12px 0 0 0;
}
#wishlist .guest-wishlist .container-social-icons-product {
display: block;
margin: 0;
float: none;
text-align: center;
max-width: none;
}
#wishlist .guest-wishlist #mobile-info {
font-size: 12px;
padding: 20px 22px 22px 22px;
text-align: center;
clear: both;
border-bottom: 1px solid #dddddd;
}
#wishlist .guest-wishlist .managed-area {
max-width: 98%;
margin: -1px 1%;
}
#wishlist .guest-wishlist .empty-wl-message {
min-height: 0;
padding: 80px 20px;
}
#wishlist .guest-wishlist .dati-scheda-prodotto {
padding: 15px 0 5px 0;
border-bottom: none;
border-top: none;
}
#wishlist .guest-wishlist .product-toggler {
width: 100%;
padding: 0 0 50px 0 !important;
min-height: 302px;
}
#wishlist .guest-wishlist .ensemble-image-gallery {
width: 40%;
margin-bottom: 34px;
}
#wishlist .guest-wishlist .description-container {
width: 58%;
}
#wishlist .guest-wishlist .description-container .prices-container .catalog-display-price-text {
text-align: left;
}
#wishlist .guest-wishlist .description-container .variant-section.color {
margin-top: 4px;
}
#wishlist .guest-wishlist .altSelect .selected-value span {
vertical-align: -4px;
}
#wishlist .guest-wishlist sqr-product-gallery .arrow {
display: none!important;
}
#wishlist .guest-wishlist .quantity-container .head .label_1 {
font-weight: 500;
letter-spacing: 0.1em;
}
#wishlist .slider-container {
padding-top: 0;
}
#wishlist .slider-container .slider .slide {
margin: 0;
width: 100%!important;
}
#wishlist .description-container .variant-section.color,
#wishlist .add-item-container {
border: none;
}
#wishlist .remove-link {
width: 40%;
bottom: 55px;
}
#wishlist .buttonAddcart {
margin-top: 15px;
width: 100%;
}
#wishlist .shareBtn {
width: 100%;
}
#wishlist .promomsgbox ul {
text-align: left;
}
#wishlist .mobileZoomBtn {
display: none !important;
}
#wishlist .call-to-action {
font-size: 12px;
}
#wishlist .call-to-action.large {
font-size: 22px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
#wishlist .guest-wishlist .quantity-container .head .label_1 {
font-size: 12px;
line-height: 15px;
}
}
.login-popup {
background-color: #fff;
padding: 40px;
}
.login-popup .info-text {
font-weight: 700;
padding: 0 0 30px 0;
}
/****************************************************
*
* L A N D I N G P A G E
*
*****************************************************/
/* Common styles - DESTKOP */
.landingCRM .content_wrap {
margin: 50px auto;
}
.landingCRM .content_wrap .termsANDpolicy {
padding: 30px 0;
text-align: left;
}
.landingCRM span.labelFieldWrapper input:not([type="submit"]):not([type="button"]) {
width: auto;
margin-right: 20px;
}
.landingCRM .selectNationNewsletter {
width: 40%;
min-width: 270px;
}
/* Register - TABLET */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.landingCRM .content_wrap {
width: 100%;
margin: 0 auto;
}
}
/* Register - MOBILE */
@media only screen and (max-width: 750px) {
#step3.loyaltyRegister .content_wrap {
width: 100%;
margin: 0 auto;
}
}
#socialRegisterBody .layer_wrapper_inner {
padding: 10px 20px 10px 20px;
}
#socialRegisterBody .titlePopup {
margin: 20px 0 20px 0;
font-size: 24px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
}
#socialRegisterBody .smallTxt {
display: inline-block;
font-size: 10px;
padding: 0 20px 20px 20px;
}
#socialRegisterBody .social-register-layer {
padding: 0 10%;
}
#socialRegisterBody .formFieldContainer {
padding: 0 20px 13px 20px;
display: inline-block !important;
vertical-align: bottom;
width: 49% !important;
max-width: 230px;
clear: none;
float: none;
}
#socialRegisterBody .formFieldContainer.type_title {
width: 100% !important;
max-width: 100%;
}
#socialRegisterBody .formFieldContainer label {
position: static;
margin: 0 20px 0 0;
}
#socialRegisterBody .formFieldContainer .label,
#socialRegisterBody .formFieldContainer .form-label {
font-weight: initial;
font-size: 12px;
color: #737373;
width: 100%;
padding: 0 0 5px 0;
display: inline-block;
text-align: left;
}
#socialRegisterBody .formFieldContainer .userTitleRequired {
padding: 0;
}
#socialRegisterBody .formFieldContainer .prefix {
width: 30%;
}
#socialRegisterBody .formFieldContainer .number {
width: 65%;
float: right;
}
#socialRegisterBody input:not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]) {
border: 1px solid #000;
color: #737373;
padding: 5px;
font-size: 10px;
outline: 0;
width: 100%;
}
#socialRegisterBody .altSelect {
max-width: 100%;
min-height: 28px;
}
#socialRegisterBody .altSelect.paese {
margin-bottom: 0;
}
#socialRegisterBody .option-radio {
display: inline-block;
}
#socialRegisterBody label.myCheck,
#socialRegisterBody .requiredFieldText,
#socialRegisterBody .info {
font-weight: 500;
padding: 0 0 5px 20px;
}
@media (min-width: 751px) {
#socialRegisterBody label.myCheck,
#socialRegisterBody .requiredFieldText,
#socialRegisterBody .info {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
}
@media (max-width: 750px) {
#socialRegisterBody label.myCheck,
#socialRegisterBody .requiredFieldText,
#socialRegisterBody .info {
font-size: 10px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: none;
}
}
#socialRegisterBody .requiredFieldText,
#socialRegisterBody .info {
padding: 10px 20px;
}
#socialRegisterBody .myCheck input {
display: none;
}
#socialRegisterBody .myCheck span {
margin: 0px 8px 0px 0px ! important;
width: 16px;
height: 16px;
display: inline-block;
background-image: url(../assets/images/icons/check-signin-icon.png);
background-repeat: no-repeat;
background-position: 0px 0px;
cursor: pointer;
}
#socialRegisterBody .myCheck input:checked + span {
background-image: url(../assets/images/icons/check-signin-icon.png);
background-repeat: no-repeat;
background-position: -19px 0px;
}
#socialRegisterBody a,
#socialRegisterBody a:hover,
#socialRegisterBody a:active {
text-decoration: underline;
font-weight: initial;
color: black;
font-size: inherit;
}
#socialRegisterBody .error {
background-image: none;
background-repeat: no-repeat;
}
#socialRegisterBody .buttonRow {
padding: 0 20px 20px 20px;
}
#socialRegisterBody .buttonRow .tznButton {
width: auto;
}
@media only screen and (max-width: 1024px) and (min-width: 751px) {
/****************************************************
*
* T A B L E T
*
*****************************************************/
#socialRegisterBody .altSelect.paese {
width: 100%;
}
}
@media only screen and (max-width: 750px) {
/****************************************************
*
* M O B I L E
*
*****************************************************/
#socialRegisterBody {
min-height: 982px;
}
#socialRegisterBody .layer_wrapper_inner {
padding: 10px 0;
}
#socialRegisterBody .formFieldContainer {
width: 100% !important;
max-width: 100% !important;
}
#socialRegisterBody .social-register-layer {
padding: 0;
}
}
/********************************************************************************
*
* U P L O A D V I D E O M P 4
*
*********************************************************************************/
.wrap-video {
position: relative;
width: 100%;
height: auto;
}
.wrap-video .content-preview-video {
width: 100%;
position: absolute;
z-index: 10;
}
.wrap-video .content-preview-image {
width: 100%;
position: absolute;
z-index: 10;
}
.wrap-video .preview-image {
max-width: 100%;
height: auto;
}
.wrap-video .player {
width: 77px;
height: 77px;
background-repeat: no-repeat;
background-image: url(/clz_assets/images/cms/CONTENT/ITALIANO/player_tzn.png);
position: absolute;
cursor: pointer;
z-index: 99;
top: 40%;
left: 50%;
}
.wrap-video .title {
width: 20%;
float: left;
font-size: 30px;
text-align: left;
text-transform: uppercase;
font-weight: 600;
background-color: #000;
color: #fff;
position: absolute;
top: 45%;
z-index: 99;
padding-left: 20px;
}
.wrap-video .description {
width: 100%;
float: left;
margin-top: 15px;
text-align: left;
font-size: 14px;
font-weight: 600;
}
.wrap-video video {
width: 100% !important;
height: auto !important;
}
/********************************************************************************
*
* F O R M A T V I D E O Y O U T U B E
*
*********************************************************************************/
.wrap-video-youtube {
position: relative;
width: 100%;
height: auto;
}
.wrap-video-youtube .content-preview-video {
width: 100%;
position: absolute;
z-index: 10;
}
.wrap-video-youtube .content-preview-image {
width: 100%;
position: absolute;
z-index: 10;
}
.wrap-video-youtube .content-preview-image {
position: absolute;
z-index: 10;
margin-top: 30px;
}
.wrap-video-youtube .title {
background-color: #000;
color: white;
bottom: 22px;
position: absolute;
width: auto;
font-size: 30px;
text-transform: uppercase;
left: 0;
}
.wrap-video-youtube .description {
background-color: #000;
color: white;
bottom: 22px;
position: absolute;
width: auto;
font-size: 12px;
text-transform: uppercase;
left: 0;
}
.wrap-video-youtube .content-iframe {
position: relative;
padding-bottom: 56.25%;
height: 0;
}
.wrap-video-youtube .content-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wrap-video-youtube .player {
width: 94px;
height: 94px;
background-repeat: no-repeat;
background-image: url(/clz_assets/images/cms/CONTENT/ITALIANO/player_tzn.png);
position: absolute;
cursor: pointer;
z-index: 99;
top: 45%;
left: 45%;
}
.wrap-video-youtube video {
width: 100% !important;
height: auto !important;
}
.eWalletPopup .containerPopup {
padding: 0px 50px 50px 50px;
}
.eWalletPopup .eWalletButtonSection {
padding-top: 50px;
}
.eWalletPopup .eWalletPopupSection {
padding-top: 20px;
color: #999999;
}
.eWalletPopup .eWalletBorder {
border-bottom: 1px solid;
padding-bottom: 30px;
}
.eWalletPopup .title {
font-size: 18px;
float: left;
text-transform: uppercase;
font-weight: 600;
padding: 40px 0px 35px 0px;
}
.eWalletPopup .textDescriptionEwallet {
font-size: 12px;
margin: 5px 0px 0px 25px;
color: #000;
position: relative;
padding: 0px;
}
.eWalletPopup .clear {
clear: both;
}
.eWalletPopup .buttonPopup {
padding: 10px 55px;
}
@media only screen and (max-width: 400px) {
.eWalletPopup .buttonPopup {
padding: 10px;
}
}
.eWalletPopup.e-wallet {
/* Input radio / checkbox styles moved to form-styles.less */
/*
input[type=radio] , input[type=checkbox] {
display: none ! important;
}
input[type=radio] + label , input[type=checkbox] + label {
background-image: none;
font-size: 12px;
line-height: 16px;
padding: 0px;
color: #000;
position: relative;
padding-left: 25px;
display: inline-block;
margin: 0px;
}
input[type=radio] + label:before {
content: " ";
marging: 0px;
display: inline-block;
margin: 0 10px 0 0;
height: 15px;
width: 15px;
padding: 0;
border: 1px solid #000;
background-color: white;
background: none;
cursor: pointer;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
}
input[type=radio]:checked + label:before {
content: " ";
background: url('../assets/images/icons/check-signin-icon_vert.png') no-repeat;
background-position: 50% 95%;
}
*/
}
.eWalletPopup.e-wallet .myRadio {
float: left;
color: #000;
padding-right: 3px;
}
@media only screen and (min-width: 751px) {
.contact-us-form .left-row,
.contact-us-form .right-row {
width: 50%;
float: left;
}
.contact-us-form .left-row .formFieldContainer,
.contact-us-form .right-row .formFieldContainer {
width: 100%;
max-width: 100%;
margin: 0 0 20px;
}
.contact-us-form .left-row .formFieldContainer.type_firstName,
.contact-us-form .right-row .formFieldContainer.type_firstName,
.contact-us-form .left-row .formFieldContainer.type_lastName,
.contact-us-form .right-row .formFieldContainer.type_lastName {
width: 50%;
float: left;
clear: none;
}
.contact-us-form .left-row .formFieldContainer.type_firstName,
.contact-us-form .right-row .formFieldContainer.type_firstName {
padding-right: 20px;
}
.contact-us-form .left-row .formFieldContainer.type_lastName,
.contact-us-form .right-row .formFieldContainer.type_lastName {
padding-left: 20px;
}
.contact-us-form .left-row input,
.contact-us-form .right-row input,
.contact-us-form .left-row .altSelect,
.contact-us-form .right-row .altSelect {
width: 100%!important;
}
.contact-us-form .left-row {
padding-right: 20px;
}
.contact-us-form .right-row {
padding-left: 20px;
}
}
.type-description {
margin: 0 0 20px;
}
.type-description textarea {
border: 1px solid #000;
resize: none;
height: 110px;
width: 100%;
margin: 0;
display: block;
}
.text-intro {
text-align: center;
}
.contact-us-form .requiredFieldText {
padding: 10px 0px 20px 0px;
text-transform: none;
margin-bottom: 0;
}
.contact-us-form .check-row {
margin: 10px 0;
}
.contact-us-form .check-label.info {
font-weight: 500;
letter-spacing: 0.05em;
padding: 0;
margin: 0;
}
@media (min-width: 751px) {
.contact-us-form .check-label.info {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.contact-us-form .check-label.info {
font-size: 11px;
line-height: 15px;
}
}
.contact-us-form .check-label.info a,
.contact-us-form .check-label.info a:hover {
font-weight: 500;
letter-spacing: 0.05em;
color: #000;
text-decoration: underline;
padding-right: 10px;
}
@media (min-width: 751px) {
.contact-us-form .check-label.info a,
.contact-us-form .check-label.info a:hover {
font-size: 11px;
line-height: 18px;
}
}
@media (max-width: 750px) {
.contact-us-form .check-label.info a,
.contact-us-form .check-label.info a:hover {
font-size: 11px;
line-height: 15px;
}
}
.contact-us-form .buttonSignIn {
margin: 0;
}
@media only screen and (max-width: 750px) {
.contact-us-form .left-row .formFieldContainer,
.contact-us-form .right-row .formFieldContainer {
width: 100%;
max-width: 100%;
margin: 0 0 20px;
}
.contact-us-form .left-row input,
.contact-us-form .right-row input,
.contact-us-form .left-row .altSelect,
.contact-us-form .right-row .altSelect {
width: 100%!important;
}
}
.magicMirror {
cursor: none;
overflow: hidden;
}
.magicMirror .header,
.magicMirror .footer {
display: none;
}
.magicMirror .content_wrap {
width: 1080px;
height: 1920px;
background-color: black;
overflow: hidden;
}
.magicMirror #wrapper-magic-mirror {
width: 100%;
float: left;
position: relative;
}
.magicMirror #introduction {
width: 1080px;
height: 1920px;
float: left;
background: black;
position: absolute;
z-index: 100;
top: 0;
overflow: hidden;
display: none;
}
.magicMirror #introduction .title-introduction {
font-size: 30px;
width: 100%;
text-align: center;
color: white;
font-style: italic;
text-transform: uppercase;
margin-top: 20%;
}
.magicMirror #introduction .subtitle-introduction {
font-size: 20px;
width: 100%;
text-align: center;
color: white;
font-style: italic;
}
.magicMirror #magic-mirror-details {
width: 100%;
max-width: 360px;
float: right;
position: relative;
}
.magicMirror #magic-mirror-details .content-up-sell {
width: 640px;
height: 306px;
float: left;
background-image: -webkit-linear-gradient(-60deg, #dd9cfc 15%, #9df2f7 100%);
border-bottom: 28px solid #c02f71;
display: none;
/*FINE FILMSTRIP UPSELL */
}
.magicMirror #magic-mirror-details .content-up-sell p {
font-size: 25px;
font-weight: bold;
padding-top: 20%;
color: #fff;
}
.magicMirror #magic-mirror-details .content-up-sell .text-title {
display: none;
width: auto;
font-size: 35px;
padding-top: 20px;
padding-left: 30px;
text-align: left;
font-style: italic;
}
.magicMirror #magic-mirror-details .content-up-sell .text-title span {
text-transform: uppercase;
color: white;
}
.magicMirror #magic-mirror-details .content-up-sell .text-subtitle {
display: none;
width: auto;
font-size: 14px;
font-style: italic;
text-transform: uppercase;
padding-right: 30px;
font-weight: bold;
text-align: right;
margin-top: -5px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell {
overflow: visible;
margin: 0 auto;
width: 500px;
min-height: 0;
max-height: 3002px;
float: none;
position: relative;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .upSell-title,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .upSell-title {
display: none;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap {
border: 0px solid #cccccc;
margin-top: 0px;
min-height: 0;
max-height: 821px;
width: 500px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb img,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb img {
-webkit-transform: rotate(-3deg);
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb {
margin-top: 0px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-pic,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-pic {
width: 143px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-pic .afkl-img-ratio-tzn.alt,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-pic .afkl-img-ratio-tzn.alt {
-webkit-transform: rotate(-3deg);
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-pic .afkl-lazy-image-loading,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-pic .afkl-lazy-image-loading {
background-color: transparent;
padding-top: 4px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-pic img,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-pic img {
min-height: 200px;
max-height: 200px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-info,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-info {
background-color: #ec3a7f;
color: black;
font-size: 10px;
font-style: italic;
-webkit-transform: rotate(-3deg);
z-index: 10;
margin: -56px 0px 0px 4px;
width: 144px;
padding-top: 3px;
padding-bottom: 0px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-info .entity-name,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-info .entity-name {
line-height: 10px;
text-align: left;
-webkit-transform: rotate(3deg);
padding-left: 10px;
}
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.newArrivals .filmstrip_wrap .entity-thumb .entity-info .entity-name a,
.magicMirror #magic-mirror-details .content-up-sell .filmstripProduct.upSell .filmstrip_wrap .entity-thumb .entity-info .entity-name a {
color: white;
}
.magicMirror #magic-mirror-details .magic-managed-content-top {
width: 440px;
height: 338px;
float: left;
background-image: -webkit-linear-gradient(-90deg, #bc6333 0%, #c26b95 100%);
position: relative;
}
.magicMirror #magic-mirror-details .magic-managed-content-top p {
font-size: 25px;
font-weight: bold;
padding-top: 30%;
color: black;
}
.magicMirror #magic-mirror-details .magic-managed-content-top .border-content-top {
width: 104%;
height: 62px;
background-color: #ea428e;
position: absolute;
bottom: -30.5px;
-webkit-transform: rotate(8deg);
margin-left: -7px;
border-bottom: 31px solid black;
z-index: 30;
}
.magicMirror #magic-mirror-details .info-product {
width: 100%;
max-width: 360px;
height: auto;
float: right;
position: relative;
margin-right: 15px;
}
.magicMirror #magic-mirror-details .info-product .container-gallery {
width: 390px;
height: 415px;
margin: 72px 0px 0px 14px;
position: relative;
padding: 0;
}
.magicMirror #magic-mirror-details .info-product .container-gallery .box1 {
width: 91px;
height: 85px;
position: absolute;
left: -9%;
top: -10%;
background-image: -webkit-linear-gradient(-60deg, #9df2f7 15%, #dd9cfc 100%);
}
.magicMirror #magic-mirror-details .info-product .container-gallery .box2 {
width: 40px;
height: 40px;
position: absolute;
right: 11.6%;
bottom: 10%;
background-color: #f8f84b;
}
.magicMirror #magic-mirror-details .info-product .container-gallery .box3 {
width: 68px;
height: 64px;
position: absolute;
right: 22%;
bottom: -5%;
background-color: #ea428e;
}
.magicMirror #magic-mirror-details .info-product .product-name {
width: 332px;
padding: 0;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 40px;
text-align: left;
margin: 24px 0px 0px 14px;
color: white;
float: left;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .product-name {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .product-name {
font-size: 14px;
line-height: 19px;
}
}
.magicMirror #magic-mirror-details .info-product .prices-container {
width: 332px;
float: left;
position: relative;
margin-left: 14px;
}
.magicMirror #magic-mirror-details .info-product .prices-container .price {
font-weight: 600;
letter-spacing: 0.05em;
text-align: left;
color: white;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .prices-container .price {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .prices-container .price {
font-size: 15px;
line-height: 23px;
}
}
.magicMirror #magic-mirror-details .info-product .prices-container .original-price-stroke {
float: left;
position: relative;
margin-left: 20px;
text-align: center;
padding: 0 5px;
}
.magicMirror #magic-mirror-details .info-product .prices-container .original-price-stroke .strike {
font-weight: 600;
letter-spacing: 0.05em;
color: white;
margin-right: 5px;
text-decoration: line-through;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .prices-container .original-price-stroke .strike {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .prices-container .original-price-stroke .strike {
font-size: 15px;
line-height: 23px;
}
}
.magicMirror #magic-mirror-details .info-product p.promo-message {
display: block;
width: 281px;
height: 32px;
font-size: 20px;
color: #FFF;
background-color: #ea428e;
padding: 2px 15px;
}
.magicMirror #magic-mirror-details .info-product .VariantMatrix {
float: left;
background-color: black;
}
.magicMirror #magic-mirror-details .info-product .head-color {
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
padding: 20px 0px 0px 15px;
margin: 0px;
color: white;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .head-color {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .head-color {
font-size: 14px;
line-height: 19px;
}
}
.magicMirror #magic-mirror-details .info-product .head-color .label-on-sale {
width: 100%;
float: left;
margin-bottom: 20px;
}
.magicMirror #magic-mirror-details .info-product .head-size {
width: 100%;
float: left;
font-weight: 500;
letter-spacing: 0.05em;
text-align: left;
padding-left: 15px;
margin: 0px;
color: white;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .head-size {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .head-size {
font-size: 14px;
line-height: 19px;
}
}
.magicMirror #magic-mirror-details .info-product .content-filmstrip-size,
.magicMirror #magic-mirror-details .info-product .content-filmstrip-color {
width: 350px;
margin: 13px 0px 0px 0px;
}
.magicMirror #magic-mirror-details .info-product .available-variant.size {
margin-left: 8px;
margin-top: 20px;
}
.magicMirror #magic-mirror-details .info-product .available-variant {
width: 100%;
float: left;
max-width: 350px;
margin-top: 25px;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-small {
width: 28px !important;
height: 28px !important;
position: relative;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
text-align: center;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 30px;
cursor: pointer;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-small img {
margin: -1px;
border: 2px solid white;
margin-bottom: 5px;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-small .onSale {
position: absolute;
top: -2px;
left: -8px;
border-radius: 50%;
width: 6px !important;
height: 6px !important;
z-index: 99;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-small.selected:after {
content: " ";
display: block;
position: absolute;
width: 28px;
height: 3px;
background-color: white;
margin-top: 5px;
margin-bottom: 5px;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big {
display: inline-block;
text-align: center;
color: white;
margin-right: 14px;
margin-left: 14px;
margin-bottom: 30px;
cursor: pointer;
background-color: black;
vertical-align: top;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big .inner-text {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 54px;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big .inner-text {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big .inner-text {
font-size: 14px;
line-height: 19px;
}
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big img {
margin: -1px;
border: none;
margin-bottom: 5px;
}
.magicMirror #magic-mirror-details .info-product .available-variant .circle-container-big.selected {
border-bottom: 2px solid white;
}
.magicMirror #magic-mirror-details .magic-content-mixmatch {
width: 100%;
max-width: 360px;
height: auto;
float: right;
position: relative;
margin-top: 50px;
}
.magicMirror #magic-mirror-details .magic-content-mixmatch .title {
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
color: white;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .magic-content-mixmatch .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .magic-content-mixmatch .title {
font-size: 18px;
line-height: 23px;
}
}
.magicMirror #magic-mirror-details .magic-content-mixmatch .text {
font-weight: 500;
letter-spacing: 0.05em;
text-align: center;
color: white;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .magic-content-mixmatch .text {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .magic-content-mixmatch .text {
font-size: 14px;
line-height: 19px;
}
}
.magicMirror #magic-mirror-details .magic-content-mixmatch .slider-mixmatch {
width: 100%;
float: left;
padding-top: 20px;
}
.magicMirror #magic-mirror-details .magic-content-mixmatch .mini-listing-wrap {
margin: 0 0 50px;
}
.magicMirror #magic-mirror-details .magic-managed-content-bottom {
width: 100%;
max-width: 360px;
height: auto;
float: left;
border-top: 0px;
clear: both;
position: relative;
margin-top: 40px;
}
.magicMirror #magic-mirror-details .magic-managed-content-bottom .title {
font-weight: 500;
letter-spacing: 0.05em;
color: white;
text-align: center;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .magic-managed-content-bottom .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .magic-managed-content-bottom .title {
font-size: 18px;
line-height: 23px;
}
}
.magicMirror #magic-mirror-details .magic-managed-content-bottom .subtitle {
font-weight: 500;
letter-spacing: 0.05em;
color: white;
text-align: center;
border-bottom: 1px solid white;
padding-top: 20px;
}
@media (min-width: 751px) {
.magicMirror #magic-mirror-details .magic-managed-content-bottom .subtitle {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.magicMirror #magic-mirror-details .magic-managed-content-bottom .subtitle {
font-size: 14px;
line-height: 19px;
}
}
.magicMirrorMan-content,
.magicMirrorWoman-content,
.magicMirrorKids-content {
display: none !important;
}
.magicMirrorMan .magicMirrorMan-content {
display: block !important;
}
.magicMirrorWoman .magicMirrorWoman-content {
display: block !important;
}
.magicMirrorKids .magicMirrorKids-content {
display: block !important;
}
.slider-container .hover-zoom {
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.slider-container .hover-zoom .hover-zoom-image {
position: relative;
width: 200%;
height: auto;
visibility: hidden;
}
.slider-container .hover-zoom .hover-zoom-image.initialized {
visibility: visible;
}
#wishlist-guest .slider-container .slider-controls .arrow {
z-index: 100;
}
@media only screen and (min-width: 1025px) {
/****************************************************
*
* D E S K T O P O N L Y
*
*****************************************************/
.slider-container .hover-zoom:hover .hover-zoom {
opacity: 1;
}
.quicklook-miniproduct .slider-aligner.no-zoom .hover-zoom-image:hover {
cursor: move;
}
}
.single-image-zoom-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2000;
}
.single-image-zoom-overlay .hover-zoom {
opacity: 1;
}
.single-image-zoom-overlay .hover-zoom .hover-zoom-image {
width: 100%;
height: auto;
}
#wishlist .guest-wishlist sqr-product-gallery .single-image-zoom-overlay .arrow,
.single-image-zoom-overlay .arrow {
background-color: transparent;
width: 40px;
height: 100%;
border: 0;
position: absolute;
margin: 0;
padding: 0;
top: 0;
font-size: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: 18px 18px!important;
cursor: pointer;
z-index: 100;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
margin-top: 0;
}
#wishlist .guest-wishlist sqr-product-gallery .single-image-zoom-overlay .arrow.prev,
.single-image-zoom-overlay .arrow.prev {
left: 0;
background-image: url(/tzn-front/assets/images/icons/svg/arrow_left_02.svg);
background-position: center 50%;
}
#wishlist .guest-wishlist sqr-product-gallery .single-image-zoom-overlay .arrow.next,
.single-image-zoom-overlay .arrow.next {
right: 0;
background-image: url(/tzn-front/assets/images/icons/svg/arrow_right_02.svg);
background-position: center 50%;
}
#wishlist .guest-wishlist sqr-product-gallery .single-image-zoom-overlay .arrow:hover,
.single-image-zoom-overlay .arrow:hover {
opacity: 0.8;
}
@media only screen and (max-width: 1024px) {
/****************************************************
*
* T A B L E T and M O B I L E
*
*****************************************************/
.mobile-transparent {
opacity: 0 !important;
display: none !important;
}
.single-image-zoom-overlay {
background-color: #ffffff;
}
.single-image-zoom-overlay .closeBtn {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
color: #000;
cursor: pointer;
float: right;
position: absolute;
top: 5%;
right: 15px;
margin-top: -30px;
z-index: 200;
}
.single-image-zoom-overlay .closeBtn .text {
display: inline-block;
padding-right: 5px;
}
.single-image-zoom-overlay .hover-zoom {
width: 100%;
height: 90%;
top: 5%;
text-align: center;
overflow: visible;
}
.single-image-zoom-overlay .hover-zoom .hover-zoom-image-wrap {
width: 300%;
height: 100%;
margin: 0 -100%;
}
.single-image-zoom-overlay .hover-zoom .hover-zoom-image {
top: 0;
height: 100%;
width: auto;
margin: 0 auto;
}
}
@media only screen and (max-width: 750px) {
/****************************************************
*
* M O B I L E
*
*****************************************************/
.single-image-zoom-overlay .closeBtn {
width: 15px;
height: 15px;
right: 15px;
margin-top: 15px;
background-image: url('/tzn-front/assets/images/icons/mobile/icon-close-gallery.png');
background-repeat: no-repeat;
}
.single-image-zoom-overlay .closeBtn .text,
.single-image-zoom-overlay .closeBtn .close-floating-menu {
display: none;
}
.single-image-zoom-overlay .arrow {
display: none!important;
}
#wishlist .guest-wishlist sqr-product-gallery .single-image-zoom-overlay .arrow {
display: none!important;
}
}
#inviteFriend #formInviteFriend {
width: 100%;
margin: 0 auto;
}
#inviteFriend #formInviteFriend .labelFieldWrapper .inputElem,
#inviteFriend #formInviteFriend .labelFieldWrapper input.inputElem:not([type=submit]):not([type=image]):not(.input-nowrap) {
width: 100%;
float: none;
}
#inviteFriend #formInviteFriend .labelFieldWrapper .placeholder {
display: none;
}
#inviteFriend #formInviteFriend .error,
#inviteFriend #formInviteFriend .commonMessage {
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0;
}
#inviteFriend #formInviteFriend .commonMessage {
color: black;
font-size: 10px;
}
#inviteFriend #invite-friend-wrap {
width: 100%;
float: left;
}
#inviteFriend #invite-friend-wrap .labelWtc {
padding-bottom: 5px;
margin-top: 10px;
}
#inviteFriend #invite-friend-wrap .requiredWtc::after {
content: "*";
margin-left: 5px;
}
#inviteFriend #invite-friend-wrap .add-friend,
#inviteFriend #invite-friend-wrap .remove-friend {
width: 25%;
float: right;
font-size: 12px;
color: #737373;
text-align: right;
margin: 10px 0px 10px 0px;
cursor: pointer;
}
#inviteFriend #invite-friend-wrap .buttonRow {
text-align: center;
}
#inviteFriend #invite-friend-wrap .invite-condition {
width: 100%;
float: left;
text-align: center;
line-height: 18px;
font-size: 14px;
padding: 23px 0px 23px 0px;
color: black;
}
#inviteFriend #invite-friend-wrap .invite-condition a {
color: black;
}
/****************************************************
*
* Image Responsive / Embedded Video
*
*****************************************************/
@media screen and (min-width: 1025px) {
.body_wrap .cms-image-responsive,
.body_wrap .wrap-video-youtube {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.body_wrap .cms-image-responsive,
.body_wrap .wrap-video-youtube {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.body_wrap .cms-image-responsive,
.body_wrap .wrap-video-youtube {
margin: 0 0 60px;
}
}
/****************************************************
*
* Layout - Automatic Horizontal Slider
*
*****************************************************/
.automatic-horizontal-slider-responsive,
.mobile-horizontal-slider-responsive {
width: 100%;
position: relative;
/* Reset inner content default margin (already set to container) */
}
@media screen and (min-width: 1025px) {
.automatic-horizontal-slider-responsive,
.mobile-horizontal-slider-responsive {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.automatic-horizontal-slider-responsive,
.mobile-horizontal-slider-responsive {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.automatic-horizontal-slider-responsive,
.mobile-horizontal-slider-responsive {
margin: 0 0 60px;
}
}
.automatic-horizontal-slider-responsive .btn-slick-prev,
.mobile-horizontal-slider-responsive .btn-slick-prev,
.automatic-horizontal-slider-responsive .btn-slick-next,
.mobile-horizontal-slider-responsive .btn-slick-next {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: absolute;
top: 50%;
z-index: 2;
margin: -40px 0 0 0;
width: 40px;
height: 40px;
cursor: pointer;
}
.automatic-horizontal-slider-responsive .btn-slick-prev img,
.mobile-horizontal-slider-responsive .btn-slick-prev img,
.automatic-horizontal-slider-responsive .btn-slick-next img,
.mobile-horizontal-slider-responsive .btn-slick-next img {
position: absolute;
top: 50%;
left: 50%;
height: 25px;
width: 25px;
margin-top: -12.5px;
margin-left: -12.5px;
background-repeat: no-repeat;
background-position: center;
}
.automatic-horizontal-slider-responsive .btn-slick-prev,
.mobile-horizontal-slider-responsive .btn-slick-prev {
left: 0;
}
.automatic-horizontal-slider-responsive .btn-slick-prev img,
.mobile-horizontal-slider-responsive .btn-slick-prev img {
background-image: url(../assets/images/icons/arrow-slider-left.png);
background-size: contain;
}
.automatic-horizontal-slider-responsive .btn-slick-next,
.mobile-horizontal-slider-responsive .btn-slick-next {
right: 0;
}
.automatic-horizontal-slider-responsive .btn-slick-next img,
.mobile-horizontal-slider-responsive .btn-slick-next img {
background-image: url(../assets/images/icons/arrow-slider-right.png);
background-size: contain;
}
.automatic-horizontal-slider-responsive .slick-disabled,
.mobile-horizontal-slider-responsive .slick-disabled {
opacity: 0.3;
}
.automatic-horizontal-slider-responsive ul,
.mobile-horizontal-slider-responsive ul {
margin: 0;
}
.automatic-horizontal-slider-responsive .slick-dots,
.mobile-horizontal-slider-responsive .slick-dots {
position: relative;
width: 100%;
bottom: -15px;
height: 32px;
text-align: center;
}
.automatic-horizontal-slider-responsive .slick-dots li,
.mobile-horizontal-slider-responsive .slick-dots li {
width: 15px;
height: 100%;
display: inline-block;
position: relative;
margin: 0 5px;
cursor: pointer;
}
.automatic-horizontal-slider-responsive .slick-dots li:before,
.mobile-horizontal-slider-responsive .slick-dots li:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 50%;
background: #cccccc;
}
.automatic-horizontal-slider-responsive .slick-dots li button,
.mobile-horizontal-slider-responsive .slick-dots li button {
visibility: hidden;
}
.automatic-horizontal-slider-responsive .slick-dots li.slick-active:before,
.mobile-horizontal-slider-responsive .slick-dots li.slick-active:before {
background: #000;
}
@media screen and (max-width: 750px) {
.automatic-horizontal-slider-responsive .btn-slick-prev img,
.mobile-horizontal-slider-responsive .btn-slick-prev img,
.automatic-horizontal-slider-responsive .btn-slick-next img,
.mobile-horizontal-slider-responsive .btn-slick-next img {
width: 16px;
height: 16px;
margin-top: -8px;
margin-left: -8px;
}
.automatic-horizontal-slider-responsive .btn-slick-prev img,
.mobile-horizontal-slider-responsive .btn-slick-prev img {
margin-left: 0;
left: 4px;
}
.automatic-horizontal-slider-responsive .btn-slick-next img,
.mobile-horizontal-slider-responsive .btn-slick-next img {
margin-left: 0;
left: auto;
right: 4px;
}
}
.automatic-horizontal-slider-responsive .tile,
.mobile-horizontal-slider-responsive .tile,
.automatic-horizontal-slider-responsive .cms-image-responsive,
.mobile-horizontal-slider-responsive .cms-image-responsive {
margin-bottom: 0;
}
/* Slider Caption */
.automatic-horizontal-slider-responsive + .slider-caption {
text-align: center;
}
@media screen and (min-width: 1025px) {
.automatic-horizontal-slider-responsive + .slider-caption {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.automatic-horizontal-slider-responsive + .slider-caption {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.automatic-horizontal-slider-responsive + .slider-caption {
margin: 0 0 60px;
}
}
@media screen and (min-width: 1025px) {
.automatic-horizontal-slider-responsive + .slider-caption .slider-caption-text {
margin-top: -130px !important;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.automatic-horizontal-slider-responsive + .slider-caption .slider-caption-text {
margin-top: -100px !important;
}
}
@media screen and (max-width: 750px) {
.automatic-horizontal-slider-responsive + .slider-caption .slider-caption-text {
margin-top: -60px !important;
}
}
.slider-caption {
/* Styles as Wall Tile Text Bottom */
}
.slider-caption .title {
font-weight: 500;
letter-spacing: 0.1em;
margin: 25px 0 0;
display: inline-block;
padding: 5px 7px;
}
@media (min-width: 751px) {
.slider-caption .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.slider-caption .title {
font-size: 23px;
line-height: 28px;
}
}
.slider-caption .title + .button-link {
margin-top: 15px;
}
.slider-caption .button-link {
display: block;
}
@media screen and (max-width: 750px) {
.slider-caption {
padding: 0 20px;
}
}
/* Set slide padding for .automatic-horizontal-slider-responsive default and centered */
.automatic-horizontal-slider-responsive:not(.fullwidth) .slick-slide > div {
padding: 0 60px;
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.automatic-horizontal-slider-responsive:not(.fullwidth) .slick-slide > div {
padding: 0 40px;
}
}
@media screen and (max-width: 750px) {
.automatic-horizontal-slider-responsive:not(.fullwidth) .slick-slide > div {
padding: 0 20px;
}
}
/****************************************************
*
* Layout - Automatic Horizontal Slider Fullwidth
*
*****************************************************/
.automatic-horizontal-slider-responsive.fullwidth {
/* Arrows on bottom */
}
.automatic-horizontal-slider-responsive.fullwidth .btn-slick-prev,
.automatic-horizontal-slider-responsive.fullwidth .btn-slick-next {
top: auto;
bottom: 55px;
}
.automatic-horizontal-slider-responsive.fullwidth .slick-dots {
position: absolute;
bottom: 15px;
}
/****************************************************
*
* Layout - Automatic Horizontal Slider Centered
*
*****************************************************/
@media screen and (min-width: 1025px) {
.automatic-horizontal-slider-responsive.centered {
width: 60%;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.automatic-horizontal-slider-responsive.centered {
width: 70%;
margin-left: auto;
margin-right: auto;
}
}
/****************************************************
*
* Layout - 3 Columns Responsive - 1 Column Mobile
* Layout - 4 Columns Responsive - 1 Column Mobile
*
*****************************************************/
@media only screen and (min-width: 751px) {
.mobile-horizontal-slider-responsive.layout-3-cols,
.mobile-horizontal-slider-responsive.layout-4-cols {
margin-left: -10px;
margin-right: -10px;
/* Wall Tile - Text Bottom - smaller font size for layout on 3/4 columns */
}
.mobile-horizontal-slider-responsive.layout-3-cols .slick-slide > *,
.mobile-horizontal-slider-responsive.layout-4-cols .slick-slide > * {
padding: 0 10px;
}
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 20px;
}
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title + .button-link,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title + .button-link {
margin-top: 10px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title {
font-size: 16px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
.mobile-horizontal-slider-responsive.layout-3-cols,
.mobile-horizontal-slider-responsive.layout-4-cols {
padding: 0 20px;
/* Wall Tile - Text Bottom - smaller font size for layout on 4 columns */
}
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title {
font-weight: 500;
letter-spacing: 0.05em;
margin-top: 15px;
}
}
@media (max-width: 750px) and (max-width: 750px) {
.mobile-horizontal-slider-responsive.layout-3-cols .tile .tile-text .title,
.mobile-horizontal-slider-responsive.layout-4-cols .tile .tile-text .title {
font-size: 14px;
line-height: 19px;
}
}
@media (max-width: 750px) {
.mobile-horizontal-slider-responsive.layout-3-cols .btn-slick-prev,
.mobile-horizontal-slider-responsive.layout-3-cols .btn-slick-next {
top: 48%;
/* to simulate vertical align middle with wall tile image */
}
.mobile-horizontal-slider-responsive.layout-4-cols .btn-slick-prev,
.mobile-horizontal-slider-responsive.layout-4-cols .btn-slick-next {
top: 40%;
/* to simulate vertical align middle with wall tile image */
}
}
/****************************************************
*
* Wall Tile - Text Bottom
*
*****************************************************/
.tile {
width: 100%;
text-align: center;
}
@media screen and (min-width: 1025px) {
.tile {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.tile {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.tile {
margin: 0 0 60px;
}
}
.tile .tile-text .title {
font-weight: 500;
letter-spacing: 0.1em;
margin: 25px 0 0;
display: inline-block;
padding: 5px 7px;
}
@media (min-width: 751px) {
.tile .tile-text .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.tile .tile-text .title {
font-size: 23px;
line-height: 28px;
}
}
.tile .tile-text .button-link {
display: block;
margin-top: 25px;
}
.tile .tile-text .title + .button-link {
margin-top: 15px;
}
.tile .tile-text .subtitle {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.tile .tile-text .subtitle {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.tile .tile-text .subtitle {
font-size: 12px;
line-height: 15px;
}
}
.tile .tile-image img {
max-width: 100%;
height: auto;
margin: auto;
}
@media (max-width: 750px) {
.tile .tile-text .subtitle {
font-weight: 400;
letter-spacing: 0.1em;
}
}
@media (max-width: 750px) and (max-width: 750px) {
.tile .tile-text .subtitle {
font-size: 13px;
line-height: 20px;
}
}
/****************************************************
*
* Wall Tile - Text Left
* Wall Tile - Text Right
*
*****************************************************/
.tile.text-left,
.tile.text-right {
text-align: left;
/* Set text padding right only for desktop full hd and tablet */
/* Fix title font size for small desktop resolution */
/* Fix title font size for tablet */
}
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-weight: 500;
letter-spacing: 0.05em;
margin-left: -5px;
/* to align with button text (title has padding 5px) */
}
@media (min-width: 751px) {
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-size: 55px;
line-height: 65px;
}
}
@media (max-width: 750px) {
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-size: 35px;
line-height: 40px;
}
}
@media only screen and (min-width: 1600px) {
.tile.text-left .tile-text,
.tile.text-right .tile-text {
padding-right: 15%;
}
}
@media screen and (min-width: 1025px) {
.tile.text-left .tile-image img,
.tile.text-right .tile-image img {
padding: 0 25px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-size: 45px;
line-height: 55px;
}
}
@media only screen and (min-width: 751px) {
.tile.text-left .tile-text,
.tile.text-right .tile-text,
.tile.text-left .tile-image,
.tile.text-right .tile-image {
display: inline-block;
vertical-align: middle;
}
.tile.text-left .tile-image,
.tile.text-right .tile-image {
width: 50%;
}
.tile.text-left .tile-text,
.tile.text-right .tile-text {
width: 49%;
}
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
margin-top: 0;
}
.tile.text-left .tile-text .title + .button-link,
.tile.text-right .tile-text .title + .button-link {
margin-top: 25px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.tile.text-left .tile-text,
.tile.text-right .tile-text {
padding-right: 15%;
}
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-weight: 500;
letter-spacing: 0.1em;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.tile.text-left .tile-text .title,
.tile.text-right .tile-text .title {
font-size: 23px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.tile.text-left .tile-text,
.tile.text-right .tile-text {
padding-right: 15%;
}
}
@media only screen and (min-width: 751px) {
.tile.text-left .tile-image {
padding-left: 20px;
}
.tile.text-left .tile-text {
padding-right: 20px;
}
}
@media (max-width: 750px) {
.tile.text-left .tile-text .title {
margin-top: 0;
}
.tile.text-left .tile-image {
margin-top: 25px;
}
}
@media only screen and (min-width: 751px) {
.tile.text-right .tile-image {
padding-right: 20px;
}
.tile.text-right .tile-text {
padding-left: 20px;
}
}
@media (max-width: 750px) {
.tile.text-right .tile-text .title {
margin-top: 15px;
}
}
/****************************************************
*
* Wall Tile - Text Hover Left
*
*****************************************************/
.tile.text-hover-left {
position: relative;
/* Set padding left as .column.half-width */
}
.tile.text-hover-left .tile-text {
position: absolute;
top: 50%;
left: 0;
width: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
padding: 0 20px;
max-height: 100%;
}
.tile.text-hover-left .tile-text .title {
margin-top: 0;
}
.tile.text-hover-left .tile-text .title + .button-link {
margin-top: 5px;
}
@media screen and (min-width: 1025px) {
.tile.text-hover-left .tile-text {
padding-left: 15%;
}
.tile.text-hover-left .tile-text .title {
font-weight: 500;
letter-spacing: 0.05em;
}
}
@media screen and (min-width: 1025px) and (min-width: 751px) {
.tile.text-hover-left .tile-text .title {
font-size: 55px;
line-height: 65px;
}
}
@media screen and (min-width: 1025px) and (max-width: 750px) {
.tile.text-hover-left .tile-text .title {
font-size: 35px;
line-height: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.tile.text-hover-left .tile-text {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
/* Safe area for small desktop resolution - as .content-row.centered */
/* Fix title font size for small desktop resolution */
}
.tile.text-hover-left .tile-text .title {
font-size: 38px;
line-height: 48px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.tile.text-hover-left .tile-text {
padding-left: 10%;
/* Fix title font size for tablet */
}
.tile.text-hover-left .tile-text .title {
font-weight: 500;
letter-spacing: 0.1em;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.tile.text-hover-left .tile-text .title {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.tile.text-hover-left .tile-text .title {
font-size: 23px;
line-height: 28px;
}
}
@media screen and (max-width: 750px) {
.tile.text-hover-left .tile-text {
width: 80%;
}
.tile.text-hover-left .tile-text .title {
font-weight: 500;
letter-spacing: 0.1em;
}
}
@media screen and (max-width: 750px) and (min-width: 751px) {
.tile.text-hover-left .tile-text .title {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (max-width: 750px) and (max-width: 750px) {
.tile.text-hover-left .tile-text .title {
font-size: 23px;
line-height: 28px;
}
}
/****************************************************
*
* Wall Tile - Text Hover Center
*
*****************************************************/
.tile.text-hover-center {
position: relative;
/* Set padding left/right .content-row.centered */
}
.tile.text-hover-center .tile-text {
position: absolute;
bottom: 60px;
left: 0;
width: 100%;
text-align: center;
max-height: 100%;
}
.tile.text-hover-center .tile-text .title {
margin-top: 0;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.tile.text-hover-center .tile-text .title {
font-size: 55px;
line-height: 65px;
}
}
@media (max-width: 750px) {
.tile.text-hover-center .tile-text .title {
font-size: 35px;
line-height: 40px;
}
}
@media screen and (min-width: 1025px) {
.tile.text-hover-center .tile-text {
padding: 0 15%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.tile.text-hover-center .tile-text {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
/* Safe area for small desktop resolution - as .content-row.centered */
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.tile.text-hover-center .tile-text {
padding: 0 10%;
/* Fix title font size for tablet */
}
.tile.text-hover-center .tile-text .title {
font-weight: 500;
letter-spacing: 0.1em;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (min-width: 751px) {
.tile.text-hover-center .tile-text .title {
font-size: 30px;
line-height: 40px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) and (max-width: 750px) {
.tile.text-hover-center .tile-text .title {
font-size: 23px;
line-height: 28px;
}
}
@media screen and (max-width: 750px) {
.tile.text-hover-center .tile-text {
padding: 0 20px;
bottom: 200px;
}
}
/****************************************************
*
* Mini Listing - Default styles
*
*****************************************************/
.mini-listing-wrap {
/* Hide slides before loading js */
/* Default styles for mobile view 2 items */
}
@media screen and (min-width: 1025px) {
.mini-listing-wrap {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.mini-listing-wrap {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.mini-listing-wrap {
margin: 0 0 60px;
}
}
.mini-listing-wrap .mini-listing-title {
text-align: center;
margin: 0;
}
.mini-listing-wrap .mini-listing-title .title {
font-weight: 500;
letter-spacing: 0.1em;
margin: 0;
padding-bottom: 15px;
}
@media (min-width: 751px) {
.mini-listing-wrap .mini-listing-title .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
.mini-listing-wrap .mini-listing-title .title {
font-size: 23px;
line-height: 28px;
}
}
.mini-listing-wrap .mini-listing-title .text {
margin: 0;
padding-bottom: 15px;
}
.mini-listing-wrap .button-link {
display: block;
clear: both;
text-align: center;
padding-top: 20px;
}
.mini-listing-wrap .entity-thumb {
padding: 0;
/* Wishlist icon black bottom left */
/* Icon bag black bottom right */
/* Product name and price */
}
.mini-listing-wrap .entity-thumb .promo-message-container,
.mini-listing-wrap .entity-thumb .availability-message,
.mini-listing-wrap .entity-thumb .availability-layer,
.mini-listing-wrap .entity-thumb .variant-swatches-container,
.mini-listing-wrap .entity-thumb .quickViewBtn {
display: none!important;
}
.mini-listing-wrap .entity-thumb .icon-wishlist {
top: auto;
bottom: 0;
right: auto;
left: 0;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.mini-listing-wrap .entity-thumb .icon-wishlist:not(.item-added) {
background-position: 100% center;
}
.mini-listing-wrap .entity-thumb .entity-pic > .icon-bag {
background-image: url(../assets/images/icons/svg/shopping_bag.svg);
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: opacity cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}
.mini-listing-wrap .entity-thumb .entity-info {
text-align: center;
}
@media only screen and (min-width: 751px) {
.mini-listing-wrap .entity-thumb .entity-info .entity-name {
font-weight: 500;
letter-spacing: 0.05em;
line-height: 18px!important;
max-height: 36px;
}
.mini-listing-wrap .entity-thumb .entity-info .entity-price {
line-height: 18px;
}
}
@media only screen and (min-width: 751px) and (min-width: 751px) {
.mini-listing-wrap .entity-thumb .entity-info .entity-name {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (min-width: 751px) and (max-width: 750px) {
.mini-listing-wrap .entity-thumb .entity-info .entity-name {
font-size: 12px;
line-height: 15px;
}
}
.mini-listing-wrap .entity-pic:hover {
/* Don't display alt image */
}
.mini-listing-wrap .entity-pic:hover .alt-image {
opacity: 0!important;
}
.mini-listing-wrap .slick-slider {
width: 100%;
}
.mini-listing-wrap .slick-slider .slick-disabled {
opacity: 0.3;
}
.mini-listing-wrap .slick-slider button {
outline: 0;
background-color: transparent;
width: 40px;
height: 100%;
border: 0;
position: absolute;
margin: 0;
padding: 0;
top: 0;
font-size: 0;
background-position: center 40%;
background-repeat: no-repeat;
background-size: 20px 20px!important;
}
.mini-listing-wrap .slick-slider .slick-prev {
background-image: url(../assets/images/icons/arrow-slider-left.png);
background-size: contain;
left: 0;
}
.mini-listing-wrap .slick-slider .slick-prev button {
background-position: 0 40%;
}
.mini-listing-wrap .slick-slider .slick-next {
background-image: url(../assets/images/icons/arrow-slider-right.png);
background-size: contain;
right: 0;
}
.mini-listing-wrap .slick-slider .slick-next button {
background-position: 20px 40%;
}
.mini-listing-wrap .slick-dots {
position: relative;
width: 100%;
bottom: -10px;
height: 32px;
text-align: center;
}
.mini-listing-wrap .slick-dots li {
width: 15px;
height: 100%;
display: inline-block;
position: relative;
margin: 0 5px;
cursor: pointer;
}
.mini-listing-wrap .slick-dots li:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: 10px;
background: #cccccc;
}
.mini-listing-wrap .slick-dots li button {
visibility: hidden;
}
.mini-listing-wrap .slick-dots li.slick-active:before {
background: #000;
}
.mini-listing-wrap a,
.mini-listing-wrap a:active,
.mini-listing-wrap a.hover {
color: #000;
}
.mini-listing-wrap slick:not(.slick-initialized) {
visibility: hidden;
}
@media only screen and (min-width: 1025px) {
.mini-listing-wrap {
padding: 0 40px;
/* Mouseover only desktop */
}
.mini-listing-wrap .entity-thumb .entity-pic {
margin: 10px 20px 20px;
}
.mini-listing-wrap .entity-thumb .entity-info {
margin: auto 20px;
}
.mini-listing-wrap .refined-category-thumbs {
margin: 0 -20px;
width: calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);
width: -o-calc(100% + 40px);
}
.mini-listing-wrap .slick-slider .slick-prev {
margin-left: -10px;
}
.mini-listing-wrap .slick-slider .slick-next {
margin-right: -10px;
}
.mini-listing-wrap .entity-pic:hover .icon-wishlist,
.mini-listing-wrap .entity-pic:hover .icon-bag {
opacity: 1;
}
}
@media only screen and (max-width: 1024px) {
.mini-listing-wrap .entity-thumb .icon-wishlist,
.mini-listing-wrap .entity-thumb .entity-pic > .icon-bag {
display: none;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.mini-listing-wrap {
padding: 0 40px;
}
.mini-listing-wrap .entity-thumb .entity-pic {
margin: 10px 10px 20px;
}
.mini-listing-wrap .entity-thumb .entity-info {
margin: auto 10px;
}
.mini-listing-wrap .refined-category-thumbs {
margin: 0 -10px;
width: calc(100% + 20px);
width: -moz-calc(100% + 20px);
width: -webkit-calc(100% + 20px);
width: -o-calc(100% + 20px);
}
.mini-listing-wrap .slick-slider .slick-prev {
margin-left: -20px;
}
.mini-listing-wrap .slick-slider .slick-next {
margin-right: -20px;
}
}
@media only screen and (max-width: 750px) {
.mini-listing-wrap {
padding: 0 20px;
}
.mini-listing-wrap .entity-thumb .entity-pic {
margin: 10px 17% 20px;
}
.mini-listing-wrap .entity-thumb .entity-info {
margin: auto 17%;
}
.mini-listing-wrap .refined-category-thumbs {
margin: 0;
}
.mini-listing-wrap .slick-slider .slick-prev {
margin-left: -15px;
background-size: 16px 16px!important;
background-position: 4px 40%;
}
.mini-listing-wrap .slick-slider .slick-next {
margin-right: -15px;
background-size: 16px 16px!important;
background-position: 24px 40%;
}
}
/****************************************************
*
* Mini Listing
* TZN - Filmstrip 4 items - centered
*
*****************************************************/
.mini-listing-wrap.slick4.centered {
/* Set padding left/right .content-row.centered */
}
@media screen and (min-width: 1025px) {
.mini-listing-wrap.slick4.centered {
padding: 0 15%;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.mini-listing-wrap.slick4.centered {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
/* Safe area for small desktop resolution - as .content-row.centered */
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.mini-listing-wrap.slick4.centered {
padding: 0 10%;
}
}
@media only screen and (min-width: 751px) {
.mini-listing-wrap.slick4.centered .entity-thumb .entity-pic,
.mini-listing-wrap.slick4.centered .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
.mini-listing-wrap.slick4.centered .entity-thumb .entity-pic {
overflow: visible;
}
.mini-listing-wrap.slick4.centered .entity-thumb .icon-wishlist {
left: auto;
right: calc(120% - 10px);
right: -moz-calc(120% - 10px);
right: -webkit-calc(120% - 10px);
right: -o-calc(120% - 10px);
}
.mini-listing-wrap.slick4.centered .entity-thumb .entity-pic > .icon-bag {
right: auto;
left: calc(120% - 10px);
left: -moz-calc(120% - 10px);
left: -webkit-calc(120% - 10px);
left: -o-calc(120% - 10px);
}
}
/****************************************************
*
* Mini Listing
* TZN - Filmstrip 4 items - fullwidth
*
*****************************************************/
@media only screen and (min-width: 751px) {
.mini-listing-wrap.slick4.fullwidth .entity-thumb .entity-pic,
.mini-listing-wrap.slick4.fullwidth .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
.mini-listing-wrap.slick4.fullwidth .entity-thumb .entity-pic {
overflow: visible;
}
.mini-listing-wrap.slick4.fullwidth .entity-thumb .icon-wishlist {
left: auto;
right: calc(120% - 10px);
right: -moz-calc(120% - 10px);
right: -webkit-calc(120% - 10px);
right: -o-calc(120% - 10px);
}
.mini-listing-wrap.slick4.fullwidth .entity-thumb .entity-pic > .icon-bag {
right: auto;
left: calc(120% - 10px);
left: -moz-calc(120% - 10px);
left: -webkit-calc(120% - 10px);
left: -o-calc(120% - 10px);
}
}
/****************************************************
*
* Mini Listing
* TZN - Filmstrip 2 items vertical
*
*****************************************************/
.mini-listing-wrap.slick2.vertical {
/* 2 items vertically stacked on desktop/tablet */
/* Increase margin for desktop */
/* 2 items horizontally stacked on mobile */
}
.mini-listing-wrap.slick2.vertical .mini-listing-title .title {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.mini-listing-wrap.slick2.vertical .mini-listing-title .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.mini-listing-wrap.slick2.vertical .mini-listing-title .title {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (min-width: 751px) {
.mini-listing-wrap.slick2.vertical .slick-slide > div + div {
margin-top: 10px;
}
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-pic,
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-pic {
overflow: visible;
}
.mini-listing-wrap.slick2.vertical .entity-thumb .icon-wishlist {
left: auto;
right: calc(120% - 10px);
right: -moz-calc(120% - 10px);
right: -webkit-calc(120% - 10px);
right: -o-calc(120% - 10px);
}
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-pic > .icon-bag {
right: auto;
left: calc(120% - 10px);
left: -moz-calc(120% - 10px);
left: -webkit-calc(120% - 10px);
left: -o-calc(120% - 10px);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-pic,
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-info {
margin-left: 26%;
margin-right: 26%;
}
}
@media only screen and (min-width: 1601px) {
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-pic,
.mini-listing-wrap.slick2.vertical .entity-thumb .entity-info {
margin-left: 33%;
margin-right: 33%;
}
}
@media only screen and (max-width: 750px) {
.mini-listing-wrap.slick2.vertical .slick-slide > div {
width: 50%;
display: inline-block;
}
}
/****************************************************
*
* Mini Listing
* TZN - Filmstrip 1 item
*
*****************************************************/
.mini-listing-wrap.slick1 {
/* Increase margin for desktop */
/* Increase default margin for mobile */
}
.mini-listing-wrap.slick1 .mini-listing-title .title {
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.mini-listing-wrap.slick1 .mini-listing-title .title {
font-size: 22px;
line-height: 28px;
}
}
@media (max-width: 750px) {
.mini-listing-wrap.slick1 .mini-listing-title .title {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (min-width: 751px) {
.mini-listing-wrap.slick1 {
/* Margin left/right as .slick2.vertical */
}
.mini-listing-wrap.slick1 .entity-thumb .entity-pic,
.mini-listing-wrap.slick1 .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
.mini-listing-wrap.slick1 .entity-thumb .entity-pic {
overflow: visible;
}
.mini-listing-wrap.slick1 .entity-thumb .icon-wishlist {
left: auto;
right: calc(120% - 10px);
right: -moz-calc(120% - 10px);
right: -webkit-calc(120% - 10px);
right: -o-calc(120% - 10px);
}
.mini-listing-wrap.slick1 .entity-thumb .entity-pic > .icon-bag {
right: auto;
left: calc(120% - 10px);
left: -moz-calc(120% - 10px);
left: -webkit-calc(120% - 10px);
left: -o-calc(120% - 10px);
}
}
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.mini-listing-wrap.slick1 .entity-thumb .entity-pic,
.mini-listing-wrap.slick1 .entity-thumb .entity-info {
margin-left: 26%;
margin-right: 26%;
}
}
@media only screen and (min-width: 1601px) {
.mini-listing-wrap.slick1 .entity-thumb .entity-pic,
.mini-listing-wrap.slick1 .entity-thumb .entity-info {
margin-left: 33%;
margin-right: 33%;
}
}
@media only screen and (max-width: 750px) {
.mini-listing-wrap.slick1 .entity-thumb .entity-pic,
.mini-listing-wrap.slick1 .entity-thumb .entity-info {
margin-left: 20%;
margin-right: 20%;
}
}
/****************************************************
*
* Mini Listing
* TZN - Mix and match
*
*****************************************************/
.mini-listing-wrap.wall {
padding: 0;
}
.mini-listing-wrap.wall .refined-category-thumbs {
margin: 0 -5px;
width: calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: -webkit-calc(100% + 10px);
width: -o-calc(100% + 10px);
}
.mini-listing-wrap.wall .entity-thumb {
width: 16.66%;
}
.mini-listing-wrap.wall .entity-thumb .entity-pic {
margin: 5px;
}
.mini-listing-wrap.wall .entity-thumb .icon-wishlist {
display: none;
}
.mini-listing-wrap.wall .entity-thumb .entity-pic > .icon-bag {
bottom: 15px;
right: 15px;
opacity: 1;
}
.mini-listing-wrap.wall .entity-thumb .entity-info {
margin: 0 5px;
}
.mini-listing-wrap.wall .entity-thumb .entity-info .entity-name {
display: none;
}
.mini-listing-wrap.wall .entity-thumb .entity-info .entity-price {
position: absolute;
left: 15px;
bottom: 15px;
max-width: 70%;
z-index: 6;
margin: 0;
text-align: left;
}
.mini-listing-wrap.wall .entity-thumb .entity-info .entity-price .discount-value,
.mini-listing-wrap.wall .entity-thumb .entity-info .entity-price .msrp {
display: none;
}
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(4) {
width: 33.32%;
}
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(4) .afkl-img-ratio-tzn {
padding-bottom: calc(150% - 5px);
padding-bottom: -moz-calc(150% - 5px);
padding-bottom: -webkit-calc(150% - 5px);
padding-bottom: -o-calc(150% - 5px);
}
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(6),
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(7),
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(8) {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
margin-bottom: -100%;
}
.mini-listing-wrap.wall .wall-grid .wall-slide .entity-thumb:nth-child(9) {
-webkit-transform: translate(200%, -100%);
-moz-transform: translate(200%, -100%);
-ms-transform: translate(200%, -100%);
-o-transform: translate(200%, -100%);
transform: translate(200%, -100%);
margin-bottom: -100%;
}
.mini-listing-wrap.wall .wall-grid .slick-prev,
.mini-listing-wrap.wall .wall-grid .slick-next {
background-position: center 50%;
}
.mini-listing-wrap.wall .wall-grid .slick-prev {
left: -25px;
}
.mini-listing-wrap.wall .wall-grid .slick-next {
right: -25px;
}
@media only screen and (max-width: 1024px) {
.mini-listing-wrap.wall .entity-thumb .entity-pic > .icon-bag {
display: block;
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.mini-listing-wrap.wall .entity-thumb {
/* Hide price for tablet to fix view on small thumbs */
}
.mini-listing-wrap.wall .entity-thumb .entity-price {
display: none;
}
.mini-listing-wrap.wall .wall-grid .slick-prev {
left: -10px;
}
.mini-listing-wrap.wall .wall-grid .slick-next {
right: -10px;
}
}
@media only screen and (max-width: 750px) {
.mini-listing-wrap.wall {
/* Show scrollbar on mobile */
}
.mini-listing-wrap.wall .wall-grid {
width: 100%;
overflow-x: scroll;
}
.mini-listing-wrap.wall .wall-grid .slick-list {
width: 450%!important;
}
.mini-listing-wrap.wall .wall-grid .slick-track {
width: 100%!important;
}
.mini-listing-wrap.wall .wall-grid .wall-slide {
width: 50%!important;
}
.mini-listing-wrap.wall .wall-grid ::-webkit-scrollbar {
width: 5px;
}
.mini-listing-wrap.wall .wall-grid ::-webkit-scrollbar-track {
background-color: transparent;
}
.mini-listing-wrap.wall .wall-grid ::-webkit-scrollbar-thumb {
background-color: #cccccc;
}
}
/****************************************************
*
* Mini Listing
* TZN - Mix and match - Magic Mirror
*
*****************************************************/
.mini-listing-wrap.wall.grid4 .wall-row .entity-thumb {
width: 50%;
}
.mini-listing-wrap.wall.grid4 .wall-row .entity-thumb .entity-pic > .icon-bag {
display: none;
}
/* Default margin for managed content */
@media screen and (min-width: 1025px) {
.managedContentMargin {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.managedContentMargin {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.managedContentMargin {
margin: 0 0 60px;
}
}
/* Use this class to set negative margin top and reset previous content default margin */
@media screen and (min-width: 1025px) {
.managedContentMarginReset {
margin-top: -130px !important;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.managedContentMarginReset {
margin-top: -100px !important;
}
}
@media screen and (max-width: 750px) {
.managedContentMarginReset {
margin-top: -60px !important;
}
}
/* Disable default margin bottom for custom areas */
/* top banner, top content, listing page managed content */
.js_top-banner .cms-image-responsive,
.js_top-content .cms-image-responsive,
.category-banner .cms-image-responsive,
.js_top-banner .wrap-video-youtube,
.js_top-content .wrap-video-youtube,
.category-banner .wrap-video-youtube,
.js_top-banner .automatic-horizontal-slider-responsive,
.js_top-content .automatic-horizontal-slider-responsive,
.category-banner .automatic-horizontal-slider-responsive,
.js_top-banner .tile,
.js_top-content .tile,
.category-banner .tile,
.js_top-banner .cms-banner-image-text,
.js_top-content .cms-banner-image-text,
.category-banner .cms-banner-image-text,
.js_top-banner .cms-banner-fullwidth,
.js_top-content .cms-banner-fullwidth,
.category-banner .cms-banner-fullwidth,
.js_top-banner .cms-banner-double-image,
.js_top-content .cms-banner-double-image,
.category-banner .cms-banner-double-image {
margin-bottom: 0!important;
}
/****************************************************
*
* Layout - Main Grid Styles
*
*****************************************************/
/* Column half width */
@media screen and (min-width: 1025px) {
.content-row.full-width {
/* Additional padding for columns managed content */
}
.content-row.full-width .column.half-width {
width: 50%;
float: left;
padding-left: 15%;
padding-right: 20px;
}
.content-row.full-width .column.half-width + .column.half-width {
padding-left: 20px;
padding-right: 15%;
}
.content-row.full-width .column.half-width > .cmsWrapper {
padding: 0 40px;
/* Reset padding for slider */
}
.content-row.full-width .column.half-width > .cmsWrapper .automatic-horizontal-slider-responsive {
margin-left: -40px;
margin-right: -40px;
width: calc(100% + 80px);
width: -moz-calc(100% + 80px);
width: -webkit-calc(100% + 80px);
width: -o-calc(100% + 80px);
}
}
/* Safe area for small desktop resolution - as .content-row.centered */
@media only screen and (min-width: 1025px) and (max-width: 1600px) {
.content-row.full-width .column.half-width {
padding-left: calc(15% + 40px);
padding-left: -moz-calc(15% + 40px);
padding-left: -webkit-calc(15% + 40px);
padding-left: -o-calc(15% + 40px);
}
.content-row.full-width .column.half-width + .column.half-width {
padding-right: calc(15% + 40px);
padding-right: -moz-calc(15% + 40px);
padding-right: -webkit-calc(15% + 40px);
padding-right: -o-calc(15% + 40px);
}
/* Additional margin top for columns managed content */
.column.half-width .mini-listing-wrap.slick1 {
margin-top: 25%;
}
}
/* Large desktop */
@media only screen and (min-width: 1601px) {
/* Additional margin top for columns managed content */
.column.half-width .mini-listing-wrap.slick1 {
margin-top: 30%;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.content-row.full-width .column.half-width {
width: 50%;
float: left;
padding-left: 10%;
padding-right: 20px;
}
.content-row.full-width .column.half-width + .column.half-width {
padding-left: 20px;
padding-right: 10%;
}
}
@media screen and (max-width: 750px) {
.content-row.full-width {
/* Remove duplicate padding for inner content */
}
.content-row.full-width .column.half-width,
.content-row.full-width .content-row.centered {
padding: 0 20px;
display: block;
}
.content-row.full-width .content-row.centered > .mobile-horizontal-slider-responsive.layout-3-cols,
.content-row.full-width .content-row.centered > .mobile-horizontal-slider-responsive.layout-4-cols,
.content-row.full-width .column.half-width .automatic-horizontal-slider-responsive,
.content-row.full-width .column.half-width .mini-listing-wrap {
margin-left: -20px;
margin-right: -20px;
width: calc(100% + 40px);
width: -moz-calc(100% + 40px);
width: -webkit-calc(100% + 40px);
width: -o-calc(100% + 40px);
}
}
/****************************************************
*
* Managed Content Styles
*
*****************************************************/
/* Banner with image and text */
.cms-banner-image-text {
text-align: center;
}
@media screen and (min-width: 1025px) {
.cms-banner-image-text {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.cms-banner-image-text {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.cms-banner-image-text {
margin: 0 0 60px;
}
}
.cms-banner-image-text .banner-image {
margin: auto;
}
.cms-banner-image-text .banner-text {
margin-top: 25px;
}
/* Text banner fullwidth */
.cms-banner-fullwidth {
padding: 20px 40px;
text-align: center;
}
@media screen and (min-width: 1025px) {
.cms-banner-fullwidth {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.cms-banner-fullwidth {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.cms-banner-fullwidth {
margin: 0 0 60px;
}
}
.cms-banner-fullwidth .cms-text {
margin: 0;
}
/* Generic text / title */
.cms-text {
margin: 0;
text-align: center;
}
.cms-text.margin-small {
margin: 0 0 30px;
}
@media only screen and (max-width: 750px) {
.cms-text {
margin: 0;
}
.cms-text.margin-small {
margin: 0 0 15px;
}
}
/* Livestory wall with heading on 3 columns */
.livestory-wall {
margin-bottom: 20px;
}
.livestory-heading-3cols {
padding: 0 0 20px;
}
@media only screen and (min-width: 751px) {
.livestory-heading-3cols .column {
width: 33.33%;
float: left;
}
}
@media only screen and (max-width: 750px) {
.livestory-wall {
margin-bottom: 0;
padding: 0!important;
}
.livestory-heading-3cols .column {
text-align: center;
}
}
/* Banner with 2 images inline / vertically stacked on mobile */
@media screen and (min-width: 1025px) {
.cms-banner-double-image {
margin: 0 0 130px;
}
}
@media screen and (min-width: 751px) and (max-width: 1024px) {
.cms-banner-double-image {
margin: 0 0 100px;
}
}
@media screen and (max-width: 750px) {
.cms-banner-double-image {
margin: 0 0 60px;
}
}
@media only screen and (min-width: 751px) {
.cms-banner-double-image .image-container {
width: 50%;
float: left;
padding-right: 20px;
}
.cms-banner-double-image .image-container + .image-container {
padding-left: 20px;
padding-right: 0;
}
}
@media only screen and (max-width: 750px) {
.cms-banner-double-image .image-container {
width: 100%;
}
.cms-banner-double-image .image-container + .image-container {
margin-top: 30px;
}
}
/* Top Banner listing pages */
#sub-header .js_top-banner .cmsWrapper {
margin-bottom: 30px;
}
#sub-header .js_top-banner .tile.text-hover-left .title {
font-weight: 500;
letter-spacing: 0.1em;
margin-top: 30px;
}
@media (min-width: 751px) {
#sub-header .js_top-banner .tile.text-hover-left .title {
font-size: 30px;
line-height: 40px;
}
}
@media (max-width: 750px) {
#sub-header .js_top-banner .tile.text-hover-left .title {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (min-width: 751px) {
#sub-header .js_top-banner {
/* Image cover styles */
}
#sub-header .js_top-banner .tile .tile-image img {
height: 100%;
width: auto;
max-width: none;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
#sub-header .js_top-banner .cmsWrapper {
margin-bottom: 10px;
}
#sub-header .js_top-banner .tile.text-hover-left .tile-text {
margin-top: 40%;
}
}
@media only screen and (max-width: 750px) {
#sub-header .js_top-banner .cmsWrapper {
margin-bottom: 10px;
min-height: 200px;
}
}
/* Top Content listing pages */
.js_top-content .cmsWrapper {
margin: 15px 0 40px;
}
@media only screen and (max-width: 750px) {
.js_top-content .cmsWrapper {
margin: 0 0 35px;
}
}
/* Top Banner homepage/site section */
.mobile-variant-selector,
.sticky-variant-selector {
display: none;
width: 100%;
text-align: left;
z-index: 1014;
}
.mobile-variant-selector .icon-arrow-down,
.sticky-variant-selector .icon-arrow-down {
position: absolute;
top: 20px;
right: 15px;
background-size: inherit;
vertical-align: middle;
}
.mobile-variant-selector .selector,
.sticky-variant-selector .selector {
background-color: inherit;
max-height: 0;
overflow: hidden;
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
-webkit-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-moz-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-ms-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
-o-transition: max-height cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
}
.mobile-variant-selector .selector .heading,
.sticky-variant-selector .selector .heading {
border-top: 1px solid #000;
position: relative;
padding: 25px 35px 25px 25px;
background: white;
font-size: 14px;
}
.mobile-variant-selector .selector .heading.error,
.sticky-variant-selector .selector .heading.error {
font-size: 14px;
}
.mobile-variant-selector .selector .options,
.sticky-variant-selector .selector .options {
max-height: 292px;
overflow-y: auto;
}
.mobile-variant-selector .selector .options .foot,
.sticky-variant-selector .selector .options .foot {
border-top: 1px solid black;
display: table;
width: 100%;
height: 50px;
position: relative;
}
.mobile-variant-selector .selector .options .foot .prjButton,
.sticky-variant-selector .selector .options .foot .prjButton {
width: calc(100% + 1px);
width: -moz-calc(100% + 1px);
width: -webkit-calc(100% + 1px);
width: -o-calc(100% + 1px);
height: auto;
}
.mobile-variant-selector .selector .options .foot .prjButton:active,
.sticky-variant-selector .selector .options .foot .prjButton:active {
opacity: 0.8;
}
.mobile-variant-selector .selector .options .foot sqr-quantity,
.sticky-variant-selector .selector .options .foot sqr-quantity {
display: table-row !important;
}
.mobile-variant-selector .selector .options .foot .head,
.sticky-variant-selector .selector .options .foot .head {
display: table-cell;
width: 50%;
float: left;
padding-top: 15px;
padding-left: 10px;
font-size: 14px;
}
.mobile-variant-selector .selector .options .foot .head label_1,
.sticky-variant-selector .selector .options .foot .head label_1 {
text-align: left;
text-transform: none;
font-size: 14px;
}
.mobile-variant-selector .selector .options .foot .quantity-container,
.sticky-variant-selector .selector .options .foot .quantity-container {
padding: 0 15px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container {
display: table-cell;
width: 30%;
position: absolute;
float: right;
right: 15px;
top: 0;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity {
width: 100%;
padding: 0px;
float: left;
margin-top: 0;
text-align: left;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter {
position: absolute;
width: 30px;
height: 30px;
top: -1px;
z-index: 2;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter.less,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter.less {
left: -1px;
background-position: -5px -5px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter.more,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter.more {
right: -1px;
background-position: -44px -6px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter:after,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .i-counter:after {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .value,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .value {
width: 100%;
vertical-align: middle;
margin-right: 0px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .value .counter-field,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .value .counter-field {
width: 100%;
height: 30px!important;
margin-top: 5px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .circle-container,
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container .selected-quantity .circle-container {
margin-top: 10px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .counter-container input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]),
.sticky-variant-selector .selector .options .foot .quantity-container .counter-container input:not([type=submit]):not([type=image]):not(.input-nowrap):not([type=button]) {
border: none;
padding: 6px 30px;
}
.mobile-variant-selector .selector .options .foot .quantity-container .stock-quantity,
.sticky-variant-selector .selector .options .foot .quantity-container .stock-quantity {
display: none;
}
.mobile-variant-selector .selector .option,
.sticky-variant-selector .selector .option {
position: relative;
padding-bottom: 15px;
padding-left: 15px;
}
.mobile-variant-selector .selector .option.disabled,
.sticky-variant-selector .selector .option.disabled {
pointer-events: none;
color: #cacaca;
background: transparent;
}
.mobile-variant-selector .selector .option.quantity,
.sticky-variant-selector .selector .option.quantity {
display: none;
}
.mobile-variant-selector .selector .color-icon-container,
.sticky-variant-selector .selector .color-icon-container {
border-bottom: 2px solid transparent;
}
.mobile-variant-selector .selector .color-icon-container .color-icon,
.sticky-variant-selector .selector .color-icon-container .color-icon {
margin: 5px 0;
}
.mobile-variant-selector .selector .color-icon-container.selected,
.sticky-variant-selector .selector .color-icon-container.selected {
border-bottom: 2px solid #000;
}
.mobile-variant-selector .selector .color-name,
.sticky-variant-selector .selector .color-name,
.mobile-variant-selector .selector .size-name,
.sticky-variant-selector .selector .size-name,
.mobile-variant-selector .selector .color-on-sale,
.sticky-variant-selector .selector .color-on-sale {
display: inline-block;
vertical-align: middle;
}
.mobile-variant-selector .selector .color-name,
.sticky-variant-selector .selector .color-name {
padding: 0 3%;
width: calc(70% - 26px);
width: -moz-calc(70% - 26px);
width: -webkit-calc(70% - 26px);
width: -o-calc(70% - 26px);
text-transform: none;
font-weight: 500;
letter-spacing: 0.05em;
}
@media (min-width: 751px) {
.mobile-variant-selector .selector .color-name,
.sticky-variant-selector .selector .color-name {
font-size: 13px;
line-height: 20px;
}
}
@media (max-width: 750px) {
.mobile-variant-selector .selector .color-name,
.sticky-variant-selector .selector .color-name {
font-size: 12px;
line-height: 15px;
}
}
.mobile-variant-selector .selector .color-on-sale,
.sticky-variant-selector .selector .color-on-sale {
text-transform: uppercase;
font-size: 12px;
width: 26%;
text-align: right;
padding-right: 20px;
}
.mobile-variant-selector .selector .color-on-sale:before,
.sticky-variant-selector .selector .color-on-sale:before {
content: "";
position: absolute;
right: 26%;
top: 13px;
border-radius: 50%;
width: 6px !important;
height: 6px !important;
background-color: #ff6699!important;
}
.mobile-variant-selector .selector.size .option .size-name,
.sticky-variant-selector .selector.size .option .size-name {
margin: 0 10px;
max-width: 40%;
border-bottom: 2px solid transparent;
}
.mobile-variant-selector .selector.size .option.selected .size-name,
.sticky-variant-selector .selector.size .option.selected .size-name {
border-bottom-color: #000;
}
.mobile-variant-selector .selector.size .stock-quantity,
.sticky-variant-selector .selector.size .stock-quantity {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
color: #cacaca;
max-width: 59%;
float: right;
text-align: right;
margin-top: 2px;
}
.mobile-variant-selector .selector.size .link-guide,
.sticky-variant-selector .selector.size .link-guide {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
text-decoration: underline;
padding: 1px 5px;
margin-left: 10px;
}
.mobile-variant-selector .selector.open,
.sticky-variant-selector .selector.open {
max-height: 420px;
background-color: white;
}
.mobile-variant-selector .buttons,
.sticky-variant-selector .buttons {
display: table;
width: 100%;
height: 50px;
}
.mobile-variant-selector .buttons .icon-arrow-down.up,
.sticky-variant-selector .buttons .icon-arrow-down.up {
top: 9px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile-variant-selector .cell,
.sticky-variant-selector .cell {
display: inline-block;
height: 100%;
padding: 0;
vertical-align: bottom;
}
.mobile-variant-selector .cell.toggler-cell,
.sticky-variant-selector .cell.toggler-cell {
width: 25%;
}
.mobile-variant-selector .cell.buttons-cell,
.sticky-variant-selector .cell.buttons-cell {
width: 75%;
margin-left: -2px;
}
.mobile-variant-selector .inner-cell,
.sticky-variant-selector .inner-cell {
height: 50px;
width: 100%;
display: table;
vertical-align: top;
}
.mobile-variant-selector .inner-cell .button-cell,
.sticky-variant-selector .inner-cell .button-cell {
display: table-cell;
vertical-align: middle;
width: 50%;
height: 100%;
padding: 0 12px;
}
.mobile-variant-selector .inner-cell .info,
.sticky-variant-selector .inner-cell .info {
display: none;
}
.mobile-variant-selector .color-icon-container,
.sticky-variant-selector .color-icon-container {
display: inline-block;
vertical-align: middle;
}
.mobile-variant-selector .color-icon-container .color-icon,
.sticky-variant-selector .color-icon-container .color-icon {
width: 26px;
height: 26px;
border-radius: 26px;
}
.mobile-variant-selector .prjButton,
.sticky-variant-selector .prjButton {
height: 50px;
font-size: 15px;
line-height: 1;
font-weight: 600;
}
.mobile-variant-selector .prjButton.color-toggler,
.sticky-variant-selector .prjButton.color-toggler {
display: table-cell;
width: 100%;
border: 1px solid black;
padding: 10px 30px 0 15px;
text-align: left;
position: relative;
background-color: white;
}
.mobile-variant-selector .prjButton.add,
.sticky-variant-selector .prjButton.add {
border: 1px solid #000;
background-color: #f3f2ee;
}
.mobile-variant-selector .prjButton.add.disabled,
.sticky-variant-selector .prjButton.add.disabled {
pointer-events: none;
opacity: 0.5 !important;
}
.variants-container.mobile-view .variant-section.color,
.variants-container.mobile-view .variant-section.size {
display: none;
}
.variants-container.mobile-view .mobile-variant-selector {
display: block;
}
.variants-container.mobile-view .mobile-variant-selector .prices-container,
.variants-container.mobile-view .mobile-variant-selector .checkout-button,
.variants-container.mobile-view .mobile-variant-selector .option.links {
display: none!important;
}
.variants-container.mobile-view .mobile-variant-selector .cell.toggler-cell,
.variants-container.mobile-view .mobile-variant-selector .cell.buttons-cell {
width: 50%;
}
.variants-container.mobile-view .mobile-variant-selector .cell.buttons-cell {
margin-left: -1px;
}
.variants-container.mobile-view .mobile-variant-selector .prjButton.color-toggler {
border: 1px solid #000;
border-right: 0;
padding-left: 20px;
}
.variants-container.mobile-view .mobile-variant-selector .prjButton.add .text {
display: none;
}
.variants-container.mobile-view .mobile-variant-selector .prjButton.add .icon-bag {
display: block;
margin: auto;
}
.variants-container.mobile-view .mobile-variant-selector .prjButton.add:hover .icon-bag {
background-position: 100% center;
}
.variants-container.mobile-view .mobile-variant-selector .selector.open {
border: 1px solid #000;
border-bottom: 0;
}
.variants-container.mobile-view .mobile-variant-selector .selector .heading {
padding: 20px 35px 20px 20px;
border-top: 0;
}
.variants-container.mobile-view .mobile-variant-selector .selector .options {
margin: 0 10px;
font-size: 12px;
background-color: #fff;
}
.variants-container.mobile-view .mobile-variant-selector .selector .options .color-icon-container {
margin-left: 10px;
}
.variants-container.mobile-view .mobile-variant-selector .selector .color-name {
width: 40%;
}
@media only screen and (max-width: 750px) {
.mobile-variant-selector {
display: block;
position: fixed;
bottom: 0;
right: 0;
z-index: 100;
}
.mobile-variant-selector .prices-container {
display: none !important;
font-weight: 600;
background-color: #000;
}
.mobile-variant-selector .prices-container .discount-container {
font-size: 15px;
}
.mobile-variant-selector .prices-container .catalog-display-price-text {
color: #fff;
font-size: 15px;
}
.mobile-variant-selector .prices-container .original-price-stroke {
font-size: 10px;
display: block;
}
.mobile-variant-selector .prices-container .original-price-stroke .strike.common-msrp-price {
margin-right: 0;
}
.mobile-variant-selector .prices-container .discount-value {
display: none;
}
.mobile-variant-selector .selector .content-managed-guide {
width: 100%;
border-top: 1px solid black;
position: relative;
padding: 15px;
}
.mobile-variant-selector .selector .content-managed-guide span {
width: 50%;
float: left;
position: relative;
text-align: center;
}
.mobile-variant-selector .selector .content-managed-guide span a {
border: none;
}
.mobile-variant-selector .selector .heading {
padding: 20px 20px 0px 20px;
text-align: left;
}
.mobile-variant-selector .selector .heading .icon-arrow-down {
top: 30px;
}
.mobile-variant-selector .selector.size .stock-quantity {
width: 100%;
padding-right: 4%;
}
.mobile-variant-selector .buttons .buttons-cell .text .icon-bag {
margin-right: 10px;
}
.mobile-variant-selector .buttons .buttons-cell .inner-cell .blackColor {
background-color: #000;
}
.mobile-variant-selector .buttons .buttons-cell .inner-cell .blackColor .white-bag {
display: inline-block;
background-image: url(../assets/images/icons/svg/shopping_bag_white.svg);
width: 20px;
height: 20px;
cursor: pointer;
background-repeat: no-repeat;
background-size: cover;
}
.mobile-variant-selector .buttons .buttons-cell .inner-cell .blackColor .icon-bag {
padding-right: 10px;
}
.mobile-variant-selector .buttons .buttons-cell .inner-cell .blackColor .green {
color: #33cc66;
}
.mobile-variant-selector .buttons .buttons-cell .inner-cell .blackColor .text2rows {
display: inline-block;
text-align: left;
font-size: 14px;
}
}
/*----- ERROR PROMPT DESKTOP / TABLET ----- */
.ui-blocker {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 300;
}
.ui-blocker.sizeUnavailable {
display: none;
}
.error-prompt {
position: absolute;
top: 50%;
left: 50%;
text-align: left;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: white;
width: 460px;
height: auto;
padding: 50px;
max-width: 90%;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.error-prompt .head {
height: auto;
padding: 0;
margin: 0 0 25px 0;
}
.error-prompt .head .error {
padding: 0;
font: inherit;
}
.error-prompt .available-variant {
margin: 0 -20px 40px;
padding: 0;
text-align: left;
position: relative;
}
.error-prompt .disabled {
pointer-events: none;
}
.error-prompt .icon-Close {
position: absolute;
top: 20px;
right: 20px;
height: 16px;
width: 16px;
}
.error-prompt .notification-error {
color: black;
font-size: 12px;
text-transform: uppercase;
}
.error-prompt .add-bag-wrap {
display: inline-block;
vertical-align: middle;
width: calc(100% - 55px);
width: -moz-calc(100% - 55px);
width: -webkit-calc(100% - 55px);
width: -o-calc(100% - 55px);
}
.error-prompt .add-wishlist-wrap {
width: 50px;
display: inline-block;
vertical-align: middle;
text-align: right;
}
sqr-swatch-not-available .notification-error-bottom {
padding: 0;
}
@media only screen and (min-width: 751px) and (max-width: 1024px) {
.error-prompt .available-variant {
margin: 0 -10px 40px;
}
}
@media only screen and (max-width: 750px) {
.ui-blocker.sizeUnavailable {
display: block;
}
.error-prompt {
width: 100%;
max-width: 100%;
padding: 35px 30px 40px;
}
.error-prompt .available-variant {
margin: 0 -15px 30px;
}
.error-prompt .available-variant .prodSize-container {
margin: 0 15px;
}
.error-prompt .icon-Close {
top: 15px;
right: 15px;
}
sqr-swatch-not-available .notification-error-bottom {
display: none;
}
}
/* Sticky add to bag */
@media only screen and (min-width: 751px) {
.sticky-variant-selector {
display: block;
width: auto;
position: relative;
}
.sticky-variant-selector .buttons {
height: 100%;
}
.sticky-variant-selector .buttons .cell.toggler-cell,
.sticky-variant-selector .buttons .cell.prices-cell {
width: 33.3%;
border-left: 1px solid;
max-height: 63px;
}
.sticky-variant-selector .buttons .cell.toggler-cell .inner-cell,
.sticky-variant-selector .buttons .cell.prices-cell .inner-cell {
height: 100%;
}
.sticky-variant-selector .buttons .cell.toggler-cell .inner-cell .button-cell,
.sticky-variant-selector .buttons .cell.prices-cell .inner-cell .button-cell {
width: 100%;
padding: 0 10%;
}
.sticky-variant-selector .buttons .icon-arrow-down {
right: 10%;
top: 25px;
}
.sticky-variant-selector .buttons .cell.prices-cell {
overflow: hidden;
text-align: center;
}
.sticky-variant-selector .buttons .cell.prices-cell .catalog-display-price-text {
font-size: 20px;
display: inline-block;
}
.sticky-variant-selector .buttons .cell.prices-cell .discount-container {
font-size: 15px;
line-height: 1.2;
}
.sticky-variant-selector .buttons .cell.prices-cell .discount-container .strike.common-msrp-price,
.sticky-variant-selector .buttons .cell.prices-cell .discount-container .discount-value {
font-size: 15px;
}
.sticky-variant-selector .prjButton {
display: table-cell;
width: 100%;
height: 100%;
}
.sticky-variant-selector .prjButton.color-toggler,
.sticky-variant-selector .prjButton.size-toggler {
border-top: 0;
border-bottom: 0;
padding: 0 16% 0 10%;
position: relative;
font-size: 12px;
line-height: 16px;
font-weight: 600;
text-align: left;
overflow: hidden;
}
.sticky-variant-selector .prjButton.color-toggler span,
.sticky-variant-selector .prjButton.size-toggler span {
font-size: inherit;
font-weight: 600;
display: inline-block;
}
.sticky-variant-selector .discount-container .strike.common-msrp-price {
margin-right: 0;
}
.sticky-variant-selector .selector {
bottom: auto;
top: 65px;
font-size: 12px;
border: 1px solid #000;
border-top: 0;
margin-top: -2px;
}
.sticky-variant-selector .selector .options {
margin: 0;
max-height: 260px;
}
.sticky-variant-selector .selector.open {
max-height: 260px;
}
.sticky-variant-selector .selector.color {
left: 0;
}
.sticky-variant-selector .selector.color .option {
padding: 10px 10%;
}
.sticky-variant-selector .selector.size {
left: 33.3%;
}
.sticky-variant-selector .selector.size .options {
margin: 0;
width: 100%;
}
.sticky-variant-selector .selector.size .option {
padding: 8px 10%;
}
.sticky-variant-selector .selector.size .option .size-name {
margin: 0;
}
.sticky-variant-selector .selector.size .option.selected {
background-color: black;
color: white;
}
.sticky-variant-selector .selector .color-name {
padding-left: 10px;
white-space: normal;
word-break: initial;
max-height: 36px;
width: calc(70% - 40px);
width: -moz-calc(70% - 40px);
width: -webkit-calc(70% - 40px);
width: -o-calc(70% - 40px);
}
.sticky-variant-selector .selector .color-on-sale {
width: 29%;
font-size: 10px;
}
}
@media only screen and (min-width: 1025px) {
.sticky-variant-selector .selector {
width: calc(33.3% + 1px);
width: -moz-calc(33.3% + 1px);
width: -webkit-calc(33.3% + 1px);
width: -o-calc(33.3% + 1px);
}
.sticky-variant-selector .prjButton.color-toggler .color-label {
display: inline-block;
vertical-align: middle;
padding-left: 10px;
width: calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: -webkit-calc(100% - 40px);
width: -o-calc(100% - 40px);
}
.sticky-variant-selector .prjButton.color-toggler .color-label,
.sticky-variant-selector .prjButton.color-toggler .selected-color {
max-height: 36px;
overflow: hidden;
}
}
@media only screen and (min-width: 1280px) {
.sticky-variant-selector .prjButton.size-toggler .tablet-view,
.sticky-variant-selector .prjButton.color-toggler .tablet-view {
display: none;
}
}
@media only screen and (min-width: 1920px) {
.sticky-variant-selector .buttons .cell.toggler-cell .button-cell,
.sticky-variant-selector .buttons .cell.prices-cell .button-cell {
padding: 0 30px;
}
.sticky-variant-selector .buttons .cell.toggler-cell .icon-arrow-down,
.sticky-variant-selector .buttons .cell.prices-cell .icon-arrow-down {
right: 30px;
}
.sticky-variant-selector .prjButton.color-toggler,
.sticky-variant-selector .prjButton.size-toggler {
padding: 0 45px 0 30px;
}
.sticky-variant-selector .selector.color .option,
.sticky-variant-selector .selector.size .option {
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (min-width: 751px) and (max-width: 1280px) {
.sticky-variant-selector .buttons .cell.toggler-cell .button-cell,
.sticky-variant-selector .buttons .cell.prices-cell .button-cell {
padding: 0 16%;
}
.sticky-variant-selector .buttons .cell.toggler-cell .icon-arrow-down,
.sticky-variant-selector .buttons .cell.prices-cell .icon-arrow-down {
right: 16%;
}
.sticky-variant-selector .buttons .cell.prices-cell .catalog-display-price-text {
font-size: 15px;
}
.sticky-variant-selector .buttons .cell.prices-cell .discount-container {
font-size: 12px;
}
.sticky-variant-selector .buttons .cell.prices-cell .discount-container .strike.common-msrp-price,
.sticky-variant-selector .buttons .cell.prices-cell .discount-container .discount-value {
font-size: 12px;
}
.sticky-variant-selector .prjButton.size-toggler,
.sticky-variant-selector .prjButton.color-toggler {
padding: 0 30% 0 16%;
}
.sticky-variant-selector .prjButton.size-toggler .color-label,
.sticky-variant-selector .prjButton.color-toggler .color-label,
.sticky-variant-selector .prjButton.size-toggler .size-label,
.sticky-variant-selector .prjButton.color-toggler .size-label,
.sticky-variant-selector .prjButton.size-toggler .desktop-view,
.sticky-variant-selector .prjButton.color-toggler .desktop-view {
display: none;
}
.sticky-variant-selector .selector {
width: calc(66.6% + 1px);
width: -moz-calc(66.6% + 1px);
width: -webkit-calc(66.6% + 1px);
width: -o-calc(66.6% + 1px);
}
.sticky-variant-selector .selector.size:before {
content: "";
display: block;
border-top: 1px solid #000;
width: 50%;
float: right;
}
.sticky-variant-selector .selector.color .option,
.sticky-variant-selector .selector.size .option {
padding-left: 8%;
padding-right: 8%;
}
}
body#product_alt.prod .mobile-variant-selector {
display: none;
}
.size-container {
display: inline-block;
text-align: center;
color: black;
margin-top: 10px;
margin-right: 25px;
cursor: pointer;
}
.single-variant.size-container.selected .inner-text {
font-weight: 600;
border-bottom: 2px solid black;
}
@media only screen and (max-width: 750px) {
/* Mobile styles only for product page - not for product body gift card */
body#product_alt.prod .description-container .prices-container {
text-align: center;
}
body#product_alt.prod .label-on-sale {
text-align: left;
}
body#product_alt.prod .product-name-mobile {
font-weight: 500;
letter-spacing: 0.05em;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
position: relative;
padding: 0 35px;
clear: both;
}
body#product_alt.prod .product-name-mobile .browse-container {
width: 100%;
text-transform: uppercase;
font-size: 10px;
font-weight: 700;
margin: 0 auto;
margin-bottom: 0px !important;
}
body#product_alt.prod .product-name-mobile .browse-container .back-arrow-anchor {
margin: 0px 0px 0px 10px;
}
body#product_alt.prod .product-name-mobile .browse-container .next-arrow-anchor {
margin: 0px 10px 0px 0px;
}
body#product_alt.prod .variant-section {
/* Hide scroll up button for product page mobile with sticky variant selector */
}
body#product_alt.prod .variant-section .label_3 span {
display: none;
}
body#product_alt.prod .variant-section .product-name,
body#product_alt.prod .variant-section .catalog-category-breadcrumb,
body#product_alt.prod .variant-section .product-navigation-stack {
display: none;
}
body#product_alt.prod .variant-section .mobile-scroll-up {
display: none;
}
body#product_alt.prod .variant-section .slider-container .slider .arrow.next,
body#product_alt.prod .variant-section .slider-container .slider .arrow.prev {
display: none;
}
body#product_alt.prod .variant-section .promomsgbox {
width: 100%;
float: left;
margin-top: 0px;
margin-bottom: 0px;
}
body#product_alt.prod .variant-section .promomsgbox ul {
width: 100%;
float: left;
padding-bottom: 0px;
}
body#product_alt.prod .variant-section .promomsgbox ul li {
width: 100%;
float: left;
}
body#product_alt.prod .variant-section .promomsgbox ul li p {
margin: 0px;
}
body#product_alt.prod .variant-section .product-name {
/* Product name fixed top */
position: fixed;
left: 15%;
z-index: 1013;
width: 70%;
text-align: center;
line-height: 18px;
max-height: 50px;
overflow: hidden;
}
body#product_alt.prod .variant-section .prices-container {
/* Product price fixed top */
display: inline;
text-align: center;
margin: 0px;
position: fixed;
width: 50%;
padding: 0;
left: 25%;
background-color: transparent;
z-index: 99;
}
body#product_alt.prod .add-item-container .add-to-bag-container {
width: 100%;
float: left;
/*padding: 0px 15px 0px 15px;*/
}
body#product_alt.prod .container-scheda-prodotto {
float: left;
width: 100%;
height: auto;
}
body#product_alt.prod .description-container .variant-section.error {
padding-right: 0px;
}
body#product_alt.prod .variant-section {
padding-right: 0px;
}
body#product_alt.prod .product-details-container {
width: 100%;
height: auto;
}
body#product_alt.prod .description-container .variant-section.size .head {
margin-top: -1px;
}
body#product_alt.prod .promomsgbox ul {
text-align: center;
margin-top: 0px;
padding-top: 10px;
padding-bottom: 5px;
}
body#product_alt.prod .discover-new-arrivals {
margin-left: 0;
float: initial;
}
body#product_alt.prod .notification-error-bottom,
body#product_alt.prod .notification-coming-soon {
max-width: 100%;
padding: 0;
text-align: center;
}
body#product_alt.prod .description-elements {
float: left;
width: 108%;
max-width: 108%;
margin-top: 13px;
margin-left: -4%;
margin-right: -4%;
}
body#product_alt.prod .description-elements .label_desc {
margin-left: 0%;
margin-right: 0%;
}
body#product_alt.prod .prices-container .common-msrp-price,
body#product_alt.prod .prices-container .catalog-display-price-text {
padding-left: 0px;
}
body#product_alt.prod .description-container .prices-container .catalog-display-price-text {
/*padding-right: 25px;*/
}
body#product_alt.prod .description-container .prices-container .catalog-display-price-text.no-discount {
font-weight: 500;
letter-spacing: 0.1em;
color: #000;
float: none;
display: block;
text-align: center;
}
body#product_alt.prod .description-container .prices-container .common-msrp-price,
body#product_alt.prod .description-container .prices-container .catalog-display-price-text {
padding-top: 6px;
}
body#product_alt.prod .notification-error-top {
display: none;
}
body#product_alt.prod .notification-error-top-mobile {
display: none;
margin-bottom: 10px;
margin-top: 10px;
}
body#product_alt.prod .error .error-message {
text-align: center;
margin-left: 2%;
margin-right: 2%;
}
body#product_alt.prod .description-container .variant-section.color.error {
width: 100%;
max-width: 768px;
padding-left: 15px;
}
body#product_alt.prod .description-container .variant-section.size.error {
width: 100%;
max-width: 768px;
padding-left: 0px;
padding-bottom: 0px;
}
body#product_alt.prod .description-container .variant-section.size.error .error-message {
margin-left: 0%;
}
body#product_alt.prod .count-product {
display: none;
}
body#product_alt.prod .container-gallery {
width: 100%;
float: left;
padding: 0;
}
body#product_alt.prod .item-main,
body#product_alt.prod .container-carousel {
float: none;
margin: 0 auto;
width: 100%;
}
body#product_alt.prod .container-carousel {
margin-top: 10px;
}
body#product_alt.prod .container-social-icons-product {
display: none;
}
body#product_alt.prod .container-social-icons-product-mobile {
width: 100%;
max-width: 768px;
height: auto;
padding-left: 3%;
display: block;
margin-top: -5px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}
body#product_alt.prod .sharing_prodotto {
float: left;
padding-top: 24px;
}
body#product_alt.prod .i-social-product-icons.facebook {
margin-right: 15px;
}
body#product_alt.prod .text-share {
font-size: 13px;
font-weight: normal;
color: #ccc;
}
body#product_alt.prod .dati-scheda-prodotto {
width: 100%;
max-width: 100%;
border-bottom: 1px solid #ddd;
margin: 0 auto;
padding: 15px 12px 5px 12px;
}
body#product_alt.prod .items .product-name-mobile {
text-align: left;
}
body#product_alt.prod .description-container .promomsgbox {
margin-top: 0px;
}
body#product_alt.prod .description-container .available-variant {
margin-left: 0%;
margin-right: 0%;
text-align: center;
padding: 3px 0 10px;
}
body#product_alt.prod .description-container .add-item-container {
width: 100%;
margin-left: 0px;
border-top: 1px solid #dddddd;
margin-top: 15px;
padding-top: 20px;
}
body#product_alt.prod .description-container .variant-section.color,
body#product_alt.prod .description-container .variant-section.size {
width: 100%;
float: left;
border-top: 1px solid #dddddd;
margin-top: 20px;
padding-top: 20px;
}
body#product_alt.prod .description-container .head {
width: 100%;
max-width: 100%;
margin-left: 0%;
margin-right: 0%;
padding-top: 10px;
display: table;
text-align: center;
}
body#product_alt.prod .description-container .head .label_1 {
width: 100%;
margin-right: 0px;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: none;
text-align: center;
}
body#product_alt.prod .description-container .head .label_2-mobile {
font-size: 13px;
color: black;
display: block;
text-align: right;
font-weight: normal !important;
}
body#product_alt.prod .description-container .head .label_2-mobile:after {
content: " ";
display: inline-block;
width: 31px;
height: 3px;
background-color: #fa9374;
margin-bottom: 2px;
margin-left: 10px;
}
body#product_alt.prod .description-container .head .label_2 {
width: 35%;
text-align: right;
float: right;
}
body#product_alt.prod .description-container .head .label_3 {
display: none;
}
body#product_alt.prod .description-container .head .color-mobile {
text-align: left !important;
width: 65% !important;
}
body#product_alt.prod .product-id-mobile {
display: block;
padding-left: 0px;
padding-bottom: 18px;
text-align: center;
color: #666;
font-size: 11px;
}
body#product_alt.prod .container-arrow-filmstrip {
display: block;
float: right;
margin-top: 10px;
}
body#product_alt.prod .description-container .prices-container .common-msrp-price {
text-align: center;
width: 100%;
padding-left: 0px;
}
body#product_alt.prod .quantity-container {
width: 100%;
float: left;
padding-top: 20px;
position: relative;
border-top: 1px solid #dddddd;
}
body#product_alt.prod .quantity-container .counter-container {
width: 100%;
float: left;
margin-left: 0%;
margin-right: 0%;
padding-top: 15px;
}
body#product_alt.prod .quantity-container .counter-container .selected-quantity {
float: left;
width: 100%;
margin-right: 0px;
text-align: center;
}
body#product_alt.prod .quantity-container .counter-container .price-each {
width: 100%;
text-align: center;
}
body#product_alt.prod .quantity-container .stock-quantity {
width: 100%;
float: left;
position: relative;
padding-top: 5px;
max-height: 35px;
overflow: hidden;
text-align: center;
}
body#product_alt.prod .slider-aligner .gallery-icon.wish {
width: 20px;
height: 20px;
position: absolute;
right: 0px;
bottom: 0px;
margin: 20px;
z-index: 10;
}
body#product_alt.prod .thumbs {
width: 100%;
float: left;
margin-top: 20px;
list-style-type: none;
text-align: center;
}
body#product_alt.prod .thumbs .dot {
position: relative;
display: inline-block;
width: 15%;
padding-right: 2%;
cursor: pointer;
text-align: center;
}
body#product_alt.prod .thumbs .dot img {
width: 100%;
}
body#product_alt.prod .thumbs .dot:last-child {
margin: 0;
}
body#product_alt.prod .thumbs .dot .preview {
position: relative;
}
body#product_alt.prod .EntityBody .add-to-wish-list {
width: auto;
float: left;
margin-left: 0px;
text-align: center;
margin-top: 14px;
}
body#product_alt.prod .shipping-pref-container .link-store-availability {
width: 100%;
float: left;
text-align: center;
padding: 0;
text-transform: uppercase;
}
body#product_alt.prod .buttonAddcart,
body#product_alt.prod .buttonCheckout {
width: 100%;
margin-left: 0;
}
body#product_alt.prod .buttonCheckout {
padding: 16px 18px;
}
body#product_alt.prod .btnProceedCheckout i {
margin-top: 5px;
}
body#product_alt.prod .action-buttons {
float: left;
width: 100%;
padding: 0;
margin-bottom: 10px;
}
body#product_alt.prod .go-to-checkout-btn {
width: 100%;
margin: 11px 0 0;
}
body#product_alt.prod .slider-container {
padding-top: 0px;
}
body#product_alt.prod .slider-container .slider-aligner {
width: 100% !important;
}
body#product_alt.prod .slider-container .slider-aligner .thumbs {
text-align: center;
}
body#product_alt.prod .dati-scheda-prodotto {
border-top: none;
padding: 0 4% 4% 4%;
}
body#product_alt.prod .dati-scheda-prodotto .promomsgbox.left {
margin-top: 0px;
}
body#product_alt.prod .dati-scheda-prodotto .shipping-pref-container .link-store-availability {
margin-top: 0px;
text-transform: uppercase;
text-align: center;
}
body#product_alt.prod .dati-scheda-prodotto .info-product-container .link-info-product {
text-transform: uppercase;
text-align: center;
padding-bottom: 10px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#product_alt.prod .product-name-mobile {
font-size: 22px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#product_alt.prod .product-name-mobile {
font-size: 18px;
line-height: 23px;
}
}
@media only screen and (max-width: 750px) and (min-width: 751px) {
body#product_alt.prod .description-container .prices-container .catalog-display-price-text.no-discount {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#product_alt.prod .description-container .prices-container .catalog-display-price-text.no-discount {
font-size: 23px;
line-height: 28px;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
body#product_alt.prod .description-container .head .label_1 {
font-size: 14px;
line-height: 19px;
}
}
body.country-GR *:not(.fa),
body.country-RU *:not(.fa),
body.country-CN *:not(.fa),
body.country-JP *:not(.fa),
body.country-GR body,
body.country-RU body,
body.country-CN body,
body.country-JP body,
body.country-GR a,
body.country-RU a,
body.country-CN a,
body.country-JP a {
font-family: 'Noto Sans', sans-serif;
letter-spacing: 0.05em;
}
body.country-GR body,
body.country-RU body,
body.country-CN body,
body.country-JP body {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #000;
}
@media (min-width: 751px) {
body.country-GR body,
body.country-RU body,
body.country-CN body,
body.country-JP body {
letter-spacing: 0.05em;
}
}
@media (max-width: 750px) {
body.country-GR body,
body.country-RU body,
body.country-CN body,
body.country-JP body {
letter-spacing: 0.1em;
}
}
body.country-GR b,
body.country-RU b,
body.country-CN b,
body.country-JP b,
body.country-GR strong,
body.country-RU strong,
body.country-CN strong,
body.country-JP strong {
font-weight: 600;
}
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
/*
LESS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: @icon-home-width;
}
The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;
At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables
.icon-home {
.sprite-width(@icon-home);
}
.icon-email {
.sprite(@icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `.sprites` mixin generates identical output to the CSS template
but can be overridden inside of LESS
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
.sprites(@spritesheet-sprites);
*/
.icon-Close {
background-image: url('/prj-front/assets/images/icons/svg/Close.svg');
}
body.noScroll {
overflow: hidden;
}
#grayLayer {
display: none;
}
#grayLayer.pickupPointMapGray {
z-index: 9999;
position: fixed!important;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
top: 0vh;
left: 0vw;
transition: all .5s ease;
display: block;
}
.pickupPointMap {
display: block;
width: 80%;
height: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#parentInfo {
top: 10px!important;
}
#parentInfo .pupRadio,
#parentInfo .pupDesc {
display: inline-block !important;
vertical-align: top;
max-width: 90%;
}
#parentInfo select {
padding: 5px;
font-size: 1.2em;
border: 1px solid #000;
margin: 15px auto 15px 27px;
}
#parentInfo .buttonRow {
text-align: center;
}
.closeInfo {
display: inline-block;
position: absolute;
right: 35px;
top: 10%;
width: 24px;
height: 24px;
}
#info .closeInfo {
width: 15px;
height: 15px;
right: 35px;
top: 10px;
}
#pupChange,
#selectPickupPoint {
color: #fff;
text-transform: lowercase;
font-style: initial;
text-align: center;
margin: 10px 0;
cursor: pointer;
}
.pupPhoto {
width: 100%;
height: auto;
margin-bottom: 10px;
}
#selectPickupPoint {
display: inline-block;
}
.selectPickupPoint {
text-align: center;
}
#pupSelected {
text-align: left;
clear: both;
padding-top: 20px;
}
#filters {
background-color: #ffffff;
border: 2px solid #ffffff;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px;
cursor: pointer;
margin-top: 0px;
margin-left: 10px;
text-align: left;
padding: 10px;
width: auto;
transition: all 0.5s ease;
}
#filters #internalFilters {
color: #191919;
font-size: 12px;
}
#filters #internalFilters .markerFilters .leftFilters,
#filters #internalFilters .markerFilters .rightFilters {
max-width: 200px;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter,
#filters #internalFilters .markerFilters .rightFilters .markerFilter {
padding: 5px;
margin: 5px 0;
width: 100%;
display: table;
border: 1px solid #000;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter.visible,
#filters #internalFilters .markerFilters .rightFilters .markerFilter.visible {
background-color: black;
color: white;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter .filterInternalDiv,
#filters #internalFilters .markerFilters .rightFilters .markerFilter .filterInternalDiv {
display: table-cell;
vertical-align: middle;
pointer-events: none;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter #lmPupImg2,
#filters #internalFilters .markerFilters .rightFilters .markerFilter #lmPupImg2 {
height: 30px;
width: 30px;
background-image: url("/prj-front/assets/images/marker/parcel_terminal.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter #lmPupImg3,
#filters #internalFilters .markerFilters .rightFilters .markerFilter #lmPupImg3 {
height: 30px;
width: 30px;
background-image: url("/prj-front/assets/images/marker/partners_pickup_points.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#filters #internalFilters .markerFilters .leftFilters .markerFilter #lmPupImg4,
#filters #internalFilters .markerFilters .rightFilters .markerFilter #lmPupImg4 {
height: 30px;
width: 30px;
background-image: url("/prj-front/assets/images/marker/lamoda_pickup_points.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
@media only screen and (max-width: 750px) {
#grayLayer.pickupPointMapGray {
background-color: #fff;
}
.pickupPointMap {
width: 90%;
height: 90%;
}
.pickupPointMap #parentInfo {
width: 100%!important;
}
.pickupPointMap #parentInfo #info {
margin-left: 10px;
}
.closeInfo {
right: 10px;
top: 10px;
}
}
@media only screen and (max-width: 750px) and (orientation: portrait) {
#parentFilters {
width: 100%;
}
#parentFilters #filters {
margin: 10px;
}
#parentFilters #filters .markerFilters .leftFilters,
#parentFilters #filters .markerFilters .rightFilters {
max-width: 49%;
width: 100%;
display: inline-block;
vertical-align: top;
}
.pickupPointMap #parentInfo select {
margin: 0;
}
.closeInfo {
right: 5%;
top: 8px;
}
}