h1.section { margin: 40px 0; font-size:30px; } .list-collections { display: grid; grid-template-columns: 1fr 1fr; gap:1px; text-align: center; font-size:14px; margin-bottom:80px; } .list-collections img { display:block; margin-bottom:20px; } .list-collections h2 { font-size:26px; margin:10px 0; } .box-history { display: grid; grid-template-columns: 1fr 1fr; gap:40px; align-items: center; align-content: center; text-align:center; background:#EEE; margin: 80px 0; } .box-history img { display:block; } .list-companies { display: grid; grid-template-columns: 1fr 1fr; gap:60px; text-align:left; font-size:14px; max-width:1800px; margin:0 auto 80px auto; padding: 0 40px; } .list-companies h2 { font-size:26px; margin:10px 0; } .videoCover { height: calc(100vh - 200px); margin-top:160px; background:#000; margin-bottom:40px; overflow:hidden; } .videoCover .content { top:40%; color:#FFF; font-size:18px; line-height:28px; text-align:center; z-index:22; } .videoCover iframe2 { width: 100%; height: 56.25vw; min-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .videoCover iframe { width: 100%; } .videoWrapper { position:relative; padding-top:0px; } .videoWrapper .content { top:150px; color:#FFF; font-size:18px; line-height:28px; text-align:center; z-index:22; } .cover-collection { text-align:center; min-height:400px; background:#EEE; margin-bottom:40px; padding: 0 100px; display: flex; align-items: center; } .newsletter-confirm { padding:100px 0; } .cover.account { display: flex; align-items: center; } .cover { margin-bottom:5px; display:block; height: calc(120vh - 0px); } .cover .slide li { position:relative; display: flex; align-items: center; font-size:18px; line-height:28px; text-align:center; color:#FFF; height: calc(120vh - 0px); background-position:center center; background-repeat: no-repeat; background-size:cover; } .cover .content { width:100%; max-width:600px; position:absolute; z-index:22; right:0; left:0; } .slide h1 { margin-bottom:10px; } .header-collection { max-width:900px; padding:40px 20px 80px 20px; text-align:center; margin:0 auto; font-size:16px; line-height:22px; font-weight: 300; } .header-collection h1 { margin:0px; } .news .campaign .cover { margin:0px; position:relative; display: flex; align-items: center; font-size:18px; line-height:28px; text-align:center; color:#FFF; height: calc(100vh - 180px); background-position:top center; background-repeat: no-repeat; background-size:cover; background-attachment:inherit; } .news .campaign .main-text { margin:0 auto; text-align:center; font-size:18px; max-width:800px; padding:60px 20px; line-height: 28px; } .news .campaign .video { max-width:850px; margin:0 auto; margin-bottom:60px; } .news .campaign .gallery figure { margin-bottom:60px; } .w_50 { width:44%; margin:0 3%; display: inline-block; } .content-video { max-width:600px; margin:0 auto; text-align:center; margin-top:100px; } .box-type .item { padding:20px 40px; } .item-row.flex { display: flex; align-items: center; } .item-row { padding: 20px 20px; font-size:14px; line-height:28px; } .item-row .image-cover { text-align:center; } .item-row .image-cover img { margin-bottom:20px; width:100%; max-width:400px; height:auto; } .detail-product h2 { text-align:center; margin-bottom:20px; } .detail-product .image { padding:20px 40px; } .box-type { text-align:center; } .box-type h3 { text-transform: uppercase; margin-bottom:20px; } video { width:100%; height:auto; } .slick-prev::before, .slick-next::before { color:#FFF; } .detail-product .products { padding: 20px 40px; } .stat li { margin:5px 0; display:block; } .msg-result { position:relative; padding-top:60px; text-align:center; font-size:16px; color:green; margin-bottom:40px; } .msg-result i { position:absolute; top:20px; left:0; right:0; text-align:center; font-size:20px; } .more a { display:inline-block; } .more { font-size:12px; margin-top:20px; padding:7px 40px; border:1px solid #000; display:inline-block; } .list-product-categories { column-count: 3; -webkit-column-count: 3; column-gap: 40px; -webkit-column-gap: 40px; } .list-product-categories .item {break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom:40px; } .list-product-categories h4 { border-bottom:1px solid #000; padding: 5px 0; margin-bottom:10px; } .title-product h3 { text-align:center; margin:40px 0; } .last_product { padding: 60px 0; background:#EEE; text-align: center; } .product-nav { margin-bottom:40px; } .bgProduct { background:#F8F8F8; } .product-list { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 3px; row-gap:3px; } .product-list h4 { margin: 10px 0 0 0; font-size:14px; } .product-list .item { padding:10px; line-height:normal; position:relative; text-align:center; background:#FFF; } .product-list .item p.cat { min-height:40px; } .product-list .item .class_B { padding:2px 5px; background:#888; color:#FFF; font-size:11px; position:absolute; top:10px; right:10px; } .product-list .item .class_B:after { content:"Best Seller"; } .product-list .item .class_N { padding:2px 5px; background:#BEAA7F; color:#FFF; font-size:11px; position:absolute; top:10px; right:10px; } .product-list .item .class_N:after { content:"New"; } .product-list .item .tool li { display:inline-block; margin-right:10px; } figure span { position:absolute; bottom:5px; right:5px; z-index:100; background:#000; padding:0 10px; color:#FFF; line-height: 24px; } .list-chain .item { margin-bottom:20px; } .list-chain .item img { border:1px solid #DDD; } .list-chain .item h4 { font-size:16px; margin:5px 0; } .list-chain .item h4 span { float:right; color:#888; font-size:13px; letter-spacing:0px; padding:3px 0 0 0; } .list-chain .item h4 i { margin-right:3px; } .category .item { margin:0px; width:50%; height:100%; color:#FFF; text-align:center; position:relative; } .category .item .container { position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); z-index:2; text-align:center; } .category .item .container h5 { position:absolute; bottom:40px; left:40px; font: 200 53px/45px 'Open Sans'; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 2px 2px #000; } .category .item img { display:block; } .category .item a { color:#FFF; } .category .item:hover .container { opacity:0; } .box-form { margin-top:100px; } .box-form .title { text-align:center; margin-bottom:30px; } .box-form .title h2 { margin-bottom:10px; } .box-form .button { text-align:center; } .box-address { margin-bottom:100px; } .box-address h3 { margin: 10px 0; } .box-address ul { margin-top:20px; } .box-address li i { width:20px; text-align:center; } .box-form a { font-weight:bold; } .list-blog { display:grid; grid-template-columns:1fr 1fr 1fr; gap:40px; } .list-blog .item { position:relative; border-bottom:1px solid #DDD; line-height:normal; font-size:13px; padding-bottom:20px; } .list-blog .item h2 { font-size:22px; margin:0 0 10px 0; } .list-blog .item p.cat { text-transform:uppercase; margin:10px 0 5px 0; font-size:11px; } .list-blog .item p.cat a { color:#888; } .list-blog .item img { display:block; margin:0px; } .news .scheda a { font-weight:bold; } .main.news .scheda h2 { text-align:left; } .main.news .scheda .share { margin-top:40px; } .main.news .scheda .gallery figure { margin-top:40px; } .title-section { padding: 20px 0; text-align:center; text-transform:uppercase; } .title-section h1.title-header { font-size:35px; margin:5px 0 10px 0; } .title-section ul { margin:0 auto; border-top:1px solid #DDD; border-bottom:1px solid #DDD; color:#888; font-size:10px; } .title-section li { display:inline-block; padding:5px 0; text-transform:uppercase; } .title-section li:after { content: " / "; } .title-section li:last-child:after { content:""; } .title-section a { color:#888; } .title h2 { margin-bottom:40px; } .main.item-row { padding:60px 0; } .about .item-row { padding: 80px 20px; } .about .title { text-align:center; } .about-gallery .span_1_of_2 { margin:0; width:50%; } .about-gallery .span_1_of_3 { margin:0; width:33.33%; } .about-gallery .span_1_of_6 { margin:0; width:16.66%; } .about-gallery .span_1_of_3:nth-child(3n+1) { margin-left: 0; } .about-gallery .span_1_of_6:nth-child(6n+1) { margin-left: 0; } .about-gallery img { border:0.5px solid #FFF; } .about-gallery2 .col { margin-bottom: 1.6%;} .product .scheda { margin-top:40px; } .product .scheda .table-detail table { width:100%; margin:10px 0; } .product .scheda .table-detail td { width:25%; text-align:center; } .product .scheda .image { position:relative; } .product .scheda .image img { display:block; } .finanza .rates { max-width:400px; margin:0 auto; text-align:center; margin-top:40px; margin-bottom:40px; } .finanza #embed { height: 600px; width: 100%; } .finanza input, .finanza select { width:100%; } .finanza #embed * { box-sizing: initial; line-height: normal; } .finanza .rate_calc_result, .finanza #currency_converter_menu_links { height:0px; display:none; font-size:0px; } .finanza #currency_converter_page_header { font-size:20px; margin-bottom:20px; text-transform:uppercase; font-weight:700; } .finanza .submit_type_input { margin:10px 0; } .finanza #currency_converter_calculator_subscribe_form_under_info { font-size:20px; } .finanza .form_label_cell { margin:20px 0 5px 0; text-align:left; } .investitors-list a { display:block; padding:10px 20px 10px 40px; border-bottom:1px solid #DDD; position:relative; } .investitors-list i { position:absolute; top:14px; left:10px; } .tag { margin-top:20px; } .tag a { border:1px solid #CCC; display:inline-block; padding:5px 10px; margin: 0 5px 5px 0; } .about h3 { font-weight:normal; font-size:18px; margin-bottom:20px; } .about .center { text-align:center; padding: 0 100px; font-size:16px; line-height:28px; } .contatti .address { padding-top:20px; line-height:20px; } .contatti h3 { margin-bottom:20px; font-size:18px; } .pagination { margin: 20px 0 40px 0; } .pagination .page { text-align:right; } .pagination .page a, .pagination .page b { padding:10px 15px; display:inline-block; border:1px solid #DDD; } .pagination .page a:hover { background:#EEE; } .pagination .result { padding-top:10px; } .marker { font-size:18px; position:absolute; z-index:100; } .marker i { color:#FF0000; } .zoomContainer * { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } .download-list { margin-bottom:40px; } .download-list .span_1_of_2:nth-child(2n+1) { margin-left: 0; } .gallery-slide img { padding: 0 120px; } .gallery-slide .slick-prev, .gallery-slide .slick-next { width:60px; height:60px; border:2px solid #000; border-radius:200px; margin-top:0px; } .gallery-slide .slick-disabled { border-color:#EEE; } .gallery-slide .slick-prev::before, .gallery-slide .slick-next::before { color:#000; } .scroll-animated-row { animation: 65663ms linear 0s infinite normal none running scrollServiceMessaging; } .scroll-animated-row.paused { animation-play-state: paused; } /*dior*/ .list-certifications { display: grid; grid-template-columns: 1fr 1fr; gap:30px; } .list-certifications .item { border-bottom:1px solid #DDD; padding:20px; } .list-certifications .item .btn { margin-top:20px; } .intro-collection { max-width:800px; margin:0 auto; text-align:center; padding:40px; } .intro-collection h1 { font-size:16px; font-weight:bold; margin:0 0 10px 0; } .list-collection { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 3px; row-gap:3px; max-width:1400px; margin: 0 auto; margin-top:40px; } .list-collection div { position:relative; } .list-collection .text { padding: 10px 40px 60px 40px; font-weight:300; line-height:normal; } .list-collection .text h4 { font-size:14px; } .list-collection .cover { position:absolute; top:0; left:0; opacity:0; } .list-collection .cover:hover { opacity:1; } .list-collection-small .item { position:relative; padding-left:100px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #EEE; min-height:60px; } .list-collection-small .item img { position:absolute; left:10px; top:0; width:50px; } .list-collection-small .item h4 { font-size:14px; } .detail-collection { display: grid; grid-template-columns: 1fr 480px; gap:60px; max-width:1400px; margin: 0 auto; padding-top:40px; } .detail-collection .images .main-pic { background:#FFF; text-align:center; padding: 40px 0; } .detail-collection .images .main-pic img { max-height:800px; width:auto;} .detail-collection .text-detail h1 { font-size:20px; text-align:left; margin-bottom:20px; } .detail-collection .text-detail h3 { border-top:1px solid #CCC; margin-top:40px; padding: 20px 0; font-size:14px; font-weight:bold; text-transform:uppercase; } .detail-collection .list-collection { grid-template-columns: 1fr 1fr; } .detail-collection .grid-2 { margin: 20px 0; } .detail-collection-more { max-width:1400px; margin: 0 auto; } .detail-collection-more h3 { border-top:1px solid #CCC; margin-top:40px; padding: 20px 0; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; } .detail-collection-more .list-collection { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap:20px; } .detail-collection .accordion { margin-top:40px; } .detail-collection .accordion .acc_title { font-weight:bold; text-transform:uppercase; padding: 10px 20px; background:#EEE; border-top:1px solid #DDD; position:relative; cursor:pointer; } .detail-collection .accordion .acc_title i { position:absolute; right:20px; top:15px; } .detail-collection .accordion .acc_title:first-child { border:0px; } .detail-collection .accordion .acc_content { padding: 10px 20px; background:#EEE; } .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap:20px; } #print { margin:20px; } #print .print { text-align: right; padding:10px 0 ; } #print .print a { font-size:12px; padding-right:10px; display:inline-block; margin-left:10px; text-transform:uppercase; } #print .logo { text-align:center; } #print .logo img { height: 110px; width: auto; }