/* Created on 2018-12-18 09:38 */
#middle-container {
 background-color:transparent;
 background-position:top;
 background-repeat:repeat-y;
 background-size:29.3333% auto;
 margin-bottom:25px;
 position:relative;
 padding-left:5px;
 padding-right:5px
}
#middle-container .bg-highlight {
 -webkit-transform:translateZ(-1px)
}
.men #middle,.women #middle {
 background-color:transparent;
 background-position:bottom;
 background-repeat:no-repeat;
 background-size:29.3333% auto
}
.men #middle .column-2,.women #middle .column-2 {
 padding-bottom:258px
}
#middle .column-2 .yoox-logo-r {
 background-color:transparent;
 background-position:top;
 background-repeat:no-repeat;
 background-size:83px;
 padding-top:100px
}
#home-content .banner-subtitle,#home-content .banner-title {
 display:block;
 text-align:center
}
#home-content .banner-container {
 margin:0 auto 23px
}
#home-content .last-item .banner-container {
 margin-bottom:0
}
#home-content #top-container .last-item .banner-container {
 margin-bottom:23px
}
#home-content .banner-container-row {
 padding-bottom:17px
}
#home-content .banner-image {
 line-height:0;
 text-align:center
}
#home-content .banner-text {
 clear:both;
 padding-left:17px;
 padding-right:17px
}
#home-content .menu-section-item {
 display:block;
 margin:0 0 16px
}
#home-content .last-item {
 overflow:hidden
}
#home-content .last-item .menu-section-item {
 margin-bottom:25px
}
#home-content .important {
 padding-top:18px
}
#home-content .row-title {
 margin:35px 0 32px
}
#home-content .inline {
 display:inline-block;
 margin-top:47px
}
#home-content .inline .item {
 display:inline-block;
 float:left
}
#home-content .inline .item-1-2 {
 padding-right:28px
}
#home-content .inline .item-1-3 {
 padding-right:14px
}
#home-content .inline .item-1-4 {
 padding-right:9.3px
}
#home-content .inline .last-item {
 padding-right:0
}
#home-content .grey .banner-container {
 background-color:#f3f3f3
}
#home-content .reccomendations {
 margin:23px 1px;
 padding:0 13px;
 text-align:center
}
#home-content .column-2 .reccomendations {
 margin:32px 10%;
 padding:0
}
#home-content .column-2 .reccomendations.margin-10x-bottom {
 margin-bottom:100px
}
#home-content .reccomendations .row-title {
 margin:0;
 padding:0
}
.weather-widget {
 display:none;
 margin:21px 0 89px
}
.weather-widget-padding {
 padding:30px 0
}
#home-content .item-brand {
 font-size:11px;
 font-size:.6875rem
}
#home-content .item-micro-category,#home-content .item-price {
 font-size:12px;
 font-size:.75rem
}
#home-content .item-price {
 font-weight:400;
 margin-top:6px
}
#home-content .item-price .old-price {
 display:block;
 font-size:11px;
 font-size:.6875rem
}
.lang-latin #home-content .item-price {
 font-family:Montserrat,Sans-serif;
 font-weight:700
}
.lang-CN #home-content .item-price,.lang-GR #home-content .item-price,.lang-JP #home-content .item-price,.lang-KR #home-content .item-price,.lang-RU #home-content .item-price {
 font-weight:700
}
#home-content .item-container .item-data {
 height:101px;
 min-height:101px;
 padding:0 12%
}
#home-content .item-container .item-img {
 border:17px solid #f3f3f3;
 margin:12px 0 15px
}
#home-content .no-border-image .item-container .item-img {
 border:none
}
#home-content .banner-items .item-container .item-img {
 border-width:12px;
 margin:10px 5px
}
#home-content .item-container .color-list,#home-content .item-container .item-sizes {
 display:none
}
#home-content .reccomendations .item-container .item-img img {
 margin:0 auto;
 width:auto
}
#home-content .reccomendations .slick-next,#home-content .reccomendations .slick-prev {
 bottom:inherit;
 height:50px;
 top:79%;
 width:50px;
 z-index:10
}
.designart #home-content .reccomendations .slick-next,.designart #home-content .reccomendations .slick-prev,.kids #home-content .reccomendations .slick-next,.kids #home-content .reccomendations .slick-prev {
 top:77%
}
#home-content .reccomendations .slick-prev {
 background-position:-36px 9px;
 right:10px
}
#home-content .reccomendations .slick-next {
 background-position:19px 9px;
 right:10px
}
#home-content .reccomendations .slick-prev {
 left:10px
}
#home-content .banner-items {
 margin:0 5px;
 overflow:hidden
}
#home-content .banner-items .item-container {
 display:inline-block;
 width:50%
}
.js-kids-columns {
 margin-bottom:60px;
 margin-top:60px
}
.js-kids-columns:first-child {
 margin-bottom:45px;
 margin-top:45px
}
.js-kids-columns:last-child {
 margin-top:90px
}
.kids-column-inactive .items-container,.kids-column .row-title {
 display:none
}
#home-content .js-kids-columns .row-title {
 margin:0
}
.js-kids-columns .row-subtitle .row-title {
 border-right:1px solid #6f6f6f;
 color:#b1b1b1;
 cursor:pointer;
 display:inline-block;
 line-height:10px;
 padding:0 14px
}
.js-kids-columns .row-subtitle .row-title:last-child {
 border-right:none
}
#home-content .kids-mid-column>.row-title {
 margin-bottom:0
}
.kids-mid-column>.row-title>.bg-highlight {
 background-color:transparent
}
.kids-mid-column .row-header {
 font-family:SourceSansProItalic,sans-serif;
 margin-top:5px
}
.kids-mid-column .row-subtitle {
 margin-bottom:35px;
 margin-top:30px
}
#home-content .kids-mid-column .important {
 margin-bottom:0;
 padding-bottom:0;
 padding-top:0
}
.row-separator {
 height:6px;
 margin:0 10%;
 width:80%
}
.reccomendations .row-separator {
 margin:0;
 width:100%
}
.column-2 .last-banner {
 bottom:75px;
 left:33.3333%;
 position:absolute;
 right:33.3333%;
 width:33.3333%
}
.column-2 .banner-container {
 padding-bottom:26px
}
.column-2 .last-item .banner-container {
 padding-bottom:0
}
#SplashPage #userbar {
 position:fixed
}
#SplashPage #mainContainer {
 min-width:980px
}
#SplashPage #footer {
 border-top:none
}
 
#splash-banners-container {
   /* height:538px; */
 height: 60vh;            /* height:70vh; */
 min-height:240px;
 position:relative
}
#splash-banners-container .banners-splash {
  /*   max-width:1024px;  */
 max-width:150vw
}
.banners-splash>div {
 z-index:2
}
.banners-splash-wrapper {
 padding:4px 4px 0
}
#splash-banners-container .banner-splash-img {
 height:0;
 padding-bottom:150%;
 position:relative;
 width:100%
}
#splash-banners-container .banner-splash-img img {
 max-height: 40vh;    
 height:100%;
 left:0;
 position:absolute;
 width:100%
}
.js-banner-splash-label {
 color:#fff;
 padding:35px
}
#splash-banners-container .banner-splash-more {
 color:#333;
 cursor:pointer;
 height:54px;
 line-height:54px;
 position:relative
}
#splash-banners-container .js-selected.banner-splash-more:after {
 border:.9em solid transparent;
 border-top-color:#f3f3f3;
 content:" ";
 height:0;
 left:50%;
 margin-left:-.9em;
 pointer-events:none;
 position:absolute;
 top:100%;
 width:0;
 z-index:2
}
#splash-banners-container .js-selected .show-more-open,#splash-banners-container .show-more-close {
 display:none
}
#splash-banners-container .js-selected .show-more-close,#splash-show-mores .show-more-close {
 display:block;
 font-family:arial;
 font-size:33px
}
#splash-show-mores .show-more-close {
 cursor:pointer;
 padding:0 0 20px 20px;
 position:absolute;
 right:13px;
 top:28px
}
#splash-show-mores>div {
 margin-bottom:25px
}
#splash-show-mores .show-more-content {
 padding:25px;
 border-bottom:2px dotted #c5c5c5
}
#splash-show-mores .show-more-content+.extended-list-wrapper {
 padding:25px 0;
 position:relative
}
#splash-show-mores .show-more-content .extended-list {
 border:2px solid #c5c5c5;
 padding:10px 0
}
#splash-show-mores .show-more-content-title {
 padding-bottom:14px
}
#js-show-more-kids .show-more-content {
 padding-bottom:0;
 border-bottom:none
}
#js-show-more-kids .show-more-content+.show-more-content .show-more-content-title {
 background:#f6f6f6;
 margin-bottom:12px;
 padding:10px
}
#splash-show-mores .show-more-content li {
 line-height:38px
}
#splash-banners-container .banners-splash-container-wrapper,.banner-splash-bg {
 bottom:0;
 left:0;
 position:absolute;
 width:100%
}
#splash-banners-container .banners-splash-container-wrapper {
 z-index:2
}
.banner-splash-bg {
 height:100px;
 z-index:1
}
.bg-error-info, .bg-highlight, .bg-light, .bg-medium, .hover-highlight:hover, .hover-medium:hover, .text-hover-primary:hover, .text-primary {
    color: #333;
}
.text-size-l {
    font-family: Montserrat, sans-serif;
    font-size: 18px;  
    font-size: calc(18px + 0.2vw);
}
.text-size-2 {
    font-family: Montserrat, sans-serif;
    font-size: 12px;  
    font-size: calc(16px + 0.2vw);
}
/*.center-block {        SWW This is in bootstrap
    display: block;
    margin-left: auto;
    margin-right: auto;
}  */


.bg-secondary {
 background-color: #363636;
}

#splash-show-mores .show-more-container {
 margin-left:auto;
 margin-right:auto;
 max-width:1024px;
 max-width:150vh
}
.col-1-content>* {
 width:100%
}
#splash-show-mores .sect-kids>.depth-1-column {
 display:inline-block;
 padding:0;
 width:32%
}
.banners-splash-wrapper:hover {
 opacity:.8
}
#Project #mainContainer {
 padding-top:128px
}
#Project #breadcrumbs {
 font-size:12px;
 font-size:.75rem;
 color:#949494;
 text-align:center
}
#Project .boxHl {
 width:100%;
 overflow:hidden;
 font-size:.8em
}
#Project .boxHl .banner {
 position:relative
}
#Project .boxHl .bannerMarginFirst {
 margin:0 0 50px
}
#Project .boxHl .bannerMargin {
 margin:0 0 50px 25px
}
#Project .topBanner .boxHl .bannerMargin {
 margin:0 0 50px
}
#Project .boxHl .banner a.bannerImage {
 display:block;
 text-align:center
}
#Project .boxHl .banner .bannerLinks {
 position:absolute;
 width:226px;
 height:100px;
 left:0;
 bottom:0;
 overflow:hidden
}
#Project .boxHl .banner .bannerLinksWrapper {
 height:88px;
 margin:5px;
 position:relative
}
#Project .boxHl .banner .bannerLinksBakground {
 position:absolute;
 width:100%;
 left:0;
 top:0;
 right:0;
 bottom:0;
 opacity:.95;
 background-color:#fff
}
#Project .boxHl .banner .bannerTitle {
 margin-bottom:10px;
 padding-right:0;
 display:block;
 color:#2e2e2e;
 line-height:14px;
 overflow:hidden
}
#Project .boxHl .banner .bannerSubTitle {
 color:#6e6e6e;
 height:35px;
 line-height:16px;
 overflow:hidden;
 padding-right:0;
 position:absolute;
 top:19px
}
#Project .boxHl .banner .stdButton {
 position:absolute;
 bottom:0
}
#Project .stdButtonWhite,#Project a.stdButtonWhite {
 background-color:#fff;
 border-color:#a7a7a7;
 color:#333
}
#Project .stdButton,#Project a.stdButton,#Project input.stdButton {
 -webkit-appearance:none;
 border-radius:0;
 border-style:solid;
 border-width:1px;
 cursor:pointer;
 display:inline-block;
 line-height:12px;
 overflow:visible;
 padding:8px 3em;
 text-align:center
}
.js-bc-videojs {
 position:relative;
 padding-top:56.25%
}
.js-bc-videojs.bc-videojs-4-3 {
 padding-top:75%
}
.video-js {
 bottom:0;
 height:100%;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%;
 background:#fff
}
.weather-icon {
 display:inline-block;
 background-repeat:no-repeat;
}
.icon-sole {
 width:68px;
 height:68px;
 background-position:0 0
}
.icon-notte {
 width:68px;
 height:68px;
 background-position:-84px 0
}
.icon-nuvole {
 width:68px;
 height:68px;
 background-position:-168px 0
}
.icon-pioggia {
 width:68px;
 height:68px;
 background-position:-252px 0
}
.icon-nebbia {
 width:68px;
 height:68px;
 background-position:-336px 0
}
.icon-neve {
 width:68px;
 height:68px;
 background-position:-420px 0
}
.weather-description {
 margin-top:30px;
 padding:0 30px
}
#layer-first-visit {
 border:1px solid #ececec;
 bottom:100px;
 position:fixed;
 right:20px;
 width:260px;
 z-index:100002
}
#layer-first-visit .head-block {
 padding:5px 0 0
}
#layer-first-visit .title-block {
 display:inline-block;
 font-size:1em;
 padding-left:45px
}
#layer-first-visit .chooseLocationColumn {
 font-family:Montserrat;
 font-size:1.2em;
 padding:16px 40px 20px
}
#layer-first-visit .choose-title {
 font-family:Montserrat,Sans-serif;
 font-weight:700;
 font-size:1.8em
}
#layer-first-visit .choose-tipmex {
 font-family:Montserrat;
 font-size:1.2em;
 margin:6px 0 0 15px
}
#layer-first-visit .close-block {
 padding:7px 20px 0 0
}
#layer-first-visit .close-block span.close {
 cursor:pointer;
 display:block;
 float:right;
 height:11px;
 margin:0;
 width:11px
}
#layer-first-visit-container {
 padding:0 20px 20px
}
#layer-first-visit-container-message img {
 height:auto!important;
 width:100%!important
}
#layer-first-visit-success {
 padding:30px 0
}
#campaignMailEmail {
 font-size:12px;
 padding:6px;
 text-align:center;
 margin-bottom:12px
}
