html {
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
top: 0;
min-height: 20px;
height: 100%;
width: 100%;
background: #fff;
}
html.overflow-hidden,html.overflow-hidden body
{
overflow:hidden;
height:100%;
position:fixed;
}
img {
border-style: none;
-ms-interpolation-mode: bicubic;
}
a {
text-decoration: none;
color: #1e1e1e;
}
.lft-button {
font-size: 12px;
border: 1px solid #dcdcdc;
cursor: pointer;
padding: 7px 12px;
text-align: center;
}
.lft-contact-phone {
font-size: 32px;
}
.lft-contact-times {
}
.generic-error-warning {
padding: 200px 0px;
text-align: center;
font-size: 11px;
}
#PopupWindow {
position: fixed;
background-color: white;
width: 835px;
height: 470px;
left: 50%;
margin-left: -417px;
font-family: Arial;
font-size: 10px;
border: 1px solid #e6e6e6;
}
#PopupWindow #Close {
position: absolute;
top: 14px;
right: 14px;
cursor: hand;
cursor: pointer;
}
#PopupWindow #Close img {
width: 9px;
height: 9px;
}
#PopupWindow #Close #Active {
display: none;
}
#PopupWindow #Container {
padding-right: 28px;
position: relative;
overflow-x: inherit;
overflow-y: inherit;
}
#PopupWindow #popupLoadinPane {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #fff;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
filter: alpha(opacity=85);
-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
}
#PopupWindow #popupLoadinPane div {
background-image: url(../images/loading.gif);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#PopupFullscreen {
position: fixed;
width: 100%;
height: 100px;
left: 0px;
top: 0px;
font-family: Arial;
font-size: 10px;
z-index: 25;
}
#PopupFullscreen #Close {
position: absolute;
top: 0px;
left: 0px;
cursor: hand;
cursor: pointer;
height: 114px;
width: 100%;
padding-top: 70px;
text-align: center;
}
#PopupFullscreen #Close #Active {
display: none;
}
#PopupFullscreen #Container {
position: absolute;
top: 114px;
left: 0px;
width: 100%;
}
.field {
font-size: 11px;
font-family: Arial;
display: block;
height: 24px;
line-height: 24px;
border: none;
border-bottom: 1px solid #e6e6e6;
padding: 0px 0px 3px 0px;
margin-top: 10px;
width: 100%;
}
.field:focus {
outline: none;
}
.fieldComboTitle {
cursor: pointer;
background: url("../images/deployer.gif") no-repeat right center;
}
.fieldComboBox {
clear: both;
background: #fff;
display: none;
position: absolute;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin-top: 4px;
background-color: white;
padding: 7px 0px 7px 3px;
}
.fieldTextAreaLittle {
padding: 7px 0px 7px 5px
}
.fieldTextArea {
height: 130px;
resize: none;
overflow-y: auto;
}
#AlertWindow {
position: fixed;
font-family: 'brownregular';
font-size: 10px;
text-align: center;
z-index: 9999;
background-color: #FFF;
padding: 20px;
opacity: 1;
border:1px solid #e6e6e6;
max-width: 60vh;
top:50%;
left:50%;
}
#AlertWindow .description {
}
#AlertWindow .button .lft-button {
background:#747374;
color:#fff;
font-family: 'brownregular';
}
#AlertWindow .button .lft-button:hover {
background:#454545;
color:#fff;
}
#cookiesWarn {
background-color: #fff;
padding: 40px;
position: fixed;
right: 50px;
bottom: 50px;
z-index: 5;
width: 400px;
font-size: 11px;
font-family: Arial;
border: 1px solid #e6e6e6;
line-height: 16px;
}
#cookiesWarn a {
text-decoration: underline;
cursor: pointer;
}
#cookiesWarn img {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
width: 9px;
height: 9px;
}
.home-logo {
left: 0;
margin-top: 15px;
width: 120px;
height: 34px;
cursor: pointer;
}
#lft-menu {
width: 100%;
height: 68px;
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.lft-menu-option-container {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
}
.lft-menu-option {
float: left;
margin: 0px 20px;
cursor: pointer;
}
.lft-menu-option a {
color: #1e1e1e;
text-decoration: none;
}
.menu-option-last {
margin-right: 0px !important;
}
.lft-menu-option:hover {
}
.lft-menu-option:hover span {
}
.lft-menu-option:hover .lft-menu-category {
display: block;
border: 1px solid #e6e6e6;
}
.lft-menu-option-nosubcat:hover {
background: none;
}
.lft-menu-category {
clear: both;
background: #fff;
display: none;
position: absolute;
border: 1px solid #fff;
}
.lft-menu-option .mark {
clear: both;
display: none;
position: relative;
left: 40%;
top: -7px
}
.lft-menu-option:hover .mark {
display: block;
}
.lft-menu-category table {
margin: 25px 0px 25px 0px;
}
.lft-menu-category table td {
vertical-align: top;
}
.lft-menu-category table td img {
padding-right: 25px;
padding-left: 15px;
}
.lft-menu-category .lft-menu-suboption {
font-size: 11px!important;
padding: 3px 25px 3px 25px;
line-height: 15px;
white-space: nowrap;
text-transform: none;
}
.lft-menu-category .lft-menu-suboption-divisor {
cursor: default;
padding-bottom: 20px;
}
.lft-menu-category .lft-menu-suboption:hover {
text-decoration: none;
}
.lft-menu-category .lft-menu-suboption-divisor:hover {
text-decoration: none;
}
#lft-topbar {
font-size: 10px;
height: 44px;
line-height: 46px;
border-bottom: 1px solid #e6e6e6;
}
.lft-topbar-left {
position: absolute;
left: 0;
height: 100%;
}
.lft-topbar-left div {
float: left;
margin-right: 28px;
cursor: pointer;
}
.lft-topbar-right {
position: absolute;
right: 0;
height: 100%;
}
.lft-topbar-right div {
float: left;
margin-left: 28px;
cursor: pointer;
}
.lft-topbar-right div:hover {
text-decoration: underline;
}
.lft-topbar-right img {
margin-right: 8px;
}
#lft-topbar-search-util {
display: none;
}
.searchInput {
font-size: 10px;
font-family: Arial;
border: none;
padding: 0px 0px 3px 0px;
color: #666666;
text-transform: uppercase;
margin-top: 16px;
}
.searchInput:focus {
outline: none;
}
.error, .error > * {
color: #DB3658 !important;
}
.mc-carousel {
width: 100%;
position: absolute;
overflow: hidden;
}
.mc-carousel-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.mc-carousel-counter {
position: absolute;
text-align: center;
z-index: 1;
}
.mc-carousel-icon {
position: absolute;
cursor: pointer;
z-index: 1;
}
.mc-carousel-icon .oval {
height: 64px;
width: 64px;
border-radius: 50%;
display: inline-block;
cursor: pointer;
}
.mc-carousel-icon .oval:hover {
background-color: #D8D8D8!important;
}
.mc-carousel-icon.left {
left: 1.5%!important;
}
.mc-carousel-icon.right {
right: 1.5%!important;
}
.mc-carousel-icon .oval > span {
color: #FFF;
font-size: 28px;
right: -24px;
position: relative;
top: 19px;
}
.mc-carousel-icon .oval > span.icon-volver {
right: -18px;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.mc-carousel-container {
border: 0;
}
.mc-vertical {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.mc-vertical-down {
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
transform: rotate(-270deg);
}
.mc-carousel-container.fade {
left: 0 !important;
position: relative;
}
.mc-carousel-container.fade > .mc-cover {
z-index: 0;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 0;
position: absolute;
}
.mc-carousel-container.fade > .mc-cover.active {
opacity: 1;
z-index: 10;
}
.blink {
color: #E63047;
text-transform: uppercase;
font-size: .55em;
margin: 0 3px;
vertical-align: top;
line-height: 10px;
-webkit-animation-name: blinker;
-webkit-animation-duration: 1.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-moz-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
.mc-textelement .wt_red_banner_two span {
background-color: rgb(237, 73, 89);
width: 100px;
height: 16px;
display: inline-block;
margin-bottom: 6px;
}
.mc-textelement .wt_red_banner_two p {
font-size: 15px;
color: #fff;
padding-left: 8px;
margin-bottom: 10px;
margin-top: -29px;
font-family: "brownlight";
}
#layout_back #mc-areaknob {
top: 0px;
position: absolute;
width: 12px;
right: -2px;
border: 0;
background: transparent;
}
#layout_back #mc-knob {
width: 10px;
background: #0D0D0D;
min-height: 75px;
cursor: pointer;
position: relative;
}
#mc-wrapper {
width: 100%;
position: relative;
top: 0;
left: 0;
background: #fff;
float: left;
}
#mc-element {
position: relative;
float: left;
background: #fff;
}
.mc-element-touch {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
.mc-element-touch .mc-cover, .mc-element-touch #mc-container {
-webkit-transform: translate3d(0, 0, 0);
}
#mc-container {
width: 100%;
height: auto;
position: relative;
left: 0;
top: 0;
background: #fff;
}
.mc-containerlink:hover .mc-containerlink-link, .mc-underline-this-pls:hover {
text-decoration: underline;
}
.mc-cover {
width: 100%;
float: left;
position: relative;
}
.mc-cover-img {
width: 100%;
height: auto;
}
.mc-textelement {
position: absolute;
text-align: center;
font-size: 1em;
width: 220px;
font-family: Futura,Arial;
}
.mc-textelement-product {
}
.mc-textelement-product:hover {
}
.mc-cover .home--cover--btn {
background: #FFFFFF;
color: #4A4A4A;
display: inline-block;
line-height: 20px;
font-size: 14px;
font-family: brownregular;
margin-right: 0!important;
padding: 5px 0px;
text-align: center;
text-transform: uppercase;
width: 130px;
}
.mc-cover .home--cover--btn a {
color: #4A4A4A;
}
.mc-cover .home--coverSales--btn {
background: transparent;
color: #FFF;
display: inline-block;
line-height: 20px;
font-size: 14px;
font-family: brownregular;
margin-right: 0;
padding: 5px 0px;
text-align: center;
width: 130px;
border: 1px solid #fff;
}
.mc-cover .home--coverSales--btn a {
color: #FFF;
font-family: brownlight;
text-transform: uppercase;
}
.mc-picelement {
position: absolute;
}
.mc-picelement img {
width: 100%;
height: auto;
}
.mc-picelement-text {
width: 100%;
text-align: center;
font-family: brownregular,Arial;
padding-top: 2.05em;
font-size: 12px;
}
.mc-picelement-text div a:hover {
cursor: default;
}
.mc-picelement-text div a:hover {
}
.mc-carousel {
width: 100%;
position: absolute;
overflow: hidden;
}
.mc-carousel-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0;
}
.mc-share-container {
display: none;
position: relative;
}
.mc-share-link {
cursor: pointer;
margin-right: 5px;
clear: both;
}
.mc-share-link:hover {
text-decoration: underline;
}
.mc-share-wrapper {
text-align: left;
position: absolute;
font-family: brandon_text_regular,Arial;
font-size: 1.7em;
color: #fff;
}
.mc-containerlink:hover .mc-containerlink-button {
color: #fff;
background: #1e1e1e;
}
.floating-product, .floating-product2, .floating-product3 {
color: white;
text-align: left;
font-family: Futura,Arial;
}
.floating-product-fall {
color: white;
text-align: left;
font-family: brownlight;
}
.floating-product .name {
font-size: 1.7em;
line-height: 1.2em;
margin-bottom: -2px;
letter-spacing: 1px;
}
.floating-product .price {
font-size: 5.4em;
white-space: nowrap;
}
.floating-product2 .name {
font-size: 1.7em;
line-height: 1em;
margin-bottom: 2px;
}
.floating-product2 .price {
font-size: 4.5em;
white-space: nowrap;
}
.floating-product3 {
font-size: 1.3em;
}
.floating-product3 .name {
font-size: 1.85em;
line-height: 1.3em;
margin-bottom: 2px;
font-family: brownlight;
}
.floating-product3 .price {
font-size: 5.1em;
white-space: nowrap;
font-family: brownregular;
}
.floating-product-newthisweek {
color: black;
text-align: center;
font-family: Futura,Arial;
}
.floating-product-newthisweek .name {
font-size: 1.3em;
line-height: 1.2em;
margin-bottom: -2px;
letter-spacing: 1px;
}
.floating-product-newthisweek .price {
font-size: 4em;
white-space: nowrap;
}
.back-to-top {
font-family: Futura,Arial;
font-size: 2.8em;
text-decoration: underline;
_cursor: hand;
cursor: pointer;
color: #1e1e1e;
}
.banner-wrap {
width: 100%;
}
.banner {
width: 680px;
height: 100%;
left: 50%;
text-align: center;
margin-left: -340px;
position: relative;
cursor: pointer;
}
.banner .title {
font-size: 20px;
line-height: 20px;
white-space: nowrap;
padding: 16px 0px;
}
.title-tag {
text-align: center;
width: 35%;
line-height: 0.9em;
font-family: Futura,Arial;
font-size: 8em;
}
.title-tag-fallcarrusel2 {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 18em;
letter-spacing: 0.0em;
font-weight: bold;
position: relative;
left: 51%;
text-align: left;
}
.title-fall-subtitlecarrusel {
font-size: 3.8em;
line-height: 1.2em;
margin-top: 10px;
position: relative;
left: 48%;
text-align: left;
}
.title-tag-fall {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 9em;
letter-spacing: 0.0em;
font-weight: bold;
}
.title-tag-fall2 {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 9em;
letter-spacing: 0.0em;
font-weight: bold;
position: relative;
left: 51%;
text-align: left;
}
.title-fall-subtitle {
font-size: 1.8em;
line-height: 1.2em;
margin-top: 10px;
position: relative;
left: 48%;
text-align: left;
}
.title-tag-fall .subtitle {
font-size: 0.15em;
line-height: 1.3em;
margin-top: 10px;
position: relative;
text-align: left;
left: 18%;
font-weight: initial;
}
.title-tag .description {
margin-top: 10px;
font-size: 0.25em;
line-height: 1.3em;
}
.title-tag .linkswhite, .title-tag .links {
font-size: 0.23em;
line-height: 1.3em;
margin-top: 30px;
}
.title-tag .links {
font-size: 0.25em;
}
.title-tag .linkswhite a, .title-tag .links a {
margin-right: 40px;
_cursor: hand;
cursor: pointer;
color: #1e1e1e;
text-decoration: underline;
font-weight: bold;
}
.title-tag .linkswhite a {
color: #fff;
}
.title-tag .linkswhite2 {
font-size: 0.23em;
line-height: 1.3em;
margin-top: 30px;
}
.title-tag .linkswhite2 a {
margin-right: 40px;
_cursor: hand;
cursor: pointer;
color: #fff;
font-weight: bold;
}
.social-cover {
font-size: 2.5em;
}
.social-cover a {
vertical-align: middle;
}
.social-cover img {
width: 24px;
height: 24px;
margin: 0px 10px;
}
.share-wrapper {
margin-top: 10px;
margin-left: 15px;
display: inline-block;
color: #555;
}
.share-cont {
display: none;
text-align: center;
position: relative;
right: 0;
padding: 20px 0px 20px 10px;
top: -20px;
color: #555;
}
.share-link {
display: inline;
margin: 0px 5px;
cursor: pointer;
}
.share-link:hover {
text-decoration: underline;
}
// VIDEO // video::-internal-media-controls-download-button {
display: none;
}
video::-webkit-media-controls-enclosure {
overflow: hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px);
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
#cookiesWarn {
background-color: #F0F0F0;
padding: 40px;
position: fixed;
right: 30px;
bottom: 30px;
z-index: 80;
width: 350px;
font-size: 0.625em;
font-family: 'brownregular', Arial;
border: 1px solid #e6e6e6;
line-height: 14px;
}
#cookiesWarn a {
text-decoration: underline;
cursor: pointer;
}
#cookiesWarn span {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
padding: 10px;
}
html {
margin: 0;
padding: 0;
}
.box-menu-prehome {
position:absolute;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
#cookiesWarn {
right:20px;
}
}
@media screen and (max-width: 1024px) {
#cookiesWarn {
background: #F0F0F0;
border: 0 none;
bottom: 0;
font-size: 1em;
line-height: 26px;
padding: 55px 20px 50px 20px;
right: 0;
width: auto;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
#cookiesWarn img {
height: 32px;
width: 32px;
}
}
@media screen and (max-width: 767px) {
.box-menu-prehome {
position: absolute;
float:left;
display: inline-block;
width: 100%;
left: 20px;
top: 78px;
}
#cookiesWarn {
font-size: 0.8em;
line-height: 21px;
padding: 40px 15px 40px 15px;
z-index: 101;
}
#cookiesWarn img {
height: 16px;
top: 9px;
width: 16px;
}
}
#home-cover-container {
width: 100%;
height: 534px;
background: #454545;
overflow: hidden;
position: relative;
}
#home-cover-container #home-cover-wrapper {
width: 100%;
height: 100%;
position: absolute;
}
#home-cover-container .home-cover {
width: 100%;
height: 100%;
position: absolute;
}
#home-cover-container .home-cover img {
position: absolute;
top: 0px;
left: 0px;
}
#home-cover-container .cover-title-container {
color: #fff;
position: absolute;
text-align: center;
width: 100%;
top: 40%;
font-family: Gill,Arial;
}
#home-cover-container .cover-title-container .cover-title {
font-size: 72px;
cursor: pointer;
}
#home-cover-container .cover-title-container .cover-subtitle {
font-size: 14px;
}
#home-cover-container .cover-product {
font-size: 13px;
text-align: right;
position: absolute;
top: 80%;
color: white;
}
#home-cover-container .cover-product .title {
}
#home-cover-container .cover-product .price {
font-size: 18px;
}
#home-cover-container .cover-navigator {
position: absolute;
height: 100%;
width: 100px;
top: 0px;
background-image: url('../images/common/transpixel.gif');
background-repeat: repeat;
}
#home-cover-container #home-cover-left {
left: 0;
}
#home-cover-container #home-cover-right , #home-cover-container #home-cover-right img {
right: 0;
}
#home-cover-container .cover-arrow {
width: 32px;
height: 87px;
top: 224px;
position: absolute;
visibility: hidden;
cursor: pointer;
}
#home-cover-container .cover-navigator:hover .cover-arrow {
visibility: visible;
}
#home-cover-container #home-cover-bullets {
position: absolute;
bottom: 21px;
right: 22px;
}
#home-cover-container #home-cover-bullets img {
float: left;
margin-left: 6px;
cursor: pointer;
width: 8px;
height: 8px;
}
#home-news-container {
width: 100%;
height: 50px;
padding: 30px 0px;
position: relative;
}
#home-news-container #home-news-outerwrapper {
position: absolute;
width: 100%;
height: 50px;
overflow: hidden;
}
#home-news-container #home-news-wrapper {
width: 100%;
height: 100%;
position: relative;
}
#home-news-container .news-module {
position: absolute;
width: 320px;
height: 100%;
text-align: center;
border-right: 1px solid #dedede;
cursor: pointer;
}
#home-news-container .news-module:hover .news-title {
text-decoration: underline;
}
#home-news-container .news-title {
font-size: 11px;
color: #999;
margin-top: 6px;
}
#home-news-container .news-subtitle {
font-size: 18px;
margin-top: 3px;
}
#home-news-container .news-subtitle img {
margin: 3px 6px 0px 6px;
cursor: pointer;
}
#home-news-container .news-timetable {
font-style: italic;
font-size: 10px;
color: #333;
margin-top: 6px;
}
#home-news-container .news-separator {
float: left;
width: 1px;
height: 100%;
background: #dedede;
}
#home-news-container #home-news-left {
position: absolute;
left: 2px;
top: 50px;
width: 6px;
cursor: pointer;
}
#home-news-container #home-news-right {
position: absolute;
right: 2px;
top: 50px;
width: 6px;
cursor: pointer;
}
#home-highlights-container {
position: relative;
width: 100%;
}
#home-highlights-container .home-highlight {
width: 310px;
height: 277px;
position: absolute;
text-align: center;
font-size: 11px;
color: #333;
cursor: pointer;
}
#home-highlights-container .home-highlight:hover .highlight-title {
text-decoration: underline;
}
#home-highlights-container .highlight-title {
font-size: 14px;
margin-top: 12px;
margin-bottom: 5px;
font-weight: bold;
}
#home-highlights-container .home-highlight span {
padding: 0px 25px;
display: block;
color: #666;
}
#home-highlights-container .home-highlight img {
width: 310px;
height: 220px;
}
#home-info-container {
position: relative;
float: left;
width: 100%;
height: 53px;
padding: 45px 0px 60px;
border-top: 1px solid #dedede;
}
#home-info-container .news-module {
float: left;
width: 319px;
height: 100%;
text-align: center;
}
#home-info-container .news-title {
font-size: 11px;
color: #999;
margin-top: 6px;
}
#home-info-container .news-subtitle {
font-size: 18px;
margin-top: 3px;
}
#home-info-container .news-subtitle img {
margin: 3px 6px 0px 6px;
cursor: pointer;
width: 17px;
height: 17px;
}
#home-info-container .news-timetable {
font-size: 10px;
color: #333;
margin-top: 6px;
}
#home-info-container .news-separator {
float: left;
width: 1px;
height: 100%;
background: #dedede;
}
.home #mc-wrapper {
float: none;
}
.HomePopup {
z-index: 100 !important;
}
.HomePopup img:first-child {
border: 3px solid #fff;
}
.HomePopup.textPopup div {
background-color: #F0F0F0;
padding: 40px;
position: fixed;
right: 30px;
bottom: 50px;
z-index: 5;
width: 350px;
font-size: 11px;
font-family: Arial;
border: 1px solid #e6e6e6;
line-height: 16px;
}
.HomePopup.textPopup img {
display: none;
}
.HomePopup.textPopup a {
text-decoration: underline;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.HomePopup {
width:90vw!important;
height: auto!important;
right: 5vw!important;
}
}
.lft-menu-option-container {
top: inherit;
left: 0;
right: auto;
}
.lft-menu-option:first-child {
margin-left: 0px;
}
#lft-menu {
border-bottom: 0px;
}
.lft-menu-option {
float: left;
margin: 0px 20px;
cursor: pointer;
}
.lft-menu-option:hover .lft-menu-category {
border: 1px solid #e5e5e5;
border-bottom: 4px solid #ecb9c2;
display: block;
}
.lft-menu-option:hover .lft-menu-category {
left: 0;
margin: 0 !important;
position: fixed;
width: 100%;
}
.lft-menu-category > table {
left: 50%;
margin-left: -505px;
position: relative;
width: 960px;
}
#layout_back #mc-areaknob {
top: 0px;
position: absolute;
width: 12px;
right: -2px;
border: 0;
background: transparent;
}
#layout_back #mc-knob {
width: 10px;
background: #0D0D0D;
min-height: 75px;
cursor: pointer;
position: relative;
}
#mc-wrapper {
width: 100%;
position: relative;
top: 0;
left: 0;
background: #fff;
float: left;
}
#mc-element {
position: relative;
float: left;
background: #fff;
}
.mc-element-touch {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
}
.mc-element-touch .mc-cover, .mc-element-touch #mc-container {
-webkit-transform: translate3d(0, 0, 0);
}
#mc-container {
width: 100%;
height: auto;
position: relative;
left: 0;
top: 0;
background: #fff;
}
.mc-containerlink:hover .mc-containerlink-link, .mc-underline-this-pls:hover {
text-decoration: underline;
}
.mc-cover {
width: 100%;
float: left;
position: relative;
}
.mc-cover-img {
width: 100%;
height: auto;
}
.mc-textelement {
position: absolute;
text-align: center;
font-size: 1em;
width: 220px;
font-family: Futura,Arial;
}
.mc-textelement-product {
}
.mc-textelement-product:hover {
}
.mc-picelement {
position: absolute;
}
.mc-picelement img {
width: 100%;
height: auto;
}
.mc-picelement-text {
width: 100%;
text-align: left;
font-family: brownregular ,Arial;
padding-top: 2.05em;
font-size: 12px;
}
.mc-picelement-text div a:hover {
cursor: default;
}
.mc-picelement-text div a:hover {
}
.mc-carousel {
width: 100%;
position: absolute;
overflow: hidden;
}
.mc-carousel-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 0;
}
.mc-share-container {
display: none;
position: relative;
}
.mc-share-link {
cursor: pointer;
margin-right: 5px;
clear: both;
}
.mc-share-link:hover {
text-decoration: underline;
}
.mc-share-wrapper {
text-align: left;
position: absolute;
font-family: brandon_text_regular,Arial;
font-size: 1.7em;
color: #fff;
}
.mc-containerlink:hover .mc-containerlink-button {
color: #fff;
background: #1e1e1e;
}
.floating-product, .floating-product2, .floating-product3 {
color: white;
text-align: left;
font-family: Futura,Arial;
}
.floating-product-fall {
color: white;
text-align: left;
font-family: brownlight;
}
.floating-product .name {
font-size: 1.7em;
line-height: 1.2em;
margin-bottom: -2px;
letter-spacing: 1px;
}
.floating-product .price {
font-size: 5.4em;
white-space: nowrap;
}
.floating-product2 .name {
font-size: 1.7em;
line-height: 1em;
margin-bottom: 2px;
}
.floating-product2 .price {
font-size: 4.5em;
white-space: nowrap;
}
.floating-product3 .name {
font-size: 1.7em;
line-height: 1em;
margin-bottom: 2px;
font-family: brownlight;
}
.floating-product3 .price {
font-size: 4.5em;
white-space: nowrap;
font-family: brownregular;
}
.floating-product-newthisweek {
color: black;
text-align: center;
font-family: Futura,Arial;
}
.floating-product-newthisweek .name {
font-size: 1.3em;
line-height: 1.2em;
margin-bottom: -2px;
letter-spacing: 1px;
}
.floating-product-newthisweek .price {
font-size: 4em;
white-space: nowrap;
}
.back-to-top {
font-family: Futura,Arial;
font-size: 2.8em;
text-decoration: underline;
_cursor: hand;
cursor: pointer;
color: #1e1e1e;
}
.banner-wrap {
width: 100%;
}
.banner {
width: 680px;
height: 100%;
left: 50%;
text-align: center;
margin-left: -340px;
position: relative;
cursor: pointer;
}
.banner .title {
font-size: 20px;
line-height: 20px;
white-space: nowrap;
padding: 16px 0px;
}
.title-tag {
text-align: center;
width: 35%;
line-height: 0.9em;
font-family: Futura,Arial;
font-size: 8em;
}
.title-tag-fallcarrusel2 {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 18em;
letter-spacing: 0.0em;
font-weight: bold;
position: relative;
left: 51%;
text-align: left;
}
.title-fall-subtitlecarrusel {
font-size: 3.8em;
line-height: 1.2em;
margin-top: 10px;
position: relative;
left: 48%;
text-align: left;
}
.title-tag-fall {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 9em;
letter-spacing: 0.0em;
font-weight: bold;
}
.title-tag-fall2 {
width: 100%;
line-height: 0.9em;
font-family: 'Raleway';
font-size: 9em;
letter-spacing: 0.0em;
font-weight: bold;
position: relative;
left: 51%;
text-align: left;
}
.title-fall-subtitle {
font-size: 1.8em;
line-height: 1.2em;
margin-top: 10px;
position: relative;
left: 48%;
text-align: left;
}
.title-tag-fall .subtitle {
font-size: 0.15em;
line-height: 1.3em;
margin-top: 10px;
position: relative;
text-align: left;
left: 18%;
font-weight: initial;
}
.title-tag .description {
margin-top: 10px;
font-size: 0.25em;
line-height: 1.3em;
}
.title-tag .linkswhite, .title-tag .links {
font-size: 0.23em;
line-height: 1.3em;
margin-top: 30px;
}
.title-tag .links {
font-size: 0.25em;
}
.title-tag .linkswhite a, .title-tag .links a {
margin-right: 40px;
_cursor: hand;
cursor: pointer;
color: #1e1e1e;
text-decoration: underline;
font-weight: bold;
}
.title-tag .linkswhite a {
color: #fff;
}
.title-tag .linkswhite2 {
font-size: 0.23em;
line-height: 1.3em;
margin-top: 30px;
}
.title-tag .linkswhite2 a {
margin-right: 40px;
_cursor: hand;
cursor: pointer;
color: #fff;
font-weight: bold;
}
.social-cover {
font-size: 2.5em;
}
.social-cover a {
vertical-align: middle;
}
.social-cover img {
width: 24px;
height: 24px;
margin: 0px 10px;
}
.share-wrapper {
margin-top: 10px;
margin-left: 15px;
display: inline-block;
color: #555;
}
.share-cont {
display: none;
text-align: center;
position: relative;
right: 0;
padding-left: 10px;
color: #555;
}
.share-link {
display: inline;
margin: 0px 5px;
cursor: pointer;
}
.share-link:hover {
text-decoration: underline;
}
.han-solo-product {
text-decoration: none;
background: #fff;
font-family: brownlight,Arial;
display: block;
cursor: default;
}
.han-solo-product-image-cont {
text-align: center;
overflow: hidden;
width: 98%;
}
.han-solo-product-image {
width: 100%;
position: relative;
-ms-interpolation-mode: bicubic;
cursor: pointer;
_cursor: hand;
}
.han-solo-product-info {
width: 100%;
text-align: center;
color: #1d1d1d;
}
.han-solo-product-info .han-solo-product-colorsblock img {
width: 14px;
height: 14px;
/*border: 1px solid #1d1d1d;*/
cursor: pointer;
_cursor: hand;
margin-bottom: 5px;
}
.han-solo-product-info .colorname {
margin-top: 5px;
}
.han-solo-product-info .han-solo-product-sizesblock {
margin-top: 10px;
padding: 0px 10px;
}
.han-solo-product-info .han-solo-product-sizesblock span {
cursor: pointer;
_cursor: hand;
font-size: 1em;
display: inline-block;
}
.han-solo-product-info .han-solo-product-addtobag {
margin: 10px 0px;
cursor: pointer;
_cursor: hand;
font-family: Futura,Arial;
text-decoration: underline;
letter-spacing: 1px;
}
.fullPopupopen {
overflow: hidden;
}
.home-first-news-popup#PopupFullscreen {
height: auto;
bottom: 0;
top: 0;
}
.home-first-news-popup#PopupFullscreen #Container {
top: 0;
height: 100%!important;
}
input {
border-radius: 0;
}
.icon-logo-lefties-movil::before {
display: inline-block;
float: left;
height: 20px;
padding-right:60px;
}
.lft-menu-option:first-child {
margin-left: 0;
padding-left: 0;
}
.side-menu-open #layout_top {
z-index: 20;
}
#layout_top #lft-menu {
width: 100%;
max-width: 1184px;
margin: 0 auto;
border-bottom: 0px;
position: relative;
}
.home-logo-a {
height: 50%;
display: inline-block;
width: 120px;
position: absolute;
bottom: auto;
left: 0;
top: 5px;
}
.home-logo {
margin-top: 0;
width: 120px;
height: auto;
cursor: pointer;
position: absolute;
bottom: 10px;
}
#lft-menu .home-logo {
color: #1D1D1B;
font-size: 98px;
top: 20px;
left: -36px;
z-index: -1;
}
.mobile {
display: none;
}
#lft-option-container {
width: auto;
height: 100%;
display: inline-block;
text-align: right;
right: 0;
bottom: 0;
position: absolute;
width: 100%;
}
#lft-menu-option-search {
height: 50%;
position: relative;
right: -10px;
width: 100%;
top: 57px;
}
#lft-menu-option-search .icon-next {
font-size: 0.75em;
position: relative;
right: 10px;
}
.searchInput {
font-size: 0.9375em;
font-family: "brownregular", 'Futura', Futura, Arial;
border: none;
padding: 0;
text-transform: capitalize;
margin: 0;
width: 209px;
color: #1e1e1e;
border-bottom: 2px solid #1e1e1e;
margin-top: 10px;
box-sizing: border-box;
padding-right: 20px;
padding-bottom: 2px;
}
.lft-menu-option-container {
display: inline-block;
height: 50px;
top: 100px;
}
.lft-menu-option {
cursor: pointer;
padding: 0px 20px;
position: relative;
padding-top: 15px;
font-size: 1rem;
margin: 0;
letter-spacing: 0.3px;
}
.menu-option-last {
padding-right: 0;
}
.lft-menu-option {
color: #1e1e1e;
}
.lft-menu-option > span {
font-family: "brownregular", 'Futura', Futura, Arial;
text-transform: uppercase;
display: block;
height: 100%;
padding-top: 0px;
color: #1e1e1e;
}
.lft-menu-option:hover > span {
color: #1e1e1e;
border-bottom: 2px solid #1e1e1e;
}
.lft-menu-option:hover .lft-menu-category {
border: 0;
display: block;
left: 0;
margin: 0 !important;
position: fixed;
width: 100%;
}
.lft-menu-category {
clear: both;
background: #fff;
display: none;
position: absolute;
border: 1px solid #fff;
text-align: left;
}
.lft-menu-category .lft-menu-suboption {
font-size: 11px;
line-height: 14px;
font-family: "brownregular"!important;
}
.lft-menu-category .lft-menu-suboption:hover {
text-decoration: none!important;
}
.lft-menu-category .lft-menu-suboption .lft-menu-category .lft-menu-suboption {
font-family: "brownregular"!important;
}
#popupInWallet > div:before, #popupResponsive > div:before {
cursor: pointer;
display: block;
content: "\e901";
font-size: 30px;
font-family: icomoon;
right: 15px;
position: absolute;
top: 15px;
}
@media screen and (min-width: 1025px) {
.lft-menu-option-container {
top:80px;
}
.lft-menu-option > span {
height: 70%;
}
.lft-submenu-container > .submenu-options-column {
margin-bottom: 25px!important;
}
#lft-menu-option-search {
float: right;
width: 80%;
}
}
@media screen and (min-width: 1025px) and (max-width:1287px) {
#lft-option-container {
right:20px;
}
.home-logo-a {
height: 50%;
display: inline-block;
width: 120px;
position: absolute;
bottom: 5px;
left: 0px;
}
.lft-menu-option-container {
left: 20px;
}
#lft-menu-option-search {
right: 30px;
}
#lft-menu .home-logo {
left: -35px;
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
#lft-menu {
box-sizing:border-box;
padding: 0 20px;
}
}
@media screen and (max-width: 1024px) {
.mobile {
display: block;
}
#layout_top #lft-menu {
height: 100%;
border-bottom: 1px solid #e6e6e6;
overflow: hidden;
}
#lft-menu .home-logo {
bottom: 0;
color: #1D1D1B;
font-size: 120px;
left: -50px;
margin-bottom: 0;
top: -47px;
}
#lft-menu #lft-sidemenu-header .home-logo {
left: 0px;
top: -26px;
font-size: 120px;
}
#lft-menu .home-logo-a {
left: 21px;
bottom: auto;
top: 24px;
position: relative;
}
#lft-menu .home-logo {
bottom: 0;
margin-bottom: -1px;
}
#lft-menu > img {
position: absolute;
bottom: 0;
width: 40px;
padding: 10px 10px 0 10px;
}
#lft-menu > img.ham {
left: 0;
padding-left: 0;
}
#lft-menu > img.search {
right: 50px;
}
#lft-menu > img.clothes {
right: 0;
padding-right: 0;
}
#lft-menu-option-search-header {
width: 100vw;
height: 12vh;
background-color: #fff;
position: fixed;
border-bottom: 1px solid #D9D9D9;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
border-top: 2px solid #D9D9D9;
}
#lft-menu-option-search-header > img {
display: none;
}
#lft-menu-option-search-header .icon-next {
display: none;
}
#lft-menu-option-search-header.open {
-webkit-transform: translateY(83px);
-moz-transform: translateY(83px);
-ms-transform: translateY(83px);
-o-transform: translateY(83px);
transform: translateY(83px);
z-index: 16;
}
#lft-menu-option-search-header .searchInput {
width: 100%;
}
.lft-menu-option:hover .lft-menu-category {
display: none;
}
.side-menu-open .lft-menu-option.open .lft-menu-category-mobile {
display: block;
}
.lft-menu-option.menu-option-last {
border-bottom: 1px solid #e6e6e6;
margin-bottom: 10px;
}
.lft-menu-option.extras {
text-transform: capitalize;
font-size: 1.5em!important;
}
.lft-menu-suboption-mobile.open .lft-menu-category-mobile {
z-index: 6;
}
}
@media screen and (max-width: 768px) {
#popupInWallet > div {
width:100% !important;
}
#popupInWallet > div:before {
font-size: 15px;
right: 20px;
top: 10px;
}
#popupResponsive > div:before {
font-size: 15px;
right: 10px;
top: 10px;
}
}
@media screen and (max-width: 767px) {
#popupInWallet > div {
width:97% !important;
background-size: contain !important;
height: 36% !important;
top: 50% !important;
transform: translate(0, -50%);
}
#lft-menu .home-logo {
font-size: 93px;
left: -18px;
top: -23px;
}
#lft-menu #lft-sidemenu-header .home-logo {
left: -18px;
top: -13px;
font-size: 93px;
}
#lft-menu-option-search-header {
width: 100vw;
height: 5vh;
background-color: #fff;
position: fixed;
border-bottom: 1px solid #D9D9D9;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
border-top: 2px solid #D9D9D9;
}
#lft-menu-option-search-header.open {
height: 12vh;
-webkit-transform: translateY(73px);
-moz-transform: translateY(73px);
-ms-transform: translateY(73px);
-o-transform: translateY(73px);
transform: translateY(73px);
}
#lft-menu .home-logo-a {
left: 0;
bottom: auto;
top: 10px;
position: relative;
}
#lft-menu .home-logo {
width: 126px;
}
#lft-menu > img {
width: 32px;
}
#lft-menu > img.search {
right: 35px;
}
.lft-menu-option.extras {
text-transform: capitalize;
font-size: 1.2em!important;
}
}
.lft-menu-category > div.lft-submenu-container {
position: relative;
width: 1185px;
margin: 0 auto;
margin-top: 40px;
height: 100%;
}
.lft-menu-suboption > a:hover {
color: #9B9B9B;
text-decoration: none !important;
}
.lft-submenu-container > .submenu-options-column {
display: inline-block;
height: 100%;
box-sizing: border-box;
vertical-align: top;
position: relative;
}
.lft-menu-option.menu-option-last .lft-submenu-container > .submenu-options-column {
position: relative;
width: auto;
z-index: 1;
}
.lft-menu-category .lft-menu-suboption {
font-size: 11px;
letter-spacing: 0.17px;
padding: 0px 15px 7px 0;
line-height: 12px;
white-space: nowrap;
text-transform: initial;
font-family: "brownlight";
}
.lft-menu-category .lft-menu-suboption.new-tag::after {
padding-left: 0px;
content: "NEW!";
color: #fc2f2f;
margin-top: 8px;
font-size: 9px;
font-family: "brownbold", Futura, 'Futura', Arial;
vertical-align: top;
margin-left: 8px;
font-weight: normal;
-webkit-animation-name: blinkerheader;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinkerheader;
-moz-animation-duration: 3s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinkerheader;
animation-duration: 3s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@-webkit-keyframes blinkerheader {
0% {
opacity: 1.0;
}
25% {
opacity: 1.0;
}
50% {
opacity: 0;
}
75% {
opacity: 1.0;
}
100% {
opacity: 1.0;
}
}
.lft-menu-category .lft-menu-suboption.new {
margin-bottom: 20px;
}
.lft-menu-category .lft-menu-suboption.title {
font-weight: 600;
margin-bottom: 20px;
font-family: "brownbold", Futura, 'Futura', Arial;
}
.lft-menu-category .lft-menu-suboption.sales {
font-weight: 600;
font-family: "brownbold", Futura, 'Futura', Arial;
}
.lft-menu-category .lft-menu-suboption.sales a, .lft-menu-category .lft-menu-suboption.sales span {
color: #FF4AD0;
}
.lft-menu-category .lft-menu-suboption:hover > span, .lft-menu-category .lft-menu-suboption:hover > a {
text-decoration: none !important;
border-bottom: 1px solid;
}
.lft-submenu-container > .divHighlight {
display: inline-block;
width: 640px;
text-align: right;
position: absolute;
right: 40px;
padding: 0;
}
.divHighlight > .highlightImg {
width: 50%;
box-sizing: border-box;
float: right;
}
.divHighlight > .highlightImg:first-child {
padding-left: 10px;
}
.divHighlight > .highlightImg:last-child {
padding-right: 10px;
}
.divHighlight > .highlightImg > img {
width: 100%;
}
.lft-menu-suboption-more .lft-submenu-container {
margin: 0 !important;
width: auto !important;
}
.lft-menu-suboption-more .submenu-options-column {
position: initial;
}
.lft-menu-suboption-more .lft-menu-category {
display: none !important;
}
.lft-menu-suboption-more:hover > .lft-menu-category {
background-color: transparent;
display: block !important;
position: absolute;
left: 25%;
padding-left: 98%;
top: 0;
min-height: 100%;
padding-right: 100%;
}
.lft-menu-suboption[attrid="1135007"] .lft-menu-category .lft-menu-suboption a, .lft-menu-suboption[attrid="1135007"] .lft-menu-category .lft-menu-suboption span {
color: #1e1e1e;
}
@media screen and (max-width: 1024px) {
.lft-menu-category .lft-menu-suboption.new-tag::after {
display:none;
}
.open.sublevel .lft-menu-suboption.lft-menu-suboption-more.open > span {
display: none!important;
}
.lft-menu-suboption.lft-menu-suboption-more .lft-submenu-container {
display: none;
}
.lft-menu-suboption.lft-menu-suboption-more.open .lft-submenu-container {
display: block;
}
.lft-menu-suboption.lft-menu-suboption-more.open:before {
display: none;
}
.open.sublevel .lft-menu-suboption.open > .lft-menu-category {
left: -100%;
width: 400%;
padding-left: 100%;
}
.open.sublevel .lft-menu-suboption.open > .lft-menu-category .lft-menu-category {
left: -100%;
width: 400%;
padding-left: 100%;
}
.open.sublevel .lft-menu-suboption.open > .lft-menu-category .lft-menu-category .lft-menu-category {
left: -100%;
width: 400%;
padding-left: 100%;
}
.lft-menu-suboption[attrid="1030094502"] > span {
background-color: #0600ff;
color: #FFF;
}
.lft-menu-suboption[attrid="1030094504"] > span {
background-color: #0600ff;
color: #FFF;
}
.lft-menu-suboption[attrid="1032537"] > span {
background-color: #ff7373;
color: #FFF;
}
.lft-menu-suboption.sales[attrid="1030094502"] span {
color: #FFF!important;
}
.lft-menu-suboption.sales[attrid="1030094504"] span {
color: #FFF!important;
}
.lft-menu-suboption.sales[attrid="1032537"] span {
color: #FFF!important;
}
}
@media screen and (max-width: 1024px) {
body.side-menu-open {
overflow:hidden!important;
}
#lft-option-container {
background: rgba(255,255,255,0.8);
background: -moz-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 64%, rgba(255,255,255,0.89) 70%, rgba(70,70,70,0.7) 70%, rgba(70,70,70,0.7) 81%, rgba(70,70,70,0.7) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.8)), color-stop(64%, rgba(255,255,255,0.8)), color-stop(70%, rgba(255,255,255,0.89)), color-stop(70%, rgba(70,70,70,0.7)), color-stop(81%, rgba(70,70,70,0.7)), color-stop(100%, rgba(70,70,70,0.7)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 64%, rgba(255,255,255,0.89) 70%, rgba(70,70,70,0.7) 70%, rgba(70,70,70,0.7) 81%, rgba(70,70,70,0.7) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 64%, rgba(255,255,255,0.89) 70%, rgba(70,70,70,0.7) 70%, rgba(70,70,70,0.7) 81%, rgba(70,70,70,0.7) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 64%, rgba(255,255,255,0.89) 70%, rgba(70,70,70,0.7) 70%, rgba(70,70,70,0.7) 81%, rgba(70,70,70,0.7) 100%);
background: linear-gradient(to right, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 64%, rgba(255,255,255,0.89) 70%, rgba(70,70,70,0.7) 70%, rgba(70,70,70,0.7) 81%, rgba(70,70,70,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#464646', GradientType=1);
position: fixed!important;
width: 100vw;
top: 0;
bottom: 0;
box-sizing: border-box;
left: 100%;
}
#lft-option-container.close {
-webkit-animation: slidein 0.1s;
-moz-animation: slidein 0.1s;
animation: slidein 0.1s;
top: 30px;
}
#lft-option-container.open {
left: 0;
top: 30px;
-webkit-animation: slideout 0.1s;
-moz-animation: slideout 0.1s;
animation: slideout 0.1s;
}
@-webkit-keyframes slidein {
0% {
left: 0%;
}
50% {
left: 90%;
}
100% {
left: 100%;
}
}
@-moz-keyframes slidein {
0% {
left: 0%;
}
50% {
left: 90%;
}
100% {
left: 100%;
}
}
@keyframes slidein {
0% {
left: 0%;
}
50% {
left: 90%;
}
100% {
left: 100%;
}
}
@-webkit-keyframes slideout {
0% {
left: 100%;
}
50% {
left: 90%;
}
100% {
left: 0%;
}
}
@-moz-keyframes slideout {
0% {
left: 100%;
}
50% {
left: 90%;
}
100% {
left: 0%;
}
}
@keyframes slideout {
0% {
left: 100%;
}
50% {
left: 90%;
}
100% {
left: 0%;
}
}
#lft-option-container > div {
background-color: #FFF;
}
#lft-sidemenu-header {
position: relative;
height: 74px;
border-bottom: 1px solid #D9D9D9;
z-index: 2;
}
#lft-sidemenu-header img {
position: absolute;
bottom: 5px;
width: 40px;
padding: 10px;
}
#lft-sidemenu-header img.clothes {
right: 10px;
}
#lft-sidemenu-header img.search {
right: 70px;
}
#lft-sidemenu-header img.ham {
left: 10px;
}
#lft-sidemenu-header img.side {
left: 70px;
bottom: 5px;
width: 120px;
}
#lft-sidemenu-header span.icon-chevron-left {
display: none;
left: 5px;
top: 13px;
position: absolute;
font-size: 1.8em;
padding: 15px;
font-weight: 600;
}
.sublevel #lft-sidemenu-header span.icon-chevron-left {
display: inline-block;
position: relative;
padding: 0;
font-size: 1em;
font-weight: normal;
left: auto;
top: auto;
}
.sublevel #lft-sidemenu-header span.ham {
display: none;
}
#lft-menu-option-search {
height: 70px;
position: absolute;
top: 0px;
left: 0;
// width: 69.9vw;
width: 100vw;
text-align: center;
border-bottom: 1px solid #D9D9D9;
-webkit-transition: transform 0.3s ease-out;
-moz-transition: transform 0.3s ease-out;
-ms-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
#lft-menu-option-search.open {
-webkit-transform: translateY(95px);
-moz-transform: translateY(95px);
-ms-transform: translateY(95px);
-o-transform: translateY(95px);
transform: translateY(95px);
z-index: 1;
}
#lft-menu-option-search > img {
display: none;
}
.searchInput {
width: 85%;
text-align: center;
border-bottom: 0;
font-size: 1.2em;
padding: 0;
margin: 0;
height: 100%;
color: #1A1A1A;
}
#lft-sidemenu-social {
text-align: center;
padding: 25px 0;
max-height: 40px;
border-bottom: 1px solid #D9D9D9;
}
.lft-menu-option-container {
// background-color: rgba(255,255,255,0.75)!important;
height: calc(100% - 165px);
display: block;
overflow: auto;
box-sizing: border-box;
padding-top: 2em;
padding-bottom: 110px;
}
.lft-menu-option-container .lft-menu-option {
color: #1e1e1e;
float: none;
text-align: left;
padding: 1em 80px;
font-size: 24px;
}
.lft-menu-category {
z-index: 1;
width: 100%;
overflow: hidden;
}
.lft-submenu-container > .submenu-options-column {
display: block;
margin-bottom: 160px;
height: auto;
}
.lft-submenu-container > .submenu-options-column:after {
display: table;
clear: both;
content: "";
}
.menu-icon-mobile {
bottom: 20px;
position: fixed;
width: auto;
height: auto;
left: 50%;
transform: translateX(-50%);
z-index: 3;
}
.menu-icon-mobile > span.icon-oval {
height: 100%;
font-size: 64px;
position: relative;
}
.menu-icon-mobile span.icon-arrow-down {
position: absolute;
left: 50%;
font-size: 0.35em;
color: bisque;
margin-left: -23%;
top: 50%;
margin-top: -13%;
-webkit-animation: flickerAnimation 1.8s infinite;
-moz-animation: flickerAnimation 1.8s infinite;
-o-animation: flickerAnimation 1.8s infinite;
animation: flickerAnimation 1.8s infinite;
}
@keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes flickerAnimation {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#lft-menu .icon-menu-movil {
color: #1e1e1e;
float: right;
font-size: 20px;
padding-top: 0;
padding-left: 0;
}
.box-ico-menumobile {
float: right;
font-size: 32px;
padding-top: 20px;
width: 30%;
padding-right: 10px;
}
.box-ico-menumobile span {
display: inline-block;
margin: 0 10px;
}
.box-ico-menumobile span.icon-cerrar {
font-size: 20px;
vertical-align: bottom;
margin: 0 10px 0 20px;
top: -5px;
position: relative;
// vertical-align: text-top;
}
#lft-menu #lft-sidemenu-header .icon-menu-movil {
padding-left: 12px;
padding-top: 22px;
font-size: 35px;
display: none;
// float: left;
// font-size: 40px;
// padding-top: 25px;
// padding-left: 20px;
}
.box-ico-menumobile-top {
float: right;
width: auto;
font-size: 25px;
padding-top: 20px;
height: 50px;
}
.box-ico-menumobile-top span {
display: inline-block;
margin-right: 20px;
}
.box-ico-menumobile-top .icon-percha-movil {
padding-right: 20px;
font-size: 22px;
}
}
@media screen and (max-width: 767px) {
#lft-option-container {
background:rgba(255,255,255,0.7);
padding-right: 0;
}
#lft-sidemenu-header {
height: 61px;
}
#lft-sidemenu-header span.icon-chevron-left {
left: 4px;
top: 12px;
font-size: 1.4em;
padding: 12px;
font-weight: 600;
}
#lft-menu-option-search {
height: 69px;
width: 100vw;
top: 0px;
}
#lft-menu-option-search.open {
-webkit-transform: translateY(62px);
-moz-transform: translateY(62px);
-ms-transform: translateY(62px);
-o-transform: translateY(62px);
transform: translateY(62px);
}
.searchInput {
font-size: 1em;
}
.lft-menu-option-container {
height: calc(100% - 124px);
padding-bottom: 1em;
width: 100%;
top: 127px;
}
.lft-menu-option-container .lft-menu-option {
padding: 0.8em 10px;
// font-size: 1.3em;
}
.menu-icon-mobile > span.icon-oval {
font-size: 3.5em;
display: none;
}
#lft-menu .icon-menu-movil {
float: right;
font-size: 22px;
padding-top: 2px;
padding-left: 0;
margin-right: 15px;
}
.box-ico-menumobile {
font-size: 25px;
padding-top: 20px;
width: 55%;
}
.box-ico-menumobile span {
margin: 0 10px;
}
#lft-menu #lft-sidemenu-header .icon-menu-movil {
padding-left: 12px;
padding-top: 22px;
font-size: 35px;
display: none;
}
#lft-sidemenu-social a > span {
vertical-align: top;
padding: 4%;
color: #1e1e1e;
font-size: 2em!important;
border-radius: 30px;
margin: 0 4px!important;
display: inline-block;
height: 20px;
width: 20px;
padding: 0!important;
line-height: 30px;
}
#lft-sidemenu-social {
padding: 7px!important;
}
#lft-sidemenu-social > span {
font-family: "brownlight";
font-size: 11px!important;
letter-spacing: 0;
}
#lft-sidemenu-social > span:last-child {
position: relative;
float: right;
right: 20px!important;
}
#lft-sidemenu-social > span:first-child {
left: 0!important;
text-transform: initial;
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
.lft-menu-category > div.lft-submenu-container {
width:100%;
// padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
.lft-submenu-container > .divHighlight {
right: 20px;
}
}
@media screen and (max-width: 1024px) {
#lft-option-container > div {
overflow:hidden;
}
#lft-option-container {
background-color: #FFF;
}
.lft-menu-category > div.lft-submenu-container {
width: 100% !important;
overflow-y: scroll;
min-height: calc(100vh - 180px);
margin-top: 0px;
overflow-x: hidden;
}
.lft-menu-option-container {
padding: 4%;
box-sizing: border-box;
top: 0;
height: calc(100vh - 80px);
position: relative;
}
.lft-menu-option-container > .lft-menu-option {
width: 25%;
position: relative;
float: left;
margin: 0;
padding: 0;
padding-bottom: 25%;
text-align: center;
border-bottom: 1px solid #1e1e1e;
// box-shadow: 0 -1px inset;
height: auto;
}
.lft-menu-option-container > .lft-menu-option.open {
box-shadow: 1px 1px inset, -1px 0px inset;
box-sizing: border-box;
border-bottom: none;
}
.lft-menu-option-container > .lft-menu-option > span {
display: block;
font-family: brownregular;
width: 90%;
height: 94%;
background-color: #d5d6d6;
color: #FFF;
line-height: 510%;
position: absolute;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
padding: 4px 0 7px 0;
font-size: 14px;
letter-spacing: 0.46px;
border-bottom: 0 none;
}
.lft-menu-option-container > .lft-menu-option.open > span {
background-color: transparent;
color: #1e1e1e;
width: 86%;
height: 100%;
border-bottom: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category {
display: block;
margin: 0 !important;
width: 400%;
top: calc(100% + 1px);
left: 0;
box-sizing: border-box;
height: calc(100vh - 180px);
border: 0;
position: absolute;
}
.lft-menu-option-container > .lft-menu-option:nth-child(2).open > .lft-menu-category {
left: -100%;
}
.lft-menu-option-container > .lft-menu-option:nth-child(3).open > .lft-menu-category {
left: -200%;
}
.lft-menu-option-container > .lft-menu-option:nth-child(4).open > .lft-menu-category {
left: -300%;
}
.lft-submenu-container > .submenu-options-column {
border: 0 none;
border-bottom: 0 none;
border-right: 0 none;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption {
width: 24.98%;
float: left;
text-align: center;
padding: 0;
padding-bottom: 25%;
position: relative;
white-space: inherit;
// box-shadow: 1px 0px inset, -1px -1px inset;
box-sizing: border-box;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span {
height: 90%;
width: 90%;
margin: 5%;
display: block;
position: absolute;
text-transform: initial;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:last-child > span {
margin: 4%;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4n) {
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(4n) {
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(8), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(12), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(16), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(20), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(24), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(26), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(28) {
border-right: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(6):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(10):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(14):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(18):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(22):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(26):last-child {
border-left: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(6):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(10):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(14):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(18):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(22):last-child, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-child(26):last-child {
border-left: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4n +1):nth-last-child(2) {
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-last-child(2) span:after {
border-right: none;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > .lft-menu-category .lft-menu-suboption:nth-last-child(2) span:after {
border-right: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span:after {
content: "";
display: inline-block;
border-right: 1px solid #1e1e1e;
height: 100%;
width: 100%;
margin-left: 0;
position: relative;
left: 5%;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:before {
content: '';
width: 100%;
height: 100%;
border-bottom: 1px solid #1e1e1e;
position: absolute;
top: 0;
left: 0;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4n) > span {
border-right: 0 none;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4n):before {
width: 95%;
left: 0;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(1n) > span {
border-bottom: 0 none;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:last-child {
border-left: none;
border-right: none!important;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(1), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(5), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(9), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(13), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(17), .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(21) {
border-left: 1px solid #1e1e1e;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(9):last-child {
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(25) {
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(1):before, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(5):before, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(9):before, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(13):before, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(17):before, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(21):before {
width: 95%;
left: 5%;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:nth-child(4n) > span:after {
border-right: 0;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:last-child:before {
width: 95%;
left: 0%;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption:last-child > span:after {
content: "";
display: inline-block;
border-right: 1px solid #1e1e1e;
height: 102%;
width: 100%;
margin-left: 0;
position: relative;
left: 5%;
}
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span a, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span span {
box-sizing: border-box;
display: block;
font-family: "brownregular";
line-height: 16px;
padding: 0;
position: absolute;
text-transform: initial;
top: 50%;
transform: translateY(-50%);
width: 100%;
font-size: 11px;
letter-spacing: 0.46px;
}
.lft-menu-category .lft-menu-suboption.new-tag::after {
position: absolute;
}
.lft-menu-suboption.open > .lft-menu-category {
display: block !important;
}
.lft-menu-suboption.open > span {
background-color: transparent;
color: #1e1e1e;
}
.lft-menu-suboption.open > .lft-menu-category {
display: block;
margin: 0 !important;
width: 400%;
top: 100%;
left: -1px;
height: auto;
}
.lft-menu-suboption.open > .lft-menu-category {
left: -1px;
top: -2px;
}
.lft-suboption-option.open > .lft-menu-category .lft-menu-suboption {
width: 25%;
float: left;
text-align: center;
padding: 0;
position: relative;
white-space: inherit;
}
.sublevel .lft-menu-suboption:not(.open) {
display: none;
}
.sublevel .lft-menu-suboption.open .lft-menu-suboption {
display: block;
}
.sublevel2 .lft-menu-suboption .lft-menu-suboption:not(.open) {
display: none;
}
.sublevel2 .lft-menu-suboption.open .lft-menu-suboption.open .lft-menu-suboption {
display: block;
}
.lft-suboption-option.open > .lft-menu-category .lft-menu-suboption > span, .lft-suboption-option.open > .lft-menu-category .lft-menu-suboption > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
}
.lft-suboption-option.open > .lft-menu-category .lft-menu-suboption:after {
content: '';
display: block;
padding-bottom: 100%;
}
.lft-menu-option.menu-option-last, .lft-submenu-container > .divHighlight, .lft-menu-suboption.lft-menu-suboption-divisor {
display: none;
}
#lft-sidemenu-footer {
background: #f1f1f1;
font-size: .5em;
position: relative;
padding-top: 20px;
clear: both;
z-index: 1;
width: 100%;
}
#lft-sidemenu-footer.sticky {
background: #f1f1f1;
bottom: -5px;
padding-top: 0;
position: absolute;
}
.lft-menu-option-extras {
background: #170c0f;
display: inline-block;
height: 80px;
left: 0;
padding: 4px 0;
width: 100%;
}
.lft-menu-option-extras .lft-menu-option {
color: #FFF;
font-family: "brownlight";
border: 0 none;
box-sizing: border-box;
display: inline-block;
float: left;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0 0 0 4%;
text-align: center;
width: 25%;
}
.lft-menu-option-extras .lft-menu-option span {
font-family: "brownlight";
padding: 8px 0;
font-size: 12px!important;
text-transform: capitalize;
text-align: left;
letter-spacing: 0.43px;
color: #9B9B9B;
}
#lft-sidemenu-social {
text-align: center;
padding: 0;
border-bottom: 0;
left: 0;
width: 100%;
background: #f1f1f1;
line-height: 36px;
padding-top: 4px;
}
#lft-sidemenu-social a {
position: relative;
}
.lft-menu-option a {
font-family: "brownlight";
text-transform: uppercase;
}
#lft-sidemenu-social a > span {
vertical-align: top;
padding: 4%;
color: #1e1e1e;
font-size: 3em;
border-radius: 30px;
margin: 0 15px;
display: inline-block;
height: 20px;
width: 20px;
padding: 0;
line-height: 30px;
}
#lft-sidemenu-social {
text-align: center;
padding: 17px;
border-bottom: 1px solid #D9D9D9;
max-height: 35px;
}
#lft-sidemenu-social > span {
font-family: "brownlight";
font-size: 18px;
letter-spacing: 0.46px;
}
#lft-sidemenu-social > span:first-child {
position: relative;
left: 0;
float: left;
left: 20px;
padding-left: 10px;
}
#lft-sidemenu-social > span:last-child {
position: relative;
float: right;
right: 40px;
padding-right: 5px;
}
#lft-menu .lft-menu-option-container .lft-menu-option.open .lft-menu-category .lft-submenu-container .submenu-options-column .lft-menu-suboption-more.open .lft-menu-suboption-more .lft-menu-category {
display: none!important;
}
#lft-menu .lft-menu-option-container .lft-menu-option.open .lft-menu-category .lft-submenu-container .submenu-options-column .lft-menu-suboption-more.open .lft-menu-suboption-more.open .lft-menu-category {
display: block!important;
}
}
@media(min-width: 768px) and (max-width:1024px) {
.lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span a, .lft-menu-option-container > .lft-menu-option.open > .lft-menu-category .lft-menu-suboption > span span {
font-size:1.8vh;
}
.lft-menu-category .lft-menu-suboption.new-tag::after {
top: 30px;
font-size: 12px;
}
.lft-menu-option-container > .lft-menu-option.open > span {
font-size: 22px;
line-height: 150px;
}
.lft-menu-option-container > .lft-menu-option > span {
font-size: 22px;
line-height: 150px;
}
.box-ico-menumobile-top {
height: 80px;
line-height: 80px;
}
.box-ico-menumobile-top span {
height: 80px;
line-height: 80px;
text-align: center;
width: 50px;
}
#lft-menu .icon-menu-movil {
height: 80px;
line-height: 80px;
margin-right: 10px;
text-align: center;
width: 60px;
}
}
.banner .title {
font-size: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.banner {
width: 100%!important;
margin-left: 0!important;
left: 0!important;
}
.banner-tag {
font-family: "brownregular";
position: relative;
padding-top: 10px;
}
.banner.no-sales .banner-tag {
position: relative;
// top: -34px;
padding-top: 0px;
}
.banner.no-sales .banner-tag.second p {
top: 0!important;
}
.banner-tag p {
font-family: "brownlight"!important;
}
.banner a {
color: #000!important;
}
.banner-wrap.leafs {
background-color: #f0f0f0;
background-size: 2560px 65px;
background-repeat: repeat-x;
}
.banner-wrap.leafs .banner-tag p {
color: #FFF;
}
.banner-wrap.sale {
background-image: url("../../images/home/fall2016/elements/banners/20160621/salesBG2.jpg");
background-size: 2560px 65px;
background-repeat: repeat-x;
}
.mc-textelement.banner-wrap.sales {
background-color: #D92330 !important;
}
.banner-wrap.sale .banner-tag p {
color: #FFF;
}
.banner-center {
width: 100%;
height: 100%;
}
.banner-tag {
height: 100%;
line-height: 20px;
display: inline-block;
width: 32%;
color: #fff;
text-transform: uppercase;
}
.banner-tag.golden ,.banner-tag.golden p , .banner-tag.golden p a, .banner-tag.golden p:hover {
color: #FFF!important;
}
.banner-tag.clear ,.banner-tag.clear p , .banner-tag.clear p a, .banner-tag.clear p:hover {
color: #FFF!important;
font-family: brownregular;
}
.autumn-sales .banner-tag.clear ,.autumn-sales .banner-tag.clear p ,.autumn-sales .banner-tag.clear p a,.autumn-sales .banner-tag.clear p:hover {
color: #FFF!important;
font-family: brownregular;
}
.banner-tag.flat-gradient ,.banner-tag.flat-gradient p , .banner-tag.flat-gradient p a, .banner-tag.flat-gradient p:hover {
color: #000!important;
}
.banner-tag.sales {
background-color: #D92330 !important;
color: #fff !important;
}
.banner-tag.blue {
background-color: #39499A !important;
}
.banner-tag.red {
background-color: #FF7275 !important;
}
.banner-tag.best-price {
background-image: url("../../images/home/fall2016/elements/banners/20160304/banner-best-price-bg.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-tag.avengers {
background-image: url("../../images/home/fall2016/elements/banners/20160519/banner-avengers.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-tag.sales {
background-image: url("../../images/home/fall2016/elements/banners/20160621/salesBG2.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.banner-tag img {
vertical-align: text-top;
margin-top: 2px;
margin-left: 7px;
margin-right: 7px;
}
.banner-tag:nth-child(1) img {
max-width: 32px;
}
.banner-tag:nth-child(3) img {
max-width: 48px;
}
.banner-tag.middle a {
color: #fff;
}
.banner-tag.middle {
color: #fff;
background-color: #000!important;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.banner-tag.middle.aligned {
vertical-align: top;
}
.banner-tag.middle.sales {
border: 2px solid #fff;
border-top: 0px;
border-bottom: 0px;
width: 33%;
}
.banner-tag.middle a {
color: #fff;
}
.banner-tag p {
color: #000 !important;
margin: 0;
padding: 0px 0 4px 0;
text-transform: none;
font-size: 12px!important;
white-space: nowrap;
}
.banner-tag a {
color: #FFF !important;
font-family: "brownregular";
font-size: 12px!important;
letter-spacing: 0.18px;
top: -4px;
position: relative;
}
.banner-tag:hover p, .banner-tag:focus p {
color: #000!important;
}
.autumn-sales .banner.no-sales .banner-tag {
// padding-top: 24px;
}
.autumn-sales .banner.no-sales .banner-tag.second p {
// top: -8px!important;
}
.autumn-sales .banner-tag p {
color: #000!important;
margin-top: 0!important;
}
.autumn-sales .banner-tag p a {
color: #000 !important;
}
.autumn-sales .banner-tag:hover p, .autumn-sales .banner-tag:focus p {
color: #000!important;
}
.mc-textelement.banner-wrap {
background: #000 !important;
height: 100%;
color: #000!important;
width: 100%!important;
}
.mc-textelement.banner-wrap.gif-section {
background: #1f1424 !important;
height: 100%;
color: #FFF!important;
width: 100%!important;
}
.mc-textelement.banner-wrap.qa-style {
background: #8a1538 !important;
}
.mc-textelement.banner-wrap .banner-tag.second {
background: #1f1424!important;
color: #FFF!important;
}
.mc-textelement.banner-wrap .banner-tag.second.gif-content {
background: #1f1424;
color: #FFF!important;
background-size: 190%!important;
}
.mc-textelement.banner-wrap.qa-style .banner-tag.second {
background: #8a1538 !important;
}
.mc-textelement.banner-wrap .banner-tag.second p {
color: #FFF!important;
}
.mc-textelement.banner-wrap .banner-tag.second.gif-content p {
color: #FFF!important;
}
.mc-textelement.banner-wrap.golden, .mc-textelement.banner-wrap.golden .banner-tag.second {
background: #000!important;
}
.mc-textelement.banner-wrap.clear, .mc-textelement.banner-wrap.clear .banner-tag.second {
background: #FEEC88!important;
}
.mc-textelement.banner-wrap.flat-gradient {
background: #f9d6f7!important;
background: -moz-linear-gradient(left, #f9d6f7 0%, #fae6c2 100%)!important;
background: -webkit-linear-gradient(left, #f9d6f7 0%,#fae6c2 100%)!important;
background: linear-gradient(to right, #f9d6f7 0%,#fae6c2 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d6f7', endColorstr='#fae6c2',GradientType=1);
}
.mc-textelement.banner-wrap.flat-gradient .banner-tag.second {
background: transparent!important;
}
.mc-textelement.banner-wrap.summer-sales {
background-color: #FF4AD0!important;
}
.mc-textelement.banner-wrap.summer-sales.bg-red-sales {
background-color: #eb0043!important;
}
.mc-textelement.banner-wrap.summer-sales .banner-tag.second {
background: transparent!important;
}
.mc-textelement.banner-wrap.summer-sales .banner-tag.second.info-note {
background: #f0f0f0!important;
}
.mc-textelement.banner-wrap.summer-sales .banner-tag.second.info-note p,.mc-textelement.banner-wrap.summer-sales .banner-tag.second.info-note a {
color: #000!important;
}
.mc-textelement.banner-wrap.autumn-sales {
background: #f0f0f0!important;
color: #000!important;
}
.mc-textelement.banner-wrap.autumn-sales .banner-tag.second {
background: #d8d8d8!important;
color: #000!important;
}
.mc-textelement.banner-wrap.only-sa {
background: #FFD900!important;
color: #FFF!important;
}
.mc-textelement.banner-wrap.only-sa .banner-tag.second {
background: #FFD900!important;
color: #FFF!important;
}
.banner-tag.second {
background: #E02927 !important;
}
.mc-textelement.banner-wrap.black-friday {
background: #4EEC9B !important;
height: 100%;
}
div.banner-tag.avengers.middle p, div.banner-tag.sales.middle p {
color: #fff!important;
font-size: 10px;
letter-spacing: 0px;
margin: 0;
padding-top: 9px;
text-transform: uppercase;
}
div.banner-tag.fundas.middle p {
margin: 0;
padding-top: 9px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 0px;
}
.banner-wrap.sale .banner-tag.fundas p {
color: #4A4A4A;
}
.banner-tag.middle p {
color: #fff;
font-family: "brownregular";
font-size: 15px;
font-weight: 100;
letter-spacing: 1.6px;
text-transform: none;
text-transform: uppercase;
}
.banner-tag.avengers.middle p::first-line {
// font-size: 15px;
// font-weight: bold;
// font-family: "brownregular";
}
body .mc-cover.home-banner.mobile {
display: none;
height: 39px!important;
}
body .mc-cover.home-banner {
position: fixed;
top: 0;
z-index: 1;
}
@media screen and (max-width: 767px) {
.mc-textelement.banner-wrap {
display:block;
}
.mc-textelement.banner-wrap .banner-tag.second {
margin-top: 0;
top: -80px!important;
padding: 20px 0;
}
.mc-textelement.banner-wrap .banner-tag.third {
margin-top: 0;
top: -184px!important;
}
.mc-textelement.banner-wrap.autumn-sales .banner-tag.second p, .mc-textelement.banner-wrap.autumn-sales .banner-tag.third p {
color: #000!important;
}
.banner-tag a {
top: 0;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
body .mc-cover.home-banner {
top:0;
z-index: 14;
left: 0px;
width: 100%;
}
.link-mobile-layout {
top: 105px!important;
}
}
@media screen and (max-width: 1024px) {
.banner {
left:0!important;
margin-left: 0!important;
width: 100%!important;
}
.banner-center {
width: 100%;
}
.banner-tag p {
font-family: "brownbold"!important;
padding: 5px 0 4px 0;
}
.banner-tag.middle.aligned {
display: block;
}
.banner-tag.visible-mobile {
display: block;
}
.banner-center {
width: 100%;
position: relative;
overflow: hidden;
}
.banner-center .banner-tag {
width: 100%;
max-width: 100%;
position: absolute;
left: 0;
right: 0;
}
.banner-center .banner-tag:nth-child(2) {
top: 2px!important;
}
.banner-center .banner-tag:nth-child(3) {
}
.banner-center .banner-tag:nth-child(3) p {
padding-top: 10px;
}
.banner-center .banner-tag {
border: 0!important;
}
.banner-center .banner-tag.single-tag {
}
.mc-textelement.banner-wrap .banner-tag.second.gif-content {
background: #1f1424;
color: #FFF!important;
background-size: 340%!important;
}
.banner-tag.third {
top: 0;
color: white!important;
}
.banner-tag.third p {
color: white!important;
}
.banner-tag.third p a {
color: white!important;
}
.banner-tag.second {
// background-color: #ea83ba!important;
}
.banner-tag.second p {
color: white!important;
padding-top: 0;
}
.banner-tag.second.golden , .banner-tag.second.golden p , .banner-tag.second.golden p a, .banner-tag.third.golden , .banner-tag.third.golden p , .banner-tag.third.golden p a {
color: #B29745!important;
}
.banner-tag.second.clear , .banner-tag.second.clear p , .banner-tag.second.clear p a, .banner-tag.third.clear , .banner-tag.third.clear p , .banner-tag.third.clear p a {
color: #FFF!important;
}
.banner-tag.second.flat-gradient , .banner-tag.second.flat-gradient p , .banner-tag.second.flat-gradient p a, .banner-tag.third.flat-gradient , .banner-tag.third.flat-gradient p , .banner-tag.third.flat-gradient p a {
color: #FFF!important;
}
.banner-tag p::first-line {
}
}
@media screen and (max-width: 767px) {
.mc-textelement.banner-wrap {
display:block;
}
.mc-textelement.banner-wrap .banner-tag.second {
margin-top: 0;
top: -8px!important;
padding: 15px 0 0;
}
.mc-textelement.banner-wrap .banner-tag.third {
margin-top: 0;
top: -5px!important;
}
#layout_content .mc-cover.home-banner {
// display: none!important;
left: -0;
width: 100%;
z-index: 16;
}
body .mc-cover.home-banner.mobile {
display: none;
!important;height: 39px!important;
-webkit-transform: translateZ(1px);
-moz-transform: translateZ(1px);
-ms-transform: translateZ(1px);
-o-transform: translateZ(1px);
transform: translateZ(1px);
}
body .mc-cover.home-banner.mobile .banner-wrap {
height: 39px!important;
}
body .mc-cover.home-banner.mobile .banner-tag {
max-width: 100vw;
width: 100%;
}
body.side-menu-open .mc-cover.home-banner.mobile {
display: none!important;
}
.mc-cover.home-banner {
// position: fixed;
top: -36px;
// z-index: 16;
}
.banner {
left: 0!important;
margin-left: 0!important;
top: 0;
width: 100%!important;
}
.banner-center {
width: 100%;
}
.banner-tag {
}
.banner-tag.middle.aligned {
display: block;
}
.mc-cover.home-banner.mobile {
z-index: 15;
}
}
@-webkit-keyframes css-carousel-fade-1 {
0%, 8.3% {
opacity: 0;
z-index: -1
}
8.3%,25% {
opacity: 1;
z-index: 999
}
33.33%, 100% {
opacity: 0;
z-index: -1
}
}
@-webkit-keyframes css-carousel-fade-2 {
0%, 33.33% {
opacity: 0;
z-index: -1
}
41.63%, 58.29% {
opacity: 1;
z-index: 999
}
66.66%, 100% {
opacity: 0;
z-index: -1
}
}
@-webkit-keyframes css-carousel-fade-3 {
0%, 66.66% {
opacity: 0;
z-index: -1
}
74.96%, 91.62% {
opacity: 1;
z-index: 999
}
100% {
opacity: 0;
z-index: -1
}
}
@-moz-keyframes css-carousel-fade-1 {
0%, 8.3% {
opacity: 0;
z-index: -1
}
8.3%,25% {
opacity: 1;
z-index: 999
}
33.33%, 100% {
opacity: 0;
z-index: -1
}
}
@-moz-keyframes css-carousel-fade-2 {
0%, 33.33% {
opacity: 0;
z-index: -1
}
41.63%, 58.29% {
opacity: 1;
z-index: 999
}
66.66%, 100% {
opacity: 0;
z-index: -1
}
}
@-moz-keyframes css-carousel-fade-3 {
0%, 66.66% {
opacity: 0;
z-index: -1
}
74.96%, 91.62% {
opacity: 1;
z-index: 999
}
100% {
opacity: 0;
z-index: -1
}
}
@-ms-keyframes css-carousel-fade-1 {
0%, 8.3% {
opacity: 0;
z-index: -1
}
8.3%,25% {
opacity: 1;
z-index: 999
}
33.33%, 100% {
opacity: 0;
z-index: -1
}
}
@-ms-keyframes css-carousel-fade-2 {
0%, 33.33% {
opacity: 0;
z-index: -1
}
41.63%, 58.29% {
opacity: 1;
z-index: 999
}
66.66%, 100% {
opacity: 0;
z-index: -1
}
}
@-ms-keyframes css-carousel-fade-3 {
0%, 66.66% {
opacity: 0;
z-index: -1
}
74.96%, 91.62% {
opacity: 1;
z-index: 999
}
100% {
opacity: 0;
z-index: -1
}
}
@keyframes css-carousel-fade-1 {
0%, 8.3% {
opacity: 0;
z-index: -1
}
8.3%,25% {
opacity: 1;
z-index: 999
}
33.33%, 100% {
opacity: 0;
z-index: -1
}
}
@keyframes css-carousel-fade-2 {
0%, 33.33% {
opacity: 0;
z-index: -1
}
41.63%, 58.29% {
opacity: 1;
z-index: 999
}
66.66%, 100% {
opacity: 0;
z-index: -1
}
}
@keyframes css-carousel-fade-3 {
0%, 66.66% {
opacity: 0;
z-index: -1
}
74.96%, 91.62% {
opacity: 1;
z-index: 999
}
100% {
opacity: 0;
z-index: -1
}
}
// left1 @-webkit-keyframes css-carousel-left-1 {
0%, 8.3% {
left: 100%;
}
8.3%,25% {
left: 0;
}
33.33%, 100% {
left: -100%;
}
}
@-moz-keyframes css-carousel-left-1 {
0%, 8.3% {
left: 100%;
}
8.3%,25% {
left: 0;
}
33.33%, 100% {
left: -100%;
}
}
@-ms-keyframes css-carousel-left-1 {
0%, 8.3% {
left: 100%;
}
8.3%,25% {
left: 0;
}
33.33%, 100% {
left: -100%;
}
}
@keyframes css-carousel-left-1 {
0%, 8.3% {
left: 100%;
}
8.3%,25% {
left: 0;
}
33.33%, 100% {
left: -100%;
}
}
//left-2 @-webkit-keyframes css-carousel-left-2 {
0%, 33.33% {
left: 100%;
}
41.63%, 58.29% {
left: 0;
}
66.66%, 100% {
left: -100%;
}
}
@-moz-keyframes css-carousel-left-2 {
0%, 33.33% {
left: 100%;
}
41.63%, 58.29% {
left: 0;
}
66.66%, 100% {
left: -100%;
}
}
@-ms-keyframes css-carousel-left-2 {
0%, 33.33% {
left: 100%;
}
41.63%, 58.29% {
left: 0;
}
66.66%, 100% {
left: -100%;
}
}
@keyframes css-carousel-left-2 {
0%, 33.33% {
left: 100%;
}
41.63%, 58.29% {
left: 0;
}
66.66%, 100% {
left: -100%;
}
}
//left-3 @-webkit-keyframes css-carousel-left-3 {
0%, 66.66% {
left: 100%;
}
74.96%, 91.62% {
left: 0;
}
100% {
left: -100%;
}
}
@-moz-keyframes css-carousel-left-3 {
0%, 66.66% {
left: 100%;
}
74.96%, 91.62% {
left: 0;
}
100% {
left: -100%;
}
}
@-ms-keyframes css-carousel-left-3 {
0%, 66.66% {
left: 100%;
}
74.96%, 91.62% {
left: 0;
}
100% {
left: -100%;
}
}
@keyframes css-carousel-left-3 {
0%, 66.66% {
left: 100%;
}
74.96%, 91.62% {
left: 0;
}
100% {
left: -100%;
}
}
#layout_wtkids {
}
.wt-layout {
padding-top: 0em;
margin-top: 0em;
height: 100%;
display: inline-block;
width: 100%;
}
.wt-container, .wt-title {
margin: 0 auto;
font-family: "brownregular";
color: #4A4A4A;
width: 92.4831%;
text-transform: uppercase!important;
}
.wt-container {
margin-top: 1em;
}
.wt-title {
text-transform: none;
font-size: 2rem;
color: #1e1e1e;
padding: 1rem 0;
text-align: center;
}
.wt-title-one {
font-family: "brownbold";
display: inline-block;
padding-right: 0.2em;
}
.wt-title-two {
font-family: "brownlight";
display: inline-block;
}
.wt-title-two span {
display: inline-block;
margin-left: 5px;
}
.wt-container > div {
box-sizing: border-box;
vertical-align: middle;
}
.wt-container > div {
display: block;
float: left;
}
.wt-container .row_25-wt, .wt-container .row_25 {
box-sizing: border-box;
display: inline-block;
float: left;
margin: 0 10px;
width: calc(25% - 21px);
}
.wt-container .four-blocks.row_25-wt, .wt-container .four-blocks.row_25 {
// margin: 0 5px;
margin: 0 14px;
width: calc(25% - 21px);
}
.wt-container .four-blocks.center-block.row_25-wt, .wt-container .four-blocks.center-block.row_25 {
margin-right: 14px;
}
.wt-container .row_25-wt.left-wt, .wt-container .row_25.left-wt {
clear: left;
margin-left: 0;
}
.wt-container .row_25-wt.right-wt, .wt-container .row_25.right-wt {
margin-right: 0;
}
.wt-container .row_33-wt, .wt-container .row_33 {
box-sizing: border-box;
display: inline-block;
float: left;
margin: 0 14px;
width: calc(33% - 15px);
}
.wt-container .row_33-wt.left-wt, .wt-container .row_33.left-wt {
margin-left: 0;
}
.wt-container .row_33-wt.right-wt, .wt-container .row_33.right-wt {
margin-right: 0;
}
.wt-container .row_50-wt, .wt-container .row_50 {
box-sizing: border-box;
display: inline-block;
float: left;
margin: 0 24px 0 14px;
width: calc(50% - 14px);
}
.wt-container .row_50-wt.left-wt, .wt-container .row_50.left-wt {
margin-left: 0;
clear: left;
float: left;
}
.wt-container .row_50-wt.right-wt, .wt-container .row_50.right-wt {
margin-right: 0;
}
.wt-container > div .template1:hover .price-wt span {
color: #C9C9C9;
}
.wt-container > div .template2:hover .price-wt span {
color: #C9C9C9;
}
.wt-container > div .template4:hover .price-wt span {
color: #C9C9C9;
}
.wt-container > .center-column-wt {
width: 100%;
padding-right: 0;
clear: left;
}
.wt-container > .left-column-wt {
width: 50%;
padding-right: 11px;
clear: left;
}
.wt-container > .right-column-wt {
width: 50%;
padding-left: 11px;
clear: right;
}
.wt-container .bundle_wt {
font-family: "brownlight";
position: absolute;
font-size: 14px;
color: #fff;
text-transform: capitalize;
}
.wt-container .bundle_wt .wt_red_banner_two {
margin-bottom: 10px;
}
.wt-container .bundle_wt span {
font-family: "brownregular";
font-size: 40px;
display: block;
padding-top: 5px;
}
.wt-container .bundle_wt span.bundle-device {
display: inline-block;
font-size: 28px;
padding-left: 4px;
}
.wt-container .bundle_wt .wt_red_banner {
font-size: 8px;
color: #fff;
background-color: rgb(237, 73, 89);
display: inline-block;
padding: 1px 4px;
margin-bottom: 5px;
}
.wt-container .bundle_wt .wt_red_banner_two span {
background-color: rgb(237, 73, 89);
width: 100px;
height: 16px;
display: inline-block;
margin-bottom: 6px;
}
.wt-container .bundle_wt .wt_red_banner_two p {
font-size: 14px;
color: #fff;
padding-left: 8px;
margin-bottom: 0px;
margin-top: -34px;
font-family: "brownlight";
}
.wt-container .price-wt {
text-overflow: ellipsis;
padding: 0;
padding-top: 10px;
float: left;
width: 100%;
background-color: #FFF;
position: relative;
top: 0px;
font-family: "brownlight";
min-height: 4.5vw;
}
.wt-container .price-wt > .prod-wt {
font-family: "brownregular";
font-size: 1rem;
font-weight: 100;
text-transform: uppercase;
display: block;
line-height: normal;
padding-bottom: 3px;
}
.wt-container .price-wt span {
color: #1e1e1e;
font-size: 12px;
display: inline-block;
float: left;
clear: left;
line-height: normal;
}
.wt-container .price-wt span .icon-next {
float: none;
padding-left: 14px;
font-size: 9px;
line-height: 10px;
vertical-align: middle;
}
.wt-container .price-wt .leyend {
font-size: 0.875rem;
}
.wt-container .price-wt img {
padding-left: 0.6rem;
float: left;
}
.wt-container > .left-column-wt > div > .pic-wt, .wt-container > .right-column-wt > div > .pic-wt {
height: calc(100% - 30px);
background-color: lightgray;
position: relative;
}
.wt-container .pic-wt {
position: relative;
float: left;
width: 100%;
}
.wt-container .pic-wt .complement_wt {
position: absolute;
}
.wt-container .pic-wt .complement_wt p {
margin: 0;
font-family: "brownlight";
}
.wt-container .pic-wt .complement_wt p.text-down-wt {
font-family: "brownlight";
}
.wt-container .pic-wt .complement_wt p:first-of-type {
font-size: 50px;
font-family: "brownbold";
}
.wt-container .pic-wt .complement_wt.big-text {
width: 100%;
text-align: center;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding {
color: #fff;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding > div {
text-transform: uppercase;
margin-bottom: 2%;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding p.title {
font-size: 48px;
font-family: "brownbold";
text-transform: uppercase;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding p.title.lowercase {
font-family: "brownregular";
text-transform: initial;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding p.text-outst {
margin: 0 15%;
margin-top: 10px;
font-size: 14px;
height: 24px;
}
.wt-container .pic-wt .complement_wt.big-text.middle {
max-height: 90px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.wt-container .pic-wt .complement_wt.big-text.middle-top {
top: 10%;
}
.wt-container .template1 .pic-wt .complement_wt.big-text.middle {
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
// height: 100%;
text-align: center;
top: 50%;
transform: translateY(-50%);
}
.wt-container .pic-wt .complement_wt.big-text.bottom {
bottom: 100px;
}
.wt-container .pic-wt .complement_wt.big-text .subtitle-text {
position: absolute;
width: 100%;
text-transform: uppercase;
font-size: 0.875em;
float: left;
top: 7%;
left: 0;
}
.wt-container .pic-wt .complement_wt.big-text .titular {
font-size: 1.75rem;
position: absolute;
width: 100%;
text-align: center;
top: 30%;
}
.wt-container .pic-wt .complement_wt.big-text .text-description {
margin: 0 20px;
font-size: 1rem;
float: left;
position: absolute;
top: 54%;
}
.wt-container .pic-wt .complement_wt.big-text .see-now {
width: 100%;
text-decoration: underline;
position: absolute;
bottom: 10%;
left: 0;
}
.wt-container .pic-wt .complement_wt.top_center {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.wt-container .pic-wt span.dispo {
position: absolute;
left: 8px;
bottom: 45px;
color: #fff;
font-family: "brownlight";
font-size: 1rem;
}
.wt-container .pic-wt > span.wt_bar {
background-color: transparent!important;
border: 1px solid #FFF;
position: absolute;
bottom: 30px;
text-align: center;
text-transform: uppercase;
min-width: 110px;
padding: 7px 17px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 16px;
}
.wt-container .pic-wt > span.wt_bar:hover, .wt-container .pic-wt > span.wt_bar:focus {
color: #fff!important;
background-color: #000!important;
}
.wt-container .pic-wt > img {
width: 100%;
vertical-align: middle;
}
#left_wt1, #right_wt1 {
padding-bottom: 80px;
}
.wt-container .pic-wt .complement_wt .new_title_WT {
color: #FFF;
font-size: 22px;
font-family: "brownregular";
text-transform: uppercase;
line-height: 26px;
letter-spacing: 1.5px;
display: block;
margin: 10px 0 15px 0;
}
.wt-container .pic-wt .complement_wt .new_title_WT.description-text {
text-transform: none;
padding: 0 20px;
}
.wt-container .pic-wt .complement_wt .subtitle-new {
color: #FFF;
font-size: 14px;
font-family: "brownregular";
text-transform: uppercase;
line-height: normal;
letter-spacing: 1.5px;
display: block;
margin: 0;
}
.wt-container .pic-wt .complement_wt .new_product_WT {
color: #FFF;
font-size: 13px;
font-family: "brownlight";
text-transform: uppercase;
line-height: normal;
letter-spacing: 0.91px;
display: block;
padding: 0 20px;
}
.new_wt_mod .price-wt {
// display: none;
min-height: 30px;
height: 30px;
padding: 0;
}
.new_wt_mod {
padding-bottom: 0;
}
.wt-container .template1, .wt-container .template2 , .wt-container .template4 {
position: relative;
box-sizing: border-box;
float: left;
}
.wt-container .template4 {
width: 100%;
height: 100%;
}
.wt-container .template4 .price-wt {
top: 0rem;
}
.wt-container .template2 {
width: 100%;
height: 50%;
margin-bottom: 0px;
}
.wt-container .ctn_template1 {
float: left;
width: 100%;
}
.wt-container .template1 {
width: 50%;
height: 50%;
vertical-align: top;
}
.wt-container .template1.full-xs {
width: 50%;
}
.wt-container .template1.hidden-xs {
display: inline-block;
}
.template1:nth-child(even) {
padding-left: 9px;
}
.template1:nth-child(odd) {
padding-right: 9px;
}
.visible-t-device {
display: none;
}
// FIXING ALIGNMENT PROBLEMS WITH MODULES @media screen and (min-width: 1801px) {
.template1:nth-child(odd) {
padding-right:15px;
}
.template1:nth-child(even) {
padding-left: 15px;
}
}
@media screen and (min-width: 1601px) and (max-width:1800px) {
.template1:nth-child(odd) {
padding-right:13px;
}
.template1:nth-child(even) {
padding-left: 13px;
}
}
@media screen and (min-width: 1301px) and (max-width:1600px) {
.template1:nth-child(odd) {
padding-right:11px;
}
.template1:nth-child(even) {
padding-left: 11px;
}
}
@media screen and (min-width: 1151px) and (max-width:1300px) {
.template1:nth-child(odd) {
padding-right:10px;
}
.template1:nth-child(even) {
padding-left: 10px;
}
}
@media screen and (min-width: 1024px) and (max-width:1300px) {
.template1:nth-child(odd) {
padding-right:10px;
}
.template1:nth-child(even) {
padding-left: 10px;
}
}
@media screen and (min-width: 1025px) and (max-width:1232px) {
.wt-container .row_33-wt, .wt-container .row_33 {
width:calc(33% - 16px);
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
.wt-container, .wt-title {
box-sizing:border-box;
padding: 0 10px;
padding: 1rem 0;
width: 90%;
}
.wt-container .pic-wt span.dispo {
font-size: .8rem;
}
.wt-container .template1 .bundle_wt {
bottom: 40%!important;
top: auto!important;
left: 10%!important;
}
}
@media screen and (max-width: 1024px) {
#layout_wthomeWT {
display:none;
}
.wt-container div {
box-sizing: inherit;
}
.wt-container, .wt-title {
width: 100%;
}
.wt-container > .left-column-wt {
width: 100%;
}
.wt-container > .right-column-wt {
padding-left: 0;
width: 100%;
}
.wt-container .template4 .pic-wt > span.wt_bar {
bottom: 45px;
}
.wt-layout {
padding: 1em 0 60px 0;
margin-top: 20px;
}
.wt-container .template1 {
width: 50%;
}
.wt-container .price-wt > .prod-wt {
display: none;
}
.bundle_wt span {
font-size: 1.87rem!important;
}
.bundle_wt .wt_red_banner_two {
display: none;
}
.visible-t-device {
display: block;
}
.wt-container .template1.footer-butons, .wt-container .template2.footer-butons, .wt-container .template4.footer-butons {
padding-bottom: 60px;
}
.wt-container .template1, .wt-container .template2, .wt-container .template4 {
padding-bottom: 15px;
}
.wt-container .row_25-wt, .wt-container .row_25 {
width: calc(25% - 21px);
margin: 0 10px;
}
.wt-container .row_33-wt, .wt-container .row_33 {
width: 100%;
margin: 0;
}
.wt-container .row_50-wt, .wt-container .row_50 {
margin: 0 4px 0 14px;
width: calc(50% - 14px);
}
.wt-container .price-wt span.desc_price_wt {
font-size: 12px;
text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.wt-container .hidden-mobile, .wt-container .hidden-mobile-wt {
display: none;
}
}
@media screen and (min-width: 768px) {
.no-desktop {
display:none!important;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.wt-container .pic-wt .complement_wt.big-text.outstanding p.title {
font-size:2rem;
}
.wt-container .pic-wt .complement_wt .new_title_WT {
font-size: 14px;
line-height: 16px;
}
.wt-container .pic-wt .complement_wt .subtitle-new {
font-size: 10px;
}
.wt-container .pic-wt .complement_wt .new_product_WT {
font-size: 11px;
}
.wt-container .new_wt_mod .pic-wt .complement_wt.big-text.middle {
top: 40%;
}
.wt-container .new_wt_mod .pic-wt > span.wt_bar {
min-width: 58px;
padding: 8px 15px;
font-size: 10px;
line-height: 3px;
}
.wt-container .pic-wt .complement_wt .new_title_WT.description-text {
font-size: 11px;
padding: 0 10px;
}
.wt-container .row_25-wt, .wt-container .row_25 {
width: calc(25% - 13px);
margin: 0 12px;
}
}
@media screen and (max-width: 767px) {
.no-mobile {
display:none!important;
}
.wt-layout {
padding: 1em 0 0 0;
margin-top: -45px;
}
.wt-container {
margin-top: 0;
}
.wt-container .template1 {
width: 50%;
}
.wt-container .template1.full-xs {
width: 50%;
}
.wt-container .template1.hidden-xs {
display: inline-block;
}
.wt-title {
font-size: 1rem;
padding-top: 1.2em;
}
.wt-title-one {
}
.wt-title-two {
}
.wt-container .pic-wt > span.wt_bar {
min-width: 122px;
font-size: 10px!important;
padding: 4px 0 2px 0!important;
line-height: 18px!important;
margin-top: 5px!important;
font-size: 10px;
}
.wt-container .pic-wt .dispo {
display: none;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding > div {
font-size: 0.875rem;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding p.title {
font-size: 1.6rem;
margin-top: -10px;
}
.wt-container .template1.footer-butons, .wt-container .template2.footer-butons, .wt-container .template4.footer-butons {
padding-bottom: 60px;
}
.wt-container .template1, .wt-container .template2, .wt-container .template4 {
padding-bottom: 15px;
}
.wt-container .row_25-wt, .wt-container .row_25 {
margin: 0;
width: 100%;
}
.wt-container .row_50-wt, .wt-container .row_50 {
margin: 0;
width: 100%;
}
.wt-container .no-price .pic-wt {
border-bottom: 4px solid #FFFFFF;
}
.wt-container .no-price .price-wt {
display: none;
}
.wt-container .pic-wt .complement_wt .new_title_WT {
font-size: 20px;
}
.wt-container .pic-wt .complement_wt .subtitle-new {
font-size: 11px;
}
.wt-container .pic-wt .complement_wt .new_product_WT {
font-size: 12px;
}
.new_wt_mod {
padding-bottom: 5px;
}
.new_wt_mod .price-wt {
display: none;
}
.wt-container .four-blocks.row_25-wt, .wt-container .four-blocks.row_25 {
// margin: 0 5px;
margin: 0;
width: 100%;
}
.wt-container .pic-wt .complement_wt .new_title_WT.description-text {
font-size: 12px;
padding: 0 10px;
}
}
@media screen and (max-width: 500px) {
.wt-layout {
padding:0;
}
.wt-title {
line-height: 20px;
box-sizing: border-box;
}
.wt-container .template1.full-xs {
width: 100%;
}
.wt-container .template1.hidden-xs {
display: none;
}
.bundle_wt {
display: none;
}
.wt-container .template1:nth-child(even) {
padding-left: 0;
}
.wt-container .template1:nth-child(odd) {
padding-right: 0;
}
.wt-container .pic-wt .complement_wt.big-text.outstanding p.text-outst {
// display: none;
}
.wt-container .pic-wt > span.wt_bar {
bottom: 25px;
padding: 12px;
font-size: 12px;
}
.wt-container .price-wt {
margin-left: .5rem;
}
}
#PopupWindow {
z-index: 30;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width:1024px) {
}
@media screen and (max-width: 767px) {
}
#index-edits {
// background: #E8E8E8 !important;
background: #F9F9F9 !important;
display: block;
// display: none;
font-family: "brownlight";
padding: 40px 0;
width: 100%;
margin-top: 2em;
position: relative;
z-index: 0;
}
.index-title {
text-transform: uppercase;
}
#index-title {
font-size: 2em;
margin-bottom: 20px;
text-align: center;
}
#index-title span.inverted {
color: #1e1e1e;
}
.edits-container {
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.edits-pre-container {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
.edits-pre-container .edits-title {
color: #1e1e1e;
display: inline-block;
font-size: 1.2em;
text-align: center;
width: 100%;
padding: 1em 0;
font-family: 'brownregular';
}
.edits-pre-container .swiper-pagination {
bottom: 0px;
display: none;
}
.swiper-pagination-bullet {
background-color: #D8D8D8;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 8px;
opacity: 1;
margin: 0 5px;
width: 8px;
}
.swiper-pagination-bullet-active {
background-color: #1e1e1e;
}
#edits-scroll-container {
white-space: nowrap;
margin: 0;
}
a.edits-href {
display: inline-block;
padding: 20px 0;
box-sizing: border-box;
}
a.edits-href:hover .mc-containerlink-link {
color: #9b9b9b!important;
}
.edits-picture {
width: auto;
width: 100%;
}
#edits-scroll-container .mc-containerlink-link {
color: #1e1e1e;
font-size: 1em;
white-space: inherit;
margin-top: 9px;
font-size: 0.750em;
text-transform: uppercase;
}
#edits-scroll-container .mc-containerlink-link.inverted {
color: #1e1e1e;
font-family: "brownbold";
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
#edits-scroll-container .mc-containerlink-link.inverted.bolded {
color: #1e1e1e;
font-family: 'brownlight';
}
#edits-scroll-container .mc-containerlink-link.bolded {
color: #1e1e1e;
font-size: 0.750em;
// font-size: 0.8125em;
float: left;
margin-top: 2px;
text-transform: uppercase;
}
#edits-scroll-container .mc-containerlink-link.bolded:before {
content: "";
// content: "\e91a";
font-family: 'icomoon';
float: right;
font-size: 9px;
margin-left: 12px;
margin-top: 3px;
}
.edits-pre-container .btn {
position: absolute;
display: inline-block;
height: 100%;
width: 5%;
z-index: 10;
}
.edits-pre-container .btn.leftbtn-edits {
left: 0;
top: 0;
}
.edits-pre-container .btn.rightbtn-edits {
right: 0;
top: 0;
}
.edits-pre-container .btn > span {
margin-top: -32px;
position: absolute;
text-align: center;
bottom: 8.5vw;
}
.edits-pre-container .btn > span.btn-bg {
background: transparent!important;
border-radius: 50%;
cursor: pointer;
height: 64px;
width: 64px;
position: absolute;
}
.edits-pre-container .btn.leftbtn-edits .btn-bg {
margin-left: 5vw;
right: -10px;
}
.edits-pre-container .btn.rightbtn-edits .btn-bg {
right: 0;
margin-right: 5vw;
left: -10px;
}
.edits-pre-container .btn.rightbtn-edits .btn-bg:hover, .edits-pre-container .btn.rightbtn-edits .btn-bg:focus {
background-color: transparent!important;
}
.edits-pre-container .btn .btn-bg .icon-next {
color: #1e1e1e;
font-size: 1.75em;
left: 3px;
position: relative;
top: 19px;
}
.edits-pre-container .btn .btn-bg .icon-next:before {
color: #000!important;
content: "\e878";
}
.edits-pre-container .btn .btn-bg .icon-volver {
color: #000!important;
font-size: 1.75em;
position: relative;
right: 4px;
top: 19px;
}
.edits-pre-container .btn .btn-bg .icon-volver:before {
content: "\e878";
}
.index_edits_titles {
text-align: center;
background: #EDFFF8;
background: transparent\9;
}
.index_edits_titles > .mc-cover {
width: 1184px;
margin: 0 auto;
float: none;
}
.index_edits_titles .mc-picelement {
cursor: pointer;
}
.index_edits_titles #springLeft, .index_edits_titles #springRight, .index_edits_titles #summerLeft, .index_edits_titles #summerRight {
z-index: 4;
}
.index_edits div {
color: #4A4A4A;
}
.index_edits {
width: 1184px;
left: 50%;
overflow: hidden;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.index_edits:after {
background: #EDFFF8;
background: transparent\9;
content: '';
left: -100%;
height: 370px;
position: fixed;
position: relative\9;
top: 0;
width: 400%;
z-index: -1;
}
_:-ms-input-placeholder,:root .index_edits:after {
background: none;
position: relative;
}
_:-ms-input-placeholder,:root .index_edits_titles {
background: none;
}
.index_edits > .mc-cover {
transition: left ease 0.7s;
width: 1184px;
margin: 0 auto;
float: none;
margin-bottom: 140px;
left: 0%;
}
.index_edits_titles .mc-picelement img {
width: auto;
}
.index_edits_titles .bg {
background: #EDFFF8;
}
.index_edits .mc-picelement:hover > div > div {
color: #C9C9C9;
}
.index_edits.mooved > .mc-cover {
left: -34%
}
.index_edits .mc-picelement-text .bolded {
font-family: "brownbold";
text-transform: none;
font-size: 0.9375em;
}
.index_edits .mc-picelement-text div.mc-containerlink-link {
font-family: brownlight;
}
.index_edits .mc-picelement-text div.mc-containerlink-link.bolded {
text-transform: none;
font-size: 1em;
}
.index_edits_titles .mc-textelement:last-child {
text-align: left;
}
#index-edits .mc-containerlink-link.bolded {
font-family: 'brownregular'
}
.edits-pre-container .btn > span.btn-bg:hover, .edits-pre-container .btn > span.btn-bg:focus {
background-color: transparent!important;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1024px) {
.edits-pre-container .btn {
// display:none;
}
.edits-container {
width: 100%;
}
.edits-pre-container .btn.rightbtn-edits .btn-bg {
top: 45%;
left: -25px;
}
.edits-pre-container .btn.leftbtn-edits .btn-bg {
top: 45%;
right: -25px;
}
.edits-pre-container .btn .btn-bg .icon-next, .edits-pre-container .btn .btn-bg .icon-volver {
font-size: 1.30em;
}
.edits-pre-container .swiper-pagination {
display: none;
position: relative;
padding: 1em 0;
}
#index-edits {
background-color: #FFF!important;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.edits-pre-container {
margin:0 20px;
}
}
@media screen and (max-width: 767px) {
#index-edits {
padding:0 0 25px;
margin-bottom: 1em;
}
#index-title {
margin-bottom: 10px;
font-size: 1.3em;
}
.edits-pre-container {
margin: 0 10px;
}
#index-edits .wt-title-one, .wt-title-two {
display: inline-block;
margin: 0 2px;
}
#index-edits .wt-title-one.inverted, .wt-title-two.inverted {
color: #1e1e1e;
}
#index-edits .wt-title-one.inverted.bolded, .wt-title-two.inverted.bolded {
color: #1e1e1e;
}
.edits-pre-container .edits-title {
font-size: 1em;
}
#edits-scroll-container .mc-containerlink-link {
font-size: 0.79em;
-webkit-text-size-adjust: 100%;
}
#edits-scroll-container .mc-containerlink-link.bolded {
color: #1e1e1e;
float: left;
font-size: 0.79em;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
}
.menu-mobile-layout {
background: #FFF url('../../images/common/home/1.gif?ver=20180518') top center no-repeat;
background-size: contain;
display: flex;
height: 100vh;
left: 0;
padding: 0;
position: fixed;
top: 183px;
width: 100%;
z-index: 13;
flex-direction: column;
}
.box-menu-mobile {
display: inline-block;
margin: 6px 0;
width: 50%;
top: 41%;
position: relative;
}
.box-menu-mobile:nth-child(4) {
left: 50%;
margin-top: -111px;
}
.box-menu-mobile:nth-child(5) {
left: 50%;
}
.box-menu-mobile:first-child {
display: none;
}
.content-menu-mobile {
position: relative;
text-align: center;
}
.content-menu-mobile img {
width: 100%;
margin-bottom: -2px;
}
.content-menu-mobile a {
background-color: #fff;
bottom: 20px;
color: #1e1e1e;
display: inline-block;
font-family: "brownregular";
font-size: 17px;
min-width: 240px;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
.menu-mobile-layout {
background:transparent url('../../images/common/home/1M.gif?ver=20180518') center 76px no-repeat;
background-size: 100%;
display: block;
height: 100%;
left: 0;
padding: 0;
position: fixed;
top: 20px;
width: 100%;
z-index: 16;
}
.box-menu-mobile {
display: inline-block;
margin: 6px 0;
width: 100%;
position: initial;
}
.box-menu-mobile:nth-child(4) {
order: initial;
left: auto;
margin: 6px 0;
}
.box-menu-mobile:nth-child(5) {
order: initial;
left: initial;
}
.box-menu-mobile:first-child {
display: block;
margin-top: 70%;
}
.box-menu-mobile:first-child a {
background: transparent url(../images/common/logomenu.png) center center no-repeat;
background-size: 86%;
height: 40px;
margin-bottom: 0;
width: 290px;
}
.content-menu-mobile {
position: relative;
text-align: center;
}
.content-menu-mobile img {
width: 100%;
margin-bottom: -2px;
}
.content-menu-mobile a {
background-color: #fff;
bottom: 20px;
color: #1e1e1e;
display: inline-block;
font-family: "brownregular";
font-size: 17px;
min-width: 240px;
padding: 15px;
position: relative;
text-align: center;
text-transform: uppercase;
}
}
@media screen and (max-width: 767px) {
.menu-mobile-layout {
background:transparent url('../../images/common/home/1S.gif?ver=20180518') center center no-repeat;
background-size: cover;
display: block;
height: 100%;
left: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 16;
}
}
.link-mobile-layout {
display: none;
}
@media screen and (max-width: 1024px) {
.link-mobile-layout {
height:50px;
display: block;
position: fixed;
z-index: 11;
top: 76px;
background-color: white;
align-items: center;
justify-content: center;
width: 100%;
left: 0;
}
.link-mobile-layout .box-link-mobile {
float: left;
width: 25%;
text-align: center;
box-sizing: border-box;
border-right: 1px solid #e8e8e8;
height: 100%;
line-height: 53px;
}
.link-mobile-layout .box-link-mobile:last-child {
border: none;
}
.link-mobile-layout .box-link-mobile .content-link-mobile {
font-size: 13px;
color: #1e1e1e;
letter-spacing: 0.3px;
font-family: brownregular!important;
}
.link-mobile-layout .box-link-mobile .content-link-mobile .wt_link_bar {
text-transform: uppercase;
}
}
@media screen and (max-width: 767px) {
.link-mobile-layout {
top:91px;
position: fixed;
border: 1px solid #e6e6e6;
border-left: 0 none;
border-right: 0 none;
}
}
#PopupFullscreen {
}
#PopupFullscreen #Close {
color: transparent;
}
#PopupFullscreen #Container {
top: 140px;
}
#StockAndBookPopup, #InfoNotePopup {
position: fixed;
width: 100%;
font-size: 10px;
width: 100%;
text-align: center;
color: #1e1e1e;
top: 200px;
left: 50%;
margin-left: -220px;
}
div#StockAndBookPopup, div#InfoNotePopup {
background: #fff;
display: block;
height: 450px;
margin: 0 auto;
max-width: 987px;
padding: 40px 35px 5px 35px;
position: relative;
width: 77.10%;
}
div#StockAndBookPopup {
left: 0;
top: 0;
}
#StockAndBookPopup .news-form {
width: 100%;
font-family: Arial;
font-size: 22px;
margin-bottom: 20px;
margin-top: 80px;
line-height: 28px;
}
div#StockAndBookPopup .news-form {
font-family: "brownbold";
font-size: 18px;
line-height: 21px;
margin: 14px 0 20px 0;
width: 100%;
}
#StockAndBookPopup .news-form-p {
margin-bottom: 40px;
}
#StockAndBookPopup td {
font-size: 18px;
padding: 0px 50px;
vertical-align: top;
}
#StockAndBookPopup img {
width: 270px;
}
#StockAndBookPopup td .title {
text-decoration: underline;
}
#StockAndBookPopup td .description {
padding: 0% 5% 0% 5%;
margin-top: 10px;
}
div#StockAndBookPopup .step {
display: block;
float: left;
box-sizing: border-box;
margin-top: 28px;
width: 33.33%;
}
div#StockAndBookPopup .step img {
width: 180px;
}
div#StockAndBookPopup .step .title {
margin-top: 32px;
margin-bottom: 10px;
font-weight: bold;
font-family: brownregular;
font-size: 14px;
}
div#StockAndBookPopup .step .description {
color: #1e1e1e;
font-family: "brownlight";
font-size: 14px;
font-weight: 100;
line-height: 18px;
margin: 0 auto;
width: 80%;
}
#InfoNotePopup {
background-color: #000!important;
max-width: 400px!important;
left: 0!important;
top: 0!important;
}
#InfoNotePopup.image-popup {
background-color: transparent!important;
max-width: 774px!important;
}
#PopupFullscreen .image-popup .close-popup .icon-cerrar {
color: #1e1e1e;
}
#PopupFullscreen .image-popup .close-popup {
right: 50px;
top: 60px;
}
.InfoNoteBottom {
opacity: 1!important;
visibility: visible!important;
}
#InfoNotePopup .info-return-text .notePopup {
padding: 40px 0px 20px;
}
#InfoNotePopup .info-return-text .notePopup span {
color: #FFF;
font-family: "brownlight";
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
display: block;
width: 100%;
padding: 20px 0 0;
line-height: 30px;
width: 80%;
margin: 20px auto 0 auto;
position: relative;
}
#InfoNotePopup .info-return-text .notePopup span.title {
font-size: 20px;
letter-spacing: 3.9px;
line-height: 40px;
font-family: "brownlight";
margin: 0px auto 0px auto;
padding: 0;
}
#InfoNotePopup .info-return-text .notePopup span.title:before {
display: none;
}
#InfoNotePopup .info-return-text .notePopup span:before {
content: '';
height: 10px;
width: 40%;
border-bottom: 2px solid #FFF;
position: absolute;
top: -20px;
left: 30%;
}
#InfoNotePopup .close-popup {
color: #FFF!important;
}
// #PopupFullscreen .close-link {
// cursor: pointer;
// display: block;
// font-weight: bold;
// font-family: "brownregular";
// font-size: 25px;
// letter-spacing: -.5px;
// margin-top: 50px;
// padding-right: 20px;
// position: relative;
// text-align: right;
// text-transform: capitalize;
// width: auto;
//}
// #PopupFullscreen .close-cross--link {
// cursor: pointer;
// position: absolute;
// right: 35px;
// top: 23px;
// width: 14px;
//}
// #PopupFullscreen .close-cross--link img {
// width: 15px;
//}
// #PopupFullscreen .close-link:after {
// content: '';
// display: block;
// background: url('../images/common/arrow_icon.png') no-repeat;
// height: 7px;
// position: absolute;
// right: 0;
// top: 20px;
// width: 12px;
// z-index: 20;
//}
// #PopupFullscreen #Close {
// top: 35px;
//}
// #PopupFullscreen #Close:after {
// content: '';
// display: block;
// background: url('../images/common/arrow_icon.png') no-repeat;
// height: 7px;
// position: absolute;
// right: 0;
// top: 13px;
// width: 12px;
// z-index: 20;
//}
#PopupFullscreen .close-popup {
cursor: pointer;
display: inline-block;
height: 32px;
position: absolute;
right: 20px;
top: 20px;
width: 32px;
}
#PopupFullscreen .close-popup .icon-cerrar {
font-size: 22px;
left: 0;
position: relative;
top: 0;
}
#InfoNotePopup .info-title {
font-family: "brownbold";
font-size: 22px;
line-height: 21px;
margin: 14px 0 20px 0;
display: block;
text-transform: uppercase;
}
#InfoNotePopup .info-subtitle {
color: #1e1e1e;
font-family: "brownlight";
font-size: 25px;
font-weight: 100;
line-height: 25px;
margin: 40px auto;
display: block;
text-transform: uppercase;
}
#InfoNotePopup .info-img {
width: 250px;
}
#InfoNotePopup .info-text {
color: #1e1e1e;
font-family: "brownlight";
font-size: 14px;
font-weight: 100;
line-height: 18px;
display: block;
box-sizing: border-box;
padding: 0 5%;
margin: 0 auto;
}
#InfoNotePopup .info-return-text {
color: #1e1e1e;
font-family: "brownbold";
font-size: 18px;
font-weight: 100;
line-height: 18px;
margin: 10px auto;
display: block;
text-transform: uppercase;
}
#InfoNotePopup .info-link {
color: #1e1e1e;
font-family: "brownbold";
font-size: 14px;
font-weight: 100;
line-height: 18px;
margin: 10px auto;
display: block;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1023px) {
div#StockAndBookPopup .step {
width:100%;
}
div#StockAndBookPopup .step .description {
width: 50%;
}
div#StockAndBookPopup, div#InfoNotePopup {
overflow: scroll;
height: 90%;
top: -80px;
}
#PopupFullscreen .close-popup {
right: 0;
top: 0;
padding: 10px;
}
#PopupFullscreen .close-popup .icon-cerrar {
font-size: 30px;
left: 10px;
top: 10px;
position: absolute;
}
}
@media screen and (max-width: 1024px) {
#InfoNotePopup.image-popup {
background-color:#FFF!important;
}
#InfoNotePopup.image-popup img {
width: 100%;
}
#PopupFullscreen .image-popup .close-popup {
right: 0;
top: 40px;
}
.banner-tag.second p {
color: #000!important;
}
}
@media screen and (max-width: 767px) {
#layout_front {
position:relative;
z-index: 100;
}
div#StockAndBookPopup, div#InfoNotePopup {
height: 100%;
padding: 40px 0px 75px 0px;
width: 100%;
}
div#InfoNotePopup {
position: fixed;
top: 0;
}
#PopupFullscreen .close-popup {
}
#PopupFullscreen .close-popup .icon-cerrar {
font-size: 24px;
left: 13px;
top: 13px;
position: absolute;
}
#InfoNotePopup .info-title {
font-size: 18px;
line-height: 18px;
margin: 14px 0 10px 0;
}
#InfoNotePopup .info-subtitle {
font-size: 17px;
margin: 20px auto;
}
#InfoNotePopup .info-text {
font-size: 12px;
}
#InfoNotePopup .info-return-text {
font-size: 16px;
margin: 10px auto 0 auto;
}
#InfoNotePopup .info-link {
font-size: 14px;
}
}
#PopupWindow {
font-family: "brownregular";
font-size: inherit;
z-index: 30;
overflow: hidden;
border: 1px solid #4d4d4d;
}
#PopupWindow #Close > span#Normal {
font-size: 0.8rem;
font-weight: 600;
}
#PopupWindow #Container {
background: #FFF;
}
#popupPicture img {
width: auto;
height: 470px;
}
#popupInfo #stockFormContainer {
padding: 50px 20px;
}
#popupInfo #stockFormContainer .title {
color: #1e1e1e;
font-family: "brownregular";
font-size: 1.5rem;
line-height: 28px;
}
#popupInfo #stockFormContainer .description {
color: #4A4A4A;
font-family: "brownregular";
font-size: 0.875rem;
line-height: 18px;
margin: 10px 0;
}
#popupInfo #stockFormContainer .formItem {
float: left;
line-height: 15px;
border: none;
border-bottom: 1px solid #979797;
font-size: .625rem;
padding: 0px 0px 3px 0px;
}
#popupInfo #stockFormContainer #cpcity {
font-size: 1.5rem;
font-family: "brownregular";
width: 100%;
}
#popupInfo #stockFormContainer #cpcity:focus {
outline: none;
}
#popupInfo #stockFormContainer #sizes {
margin-left: 3%;
width: 30%;
cursor: pointer;
background: url("../images/deployer.gif") no-repeat right center;
}
#popupInfo #stockFormContainer #sizes:hover #sizesmenu {
display: block;
}
#popupInfo #stockFormContainer #sizes #sizesmenu {
clear: both;
background: #fff;
display: none;
position: absolute;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
margin-top: 4px;
background-color: white;
padding: 7px 0px 7px 3px;
}
#popupInfo #stockFormContainer #sizes #sizesmenu .sizeitem {
padding-left: 2px;
}
#popupInfo #stockFormContainer #buttonSearch {
margin-top: 20px;
}
#popupInfo #stockFormContainer #stockStatusContainer {
display: none;
}
#popupInfo .bookOverlayPanel {
position: absolute;
width: 470px;
height: 100%;
background: #fff;
top: 0px;
padding: 30px 21px;
overflow-y: scroll;
overflow-x: auto;
box-sizing: border-box;
}
#popupInfo .bookOverlayPanel#bookForm {
height: 443px;
padding: 30px 54px 0 20px;
}
#popupInfo .bookOverlayPanel .icon-volver {
font-size: 12px;
}
#popupInfo .bookOverlayPanel .back {
cursor: pointer;
background: url('../images/common/prev.gif') no-repeat left center;
padding-left: 18px;
color: #6d6d6d;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent {
margin-top: 15px;
margin-bottom: 50px;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent #title {
font-family: "brownbold";
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent #subtitle {
font-family: "brownlight";
}
#popupInfo #stockResults #storeContainer .store {
margin-top: 15px;
cursor: pointer;
font-size: 0.875rem;
font-family: "brownregular";
}
#popupInfo #stockResults #storeContainer .store .lft-button {
border: 0 none;
cursor: pointer;
padding: 12px 0;
text-align: center;
background: #1e1e1e;
color: #FFF;
font-size: 14px;
min-width: 122px;
display: inline-block;
}
#popupInfo #stockResults #storeContainer .store .sizes {
color: #1e1e1e;
font-family: "brownlight";
}
#popupInfo #stockResults #storeContainer .store .store-to-hide {
display: none;
font-family: "brownlight";
}
#popupInfo #stockResults #storeContainer .store .button-container {
margin-top: 15px;
margin-bottom: 25px;
display: none;
}
#popupInfo #bookForm #subtitle {
margin-top: 20px;
}
#popupInfo #bookForm .button-container {
display: inline-block;
float: right;
margin-bottom: 30px;
margin-top: 10px;
width: 20%;
}
#popupInfo #bookForm .button-container a {
color: #1e1e1e;
cursor: pointer;
text-transform: lowercase;
}
#popupInfo #bookForm .button-container a:first-letter {
text-transform: uppercase;
}
#popupInfo #bookForm .button-container a .icon-next {
font-size: 12px;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent .field {
font-family: "brownlight";
font-size: 0.875rem;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent .field {
border-bottom: 1px solid #D9D9D6;
font-family: "brownregular";
font-size: 0.875rem;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent .field b {
font-family: "brownbold";
}
#popupInfo #bookForm #sizes:hover #sizesmenu {
}
#popupInfo #bookForm img {
margin-top: 10px;
margin-bottom: 15px;
}
#popupInfo #bookForm .form-legal-container {
width: 60%;
margin-top: 10px;
margin-bottom: 26px;
display: inline-block;
float: left;
}
#popupInfo #bookForm .form-check {
float: left;
padding-left: 0;
cursor: pointer;
font-size: 0.625rem;
}
.popup-search-btn {
margin: 40px 0;
color: #1e1e1e;
cursor: pointer;
float: right;
font-family: "brownregular";
font-size: 1.5rem;
position: absolute;
text-transform: lowercase;
right: 35px;
bottom: 20px;
}
.popup-search-btn:first-letter {
text-transform: uppercase;
}
.popup-search-btn .icon-next {
font-size: 14px;
margin-left: 5px;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1024px) {
#PopupWindow {
height:100%;
left: 0;
margin-left: 0;
top: 83px;
width: 100%;
border: none;
}
#PopupWindow #Close > span#Normal {
font-size: 1.0rem;
}
#popupInfo #stockFormContainer {
margin-left: 20px;
padding: 100px 20px;
}
#popupInfo #stockFormContainer .title {
font-family: "brownbold";
left: 20px;
position: absolute;
top: 40px;
width: 40%;
}
#popupPicture {
left: 20px;
position: relative;
top: 110px;
}
#popupInfo #stockFormContainer #stockStatusContainer {
float: left;
}
#popupInfo #stockFormContainer .description {
font-family: "brownlight";
font-size: 1.125rem;
line-height: 22px;
margin-bottom: 50px!important;
}
#popupInfo #stockFormContainer #cpcity {
border-bottom: 1px solid #1e1e1e;
font-size: 1.125rem;
width: 90%;
}
.popup-search-btn {
background: #1e1e1e;
clear: left;
color: #FFF;
float: left;
font-size: 20px;
margin-top: 40px;
min-width: 228px;
padding: 15px 0;
position: inherit;
text-align: center;
}
.popup-search-btn span {
display: none;
}
#popupInfo #stockFormContainer .title {
font-size: 20px;
line-height: 24px;
}
#popupInfo .bookOverlayPanel {
top: 80px;
height: 100%;
box-sizing: border-box;
padding: 20px 0 20px 20px;
width: 80%;
margin-left: 20px;
}
#popupInfo .bookOverlayPanel .icon-volver {
display: none;
}
#popupInfo #stockResults #storeContainer .store .lft-button {
min-width: 298px;
}
#popupInfo #stockResults #storeContainer .store {
font-size: 1.125rem;
}
#popupInfo #stockResults #storeContainer .store .sizes {
color: #9B9B9B;
font-size: 1.125rem;
}
#popupInfo .bookOverlayPanel#bookForm {
height: 100%;
padding: 20px 0 20px 20px;
box-sizing: border-box;
width: 80%;
}
#popupInfo #bookForm .form-legal-container {
width: 100%;
}
#popupInfo #bookForm .button-container {
float: left;
width: 50%;
}
}
@media screen and (max-width: 767px) {
#PopupWindow {
height:100%;
top: 0 !important;
}
#PopupWindow #Close > span#Normal {
font-size: 0.8rem;
}
#PopupWindow table {
display: inline-block;
width: 100%;
}
#PopupWindow table tbody {
display: inline-block;
width: 100%;
}
#PopupWindow table tbody tr {
display: inline-block;
width: 100%;
}
#PopupWindow table tbody tr td {
display: inline-block;
width: 100%;
}
#PopupWindow #Container {
padding-right: 0;
}
#popupPicture {
left: 0;
top: 40px;
}
#popupInfo #stockFormContainer .title {
display: block;
position: relative;
font-size: 20px;
width: 80%;
text-align: left;
left: 0;
top: 0;
margin-bottom: 20px!important;
}
#popupInfo #stockFormContainer {
background: rgba(255,255,255,0.80);
height: 100%;
left: 0;
margin-left: 0px;
padding: 0;
position: absolute;
top: 40px;
width: 100%;
}
#popupInfo #stockFormContainer .description {
font-size: 18px;
line-height: 21px;
margin-bottom: 50px!important;
}
#popupInfo #stockFormContainer > div {
margin: 0 20px!important;
}
#popupInfo #stockFormContainer #cpcity {
background: transparent;
width: 90%;
}
.popup-search-btn {
clear: none;
float: none;
left: 5%;
margin: 0px 0;
min-width: initial;
right: auto;
width: 90%;
}
#popupInfo .bookOverlayPanel {
background: rgba(255,255,255,0.80);
height: 100%;
padding: 30px 0;
top: 20px;
width: 100%;
margin: 0;
}
#popupInfo .bookOverlayPanel > div {
margin: 0 20px;
}
#popupInfo #stockResults #storeContainer .store .lft-button {
min-width: inherit;
width: 100%;
}
#popupInfo .bookOverlayPanel#bookForm {
height: 100%;
padding: 30px 0 0 0;
width: 100%;
}
#popupInfo .bookOverlayPanel#bookForm > div {
margin: 0 20px;
}
#popupInfo .bookOverlayPanel .bookOverlayPanelContent .field {
background: transparent;
}
#popupPicture img {
height: auto;
width: 100%;
}
}
.lft-menu-category-mobile {
display: none;
}
.lft-menu-category-mobile.kids-category {
display: none;
}
span.kids-submenu-status {
display: none;
}
@media screen and (max-width: 1024px) {
.lft-menu-category-mobile {
position:fixed;
z-index: 3;
background-color: #fff;
top: 160px;
bottom: 0;
left: 0;
width: 70vw;
overflow: auto;
padding-bottom: 93px;
}
.lft-menu-category-mobile > a {
text-align: center;
padding: 0;
height: initial;
display: inline-block;
width: 35vw;
vertical-align: top;
}
.lft-menu-category-mobile > a > div.lft-menu-suboption-mobile {
height: 22vw;
position: relative;
padding: 0;
font-size: 18px;
border: 5px solid #FFF;
}
.lft-menu-category-mobile > a > div > span {
color: #4a4a4a;
position: absolute;
top: 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%);
width: 90%;
}
.lft-menu-option.kids {
font-weight: 600;
}
.lft-menu-option.kids > span {
display: inline-block;
}
.lft-menu-option.kids > span.kids-submenu-status {
vertical-align: middle;
float: right;
font-size: 1.8em;
}
.lft-menu-option.kids > span.kids-submenu-status.opened, .lft-menu-option.kids.open > span.kids-submenu-status.closed {
display: none;
}
.lft-menu-option.kids > span.kids-submenu-status.closed, .lft-menu-option.kids.open > span.kids-submenu-status.opened {
display: block;
}
.lft-menu-suboption-mobile.kidssuboption {
font-weight: 300;
margin-top: 20px;
margin-left: 0;
}
.lft-menu-suboption-mobile.kidssuboption .lft-menu-suboption-name {
font-size: 18px;
}
.lft-menu-option.kids.open {
height: auto;
}
.lft-menu-option.kids.open > .lft-menu-category-mobile {
position: initial;
z-index: initial;
background-color: rgba(0, 0, 0, 0);
padding: 0;
width: auto;
overflow: hidden;
}
.lft-menu-option.kids.open .lft-menu-category-mobile.kids-category {
display: none;
}
.lft-menu-option.kids.open .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-category-mobile.kids-category {
display: block;
}
.kids .lft-menu-category-mobile .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-suboption-mobile-level3 {
display: block;
}
.kids .lft-menu-category-mobile .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-suboption-mobile-level3 {
height: -webkit-calc(100vh - 160px);
height: -moz-calc(100vh - 160px);
height: -ms-calc(100vh - 160px);
height: -o-calc(100vh - 160px);
height: calc(100vh - 160px);
top: 160px;
position: fixed;
width: 100vw;
padding: 0 .5em 2em .5em;
box-sizing: border-box;
}
.kids .lft-menu-suboption-mobile-level3 .lft-menu-suboption-mobile {
text-align: center;
background: #fafaf7;
box-sizing: border-box;
display: inline-block;
font-size: 18px;
height: 32vw;
height: initial;
padding: 0 1.2em;
position: relative;
vertical-align: top;
width: 35vw;
border: 5px solid #FFF;
}
.kids .lft-menu-suboption-mobile-level3 .lft-menu-suboption-mobile > span {
color: #4a4a4a;
position: absolute;
top: 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%);
width: 90%;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 {
display: none;
background-color: #fff;
position: fixed;
z-index: 4;
width: 70vw;
left: 0;
height: -webkit-calc(100vh - 256px);
height: -moz-calc(100vh - 256px);
height: -ms-calc(100vh - 256px);
height: -o-calc(100vh - 256px);
height: calc(100vh - 256px);
overflow: scroll;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 > a {
background: #FAFAF7;
border: 5px solid #FFF;
display: inline-block;
float: left;
position: relative;
vertical-align: top;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 > a > div.lft-menu-suboption-mobile {
width: 35vw;
height: 22vw;
box-sizing: border-box;
padding: 0 1.2em;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 > a > div > span {
color: #1e1e1e;
position: absolute;
top: 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%);
width: 90%;
}
.lft-menu-category-mobile a.open .lft-menu-suboption-mobile .lft-menu-suboption-mobile-level3 {
display: block;
display: block;
width: 100vw;
padding: 0 .5em 2em .5em;
box-sizing: border-box;
}
body.level3 .lft-menu-option.open > .lft-menu-category-mobile {
overflow: hidden;
}
}
@media screen and (max-width: 767px) {
.lft-menu-category-mobile {
top:124px;
width: 100vw;
padding: 0 .5em 2em .5em;
box-sizing: border-box;
}
.lft-menu-category-mobile > a {
background: #FAFAF7;
box-sizing: border-box;
width: calc(50% - 0px);
}
.lft-menu-category-mobile > a > div.lft-menu-suboption-mobile {
height: 32vw;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 > a > div.lft-menu-suboption-mobile {
height: 32vw;
width: auto;
}
.lft-menu-category-mobile > a > div > span {
color: #1e1e1e;
font-size: 16px;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 {
height: -webkit-calc(100vh - 123px);
height: -moz-calc(100vh - 123px);
height: -ms-calc(100vh - 123px);
height: -o-calc(100vh - 123px);
height: calc(100vh - 123px);
width: 100vw;
}
.lft-menu-category-mobile .lft-menu-suboption-mobile-level3 > a {
font-size: 1rem;
background: #FAFAF7;
box-sizing: border-box;
width: calc(50% - 0px);
}
.kids .lft-menu-category-mobile .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-suboption-mobile-level3 {
display: block;
}
.kids .lft-menu-category-mobile .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-suboption-mobile-level3 {
height: -webkit-calc(100vh - 124px);
height: -moz-calc(100vh - 124px);
height: -ms-calc(100vh - 124px);
height: -o-calc(100vh - 124px);
height: calc(100vh - 124px);
top: 124px;
}
.saleson .lft-menu-category-mobile .lft-menu-suboption-mobile.kidssuboption.open .lft-menu-suboption-mobile-level3 .lft-menu-suboption-mobile-level3 {
display: none;
}
.kids .lft-menu-suboption-mobile-level3 .lft-menu-suboption-mobile {
width: 50vw;
height: 32vw;
padding: 0 1.2em;
font-size: 1rem;
box-sizing: border-box;
width: calc(50% - 0px);
}
}
.newIn {
padding-bottom: 0em;
padding-top: 70px;
z-index: 0;
}
#tab-wrapper {
font-family: "brownregular";
margin: 0 auto;
padding-bottom: 0;
position: relative;
width: 90%;
}
#tab-title {
color: #1e1e1e;
font-size: 2em;
height: 40px;
line-height: 40px;
padding: 20px 0 10px 0;
text-align: center;
text-transform: uppercase;
}
#tab-title span.newin.title-new {
font-family: 'brownbold';
}
#tab-title span.newin.title-else {
font-family: 'brownlight';
}
#tab-driver {
margin-bottom: 30px;
text-align: center;
}
#tab-driver .tab {
cursor: pointer;
display: inline-block;
font-family: "brownlight";
font-size: 1em;
margin: 0 20px;
text-align: center;
width: auto;
}
#tab-driver .tab.activeTab {
font-family: "brownregular";
font-weight: 600;
}
#tab-section {
min-height: 375px;
overflow: hidden;
position: relative;
}
#tab-content .swiper-pagination-bullets {
bottom: auto;
width: 100%;
text-align: center;
margin-top: 20px;
display: none;
}
#tab-wrapper .swiper-button-next, #tab-wrapper .swiper-button-prev {
top: 48%;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: 0.2;
}
#tab-wrapper .swiper-button-prev {
background-image: inherit;
background: transparent;
border-radius: 50%;
height: 64px;
min-height: inherit;
left: -32px;
width: 64px;
opacity: 1;
}
#tab-wrapper .swiper-button-prev .icon-volver {
color: #1e1e1e;
font-size: 28px;
left: 19px;
position: relative;
top: 19px;
}
#tab-wrapper .swiper-button-next {
background-image: inherit;
background: transparent;
border-radius: 50%;
height: 64px;
min-height: inherit;
right: -32px;
width: 64px;
}
#tab-wrapper .swiper-button-next .icon-next {
color: #FFF;
font-size: 28px;
right: -24px;
position: relative;
top: 19px;
}
#tab-wrapper .swiper-button-next .icon-next:before, #tab-wrapper .swiper-button-prev .icon-volver:before {
color: #000!important;
content: "\e878";
}
#tab-wrapper .swiper-button-prev:hover, #tab-wrapper .swiper-button-next:hover, #tab-wrapper .swiper-button-prev:focus, #tab-wrapper .swiper-button-next:focus {
background-color: transparent;
}
#tab-content.right {
}
div[id^="tab-content-"] {
display: none;
height: 100%;
}
div[id^="tab-content-"] .container {
position: relative;
display: inline-block;
width: 66.6%;
height: 100%;
}
div[id^="tab-content-"] .circle {
left: 50.5%;
top: 50%;
width: 50px;
height: 50px;
margin-top: -30px;
margin-left: -25px;
border-radius: 100%;
box-sizing: border-box;
border: 3px solid rgba(150, 158, 158, 0.5);
border-top-color: #4A4A4A;
}
div[id^="tab-content-"].activeTab {
display: block;
}
div[id^="tab-content-"] > div {
min-height: 100%;
box-sizing: border-box;
vertical-align: top;
}
div > .productPicture, div > .productName, div > .productPrice, div > .productLink {
opacity: 0;
text-align: center;
display: block;
color: #1e1e1e;
}
div > .productLink:hover {
color: #9B9B9B!important;
}
div[id^="tab-content-"].visible div, div[id^="tab-content-"].visible span, div[id^="tab-content-"].visible a {
opacity: 1;
}
div > .productPicture > img, div > .productPicture > a img {
width: 100%;
}
div > .productName {
width: 100%;
font-family: "brownlight";
font-size: 0.8em;
height: 25px;
}
div > .productName::first-letter {
text-transform: uppercase;
}
div > .productPrice {
font-family: "brownregular";
font-size: 20px;
padding: 5px 0 10px 0;
letter-spacing: 0.28px;
}
div > .productLink {
font-family: "brownregular";
font-size: 0.6875em;
text-decoration: underline;
}
#tab-wrapper .tab-control {
position: absolute;
top: 50%;
cursor: pointer;
}
#tab-wrapper .tab-control#tab-leftcontrol {
left: -50px;
display: none;
}
#tab-wrapper .tab-control#tab-rightcontrol {
right: -50px;
}
#tab-content {
}
div > .productPicture {
height: auto;
margin-bottom: 20px;
}
#tab-wrapper .tab-control#tab-leftcontrol {
left: -30px;
display: none;
}
#tab-wrapper .tab-control#tab-rightcontrol {
right: -30px;
}
.swiper-slide {
float: left;
// width: 25%;
// padding: 20px 0;
// box-sizing: border-box;
}
@media screen and (min-width: 1920px) {
div > .productPrice {
font-size:1.9375em;
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
#tab-wrapper {
width:90%;
}
}
@media screen and (max-width: 1024px) {
.newIn {
padding-bottom:0;
padding-top: auto;
}
#tab-wrapper {
width: 100%;
}
div[id^="tab-content-"] {
padding-bottom: 40px;
}
#tab-content {
width: 75%;
margin: 0 auto;
}
#tab-wrapper .swiper-button-prev {
left: 7.5%;
}
#tab-wrapper .swiper-button-next {
right: 7.5%;
}
#tab-content .swiper-pagination-bullets {
display: block;
}
#tab-wrapper .swiper-button-next, #tab-wrapper .swiper-button-prev {
top: 45%;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
}
@media screen and (max-width: 767px) {
.newIn {
margin-bottom:-60px;
padding-top: 0;
}
#tab-content .swiper-pagination {
bottom: 20%;
}
#tab-content {
width: 100%;
margin: 0 auto;
position: relative;
}
#tab-content .swiper-pagination-bullets {
bottom: 130px;
width: 100%;
text-align: center;
margin-top: 20px;
position: relative;
display: inline-block;
height: 30px;
z-index: 5;
max-height: 30px;
}
div > .productPicture {
margin-bottom: 20px;
}
#tab-title {
font-size: 1.2em;
padding: 0 0 10px 0;
}
#tab-wrapper {
position: relative;
top: -20px;
}
#tab-driver {
margin-bottom: 1em;
}
#tab-driver .tab {
font-size: 0.8em;
margin: 0;
padding: 0.5em 1em;
}
div[id^="tab-content-"] {
padding-bottom: 15px;
}
#tab-wrapper .swiper-button-prev, #tab-wrapper .swiper-button-next {
height: 42px;
width: 42px;
}
#tab-wrapper .swiper-button-prev {
left: 0%;
}
#tab-wrapper .swiper-button-next {
right: 0%;
}
#tab-wrapper .swiper-button-next .icon-next {
font-size: 20px;
right: -26px;
top: 11px;
}
#tab-wrapper .swiper-button-prev .icon-volver {
font-size: 20px;
left: 0px;
top: 11px;
}
#tab-wrapper .swiper-button-next, #tab-wrapper .swiper-button-prev {
top: 40%;
}
#tab-wrapper .productName {
font-family: "brownregular";
}
#tab-wrapper .productPrice {
font-size: 20px;
}
#tab-wrapper .productLink {
font-size: 12px;
}
}
.cover .cover_buttons .home--cover--btn:hover, .cover .cover_buttons .home--cover--btn:focus {
background-color: #000!important;
color: #fff;
}
.cover .cover_buttons .home--cover--btn:hover a, .cover .cover_buttons .home--cover--btn:focus a {
color: #fff!important;
}
.mc-cover .cover_buttons.separator-buttons .home--cover--btn:first-child {
left: 25%;
margin-left: -42px;
position: absolute;
}
.mc-cover .cover_buttons.separator-buttons .home--cover--btn:last-child {
left: 75%;
margin-left: -108px;
position: absolute;
}
.video_home {
margin-bottom: 110px;
}
.cover .floating-product3 .price {
font-size: 48px;
font-size: 2.5vw;
white-space: nowrap;
font-family: brownregular;
}
.cover .floating-product3 .name {
font-size: 13px !important;
line-height: 1.3;
margin-bottom: 2px;
font-family: brownlight;
width: 130px;
}
.cover .desktop {
font-family: brownlight !important;
font-size: 11px !important;
letter-spacing: 1px;
text-align: center;
}
.cover .desktop.comingson {
font-size: 17px !important;
margin-bottom: 20px;
}
.cover .desktop.standard {
font-family: brownlight!important;
font-size: 11px !important;
// letter-spacing: 1.45px;
margin-bottom: 20px;
}
.cover .desktop.summer {
font-family: brownlight!important;
font-size: 16px !important;
letter-spacing: 1.45px;
margin-bottom: 20px;
}
.cover .desktop.summer.right-align {
margin-left: 160px;
}
.cover .right-element-text {
padding-left: 50%;
}
.cover .right-element-text.feeling {
padding-left: 39%;
}
.cover .right-element-text.tropical {
padding-left: 23%;
}
.cover .right-element-text.tropical.extra {
padding-left: 30%;
}
.cover .right-element-text .tropical {
text-align: left;
}
.cover .desktop.tropical {
font-family: brownlight!important;
font-size: 16px !important;
letter-spacing: 1.45px;
margin-bottom: 20px;
}
.cover .turquoise .main_title {
color: #00FFB0 !important;
}
.cover .turquoise .desktop {
color: #00FFB0 !important;
}
.cover .inverse .main_title {
position: relative;
z-index: 2;
}
.cover .inverse .main_title:after {
content: '';
position: absolute;
z-index: 1;
top: 0;
width: 50%;
height: 60%;
background-color: #fad3d6;
left: 25%;
}
.cover .main_title {
font-family: brownbold !important;
font-size: 48px !important;
text-transform: uppercase;
text-align: center;
}
.cover .main_title.standard {
font-family: brownregular!important;
font-size: 48px !important;
letter-spacing: 3.36px!important;
line-height: 48px!important;
}
.cover .main_title.summer {
font-family: brownregular!important;
font-size: 48px !important;
letter-spacing: 3.36px!important;
line-height: 48px!important;
}
.cover .desktop.summer span.bg-text , .cover .main_title.summer span.bg-text {
background-color: #f5d5d6;
padding: 0px 0 0px 0;
}
.cover .main_title.summer.extra-long {
line-height: 48px!important;
}
.cover .main_title.tropical {
font-family: brownregular!important;
font-size: 48px !important;
letter-spacing: 3.36px!important;
line-height: 48px!important;
}
.cover .main_title.swimwear {
font-family: brownbold!important;
font-size: 28px !important;
letter-spacing: 5.6px!important;
line-height: 28px!important;
}
.cover .main_title.arab-title {
margin-top: 0;
font-family: brownbold!important;
font-size: .6em !important;
letter-spacing: 5.6px!important;
line-height: 28px!important;
text-transform: none;
}
.cover .main_title.mobile {
display: none;
}
.cover .main_title.womans_day_title {
font-family: brownbold !important;
font-size: 38px !important;
line-height: 40px;
text-transform: uppercase;
}
.cover .main_title + .desktop.womans_day_subtitle {
text-transform: uppercase !important;
font-size: 11px !important;
}
.cover .desktop.chapter {
text-transform: uppercase !important;
}
.cover .main_title.green_valentine {
color: #28FEBC!important;
}
.mc-cover .home--cover--btn.transparent-button {
background-color: transparent!important;
border: 1px solid #FFF;
margin: 0 10px;
}
.mc-cover .home--cover--btn.transparent-button a {
color: #FFF!important;
}
.mc-cover .home--cover--btn.green_valentine {
background-color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine a {
color: #fff!important;
}
.mc-cover .home--cover--btn.pink_mss {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.pink_mss a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_red {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.mss_red a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_yellow {
cursor: pointer;
background-color: #FFD900!important;
}
.mc-cover .home--cover--btn.mss_yellow a {
color: #000!important;
}
.mc-cover .home--cover--btn.blue-real {
background-color: #689bc6!important;
}
.mc-cover .home--cover--btn.blue-real a {
color: #FFFFFF;
}
.cover .mc-carousel-icon .icon-next:before {
color: #FFF!important;
}
.cover .main_title + .desktop.sales_mobile_visible {
font-size: 20px!important;
}
.cover .main_title + .desktop.standard {
font-family: brownlight!important;
font-size: 11px!important;
line-height: 20px;
margin-top: 15px;
text-transform: uppercase!important;
}
.cover .main_title + .desktop.summer {
font-family: brownlight!important;
font-size: 20px!important;
line-height: 20px;
margin-top: 15px;
}
.cover .main_title + .desktop.tropical {
font-family: brownlight!important;
font-size: 20px!important;
line-height: 20px;
margin-top: 15px;
}
.cover .main_title + .desktop.swimwear {
font-family: brownregular!important;
font-size: 16px!important;
line-height: 20px;
margin-top: 15px;
}
.cover .main_title + .desktop {
font-size: 14px !important;
text-transform: lowercase !important;
letter-spacing: 0;
}
.cover .main_title + .desktop:first-letter {
text-transform: capitalize;
}
.cover .floating-product3.mobile {
display: none;
}
.cover .floating-product3.tablet {
display: none;
}
.cover .inknut-font .main_title + .desktop {
font-family: Inknut Antiqua, serif!important;
}
.cover .inknut-font .main_title,.cover .inknut-font .desktop {
font-family: Inknut Antiqua, serif!important;
}
.cover .inknut-font .main_title,.cover .inknut-font .main_title.extra-long {
line-height: 55px!important;
}
.mss_title {
font-size: 30px;
line-height: 40px;
text-align: left;
font-family: brownlight;
margin-bottom: 1%
}
.sales_title {
text-align: left;
font-family: brownregular;
margin-bottom: 1%;
font-size: 23px;
color: #FB0062;
letter-spacing: 5.49px;
}
.sales_title span {
font-size: 46px;
letter-spacing: 1px;
color: #FB0062;
display: block;
}
.sales_title p {
display: block;
white-space: nowrap;
font-size: 15px;
color: #FB0062;
letter-spacing: 0.83px;
}
.sales_title.kids {
color: #FFD900;
}
.sales_title.kids span {
color: #FFD900;
font-size: 40px;
letter-spacing: 1px;
text-align: center;
}
.sales_title.kids p {
color: #FFD900;
}
.mss_title_qa {
font-size: 80px;
line-height: 80px;
text-align: left;
font-family: brownlight;
margin-bottom: 1%
}
.mss_price_container {
text-transform: capitalize;
margin: 2% auto 10px auto;
font-size: 180px;
text-align: center;
width: 100%;
line-height: 1.2em;
box-sizing: border-box;
padding: 0;
font-family: brownregular;
margin-left: 2%;
position: relative;
top: 0;
color: #FB0062;
}
.sales_price_container {
text-transform: capitalize;
margin: 2% auto 10px auto;
font-size: 75px;
text-align: left;
width: 100%;
line-height: 1.2em;
box-sizing: border-box;
padding: 0;
font-family: brownregular;
margin-left: 2%;
position: relative;
top: -10px;
color: #FB0062;
}
.salesSummer_price_container {
text-transform: uppercase;
font-size: 80px;
text-align: center;
width: 100%;
line-height: normal;
margin: 6% 0 0 14%;
box-sizing: border-box;
font-family: brownregular;
color: #FF4AD0;
}
ul.list-sales {
padding: 0 0 0 10%;
width: 40%;
margin: 0 auto;
}
ul.list-sales li {
display: block;
width: 100%;
text-align: left;
line-height: 42px;
}
ul.list-sales li span {
font-size: 32px;
font-family: brownregular;
color: #FFF;
}
ul.list-sales li span.sales-left {
width: 50%;
text-transform: capitalize;
float: left;
}
ul.list-sales li span.sales-right {
width: 50%;
text-transform: lowercase;
float: right;
}
.salesSummer_center_container {
text-transform: uppercase;
// font-size: 80px;
text-align: center;
width: 100%;
line-height: normal;
margin-top: 6%;
box-sizing: border-box;
font-family: brownregular;
color: #FF4AD0;
}
.salesSummer_center_container .titular {
text-transform: uppercase;
font-size: 63px;
font-family: brownregular;
display: block;
line-height: normal;
margin-bottom: 2%;
color: #FFF;
}
.salesSummer_center_container .pretitle {
text-transform: uppercase;
font-size: 18px;
font-family: brownregular;
display: block;
line-height: normal;
margin-bottom: 2%;
color: #FFF;
}
.salesSummer_price_container .titular {
text-transform: uppercase;
font-size: 85px;
font-family: brownregular;
display: block;
line-height: normal;
margin-bottom: 2%;
color: #FF4AD0;
}
.salesSummer_price_container .titular.extra-long {
font-size: 50px;
}
.salesSummer_price_container .promotion_sale {
text-transform: uppercase;
font-size: 35px;
font-family: brownlight;
display: block;
line-height: normal;
margin-bottom: 2%;
color: #FF4AD0;
}
.salesSummer_price_container .promotion_sale span {
font-size: 20px;
position: relative;
top: -9px;
left: 0;
}
.salesSummer_price_container .hastag_lft {
text-transform: uppercase;
font-size: 14px;
font-family: brownlight;
display: block;
line-height: normal;
color: #FF4AD0;
}
.less_ctn {
display: inline-block;
font-size: 140px;
font-family: brownlight;
top: 0;
position: relative;
line-height: 20px;
top: -50px;
}
.bg-sales-redcolor {
color: #eb0043!important;
}
.sales_text {
text-transform: uppercase;
font-family: brownregular;
display: block;
line-height: normal;
font-size: 10px;
color: #FB0062;
letter-spacing: 0.83px;
}
.salesSummer_text {
text-transform: uppercase;
font-size: 14px;
font-family: brownregular;
display: block;
line-height: normal;
margin-bottom: 2%;
color: #FF4AD0;
}
.sales_text span {
position: relative;
top: -5px;
}
.sales_text.new_text {
text-transform: uppercase;
font-size: 35px;
font-family: brownregular;
display: block;
line-height: normal;
color: #D73A2F;
position: relative;
left: 37%;
text-align: left;
}
.sales_text.new_text .minus_text {
text-transform: uppercase;
font-size: 25px;
font-family: brownlight;
display: block;
line-height: normal;
color: #D73A2F;
}
.less_text {
text-transform: uppercase;
position: absolute;
font-size: 12px;
font-family: brownregular;
top: -20px;
left: 9px;
display: block;
line-height: normal;
}
.less_text.ru {
top: -30px;
}
.percent {
// font-size: 50px;
}
.subtitle-mss {
font-size: 14px;
}
.cover .cover_buttons .coming-text span {
color: #FFF;
font-size: 20px;
}
.cover.cover_carrousel_fade .cover_buttons.lateral-buttons .home--cover--btn.transparent-button.new-button-cover {
border: 1px solid #1e1e1e;
background-color: #000!important;
}
.cover.cover_carrousel_fade .cover_buttons.lateral-buttons:hover .home--cover--btn.transparent-button.new-button-cover a {
color: #FFF!important;
}
.cover.cover_carrousel_fade .cover_buttons.lateral-buttons .home--cover--btn.transparent-button.new-button-cover a {
color: #FFF!important;
}
.cover .new_covers .desktop {
font-family: brownlight;
font-size: 14px !important;
letter-spacing: 0.91px;
margin-bottom: 40px;
}
.cover .new_covers .main_title {
font-family: brownregular!important;
font-size: 22px!important;
line-height: 26px;
}
.cover .new_covers.mx-cover .title-cover {
color: #F7BAA1;
}
.cover .new_covers.mx-cover .subtitle-cover {
color: #F7BAA1;
}
.cover .new_covers .subtitle-cover {
font-family: brownlight;
font-size: 14px !important;
margin-bottom: 30px;
}
.cover .new_covers.wewoman .subtitle-cover {
font-family: brownregular!important;
font-size: 14px !important;
margin-bottom: 30px;
color: #FFFEFF;
letter-spacing: 1.45px;
position: relative;
left: 0.7px;
}
.cover .new_covers .subtitle-cover.dulceida {
font-size: 18px !important;
letter-spacing: 2px;
}
.cover .new_covers.mss-cover {
color: #FFF;
font-family: "brownbold";
}
.cover .new_covers.mss-cover .title-first {
font-size: 26px;
letter-spacing: 8.22px;
margin-bottom: 40px;
position: relative;
left: -8.22px;
}
.cover .new_covers.mss-cover .title {
font-size: 72px;
letter-spacing: 22.76px;
margin-bottom: 40px;
}
.cover .new_covers.mss-cover .subtitle-first {
font-size: 18px;
letter-spacing: 5.69px;
margin-bottom: 40px;
}
.cover .new_covers.mss-cover .subtitle-price {
font-size: 170px;
margin-bottom: 40px;
}
.cover .new_covers.mss-cover .subtitle-price span {
font-size: 72px;
}
.cover .new_covers.mss-cover .paragraph {
font-family: "brownregular";
font-size: 11px;
left: 50%;
margin-bottom: 8px;
}
.cover .new_covers .title-cover {
font-family: brownbold!important;
font-size: 48px!important;
margin-bottom: 30px;
}
.cover .new_covers .title-cover.ramadan {
color: #1e1e1e;
}
.cover .new_covers.wewoman .title-cover {
font-family: brownbold!important;
margin-bottom: 30px;
font-size: 64px!important;
letter-spacing: 13px;
position: relative;
left: -5.6px;
}
.cover .new_covers .title-cover.dulceida {
font-size: 36px;
letter-spacing: 11.38px;
}
.price_new_cover.co-desktop {
display: block;
}
.price_new_cover.co-mobile {
display: none;
}
.price_new_cover .new_cover_text {
font-family: brownlight;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
.price_new_cover .new_cover_text.ramadan {
color: #1e1e1e;
}
.price_new_cover .new_cover_text.mx-cover {
color: #F7BAA1;
}
.cover .new_covers .new-button-cover {
font-size: 14px;
padding: 0.5em 1em .3em 1em;
line-height: 17px;
}
.cover .new_covers.buenfin {
color: #FFF;
}
.cover .new_covers.buenfin.black-color {
color: #1e1e1e;
}
.cover .new_covers.buenfin .title {
font-family: brownregular;
font-size: 80px !important;
margin-bottom: 20px;
letter-spacing: 11.7px;
}
.cover .new_covers.buenfin .subtitle {
font-family: brownregular;
font-size: 36px;
letter-spacing: 2.34px;
margin-bottom: 30px;
}
.cover .new_covers.buenfin .subtitle.combo-txt {
font-size: 30px;
}
.cover .new_covers.buenfin .subtitle.combo-txt span {
font-family: brownbold;
font-size: 30px;
}
.cover .new_covers.buenfin .subtitle span {
font-size: 60px;
}
.cover .new_covers.buenfin .paragraph {
font-family: brownregular;
font-size: 19px;
letter-spacing: 1.24px;
margin-bottom: 30px;
}
.cover .new_covers.buenfin.BFriday .paragraph.hastag {
font-family: brownlight;
font-size: 24px!important;
letter-spacing: 1.56px;
}
.buenfin-buttons span {
font-family: brownregular;
font-size: 11px;
color: #FFF;
letter-spacing: 1.22px;
position: relative;
top: -30px;
}
.cover .new_covers.buenfin.BFriday .title {
font-family: brownbold;
text-transform: uppercase;
margin-bottom: 40px;
font-size: 80px !important;
letter-spacing: 25.29px;
}
.cover .new_covers.buenfin.BFriday .title.extra-margin {
margin-bottom: 150px;
}
.cover .new_covers.buenfin.BFriday .title.second-title {
letter-spacing: 35.9px;
}
.cover .new_covers.buenfin.BFriday .title.second-title span {
font-size: 44px;
display: block;
line-height: 70px;
letter-spacing: 31.62px;
}
.cover .new_covers.buenfin.BFriday .subtitle {
margin-bottom: 80px;
}
.cover .new_covers.buenfin.BFriday .paragraph {
font-size: 12px !important;
line-height: 18px;
}
.cover .new_covers.buenfin.BFriday .paragraph.bot {
margin-top: 12%;
}
.cover .new_covers.buenfin.BFriday .paragraph.bot.minusbot {
margin-top: 8%;
}
.cover .new_covers.model2 .desktop {
margin-bottom: 30px;
}
.cover .new_covers.model2 .main_title {
font-family: brownregular!important;
font-size: 30px!important;
letter-spacing: 3.75px;
}
.price_new_cover.mod2 .new_cover_text {
font-size: 14px;
}
.non-button {
display: none!important;
}
.cover .new_covers.cover-right .main_title {
left: 20%;
position: relative;
font-size: 40px!important;
}
.price_new_cover.lateral-cover .new_cover_text {
left: 20%;
position: relative;
font-size: 20px;
}
@media screen and (max-width: 1660px) {
.cover .new_covers.mss-cover .title-first {
margin-bottom:20px;
}
.cover .new_covers.mss-cover .title {
margin-bottom: 20px;
}
.cover .new_covers.mss-cover .subtitle-first {
margin-bottom: 20px;
}
.cover .new_covers.mss-cover .subtitle-price {
font-size: 150px;
margin-bottom: 0;
}
}
@media screen and (max-width: 1300px) {
.cover .new_covers .title-cover {
font-size:38px!important;
margin-bottom: 10px;
}
}
@media screen and (min-width: 1024px) {
.cover .cover_buttons .home--cover--btn.golden {
background-color:#B99869!important;
color: white!important;
}
.cover .cover_buttons .home--cover--btn.golden a {
color: white!important;
}
.cover .cover_buttons .home--cover--btn.clear {
background-color: #FEEC88!important;
color: #000!important;
}
.cover .cover_buttons .home--cover--btn.clear a {
color: #000!important;
}
.cover .main_title.sales2016 {
font-family: brownbold !important;
font-size: 120px !important;
}
.cover .main_title.sales2016.QA {
font-family: brownbold !important;
font-size: 90px !important;
}
.cover .main_title.green_valentine {
color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine {
background-color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine a {
color: #fff!important;
}
.mc-cover .home--cover--btn.pink_mss {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.pink_mss a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_red {
background-color: #FB0062!important;
// border: 3px solid #fff;
}
.mc-cover .home--cover--btn.mss_red a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_yellow {
cursor: pointer;
background-color: #FFD900!important;
}
.mc-cover .home--cover--btn.mss_yellow a {
color: #000!important;
}
.mss-paragraph {
font-size: 7px;
line-height: 10px;
font-family: brownregular;
text-transform: uppercase;
text-align: left;
}
}
@media screen and (max-width: 1024px) {
.desktop {
display:none;
}
.cover {
height: 75vw!important;
font-size: 31%!important;
}
.cover .desktop_visible {
display: none;
}
.cover .main_title.mobile {
margin-top: 15%;
font-size: 33px !important;
display: block;
text-indent: 56%;
}
.cover .red-sales.main_title.mobile {
color: #FB0062;
}
.cover .main_title.standard {
margin-top: 8%;
font-size: 55px !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.summer {
margin-top: 8%;
font-size: 55px !important;
display: block;
letter-spacing: normal!important;
// font-family: 'brownbold'!important;
}
.cover .main_title.summer.extra-long {
font-size: 35px!important;
line-height: 40px!important
}
.cover .right-element-text {
padding-left: 0;
}
.cover .right-element-text.feeling {
padding-left: 0;
}
.cover .right-element-text.tropical, .cover .right-element-text.tropical.extra {
padding-left: 0;
}
.cover .right-element-text .tropical {
text-align: center;
}
.cover .main_title.tropical {
margin-top: 8%;
font-size: 55px !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.swimwear {
margin-top: 5%;
font-size: 30px !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.arab-title {
margin-top: -5%;
font-size: 32px !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title {
margin-top: 8%;
font-size: 55px !important;
}
.cover .main_title.white_responsive {
color: white!important;
}
.cover .mc-picelement {
width: 100%!important;
top: 0!important;
}
.cover .mc-carousel-icon {
display: none;
}
.cover .mc-carousel-icon > .oval:hover, .cover .mc-carousel-icon > .oval:focus {
background-color: #d8d8d8!important;
}
.cover .main_title.green_valentine {
color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine {
background-color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine a {
color: #fff!important;
}
.mc-cover .home--cover--btn.pink_mss {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.pink_mss a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_red {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.mss_red a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_yellow {
cursor: pointer;
background-color: #FFD900!important;
}
.mc-cover .home--cover--btn.mss_yellow a {
color: #000!important;
}
.cover .cover_buttons {
top: 130%!important;
}
.cover .cover_buttons .home--cover--btn.white-ver {
background-color: #fff!important;
}
.cover .bullet-container {
bottom: 8%;
}
.cover .floating-product3 {
bottom: 0!important;
top: 155%!important;
color: #4a4a4a!important;
width: 100%!important;
left: 0!important;
text-align: left;
padding-left: 3%;
}
.cover .floating-product3.mobile {
bottom: 0!important;
// top: 155%!important;
color: #4a4a4a!important;
width: 100%!important;
left: 0!important;
text-align: left;
padding-left: 3%;
display: none;
}
.cover .floating-product3.tablet {
display: block;
top: 110%!important;
}
.cover .floating-product3 > div {
display: inline;
}
.cover .floating-product3 .name, .cover .floating-product3 .price {
font-size: 3em!important;
width: auto;
}
.cover .floating-product3 .name .wt_red_banner_two {
display: none;
}
.cover .floating-product3 .name {
margin-right: 0.5em;
}
.cover .floating-product3 .name::first-letter {
text-transform: capitalize;
}
.sales_title {
position: relative;
left: 63%;
}
.sales_title span {
}
.sales_title p {
}
.sales_title.kids {
left: 29%;
}
.home #mc-element {
padding-top: 0;
}
.cover .new_covers .desktop {
font-size: 12px !important;
display: block!important;
margin-bottom: 10px;
}
.cover .new_covers .main_title {
font-size: 17px!important;
margin-top: 10px;
}
.price_new_cover .new_cover_text {
font-size: 12px;
margin-top: 30px;
padding: 0 20px;
line-height: 14px;
}
.cover.cover_carrousel_fade {
height: 55vw!important;
}
.cover.cover_carrousel_fade .cover_buttons {
top: 95%!important;
}
.cover .new_covers.mss-cover .title-first {
font-size: 20px;
letter-spacing: 2.5px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .title {
font-size: 40px;
letter-spacing: 14.32px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .subtitle-first {
font-size: 9px;
letter-spacing: 1.24px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .subtitle-price {
font-size: 100px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .subtitle-price span {
font-size: 48px;
}
.cover .new_covers.mss-cover .paragraph {
font-family: "brownregular";
font-size: 8px;
margin-bottom: 2px;
}
.price_new_cover.co-desktop {
display: none;
}
.price_new_cover.co-mobile {
display: block;
}
}
@media screen and (min-width: 1920px) {
.cover .floating-product3 .price {
font-size:48px;
}
}
@media screen and (max-width: 1024px) {
.salesSummer_center_container {
margin-top:11%;
}
.salesSummer_center_container .pretitle {
font-size: 15px;
}
.salesSummer_center_container .titular {
font-size: 50px;
}
.salesSummer_price_container .titular.extra-long {
font-size: 50px;
}
ul.list-sales {
padding: 0 0 0 15%;
width: 50%;
}
ul.list-sales li {
line-height: 30px;
}
ul.list-sales li span {
font-size: 18px;
}
.cover .floating-product3 .name, .cover .floating-product3 .price {
color: #000 !important;
}
}
@media screen and (min-width: 767px) and (max-width:1024px) {
.cover.cover_carrousel_fade {
height:52vw!important;
padding-top: 50px;
}
.cover .new_covers.buenfin {
margin-top: -45px;
}
.cover .new_covers.buenfin .title {
font-size: 50px !important;
margin-bottom: 20px;
}
.cover .new_covers.buenfin .subtitle,.cover .new_covers.buenfin .subtitle span {
font-size: 26px;
}
.cover .new_covers.buenfin .paragraph {
font-size: 14px;
letter-spacing: 0.91px;
}
.buenfin-buttons span {
font-size: 10px;
}
.buenfin-buttons {
position: relative;
top: -15px;
}
.buenfin-buttons .home--cover--btn {
margin-top: -10px;
}
.cover .new_covers.buenfin.BFriday .title {
margin-bottom: 30px;
font-size: 30px !important;
letter-spacing: 13.87px;
}
.cover .new_covers.buenfin.BFriday .title.extra-margin {
margin-bottom: 70px;
}
.cover .new_covers.buenfin.BFriday .title.second-title {
font-size: 36px!important;
margin-bottom: 20px;
}
.cover .new_covers.buenfin.BFriday .title.second-title span {
font-size: 32px!important;
}
.cover .new_covers.buenfin.BFriday .subtitle {
font-size: 24px !important;
margin-bottom: 40px;
}
.cover .new_covers.buenfin.BFriday .subtitle span {
font-size: 36px !important;
}
.cover .new_covers.buenfin.BFriday .subtitle.combo-txt {
font-size: 24px !important;
margin-bottom: 30px;
}
.cover .new_covers.buenfin.BFriday .subtitle.combo-txt span {
font-size: 24px !important;
}
.cover .new_covers.buenfin.BFriday .paragraph {
font-size: 10px !important;
}
.cover .new_covers.model2 .desktop {
font-size: 12px!important;
}
.cover .new_covers.model2 .main_title {
font-size: 18px!important;
letter-spacing: 2.25px;
}
.price_new_cover.mod2 .new_cover_text {
font-size: 12px!important;
letter-spacing: .78px;
}
.cover .new_covers.buenfin.BFriday .paragraph.hastag {
font-size: 14px !important;
}
}
@media screen and (max-width: 767px) {
.cover {
height:77vw!important;
font-size: 15%!important;
}
.cover .cover_buttons {
top: 100%!important;
}
.cover .desktop.standard {
display: none;
}
.cover .desktop.summer {
display: none;
}
.cover .desktop.tropical {
display: none;
}
.cover .desktop.swimwear {
display: none;
}
.cover .desktop.arab-title {
display: none;
}
.cover .main_title.mobile {
margin-top: 15%;
font-size: 16px !important;
display: block;
text-indent: 60%;
}
.cover .main_title.standard {
margin-top: 7%;
font-size: 1.6rem !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.summer {
margin-top: 7%;
font-size: 1.6rem !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.summer.extra-long {
font-size: 1.1rem !important;
line-height: 24px!important
}
.cover .main_title.tropical {
margin-top: 7%;
font-size: 1.6rem !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.swimwear {
margin-top: 7%;
font-size: 1.6rem !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title.arab-title {
font-size: 1.4rem !important;
display: block;
letter-spacing: normal!important;
}
.cover .main_title {
margin-top: 7%;
font-size: 1.6rem !important;
}
.cover .main_title + .desktop.sales_mobile_visible {
font-size: 10px!important;
display: block;
padding: 0!important;
}
.cover .main_title.green_valentine {
color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine {
background-color: #28FEBC!important;
}
.mc-cover .home--cover--btn.green_valentine a {
color: #fff!important;
}
.mc-cover .home--cover--btn.pink_mss {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.pink_mss a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_red {
background-color: #FB0062!important;
}
.mc-cover .home--cover--btn.mss_red a {
color: #fff!important;
}
.mc-cover .home--cover--btn.mss_yellow {
cursor: pointer;
background-color: #FFD900!important;
}
.mc-cover .home--cover--btn.mss_yellow a {
color: #000!important;
}
.cover .main_title + .desktop.sales_mobile_visible span {
font-size: 15px!important;
}
.cover .mobile-center {
left: 0!important;
}
.cover .main_title.white_responsive {
color: white!important;
}
.cover .cover_buttons .home--cover--btn {
padding: 0.8em 0em!important;
width: 150px;
}
.cover .cover_buttons .home--cover--btn.transparent-button {
width: 128px;
}
.cover .bullet-container {
// bottom: 8%;
}
.cover .floating-product3 {
top: 160%!important;
text-align: left;
padding-left: 3%;
}
.cover .floating-product3.mobile {
display: block;
}
.cover .floating-product3 .name, .cover .floating-product3 .price {
font-size: 4em!important;
display: inline-block;
}
.cover .cover_buttons .home--cover--btn {
margin: 10px!important;
font-size: 12px!important;
}
.subtitle-mss {
display: none;
}
.salesSummer_price_container {
margin: -15px 0 0 14%;
font-size: 12px;
}
.salesSummer_price_container .titular {
font-size: 30px;
}
.salesSummer_price_container .titular.extra-long {
font-size: 30px;
}
.salesSummer_price_container .titular.extra-long.enversion {
position: relative;
left: 50%;
margin-left: -25%;
width: 50%;
}
.salesSummer_price_container .promotion_sale {
font-size: 15px;
}
.salesSummer_price_container .promotion_sale span {
font-size: 13px;
position: relative;
top: -3px;
}
.salesSummer_price_container .hastag_lft {
font-size: 12px;
}
.salesSummer_center_container {
margin-top: 1%;
}
.salesSummer_center_container .pretitle {
font-size: 10px;
}
.salesSummer_center_container .titular {
font-size: 17px;
margin-bottom: 1%;
}
ul.list-sales {
padding: 0 0 0 10%;
width: 60%;
}
ul.list-sales li {
line-height: 20px;
}
ul.list-sales li span {
font-size: 15px;
}
.salesSummer_text {
margin-top: 2%;
}
.cover .cover_buttons .coming-text span {
font-size: 14px;
}
.cover .red-sales.main_title.mobile {
display: none;
}
.cover .desktop_visible {
font-family: "brownbold";
display: block;
left: 55%;
}
.mss-paragraph {
display: none!important;
}
.sales_price_container {
margin: 6% auto 10px auto;
font-size: 50px;
}
.sales_text {
font-size: 7px;
top: -9px;
position: relative;
}
.sales_title {
display: inline-block;
font-size: 15px;
left: 31%;
letter-spacing: initial;
margin-top: 5%;
position: relative;
text-align: left;
}
.sales_title span {
font-size: 17px;
display: inline-block;
letter-spacing: initial;
}
.sales_title p {
display: none;
}
.sales_title.kids span {
font-size: 15px;
}
.cover .new_covers .desktop {
font-size: 14px!important;
letter-spacing: .91px;
margin: 125px 0 20px 0;
}
.cover .new_covers.model2 .desktop {
font-size: 14px!important;
}
.cover .new_covers .main_title {
font-size: 22px!important;
line-height: 22px;
}
.cover .new_covers.model2 .main_title {
font-size: 30px!important;
line-height: 30px;
}
.cover.cover_carrousel_fade .price_new_cover {
top: auto!important;
bottom: -190px;
}
.bullet-container .single-bullet {
width: 5px!important;
height: 5px!important;
margin: 0 3px!important;
}
.price_new_cover .new_cover_text {
font-size: 14px;
}
.price_new_cover.mod2 .new_cover_text {
font-size: 14px;
padding: 0 80px;
}
.cover.cover_carrousel_fade {
height: 127vw!important;
top: -6px;
}
.cover.cover_carrousel_fade .new_covers {
top: 20px;
position: relative;
height: 460px;
}
.cover.cover_carrousel_fade .cover_buttons {
top: auto!important;
bottom: -290px;
}
.cover.cover_carrousel_fade .cover_buttons .home--cover--btn.transparent-button.new-button-cover {
width: 128px;
font-size: 12px!important;
padding: 4px 0 2px 0!important;
line-height: 18px!important;
margin-top: 5px!important;
letter-spacing: 1.78px;
}
.cover.cover_carrousel_fade .new_covers.model2 {
}
.cover .new_covers.cover-right.greencolor .main_title, .price_new_cover.lateral-cover.greencolor .new_cover_text {
color: #81ECBF;
}
.cover .new_covers.cover-right.whitecolor .main_title, .price_new_cover.lateral-cover.whitecolor .new_cover_text {
color: #FFF;
}
.cover.cover_carrousel_fade .cover_buttons .home--cover--btn.transparent-button.new-button-cover.greencolor {
border: 1px solid #81ECBF;
background-color: #81ECBF!important;
}
.cover.cover_carrousel_fade .cover_buttons .home--cover--btn.transparent-button.new-button-cover.whitecolor {
border: 1px solid #FFF;
background-color: transparent!important;
}
.cover.cover_carrousel_fade .cover_buttons.lateral-buttons .home--cover--btn.transparent-button.new-button-cover a {
color: #FFF!important;
}
.cover .new_covers.cover-right .main_title {
left: 0%;
margin-top: 50px;
line-height: 35px;
}
.price_new_cover.lateral-cover .new_cover_text {
left: 0%;
}
.home #mc-element {
padding-top: 55px;
}
.cover .new_covers.buenfin .title {
font-size: 40px !important;
margin-bottom: 15px;
}
.cover .new_covers.buenfin .subtitle, .cover .new_covers.buenfin .subtitle span {
font-size: 26px;
}
.cover .new_covers.buenfin .paragraph {
font-size: 14px;
letter-spacing: 0.91px;
}
.buenfin-buttons span {
// font-size: 11px;
}
.cover .new_covers.buenfin.BFriday .title {
margin-bottom: 20px;
font-size: 30px !important;
letter-spacing: 8.19px;
}
.cover .new_covers.buenfin.BFriday .title.extra-margin {
margin-bottom: 50px;
}
.cover .new_covers.buenfin.BFriday .title.second-title {
font-size: 36px !important;
}
.cover .new_covers.buenfin.BFriday .title.second-title span {
font-size: 32px !important;
}
.cover .new_covers.buenfin.BFriday .subtitle {
font-size: 18px !important;
margin-bottom: 30px;
}
.cover .new_covers.buenfin.BFriday .subtitle span {
font-size: 25px !important;
}
.cover .new_covers.buenfin.BFriday .subtitle.combo-txt {
font-size: 24px!important;
}
.cover .new_covers.buenfin.BFriday .subtitle.combo-txt span {
font-size: 24px!important;
}
.cover .new_covers.buenfin.BFriday .paragraph {
font-size: 11px !important;
padding: 60px 20px 0;
line-height: 14px;
}
.cover .new_covers.buenfin.BFriday .paragraph.hastag {
font-size: 14px!important;
}
.cover .new_covers .subtitle-cover {
font-size: 10px !important;
margin-bottom: 15px;
}
.cover .new_covers .title-cover {
font-size: 32px!important;
margin-bottom: 15px;
margin-top: 20px;
}
.cover .new_covers .title-cover.dulceida {
font-size: 22px !important;
}
.cover .new_covers .subtitle-cover.dulceida {
font-size: 14px !important;
}
.cover .new_covers.wewoman {
top: 150px!important;
}
.cover .new_covers.wewoman .title-cover {
margin-bottom: 15px;
font-size: 22px!important;
}
.cover .new_covers.wewoman .subtitle-cover {
margin-bottom: 15px;
font-size: 10px!important;
}
.cover .new_covers.mss-cover .title-first {
font-size: 20px;
letter-spacing: 2.5px;
margin-bottom: 10px;
margin-top: 0;
left: auto;
}
.cover .new_covers.mss-cover .title {
font-size: 40px;
letter-spacing: 14.32px;
margin-bottom: 10px;
margin-left: 10px;
}
.cover .new_covers.mss-cover .subtitle-first {
font-size: 13px;
letter-spacing: 1.78px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .subtitle-price {
font-size: 100px;
margin-bottom: 10px;
}
.cover .new_covers.mss-cover .subtitle-price span {
font-size: 48px;
}
.cover .new_covers.mss-cover .paragraph {
font-family: "brownregular";
font-size: 10px;
margin-bottom: 0;
margin-top: 27%;
}
}
@media screen and (min-width: 375px) and (max-width:413px) {
.cover .new_covers .desktop {
font-size:10px!important;
letter-spacing: .78px;
margin: 72px 0 20px 0;
}
.cover .new_covers.model2 .desktop {
font-size: 12px!important;
}
.cover .new_covers .main_title {
font-size: 16px!important;
line-height: 20px;
}
.cover .new_covers.model2 .main_title {
font-size: 20px!important;
line-height: 22px;
}
.cover.cover_carrousel_fade .price_new_cover {
top: auto!important;
bottom: -157px;
}
.bullet-container .single-bullet {
width: 5px!important;
height: 5px!important;
margin: 0 3px!important;
}
.price_new_cover .new_cover_text {
font-size: 12px;
}
.price_new_cover.mod2 .new_cover_text {
font-size: 14px;
padding: 0 80px;
line-height: 16px;
}
.cover.cover_carrousel_fade {
height: 127vw!important;
top: -6px;
}
.cover.cover_carrousel_fade .new_covers {
top: 90px;
position: relative;
height: 460px;
}
.cover.cover_carrousel_fade .cover_buttons {
top: auto!important;
bottom: -262px;
}
.cover.cover_carrousel_fade .cover_buttons .home--cover--btn.transparent-button.new-button-cover {
width: 114px;
font-size: 10px!important;
padding: 4px 0 2px 0!important;
line-height: 18px!important;
margin-top: 5px!important;
}
}
@media screen and (max-width: 374px) {
.cover .new_covers .desktop {
font-size:10px!important;
letter-spacing: .78px;
margin: 55px 0 20px 0;
}
.cover .new_covers.model2 .desktop {
font-size: 12px!important;
}
.cover .new_covers .main_title {
font-size: 16px!important;
line-height: 20px;
}
.cover .new_covers.model2 .main_title {
font-size: 20px!important;
line-height: 20px;
}
.cover.cover_carrousel_fade .price_new_cover {
bottom: -120px;
}
.price_new_cover .new_cover_text {
font-size: 12px;
}
.price_new_cover.mod2 .new_cover_text {
font-size: 12px;
}
.cover.cover_carrousel_fade .cover_buttons .home--cover--btn.transparent-button.new-button-cover {
width: 100px;
font-size: 10px!important;
padding: 4px 0 2px 0!important;
line-height: 16px!important;
margin-top: 5px!important;
}
.bullet-container .single-bullet {
width: 5px!important;
height: 5px!important;
margin: 0 3px!important;
}
.cover.cover_carrousel_fade .cover_buttons {
bottom: -222px;
}
.cover.cover_carrousel_fade .new_covers.model2 {
// top: 80px;
}
.cover .new_covers.buenfin.BFriday .paragraph {
padding: 30px 20px 0;
}
}
@media screen and (min-width: 1100px) {
.mss_price_container {
margin:0 auto 10px auto;
font-size: 210px;
top: 0;
margin-left: 2%;
}
.sales_price_container {
margin: 0 auto 10px auto;
top: 0;
}
.less_ctn {
font-size: 150px;
top: -40px;
}
.sales_text.new_text {
// left: -1%;
}
.less_text {
font-size: 13px;
top: -20px;
}
.percent {
}
}
@media screen and (min-width: 1200px) {
.mss_title {
font-size:40px;
line-height: 50px;
}
.mss_price_container {
font-size: 250px;
}
.salesSummer_price_container {
}
.less_ctn {
top: -55px;
}
.sales_text.new_text {
// left: -1%;
}
.percent {
// font-size: 90px;
}
.salesSummer_price_container .titular.extra-long {
font-size: 60px;
}
}
@media screen and (min-width: 1400px) {
.mss_price_container {
font-size:270px;
}
.sales_text {
left: -8%;
}
.sales_text.new_text {
// left: -3%;
}
.less_ctn {
font-size: 170px;
top: -60px;
}
.less_text {
left: 12px;
}
.percent {
// font-size: 100px;
}
.salesSummer_center_container {
margin-top: 2%;
}
.salesSummer_center_container .pretitle {
font-size: 25px;
}
.salesSummer_center_container .titular {
font-size: 83px;
margin-bottom: 2%;
}
ul.list-sales {
padding: 0 0 0 20%;
width: 60%;
}
ul.list-sales li {
line-height: 55px;
}
ul.list-sales li span {
font-size: 42px;
}
.salesSummer_price_container .titular.extra-long {
font-size: 70px;
}
}
@media screen and (min-width: 1650px) {
.mss_price_container {
font-size:300px;
}
.sales_text {
left: -9%;
}
.sales_text.new_text {
// left: -5%;
}
.less_ctn {
font-size: 180px;
top: -60px;
}
.less_text {
left: 12px;
}
.percent {
// font-size: 120px;
}
}
.bullet-container {
position: absolute;
z-index: 5;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 8%;
text-align: center;
}
.bullet-container .single-bullet {
width: 7px;
height: 7px;
background-color: transparent;
border-radius: 50%;
border: 1px solid #FFF;
display: inline-block;
margin: 0 5px;
cursor: pointer;
}
.bullet-container .single-bullet.active {
background-color: #FFF;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (min-width: 768px) and (max-width:1024px) {
}
@media screen and (max-width: 767px) {
}
#category-slider {
position: relative;
}
#category-slider .category-swipper-container {
overflow: hidden;
padding-bottom: 2em;
min-height: 8em;
}
#category-slider .category-swipper-container img {
width: 100%;
}
#category-slider .category-main-pic {
width: 100%;
padding-bottom: 2em;
}
#category-slider .swiper-button-next {
background-image: inherit;
background: #1e1e1e;
border-radius: 50%;
height: 51px;
min-height: inherit;
right: -26px;
width: 51px;
top: calc(50% - 0.8em);
z-index: 0;
}
#category-slider .swiper-button-prev {
background-image: inherit;
background: #1e1e1e;
border-radius: 50%;
height: 51px;
min-height: inherit;
left: -26px;
width: 51px;
top: calc(50% - 0.8em);
}
#category-slider .swiper-button-next .icon-next {
color: #FFF;
font-size: 24px;
right: -19px;
position: relative;
top: 15px;
}
#category-slider .swiper-button-prev .icon-volver {
color: #FFF;
font-size: 24px;
left: 14px;
position: relative;
top: 15px;
}
#category-slider .category-slider-name {
position: absolute;
max-width: 100%;
width: 100%;
color: white;
margin: 0;
z-index: 2;
text-align: center;
box-sizing: border-box;
top: 50%;
font-family: 'brownbold';
padding: 0 5%;
font-size: 4.5vw;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#category-slider .swiper-pagination {
width: 100%;
bottom: 0px;
z-index: 3;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
@media screen and (max-width: 1024px) {
#category-slider {
width:calc(100vw - 20px);
}
#category-slider .category-swipper-container {
margin: 0 -10px;
padding-bottom: 1em;
max-height: 200px;
}
#category-slider .category-main-pic {
width: 100vw;
padding-bottom: 1em;
margin-left: -10px;
}
#category-slider .swiper-button-prev, #category-slider .swiper-button-next {
display: none;
}
#category-slider .category-slider-name {
font-size: 3.5em;
}
}
@media screen and (max-width: 767px) {
#category-slider .category-slider-name {
font-size:2em;
-webkit-transform: translateY(-67%);
-moz-transform: translateY(-67%);
-ms-transform: translateY(-67%);
-o-transform: translateY(-67%);
transform: translateY(-67%);
}
#category-slider .swiper-pagination {
bottom: -10px;
}
}
.editorials-wrapper {
box-sizing: border-box;
width: 1184px;
margin: 0 auto;
text-align: center;
font-family: 'brownregular';
letter-spacing: 2px;
font-size: 0.8em;
padding: 20px 0 0 0;
}
.editorials-wrapper a {
color: #4a4a4a;
}
.editorials-wrapper .look {
cursor: pointer;
min-height: 30vh;
padding-bottom: 2em;
padding: 0 10px 1em 10px;
position: relative;
}
.editorials-wrapper .look img {
width: 100%;
}
.editorials-wrapper .look-title-container {
margin: 0;
// font-family: Inknut Antiqua, serif!important;
font-family: brownregular, serif!important;
position: absolute;
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%);
width: 85%;
color: #fff;
}
.editorials-wrapper .look-title-container span {
display: block;
}
.editorials-wrapper .look-title-container span.collection-title {
font-size: 11px;
margin-bottom: 0.6em;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 100%;
}
.editorials-wrapper .look-title-container span.collection-title-big {
font-size: 28px;
font-family: brownregular, serif!important;
// font-family: Inknut Antiqua, serif!important;
}
.editorials-wrapper .collection-title-new {
display: none!important;
}
.editorials-wrapper .looktitle {
text-align: left;
font-family: "brownbold";
font-size: 1.5em;
padding-bottom: 0.8em;
padding-top: 1em;
}
@media screen and (max-width: 1184px) {
.editorials-wrapper {
width:100%;
padding: 0 20px;
}
.editorials-wrapper .description p {
padding: 0 20px;
}
}
@media screen and (max-width: 1024px) {
.editorials-wrapper {
padding:0;
}
.editorials-wrapper .look-title-container span.collection-title-big {
font-size: 3rem;
line-height: 3rem;
}
.editorials-wrapper .looktitle {
margin-left: 20px;
padding-top: 2em;
}
.editorials-wrapper .look {
padding: 0 10px 0em 10px;
}
}
@media screen and (max-width: 767px) {
.editorials-wrapper .look-title-container span.collection-title-big {
font-size:1.2rem;
line-height: 1.2rem;
}
.editorials-wrapper .look-title-container span.collection-title {
font-size: 0.6rem;
line-height: 14px;
bottom: 100%;
}
.editorials-wrapper .looktitle {
font-size: 1.2em;
padding-bottom: 0.6em;
padding-top: 1.5em;
margin-left: 10px;
}
}
.hidden-xs {
display: block;
}
.visible-xs {
display: none;
}
.ctn-campaign {
position: relative;
top: 0;
color: #FFF;
}
.ctn-campaign.center-title-lookbook {
left: 50%;
margin-left: -350px;
max-width: 700px;
min-width: 700px;
position: absolute;
right: auto;
text-align: center;
top: 0;
width: 700px;
}
.ctn-campaign.align-left-component {
float: left;
margin-left: 16%;
}
.ctn-campaign.align-left-block {
float: left;
margin-left: 30%;
text-align: left;
}
.lb-pretitle {
font-size: 1rem;
margin-left: 10px;
}
.lb-title {
line-height: 1em;
font-family: brownregular;
font-size: 1.2em;
margin-top: 0.28em;
text-transform: uppercase;
}
.lb-title.extra-long {
font-size: 1.2em;
}
.main_title.swimwear_lb_bottom {
font-family: brownregular!important;
font-size: 37px !important;
letter-spacing: 5.6px!important;
line-height: 28px!important;
}
.desktop.swimwear_lb_bottom {
font-family: brownlight!important;
font-size: 22px !important;
letter-spacing: 1px!important;
line-height: 28px!important;
margin-top: 10px;
}
.main_title.swimwear_lb_top {
font-family: brownregular!important;
font-size: 40px !important;
letter-spacing: 5.6px!important;
line-height: 28px!important;
}
.swimwear_lb_top.subtitle {
font-family: brownlight!important;
font-size: 17px !important;
letter-spacing: 1px!important;
line-height: 28px!important;
margin-top: 5px;
}
.lb-subtitle {
font-size: 1.125rem;
}
.ctn-campaign .lb-pretitle {
font-size: 11px !important;
}
.ctn-campaign .lb-pretitle.right-element {
margin-left: 140px!important;
}
.ctn-campaign .lb-subtitle {
font-size: 14px !important;
}
.ctn-campaign .lb-subtitle.summer {
font-size: 20px !important;
}
.ctn-campaign .lb-title {
font-size: 48px !important;
}
.ctn-campaign .lb-title.summer {
font-size: 54px !important;
}
.ctn-campaign.turquoise .lb-pretitle {
color: #00FFB0;
}
.ctn-campaign.turquoise .lb-subtitle {
color: #00FFB0;
}
.ctn-campaign.turquoise .lb-title {
color: #00FFB0;
}
.text-block p {
font-size: 1rem;
line-height: 1.3rem;
}
.text-block.turquoise {
color: #00FFB0;
}
.text-block p.title {
font-size: 1.875rem;
margin-bottom: 1.875rem;
line-height: normal;
}
.icon-quote {
position: absolute;
left: 50%;
height: 20px;
width: 20px;
margin-left: -20px;
}
.quote-paragraph {
font-family: brownlight, Arial;
font-size: 1.9rem;
line-height: 2rem;
position: relative;
}
.quote-paragraph span {
font-size: 1rem;
}
.icon-quote.left {
left: 10%;
}
.icon-quote.top {
top: -2em;
}
.icon-quote.bottom {
bottom: -1.5em;
}
.icon-quote.left.top {
left: 50%;
}
.icon-quote.left.bottom {
left: 50%;
}
.lookbook {
z-index: 0;
top: 30px;
}
.lookbook .mc-cover {
margin-top: 50px;
}
.lookbook .mc-picelement-text {
text-align: left;
}
.new_price_lookbook {
font-size: 4.8em;
font-family: brownbold;
position: relative;
width: 24rem;
}
.lookbook .lb-pic .mc-picelement-text > div > a {
color: #1e1e1e;
text-transform: lowercase;
display: inline-block;
font-family: "brownlight";
}
.lb-pic.mar-l .mc-picelement-text, .lb-pic.mar-l .lb-product, .mc-picelement-text.mar-l, .lb-product.mar-l {
margin-left: 20px;
}
.lookbook .lb-pic .mc-picelement-text > div > a::first-letter {
text-transform: capitalize;
}
.lb-newprice .new_price_lookbook .npnumber {
font-size: 4rem;
vertical-align: text-top;
z-index: 1;
position: relative;
}
.npnewprice {
position: relative;
z-index: 1;
font-size: 2.5rem;
}
.lookbook.final-cover {
margin-bottom: 110px;
}
.lookbook .lb-pic.mar-left-lookbook .mc-picelement-text {
left: 3.90625%;
position: relative;
}
.lookbook .lb-pic.white .mc-picelement-text {
color: white;
}
.lookbook .lb-pic.white .mc-picelement-text a {
color: white;
}
.lb-newprice .new_price_lookbook .npred {
width: 19rem;
background-color: #E52145;
display: block;
height: 43%;
position: absolute;
top: 25%;
z-index: 0;
left: 8%;
}
.lookbook.black {
background-color: black;
}
.mc-textelement .inside-text-cover {
padding: 0;
}
.mc-textelement.inside-text-cover {
text-align: center!important;
}
.lb-product {
color: rgb(255, 255, 255);
width: 170px;
}
.lb-product .price span {
font-size: 1.875rem;
}
.right-model {
float: right;
margin-right: 5rem;
margin-top: 4rem;
}
.camp_subTitle {
font-size: 1.5625rem;
margin: 0;
}
.camp_title {
font-size: 6.25rem;
margin: 2rem 0;
}
.camp_link {
font-size: 1.125rem;
}
div.lookbook-scroller {
visibility: visible;
position: fixed;
top: 82vh;
right: 2.5vw;
opacity: 1;
width: 61px;
height: 60px;
font-size: 3.8em;
}
.lookbook-scroller .icon-Page-1 {
width: 40px;
cursor:pointer;
display: block;
position: absolute;
top: 50%;
color: white;
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%);
font-size: 2rem;
}
@media screen and (max-width: 1024px) {
.lookbook-scroller .lookbook-scrollUp {
font-size: 11px !important;
line-height:58px !important;
height: 55px !important;
width: 55px !important;
}
}
.lookbook .share-wrapper {
position: absolute;
left: 0;
margin: 0;
bottom: -25px;
font-family: brownbold;
color: #9B9B9B;
font-size: .80rem;
}
.lookbook .share-wrapper span {
display: none!important;
}
.lookbook .share-cont {
display: block!important;
}
.lookbook .mc-picelement-text .share-cont .share-link {
color: #000!important;
float: left;
font-size: 20px;
margin-right: 10px!important;
overflow: hidden;
position: relative;
text-decoration: none;
text-overflow: initial;
top: 15px;
width: 20px;
}
.lookbook .share-cont .share-link:first-child:before {
content: "\e91c";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lookbook .share-cont .share-link:nth-of-type(2):before {
content: "\e91d";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lookbook .share-cont .share-link:last-child:before {
content: "\e91e";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lookbook .mc-picelement-text {
position: relative;
z-index: 10;
font-size: 12px;
font-weight: 600;
}
.lookbook.full-width .mc-picelement-text {
padding-left: 4%;
}
.lookbook.full-width .mc-picelement-text .share-wrapper {
padding-left: 4%;
}
.lookbook .mc-picelement-text .share-cont {
padding-left: 0;
top: 0;
}
.lookbook .mc-picelement-text .share-cont .share-link {
margin: 0;
margin-right: 10px;
color: #9B9B9B;
font-family: brownbold;
}
.title-left-margin {
padding-left: 0;
}
.text-lookbook {
font-family: Inknut Antiqua, serif!important;
}
.text-lookbook.new-look {
font-family: "brownbold"!important;
}
.text-lookbook.new-look .title {
line-height: 50px;
}
.text-lookbook.new-look .paragraph {
font-family: "brownregular"!important;
}
.text-lookbook.new-look .large-text {
font-family: "brownregular"!important;
}
.text-lookbook .paragraph {
font-size: 16px;
margin: 0;
}
.text-lookbook .paragraph.second {
font-size: 16px;
line-height: 1.2em;
margin: 40px 0px;
}
.text-lookbook .title {
font-size: 48px;
margin-bottom: 1em;
margin: 20px 0;
}
.description-lookbook {
font-family: Inknut Antiqua, serif!important;
}
.description-lookbook p {
font-size: 34px;
line-height: 1.2em;
color: #1e1e1e;
}
@media screen and (max-width: 1024px) {
.lookbook {
top:0;
}
.lookbook .lb-pic .mc-picelement-text > div > a {
font-size: 12px;
}
.lookbook.black {
background-color: white
}
.lookbook.black .mc-textelement {
color: white
}
.lookbook .lb-pic .share-wrapper {
position: absolute;
left: auto;
right: 0;
margin: 0;
bottom: -6px;
float: left;
padding-left: 38px;
font-size: 1.1em;
font-family: brownregular;
}
.lookbook.final-cover {
margin-bottom: 50px;
}
.lookbook .lb-pic .mc-picelement-text {
padding-top: 3em!important;
}
.lookbook .mc-picelement-text .share-cont {
width: 80px;
}
.lookbook .mc-picelement-text .share-cont .share-link {
font-family: brownregular;
font-size: 11px;
width: 11px;
top: -5px;
}
.lookbook {
box-sizing: border-box;
margin-bottom: 20px;
height: auto!important;
padding: 20px 10px;
}
.relative-block {
position: relative!important;
width: 100% !important;
left: 0 !important;
}
.lb-textelement {
position: relative!important;
left: 0!important;
width: 100%!important;
margin: 1rem 0!important;
float: left;
padding: 2rem 5%;
text-align: center!important;
box-sizing: border-box;
}
.text-block p {
margin-left: 10% !important;
margin-right: 10% !important;
}
.mc-textelement {
width: 100% !important;
}
.mc-textelement.inside {
font-size: 3rem !important;
}
.mc-textelement.stripe {
font-size: 4rem !important;
}
.hidden-xs {
display: none;
}
.visible-xs {
display: block;
}
.index-cover {
display: none;
}
.influencer .mc-picelement-text > div > a {
display: inline-block!important;
}
.influencer .mc-picelement-text > div span {
display: inline-block;
}
.mc-picelement-text > div > a {
display: none!important;
}
.mc-picelement-text > div span {
display: none;
}
.mc-picelement-text > div .share-wrapper span {
display: block;
}
.quote-paragraph {
margin: 0 10%;
}
.lb-product {
width: 100%!important;
left: 0!important;
padding: 0 0 0 0;
box-sizing: border-box;
top: auto!important;
position: relative!important;
bottom: -12px!important;
float: left;
top: -15px!important;
}
.lb-product.first-cover {
top: 5px!important;
}
.lb-product.minus20bottom {
bottom: -15px!important;
margin-bottom: 25px;
}
.lb-product.max20bottom {
top: 10px!important;
}
.lb-product .name {
color: #1e1e1e;
margin: 0;
}
.lb-product .price {
margin-top: 0.1em;
}
.lb-product .price span {
color: #1e1e1e;
font-size: .85rem;
float: left;
margin: 0 0 0 5px;
}
.lb-product .name {
margin-bottom: 5px!important;
// font-size: 1rem!important;
font-size: .75rem!important;
width: auto!important;
float: left;
}
.lb-pic {
position: relative!important;
margin-left: 0!important;
left: 0!important;
width: 100%!important;
}
.picture-icon img {
left: 50%!important;
margin: -8% 0 0 -5%!important;
z-index: 25;
}
.right-model {
float: none;
margin-right: 0;
margin-top: 1rem;
}
.mc-picelement-text > div {
text-align: left;
font-family: brownregular, Arial;
font-size: 1.2em;
}
.share-wrapper {
margin-right: 15px;
}
.mc-picelement.picture-icon {
top: 62vw!important;
margin-left: 0!important;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.lookbook .icon-sport {
display: none;
}
.btn_look {
width: 290px!important;
font-size: 2.5em!important;
padding: 20px 0 !important;
margin-left: -145px!important;
left: 50%!important;
margin-top: 5em!important;
}
.lookbook.left-initial .mc-textelement {
left: initial !important;
}
div.lookbook-scroller {
top: 84vh;
right: 4.0vw;
width: 45px;
height: 44px;
font-size: 2.8em;
}
.lookbook-scroller .icon-Page-1 {
font-size: 1.5rem;
}
.image-rwd-lookbook .main_title.swimwear_lb_top {
font-size: 20px !important;
}
.image-rwd-lookbook .mc-textelement {
top: 31% !important;
}
.image-rwd-lookbook .mc-picelement.picture-icon {
top: 11% !important;
}
.image-rwd-lookbook .picture-icon img {
width: 107px !important;
height: auto !important;
}
.ctn-campaign.align-left-component {
float: none;
margin-left: auto;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
.lookbook.black {
background-color:white
}
.lookbook.black .mc-textelement {
color: black !important;
}
.price_margin {
padding-top: 0.5rem;
}
.mc-textelement {
width: 100% !important;
margin: 0 !important;
left: 0 !important;
}
.ctn-campaign.align-left-block {
margin-left: 10%;
}
.lb-newprice {
text-align: center;
top: 4rem!important;
left: 3rem!important;
-webkit-transform: translatex(100%)!important;
-ms-transform: translatex(100%)!important;
-o-transform: translatex(100%)!important;
transform: translatex(100%)!important;
}
.lb-newprice .new_price_lookbook .npnumber, .lb-newprice .new_price_lookbook .npnewprice {
color: #000!important;
position: relative;
z-index: 1;
}
.lb-newprice .new_price_lookbook .npred {
}
#mc-container >.mc-cover:first-child {
padding: 0;
margin: 0;
}
.picture-icon img {
height: 90px!important;
width: auto!important;
}
.camp_subTitle {
font-size: 1rem;
}
.camp_title {
font-size: 3.4375rem;
}
.camp_link {
font-size: 2.5rem;
}
.home #mc-container {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.inside-text-cover {
padding-left: 10%;
width: 70%!important;
}
.description-lookbook p {
font-size: 20px;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
.video-lookbook .mc-textelement {
width:100%!important;
}
.lookbook .lb-pic .mc-picelement-text {
padding-top: 2.2em!important;
}
.lookbook .lb-pic .share-wrapper {
padding-left: 15px;
font-size: 0.95em;
}
.lookbook .lb-pic.mar-l .share-wrapper {
padding-left: 0;
}
.lookbook.no-mar-b {
margin-bottom: 0;
}
.lookbook-text {
margin: 0 10px;
padding: 0 0px 30px 40px;
width: 90%!important;
}
.lookbook-text p:first-child {
white-space: nowrap;
}
.lookbook-text p {
letter-spacing: 2px!important;
}
.ctn-campaign.align-left-block {
float: none;
margin-left: 0;
text-align: center;
}
.ctn-campaign.display-mobile {
top: -30px;
}
.ctn-campaign.display-mobile .visible-text {
display: block!important;
}
#mc-container >.mc-cover:first-child {
padding: 0 0 0 0;
margin: 0;
}
.lb-newprice {
display: none;
}
.picture-icon img {
height: 60px!important;
width: auto!important;
}
#mc-wrapper {
min-height: 100vh;
}
.lb-textelement {
position: relative;
}
.ctn-campaign .lb-pretitle, .ctn-campaign .lb-subtitle {
display: none !important;
}
.ctn-campaign .lb-title {
font-size: 2rem !important;
}
.ctn-campaign .lb-title.final-class {
font-size: 1.5rem !important;
}
.ctn-campaign .lb-title.summer {
font-size: 2rem !important;
}
.camp_subTitle {
font-size: 0.875rem;
}
.camp_title {
font-size: 2.25rem !important;
margin: 1rem 0;
}
.camp_link {
font-size: 0.875rem;
}
.text-block .title {
display: none;
}
.video .mc-textelement, .video video {
position: relative !important;
}
.btn_look {
width: 200px!important;
font-size: 2.5em!important;
padding: 17px 0 !important;
margin-left: -100px!important;
left: 50%!important;
margin-top: 7em!important;
}
div.lookbook-scroller {
top: 87vh;
}
.mc-textelement {
width: 95% !important;
margin: 0 !important;
left: 0 !important;
}
.lookbook.black .mc-textelement {
color: black !important;
}
.title-left-margin {
padding-left: 20px;
}
.inside-text-cover {
padding: 0 0 0 10%;
width: 60%!important;
}
.title_inside {
font-size: 1.6em!important;
}
.inside-text-cover .description {
display: none;
}
.image-rwd-lookbook .picture-icon img {
width: 67px !important;
}
.lb-title.extra-long {
font-size: 21px!important;
}
.home #mc-container {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
}
.home #layout_bottom {
/* margin-top: 10px !important;*/
}
.text-lookbook .paragraph {
font-size: 8px;
}
.text-lookbook .paragraph.second {
font-size: 8px;
line-height: 8px;
margin: 20px 0px;
}
.text-lookbook .title {
font-size: 24px;
margin-bottom: 10px;
margin: 20px 0;
}
.description-lookbook p {
font-size: 10px;
line-height: 10px;
}
.text-lookbook.new-look {
position: relative;
top: -10px;
}
.text-lookbook.new-look .large-text {
font-size: 12px;
line-height: 14px;
position: relative;
top: -6px;
padding: 0 25px;
}
.text-lookbook.new-look .title {
line-height: 22px;
margin: 6px 0 0 0;
}
.text-lookbook.new-look .paragraph.second {
margin: 10px 0px;
}
.top-look {
margin-top: -10px!important;
}
.look-text-w {
font-size: 9px;
margin-top: -44px;
}
}
@media screen and (max-width: 350px) {
.image-rwd-lookbook .main_title.swimwear_lb_top {
font-size:15px !important;
}
.swimwear_lb_top.subtitle {
font-size: 13px !important;
line-height: 2px!important;
}
.image-rwd-lookbook .picture-icon img {
width: 67px !important;
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-chevron-left:before {
content: "\e875";
}
.icon-chevron-right:before {
content: "\e876";
}
/*
.icon-Oval-1:before {
content: "\e905";
}
.icon-Page-1:before {
content: "\e904";
color: #fefefe;
}*/
.icon-logo-lefties-movil:before {
content: "\e906";
}
.icon-quote:before {
content: "\e903";
color: #4a4a4a;
}
.icon-arrow-scroll:before {
content: "\e902";
}
.icon-arrow-down:before {
content: "\e921";
color: #f9fafc;
}
.icon-instagram:before {
content: "\e91f";
}
.icon-youtube:before {
content: "\e920";
}
.icon-facebook:before {
content: "\e91c";
}
.icon-pinterest:before {
content: "\e91d";
}
.icon-twitter:before {
content: "\e91e";
}
.icon-volver:before {
content: "\e91a";
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
display: inline-block;
}
/*
.icon-oval:before {
content: "\e91b";
}*/
.icon-flecha-cerrar2:before {
content: "\e915";
color: #4a4a4a;
}
.icon-flecha-aceptar-filtro2:before {
content: "\e916";
color: #fff;
}
.icon-cuadricula-42:before {
content: "\e917";
}
.icon-cuadricula-162:before {
content: "\e918";
}
.icon-abrir-formulario-hover:before {
content: "\e900";
color: #1e1e1e;
}
.icon-cerrar:before {
content: "\e901";
}
.icon-icono-ver-mas-movil:before {
content: "\e90f";
}
.icon-lupa-movil:before {
content: "\e911";
}
.icon-menu-movil:before {
content: "\e912";
}
.icon-percha-movil:before {
content: "\e913";
}
.icon-chevron-left2:before {
content: "\e875";
}
.icon-chevron-right:before {
content: "\e876";
}
.icon-chevron-left:before {
content: "\e877";
}
.icon-chevron-right2:before {
content: "\e878";
}
/* TopHeader popup */
.topHeader_popup {
position:fixed;
width:100%;
height:100%;
z-index:150;
font-family:graphik;
top:0px;
left:0px;
line-height: 22px;
font-size:13px;
}
.topHeader_popup_background {
position:absolute;
width:100%;
height:100%;
opacity:.4;
background-color:#1e1e1e;
}
.topHeader_popup_container {
position:absolute;
/*background-color: white;*/
font-weight: 300;
}
@media screen and (max-width: 899px)
{
.topHeader_popup_container {
position:absolute;
/* padding: 7vh 10vw;*/
max-height: 100%;
overflow-y: auto;
/*top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);*/
top:0px;
}
}
@media screen and (min-width: 900px)
{
.topHeader_popup_container {
position:absolute;
top: 50%;
left: 50%;
max-width: 600px;
/* padding: 50px;*/
transform: translateX(-50%) translateY(-50%);
}
}
.topHeader_popup_close {
position:absolute;
top:10px;
right:5px;
padding: 10px;
line-height: 0px;
cursor: pointer;
font-size: 16px;
}
/* End TopHeader popup */
/* Basic popup */
.basic_popup {
position:fixed;
width:100%;
height:100%;
z-index:150;
font-family:graphik;
top:0px;
left:0px;
line-height: 22px;
font-size:13px;
}
.basic_popup_background {
position:absolute;
width:100%;
height:100%;
opacity:.4;
background-color:#1e1e1e;
}
.basic_popup_container {
position:absolute;
background-color: white;
font-weight: 300;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 899px)
{
.basic_popup_container {
padding: 7vh 10vw;
max-height: 86vh;
box-sizing: border-box;
}
}
@media screen and (min-width: 900px)
{
.basic_popup_container {
padding: 50px;
max-width: 600px;
max-height: calc(100vh - 200px);
}
}
.basic_popup_close {
position:absolute;
top:10px;
right:5px;
padding: 10px;
line-height: 0px;
cursor: pointer;
font-size: 16px;
}
/* End basic popup */
/* Bottom Right popup */
@media screen and (max-width: 899px)
{
.bottomright_popup_container {
position:absolute;
/* padding: 7vh 10vw;*/
max-height: 100%;
overflow-y: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
@media screen and (min-width: 900px)
{
.bottomright_popup_container {
position:absolute;
right: 3vw;
bottom: 3vw;
}
}
/* End Bottom Right popup */
img.image-loading
{
background-image:url('../images/loading2.gif');
background-repeat: no-repeat;
background-position: center center;
background-size: 60px 60px;
}
/*@font-face {
font-family: "brownregular";
src: url("webfonts/brown/LeftiesBrown-Regular.eot");
src: url("webfonts/brown/LeftiesBrown-Regular.eot?#iefix") format("embedded-opentype"), url("webfonts/brown/LeftiesBrown-Regular.woff") format("woff"), url("webfonts/brown/LeftiesBrown-Regular.ttf") format("truetype"), url("webfonts/brown/LeftiesBrown-Regular.svg#lineto-brown-regular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "brownlight";
src: url("webfonts/brown/LeftiesBrown-Light.eot");
src: url("webfonts/brown/LeftiesBrown-Light.eot?#iefix") format("embedded-opentype"), url("webfonts/brown/LeftiesBrown-Light.woff") format("woff"), url("webfonts/brown/LeftiesBrown-Light.ttf") format("truetype"), url("webfonts/brown/LeftiesBrown-Light.svg#lineto-brown-light") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "brownbold";
src: url("webfonts/brown/LeftiesBrown-Bold.eot");
src: url("webfonts/brown/LeftiesBrown-Bold.eot?#iefix") format("embedded-opentype"), url("webfonts/brown/LeftiesBrown-Bold.woff") format("woff"), url("webfonts/brown/LeftiesBrown-Bold.ttf") format("truetype"), url("webfonts/brown/LeftiesBrown-Bold.svg#lineto-brown-bold") format("svg");
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: "brownregular";
src: url("webfonts/circular/LeftiesCircularCyrWeb-Medium.eot");
src: url("webfonts/circular/LeftiesCircularCyrWeb-Medium.woff2") format("woff2"),
url("webfonts/circular/LeftiesCircularCyrWeb-Medium.woff") format("woff");
}
@font-face {
font-family: "brownlight";
src: url("webfonts/circular/LeftiesCircularCyrWeb-Book.eot");
src: url("webfonts/circular/LeftiesCircularCyrWeb-Book.woff2") format("woff2"),
url("webfonts/circular/LeftiesCircularCyrWeb-Book.woff") format("woff");
}
@font-face {
font-family: "brownbold";
src: url("webfonts/circular/LeftiesCircularCyrWeb-Bold.eot");
src: url("webfonts/circular/LeftiesCircularCyrWeb-Bold.woff2") format("woff2"),
url("webfonts/circular/LeftiesCircularCyrWeb-Bold.woff") format("woff");
}
body
{
line-height:0.95;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
}
@import url("//hello.myfonts.net/count/2c3a05");
@font-face {
font-family: 'Futura';
src: url('webfonts/futuraPTBook/2C3A05_0_0.eot');
src: url('webfonts/futuraPTBook/2C3A05_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/futuraPTBook/2C3A05_0_0.woff') format('woff'),url('webfonts/futuraPTBook/2C3A05_0_0.ttf') format('truetype')
}
@font-face {
font-family: 'icomoon';
src: url('../css/webfonts/ico-font/icomoon.eot?v7');
src: url('../css/webfonts/ico-font/icomoon.eot?v7#iefix') format('embedded-opentype'), url('../css/webfonts/ico-font/icomoon.woff2?v7') format('woff2'), url('../css/webfonts/ico-font/icomoon.ttf?v7') format('truetype'), url('../css/webfonts/ico-font/icomoon.woff?v7') format('woff'), url('../css/webfonts/ico-font/icomoon.svg?v7#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.center-x {
left: 50%;
transform: translateX(-50%);
transform-style: preserve-3d;
}
.center-y {
top: 50%;
transform: translateY(-50%);
transform-style: preserve-3d;
}
.center-xy {
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
transform-style: preserve-3d;
}
body.lft-worldwide {
margin: 0;
padding: 0;
top: 0;
height: 100%;
width: 100%;
overflow: hidden;
background: #fff;
}
#lft-worldwide {
margin: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
position: absolute;
min-width: 620px;
}
#lft-worldwide .ww-topbar {
font-family: "brownregular";
font-size: 12px;
height: 80px;
left: 0;
position: absolute;
top: 0;
width: 100%;
box-sizing: border-box;
z-index: 1;
padding: 0 30px;
}
#lft-worldwide .ww-controls-container{
position: absolute;
white-space: nowrap;
}
#lft-worldwide .ww-topbar-combo {
font-family: "brownlight";
font-size: 12px;
padding: 16px 15px 16px 38px;
display:inline-block;
float: none;
min-width:170px;
/*border: 2px solid #fff;*/
margin-top: 0px;
box-shadow: 0 0 6px #333;
border-radius:40px;/*lft-button*/
}
#lft-worldwide #ww-countries{
background: url('../images/icons/world.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 15px center !important;
background-color: #fff !important;
margin-right: 20px;
}
#lft-worldwide #ww-languages{
background: url('../images/icons/lang.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 15px center !important;
background-color: #fff !important;
}
#lft-worldwide #ww-countries, #lft-worldwide #ww-countries-n-container{
opacity:0;
opacity: 1 \9; /*just in case ie*/
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
animation-duration:0.2s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#lft-worldwide #ww-languages, #lft-worldwide #ww-languages-n-container{
opacity:0;
opacity: 1 \9; /*just in case ie*/
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
animation-duration:0.2s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#lft-worldwide #ww-countries.open{
background: url('../images/icons/world.svg') no-repeat 20px center, url('../images/icons/deployer_up.svg') no-repeat right 15px center !important;
background-color: #fff !important;
}
#lft-worldwide #ww-languages.open{
background: url('../images/icons/lang.svg') no-repeat 20px center, url('../images/icons/deployer_up.svg') no-repeat right 15px center !important;
background-color: #fff !important;
}
#lft-worldwide .ww-combo-selected {
background: none;
border-right: 0 none;
}
#lft-worldwide .ww-combo-selected span {
color: #747374;
/*color: #e6e6e6;*/
text-transform: capitalize;
}
#lft-worldwide .ww-combo-selected .title {
/*color: #1e1e1e;*/
color: #1e1e1e;
font-family: brownbold;
}
#lft-worldwide .ww-topbar-combo img {
margin-left: 7px;
}
#lft-worldwide .ww-combo-desp {
margin-left: 14px !important;
margin-right: 30px;
vertical-align: 2px;
}
#lft-worldwide #ww-countries .ww-active-country, #lft-worldwide #ww-languages .ww-active-language {
color: #9b9b9b;
}
#lft-worldwide #ww-countries, #lft-worldwide #ww-languages {
color: #747374;
}
#lft-worldwide .ww-topbar-content {
padding-top: 18px;
display: none;
text-align: left;
background: #fff;
padding-bottom: 22px;
color: #747374;
margin-left: -38px;
margin-top: 20px;
border-radius: 15px;
}
#lft-worldwide .ww-topbar-combo:hover .ww-topbar-content, #lft-worldwide .ww-topbar-combo:focus .ww-topbar-content {
display: none;
}
#lft-worldwide .ww-topbar-combo.open .ww-topbar-content, #lft-worldwide .ww-topbar-combo.open .ww-topbar-content {
display: block ;
animation-name: fadeIn;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.2s;
}
#lft-worldwide .ww-topbar-content div {
cursor: pointer;
padding: 7px 33px;
font-size: 0.875em;
margin-top: 0px !important;
text-transform: capitalize;
}
#lft-worldwide .ww-topbar-content div:hover {
text-decoration: none;
background-color: #e6e6e6;
}
#lft-worldwide #ww-enter {
font-family: brownregular;
font-size:12px;
background-color:#1e1e1e;
float: none;
display: inline-block;
padding: 17px 30px 17px 30px;
margin-left: 20px;
margin-top: 0px;
box-shadow: 0 0 6px #333;
opacity:0;
opacity: 1 \9; /*just in case ie*/
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
animation-duration:0.2s;
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
animation-delay: 0.7s;
border-radius:40px;/*lft-button*/
}
#lft-worldwide #ww-enter a {
text-decoration: none;
text-transform: capitalize;
color: #fff;
}
#lft-worldwide #ww-enter span {
font-size: 0.75rem;
margin-left: 8px;
vertical-align: bottom;
}
#lft-worldwide .ww-img {
top: 0;
left: 0;
position: absolute;
width: 100%;
/*top: 80px;*/
top: 0px;
bottom: 0;
}
#lft-worldwide .ww-cover-img {
width: 100%;
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
select
{
-webkit-appearance: none;
border-radius: 0;
}
@media screen and (max-width: 1024px) {
#lft-worldwide {
left:0;
min-width: 100%;
}
#cookiesWarn {
background: #F0F0F0;
border: 0 none;
bottom: 0;
font-size: 1em;
line-height: 26px;
padding: 55px 20px 50px 20px;
right: 0;
width: auto;
}
}
#lft-worldwide .ww-select-native
{
min-width:176px;
font-size: 12px;
margin-bottom: 20px;
display:none;
}
#lft-worldwide select::-ms-expand {
display: none;
}
/*
#lft-worldwide .ww-select-native select:focus
{
background: url('world.svg') no-repeat #fff left center, url('deployer_up.svg') no-repeat #fff right center;
outline: 0;
width: 176px;
}*/
/*
#lft-worldwide .ww-select-native select
{
font-family: brownregular;
font-size: 12px;
background: url('../images/icons/world.svg') no-repeat 4% center, url('../images/icons/deployer_down.svg') no-repeat right 4% center;
background-color: #fff;
font-family: brownregular;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 9px 40px 9px 25px;
border: 0px none;
width: 176px;
}
#lft-worldwide .ww-select-native select:focus
{
background: url('world.svg') no-repeat #fff left center, url('deployer_up.svg') no-repeat #fff right center;
outline: 0;
width: 176px;
}
*/
#lft-worldwide .ww-select-native select
{
border-radius:40px;/*lft-button*/
}
/******************************* MOBILE / TABLET ****************************************/
@media screen and (min-width: 769px) and (max-width:1024px) {
#lft-worldwide #ww-enter {
font-family: "brownbold";
margin-right: 0px;
font-size: 12px;
padding: 10px 20px 10px 20px;
padding: 17px 30px 17px 30px;
/* padding:17px 71px 17px 71px;*/
margin-left:20px;
}
#lft-worldwide .ww-select-native select
{
font-family: brownregular;
font-size: 12px;
/*background: url('../images/icons/world.svg') no-repeat 4% center, url('../images/icons/deployer_down.svg') no-repeat right 4% center;*/
background-color: #fff;
font-family: brownregular;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 9px 40px 9px 25px;
padding: 16px 15px 16px 38px;
border: 0px none;
/*
border: 0px none;
outline:0px;
*/
width: 176px;
}
#lft-worldwide #ww-countries-n{
background: url('../images/icons/world.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 15px center;
background-color: #fff;
}
#lft-worldwide #ww-languages-n{
background: url('../images/icons/lang.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 15px center;
background-color: #fff;
}
#lft-worldwide .ww-topbar {
padding: 0 20px;
}
#lft-worldwide .ww-topbar-combo {
margin-top: 34px;
}
#lft-worldwide #ww-enter span {
font-size: 0.80rem;
vertical-align: bottom;
}
#lft-worldwide .ww-topbar-combo
{
display:none;
}
#lft-worldwide .ww-select-native
{
min-width:176px;
font-size: 12px;
display:inline-block;
}
#lft-worldwide .ww-select-native select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#ww-countries-n-container
{
margin-right: 20px;
}
}
/******************************** MOBILE ***********************************************/
@media screen and (max-width: 768px) {
#lft-worldwide {
bottom: 0;
}
#lft-worldwide .ww-select-native
{
min-width:176px;
font-size: 12px;
margin-bottom: 10px;
display:none;
}
#lft-worldwide select::-ms-expand {
display: none;
}
#lft-worldwide .ww-select-native select
{
font-family: brownregular;
font-size: 12px;
/*background: url('../images/icons/world.svg') no-repeat 4% center, url('../images/icons/deployer_down.svg') no-repeat right 4% center;*/
background-color: #fff;
font-family: brownregular;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 9px 40px 9px 25px;
padding: 16px 15px 16px 38px;
border: 0px none;
/*
border: 0px none;
outline:0px;
*/
width: 100%;
}
#lft-worldwide #ww-countries-n{
background: url('../images/icons/world.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 10px center;
background-color: #fff;
}
#lft-worldwide #ww-languages-n{
background: url('../images/icons/lang.svg') no-repeat 20px center, url('../images/icons/deployer_down.svg') no-repeat right 10px center;
background-color: #fff;
}
#lft-worldwide .ww-topbar {
/*
height: 60px;
padding: 0 20px;
*/
}
#lft-worldwide .ww-select-native
{
min-width:176px;
font-size: 12px;
display:block;
}
#lft-worldwide #ww-enter {
cursor: pointer;
margin: 0 0 0 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
transform-style: preserve-3d;
padding:17px 71px 17px 71px ;
}
#lft-worldwide #ww-enter a {
color: #fff;
font-size: 1em;
}
#lft-worldwide #ww-enter a span {
font-size: 0.8em;
}
#lft-worldwide .ww-topbar-combo {
display:none;
}
#lft-worldwide .ww-topbar-content div {
font-size: 1em;
}
#lft-worldwide .ww-topbar-content {
background: #fff;
bottom: auto;
color: #747374;
display: none;
left: 0;
margin-left: 0;
min-width: inherit!important;
padding-bottom: 22px;
padding-top: 22px;
padding: 0 0 10px 0;
position: fixed;
text-align: left;
top: 100px;
width: 100%;
z-index: 11;
}
#lft-worldwide .ww-topbar-content div {
padding: 0px 20px;
padding-bottom: 2px;
}
#lft-worldwide .ww-topbar-combo img {
display: none;
}
#lft-worldwide .ww-combo-selected {
border-right: 0 none;
position: relative;
left: 0;
top: 0;
width: auto;
}
#lft-worldwide .ww-img {
top: 0px;
}
}
/* Keyframes for the fade-in */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#layout_bottom {
bottom: 0;
color: #747374;
font-family: "brownregular";
margin-top: 0px;
z-index: 0;
position: relative;
text-align: center;
border-top: 1px solid #e6e6e6;
background:#fff;
}
#layout_bottom .bottombar-left {
text-align: left !important;
}
#layout_bottom .bottombar-right {
text-align: right !important;
}
#layout_bottom .bottom-option {
padding: 12px 0px 30px 0px;
text-align: center;
float: left;
cursor: pointer;
}
#layout_bottom .bottom-option:hover span {
border-bottom: 1px solid #1E1E1E;
}
#layout_bottom .bottom-option a {
text-decoration: none;
color: #1e1e1e;
}
#layout_bottom .no-link {
cursor: default;
color: #1e1e1e;
font-family: "brownregular";
font-size: 0.8125rem;
}
#layout_bottom .no-link:hover span {
border-bottom: none;
}
#fixedFooter {
background-color: #F1F1F1;
bottom: 0;
height: 45px;
width: 100%;
}
.sub-footer {
background: white;
color: #1E1E1E;
letter-spacing: 0.4px;
padding: 0px 0 165px 0;
z-index: 0;
text-align: center;
display: inline-block;
}
.sub-footer-content {
margin: 0 auto;
/*max-width: 1184px;*/
padding-top: 165px;
padding-left: 25px;
display: inline-block;
text-align: left;
}
.sub-footer-column {
display: inline-block;
padding-right: 10px;
min-width: 110px;
vertical-align: top;
}
.sub-footer-column-newsletter {
margin-right: 50px;
margin-left: 50px;
margin-top: 165px;
margin-bottom: 30px;
text-align: left;
}
.footer-newsletter-email {
font-size: 12px;
border: 1px solid #cccccc;
background-image: url(../images/footer/footer-icon-email.svg);
background-repeat: no-repeat;
background-position: right 6px center;
cursor: pointer;
text-align: left;
padding: 9px;
border-radius:20px;
}
.footer-worldwide-icon {
background-image: url('../images/footer/footer-icon-worldwide.svg?t=20180611');
background-repeat: no-repeat;
background-position: top left;
padding-left: 15px;
transform: translateX(-15px);
}
.footer-stores-icon {
background-image: url('../images/footer/footer-icon-stores.svg?t=20180611');
background-repeat: no-repeat;
background-position: top left;
padding-left: 15px;
transform: translateX(-15px);
}
.sub-footer-column ul {
list-style: none;
margin: 30px 0;
padding-left: 0;
}
.sub-footer-column ul li {
display: block;
margin-bottom: 17px;
}
.sub-footer-column ul li a {
color: inherit;
cursor: pointer;
font-weight: 300;
font-size: 12px;
font-family: "brownlight";
-webkit-font-smoothing: antialiased;
white-space: nowrap;
color:#747374;
}
.sub-footer-column ul li a:hover {
color: #9a9b9a;
text-decoration: underline;
}
.sub-footer-icon {
font-size: 8px;
margin-right: 5px;
}
.sub-footer-copyright {
font-size: 10px;
-webkit-font-smoothing: antialiased;
background-color: #e6e6e6;
text-align: center;
}
.sub-footer-copyright-content {
text-align: left;
display: inline-block;
padding-right: 20px;
padding-left: 20px;
}
.sub-footer-copyright-content > div {
display: inline-block;
vertical-align: middle;
}
.sub-footer-copyright-symbol {
font-family: helvetica, arial, Sans-serif;
font-size: 12px;
}
.icon-footer-logo {
font-size: 40px !important;
width: 100px;
margin-right: -35px;
margin-left: -5px;
}
.icon-footer-logo:before {
content: "\e906";
}
.sub-footer-copyright-text {
padding-left: 10px;
border-left: 1px solid #747374;
line-height: 11px;
padding-top: 4px;
}
@media screen and (max-width: 899px), (orientation: portrait) {
.sub-footer-column-newsletter {
text-align: left;
margin-right: 0px;
margin-left: 0px;
margin-top: 40px;
width: 85vw;
}
.sub-footer-column-hide {
display: none;
}
.sub-footer
{
background:none;
padding:0 5vw 15px 5vw;
}
.sub-footer-content {
display: block;
text-align: left;
padding-left: 0px;
padding-top: 15px;
}
.sub-footer-column ul {
margin: 15px 0;
}
.sub-footer-column ul li {
display: inline-block;
}
.sub-footer-social-text {
display: none;
}
.sub-footer-icon {
font-size: 13px;
padding:13px;
}
.sub-footer-copyright {
background-color: inherit;
text-align: left;
margin-bottom: 25px;
}
.footer-newsletter-email {
margin-top: 15px;
}
.sub-footer-social-media ul
{
margin-left:-10px;
}
.sub-footer-content.country-selector
{
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font-family: brownlight;
color: #747374;
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
cursor:pointer;
}
.sub-footer-content.country-selector .bold
{
color:#1e1e1e;
}
.sub-footer-content.country-selector:after
{
content: " ";
background-image: url(../images/icons/arrow_down.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 25px 25px;
padding: 10px;
margin-left: 20px;
}
}
@media screen and (max-width: 1140px) {
.sub-footer-column
{
min-width:102px;
}
}
@media screen and (min-width: 1440px) {
.sub-footer-column {
padding-right: 1.9vw;
}
#layout_bottom {
font-size: 13px;
}
.sub-footer-column ul li a {
font-size: 12px;
}
.sub-footer-copyright {
font-size: 11px;
}
}
@media screen and (min-width: 1780px) {
.sub-footer-column {
padding-right: 3.7vw;
}
}
@media screen and (min-width: 1860px) {
.sub-footer-column {
padding-right: 4vw;
}
}
@media screen and (min-width: 2500px) {
.sub-footer-column {
padding-right: 4vw;
}
.sub-footer-column-newsletter
{
margin-right:170px;
}
#layout_bottom {
font-size: 14px;
}
.sub-footer-column ul li a {
font-size: 13px;
}
.sub-footer-copyright {
font-size: 12px;
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-o-transform: translate(0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform,height
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #1e1e1e;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0,-50%,0);
-moz-transform: translate3d(0,-50%,0);
-o-transform: translate(0,-50%);
-ms-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #1e1e1e;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.han-solo-product {
text-decoration: none;
background: #fff;
font-family: brownlight,Arial;
display: block;
cursor: default;
}
.han-solo-product-image-cont {
width: 100%;
text-align: center;
overflow: hidden;
}
.han-solo-product-image {
width: 100%;
position: relative;
-ms-interpolation-mode: bicubic;
cursor: pointer;
_cursor: hand;
}
.han-solo-product-info {
width: 100%;
text-align: center;
color: #1E1E1E;
margin-top:10px;
}
.han-solo-product-info .new{
color: #1E1E1E;
margin-bottom: 8px;
font-family: "brownregular";
font-size: 14px;
}
.circular .han-solo-product-info .new{
/* font-size: 20px;*/
}
.han-solo-product-info .name {
margin-bottom: 8px;
font-size: 16px;
}
.circular .han-solo-product-info .name{
/*font-size: 20px;*/
}
.han-solo-product-info .han-solo-product-blockprice {
margin-top: 2px;
margin-bottom: 8px;
}
.han-solo-product-info .han-solo-product-blockprice span{
font-size: 16px;
}
.circular .han-solo-product-info .han-solo-product-blockprice span{
/* font-size: 20px;*/
}
.han-solo-product-info .price {
}
.han-solo-product-info .han-solo-product-blockprice .oldprice {
text-decoration: line-through;
color:#aaaaaa;
margin: 0px 4px;
}
.han-solo-product-info .han-solo-product-blockprice .newprice {
margin: 0px 4px;
color: #FF4AD0!important;
}
.han-solo-product-info .han-solo-product-blockprice.grid_decimal {
/* font-family: Arial;
color: #666666;*/
}
.han-solo-product-info .han-solo-product-colorsblock {
margin-top: 10px;
padding: 0px 0px;
}
.han-solo-product-info .han-solo-product-colorsblock img {
width: 14px;
height: 14px;
/*border: 1px solid #1e1e1e;*/
cursor: pointer;
_cursor: hand;
margin-bottom: 5px;
border-radius:10px;
}
.han-solo-product-info .colorname {
margin-top: 5px;
}
.han-solo-product-info .han-solo-product-sizesblock {
margin-top: 10px;
padding: 0px 10px;
}
.han-solo-product-info .han-solo-product-sizesblock span {
cursor: pointer;
_cursor: hand;
font-size: 1em;
display: inline-block;
}
.han-solo-product-info .han-solo-product-addtobag {
margin: 10px 0px;
cursor: pointer;
_cursor: hand;
font-family: Futura,Arial;
text-decoration: underline;
letter-spacing: 1px;
}
.han-solo-product-info .han-solo-product-bookbutton {
font-size:12px;padding:12px 30px;margin-top:10px;
}
.han-solo-product-info .more-colors
{
text-transform: lowercase;
font-size:16px;
}
.circular .han-solo-product-info .more-colors
{
/* font-size:20px;*/
}
/*SOLO CAROUSEL*/
#productsCarousel
{
margin:5vw 0vw;
}
#productsCarouselOuter
{
width:100vw;
}
#productsCarouselInner
{
height:100%;
white-space:nowrap;
}
#productsCarouselInner.is-dragging
{
pointer-events: none;
}
.carousel-solo-product
{
display:inline-block;
width:16vw;
vertical-align:top;
transition: opacity 2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;
opacity: 0;
}
.carousel-solo-product
{
padding-left:20px;
}
.carousel-solo-product:first-of-type
{
padding-left:0px;
}
.carousel-solo-product.loaded
{
opacity:1;
}
#productsCarousel .containerTitle
{
text-align:center;
}
#productsCarousel .product-carousel-title
{
cursor:pointer;
pointer-events:all;
color:#747474;
margin:0px 10px 5vw 10px;
display:inline-block;
font-size:22px;
}
.circular #productsCarousel .product-carousel-title
{
font-size:25px;
}
#productsCarousel .product-carousel-title.active
{
cursor:pointer;
pointer-events:all;
color:#4c4947;
}
.productsCarouselOuter .flickity-prev-next-button {
position: absolute;
top: 45%;
width: 52px;
height: 52px;
border: none;
border-radius: 50%;
background: white;
background: rgba(255, 255, 255, .75);
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.productsCarouselOuter .flickity-prev-next-button img {width:100%;height:auto;pointer-events:none}
.productsCarouselOuter .flickity-prev-next-button.previous{right: 102%;}
.productsCarouselOuter .flickity-prev-next-button.next {left:102%;}
.productsCarouselOuter .flickity-button:disabled {opacity: 1}
.productsCarouselOuter .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%;}
.productsCarouselOuter .carousel-solo-product {width:24%;}
.productsCarouselOuter .flickity-viewport {overflow:hidden;}
.productsCarouselOuter .flickity-enabled {position:relative;}
@media (max-width:898px), (orientation: portrait) {
#productsCarousel{margin:10vw 0vw;}
#productsCarouselInner{width:100vw; overflow-x:auto;}
.carousel-solo-product{width:80vw;}
#productsCarousel .product-carousel-title{text-transform:none;margin:0px 10px 30px 10px;font-size:14px;}
.circular #productsCarousel .product-carousel-title{font-size:14px;}
.productsCarouselOuter .flickity-prev-next-button{display:none;}
}
/*END SOLO CAROUSEL*/
/* SOLO BUNDLE VIEW */
#hanSoloBundleViewer{position:fixed;left:0;top:0;width:100%;height:100%;z-index:21;font-family:brownlight}
#hanSoloBundleViewerBackground{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,1);opacity:.5;animation:opacityBackground .5s ease-in-out;transition:opacity .5s ease-in-out;cursor:url(../images/icons/closebundle.png),auto}
@keyframes opacityBackground { 0%{opacity:0} 100%{opacity:.5} }
#hanSoloBundleViewerBackground.deleteBackground{opacity:0}
#hanSoloBundleViewerContent{position:absolute;right:0;top:0;width:20vw;height:100vh;background:#fff;border-radius:50px 0 0 0;overflow:hidden}
#hanSoloBundleViewerContent.open{animation:openBundleVisor .3s}
#hanSoloBundleViewerContent.close{animation:closeBundleVisor .3s}
@keyframes openBundleVisor { 0%{right:-20vw;-webkit-animation-timing-function:ease-out;opacity:.7} 100%{right:0;opacity:1} }
@keyframes closeBundleVisor { 0%{right:0;-webkit-animation-timing-function:ease-out;opacity:1} 100%{right:-20vw;opacity:1} }
#hanSoloBundleViewerOuter{width:100%;height:calc(100% - 4.5vw - 17px);margin-top:2vw;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
#hanSoloBundleViewerContent.close{right:-20vw}
#hanSoloBundleViewer .header{width:100%;padding-top:2vw}
#hanSoloBundleViewer .bar{width:30%;border-radius:10px;background:#ececec;height:6px;margin:auto;display:none}
#hanSoloBundleViewer .title{width:100%;text-align:center;font-size:18px;margin-top:.5vw}
#hanSoloBundleViewer .bundle-viewer-solo-product{width:70%;margin-left:15%;margin-bottom:1vw}
#hanSoloBundleViewer .bundle-viewer-solo-product{opacity:0;transition:opacity .7s ease-in-out}
#hanSoloBundleViewer .bundle-viewer-solo-product.loaded{opacity:1}
#hanSoloBundleViewer .han-solo-product-info{overflow:hidden}
#hanSoloBundleViewer .han-solo-product-info .name{font-size:14px;text-overflow:ellipsis;overflow:hidden;line-height:15px}
#hanSoloBundleViewer .han-solo-product-info .han-solo-product-blockprice span{font-size:15px}
#hanSoloBundleViewer .han-solo-product-info .han-solo-product-colorsblock img{width:12px;height:12px}
#hanSoloBundleViewer .han-solo-product-image-cont{padding-bottom:123.83%;height:0;background:#eee}
@media (min-width: 899px) and (max-width: 1024px) {
#hanSoloBundleViewerOuter{height:calc(100% - 4.5vw - 13px)}
#hanSoloBundleViewer .title{font-size:14px}
#hanSoloBundleViewer .han-solo-product-info .name{font-size:12px;line-height:12px}
#hanSoloBundleViewer .han-solo-product-info .han-solo-product-blockprice span{font-size:13px}
}
@media (max-width:898px),(orientation: portrait) {
#hanSoloBundleViewerContent{left:0;bottom:0;top:auto;width:100%;height:87vw;border-radius:30px 30px 0 0;box-sizing:border-box}
#hanSoloBundleViewerContent.open{animation:openBundleVisor .3s}
#hanSoloBundleViewerContent.close{animation:closeBundleVisor .3s;bottom:-87vw}
@keyframes openBundleVisor { 0%{bottom:-87vw;-webkit-animation-timing-function:ease-out} 100%{bottom:0} }
@keyframes closeBundleVisor { 0%{bottom:0;-webkit-animation-timing-function:ease-out} 100%{bottom:-87vw} }
#hanSoloBundleViewerOuter{width:100%;height:100%;margin-top:0;overflow-x:auto;overflow-y:hidden}
#hanSoloBundleViewerInner{white-space:nowrap;padding:0 5vw}
#hanSoloBundleViewer .bundle-viewer-solo-product{width:34vw;margin-top:15vw;margin-right:3vw;margin-left:0;display:inline-block}
#hanSoloBundleViewer .bundle-viewer-solo-product.only-one-product{position:absolute;left:50%;transform:translateX(-50%);top:auto}
#hanSoloBundleViewer .title{width:100%;position:absolute;text-align:center;font-size:18px;margin-top:4vw}
#hanSoloBundleViewer .header{width:100%;padding-top:4vw}
#hanSoloBundleViewer .bar{display:block}
}
/* END SOLO BUNDLE VIEW */
#corp-title {
font-family: "brownbold", Arial;
font-size: 1.25rem;
height: 67px;
line-height: 67px;
color: #1e1e1e;
}
#corp-copy table {
border: 1px solid #e6e6e6;
margin-bottom: 20px;
}
#corp-copy table thead {
background: #CCC;
}
#corp-copy table thead tr th {
height: 40px;
width: 50%;
text-align: center;
}
#corp-copy table tbody tr td {
border: 1px solid #e6e6e6;
vertical-align: top;
padding: 5px;
}
#corp-copy > span {
font-family: "brownbold", Arial;
font-size: 0.875rem;
color: #1e1e1e;
}
#corp-copy > span {
display: inline-block;
text-transform: lowercase;
}
#corp-copy .form-interest-container {
border: 0 none;
margin-bottom: 0;
}
#corp-copy .form-interest-container td {
color: #1e1e1e;
border: 0 none;
}
#corp-copy > span:first-letter {
text-transform: uppercase;
}
#corp-copy span.title {
font-family: "brownbold", Arial;
font-size: 0.875rem;
color: #1e1e1e;
}
#corp-copy p {
color: #1e1e1e;
font-size: 14px;
line-height: 22px;
}
#corp-copy .field, #corp-copy .field b, #corp-copy .field span {
font-size: 0.875rem;
font-family: "brownregular", Arial;
font-weight: normal;
color: #1e1e1e;
}
#corp-copy {
font-family: "brownlight", Arial;
color: #1e1e1e;
float: left;
font-size: 1.125rem;
padding-right: 5%;
box-sizing: border-box;
}
#corp-menu {
font-family: "brownlight", Arial;
color: #1e1e1e;
text-transform: lowercase;
}
#corp-picture {
float: right;
margin-top: -50px;
}
#corp-copy {
margin-bottom: 90px;
}
#corp-copy, #corp-picture {
width: 40.6%;
}
#corp-menu {
width: 14%;
padding-right: 3%;
font-size: 0.875rem;
position: relative;
float: left;
}
#corp-menu div {
cursor: pointer;
clear: both;
margin-bottom: 8px;
}
#corp-menu div.selected {
font-family: "brownbold", Arial;
cursor: pointer;
clear: both;
margin-bottom: 8px;
}
#corp-menu div:hover {
color: #1e1e1e;
}
#corp-menu div:first-letter {
text-transform: uppercase;
}
#corp-wrapper {
width: 100%;
max-width: 1184px;
position: relative;
float: none;
padding: 20px;
font-size: 0.6875rem;
margin: 0 auto;
}
#corp-container {
width: 100%;
}
#corp-copy a {
color: #333;
}
#corp-copy span {
color: #1e1e1e;
}
.form-p {
color: #1e1e1e;
margin-top: 14px;
margin-bottom: 30px;
line-height: 22px;
}
.form-p h1{
font-size:18px;
font-weight: normal;
color: #1E1E1E;
margin-bottom:15px;
font-family: "brownregular";
}
.form-interest-title {
font-family: "brownregular", Arial;
color: #1e1e1e;
margin-top: 25px;
margin-bottom: 10px;
}
.form-interest-container {
width: 100%;
margin-bottom: 25px;
}
.form-interest-container td {
font-family: "brownregular", Arial;
font-size: 0.75rem;
cursor: pointer;
}
.form-interest-container td:before, .form-gender-container div:before {
display: block;
content: "";
border: 1px solid #FFF;
box-shadow: 0 0 0 1px #1e1e1e;
width: 13px;
height: 13px;
float: left;
margin-right: 7px;
margin-top: -3px;
}
.form-gender-container {
width: 100%;
margin-top: 36px;
padding-bottom: 21px;
}
.form-gender-container div {
font-family: "brownregular", Arial;
font-size: 0.75rem;
float: left;
margin-right: 30px;
cursor: pointer;
}
.form-legal-container {
width: 100%;
margin-top: 26px;
font-size: 0.625rem;
}
.form-phone {
font-size: 1.5rem;
}
#corp-picture img {
width: 100%;
height: auto;
margin-bottom: 50px;
}
#corp-wrapper .nomenu-left {
width: 50%;
}
#corp-wrapper .nomenu-right {
width: 50%;
}
#corp-copy.nomenu-left > div {
padding-right: 10%;
}
#corp-copy .field {
width: 100%;
border: none;
border-bottom: 1px solid #e6e6e6;
height: 24px;
line-height: 24px;
font-size: 0.875rem;
margin-top: 17px;
padding: 0;
}
.form-input-fixed {
width: 100%;
border: none;
border-bottom: 1px solid #e6e6e6;
height: 24px;
line-height: 24px;
font-family: Arial;
font-size: 0.875rem;
color: #333;
margin-top: 13px;
}
.form-check {
color: #1e1e1e;
float: left;
font-family: "brownbold", Arial;
font-size: 0.625rem;
cursor: pointer;
}
.form-check:before {
display: block;
content: "";
border: 1px solid #FFF;
box-shadow: 0 0 0 1px #1e1e1e;
width: 12px;
height: 12px;
border-radius: 12px;
float: left;
margin-right: 7px;
margin-top: -3px;
}
.form-check.checked:before, .form-interest-container td.checked:before, .form-gender-container div.checked:before {
background-color: #1e1e1e;
}
.form-check a {
text-decoration: underline;
}
#corp-copy .form-legal-container {
position: relative;
}
#corp-copy .form-legal-container .privacy-external, .privacy-external {
color: #747474;
font-family: "brownbold", Arial;
font-size: 0.625rem;
text-decoration: underline;
margin: 0 5px;
}
#corp-copy.nomenu-left > span, #corp-copy.nomenu-left .field, #corp-copy.nomenu-left .field b, #corp-copy.nomenu-left .field span, #corp-copy.nomenu-left .form-legal-container, #corp-copy.nomenu-left .form-interest-title {
font-size: 1.125rem;
width: 81%;
padding-right: 0 !important;
}
#corp-copy.nomenu-left .form-legal-container, #corp-copy .form-legal-container {
font-size: 0.625rem;
}
#corp-wrapper .info-button {
font-family: "brownregular";
border: 0 none;
background-color: transparent !important;
font-size: 1.5rem;
text-align: left;
padding-left: 0;
color: #1e1e1e;
text-transform: lowercase;
}
#corp-wrapper .info-button:first-letter {
text-transform: uppercase;
}
#corp-wrapper .info-button .icon-next {
font-size: 13px;
margin-left: 10px;
}
#corp-copy p {
margin-bottom: 30px;
margin-top: 0.5em;
}
#corp-copy .terms {
margin-bottom: 5px;
}
#corp-copy ol {
list-style-type: upper-roman;
font-size: 0.875rem;
line-height: 18px;
margin-top: 20px;
margin-bottom: 30px;
}
#corp-copy ol li {
margin-bottom: 10px;
}
#corp-copy a {
text-decoration: underline;
}
.tooltip-privacy {
border: 1px solid rgba(00,00,00,.2);
background: #FFF;
bottom: 20px;
display: none;
padding: 20px;
position: absolute;
width: 250px;
z-index: 1;
}
.tooltip-privacy.stockPolicies {
bottom: 390px;
position: fixed;
}
.tooltip-privacy.showPrivacy {
display: inline-block;
}
.tooltip-privacy-content {
display: inline-block;
float: left;
}
.tooltip-privacy-content span {
font-family: "brownlight";
font-size: 10px;
letter-spacing: 0.97px;
display: inline-block;
margin-bottom: 5px;
width: 100%;
}
.tooltip-privacy-content span.titlepop {
font-family: "brownregular";
font-size: 10px;
}
.tooltip-privacy-content span.titlepop.center {
display: inline-block;
font-family: "brownregular";
text-align: center;
margin-bottom: 5px;
}
.tooltip-privacy-content span.sub-title.center {
font-size: 8px;
margin-bottom: 10px;
text-align: center;
}
.tooltip-privacy .close-popup {
cursor: pointer;
position: absolute;
right: 20px;
}
.tooltip-privacy-content a.info {
display: inline-block;
font-family: "brownregular";
font-size: 10px;
margin-bottom: 10px;
text-decoration: underline;
}
#provinces {
cursor: pointer;
background: none;
position: relative;
}
#provinces:before {
font-family: "icomoon";
content: "\e900";
right: 0;
position: absolute;
font-size: 0.875rem;
display: block;
}
#provinces #provincesmenu {
font-size: 0.875rem;
clear: both;
background: #FFF;
position: relative;
display: none;
border-bottom: 1px solid #e6e6e6;
padding: 15px 0px 15px 3px;
height: auto;
line-height: 1.5;
max-height: 130px;
width: auto !important;
overflow-y: auto;
z-index: 1;
}
#provinces #provincesmenu .provinceitem {
padding-left: 2px;
padding-bottom: 6px;
}
#provinces #provincesmenu .provinceitem:hover {
color: #9B9B9B;
}
#corp-copy .field.fieldTextArea {
height: 150px;
}
#corp-copy .field .value {
font-family: "brownlight";
}
.lft-success #corp-copy {
margin-bottom: 0;
margin-top: 0;
}
.lft-success #corp-picture {
margin-top: 0;
}
@media screen and (max-width: 1024px) {
#corp-wrapper {
padding:20px;
padding-top: 5px;
width: auto;
}
#corp-title {
width: auto;
}
#corp-copy.nomenu-left > div > span:nth-child(1) + p {
}
.form-interest-container td:before, .form-gender-container div:before {
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 2px #1e1e1e;
width: 24px;
height: 24px;
float: left;
margin-right: 13px;
margin-top: -6px;
}
.form-check:before {
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 2px #1e1e1e;
width: 24px;
height: 24px;
border-radius: 24px;
float: left;
margin-right: 13px;
margin-top: -8px;
}
#corp-copy .form-p, .form-interest-container td, .form-gender-container div {
font-size: 1.125rem;
line-height: 20px;
}
#corp-copy > span, #corp-copy .form-p, #corp-copy .field, #corp-copy .field b, #corp-copy .field span, #corp-copy .form-legal-container, #corp-copy .form-interest-title {
font-size: 1.125rem;
padding-right: 0;
}
#corp-copy .form-legal-container > div {
font-size: 0.8125rem;
}
#corp-copy .form-legal-container > div {
// width: 100%;
width: auto;
}
#corp-copy .form-check {
margin: 20px 0;
}
#corp-copy .form-legal-container .privacy-external {
font-size: 0.8125rem;
margin: 20px 0 0 5px;
float: left;
}
#corp-copy .form-legal-container .requiredFieldTxt {
margin: 20px 0 0 5px;
}
.form-interest-container td {
display: block;
float: left;
width: 32%;
white-space: nowrap;
margin: 17px 0;
}
#provinces #provincesmenu {
font-size: 1.125rem;
}
.lft-success #corp-menu {
position: relative;
width: 100%;
text-align: right;
}
.lft-success #corp-copy {
width: 100%;
margin-bottom: 0;
top: 0;
}
.lft-success #corp-picture {
margin-top: 0;
margin-bottom: 40px;
width: 100%;
}
#corp-copy span.title {
font-size: 14px;
}
#corp-copy p {
font-size: 0.875rem;
line-height: 18px;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
#corp-wrapper .nomenu-left {
top:0;
}
#corp-wrapper .nomenu-right {
float: right;
}
#corp-menu {
font-size: 1.125rem;
position: absolute;
width: 50%;
}
#corp-copy {
width: 45%;
top: 90px;
position: relative;
}
#corp-picture {
margin-top: 0;
width: 50%;
}
#corp-copy .form-p, #corp-copy .field, #corp-copy .field b, #corp-copy .field span, #corp-copy .form-legal-container, #corp-copy .form-interest-title {
width: 95%;
padding-right: 0 !important;
}
#corp-copy .field {
margin-top: 30px;
}
.form-p {
margin-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
#corp-wrapper {
padding:10px;
padding-top: 5px;
}
#corp-wrapper .nomenu-left {
padding-right: 0;
width: 100%;
}
#corp-wrapper .nomenu-right {
width: 100%;
padding-right: 0;
float: left;
display: block;
}
#corp-container {
display: flex;
flex-direction: column-reverse;
}
#corp-menu {
width: 50%;
order: 1;
align-self: flex-end;
text-align: right;
font-size: 1.125rem;
line-height: 22px;
margin-top: -43px;
margin-bottom: 18px;
}
#corp-copy {
width: 100%;
font-size: 1.125rem;
line-height: 22px;
}
#corp-copy p {
font-size: 0.875rem;
line-height: 18px;
}
#corp-copy.nomenu-left p {
font-size: 0.875rem;
}
#corp-copy > div, #corp-copy.nomenu-left > div {
padding-right: 0;
}
#corp-picture {
margin-top: 0;
margin-bottom: 40px;
width: 100%;
height: 300px;
overflow: hidden;
}
.form-interest-container td {
width: 48%;
}
.lft-newsletter #corp-picture {
display: none;
}
.lft-success #corp-menu {
order: 3;
}
.lft-success #corp-copy {
order: 1;
margin-bottom: 0;
}
.lft-success #corp-picture {
margin-top: 0;
margin-bottom: 40px;
width: 100%;
height: auto;
overflow: auto;
}
#corp-copy.nomenu-left .field {
width: 100%;
}
#corp-copy .field {
margin-top: 40px;
}
#corp-copy .form-p, #corp-copy .field, #corp-copy .field b, #corp-copy .field span, #corp-copy .form-legal-container, #corp-copy .form-interest-title {
font-size: 1.125rem;
}
#corp-copy .form-p, .form-interest-container td, .form-gender-container div {
font-size: 1.125rem;
}
.form-interest-container td:before, .form-gender-container div:before {
width: 18px;
height: 18px;
margin-top: -1px;
}
.form-interest-title {
margin-top: 40px;
}
}
#layout_disclaimer
{
position:fixed;
width:510px;
z-index:25;
/*background:#e6e6e6;*/
bottom:14px;
right:14px;
}
.lft-disclaimer-popup
{
padding:26px;
width:calc(100%-40px);
background:#fff;
opacity:0.9;
margin:14px;
border:1px solid #e6e6e6;
font-family:'brownlight';
font-size:13px;
text-align:left;
color:#747374;
line-height: 17px;
position:relative;
}
.lft-disclaimer-popup .lft-disclaimer-popup-close
{
position:absolute;
width: 18px;
height: auto;
top:14px;
right:14px;
cursor:pointer;
display: block;
}
.lft-disclaimer-popup a
{
color:#747374;
text-decoration:underline;
}
@media (max-width:1024px), (orientation: portrait)
{
#layout_disclaimer
{
bottom:10px;
left:10px;
width:auto;
}
.lft-disclaimer-popup
{
padding: 35px 50px;
text-align:center;
}
.lft-disclaimer-popup .lft-disclaimer-popup-close
{
position:absolute;
top:15px;
right:15px;
cursor:pointer;
display: block;
}
}
@media (max-width:600px)
{
.lft-disclaimer-popup
{
padding: 35px;
font-size:11px;
}
}
#layout_top {
font-family: "brownregular";
background: none;
height: auto;
left: 0;
margin: 0;
top:0px;
position: fixed;
text-transform: capitalize;
width: 100%;
z-index:20;
padding-top:0px;
}
#layout_top_background {
width: 100%;
height: 114px;
position: fixed;
top: 0;
left: 0;
display:none;
height: 0;
}
#layout_top_background div {
width: 100%;
height: 100%;
background: #fff;
}
#layout_content {
position: absolute;
font-family: "brownlight", Arial, sans-serif;
left: 0px;
width: 100%;
margin-left: 0px;
padding-bottom: 0;
overflow-x: hidden;
top:53px;
}
.banner-open #layout_content {
top:80px;
}
#layout_bottom {
position: relative;
float: left;
width: 100%;
font-size: 12px;
border-top: 1px solid #dedede;
}
#layout_filter {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgb(255, 255, 255) transparent;
background: rgba(255, 255, 255, 0.95);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)";
background: #1e1e1e;
opacity: 0.7;
z-index: 15;
}
#layout_front {
display: none;
}
#layout_alert {
display: none;
}
#layout_scroll_up
{
visibility: visible;
position: fixed;
bottom: 50px;
right: 40px;
opacity: 1;
/*width: 61px;
height: 60px;*/
font-size: 3.8em;
z-index:5;
}
#layout_scroll_up span{
font-size: 12px;
text-align: center;
display: block;
line-height: 78px;
height: 75px;
width: 75px;
background-color: #1e1e1e;
color: white;
border-radius: 50%;
display: inline-block;
cursor: pointer;
font-family: brownlight;
opacity:0.7;
}
#layout_scroll_up img{
display: block;
height: 55px;
width: 55px;
cursor: pointer;
font-family: brownlight;
opacity:0.7;
}
@media (max-width:898px), (orientation: portrait) {
#layout_scroll_up
{
right: 8.0vw;
width: 45px;
height: 44px;
font-size: 2.8em;
}
#layout_scroll_up span{
font-size: 11px !important;
line-height: 58px !important;
height: 55px !important;
width: 55px !important;
}
#layout_bottom {
font-size: 15px;
border-top:none;
background:#f9f8f6;
text-align:left;
}
}
@media screen and (max-width: 767px) {
#layout_content
{
padding-bottom: 0;
overflow-y: hidden;
margin-bottom: -6px;
}
}
@media (max-width:415px){
#layout_content
{
top:57px;
}
}
/*MENUBAR*/
#layout_top #menubar, #lft-worldwide #menubar
{
width:100%;
color:#fff;
height: 80px;
line-height: 60px;
position:relative;
}
#layout_top.background {
background: #FFF;
border-bottom: 1px solid #e6e6e6;
}
#layout_top.background #menubar, #layout_top.blackmenu #menubar, #layout_top.background #logo_icon, #layout_top.blackmenu #logo_icon
{
color:#1E1E1E;
}
#layout_top.background #logo_icon, #layout_top.blackmenu #logo_icon
{
color:#211915;
}
#layout_top.background #menu_fake, #layout_top.blackmenu #menu_fake
{
color:#211915;
}
/*ICONS MENU BAR */
#layout_top #menu_icon{
position:absolute;
left:60px;
transform: translateY(-50%);
top: 50%;
cursor:pointer;
font-size: 18px;
font-weight: 600;
}
#layout_top #menu_icon_svg_container{
position:absolute;
left:60px;
transform: translateY(-55%);
top: 50%;
cursor:pointer;
height: 22px;
width: 25px;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='33px' height='29px' viewBox='0 0 33 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='menu_icon_svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='1' transform='translate(-61.000000, -61.000000)' stroke='%23FFFEFF' stroke-width='3'%3E%3Cg id='Group-2-Copy' transform='translate(62.000000, 62.000000)'%3E%3Cpath d='M0.861111111,1.45676692 L30.1894987,1.45676692' id='Line'%3E%3C/path%3E%3Cpath d='M0.861111111,13.1109023 L30.1894987,13.1109023' id='Line-Copy'%3E%3C/path%3E%3Cpath d='M0.861111111,26.2218045 L30.1894987,26.2218045' id='Line-Copy-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size: 18px;
background-position: center;
}
/*MENU FAKE*/
#layout_top #menu_fake{
position:absolute;
left:60px;
top:25px;
cursor:pointer;
display:none;
width:270px;
color: #fff;
}
#layout_top #menu_fake ul{
padding-left:0px;
list-style-type:none;
font-family: "brownregular";
font-size:24px;
line-height:normal;
}
#layout_top #menu_fake ul li{
padding-top:6px;
padding-bottom:6px;
line-height:25px;
}
.circular #layout_top #menu_fake ul li{line-height:25px;}
#layout_top #menu_fake ul li .deploy{
float: right;
margin-right: 98px;
font-size: 19px;
display:none;
}
#layout_top #menu_fake ul li .deploy::after{
content:"+";
}
/*MENU FAKE*/
/*SECOND MENU FAKE->>> IS REAL!*/
html.home-menu #lft-navtree{display: block;background: none;box-shadow: none;color:#fff;}
html.home-menu #lft-navtree .sidemenu-list.first-level .sidemenu-list-item a,
html.home-menu #lft-navtree .sidemenu-list.deeper-level .sidemenu-list-item a,
html.home-menu #lft-navtree .sidemenu-list .sidemenu-list-item.active > a,
html.home-menu #lft-navtree .sidemenu-list .sidemenu-list-item.kids-subcategory a .subname{color:#fff;}
html.home-menu.blackmenu #lft-navtree{color:#1e1e1e;}
html.home-menu.blackmenu #lft-navtree .sidemenu-list.first-level .sidemenu-list-item a,
html.home-menu.blackmenu .sidemenu-list.deeper-level .sidemenu-list-item a,
html.home-menu.blackmenu .sidemenu-list .sidemenu-list-item.active > a,
html.home-menu.blackmenu .sidemenu-list .sidemenu-list-item.kids-subcategory a .subname{color:#1e1e1e;}
/*SECOND MENU FAKE->>> IS REAL!*/
#layout_top #logo_icon, #lft-worldwide #logo_icon{
position:absolute;
left:50%;
font-size:100px;
line-height: 15px;
/* margin-right: 60px;*/
transform: translateX(-50%) ;
top: 30%;
cursor:pointer;
color:white;
will-change: transform;
}
@media screen and (min-width: 900px) {
#layout_top #logo_icon, #lft-worldwide #logo_icon{
padding: 0px;
}
}
#layout_top #buscador{
position: absolute;/*
left: 50%;
transform: translateX(-50%);
line-height: 15px;
transform: translate(-50%,-50%);*/
top: 50%;
font-family: 'brownregular';
}
#layout_top #buscador #search_icon{
display:inline;
margin-right: -15px;
cursor:pointer;
font-size:17px;
}
#layout_top #buscador #search_input{
padding-left: 22px;
width: 282px;
border: none;
border-bottom: 1px solid white;
font-family: 'brownlight';
background: none;
color:white;
overflow: hidden;
text-overflow: ellipsis;
font-size:18px;
}
#layout_top #buscador #search_input_fake
{
position:absolute;
top:2px;
left: 22px;
width: 282px;
border: none;
font-family: 'brownregular';
background: none;
color:white;
overflow: hidden;
text-overflow: ellipsis;
font-size:18px;
pointer-events: none;
white-space:nowrap;
line-height: 18px;
}
#layout_top #buscador #search_input_fake .subtitle
{
font-family: 'brownlight';
}
#layout_top.background #buscador #search_input_fake, #layout_top.blackmenu #buscador #search_input_fake{
color:#1E1E1E;
}
#layout_top.background #menu_icon_svg_container, #layout_top.blackmenu #menu_icon_svg_container{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='33px' height='29px' viewBox='0 0 33 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='menu_icon_svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='1' transform='translate(-61.000000, -61.000000)' stroke='%234c4947' stroke-width='3'%3E%3Cg id='Group-2-Copy' transform='translate(62.000000, 62.000000)'%3E%3Cpath d='M0.861111111,1.45676692 L30.1894987,1.45676692' id='Line'%3E%3C/path%3E%3Cpath d='M0.861111111,13.1109023 L30.1894987,13.1109023' id='Line-Copy'%3E%3C/path%3E%3Cpath d='M0.861111111,26.2218045 L30.1894987,26.2218045' id='Line-Copy-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='33px' height='29px' viewBox='0 0 33 29' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='menu_icon_svg'%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='1' transform='translate(-61.000000, -61.000000)' stroke='%231e1e1e' stroke-width='3'%3E%3Cg id='Group-2-Copy' transform='translate(62.000000, 62.000000)'%3E%3Cpath d='M0.861111111,1.45676692 L30.1894987,1.45676692' id='Line'%3E%3C/path%3E%3Cpath d='M0.861111111,13.1109023 L30.1894987,13.1109023' id='Line-Copy'%3E%3C/path%3E%3Cpath d='M0.861111111,26.2218045 L30.1894987,26.2218045' id='Line-Copy-2'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#layout_top.background #buscador #search_input, #layout_top.blackmenu #buscador #search_input{
border-bottom: 1px solid #1E1E1E;;
color:#1E1E1E;
}
#layout_top #buscador #search_input::-moz-placeholder{ color: white;}
#layout_top #buscador #search_input:-ms-input-placeholder{ color: white;}
#layout_top #buscador #search_input:-moz-placeholder{ color: white;}
#layout_top #buscador #search_input::-webkit-input-placeholder{ color: white;}
#layout_top.background #buscador #search_input::-moz-placeholder, #layout_top.blackmenu #buscador #search_input::-moz-placeholder {color: #1E1E1E;}
#layout_top.background #buscador #search_input:-ms-input-placeholder, #layout_top.blackmenu #buscador #search_input:-ms-input-placeholder {color: #1E1E1E;}
#layout_top.background #buscador #search_input:-moz-placeholder, #layout_top.blackmenu #buscador #search_input:-moz-placeholder {color: #1E1E1E;}
#layout_top.background #buscador #search_input::-webkit-input-placeholder, #layout_top.blackmenu #buscador #search_input::-webkit-input-placeholder {color: #1E1E1E;}
#layout_top #buscador #search_input:focus{outline: none;}
li
{
padding:0;
margin:0;
}
ul
{
padding:0;
margin:0;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
/*NAVTREE*/
#lft-navtree
{
position:fixed;
top:0px;
left:0px;
width:270px;
/*padding: 0px 40px 0px 40px; //modify menu deployed*/
padding: 0px 40px 0px 60px;
font-size:15px;
line-height:initial;
background:rgba(255,255,255,1);
display:none;
height:100vh;
overflow-y:auto;
color: #747374;
font-family: "brownlight";
-webkit-overflow-scrolling: touch;
box-shadow: 1px 1px 2px #e6e6e6;
box-shadow:0px 0px 1px #f1f1f1;
/*opacity: 0;*/
/*background-image: url(../images/menu_referencia2.jpg);
background-repeat: no-repeat;*/
}
.circular #lft-navtree{line-height:0.95;}
#lft-navtree.banner-open
{
top:28px;
}
@media (min-width:898px){
#lft-navtree {
-ms-overflow-style: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
#lft-navtree::-webkit-scrollbar {
display: none; // Safari and Chrome
}
}
/*
.navtree-open #lft-navtree
{
left: 60px;
top: 195px;
display: block;
padding: 0;
box-shadow: none;
height: calc(100vh - 190px);
}
.navtree-open #layout_top #menu_icon_svg_container
{
display:none;
}
*/
@keyframes fadeInOpacity {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#lft-navtree.is-visible
{
display:block;
animation-name: fadeInOpacity;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-duration: 0.35s;
}
#lft-navtree #lft-navtree-close
{
/*height:65px; //modify menu deployed*/
height:25px;
width:100%;
cursor:pointer;
position:relative;
}
#lft-navtree #lft-navtree-close .icon-cerrar
{
float: right;
line-height: 65px;
font-size: 20px;
}
#lft-navtree #lft-navtree-close .iconcerrar
{
position: absolute;
vertical-align: ;
top: 50%;
right: 0px;
transform: translateY(-50%);
height: 25px;
display:none; /*modify menu deployed*/
}
#lft-navtree #lft-navtree-spacer
{
height:120px;
width:100%;
position:relative;
}
#lft-navtree #lft-navtree-blur
{
height:120px;
width:350px;
position:fixed;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) , #fff );
pointer-events: none;
bottom:0px;
left:0px;
display:none;
}
/*old icomoon close
#lft-navtree #lft-navtree-close .icon-cerrar
{
float: right;
line-height: 65px;
font-size: 20px;
}*/
/** MENU MOBILE TOP**/
#lft-navtree .topmenu-list-mobile
{
padding-left:0px;
list-style-type:none;
display:none;
margin-top:15px;
border-bottom: 1px solid #e6e6e6;
width: calc(100% + 60px);
margin-left: -30px;
}
#lft-navtree .topmenu-list-mobile .topmenu-list-item
{
float:left;
/*margin-right: 1em;*/
overflow:hidden;
text-overflow: ellipsis;
height:36px;
white-space:nowrap;
box-sizing: border-box;
font-size:18px;
line-height:32px;
font-family: "brownregular";
text-transform:uppercase;
}
#lft-navtree .topmenu-list-mobile .topmenu-list-item a
{
color:#747374;
display: inline-block;
text-align: center;
width: auto;
box-sizing: border-box;
height:77%;
}
#lft-navtree .topmenu-list-mobile .topmenu-list-item.active
{
border-bottom: 2px solid #4c4c4c;
}
#lft-navtree .topmenu-list-mobile .topmenu-list-item.active a
{
/*text-decoration:underline;*/
/*border-bottom: 1px solid #1E1E1E;;*/
color:#1E1E1E;;
}
/*SIDE MENU*/
#lft-navtree .sidemenu-list
{
padding-left:0px;
list-style-type:none;
}
#lft-navtree .sidemenu-list.level-1{}
#lft-navtree .sidemenu-list.level-2{padding-left:20px;}
#lft-navtree .sidemenu-list.level-3{padding-left:20px;}
#lft-navtree .sidemenu-list.level-4{padding-left:20px;}
#lft-navtree .sidemenu-list.deeper-level
{
padding-top:10px;
padding-bottom:15px;
}
#lft-navtree .sidemenu-list.no-visible
{
display:none;
}
#lft-navtree .sidemenu-list .sidemenu-list-item
{
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
list-style-type:none;
}
#lft-navtree .sidemenu-list.first-level .sidemenu-list-item
{
padding-top:6px;
padding-bottom:6px;
}
#lft-navtree .sidemenu-list.first-level li::first-child
{
padding-top:3px;
}
#lft-navtree .sidemenu-list .sidemenu-list-item
{
text-transform:none;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item > a
{
font-size: 24px;
line-height: 24px;
width: 100%;
display: inline-block;
font-family: "brownregular";
text-transform:uppercase;
}
/* STYLES FOR ELEMENTS ONLY VISIBLE ON MOBILE MENU*/
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
display:none;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile > a
{
font-size: 16px;
line-height:20px;
width:100%;
display:inline-block;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
padding-top:20px;
margin-top:20px;
border-top: 1px solid #e6e6e6;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile ~ .sidemenu-list-item.mobile
{
padding-top: 6px;
padding-bottom: 6px;
margin-top:0px;
border-top: none;
}
#lft-navtree .sidemenu-list > .sidemenu-list-item.mobile.uppercase > a
{
text-transform:uppercase;
}
/* STYLES FOR ELEMENTS ONLY VISIBLE ON MOBILE MENU*/
#lft-navtree .sidemenu-list .sidemenu-list-item a
{
color:#747374;
}
#lft-navtree .sidemenu-list.first-level .sidemenu-list-item a
{
color:#1E1E1E;
}
#lft-navtree .sidemenu-list.deeper-level .sidemenu-list-item a:hover
{
font-family:'brownregular';
}
#lft-navtree .sidemenu-list.deeper-level .sidemenu-list-item.title a
{
cursor:default;
}
#lft-navtree .sidemenu-list.deeper-level .sidemenu-list-item.title a:hover
{
text-decoration:none;
}
#lft-navtree .sidemenu-list .sidemenu-list-item.active > a
{
color:#1E1E1E;
font-family: "brownregular";
}
#lft-navtree .sidemenu-list .sidemenu-list-item.parent > a
{
/*cursor:default;*/
}
#lft-navtree .sidemenu-list .sidemenu-list-item sup
{
font-size: 10px;
margin-left: 3px;
font-style: italic;
}
/*KIDS STYLES*/
#lft-navtree .sidemenu-list .sidemenu-list-item.kids-subcategory > a, #lft-navtree .sidemenu-list .sidemenu-list-item.editorial-subcategory > a
{
font-family:'brownlight';
font-size:15px;
}
#lft-navtree .sidemenu-list .sidemenu-list-item.kids-subcategory.active > a, #lft-navtree .sidemenu-list .sidemenu-list-item.editorial-subcategory.active > a
{
font-family:'brownregular';
}
#lft-navtree .sidemenu-list .sidemenu-list-item.kids-subcategory a .subname
{
vertical-align:baseline;
font-size:10px;
margin-left:6px;
color:#747374;
}
/*SALES STYLES*/
#lft-navtree .sidemenu-list .sidemenu-list-item.new-collection a
{
/*color:#00ff00;*/
}
#lft-navtree .sidemenu-list .sidemenu-list-item.sales a
{
color:#FF4AD0;
}
#lft-navtree .sidemenu-list .sidemenu-list-item.sales.salesOnRed a
{
color:#DE0707;
}
#lft-navtree .sidemenu-list .sidemenu-list-item.sales.active > a,#lft-navtree .sidemenu-list .sidemenu-list-item.sales .active > a
{
font-family: "brownregular";
}
/*SALES STYLES*/
#lft-navtree .sidemenu-list > .sidemenu-list-item > .icon
{
height: 24px;
margin-right: 6px;
vertical-align: sub;
}
/*#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deployer
{
display: inline-block;
width: 32px;
height: 32px;
background-image: url(../img/icon/plus.png);
background-repeat: no-repeat;
background-size: 17px 17px;
background-position: center center;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item > a > .deployer
{
float:right;
margin-right:70px;
}
#lft-navtree .sidemenu-list.deeper-level > .sidemenu-list-item > a > .deployer
{
width: 14px;
height: 14px;
margin-left:10px;
}
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deployer.open
{
background-image: url("../img/icon/minus.png");
}*/
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy
{
display: inline-block;
}
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy:after
{
content:"+";
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item > a > .deploy
{
float:right;
margin-right:98px;
font-size:19px;
}
#lft-navtree .sidemenu-list.deeper-level > .sidemenu-list-item > a > .deploy
{
margin-left:10px;
font-size:13px;
line-height:10px;
}
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy.open:after
{
content:"-";
}
#lft-navtree #lft-mobile-extra-categories
{
border-top:1px solid #1e1e1e;
padding-top:30px;
}
#layout_top #menubar, #lft-worldwide #menubar{ height:53px;}
#layout_top #menu_icon_svg_container { width:18px; height:16px; z-index:5; }
#layout_top #buscador #search_input_fake{top:4px;}
#layout_top #buscador #search_icon{vertical-align: top;}
#layout_top #logo_icon, #lft-worldwide #logo_icon{}
@media (max-width:898px), (orientation: portrait) {
#layout_top.background {
border-bottom:none;
}
#layout_top #menu_icon{
left:30px;
}
#layout_top #menu_icon_svg_container{
left:30px;
}
#lft-worldwide #logo_icon{
right:auto !important;
font-size:100px;
}
#layout_top #logo_icon{
right:auto !important;
left:100px;
font-size:100px;
}
#layout_top #buscador #search_input{
font-size:18px;
width: 180px;
}
#layout_top #buscador #search_input_fake{
font-size:18px;
width: 180px;
font-family:'brownlight';
}
#layout_top #buscador #search_icon{
font-size:17px;
}
#layout_top.background #menubar{
border-bottom:1px solid #cbcbcb ;
}
#layout_top.background #lft-navtree{
margin-top:1px;
}
#lft-navtree
{
top:53px;
width:290px;
height: calc(100vh - 81px);
padding: 0px 30px 0px 30px;
background:rgba(255,255,255,1);
}
/* .navtree-open #lft-navtree
{
top:80px;
left:0px;
display: block;
padding: 0px 30px 0px 30px;
box-shadow: 1px 1px 2px #e6e6e6;
height: 100vh;
}
.navtree-open #layout_top #menu_icon_svg_container
{
display:block;
}*/
#lft-navtree.banner-open
{
top:107px;
height: calc(100vh - 108px);
}
#lft-navtree-close
{
display:none;
}
#lft-navtree .topmenu-list-mobile
{
display:block;
}
#lft-navtree #lft-navtree-spacer
{
/*fix bottom bar ios*/
height: 180px;
}
#lft-navtree #lft-navtree-blur
{
height: 70px;
width:350px;
display:block;
}
#lft-navtree .sidemenu-list.first-level .sidemenu-list-item
{
padding-top:11px;
padding-bottom:11px;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile ~ .sidemenu-list-item.mobile
{
padding-top: 11x;
padding-bottom: 11px;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item > a
{
font-size:16px;
display:none;
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item > a.show-mobile
{
display:inline;
}
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deployer
{
/*display: none;*/
}
#lft-navtree .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
display:block;
}
}
@media (max-width:750px){
#layout_top #menu_icon_svg_container{
width:18px;
height:16px;
}
#layout_top #buscador #search_input{
font-size:16px;
width: 120px;
}
#layout_top #buscador #search_input_fake{
font-size:16px;
width: 120px;
}
#layout_top #buscador #search_icon{
font-size:15px;
}
#layout_top #logo_icon, #lft-worldwide #logo_icon{
font-size:100px;
right:0px;
top:50%;
transform: translateY(-50%) translateX(-50%);
}
}
@media (max-width:415px){
#lft-navtree
{
width:230px;
top:57px;
}
/* .navtree-open #lft-navtree
{
top:57px;
}*/
#layout_top #menubar, #lft-worldwide #menubar
{
height: 57px;
}
#layout_top #buscador #search_icon{
font-size:16px;
}
#layout_top #buscador #search_input{
width: 70px;
font-size: 16px;
}
#layout_top #buscador #search_input_fake{
width: 70px;
font-size: 16px;
}
#layout_top #logo_icon, #lft-worldwide #logo_icon{
/*margin-right:50px;*/
font-size:80px;
}
#layout_top #menu_icon{
font-size:13px;
}
.icon-logo-lefties-movil::before {
padding-right:50px;
}
#layout_top #menu_icon_svg_container{
left:0px;
padding: 25px;
margin-top: 2px;
}
#lft-navtree
{
top:57px;
height: calc(100vh - 58px);
}
#lft-navtree.banner-open
{
top:84px;
height: calc(100vh - 85px);
}
#lft-navtree #lft-navtree-blur
{
width:290px;
}
}
/*@media (max-width:415px)
{
#layout_top #menubar, #lft-worldwide #menubar { height: 29px;}
#lft-navtree{top:29px; height: calc(100vh - 30px);}
#lft-navtree.banner-open{top:56px; height: calc(100vh - 87px);}
#layout_top #menu_icon_svg_container { width: 16px; height: 14px; }
#layout_top #buscador #search_input { width: 65px; font-size: 13px;}
#layout_top #buscador #search_input_fake { width: 70px;font-size: 13px;top:2px;}
#layout_top #buscador #search_icon { font-size: 13px;vertical-align: middle;}
#layout_top #logo_icon, #lft-worldwide #logo_icon { font-size: 65px;line-height:17px;}
}*/
/* BANNER */
#lft-banner
{
width:100%;
height:27px;
background:#A3A5A7;
font-size:13px;
font-family:brownlight;
line-height:27px;
text-align:center;
display:none;
color:#fff;
cursor: pointer;
position: relative;
text-transform:none;
z-index:1000;
}
#lft-banner #lft-banner-close
{
height: 27px;
width: 27px;
/* float: right; */
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#lft-banner #lft-banner-close .icon-cerrar
{
line-height: 27px;
font-size: 10px;
}
/*
.search-page #grid-wrapper.grid-product {
width: 1184px;
}
.search-page #grid-wrapper #grid-product-container {
width: 100%!important;
}
.search-page .grid-product-search {
margin: 0;
float: none!important;
display: inline-block;
width: 25%;
vertical-align: top;
box-sizing: border-box;
padding-right: 25px;
}
// .search-page .grid-product-search:nth-child(4n+4) {
// padding-right: 0;
//}
.search-page .grid-product-search img {
width: 100%;
height: auto;
}
.search-page .grid-product-standard .info-element {
height: auto;
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
.search-page #grid-wrapper.grid-product {
width:100vw;
padding: 0 20px;
box-sizing: border-box;
}
}
@media screen and (max-width: 1024px) {
.search-page #grid-wrapper.grid-product {
width:100vw;
padding: 0 20px;
box-sizing: border-box;
}
.search-page #grid-wrapper.grid-product #grid-container {
width: auto!important;
padding: 0;
}
.search-page .grid-product-search {
width: 33.33%!important;
padding: 0!important;
padding-bottom: 1em!important;
padding-right: 20px!important;
}
.search-page .grid-product-search:nth-child(3n+3) {
padding-right: 0!important;
}
.search-page #grid-filter-container {
margin-top: 0px;
margin-bottom: 10px;
}
.search-page #grid-filter-container #filter-btn {
padding: 0;
}
}
@media screen and (max-width: 767px) {
.search-page #grid-wrapper.grid-product {
padding:0 10px;
}
.search-page .grid-product-search {
width: 50%!important;
padding: 0!important;
padding-bottom: 1em!important;
padding-right: 10px!important;
}
.search-page .grid-product-search:nth-child(3n+3) {
padding-right: 10px!important;
}
.search-page .grid-product-search:nth-child(2n+2) {
padding-right: 10px!important;
}
.search-page #grid-filter-container #filter-btn {
padding: 100px 0 0 0;
}
}*/
#NewsletterPopup {
font-size: 12px;
left: 50%;
background: #FFF;
font-family: "brownlight";
text-align: center;
position: absolute;
width: 954px;
margin-left: 0px;
top: 50%;
height: 70vh;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
color:#747374;
max-height:600px;
}
#NewsletterPopupContent {
width: 50%;
box-sizing: border-box;
height: 100%;
top: 0!important;
padding: 60px 60px 10px 60px;
padding-top: 50px;
position: relative;
overflow:auto;
}
#NewsletterPopup input {
color:#747474;
}
#NewsletterPopup .form-p-newsletter {
margin-bottom: 30px;
font-weight: bold;
letter-spacing: 1px;
font-size:12px;
letter-spacing: 0px;
text-transform: none;
color:#1e1e1e;
line-height:16px;
letter-spacing: 0.5px;
color:#747374;
}
#NewsletterPopup .form-p-newsletter h3
{
font-size: 13px;
font-family: 'brownregular';
letter-spacing:1px;
margin-bottom:17px;
color:#1e1e1e;
}
#NewsletterPopup .field-newsletter {
background: none;
text-align: inherit;
border-bottom: 1px solid transparent;
margin-top: 20px;
font-size: 12px;
font-family: 'brownregular', Futura;
text-align:left;
border-bottom:1px solid #1e1e1e;
color:#1e1e1e;
}
#NewsletterPopup .field-newsletter::-moz-placeholder{ color: #1e1e1e;}
#NewsletterPopup .field-newsletter:-ms-input-placeholder{ color: #1e1e1e;}
#NewsletterPopup .field-newsletter:-moz-placeholder{ color: #1e1e1e;}
#NewsletterPopup .field-newsletter::-webkit-input-placeholder{ color: #1e1e1e;}
#NewsletterPopup .newsletter-form-gender-container, .newsletter-page .newsletter-form-gender-container {
margin-top: 20px;
margin-left: 0!important;
padding-bottom: 2px;
text-align:center;
font-size:12px;
color:#1e1e1e;
}
#NewsletterPopup .newsletter-form-gender-container .field, .newsletter-page .newsletter-form-gender-container .field{
height:auto;
display:inline;
width:auto;
vertical-align:bottom;
}
#NewsletterPopup .newsletter-form-gender-container span, .newsletter-page .newsletter-form-gender-container span{
margin-right:10px;
}
#NewsletterPopup .form-legal-container {
width: 100%;
margin-top: 30px;
position: relative;
font-size:10px;
font-family: 'brownlight';
}
#NewsletterPopup .form-legal-container > div {
float: none;
}
#NewsletterPopup .form-check {
cursor: pointer;
font-family: 'brownlight';
font-size:10px;
color:#747374;
}
#NewsletterPopup .form-check div{
text-align:left;
padding-left:20px;
}
#NewsletterPopup .form-check:before {
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 1px #747374;
width: 6px;
height: 6px;
border-radius: 0px;
float: left;
margin-right: 0px;
margin-top: 0px;
}
#NewsletterPopup .form-check.checked:before {
background-color:#747374;
}
#NewsletterPopup .form-check a {
text-decoration: underline;
color:#747474;
}
#NewsletterPopup .privacy-external
{
color:#747474;
font-size:10px;
margin:0;
}
#NewsletterPopup img {
padding-right: 10px;
}
#NewsletterPopup .info-button {
width: 50%;
margin-top: 100px;
border: none;
font-size: 32px;
text-transform: lowercase;
font-weight: bold;
margin-top: 50px;
letter-spacing: 2px;
}
#NewsletterPopup .info-button:hover {
text-decoration: underline;
}
::-webkit-input-placeholder {
color: #747474;
}
:-moz-placeholder {
color: #747474;
opacity: 1;
}
::-moz-placeholder {
color: #747474;
opacity: 1;
}
:-ms-input-placeholder {
color: #747474;
}
#NewsletterPopup .warning {
background: none;
text-align: inherit;
border-bottom: none;
font-size: 12px;
font-family: 'brownregular';
margin-top: 20px;
color: red;
}
#NewsletterPopup > div {
display: inline-block;
vertical-align: middle;
}
#NewsletterPopupPicture {
width: 50%;
background-color: transparent;
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#NewsletterPopup .tooltip-privacy.showPrivacy
{
display:block;
}
#NewsletterPopup .info-button.send {
background: #1e1e1e;
position: relative;
margin: 0;
margin-top:30px;
font-size: 12px;
color: #fff;
text-transform: none;
letter-spacing: 0!important;
padding: 10px 10px;
display:block;
float:none;
margin-left:50%;
transform:translateX(-50%);
}
#NewsletterPopup .info-button.send:hover {
text-decoration: none;
background: #747374;
color:#fff;
}
#NewsletterPopup .info-button.send span {
}
#PopupFullscreen #NewsletterPopup .close-popup {
height: auto;
width: auto;
right: 0;
top: 0;
padding: 20px;
color:#1e1e1e;
}
#PopupFullscreen #NewsletterPopup .close-popup span {
font-size: 1rem;
font-weight: 600;
}
@media screen and (min-width: 768px) and (max-width:1320px) {
}
@media screen and (max-width: 1024px) {
#layout_filter {
z-index:15!important;
}
#PopupFullscreen {
z-index: 25!important;
}
#PopupFullscreen #Container {
position: relative;
}
#NewsletterPopup {
width: auto;
top: initial;
bottom: 0;
margin: 0;
-webkit-transform: translate(0%,0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%,0%);
-o-transform: translate(0%,0%);
transform:translate(0%,0%);
left: 0;
height: -webkit-calc(100% - 20px);
height: -moz-calc(100% - 20px);
height: -ms-calc(100% - 20px);
height: -o-calc(100% - 20px);
height: calc(100% - 20px);
padding:10px;
overflow:auto;
-webkit-overflow-scrolling: touch;
max-height:none;
}
#NewsletterPopup #NewsletterPopupContent {
padding:0px 30px 0px 30px;
overflow:visible;
}
#NewsletterPopup > div {
width: 100%;
height: 50%;
}
#PopupFullscreen #NewsletterPopup .close-popup {
right: 20px;
top: 20px;
padding: 20px;
}
#PopupFullscreen #NewsletterPopup .close-popup span {
font-size: 1rem;
font-weight: 600;
color:white;
}
#PopupFullscreen #NewsletterPopup .tooltip-privacy .close-popup span {
color:#454545;
}
#NewsletterPopup .warning {
padding-bottom:50px;
}
}
@media screen and (max-width: 767px) {
#NewsletterPopup #NewsletterPopupPicture {
height: 30%;
}
#NewsletterPopup #NewsletterPopupContent {
height: 70%;
}
#NewsletterPopup .field-newsletter {
margin-top: 14px;
}
#NewsletterPopup .form-p-newsletter {
margin-bottom: 20px;
}
#NewsletterPopup .form-legal-container {
}
#PopupFullscreen #NewsletterPopup .close-popup {
right: 10px;
top: 10px;
}
}
#grid-wrapper #grid-menu {
width: 15%;
position: relative;
background: #fff;
float: left;
margin-left: 60px;
min-height:1px;
}
#grid-wrapper .grid-menu-option {
margin-bottom: 10px;
cursor: pointer;
width: 95%;
white-space:nowrap;
}
#grid-wrapper .grid-menu-option a {
color: #1E1E1E;
line-height: 14px;
text-decoration: none;
}
#grid-wrapper .grid-menu-option:hover>span a {
/*color: #9b9b9b!important;*/
}
#grid-wrapper .grid-menu-option:hover>span {
border-bottom: 1px solid #1E1E1E;
}
#grid-wrapper .grid-menu-option sup {
font-size: 10px;
margin-left: 3px;
}
#grid-wrapper .grid-menu-option-active span {
border-bottom: 0px solid #1E1E1E;
font-family: "brownregular";
}
#grid-wrapper .grid-menu-option-nc {
}
#grid-wrapper .grid-menu-option-sales a, .grid-menu-option-sales span {
color: #FF4AD0!important;
}
#grid-wrapper .grid-menu-option-header:hover>span {
border-bottom: none;
}
#grid-wrapper .grid-menu-option .subname
{
vertical-align:baseline;
font-size:10px;
margin-left:6px;
color:#747374;
}
#grid-wrapper .lft-menu-category {
clear: both;
background: #fff;
display: none;
position: absolute;
z-index: 1;
width: 200px;
height: 200px;
}
#grid-wrapper .lft-menu-option:hover .lft-menu-category {
display: block;
}
#grid-wrapper .colors-red {
color: #1E1E1E;
}
#grid-wrapper .lft-menu-block {
font-family: "brownlight";
}
#grid-wrapper .lft-menu-subcategory-block {
padding-left: 7px;
overflow: hidden;
display: none;
}
#grid-wrapper .lft-menu-sales-block {
padding-left: 7px;
overflow: hidden;
display: none;
}
/* FIXED MENU */
#grid-menu-fixed
{
position:fixed;
top:190px;
left:60px;
max-height: calc(100vh - 190px);
overflow-y: auto;
width:15%;
}
.banner-open #grid-menu-fixed
{
position:fixed;
top:220px;
left:60px;
max-height: calc(100vh - 220px);
overflow-y: auto;
width:15%;
}
#grid-menu-fixed.product-page
{
top:162px;
max-height: calc(100vh - 162px);
}
.banner-open #grid-menu-fixed.product-page
{
top:192px;
max-height: calc(100vh - 192px);
}
#grid-menu-fixed
{
-ms-overflow-style: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
#grid-menu-fixed::-webkit-scrollbar
{
display: none; // Safari and Chrome
}
@media (max-width:898px), (orientation: portrait) {
/*#grid-wrapper #grid-menu-fixed {
left:30px;
}*/
}
@media screen and (max-width: 1280px) {
#grid-wrapper.product-page #grid-menu {
display: none;
}
#grid-wrapper.product-page #grid-menu-fixed{
display: none;
}
}
@media screen and (max-width: 898px) , (orientation: portrait) {
#grid-wrapper.grid-product #grid-menu {
display: none;
}
#grid-menu-fixed{
display: none;
}
}
/*END GRID MENU CSS*/
/*NEW GRID MENU CSS*/
/*SIDE MENU*/
#grid-wrapper #grid-menu-fixed
{
font-size:15px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list
{
padding-left:0px;
list-style-type:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.level-1{}
#grid-wrapper #grid-menu-fixed .sidemenu-list.level-2{padding-left:20px;}
#grid-wrapper #grid-menu-fixed .sidemenu-list.level-3{padding-left:20px;}
#grid-wrapper #grid-menu-fixed .sidemenu-list.level-4{padding-left:20px;}
#grid-wrapper #grid-menu-fixed .sidemenu-list.deeper-level
{
padding-top:10px;
padding-bottom:15px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.no-visible
{
display:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item
{
padding-left:0px;
padding-top:3px;
padding-bottom:3px;
list-style-type:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level .sidemenu-list-item
{
padding-top:6px;
padding-bottom:6px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level li::first-child
{
padding-top:3px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a
{
font-size: 24px;
line-height: 24px;
width: 100%;
display: inline-block;
font-family: "brownregular";
text-transform:uppercase;
}
/* STYLES FOR ELEMENTS ONLY VISIBLE ON MOBILE MENU*/
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
display:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile > a
{
font-size: 16px;
line-height:20px;
width:100%;
display:inline-block;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
padding-top:20px;
margin-top:20px;
border-top: 1px solid #e6e6e6;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile ~ .sidemenu-list-item.mobile
{
padding-top: 6px;
padding-bottom: 6px;
margin-top:0px;
border-top: none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item.mobile.uppercase > a
{
text-transform:uppercase;
}
/* STYLES FOR ELEMENTS ONLY VISIBLE ON MOBILE MENU*/
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item a
{
color:#747374;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level .sidemenu-list-item a
{
color:#1E1E1E;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.deeper-level .sidemenu-list-item a:hover
{
font-family:'brownregular';
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.deeper-level .sidemenu-list-item.title a
{
cursor:default;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.deeper-level .sidemenu-list-item.title a:hover
{
text-decoration:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.active > a
{
color:#1E1E1E;
font-family: "brownregular";
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.parent > a
{
/*cursor:default;*/
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item sup
{
font-size: 10px;
margin-left: 3px;
font-style: italic;
}
/*KIDS STYLES*/
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.kids-subcategory > a, #grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.editorial-subcategory > a
{
font-family:'brownlight';
font-size:15px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.kids-subcategory.active > a, #grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.editorial-subcategory.active > a
{
font-family:'brownregular';
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.kids-subcategory a .subname
{
vertical-align:baseline;
font-size:10px;
margin-left:6px;
color:#747374;
}
/*SALES STYLES*/
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.new-collection a
{
/*color:#00ff00;*/
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.sales a
{
color:#FF4AD0;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.sales.salesOnRed a
{
color:#DE0707;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.sales.active > a,#grid-wrapper #grid-menu-fixed .sidemenu-list .sidemenu-list-item.sales .active > a
{
font-family: "brownregular";
}
/*SALES STYLES*/
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > .icon
{
height: 24px;
margin-right: 6px;
vertical-align: sub;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy
{
display: inline-block;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy:after
{
content:"+";
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a > .deploy
{
float:right;
margin-right:60px;
font-size:19px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.deeper-level > .sidemenu-list-item > a > .deploy
{
margin-left:10px;
font-size:13px;
line-height:10px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy.open:after
{
content:"-";
}
#grid-wrapper #grid-menu-fixed #lft-mobile-extra-categories
{
border-top:1px solid #1e1e1e;
padding-top:30px;
}
#grid-wrapper #grid-menu-fixed #lft-navtree-spacer
{
height:120px;
width:100%;
position:relative;
}
@media (max-width:1600px)
{
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a > .deploy
{
margin-right:40px;
}
}
@media (max-width:1200px)
{
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a > .deploy
{
margin-right:20px;
}
}
@media (max-width:898px), (orientation: portrait) {
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level .sidemenu-list-item
{
padding-top:11px;
padding-bottom:11px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile ~ .sidemenu-list-item.mobile
{
padding-top: 11x;
padding-bottom: 11px;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a
{
font-size:16px;
display:none;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item > a.show-mobile
{
display:inline;
}
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deployer
{
/*display: none;*/
}
#grid-wrapper #grid-menu-fixed .sidemenu-list.first-level > .sidemenu-list-item.mobile
{
display:block;
}
}
/*EN NEW GIRD MENU CSS*/
/*GRID CSS*/
#grid-wrapper {
margin: 0 auto;
float: none;
width: 100%;
position: relative;
}
/* 2.0 */
#grid-wrapper.grid-product #grid-container {
margin-left: 0;
padding: 0;
min-height: 70vh;
width: calc( 85% - 120px);
position: relative;
float: left;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
/* 2.0 */
/* 2.0 */
body.filtersopen #grid-wrapper.grid-product #grid-container, body.orderbyopen #grid-wrapper.grid-product #grid-container{
opacity: 0.3;
}
/* 2.0 */
.grid-filter-header-container
{
right:0px;
}
/* FILTROS , ORDENACION VISTAS */
#grid-filter-container {
position: relative;
float: left;
width: 100%;
height: 120px;
margin-top: 0px;
font-family: "brownlight";
z-index:5;
font-size:12px;
background:#fff;
color: #1e1e1e;
border-top: 1px solid #e6e6e6;
}
#grid-filter-container #grid-filter-centerblock{
position: absolute;
top: 50%;
width: 100%;
text-align: right;
right: 160px;
transform: translateY(-50%);
line-height: 120px;
font-family:'brownlight';
}
#grid-filter-container #grid-filter-centerblock .centerblock{
display:inline-block;
margin-right:20px;
}
#grid-filter-container #grid-filter-centerblock .centerblock.deployer
{
cursor:pointer;
position: relative;
}
#grid-filter-container #grid-filter-centerblock .centerblock.deployer .grid-filter-header-container::after{
content: url(../images/icons/deployer_down.png);
margin-left:25px;
display: inline-block;
vertical-align: middle;
line-height: normal;/*
-webkit-transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transform: rotate(0deg);*/
}
/* 2.0 */
.filtersopen #grid-filter-container #grid-filter-centerblock #filter-btn.centerblock.deployer .grid-filter-header-container::after{
content: url(../images/icons/deployer_down.png);
/*transform: rotate(180deg);*/
}
#grid-filter-container #grid-filter-centerblock .centerblock.deployer .grid-filter-header-container.arrowdeployed::after{
content: url(../images/icons/deployer_down.png);
/*transform: rotate(180deg);*/
}
/* 2.0 */
/*#grid-filter-container #grid-filter-centerblock .centerblock.deployer .grid-filter-header-container:hover:after
{
content:"-";
}*/
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs{
text-align: left;
float: left;
padding-left: calc(15% + 220px);
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs .separator{
margin:0px 10px;
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs a{
color: #1e1e1e;
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs a:hover{
text-decoration:underline;
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs a.active
{
font-family:'brownregular';
color: #1e1e1e;
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs #grid-product-counter
{
margin-left:10px;
}
/* FILTROS , ORDENACION VISTAS */
/* CAPA ORDENACION */
/* 2.0 */
#order-layer {
position: absolute;
background:#fff;
/*border-top:1px solid #e0e0e0;*/
border-bottom:1px solid #e0e0e0;
padding: 20px 50px 45px 50px;
top:100%;
width:calc(85% - 120px);
/*left: calc(15vw + 60px);*/
left: calc(15% + 220px);
box-sizing: border-box;
}
/* 2.0 */
#order-layer.hidden {
display:none;
}
#order-layer .order-option{
line-height:25px;
cursor:pointer;
white-space:nowrap;
}
#order-layer .order-option.active{
font-family:brownbold;
}
/* FILTROS , ORDENACION VISTAS */
/* CAPA FILTROS */
/* 2.0 */
#grid-filter-container #grid-filter-centerblock .centerblock#filter-btn{margin-right:0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#grid-filter-container #grid-filter-centerblock .centerblock#order-btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/* 2.0 */
/* 2.0 */
#grid-separator{
position: absolute;
width: calc(100% - calc(180px + calc(15% - 60px)));
margin-left: calc(15% + 60px);
border-bottom: 1px solid #e6e6e6;
top: 100px;
z-index: 5;
}
/* 2.0 */
/* FILTROS , ORDENACION VISTAS */
/* CAPA VISTAS */
#grid-filter-container #grid-viewmode-container {
position:absolute;
top:50%;
right:60px;
transform: translateY(-50%);
}
#grid-filter-container #grid-viewmode-container span {
margin-left: 5px;
cursor: pointer;
}
#grid-filter-container #grid-viewmode-container span.active {
text-decoration:underline;
}
/* FILTROS , ORDENACION VISTAS */
/*CAPA FILTROS*/
/* 2.0 */
#grid-filter-container #filter-layer {
background: #FFF;
height: 400px;
position: relative;
top: 100%;
z-index: 1;
width: calc(100% - calc(15% + 60px));
float: right;
}
/* 2.0 */
#grid-filter-container .hidden {
display: none;
}
#grid-filter-container #filter-layer .veil {
position: fixed;
background-color: #F9FAFC;
opacity: 0.7;
top: 0;
bottom: 0;
left: 0;
width: 100vw;
z-index: 1;
display:none;
}
/* 2.0 */
#grid-filter-container #filter-layer #filters-wrapper {
background: #FFF;
height: 100%;
margin-top: 0;
opacity: 1;
padding: 1.2vw 2vw 0vh 0vw;
position: relative;
z-index: 2;
border-bottom:1px solid #e6e6e6;
overflow-y: auto;
}
/* 2.0 */
#grid-filter-container #filter-layer #filters-wrapper > .grid-filter, #grid-filter-container #filter-layer #filters-wrapper > span {
z-index: 2;
}
#grid-filter-container #filter-layer #filters-wrapper > .grid-filter{
margin-right: 25px;
}
#grid-filter-container #filter-layer #filters-wrapper > .grid-filter:last-of-type{
margin-right: 0;
}
#grid-filter-container #filter-layer #filters-wrapper > .icon-cerrar {
cursor: pointer;
position: absolute;
font-size: 12px;
font-weight: bold;
right: 20px;
z-index: 10;
top: 20px;
}
#grid-filter-container #filter-layer .grid-filter {
line-height:14px;
float: left;
position: relative;
padding: 25px 15px 30px 25px;
cursor: default;
overflow-y:hidden;
background: #FFF;
width: calc(25% - 32px);
box-sizing: border-box;
border: 1px solid #bababa;
border-radius: 15px;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-title{
font-size:14px;
font-family:brownregular;
}
#grid-filter-container #filter-layer .grid-filter-category {
clear: both;
display: none;
position: relative;
top: 0;
z-index: 1;
background: #fff;
margin-left: -25px;
padding-bottom: 10px;
height:180px;
overflow-y:auto;
font-family:brownlight;
display: block;
position: relative;
margin: 15px 0px 0px;
width: 100%;
}
#grid-filter-container #filter-layer .grid-filter-category::-webkit-scrollbar {
width: 3px;
}
#grid-filter-container #filter-layer .grid-filter-category::-webkit-scrollbar-track {
background-color: #e6e6e6;
} /* the new scrollbar will have a flat appearance with the set background color */
#grid-filter-container #filter-layer .grid-filter-category::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */
#grid-filter-container #filter-layer .grid-filter-category::-webkit-scrollbar-button {
background-color: #7c2929;
display: none;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */
#grid-filter-container #filter-layer .grid-filter-category::-webkit-scrollbar-corner {
background-color: #e6e6e6;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .checkbox-custom + .checkbox-custom-label:before {
margin-right: 23px;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .circle-filter {
display: inline-block;
height: 10px;
left: 28px;
margin-top: 12px;
/*position: absolute;*/
margin-right:10px;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .circle-filter img {
display: block;
margin-left: 0;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .circle-filter .circle-filter-img {
width: 10px; */
display: inline-block;
background-position: center center;
border: 1px solid #e6e6e6;
background-size: auto;
background-repeat: no-repeat;
width: 15px;
height: 15px;
border-radius: 15px;
display: inline-block;
vertical-align: sub;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .circle-filter .circle-filter-img.active {
content: url(../images/product/check-active2.svg);
}
#grid-filter-container #filter-layer .grid-filter-category .boxLabel {
font-family: "brownlight";
height: 30px;
width: 100%;
vertical-align: top;
line-height: 30px;
}
#grid-filter-container #filter-layer .checkbox-custom {
display: none!important;
opacity: 0;
position: absolute;
}
#grid-filter-container #filter-layer .checkbox-custom,#grid-filter-container #filter-layer .checkbox-custom-label {
cursor: pointer;
display: inline-block;
margin: 5px 5px 5px 0px;
vertical-align: middle;
}
#grid-filter-container #filter-layer .checkbox-custom-label {
position: relative;
}
#grid-filter-container #filter-layer .checkbox-custom + .checkbox-custom-label:before {
background: #fff;
border: 1px solid #747474;
content: '';
display: inline-block;
height: 10px;
margin-right: 5px;
padding: 2px;
position: relative;
text-align: center;
top: -2px;
vertical-align: middle;
width: 10px;
display:none;
}
#grid-filter-container #filter-layer .checkbox-custom:checked + .checkbox-custom-label:before {
background: #747474;
box-shadow: inset 1px 1px 0px #fff, inset -1px -1px 0px #fff;
}
#grid-filter-container #filter-layer .checkbox-custom-label.active
{
font-family: "brownbold";
color:#1E1E1E;
}
/* 2.0 */
#grid-filter-container #filter-layer .box-buttons-filter {
margin-left:22px;
clear: both;
line-height: 40px;
margin-top: 25px;
position: relative;
text-align: right;
/*width: 100%;*/
width:97%;
z-index: 1;
}
/* 2.0 */
#grid-filter-container #filter-layer .box-buttons-filter a {
cursor: pointer;
background: #1e1e1e;
border-radius: 40px;
color: #FFF;
padding: 9px 15px;
position: relative;
display: inline-block;
line-height: 14px;
width:115px;
text-align: center;
}
#grid-filter-container #filter-layer .box-buttons-filter .delete-filters {
margin-left: 40px;
}
/* 2.0 */
#grid-filter-container #filter-layer .filterTag {
cursor: pointer;
background: #f7f7f7;
border-radius: 40px;
color: #000;
padding: 9px 15px;
position: relative;
display: inline-block;
line-height: 14px;
width:115px;
text-align: left;
font-size:14px;
font-weight:300;
margin-right: 10px;
transition: opacity 0.1s ease-out;
}
/* 2.0 */
#grid-filter-container #filter-layer .deleteFilterTag {
float: right;
display: inline !important;
font-size: 18px;
margin-top: 8px;
margin-right: 0px;
font-weight: lighter;
line-height: 0px !important;
cursor: pointer;
}
#tagFilters
{
display: inline;
float: left;
max-width: 85%;
text-align: left;
}
/* PARRILLA PRODUCTOS */
#grid-product-container {
float: left;
margin-bottom: 100px;
position: relative;
width: 100%;
}
#grid-product-container #noProductsContainer {
font-family: "brownregular";
padding-bottom: 200px;
padding-top: 200px;
text-align: center;
width: 100%;
}
/*PRODUCTO*/
.grid-product-standard
{
color: #1e1e1e;
float: left;
line-height: 17px;
height: 100%;
padding-bottom: 22px;
margin:0;
position: relative;
/*text-align: center;*/
box-sizing: content-box;
font-size:14px;
padding:0px;
}
.grid-product-standard:hover .name {
text-decoration: none!important;
/*color: #9b9b9b;*/
}
.grid-product2
{
width: calc(50% - 50px);
padding-right: 50px;
width: 49%;
padding-right: 2%;
}
.grid-product2:nth-child(2n){ padding-right:0px;}
.grid-product3
{
width: 265px;
padding-right: 3%;
}
.grid-product4
{
width:calc(25% - 25px);
padding-right: 25px;
width:24.4%;
padding-right: 0.8%;
}
.grid-product4:nth-child(4n){ padding-right:0px;}
.grid-product6
{
width: calc(16.6% - 20px);
padding-right: 20px;
width: 16.1%;
padding-right: 0.6%;
}
.grid-product6:nth-child(6n){ padding-right:0px;}
/*.grid-product-search
{
width: 225px;
margin-right: 20px;
}*/
.grid-product-standard .img-container
{
position:relative;
overflow:hidden;
}
.grid-product-standard .img-container img
{
width: 100%;
height: 100%;
background-color: #fefefe;
/*opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;*/
}
.grid-product-standard .img-container .grid-product-image
{
position:absolute;
bottom:0px;
top:0px;
right:0px;
left:0px;
}
.grid-product-standard .img-container:before
{
content: "";
display: block;
padding-top: 124%;
}
.grid-product2 .img-container img {
min-height: 5em;
}
/*.grid-product-search img {
margin-bottom: 7px;
width: 225px;
height: 287px;
background: #fefefe;
}*/
.grid-product-standard .info-element {
font-family: "brownlight";
height:180px;
float: left;
width: 100%;
margin-top:20px;
font-size:16px;
}
.grid-product-standard .longfit {
position: relative;
bottom: 80px;
background: rgb(81, 227, 194);
color: #FFF;
box-sizing: border-box;
padding: 4px 23px;
text-align: center;
font-family: "brownregular";
width: auto;
display: inline-block;
}
.grid-product-standard .new {
/* Eliminado el new */
/* display: none;*/
/* Eliminado el new */
color: #1E1E1E;
margin-bottom: 8px;
font-family: "brownregular";
font-size:14px;
}
.grid-product-standard .name {
margin-bottom: 15px;
font-family: "brownregular";
}
.grid-product-standard .blockprice {
margin-top: 2px;
margin-bottom: 15px;
}
.grid-product-standard .price {
color: #1E1E1E;
font-family: "brownregular";
/*margin: 0px 4px;*/
white-space: nowrap;
}
.grid-product-standard .newprice {
margin: 0px 4px;
/*color: #FF4AD0!important;*/
color: #DE0707 !important;
}
/* 2.0 */
html.salesPeriod .grid-product-standard .newprice{color:#FF4AD0!important;}
html.salesPeriod .grid-product-standard .newprice.salesOnRed {color: #DE0707!important;}
/* 2.0 */
.grid-product-standard .oldprice {
color: #aaaaaa;
margin: 0px 4px;
text-decoration: line-through;
font-size: 14px;
}
.grid-product-standard .tags-outer {
position: absolute;
top: 0;
margin-top: 20px;
margin-left: 20px;
}
.grid-product-standard .tag-element {
border-radius: 40px;
padding:5px 14px 5px 14px;
display:inline-block;
letter-spacing: 1px;
text-align: center;
}
.grid-product-standard .tag-element-img
{
background:transparent;
width: 20px;
height: auto;
min-height:0px;
display:inline;
vertical-align:middle;
float:left;
margin-right: 15px;
}
/* 2.0 */
.grid-product-standard .tag-discount {
color: #fff;
background-color: #DE0707;
}
.grid-product-standard .tag-discount {
color: #fff;
background-color: #DE0707;
margin-bottom:15px;
width:fit-content;
display:block;
}
/* 2.0 */
html.salesPeriod .grid-product-standard .tag-discount{background-color:#FF4AD0;}
/* 2.0 */
.grid-product-standard .tag-element.tag-newprice {
color: #fff;
background-color: #E15E0E;
margin-bottom:15px;
width:fit-content;
display:block;
font-style: italic;
}
/* 2.0 */
html.salesPeriod .grid-product-standard .tag-discount.salesOnRed{background-color:#DE0707;}
/* 2.0 */
.grid-product-standard .tag-new {
color: #1e1e1e;
/*background-color:#FF009C;*/
background-color: rgba(243,243,243,0.5);
border:1px solid #1e1e1e;
display:block;
margin-bottom:15px;
width: fit-content;
}
/* 2.0 */
.grid-product-standard .info-element .more-colors{
text-transform:lowercase;
}
.grid-product-standard .info-element .fake-more-colors{
height: 17px;
}
.product-sale {
color: #d51e30 !important;
}
.product-old {
text-decoration: line-through;
color: #969696 !important;
}
.product-new {
position: absolute;
top: 257px;
right: 0;
width: 40px;
height: 20px;
background: #d51e30;
color: #fff;
}
a {
text-decoration: none;
color: #555;
}
.grid-product-standard .over-element
{
position:absolute;
border-radius: 25px;
/*bottom:0px;*/
padding:10px 0px 0px;
/*width:100%;*/
bottom: 25px;
left: 20px;
width: calc(100% - 40px);
min-height:20px;
background:rgb(255,2555,255);
background:rgba(232,232,232,0.85);
display:none;
text-align: center;
}
/* 2.0 */
.info-element .lft-new-button-grid
{
/*padding: 10px 28px;
font-size: 12px;
letter-spacing: 1px;
min-width: 150px;
box-sizing: border-box;*/
pointer-events: all;
cursor: pointer;
position: absolute;
bottom: 45px;
/*margin: 0px auto 20px auto;
display:inline-block;
padding:10px 30px;
color:#fff;
background-color:#1e1e1e;*/
}
/* 2.0 */
#order-layer .lft-new-button-grid-order
{
max-width: 25%;
float: left;
width: 21%;
margin: 2%;
line-height: initial;
}
.info-element .lft-new-button-grid:hover
{
}
.grid-product-standard:hover .img-container .over-element
{
display:block;
}
.grid-product-standard .img-container .arrow-container
{
position:absolute;
bottom:0px;
top:0px;
right:0px;
left:0px;
pointer-events:none;
}
.grid-product-standard:hover .img-container .grid-product-arrow
{
display:block;
pointer-events:all;
}
.grid-product-standard .img-container .grid-product-arrow
{
display:none;
position: relative;
top:40%;
height:31px;
width:auto;
background:none;
min-height:unset;
}
.grid-product-standard .img-container .grid-product-arrow-left
{
margin-left:10px;
float:left;
}
.grid-product-standard .img-container .grid-product-arrow-right
{
margin-right:10px;
float:right;
}
.grid-product-standard .img-container .grid-product-preview
{
position: absolute;
bottom:20px;
height:15px;
width:auto;
background:none;
min-height:unset;
right:10px;
display:none;
pointer-events:all;
}
.grid-product-standard .img-container .grid-product-bullets
{
position: absolute;
bottom:50px;
height:15px;
width:100%;
height:20px;
pointer-events:all;
text-align:center;
display:none;
}
.grid-product4 .img-container .grid-product-bullets{ bottom:30px;}
.grid-product6 .img-container .grid-product-bullets{ bottom:20px;}
.grid-product-standard:hover .img-container .grid-product-bullets
{
display:none;
}
.grid-product-standard .img-container .grid-product-bullets .bullet
{
display:inline-block;
margin:0px 5px;
cursor:pointer;
width:10px;
height:10px;
border-radius:10px;
background:#747374;
box-sizing: border-box;
}
.grid-product4 .img-container .grid-product-bullets .bullet{ width:8px;height:8px;border-radius:8px;}
.grid-product6 .img-container .grid-product-bullets .bullet{ width:6px;height:6px;border-radius:6px;}
.grid-product-standard .img-container .grid-product-bullets .bullet.active
{
background: rgba(255,255,255,0);
border: 2px solid #747374;
}
.grid-product-standard .over-element .product-sizes {
width: 100%;
text-align: center;
/*margin-top: 10px;*/
margin-bottom: 20px;
color:#1e1e1e;
}
.grid-product-standard .over-element .product-sizes span{
margin-top: 10px;
border: 1px solid #1e1e1e;
border-radius: 5px;
min-width: 28px;
min-height: 28px;
line-height: 26px;
display: inline-block;
padding: 0 4px;
box-sizing: border-box;
}
.grid-product-standard .img-container .over-element .product-colors {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.grid-product-standard .img-container .over-element .product-colors span {
color: #1E1E1E;
font-family: "brownlight";
text-transform:lowercase;
}
.grid-product-standard .img-container .over-element .product-colors img {
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
margin: 0px;
background: #fcfcfc;
min-height:auto;
border-radius: 20px;
border: 1px solid #e6e6e6;
padding: 2px;
position:relative;
}
.grid-product-standard .img-container .over-element .product-colors img.active {
border: 1px solid #747374;
}
.grid-product-standard .img-container .over-element .product-colors .product-color-image {
width: 20px;
height: 20px;
border-radius: 20px;
display: inline-block;
cursor: pointer;
margin: 0px;
min-height:auto;
position:relative;
background-position:center center;
border: 1px solid #e6e6e6;
}
.grid-product-standard .img-container .over-element .product-colors .product-color-image.active {
content: url(../images/product/check-active2.svg);
}
.grid-product-standard .img-container .over-element .product-colors .product-colors-name {
margin-top:3px;
}
.seo-text {
font-size: 12px;
font-weight: 600;
background: #deecef;
text-align: left;
padding: 10px 20px;
width: calc( 85% - 120px);
position: absolute;
border-radius: 40px;
}
.seo-text h1 {
font-size: 12px;
line-height: 12px;
font-weight: 600;
display: inline-block;
margin: 0;
}
.seo-text h1::after {
content: "\00a0|\00a0";
}
@media (max-width:1440px) {
#grid-filter-container #filter-layer #filters-wrapper {
padding:3vw 10vw 0vh;
}
}
@media (max-width: 1200px){
#order-layer .lft-new-button-grid-order{
font-size: 12px;
padding: 14px 0;
width: 23%;
margin: 1%;
}
}
@media (max-width:898px), (orientation: portrait) {
#tagFilters
{
display: none;
}
#grid-wrapper.grid-product {
padding: 0;
width: 100%;
}
.filtersopen {
overflow:hidden;
}
#grid-filter-container {
position: relative;
float: left;
width: 100%;
height: auto;
line-height: 14px;
margin-top: 0px;
font-family: "brownregular";
z-index:5;
font-size:12px;
}
#grid-filter-container #grid-filter-centerblock
{
border-bottom:1px solid #e6e6e6;
line-height: inherit;
}
#grid-filter-container #grid-filter-breadcrumbs{
display:block;
height:30px;
width:100%;
/*border-top:1px solid #e6e6e6;*/
border-bottom:1px solid #e6e6e6;
white-space:nowrap;
}
#grid-filter-container #order-btn{
height:55px;
width:50%;
}
#grid-filter-container #filter-btn{
height:55px;
width:50%;
border-left:1px solid #e6e6e6;
border-image:linear-gradient(to bottom, rgba(206,206,206,0) 25%,rgba(206,206,206,1) 25%,rgba(206,206,206,1) 75%,rgba(206,206,206,0) 75%);
border-image-slice: 1;
box-sizing: border-box;
}
#grid-filter-container #grid-filter-centerblock
{
text-align: center;
position: relative;
top: 0%;
left: 0%;
transform: translate(0%,0%)
}
#grid-filter-container #grid-filter-centerblock .centerblock
{
margin-right:0px;
position:relative;
}
/* 2.0 */
#grid-filter-container #grid-filter-centerblock .centerblock .grid-filter-header-container
{
display:block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
white-space: nowrap;
font-size: 14px;
}
/* 2.0 */
#grid-filter-container #grid-viewmode-container {
display:none;
}
#order-layer {
position: absolute;
background:#fff;
border:1px solid #e0e0e0;
padding: 45px 0px;
top:100%;
width:100vw;
right: 0;
left:0;
}
/* 2.0 */
#grid-filter-container #filter-layer
{
max-height: calc(100vh - 157px);
height:auto;
overflow-y:auto;
width: 100%;
position: absolute;
}
/* 2.0 */
#grid-filter-container #filter-layer #filters-wrapper > .icon-cerrar {
display: none;
}
#grid-filter-container #filter-layer #filters-wrapper {
overflow-y: scroll;
border-top:none;
padding:0;
}
/* 2.0 */
#grid-filter-container #filter-layer .grid-filter {
text-align: center;
width: 90vw;
left:5vw;
padding:5px 15px;
margin-bottom:20px;
border:1px solid #ababab;
text-align:left;
border-radius: 25px;
}
/* 2.0 */
#grid-filter-container #filter-layer .grid-filter.first-element {
margin-top:20px;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-title{
padding:10px 0px;
}
.grid-filter .grid-filter-title::after
{
/*content:"+";*/
content: url(../images/icons/deployer_down.png);
display: inline-block;
vertical-align: middle;
line-height: normal;
float:right;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category {
margin-top: 10px;
padding-right:20px;
display:none;
width:auto;
}
#grid-filter-container #filter-layer .grid-filter.open .grid-filter-title{
border-bottom:1px solid #e6e6e6;
}
#grid-filter-container #filter-layer .grid-filter.open .grid-filter-title::after
{
/*content:"-";*/
content: url(../images/icons/deployer_up.png);
}
#grid-filter-container #filter-layer .grid-filter.open .grid-filter-category {
display:block;
}
#grid-filter-container #filter-layer .grid-filter-category .boxLabel {
height: 40px;
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category {
margin-top: 10px;
padding-right:20px;
}
#grid-filter-container #filter-layer .checkbox-custom {
display: none;
}
#grid-filter-container #filter-layer .checkbox-custom + .checkbox-custom-label:before {
display: none;
}
#grid-filter-container #filter-layer .checkbox-custom-label {
font-family: "brownlight";
width: auto;
max-width: 95%;
}
#grid-filter-container #filter-layer .checkbox-custom-label.active {
font-family: "brownbold";
}
#grid-filter-container #filter-layer .grid-filter .grid-filter-category#filter1 .circle-filter {
left: auto;
margin-top: 15px;
}
/* 2.0 */
#grid-filter-container #filter-layer .box-buttons-filter
{
margin-top:10px;
margin-bottom:20px;
text-align: center;
margin-left: 0;
margin-right: 0;
width: 100%;
}
#grid-separator{
display: none;
}
/* 2.0 */
#grid-wrapper.grid-product #grid-container {
/*width: auto;*/
width: 100vw;
}
.grid-product2 img {
height: auto;
}
#grid-product-container #noProductsContainer {
box-sizing: border-box;
margin-left: -20px;
}
.grid-product-standard .info-element {
font-size:12px;
line-height: 12px;
height: 85px;
margin-top:10px;
padding-left: 10px;
}
.grid-product-standard .new {
margin-bottom: 5px;
font-size:11px;
}
.grid-product-standard .name {
margin-bottom: 5px;
}
.grid-product-standard .blockprice {
margin-top: 2px;
margin-bottom: 5px;
}
.grid-product-standard .img-container .grid-product-preview
{
display:none;
}
.grid-product-standard:hover .img-container .over-element {
display:none;
}
.grid-product-standard.active .img-container .over-element {
display:block;
}
.grid-product-standard:hover .img-container .grid-product-arrow{
display:none;
}
.grid-product-standard.active .img-container .grid-product-arrow{
display:block;
}
.grid-product-standard .img-container .grid-product-arrow
{
top: 27%;
height: 26px;
}
.grid-product-standard .img-container .over-element .product-colors img
{
width:15px;
height:15px;
}
.grid-product-standard .img-container .grid-product-bullets
{
bottom:10px;
}
.grid-product-standard .img-container .grid-product-bullets .bullet{ width:6px;height:6px;border-radius:6px;}
#grid-filter-container #filter-layer .box-buttons-filter a {
padding: 9px 7px;
width:115px;
}
#grid-filter-container #filter-layer .box-buttons-filter .delete-filters {
margin-left: 20px;
}
.info-element .lft-new-button-grid{
/*bottom: 9px;
font-size: 9px;
min-width: 120px;
padding: 9px 22px;
line-height: 9px;*/
display: none;
}
#grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs{
text-align: center;
float: left;
padding-left: 0;
line-height: 30px;
}
.grid-product-standard .info-element .product-colors {
width: 100%;
text-align: left;
margin-top: 6px;
margin-bottom: 6px;
}
.grid-product-standard .info-element .product-colors span {
color: #1E1E1E;
font-family: "brownlight";
text-transform:lowercase;
}
.grid-product-standard .info-element .product-colors img {
width: 20px;
height: 20px;
display: inline-block;
cursor: pointer;
margin: 0px;
background: #fcfcfc;
min-height:auto;
border-radius: 20px;
border: 1px solid #e6e6e6;
padding: 2px;
position:relative;
}
.grid-product-standard .info-element .product-colors img.active {
border: 1px solid #747374;
}
.grid-product-standard .info-element .product-colors .product-color-image {
width: 12px;
height: 12px;
border-radius: 12px;
display: inline-block;
cursor: pointer;
margin: 0px;
min-height:auto;
position:relative;
background-position:center center;
border: 1px solid #e6e6e6;
}
.grid-product-standard .info-element .product-colors .product-color-image.active {
content: url(../images/product/check-active2.svg);
}
.grid-product-standard .info-element .product-colors .product-colors-name {
display: none;
}
.grid-product-standard .tags-outer {
position: absolute;
top: 0;
margin-top: 7px;
margin-left: 10px;
}
.grid-product-standard .tag-discount, .grid-product-standard .tag-new {
border-radius: 20px;
padding: 3px 8px 3px 8px;
font-size: 11px;
line-height: 13px;
margin-bottom: 10px;
}
.tag-element img{
background: transparent !important;
width: 13px !important;
height: auto !important;
min-height: 0px !important;
display: inline !important;
vertical-align: middle !important;
float: left !important;
margin-right: 10px !important;
}
#order-layer .lft-new-button-grid-order{
font-size: 12px;
padding: 14px 0;
margin: 0;
float: none;
max-width: 100%;
text-align: center;
width: 90vw;
left: 5vw;
margin-bottom: 20px;
}
.seo-text {
font-size: 10px;
font-weight: 600;
background: #deecef;
text-align: left;
padding: 15px 20px;
border-radius: 0;
width: 100%;
position: relative;
}
.seo-text h1 {
font-size: 10px;
line-height: 10px;
font-weight: 600;
display: inline-block;
margin: 0;
}
.seo-text h1::after {
content: " | ";
}
}
/*@media screen and (max-width: 767px) {
#grid-filter-container #filter-layer {
z-index: 13;
padding-bottom: 0;
}
#grid-filter-container .filter-events.icon-chevron-left {
font-size: 1.6rem;
left: 15px;
top: 0;
}
}*/
/*@media screen and (min-width: 1025px) and (max-width:1184px) {
#grid-wrapper.grid-product {
float:none;
width: 90%;
}
}*/
@media screen and (min-width: 768px) and (max-width:1024px) {
#grid-wrapper.grid-product #grid-container #grid-product-container .grid-product-standard {
/* clear:inherit;
float: inherit;
margin: 0;
width: 33%;
box-sizing: border-box;*/
}
.grid-product2 {
float: inherit;
}
.grid-product2:nth-child(odd) {
clear: inherit;
float: inherit;
}
.grid-product2 img {
float: left;
}
.grid-product-standard .info-element {
float: left;
width: 100%;
}
.grid-product6 .info-element{
font-size:;
font-size: 11px;
}
.grid-product6 .info-element .new{
font-size: 11px;
}
/*.info-element .lft-new-button-grid{
padding: 7px 16px;
font-size: 8px;
min-width: 110px;
margin: 5px auto auto auto;
}*/
.grid-product-standard .info-element .fake-more-colors {
height: 12px;
}
}
@media screen and (max-width: 767px) {
/* 2.0 */
.grid-product2 {
/*padding: 0 .5%;*/
padding-right: 2.933333%;
display: inline-block;
/*width: 50%!important;*/
width: 48.533333%;
}
.grid-product-container:nth-child(odd){
padding-right: 0;
}
/* 2.0 */
.grid-product2 img {
height: 100%;
}
}
@media screen and (min-width: 900px) {
#grid-filter-container #grid-filter-centerblock .centerblock.deployer .grid-filter-header-container #grid-multi-filter{
padding-left: 20px;
border-left: 1px solid #1e1e1e;
}
#grid-filter-container #filter-layer .grid-filter.first-element {
margin-left:25px;
}
}
/* PASA FOTOS GRID */
#grid-container #grid-slider {
width: 100%;
position: relative;
float: left;
overflow: hidden;
background: #fff;
}
#grid-container #grid-slider #grid-slider-wrapper {
width: 100%;
height: 100%;
position: absolute;
}
#grid-container #grid-slider #grid-slider-wrapper .grid-cover {
width: 100%;
height: 100%;
position: absolute;
}
#grid-container #grid-slider #grid-slider-wrapper .grid-cover img {
position: absolute;
top: 0px;
width: 100%;
height: auto;
}
#grid-container #grid-slider #grid-slider-wrapper .grid-cover .cover-title-container {
color: #fff;
position: absolute;
text-align: left;
}
#grid-container #grid-slider #slider-bullets {
position: absolute;
bottom: 21px;
right: 22px;
}
#grid-container #grid-slider #slider-bullets img {
float: left;
margin-left: 6px;
cursor: pointer;
width: 6px;
height: 6px;
}
#grid-container #grid-slider {
height: 375px;
}
#grid-container #grid-slider #slider-bullets img {
width: 8px;
height: 8px;
}
/* PASA FOTOS GRID */
/* SALES BANNER GRID */
#grid-banner-container
{
position: relative;
float: left;
font-family: "brownlight";
z-index: 4;
font-size: 13px;
color: #DE0707;
padding: 0px 0px 25px;
text-align: left;
pointer-events: none;
width: calc(100% - 15% + 60px);
margin-left: calc(15% + 60px);
}
/* 2.0 */
html.salesPeriod #grid-banner-container{color: #FF4AD0;}
/* 2.0 */
#grid-banner-container .mz-hide-mobile
{
display:none;
}
@media (max-width:898px), (orientation: portrait)
{
/* 2.0 */
#grid-banner-container
{
padding: 15px 25px 15px 25px;
text-align: center;
pointer-events: none;
width: auto;
line-height: 1.2;
margin-left: 0;
font-size: 12px;
}
.grid-product-standard .oldprice{
font-size: 11px;
}
/* 2.0 */
#grid-banner-container .mz-hide-mobile
{
display:none;
}
}
/* SALES BANNER GRID */
/* 2.0 6 columns styles */
@media (min-width: 899px){
.grid-product-standard.grid-product6 .info-element {font-size: 11px;}
.grid-product-standard.grid-product6 .info-element{margin-top:8px;line-height:14px}
.grid-product-standard.grid-product6 .name{margin-bottom:8px}
.grid-product-standard.grid-product6 .blockprice{margin-top:2px;margin-bottom:10px}
.grid-product-standard.grid-product6 .oldprice{margin:0 3px;font-size:10px}
.grid-product-standard.grid-product6 .newprice{font-size:12px}
.grid-product-standard.grid-product6 .tag-discount{margin-bottom:6px}
.grid-product-standard.grid-product6 .tag-new{margin-bottom:6px}
.grid-product-standard.grid-product6 .tag-element{padding:2px 7px}
.grid-product-standard.grid-product6{font-size:11px}
.grid-product-standard.grid-product6 .tags-outer{margin-top:6px;margin-left:6px}
.grid-product-standard.grid-product6:hover .img-container .over-element{display:none}
.grid-product6 .info-element .lft-new-button-grid{bottom:40px}
.grid-product-standard.grid-product6 .info-element{height:170px}
.grid-product6 .lft-new-button.grid{padding:8px 16px;max-width:95%;min-width:auto;font-size:11px;line-height:1.1;text-overflow:ellipsis;overflow:hidden}
.grid-product6 .lft-new-button.grid span{white-space:nowrap}
}
@media (min-width: 1281px) and (max-width: 1600px){
.grid-product-standard.grid-product6 .info-element {font-size: 13px;}
.grid-product-standard.grid-product6 .info-element{margin-top:8px;line-height:15px}
.grid-product-standard.grid-product6 .blockprice{margin-top:4px;margin-bottom:12px}
.grid-product-standard.grid-product6 .oldprice{margin:0 3px;font-size:12px}
.grid-product-standard.grid-product6 .newprice{font-size:14px}
.grid-product-standard.grid-product6{font-size:12px}
}
@media (min-width: 1601px) and (max-width: 1920px){
.grid-product-standard.grid-product6 .info-element {font-size: 14px;}
.grid-product-standard.grid-product6 .info-element{margin-top:8px;line-height:16px}
.grid-product-standard.grid-product6 .blockprice{margin-top:6px;margin-bottom:14px}
.grid-product-standard.grid-product6 .oldprice{margin:0 4px;font-size:13px}
.grid-product-standard.grid-product6 .newprice{font-size:15px}
.grid-product-standard.grid-product6{font-size:14px}
.grid-product6 .info-element .lft-new-button-grid{bottom:55px}
.grid-product-standard.grid-product6 .info-element{height:180px}
.grid-product-standard.grid-product6 .tags-outer div{margin-bottom:10px}
.grid-product-standard.grid-product6 .tag-element{padding:4px 9px}
.grid-product-standard.grid-product6 .tags-outer{margin-top:12px;margin-left:12px}
.grid-product-standard.grid-product6:hover .img-container .over-element{display:block;}
}
@media (min-width: 1921px){
.grid-product-standard.grid-product6 .info-element {font-size: 14px;}
.grid-product-standard.grid-product6 .info-element{margin-top:8px;line-height:16px}
.grid-product-standard.grid-product6 .blockprice{margin-top:6px;margin-bottom:14px}
.grid-product-standard.grid-product6 .oldprice{margin:0 4px;font-size:13px}
.grid-product-standard.grid-product6 .newprice{font-size:15px}
.grid-product-standard.grid-product6{font-size:14px}
.grid-product6 .info-element .lft-new-button-grid{bottom:55px}
.grid-product-standard.grid-product6 .info-element{height:180px}
.grid-product-standard.grid-product6 .tags-outer div{margin-bottom:10px}
.grid-product-standard.grid-product6 .tag-element{padding:4px 9px}
.grid-product-standard.grid-product6 .tags-outer{margin-top:12px;margin-left:12px}
.grid-product-standard.grid-product6:hover .img-container .over-element{display:block;}
}
/* 2.0 6 columns styles */
/* 2.0 4 columns styles */
@media (min-width: 899px){
.grid-product-standard.grid-product4 .info-element {font-size: 11px;}
.grid-product-standard.grid-product4 .info-element{margin-top:8px;line-height:14px}
.grid-product-standard.grid-product4 .name{margin-bottom:8px}
.grid-product-standard.grid-product4 .blockprice{margin-top:2px;margin-bottom:10px}
.grid-product-standard.grid-product4 .oldprice{margin:0 3px;font-size:10px}
.grid-product-standard.grid-product4 .newprice{font-size:12px}
.grid-product-standard.grid-product4 .tag-discount{margin-bottom:6px}
.grid-product-standard.grid-product4 .tag-new{margin-bottom:6px}
.grid-product-standard.grid-product4 .tag-element{padding:2px 7px}
.grid-product-standard.grid-product4{font-size:11px}
.grid-product-standard.grid-product4 .tags-outer{margin-top:6px;margin-left:6px}
.grid-product-standard.grid-product4:hover .img-container .over-element{display:none}
.grid-product4 .info-element .lft-new-button-grid{bottom:40px}
.grid-product-standard.grid-product4 .info-element{height:170px}
.grid-product4 .lft-new-button.grid{padding:8px 16px;max-width:95%;min-width:auto;font-size:11px;line-height:1.1;text-overflow:ellipsis;overflow:hidden}
.grid-product4 .lft-new-button.grid span{white-space:nowrap}
}
@media (min-width: 1281px) and (max-width: 1600px){
.grid-product-standard.grid-product4 .info-element {font-size: 13px;}
.grid-product-standard.grid-product4 .info-element{margin-top:8px;line-height:15px}
.grid-product-standard.grid-product4 .blockprice{margin-top:4px;margin-bottom:12px}
.grid-product-standard.grid-product4 .oldprice{margin:0 3px;font-size:12px}
.grid-product-standard.grid-product4 .newprice{font-size:14px}
.grid-product-standard.grid-product4{font-size:12px}
}
@media (min-width: 1601px) and (max-width: 1920px){
.grid-product-standard.grid-product4 .info-element {font-size: 14px;}
.grid-product-standard.grid-product4 .info-element{margin-top:8px;line-height:16px}
.grid-product-standard.grid-product4 .blockprice{margin-top:6px;margin-bottom:14px}
.grid-product-standard.grid-product4 .oldprice{margin:0 4px;font-size:13px}
.grid-product-standard.grid-product4 .newprice{font-size:15px}
.grid-product-standard.grid-product4{font-size:14px}
.grid-product4 .info-element .lft-new-button-grid{bottom:55px}
.grid-product-standard.grid-product4 .info-element{height:180px}
.grid-product-standard.grid-product4 .tags-outer div{margin-bottom:10px}
.grid-product-standard.grid-product4 .tag-element{padding:4px 9px}
.grid-product-standard.grid-product4 .tags-outer{margin-top:12px;margin-left:12px}
.grid-product-standard.grid-product4:hover .img-container .over-element{display:block;}
}
@media (min-width: 1921px){
.grid-product-standard.grid-product4 .info-element {font-size: 14px;}
.grid-product-standard.grid-product4 .info-element{margin-top:8px;line-height:16px}
.grid-product-standard.grid-product4 .blockprice{margin-top:6px;margin-bottom:14px}
.grid-product-standard.grid-product4 .oldprice{margin:0 4px;font-size:13px}
.grid-product-standard.grid-product4 .newprice{font-size:15px}
.grid-product-standard.grid-product4{font-size:14px}
.grid-product4 .info-element .lft-new-button-grid{bottom:55px}
.grid-product-standard.grid-product4 .info-element{height:180px}
.grid-product-standard.grid-product4 .tags-outer div{margin-bottom:10px}
.grid-product-standard.grid-product4 .tag-element{padding:4px 9px}
.grid-product-standard.grid-product4 .tags-outer{margin-top:12px;margin-left:12px}
.grid-product-standard.grid-product4:hover .img-container .over-element{display:block;}
}
/* 2.0 4 columns styles */
/******* PRODUCT **********/
#grid-wrapper.grid-product.product-page {
margin: 0px 60px;
width: auto;
}
#info-navigator-prevnext
{
display: none !important;
}
/*
@media screen and (min-width: 1025px) and (max-width:1184px) {
#grid-wrapper.grid-product.product-page {
padding:20px;
box-sizing: border-box;
}
}
@media screen and (min-width: 1025px) and (max-width:1184px) {
#grid-wrapper.grid-product.product-page {
width:100%;
}
}
@media screen and (max-width: 1024px) {
#grid-wrapper.grid-product.product-page {
width:100%!important;
}
}
@media screen and (max-width: 767px) {
#grid-wrapper.grid-product.product-page {
width: inherit;
}
}
*/
#product-info-container {
x-background-image: url('../images/productref2.png');
background-repeat: no-repeat;
background-position-x: -34px;
background-position-y: -7px;
color: #747374;
text-transform: lowercase;
}
#product-info-container #info-name{
text-transform: initial;
}
#product-info-container div::first-letter {
text-transform: uppercase;
}
/* 2.0 */
#product-info-container #info-description-content{text-transform:initial;}
/* 2.0 */
.product-page#grid-wrapper #grid-menu {
vertical-align: top;
margin-left: 0px;
float: none;
display: inline-block;
}
.product-page#grid-wrapper #grid-menu-fixed, .product-page#grid-wrapper #grid-menu
{
display:none;
}
.product-page #product-container {
width: 100%;
display: inline-block;
}
.product-image {
width: calc(100% - 7px - 28px);
margin-bottom: 28px;
/*display: inline-block;*/
display: none;
position: relative;
}
.product-image.image-loaded {
display: inline-block;
}
.product-image img {
width: 100%;
}
@media screen and (max-width: 1024px) {
.product-image {
width: calc(100% - 28px);
}
}
.product-image:nth-child(odd) {
margin-right: 14px;
}
#product-image-container {
width: calc(100% - 750px);
display: inline-block;
position: relative;
}
.product-image-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
display: none;
width: 40px;
height: 40px;
background-position: center center;
}
#product-image-right {
right: 0px;
background-image: url(../images/product/arrow-right.svg);
}
#product-image-left {
background-image: url(../images/product/arrow-left.svg);
}
#product-image-right:hover {
background-image: url(../images/product/arrow-right-over.svg);
}
#product-image-left:hover {
background-image: url(../images/product/arrow-left-over.svg);
}
#product-image-position {
display: none;
}
#product-image-bullets
{
display: none;
}
#product-info-container {
vertical-align: top;
width: 600px;
display: inline-block;
padding: 0px 75px;
text-align:left;
}
.product-info-care-wrapper{
display: inline-block;
width: 40px;
}
.product-info-care-img {
height: 38px;
padding-right: 5px;
opacity: .75;
display: inline;
vertical-align: middle;
}
@media screen and (max-width: 1680px) {
#product-image-container {
/*width: calc(100% - 700px);*/
width: calc(100% - 600px);
}
#product-info-container {
width: 500px;
padding:0px 50px;
}
}
@media screen and (max-width: 1440px) {
#product-image-container {
width: calc(100% - 460px);
}
#product-info-container {
width: 400px;
padding:0px 30px;
}
}
@media screen and (max-width: 1280px) {
#product-image-container {
width: calc(100% - 340px);
}
#product-info-container {
width: 300px;
padding:0px 20px;
}
}
@media screen and (max-width: 1024px) {
#product-image-container {
width: calc(100% - 270px);
}
#product-info-container {
width: 250px;
padding:0px 10px;
}
}
@media screen and (min-width: 900px) {
#product-info-container {
position: fixed;
top: 115px;
}
}
@media screen and (max-width: 768px) {
#grid-wrapper.grid-product.product-page {
margin: 0px 30px;
margin:0;
}
#product-image-container {
display: block;
width: 100%;
}
.product-image {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
margin-bottom:15px;
}
.product-image {
/*opacity: 0;*/
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.product-image:first-of-type {
position: relative;
/*opacity: 1;*/
}
.product-image:nth-child(odd) {
margin-right: 0px;
}
#product-info-container {
text-align: left;
width: calc(100% - 60px);
padding:0;
margin: 0px 30px;
}
.product-image-arrow {
display: block;
display: none;
}
.product-image-hidden {
opacity: 0;
}
#product-image-position {
display: block;
position: absolute;
top: 10px;
left: 10px;
font-size: 10px;
background-color: #000;
padding:6px;
color: #fff;
border-radius: 10px;
}
#product-image-bullets
{
/*
display: block;
position: absolute;
bottom: 40px;
left: 50%;
transform:translateX(-50%);
*/
display:none;
}
.product-image-bullet
{
width:7px;
height:7px;
border-radius:7px;
border:1px solid #1e1e1e;
display: inline-block;
margin: 0px 3px;
}
.product-image-bullet.active
{
background:#1e1e1e;
}
.product-extra-info {
text-align: left;
width: 260px;
display: inline-block;
}
}
@media screen and (max-width: 1280px) {
.product-page#grid-wrapper #grid-menu {
display: none;
}
.product-page #product-container {
width: 100%;
}
}
@media screen and (max-width: 415px) {
#grid-wrapper.grid-product.product-page {
margin: 0px 25px;
margin:0;
}
#grid-wrapper.grid-product.product-page #product-info-container
{
margin: 0px 25px;
width: calc(100% - 50px);
}
#product-subsection-container {
margin: 0px 25px;
width: calc(100% - 50px) !important;
border-top: 1px solid #9b9b9b !important;
}
}
#info-back {
cursor: pointer;
font-size: 16px;
margin-left: -19px;
color: #1e1e1e;
text-transform: none;
display:none;
}
#info-back-top::before {
content: "\e919";
font-family: "icomoon";
position: absolute;
left: 75px;
width: 50px;
text-align: center;
color: #1E1E1E;
top: 50%;
transform: translateY(-50%);
font-size: 28px;
}
@media screen and (max-width: 750px) {
#info-back-top::before {
left: 60px;
width: 30px;
font-size: inherit;
}
}
@media screen and (max-width: 769px) {
#info-back {
display: none;
}
.product-zoom {
display: none;
}
}
@media screen and (min-width: 769px) {
#info-back-top {
display: none;
}
.product-zoom {
width: 100%;
height: 100%;
position: absolute;
bottom:0px;
right: 0px;
background-image: url(../images/product/zoom2.svg);
background-repeat: no-repeat;
background-position: 95% 95%;
cursor: pointer;
background-size: 20px;
}
}
.product-zoom-viewer {
opacity: 0;
position: absolute;
z-index: 100;
width: 100%;
height: auto;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
cursor: pointer;
transform: translateZ(0);
}
.product-page #info-back::before {
content: "\e919";
font-family: 'icomoon';
padding-right: 8px;
font-size: 0.8em;
}
#info-back:hover {
color: #1e1e1e;
}
#info-navigator {
text-align: left;
font-size: 14px;
height: 14px;
padding: 33px 0px 15px 60px;
border-top: 1px solid #dedede;
color: #1e1e1e;
}
#info-navigator div {
display: inline-block;
cursor: pointer;
}
#info-navigator a {
color: #1e1e1e;
}
#info-navigator a:hover {
text-decoration: underline;
}
#info-navigator div:hover {
text-decoration: underline;
}
#info-navigator-prev {
padding-left: 77px;
}
#info-navigator-next {
padding-left: 77px;
}
#info-navigator-prev>span, #info-navigator-next>span{
font-family: 'icomoon';
font-size: 0.8em;
display: inline-block;
}
#info-navigator-next>span{
transform: scaleX(-1);
}
.info-navigator-breadcrumbs-last {
font-family: "brownregular";
color: #1e1e1e;
}
.product-page #info-name {
/* margin-top: 22px;*/
font-size: 24px;
margin-bottom: 5px;
/*letter-spacing: 1.5px;*/
color: #1E1E1E;
font-family: "brownregular";
}
#info-price {
font-size: 30px;
/*letter-spacing: 1.6px;*/
color: #1E1E1E;
/*font-family: "brownregular";*/
font-family: "brownbold";
display:inline;
}
#info-price #newprice {
color: #de0609;
}
#info-price #newprice.salesOnRed {
color: #DE0707;
}
#info-price #oldprice {
color: #777;
text-decoration: line-through;
margin-right: 18px;
font-size: 0.75em;
}
.product-page #discount-outer {
margin-top: 0px;
font-size: 24px;
display:inline-block;
margin-left: 20px;
position: absolute;
}
.product-page #discount-inner {
color: #fff;
background-color:#de0609;
padding:6px 10px 6px 10px;
display:inline-block;
font-size: 0.75em;
border-radius: 40px;
}
.product-page #discount-inner.salesOnRed {
background-color:#DE0707;
}
.info-separator-color::after {
content: "-";
margin:0 3px;
}
.info-separator {
letter-spacing: 0.6px;
font-size: 13px;
margin-top:20px;
padding-bottom: 15px;
color:#1e1e1e;
/*border-bottom: 1px solid #ddd;*/
}
.info-separator-reference::before {
content: "Ref.";
text-transform: none;
}
.info-separator-color, .info-separator-reference, .info-description-content, .info-composition-content, .info-care-content
{
color:#747374;
}
.share-wrapper {
text-align: right;
float: right;
font-size: .6875rem;
}
.share-cont {
display: none;
text-align: center;
position: relative;
right: 0;
padding-left: 10px;
}
.share-link {
display: inline-block;
margin: 0px 22px 0px 0px;
cursor: pointer;
font-size: 22px;
}
.share-link:hover {
text-decoration: none;
transition: transform 100ms;
transform: scale(1.1);
}
.share-link img
{
width:22px;
height:22px;
}
#info-colors {
margin-top: 20px;
font-size: 15px;
color:#1e1e1e;
}
#info-colors-name
{
display:none;
}
.product-color
{
display: inline-block;
cursor: pointer;
margin:0px 15px 0px 0px;
/*margin-top: 18px;*/
}
.product-color.active
{
/*width: 17px;
height: 17px;
border: 1.5px solid black;
border-radius: 17px;*/
padding: 1px;
}
.product-color.inactive
{
padding: 1px;
}
.product-color > div
{
border: 1px solid #e6e6e6;
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
}
.product-color.active > div
{
/*margin-left: 2.1px;
margin-top: 2.1px;
width: 10px;
height: 10px;
border-radius: 10px;
content: url(../images/product/check-active.svg);*/
content: url(../images/product/check-active2.svg);
width: 25px;
height: 25px;
border-radius: 25px;
}
.product-color.inactive > div
{
width: 25px;
height: 25px;
border-radius: 25px;
}
.info-sizes-label
{
color:#1e1e1e;
margin-top: 38px;
font-size: 15px;
display:none;
}
#info-sizes {
margin-left: 3px;
text-transform:none;
}
#info-sizes div {
display: inline-block;
margin: 22px 15px 0px 0px;
vertical-align: top;
white-space: nowrap;
border: 1px solid #000;
padding:0 4px;
border-radius: 5px;
min-width: 28px;
min-height: 28px;
line-height: 26px;
text-align: center;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
#info-sizes {
border-top: 1px solid #e6e6e6;
}
#info-navigator {
/*padding: 0px;
font-size: 12px;*/
display:none;
}
#info-name{
font-size:22px;
}
.info-separator{
margin-top: 15px;
margin-bottom: 15px;
padding:0px;
}
#info-colors{
margin-bottom: 20px;
}
#info-price{
font-size: 22px;
text-transform: initial;
}
#info-sizes{
border-top: 1px solid #9b9b9b;
}
#size-guide{
border-top: 0px none !important;
margin-top: 0px !important;
padding-top: 20px !important;
}
#info-sizes div{
margin: 20px 15px 0px 0px;
}
.info-title, #info-help {
padding: 22px 0;
border-top: 1px solid #9b9b9b !important;
}
#discount-outer{
font-size: 19px !important;
margin-top: -3px !important;
margin-left: 10px !important;
}
#discount-inner{
padding: 4px 10px;
}
#layout_scroll_up{
display:none;
}
#info-stock-no-button{
margin-top:20px;
font-size: 13px;
}
.product-extra-info
{
padding-top: 22px !important;
width: 100%;
}
#info-navigator-breadcrumbs {
display: block;
padding:11px;
}
#info-navigator-prev {
width: calc(50% - 1px);
padding-left: 0px;
}
#info-navigator-next {
width: calc(50% - 1px);
padding-left: 0px;
}
#info-navigator-separator {
width: 1px;
background-color: #dedede;
height: 24px;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: middle;
}
#info-navigator-prevnext {
display: block;
width: 100%;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
/*margin-bottom: 20px;*/
margin-bottom: 0px;
}
}
#size-guide {
position: relative;
font-size: 16px;
margin-top: 35px;
cursor: pointer;
margin-left: 4px;
border-top:1px solid #e6e6e6;
padding-top: 30px;
color:#1e1e1e;
font-family: "brownbold";
/*background-image: url(../images/product/size-guide.svg);
background-repeat: no-repeat;
background-position: top right;
background-size: auto 100%;
display: inline-block;
line-height: 20px;
padding-right: 30px;*/
}
#size-guide:after {
content: "\e913";
font-family: 'icomoon';
padding-left: 15px;
font-size: 0.8em;
}
.info-button {
text-align: center;
margin-top: 28px;
cursor: pointer;
padding: 10px 12px;
background-color: #747374;
color: white;
}
.info-button:hover {
background: #d8d8d8;
color: #747374;
}
/*
.info-button-black {
border: 1px solid #1e1e1e;
font-size: .75rem;
text-align: center;
float: left;
position: relative;
margin-top: 28px;
cursor: pointer;
padding: 10px 40px;
background: #1e1e1e;
color: #fff;
}
*/
.info-button-black:hover, .info-button-black:focus {
background-color: #d8d8d8;
}
#info-add-bag {
margin-right: 9px;
}
#info-stock {
margin-top: 30px;
width:100%;
/*font-size: 10px;
height: 16px;
line-height: 16px;
letter-spacing: 1.2px;
background:#1e1e1e;*/
}
#info-stock:hover {
/*background-color:#747374;
color:#fff;*/
}
#info-stock-no-button {
margin-top: 22px;
/*width: 240px;*/
color: #de0609;
}
#info-add-wishlist {
margin-top: 16px;
}
.info-link {
font-size: .6875rem;
position: relative;
float: left;
clear: both;
width: 100%;
cursor: pointer;
}
.product-extra-info {
/*border-top: 1px solid #ddd;
margin-top: 30px;*/
padding-top: 44px;
font-size: 15px;
letter-spacing: .4px;
color:#1e1e1e;
}
.product-extra-info .info-title,.product-extra-info #info-help
{
font-family:brownregular;
}
.info-title, #info-help {
padding: 22px 0;
border-top: 1px solid #e6e6e6;
}
#info-help > a {
color:inherit;
}
.info-title:after {
content: url('../images/icons/arrow_down_p.png');
float: right;
transform: rotate(0deg);
transition: transform .2s ease-out;
-webkit-transition: transform .2s ease-out;
}
.info-title.open {
color: black;
}
.info-title.open:after {
content:url('../images/icons/arrow_down_p.png');
float: right;
transform: rotate(180deg);
}
.info-content {
margin-bottom: 22px;
display: none;
font-size: 14px;
/*padding-left: 6px;*/
}
#info-care-content
{
padding-left:0px;
}
.info-content > div {
padding-bottom: 11px;
/* height:25px;*/
}
#info-care-content > div {
padding-bottom: 0px;
}
#info-thumbnail-container {
width: 100%;
height: 90px;
position: absolute;
bottom: 0;
left: 0;
}
#info-thumbnail-container img {
margin-right: 2px;
cursor: pointer;
height: 90px;
}
#product-subsection-container {
width: 100%;
position: relative;
float: left;
padding-top: 25px;
/*padding-bottom: 22px;*/
padding-bottom: 50px;
background:#fff;
}
.subsection-product .info-section-separator {
width: 100%;
height: 14px;
/*font-size: .6875rem;*/
color: #1E1E1E;
border-top: 1px solid #dedede;
float: none;
font-family: "brownregular";
padding-top: 40px;
text-transform: lowercase;
text-align: center;
font-size: 14px;
}
#product-subsection-container .info-section-separator div{
text-transform: lowercase;
}
.info-section-separator::first-letter {
text-transform: uppercase;
}
/*.info-section-separator div {
position: relative;
background: #fff;
top: 0px;
padding-right: 30px;
}*/
.product-subsection {
margin-top: 40px;
font-family: "brownregular";
text-align: center;
overflow-x: none;
white-space: nowrap;
}
.subsection-product {
display: inline-block;
width: 15vw;
/*margin-right: 15px;*/
text-align: left;
line-height: 16px;
font-size: .6875rem;
color: #555;
padding-bottom: 22px;
cursor: pointer;
padding-left: 20px;
vertical-align: top;
}
.subsection-product .han-solo-product-info{
text-align: left;
}
.subsection-product .han-solo-product-blockprice{
font-weight: bold;
}
.subsection-product:first-of-type {
padding-left: 0px;
}
.subsection-product:hover .subsection-product-name {
text-decoration: underline;
}
.subsection-product img {
margin-bottom: 8px;
width: 100%;
height: auto;
}
.subsection-product span {
font-size: .6875rem;
color: #1e1e1e;
margin: 0px 4px;
}
@media screen and (max-width: 768px) {
.product-subsection {
/*width: calc(100vw - 25px);*/
width: 100vw;
-webkit-overflow-scrolling: touch;
overflow-x:auto;
}
.subsection-product {
/*width: calc((90vw - 50px) / 3);*/
width: 80vw;
}
.subsection-product:last-child {
padding-right: 25px;
}
}
#popupPictureEmail {
vertical-align: top;
}
#popupPictureEmail img {
width: auto;
height: 470px;
}
#popupInfo #popupEmailContainer {
padding: 50px 74px;
width: 308px;
}
#popupInfo #popupEmailContainer #title {
font-size: 16px;
margin-bottom: 25px;
}
#popupPictureEmail #textArea {
height: 50px;
}
#popupInfo #popupEmailContainer .button-container {
margin-top: 30px;
margin-bottom: 25px;
}
#popupInfo #popupEmailContainer .form-legal-container {
margin-top: 26px;
}
#popupInfo #popupEmailContainer .form-check {
float: left;
// background: url('../images/common/check.gif') no-repeat left center;
padding-left: 0;
cursor: pointer;
font-family: "brownlight", Arial;
}
#popupInfo #popupEmailContainer .form-check:before {
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 1px #747374;
width: 6px;
height: 6px;
border-radius: 0px;
float: left;
margin-right: 0px;
margin-top: 0px;
}
#popupInfo #popupEmailContainer .lft-button
{
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
font-family: "brownregular";
padding: 5px 22px;
display: inline-block;
cursor: pointer;
text-transform: capitalize;
}
#popupInfo #popupEmailContainer .lft-button:hover
{
background-color: #747374;
}
#popupInfo #popupEmailContainer .form-check .accept-disclaimer {
padding-left:20px;
text-align: left;
}
#popupInfo #popupEmailContainer .form-check a {
text-decoration: underline;
}
#popupInfo #popupEmailContainer #legalDisclaimer {
font-size: .5625rem;
margin-top: 10px;
color: #aeaeae;
line-height: 11px;
display:none;
}
#popupInfo #popupEmailContainer #end {
margin-top: 20px;
height: 5px;
width: 100%;
}
#popupEmailContainer .field
{
font-family: 'brownlight';
}
.popup-stock {
position: fixed;
top: 0px;
z-index: 100;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.7);
text-align: center;
font-family: "brownlight", Arial, sans-serif;
color: #747374;
font-size: 14px;
}
.popup-stock-container {
width: 100%;
text-align: center;
}
.popup-stock-content {
display: inline-block;
background-color: white;
}
.popup-stock-loading {
background: url('../images/loading.gif') no-repeat center center;
position: absolute;
top: 0px;
width: 915px;
height: 100%;
background-color: white;
opacity: .85;
display: none;
}
.popup-stock-image {
}
.popup-stock-info {
width: 325px;
text-align: left;
}
.popup-stock-info > div > div {
margin-bottom: 22px;
}
.popup-stock-info-title {
font-size: 16px;
font-family: "brownregular";
color: #1E1E1E;
}
.popup-stock-info-description {
}
.popup-stock-info-form-item {
font-family: "brownregular";
color: #1E1E1E;
font-size: 12px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #1E1E1E;
padding-bottom: 5px;
width: 250px;
}
.popup-stock-info-search-btn {
background-color: #1e1e1e;
color: #fff;
font-size: 12px;
font-family: "brownregular";
padding: 5px 22px;
display: inline-block;
cursor: pointer;
text-transform: lowercase;
}
.popup-stock-info-search-btn::first-letter {
text-transform: uppercase;
}
.popup-stock-info-search-btn:hover {
background: #747374;
color: #fff;
}
.popup-stock-info-icon-next {
}
.popup-stock-info-icon-back {
cursor: pointer;
}
.popup-stock-info-description2 {
font-family: "brownlight";
font-size: 12px;
color: #747374;
}
#stockStatusContainer {
display: none;
}
.popup-stock-results {
display: inline-block;
min-width: 250px;
}
.popup-stock-info-store-name::after {
content: "+";
float: right;
}
.popup-stock-info-store.active > .popup-stock-info-store-name::after {
content: "-";
}
.popup-stock-info-store > div {
margin-bottom: 5px;
}
.popup-stock-info-store-name {
color: #1E1E1E;
font-family: "brownregular";
cursor: pointer;
}
.popup-stock-info-store > .popup-stock-info-search-btn {
margin-top: 17px;
}
.popup-stock-info-form-field {
display: block;
height: 24px;
line-height: 24px;
border: none;
border-bottom: 1px solid #e6e6e6;
padding: 0px 0px 3px 0px;
margin-top: 10px;
width: 100%;
}
.popup-stock-info-form-content > .popup-stock-info-title, .popup-stock-info-subtitle {
margin: 22px 0px;
}
.popup-stock-info-form-content > img {
margin-top: 22px;
min-height: 50px;
}
.popup-stock-info-form-field-combobox {
display: none;
border: 1px solid #e6e6e6;
background-color: white;
cursor: pointer;
}
.popup-stock-info-form-field-combo-title {
cursor: pointer;
}
.popup-stock-info-form-field-combo-title.active::after {
content: "+";
float: right;
}
.popup-stock-info-form-field-combobox > div {
padding: 5px;
}
.popup-stock-info-form-field-combobox > div:hover {
background-color: #e6e6e6;
}
.popup-stock-close {
width: 14px;
height: 14px;
cursor: pointer;
padding: 10px;
float: right;
/*margin-top: -60px;*/
}
input.popup-stock-info-form-field {
font-family: inherit;
font-size: inherit;
color: inherit;
}
.popup-stock-form-check {
margin-top: 22px;
margin-bottom: 22px;
color: inherit;
float: none;
font-family: inherit;
font-size: 11px;
}
.popup-stock-form-check:before {
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 1px #747374;
width: 6px;
height: 6px;
border-radius: 0px;
float: left;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 22px;
}
.popup-stock-form-check.checked:before {
background-color:#747374;
}
.tooltip-privacy.stockPolicies {
top: 40px;
position: fixed;
bottom: 40px;
}
@media screen and (max-width: 1023px) {
.popup-stock-container {
height: 100%;
overflow-y: scroll;
}
.popup-stock-content {
width: 100%;
text-align: center;
}
.popup-stock-image {
width: calc(100% - 30px);
padding-top: 15px;
padding-bottom: 15px;
}
.popup-stock-info {
max-width: 300px;
width: calc(100% - 30px);
display: inline-block;
}
.popup-stock-loading {
width: 100%;
}
.popup-stock-close {
top: 0px;
right: 0px;
background-color: white;
float: none;
margin-top: 0px;
position: absolute;
}
}
@media screen and (min-width: 1024px) {
.popup-stock-container {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.popup-stock-content {
/* padding-top: 60px;
padding-bottom: 60px;*/
}
.popup-stock-image {
display: inline-block;
width: 375px;
width: 440px;
/*margin-left: 75px;*/
vertical-align: middle;
}
.popup-stock-info {
display: inline-block;
padding-left: 85px;
padding-right: 55px;
vertical-align: middle;
max-height: 465px;
overflow-y: auto;
}
}
.size_guide_content{
max-width: 80vw;
text-align: center;
font-family: "brownlight", Arial, sans-serif;
color: #9b9b9b;
font-weight: 200;
padding-bottom:44px;
padding-top:44px;
border-top: 1px solid #e6e6e6;
}
.size_guide_content:first-of-type{
padding-top:0px;
border-top: none;
}
.size_guide_title{
color: #1E1E1E;
}
.size_guide_subtitle, .size_guide_families{
font-size: 10px;
line-height: 12px;
padding: 22px;
display: inline-block;
}
.size_guide_table{
font-size: 10px;
border-collapse: collapse;
}
.size_guide_table > thead {
background-color: #747374;
}
.size_guide_table div{
line-height: 9px;
border-left: 1px solid #fff;
padding: 0px 12px;
margin: 5px 0px;
}
.size_guide_table td{
border-left: 1px solid #e6e6e6;
padding: 0px 12px;
}
.size_guide_heading{
color: #fff;
font-weight: 200;
line-height: 17px;
}
.size_guide_value{
font-weight: 200;
}
.size_guide_heading, .size_guide_value {
text-align: center;
white-space: nowrap;
}
.size_guide_heading:first-of-type > div, .size_guide_value:first-of-type {
border-left: none;
}
.size_guide_value:first-of-type {
color: #1E1E1E;
}
.size_guide_content tbody tr:first-of-type > td {
padding-top:10px;
border-left: none;
}
.size_guide_families{
text-transform: capitalize;
}
.size_guide_table_container{
overflow: auto;
}
/*
#info-back {
color: #1e1e1e;
}
#info-back-mobile {
display: none;
}
#info-navigator {
color: #1e1e1e;
font-size: 0.75rem;
}
#info-navigator-next, #info-navigator-prev {
background: transparent;
}
#info-name {
margin-top: 66px;
font-size: 0.9375rem;
color: #1e1e1e;
}
#info-price #price {
color: #1e1e1e;
}
.info-separator {
border-bottom: 1px solid #1e1e1e;
color: #1e1e1e;
}
.info-separator .share-wrapper {
bottom: 10px;
color: #9B9B9B;
cursor: pointer;
font-size: 0.75rem;
position: relative;
margin-right: 0;
}
#info-description {
color: #1e1e1e;
}
#info-colors img {
border: 1px solid #1e1e1e;
}
#info-sizes div {
border: 1px solid #1e1e1e;
}
#size-guide span {
border-bottom: 0 none;
color: #1e1e1e;
}
.info-button {
background: #1e1e1e;
border: 0 none;
font-size: 0.875rem;
color: #FFF;
}
.info-cares-container-storeclose {
color: #1e1e1e;
}
#info-thumbnail-container {
display: inline-block;
height: auto;
margin-bottom: 20px;
position: relative;
top: 20px;
}
#info-thumbnail-container img {
margin-bottom: 20px;
margin-right: 20px;
}
*/
/*@media screen and (max-width: 1024px) {
.product-page #product-container {
width:100vw;
box-sizing: border-box;
padding: 20px;
}
.product-page #info-navigator {
display: none;
}
#info-back-mobile {
display: inline-block;
padding: 15px 20px 0 20px;
}
.product-page #info-back-mobile span {
font-size: 2rem;
color: #1e1e1e;
}
.product-page #info-name {
margin-top: 0;
font-size: 1.1rem;
}
#info-description, {
font-size: 0.8rem;
}
#size-guide span {
font-size: 0.9rem;
}
#info-price {
font-size: 40px;
}
.info-cares-container-storeclose {
font-size: 0.9rem;
}
.info-button-black {
width: 100%;
font-size: 0.9rem;
padding: 0;
padding: 13px 0;
}
.info-section-separator {
font-size: 0.8rem;
}
.product-page .subsection-product {
padding: 0;
width: 33%;
margin: 0;
box-sizing: border-box;
padding-right: 15px;
}
.product-page .subsection-product:nth-child(3n) {
padding-right: 0;
}
.info-section-separator div {
border: 0;
}
}
@media screen and (max-width: 767px) {
.product-page #product-container {
padding:10px;
}
.product-page #info-back-mobile {
display: inline-block;
padding: 15px 20px 0 10px;
}
.product-page #info-back-mobile span {
font-size: 1.5rem;
color: #1e1e1e;
}
.product-page #info-name {
margin-top: 1rem;
font-size: 1.1rem;
}
.product-page .info-separator, .product-page .share-wrapper {
font-size: 0.8rem;
}
.product-page .subsection-product {
padding-right: 15px;
width: 50%;
}
.product-page .subsection-product:nth-child(2n) {
padding-right: 0;
}
}
@media screen and (max-width: 1024px) {
#info-back {
display: none;
}
#info-back-mobile {
display: block;
}
#product-container {
width: 100%;
}
.info-button {
padding: 10px 0;
width: 100%;
}
.info-section-separator {
border-bottom: 0 none;
}
.info-section-separator div {
border-bottom: 1px solid #1e1e1e;
padding: 0 0 5px 0;
width: 100%;
}
}
@media screen and (min-width: 768px) and (max-width:1024px) {
#info-thumbnail-container {
float: left;
position: relative;
}
#product-subsection-container {
width: 100%;
}
.product-subsection {
width: 100%;
}
.subsection-product {
padding: 0 7px;
width: calc(33% - 28px);
}
}
@media screen and (max-width: 767px) {
#product-container {
width:auto;
padding: 20px 10px;
}
#info-thumbnail-container {
bottom: auto;
left: auto;
position: absolute;
right: 10px;
top: 21px;
width: 14%;
}
#info-thumbnail-container img {
margin: 0 0 10px 0;
cursor: pointer;
height: auto;
float: right;
width: 100%;
display: inline-block;
}
#info-navigator {
display: none;
}
#info-name {
margin-top: 20px;
font-size: 0.8rem;
}
#info-price {
font-size: 1.7rem;
margin-top: 10px;
}
.info-separator {
border-bottom: 1px solid #D9D9D6;
color: #1e1e1e;
font-size: 0.6rem;
}
.info-separator .share-wrapper {
color: #9B9B9B;
font-size: 0.5625rem;
}
#info-description {
font-size: 0.5625rem;
}
.info-button {
padding: 10px 0;
width: 100%;
}
#product-subsection-container {
width: 100%;
}
.product-subsection {
width: auto;
}
.subsection-product {
margin-right: 0;
padding: 0 5px;
width: calc(50% - 10px);
}
}
*/
/******* PRODUCT END**********/
/* 2.0 */
#info-care-content{ line-height: 24px; }
@media screen and (min-width: 900px){
.product-color.hide-touch{ display: inline-block; }
#size-guide.hide-touch{ display: inline-block; width: 100%; }
#info-sizes.hide-touch{ display: block; }
#info-sizes-mobile { display: none; }
#info-colors.show-touch { display: none; }
#info-colors.show-desktop { display: block; }
#info-navigator { margin-left: 0vw; }
#info-navigator-breadcrumbs { margin-left: 16vw; }
.product-page #product-container { width: 68vw; margin-left: calc(16vw - 60px); display: inline-block; }
#product-info-container { vertical-align: top; width: 25vw; display: inline-block; padding: 0px 40px; padding-right: 70px; text-align: left; }
#product-image-container { width: calc(60%); display: inline-block; position: relative; }
.product-image { margin-right: 14px; padding-bottom: 117.83%; }
.product-image img { position: absolute; }
#product-image-container{ min-height: 100vh; }
#info-stock{ transition: background 0.4s ease-out; }
#info-description-content{ line-height: 20px; }
#info-sizes{ pointer-events: none; }
#product-info-container { height: calc(100vh - 145px); overflow-y: scroll; }
#product-info-fakescroll{ position: fixed; background: white; top: 115px; left: calc(16vw + 40.8vw + 23vw + 110px); width: 3vw; height: calc(100vh - 145px); }
#info-navigator { padding: 33px 0px 15px 0px; }
}
@media screen and (min-width: 900px) and (max-width: 1280px){
}
@media screen and (max-width: 899px){
.product-color.hide-touch{ display: none; }
#size-guide.hide-touch{ display: none; }
#info-sizes.hide-touch{ display: none; }
#info-colors.show-desktop { display: none; }
#product-image-bullets{ display: block; position: absolute; bottom: 9vw; width: 100%; text-align: center; }
#product-image-position { background-color: transparent; color: #000; border: 1px solid #000; border-radius: 20px; left: 25px; }
#product-image-container { height: 128.4vw; }
.product-image{ opacity: 0; }
.product-image.image-loaded { opacity: 1; }
.product-image.image-loaded.product-image-hidden { opacity: 0; }
#product-info-container{ width: calc(100vw - 50px); }
#info-price{ float: left; width: 100%; }
#info-colors { width: 50%; float: left; }
#info-sizes-mobile { width: 50%; float: left; margin-left: 0px;}
#info-description-content{ line-height: 18px; }
#info-sizes-mobile{ font-size: 16px; width: calc(50% - 31px); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 12px; border: 1px solid #313131; cursor: pointer; margin: 20px 0px;
border-radius: 5px; margin-left: 5px; text-transform: capitalize; position: relative;}
#info-colors{ font-size: 16px; width: calc(50% - 31px); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 8px 12px; border: 1px solid #313131; cursor: pointer;
border-radius: 5px; margin-right: 5px; text-transform: capitalize; position: relative; }
#info-sizes-dropdown, #info-colors-dropdown{ pointer-events: none; position: absolute; bottom: 44px; width: calc(100vw - 52px); border: 1px solid #313131; border-radius: 5px; left: -1px; background: white; opacity: 0; transition: opacity 0.3s ease-out;}
.product-color{ margin: 0px 8px; padding: 12px 8px !important; border-bottom: 1px solid #313131; width: calc(100vw - 84px);}
.size-option-dropdown { margin: 0px 8px; padding: 18px 8px !important; border-top: 1px solid #313131; width: calc(100vw - 84px);}
#info-colors-dropdown div:last-child{ border-bottom: 0px solid #313131; }
.product-color div{display: inline-block; vertical-align: middle;}
.product-color.active .product-color-name{font-weight: bold;}
.product-color-name{ vertical-align: super; margin-left: 10px; vertical-align: middle;}
#info-stock { margin-top: 0px; }
#info-sizes-mobile.is-open #info-sizes-dropdown, #info-colors.is-open #info-colors-dropdown{ opacity: 1; pointer-events: all;}
#info-colors::after, #info-sizes-mobile::after { content: url(../images/icons/arrows/arrow-down.svg); margin-left: 25px; display: inline-block; vertical-align: middle; }
#info-colors.is-open::after { content: url(../images/icons/arrows/arrow-up.svg); margin-left: 25px; display: inline-block; vertical-align: middle; }
#info-sizes-mobile.is-open::after { content: url(../images/icons/arrows/arrow-up.svg); margin-left: 25px; display: inline-block; vertical-align: middle; }
#info-sizes-dropdown{ right: 0; left: initial; }
#info-sizes-dropdown #size-guide{ margin: 0px 8px; padding: 18px 8px !important; /*border-top: 1px solid #313131;*/ width: calc(100vw - 84px); font-family: unset; }
#product-info-container { width: calc(100vw - 60px); }
}
@media screen and (min-width: 767px) and (max-width: 899px){
#grid-wrapper.grid-product.product-page { margin: 0px 60px; width: auto; }
#info-sizes-dropdown, #info-colors-dropdown{ width: calc(100vw - 122px); }
.product-color, .size-option-dropdown, #info-sizes-dropdown #size-guide { width: calc(100vw - 154px); }
}
/* iPad PORTRAIT*/
@media only screen and (min-device-width : 768px) and (max-device-width : 968px) and (orientation : portrait) {
#grid-wrapper.grid-product.product-page { margin: 0px 0px; width: auto; }
#grid-wrapper.grid-product.product-page #product-info-container { width: calc(100% - 120px); padding: 0px 0px; margin: 0 60px; }
.product-page #product-container { width: calc(100vw); }
#product-info-fakescroll{ display: none; }
}
/* iPad PRO PORTRAIT */
@media only screen and (min-device-width : 969px) and (max-device-width : 1366px) and (orientation : portrait){
.product-page #product-container { width: calc(100% - 120px + 2.5vw); margin-left: 5vw; }
#product-image-container { width: 50%; }
#product-info-container { width: 35%; padding: 0px 5%; }
#info-navigator { margin-left: 0vw; }
#info-navigator { text-align: left; font-size: 14px; height: 14px; padding: 33px 0px 15px 0px; }
#info-navigator-breadcrumbs { margin-left: 12vw; }
#product-info-fakescroll{ display: none; }
}
/* iPad PRO LANDSCAPE */
@media only screen and (min-device-width : 969px) and (max-device-width : 1366px) and (orientation : landscape) {
.product-page #product-container { width: calc(100% - 120px); margin-left: 5vw; }
#product-image-container { width: 50%; }
#info-navigator { margin-left: 0vw; }
#info-navigator { text-align: left; font-size: 14px; height: 14px; padding: 33px 0px 15px 0px; }
#info-navigator-breadcrumbs { margin-left: calc(5vw + 60px); }
#product-info-container { width: 35%; padding: 0px 5%; }
#product-info-fakescroll{ display: none; }
}
/* 2.0 */
/******* PRODUCT END**********/
.shops #layout_content {
}
#stores-element {
float: left;
font-family: "brownlight";
min-height: 500px;
position: relative;
width: 100%;
z-index: 0;
}
#stores-menu {
width: 30vw;
max-width: 1184px;
border-bottom: 0px;
color: #747374;
height: auto;
margin: 0 auto;
padding-top: 38px;
position: relative;
text-align:center;
}
#stores-menu h1 {
font-size:18px;
font-weight: normal;
color: #1E1E1E;
margin-bottom:30px;
font-family: "brownregular";
}
#stores-menu h2 {
font-size:14px;
font-weight: normal;
margin-bottom:30px;
}
#stores-menu div {
font-size: 14px;
height: 24px;
line-height: 24px;
position: relative;
z-index: 1;
margin: 0 auto;
margin-bottom:20px;
color:#747374;
text-align: left;
}
.stores-menu-modes {
margin-right: 40px;
width: auto;
display:none;
}
.stores-menu-modes a {
text-decoration: none;
cursor: pointer;
color: #1e1e1e;
}
.stores-menu-modes a:hover {
text-decoration: none;
color: #9b9b9b!important;
}
#stores-menu .stores-menu-countries {
border-bottom: 1px solid #747374;
width: 260px;
z-index:8;
}
.stores-menu-countries-shower {
width: 100%;
cursor: pointer;
text-transform: capitalize;
}
.stores-menu-countries-shower .icon-abrir-formulario-hover {
float: right;
color: #747374;
margin-top: 5px;
}
.stores-menu-countries-shower {
color: #FFF;
}
.stores-menu-countries-shower b{
color: #1e1e1e;
}
.stores-menu-countries-shower span {
color: #747374;
}
.stores-menu-countries-deployer {
display: none;
background: #fff;
width: 100%;
height: auto !important;
clear: both;
border-bottom: 1px solid #e5e5e5;
padding: 10px 0;
top: 2px;
}
#stores-menu .stores-menu-countries-deployer div {
clear: both;
cursor: pointer;
width: 90%;
margin-bottom:10px;
padding-left:10px;
}
.stores-menu-countries-deployer div:hover {
text-decoration: underline;
}
.lefties-input {
background: inherit;
border-bottom: 1px solid #747374;
border-left: 0 none;
border-right: 0 none;
border-top: 0 none;
color: #747374;
float: left;
font-family: "brownlight";
font-size: 14px;
height: 24px;
line-height: 24px;
margin-right: 53px;
position: relative;
width: 260px;
}
.lefties-input::-webkit-input-placeholder {
color: #747374;
font-family: "brownregular";
}
.lefties-input::-moz-placeholder {
color: #747374;
font-family: "brownregular";
}
.lefties-input:-ms-input-placeholder {
color: #747374;
font-family: "brownregular";
}
.lefties-input:-moz-placeholder {
color: #747374;
font-family: "brownregular";
}
.lefties-input:focus {
outline: none;
}
#stores-search-input
{
float:none;
margin-right:auto;
color:#1e1e1e;
}
#stores-search-input::-moz-placeholder{ color: #1e1e1e;}
#stores-search-input:-ms-input-placeholder{ color: #1e1e1e;}
#stores-search-input:-moz-placeholder{ color: #1e1e1e;}
#stores-search-input::-webkit-input-placeholder{ color: #1e1e1e;}
#stores-menu .stores-menu-button {
text-align: center;
cursor: pointer;
background:#1e1e1e;
padding:6px 30px;
color:white;
font-size:12px;
margin-top: 40px;
width:150px;
}
#stores-menu .stores-menu-button:hover
{
background:#747374;
color:#fff;
}
#sliderMaps {
/*width: 100%;
max-width: 1280px;*/
height: auto;
display: block;
position: relative;
padding-top: 30px;
margin-top: 50px;
margin-bottom: 30px;
margin: 25px auto;
padding: 30px 3vw;
border-top: 1px solid #e6e6e6;
}
#sliderMaps .sliderMaps-title {
width:100%;
font-size:18px;
color:#1E1E1E;
margin-top: 30px;
text-align:center;
}
#sliderMaps .store-carousel {
width:50%;
float:left;
position:relative;
margin-top:50px;
}
#sliderMaps .store-carousel .store-carousel-title {
width:100%;
font-size:14px;
color:#1E1E1E;
margin-bottom: 30px;
text-align:center;
}
#sliderMaps .store-carousel .store-carousel-container {
width:100%;
padding:0 10px;
box-sizing:border-box;
}
#sliderMaps .store-carousel .store-carousel-container img{
width:100%;
height:auto;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow
{
display:block;
pointer-events:all;
cursor:pointer;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow
{
position: absolute;
top:50%;
height:31px;
width:auto;
background:none;
min-height:unset;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow-left
{
left:20px;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow-right
{
right:20px;
}
#sliderMaps .sliderMaps-title-store {
width:100%;
font-size:14px;
color:#1E1E1E;
margin: 30px 0px;
text-align:center;
}
#sliderMaps img {
/*width: 50%;
box-sizing: border-box;
padding: 10px;*/
}
#stores-list {
width: 50%;
font-size: 11px;
color: #333;
position: relative;
float: left;
cell-padding: 0;
cell-spacing: 0;
border-collapse: collapse;
margin-top: 20px;
}
#stores-list-new, #stores-map
{
margin-top:80px;
display:none;
}
.stores-finded #stores-list-new,.stores-finded #stores-map
{
display:block;
}
#stores-list-new {
width: 30%;
margin-left:10%;
font-size: 12px;
color: #747374;
position: relative;
float: left;
cell-padding: 0;
cell-spacing: 0;
border-collapse: collapse;
}
#stores-list-new tr{
text-align:center;
}
#stores-list-new td .store-header-new
{
cursor:pointer;
text-align:left;
}
#stores-list-new td .store-header-new:before{
content: "+";
margin-right:10px;
}
#stores-list-new td .store-header-new:hover
{
color:#1E1E1E
}
#stores-list-new td .store-header-new.active:before{
content: "-";
}
#stores-list-new td .store-header-new-city:after{
content: "-";
margin-right:10px;
margin-left:10px;
}
#stores-list-new td .store-header-new-name{
}
#stores-list-new td .store-info-new{
display:none;
text-align:left;
}
#stores-list-new td.active .store-info-new{
display:block;
}
#stores-list-new td.active .store-info-new .view-on-map{
cursor:pointer;
text-decoration:underline;
}
#stores-list-new td.active .store-info-new .view-on-map:hover{
color:#1E1E1E;
}
#stores-list td {
vertical-align: top;
}
.stores-list-city {
font-size: 16px;
width: 196px;
color: #1e1e1e;
padding-left: 20px;
}
#stores-list div {
position: relative;
float: left;
width: 26%;
margin-bottom: 50px;
font-family: "brownlight";
font-size: 14px;
line-height: 18px;
/* text-transform: lowercase;*/
}
#stores-list-new div {
width: 100%;
margin-bottom: 10px;
font-family: "brownlight";
font-size: 12px;
line-height: 18px;
/* text-transform: lowercase;*/
}
#stores-list span {
color: #1e1e1e;
font-family: "brownbold";
}
#stores-map {
width: 55%;
margin-right:5%;
height: 450px;
position:relative;
float:left;
}
#noStoresWarn {
display: none;
text-align: center;
margin: 100px 0px 40px 0px;
font-size: 11px;
}
@media (max-width:898px), (orientation: portrait) {
#stores-element {
top:0px;
padding-bottom: 10%;
}
#stores-menu {
width: 85vw;
}
#stores-list-new
{
width:86vw;
margin-left:7vw;
margin-top:40px;
float:none;
}
#stores-map
{
width:100vw;
margin-right:0;
float:none;
margin-top:40px;
height:300px;
}
#sliderMaps
{
width:100vw;
padding:30px 0;
}
/* #sliderMaps img {
width: 100%;
padding:5px 0px;
}*/
#sliderMaps .store-carousel {
width:90vw;
float:none;
position:relative;
margin-top:50px;
left:5vw;
}
#sliderMaps .store-carousel .store-carousel-container{
padding:0;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow-left
{
left:5px;
}
#sliderMaps .store-carousel .store-carousel-container .grid-product-arrow-right
{
right:5px;
}
}
#magazine_form_container {
position: relative;
min-height: 80vh;
font-size: 14px;
color: #747374;
}
.lft-contact #magazine_form_container {
min-height:800px;
}
#magazine_form_content {
text-align: center;
font-family: "brownlight", Arial, sans-serif;
padding: 2vh 0;
margin: auto;
line-height: 18px;
top: 50%;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
#magazine_form_content_menu
{
width: 200px;
position: absolute;
left: 200px;
top: calc(50% -234px);
left: calc(50vw - 400px);
top: calc(50% - 234px + 2vh);
}
#magazine_form_content_menu div
{
margin-bottom:10px;
cursor:pointer;
}
#magazine_form_content_form
{
min-width: 200px;
max-width: 350px;
margin:auto;
text-align:center;
/*padding: 0vh 10vw;*/
}
#magazine_form_content_form_menu
{
margin-top:50px;
}
#magazine_form_content_form_menu div
{
display:inline;
cursor:pointer;
}
#magazine_form_content_form_menu div:hover
{
text-decoration:underline;
}
#magazine_form_content_form_menu .menu_separator
{
margin:0px 5px;
cursor:default;
}
#magazine_form_content .block {
display: inline-block;
max-width: 300px;
margin: 22px;
}
#magazine_form_content .separator {
margin: 22px;
}
#magazine_form_content .title {
font-family: "brownregular";
font-size: 18px;
color: #747374;
margin: 33px;
}
#magazine_form_content .subtitle {
font-family: "brownregular";
color: #1E1E1E;
margin: 33px;
}
#magazine_form_content .button {
display: inline-block;
text-align: center;
margin-top: 22px;
cursor: pointer;
padding: 4px 12px;
background-color: #747374;
color: white;
font-size: 10px;
letter-spacing: 1px;
min-width: 66px;
}
#magazine_form_content .button:hover {
background: #d8d8d8;
color: #747374;
}
#magazine_form_content_form .form-p
{
color:#747374;
}
#magazine_form_content_form .form-p h1
{
color:#1e1e1e;
}
#magazine_form_content_form .field
{
background: none;
text-align: inherit;
border-bottom: 1px solid transparent;
margin-top: 20px;
font-size: 12px;
font-family: 'brownlight', Futura;
text-align: left;
border-bottom: 1px solid #1e1e1e;
color:#1e1e1e;
}
#magazine_form_content_form .field::-moz-placeholder{ color: #1e1e1e;}
#magazine_form_content_form .field:-ms-input-placeholder{ color: #1e1e1e;}
#magazine_form_content_form .field:-moz-placeholder{ color: #1e1e1e;}
#magazine_form_content_form .field::-webkit-input-placeholder{ color: #1e1e1e;}
#magazine_form_content_form .form-check {
cursor: pointer;
font-family: 'brownlight';
font-size: 10px;
color: #747374;
}
#magazine_form_content_form .form-check:before
{
display: block;
content: "";
border: 2px solid #FFF;
box-shadow: 0 0 0 1px #747374;
width: 6px;
height: 6px;
border-radius: 0px;
float: left;
margin-right: 0px;
margin-top: 0px;
}
#magazine_form_content_form .form-check div {
text-align: left;
padding-left: 20px;
}
#magazine_form_content_form .form-check a {
text-decoration: underline;
color: #747474;
}
#magazine_form_content_form .form-check a {
text-decoration: underline;
}
#magazine_form_content_form .privacy-external {
color: #747474;
font-size: 10px;
margin: 0;
}
#magazine_form_content_form .info-button {
text-align: center;
cursor: pointer;
padding: 10px 12px;
background-color: #1e1e1e;
color: white;
width: 180px;
margin: 28px auto 0px;
}
#magazine_form_content_form .info-button:hover {
background-color: #747374;
color: white;
}
#magazine_form_content_form .tooltip-privacy.showPrivacy {
display: block;
}
@media screen and (max-width: 1024px)
{
#magazine_form_content_form #provinces #provincesmenu {
font-size: 12px;
}
}
@media (max-width:898px), (orientation: portrait) {
#magazine_form_container {
min-height:300px;
}
#magazine_form_content {
position:relative;
left:0px;
top:0px;
transform:none;
margin-bottom:50px;
}
#magazine_form_content_menu
{
width:100%;
position:relative;
left:0px;
text-align:center;
top:5vh;
margin-bottom:50px;
}
#magazine_form_content_form
{
padding: 0vh 10vw;
}
}
@media (max-height:630px) {
#magazine_form_container {
min-height:570px;
}
}
/*BEGIN NEW LEFTIES BUTTON*/
.lft-new-button
{
border-radius:40px;
color: #1E1E1E;
background: #fff;
padding: 16px 45px;
font-size: 14px;
letter-spacing: 0.4px;
min-width:150px;
box-sizing:border-box;
display:inline-block;
pointer-events: all;
cursor:pointer;
text-align:center;
border:1px solid #fff;
line-height:0.95;
}
.lft-new-button:hover{background:#1e1e1e;color:#fff;border:1px solid #1e1e1e;}
.lft-new-button.short{padding: 12px 40px;}
.lft-new-button.veryshort{padding: 9px 20px;min-width:115px;}
.lft-new-button.grid{padding: 10px 28px;font-size: 12px;}
.lft-new-button.black{color: #fff; background: #1e1e1e;border:1px solid #1e1e1e;}
.lft-new-button.black:hover{background:#fff;color:#1e1e1e;border:1px solid #fff;}
.lft-new-button.grey{color: #1e1e1e; background: #f7f7f7;border:1px solid #f7f7f7;}
.lft-new-button.grey:hover{background:#1e1e1e;color:#fff;border:1px solid #1e1e1e;}
.lft-new-button.black.border:hover{border:1px solid #1e1e1e;}
.lft-new-button.border{border:1px solid #1e1e1e;}
.lft-new-button.prehome{min-width:200px;}
@media screen and (max-width: 1025px)
{
}
@media screen and (max-width: 900px){
.lft-new-button{padding: 20px 70px; min-width:175px;font-size: 16px;}
}
@media screen and (max-width:572px) {
.lft-new-button{padding: 16px 38px; min-width:175px;font-size: 14px;}
.home .lft-new-button{padding: 12px 28px; font-size: 14px;min-width:0;}
.prehome .lft-new-button{min-width:111px;}
}
/*END NEW LEFTIES BUTTON*/
.pinkcrespon:after{content:'.';width:100px;height:40px;background-image:url(../images/lazo-small.png);background-size:auto 100%;background-repeat:no-repeat;color:rgba(0,0,0,0);position:absolute;margin-left:-155px;margin-top:-10px}
@media screen and (max-width: 900px){
.pinkcrespon:after{margin-left: 0px;height:35px;margin-top:-10px}
}
/* Bottom Right popup */
@media screen and (max-width: 899px)
{
.popup_affinity {
position:absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
@media screen and (min-width: 900px)
{
.popup_affinity {
position:absolute;
left: 50%;
transform: translateX(-50%);
top: 3vw;
}
}
/* End Bottom Right popup */
/* 2.0 FLECHAS DIFERENTES MENUS */
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy{ font-size: 15px !important; }
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy:after{ display: block; content: url('../images/icons/arrows/v2/arrow-down-white.svg'); transform: rotate(0deg); transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; }
#lft-navtree .sidemenu-list > .sidemenu-list-item > a > .deploy.open:after{ content: url('../images/icons/arrows/v2/arrow-down-white.svg'); transform: rotate(180deg); }
#lft-navtree.is-visible .sidemenu-list > .sidemenu-list-item > a > .deploy:after{ display: block;content: url('../images/icons/arrows/v2/arrow-down.svg'); transform: rotate(0deg); transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; }
#lft-navtree.is-visible .sidemenu-list > .sidemenu-list-item > a > .deploy.open:after{ content: url('../images/icons/arrows/v2/arrow-down.svg'); transform: rotate(180deg); }
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy{ font-size: 15px !important; }
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy:after{ display: block;content: url('../images/icons/arrows/v2/arrow-down.svg'); transform: rotate(0deg); transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; }
#grid-wrapper #grid-menu-fixed .sidemenu-list > .sidemenu-list-item > a > .deploy.open:after{ content: url('../images/icons/arrows/v2/arrow-down.svg'); transform: rotate(180deg); }
/* END 2.0 FLECHAS DIFERENTES MENUS */
/* FIX OCULTAR BUSCADOR */
/*#buscador{ display: none; }*/
#layout_top #buscador { position: absolute; line-height: 15px; right: 60px; font-family: 'brownregular'; transform: translateY(-50%); }
@media screen and (max-width: 899px){
#layout_top #buscador { right: 20px; }
}
/* END FIX OCULTAR BUSCADOR */
/* FIX FRASE MENU */
#info-back-top{ display: none; }
#logo_icon{ width: 220px !important; }
#search_input{ text-shadow: 1px 1px 1px #a0a0a0; }
#lft-worldwide #logo_icon.icon-logo-lefties-movil:before {
content: "\e906";
margin-left: 36px;
}
.icon-logo-lefties-movil:before { content: "\e906"; /*top: 50%; transform: translate(-50%,-50%);*/ padding-left: 30px;}
/*@keyframes animlogo {
0%{margin-top: -100px; opacity: 0;}
24%{margin-top: -100px; opacity: 0;}
29%{margin-top: 0px; opacity: 1;}
45%{margin-top: 0px; opacity: 1;}
50%{margin-top: -100px; opacity: 0;}
74%{margin-top: -100px; opacity: 0;}
79%{margin-top: 0px; opacity: 1;}
95%{margin-top: 0px; opacity: 1;}
100%{margin-top: -100px; opacity: 0;}
}
@keyframes animlogoOver {
0%{margin-top: 0px; opacity: 1;}
24%{margin-top: 0px; opacity: 1;}
29%{margin-top: -100px; opacity: 0;}
45%{margin-top: -100px; opacity: 0;}
50%{margin-top: 0px; opacity: 1;}
74%{margin-top: 0px; opacity: 1;}
79%{margin-top: -100px; opacity: 0;}
95%{margin-top: -100px; opacity: 0;}
100%{margin-top: 0px; opacity: 1;}
}
@keyframes animlogo {
0%{ opacity: 0;}
27%{ opacity: 0;}
29%{ opacity: 1;}
45%{ opacity: 1;}
47%{ opacity: 0;}
74%{ opacity: 0;}
76%{ opacity: 1;}
95%{ opacity: 1;}
100%{ opacity: 0;}
}
@keyframes animlogoOver {
0%{ opacity: 1;}
27%{ opacity: 1;}
29%{ opacity: 0;}
45%{ opacity: 0;}
47%{ opacity: 1;}
74%{ opacity: 1;}
76%{ opacity: 0;}
95%{ opacity: 0;}
100%{ opacity: 1;}
}*/
#menu_text{ display: none;}
/*#menu_text{ position: absolute; font-size: 16px; text-align: center; line-height: 0px; font-family: brownregular; animation: animlogo 24s linear infinite; transition: opacity .5s linear;}*/
.bold-text { font-weight: bold; }
@media screen and (min-width: 900px){
.br-on-mobile { display: none;}
}
@media screen and (max-width: 899px){
.icon-logo-lefties-movil:before { content: "\e906"; /*top: 50%; transform: translate(-50%,-50%);*/ padding-left: 50px;}
/*#menu_text{ position: absolute; right: inherit; left: 72px;; font-size: 14px; line-height: 18px; text-align: left; top: 50%; transform: translateY(-50%)}*/
#logo_icon{ padding: 28px 0; }
}
/* END FIX FRASE MENU */
/* FIX HAMBURGUER ON DESKTOP */
@media screen and (min-width: 900px){
#layout_top.background.is-nav-visible #menu_icon_svg_container{ opacity:0; }
}
/* END FIX HAMBURGUER ON DESKTOP */
/* FIX BUSCADOR INDITEX */
@media screen and (min-width: 900px){
body.search-page #grid-container{ width: calc(100% - 120px) !important; margin-left: 60px !important; }
body.search-page #grid-filter-container #grid-filter-centerblock{ width: calc(100% - 160px) !important;}
body.search-page #grid-filter-container #grid-filter-centerblock #grid-filter-breadcrumbs { padding-left: 60px !important;}
body.search-page #grid-separator { width: calc(100% - 120px) !important; margin-left: 60px !important;}
body.search-page #order-layer{ left: 60px !important; width: calc(100% + 40px) !important;}
body.search-page #grid-filter-container #filter-layer{ width: calc(100% - 120px); right: 60px;}
}
/* END FIX BUSCADOR INDITEX */
/* REESTILADO C&C */
#stockFormContainer .popup-stock-info-description2 { font-size: 11px; line-height: 12px; font-style: italic; }
.popup-stock-info .lft-new-button{ background: #939293; border: 1px solid #939293; transition: all 0.4s ease-out;}
.popup-stock-info .lft-new-button:hover{ color:white; background: #000; border: 1px solid #000; }
#stockFormContainer .stock-popup-noresults{ color: red; font-size: 12px; line-height: 13px; }
.popup-stock-results .popup-stock-info-store > div { margin-bottom: 9px; }
.popup-stock-results .popup-stock-info-store-name { margin-bottom: 16px !important; }
.popup-stock-results .lft-button-open-book-form { margin-top: 14px; }
.popup-stock-results .popup-stock-info-store > .popup-stock-info-store-name::after{ content: url(../images/icons/deployer_down.png); }
.popup-stock-results .popup-stock-info-store.active > .popup-stock-info-store-name::after{ content: url(../images/icons/deployer_up.png); }
#bookForm .popup-stock-info-subtitle{ font-size: 12px; line-height: 15px; margin-bottom: 30px; }
#bookForm .input.popup-stock-info-form-field{ margin-bottom: 30px; }
/*#bookFormContainer input.popup-stock-info-form-field { font-weight: bold; }
#bookFormContainer input.popup-stock-info-form-field:focus { font-weight: normal; }*/
/* END REESTILADO C&C */