/* CSS Document */ /* caratteri ---------------------------------------------- */ @font-face { font-family: 'swiss721bt'; src: url('/font/swiss/swiss-721-bt-58a8a33ec1193-webfont.woff2') format('woff2'), url('/font/swiss/swiss-721-bt-58a8a33ec1193-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'swiss721bt_cn'; src: url('/font/swiss/swiss-721-condensed-bt-58a8a361d29bb-webfont.woff2') format('woff2'), url('/font/swiss/swiss-721-condensed-bt-58a8a361d29bb-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'swiss911bt_xcm'; src: url('/font/swiss/swiss-911-extra-compressed-bt-58a8a3493b70d-webfont.woff2') format('woff2'), url('/font/swiss/swiss-911-extra-compressed-bt-58a8a3493b70d-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'swiss921bt'; src: url('/font/swiss/swiss-921-bt-58a8a31b91c27-webfont.woff2') format('woff2'), url('/font/swiss/swiss-921-bt-58a8a31b91c27-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'swiss721bt_cn_bold'; src: url('/font/swiss/swiss-721-bold-condensed-bt-58ac5aaa3df3a-webfont.woff2') format('woff2'), url('/font/swiss/swiss-721-bold-condensed-bt-58ac5aaa3df3a-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'swiss721bt_lt'; src: url('/font/swiss/swiss-721-light-bt-58bd82c35f3a9-webfont.woff2') format('woff2'), url('/font/swiss/swiss-721-light-bt-58bd82c35f3a9-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* Base ---------------------------------------------------------------*/ body { color: #000;margin: 0;padding: 0; font: 16px 'swiss721bt_cn',Verdana, Helvetica, sans-serif;} div, select, input, textarea{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } div, select, input{overflow:hidden; } input,textarea{font-family:'swiss721bt',Verdana, Helvetica, sans-serif;} li{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; } ul,ol{ -webkit-margin-before: 0; -webkit-margin-after: 0;} a { color:inherit; text-decoration:none;} a:hover, a:focus {color:#FF007B;} h1,h2,h3,h4,h5,h6 { -webkit-margin-before: 0; -webkit-margin-after: 0; font-weight:inherit;} h1 { margin: 0; line-height:1em;} /* Titoli prodotoi nella pagina prodotto */ h2 { } /* Titoli prodotti nello shop */ h3 { } /* Descrizione prodotti nella pagina prodotto */ h4,h5{font-size:16px;} p {margin: 0 0 4px 0; } ul,ol{list-style:none; -webkit-padding-start: 0;-moz-padding-start: 0;padding-left: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em; margin-top: 0em; margin-bottom: 0em; } form {padding: 0;margin: 0;} img {border: 0;max-width:100%;max-height:100%;vertical-align: middle;} .centra {margin:0 auto;} .estendi{ width:100%;} .mano{cursor:pointer;} .nascosto{display:none;} .pulsante{min-width:200px; text-align:center; padding:10px; background-color:black; color:white; margin:10px auto; border:none; font-size:18px; font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; cursor:pointer;} /*-------- icone----- */ .icon-twitter, .icon-facebook{position:relative; margin-right:35px;color: #333;top: 0px;} .icon-login, .icon-carrello { font-size:18px;} .icon-twitter:before, .icon-facebook:before{font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/font-size: 25px;padding-right: 0.5em;position: absolute;left: 0;} .icon-login:before, .icon-carrello:before{font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;/*--adjust as necessary--*/} .icon-twitter:before{content: "\f081";} .icon-facebook:before{content: "\f082";} .icon-login:before{content: "\f007";} .icon-carrello:before{content: "\f07a";} .icon-facebook:hover{ color:#039;} .icon-twitter:hover{ color:#09F;} .icon-carrello:hover, .icon-login:hover{ color:#F09;} /* Main Blocks ---------------------------------------------------------------*/ #maincontainer { width: 100%; margin: 0 auto 0px auto; } #content { position:relative; margin: 0px auto 0px auto; width:760px; min-height:550px;} .content { position:relative; margin: 0px auto 0px auto; width:760px; min-height:550px;} .breadcrumb{margin:15px 10px; font-size:14px; color:#444;} .breadcrumb li{display:inline;} #boxinfocookie{ display:none; text-align:center; background:white; border:1px solid #eee; width: 100%; padding:15px; position:fixed; bottom:0; margin:0 auto; z-index:999999;} /* MOD Blocks -----------------------------------------------*/ .modale{cursor:pointer;} #mod_sfondo{position: fixed;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;background: rgba(33, 36, 46, 0.95); display:none; opacity:0;} .mod_container{ width: 100%;min-height: 300px;padding: 35px;-webkit-transition: -webkit-transform 0.2s linear;-moz-transition: -moz-transform 0.2s linear;-o-transition: -o-transform 0.2s linear;transition: transform 0.2s linear;-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-ms-transform: scale(0.95);-o-transform: scale(0.95);transform: scale(0.95);background:#FFF;background-clip: padding-box;-webkit-box-shadow: 0 0 8px #171a24;box-shadow: 0 0 8px #171a24;position: relative;display: inline-block;max-width:700px;vertical-align: middle;margin: 20px auto; text-align:center; display:none;} .mod_x{position:absolute; right:10px; top:5px; cursor:pointer; font-weight:bold; border:1px solid #000; border-radius:10px; padding:2px 8px;} .titmod{font-size:22px;} /* Menu Blocks ---------------------------------------------------------------*/ #header a{ text-decoration:none;} #header a:hover,#header a:focus{ color:inherit;} #header ul li{cursor:pointer;} #contmenu{width:100%; border-bottom:2px solid #eee; display: flex; flex-direction: row;} #contsubmenu{width:100%; background:#f1f1f1; padding-left:200px; } #boxlogo{width:130px; align-self: center; padding-left: 15px; } #boxmenu{flex: 1; padding:0 100px 0 50px; text-transform:uppercase; font-size:16px; font-family:'swiss721bt',Verdana, Helvetica, sans-serif;} #boxmenu ul li{display:inline-block; height:100%; padding: 20px 20px;} #boxmenu ul li.active{ font-weight:bold;} .boxsubmenu{float:left; padding:15px 20px; text-transform:capitalize; font-size:16px; font-family:'swiss721bt',Verdana, Helvetica, sans-serif; display:none; -webkit-transition: display 2s; /* Safari */ transition: display 10s; -moz-transition: display 10s;} .boxsubmenu ul li{display:inline-block; margin-right:20px;} .boxsubmenu ul li.active{ font-weight:bold;} #boxmenudestra{display:flex; align-items: center;} #boxmenudestra ul{display: flex; flex-direction: row; } #boxmenudestra ul li{padding: 10px;} img.bandiera{width:25px; margin-right:2px; vertical-align:center;} #boxbandiera i{font-size:12px; vertical-align:center;} /* Footer Blocks ------------------------------------------------------- */ #footer { width:100%; position:relative; margin: 50px auto 0px auto; background-color:#EEE; overflow:hidden; } #cont-footer{width:90%; overflow:hidden;padding-bottom:20px;} .colfooter {width:25%; float: left; padding:20px 5px;} .titfooter {font-size: 16px;margin: 0 0 1em 0;padding: 0;border-bottom: 1px solid;border-top: 1px solid;text-transform: capitalize;padding: 7px 0;color: #404040;} /* Index Blocks ---------------------------------------------------------------*/ #cont-foto{ width: 100%; display: flex; flex-direction: row; } #cont-foto>div{ flex: 1; padding:15px; } .index h1{text-align: center;line-height: 1.5em; margin-top: 30px;} .index h2{text-align: center; color: #999; margin-bottom: 30px;} #in_contbanner{width:100%; margin-top:15px; } #in_contsceltashop{width:100%; padding-top:15px;} .in_boxsceltashop{width:50%; padding:15px; text-align:center; float:left; font-family:'swiss911bt_xcm',Verdana, Helvetica, sans-serif; font-size:40px; color:white; position:relative;} .in_boxsceltashop img{ width:100%;} .in_boxsceltashop p{position:absolute; top:45%; left:0; width:100%;} #in_boxoutlet{ width:100%; text-align:center;font-family:'swiss921bt',Verdana, Helvetica, sans-serif; background:black; color:white; font-size:32px; padding:10px; text-transform:uppercase; } #in_boxnew{width:50%; float:left; padding:25px 15px; text-align:center;} #in_boxnew img{width:100%;} #in_titnew{font-family:'swiss921bt',Verdana, Helvetica, sans-serif; font-size:30px;} #in_contsocial{width:50%; float:left; padding:25px 15px;} #in_boxsocial{border:1px solid #eee; padding:15px; overflow-y:scroll; height:650px; width:300px; margin:0 auto;} #in_boxsocial h1{text-align:center; margin-bottom:20px; } #in_boxsocial a{text-decoration:none;} .in_boxsoc{margin-bottom:15px; border:1px solid #eee; padding:10px; text-align:center; } .in_boxsoc img{width:80%;} .in_psocial{} .in_pdata{font-size:12px; color:#999;} .in_ptesto{font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; margin-top:10px;} #in_contbestseller{ width:100%; background:#47d123; margin-top:20px; color:white;} #in_imgbs {width:50%; height:250px; float:left; background:url(/img/sito/bestseller.jpg) no-repeat; background-size:cover;} #in_boxbs {width:50%; float:left; text-align:center; padding-top:70px;} #in_boxbs p:first{font-family:'swiss921bt',Verdana, Helvetica, sans-serif;font-size:26px; margin-bottom:15px; } #in_boxbs h2{font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; text-transform:none; font-size:16px; font-weight:inherit; width:200px; margin:0 auto;} #in_titsocial{font-size:24px; text-align:center; margin-bottom:15px;} #in_contlookbook{ width:100%; padding-top:70px;} /* Catalogo BLocks ----------------------------------------------- */ #ct_boxtitolo{text-align:center; padding-bottom:10px;} #ct_boxtitolo h1{font-size:26px; margin-bottom:5px; font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif;} #ct_boxtitolo h2{font-size:18px; font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; } /* Catalogo NEW BLocks ----------------------------------------------- */ .shopRow{display:flex; width: 100%; flex-direction: row; margin-bottom: 150px;} .shopPhotos {display:flex; flex-direction:row;} .shopPhoto {width: 260px; height: 350px;position: relative; overflow: hidden;} .shopPhoto img{min-height: 100%;min-width: 100%;position: absolute;top: -9999px;bottom: -9999px; left: -9999px;right: -9999px;margin: auto;max-width: inherit; width: inherit} .shopDetails{flex: 1; padding: 0 35px; display: flex; flex-direction: column;} .shopDetails>div:first-child{flex:1; padding: 30px 0 15px 0;} .shopDetails .title{ font-size: 20px; font-weight: bold; margin-bottom:15px; text-transform: capitalize;} .shopDetails .prezzo{ font-size: 24px; font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif;} .shopDetails .scontoDescr {color: #333; font-size: 12px;} .shopDetails .contcolori{margin-top: 15px; } .shopDetails .description{margin:40px 0 15px 0;} .shopDetails .pulsante{margin: 0} /* RECENSIONI Blocks -------------------------------------------------------- */ .reviews {padding: 40px 20px;border-radius: 5px;} .reviews .title {margin-bottom: 20px;} .review {margin-bottom: 40px;background-color: #fff;padding: 20px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);border-radius: 5px;} .rating {display: flex;align-items: center;font-size: 18px;} .fa-star {color: #f8ce0b;} .far.fa-star {color: #ccc;} .review-title {font-size: 18px;margin-top: 10px;margin-bottom: 5px;} .review-description {font-size: 15px;font-style: italic;font-weight: bold;color: #333;margin-top: 10px;margin-bottom: 5px;} .review-details {display: flex;align-items: center;justify-content: space-between;margin-top: 10px;} .review-name {font-size: 14px;color: #999;margin-bottom: 0;} .review-date {font-size: 14px;color: #999;margin-bottom: 0;} /* --------------------------------SMARTPHONE------------------------ */ @media (min-width: 1200px) { .shopPhoto{ width: 335px; height: 450px;} .shopDetails{flex: 1; padding: 0 45px; } } @media (max-width: 767px) { .shopPhoto{ width: 223px; height: 300px;} .shopDetails{flex: 1; padding: 0 25px; } .shopDetails>div:first-child{flex:1; padding: 20px 0 5px 0;} } @media (max-width: 650px) { .shopRow{display:flex; width: 100%; flex-direction: column; margin-bottom: 80px; padding-bottom: 20px; border-bottom: 1px solid #eee;} .shopPhoto {width: auto; height: auto;position: unset; } .shopPhoto img{width: 100%; height: inherit; position: unset;} } /* Shop Blocks -------------------------------------------------------- */ .sh_boxprodotto{width:33%; padding:25px; float:left; position:relative;} .sh_nomeprod{float:left; width:60%; height:40px; margin-top:5px; font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:5px;} .sh_prezzo{float:right; width:40%; text-align:right; font-family:'swiss721bt_cn_bold',Verdana, Helvetica, sans-serif; margin-top:5px; } .sh_contcolori{width:100%; text-align:center;} .sh_boxdescr{width:100%; height:80px;} .sh_boxdescr li{overflow:hidden;} .sh_colore{width:20px;height:20px;border-radius:10px; border:2px solid #eee; display:inline-block;} #sh_boxtitolo{width:100%; padding:70px 15px 35px 15px; text-align:center;} #sh_boxtitolo h1{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; margin-bottom:20px; font-weight:inherit;} #sh_boxtitolo h2{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; text-transform:none; font-size:16px; font-weight:inherit;} .sh_boxtitolo1{width:100%; padding:70px 15px 35px 15px; text-align:center; } .sh_boxtitolo1 h2{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; margin-bottom:20px; font-weight:inherit; font-size:26px;} .sh_boxtitolo1 h3{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; text-transform:none; font-size:16px; font-weight:inherit;} #sh_contscelta{width:100%; text-align:center; padding-top:50px;} .sh_colsceltatre{width:33%; padding:10px 10px; float:left; font-size:20px;} .sh_colsceltatre div{width:100%; padding:20px; background:black; color:white;} .sh_etichetta{position:absolute; top:15px; left:15px;} /* Articolo Blocks ---------------------------------------------------------------*/ #ar_contprodotto{width:100%; margin-bottom:50px;} #ar_contprodotto .pulsante{width:100%; padding:15px; background-color:black; color:white; margin:30px auto 10px auto; font-size:18px; } #ar_contsix{width:60%; float:left; position:relative;} #ar_miniature{width:70px; position:absolute; top:0; left:0;} #ar_miniature img{width:100%; margin-bottom:5px;} #ar_foto{width:100%; padding-left:80px;} .ar_titproduct{font-family:'swiss721bt',Verdana, Helvetica, sans-serif; font-size:26px; font-weight:bold; margin: 0; line-height:1em; margin-bottom:5px;} #ar_didascalia{width:100%; padding-top:15px; font-size:12px;} #ar_contdex{width:40%; padding:15px 0 15px 25px;} .ar_titoletto{ font-size:18px;} #ar_listino, #ar_prezzo {font-family:'swiss721bt',Verdana, Helvetica, sans-serif; font-size:26px; font-weight:bold; margin: 0; line-height:1em;} #ar_listino{padding-top:20px;} #ar_contcolori{width:100%; padding-top:35px;} .ar_colore.sel{width:36px;height:36px;border-radius:18px; border:1px solid #555; display:inline-block; margin-right:15px;} .ar_colore{width:24px;height:24px;border-radius:12px; border:2px solid #ccc; display:inline-block; margin-right:15px; cursor:pointer;} #ar_conttaglie{padding-top:20px; width:100%;} .ar_boxtaglia{display:inline-block; text-align:center; margin-right:10px;} .ar_boxtaglia div{padding:5px 20px; border:#DDD 1px solid; font-weight:bold; margin-bottom:5px; cursor:pointer;} .ar_boxtaglia a{text-decoration:none; color:#888;} .ar_taglia.noqta { background:#eee; border-color:#eee; } .ar_taglia.sel{ background:black; color:white;} .ar_boxtaglia p{font-size:12px;} #ar_titgraf{font-size:18px; font-weight:bold;} #ar_continfo{padding-top:30px;} #ar_continfo h2{text-transform:inherit; font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; font-size:16px; font-weight:inherit; } #ar_continfo h3{text-transform:inherit; font-family:'swiss721bt_cn',Verdana, Helvetica, sans-serif; font-size:16px;font-weight:inherit; } #ar_titinfo{padding-top:15px; text-decoration:underline; cursor:pointer;} #ar_contgrafiche{ width:100%; border-top:1px solid #eee; margin-bottom:30px; padding-top:15px;} .ar_titsez{text-align:center; font-weight:bold; margin-bottom:10px;} .ar_contgrafica{width:25%; padding:8px; float:left; cursor:pointer;} #ar_contaltregrafiche{display:none; width:100%;} .ar_boxgrafica{ width:100%; border:1px solid #eee; background:rgb(255,255,0); margin-bottom:10px;} .ar_boxgrafica img{width:100%; vertical-align: middle;} .ar_titgrafica{float:left; width:60%; height:40px;} .ar_prezzografica{float:right; width:40%; text-align:right; font-family:'swiss721bt_cn_bold',Verdana, Helvetica, sans-serif; } #ar_contaggiunte{ width:100%; border-top:1px solid #eee; padding-top:15px;} #ar_boxqta{ margin-top:5px; border:1px solid #DDD; display:inline-block; } .ar_btnqta{background:none;margin:0; border:none; height:30px; width:30px; font-size:20px; font-weight:bold; text-align:center; cursor:pointer;} #ar_inpqta{ margin:0; height:25px; width:40px; border:none; text-align:center; font-size:16px; } #ar_boxgrafpers{margin-top:5px; width:100%;} #ar_boxgrafpers span{color:red; text-decoration:underline; cursor:pointer; font-size:12px;} #ar_boxgrafpers div{width:80px;} #ar_boxgrafpers img{width:100%;} #video-container {width: 100%;} #video-container iframe {width: 640px;height: 480px;} /* MOdgrafica Blocks ---------------------------------------------------------------*/ #ar_contprevgraf{width:100%; padding:5px;} .ar_boxprevgraf{width:50%; float:left; } #ar_contprevgraf img{width:100%;} #ar_contdescrgraf{width:100%; padding:5px; margin-top:15px;} /* MOdpersonalizza Blocks ---------------------------------------------------------------*/ #ar_pr_content{width:100%; padding:5px; font-size:18px;} #ar_pr_tit{font-family:'swiss721bt',Verdana, Helvetica, sans-serif; font-size:26px; font-weight:bold; margin-bottom:10px; line-height:1em;} #ar_pr_spaggiunto{padding-left:15px; display:none;} #ar_pr_sprimuovi{color:red; text-decoration:underline; cursor:pointer; padding-left:20px; display:none;} .ar_pr_contmezzo{width:50%; float:left; padding:5px; font-size:18px; font-weight:bold; margin-top:20px;} #ar_pr_contcolori{width:100%; padding-top:5px; margin-bottom:15px;} .ar_pr_colore.sel{width:36px;height:36px;border-radius:18px; border:1px solid #555; display:inline-block; margin-right:15px;} .ar_pr_colore{width:24px;height:24px;border-radius:12px; border:2px solid #ccc; display:inline-block; margin-right:15px; cursor:pointer;} #ar_pr_textscritta{width:100%; font-size:22px; height:120px;} #ar_pr_textcommenti{width:100%; height:50px;} #ar_pr_importante{width:100%; margin-top:25px; } /* Profilo Blocks -------------------------------------------------------- */ #pr_boxutente{margin-bottom:20px;} #pr_content{padding:25px 0;} #pr_contordini{margin-bottom:20px;} #pr_contordini ul{ list-style:none; text-decoration: none;} #pr_contordini ul li{ display:inline; margin-right:20px;} #pr_contordini .codice{cursor: pointer;} #pr_contordini input, #cont-ordini select{ height:25px; margin-bottom:5px;} #pr_boxspedizione {float:left; width:50%; padding-right:5px; margin-bottom:20px; overflow:hidden;} #pr_boxfatturazione {float:left; width:50%; overflow:hidden; margin-bottom:20px;} #pr_contindirizzi ul li{ display:block; } #pr_contindirizzi input, #pr_contindirizzi select{ width:100%;} #pr_contaccount {overflow:hidden; margin-bottom:30px;} #pr_contaccount input{width:100%; height:30px; margin-bottom:5px; font-size:16px;} /* Login Blocks -------------------------------------------------------- */ #cont-login{text-align:center;width:630px; margin:0 auto;} #cont-login input[type=text], #cont-login input[type=password], #cont-login input[type=email]{ height:20px; width:200px; margin-bottom:5px;} #box-login {float:left; width:314px; overflow:hidden; border-right:#000 solid 1px;} #box-registrazione{float:left; width:315px; overflow:hidden;} /* Carrello Blocks -------------------------------------------------------- */ #cont-totale{float:left; overflow:hidden; width:30%;} .box-carrello{ padding-top:10px; padding-bottom:10px; border-bottom:#000 solid 1px; position:relative;} .cr_preview {float: left; width:100px; } .cr_prevgraf {float: left; margin-left:10px; width:60px; } .cr_descrizione{float:left; overflow:hidden; padding-top:10px; width:100%; } .cr_descrizione ul li{margin:10px 0;} .cr_titsez{font-size:18px; font-weight:bold;} #cont-checkout{width:100%; border:solid 1px #DDD; overflow:hidden; padding:20px; margin-top:30px;} .sez-checkout{width:33.3%; padding:10px; float:left; overflow:hidden; } #cont-indirizzo{border-right:solid 1px #DDD;} #cr_contspedizione{border-right:solid 1px #DDD;} #cont-checkout ul{list-style:none;} #cont-checkout ul li{ margin-bottom:10px; overflow:hidden; } #cont-checkout input[type=text], #cont-checkout input[type=email]{width:100%; height:40px;} #cont-checkout input[type=submit]{background:rgb(0,102,204); } #cont-checkout select{width:100%; height:40px; margin-bottom:10px;} #cr_continua{text-decoration:underline; padding-top:30px; text-align:center; width:100%;} .cr_colore{width:20px;height:20px;border-radius:10px; border:2px solid #eee; display:inline-block; margin:0 5px;} .cr_boxelimina{ position:absolute; top:10px; right:5px; color:#F00; border:1px solid #F00; padding:3px;} /* Extra ----------------------------------------------------------------- */ #boxtitolo img{ width:60%; text-align:center; margin:20px auto; display:block; } .boxiconaextra{ width:300px; margin:10px 10px;} #boxextra{width:100%;} #descrextra{float:left; width:20%; padding-top:80px; } #contextra{width:80%; padding-left:15px;} .fb_iframe_widget_lift { z-index: 999999; } /* Contatti Blocks ---------------------------------------------------------------*/ #cont-contatti{font-size:14px; } .ct_ulform{text-align:left;} .ct_ulform ul{-webkit-margin-before: 0.2em;-webkit-margin-after: 0.2em;} .ct_ulform li { margin-bottom:5px;} .ct_ulform input[type=text],.ct_ulform input[type=email]{ width:100%; height:35px;} .ct_ulform textarea{ height:70px; width:100%;} #ct_contform {width:80%; margin:0 auto; overflow:hidden; } #boxinput{width:100%; float:left; height:220px; overflow:hidden;} #cont-contatti input[type=submit]{padding:10px 30px; min-width:200px; cursor:pointer; background:rgb(0,0,0); color:white; border:none; margin-bottom:15px;} /* Ordine blocks --------------------------------------------------------- */ #or_content{padding-top:25px; padding-bottom:25px;} #or_legenda {padding-top:20px; padding-left:0px; font-size:14px; width:100%;} #or_infoordine{width:100%; overflow:hidden; text-align:center; padding:15px; border:#000 solid thin; margin-bottom:20px; } #or_contdati {width:100%; margin-bottom:20px; border-bottom:1px solid #eee; padding:10px 0;} #or_datifatturazione {float:left; width:50%; } #or_datispedizione { float:left; width:50%; } #or_contcarrello{float:left; overflow:hidden; width:65%; margin-right:5%; margin-bottom:20px;} .or_boxprodotto { width:100%; margin-top:15px; border-bottom:1px solid #eee; padding-bottom:10px;} .or_boxpreview{float:left; width:20%;} .or_boxdescrizione{float:left; padding-left:20px; width:80%;} .or_colore{width:20px;height:20px;border-radius:10px; border:2px solid #eee; display:inline-block; margin:0 5px;} .or_boxprevgraf{padding:10px 0;} .or_prevgraf{max-width:70px;} /* MODNEWSLETTER Blocks -------------------------------------------------------- */ #mns_continput input, #mns_continput select{width:100%; min-height:40px; } #mns_continput li{margin-bottom:15px; overflow:hidden;} #mns_tit{color:#999; font-family:'swiss721bt',Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px;} #mns_sconto{font-family:'swiss721bt',Verdana, Helvetica, sans-serif; font-weight:bold; font-size:80px;} #mns_disconto{font-family:'swiss721bt_cn_bold',Verdana, Helvetica, sans-serif; font-size:60px;} .mns_ud{width:50%;float:left;} .mns_ud div{border:1px solid #000; color:black; text-align:center; padding:10px 10px; cursor:pointer;} #mns_freq{width:100%;} #mns_freq select{ height:35px; font-size:18px;} #mns_mail{width:50%; float:left; padding-right:5px;} #mns_mail input{text-align:center; font-size:18px; background:#ddd; border:none;} #mns_sub{width:50%; padding-left:5px; } #mns_sub input{background:#FF6160; color:white; border:none;} #mns_dett{font-size:14px; color:#999; padding-top:15px;} /* RITORNO ---------------------------------------------------- */ #rt_content{ padding:100px 10px; font-size:24px; text-align:center;} /* LOGIN ----------------------------------- */ #lg_content{padding-top:60px;} /* MODSPEDIZIONI Blocks -------------------------------------------------------- */ #msp_container{background:url(/img/sito/mappaeuropa.jpg) no-repeat; background-size:cover; color:#999; } #msp_tit{font-family:'swiss721bt_cn_bold',Verdana, Helvetica, sans-serif; font-size:40px; color:white;} #msp_container select{width:80%; margin:20px auto; height:40px; font-size:20px; text-align:center; } .msp_contcosti{ width:100%; margin-bottom:20px; color:white;} .msp_boxcosti{width:50%; float:left;} .msp_titsped {font-size:24px; font-weight:bold; } .msp_sottotitsped {font-size:24px; } .msp_rigaprezzo{margin:10px 0; font-size:20px;} .msp_prezzo{font-size:26px; font-weight:bold; color:rgb(255,255,0);} /* MODLOOK Blocks -------------------------------------------------------- */ #mlk_container{ max-width:inherit; margin:0 auto;} #mlk_boximg img{max-height:700px;} #mlk_contarticoli{padding-top:15px;} #mlk_boxinfo{padding-top:15px;} /* LOOKBOOK ------------------------------------------ */ .lk_looksmall{width:25%; float:left; padding:5px;} .lk_lookbig{width:50%; float:left; padding:5px;} .lk_imglook{width:100%; height:250px; } /* Valutazione Blocks -------------------------------------------------------*/ #vl_content{font-size:20px; font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; text-align:center; padding-top:20px;} #vl_content li{margin:15px 0;} #vl_content img{height:200px; margin:10px 0;} .vl_dettagli{ color:#999; font-size:12px; } .vl_listelle{font-size:36px; color:#999;} .vl_listelle i{cursor:pointer;} .vl_listelle .fa-star{color:#FAC20B;} .vl_rix textarea{width:100%; height:80px; padding:5px 10px; font-size:18px;} /* Privacy -------------------------------------*/ #pp_content{padding-top:30px; color:#888; font-size:16px;} #pp_content h1{font-size:28px; color:black;} #pp_content h2{font-size:22px; color:black; margin:10px 0;} #pp_content h3{font-size:18px; font-weight:bold; color:black; margin:5px 0;} #pp_content .one_line_col{padding:20px 0; border-bottom:1px solid #eee;} #pp_content .iub_header{padding-bottom:20px; border-bottom:1px solid #eee;} #pp_content .iub_footer {padding-top:20px; font-size:12px;} @media (min-width: 1200px) { /* Main Blocks ---------------------------------------------------------------*/ #content{width:960px; } .content{width:960px;} /* Footer --------------------- */ /* Index Blocks -------------------------------------------------------*/ #in_contbanner{ } .in_boxsceltashop{ padding:35px;} /* LOOKBOOK ------------------------------------------ */ .lk_looksmall{width:25%; float:left; padding:5px;} .lk_lookbig{width:50%; float:left; padding:5px;} .lk_imglook{width:100%; height:300px; } } /* --------------------------------SMARTPHONE------------------------ */ @media (max-width: 767px) { /* Main Blocks ---------------------------------------------------------------*/ #content{width:95%;} .content{width:95%;} /* MOD Blocks -----------------------------------------------*/ .mod_container{ width: 95%;min-height:inherit;padding: 35px 15px;position: relative;display: inline-block; } /* INDEX ------------------------------------- */ /* Footer ---------------------- */ .colfooter{width:50%;} /* Menu Blocks ---------------------------------------------------------------*/ #contmenu{display: block;} #boxlogo{width:100%; padding: 20px; text-align: center;} #boxlogo img{width:150px;} #boxmenu{ width:100%; background:#EEE; padding:0 0; text-align:center;} #boxmenu ul li{width:24%; margin:0; padding:20px 0;} #boxmenudestra{position: fixed; top: 0; right:0;} #splogin,#spcart{display:none;} #contsubmenu{padding:0;} .boxsubmenu{ padding:0; text-align:center; width:100%; font-size:16px; } .boxsubmenu ul li{width:100%; margin:0; padding:10px; border-bottom:1px solid #EEE; overflow:inherit; } #in-contbanner{display:none;} /* Shop Blocks -------------------------------------------------------- */ .sh_boxprodotto{width:33%; padding:10px; float:left;} .sh_nomeprod{font-size:14px;} .sh_colsceltatre{width:100%; float:none;} #sh_boxtitolo{padding:30px 15px 0px 15px;} #sh_boxtitolo h1{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; margin-bottom:20px; font-weight:inherit; font-size:22px;} #sh_boxtitolo h2{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; text-transform:none; font-size:16px; font-weight:inherit;} .sh_boxtitolo1{padding:30px 15px 0px 15px; } .sh_boxtitolo1 h2{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; margin-bottom:20px; font-weight:inherit; font-size:22px;} .sh_boxtitolo1 h3{font-family:'swiss721bt_lt',Verdana, Helvetica, sans-serif; text-transform:none; font-size:16px; font-weight:inherit; } #sh_contscelta{padding-top:20px;} /* Articolo Blocks ---------------------------------------------------------------*/ #ar_contsix{width:50%;} #ar_contdex{width:50%; padding:10px;} #ar_miniature{position:inherit; width:100%;} .ar_miniatura{float:left; margin-right:5px; } #ar_miniature img{width:70px; } #ar_foto{width:100%; padding-left:0;} .ar_contgrafica{padding:5px;} .ar_titgrafica{display:none;} .ar_prezzografica{width:100%;} #video-container iframe {width: 320px;height: 240px;} /* Profilo Blocks -------------------------------------------------------- */ #pr_contordini .tracking{ display:none;} /* Login Blocks -------------------------------------------------------- */ #cont-login{width:100%;} #box-login {width:49%;} #box-registrazione{width:50%; } /* Carrello Blocks -------------------------------------------------------- */ #cont-totale{width:100%;} #cont-checkout{padding:15px;} .sez-checkout{width:100%; padding:10px 0px; float:left; overflow:hidden; } #cont-indirizzo{border-right:none;} #cr_contspedizione{border-right:none; border-bottom:1px solid #eee; margin-bottom:25px;} /* Extra ----------------------------------------------------------------- */ #boxtitolo img{ width:100%;} .boxiconaextra{ width:100%; margin:10px 10px;} #boxextra{width:100%; } #descrextra{ width:100%; padding-top:0px; text-align:center; } #contextra{width:100%;padding-left:0px; text-align:center; } /* ORDINE ------------------------------------------ */ #or_contcarrello{width:100%; } /* LOOKBOKK ------------------ */ .lk_looksmall{width:25%; float:left; padding:5px;} .lk_lookbig{width:50%; float:left; padding:5px;} .lk_imglook{width:100%; height:200px; } } @media (max-width: 480px) { /* Footer ---------------------- */ .colfooter{width:100%;} /* Menu BLOcks -------------------- */ #boxlogo{padding-top:60px; padding-bottom:30px;} /* Index Blocks ---------------------------------------------------------------*/ #in_contbanner{ display:none;} .in_boxsceltashop{ padding:5px;} #in_boxoutlet{font-size:24px; padding:10px; } #in_boxnew{width:100%; float:none; padding:25px 15px;} #in_boxnew img{width:50%; float:left;} #in_titnew{font-family:'swiss921bt',Verdana, Helvetica, sans-serif; font-size:30px; padding-top:30px;} #in_contsocial{width:100%; float:none; padding:25px 15px;} #in_boxsocial{height:250px; width:inherit; } #in_imgbs {width:50%; height:200px; float:left; background:url(../../img/sito/bestseller.jpg) no-repeat; background-size:cover;} #in_boxbs {width:50%; float:left; text-align:center; padding-top:70px;} #in_boxbs h2{font-family:'swiss921bt',Verdana, Helvetica, sans-serif;font-size:22px; margin-bottom:15px; } #in_boxbs h1{ font-size:14px; width:90%;} /* Shop Blocks -------------------------------------------------------- */ .sh_boxprodotto{width:50%; padding:10px; float:left;} .sh_nomeprod{display:none;} /* Articolo Blocks ---------------------------------------------------------------*/ #ar_contsix{width:100%;} #ar_contdex{width:100%; } #ar_miniature{position:inherit; width:100%;} .ar_miniatura{float:left; margin-right:5px; } #ar_miniature img{width:70px; } #ar_foto{width:100%; padding-left:0;} .ar_contgrafica{width:33%;} /* MOdgrafica Blocks ---------------------------------------------------------------*/ #ar_contprevgraf{width:90%; padding:0; margin:0 auto;} #ar_contprevgraf img{width:100%;} #ar_contdescrgraf{width:100%; padding:5px; margin-top:15px;} /* Modpersonalizza ---------------------------------------------------*/ .ar_pr_contmezzo{width:100%; float:none; margin-bottom:15px;} /* Profilo Blocks -------------------------------------------------------- */ #pr_contordini .stato{ display:none;} #pr_boxspedizione {width:100%;} #pr_boxfatturazione {width:100%;} /* Login Blocks -------------------------------------------------------- */ #box-login {width:100%; border:none;} #box-registrazione{width:100%; } /* Contatti Blocks ---------------------------------------------------------------*/ #boxinput{ height:250px;} #ct_contform {width:100%;} .ct_ulform textarea{ width:97%; height:100px;} /* Ordine blocks --------------------------------------------------------- */ #or_datispedizione{ width:100%; margin-bottom:15px;} #or_datifatturazione{ width:100%;} .or_boxpreview{width:40%;} .or_boxdescrizione{ padding-left:15px; width:60%; font-size:14px;} #or_legenda{font-size:14px;} /* ModSpedizioni ------------------------------------------- */ .msp_boxcosti{width:100%; float:none; margin-bottom:25px; } /* LOOKBOOK ---------------------------- */ .lk_looksmall{width:50%; float:left; padding:5px;} .lk_lookbig{width:100%; float:left; padding:5px;} .lk_imglook{ height:200px; } /* MODNEWSLETTER Blocks -------------------------------------------------------- */ #mns_sconto{ font-size:70px;} #mns_disconto{font-size:40px;} #mns_mail{width:100%; float:none; padding-right:0;} #mns_sub{width:100%; padding-left:0; } }