@charset "utf-8";
/* CSS Document */
.Header{position:relative;}
    .Header .BoxWide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
        .TopHeader,.BottomHeader{padding-top:18px;padding-bottom:18px;}
        .TopHeader{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;order:2;}
            .MainSearch{margin-right:18px;}
                .MainSearch>a, .MainSearch img {height:30px;}
                .MainSearch>a{width:30px;background-image:url('../images/SearchIcon.png');background-repeat:no-repeat;background-position:center center;background-size:24px;border-radius:2px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-duration:0.3s;}
                .MainSearch>a:hover{background-color:#f5f5f5;}
            			.MainSearchForm{background-color:#f5f5f5;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin-top:30px;padding-top:24px;padding-bottom:24px;position:absolute;right:0;left:0;z-index:2;opacity:0;transform:translateY(-400%);transition-property:transform, opacity;transition-duration:0s, 0.6s;}
			            .mainsearch .MainSearchForm{transform:none;opacity:1;}
                            .MainSearchInput{width:calc(100% - 48px);border-right:1px solid #d4c8bd;background-image:url('../images/SearchGreyIcon.png');background-repeat:no-repeat;background-position:left center;background-size:24px;box-sizing:border-box;padding-top:3px;padding-right:18px;padding-bottom:3px;padding-left:30px;display:flex;flex-wrap:wrap;}
                                .MainSearchForm input{width:calc(100% - 84px);background-color:transparent;border:1px solid transparent;border-bottom:1px dotted #aaaaaa;box-sizing:border-box;font-family:'Montserrat', sans-serif;font-size:14px;font-weight:600;color:#282826;letter-spacing:0.4px;text-transform:uppercase;padding-top:6px;padding-bottom:6px;padding-left:9px;-webkit-appearance:none;appearance:none;display:block;}
                                .MainSearchForm input::-webkit-input-placeholder{color:#999999;}/* WebKit, Blink, Edge */
                                .MainSearchForm input:-moz-placeholder{color:#999999;opacity:1;}/* Mozilla Firefox 4 to 18 */
                                .MainSearchForm input::-moz-placeholder{color:#999999;opacity:1}/* Mozilla Firefox 19+ */
                                .MainSearchForm input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10-11 */
                                .MainSearchForm input::-ms-input-placeholder{color:#999999;}/* Microsoft Edge */
                                a.SearchFormButton{width:60px;background-color:transparent;border:1px solid #cccccc;box-sizing:border-box;border-radius:2px;font-family:'Montserrat', sans-serif;font-size:12px;font-weight:600;color:#999999;line-height:16px;text-decoration:none;margin-left:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;transition-property:all;transition-duration:0.3s;}
                                    a.SearchFormButton:hover{background-color:#a5a5a5;border-color:#a5a5a5;color:#ffffff;}
                            a.MainSearchCloseButton{width:30px;background-image:url('../images/MainSearchCloseButtonIcon.png');background-repeat:no-repeat;background-position:center center;background-size:15px;border-radius:2px;opacity:0.6;display:block;cursor:pointer;transition-property:all;transition-duration:0.3s;}
                                a.MainSearchCloseButton:hover{opacity:0.8;}
            .Account{margin-right:18px;}
                .Account a, .Account img{width:30px;height:30px;}
                .Account a{background-image:url('../images/UserIcon.png');background-repeat:no-repeat;background-position:center center;background-size:24px;border-radius:2px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-duration:0.3s}
                .Account a:hover{background-color:#f5f5f5;}
            .Shopper{margin-right:18px;}
                a.ShopperMobileLink{height:30px;background-image:url('../images/ShopperIcon.png');background-repeat:no-repeat;background-position:left center;background-size:26px;border-radius:2px;font-size:13px;color:#6d6d6e;text-align:right;text-decoration:none;padding-left:36px;flex-wrap:wrap;align-items:center;cursor:pointer;display:none;}
                a.ShopperMobileLink:hover{background-color:#f5f5f5;} 
                a.ShopperDesktopLink{height:30px;background-image:url('../images/ShopperIcon.png');background-repeat:no-repeat;background-position:left center;background-size:26px;border-radius:2px;font-size:13px;color:#6d6d6e;text-align:right;text-decoration:none;padding-left:36px;display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;}
                a.ShopperDesktopLink:hover{background-color:#f5f5f5;}


                .ShopperPanel{width:100vw;background-color:rgba(0,0,0,0.00);box-shadow:none;position:fixed;top:0;right:0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-end;transform:translateX(100%);transition-property:transform, background;transition-timing-function:ease-in-out;transition-duration:0.05s, 0.2s;z-index:5;}
                
                .topshopper .ShopperPanel{background:rgba(0,0,0,0.55);transform:translateX(0px);}
                    .TopShopperList{height:100vh;flex-basis:50%;background-color:#ffffff;box-shadow:0 -4px 12px -2px rgba(0,0,0,0.60);display:flex;flex-wrap:wrap;flex-flow:column;transform:translateX(100%);transition-property:all;transition-timing-function:ease-in-out;transition-duration:0.3s;transition-delay:0.1s;}
					.topshopper .TopShopperList{transform:translateX(0px);}

                .TopShopperListCloseButton{width:100%;align-self:flex-start;}
                    .TopShopperListCloseButton a{background-image:url('../images/TopShopperListCloseButtonIcon.png');background-repeat:no-repeat;background-position:right 24px center;background-size:15px;border-bottom:1px solid #d7d7d7;font-family: 'Montserrat', sans-serif;font-size:14px;font-weight:500;text-decoration:none;padding:24px;display:block;}

                .TopShopperListItemBox{width:100%;background-color:#ffffff;flex-grow:1;scrollbar-color:rgba(0,0,0,0.15) rgba(0,0,0,0.05);scrollbar-width:thin;overflow-y:auto;}

.TopShopperListItem{border-bottom:1px dotted #cb770f;margin-right:24px;margin-left:24px;padding-top:12px;padding-bottom:12px;display:flex;flex-wrap:wrap;}
    .TopShopperListItemImageBox{flex-basis:25%;}
    .TopShopperListItemData{flex-basis:75%;box-sizing:border-box;padding-left:24px;}
        .TopShopperListItemDataName{font-family: 'Montserrat', sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;}
        .TopShopperListItemDataCode{font-size:13px;color:#6e6e6e;}

        .TopShopperListItemDataTable{font-size:13px;padding-top:12px;padding-bottom:6px;}
        .TopShopperListItemDataTable tr:first-of-type td{font-size:10px;color:#999999;text-transform:uppercase;padding-bottom:3px;}
        .TopShopperListItemDataTable tr:last-of-type td{font-weight:600;}




                .TopShopperListCheckOut{width:100%;box-sizing:border-box;padding:24px;align-self:flex-end;background-color:#ffffff;}
                .yes_touch .TopShopperListCheckOut{padding-bottom:96px;}
						.TopShopperPriceBox{border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:700;margin-bottom:30px;padding-top:48px;padding-right:24px;padding-bottom:24px;padding-left:24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
							.TopShopperPriceIndex {}
								.TopShopperPriceIndex span{color:#6e6e6e;font-weight:400;}
						.TopShopperButtons{margin-right:-6px;margin-left:-6px;}
						.TopShopperButtons .Button{display:flex;flex-wrap:wrap;justify-content: space-between;}
						.TopShopperButtons .Button>*{flex-basis:calc(50% - 12px);min-width:inherit;margin-right:6px;margin-left:6px;}
						.TopShopperButtons .Button>*:first-of-type{background-color:#ffffff;border:1px solid #282927;color:#282927;}
						.TopShopperButtons .Button>*:first-of-type:hover{background-color:#282927;border:1px solid #282927;color:#ffffff;}



            .CountryMenu{border-left:1px solid #d4c8bd;padding-top:3px;padding-bottom:3px;padding-left:18px;position:relative;}
                    .CountryMenu>a{height:30px;min-width:30px;background-color:#6d6d6e;border-radius:2px;font-family:'Montserrat', sans-serif;font-size:12px;color:#e9e7e0;text-decoration:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-duration:0.3s;}
                        .CountryMenu>a:hover{background-color:#949494;color:#ffffff;}
                            .CountryMenuPanel{width:180px;background-color:#ffffff;box-shadow:1px 2px 9px -2px rgba(0,0,0,0.25);position:absolute;right:0;display:none;z-index:2;}
                            .countrymenu .CountryMenuPanel{display:block;}
                                .CountryMenuPanel a{border-bottom:1px solid #d7d7d7;font-family:'Montserrat', sans-serif;font-size:12px;text-decoration:none;padding-top:12px;padding-right:18px;padding-bottom:12px;padding-left:12px;display:block;transition-property:all;transition-duration:0.4s;}
                                .CountryMenuPanel a.SelectedItem{background-image:url('../images/CountryMenuCheckIcon.png');background-repeat:no-repeat;background-position:right 9px center;background-size:12px;}
                                .CountryMenuPanel a:hover{background-color:#f1f1f1;}


        .BottomHeader{flex-grow:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;order:1;}
            .Logo{flex-basis:228px;}
                .Logo a{display:block;}
            .MainMenuBox{flex-basis:calc(100% - 228px);text-align:center;}
            



            





/* Regole PC>1600 */ 
@media all and (min-width: 1600px) {
	
.TopShopperList{flex-basis:25%;}
}

/* Regole Tablet Verticale */
@media all and (min-width:768px) and (max-width: 1024px) and (orientation: portrait) {	
	
.TopShopperList{flex-basis:60%;}	
}
	

/* Regole Smartphone Orizzontale */
@media all and (max-width: 1024px) and (orientation: landscape) {

    
.MainSearch{margin-right:24px;}  
.Account{margin-right:24px;}
.Shopper{margin-right:24px;}   
    a.ShopperMobileLink{display:flex;}
    a.ShopperDesktopLink, .ShopperPanel{display:none;}
.CountryMenu{padding-left:24px;}
    .CountryMenuPanel{top:42px;}
}



/* Regole Smartphone Verticale */
@media all and (max-width: 767px) and (orientation: portrait) {	
	

.Header .BoxWide{padding-right:0;padding-left:0;}
    .TopHeader,.BottomHeader{padding-right:5%;padding-left:5%;}
    .TopHeader{flex-basis:100%;background-color:#f1f1f1;color:#ffffff;padding-top:3px;padding-bottom:3px;justify-content:space-between;order:1;}
        .MainSearch{margin-right:0;}
            .MainSearchForm{margin-top:6px;padding-right:5%;padding-left:5%;right:0;left:0;}
        .Account{margin-right:0;}
        .Shopper{margin-right:0;}
            a.ShopperMobileLink{display:flex;}
            a.ShopperDesktopLink,.ShopperPanel{display:none;}
        .CountryMenu{padding-left:18px;position:inherit;}
                .CountryMenuPanel{width:inherit;top:42px;right:5%;left:5%;}
                    .CountryMenuPanel a{padding-top:15px;padding-bottom:15px;}
    .BottomHeader{padding-top:9px;padding-bottom:9px;order:2;}
        .Logo{flex-basis:204px;}
        .MainMenuBox{flex-basis:calc(100% - 204px);text-align:right;}    
 
}



/* Regole per dispositivi Retina | */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

.MainSearch>a{background-image:url('../images/SearchIconRetina.png');}
.MainSearchInput{background-image:url('../images/SearchGreyIconRetina.png');}
a.MainSearchCloseButton{background-image:url('../images/MainSearchCloseButtonIconRetina.png');}
.TopShopperListCloseButton a{background-image:url('../images/TopShopperListCloseButtonIconRetina.png');}
.Account a{background-image:url('../images/UserIconRetina.png');}
a.ShopperDesktopLink, a.ShopperMobileLink{background-image:url('../images/ShopperIconRetina.png');}
.CountryMenuPanel a.SelectedItem{background-image:url('../images/CountryMenuCheckIconRetina.png');}
    
}