锘緻charset "utf-8"; /* 鎵掔珯-start */ /* compiled by scssphp v0.0.12 on Tue, 01 Jun 2021 10:14:17 +0200 (0.9855s) */ @import url("1-css_a2cfe890-5b7d-4e4f-b75d-7c.css"); /* Slider */ /* animate.css -http://daneden.me/animate - V3.6.0 - Licensed under the MIT license - Copyright (c) 2018 Daniel Eden - [SV CUSTOMIZED] */ @font-face { font-family: "FairfieldLTW01-45Light"; src: url("../font/562334f3-5b5d-487f-9806-124e28f2.eot#iefix"); src: url("../font/562334f3-5b5d-487f-9806-124e28f2.eot#iefix") format("eot"), url("../font/cddb5289-9591-49ca-844b-a0bc02db.woff2") format("woff2"), url("../font/da28cb3f-e745-4d24-acb3-1b346f87.woff") format("woff"), url("../font/5dd7d370-beed-4e74-93c0-f8766542.ttf") format("truetype"), url("https://www.danieli.com/web/css/font/1ec3cd31-217f-4c4d-a741-4ca6503638a3.svg#1ec3cd31-217f-4c4d-a741-4ca6503638a3") format("svg"); } @font-face { font-family: "FairfieldLTW01-75Bold"; src: url("../font/c6c7bb7d-4a4e-491b-92e3-0cd752bc.eot#iefix"); src: url("../font/c6c7bb7d-4a4e-491b-92e3-0cd752bc.eot#iefix") format("eot"), url("../font/1959de24-1c0f-4b5c-b009-8d4523ec.woff2") format("woff2"), url("../font/b6a97b08-d2c8-4c67-8e86-51f19596.woff") format("woff"), url("../font/a15659ee-48dd-49a9-ba89-1166f00b.ttf") format("truetype"), url("https://www.danieli.com/web/css/font/da9de8ad-6c71-4cbc-990a-de254237170d.svg#da9de8ad-6c71-4cbc-990a-de254237170d") format("svg"); } @font-face { font-family: "Trade Gothic W02 Light"; src: url("../font/8f3cfe93-e46f-46f3-96f3-ae599c13.eot#iefix"); src: url("../font/8f3cfe93-e46f-46f3-96f3-ae599c13.eot#iefix") format("eot"), url("../font/78a4c08e-6cdb-45fb-b58d-8d011df7.woff2") format("woff2"), url("../font/e08b0532-28e8-4e6e-8349-6b22d962.woff") format("woff"), url("../font/c2b4019f-6ab4-4be6-8834-4ab62450.ttf") format("truetype"), url("https://www.danieli.com/web/css/font/2606fba4-e2ae-4395-a279-38fef2a1f290.svg#2606fba4-e2ae-4395-a279-38fef2a1f290") format("svg"); } @font-face { font-family: "Trade Gothic W01 Bold_2"; src: url("../font/bb3aa0a7-2585-4e89-ad82-658fd561.eot#iefix"); src: url("../font/bb3aa0a7-2585-4e89-ad82-658fd561.eot#iefix") format("eot"), url("../font/7bb1c0cb-e6e9-44ea-ae0c-1984ad7e.woff2") format("woff2"), url("../font/1454a71d-cdbb-429c-8092-122f4493.woff") format("woff"), url("../font/d5ea405c-2180-4ff0-bd51-3e19fb28.ttf") format("truetype"), url("https://www.danieli.com/web/css/font/70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9.svg#70ac6679-cf48-4a0e-a909-d1e3bb4a1aa9") format("svg"); } .font-sans-serif-xs, .font-sans-serif-sm, .font-sans-serif-md, .font-sans-serif-lg { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; } .font-sans-serif-xs strong, .font-sans-serif-sm strong, .font-sans-serif-md strong, .font-sans-serif-lg strong { font-family: "Trade Gothic W01 Bold_2", sans-serif; font-weight: normal; } .font-serif-xs, .font-serif-sm, .font-serif-md, .font-serif-lg { font-family: "FairfieldLTW01-45Light", serif; font-weight: normal; } .font-serif-xs strong, .font-serif-sm strong, .font-serif-md strong, .font-serif-lg strong { font-family: "FairfieldLTW01-75Bold", serif; font-weight: normal; } .font-sans-serif-bold-xs, .font-sans-serif-bold-sm, .font-sans-serif-bold-md, .font-sans-serif-bold-lg { font-family: "Trade Gothic W01 Bold_2", sans-serif; font-weight: normal; } .font-serif-bold-xs, .font-serif-bold-sm, .font-serif-bold-md, .font-serif-bold-lg { font-family: "FairfieldLTW01-75Bold", serif; font-weight: normal; } @media (min-width:1601px) { .font-sans-serif-xs, .font-sans-serif-bold-xs { font-size: 16px; line-height: 24px; } .font-sans-serif-sm, .font-sans-serif-bold-sm { font-size: 21.28px; line-height: 32px; } .font-sans-serif-md, .font-sans-serif-bold-md { font-size: 26px; line-height: 37.28px; } .font-sans-serif-lg, .font-sans-serif-bold-lg { font-size: 45.28px; line-height: 48px; } .font-serif-xs, .font-serif-bold-xs { font-size: 20px; line-height: 24px; } .font-serif-sm, .font-serif-bold-sm { font-size: 26.56px; line-height: 32px; } .font-serif-md, .font-serif-bold-md { font-size: 37.28px; line-height: 42.56px; } .font-serif-lg, .font-serif-bold-lg { font-size: 53.28px; line-height: 58.56px; } } @media (max-width:1600px) { .font-sans-serif-xs, .font-sans-serif-bold-xs { font-size: 15px; line-height: 20px; } .font-sans-serif-sm, .font-sans-serif-bold-sm { font-size: 16px; font-size: 1.33vw; line-height: 24px; line-height: 2vw; } .font-sans-serif-md, .font-sans-serif-bold-md { font-size: 22px; font-size: 1.83vw; line-height: 28px; line-height: 2.33vw; } .font-sans-serif-lg, .font-sans-serif-bold-lg { font-size: 34px; font-size: 2.83vw; line-height: 36px; line-height: 3vw; } .font-serif-xs, .font-serif-bold-xs { font-size: 20px; line-height: 24px; } .font-serif-sm, .font-serif-bold-sm { font-size: 20px; font-size: 1.66vw; line-height: 24px; line-height: 2vw; } .font-serif-md, .font-serif-bold-md { font-size: 28px; font-size: 2.33vw; line-height: 32px; line-height: 2.66vw; } .font-serif-lg, .font-serif-bold-lg { font-size: 40px; font-size: 3.33vw; line-height: 44px; line-height: 3.66vw; } } @media (max-width:1200px) { .font-sans-serif-xs, .font-sans-serif-bold-xs { font-size: 14px; line-height: 18px; } .font-sans-serif-sm, .font-sans-serif-bold-sm { font-size: 16px; line-height: 24px; } .font-sans-serif-md, .font-sans-serif-bold-md { font-size: 22px; line-height: 28px; } .font-sans-serif-lg, .font-sans-serif-bold-lg { font-size: 34px; line-height: 36px; } .font-serif-sm, .font-serif-bold-sm { font-size: 20px; line-height: 24px; } .font-serif-md, .font-serif-bold-md { font-size: 28px; line-height: 32px; } .font-serif-lg, .font-serif-bold-lg { font-size: 40px; line-height: 44px; } } @media (max-width:560px) { .font-sans-serif-xs, .font-sans-serif-bold-xs { font-size: 14px; line-height: 18px; } .font-sans-serif-sm, .font-sans-serif-bold-sm { font-size: 15px; line-height: 22px; } .font-sans-serif-md, .font-sans-serif-bold-md { font-size: 20px; line-height: 24px; } .font-sans-serif-lg, .font-sans-serif-bold-lg { font-size: 30px; line-height: 34px; } .font-serif-sm, .font-serif-bold-sm { font-size: 18px; line-height: 22px; } .font-serif-md, .font-serif-bold-md { font-size: 20px; line-height: 24px; } .font-serif-lg, .font-serif-bold-lg { font-size: 28px; line-height: 32px; } } @media (min-width:561px) and (max-width:799px) { .font-vw-md { font-size: 3.5vw !important; line-height: 4vw !important; } .font-vw-lg { font-size: 5vw !important; line-height: 5.25vw !important; } } .color-ferro { color: #55646e; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; } .img-responsive { display: block; max-width: 100%; height: auto; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .container-fluid, .container { margin-right: auto; margin-left: auto; } .col-xs-1, .col-ssm-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xxl-1, .col-xs-2, .col-ssm-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xxl-2, .col-xs-3, .col-ssm-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xxl-3, .col-xs-4, .col-ssm-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xxl-4, .col-xs-5, .col-ssm-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xxl-5, .col-xs-6, .col-ssm-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xxl-6, .col-xs-7, .col-ssm-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xxl-7, .col-xs-8, .col-ssm-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xxl-8, .col-xs-9, .col-ssm-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xxl-9, .col-xs-10, .col-ssm-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xxl-10, .col-xs-11, .col-ssm-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xxl-11, .col-xs-12, .col-ssm-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12, .col-xxl-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66667%; } .col-xs-10 { width: 83.33333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66667%; } .col-xs-7 { width: 58.33333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66667%; } .col-xs-4 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width:561px) { .col-ssm-1, .col-ssm-2, .col-ssm-3, .col-ssm-4, .col-ssm-5, .col-ssm-6, .col-ssm-7, .col-ssm-8, .col-ssm-9, .col-ssm-10, .col-ssm-11, .col-ssm-12 { float: left; } .col-ssm-12 { width: 100%; } .col-ssm-11 { width: 91.66667%; } .col-ssm-10 { width: 83.33333%; } .col-ssm-9 { width: 75%; } .col-ssm-8 { width: 66.66667%; } .col-ssm-7 { width: 58.33333%; } .col-ssm-6 { width: 50%; } .col-ssm-5 { width: 41.66667%; } .col-ssm-4 { width: 33.33333%; } .col-ssm-3 { width: 25%; } .col-ssm-2 { width: 16.66667%; } .col-ssm-1 { width: 8.33333%; } .col-ssm-pull-12 { right: 100%; } .col-ssm-pull-11 { right: 91.66667%; } .col-ssm-pull-10 { right: 83.33333%; } .col-ssm-pull-9 { right: 75%; } .col-ssm-pull-8 { right: 66.66667%; } .col-ssm-pull-7 { right: 58.33333%; } .col-ssm-pull-6 { right: 50%; } .col-ssm-pull-5 { right: 41.66667%; } .col-ssm-pull-4 { right: 33.33333%; } .col-ssm-pull-3 { right: 25%; } .col-ssm-pull-2 { right: 16.66667%; } .col-ssm-pull-1 { right: 8.33333%; } .col-ssm-pull-0 { right: auto; } .col-ssm-push-12 { left: 100%; } .col-ssm-push-11 { left: 91.66667%; } .col-ssm-push-10 { left: 83.33333%; } .col-ssm-push-9 { left: 75%; } .col-ssm-push-8 { left: 66.66667%; } .col-ssm-push-7 { left: 58.33333%; } .col-ssm-push-6 { left: 50%; } .col-ssm-push-5 { left: 41.66667%; } .col-ssm-push-4 { left: 33.33333%; } .col-ssm-push-3 { left: 25%; } .col-ssm-push-2 { left: 16.66667%; } .col-ssm-push-1 { left: 8.33333%; } .col-ssm-push-0 { left: auto; } .col-ssm-offset-12 { margin-left: 100%; } .col-ssm-offset-11 { margin-left: 91.66667%; } .col-ssm-offset-10 { margin-left: 83.33333%; } .col-ssm-offset-9 { margin-left: 75%; } .col-ssm-offset-8 { margin-left: 66.66667%; } .col-ssm-offset-7 { margin-left: 58.33333%; } .col-ssm-offset-6 { margin-left: 50%; } .col-ssm-offset-5 { margin-left: 41.66667%; } .col-ssm-offset-4 { margin-left: 33.33333%; } .col-ssm-offset-3 { margin-left: 25%; } .col-ssm-offset-2 { margin-left: 16.66667%; } .col-ssm-offset-1 { margin-left: 8.33333%; } .col-ssm-offset-0 { margin-left: 0; } } @media (min-width:800px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66667%; } .col-sm-10 { width: 83.33333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66667%; } .col-sm-7 { width: 58.33333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66667%; } .col-sm-4 { width: 33.33333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width:1025px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66667%; } .col-md-10 { width: 83.33333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66667%; } .col-md-7 { width: 58.33333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66667%; } .col-md-4 { width: 33.33333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width:1201px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66667%; } .col-lg-10 { width: 83.33333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66667%; } .col-lg-7 { width: 58.33333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66667%; } .col-lg-4 { width: 33.33333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0; } } @media (min-width:1201px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66667%; } .col-xl-10 { width: 83.33333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66667%; } .col-xl-7 { width: 58.33333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66667%; } .col-xl-4 { width: 33.33333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66667%; } .col-xl-1 { width: 8.33333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-push-1 { left: 8.33333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-offset-0 { margin-left: 0; } } @media (min-width:1601px) { .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 { float: left; } .col-xxl-12 { width: 100%; } .col-xxl-11 { width: 91.66667%; } .col-xxl-10 { width: 83.33333%; } .col-xxl-9 { width: 75%; } .col-xxl-8 { width: 66.66667%; } .col-xxl-7 { width: 58.33333%; } .col-xxl-6 { width: 50%; } .col-xxl-5 { width: 41.66667%; } .col-xxl-4 { width: 33.33333%; } .col-xxl-3 { width: 25%; } .col-xxl-2 { width: 16.66667%; } .col-xxl-1 { width: 8.33333%; } .col-xxl-pull-12 { right: 100%; } .col-xxl-pull-11 { right: 91.66667%; } .col-xxl-pull-10 { right: 83.33333%; } .col-xxl-pull-9 { right: 75%; } .col-xxl-pull-8 { right: 66.66667%; } .col-xxl-pull-7 { right: 58.33333%; } .col-xxl-pull-6 { right: 50%; } .col-xxl-pull-5 { right: 41.66667%; } .col-xxl-pull-4 { right: 33.33333%; } .col-xxl-pull-3 { right: 25%; } .col-xxl-pull-2 { right: 16.66667%; } .col-xxl-pull-1 { right: 8.33333%; } .col-xxl-pull-0 { right: auto; } .col-xxl-push-12 { left: 100%; } .col-xxl-push-11 { left: 91.66667%; } .col-xxl-push-10 { left: 83.33333%; } .col-xxl-push-9 { left: 75%; } .col-xxl-push-8 { left: 66.66667%; } .col-xxl-push-7 { left: 58.33333%; } .col-xxl-push-6 { left: 50%; } .col-xxl-push-5 { left: 41.66667%; } .col-xxl-push-4 { left: 33.33333%; } .col-xxl-push-3 { left: 25%; } .col-xxl-push-2 { left: 16.66667%; } .col-xxl-push-1 { left: 8.33333%; } .col-xxl-push-0 { left: auto; } .col-xxl-offset-12 { margin-left: 100%; } .col-xxl-offset-11 { margin-left: 91.66667%; } .col-xxl-offset-10 { margin-left: 83.33333%; } .col-xxl-offset-9 { margin-left: 75%; } .col-xxl-offset-8 { margin-left: 66.66667%; } .col-xxl-offset-7 { margin-left: 58.33333%; } .col-xxl-offset-6 { margin-left: 50%; } .col-xxl-offset-5 { margin-left: 41.66667%; } .col-xxl-offset-4 { margin-left: 33.33333%; } .col-xxl-offset-3 { margin-left: 25%; } .col-xxl-offset-2 { margin-left: 16.66667%; } .col-xxl-offset-1 { margin-left: 8.33333%; } .col-xxl-offset-0 { margin-left: 0; } } table { background-color: transparent; } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { display: table; content: " "; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .hidden { display: none !important; } .no-padding { padding: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-margin { margin: 0 !important; } .visible-xs, .visible-sm, .visible-ssm, .visible-md, .visible-lg, .visible-xl, .visible-xxl { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-xs-table, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-sm-table, .visible-ssm-block, .visible-ssm-inline, .visible-ssm-inline-block, .visible-ssm-table, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-md-table, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-lg-table, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl-table, .visible-xxl-block, .visible-xxl-inline, .visible-xxl-inline-block, .visible-xxl-table { display: none !important; } @media (max-width:560px) { .visible-xs { display: block !important; } table.visible-xs, .visible-xs-table { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } .hidden-xs { display: none !important; } } @media (min-width:561px) and (max-width:799px) { .visible-ssm { display: block !important; } table.visible-ssm, .visible-ssm-table { display: table !important; } tr.visible-ssm { display: table-row !important; } th.visible-ssm, td.visible-ssm { display: table-cell !important; } .visible-ssm-block { display: block !important; } .visible-ssm-inline { display: inline !important; } .visible-ssm-inline-block { display: inline-block !important; } .hidden-ssm { display: none !important; } } @media (min-width:800px) and (max-width:1024px) { .visible-sm { display: block !important; } table.visible-sm, .visible-sm-table { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } .hidden-sm { display: none !important; } } @media (min-width:1025px) and (max-width:1200px) { .visible-md { display: block !important; } table.visible-md, .visible-md-table { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } .hidden-md { display: none !important; } } @media (min-width:1201px) and (max-width:1600px) { .visible-lg { display: block !important; } table.visible-lg, .visible-lg-table { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } .hidden-lg { display: none !important; } } @media (min-width:1201px) and (max-width:1600px) { .visible-xl { display: block !important; } table.visible-xl, .visible-xl-table { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-block { display: block !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } .hidden-xl { display: none !important; } } @media (min-width:1601px) { .visible-xxl { display: block !important; } table.visible-xxl, .visible-xxl-table { display: table !important; } tr.visible-xxl { display: table-row !important; } th.visible-xxl, td.visible-xxl { display: table-cell !important; } .visible-xxl-block { display: block !important; } .visible-xxl-inline { display: inline !important; } .visible-xxl-inline-block { display: inline-block !important; } .hidden-xxl { display: none !important; } } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.slow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .animated.slower { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.fast { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ } @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes fadeInDownSmall { from { opacity: 0; transform: translate3d(0, -10%, 0); } to { opacity: 1; transform: none; } } .fadeInDownSmall { animation-name: fadeInDownSmall; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; } html.no-scrollbar { position: relative; height: 100%; overflow: hidden; } html.no-scrollbar nav.main-nav { overflow-y: auto; } .cookieconsent-preferences-in, .cookieconsent-statistics-in, .cookieconsent-marketing-in, .cookieconsent-preferences-out, .cookieconsent-statistics-out, .cookieconsent-marketing-out { display: none; } .container { padding-left: 10px; padding-right: 10px; } .row.full-width { margin-left: -10px; margin-right: -10px; } h1, h2, h3, h4, h5, h6, p { margin: 0; } .no-padding { padding: 0; } .no-padding-right { padding-right: 0; } .no-padding-left { padding-left: 0; } .container { width: 100%; max-width: 100%; } .text-right { text-align: right; } button:focus { outline: none !important; } .main-content { padding-top: 90px; } *:focus { outline: none; } a { text-decoration: none; } a:focus { outline: none; text-decoration: none; } img { page-break-inside: avoid; border: 0; max-width: 100%; vertical-align: middle; } .row.fullwidth { margin-left: -10px; margin-right: -10px; } @media (max-width:560px) { .row.fullwidth-xs { margin-left: -10px; margin-right: -10px; } } @media (min-width:561px) and (max-width:799px) { .row.fullwidth-ssm { margin-left: -10px; margin-right: -10px; } } .embed-responsive { position: relative; padding-top: 56.25%; } .embed-responsive iframe, .embed-responsive video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .embed-responsive.embed-responsive-16by9 { padding-top: 56.25%; } .embed-responsive.embed-responsive-1by1 { padding-top: 100%; } .main-content.legacy-page .maxWidthContent { width: 66.67%; margin-left: 8.3333%; } @media (max-width:1200px) { .main-content.legacy-page .maxWidthContent { width: 83.3333%; } } @media (max-width:1024px) { .main-content.legacy-page .maxWidthContent { width: 100%; margin-left: 0; } } div.banda-sfondo, div.banda-sfondo-grigio-chiaro, div.banda-sfondo-ferro, div.banda-sfondo-bianco, div.banda-sfondo-titanio, div.banda-sfondo-ferro10 { width: auto; display: inline-block; vertical-align: bottom; min-width: 100%; } div.banda-sfondo, div.banda-sfondo-grigio-chiaro { background-color: #e5e5e5; } div.banda-sfondo-ferro { background-color: #55646e; } div.banda-sfondo-ferro10 { background-color: #eeeff0; } div.banda-sfondo-bianco { background-color: white; } div.banda-sfondo-titanio { background-color: #a9bbc4; } .back-to-top { position: fixed; bottom: 16px; right: 16px; background: #143c5d url('../image/arrow-up.svg') center center no-repeat; width: 60px; height: 60px; display: none; z-index: 400; cursor: pointer; box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%); } @media screen and (max-width:560px) { .multicol-xs-2 { column-count: 2; column-gap: 2rem; -moz-column-count: 2; -moz-column-gap: 2rem; -webkit-column-count: 2; -webkit-column-gap: 2rem; min-height: initial; } .back-to-top { width: 50px; height: 50px; } } @media screen and (min-width:800px) { .multicol-sm-2, .multicol-sm-3 { column-gap: 2rem; -moz-column-gap: 2rem; -webkit-column-gap: 2rem; min-height: initial; } .multicol-sm-2 { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } .multicol-sm-3 { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; } } div.prop-50, div.prop-100, div.prop-133 { position: relative; } div.prop-50:before, div.prop-100:before, div.prop-133:before { content: ""; display: block; } div.prop-50:before { padding-top: 50%; } div.prop-100:before { padding-top: 100%; } div.prop-133:before { padding-top: 133.33333%; } div.prop-int { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media screen and (min-width:800px) { div.prop-53-sm, div.prop-100-sm, div.prop-50-sm, div.prop-47-sm { position: relative; } div.prop-53-sm:before, div.prop-100-sm:before, div.prop-50-sm:before, div.prop-47-sm:before { content: ""; display: block; } div.prop-53-sm:before { padding-top: 53%; } div.prop-100-sm:before { padding-top: 100%; } div.prop-50-sm:before { padding-top: 50%; } div.prop-47-sm:before { padding-top: 47%; } } @media screen and (max-width:799px) { div.prop-50-xs, div.prop-25-xs, div.prop-28-xs, div.prop-36-xs, div.prop-43-xs, div.prop-100-xs { position: relative; } div.prop-50-xs:before, div.prop-25-xs:before, div.prop-28-xs:before, div.prop-36-xs:before, div.prop-43-xs:before, div.prop-100-xs:before { content: ""; display: block; } div.prop-50-xs:before { padding-top: 50%; } div.prop-25-xs:before { padding-top: 25%; } div.prop-28-xs:before { padding-top: 28%; } div.prop-36-xs:before { padding-top: 36%; } div.prop-43-xs:before { padding-top: 43%; } div.prop-100-xs:before { padding-top: 100%; } div.prop-int-xs { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .dark-overlay { width: 100%; height: 0; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 290; opacity: 0; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } .dark-overlay.active { height: 100%; opacity: 1; } .top-bar { background-color: #fff !important; position: fixed; height: 80px; width: 100%; z-index: 300; transition: all 0.2s ease-in-out; } .top-bar.thin { height: 65px; border-bottom: solid 1px #ccc; box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.3); } .header { background-color: transparent; position: fixed; padding: 28px 25px; width: 100%; z-index: 500; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .header.thin { padding: 22px 25px 18px 25px; } .header .header-nav-wrapper { padding-top: 1px; padding-right: 60px; position: relative; } .header .header-nav-wrapper .txtmenu { cursor: pointer; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; } .header .header-nav-wrapper ul.header-nav { list-style: none; text-transform: uppercase; margin: 0; padding: 0 50px 0 0; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } .header .header-nav-wrapper ul.header-nav li { display: inline-block; margin: 0 0 0 18px; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; } .header .header-nav-wrapper ul.header-nav li a { color: #000; } .header .header-nav-wrapper ul.header-nav li.active a, .header .header-nav-wrapper ul.header-nav li a:hover { color: #e53c14; text-decoration: none; } .header .header-nav-wrapper ul.header-nav li a:focus { text-decoration: none; } @media (max-width:850px) { .header .header-nav-wrapper ul.header-nav { display: none !important; } } @media (min-width:851px) and (max-width:950px) { .header .header-nav-wrapper ul.header-nav li { margin-left: 12px; font-size: 15px; } } .hamburger { position: absolute; top: -19px; right: -5px; padding: 18px 15px 16px 15px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; border: solid 2px transparent; border-radius: 100%; } .hamburger.is-active { border: solid 2px #000; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 26px; height: 3px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -7px; } .hamburger-inner::after { bottom: -10px; } .hamburger-box { width: 26px; height: 18px; display: inline-block; position: relative; } .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -14px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { -webkit-transform: translate3d(0, -7px, 0) rotate(-45deg); -moz-transform: translate3d(0, -7px, 0) rotate(-45deg); -ms-transform: translate3d(0, -7px, 0) rotate(-45deg); transform: translate3d(0, -7px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } nav.main-nav { background-color: transparent; width: 100%; position: fixed; overflow: hidden; top: 0; left: 0; z-index: 410; } nav.main-nav .main-nav-wrapper { position: absolute; top: 0; background-color: #fff; width: 100%; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transition: all cubic-bezier(0, 1, 0.5, 1) 0.5s; -moz-transition: all cubic-bezier(0, 1, 0.5, 1) 0.5s; transition: all cubic-bezier(0, 1, 0.5, 1) 0.5s; } nav.main-nav .main-nav-wrapper.active { top: 62px; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } nav.main-nav .main-nav-wrapper.active ul.main-menu { opacity: 1; } nav.main-nav .main-nav-wrapper.active ul.secondary-menu { opacity: 1; } nav.main-nav .main-nav-wrapper.active .search-wrapper { opacity: 1; } nav.main-nav .main-nav-wrapper ul.main-menu { float: left; width: 75%; list-style: none; padding-left: 25px; opacity: 0; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } nav.main-nav .main-nav-wrapper ul.main-menu li { float: left; } nav.main-nav .main-nav-wrapper ul.main-menu li a { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; color: #000; text-transform: uppercase; padding: 20px 0; display: inline-block; width: 100%; border-bottom: solid 3px #000; } nav.main-nav .main-nav-wrapper ul.main-menu li.hasSubmenu>a { cursor: default; min-height: 68px; padding: 20px 0 5px 0; } nav.main-nav .main-nav-wrapper ul.main-menu li.hasSubmenu>a:hover, nav.main-nav .main-nav-wrapper ul.main-menu li.hasSubmenu>a:focus { text-decoration: none; color: #000; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu { padding: 9px 0 20px 0; list-style: none; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li { float: none; padding: 0; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 20px; text-transform: none; padding: 10px 0 10px 12px; border: 0; background: transparent url(../image/menu-arrow.svg) left 14px no-repeat; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a strong, nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a:hover { text-decoration: underline; color: #e53c14; } nav.main-nav .main-nav-wrapper ul.main-menu>li { width: 20%; padding-right: 1.5%; } nav.main-nav .main-nav-wrapper ul.secondary-menu { opacity: 0; list-style: none; padding: 5px 0; float: left; width: 11%; margin-top: 75px; margin-bottom: 46px; margin-right: 1.5%; border-top: solid 3px #000; border-bottom: solid 1px #000; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } nav.main-nav .main-nav-wrapper ul.secondary-menu li { float: none; padding: 0; } nav.main-nav .main-nav-wrapper ul.secondary-menu li a { font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 22px; line-height: 24px; text-transform: none; padding: 10px 0; border: 0; color: #000; display: inline-block; width: 100%; background: transparent url(../image/menu-circle-arrow.svg) right center no-repeat; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } nav.main-nav .main-nav-wrapper ul.secondary-menu li a strong, nav.main-nav .main-nav-wrapper ul.secondary-menu li a b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } nav.main-nav .main-nav-wrapper ul.secondary-menu li a:hover { background-image: url('../image/menu-circle-arrow_red.svg'); } nav.main-nav .submenu-nav-wrapper { position: absolute; top: -2060px; background-color: #fff; width: 100%; padding: 0 25px; -webkit-transition-property: all; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -moz-transition-property: all; -moz-transition-duration: 0.5s; -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); -ms-transition-property: all; -ms-transition-duration: 0.5s; -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1); transition-property: all; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } nav.main-nav .submenu-nav-wrapper.active { top: 62px; } nav.main-nav .submenu-nav-wrapper .separator { min-height: 1px; display: block; border-bottom: 1px solid #e5e5e5; padding-top: 6px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper { display: none; padding-top: 16px; opacity: 0; width: 85%; float: left; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper img { max-width: 100%; display: block; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-img { float: left; padding-top: 44px; margin-left: 10.4%; width: 22%; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container { float: left; margin-left: 3%; width: 18.3%; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container .submenu-title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 19.2px; display: inline-block; width: 100%; border-bottom: solid 2px #000; text-transform: uppercase; padding: 14px 0 11px 0; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container .submenu { list-style: none; padding-left: 0; padding-top: 10px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container .submenu a { display: inline-block; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 19.2px; color: #000; text-transform: none; padding: 7px 0 7px 12px; border: 0; background: transparent url(../image/menu-arrow.svg) left 14px no-repeat; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container .submenu a strong, nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container .submenu a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights { float: right; padding-top: 0; padding-right: 4%; margin-left: 0; width: 20%; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights .submenu-title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 19.2px; display: inline-block; text-transform: uppercase; padding: 14px 0 11px 0; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights a { color: #000; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 19.2px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights a strong, nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights a strong { padding-top: 20px; display: inline-block; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 19.2px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper.active { display: block; } nav.main-nav .submenu-nav-wrapper .search-wrapper { width: 13%; } nav.main-nav .search-wrapper { opacity: 0; float: right; width: 11%; margin-top: 75px; margin-right: 1.5%; padding: 14px 0; border-top: solid 3px #000; border-bottom: solid 1px #000; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } nav.main-nav .search-wrapper .search-form { max-width: 100%; } nav.main-nav .search-wrapper input { max-width: 100%; border: none; box-shadow: none; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 32px; line-height: 39px; background: transparent url(../image/menu-search.svg) right center no-repeat; } nav.main-nav .search-wrapper input strong, nav.main-nav .search-wrapper input b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } nav.main-nav .search-wrapper input::placeholder { color: #000; /* Firefox */ opacity: 1; -webkit-transition: opacity ease-out 0.6s; -moz-transition: opacity ease-out 0.6s; transition: opacity ease-out 0.6s; } nav.main-nav .search-wrapper input.hideplaceholder::placeholder { opacity: 0; } @media (max-width:1200px) { nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-img { margin-left: 0; margin-bottom: 60px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container { width: 26%; } nav.main-nav .main-nav-wrapper ul.main-menu { width: 100%; } nav.main-nav .main-nav-wrapper ul.secondary-menu { width: 79%; width: calc(79% - 25px); margin: 20px 2% 40px 25px; padding: 19px 0; } nav.main-nav .main-nav-wrapper ul.secondary-menu li { display: inline-block; float: left; width: 20%; } nav.main-nav .main-nav-wrapper ul.secondary-menu li a { background-position: 0 50%; padding: 10px 30px; background-size: 25px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper { width: 100%; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-img { width: 30%; margin-bottom: 40px; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-container { width: 33%; } nav.main-nav .submenu-nav-wrapper .submenu-subwrapper .submenu-highlights { width: 22.5%; float: left; margin-left: 11.5%; padding-bottom: 126px; } nav.main-nav .search-wrapper { width: 13.75%; margin: 0 1.5% 0 0; position: absolute; bottom: 40px; right: 0; padding: 21px 0 20px 0; } nav.main-nav .submenu-nav-wrapper .search-wrapper { width: 22.5%; } } @media (max-width:1024px) { nav.main-nav .main-nav-wrapper ul.secondary-menu { width: 96%; width: calc(98.5% - 25px); margin-bottom: 0; } nav.main-nav .search-wrapper { position: relative; right: auto; bottom: auto; float: left; margin: -2px 2% 40px 25px; width: 37.3%; } } @media (max-width:799px) { nav.main-nav .main-nav-wrapper ul.main-menu { padding-left: 0; margin-bottom: 0; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu { display: none; } nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a { padding-left: 32px; background-position: 20px 50%; } nav.main-nav .main-nav-wrapper ul.main-menu>li { width: 100%; padding-right: 0; } nav.main-nav .main-nav-wrapper ul.main-menu li.hasSubmenu>a { padding: 17px 35px 17px 20px; cursor: pointer; border-bottom: 0; border-top: 1px solid #e5e5e5; background-image: url('../image/arrow_down_black.svg'); /* fallback */ background-position: 95% 50%; background-position: calc(100% - 33px) 50%; background-repeat: no-repeat; } nav.main-nav .main-nav-wrapper ul.main-menu li.hasSubmenu>a.open { background-image: url('../image/arrow_up_black.svg'); } nav.main-nav .main-nav-wrapper ul.secondary-menu { width: 100%; margin: 0; border: 0; padding: 0; } nav.main-nav .main-nav-wrapper ul.secondary-menu li { width: 100%; } nav.main-nav .main-nav-wrapper ul.secondary-menu li a { /* fallback */ background-position: 95% 50%; background-position: calc(100% - 26px) 50%; padding: 15px 20px; border-top: 1px solid #e5e5e5; } nav.main-nav .main-nav-wrapper.active { top: 0; padding-top: 80px; } nav.main-nav .search-wrapper { position: relative; bottom: auto; right: auto; width: 100%; padding: 10px 18px; margin: 0; border-bottom: 0; border-top: 1px solid #e5e5e5; } nav.main-nav .search-wrapper input { font-size: 28px; line-height: 32px; width: 100%; padding-right: 50px; } nav.main-nav .submenu-nav-wrapper { display: none; } } @media (max-width:560px) { nav.main-nav .main-nav-wrapper ul.main-menu li a, nav.main-nav .main-nav-wrapper ul.main-menu li ul.submenu li a { font-size: 15px; line-height: 18px; } } @media (min-width:1601px) { nav.main-nav .main-nav-wrapper ul.main-menu { width: 65.5%; } nav.main-nav .main-nav-wrapper ul.secondary-menu { width: 11.6%; } nav.main-nav .search-wrapper { width: 14.8%; } } @media (max-width:799px) { .header { background-color: #fff; padding: 28px 20px; } .dark-overlay.active~.main-nav { height: 100%; } } .header-breadcrumb-wrapper { margin-bottom: 2rem; padding: 0; padding-top: 40px; } .header-breadcrumb { padding: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; color: #4c4c4c; } .header-breadcrumb strong, .header-breadcrumb b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .header-breadcrumb a { color: inherit; text-decoration: underline; } .header-breadcrumb a:last-of-type { text-decoration: none; } .footer { margin-top: 5.1rem; margin-bottom: 2rem; padding-top: 1.3rem; border-top: 0.1rem solid #55646e; color: #000; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; } .footer strong, .footer b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .footer .separator { margin: 15px 0; } .footer a { color: #000; text-decoration: none; } .footer .team img { width: 12.2rem; padding-left: 1.8rem; } .footer .email, .footer .address, .footer .legal { padding-top: 3.5rem; } .footer .followus { color: #000; padding-top: 0.4em; } .footer .followus a { width: 31%; float: left; padding-top: 10px; } .footer .followus .linkedin-icon, .footer .followus .instagram-icon, .footer .followus .app-icon { width: auto; max-width: 80%; float: left; margin-right: 4%; margin-top: 0; } .footer .followus .app-icon { border: 1px solid #8f8f8f; border-radius: 10px; float: right; margin-right: 0; } .footer .followus .instagram-icon { float: none; margin: auto; display: block; } .footer .email { padding-right: 0; } .footer .legal { text-align: left; } .footer .legal ul { padding-left: 0; margin: 0; } .footer .legal li { list-style: none; margin-left: 0; } .footer .legal a { color: #aabcb6; } @media (max-width:1200px) { .footer .address { padding-top: 0.5rem; } .footer .email { padding-top: 0; } .footer .logo img { width: 64%; } .footer .followus { padding-left: 12%; } } @media (max-width:1024px) { .footer .followus { padding-left: 15.2%; } .footer .logo img { width: 67%; } .footer .team img { width: 78%; } } @media (min-width:800px) and (max-width:1200px) { .footer .legal { padding-top: 0; } } @media (max-width:799px) { .footer { margin-bottom: 0; color: white; padding: 0; } .footer .row { position: relative; } .footer a { color: white; } .footer .logo img { width: 100%; } .footer .team img { width: 100%; padding-top: 5%; padding-left: 41%; padding-right: 15%; margin-bottom: 30px; } .footer .addressblock { margin-top: 0; background-color: #55646e; } .footer .address, .footer .email { background-color: #55646e; padding: 3% 0 0 105px; } .footer .email { padding-left: 0; } .footer .followus { background-color: #55646e; padding: 3% 0 30px 0; color: #fff; z-index: 405; } .footer .legal { padding: 3% 0 9.1vw 105px; margin-top: 0; text-align: left; background-color: #55646e; } } @media (min-width:561px) and (max-width:799px) { .footer .followus { padding: 20px 0 30px 0; } .footer .followus a { width: 70px; } .footer .legal { padding: 20px 0 48px 105px; } .footer .email { padding-bottom: 24px; } } @media (max-width:560px) { .footer .legal { padding: 7% 0 25px 20px; } .footer .address, .footer .email, .footer .team { padding-left: 120px; } .footer .followus { position: absolute; bottom: 12px; background: transparent; padding: 0 3px 0 0; left: 120px; width: 60%; width: calc(100% - 120px); max-width: 300px; } .footer .followus a { background-color: #55646e; width: 32.2%; } .footer .logo img { width: 250px; margin: 15px 0 8px 0; } .footer .team img { padding: 0; width: 120px; margin: 15px 0 8px 0; } } @media (min-width:1201px) and (max-width:1600px) { .footer { margin-bottom: 6rem; } } .copyright { padding-top: 10px; padding-left: 129px; margin-bottom: 4rem; border-top: 0.1rem solid #55646e; color: #808080; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; } .copyright strong, .copyright b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .copyright a { text-decoration: underline; color: #808080; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .copyright a:hover { color: #55646e; } @media (min-width:800px) and (max-width:1200px) { .copyright { padding-left: 27px; padding-right: 27px; margin-bottom: 0; border-top: 0; } } @media (min-width:561px) and (max-width:799px) { .copyright { padding-left: 103px; padding-bottom: 2rem; margin-bottom: 0; background-color: #55646e; border-top: 0; padding-top: 0; position: relative; z-index: 405; } .copyright a { padding-top: 10px; border-top: 1px solid #fff; display: block; width: 96%; color: #fff; } .copyright a:hover { color: #b2b2b2; } } @media (max-width:560px) { .copyright { background-color: #55646e; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 119px; color: #fff; } .copyright a { color: #fff; } .copyright a:hover { color: #b2b2b2; } } .inpage-menu-wrapper { padding: 43px 25px 0 0; position: absolute; right: 10px; } .inpage-menu-wrapper .submenu { list-style: none none; padding: 0; margin: 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; } .inpage-menu-wrapper .submenu li { position: relative; color: #000; padding-bottom: 16px; text-transform: uppercase; } .inpage-menu-wrapper .submenu li a { display: block; color: inherit; padding-left: 12px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .inpage-menu-wrapper .submenu li.active { color: #e53c14; } .inpage-menu-wrapper .submenu li.active a { text-decoration: none; } .inpage-menu-wrapper .submenu li:before { content: '鈥?; position: absolute; left: 0; transition: all ease-out 0.3s; } .inpage-menu-wrapper .submenu .third-menu { list-style: none none; padding: 0; margin: 20px 0 0 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; color: #4c4c4c; } .inpage-menu-wrapper .submenu .third-menu strong, .inpage-menu-wrapper .submenu .third-menu b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .inpage-menu-wrapper .submenu .third-menu li { padding-bottom: 5px; text-transform: none; } .inpage-menu-wrapper .submenu .third-menu li:hover { color: #e53c14; } .inpage-menu-wrapper .search-form-wrapper { opacity: 1; float: right; width: 100%; margin: 0; padding: 14px 0; border-top: solid 3px #4c4c4c; border-bottom: solid 1px #4c4c4c; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } .inpage-menu-wrapper .search-form-wrapper input { border: none; box-shadow: none; width: 100%; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 32px; line-height: 39px; background: transparent url(../image/menu-search.svg) right center no-repeat; } .inpage-menu-wrapper .search-form-wrapper input strong, .inpage-menu-wrapper .search-form-wrapper input b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } .inpage-menu-wrapper .search-form-wrapper input::placeholder { color: #000; /* Firefox */ opacity: 1; -webkit-transition: opacity ease-out 0.6s; -moz-transition: opacity ease-out 0.6s; transition: opacity ease-out 0.6s; } .inpage-menu-wrapper .search-form-wrapper input.hideplaceholder::placeholder { opacity: 0; } .inpage-menu-wrapper.position-fixed { padding: 43px 25px 40px 25px; position: fixed; right: 0; top: 46px; background-color: #fff; margin-left: 20px; width: 18%; z-index: 99; } .carousel-indicators { position: absolute; bottom: 5%; z-index: 99; width: 100%; text-align: center; } .carousel-indicators ul { list-style: none none; margin: 0; padding: 0; } .carousel-indicators ul li { display: inline-block; background-color: transparent; border: 1px solid #fff; margin: 0 5px; width: 10px; height: 10px; border-radius: 10px; cursor: pointer; } .carousel-indicators ul li button { display: none; } .carousel-indicators ul li.slick-active { background-color: #fff; width: 10px; height: 10px; } .dan-section .section-menu { list-style: none none; padding: 20px 0; margin: 0; } .dan-section .section-menu li { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; position: relative; color: #000; padding-bottom: 10px; } .dan-section .section-menu li a { display: block; color: inherit; padding-left: 12px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section .section-menu li.active, .dan-section .section-menu li:hover { color: #e53c14; } .dan-section .section-menu li.active a, .dan-section .section-menu li:hover a { text-decoration: none; } .dan-section .section-menu li:before { content: '鈥?; position: absolute; left: 0; transition: all ease-out 0.3s; } .dan-section .section-menu-panel { margin-top: 20px; } .dan-section .section-menu-panel .panel { width: 100%; position: relative; } .dan-section .section-menu-panel .panel .panel-heading { cursor: pointer; border-top: 3px solid #000; border-right: 0; border-bottom: 0; border-left: 1px solid #4c4c4c; width: 100%; padding: 0 50px 0 0; background-color: #55646e; background-image: url('../image/arrow_down_wh.svg'); background-repeat: no-repeat; background-position: 95% 50%; background-position: calc(100% - 13px) 50%; background-size: 24px; } .dan-section .section-menu-panel .panel .panel-heading .panel-title { padding: 13px 0 13px 10px; background-color: #fff; min-height: 50px; color: #e53c14; } .dan-section .section-menu-panel .panel .panel-heading.open { background-image: url('../image/arrow_up_wh.svg'); } .dan-section .section-menu-panel .panel .panel-body { display: none; position: absolute; background: #e5e5e5; z-index: 99; width: 100%; } .dan-section .section-menu-panel .panel .panel-body ul { list-style: none none; margin: 0; padding: 0; width: 100%; border-left: 1px solid #4c4c4c; } .dan-section .section-menu-panel .panel .panel-body ul li { padding: 0 10px; } .dan-section .section-menu-panel .panel .panel-body ul li a { display: block; width: 100%; padding: 10px 0; cursor: pointer; color: #000; border-bottom: 1px solid #808080; } .dan-section .section-menu-panel .panel .panel-body ul li.active { display: none; } .dan-section .section-menu-panel .panel .panel-body ul li:last-of-type a { border-bottom: 0; } @media (max-width:799px) { .dan-section .header-row { padding-bottom: 20px; } } .dan-section.intro .header-row { position: relative; /* fallback */ padding: 1.56% 0 2.6% 25%; padding: 1.56% 0 2.6% calc(25% - 30px); background-color: #e4dedb; background-color: #e6e6e6; border: 30px solid #fff; border-top: 0; } .dan-section.intro .header-row .container { padding: 0; } .dan-section.intro .header-row .pcr-block { /* fallback */ width: 66.67%; width: calc(66.67% + 30px); padding-left: 5px; padding-right: 8px; } .dan-section.intro .header-row h1 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 80px; line-height: 90px; color: #000; } .dan-section.intro .header-row .subtitle { padding: 20px 0; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 24px; color: black; } .dan-section.intro .header-row .subtitle strong, .dan-section.intro .header-row .subtitle b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } .dan-section.intro .header-row .arrow-down { background-repeat: no-repeat; background-size: 60px; width: 60px; height: 60px; cursor: pointer; display: block; width: 100%; background-position: center; } .dan-section.intro .block-relativeprop { padding-top: 100%; position: relative; } .dan-section.intro .block-relativeprop .block-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .dan-section.intro .pcr-img { padding: 0; } .dan-section.intro .pcr-text { padding: 20px; color: #55646e; } .dan-section.intro .blocks-row h4, .dan-section.intro .closure-row h4 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 22px; line-height: 28px; font-size: 1.83vw; line-height: 2.33vw; } .dan-section.intro .blocks-row h4 strong, .dan-section.intro .closure-row h4 strong, .dan-section.intro .blocks-row h4 b, .dan-section.intro .closure-row h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.intro .blocks-row .pcr-text, .dan-section.intro .closure-row .pcr-text { font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 28px; line-height: 32px; font-size: 2.33vw; line-height: 2.66vw; } .dan-section.intro .blocks-row .pcr-text strong, .dan-section.intro .closure-row .pcr-text strong, .dan-section.intro .blocks-row .pcr-text b, .dan-section.intro .closure-row .pcr-text b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } .dan-section.intro .blocks-row { padding: 0; border-bottom: 1px solid #808080; } .dan-section.intro .blocks-row a { float: left; display: block; width: 100%; height: 100%; } .dan-section.intro .blocks-row .pcr-block { padding: 0; } .dan-section.intro .blocks-row .inner-arrow { position: absolute; top: 3vw; padding: 0; width: auto; height: auto; background-color: transparent; } .dan-section.intro .blocks-row img { width: 100%; } .dan-section.intro .header-row+.blocks-row { border-top: 1px solid #808080; } .dan-section.intro .inner-arrow-left { border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: auto; right: 50%; } .dan-section.intro .inner-arrow-right { border-top: 10px solid transparent; border-bottom: 10px solid transparent; right: auto; left: 50%; } .dan-section.intro .arrow-right, .dan-section.intro .arrow-left { background-repeat: no-repeat; background-position: 50% 50%; background-size: 60px; } .dan-section.intro .white-block a, .dan-section.intro .lightgrey-block a, .dan-section.intro .lightbrown-block a { color: #666; } .dan-section.intro .white-block a h4, .dan-section.intro .lightgrey-block a h4, .dan-section.intro .lightbrown-block a h4 { color: #e53c14; } .dan-section.intro .white-block { background-color: #fff; } .dan-section.intro .white-block .inner-arrow-left { border-right: 10px solid white; } .dan-section.intro .white-block .inner-arrow-right { border-left: 10px solid white; } .dan-section.intro .white-block .arrow-right { background-image: url('../image/circlearrow_r_red.svg'); } .dan-section.intro .lightgrey-block { background-color: #e5e5e5; } .dan-section.intro .lightgrey-block .inner-arrow-left { border-right: 10px solid #e5e5e5; } .dan-section.intro .lightgrey-block .inner-arrow-right { border-left: 10px solid #e5e5e5; } .dan-section.intro .lightgrey-block .arrow-right { background-image: url('../image/circlearrow_r_red.svg'); } .dan-section.intro .lightbrown-block { background-color: #c8bdb9; } .dan-section.intro .lightbrown-block .inner-arrow-left { border-right: 10px solid #c8bdb9; } .dan-section.intro .lightbrown-block .inner-arrow-right { border-left: 10px solid #c8bdb9; } .dan-section.intro .lightbrown-block .arrow-right { background-image: url('../image/circlearrow_r_red.svg'); } .dan-section.intro .darkgrey-block { background-color: #55646e; } .dan-section.intro .darkgrey-block a { color: #fff; } .dan-section.intro .darkgrey-block a h4 { color: #fff; } .dan-section.intro .darkgrey-block .pcr-text { color: #99a2a8; } .dan-section.intro .darkgrey-block .inner-arrow-left { border-right: 10px solid #55646e; } .dan-section.intro .darkgrey-block .inner-arrow-right { border-left: 10px solid #55646e; } .dan-section.intro .darkgrey-block .arrow-right { background-image: url('../image/circlearrow_r_wh.svg'); } .dan-section.intro .lightgreen-block { background-color: #abd47f; } .dan-section.intro .lightgreen-block .inner-arrow-left { border-right: 10px solid #abd47f; } .dan-section.intro .lightgreen-block .inner-arrow-right { border-left: 10px solid #abd47f; } .dan-section.intro .lightgreen-block .arrow-right { background-image: url('../image/circlearrow_r_bk.svg'); } .dan-section.intro .lavanda-block { background-color: #e3d7e9; } .dan-section.intro .lavanda-block .inner-arrow-left { border-right: 10px solid #e3d7e9; } .dan-section.intro .lavanda-block .inner-arrow-right { border-left: 10px solid #e3d7e9; } .dan-section.intro .lavanda-block .arrow-right { background-image: url('../image/circlearrow_r_bk.svg'); } .dan-section.intro .lightblue-block { background-color: #caf0ff; } .dan-section.intro .lightblue-block .inner-arrow-left { border-right: 10px solid #caf0ff; } .dan-section.intro .lightblue-block .inner-arrow-right { border-left: 10px solid #caf0ff; } .dan-section.intro .lightblue-block .arrow-right { background-image: url('../image/circlearrow_r_bk.svg'); } .dan-section.intro .ultralightgrey-block { background-color: #f3eee3; } .dan-section.intro .ultralightgrey-block .inner-arrow-left { border-right: 10px solid #f3eee3; } .dan-section.intro .ultralightgrey-block .inner-arrow-right { border-left: 10px solid #f3eee3; } .dan-section.intro .ultralightgrey-block .arrow-right { background-image: url('../image/circlearrow_r_bk.svg'); } .dan-section.intro .blocks-row .arrow-right { position: absolute; bottom: 30px; width: 60px; height: 60px; padding: 0; } .dan-section.intro .rightleft-block .arrow-right { /* fallback */ left: 53%; left: calc(50% + 20px); } .dan-section.intro .leftright-block .arrow-right { left: 20px; } @media (max-width:1600px) { .dan-section.intro .header-row { border: 15px solid #fff; border-top: 0; } } @media (max-width:1200px) { .dan-section.intro .header-row { padding-left: 8%; padding-right: 8%; border: 15px solid #fff; border-top: 0; } .dan-section.intro .header-row .pcr-block { width: 100%; } .dan-section.intro .blocks-row h4, .dan-section.intro .closure-row h4 { font-size: 22px; line-height: 28px; } .dan-section.intro .blocks-row .pcr-text, .dan-section.intro .closure-row .pcr-text { font-size: 28px; line-height: 32px; } .dan-section.intro .blocks-row .arrow-right, .dan-section.intro .closure-row .arrow-right { width: 37px; height: 37px; background-size: 37px; bottom: 15px; } } @media (min-width:800px) and (max-width:1024px) { .dan-section.intro .blocks-row .relprop-sm { padding-top: 33.333%; position: relative; } .dan-section.intro .blocks-row .relprop-sm a { position: absolute; top: 0; bottom: 0; } .dan-section.intro .closure-row .pcr-block.relprop-sm { padding-top: 33.333% !important; position: relative; } .dan-section.intro .closure-row .pcr-block.relprop-sm a { position: absolute !important; top: 0; bottom: 0; } } @media (max-width:1024px) { .dan-section.intro .header-row .arrow-right { width: 32px; height: 32px; background-size: 32px; bottom: 12px; } } @media (min-width:561px) and (max-width:799px) { .dan-section.intro .blocks-row .relprop-ssm, .dan-section.intro .closure-row .relprop-ssm { padding-top: 33.333%; position: relative; } .dan-section.intro .blocks-row .relprop-ssm a, .dan-section.intro .closure-row .relprop-ssm a { position: absolute; top: 0; bottom: 0; } .dan-section.intro .closure-row .pcr-block.relprop-ssm { padding-top: 33.333% !important; position: relative; } .dan-section.intro .closure-row .pcr-block.relprop-ssm a { position: absolute !important; top: 0; bottom: 0; } } @media (max-width:799px) { .dan-section.intro .header-row { border: 10px solid #fff; border-top: 0; padding-left: 4%; padding-right: 4%; } .dan-section.intro .blocks-row h4, .dan-section.intro .closure-row h4 { font-size: 22px; line-height: 28px; } .dan-section.intro .blocks-row .pcr-text, .dan-section.intro .closure-row .pcr-text { font-size: 27px; line-height: 30px; } } @media (max-width:560px) { .dan-section.intro .header-row h1 { font-size: 34px; font-size: 10.63vw; line-height: 40px; line-height: 12.5vw; } .dan-section.intro .header-row .subtitle { font-size: 18px; line-height: 22px; } .dan-section.intro .blocks-row h4, .dan-section.intro .closure-row h4 { font-size: 15px; line-height: 22px; } .dan-section.intro .blocks-row .pcr-text, .dan-section.intro .closure-row .pcr-text { font-size: 18px; line-height: 20px; padding: 10px; } .dan-section.intro .blocks-row .pcr-text.inner-arrow, .dan-section.intro .closure-row .pcr-text.inner-arrow { padding: 0; } .dan-section.intro .blocks-row .arrow-right, .dan-section.intro .closure-row .arrow-right { background-size: 32px; bottom: 7px; } .dan-section.intro .rightleft-block .arrow-right { left: calc(50% + 10px); } .dan-section.intro .leftright-block .arrow-right { left: 10px; } } @media (min-width:1201px) { .dan-section.intro .header-row h1 { font-size: 96px; font-size: 7.94vw; line-height: 115px; line-height: 9.5vw; } .dan-section.intro .header-row .subtitle { font-size: 23px; font-size: 1.66vw; line-height: 36px; line-height: 2vw; } } @media (min-width:1601px) { .dan-section.intro .header-row h1 { font-size: 153px; line-height: 183px; } .dan-section.intro .header-row .subtitle { font-size: 26.56px; line-height: 32px; } .dan-section.intro .blocks-row h4, .dan-section.intro .closure-row h4 { font-size: 29.28px; line-height: 37.28px; } .dan-section.intro .blocks-row .pcr-text, .dan-section.intro .closure-row .pcr-text { font-size: 37.28px; line-height: 42px; } } .modal.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .modal.fade.in { opacity: 1; } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn+.btn { margin-left: -1px; } .modal-footer .btn-block+.btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:641px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 80vw; } } @media (min-width:992px) { .modal-lg { width: 900px; } } .components.related { color: #333; } .components.related .box { margin-bottom: 4.5rem; margin-top: 4.5rem; border-bottom: 1px solid #bac9d0; } .components.related .box .head-panel { padding: 2.3rem 0; border-top: 3px solid #000; cursor: pointer; background-image: url('../image/plus_bk.svg'); background-repeat: no-repeat; background-position: 100% 50%; } .components.related .box .head-panel img { max-width: 40px; } .components.related .box .head-panel .box-title { display: inline-block; vertical-align: middle; padding-left: 10px; } .components.related .box .head-panel .box-title br { display: none; } .components.related .box .head-panel.open { background-image: url('../image/minus_bk.svg'); } .components.related .box .body-panel { border-top: 1px solid #bac9d0; } .components.related .box .body-panel ul { margin-top: 1.5rem; margin-bottom: 2.4rem; padding-left: 0; list-style: none none; display: table; width: 100%; } .components.related .box .body-panel ul li { margin-bottom: 1.8rem; text-transform: uppercase; width: 33%; float: left; } .components.related .box .body-panel ul li a { color: #19beff; text-decoration: underline; display: block; padding: 1rem 0; } .components.related .related-prod { padding: 0; margin-top: 4rem; margin-bottom: 2rem; } .components.related .related-prod .title { border-bottom: 0.1rem solid #55646e; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; margin-bottom: 3rem; padding-bottom: 1rem; } .components.related .related-prod .title strong, .components.related .related-prod .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-prod .products .product { padding: 10px 0; } .components.related .related-prod .products .product a { display: block; width: 100%; height: 100%; float: left; text-decoration: none; } .components.related .related-prod .products .product .image-container { position: relative; padding: 0 1rem; } .components.related .related-prod .products .product .image-container img { width: 100%; } .components.related .related-prod .products .product .image-container .clicksign { position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; margin: -1.5rem -1.5rem; background: url("../image/more_quadrato.svg") 50% 50% / 3rem 3rem no-repeat; } .components.related .related-prod .products .product .prod-text { padding-left: 0; } .components.related .related-prod .products .product .prod-text .prod-number { display: none; } .components.related .related-prod .products .product .prod-text .prod-name { display: block; padding: 0 10px; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; color: #333; text-decoration: underline; } .components.related .related-prod .products .product .prod-text .prod-name strong, .components.related .related-prod .products .product .prod-text .prod-name b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-tp { margin-top: 5rem; } .components.related .related-tp .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; margin-bottom: 3rem; } .components.related .related-tp .title strong, .components.related .related-tp .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-tp .category { padding-left: 0; padding-right: 0; margin-bottom: 2rem; } .components.related .related-tp .category .cat-title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #e53c14; text-transform: uppercase; min-height: 9rem; padding-left: 2rem; padding-top: 1rem; background-color: white; } .components.related .related-tp .category .cat-title strong, .components.related .related-tp .category .cat-title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-tp .subcategory { background-color: #e5e5e5; } .components.related .related-tp .subcategory .subcat-title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; padding: 2rem; } .components.related .related-tp .subcategory .subcat-title strong, .components.related .related-tp .subcategory .subcat-title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-tp .subcategory .packages-list { margin: 0; display: table; } .components.related .related-tp .subcategory .packages-list .pack { padding: 0 4rem 3rem 2rem; } .components.related .related-tp .subcategory .packages-list .pack a { display: block; } .components.related .related-tp .subcategory .packages-list .pack a:hover { text-decoration: none; } .components.related .related-tp .subcategory .packages-list .pack-title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #e53c14; text-decoration: underline; } .components.related .related-tp .subcategory .packages-list .pack-desc { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #666; } .components.related .related-tp .subcategory .packages-list .pack-desc strong, .components.related .related-tp .subcategory .packages-list .pack-desc b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .components.related .related-tp .subcategory:first-of-type { padding-top: 1rem; } .components.related div.box.related-ta div.body-panel { min-height: 15rem; } .components.related div.box.related-ta div.body-panel ul { list-style-image: url("../image/freccia_elenco_puntato_arancione.svg"); } .components.related div.box.related-ta div.body-panel ul li a { color: #e53c14; text-decoration: underline; text-transform: none; } @media (max-width:560px) { .components.related .box .body-panel ul li { width: 100%; margin-bottom: 0; } .components.related .box .body-panel ul li br { display: none; } } .components.product-nav { float: right; } .components.product-nav .page-count { float: left; padding: 5px; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 18px; line-height: 42px; } .components.product-nav .page-count strong, .components.product-nav .page-count b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } .components.product-nav .button-prev, .components.product-nav .button-next { padding: 4px; float: left; width: 48px; height: 50px; } .components.product-nav .button-prev img, .components.product-nav .button-next img { width: 100%; } .section-name { padding: 0 10px; } body.homepage-2 .cta-txt { color: #fff; text-decoration: none; padding-left: 30px; background: url('../image/red_arrow_right.svg') 0 50% no-repeat; } body.homepage-2 .video-container { position: relative; overflow: hidden; width: 100%; /* fallback */ height: 500px; /* fallback */ height: 90vh; height: calc(100vh - 85px); } body.homepage-2 .video-caption { position: absolute; top: 0; z-index: 99; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; color: #fff; padding: 25px 25px 35px 26px; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.33vw; line-height: 3.66vw; } body.homepage-2 .video-caption strong, body.homepage-2 .video-caption b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 .video-caption a { display: block; color: #fff; } body.homepage-2 .video-caption a div.animated:first-of-type { -webkit-animation-delay: 1s; animation-delay: 1s; } body.homepage-2 .video-caption a div.animated:nth-of-type(2) { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } body.homepage-2 .video-caption a:hover { text-decoration: none; } body.homepage-2 .video-caption .bg { position: absolute; width: 0; height: 0; top: 0; left: 0; background-color: #55646e; z-index: -1; } body.homepage-2 .video-background { position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; min-width: 100%; object-fit: cover; } body.homepage-2 .widget-container { position: absolute; bottom: -5px; z-index: 99; width: 100%; } body.homepage-2 .widget-wrapper { display: block; text-align: left; width: 100%; margin: 0 auto; position: relative; } body.homepage-2 .widget-item { background: rgba(85, 100, 110, 0.8); color: #fff; display: inline-block; text-align: left; float: left; padding: 10px 20px 35px 20px; cursor: pointer; position: absolute; bottom: 0; } body.homepage-2 .widget-item .cta-txt { min-height: 48px; background-position: 0 10px; } body.homepage-2 .widget-item .widget-body { height: 0; opacity: 0; line-height: 22px; padding-top: 10px; -webkit-transition: all 0.3s ease-out, opacity 0.3s 0.4s ease-out; -moz-transition: all 0.3s ease-out, opacity 0.3s 0.4s ease-out; transition: all 0.3s ease-out, opacity 0.3s 0.4s ease-out; } body.homepage-2 .widget-item .widget-body img { position: absolute; bottom: 0; left: 0; width: 100%; visibility: hidden; } body.homepage-2 .widget-item:nth-child(1) { width: 26.6%; left: 8.3333%; -webkit-animation-delay: 2s; animation-delay: 2s; } body.homepage-2 .widget-item:nth-child(2) { width: 28.1%; left: 35.3333%; left: calc(34.9333% + 4px); -webkit-animation-delay: 2.3s; animation-delay: 2.3s; } body.homepage-2 .widget-item:nth-child(3) { width: 26.6%; left: 63.8333%; left: calc(63.0333% + 8px); -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } body.homepage-2 .widget-item:hover .widget-body, body.homepage-2 .widget-item.show .widget-body { opacity: 1 !important; height: 350px !important; height: 23vw !important; } body.homepage-2 .widget-item:hover .widget-body img, body.homepage-2 .widget-item.show .widget-body img { visibility: visible; } body.homepage-2 .section-name { color: black; text-transform: uppercase; padding-left: 7rem; position: relative; } body.homepage-2 .section-name .bar { width: 5rem; height: 2px; top: 50%; left: 0; position: absolute; transform: translate(0, -50%); background: #000; } body.homepage-2 .sez-news { padding-bottom: 4rem; } body.homepage-2 .sez-news .section-name { margin: 4rem 0 9rem 25px; width: 50%; float: left; } body.homepage-2 .sez-news .view-more { display: block; width: 26.6%; float: right; background: #000; margin: 3rem 0 2rem 0; padding: 1.5rem 2rem 3rem 2rem; text-decoration: none; position: absolute; left: 63.8333%; left: calc(63.0333% + 8px); } body.homepage-2 .sez-news .news { position: relative; } body.homepage-2 .sez-news .news .slick-arrow { position: absolute; top: 50%; cursor: pointer; width: 5.5%; height: 7rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); transform: translate(0, -50%); } body.homepage-2 .sez-news .news .slick-arrow.slick-prev { left: -9%; background-image: url('../image/arrow_circle_l_red.svg'); } body.homepage-2 .sez-news .news .slick-arrow.slick-next { right: -9%; background-image: url('../image/arrow_circle_r_red.svg'); } body.homepage-2 .sez-news .news .box-news { display: inline-block; width: 33.3333%; float: left; padding: 1rem; } body.homepage-2 .sez-news .news .box-news a { display: block; border: 1px solid #55646e; background-color: transparent; /* TEMP */ min-height: 191px; float: left; padding: 0; } body.homepage-2 .sez-news .news .box-news img { width: 30%; max-width: 30%; display: inline-block; float: left; } body.homepage-2 .sez-news .news .box-news .date { color: #e53c14; padding-top: 1rem; padding-left: 1rem; float: left; width: 70%; } body.homepage-2 .sez-news .news .box-news .topic { margin-top: 0.6rem; margin-bottom: 0.8rem; color: black; padding-left: 1rem; float: left; width: 70%; text-transform: uppercase; } body.homepage-2 .sez-news .news .box-news .title { color: black; float: left; padding: 1.5rem; width: 100%; } body.homepage-2 .sez-products { margin-top: 0; padding-bottom: 0; } body.homepage-2 .sez-products .line-separator { width: auto; border-bottom: 0; border-top: 1px solid #b3b3b3; margin: 1rem 25px; } body.homepage-2 .sez-products .section-name { margin: 4rem 0 2rem 25px; } body.homepage-2 .sez-products .section-name-sm { text-transform: uppercase; padding-left: 2.4rem; } body.homepage-2 .sez-products .section-name-sm .bar { width: 5rem; height: 2px; display: inline-block; vertical-align: middle; position: relative; background: #000; margin-right: 20px; } body.homepage-2 .sez-products .product { padding: 0; overflow: hidden; border: 1px solid #fff; } body.homepage-2 .sez-products .product .pic { overflow: hidden; } body.homepage-2 .sez-products .product .pic img { width: 100%; } body.homepage-2 .sez-products .product .pic div.prop-50.fix1px:before { padding-top: 50%; padding-top: calc(50% - 1px); } body.homepage-2 .sez-products .product .dida { background-color: rgba(85, 100, 110, 0.8); position: absolute; left: 0; bottom: -73%; right: 0; width: 100%; height: 100%; padding: 1rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: white; } body.homepage-2 .sez-products .product .dida a { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; } body.homepage-2 .sez-products .product .dida a:hover { text-decoration: none; } body.homepage-2 .sez-products .product .dida h4 { margin: 0; text-decoration: underline; text-transform: uppercase; } body.homepage-2 .sez-products .product .dida .text { padding-top: 1rem; text-decoration: none; opacity: 0; position: relative; -webkit-transition: opacity 0.3s ease-in-out 0.2s; -moz-transition: opacity 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s; } body.homepage-2 .sez-products .product .dida .cta-txt { position: relative; margin-top: 7px; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out 0.2s; -moz-transition: opacity 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s; } body.homepage-2 .sez-products .product .dida.bg2 { background-color: rgba(180, 170, 165, 0.8); } body.homepage-2 .sez-products .product .dida.bg2 a h4 { color: white; } body.homepage-2 .sez-products .product .dida.bg3 { background-color: rgba(13, 36, 63, 0.8); } body.homepage-2 .sez-products .product .dida.bg3 a h4 { color: white; } body.homepage-2 .sez-products .product:hover .dida { bottom: 0; background-color: #000; } body.homepage-2 .sez-products .product:hover .dida .text, body.homepage-2 .sez-products .product:hover .dida .cta-txt { opacity: 1; } body.homepage-2 .sez-5 { padding: 30px 0 40px 0; position: relative; } body.homepage-2 .sez-5 .section-name { padding: 0; transform: rotate(-90deg); transform-origin: left; text-align: right; position: absolute; top: 250px; left: 41px; min-width: 240px; display: inline-block; } body.homepage-2 .sez-5 .section-name .bar { display: none; } body.homepage-2 .sez-5 .products-row2 .box-item { padding: 0 10px; } body.homepage-2 .sez-5 .products-row2 a { float: left; width: 100%; } body.homepage-2 .sez-5 .products-row2 a, body.homepage-2 .sez-5 .products-row2 a:hover { text-decoration: none; color: black; } body.homepage-2 .sez-5 .products-row2 .title { margin: 1.3rem 0; color: black; text-transform: uppercase; text-decoration: underline; background: url('../image/red_arrow_right.svg') 0 50% no-repeat; background-size: 14px; padding-left: 20px; } body.homepage-2 .sez-5 .products-row2 .product2 div.pic img { width: 100%; } body.homepage-2 .sez-5 .products-row2 .text { padding-top: 1.9rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #808080; } body.homepage-2 .sez-5 .products-row2 .text strong, body.homepage-2 .sez-5 .products-row2 .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 .sez-6 { background-color: #e6e6e6; } body.homepage-2 .sez-6 .col-l { padding: 0; } body.homepage-2 .sez-6 .block-videogallery .section-name { padding: 0; transform: rotate(-90deg); transform-origin: left; text-align: right; position: absolute; top: 215px; left: 27px; min-width: 215px; display: inline-block; } body.homepage-2 .sez-6 .block-videogallery .video-item { padding: 0; float: right; } body.homepage-2 .sez-6 .block-videogallery .video-item a { position: relative; padding-top: 40%; display: block; overflow: hidden; background-color: #000; } body.homepage-2 .sez-6 .block-videogallery .video-item a .video-cover { background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 101%; width: calc(100% + 1px); height: 100%; padding: 1.5rem 2rem; } body.homepage-2 .sez-6 .block-videogallery .video-item a .video-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); background-image: url('../image/play-icon.svg'); background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } body.homepage-2 .sez-6 .block-videogallery .video-item a .video-overlay .video-title { padding-top: 30%; color: #fff; text-align: center; } body.homepage-2 .sez-6 .block-videogallery .video-item a:hover .video-overlay { opacity: 1; } body.homepage-2 .sez-6 .block-videogallery .video-item a:hover .video-cover .cta-txt { display: none; } body.homepage-2 .sez-6 .col-r { padding: 0; } body.homepage-2 .sez-6 .col-r .block-sq-1, body.homepage-2 .sez-6 .col-r .block-sq-2 { color: #fff; padding: 0; } body.homepage-2 .sez-6 .col-r .block-sq-1 h4, body.homepage-2 .sez-6 .col-r .block-sq-2 h4 { margin: 0 0 2.5rem 0; text-decoration: underline; text-transform: uppercase; } body.homepage-2 .sez-6 .col-r .block-sq-1 .cta-txt, body.homepage-2 .sez-6 .col-r .block-sq-2 .cta-txt { position: absolute; bottom: 20px; left: 20px; } body.homepage-2 .sez-6 .col-r .block-sq-1 .prop-int, body.homepage-2 .sez-6 .col-r .block-sq-2 .prop-int { padding: 10px 20px; } body.homepage-2 .sez-6 .col-r .block-sq-1 { background-color: #b5ada9; } body.homepage-2 .sez-6 .col-r .block-sq-2 { background-color: #55646e; } body.homepage-2 .sez-6 .col-r .block-rect-1 { background-color: #e6e6e6; padding: 0; } body.homepage-2 .sez-6 .col-r .block-fairs { padding: 20px; } body.homepage-2 .sez-6 .col-r .block-fairs .section-name { color: black; padding-left: 40px; text-transform: uppercase; margin-bottom: 12px; } body.homepage-2 .sez-6 .col-r .block-fairs .section-name .bar { width: 30px; } body.homepage-2 .sez-6 .col-r .block-fairs .fairs-wrapper { padding: 0; } body.homepage-2 .sez-6 .col-r .block-fairs .fairs-wrapper .item { float: left; width: 100%; } body.homepage-2 .sez-6 .col-r .block-fairs .fair { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 1.5rem; color: black; } body.homepage-2 .sez-6 .col-r .block-fairs .fair:first-of-type { padding-left: 0; } body.homepage-2 .sez-6 .col-r .block-fairs .fair-date { color: #e53c14; padding-bottom: 0; } body.homepage-2 .sez-6 .col-r .block-fairs .fair-title { text-transform: uppercase; line-height: 20px; } body.homepage-2 .sez-6 .col-r .block-fairs .fair-link a { text-decoration: underline; padding-left: 0.5rem; color: #4d4d4d; } body.homepage-2 .sez-6 .col-r .block-fairs .carousel-indicators { bottom: 10px; left: 0; right: auto; width: auto; margin-left: 0; margin-bottom: 0; } body.homepage-2 .sez-6 .col-r .block-fairs .carousel-indicators li { background-color: #e5e5e5; border: 1px solid #000; margin: 0 5px; } body.homepage-2 .sez-6 .col-r .block-fairs .carousel-indicators li button { display: none; } body.homepage-2 .sez-6 .col-r .block-fairs .carousel-indicators li.slick-active { background-color: black; width: 10px; height: 10px; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel .carousel-inner { min-height: 170px; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .fair-link { padding-top: 0.7rem; display: inline-block; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .fair-link:first-of-type { float: left; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .fair-link:last-of-type { float: right; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation { position: relative; width: auto; margin: 0 auto; display: table; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-control { position: relative; opacity: 1; display: inline-block; width: 50px; top: auto; left: auto; right: auto; bottom: auto; float: left; margin: 0 0.5rem; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-control img { display: block; max-width: 100%; width: 100%; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-control.button-next { float: right; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-control.button-left { float: left; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-indicators { position: relative; float: left; height: 50px; display: inline-block; top: auto; left: auto; bottom: auto; right: auto; width: auto; margin-left: 0; margin-bottom: 0; padding: 0 1rem; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-indicators li { background-color: #e5e5e5; border: 0; top: 50%; position: relative; transform: translate(0, -50%); } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .navigation .carousel-indicators li.active { background-color: #808080; margin: 1px; width: 10px; height: 10px; } body.homepage-2 .sez-6 .col-r .block-fairs #fairs-carousel-m .carousel-inner { min-height: 150px; margin-bottom: 2rem; } body.homepage-2 .sez-6 .investors { background-color: #55646e; } body.homepage-2 div.prop-47, body.homepage-2 div.prop-53 { position: relative; } body.homepage-2 div.prop-47:before { content: ""; display: block; padding-top: 47%; } body.homepage-2 div.prop-53:before { content: ""; display: block; padding-top: 53%; } body.homepage-2 div.sez-7 { margin-top: 5rem; } body.homepage-2 div.sez-7 .block-1 a { padding: 0; height: 22.6rem; background-color: #e5e5e5; display: block; } body.homepage-2 div.sez-7 .block-1 a:hover { text-decoration: none; } body.homepage-2 div.sez-7 .block-1 .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; color: #55646e; padding: 1.8rem; } body.homepage-2 div.sez-7 .block-1 .title strong, body.homepage-2 div.sez-7 .block-1 .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 div.sez-7 .block-1 img { width: 100%; max-width: 100%; display: block; } body.homepage-2 div.sez-7 .block-2 { position: relative; } body.homepage-2 div.sez-7 .block-2 a { padding: 0; height: 22.6rem; background-color: #55646e; display: block; overflow: hidden; } body.homepage-2 div.sez-7 .block-2 a:hover { text-decoration: none; } body.homepage-2 div.sez-7 .block-2 .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; color: #9db2bc; padding: 1.8rem; } body.homepage-2 div.sez-7 .block-2 .title strong, body.homepage-2 div.sez-7 .block-2 .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 div.sez-7 .block-2 img { width: 32%; max-width: 100%; position: absolute; top: -1px; right: 0.9rem; } body.homepage-2 div.sez-7 .block-2 .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; color: white; padding-top: 7rem; padding-bottom: 3.2rem; padding-left: 1.8rem; } body.homepage-2 div.sez-7 .block-2 .text strong, body.homepage-2 div.sez-7 .block-2 .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (min-width:1201px) and (max-width:1600px) { body.homepage-2 .sez-products .product .dida .text { font-size: 18px; font-size: calc(2.14vw - 7.68px); line-height: 22px; line-height: calc(2.14vw - 5px); } } @media (min-width:1025px) and (max-width:1200px) { body.homepage-2 .sez-products .product .dida .text { font-size: 18px; line-height: 22px; } } @media (max-width:1200px) { body.homepage-2 .video-caption { font-size: 40px; line-height: 40px; } body.homepage-2 .widget-wrapper { width: 986px; } body.homepage-2 .widget-item:nth-child(1) { width: 320px; left: 0; } body.homepage-2 .widget-item:nth-child(2) { width: 338px; left: 324px; } body.homepage-2 .widget-item:nth-child(3) { width: 320px; left: 666px; } body.homepage-2 .sez-news .view-more { width: 320px; left: 50%; transform: translate(-50%, 0); margin-left: 333px; } } @media (max-width:1024px) { body.homepage-2 .widget-wrapper { width: 100%; } body.homepage-2 .widget-item:nth-child(1) { width: 31.25%; left: 0; margin-left: 1.25%; } body.homepage-2 .widget-item:nth-child(2) { width: 33%; left: 32.5%; margin-left: 1%; } body.homepage-2 .widget-item:nth-child(3) { width: 31.25%; left: 66.5%; margin-left: 1%; } body.homepage-2 .sez-news .view-more { width: 31.25%; left: auto; transform: none; margin-left: 0; right: 1.25%; } body.homepage-2 .sez-news .news .slick-arrow { width: 8.5%; } body.homepage-2 .sez-6 .col-r .block-fairs .fair { padding-right: 30px; } } @media (min-width:800px) and (max-width:1200px) { body.homepage-2 .widget-item:hover .widget-body, body.homepage-2 .widget-item.show .widget-body { height: 265px !important; } } @media (min-width:800px) and (max-width:1024px) { body.homepage-2 .sez-5 .section-name { position: relative; transform: none; width: auto; text-align: left; top: auto; left: auto; margin-bottom: 20px; margin-top: 10px; } body.homepage-2 .sez-5 .section-name br { display: none; } body.homepage-2 .sez-5 .section-name .bar { display: inline-block; width: 5rem; height: 2px; vertical-align: middle; position: relative; background: #000; margin-right: 20px; } body.homepage-2 .sez-6 .col-r .block-rect-1 { background-color: #fff; } body.homepage-2 .sez-6 .col-r .block-rect-1 .prop-50-sm:before { padding-top: 38%; } } @media (max-width:799px) { body.homepage-2 .sez-news { padding-bottom: 20px; } body.homepage-2 .sez-news .news .box-news a { min-height: auto; } body.homepage-2 .sez-news .view-more { position: relative; left: auto; transform: none; margin-left: 0; width: 33.3333%; } body.homepage-2 .widget-wrapper { width: 100%; } body.homepage-2 .widget-wrapper .widget-item-sm { background: rgba(85, 100, 110, 0.8); color: #fff; display: block; text-align: left; width: 100%; float: left; padding: 13px 20px; cursor: pointer; margin-bottom: 2px; } body.homepage-2 .widget-wrapper .widget-item-sm .widget-body { display: none; height: auto; } body.homepage-2 .widget-wrapper .widget-item-sm .widget-body img { width: 100%; } body.homepage-2 .widget-wrapper .widget-item-sm.open { cursor: default; } body.homepage-2 .sez-products { padding: 0; } body.homepage-2 .sez-5 .products-row2>div a { padding-bottom: 20px; } } @media (max-width:560px) { body.homepage-2 .sez-news { padding-bottom: 0; } body.homepage-2 .sez-news .section-name { width: 100%; margin: 20px 0; padding-left: 60px; } body.homepage-2 .sez-news .section-name .bar { width: 30px; left: 10px; } body.homepage-2 .sez-news .view-more { width: 100%; right: auto; margin-top: 20px; padding: 15px 20px; } body.homepage-2 .sez-news .news .box-news { padding: 0; } body.homepage-2 .sez-news .news .box-news .topic { margin: 5px 0; } body.homepage-2 .sez-news .news .box-news .date { padding-top: 7px; } body.homepage-2 .sez-news .news .box-news .title { width: 70%; padding: 5px 10px; } body.homepage-2 .sez-products .section-name { margin: 20px 0 20px 10px; padding-left: 60px; } body.homepage-2 .sez-products .section-name .bar { width: 30px; left: 10px; } body.homepage-2 .sez-products .product .dida { bottom: -45%; padding: 5px; } body.homepage-2 .sez-videogallery { padding-left: 0.5rem; padding-right: 0.5rem; } body.homepage-2 .sez-videogallery .title { font-size: 1.3rem; line-height: 1.6rem; } body.homepage-2 .sez-videogallery .video-block .video-title { font-size: 1.6rem; line-height: 2rem; } body.homepage-2 .sez-fairs { padding-top: 2rem; padding-bottom: 3rem; } body.homepage-2 .sez-fairs hr.separator-line { margin: 1rem 0 2rem 0; } body.homepage-2 .sez-fairs .carousel-indicators { display: none; } body.homepage-2 .sez-fairs .fair-title br { display: none; } body.homepage-2 .sez-5 { padding-top: 15px; } body.homepage-2 .sez-5 .products-row2 .section-name { margin-left: 0; margin-top: 2rem; margin-bottom: 1.5rem; background-size: 4.4rem 0.1rem; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.homepage-2 .sez-5 .products-row2 .section-name .bar { display: none; } body.homepage-2 .sez-5 .products-row2 div.product2 { margin-bottom: 1.5rem; } body.homepage-2 .sez-5 .products-row2 div.product2 div.pic { padding-right: 0.5rem; } body.homepage-2 .sez-5 .products-row2 div.product2 div.pic img { padding-right: 0.6rem; } body.homepage-2 .sez-5 .products-row2 div.product2 div.dida { padding: 0.8rem 0.6rem 0 0.6rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #333; } body.homepage-2 .sez-5 .products-row2 div.product2 div.dida strong, body.homepage-2 .sez-5 .products-row2 div.product2 div.dida b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 .sez-5 .products-row2 div.product2 div.dida .title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #55646e; margin-bottom: 0.7rem; } body.homepage-2 .sez-5 .products-row2 div.text { padding-top: 1.9rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; } body.homepage-2 .sez-5 .products-row2 div.text strong, body.homepage-2 .sez-5 .products-row2 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.homepage-2 .sez-videogallery .video-block { margin-bottom: 3rem; } body.homepage-2 div.sez-6 .col-r .block-rect-1 .prop-50-sm { min-height: 280px; } body.homepage-2 div.sez-6 .col-r .block-fairs { padding: 12px 15px; } body.homepage-2 div.sez-6 .col-r .block-fairs .fair { padding-right: 0; } body.homepage-2 div.sez-6 .col-r .block-fairs .carousel-indicators { padding-left: 15px; } body.homepage-2 div.sez-6 .wrapper-block-sq { min-height: 240px; } body.homepage-2 div.sez-6 .wrapper-block-sq:before { padding-top: 50%; } body.homepage-2 div.sez-7 { margin-top: 1rem; } body.homepage-2 div.sez-7 .block-1 a, body.homepage-2 div.sez-7 .block-2 a { height: auto; margin-bottom: 2rem; } } @media (min-width:1201px) { body.homepage-2 .sez-news .news .box-news a { min-height: 220px; min-height: 16vw; } } @media (min-width:1201px) { body.homepage-2 .sez-5 .section-name { top: 280px; min-width: 280px; } } @media (min-width:1601px) { body.homepage-2 .widget-item:hover .widget-body, body.homepage-2 .widget-item.show .widget-body { height: 420px !important; height: 23vw !important; } body.homepage-2 .sez-news .news .box-news a { min-height: 230px; min-height: 14vw; } } @media (min-width:1780px) { body.homepage-2 .sez-news .news .box-news a { min-height: 270px; min-height: 13vw; } } html.tablet.portrait body.homepage-2 .video-container { height: 40vh; } .dan-section.career .header-row { background-color: rgba(200, 189, 185, 0.5); padding-top: 20px; padding-bottom: 40px; } .dan-section.career .header-row .header-breadcrumb { margin-bottom: 8px; padding-left: 10px; } .dan-section.career .header-row .subtitle { color: #55646e; } .dan-section.career .career-submit-btn { margin-bottom: 40px; } .dan-section.career .career-submit-btn a { display: block; padding: 15px 60px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 20px 20px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.career .career-submit-btn a:hover { background-color: #e53c14; color: #fff; } @media (min-width:800px) and (max-width:1024px) { .dan-section.career .career-submit-btn { padding: 0; } .dan-section.career .career-submit-btn a { padding: 15px 10px 15px 37px; background-position: 9px 24px; } } @media (max-width:799px) { .dan-section.career .career-submit-btn { margin-top: 20px; margin-bottom: 0; } } .dan-section.career.intro .header-row { padding-left: 8.3333%; padding-right: 8.3333%; padding-bottom: 8.6%; } .dan-section.career.intro .header-row h1 { color: #55646e; } .dan-section.career.intro .header-row .arrow-down { position: absolute; bottom: 20px; width: 40%; left: 50%; transform: translate(-50%, 0); background-image: url('../image/circlearrow_d_red.svg'); } .dan-section.career.intro .header-row .cta-block { position: relative; width: 100%; float: left; padding: 0; } .dan-section.career.intro .header-row .cta-block a.cta1 { width: 30%; margin-right: 1%; float: left; padding: 15px 20px; border: 1px solid #e53c14; text-transform: lowercase; color: #fff; text-decoration: none; background: #e53c14; margin-bottom: 10px; } .dan-section.career.intro .header-row .cta-block a.cta2 { width: 30%; margin-right: 1%; margin-bottom: 10px; float: left; padding: 15px 10px 15px 50px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 20px 24px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.career.intro .header-row .cta-block a.cta2:hover { background-color: #e53c14; color: #fff; } .dan-section.career.intro .header-row .cta-block a.cta3 { width: 30%; margin-right: 1%; margin-bottom: 10px; float: left; padding: 15px 10px 15px 50px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 20px 24px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.career.intro .header-row .cta-block a.cta3:hover { background-color: #e53c14; color: #fff; } .dan-section.career.intro .closure-row .pcr-block { height: calc(25vw - 20px); padding: 0; } .dan-section.career.intro .closure-row .arrow-right { position: absolute; bottom: 30px; width: 60px; height: 60px; padding: 0; z-index: 100; } .dan-section.career.intro .closure-row a { position: relative; float: left; display: block; width: 100%; height: 100%; z-index: 120; } .dan-section.career.intro .closure-row a:hover { text-decoration: none; } .dan-section.career.intro .closure-row img { width: 100%; } .dan-section.career.intro .closure-row .calendar-block .pcr-text { width: 50%; } .dan-section.career.intro .closure-row .calendar-block .pcr-text h4 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.8rem; color: #e53c14; } .dan-section.career.intro .closure-row .calendar-block .pcr-text h4 strong, .dan-section.career.intro .closure-row .calendar-block .pcr-text h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.career.intro .closure-row .calendar-block .calendar-subtitle { margin-bottom: 20px; } .dan-section.career.intro .closure-row .calendar-block .date { color: #e53c14; } .dan-section.career.intro .closure-row .calendar-block .savethedate { color: #4c4c4c; cursor: pointer; } .dan-section.career.intro .closure-row .calendar-block .arrow-right { position: absolute; bottom: 30px; width: 60px; height: 60px; padding: 0; z-index: 100; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots { position: absolute; bottom: -30px; margin: 0; left: 0; list-style: none; text-align: center; padding: 0; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li button:before { position: absolute; border: 1px solid #000; border-radius: 100%; top: 0; left: 0; width: 10px; height: 10px; content: ""; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li button:hover, .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li button:focus { outline: none; } .dan-section.career.intro .closure-row .calendar-block ul.slick-dots li.slick-active button:before { border: 1px solid #000; background: #000; } .dan-section.career.intro .closure-row .pcr-function { padding: 20px; } .dan-section.career.intro .closure-row .pcr-function a { width: 100%; } .dan-section.career.intro .closure-row .pcr-function h4 { margin-top: 16px; margin-bottom: 30px; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; } .dan-section.career.intro .closure-row .pcr-function h4 strong, .dan-section.career.intro .closure-row .pcr-function h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.career.intro .pcr-id5 img { opacity: 0; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } @media (min-width:1025px) and (max-width:1200px) { .dan-section.career.intro .header-row .cta-block { padding-top: 0; } .dan-section.career.intro .header-row .cta-block a.cta2 { padding: 15px 10px 15px 36px; background-position: 8px 24px; } .dan-section.career.intro .header-row .cta-block a.cta3 { padding: 15px 10px 15px 36px; background-position: 8px 24px; } } @media (max-width:1200px) { .dan-section.career.intro .header-row { padding: 1.56% 8.3333% 8.6% 8.3333%; } } @media (min-width:800px) and (max-width:1024px) { .dan-section.career.intro .closure-row .pcr-block { height: auto; height: 25vw; } .dan-section.career.intro .pcr-block-link-4 .pcr-id8 { left: 20px; } } @media (max-width:1024px) { .dan-section.career.intro .header-row { padding-left: 8%; padding-right: 8%; } .dan-section.career.intro .header-row .cta-block { position: relative; left: auto; top: auto; padding: 0; width: 100%; margin-bottom: 20px; text-align: center; } .dan-section.career.intro .header-row .cta-block a.cta1, .dan-section.career.intro .header-row .cta-block a.cta2, .dan-section.career.intro .header-row .cta-block a.cta3 { width: 30%; display: inline-block; vertical-align: top; } .dan-section.career.intro .header-row .cta-block a.cta1 { padding: 10px 5px 10px 5px; margin-right: 1%; } .dan-section.career.intro .header-row .cta-block a.cta2 { text-align: left; padding: 10px 10px 10px 30px; background-position: 10px 20px; background-size: 15px; } .dan-section.career.intro .header-row .cta-block a.cta2 br { display: none; } .dan-section.career.intro .header-row .cta-block a.cta3 { text-align: left; padding: 10px 10px 10px 30px; background-position: 10px 20px; background-size: 15px; } .dan-section.career.intro .header-row .cta-block a.cta3 br { display: none; } } @media (min-width:561px) and (max-width:799px) { .dan-section.career.intro .closure-row .pcr-block { height: auto; height: 33vw; } .dan-section.career.intro .pcr-block-link-4 .pcr-id8 { left: 20px; } .dan-section.career.intro .pcr-block-link-8 .pcr-id8 { left: calc(50% + 20px); } } @media (max-width:799px) { .dan-section.career.intro .header-row .cta-block a.cta1, .dan-section.career.intro .header-row .cta-block a.cta2, .dan-section.career.intro .header-row .cta-block a.cta3 { width: 100%; display: block; } .dan-section.career.intro .header-row .arrow-down { bottom: 6px; background-size: 47px; } } @media (min-width:1601px) { .dan-section.career.intro .header-row .cta-block { padding-top: 0; } } @media (max-width:560px) { .dan-section.career.intro .header-row { padding-bottom: 15%; } .dan-section.career.intro .closure-row .pcr-block { height: auto; height: 50vw; } .dan-section.career.intro .closure-row .arrow-right, .dan-section.career.intro .closure-row .calendar-block .arrow-right { bottom: 7px; width: 37px; height: 37px; } } .career.why-join .page-content { padding-top: 34px; } .career.why-join .page-content img { margin-bottom: 20px; width: 100%; } .career.why-join .page-content .text { padding-right: 16.67%; color: #333; } .career.why-join .page-content .text h4 { margin-top: 30px; font-size: 22px; line-height: 32px; } @media (max-width:1600px) { .career.why-join .page-content .text h4 { font-size: 1.33vw; line-height: 2vw; } } @media (max-width:1200px) { .career.why-join .page-content .text h4 { font-size: 16px; line-height: 24px; } } @media (max-width:560px) { .career.why-join .page-content .text h4 { font-size: 15px; line-height: 22px; } } .career.international .page-content { padding-top: 8px; } .career.international .page-content img { margin-bottom: 20px; } .career.international .page-content .text { color: #333; } .career.international .page-content .text h4 { margin: 30px 0; font-size: 22px; line-height: 32px; } @media (max-width:1600px) { .career.international .page-content .text h4 { font-size: 1.33vw; line-height: 2vw; } } @media (max-width:1200px) { .career.international .page-content .text h4 { font-size: 16px; line-height: 24px; } } @media (max-width:560px) { .career.international .page-content .text h4 { font-size: 15px; line-height: 22px; } } .career.international .img-fullwidth img { width: 100%; } .career.people .page-content { padding-top: 2.8rem; } .career.people .page-content .people-block { margin-bottom: 2rem; } .career.people .page-content .people-block.active { opacity: 0.5; } .career.people .page-content .people-block.active .play-icon { display: none !important; } .career.people .page-content .people-block.active .play-icon-m { display: none !important; } .career.people .page-content .people-img img { width: 100%; height: auto; } .career.people .page-content img.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; cursor: pointer; } .career.people .page-content img.play-icon:hover { opacity: 0.8; } .career.people .page-content img.play-icon-m { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; cursor: pointer; } .career.people .page-content .people-desc { background-color: #f2f2f2; } .career.people .page-content .people-desc .text-people-desc { color: #55646e; padding: 1.5rem; } .career.people .page-content .people-desc .text-people-desc span { color: #e53c14; } .career.people .page-content .video-container { display: none; padding-left: 1rem; padding-right: 1rem; margin-bottom: 2rem; } .career.people .page-content .video-container .close-video { cursor: pointer; } @media (max-width:560px) { .career.people .page-content .people-desc .text-people-desc { padding: 5px 10px; } } .career.talents .page-content { padding-top: 2.8rem; } .career.talents .page-content .txt { width: 80%; } .career.talents .page-content h2 { color: #55646e; margin-bottom: 1rem; } .career.talents .page-content p { color: #333; margin-bottom: 2rem; } .career.talents .page-content img { width: 100%; max-width: 100%; height: auto; display: block; margin-bottom: 4rem; padding-top: 2rem; } .career.talents .page-content div.points { padding-top: 1rem; padding-left: 0; padding-right: 0; } .career.talents .page-content div.points>div.row { margin: 0 -0.6rem; } .career.talents .page-content div.points>div.row div.col-sm-4m { width: 31%; } .career.talents .page-content div.points>div.row div.item { padding: 0 0.6rem; } .career.talents .page-content div.points>div.row div.item div.prop-int { padding: 0.8rem 1.4rem; background-color: #f2f2f2; } .career.talents .page-content div.points>div.row div.item div.prop-int div.number { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #e53c14; } .career.talents .page-content div.points>div.row div.item div.prop-int div.content { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #55646e; } .career.talents .page-content div.points>div.row div.item div.prop-int div.content strong, .career.talents .page-content div.points>div.row div.item div.prop-int div.content b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .career.talents .page-content .more-info { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3rem; color: #55646e; margin-left: 1rem; display: block; float: left; width: 35%; } .career.talents .page-content .more-info strong, .career.talents .page-content .more-info b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .career.talents .page-content .more-info a { text-decoration: underline; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3rem; color: #55646e; } .career.talents .page-content .more-info a strong, .career.talents .page-content .more-info a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (max-width:560px) { .career.talents .page-content h2 { font-size: 2.2rem; } .career.talents .page-content div.points { padding-left: 0; padding-right: 0; } .career.talents .page-content div.points>div.row { margin: 0 -0.6rem; } .career.talents .page-content div.points>div.row div.col-sm-4m { width: 50%; } .career.talents .page-content div.points>div.row div.item { padding: 0 0.6rem 1.1rem; } .career.talents .page-content div.points>div.row div.item div.prop-int { padding: 0.6rem 4rem 0.6rem 2.3rem; } .career.talents .page-content .more-info { width: 95%; } } .career.calendar .page-content { padding-top: 2.8rem; } .career.calendar img { max-width: 100%; height: auto; display: block; } .career.calendar .event-info { padding: 0; background-color: #55646e; min-height: 9rem; cursor: pointer; } .career.calendar .event-text { margin-top: 2.5rem; padding-left: 10%; background-image: url("../image/dan_calendar.svg"); background-repeat: no-repeat; background-position: 4% 0; background-size: 7%; } .career.calendar .event-text .title { color: #aab1b6; } .career.calendar .event-text .subtitle { color: white; padding-top: 0.5rem; padding-bottom: 1.5rem; } .career.calendar .event-date { color: white; padding-top: 2.5rem; text-align: right; white-space: nowrap; } .career.calendar .featured-event { padding: 0; margin-bottom: 2rem; } .career.calendar .featured-event img { width: 100%; max-width: 100%; height: auto; display: block; } .career.calendar .calendar-wrapper { padding: 0; } .career.calendar .calendar-wrapper .cal-month-day span { cursor: default; } .career.calendar .calendar-wrapper .cal-day-inmonth.hasEvent { cursor: pointer; } .career.calendar .calendar-wrapper .cal-day-inmonth.hasEvent span { cursor: pointer; } .career.calendar .calendar-header { color: #e53c14; background-color: #e5e5e5; padding: 0; } .career.calendar .cal-prev { padding: 0 0 0.5rem 0; background: url("../image/prev-cal.svg"); background-repeat: no-repeat; background-position: center; background-size: 27%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .career.calendar .cal-next { padding: 0 0 0.5rem 0; background: url("../image/next-cal.svg"); background-repeat: no-repeat; background-position: center; background-size: 27%; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; } .career.calendar #cal-title { padding-bottom: 0.5rem; } .career.calendar #lista-eventi { margin-top: 7rem; } .career.calendar #lista-eventi-full { margin-top: 7rem; display: none; } .career.calendar #cal-month { color: #e53c14; background-color: #e5e5e5; padding: 0 0 0 1rem; } .career.calendar .event-wrapper { padding: 2rem 0; border-top: 1px solid #b2b2b2; margin-top: 2rem; } .career.calendar .event-wrapper a { text-decoration: underline; color: #55646e; } .career.calendar #ev1 { margin-top: 0; border: 0; } .career.calendar .ev-day { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 52px; text-align: center; padding: 0; width: 52px; height: 52px; float: right; background-color: #ea6343; color: white; position: absolute; right: 0; top: 2.2rem; } .career.calendar .ev-day strong, .career.calendar .ev-day b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .career.calendar .ev-title { color: #77838b; padding: 0 55px 0 0.5rem; } .career.calendar .ev-time { color: #333; padding: 0 0.5rem; margin-top: 2rem; } .career.calendar .ev-location { color: #333; padding: 0 0.5rem; } .career.calendar .ev-description { color: #333; padding: 0 0.5rem; margin-top: 2rem; } @media (max-width:799px) { .career.calendar .page-content .event-text { background-size: 4%; } } @media (max-width:560px) { .career.calendar .page-content .event-date { text-align: left; padding-left: 1.5rem; padding-right: 1.5rem; } .career.calendar .page-content .event-text { background-image: none; padding-left: 1.5rem; padding-right: 1.5rem; } .career.calendar .page-content .ev-time { margin-top: 1.5rem; } } @media (min-width:1601px) { .career.calendar .page-content .event-text { background-size: 6%; } } .career.calendar.calendar-new .calendar-header { color: #55646e; padding: 10px 0; } .career.calendar.calendar-new #cal-title { text-align: center; } .career.calendar.calendar-new .event-wrapper { border: 0; } .career.calendar.calendar-new #ev1 { border: 0; } .career.calendar.calendar-new .event-img, .career.calendar.calendar-new .event-txt { border-top: 1px solid #b2b2b2; padding-top: 20px; } .career.calendar.calendar-new .event-img { padding-right: 40px; } .career.calendar.calendar-new .ev-date { display: inline-block; margin-right: 20px; } .career.calendar.calendar-new .ev-time { display: inline-block; padding-left: 20px; background-image: url('../image/orologio.svg'); background-position: 0 50%; background-repeat: no-repeat; background-size: 15px; margin-top: 0; color: #808080; } .career.calendar.calendar-new .ev-title { padding-left: 0; color: #e53c14; margin-top: 10px; } .career.calendar.calendar-new .ev-subtitle { color: #55646e; } .career.calendar.calendar-new .ev-location { padding-left: 0; } .career.calendar.calendar-new .ev-description { padding-left: 0; margin-bottom: 40px; } .career.calendar.calendar-new .event-wrapper .btn { line-height: 50px; min-height: 53px; white-space: nowrap; color: #55646e; border: 1px solid #e53c14; display: inline-block; min-width: 200px; margin-right: 20px; margin-bottom: 10px; padding-left: 50px; padding-right: 20px; text-decoration: none; cursor: pointer; background-image: url('../image/arrows.svg'); background-repeat: no-repeat; background-position: 10px 50%; background-size: 20px; vertical-align: middle; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } .career.calendar.calendar-new .event-wrapper .btn:hover { background-color: #e53c14; color: #fff; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container { background-image: url('../image/share.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container .share-icon-container { display: none; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons { background-image: none; background-color: #e53c14; padding: 0; text-align: center; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons span { display: none; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container { display: block; height: 50px; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-icon { width: 47px; line-height: 50px; height: 50px; display: inline-block; padding-right: 5px; padding-left: 5px; background-size: 30px; background-position: center; background-repeat: no-repeat; } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-fb { background-image: url('../image/facebook.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-fb:hover { background-image: url('../image/facebook_rollover.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-ln { background-image: url('../image/linkedin.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-ln:hover { background-image: url('../image/linkedin_rollover.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-tw { background-image: url('../image/twitter.svg'); } .career.calendar.calendar-new .event-wrapper .btn.btn-share-container.showing-icons .share-icon-container .share-tw:hover { background-image: url('../image/twitter_rollover.svg'); } @media (max-width:560px) { .career.calendar.calendar-new .event-txt { border-top: 0; } } .career.job-post .page-content { padding-top: 34px; } .career.job-post .page-content img { width: 100%; margin-top: 20px; margin-bottom: 60px; } .career.job-post .page-content .text { padding-right: 16.67%; color: #333; } .career.job-post .page-content #loadingPositions { background-color: #fff; border-bottom: 0; padding-top: 10px; background-image: url('../image/waiting.gif'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 22px; width: 100%; } .career.job-post .page-content .reset-filter-btn { opacity: 0; position: relative; display: inline-block; border: 1px solid #55646e; color: #55646e; padding: 5px 50px 5px 15px; margin-left: 20px; cursor: pointer; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .career.job-post .page-content .reset-filter-btn:hover { background-color: #55646e; color: #fff; } .career.job-post .page-content .reset-filter-btn::after { content: '+'; position: absolute; top: 4px; right: 5%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); font-family: sans-serif; font-size: 30px; font-weight: 100; } .career.job-post .page-content #filterCategoryTitle, .career.job-post .page-content #filterCountryTitle { margin-top: 15px; } .career.job-post .page-content .ul-wrapper ul { list-style: none; padding: 0; margin-top: 0; border-top: solid 1px #000; } .career.job-post .page-content .ul-wrapper ul li { background-color: #e5e5e5; border-bottom: solid 1px #000; min-height: 85px; width: 100%; display: table; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } .career.job-post .page-content .ul-wrapper ul li a { display: table-cell; width: 100%; color: black; vertical-align: middle; padding: 5px 30% 5px 16px; background-image: url('../image/circlearrow_r_red.svg'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 55px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .career.job-post .page-content .ul-wrapper ul li a:hover { background-image: url('../image/circlearrow_r_wh.svg'); text-decoration: none; color: white; } .career.job-post .page-content .ul-wrapper ul li a.download-icon { background-image: url('../image/download.svg'); background-position: 96.2% 50%; background-size: 30px; } .career.job-post .page-content .ul-wrapper ul li:hover { background-color: #55646e; } .career.job-post .page-content .ul-wrapper ul ul { display: none; border: 0; } .career.job-post .page-content .ul-wrapper ul ul li { background-color: #fff; } .career.job-post .page-content .ul-wrapper ul ul li:hover { background-color: #a9b1b7; } .career.job-post .page-content .ul-wrapper ul li a.download-icon { background-image: url('../image/download.svg') !important; background-position: 96.2% 50% !important; background-size: 30px !important; } .career.job-post .page-content .ul-wrapper ul li a.download-icon:hover { background-image: url('../image/download_wh.svg') !important; } .career.job-post .page-content ul.type-list { list-style-type: none; padding: 0; margin: 6px 0 30px 0; width: 100%; border: 0; clear: both; float: none; display: table; text-transform: uppercase; } .career.job-post .page-content ul.type-list li { background-color: #bdc8d2; cursor: pointer; background-repeat: no-repeat; background-position: 6% 50%; background-size: 14%; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; border: 0; opacity: 1; height: 32px; line-height: 21px; text-align: center; padding-left: 3%; padding-right: 3%; padding-top: 5px; margin-right: 2px; margin-bottom: 2px; float: left; width: auto; display: inline-block; min-height: auto; white-space: nowrap; } .career.job-post .page-content ul.type-list li.selected { background-color: #55646e; opacity: 1; color: #fff; } .career.job-post .page-content ul.type-list li.reset-filter { background-color: #e5e5e5; } .career.job-post .page-content #noResults { float: left; text-align: center; width: 100%; cursor: pointer; } .career.job-post .page-content #noResults span { text-decoration: underline; } @media (max-width:560px) { .career.job-post .page-content.newTEMP .reset-filter-btn { float: right; } .career.job-post .page-content.newTEMP #filterCategoryTriggerXS, .career.job-post .page-content.newTEMP #filterCountryTriggerXS { float: left; width: 100%; background-color: none; text-align: left; text-transform: uppercase; border-bottom: 1px solid #000; border-top: 2px solid #000; padding: 10px 0; height: auto; margin: 12px 0 0 0; cursor: pointer; background-image: url('../image/arrow_down_black.svg'); background-repeat: no-repeat; background-position: 95% 50%; } .career.job-post .page-content.newTEMP #filterCategoryTriggerXS.open, .career.job-post .page-content.newTEMP #filterCountryTriggerXS.open { background-image: url('../image/arrow_up_black.svg'); } .career.job-post .page-content.newTEMP #filterCategoryTitle { float: left; } .career.job-post .page-content.newTEMP #filterCountryTitle { margin-top: 35px; float: left; } .career.job-post .page-content.newTEMP ul.type-list { display: none; margin: 0; float: left; width: 100%; } .career.job-post .page-content.newTEMP ul.type-list li { display: block; width: 100%; background: none; text-align: left; border-bottom: 1px solid #000; padding: 12px 0; height: auto; margin: 0; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .career.job-post .page-content.newTEMP ul.type-list li.selected { padding-left: 8px; background-color: #55646e; } .career.job-post .page-content.newTEMP .ul-wrapper ul li:hover { padding-left: 8px; background-color: #55646e; } .career.job-post .page-content.newTEMP #openPositionsList { margin-top: 45px; border-top: 0; float: left; width: 100%; } } @media (min-width:561px) { .career.job-post .page-content ul.type-list { display: table !important; } } .dan-section.academy .academy-btn { margin-bottom: 40px; } .dan-section.academy .academy-btn a { display: block; padding: 15px 10px 15px 50px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 9px 28px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.academy .academy-btn a:hover { background-color: #e53c14; color: #fff; } .dan-section.academy .header-row { background-color: #e5e5e5; padding-top: 20px; padding-bottom: 50px; min-height: 281px; position: relative; } .dan-section.academy .header-row .header-breadcrumb { margin-bottom: 8px; padding-left: 10px; } .dan-section.academy .header-row .school-logo { padding: 0; padding-top: 6px; width: 225px; display: inline-block; top: 0; right: 16.67%; position: absolute; overflow: hidden; } .dan-section.academy .header-row .school-logo img { max-width: 102%; width: 102%; vertical-align: unset; display: block; margin-left: -1%; margin-bottom: -1%; } @media (max-width:1024px) { .dan-section.academy .header-row .school-logo { right: 8.3333%; width: 170px; } } @media (max-width:799px) { .dan-section.academy .header-row .school-logo { padding-top: 0; margin-top: 3rem; top: auto; position: relative; right: auto; width: 50%; } .dan-section.academy .header-row .school-logo img { max-width: 50%; margin-top: -1%; } } @media (max-width:560px) { .dan-section.academy .header-row .school-logo { width: 100%; } } @media (max-width:1600px) { .dan-section.academy .academy-btn a { background-position: 9px 24px; } } .dan-section.academy.intro .header-row { padding-left: 8.3333%; padding-right: 8.3333%; } .dan-section.academy.intro .header-row h1 { color: #e53c14; font-size: 80px; line-height: 80px; } .dan-section.academy.intro .header-row .pcr-block { width: 100%; } .dan-section.academy.intro .header-row .arrow-down { background-image: url('../image/circlearrow_d_red.svg'); width: 100%; } .dan-section.academy.intro .pcr-text { color: black; } .dan-section.academy.intro .pcr-text em { font-style: normal; } .dan-section.academy.intro .second-row .pcr-text { font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 40px; line-height: 42px; } .dan-section.academy.intro .second-row .pcr-text strong, .dan-section.academy.intro .second-row .pcr-text b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } .dan-section.academy.intro .blocks-row .pcr-text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 34px; line-height: 36px; } .dan-section.academy.intro .blocks-row .pcr-text strong, .dan-section.academy.intro .blocks-row .pcr-text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.intro .blocks-row .pcr-text em { font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 40px; line-height: 42px; } .dan-section.academy.intro .blocks-row .pcr-text em strong, .dan-section.academy.intro .blocks-row .pcr-text em b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } @media (max-width:1600px) { .dan-section.academy.intro .blocks-row .pcr-text { font-size: 32px; line-height: 34px; } .dan-section.academy.intro .blocks-row .pcr-text em { font-size: 38px; line-height: 39px; } } @media (max-width:1600px) { .dan-section.academy.intro .blocks-row .pcr-text { font-size: 27px; line-height: 29px; } .dan-section.academy.intro .blocks-row .pcr-text em { font-size: 30px; line-height: 32px; } } @media (max-width:1200px) { .dan-section.academy.intro .blocks-row .pcr-text { font-size: 23px; line-height: 25px; } .dan-section.academy.intro .blocks-row .pcr-text em { font-size: 26px; line-height: 28px; } } @media (max-width:799px) { .dan-section.academy.intro .blocks-row .pcr-text { font-size: 16px; line-height: 24px; } .dan-section.academy.intro .blocks-row .pcr-text em { font-size: 20px; line-height: 24px; } } @media (max-width:560px) { .dan-section.academy.intro .blocks-row .pcr-text { font-size: 15px; line-height: 22px; } .dan-section.academy.intro .blocks-row .pcr-text em { font-size: 18px; line-height: 22px; } } .dan-section.academy.intro .white-block .arrow-right { background-image: url('../image/circlearrow_r_bk.svg'); } .dan-section.academy.intro .closure-row { border-bottom: 0; margin-left: 16.67%; width: 66.67%; padding: 5rem 0; } .dan-section.academy.intro .closure-row .pcr-block h2 { font-size: inherit; line-height: inherit; color: #333; } .dan-section.academy.intro .closure-row .pcr-block .pcr-text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 25px; padding-left: 0; padding-top: 4.5rem; color: black; } .dan-section.academy.intro .closure-row .pcr-block .pcr-text strong, .dan-section.academy.intro .closure-row .pcr-block .pcr-text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.intro .closure-row .pcr-block:first-of-type h2 { color: #e53c14; } .dan-section.academy.intro .pcr-row9 { background-color: #55646e; padding: 5rem 16.67%; } .dan-section.academy.intro .pcr-row9 .pcr-block20 { padding: 0; } .dan-section.academy.intro .pcr-row9 h3, .dan-section.academy.intro .pcr-row9 h4 { font-size: inherit; line-height: inherit; } .dan-section.academy.intro .pcr-row9 h3 { color: #aab1b7; } .dan-section.academy.intro .pcr-row9 h4 { color: #fff; } .dan-section.academy.intro .pcr-row9 .pcr-text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2rem; line-height: 2.4rem; color: #fff; } .dan-section.academy.intro .pcr-row9 .pcr-text strong, .dan-section.academy.intro .pcr-row9 .pcr-text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.intro .pcr-row9 .pcr-text+.pcr-text { color: #aab1b7; } .dan-section.academy.intro .pcr-row9 .pcr-text+.pcr-text+.pcr-text { color: #fff; text-align: right; cursor: pointer; } .dan-section.academy.intro .pcr-row9 .pcr-text+.pcr-text+.pcr-text em { color: #aab1b7; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2rem; line-height: 2.4rem; font-style: normal; } .dan-section.academy.intro .pcr-row9 .pcr-text+.pcr-text+.pcr-text em strong, .dan-section.academy.intro .pcr-row9 .pcr-text+.pcr-text+.pcr-text em b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.intro .pcr-block48 { min-height: calc(25vw - 4px); padding: 0; } .dan-section.academy.intro .pcr-block48 .pcr-id120 { padding-bottom: 20px; } .dan-section.academy.intro .pcr-block48 .pcr-id121 { font-size: 16px; line-height: 20px; padding-top: 0; } .dan-section.academy.intro .pcr-block48 .pcr-id121 em { font-size: 16px; line-height: 20px; padding-top: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-style: italic; } .dan-section.academy.intro .project-details { display: none; background-color: #55646e; padding: 0 16.67% 5rem 16.67%; } .dan-section.academy.intro .project-details .pcr-block .pcr-text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2rem; line-height: 2.4rem; } .dan-section.academy.intro .project-details .pcr-block .pcr-text strong, .dan-section.academy.intro .project-details .pcr-block .pcr-text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.intro .project-details .pcr-block:first-of-type .pcr-text { color: #fff; } .dan-section.academy.intro .project-details .pcr-block:nth-of-type(2) .pcr-text { color: #aab1b7; } .dan-section.academy.intro .academy-news-box { position: relative; color: black; padding: 0; overflow: hidden; } .dan-section.academy.intro .academy-news-box .pcr-function { padding: 25px 0 30px 20px; float: left; position: relative; min-height: 23vw; width: 100%; } .dan-section.academy.intro .academy-news-box a { color: inherit; text-decoration: none; width: auto; } .dan-section.academy.intro .academy-news-box .viewAllNews { position: absolute; bottom: 0; height: auto; padding-right: 15px; } .dan-section.academy.intro .academy-news-box .news-date { width: 100%; float: left; } .dan-section.academy.intro .academy-news-box .news-title { color: #e53c14; width: 100%; float: left; padding-right: 15px; } .dan-section.academy.intro .academy-news-box .news-abstract { width: 100%; float: left; margin-bottom: 8%; } .dan-section.academy.intro .academy-news-box img { width: 25%; position: absolute; right: 0; top: 0; } .dan-section.academy.intro .pcr-block-link-38 { position: relative; background-color: #143c5d; } .dan-section.academy.intro .pcr-block-link-38 img { position: absolute; top: 50%; left: 50%; width: 80%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dan-section.academy.intro .pcr-block-link-38 .innoval-title { position: absolute; top: 0; color: #fff; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; line-height: inherit !important; } .dan-section.academy.intro .pcr-block-link-38 .innoval-link { position: absolute; bottom: 0; height: auto; padding-right: 15px; color: #fff; font-family: inherit !important; font-weight: inherit !important; font-size: inherit !important; line-height: inherit !important; } @media (max-width:1024px) { .dan-section.academy.intro .closure-row { margin-left: 8.3333%; width: 83.3333%; padding: 30px 0 20px 0; } .dan-section.academy.intro .pcr-row9 { padding: 30px 8.3333%; } .dan-section.academy.intro .project-details { padding-left: 8.3333%; padding-right: 8.3333%; } .dan-section.academy.intro .pcr-block-link-38 img { top: auto; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); bottom: 7%; } } @media (max-width:799px) { .dan-section.academy.intro .header-row h1 { font-size: 34px; font-size: 10vw; line-height: 40px; line-height: 10vw; } .dan-section.academy.intro .academy-news-box .pcr-function { min-height: 30vw; } .dan-section.academy.intro .academy-news-box .viewAllNews { bottom: 8px; } .dan-section.academy.intro .closure-row .pcr-block .pcr-text { padding-top: 10px; padding-bottom: 35px; } } @media (max-width:560px) { .dan-section.academy.intro .header-row { padding-left: 4%; } .dan-section.academy.intro .header-row h1 { font-size: 34px; line-height: 40px; } .dan-section.academy.intro .academy-news-box .pcr-function { min-height: 40vw; } } @media (min-width:1201px) { .dan-section.academy.intro .header-row h1 { font-size: 80px; font-size: 8vw; line-height: 80px; line-height: 8vw; } } @media (min-width:1601px) { .dan-section.academy.intro .header-row h1 { font-size: 128px; line-height: 128px; } } .dan-section.academy.school .description { padding-top: 20px; } .dan-section.academy.school .description .title { color: #55646e; } .dan-section.academy.school .description .title:first-of-type { color: #ea6343; } .dan-section.academy.school .description .text { color: #99a2a8; margin: 35px 0; } .dan-section.academy.school .description .text:first-of-type { color: #333; } .dan-section.academy.school .imgfull { margin-top: 3rem; } .dan-section.academy.school .imgfull .row { margin: 0 !important; } .dan-section.academy.school .imgfull img { width: 100%; height: auto; max-width: 100%; } .dan-section.academy.school .text-2col { color: #333; padding-top: 30px; } .dan-section.academy.school .text-2col .col-right { color: #99a2a8; } @media (max-width:560px) { .dan-section.academy.school .text-2col .col-left { padding: 0 0.5rem 1rem 0.5rem; } .dan-section.academy.school .text-2col .col-right { padding: 1rem 0.5rem 0 0.5rem; } } .dan-section.academy.school .single-img { margin-top: 3rem; } .dan-section.academy.school .single-img img { max-width: 100%; } @media (max-width:560px) { .dan-section.academy.school .single-img .container { padding: 0 1.5rem; } } .dan-section.academy.school .double-img { margin-top: 3rem; } .dan-section.academy.school .double-img img { max-width: 100%; } .dan-section.academy.school .double-img .col-left { padding: 0 1.5rem 0 0; } .dan-section.academy.school .double-img .col-right { padding: 0 0 0 1.5rem; } @media (max-width:560px) { .dan-section.academy.school .double-img .col-left, .dan-section.academy.school .double-img .col-right { padding: 0 0.5rem; } .dan-section.academy.school .double-img .col-left { margin-bottom: 1.5rem; } } .dan-section.academy.school .info { margin-top: 2rem; } .dan-section.academy.school .info .row { margin-top: 2rem; } .dan-section.academy.school .info .row .title { color: #55646e; padding-left: 0; } .dan-section.academy.school .info .row .text { color: #99a2a8; padding-right: 0; } .dan-section.academy.school .info .row:first-of-type .text { color: #333; } .dan-section.academy.school .contact-info { color: #333; margin-top: 3rem; } .dan-section.academy.school .contact-info .text { padding-right: 0; } .dan-section.academy.school .contact-info em { font-style: normal; padding-right: 4rem; } .dan-section.academy.school .contact-info .separator { margin: 0 0 2rem 0; border-top: 1px solid #333; width: 100%; } @media (max-width:1024px) { .dan-section.academy.school .text-2col .col-left { margin-bottom: 20px; } } @media (max-width:799px) { .dan-section.academy.school .text-2col { padding-right: 10px; padding-left: 10px; } .dan-section.academy.school .info .row .title { padding-right: 10px; padding-left: 10px; } .dan-section.academy.school .info .row .title br { display: none; } } .dan-section.academy.danieli-academy .header-row { background-color: #55646e; } .dan-section.academy.danieli-academy .header-row .title { color: #bac9d0; } .dan-section.academy.danieli-academy .header-row .subtitle { color: white; } .dan-section.academy.danieli-academy .header-row .header-breadcrumb { color: #fff; } .dan-section.academy.danieli-academy .description { padding-top: 20px; } .dan-section.academy.danieli-academy .description .title { color: #55646e; } .dan-section.academy.danieli-academy .description .text { color: #99a2a8; margin: 5rem 0; } .dan-section.academy.danieli-academy .description .text:first-of-type { color: #333; } .dan-section.academy.danieli-academy .description .row { padding-top: 5rem; } .dan-section.academy.danieli-academy .imgfull { margin-top: 3rem; } .dan-section.academy.danieli-academy .imgfull .row { margin: 0 !important; } .dan-section.academy.danieli-academy .imgfull img { width: 100%; height: auto; max-width: 100%; } .dan-section.academy.danieli-academy .single-img { margin-top: 3rem; } .dan-section.academy.danieli-academy .single-img img { max-width: 100%; } @media (max-width:560px) { .dan-section.academy.danieli-academy .single-img .container { padding: 0 1.5rem; } } .dan-section.academy.danieli-academy .info { margin-top: 2rem; } .dan-section.academy.danieli-academy .info .row { margin-top: 2rem; } .dan-section.academy.danieli-academy .info .row .title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3rem; color: #55646e; padding-left: 0; } .dan-section.academy.danieli-academy .info .row .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3rem; color: #99a2a8; padding-right: 0; } .dan-section.academy.danieli-academy .info .row .text strong, .dan-section.academy.danieli-academy .info .row .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .info .row:first-of-type .title { color: #ea6343; } .dan-section.academy.danieli-academy .info .row:first-of-type .text { color: #333; } @media (max-width:560px) { .dan-section.academy.danieli-academy .info .row .text { margin-top: 2rem; } .dan-section.academy.danieli-academy .info .row:first-of-type { padding-bottom: 2rem; } } .dan-section.academy.danieli-academy .values { margin-top: 3rem; padding-top: 3rem; padding-bottom: 5rem; } .dan-section.academy.danieli-academy .values .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3rem; color: #55646e; } .dan-section.academy.danieli-academy .values .title strong, .dan-section.academy.danieli-academy .values .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .values .title:first-of-type { color: #ea6343; } .dan-section.academy.danieli-academy .values .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; color: #99a2a8; margin: 5rem 0; } .dan-section.academy.danieli-academy .values .text strong, .dan-section.academy.danieli-academy .values .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .values .text:first-of-type { color: #333; } .dan-section.academy.danieli-academy .values .points .item { padding: 0 0.6rem; } .dan-section.academy.danieli-academy .values .points .item .prop-int { padding: 0.8rem 1.4rem; background-color: white; } .dan-section.academy.danieli-academy .values .points .item .prop-int .number { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #e53c14; } .dan-section.academy.danieli-academy .values .points .item .prop-int .content { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #55646e; } .dan-section.academy.danieli-academy .values .points .item .prop-int .content strong, .dan-section.academy.danieli-academy .values .points .item .prop-int .content b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .values .points .item .dark .prop-int { background-color: #bac9d0; } @media (max-width:560px) { .dan-section.academy.danieli-academy .values .points .item { margin-top: 2rem; } .dan-section.academy.danieli-academy .values .points .item .content br { display: none; } } .dan-section.academy.danieli-academy .contact-info { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3.2rem; color: #333; margin-top: 3rem; } .dan-section.academy.danieli-academy .contact-info strong, .dan-section.academy.danieli-academy .contact-info b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .contact-info .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 4.5rem; color: #55646e; } .dan-section.academy.danieli-academy .contact-info .title strong, .dan-section.academy.danieli-academy .contact-info .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .contact-info .text { padding-right: 0; } .dan-section.academy.danieli-academy .contact-info em { font-style: normal; padding-right: 4rem; } .dan-section.academy.danieli-academy .network { margin-top: 3rem; padding-top: 4.5rem; padding-bottom: 3.7rem; } .dan-section.academy.danieli-academy .network h2 { padding-top: 0.7rem; padding-bottom: 3.8rem; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.2rem; color: white; } .dan-section.academy.danieli-academy .network .list { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.6rem; color: #9db2bc; } .dan-section.academy.danieli-academy .network .list strong, .dan-section.academy.danieli-academy .network .list b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.academy.danieli-academy .network .list h4 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.6rem; color: white; text-transform: uppercase; } .dan-section.investors .header-row { background-color: #e5e5e5; padding-top: 20px; padding-bottom: 40px; } .dan-section.investors .header-row .header-breadcrumb { margin-bottom: 8px; padding-left: 10px; } .dan-section.investors .header-row .title { margin-bottom: 35px; } .dan-section.investors .investors-download-btn { margin-bottom: 40px; } .dan-section.investors .investors-download-btn a { display: block; padding: 15px 60px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 20px 20px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors .investors-download-btn a:hover { background-color: #e53c14; color: #fff; } .dan-section.investors .page-content { padding-top: 26px; } @media (min-width:800px) and (max-width:1024px) { .dan-section.investors .investors-download-btn { padding: 0; } .dan-section.investors .investors-download-btn a { padding: 15px 10px 15px 37px; background-position: 9px 24px; } } @media (max-width:799px) { .dan-section.investors .investors-download-btn { margin-top: 20px; margin-bottom: 0; } } .dan-section.investors.intro .header-row { background-color: #55646e; } .dan-section.investors.intro .header-row h1 { color: #aab1b7; } .dan-section.investors.intro .header-row .subtitle { color: #fff; } .dan-section.investors.intro .header-row .arrow-down { background-image: url('../image/circlearrow_d_wh.svg'); } @media (min-width:800px) and (max-width:1024px) { .dan-section.investors.intro .pcr-block30 .block-relativeprop { padding-top: 20%; } } .dan-section.investors.results .sez1 { margin: 20px 0 5rem 0; } .dan-section.investors.results .sez1 .img-results { padding-right: 20px; padding-left: 0; margin-bottom: 30px; margin-top: 30px; } .dan-section.investors.results .sez1 .img-results img { max-width: 100%; } .dan-section.investors.results .sez1 .message-title { color: #55646e; margin-bottom: 2rem; margin-top: 3rem; } .dan-section.investors.results .sez1 .message-text { color: #333; } .dan-section.investors.results .sez1 .message-part2 { display: none; margin-top: 2rem; } .dan-section.investors.results .sez1 .message-part3 a { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 18px; line-height: 22px; padding: 15px 60px 15px 15px; min-width: 230px; float: left; border: 1px solid #55646e; margin-right: 15px; background-image: url('../image/freccia_elenco_puntato_azzurra.svg'); background-position: 95% 17px; background-repeat: no-repeat; background-size: 17px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.results .sez1 .message-part3 a strong, .dan-section.investors.results .sez1 .message-part3 a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.results .sez1 .message-part3 a span { display: block; clear: both; color: #808080; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.results .sez1 .message-part3 a span:first-of-type { color: black; text-decoration: underline; text-transform: uppercase; } .dan-section.investors.results .sez1 .message-part3 a:focus { text-decoration: none; } .dan-section.investors.results .sez1 .message-part3 a:hover { background-color: #55646e; } .dan-section.investors.results .sez1 .message-part3 a:hover span { color: #fff; } .dan-section.investors.results .sez1 .table-results { padding-left: 0; } .dan-section.investors.results .sez1 .table-results table { width: 100%; max-width: 100%; } .dan-section.investors.results .sez1 .table-results thead { background-color: #9cb1bb; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: white; height: 4rem; } .dan-section.investors.results .sez1 .table-results .currency { color: #54636d; font-weight: normal; } .dan-section.investors.results .sez1 .table-results tbody { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } .dan-section.investors.results .sez1 .table-results tbody strong, .dan-section.investors.results .sez1 .table-results tbody b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.results .sez1 .table-results tbody td { border-top: 0; } .dan-section.investors.results .sez1 .table-results tbody tr { height: 6rem; border-top: 1px solid #999; } .dan-section.investors.results .sez1 .table-results tbody tr:first-of-type, .dan-section.investors.results .sez1 .table-results tbody tr:nth-of-type(2) { border-top: 0; } .dan-section.investors.results .sez1 .table-results tbody tr.item-title { background-color: #d9d9d9; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #808080; } .dan-section.investors.results .sez1 .table-results tbody td.item-type { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #333; } .dan-section.investors.results .sez1 .table-results tbody tr.separator-item { border-bottom: 1px solid #999; } .dan-section.investors.results .sez1 .table-results tbody tr.last-item { background-color: #ccc; } .dan-section.investors.results .sez1 .table-results-xs { margin: 0; padding-left: 0; width: 100%; } .dan-section.investors.results .sez1 .table-results-xs .table { width: 100%; } .dan-section.investors.results .sez1 .table-results-xs thead { background-color: #9cb1bb; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: white; height: 4rem; } .dan-section.investors.results .sez1 .table-results-xs .currency { color: #54636d; font-weight: normal; text-align: right; } .dan-section.investors.results .sez1 .table-results-xs tbody { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } .dan-section.investors.results .sez1 .table-results-xs tbody strong, .dan-section.investors.results .sez1 .table-results-xs tbody b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.results .sez1 .table-results-xs tbody td { border-top: 0; } .dan-section.investors.results .sez1 .table-results-xs tbody tr { height: 3rem; } .dan-section.investors.results .sez1 .table-results-xs tbody tr.item-title { background-color: #d9d9d9; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #808080; } .dan-section.investors.results .sez1 .table-results-xs tbody td.item-type { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 1.8rem; color: #333; border-top: 1px solid #999; } .dan-section.investors.results .sez1 .table-results-xs tbody tr:nth-of-type(2) td { border-top: 0; } .dan-section.investors.results .sez1 .table-results-xs tbody tr.separator-item { border-bottom: 1px solid #999; } .dan-section.investors.results .sez1 .table-results-xs tbody tr.last-item { background-color: #ccc; } .dan-section.investors.results .sez1 #read_more { text-transform: uppercase; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; color: #19beff; text-align: right; cursor: pointer; } .dan-section.investors.results .sez4 { color: #55646e; float: left; width: 100%; margin-bottom: 4rem; } .dan-section.investors.results .sez4 a { color: inherit; text-decoration: underline; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.results .sez4 a:hover { color: #19beff; text-decoration: none; } @media (max-width:799px) { .dan-section.investors.results .sez1 .message-part3 a { min-width: 225px; } } @media (max-width:560px) { .dan-section.investors.results .sez1 { margin-bottom: 2rem; } .dan-section.investors.results .sez1 .img-results { padding-left: 0.5rem; } .dan-section.investors.results .stock-chart, .dan-section.investors.results .stock-table { padding: 1rem; } .dan-section.investors.results .sez2 { margin-bottom: 0; } .dan-section.investors.results .sez2 .table, .dan-section.investors.results .sez3 .table { border: 0; } .dan-section.investors.results .results-content-text { padding-top: 2rem; padding-bottom: 2.5rem; } .dan-section.investors.results .results-content-text h2 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; } .dan-section.investors.results .results-content-text h2 strong, .dan-section.investors.results .results-content-text h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.results .results-content-text h5 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.7rem; color: #99a2a8; text-transform: uppercase; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; margin-bottom: 1.3rem; } .dan-section.investors.results .table-responsive>.table>thead>tr>th, .dan-section.investors.results .table-responsive>.table>tbody>tr>th, .dan-section.investors.results .table-responsive>.table>tfoot>tr>th, .dan-section.investors.results .table-responsive>.table>thead>tr>td, .dan-section.investors.results .table-responsive>.table>tbody>tr>td, .dan-section.investors.results .table-responsive>.table>tfoot>tr>td { white-space: normal; } .dan-section.investors.results .sez1 .message-part3 a { margin-right: 0; width: 80%; max-width: none; margin-bottom: 15px; } } .dan-section.investors.management .management-content { padding-top: 40px; opacity: 0; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } .dan-section.investors.management .management .section-title { margin-bottom: 15px; padding-left: 10px; } .dan-section.investors.management .management .contact { float: left; width: 33.333%; cursor: pointer; margin-bottom: 15px; } .dan-section.investors.management .management .contact .image-container { width: 100%; float: left; padding: 10px; } .dan-section.investors.management .management .contact .image-container img { width: 100%; } .dan-section.investors.management .management .contact .name, .dan-section.investors.management .management .contact .role { float: left; width: 100%; padding-left: 10px; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 16px; line-height: 24px; } .dan-section.investors.management .management .contact .name strong, .dan-section.investors.management .management .contact .role strong, .dan-section.investors.management .management .contact .name b, .dan-section.investors.management .management .contact .role b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.management .management .contact .role { color: #e53c14; text-transform: uppercase; } .dan-section.investors.management .management .contact .sliding-box { width: 0; height: 20px; background: transparent; overflow: hidden; float: left; padding: 0; } .dan-section.investors.management .management .contact .sliding-box .text-wrapper { border: 1px solid #000; padding: 20px; margin: 20px; } .dan-section.investors.management .management .contact .text { opacity: 0; color: black; -webkit-transition: opacity ease-out 0.3s 0.1s; -moz-transition: opacity ease-out 0.3s 0.1s; transition: opacity ease-out 0.3s 0.1s; } .dan-section.investors.management .management .contact .text .name, .dan-section.investors.management .management .contact .text .role { float: none; padding: 0; } .dan-section.investors.management .management .contact .text .role { padding-bottom: 20px; } .dan-section.investors.management .management .contact.active { margin-bottom: 30px; } .dan-section.investors.management .management .contact.active .image-container { width: 33.3333%; } .dan-section.investors.management .management .contact.active>.name, .dan-section.investors.management .management .contact.active>.role { display: none; } .dan-section.investors.management .management .contact.no-description { cursor: default; } @media (max-width:799px) { .dan-section.investors.management .management-sez2 { margin-top: 20px; } } .dan-section.investors.financials { overflow-x: hidden; } .dan-section.investors.financials table { width: 100%; max-width: 100%; } .dan-section.investors.financials .financials-intro { background-color: #e5e5e5; } .dan-section.investors.financials .financials-content { background-color: white; padding-top: 40px; } .dan-section.investors.financials .financials-content-text { float: left; padding-top: 42px; padding-bottom: 60px; } .dan-section.investors.financials .financials-content-text h2 { padding-top: 5rem; padding-bottom: 4rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 6rem; line-height: 6rem; color: #55646e; } .dan-section.investors.financials .financials-content-text h2 strong, .dan-section.investors.financials .financials-content-text h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .financials-content-text h2:first-of-type { margin-top: 0; padding-top: 0; } .dan-section.investors.financials .financials-content-text h3 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #77838b; text-transform: uppercase; margin-bottom: 36px; } .dan-section.investors.financials .financials-content-text h4 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } .dan-section.investors.financials .financials-content-text h5 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #55646e; text-transform: uppercase; } .dan-section.investors.financials .financials-content-text h5 strong, .dan-section.investors.financials .financials-content-text h5 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .financials-content-text hr { border: 0; background-color: #9db2bc; height: 1px; margin: 3.5rem 0; } .dan-section.investors.financials .financials-content-text .description { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.5rem; color: #55646e; } .dan-section.investors.financials .financials-content-text .description strong, .dan-section.investors.financials .financials-content-text .description b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez1 .title { color: #55646e; margin-bottom: 1.6rem; } .dan-section.investors.financials .sez1 .block-title { color: white; background-color: #9db2bc; padding-left: 1.2rem; } .dan-section.investors.financials .sez1 .currency { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 3rem; color: #9db2bc; } .dan-section.investors.financials .sez1 .currency strong, .dan-section.investors.financials .sez1 .currency b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez1 .chart { padding-top: 0; margin-bottom: 7rem; } .dan-section.investors.financials .sez1 .chart img { display: block; max-width: 100%; height: auto; } .dan-section.investors.financials .sez2 { border-left: 1px solid #016699; padding-left: 0; } @media (max-width:560px) { .dan-section.investors.financials .sez2 { border-left: 0; margin-left: -8px; width: 105%; } } .dan-section.investors.financials .sez2 .title { color: #55646e; margin-bottom: 1.6rem; padding-left: 3.5rem; } @media (max-width:560px) { .dan-section.investors.financials .sez2 .title { padding-left: 15px; } } .dan-section.investors.financials .sez2 .table-figures colgroup .col1 { width: 50%; } .dan-section.investors.financials .sez2 .table-figures colgroup .col2, .dan-section.investors.financials .sez2 .table-figures colgroup .col3 { width: 25%; } .dan-section.investors.financials .sez2 .table-figures table { margin-bottom: 0; } .dan-section.investors.financials .sez2 .table-figures .currency { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: #55646e; } .dan-section.investors.financials .sez2 .table-figures .currency strong, .dan-section.investors.financials .sez2 .table-figures .currency b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez2 .table-figures .currency-m { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: #55646e; } .dan-section.investors.financials .sez2 .table-figures .currency-m strong, .dan-section.investors.financials .sez2 .table-figures .currency-m b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez2 .table-figures .currency-m td { text-align: right; border-bottom: 0; padding: 5px 2rem 0 0; } .dan-section.investors.financials .sez2 .table-figures thead { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: white; background-color: #9db2bc; } .dan-section.investors.financials .sez2 .table-figures thead th { line-height: 4rem; } .dan-section.investors.financials .sez2 .table-figures thead th:first-of-type { padding-left: 3.5rem; } @media (max-width:560px) { .dan-section.investors.financials .sez2 .table-figures thead th:first-of-type { padding-left: 15px; } } @media (max-width:560px) { .dan-section.investors.financials .sez2 .table-figures thead th:nth-of-type(2) { padding-left: 15px; } } .dan-section.investors.financials .sez2 .table-figures tbody { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.5rem; color: #333; } .dan-section.investors.financials .sez2 .table-figures tbody strong, .dan-section.investors.financials .sez2 .table-figures tbody b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez2 .table-figures tbody .item-type { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 4rem; color: #333; } .dan-section.investors.financials .sez2 .table-figures tbody .item-type-m td { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; border-bottom: 0; color: #333; } .dan-section.investors.financials .sez2 .table-figures tbody td { line-height: 4rem; border-top: 0; border-bottom: 1px solid #999; } @media (max-width:560px) { .dan-section.investors.financials .sez2 .table-figures tbody td { height: auto; padding-top: 5px; } } .dan-section.investors.financials .sez2 .table-figures tbody td:first-of-type { padding-left: 3.5rem; } @media (max-width:560px) { .dan-section.investors.financials .sez2 .table-figures tbody td:first-of-type { padding-left: 15px; } } @media (max-width:560px) { .dan-section.investors.financials .sez2 .table-figures tbody td:nth-of-type(2) { padding-left: 15px; } } .dan-section.investors.financials .sez3 { margin-top: 9rem; margin-bottom: 14rem; padding-left: 0; } .dan-section.investors.financials .sez3 .container { padding-left: 0; padding-right: 0; border-left: 1px solid #016699; } @media (max-width:560px) { .dan-section.investors.financials .sez3 .container { border-left: 0; margin-left: -8px; width: 105%; padding: 0; } } .dan-section.investors.financials .sez3 .notes { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.8rem; color: #55646e; text-align: right; padding-top: 12px; margin-top: 8px; } .dan-section.investors.financials .sez3 .notes strong, .dan-section.investors.financials .sez3 .notes b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez3 .notes+.notes { margin-top: 0; } .dan-section.investors.financials .sez3 .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.4rem; color: #55646e; margin-bottom: 1.6rem; padding-left: 3.5rem; } .dan-section.investors.financials .sez3 .title strong, .dan-section.investors.financials .sez3 .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (max-width:560px) { .dan-section.investors.financials .sez3 .title { padding-left: 15px; } } .dan-section.investors.financials .sez3 .table-performance colgroup .col1 { width: 40%; } .dan-section.investors.financials .sez3 .table-performance colgroup .col2, .dan-section.investors.financials .sez3 .table-performance colgroup .col3, .dan-section.investors.financials .sez3 .table-performance colgroup .col4 { width: 20%; } .dan-section.investors.financials .sez3 .table-performance table { margin-bottom: 0; } .dan-section.investors.financials .sez3 .table-performance .currency { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: #55646e; } .dan-section.investors.financials .sez3 .table-performance .currency strong, .dan-section.investors.financials .sez3 .table-performance .currency b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez3 .table-performance .currency-m { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: #55646e; } .dan-section.investors.financials .sez3 .table-performance .currency-m strong, .dan-section.investors.financials .sez3 .table-performance .currency-m b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez3 .table-performance .currency-m td { text-align: right; border-bottom: 0; padding: 5px 2rem 0 0; } .dan-section.investors.financials .sez3 .table-performance thead { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 4rem; color: white; background-color: #9db2bc; } .dan-section.investors.financials .sez3 .table-performance thead th { line-height: 4rem; } .dan-section.investors.financials .sez3 .table-performance thead th:first-of-type { padding-left: 3.5rem; } @media (max-width:560px) { .dan-section.investors.financials .sez3 .table-performance thead th:first-of-type { padding-left: 15px; } } @media (max-width:560px) { .dan-section.investors.financials .sez3 .table-performance thead th:nth-of-type(2) { padding-left: 15px; } } .dan-section.investors.financials .sez3 .table-performance tbody { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.5rem; color: #333; } .dan-section.investors.financials .sez3 .table-performance tbody strong, .dan-section.investors.financials .sez3 .table-performance tbody b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .sez3 .table-performance tbody td { line-height: 4rem; border-top: 0; border-bottom: 1px solid #999; } @media (max-width:560px) { .dan-section.investors.financials .sez3 .table-performance tbody td { height: auto; padding-top: 5px; } } .dan-section.investors.financials .sez3 .table-performance tbody tr.item-title { background-color: #d9d9d9; color: #808080; } .dan-section.investors.financials .sez3 .table-performance tbody tr.item-title td { border-bottom: 0 !important; } .dan-section.investors.financials .sez3 .table-performance tbody tr.total-item { background-color: #ccc; } .dan-section.investors.financials .sez3 .table-performance tbody tr.total-item td { border-bottom: 0 !important; } .dan-section.investors.financials .sez3 .table-performance tbody .item-type { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 4rem; color: #333; } .dan-section.investors.financials .sez3 .table-performance tbody .item-type-m td { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; border-bottom: 0; color: #333; } .dan-section.investors.financials .sez3 .table-performance tbody td:first-of-type { padding-left: 3.5rem; } @media (max-width:560px) { .dan-section.investors.financials .sez3 .table-performance tbody td:first-of-type { padding-left: 15px; } } @media (max-width:560px) { .dan-section.investors.financials .sez3 .table-performance tbody td:nth-of-type(2) { padding-left: 15px; } } @media (max-width:799px) { .dan-section.investors.financials .sez1 .chart img { margin: 0 auto; } } @media (max-width:560px) { .dan-section.investors.financials .financials-content-text { padding-top: 2rem; padding-bottom: 2.5rem; } .dan-section.investors.financials .financials-content-text h2 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; } .dan-section.investors.financials .financials-content-text h2 strong, .dan-section.investors.financials .financials-content-text h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.financials .financials-content-text h5 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.7rem; color: #99a2a8; text-transform: uppercase; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; margin-bottom: 1.3rem; } .dan-section.investors.financials .sez2 .table-figures colgroup .col2 { width: 50%; } .dan-section.investors.financials .sez2 .table-figures colgroup .col3 { width: 0; } .dan-section.investors.financials .sez3 .table-performance { border: 0; } .dan-section.investors.financials .sez3 .table-performance colgroup .col1, .dan-section.investors.financials .sez3 .table-performance colgroup .col2, .dan-section.investors.financials .sez3 .table-performance colgroup .col3, .dan-section.investors.financials .sez3 .table-performance colgroup .col4 { width: 33.33%; } } .dan-section.investors.group .group-sez1 { padding-top: 40px; } .dan-section.investors.group .group-chart img { width: 100%; } @media (max-width:799px) { .dan-section.investors.group .group-chart-legend { margin-top: 40px; } } .dan-section.investors.communication .header-row { background-color: #55646e; color: #fff; } .dan-section.investors.communication .header-row .header-breadcrumb { color: #bac9d0; } .dan-section.investors.communication .header-row .description a { color: #fff; text-decoration: underline; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.communication .header-row .description a:hover { color: #19beff; text-decoration: none; } .dan-section.investors.communication .doc-lang { color: #aab1b6; text-transform: uppercase; padding: 0; margin-bottom: 2rem; } .dan-section.investors.communication .opt-lang a { color: #fff; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; } .dan-section.investors.communication .opt-lang a.selected { background-image: url("../image/inv_selected_lang.svg") !important; } .dan-section.investors.communication .panel { width: 100%; position: relative; } .dan-section.investors.communication .panel .panel-heading { cursor: pointer; border-top: 3px solid #000; border-right: 0; border-bottom: 0; border-left: 1px solid #4c4c4c; width: 100%; padding: 0 50px 0 0; background-color: #55646e; background-image: url('../image/arrow_down_wh.svg'); background-repeat: no-repeat; background-position: 95% 50%; background-position: calc(100% - 13px) 50%; background-size: 24px; } .dan-section.investors.communication .panel .panel-heading .panel-title { padding: 13px 0 13px 10px; background-color: #fff; min-height: 50px; } .dan-section.investors.communication .panel .panel-heading.open { background-image: url('../image/arrow_up_wh.svg'); } .dan-section.investors.communication .panel .panel-body { display: none; position: absolute; background: #e5e5e5; z-index: 99; width: 100%; } .dan-section.investors.communication .panel .panel-body ul { list-style: none none; margin: 0; padding: 0; width: 100%; border-left: 1px solid #4c4c4c; } .dan-section.investors.communication .panel .panel-body ul li { padding: 0 10px; } .dan-section.investors.communication .panel .panel-body ul li a { display: block; width: 100%; padding: 10px 0; cursor: pointer; color: #000; border-bottom: 1px solid #808080; } .dan-section.investors.communication .panel .panel-body ul li:last-of-type a { border-bottom: 0; } .dan-section.investors.communication .communication-content { padding-top: 40px; } .dan-section.investors.communication .communication-content .list { margin-top: 30px; } .dan-section.investors.communication .communication-content .list ul { list-style: none none; padding: 0; margin: 0; width: 100%; float: left; } .dan-section.investors.communication .communication-content .list ul li { float: left; width: 100%; min-height: 51px; border-top: 1px solid #000; position: relative; } .dan-section.investors.communication .communication-content .list ul li .text { float: left; width: 100%; padding-right: 57px; } .dan-section.investors.communication .communication-content .list ul li .text .data-f { float: left; width: 20%; min-height: 1px; } .dan-section.investors.communication .communication-content .list ul li .text .title { float: left; width: 80%; } .dan-section.investors.communication .communication-content .list ul li .download-icon { position: absolute; right: 0; display: block; width: 50px; height: 50px; height: 100%; background-color: #e5e5e5; background-image: url('../image/download.svg'); background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width:1024px) { .dan-section.investors.communication .communication-content .list ul li .text .data-f { width: 40%; } .dan-section.investors.communication .communication-content .list ul li .text .title { width: 60%; } } @media (max-width:799px) { .dan-section.investors.communication .section-menu-panel { margin: 0 0 20px 0; } .dan-section.investors.communication .doc-lang { margin-top: 18px; margin-left: 15px; } .dan-section.investors.communication .accordion-menu-a, .dan-section.investors.communication .accordion-menu-b, .dan-section.investors.communication .accordion-menu-c { padding-left: 0; } .dan-section.investors.communication .accordion-menu-a .panel .panel-heading, .dan-section.investors.communication .accordion-menu-b .panel .panel-heading, .dan-section.investors.communication .accordion-menu-c .panel .panel-heading { background-color: #c9beba; } .dan-section.investors.communication .communication-content .list ul li .text .data-f { width: 26%; } .dan-section.investors.communication .communication-content .list ul li .text .title { width: 74%; } } @media (max-width:560px) { .dan-section.investors.communication .accordion-menu-a, .dan-section.investors.communication .accordion-menu-b, .dan-section.investors.communication .accordion-menu-c { padding-right: 0; } .dan-section.investors.communication .communication-content .list ul li .text .data-f { width: 100%; } .dan-section.investors.communication .communication-content .list ul li .text .title { width: 100%; } } .dan-section.investors.relations body { background-color: #fff; } .dan-section.investors.relations .header-row { background-color: #55646e; color: #fff; } .dan-section.investors.relations .header-row .header-breadcrumb { color: #bac9d0; } .dan-section.investors.relations .header-row .description a { color: #fff; text-decoration: underline; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.relations .header-row .description a:hover { color: #19beff; text-decoration: none; } .dan-section.investors.relations .alert-container { padding-top: 15px; } .dan-section.investors.relations .alert-container span { background-color: #eee; padding: 15px; display: block; } .dan-section.investors.relations .alert-container span a { color: #55646e; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.relations .alert-container span a:hover { color: #333; } .dan-section.investors.relations .filemanager { margin: 46px 0; width: 100%; } .dan-section.investors.relations .filemanager .breadcrumbs { color: #000; margin-left: 0; } .dan-section.investors.relations .filemanager .breadcrumbs a { text-decoration: underline; } .dan-section.investors.relations .filemanager .breadcrumbs a:link, .dan-section.investors.relations .breadcrumbs a:visited { color: #000; } .dan-section.investors.relations .filemanager .search { display: none; } .dan-section.investors.relations .logo-container { width: 95%; max-width: 1340px; position: relative; margin: 0 auto 50px; } .dan-section.investors.relations .logo-container img { margin-left: 10px; } .dan-section.investors.relations .filemanager .data { margin-top: 26px; padding-left: 0; } .dan-section.investors.relations .filemanager .data.animated { animation: none !important; } .dan-section.investors.relations .filemanager .data li { width: 100%; background-color: #fafafa; margin-left: 0; } .dan-section.investors.relations .filemanager .data li:hover { background-color: #eee; } .dan-section.investors.relations .filemanager .data li .name { color: #000; width: auto; white-space: normal; font-weight: 400; } .dan-section.investors.relations .filemanager .data li .details { color: #959a9e; width: auto; white-space: normal; position: relative; top: auto; } .dan-section.investors.relations .filemanager .icon.file { color: #000; } .dan-section.investors.relations .filemanager .icon.folder { margin: 0 20px; background-color: transparent; overflow: hidden; width: 85px; height: 100px; background-image: url('../image/icon_folder_full-01.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .dan-section.investors.relations .filemanager .icon.folder::after, .dan-section.investors.relations .filemanager .icon.folder::before { display: none; } .dan-section.investors.relations .filemanager .icon.file { margin: 10px 20px; background-color: transparent; overflow: hidden; width: 85px; height: 100px; /* background-image: url('investors_files/assets/img/icon_folder_full-01.svg');*/ font-size: 0; box-shadow: none; background-repeat: no-repeat; background-position: center; background-size: contain; } .dan-section.investors.relations .filemanager .icon.file::after { display: none; } .dan-section.investors.relations .filemanager .icon.file.f-pdf { background-image: url('../image/pdf2-02.svg'); } @media (max-width:799px) { .dan-section.investors.relations .filemanager .data li .name { top: 25px; } } @media (max-width:560px) { .dan-section.investors.relations .header-row .title { margin-bottom: 20px; } .dan-section.investors.relations .row.fm-container { margin-left: -20px; margin-right: -20px; } .dan-section.investors.relations .filemanager { margin-top: 26px; } .dan-section.investors.relations .filemanager .breadcrumbs { padding-left: 20px; padding-right: 20px; } .dan-section.investors.relations .filemanager .data li { margin: 4px 0; } .dan-section.investors.relations .filemanager .icon.file, .dan-section.investors.relations .filemanager .icon.folder { width: 20%; } .dan-section.investors.relations .container.maxWidthContent { overflow-x: hidden; } } .dan-section.investors.events .panel { width: 100%; position: relative; } .dan-section.investors.events .panel .panel-heading { cursor: pointer; border-top: 3px solid #000; border-right: 0; border-bottom: 0; border-left: 1px solid #4c4c4c; width: 100%; padding: 0 50px 0 0; background-color: #55646e; background-image: url('../image/arrow_down_wh.svg'); background-repeat: no-repeat; background-position: 95% 50%; background-position: calc(100% - 13px) 50%; background-size: 24px; } .dan-section.investors.events .panel .panel-heading .panel-title { padding: 13px 0 13px 10px; background-color: #fff; min-height: 50px; } .dan-section.investors.events .panel .panel-heading.open { background-image: url('../image/arrow_up_wh.svg'); } .dan-section.investors.events .panel .panel-body { display: none; position: absolute; background: #e5e5e5; z-index: 99; width: 100%; } .dan-section.investors.events .panel .panel-body ul { list-style: none none; margin: 0; padding: 0; width: 100%; border-left: 1px solid #4c4c4c; } .dan-section.investors.events .panel .panel-body ul li { padding: 0 10px; } .dan-section.investors.events .panel .panel-body ul li a { display: block; width: 100%; padding: 10px 0; cursor: pointer; color: #000; border-bottom: 1px solid #808080; } .dan-section.investors.events .panel .panel-body ul li:last-of-type a { border-bottom: 0; } .dan-section.investors.events .events-content { padding-top: 40px; } .dan-section.investors.events .events-content .list { margin-top: 30px; } .dan-section.investors.events .events-content .list ul { list-style: none none; padding: 0; margin: 0; width: 100%; float: left; } .dan-section.investors.events .events-content .list ul li { float: left; width: 100%; min-height: 51px; border-top: 1px solid #000; position: relative; } .dan-section.investors.events .events-content .list ul li .text { float: left; width: 100%; padding-right: 57px; } .dan-section.investors.events .events-content .list ul li .text .title { float: left; width: 100%; } .dan-section.investors.events .events-content .list ul li .download-icon { position: absolute; right: 0; display: block; width: 50px; height: 50px; height: 100%; background-color: #e5e5e5; background-image: url('../image/download.svg'); background-repeat: no-repeat; background-position: 50% 50%; } @media (max-width:799px) { .dan-section.investors.events .section-menu-panel { margin: 0 0 20px 0; } .dan-section.investors.events .accordion-menu-y, .dan-section.investors.events .accordion-menu-s { padding-left: 0; } .dan-section.investors.events .accordion-menu-y .panel .panel-heading, .dan-section.investors.events .accordion-menu-s .panel .panel-heading { background-color: #c9beba; } } @media (max-width:560px) { .dan-section.investors.events .accordion-menu-y, .dan-section.investors.events .accordion-menu-s { padding-right: 0; } } .dan-section.investors.bilancio #sv-cookie-consent { z-index: 16000002; } .dan-section.investors.bilancio .zopim { right: 13.3333% !important; } .dan-section.investors.bilancio .header-row { background-color: #ed751d; color: #3f3c3a; } .dan-section.investors.bilancio .header-row .header-breadcrumb { color: #3f3c3a; } .dan-section.investors.bilancio .header-row .title { margin-bottom: 0; color: #fff; } .dan-section.investors.bilancio .header-row span { color: #fff; } .dan-section.investors.bilancio .header-row img { width: 200px; float: right; } .dan-section.investors.bilancio .video-row { background-color: #3f3c3a; } .dan-section.investors.bilancio .video-row .video-container { width: 70%; float: left; position: relative; } .dan-section.investors.bilancio .video-row .video-container .video-wrapper { position: relative; padding-top: 56.25%; } .dan-section.investors.bilancio .video-row .video-container .video-wrapper iframe, .dan-section.investors.bilancio .video-row .video-container .video-wrapper video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .dan-section.investors.bilancio .video-row .language-switch { width: 30%; float: left; color: #fff; padding: 30px; } .dan-section.investors.bilancio .video-row .language-switch .opt-lang a { color: #fff; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } .dan-section.investors.bilancio .video-row .language-switch .opt-lang a.selected { background-image: url("../image/inv_selected_lang.svg") !important; } .dan-section.investors.bilancio .text { padding-top: 30px; } .dan-section.investors.bilancio .text strong { color: #e95022; } .dan-section.investors.bilancio .text a { color: #aabcb6; text-decoration: underline; } .dan-section.investors.bilancio .text h2 { margin: 40px 0; color: #e95022; } .dan-section.investors.bilancio .text ul { list-style: none; padding: 0; margin-top: 0; border-top: solid 1px #000; } .dan-section.investors.bilancio .text ul li { background-color: #e5e5e5; border-bottom: solid 1px #000; min-height: 85px; width: 100%; display: table; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } .dan-section.investors.bilancio .text ul li a { display: table-cell; width: 100%; color: black; vertical-align: middle; padding: 5px 30% 5px 16px; background-image: url('../image/download.svg'); background-repeat: no-repeat; background-position: 97% 50%; background-size: 26px; text-decoration: none; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio .text ul li a strong { text-decoration: none; } .dan-section.investors.bilancio .text ul li a .blue { color: #143c5d; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio .text ul li:hover { background-color: #55646e; } .dan-section.investors.bilancio .text ul li:hover a { background-image: url('../image/download_wh.svg'); text-decoration: none; color: #fff; } .dan-section.investors.bilancio .text ul li:hover a .blue { color: #fff; } @media (max-width:1024px) { .dan-section.investors.bilancio .video-row .video-container { width: 100%; } .dan-section.investors.bilancio .language-switch { color: #000; padding: 30px; } .dan-section.investors.bilancio .language-switch .opt-lang a { color: #000; width: 50%; float: left; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang2.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } .dan-section.investors.bilancio .language-switch .opt-lang a.selected { background-image: url("../image/inv_selected_lang2.svg") !important; } } @media (max-width:799px) { .dan-section.investors.bilancio .language-switch { padding-left: 10px; } .dan-section.investors.bilancio .sez-2 .container { padding: 0; } .dan-section.investors.bilancio .page-content { padding-top: 0; } .dan-section.investors.bilancio .text { padding-top: 0; } } .dan-section.investors.bilancio.bilancio-new .header-row { background-color: #0e2440; } .dan-section.investors.bilancio.bilancio-new .header-row .header-breadcrumb { color: #fff; } .dan-section.investors.bilancio.bilancio-2020 .video-row { background-color: #fff; } .dan-section.investors.bilancio.bilancio-2020 .video-row .video-container { width: 100%; } .dan-section.investors.bilancio.bilancio-2020 .header-row { background-color: #0e1a29; } .dan-section.investors.bilancio.bilancio-2020 .header-row .header-breadcrumb { color: #fff; } @media (max-width:799px) { .dan-section.investors.bilancio.bilancio-2020 .video-row { padding: 0; } .dan-section.investors.bilancio.bilancio-2020 .text { padding-top: 30px; } } @media (min-width:1601px) { .dan-section.investors.bilancio.bilancio-2020 .video-row .video-container { width: 94%; float: none; margin: 0 auto; } .dan-section.investors.bilancio.bilancio-2020 .text { margin-left: 18.56%; } } @media (min-width:1920px) { .dan-section.investors.bilancio.bilancio-2020 .video-row .video-container { width: 86%; } .dan-section.investors.bilancio.bilancio-2020 .text { margin-left: 21.26%; } } .dan-section.investors.bilancio.year19 #sv-cookie-consent { z-index: 16000002; } .dan-section.investors.bilancio.year19 .zopim { right: 13.3333% !important; } .dan-section.investors.bilancio.year19 .header-row { background-color: #0e2440; color: #3f3c3a; } .dan-section.investors.bilancio.year19 .header-row .header-breadcrumb { color: #9e9e9e; } .dan-section.investors.bilancio.year19 .header-row .title { margin-bottom: 0; color: #fff; } .dan-section.investors.bilancio.year19 .header-row .subtitle { color: #fff; } .dan-section.investors.bilancio.year19 .header-row span { color: #fff; } .dan-section.investors.bilancio.year19 .header-row img { width: 200px; float: right; } .dan-section.investors.bilancio.year19 .language-switch { color: #000; padding: 15px 7px 30px 25px; width: 29%; float: right; } .dan-section.investors.bilancio.year19 .language-switch .opt-lang a { color: #000; width: 50%; float: left; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang2.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } .dan-section.investors.bilancio.year19 .language-switch .opt-lang a.selected { background-image: url("../image/inv_selected_lang2.svg") !important; } .dan-section.investors.bilancio.year19 .language-switch-xs { color: #000; padding: 15px 7px; float: right; margin-bottom: 30px; } .dan-section.investors.bilancio.year19 .language-switch-xs .opt-lang a { color: #000; width: 50%; float: left; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang2.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } .dan-section.investors.bilancio.year19 .language-switch-xs .opt-lang a.selected { background-image: url("../image/inv_selected_lang2.svg") !important; } .dan-section.investors.bilancio.year19 .video-row { background-color: #fff; } .dan-section.investors.bilancio.year19 .video-row .video-container { width: 71%; float: left; position: relative; margin-bottom: 30px; } .dan-section.investors.bilancio.year19 .video-row .video-container .video-wrapper { position: relative; padding-top: 56.25%; } .dan-section.investors.bilancio.year19 .video-row .video-container .video-wrapper iframe, .dan-section.investors.bilancio.year19 .video-row .video-container .video-wrapper video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .dan-section.investors.bilancio.year19 .video-row .chapters-list { width: 29%; float: left; color: #fff; padding: 0 10px 0 25px; } .dan-section.investors.bilancio.year19 .video-row .chapters-list ul { list-style: none none; padding: 0; margin: 0; } .dan-section.investors.bilancio.year19 .video-row .chapters-list ul li a { padding-bottom: 13px; position: relative; padding-left: 11px; padding-right: 42px; color: #000; display: block; } .dan-section.investors.bilancio.year19 .video-row .chapters-list ul li a strong { text-decoration: underline; } .dan-section.investors.bilancio.year19 .video-row .chapters-list ul li a span.time { position: absolute; top: 0; right: 0; } .dan-section.investors.bilancio.year19 .video-row .chapters-list ul li a::before { content: '鈥?; position: absolute; left: 0; font-size: 22px; vertical-align: top; } .dan-section.investors.bilancio.year19 .text { padding-top: 30px; } .dan-section.investors.bilancio.year19 .text strong { color: #e95022; } .dan-section.investors.bilancio.year19 .text a { color: #aabcb6; text-decoration: underline; } .dan-section.investors.bilancio.year19 .text h2 { margin: 40px 0; color: #e95022; } .dan-section.investors.bilancio.year19 .text ul { list-style: none; padding: 0; margin-top: 0; border-top: solid 1px #000; } .dan-section.investors.bilancio.year19 .text ul li { background-color: #e5e5e5; border-bottom: solid 1px #000; min-height: 85px; width: 100%; display: table; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } .dan-section.investors.bilancio.year19 .text ul li a { display: table-cell; width: 100%; color: black; vertical-align: middle; padding: 5px 30% 5px 16px; background-image: url('../image/download.svg'); background-repeat: no-repeat; background-position: 97% 50%; background-size: 26px; text-decoration: none; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.year19 .text ul li a strong { text-decoration: none; } .dan-section.investors.bilancio.year19 .text ul li a .blue { color: #143c5d; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.year19 .text ul li:hover { background-color: #55646e; } .dan-section.investors.bilancio.year19 .text ul li:hover a { background-image: url('../image/download_wh.svg'); text-decoration: none; color: #fff; } .dan-section.investors.bilancio.year19 .text ul li:hover a .blue { color: #fff; } @media (max-width:1200px) { .dan-section.investors.bilancio.year19 .video-row .video-container { width: 100%; } .dan-section.investors.bilancio.year19 .video-row .chapters-list { width: 100%; padding-left: 0; } } @media (max-width:799px) { .dan-section.investors.bilancio.year19 .language-switch { padding-left: 10px; } .dan-section.investors.bilancio.year19 .sez-2 .container { padding: 0; } .dan-section.investors.bilancio.year19 .page-content { padding-top: 26px; } .dan-section.investors.bilancio.year19 .text { padding-top: 0; } } @media (max-width:560px) { .dan-section.investors.bilancio.year19 .language-switch-xs { float: left; padding: 0 0 0 25px; } .dan-section.investors.bilancio.year19 .video-row .chapters-list { padding: 0 25px; } } .dan-section.investors.bilancio.year20 #sv-cookie-consent { z-index: 16000002; } .dan-section.investors.bilancio.year20 .header-row { background-color: #0e1a29; color: #3f3c3a; } .dan-section.investors.bilancio.year20 .header-row .header-breadcrumb { color: #9e9e9e; } .dan-section.investors.bilancio.year20 .header-row .title { margin-bottom: 0; color: #fff; } .dan-section.investors.bilancio.year20 .header-row .subtitle { color: #55646e; } .dan-section.investors.bilancio.year20 .header-row span { color: #fff; } .dan-section.investors.bilancio.year20 .header-row img { width: 200px; float: right; } .dan-section.investors.bilancio.year20 .video-row { background-color: #fff; } .dan-section.investors.bilancio.year20 .video-row .video-container { width: 71%; float: left; position: relative; margin-bottom: 30px; } .dan-section.investors.bilancio.year20 .video-row .video-container .video-wrapper { position: relative; padding-top: 56.25%; } .dan-section.investors.bilancio.year20 .video-row .video-container .video-wrapper iframe, .dan-section.investors.bilancio.year20 .video-row .video-container .video-wrapper video { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } .dan-section.investors.bilancio.year20 .video-row .video-container .text { margin-top: 50px; } .dan-section.investors.bilancio.year20 .video-row .chapters-list { width: 29%; float: left; color: #fff; padding: 0 10px 0 25px; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul { list-style: none none; padding: 0; margin: 0; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul li a { padding-bottom: 13px; position: relative; padding-left: 11px; padding-right: 42px; color: #000; display: block; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul li a strong { text-decoration: underline; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul li a span.time { position: absolute; top: 0; right: 0; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul li a span.grey { color: #77838b; } .dan-section.investors.bilancio.year20 .video-row .chapters-list ul li a::before { content: '鈥?; position: absolute; left: 0; font-size: 22px; vertical-align: top; } .dan-section.investors.bilancio.year20 .text { padding-top: 30px; } .dan-section.investors.bilancio.year20 .text strong { color: #e95022; } .dan-section.investors.bilancio.year20 .text a { color: #aabcb6; text-decoration: underline; } .dan-section.investors.bilancio.year20 .text h2 { margin: 40px 0; color: #e95022; } .dan-section.investors.bilancio.year20 .text ul { list-style: none; padding: 0; margin-top: 0; border-top: solid 1px #000; } .dan-section.investors.bilancio.year20 .text ul li { background-color: #e5e5e5; border-bottom: solid 1px #000; min-height: 85px; width: 100%; display: table; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } .dan-section.investors.bilancio.year20 .text ul li a { display: table-cell; width: 100%; color: black; vertical-align: middle; padding: 5px 30% 5px 16px; background-image: url('../image/download.svg'); background-repeat: no-repeat; background-position: 97% 50%; background-size: 26px; text-decoration: none; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.year20 .text ul li a strong { text-decoration: none; } .dan-section.investors.bilancio.year20 .text ul li a .blue { color: #143c5d; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.year20 .text ul li a .grey { color: #77838b; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.year20 .text ul li:hover { background-color: #55646e; } .dan-section.investors.bilancio.year20 .text ul li:hover a { background-image: url('../image/download_wh.svg'); text-decoration: none; color: #fff; } .dan-section.investors.bilancio.year20 .text ul li:hover a .blue { color: #fff; } .dan-section.investors.bilancio.year20 .text ul li:hover a .grey { color: #99a2a8; } @media (max-width:1200px) { .dan-section.investors.bilancio.year20 .video-row .video-container { width: 100%; } .dan-section.investors.bilancio.year20 .video-row .chapters-list { width: 100%; padding-left: 0; } } @media (max-width:799px) { .dan-section.investors.bilancio.year20 .sez-2 .container { padding: 0; } .dan-section.investors.bilancio.year20 .page-content { padding-top: 26px; } .dan-section.investors.bilancio.year20 .text { padding-top: 0; } } @media (max-width:560px) { .dan-section.investors.bilancio.year20 .video-row .chapters-list { padding: 0 25px; } } .dan-section.investors.bilancio.countdown .header-row .title { color: #3f3c3a; } .dan-section.investors.bilancio.countdown .section-menu { padding-top: 53px; } .dan-section.investors.bilancio.countdown .countdown-headers { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 20px; line-height: 24px; color: #3e3c3a; margin-top: 30px; text-align: center; } .dan-section.investors.bilancio.countdown .countdown-values { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 56px; line-height: 67px; color: #ed751d; margin-bottom: 30px; text-align: center; } .dan-section.investors.bilancio.countdown .countdown-values strong, .dan-section.investors.bilancio.countdown .countdown-values b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .dan-section.investors.bilancio.countdown .save-date { display: block; cursor: pointer; color: #000; margin-top: 0; padding: 23px 23px 23px 55px; text-decoration: underline; background-image: url('../image/calendar.png'); background-repeat: no-repeat; background-position: 5px 50%; background-size: 34px; } .dan-section.investors.bilancio.countdown .save-date:hover { text-decoration: none; } .dan-section.investors.bilancio.countdown .text { padding-top: 30px; border-top: 1px solid #000; } @media (max-width:1024px) { .dan-section.investors.bilancio.countdown .header-row img { float: left; margin-top: 20px; } } @media (max-width:560px) { .dan-section.investors.bilancio.countdown .countdown-values { font-size: 34px; line-height: 45px; } .dan-section.investors.bilancio.countdown .countdown-headers { font-size: 14px; line-height: 22px; } } .dan-section.investors.bilancio.countdown.countdown-new .header-row { background-color: #555250; } .dan-section.investors.bilancio.countdown.countdown-new .header-row .header-breadcrumb { color: #fff; } .dan-section.investors.bilancio.countdown.countdown-new .header-row .title { color: #e53c14; } .dan-section.investors.bilancio.countdown.countdown-new .header-row img { width: 270px; } .dan-section.investors.bilancio.countdown.countdown-new .countdown-values { color: #e53c14; } .dan-section.investors.bilancio.countdown.countdown-2020 .show-on-redirect { display: none; } .dan-section.investors.bilancio.countdown.countdown-2020 .language-switch { color: #000; padding: 15px 7px 30px 15px; width: 320px; max-width: 100%; float: left; } .dan-section.investors.bilancio.countdown.countdown-2020 .language-switch .opt-lang a { color: #000; width: 50%; float: left; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang2.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } .dan-section.investors.bilancio.countdown.countdown-2020 .language-switch .opt-lang a.selected { background-image: url("../image/inv_selected_lang2.svg") !important; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row { background-color: #0e1a29; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row .header-breadcrumb { color: #55646e; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row .title { color: #55646e; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row img { width: 100%; max-width: 400px; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row .language-switch { color: #fff; padding: 0 7px 30px 25px; width: 60%; float: right; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row .language-switch .opt-lang a { color: #55646e; width: 50%; max-width: 150px; float: left; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang3b.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 0; min-height: 20px; line-height: 20px; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row .language-switch .opt-lang a.selected { color: #fff; background-image: url("../image/inv_selected_lang3.svg") !important; } .dan-section.investors.bilancio.countdown.countdown-2020 .section-menu li:hover, .dan-section.investors.bilancio.countdown.countdown-2020 .section-menu li.active { color: #19beff; } .dan-section.investors.bilancio.countdown.countdown-2020 .section-menu-panel .panel .panel-heading .panel-title { color: #19beff; } .dan-section.investors.bilancio.countdown.countdown-2020 .countdown-row { margin-top: 80px; } .dan-section.investors.bilancio.countdown.countdown-2020 .countdown-headers { color: #55646e; } .dan-section.investors.bilancio.countdown.countdown-2020 .countdown-values { color: #fff; } .dan-section.investors.bilancio.countdown.countdown-2020 .save-date { color: #fff; background-image: url('../image/calendar_2.svg'); -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.countdown.countdown-2020 .save-date:hover { color: #19beff; text-decoration: underline; } .dan-section.investors.bilancio.countdown.countdown-2020 .text { border: 0; padding-bottom: 80px; } .dan-section.investors.bilancio.countdown.countdown-2020 .text strong { color: #0e243f; } .dan-section.investors.bilancio.countdown.countdown-2020 .text a { color: #0e243f; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } .dan-section.investors.bilancio.countdown.countdown-2020 .text a:hover { color: #19beff; } @media (max-width:1200px) { .dan-section.investors.bilancio.countdown.countdown-2020 .countdown-row { margin-top: 60px; } } @media (max-width:799px) { .dan-section.investors.bilancio.countdown.countdown-2020 .countdown-row { margin-top: 10px; } .dan-section.investors.bilancio.countdown.countdown-2020 .header-row img { margin-left: auto; margin-right: auto; display: block; float: none; max-width: 180px; } } body.history .text { color: #333; } body.history .text a { color: #2878a0; text-decoration: underline; } body.history .text a:hover { color: #68a0bc; } body.history .text i, body.history .text em { color: #2878a0; font-style: normal; } body.history .text b, body.history .text strong { color: #4c4c4c; } body.history .text p+p, body.history .text p+ul, body.history .text p+ol, body.history .text ul+p, body.history .text ul+ul, body.history .text ul+ol, body.history .text ol+p, body.history .text ol+ol, body.history .text ol+ul { margin-top: 2.8rem; } body.history .text ul { margin: 2.5rem 0; padding-left: 1.4rem; list-style-image: url("../image/bullet_elenco_puntato_acciaio_16.svg"); } body.history .text ul li { color: #2878a0; } @media (max-width:900px) { body.history .main-content { width: auto; max-width: none; margin-left: 0; } } @media (max-width:560px) { body.history .text p+p, body.history .text p+ul, body.history .text p+ol, body.history .text ul+p, body.history .text ul+ul, body.history .text ul+ol, body.history .text ol+p, body.history .text ol+ol, body.history .text ol+ul { margin-top: 2.6rem; } body.history .text ul { margin: 2.6rem 0; } } body.history.elenco .sez-2 h1 { margin: 0; color: #55646e; } body.history.elenco .sez-2 h2 { color: #9db2bc; } body.history.elenco .sez-3 { margin-top: 5rem; } body.history.elenco .sez-3 .period { margin-bottom: 2rem; border: 1px solid #979797; } body.history.elenco .sez-3 .period .prop-int { padding: 0; } body.history.elenco .sez-3 .period .prop-int a { text-decoration: none; display: block; width: 100%; height: 100%; } body.history.elenco .sez-3 .period .prop-int .years { margin: 2.2rem 1.5rem 0 1.52rem; color: #19beff; } body.history.elenco .sez-3 .period .prop-int .text { margin: 1rem 5.5rem 0 1.4rem; color: #808080; text-decoration: underline; } body.history.elenco .sez-3 .period .prop-int .image img { position: absolute; bottom: 0; width: 100%; } body.history.elenco .sez-4 { margin-top: 3.7rem; margin-bottom: 9rem; } body.history.elenco .sez-4 .text { padding-left: 1rem; color: #333; } @media (min-width:800px) and (max-width:1024px) { body.history.elenco .sez-3 .period .prop-int .years { margin: 1rem 1.2rem 0 1rem; } body.history.elenco .sez-3 .period .prop-int .text { margin: 1rem 1.4rem 0 1.4rem; } } @media (max-width:650px) { body.history.elenco .sez-2 h2 br { display: none; } } @media (max-width:560px) { body.history.elenco .sez-2 { padding-bottom: 2.6rem; } body.history.elenco .sez-2 h1 { padding-top: 0; } body.history.elenco .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.history.elenco .sez-3 { margin-top: 0; } body.history.elenco .sez-3 .period { margin-bottom: 0.9rem; } body.history.elenco .sez-3 .period.prop-133:before { padding-top: 135%; } body.history.elenco .sez-3 .period .prop-int .years { margin: 1rem 0.6rem 0 0.6rem; } body.history.elenco .sez-3 .period .prop-int .text { margin: 0.4rem 0.4rem 0 0.6rem; } body.history.elenco .sez-4 { margin: 2rem 0 5.3rem 0; } body.history.elenco .sez-4 .text { padding-left: 0; } } body.history.detail .inpage-menu-wrapper { position: absolute; right: 0; top: 0; } body.history.detail .sez-2 { position: relative; } body.history.detail .sez-2 h1 { color: #55646e; } body.history.detail .sez-2 h2 { margin-top: -0.4rem; color: #9db2bc; } body.history.detail .sez-3 { padding-top: 5.1rem; } body.history.detail .sez-3 .col1 { margin: 0; } body.history.detail .sez-3 .col1 .side-menu { margin-right: 0; } body.history.detail .sez-3 .col1 .side-menu ul { padding-left: 0; list-style: none; margin: 0; } body.history.detail .sez-3 .col1 .side-menu ul li:not(active):first-child { border-top: 0.1rem solid #55646e; } body.history.detail .sez-3 .col1 .side-menu ul li:not(active):last-child { border-bottom: 0.1rem solid #55646e; } body.history.detail .sez-3 .col1 .side-menu ul li:not(active)+li:not(active) { border-top: 0.1rem solid #55646e; } body.history.detail .sez-3 .col1 .side-menu ul li a { display: block; padding: 0.5rem 0.9rem; color: #55646e; line-height: 1.75; } body.history.detail .sez-3 .col1 .side-menu ul li.active a { padding: 0.6rem 0.9rem; color: white; background-color: #55646e; border: none; } body.history.detail .sez-3 .col2 { padding-top: 0; } body.history.detail .sez-3 .col2 .pic { padding-right: 8rem; } body.history.detail .sez-3 .col2 .pic img { width: 100%; } body.history.detail .sez-3 .col2 .caption { padding-right: 8rem; color: #333; } body.history.detail .sez-3 .col2 .caption p { margin: 0; } body.history.detail .sez-3 .col2 .caption+.text { margin-top: 3rem; } body.history.detail .sez-3 .col2 .text+.text { margin-top: 3rem; } body.history.detail .sez-3 .col2 .pic+.pic { margin-top: 2rem; } body.history.detail .sez-3 .col2 .text+.pic { margin-top: 4rem; } body.history.detail .sez-3 .col2 .caption+.pic { margin-top: 4rem; } body.history.detail .sez-3 .col2 .pic+.caption { margin-top: 2rem; } body.history.detail .sez-3 .col2 .caption+.caption { margin-top: 2.4rem; } body.history.detail .footer { margin-top: 8rem; } @media (max-width:799px) { body.history.detail .sez-2 { padding-top: 0; padding-bottom: 2.2rem; } body.history.detail .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.history.detail .sez-2 h1 { padding-top: 0; } body.history.detail .sez-2 h2 { padding-bottom: 0; } body.history.detail .sez-3 { padding-top: 0; } body.history.detail .sez-3 .col1 { margin-left: 0; margin-right: 0; } body.history.detail .sez-3 .col1 .side-menu { padding-left: 0.5rem; margin-right: 0; } body.history.detail .sez-3 .col2 { padding-top: 2rem; background-image: none; } } body.about.milestones .inpage-menu-wrapper { position: absolute; right: 0; top: 0; } body.about.milestones .sez-2 { position: relative; padding-bottom: 4.4rem; } body.about.milestones .sez-2 h1 { color: #55646e; } body.about.milestones .sez-2 h2 { margin-top: -0.4rem; color: #9db2bc; } body.about.milestones .sez-2 .period-menu { margin-top: 6rem; } body.about.milestones .sez-2 .period-menu a { display: block; color: #19beff; cursor: pointer; } body.about.milestones .sez-2 .period-menu a .prop-int { border: 1px solid #55646e; text-decoration: underline; } body.about.milestones .sez-2 .period-menu a .prop-int .period-button { padding: 1.6rem 0.8rem; } body.about.milestones .sez-3 .period .head h3 { padding-top: 4rem; padding-bottom: 1.2rem; color: #55646e; } body.about.milestones .sez-3 .period .head .text { padding-left: 0.4rem; padding-bottom: 1.3rem; color: #333; } body.about.milestones .sez-3 .period .event { float: left; padding-top: 3.1rem; padding-bottom: 3.6rem; } body.about.milestones .sez-3 .period .event .image-container img { width: 100%; } body.about.milestones .sez-3 .period .event .dida { padding-top: 1.2rem; } body.about.milestones .sez-3 .period .event .dida h5 { display: inline-block; color: #19beff; } body.about.milestones .sez-3 .period .event .dida h4 { display: inline-block; padding-left: 1.2rem; } body.about.milestones .sez-3 .period .event .dida h4 a { color: #19beff; text-decoration: underline; } body.about.milestones .sez-3 .period .event .dida .text { color: #333; } body.about.milestones .sez-3 .period .event:nth-child(odd) { width: 60%; padding-right: 20%; } body.about.milestones .sez-3 .period .event:nth-child(odd) .dida, body.about.milestones .sez-3 .period .event:nth-child(odd) .image-container { padding-left: 8.3rem; } body.about.milestones .sez-3 .period .event:nth-child(even) { width: 40%; background: none; } body.about.milestones .sez-3 .period .event:nth-child(even) .image-container { padding-right: 8.3rem; } body.about.milestones .sez-3 .period .events { overflow: hidden; background: url(../image/timeline-sm-between.svg) 50% top / 11.4rem 53.2rem repeat-y; } body.about.milestones .sez-3 .banda:nth-child(odd) { background-color: #e5e5e5; } body.about.milestones .sez-3 .banda:nth-child(odd) .event:nth-child(odd) { background-image: url('../image/timeline-sm-both-grigio.svg'); background-repeat: no-repeat; background-position: 90.2% 0; background-size: 17%; } body.about.milestones .sez-3 .banda:nth-child(odd) .event:nth-child(odd):last-child { padding-bottom: 3.1rem; background-image: url('../image/timeline-sm-left-grigio.svg'); background-repeat: no-repeat; background-position: 90.2% 0; background-size: 17%; } body.about.milestones .sez-3 .banda:nth-child(even) { background-color: white; } body.about.milestones .sez-3 .banda:nth-child(even) .event:nth-child(odd) { background-image: url('../image/timeline-sm-both-bianco.svg'); background-repeat: no-repeat; background-position: 90.2% 0; background-size: 17%; } body.about.milestones .sez-3 .banda:nth-child(even) .event:nth-child(odd):last-child { padding-bottom: 3.1rem; background-image: url('../image/timeline-sm-left-bianco.svg'); background-repeat: no-repeat; background-position: 90.2% 0; background-size: 17%; } body.about.milestones .sez-3 .banda:nth-child(n+2) .head { background: url(../image/timeline-sm-between.svg) 50% top / 11.4rem 53.2rem repeat-y; } @media (max-width:799px) { body.about.milestones .sez-2 .period-menu { margin-top: 5px; } body.about.milestones .sez-2 .period-menu>div { padding-bottom: 1rem; } } @media (max-width:750px) { body.about.milestones .sez-2 { padding-top: 0.7rem; padding-bottom: 0; } body.about.milestones .sez-2 h6.section-name { margin: 1.3rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.about.milestones .sez-2 h1 { padding-top: 0; } body.about.milestones .sez-2 h2 { padding-bottom: 2.9rem; margin-top: 0; } body.about.milestones .sez-3 .period .head h3 { padding-bottom: 0.7rem; } body.about.milestones .sez-3 .period .head .text { padding-left: 0.3rem; padding-bottom: 3rem; } body.about.milestones .sez-3 .period .event { padding-top: 3.1rem; padding-bottom: 2.9rem; } body.about.milestones .sez-3 .period .event .dida { padding-top: 0.6rem; } body.about.milestones .sez-3 .period .event .dida h5 { padding-top: 1rem; display: block; } body.about.milestones .sez-3 .period .event .dida h4 { display: block; padding-left: 0; } body.about.milestones .sez-3 .period .event .dida .text { padding-top: 0.4rem; } body.about.milestones .sez-3 .period .event:nth-child(odd), body.about.milestones .sez-3 .period .event:nth-child(even) { width: 100%; padding-left: 0; padding-top: 0.2rem; } body.about.milestones .sez-3 .period .event:nth-child(odd) .dida, body.about.milestones .sez-3 .period .event:nth-child(even) .dida, body.about.milestones .sez-3 .period .event:nth-child(odd) .image-container, body.about.milestones .sez-3 .period .event:nth-child(even) .image-container { padding-left: 0; padding-right: 0; } body.about.milestones .sez-3 .period .events { overflow: hidden; background: url(../image/timeline-xs-between.svg) 17px top / 0.1rem 82.4rem repeat-y; } body.about.milestones .sez-3 .banda:nth-child(odd) .event:nth-child(n), body.about.milestones .sez-3 .banda:nth-child(even) .event:nth-child(n) { padding-right: 0.5rem; padding-left: 18%; background: url(../image/timeline-xs-left.svg) 0.5rem top / 3.4rem 0.6rem no-repeat; } body.about.milestones .sez-3 .banda:nth-child(n) .head { background: url(../image/timeline-xs-between.svg) 0.7rem bottom / 0.1rem 5.4rem no-repeat; } } @media (min-width:1201px) { body.about.milestones .sez-2 { padding-bottom: 120px; } } body.vision .sez-2 { padding-bottom: 0.1rem; } body.vision .sez-2 .title { color: #55646e; margin-bottom: 10px; width: 80%; line-height: 1.75; } body.vision .sez-2 .subtitle { width: 80%; } body.vision .sez-2 .meet-block { margin: 0; } body.vision .sez-2 .signup-btn { margin-top: 30px; margin-bottom: 20px; padding: 0; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 22px; } body.vision .sez-2 .signup-btn strong, body.vision .sez-2 .signup-btn b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } body.vision .sez-2 .signup-btn a { display: inline-block; padding: 15px 20px 15px 49px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 15px 23px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.vision .sez-2 .signup-btn a:hover { background-color: #e53c14; color: #fff; } body.vision .sez-2 .image-container { position: relative; } body.vision .sez-2 .image-container .meet-block { position: absolute; top: 60px; right: 50px; width: 15%; } body.vision .banda-sfondo-grigio-chiaro { min-height: 30px; } body.vision .sez-3, body.vision .sez-4 { color: black; } body.vision .sez-3 h3, body.vision .sez-4 h3 { padding-top: 20px; color: #e53c14; } body.vision .sez-3 .col1 .text, body.vision .sez-4 .col1 .text { padding-bottom: 20px; } body.vision .sez-3 .col1 .text h3, body.vision .sez-4 .col1 .text h3 { font-size: inherit; line-height: inherit; font-weight: inherit; } body.vision .sez-3 .col1 br { display: none; } body.vision .sez-4 { padding-bottom: 50px; } body.vision .sez-4 .col2 p { margin-bottom: 15px; } body.vision .sez-4 .col2 p+p { border-top: 1px solid #808080; padding-top: 15px; } body.vision .sez-4 .col2 em { font-style: italic; text-decoration: underline; } body.vision .sez-4 .col3 ul.accordion { border-bottom: 1px solid #808080; list-style: none none; padding: 0; margin: 30px 0 0 0; } body.vision .sez-4 .col3 ul.accordion>li { border-top: 1px solid #808080; padding: 10px 0; } body.vision .sez-4 .col3 ul.accordion>li span { display: inline-block; margin-right: 11%; } body.vision .sez-4 .col3 ul.accordion>li ul { list-style-type: disc; padding: 0 0 0 4.07rem; margin: 0; } body.vision .sez-4 .col3 ul.accordion>li li { margin-bottom: 2rem; } body.vision .sez-4 .col3 ul.accordion .accordion-head { cursor: pointer; } body.vision .sez-4 .col3 ul.accordion .accordion-body { display: none; border: 0; padding-bottom: 2rem; } body.vision .sez-5 .row { padding: 4rem 0; } body.vision .sez-5 .row+.row { border-top: 1px solid #fff; } body.vision .sez-5 h3 { color: #55646e; text-decoration: underline; margin-bottom: 2rem; } body.vision .sez-5 .text { color: #333; } body.vision .sez-5 .text strong { color: #2878a0; } body.vision .sez-5 .text ul { margin: 0; padding: 0 0 0 10%; } body.vision .sez-5 .text ul li { color: #2878a0; } body.vision .sez-5 .text ul li span, body.vision .sez-5 .text ul li p { color: #333; } body.vision .sez-5 img { width: 80%; } @media (min-width:1025px) and (max-width:1600px) { body.vision .sez-4 .col2 { padding-right: 6%; } body.vision .sez-4 .col3 { padding-left: 6%; } } @media (max-width:1024px) { body.vision .sez-2 .title, body.vision .sez-2 .subtitle { width: 92%; } body.vision .sez-2 .image-container .meet-block { top: 45px; right: 10px; } body.vision .sez-3 { padding-top: 20px; padding-bottom: 20px; } body.vision .sez-4 { padding-top: 20px; } body.vision .sez-4 .col3 ul.accordion { margin-top: 0; } body.vision .sez-4 .col3 ul.accordion>li li { margin-bottom: 10px; } } @media (max-width:799px) { body.vision .sez-2 br { display: none; } body.vision .sez-2 .title, body.vision .sez-2 .subtitle { width: 100%; } body.vision .sez-2 .image-container { margin-top: 3rem; } body.vision .sez-2 .image-container .meet-block { position: static; width: 100%; } body.vision .sez-2 .image-container .meet-block a { width: 100%; } body.vision .sez-3 { padding-top: 10px; padding-bottom: 10px; } body.vision .sez-4 { padding-top: 10px; padding-bottom: 3rem; } body.vision .sez-4 .col3 h3, body.vision .sez-4 .col3 .text { padding-left: 0; } body.vision .sez-4 .col3 ul { margin: 2rem 0 0 0; } body.vision .sez-5 .row { padding: 2rem 0; } body.vision .sez-5 h3 { margin: 2rem 0 1rem 0; } } @media (min-width:1601px) { body.vision .sez-4 .col1 { padding-right: 6%; } body.vision .sez-4 .col2 { padding-right: 4%; } body.vision .sez-4 .col3 { padding-left: 4%; padding-right: 2%; } } body.manufacturing .inpage-menu-wrapper { position: relative; right: auto; padding: 30px 25px 20px 0; } body.manufacturing div.banda-sfondo-ferro10 { display: block; } body.manufacturing .sez-2 #top-carousel { max-width: 100%; float: left; margin: 0; position: relative; } body.manufacturing .sez-2 #top-carousel .carousel-inner { max-width: 100%; width: 100%; } body.manufacturing .sez-2 h1 { color: black; text-transform: uppercase; } body.manufacturing .sez-2 h2 { color: #9db2bc; text-transform: uppercase; } body.manufacturing .sez-2 .text { margin-top: 25px; padding-right: 5rem; color: black; } body.manufacturing .sez-2 .img-container { margin-right: -1rem; } body.manufacturing .sez-2 .img-container img { width: 100%; } body.manufacturing .sez-3 .text { padding: 5.3rem 0; color: #333; } body.manufacturing .sez-3 .noble { padding: 4.5rem 6rem 3.8rem 8rem; } body.manufacturing .sez-3 .noble img { width: 100%; width: 10vw; } body.manufacturing .sez-4 { padding-bottom: 2rem; } body.manufacturing .sez-4 .video-wrapper { padding: 0; background-color: #000; position: relative; padding-top: 56.25%; } body.manufacturing .sez-4 .video-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } body.manufacturing .sez-4 .video-wrapper .video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.manufacturing .sez-4 .video-wrapper .video-cover img { width: 100%; } body.manufacturing .sez-4 .video-wrapper .play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 10; } body.manufacturing .sez-4 .video-wrapper .play-icon:hover+.video-cover { opacity: 0.7; } body.manufacturing .sez-5 { padding-bottom: 3.5rem; padding-left: 0; padding-right: 0; } body.manufacturing .sez-5 .sfondino { background-color: #55646e; overflow: hidden; padding-bottom: 2.9rem; padding-top: 20px; } body.manufacturing .sez-5 .info-officina { padding-top: 10px; } body.manufacturing .sez-5 .code { display: inline-block; padding: 0 20px 0 0.6rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 6rem; line-height: 6rem; color: white; } body.manufacturing .sez-5 .code strong, body.manufacturing .sez-5 .code b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-5 .country { display: inline-block; padding: 2.2rem 1rem 5.1rem 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.9rem; color: white; } body.manufacturing .sez-5 .country strong, body.manufacturing .sez-5 .country b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-5 .nav-controls { margin-right: 65%; } body.manufacturing .sez-5 .nav-controls a { display: block; padding-bottom: 2rem; } body.manufacturing .sez-5 .nav-controls img { width: 100%; } body.manufacturing .sez-5 .page-count { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.6rem; line-height: 4rem; color: #fff; padding-top: 10px; } body.manufacturing .sez-5 .page-count strong, body.manufacturing .sez-5 .page-count b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-5 .location { text-transform: uppercase; color: white; } body.manufacturing .sez-5 .descr { text-transform: uppercase; color: #aabcb6; margin-bottom: 10px; } body.manufacturing .sez-5 .photo .img-container img { width: 100%; } body.manufacturing .sez-5 .data-block .prop-int { padding: 1.6rem; color: #333; background-color: white; } body.manufacturing .sez-5 .data-block .prop-int .term { text-transform: uppercase; } body.manufacturing .sez-5 .data-block .prop-int .data { padding-top: 0.3rem; padding-bottom: 1rem; color: #2878a0; } body.manufacturing .sez-5 .data-block .prop-int .descr { padding-top: 0.5rem; text-transform: none; color: black; } body.manufacturing .sez-6 h4 { padding-top: 0.8rem; color: #55646e; } body.manufacturing .sez-6 .text { padding-top: 3.2rem; padding-bottom: 11rem; padding-right: 4vw; color: #333; } body.manufacturing .sez-6 .marks { padding-top: 0; text-align: right; margin-bottom: 2rem; } body.manufacturing .sez-6 .marks .marks-group { display: inline-block; } body.manufacturing .sez-6 .marks .marks-group img { display: inline-block; } body.manufacturing .sez-6 .marks .marks-group img.pascal { margin-right: 1.6rem; width: 4.9rem; } body.manufacturing .sez-6 .marks .marks-group img.iqnet { margin-right: 1.8rem; width: 6.2rem; } body.manufacturing .sez-6 .marks .marks-group img.l-icim { margin-right: 2.6rem; width: 4.2rem; } body.manufacturing .sez-6 .marks .marks-group img.s-icim { margin-right: 1.8rem; width: 5.4rem; } body.manufacturing .sez-6 .marks .marks-group img.a-icim { margin-right: 3rem; width: 4rem; } body.manufacturing .sez-6 .marks .marks-group img.cisq-eco { margin-right: 1.6rem; width: 5.5rem; } body.manufacturing .sez-6 .marks .marks-group img.cisq { width: 8.8rem; } body.manufacturing .sez-6 .marks .certification-logo { width: 10rem; vertical-align: middle; max-width: 100%; } body.manufacturing .sez-6 .marks ul { list-style-type: none; display: inline-block; width: auto; text-align: left; padding: 0 2rem; vertical-align: middle; margin-bottom: 0; color: #55646e; } body.manufacturing .sez-6 .danieli-table-sm { padding-top: 2.3rem; overflow-x: auto; } body.manufacturing .sez-6 .danieli-table-sm table { width: 100%; border-collapse: collapse; } body.manufacturing .sez-6 .danieli-table-sm table tbody tr { border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; } body.manufacturing .sez-6 .danieli-table-sm table thead th { padding-bottom: 0.2rem; vertical-align: top; text-align: left; color: #55646e; text-transform: uppercase; } body.manufacturing .sez-6 .danieli-table-sm table thead th span { text-transform: none; } body.manufacturing .sez-6 .danieli-table-sm table thead th.company { width: 20%; } body.manufacturing .sez-6 .danieli-table-sm table thead th.location { width: 26%; } body.manufacturing .sez-6 .danieli-table-sm table thead th.country { width: 14%; } body.manufacturing .sez-6 .danieli-table-sm table thead th.total-area { width: 17%; } body.manufacturing .sez-6 .danieli-table-sm table tbody th { height: 7.1rem; padding-top: 0.9rem; vertical-align: top; text-align: left; color: #2878a0; } body.manufacturing .sez-6 .danieli-table-sm table td { height: 7.1rem; padding-top: 0.9rem; vertical-align: top; color: #333; } body.manufacturing .sez-6 .danieli-table-sm table td.numeric, body.manufacturing .sez-6 .danieli-table-sm table th.numeric { text-align: right; } body.manufacturing .sez-7 { margin-bottom: 9.7rem; } body.manufacturing .sez-7 .img-container img { width: 100%; } @media (max-width:1200px) { body.manufacturing .sez-5 .prop-int { padding: 1rem; } body.manufacturing .sez-6 .text { padding-bottom: 25px; padding-right: 33%; } body.manufacturing .sez-6 .marks { text-align: left; } body.manufacturing .sez-6 .marks ul { padding-left: 0; } } @media (min-width:561px) and (max-width:1024px) { body.manufacturing .sez-5 .nav-controls { margin-right: 0; } body.manufacturing .sez-5 .info-officina { float: right; } } @media (min-width:561px) and (max-width:799px) { body.manufacturing .sez-2 .text { margin: 20px 0; } body.manufacturing .sez-3 .noble { padding: 4rem 4rem 3.8rem 4rem; } body.manufacturing .sez-3 .noble img { width: 100%; } body.manufacturing .sez-5 .info-officina { padding-top: 0; padding-bottom: 10%; } body.manufacturing .sez-5 .nav-controls { position: absolute; top: 0; z-index: 99; } body.manufacturing .sez-5 .nav-controls a { max-width: 50px; } body.manufacturing .sez-5 .code { padding-top: 0; padding-left: 20%; } body.manufacturing .sez-5 .country { padding-bottom: 12px; } body.manufacturing .sez-6 .text { padding-right: 2rem; } } @media (max-width:560px) { body.manufacturing .sez-2 h6.section-name { margin: 1.3rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.manufacturing .sez-2 h1 { padding-top: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; letter-spacing: 0; } body.manufacturing .sez-2 h1 strong, body.manufacturing .sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-2 h2 { margin: 0 0 2.8rem 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; letter-spacing: 0; } body.manufacturing .sez-2 h2 strong, body.manufacturing .sez-2 h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-2 .text { margin-top: 4rem; padding-right: 5rem; padding-bottom: 3.7rem; } body.manufacturing .sez-2 .col2 { padding: 0; } body.manufacturing .sez-2 .col2 .img-container { margin: 0 -0.5rem; } body.manufacturing .sez-3 .text { padding-top: 2.2rem; } body.manufacturing .sez-3 .noble { padding: 0 6.2rem 4rem 6.2rem; text-align: center; } body.manufacturing .sez-3 .noble img { width: 20rem; max-width: 100%; } body.manufacturing .sez-4 { padding: 0; } body.manufacturing .sez-4>.row { margin: 0; } body.manufacturing .sez-4>.row>.col-xs-12 { padding: 0; } body.manufacturing .sez-5 { padding-bottom: 0.5rem; } body.manufacturing .sez-5 .info-officina { padding-top: 0; padding-left: 0; } body.manufacturing .sez-5 .code { padding-top: 10px; padding-bottom: 170px; float: left; width: 25%; padding-left: 0; } body.manufacturing .sez-5 .country { padding-top: 1.3rem; } body.manufacturing .sez-5 .nav-controls { position: absolute; z-index: 99; bottom: 0; } body.manufacturing .sez-5 .nav-controls a { padding-bottom: 1.3rem; max-width: 55px; } body.manufacturing .sez-5 .photo { margin-top: 1rem; } body.manufacturing .sez-5 .data-block { margin-top: 1.2rem; } body.manufacturing .sez-6 .text { padding-top: 3.6rem; padding-bottom: 4.8rem; padding-right: 2rem; } body.manufacturing .sez-6 .marks { padding-top: 0; text-align: right; } body.manufacturing .sez-6 .marks .certification-logo { width: 9rem; } body.manufacturing .sez-6 .marks .marks-group { display: block; } body.manufacturing .sez-6 .marks .marks-group img.cisq { width: 10rem; margin-top: 1.6rem; } body.manufacturing .sez-6 .danieli-table-xs { padding-top: 2.5rem; padding-bottom: 1.4rem; } body.manufacturing .sez-6 .danieli-table-xs .nav-controls a { display: block; padding-bottom: 1.3rem; opacity: 1; } body.manufacturing .sez-6 .danieli-table-xs .nav-controls img { width: 100%; } body.manufacturing .sez-6 .danieli-table-xs .table-container { margin-left: 0.5rem; margin-right: -0.5rem; padding-right: 0; } body.manufacturing .sez-6 .danieli-table-xs .table-container table { width: 100%; border-collapse: collapse; } body.manufacturing .sez-6 .danieli-table-xs .table-container table tr { border-top: 1px solid #b0b0b0; border-bottom: 1px solid #b0b0b0; } body.manufacturing .sez-6 .danieli-table-xs .table-container table th { width: 40%; padding-top: 0.6rem; vertical-align: top; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.7rem; color: #77838b; text-transform: uppercase; } body.manufacturing .sez-6 .danieli-table-xs .table-container table th strong, body.manufacturing .sez-6 .danieli-table-xs .table-container table th b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-6 .danieli-table-xs .table-container table th span { text-transform: none; } body.manufacturing .sez-6 .danieli-table-xs .table-container table td { width: 60%; height: 5.1rem; padding-top: 0.6rem; vertical-align: top; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.7rem; color: #2878a0; } body.manufacturing .sez-6 .danieli-table-xs .table-container table td strong, body.manufacturing .sez-6 .danieli-table-xs .table-container table td b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.manufacturing .sez-6 .danieli-table-xs .table-container table td.active { display: table-cell; } body.manufacturing .sez-6 .danieli-table-xs .carousel-control { width: auto; position: static; } body.manufacturing .sez-6 .danieli-table-xs .carousel-control.left, body.manufacturing .sez-6 .danieli-table-xs .carousel-control.right { background: none; } body.manufacturing .sez-6 .danieli-table-xs .carousel-inner { width: 100%; } } body.scorecard-copertina .sez-2 h1 { color: #55646e; text-transform: uppercase; } body.scorecard-copertina .sez-2 h2 { color: #9db2bc; text-transform: uppercase; } body.scorecard-copertina .sez-2 .text { margin-top: 2.5rem; color: #333; width: 80%; } body.scorecard-copertina .sez-4 { margin-top: 9.3rem; margin-bottom: 7.2rem; } body.scorecard-copertina .sez-4 .scorecard-item { margin-bottom: 2rem; } body.scorecard-copertina .sez-4 .scorecard-item a { color: white; } body.scorecard-copertina .sez-4 .scorecard-item .img-container { position: relative; } body.scorecard-copertina .sez-4 .scorecard-item .img-container img { width: 100%; } body.scorecard-copertina .sez-4 .scorecard-item .img-container .score { position: absolute; left: 0%; top: 50%; height: 12rem; margin-top: -6rem; width: 100%; text-align: center; color: white; background: url("../image/more_quadrato.svg") 50% 7rem no-repeat; } body.scorecard-copertina .sez-4 .scorecard-item .dida { height: 11.4rem; padding: 1rem 1.5rem 0 1.4rem; color: white; background-color: #55646e; text-transform: uppercase; } body.scorecard-copertina .footer { margin-top: 0.6rem; } @media (max-width:560px) { body.scorecard-copertina .sez-2 h6.section-name { margin: 0 0 1.3rem 0; color: #9db2bc; height: 1.7rem; background: url("../image/trattino_sezione.svg") no-repeat scroll left 1.6rem; } body.scorecard-copertina .sez-2 h2 br { display: none; } body.scorecard-copertina .sez-4 { margin-top: 3rem; margin-bottom: 0; } body.scorecard-copertina .sez-4 .scorecard-item { margin-bottom: 1rem; } body.scorecard-copertina .sez-4 .scorecard-item .img-container .score { height: 8rem; margin-top: -4rem; background: url("../image/more_quadrato_xs.svg") 50% 3.7rem no-repeat; } body.scorecard-copertina .sez-4 .scorecard-item .dida { height: 6.4rem; padding: 0.8rem 0.7rem 0 0.7rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.3rem; } body.scorecard-copertina .sez-4 .scorecard-item .dida strong, body.scorecard-copertina .sez-4 .scorecard-item .dida b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.scorecard-copertina .footer { margin-top: 2.3rem; } } body.scorecard-dettaglio .sez-2 { margin-bottom: 1.5rem; } body.scorecard-dettaglio .sez-2 h1 { color: #55646e; text-transform: uppercase; } body.scorecard-dettaglio .sez-2 h2 { color: #9db2bc; } body.scorecard-dettaglio .sez-2 .descr { padding: 30px 0 0 0; color: #333; } body.scorecard-dettaglio .sez-2 .scorecard-nav { padding-top: 3rem; } body.scorecard-dettaglio .sez-2 .scorecard-nav img { width: 100%; } body.scorecard-dettaglio .sez-2 .score-block .img-container { position: relative; padding-top: 1.2rem; } body.scorecard-dettaglio .sez-2 .score-block .img-container img { width: 100%; } body.scorecard-dettaglio .sez-2 .score-block .img-container .score { position: absolute; left: 0%; top: 50%; height: 3rem; margin-top: -3rem; width: 100%; text-align: center; color: white; } body.scorecard-dettaglio .sez-2 .ruler { border-top: 0.1rem solid #55646e; margin-top: -0.1rem; } body.scorecard-dettaglio .sez-3 { padding-bottom: 6.2rem; } body.scorecard-dettaglio .sez-3 .text { padding-top: 4.3rem; padding-bottom: 5.8rem; color: #333; } body.scorecard-dettaglio .sez-3 .score-block .img-container { position: relative; margin-top: 2rem; } body.scorecard-dettaglio .sez-3 .score-block .img-container img { width: 100%; } body.scorecard-dettaglio .sez-3 .score-block .img-container .score { position: absolute; left: 0%; top: 50%; height: 3.8rem; margin-top: -1.9rem; width: 100%; text-align: center; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 3.8rem; color: white; text-shadow: 2px 2px 10px #404040; } body.scorecard-dettaglio .sez-3 .score-block .title { padding: 1.3rem 1rem 0 0; margin-top: 2rem; margin-left: -0.8rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #55646e; text-transform: uppercase; background: url("../image/separatore2.svg") top left no-repeat; } body.scorecard-dettaglio .sez-3 .score-block .title strong, body.scorecard-dettaglio .sez-3 .score-block .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (max-width:560px) { body.scorecard-dettaglio .sez-2 { margin-top: 2.3rem; } body.scorecard-dettaglio .sez-2 .row { margin: 0; } body.scorecard-dettaglio .sez-2 h6.section-name { margin: 0 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #9db2bc; height: 1.7rem; background: url("../image/trattino_sezione.svg") no-repeat scroll left 1.6rem; text-transform: uppercase; } body.scorecard-dettaglio .sez-2 h1 { margin: 0; padding: 0; text-transform: uppercase; } body.scorecard-dettaglio .sez-2 h2 { margin: 0; padding: 0; text-transform: uppercase; } body.scorecard-dettaglio .sez-2 h2 br { display: none; } body.scorecard-dettaglio .sez-2 .text { margin-top: 1.6rem; padding-right: 0; } body.scorecard-dettaglio .sez-2 .scorecard-nav .page-count { padding-top: 0.8rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 1.4rem; color: #19beff; } body.scorecard-dettaglio .sez-2 .scorecard-nav .page-count strong, body.scorecard-dettaglio .sez-2 .scorecard-nav .page-count b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.scorecard-dettaglio .sez-2 .score-block .img-container { padding-top: 0; margin-top: 3.1rem; } body.scorecard-dettaglio .sez-2 .score-block .img-container .score { height: 4rem; margin-top: -2rem; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 4rem; line-height: 4rem; } body.scorecard-dettaglio .sez-2 .ruler { margin-top: 3.3rem; } body.scorecard-dettaglio .sez-3 { margin-top: 0; margin-bottom: 0; padding-bottom: 4rem; } body.scorecard-dettaglio .sez-3 .row { margin: 0; } body.scorecard-dettaglio .sez-3 .text { padding-top: 2.6rem; padding-bottom: 1.8rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 2.4rem; color: #333; } body.scorecard-dettaglio .sez-3 .text strong, body.scorecard-dettaglio .sez-3 .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.scorecard-dettaglio .sez-3 .gallery { padding: 0.8rem 0.9rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; background: url("../image/fotocamera.svg") 96% 50% no-repeat #55646e; color: white; } body.scorecard-dettaglio .sez-3 .gallery strong, body.scorecard-dettaglio .sez-3 .gallery b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.scorecard-dettaglio .sez-3 .score-block .score { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; } body.scorecard-dettaglio .sez-3 .score-block .title { margin-left: 0; } body.scorecard-dettaglio .sez-3 .related { margin-top: 5.3rem; } body.scorecard-dettaglio .sez-3 .related .box .head-panel { background: url("../image/freccia_apri_basso.svg") 94.5% 12% no-repeat; } body.scorecard-dettaglio .sez-3 .related .box .head-panel.open { background: url("../image/freccia_chiudi_alto.svg") 94.5% 12% no-repeat; } body.scorecard-dettaglio .sez-3 .related .box .body-panel { display: none; } body.scorecard-dettaglio .footer { margin-top: 0; } } body.business-units .sez-2 { margin-bottom: 3rem; } body.business-units .sez-2 h2 { margin: 20px 0 13px 0; } body.business-units .sez-6 .filter { margin-top: 4rem; } body.business-units .sez-6 .filter .panel-head { padding: 0.8rem 1.9rem 0.8rem 0; color: #e53c14; border-bottom: 3px solid #000; text-transform: uppercase; } body.business-units .sez-6 .filter .panel-body { padding: 0; } body.business-units .sez-6 .filter .panel-body .panel-row { overflow: hidden; padding: 1.4rem 1.4rem 1.4rem 0; border-bottom: 0.1rem solid #808080; min-height: 75px; } body.business-units .sez-6 .filter .panel-body a.filter-checkbox { display: block; float: left; width: 2.4rem; height: 2.4rem; border: 0.1rem solid #000; transition: background-color 0.25s; -webkit-transition: background-color 0.25s; } body.business-units .sez-6 .filter .panel-body a.filter-checkbox.active { background-color: #19beff; border-color: #000; } body.business-units .sez-6 .filter .panel-body a.filter-link { display: block; cursor: pointer; margin-left: 5rem; color: #333; text-decoration: underline; } body.business-units .sez-6 .diagram { padding: 4.2rem 0 0 1rem; max-width: 100%; opacity: 0; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; } body.business-units .sez-6 .diagram svg { max-width: 100%; } body.business-units .sez-6 .diagram img { width: 100%; } body.business-units .sez-7 { margin-top: 3rem; margin-bottom: 5rem; } body.business-units .sez-7 .category-name { margin-top: 4rem !important; border-bottom: 0.1rem solid #808080; } body.business-units .sez-7 .category-name a { display: block; min-height: 6.2rem; padding: 0 0 10px 10px; background: url("../image/plus_bk.svg") 98% 15% no-repeat; color: black; } body.business-units .sez-7 .category-name a .text { margin-right: 4rem; } body.business-units .sez-7 .category-name a.open { background: url("../image/minus_bk.svg") 98% 15% no-repeat; } body.business-units .sez-7 .bu-group:first-of-type .category-name { margin-top: 0 !important; } body.business-units .sez-7 .bu-list { margin-top: 1.6rem; } body.business-units .sez-7 .bu-list>.row { margin: 0; padding-right: 6.2rem; } body.business-units .sez-7 .bu-list .bu-item { border-bottom: 0.1rem solid #808080; padding-top: 0.9rem; } body.business-units .sez-7 .bu-list .bu-item .bu-main { padding-bottom: 2rem; cursor: pointer; background: url("../image/plus_bk.svg") 98% 15% no-repeat; } body.business-units .sez-7 .bu-list .bu-item .bu-main .bu-title { padding: 0 3.6rem 0 0; } body.business-units .sez-7 .bu-list .bu-item .bu-main .bu-title a { color: #19beff; text-decoration: underline; text-transform: uppercase; } body.business-units .sez-7 .bu-list .bu-item .bu-main .bu-descr { padding-left: 0; color: #333; } body.business-units .sez-7 .bu-list .bu-item .bu-main .bu-icons { padding-right: 0; text-align: right; } body.business-units .sez-7 .bu-list .bu-item .bu-main .bu-icons img { padding-top: 0.5rem; padding-bottom: 1rem; } body.business-units .sez-7 .bu-list .bu-item .bu-details { margin-bottom: 2rem; padding-bottom: 2rem; background-color: #e5e5e5; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-cat { padding-top: 1.3rem; color: #333; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-cat img { width: 4rem; margin-right: 0.5rem; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-places { padding-left: 3.6rem; padding-top: 2.1rem; color: #333; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons { padding-left: 3.6rem; padding-right: 0; padding-top: 0; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons table { width: auto; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons td.country { color: #55646e; text-transform: uppercase; padding-bottom: 0.8rem; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons td.addr { padding-left: 1.5rem; padding-bottom: 0.8rem; color: #333; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons td.addr a { color: #333; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons td.mail { text-align: right; width: 3.3rem; } body.business-units .sez-7 .bu-list .bu-item .bu-details .bu-persons td.mail img { width: 100%; padding-right: 0.7rem; } body.business-units .sez-7 .finance { margin-top: 1.6rem; } body.business-units .sez-7 .finance h4 { margin: 0 0 3rem 0; color: black; } body.business-units .sez-7 .finance .text { margin-top: 0; margin-bottom: 3.8rem; color: #333; } body.business-units .sez-7 .finance .text p { margin: 0; } body.business-units .footer { margin-top: 0.6rem; } @media (max-width:560px) { body.business-units .sez-2 { margin-top: 2.3rem; } body.business-units .sez-2 h6.section-name { margin: 0 0 1.3rem 0; color: #9db2bc; height: 1.7rem; background: url("../image/trattino_sezione.svg") no-repeat scroll left 1.6rem; } body.business-units .sez-3 { margin-top: 4.5rem; margin-bottom: 2.6rem; } body.business-units .sez-3 .diagram img { width: 100%; } body.business-units .sez-7 .finance { margin-top: 3.5rem; } body.business-units .sez-7 .finance a.investors img { width: 7.2rem; } body.business-units .footer { margin-top: 3.4rem; } } .business-units .bu-details { display: none; } .business-units .bu-icons { cursor: pointer; } [id$="mar"] path, [id$="txt"] path { fill: black; -webkit-transition: fill 0.25s ease-in-out; transition: fill 0.25s ease-in-out; } [id$="mar"].active path { fill: #19beff; } [id$="mar"].active-legend1 path { fill: #e53c14; } [id$="mar"].active-legend2 path { fill: #2878a0; } [id$="mar"].inactive path, [id$="txt"].inactive path, [id$="txt"].inactive polygon { fill: #e5e5e5; } [id$="butt"] rect, [id$="butt"] polygon { fill: transparent; } body.business-unit-dettaglio .sez-2 { padding-bottom: 4.5rem; } body.business-unit-dettaglio .sez-2 .page-title { padding-bottom: 4.5rem; } body.business-unit-dettaglio .sez-2 .page-title h1 { margin: 2rem 0 0 0; color: black; text-transform: uppercase; } body.business-unit-dettaglio .sez-2 .page-title h2 { color: black; padding: 0.5rem 0; } body.business-unit-dettaglio .sez-2 .page-title h5 { padding-top: 2.8rem; color: black; } body.business-unit-dettaglio .sez-2 .bu-link { color: #19beff; padding-left: 1.2rem; background-image: url('../image/freccia_apri_dx_cianuro.svg'); background-repeat: no-repeat; background-position: 0% 66%; background-size: 0.6rem; margin-left: 0.2rem; } body.business-unit-dettaglio .sez-2 .logo-container img { width: 100%; max-width: 100px; margin-top: 2rem; } body.business-unit-dettaglio .sez-5 h4 { color: black; margin-bottom: 2rem; } body.business-unit-dettaglio .sez-5 .description { color: black; } body.business-unit-dettaglio .sez-5 .contact { margin-top: 30px; } body.business-unit-dettaglio .sez-5 .address-box { margin-top: 10px; } body.business-unit-dettaglio .sez-5 .address-box .action { float: left; width: 25%; max-width: 100px; } body.business-unit-dettaglio .sez-5 .address-box .address { float: left; width: 70%; } body.business-unit-dettaglio .sez-5 .address-box .address a { text-decoration: none; color: #19beff; } body.business-unit-dettaglio .sez-5 .address-box .address a:hover { text-decoration: underline; } body.business-unit-dettaglio .sez-5 #related-tp { display: block; margin-top: 5rem; margin-bottom: 2rem; } body.business-unit-dettaglio .sez-5 #related-tp .body-panel { border-top: 0; } body.business-unit-dettaglio .sez-5 #related-tp .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; margin-bottom: 3rem; } body.business-unit-dettaglio .sez-5 #related-tp .title strong, body.business-unit-dettaglio .sez-5 #related-tp .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 #related-tp .category { padding-left: 0; padding-right: 0; margin-bottom: 0; } body.business-unit-dettaglio .sez-5 #related-tp .category .cat-title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #e53c14; text-transform: uppercase; min-height: 11rem; padding-left: 2rem; padding-right: 3.5rem; padding-top: 1rem; background-color: white; border-top: 1px solid #b2b2b2; cursor: pointer; } body.business-unit-dettaglio .sez-5 #related-tp .category .cat-title strong, body.business-unit-dettaglio .sez-5 #related-tp .category .cat-title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory { display: none; background-color: #e5e5e5; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .subcat-title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; padding: 2rem; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .subcat-title strong, body.business-unit-dettaglio .sez-5 #related-tp .subcategory .subcat-title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list { margin: 0; display: table; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack { padding: 0 4rem 3rem 2rem; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack a { display: block; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack a:hover { text-decoration: none; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack-title { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #e53c14; text-decoration: underline; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack-desc { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2rem; color: #666; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack-desc strong, body.business-unit-dettaglio .sez-5 #related-tp .subcategory .packages-list .pack-desc b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 #related-tp .subcategory:first-of-type { padding-top: 1rem; } body.business-unit-dettaglio .sez-5 h2 { margin: 0; padding: 5.7rem 0 2.2rem 0; } body.business-unit-dettaglio .sez-5 .text a, body.business-unit-dettaglio .sez-5 .text em { color: #19beff; } body.business-unit-dettaglio .sez-5 .related { padding-top: 0; padding-bottom: 10px; color: #333; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; } body.business-unit-dettaglio .sez-5 .related strong, body.business-unit-dettaglio .sez-5 .related b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 .related .box { margin-bottom: 1.6rem; } body.business-unit-dettaglio .sez-5 .related .box .head-panel .grid { text-transform: uppercase; height: 8.1rem; display: table-row; } body.business-unit-dettaglio .sez-5 .related .box .head-panel .grid img.icona { width: 8.1rem; height: auto; display: table-cell; } body.business-unit-dettaglio .sez-5 .related .box .head-panel .grid h3 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #333; margin: 0; padding-left: 1rem; display: table-cell; font-size: inherit; vertical-align: middle; } body.business-unit-dettaglio .sez-5 .related .box .head-panel .grid h3 strong, body.business-unit-dettaglio .sez-5 .related .box .head-panel .grid h3 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 .related .box .body-panel { border-top: 0.1rem solid #bac9d0; padding: 20px 0; } body.business-unit-dettaglio .sez-5 .related .box .body-panel ul { margin-top: 1.5rem; margin-bottom: 2.4rem; padding-left: 2.9rem; list-style-image: url("../image/freccia_elenco_puntato_azzurra.svg"); } body.business-unit-dettaglio .sez-5 .related .box .body-panel ul li { margin-bottom: 1.8rem; } body.business-unit-dettaglio .sez-5 .related .box .body-panel ul li a { color: #19beff; text-decoration: underline; text-transform: uppercase; } body.business-unit-dettaglio .sez-5 .related .box.related-pt .body-panel ul { list-style-image: url("../image/freccia_elenco_puntato_arancione.svg"); } body.business-unit-dettaglio .sez-5 .related .box.related-pt .body-panel ul li a { color: #e53c14; } body.business-unit-dettaglio .sez-5 .related .box.related-sc .body-panel ul { list-style-image: url("../image/freccia_elenco_puntato_azzurra.svg"); } body.business-unit-dettaglio .sez-5 .related .box.related-sc .body-panel ul li a { color: #333; text-decoration: none; text-transform: none; } body.business-unit-dettaglio .sez-5 .related.rel-pages { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; color: #77838b; margin-top: 0; } body.business-unit-dettaglio .sez-5 .related.rel-pages h3 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; text-transform: uppercase; } body.business-unit-dettaglio .sez-5 .related.rel-pages a { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.8rem; line-height: 2.8rem; color: #333; text-decoration: underline; } body.business-unit-dettaglio .sez-5 .related.rel-pages a:hover { color: #55646e; } body.business-unit-dettaglio .sez-5 .links { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; } body.business-unit-dettaglio .sez-5 .links strong, body.business-unit-dettaglio .sez-5 .links b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 .links ul { padding-left: 2.9rem; list-style-image: url("../image/freccia_elenco_puntato_azzurra.svg"); } body.business-unit-dettaglio .sez-5 .links ul li a { color: #19beff; text-decoration: underline; } body.business-unit-dettaglio .footer { margin-top: 3.6rem; } @media (max-width:799px) { body.business-unit-dettaglio .components.product-nav { float: left; margin-bottom: 2rem; } body.business-unit-dettaglio .sez-2 { padding-bottom: 2.5rem; } body.business-unit-dettaglio .sez-2 .page-title { padding-bottom: 25px; } body.business-unit-dettaglio .sez-2 .page-title h2 br { display: none; } body.business-unit-dettaglio .sez-2 .page-title h5 { padding-top: 1rem; } } @media (max-width:560px) { body.business-unit-dettaglio .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.business-unit-dettaglio .sez-2 .button-prev, body.business-unit-dettaglio .sez-2 .button-next { padding-top: 0.4rem; } body.business-unit-dettaglio .sez-2 h1 { padding-top: 0; letter-spacing: 0; margin-top: 2rem; } body.business-unit-dettaglio .sez-2 h2 { padding-top: 1rem; padding-bottom: 1rem; letter-spacing: 0; } body.business-unit-dettaglio .sez-2 h2 br { display: none; } body.business-unit-dettaglio .sez-5 { padding-bottom: 1.9rem; } body.business-unit-dettaglio .sez-5 h2 { padding: 2.6rem 0 2.2rem 0; } body.business-unit-dettaglio .sez-5 h4 { font-size: 2rem; } body.business-unit-dettaglio .sez-5 .description { font-size: 2.2rem; line-height: 2.8rem; } body.business-unit-dettaglio .sez-5 .contact { padding-top: 4.3rem; } body.business-unit-dettaglio .sez-5 .contact div.sfondo { margin: 0 -1rem; } body.business-unit-dettaglio .sez-5 .contact .place { border: 0; padding-bottom: 0; } body.business-unit-dettaglio .sez-5 .contact .address { padding-left: 2.2rem; padding-top: 0; width: auto; } body.business-unit-dettaglio .sez-5 .contact .image-container { padding: 2.2rem 2.4rem 0 2rem; } body.business-unit-dettaglio .sez-5 .related { padding-top: 0.7rem; } body.business-unit-dettaglio .sez-5 .related .box { margin-bottom: 0.9rem; } body.business-unit-dettaglio .sez-5 .related .box .head-panel a { display: block; background: url("../image/freccia_apri_basso.svg") 94.5% 10% no-repeat; background-size: 2.4rem 2.4rem; } body.business-unit-dettaglio .sez-5 .related .box .head-panel a.active { background-image: url("../image/freccia_chiudi_alto.svg"); } body.business-unit-dettaglio .sez-5 .related .box .body-panel { display: none; } body.business-unit-dettaglio .sez-5 .related-tp { margin-bottom: 2rem; margin-top: 1rem; } body.business-unit-dettaglio .sez-5 .related-tp .category { margin-bottom: 0; } body.business-unit-dettaglio .sez-5 .related-tp .category .cat-title-xs { cursor: pointer; } body.business-unit-dettaglio .sez-5 .related-tp .subcategory { display: none; } body.business-unit-dettaglio .sez-5 .links { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 1.8rem; } body.business-unit-dettaglio .sez-5 .links strong, body.business-unit-dettaglio .sez-5 .links b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.business-unit-dettaglio .sez-5 .links ul { padding-top: 0.4rem; padding-left: 5.6rem; } body.business-unit-dettaglio .sez-5 .links ul li { padding-left: 3.3rem; } } body.techpack-elenco .sez-2 h1 { padding-top: 3rem; color: #e53c14; text-transform: uppercase; } body.techpack-elenco .sez-2 h2 { color: #55646e; text-transform: uppercase; } body.techpack-elenco .sez-2 .text { padding-top: 1rem; padding-bottom: 1rem; color: #333; width: 80%; } body.techpack-elenco .sez-2 .read-more-btn, body.techpack-elenco .sez-2 .read-less-btn { text-align: right; cursor: pointer; color: #19beff; background-image: url('../image/freccia_apri_basso_cianuro.svg'); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 1.8rem; text-transform: lowercase; } body.techpack-elenco .sez-2 .read-less-btn { display: none; background-image: url('../image/freccia_chiudi_alto_cianuro.svg'); } body.techpack-elenco .sez-2 .more-text { display: none; color: #333; padding-top: 2rem; } body.techpack-elenco .sez-2 .more-text p:first-of-type { display: inline-block; } body.techpack-elenco .sez-2 .more-text p+p { margin-top: 0; } body.techpack-elenco .sez-2 .more-text ul { margin-top: 2.6rem; list-style-image: url("../image/freccia_elenco_puntato_grigio_sc.svg"); margin-bottom: 2.5rem; padding-left: 1.4rem; } body.techpack-elenco .sez-2 .image-container img { width: 100%; } body.techpack-elenco .sez-3 { padding-top: 4.4rem; } body.techpack-elenco .sez-3 .group { float: left; width: 100%; padding-left: 8rem; position: relative; color: white; } body.techpack-elenco .sez-3 .group .category-vert { position: absolute; left: 2rem; transform: rotate(-90deg); transform-origin: left; top: 14rem; text-align: right; width: 14.3rem; height: 2.8rem; } body.techpack-elenco .sez-3 .box { background: white; min-height: 14.3rem; margin: 0; padding: 0 2rem 0 2rem; border-top: 0.1rem solid #b2b2b2; } body.techpack-elenco .sez-3 h3 { padding-top: 1.1rem; padding-bottom: 0.6rem; color: black; text-transform: uppercase; } body.techpack-elenco .sez-3 .descr { color: #808080; } body.techpack-elenco .sez-3 .products { padding-top: 0.6rem; } body.techpack-elenco .sez-3 .products ol { margin-left: 0; padding-left: 0; } body.techpack-elenco .sez-3 .products ol>li { margin-left: 0; list-style: none; position: relative; } body.techpack-elenco .sez-3 .products a { color: #333; text-decoration: underline; } body.techpack-elenco .sez-3 .products .details-link.active { text-decoration: none; opacity: 0.35; } body.techpack-elenco .sez-3 .details-box { margin: 0; padding: 2.2rem 2rem 2.2rem 2rem; background-color: #e5e5e5; } body.techpack-elenco .sez-3 .details-box .product { color: #333; display: block; padding-top: 0; } body.techpack-elenco .sez-3 .details-box h5 { padding-top: 2.2rem; } body.techpack-elenco .sez-3 .details-box h5 a { color: #e53c14; text-decoration: underline; text-transform: uppercase; } body.techpack-elenco .sez-3 .details-box .text { color: #808080; } body.techpack-elenco .sez-3 .inactive { display: none; } body.techpack-elenco .sez-3 .block-mail { margin-top: 2rem; } body.techpack-elenco .sez-3 a.contact-mail { background: transparent url(../image/icon_mail_ferro.svg) right center no-repeat; background-size: 2.5rem; color: black; padding-right: 35px; } body.techpack-elenco .sez-3 a.contact-mail:hover { text-decoration: underline; } body.techpack-elenco .sez-4 .box { padding-bottom: 10rem; border-top: 0.1rem solid #55646e; background-color: #e5e5e5; } body.techpack-elenco .sez-4 h2 { padding-top: 5rem; padding-bottom: 1.5rem; } @media (max-width:560px) { body.techpack-elenco .sez-2 { padding-top: 0.7rem; padding-bottom: 0; } body.techpack-elenco .sez-2 h6.section-name { margin: 1.3rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.techpack-elenco .sez-2 h1 { padding-top: 0; letter-spacing: 0; } body.techpack-elenco .sez-2 h2 { letter-spacing: 0; } body.techpack-elenco .sez-2 .more-text p+p { margin-top: 2.6rem; } body.techpack-elenco .sez-2 .text { padding-top: 1.5rem; padding-bottom: 2.5rem; } body.techpack-elenco .sez-3 { padding-top: 4.1rem; } body.techpack-elenco .sez-3 .group { padding-left: 16.67%; } body.techpack-elenco .sez-3 .box { margin: 0; padding: 0; } body.techpack-elenco .sez-3 .box .row { margin: 0; } body.techpack-elenco .sez-3 .box .products { background: white; padding-left: 1.4rem; } body.techpack-elenco .sez-3 .box .title { background: white; padding-left: 1.4rem; } body.techpack-elenco .sez-3 .details-box { clear: both; margin-bottom: 0; margin-right: 0; margin-left: -20%; } body.techpack-elenco .sez-3 .details-box .product { padding-right: 4rem; } body.techpack-elenco .sez-3 .details-box .button-collapse { position: absolute; right: 0.7rem; top: 0; } body.techpack-elenco .sez-3 .contact { padding: 4rem 0; } body.techpack-elenco .sez-3 .contact .sfondo { margin: 0 -1rem; } body.techpack-elenco .sez-3 .contact .address { padding-left: 2.2rem; } body.techpack-elenco .sez-3 .contact .image-container { padding: 2.2rem 2.4rem 0 2rem; } body.techpack-elenco .sez-4 { background-color: #e5e5e5; border-top: 0.1rem solid #55646e; } body.techpack-elenco .sez-4 .box { padding-bottom: 2rem; border-top: none; background-color: transparent; } body.techpack-elenco .sez-4 h2 { padding-top: 2.4rem; padding-bottom: 1.5rem; } body.techpack-elenco .sez-4 .text p+p, body.techpack-elenco .sez-4 .text p+ul, body.techpack-elenco .sez-4 .text p+ol, body.techpack-elenco .sez-4 .text ul+p, body.techpack-elenco .sez-4 .text ul+ul, body.techpack-elenco .sez-4 .text ul+ol, body.techpack-elenco .sez-4 .text ol+p, body.techpack-elenco .sez-4 .text ol+ol, body.techpack-elenco .sez-4 .text ol+ul { margin-top: 2.6rem; } body.techpack-elenco .sez-4 .text ul { margin-bottom: 2.6rem; } body.techpack-elenco .footer { margin-top: 0; } } body.techpack-elenco a sup { display: inline-block; text-decoration: none; } .techpack-dettaglio .sub-cat-name { padding: 0; } .techpack-dettaglio .sez-4 { position: relative; margin-bottom: 0.9rem; } .techpack-dettaglio .sez-4 h1 { font-weight: normal; text-transform: uppercase; } .techpack-dettaglio .sez-4 h2 { margin-top: 0.5rem; margin-bottom: 0.7rem; } .techpack-dettaglio .sez-4 p { color: #333; margin-bottom: 3.5rem; } .techpack-dettaglio .sez-4 .btn-subcat-prev, .techpack-dettaglio .sez-4 .btn-subcat-next { float: left; padding-left: 0; padding-right: 5px; } .techpack-dettaglio .sez-4 .m-riq-category { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; background-color: #e5e5e5; padding: 2rem; margin-bottom: 3rem; } .techpack-dettaglio .sez-4 .m-riq-category strong, .techpack-dettaglio .sez-4 .m-riq-category b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .techpack-dettaglio .sez-4 .m-cat-row { margin-left: -1rem; margin-right: -0.5rem; } .techpack-dettaglio .sez-6 { margin-top: 25px; margin-bottom: 6.5rem; } .techpack-dettaglio .sez-6 .details { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.8rem; } .techpack-dettaglio .sez-6 .details strong, .techpack-dettaglio .sez-6 .details b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .techpack-dettaglio .sez-6 .details .indented { margin-left: 26%; } .techpack-dettaglio .sez-6 .details .picture { margin-right: 16.6666%; } .techpack-dettaglio .sez-6 .details .picture img { width: 100%; } .techpack-dettaglio .sez-6 .ben-title { color: black; margin-top: 2rem; } .techpack-dettaglio .sez-6 .ben-text { color: black; margin-top: 0; } .techpack-dettaglio .sez-6 .riq { margin-top: 0.7rem; margin-bottom: 2rem; } .techpack-dettaglio .sez-6 .riq .teck-cat-1 { background-color: #001f43; } .techpack-dettaglio .sez-6 .riq .teck-cat-2 { background-color: #3c5172; } .techpack-dettaglio .sez-6 .riq .teck-cat-3 { background-color: #8c98b2; } .techpack-dettaglio .sez-6 .riq .teck-cat-4 { background-color: #f58c3a; } .techpack-dettaglio .sez-6 .riq .teck-cat-5 { background-color: #d6522a; } .techpack-dettaglio .sez-6 .riq-package-wrapper { padding: 0; } .techpack-dettaglio .sez-6 .riq-package-wrapper:before { padding-top: 100%; content: ""; display: block; } .techpack-dettaglio .sez-6 .riq-package-wrapper .riq-package { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: white; } .techpack-dettaglio .sez-6 .riq-benefits { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.8rem; color: #333; background-color: #e5e5e5; padding-left: 2rem; } .techpack-dettaglio .sez-6 .riq-benefits strong, .techpack-dettaglio .sez-6 .riq-benefits b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .techpack-dettaglio .sez-6 .ben-text ul { list-style-type: none; padding-left: 1.8rem; } .techpack-dettaglio .sez-6 .ben-text ul li { text-indent: -1.5rem; } .techpack-dettaglio .sez-6 .ben-text ul li:before { content: '鈥 '; font-size: 25px; } .techpack-dettaglio .sez-6 .img-container img { max-width: 100%; } .techpack-dettaglio .sez-6 .video-container { margin-bottom: 6.5rem; } .techpack-dettaglio .sez-6 .pack-title { text-transform: uppercase; color: inherit; margin-bottom: 1.5rem; padding-left: 2.5rem; padding-right: 2.5rem; padding-top: 2rem; } .techpack-dettaglio .sez-6 .pack-desc { padding-left: 2.5rem; padding-right: 2.5rem; padding-bottom: 2rem; text-transform: uppercase; } .techpack-dettaglio .sez-6 .pack-download { position: absolute; bottom: 0; left: 0; padding-left: 2.5rem; padding-right: 7.5rem; color: #ccc; background-image: url('../image/download-icon.svg'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 5rem; cursor: pointer; } .techpack-dettaglio .sez-6 .pack-download .download-link { width: 100%; display: block; } .techpack-dettaglio .sez-6 .pack-download .download-link span { text-decoration: underline; } .techpack-dettaglio .sez-6 .pack-download:hover { text-decoration: none; } .techpack-dettaglio .sez-6 .pack-download:hover span { text-decoration: none; } .techpack-dettaglio .sez-6 .configs { margin-top: 4.6rem; } .techpack-dettaglio .sez-6 .configs .sfondino { background-color: #e5e5e5; } .techpack-dettaglio .sez-6 .configs h3 { margin-top: 0.8rem; margin-left: 1.3rem; color: #e53c14; } .techpack-dettaglio .sez-6 .configs p { margin-left: 1.3rem; } .techpack-dettaglio .sez-6 .configs ol>li { margin-top: 2rem; margin-left: 3.5rem; list-style: none; position: relative; } .techpack-dettaglio .sez-6 .configs ol>li:before { color: #e53c14; position: absolute; top: 0; left: -2rem; box-sizing: border-box; } .techpack-dettaglio .sez-6 .configs .pic img { width: 100%; padding-left: 3.6em; } .techpack-dettaglio .sez-6 .cross-category { margin-bottom: 1.8rem; margin-top: 2rem; color: #e53c14; padding-left: 0; } .techpack-dettaglio .sez-6 .cross-category h3 { padding-left: 0; } .techpack-dettaglio .sez-6 .cross-category:first-of-type { margin-top: 0; } @media (max-width:799px) { .techpack-dettaglio .sez-4 h2 { margin-top: 1.7rem; } .techpack-dettaglio .sez-4 .package-nav { margin-top: 0; } .techpack-dettaglio .sez-4 .package-nav .button-next, .techpack-dettaglio .sez-4 .package-nav .button-prev { padding-left: 0.5rem; padding-right: 0.5rem; } .techpack-dettaglio .sez-4 .package-nav .page-count { text-align: right; } .techpack-dettaglio .sez-4 .category-nav { margin-top: 1.5rem; } .techpack-dettaglio .sez-4 .category-nav .page-count { position: absolute; bottom: -0.2rem; } .techpack-dettaglio .sez-4 .category-nav .grafico-prod img { width: 100%; padding: 0.5rem 1.7rem 0 1.7rem; } .techpack-dettaglio .sez-6 { margin-bottom: 0; } .techpack-dettaglio .sez-6 .riq { padding: 0; } .techpack-dettaglio .sez-6 .riq-package-wrapper:before { padding-top: 0; } .techpack-dettaglio .sez-6 .riq-package-wrapper .riq-package { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: table; } .techpack-dettaglio .sez-6 .riq-package-wrapper .riq-package .pack-download { position: relative; bottom: auto; left: auto; padding-top: 3rem; } .techpack-dettaglio .sez-6 .riq-benefits { height: auto !important; padding-top: 1.5rem; padding-bottom: 3rem; padding-left: 1rem; background-color: transparent; } .techpack-dettaglio .sez-6 .img-container { padding: 0; } .techpack-dettaglio .sez-6 .details .indented { margin-left: 17%; } .techpack-dettaglio .sez-6 .details .picture { margin-right: 50%; } .techpack-dettaglio .sez-6 .configs { margin-top: 1.8rem; } .techpack-dettaglio .sez-6 .configs .sfondino { padding-bottom: 1.8rem; } .techpack-dettaglio .sez-6 .configs .sfondino>.row { margin: 0; } .techpack-dettaglio .sez-6 .configs h3 { margin-left: 0.4rem; } .techpack-dettaglio .sez-6 .configs p { margin-left: 0.4rem; } .techpack-dettaglio .sez-6 .configs ol>li { margin-left: 3rem; } .techpack-dettaglio .sez-6 .configs ol>li:before { left: -2.6rem; } .techpack-dettaglio .sez-6 .configs .pic img { padding: 0.5em; } .techpack-dettaglio .sez-6 .related { margin-top: 0.5rem; } .techpack-dettaglio .sez-6 .related .box { margin-top: 0.5rem; margin-bottom: 0.5rem; } .techpack-dettaglio .sez-6 .related .box .body-panel { display: none; } .techpack-dettaglio .sez-6 .related .related-bu .head-panel, .techpack-dettaglio .sez-6 .related .related-ta .head-panel, .techpack-dettaglio .sez-6 .related .related-tp .head-panel { background: url("../image/freccia_apri_basso.svg") 94% 10% no-repeat; } .techpack-dettaglio .sez-6 .related .related-bu .head-panel a, .techpack-dettaglio .sez-6 .related .related-ta .head-panel a, .techpack-dettaglio .sez-6 .related .related-tp .head-panel a { display: block; width: 100%; } .techpack-dettaglio .sez-6 .related .related-bu .head-panel .grid img.icona, .techpack-dettaglio .sez-6 .related .related-ta .head-panel .grid img.icona, .techpack-dettaglio .sez-6 .related .related-tp .head-panel .grid img.icona { border-right: 1px solid #bac9d0; } .techpack-dettaglio .sez-6 .related .related-bu .head-panel.open, .techpack-dettaglio .sez-6 .related .related-ta .head-panel.open, .techpack-dettaglio .sez-6 .related .related-tp .head-panel.open { background: url("../image/freccia_chiudi_alto.svg") 94.5% 12% no-repeat; } .techpack-dettaglio .footer { margin-top: 1.5rem; } } body.products-copertina .sez-2 { position: relative; margin-bottom: 50px; } body.products-copertina .sez-2 h1 { color: black; text-transform: uppercase; padding-right: 50px; } body.products-copertina .sez-2 h2 { color: #808080; text-transform: uppercase; padding-right: 50px; } body.products-copertina .sez-2 .text { color: #333; } body.products-copertina .sez-products { margin-top: 0; padding-bottom: 0; } body.products-copertina .sez-products .product { padding: 0; overflow: hidden; border: 1px solid #fff; } body.products-copertina .sez-products .product .pic { overflow: hidden; } body.products-copertina .sez-products .product .pic img { width: 100%; } body.products-copertina .sez-products .product .dida { background-color: rgba(85, 100, 110, 0.8); position: absolute; left: 0; bottom: -68%; right: 0; width: 100%; height: 100%; padding: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color: white; } body.products-copertina .sez-products .product .dida a { display: block; width: 100%; height: 100%; color: inherit; text-decoration: none; } body.products-copertina .sez-products .product .dida a:hover { text-decoration: none; } body.products-copertina .sez-products .product .dida h4 { margin: 0; text-decoration: underline; text-transform: uppercase; } body.products-copertina .sez-products .product .dida .text { padding-top: 1rem; text-decoration: none; opacity: 0; -webkit-transition: all 0.3s ease-in-out 0.2s; -moz-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; } body.products-copertina .sez-products .product .dida .cta-txt { opacity: 0; position: relative; margin-top: 7px; color: #fff; text-decoration: none; padding-left: 30px; background: url(../image/red_arrow_right.svg) 0 50% no-repeat; -webkit-transition: opacity 0.3s ease-in-out 0.2s; -moz-transition: opacity 0.3s ease-in-out 0.2s; transition: opacity 0.3s ease-in-out 0.2s; font-size: 18px; line-height: 22px; } body.products-copertina .sez-products .product .dida.bg2 { background-color: rgba(180, 170, 165, 0.8); } body.products-copertina .sez-products .product .dida.bg2 a h4 { color: white; } body.products-copertina .sez-products .product .dida.bg3 { background-color: rgba(13, 36, 63, 0.8); } body.products-copertina .sez-products .product .dida.bg3 a h4 { color: white; } body.products-copertina .sez-products .product:hover .dida { bottom: 0; background-color: #000; } body.products-copertina .sez-products .product:hover .dida .text, body.products-copertina .sez-products .product:hover .dida .cta-txt { opacity: 1; } body.products-copertina .sez-products .cta-box { background-color: #143c5d; border: 1px solid #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body.products-copertina .sez-products .cta-box a { display: block; width: 100%; height: 100%; color: #fff; text-decoration: none; padding: 30px; } body.products-copertina .sez-products .cta-box .title { color: #fff; } body.products-copertina .sez-products .cta-box .subtitle { color: #aabcb6; } body.products-copertina .sez-products .cta-box div.prop-50:before { padding-top: 50%; padding-top: calc(50% - 1px); } body.products-copertina .sez-products .cta-box:hover { background-color: #000; } @media (min-width:1201px) { body.products-copertina .no-padding-right-lg { padding-right: 0; } body.products-copertina .sez-products .product .dida { padding: 5px 8px; } } @media (min-width:1201px) and (max-width:1600px) { body.products-copertina .sez-products .product .dida .text { font-size: 18px; font-size: calc(2.14vw - 7.68px); line-height: 22px; line-height: calc(2.14vw - 5px); } } @media (min-width:1025px) and (max-width:1200px) { body.products-copertina .sez-products .product .dida .text { font-size: 18px; line-height: 22px; } } @media (min-width:800px) and (max-width:1024px) { body.products-copertina .sez-products .cta-box a { padding: 5px; } body.products-copertina .sez-products .cta-box div.prop-50:before { padding-top: 33%; } } @media (max-width:799px) { body.products-copertina .sez-products .cta-box div.prop-50:before { padding-top: 43%; } } @media (max-width:560px) { body.products-copertina .sez-2 { margin-bottom: 30px; } body.products-copertina .sez-2 .section-name { margin: 1.3rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.products-copertina .sez-products .product .dida { bottom: -45%; padding: 5px; } body.products-copertina .sez-products .cta-box a { padding: 10px; } } @media (min-width:1201px) and (max-width:1330px) { body.products-copertina .sez-products .product .dida { padding: 5px 7px; } body.products-copertina .sez-products .product .dida h4 { font-size: 15px; } body.products-copertina .sez-products .product .dida .text { padding-top: 4px; } } body.products-elenco div.top-image-container { height: 35rem; max-height: 35rem; background-size: cover; background-position: center; } body.products-elenco .inpage-menu-wrapper { padding-top: 0; } body.products-elenco div.sez-2 div.titles { min-height: 18rem; padding-top: 2.5rem; } body.products-elenco div.sez-2 div.titles h1 { color: black; text-transform: uppercase; margin-bottom: 0; letter-spacing: -0.05rem; } body.products-elenco div.sez-2 div.titles h2 { color: black; letter-spacing: -0.05rem; line-height: 1.75; } body.products-elenco div.sez-2 div.text { padding-bottom: 3rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; } body.products-elenco div.sez-2 div.text strong, body.products-elenco div.sez-2 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (min-width:800px) { body.products-elenco div.sez-2 div.text br { display: none; } } body.products-elenco div.sez-2 div.separator { height: 0.1rem; margin: -0.2rem 0 0 0; border-top: 0.1rem solid #333; } body.products-elenco div.sez-2 div.product-nav { padding-top: 60px; } body.products-elenco div.sez-3 { padding-top: 1.5rem; padding-bottom: 0.4rem; } body.products-elenco div.sez-3 div.search-bar { border-top: 3px solid black; border-bottom: 1px solid black; margin: 0 10px; } body.products-elenco div.sez-3 div.search-bar #myInput { width: 87.5%; padding: 1.3rem 1.3rem 1.6rem 3.3rem; background: transparent url("../image/search.svg") left center no-repeat; border: none; } body.products-elenco div.sez-3 div.search-bar .reset { color: white; background-color: #19beff; border: none; padding: 1.3rem 1.3rem 1.6rem 1.3rem; width: 12.5%; text-align: left; } body.products-elenco div.sez-3 ul.products { padding: 0 0; } body.products-elenco div.sez-3 ul.products li.product { padding: 10px; list-style: none; color: black; } body.products-elenco div.sez-3 ul.products li.product a { position: relative; float: left; -webkit-transition: background ease-out 0.45s, color ease-out 0.4s; -moz-transition: background ease-out 0.45s, color ease-out 0.4s; transition: background ease-out 0.45s, color ease-out 0.4s; color: #000; overflow: hidden; width: 100%; } body.products-elenco div.sez-3 ul.products li.product .image-container { position: relative; -webkit-transition: opacity ease-out 0.4s; -moz-transition: opacity ease-out 0.4s; transition: opacity ease-out 0.4s; } body.products-elenco div.sez-3 ul.products li.product .image-container img { width: 100%; } body.products-elenco div.sez-3 ul.products li.product .image-container .clicksign { position: absolute; top: 50%; left: 50%; width: 3rem; height: 3rem; margin: -1.5rem -1.5rem; background: url("../image/more_quadrato.svg") 50% 50% / 3rem 3rem no-repeat; } body.products-elenco div.sez-3 ul.products li.product .prod-name { text-decoration: none; color: inherit; position: absolute; top: 0; right: 0; } body.products-elenco div.sez-3 ul.products li.product .clickarrow { display: none; position: absolute; top: 50%; left: 25%; width: 50px; height: 50px; margin-left: 4px; background-image: url("../image/freccia_45_dx.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; transform: translate(-50%, -50%); } body.products-elenco div.sez-3 ul.products li.product:hover .prod-name { text-decoration: underline; } body.products-elenco div.sez-3 ul.products li.product:hover .image-container { opacity: 0; } body.products-elenco div.sez-3 ul.products li.product:hover a { background-color: #19beff; color: #fff; } body.products-elenco div.sez-3 ul.products li.product:hover .clickarrow { display: block; } body.products-elenco div.sez-3 div.related { padding: 0; } body.products-elenco div.sez-3 .cross-category { margin-bottom: 1.2rem; margin-top: 3rem; color: #e53c14; padding-left: 0; } body.products-elenco div.sez-3 .cross-category:first-of-type { margin-top: 0; } body.products-elenco div.sez-3 .video-block h5 { padding: 6rem 0 3rem 0; } body.products-elenco div.sez-3 .video-block .video-wrapper { padding: 0; background-color: #000; position: relative; padding-top: 56.25%; } body.products-elenco div.sez-3 .video-block .video-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } body.products-elenco div.sez-3 .video-block .video-wrapper .video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.products-elenco div.sez-3 .video-block .video-wrapper .play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 10; } body.products-elenco div.sez-3 .video-block .video-wrapper .play-icon:hover+.video-cover { opacity: 0.7; } body.products-elenco div.sez-3 .video-block .video-list { list-style-type: none; padding: 0; margin: 0; } body.products-elenco div.sez-3 .video-block .video-item { padding: 0 2rem 1rem 1rem; margin: 0; cursor: pointer; } body.products-elenco div.sez-3 .video-block .video-item .video-img { width: 50%; float: left; position: relative; } body.products-elenco div.sez-3 .video-block .video-item .video-img img { display: block; width: 100%; max-width: 100%; } body.products-elenco div.sez-3 .video-block .video-item .video-img .play-icon { width: 4rem; max-width: 4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.products-elenco div.sez-3 .video-block .video-item .video-title { display: inline-block; float: left; width: 50%; padding-top: 1rem; padding-left: 1.5rem; } body.products-elenco div.sez-3 .video-block .video-item:hover .video-title { text-decoration: underline; } body.products-elenco div.sez-3 .video-block .video-item:hover .play-icon { opacity: 0.5; } body.products-elenco div.sez-3 .video-block .video-item.active { opacity: 0.4; cursor: default; } body.products-elenco div.sez-3 .video-block .video-item.active:hover .video-title { text-decoration: none; } body.products-elenco div.sez-3 .video-block .video-item.active:hover .play-icon { opacity: 1; } body.products-elenco div.sez-3 div.products div.product { padding-bottom: 1rem; } body.products-elenco div.sez-3 div.products div.product div.prod-text { padding-left: 0.5rem; } body.products-elenco div.sez-3 div.related { padding-top: 2.2rem; } body.products-elenco div.sez-3 div.related div.box { margin-bottom: 0.9rem; } body.products-elenco div.sez-3 div.related div.box div.head-panel a { cursor: pointer; display: block; background: url("../image/freccia_apri_basso.svg") 94.5% 10% no-repeat; background-size: 2.4rem 2.4rem; } body.products-elenco div.sez-3 div.related div.box div.head-panel a.open { background: url("../image/freccia_chiudi_alto.svg") 94.5% 10% no-repeat; } body.products-elenco div.sez-3 div.related div.box div.head-panel a.active { background-image: url("../image/freccia_chiudi_alto.svg"); } body.products-elenco div.sez-4 { padding-top: 1.5rem; padding-bottom: 1.5rem; } body.products-elenco div.sez-4 h3 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #55646e; } body.products-elenco div.sez-4 h3 strong, body.products-elenco div.sez-4 h3 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.products-elenco div.sez-4 div.text { padding-top: 1.2rem; padding-bottom: 1.2rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; color: #333; } body.products-elenco div.sez-4 div.text strong, body.products-elenco div.sez-4 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.products-elenco div.sez-4 div.image-container img { width: 100%; } body.products-elenco div.sez-4 div.dida { height: 10.2rem; padding: 1.5rem 1.8rem; background-color: #55646e; margin-bottom: 1rem; } body.products-elenco div.sez-4 div.dida div.year { padding-bottom: 0.2rem; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #bbc1c5; } body.products-elenco div.sez-4 div.dida div.descr { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; color: white; } body.products-elenco div.sez-4 div.dida div.descr strong, body.products-elenco div.sez-4 div.dida div.descr b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.products-elenco div.footer { margin-top: 3.2rem; } @media (max-width:799px) { body.products-elenco div.sez-2 div.titles { min-height: auto; padding-top: 0; } body.products-elenco div.sez-2 div.product-nav { padding-top: 10px; padding-bottom: 0; float: left; } body.products-elenco div.sez-2 div.product-nav div.page-count { padding-top: 8px; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 34px; } body.products-elenco div.sez-2 div.product-nav div.page-count strong, body.products-elenco div.sez-2 div.product-nav div.page-count b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.products-elenco div.sez-3 ul.products { margin: 0; padding-bottom: 10px; } body.products-elenco div.sez-3 .video-block h5 { padding: 3rem 0 2rem 0; } body.products-elenco div.sez-3 .video-block .video-list { margin-top: 20px; } body.products-elenco div.sez-3 div.related { padding-top: 0; } body.products-elenco div.sez-3 div.search-bar #myInput { width: 74%; } body.products-elenco div.sez-3 div.search-bar .reset { width: 26%; } } @media (max-width:560px) { body.products-elenco div.sez-2 div.text { padding-top: 1.9rem; } body.products-elenco div.sez-3 ul.products li.product .prod-name { position: relative; top: auto; left: auto; padding-top: 7px; padding-bottom: 7px; } body.products-elenco div.sez-3 ul.products li.product:hover .clickarrow { display: none; } body.products-elenco div.sez-3 ul.products li.product:hover .image-container { opacity: 1; } } @media (min-width:1920px) { body.products-elenco div.sez-3 ul.products li.product { width: 25%; } } body.product-details div.banda-sfondo { display: block; } body.product-details .sez-4 { margin-bottom: 0.9rem; } body.product-details .sez-4 h1 { color: black; } body.product-details .sez-4 h2 { margin-top: 0.5rem; color: #e53c14; margin-bottom: 2.5rem; } body.product-details .sez-4 h3 { margin-bottom: 2.5rem; } body.product-details .sez-4 p { color: black; margin-bottom: 5rem; } body.product-details .sez-4 .details .normal, body.product-details .sez-4 .details .indented { width: 100%; } body.product-details .sez-4 .details .normal p, body.product-details .sez-4 .details .indented p { margin-bottom: 3rem; } body.product-details .sez-4 .details .normal:first-of-type { width: 100%; } body.product-details .sez-4 .details .normal ul, body.product-details .sez-4 .details .indented ul, body.product-details .sez-4 .details .bolder ul { border-left: solid 3px black; list-style: none; padding-left: 2.2rem; margin-top: 0; margin-bottom: 3rem; } body.product-details .sez-4 .details .normal ul li:before, body.product-details .sez-4 .details .indented ul li:before, body.product-details .sez-4 .details .bolder ul li:before { content: '鈥 '; } body.product-details .sez-4 .carousel, body.product-details .sez-4 .video-container, body.product-details .sez-4 .img-container { margin-top: 1.5rem; margin-bottom: 5rem; } body.product-details .sez-4 .block-mail { margin-top: 2rem; } body.product-details .sez-4 a.contact-mail { background: transparent url(../image/icon_mail_ferro.svg) right center no-repeat; background-size: 2.5rem; color: black; padding-right: 35px; } body.product-details .sez-4 a.contact-mail:hover { text-decoration: underline; } body.product-details .sez-5 .sfondino { background-color: #e5e5e5; overflow: hidden; width: 100%; } body.product-details .sez-5 .sfondino .text { padding: 20px; } body.product-details .sez-5 .sfondino ol { border-left: solid 3px black; list-style: none; padding-left: 2.2rem; } body.product-details .sez-5 .sfondino ol li:before { content: '鈥 '; } body.product-details div.sez-6 { margin-top: 3.3rem; margin-bottom: 6.5rem; } @media (max-width:1024px) { body.product-details .sez-5 { padding-left: 0; padding-right: 0; } body.product-details .sez-5 .descr { padding-left: 0; padding-right: 0; } body.product-details .sez-5 .pic { padding-left: 20px; } } @media (max-width:799px) { body.product-details .components.product-nav { float: left; } } @media (max-width:560px) { body.product-details .no-padding-xs { padding: 0; } body.product-details div.sez-4 h3 { margin-bottom: 0; } body.product-details div.sez-4 h2 { margin: 4px 0 7px 0; } body.product-details div.sez-4 div.product-nav { margin: 10px 0; } body.product-details div.sez-4 div.product-nav div.grafico-prod img { width: 100%; padding: 0.5rem 1.7rem 0 1.7rem; } body.product-details div.sez-4 .details .normal p, body.product-details div.sez-4 .details .indented p { margin-bottom: 1.6rem; } body.product-details div.sez-4 .carousel, body.product-details div.sez-4 .video-container, body.product-details div.sez-4 .img-container { margin-top: 1rem; margin-bottom: 3rem; } body.product-details .sez-5 .pic { padding-bottom: 20px; } body.product-details div.sez-6 { margin-bottom: 0; } body.product-details div.sez-6 div.details div.indented { margin-left: 17%; } body.product-details div.sez-6 div.details div.picture { margin-right: 50%; } body.product-details div.sez-6 div.contact { padding-top: 1rem; } body.product-details div.sez-6 div.contact div.sfondo { margin: 0 -1rem; } body.product-details div.sez-6 div.contact div.place { border-bottom: 0.1rem solid #9db2bc; } body.product-details div.sez-6 div.contact div.address { padding-left: 2.2rem; } body.product-details div.sez-6 div.contact div.image-container { padding: 2.2rem 2.4rem 0 2rem; } body.product-details div.sez-6 div.configs { margin-top: 1.8rem; } body.product-details div.sez-6 div.configs div.sfondino { padding-bottom: 1.8rem; } body.product-details div.sez-6 div.configs div.sfondino>div.row { margin: 0; } body.product-details div.sez-6 div.configs h3 { margin-left: 0.4rem; } body.product-details div.sez-6 div.configs p { margin-left: 0.4rem; } body.product-details div.sez-6 div.configs ol>li { margin-left: 3rem; } body.product-details div.sez-6 div.configs ol>li:before { left: -2.6rem; } body.product-details div.sez-6 div.configs div.pic img { padding: 0.5em; } body.product-details div.sez-6 div.related { margin-top: 0.5rem; } body.product-details div.sez-6 div.related div.box { margin-top: 0.5rem; margin-bottom: 0.5rem; } body.product-details div.sez-6 div.related div.related-bu div.head-panel, body.product-details div.sez-6 div.related div.related-ta div.head-panel, body.product-details div.sez-6 div.related div.related-tp div.head-panel { background: url("../image/freccia_apri_basso.svg") 94% 10% no-repeat; } body.product-details div.sez-6 div.related div.related-bu div.head-panel a, body.product-details div.sez-6 div.related div.related-ta div.head-panel a, body.product-details div.sez-6 div.related div.related-tp div.head-panel a { display: block; width: 100%; } body.product-details div.sez-6 div.related div.related-bu div.head-panel div.grid img.icona, body.product-details div.sez-6 div.related div.related-ta div.head-panel div.grid img.icona, body.product-details div.sez-6 div.related div.related-tp div.head-panel div.grid img.icona { border-right: 1px solid #bac9d0; } body.product-details div.footer { margin-top: 1.5rem; } } @media (min-width:1201px) { body.product-details .sez-5 .pic { padding-left: 3%; } } body.turnkey-plants .no-padding { padding: 0 !important; } body.turnkey-plants .subtitle-scorecard { color: #000; padding-top: 10px; margin-bottom: 10px; } body.turnkey-plants .subtitle-scorecard a { color: inherit; text-decoration: underline; } body.turnkey-plants h3 { color: #55646e; } body.turnkey-plants div.banda-sfondo-ferro { display: block; } body.turnkey-plants .banda-sfondo-ferro h3 { color: #9db2bc; } body.turnkey-plants h3 a { text-decoration: underline; } body.turnkey-plants .text { color: #333; } body.turnkey-plants .text a { color: #2878a0; text-decoration: none; } body.turnkey-plants .text a:hover { color: #68a0bc; } body.turnkey-plants .text i, body.turnkey-plants .text em { color: #2878a0; } body.turnkey-plants .text b, body.turnkey-plants .text strong { color: #4c4c4c; } body.turnkey-plants .text p+p { margin-top: 2.6rem; } body.turnkey-plants .banda-sfondo-ferro .text { color: white; } body.turnkey-plants .banda-sfondo-ferro .text, body.turnkey-plants .banda-sfondo-ferro .text a, body.turnkey-plants .banda-sfondo-ferro .text i, body.turnkey-plants .banda-sfondo-ferro .text em, body.turnkey-plants .banda-sfondo-ferro .text b, body.turnkey-plants .banda-sfondo-ferro .text strong, body.turnkey-plants .banda-sfondo-ferro .text ol { line-height: 2.7rem; } body.turnkey-plants .banda-sfondo-ferro .text b, body.turnkey-plants .banda-sfondo-ferro .text strong { color: white; } body.turnkey-plants .sez-2 { padding-bottom: 1rem; } body.turnkey-plants .sez-2 h1 { color: black; } body.turnkey-plants .sez-2 h2 { color: #9db2bc; margin: 10px 0 20px 0; } body.turnkey-plants .sez-2 .score { padding: 6.3rem 0 0 8.3rem; } body.turnkey-plants .sez-2 .score .title, body.turnkey-plants .sez-2 .score .card { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; color: #55646e; } body.turnkey-plants .sez-2 .score .title strong, body.turnkey-plants .sez-2 .score .card strong, body.turnkey-plants .sez-2 .score .title b, body.turnkey-plants .sez-2 .score .card b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.turnkey-plants .sez-2 .score .title a, body.turnkey-plants .sez-2 .score .card a { color: #19beff; text-decoration: underline; } body.turnkey-plants .sez-3 .row { margin-left: -1rem; margin-right: -1rem; } body.turnkey-plants .sez-3 .image-container img { width: 100%; } body.turnkey-plants .sez-4 { padding-top: 3rem; padding-bottom: 3rem; } body.turnkey-plants .sez-4 .text { color: #333; } body.turnkey-plants .sez-4 .text b, body.turnkey-plants .sez-4 .text strong { color: #333; } body.turnkey-plants .sez-4 .text p { margin: 0; } body.turnkey-plants .sez-6 { padding-top: 5.7rem; padding-bottom: 6.2rem; } body.turnkey-plants .sez-6 .image-container img { width: 100%; } body.turnkey-plants .sez-6 h3 { margin-bottom: 2.5rem; } body.turnkey-plants .sez-5 { padding-top: 5rem; padding-bottom: 0; } body.turnkey-plants .sez-5 h3, body.turnkey-plants .sez-5 h4 { padding-bottom: 1.7rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.4rem; line-height: 3.6rem; } body.turnkey-plants .sez-5 h3 strong, body.turnkey-plants .sez-5 h4 strong, body.turnkey-plants .sez-5 h3 b, body.turnkey-plants .sez-5 h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.turnkey-plants .sez-5 h3 a, body.turnkey-plants .sez-5 h4 a { color: inherit; font-size: inherit; line-height: inherit; font-family: inherit; text-decoration: underline; } body.turnkey-plants .sez-5 h3 a:hover, body.turnkey-plants .sez-5 h4 a:hover { color: #19beff; } body.turnkey-plants .sez-5 .text { padding-right: 3rem; padding-bottom: 3rem; } body.turnkey-plants .sez-5 .text p { margin: 0; } body.turnkey-plants .sez-5 .image-container { margin-bottom: 5rem; } body.turnkey-plants .sez-5 .image-container img { width: 100%; } body.turnkey-plants .sez-7 { margin-top: 0; margin-bottom: 4rem; padding: 30px 0; } body.turnkey-plants .sez-7 .image-container img { width: 100%; } body.turnkey-plants .sez-7 .text { margin-top: 1rem; } body.turnkey-plants .sez-7 .text p { margin: 0; } body.turnkey-plants .components.related .box .body-panel ul li { width: 50%; } body.turnkey-plants .footer { margin-top: 3rem; } @media (max-width:560px) { body.turnkey-plants .text p+p { margin-top: 2.4rem; } body.turnkey-plants .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.turnkey-plants .sez-2 h1 { padding-top: 0; letter-spacing: 0; } body.turnkey-plants .sez-2 h2 { padding-bottom: 0; letter-spacing: 0; } body.turnkey-plants .sez-2 h2 br { display: none; } body.turnkey-plants .sez-2 .score { padding: 2.2rem 0 0 0.43rem; } body.turnkey-plants .sez-3 .row { margin: 0; } body.turnkey-plants .sez-4 .text br { display: none; } body.turnkey-plants .sez-5 { padding-top: 2.6rem; padding-bottom: 2rem; } body.turnkey-plants .sez-5 .image-container { margin: 0 -5px; } body.turnkey-plants .sez-5 .text { margin-top: 2rem; margin-bottom: 2rem; } body.turnkey-plants .sez-5 h3, body.turnkey-plants .sez-5 h4 { font-size: 30px; line-height: 34px; } body.turnkey-plants .sez-6 { margin-top: 0; padding-top: 0.8rem; padding-bottom: 2rem; } body.turnkey-plants .sez-6 .col1 { padding-left: 0.5rem; } body.turnkey-plants .sez-6 .text { padding-right: 0; padding-bottom: 3.5rem; } body.turnkey-plants .sez-6 .col2 { padding-left: 0.5rem; } body.turnkey-plants .sez-6 h3 { margin: 1.7rem 0 1.7rem 0; } body.turnkey-plants .sez-6 .involved-bu-head { padding-right: 0.5rem; } body.turnkey-plants .sez-6 .involved-bu-body { padding-left: 0.5rem; } body.turnkey-plants .sez-6 .involved-bu-body .box { margin-right: 0; border-top: none; } body.turnkey-plants .sez-6 .involved-bu-body .box .grid .image-container { padding: 0 1.9rem; width: 8.1rem; } body.turnkey-plants .sez-6 .involved-bu-body .box .grid .image-container img.icona { padding: 0; width: 100%; } body.turnkey-plants .sez-6 .involved-bu-body .box .grid a { padding: 0 0 0 1rem; vertical-align: middle; } body.turnkey-plants .sez-6 .contact { padding-right: 0.5rem; } body.turnkey-plants .sez-6 .contact .box .grid .image-container img.icona { margin: 0.6rem 0 0 2.8rem; } body.turnkey-plants .sez-6 .mailaddr { padding-left: 0.5rem; } body.turnkey-plants .sez-6 .mailaddr .box { margin-right: 0; } body.turnkey-plants .sez-6 .mailaddr .box a { padding: 0.7rem 0 0 9.4rem; } body.turnkey-plants .sez-7 .text { margin-bottom: 2rem; } } body.minimills .image-container { text-align: right; } body.minimills .image-container img { width: 100%; } body.minimills .col-ssm-2_5 { float: left; position: relative; width: 20.83%; padding: 0 1rem; } body.minimills .no-padding { padding: 0 !important; } body.minimills .sez-2 { padding-bottom: 6rem; } body.minimills .sez-2 h1 { margin: 0; color: black; } body.minimills .sez-2 h2 { margin: -0.4rem 0 3.7rem 0; color: #9db2bc; } body.minimills .sez-2 .carousel-wrapper { margin-left: -8px; margin-right: -4px; } body.minimills .sez-2 .row+.row>div { padding: 0 0.5rem 0 0.2rem; } body.minimills .sez-2 .data .prop-int { padding: 2.2rem 2rem; background-color: #55646e; } body.minimills .sez-2 .data .prop-int .number { color: white; letter-spacing: 0.1rem; } body.minimills .sez-2 .data .prop-int .legend { margin-bottom: 2.6rem; color: #9db2bc; text-transform: uppercase; } body.minimills .sez-2 .description { margin-top: 4rem; } body.minimills .sez-2 .description .title { color: #55646e; padding: 0 1rem; margin-bottom: 2rem; } body.minimills .sez-2 .description .text { columns: 2; column-gap: 2rem; color: #333; } body.minimills .banda-sfondo-grigio-chiaro { width: 100%; background-color: #e5e5e5; } body.minimills .sez-3 { margin-top: 4rem; margin-bottom: 4rem; } body.minimills .sez-3 .description { margin-top: 4rem; } body.minimills .sez-3 .description .title { color: #55646e; margin-bottom: 1.5rem; } body.minimills .sez-3 .description .text { color: #333; padding-left: 0; } body.minimills .sez-3 .description h4 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3.2rem; color: #55646e; } body.minimills .sez-3 .description h4 strong, body.minimills .sez-3 .description h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-3 .description .image-container { padding-top: 0.7rem; } body.minimills .sez-4 { margin-top: 4rem; margin-bottom: 4rem; } body.minimills .sez-4 .title { color: #55646e; margin-bottom: 2rem; } body.minimills .sez-4 .minimills-type { color: #77838b; margin-top: 2rem; } body.minimills .sez-4 .minimills-type a { color: #333; text-decoration: underline; } body.minimills .sez-4 .minimills-type a:hover { color: #55646e; } body.minimills #refCarousel { margin-bottom: 3rem; } body.minimills .sez-5 h3 { color: #55646e; padding-top: 3rem; padding-bottom: 2rem; } body.minimills .sez-5 .intro { padding-bottom: 3.5rem; padding-left: 0; color: #333; } body.minimills .sez-5 .row.reference-wrapper { margin-bottom: 5rem; } body.minimills .sez-5 .reference-img { padding: 0; } body.minimills .sez-5 .reference-img img { width: 100%; } body.minimills .sez-5 .reference-title { padding: 20px 0 0 0; color: #77838b; } body.minimills .sez-5 .reference-title span { color: #77838b; } body.minimills .sez-5 .reference-text { padding: 0; color: #77838b; } body.minimills .sez-5 .navigation { text-align: right; padding-top: 3.7rem; } body.minimills .sez-5 .navigation .button-prev { display: inline-block; margin-right: 2rem; } body.minimills .sez-5 .navigation .button-next { display: inline-block; } body.minimills .sez-5 .navigation .page-count { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #77838b; padding: 1rem 0; } body.minimills .sez-5 .navigation .page-count strong, body.minimills .sez-5 .navigation .page-count b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-5 .navigation-xs { text-align: left; padding-top: 0; } body.minimills .sez-5 .navigation-xs .button-prev { display: inline-block; } body.minimills .sez-5 .navigation-xs .button-next { display: inline-block; } body.minimills .sez-5 .navigation-xs .page-count-xs { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #77838b; padding: 1rem; } body.minimills .sez-5 .navigation-xs .page-count-xs strong, body.minimills .sez-5 .navigation-xs .page-count-xs b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-contact { padding-top: 5rem; } body.minimills .sez-contact .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #55646e; margin-bottom: 2.5rem; } body.minimills .sez-contact .title strong, body.minimills .sez-contact .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-contact .name { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.7rem; color: #19beff; text-transform: uppercase; } body.minimills .sez-contact .name strong, body.minimills .sez-contact .name b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-contact .name a { text-decoration: underline; color: inherit; } body.minimills .sez-contact .contacts { color: #333; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 2rem; } body.minimills .sez-contact .contacts strong, body.minimills .sez-contact .contacts b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.minimills .sez-contact .contacts a { display: block; width: 100%; text-decoration: underline; color: inherit; margin-bottom: 1rem; padding: 0.4rem 0 0.7rem 4rem; background-position: 0 50%; background-repeat: no-repeat; } body.minimills .sez-contact .contacts .contact-mail { background-image: url('../image/icon_mail_ferro.svg'); background-size: 2.5rem; } body.minimills .sez-contact .contacts .contact-web { background-image: url('../image/icon_web_ferro.svg'); background-size: 1.6rem; } @media (min-width:800px) and (max-width:1024px) { body.minimills .sez-2 .data .prop-int { padding: 8px; } body.minimills .sez-2 .data .prop-int .number { font-size: 28px; } body.minimills .sez-2 .data .prop-int .legend { margin-bottom: 1.6rem; font-size: 20px; line-height: 26px; } } @media (max-width:799px) { body.minimills .sez-2 #top-carousel { margin-top: 2rem; } body.minimills .sez-4 { margin-top: 3rem; } body.minimills .sez-4 .title { margin-bottom: 0; } body.minimills .sez-4 .image-container { margin: 2rem 0; } body.minimills .sez-4 .minimills-type { margin: 0 0 2rem 0; } body.minimills .sez-5 .reference-block { margin-bottom: 2rem; } body.minimills .sez-5 .navigation { padding-top: 0; } } @media (max-width:560px) { body.minimills .sez-2 { padding-bottom: 1rem; } body.minimills .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.minimills .sez-2 h1 { margin: 0; padding-top: 0; } body.minimills .sez-2 h2 { margin: 0 0 2.8rem 0; } body.minimills .sez-2 .data .prop-int { padding: 0.5rem 0.6rem; } body.minimills .sez-2 .data .prop-int .legend { margin-bottom: 0; margin-top: -0.1rem; } body.minimills .sez-2 .description .title { margin-bottom: 0; } body.minimills .sez-2 .description .text { columns: 1; padding: 1rem; } body.minimills .footer { margin-top: 2rem; } } body.green-tech h3 { color: #2878a0; } body.green-tech .intro, body.green-tech .text { color: #333; } body.green-tech .intro a, body.green-tech .text a { color: #2878a0; text-decoration: underline; } body.green-tech .intro a:hover, body.green-tech .text a:hover { color: #68a0bc; } body.green-tech .intro p+p, body.green-tech .text p+p { margin-top: 2.4rem; } body.green-tech .sez-2 { padding-bottom: 6rem; } body.green-tech .sez-2 h1 { color: black; } body.green-tech .sez-2 h2 { color: #9db2bc; margin-bottom: 25px; } body.green-tech .sez-2 .carousel-wrapper { margin-left: -8px; margin-right: -4px; } body.green-tech .sez-2 .data .prop-int { padding: 2.2rem 2rem; background-color: #55646e; } body.green-tech .sez-2 .data .prop-int .number { color: white; } body.green-tech .sez-2 .data .prop-int .legend { margin-bottom: 2.6rem; color: #9db2bc; text-transform: uppercase; } body.green-tech .sez-2 .image-container { text-align: right; } body.green-tech .sez-2 .image-container img { width: 100%; } body.green-tech .banda-sfondo-grigio-chiaro { width: 100%; background-color: #e5e5e5; } body.green-tech .sez-3 { padding-top: 4.4rem; } body.green-tech .sez-3 .intro { padding-bottom: 5rem; padding-right: 33.3333%; background: url("../image/greentech_logo.svg") 90.5% 0 no-repeat; background-size: 22.8% auto; } body.green-tech .sez-3 .text a { color: #333; text-decoration: underline; } body.green-tech .sez-3 .text a:hover { text-decoration: none; } body.green-tech .sez-3 h3 { margin: 0 0 1.7rem 0; color: black; } body.green-tech .sez-3 h4 { text-transform: uppercase; color: black; } body.green-tech .sez-4 { margin-top: 4.4rem; } body.green-tech .sez-4 .image-container img { width: 100%; } body.green-tech .sez-5 { margin-top: 4rem; padding-bottom: 5rem; } body.green-tech .sez-5 h3 { margin: 0 0 1.7rem 0; } body.green-tech .sez-5 h4 { text-transform: uppercase; color: black; } body.green-tech .sez-5 .text a { color: #333; text-decoration: underline; } body.green-tech .sez-5 .text a:hover { text-decoration: none; } body.green-tech .sez-video { padding-top: 4rem; padding-bottom: 4rem; border-bottom: 1px solid #333; } body.green-tech .sez-video .title { color: #55646e; margin-bottom: 2rem; } body.green-tech .sez-video .video-block { margin: 0; border: 0; padding-top: 2rem; } body.green-tech .sez-video .video-block .block-title { color: #ea6343; margin-bottom: 3rem; float: left; display: block; width: 100%; } body.green-tech .sez-video .video-block .video-list { list-style-type: none; padding: 0; margin: 0; } body.green-tech .sez-video .video-block .video-item { padding: 0 2rem 1rem 3rem; margin: 0; cursor: pointer; } body.green-tech .sez-video .video-block .video-item .video-img { width: 50%; float: left; position: relative; } body.green-tech .sez-video .video-block .video-item .video-img img { display: block; width: 100%; max-width: 100%; } body.green-tech .sez-video .video-block .video-item .video-img .play-icon { width: 4rem; max-width: 4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.green-tech .sez-video .video-block .video-item .video-title { display: inline-block; float: left; width: 50%; padding-top: 1rem; padding-left: 1.5rem; } body.green-tech .sez-video .video-block .video-item:hover .video-title { text-decoration: underline; } body.green-tech .sez-video .video-block .video-item:hover .play-icon { opacity: 0.5; } body.green-tech .sez-video .video-block .video-item.active { opacity: 0.4; cursor: default; } body.green-tech .sez-video .video-block .video-item.active:hover .video-title { text-decoration: none; } body.green-tech .sez-video .video-block .video-item.active:hover .play-icon { opacity: 1; } body.green-tech .sez-video .video-block .video-container { display: none; padding: 0; margin-bottom: 6rem; } body.green-tech .sez-video .video-block .video-container .video-wrapper { position: relative; padding-top: 56.25%; } body.green-tech .sez-video .video-block .video-container .video-wrapper iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } body.green-tech .sez-video .video-block .video-container .title { color: #ea6343; text-transform: uppercase; display: inline-block; margin-bottom: 2rem; padding: 3.4rem 0 0 0; } body.green-tech .sez-video .video-block .video-container .video-navigation { display: block; float: right; margin-bottom: 2rem; padding-top: 2rem; } body.green-tech .sez-video .video-block .video-container .video-navigation .counter { float: right; width: 100%; text-align: right; padding-top: 1.4rem; color: #ea6343; } body.green-tech .sez-video .video-block .video-container .prev-video, body.green-tech .sez-video .video-block .video-container .next-video { cursor: pointer; display: inline-block; width: 5rem; height: 5rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: right; } body.green-tech .sez-video .video-block .video-container .prev-video.disabled, body.green-tech .sez-video .video-block .video-container .next-video.disabled { cursor: default; opacity: 0.6; } body.green-tech .sez-video .video-block .video-container .prev-video { background-image: url('../image/freccia_big_sx_minio.svg'); margin-right: 1rem; } body.green-tech .sez-video .video-block .video-container .prev-video.disabled { background-image: url('../image/freccia_big_grey_sx.svg'); } body.green-tech .sez-video .video-block .video-container .next-video { background-image: url('../image/freccia_big_dx_minio.svg'); } body.green-tech .sez-video .video-block .video-container .next-video.disabled { background-image: url('../image/freccia_big_grey_dx.svg'); } body.green-tech .sez-video .video-block .close-video { cursor: pointer; text-align: right; } body.green-tech .sez-contact { padding-top: 5rem; } body.green-tech .sez-contact .title { color: #55646e; margin-bottom: 2.5rem; } body.green-tech .sez-contact .name { color: #19beff; text-transform: uppercase; } body.green-tech .sez-contact .name a { text-decoration: underline; color: inherit; } body.green-tech .sez-contact .contacts { color: #333; } body.green-tech .sez-contact .contacts a { display: block; width: 100%; text-decoration: underline; color: inherit; margin-bottom: 1rem; padding: 0.4rem 0 0.7rem 4rem; background-position: 0 50%; background-repeat: no-repeat; } body.green-tech .sez-contact .contacts .contact-mail { background-image: url('../image/icon_mail_ferro.svg'); background-size: 2.5rem; } body.green-tech .sez-contact .contacts .contact-web { background-image: url('../image/icon_web_ferro.svg'); background-size: 1.6rem; } @media (max-width:799px) { body.green-tech .sez-3 .intro { padding-right: 10px; padding-bottom: 120px; background-size: 150px; background-position: 0 94%; } } @media (max-width:560px) { body.green-tech .sez-2 { padding-bottom: 1rem; } body.green-tech .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.green-tech .sez-2 h1 { margin: 0; padding-top: 0; letter-spacing: 0; } body.green-tech .sez-2 h2 { margin: 0 0 2.8rem 0; letter-spacing: 0; } body.green-tech .sez-2 .data .prop-int { padding: 0.5rem 0.6rem; } body.green-tech .sez-2 .data .prop-int .legend { margin-bottom: 0; margin-top: -0.1rem; } body.green-tech .sez-2 .image-container { margin-top: 1rem; } body.green-tech .sez-2 .image-container img { width: 100%; } body.green-tech .sez-3, body.green-tech .sez-5 { margin-top: 0; padding-bottom: 0; } body.green-tech .sez-3 h4, body.green-tech .sez-5 h4 { cursor: pointer; padding: 15px 35px 15px 0; border-top: 1px solid #b2b2b2; background-image: url('../image/plus_bk.svg'); background-position: 100% 21px; background-repeat: no-repeat; } body.green-tech .sez-3 h4.open, body.green-tech .sez-5 h4.open { background-image: none; } body.green-tech .sez-3 .text, body.green-tech .sez-5 .text { display: none; padding-bottom: 30px; } body.green-tech .sez-3 .image-container { margin-bottom: 30px; } body.green-tech .sez-3 .image-container img { width: 100%; } body.green-tech .sez-5 { margin-bottom: 15px; } body.green-tech .sez-5 .row div:last-of-type h4 { border-bottom: 1px solid #b2b2b2; } body.green-tech .sez-video .video-block .video-item { padding-left: 0; } body.green-tech .footer { margin-top: 2rem; } } body.cranes .sez-2 { padding-bottom: 5rem; } body.cranes .sez-2 h1 { padding-top: 6rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 4rem; color: #55646e; text-transform: uppercase; letter-spacing: -0.05rem; } body.cranes .sez-2 h1 strong, body.cranes .sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-2 h2 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 4rem; color: #9db2bc; text-transform: uppercase; letter-spacing: -0.05rem; } body.cranes .sez-2 h2 strong, body.cranes .sez-2 h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-2 .score { padding: 6.3rem 0 0 8.3rem; } body.cranes .sez-2 .score .title, body.cranes .sez-2 .score .card { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 2.8rem; color: #55646e; } body.cranes .sez-2 .score .title strong, body.cranes .sez-2 .score .card strong, body.cranes .sez-2 .score .title b, body.cranes .sez-2 .score .card b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-2 .score .title a, body.cranes .sez-2 .score .card a { color: #19beff; text-decoration: underline; } body.cranes .sez-3 .image-container img { width: 100%; } body.cranes .sez-4 { padding-top: 3rem; padding-bottom: 4rem; } body.cranes .sez-4 .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; } body.cranes .sez-4 .text strong, body.cranes .sez-4 .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-4 .text p { margin: 0; } body.cranes .sez-4 .text b, body.cranes .sez-4 .text strong { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; } body.cranes .sez-4 .text2col { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.7rem; color: #333; columns: 2; column-gap: 4rem; margin-top: 3rem; } body.cranes .sez-4 .text2col strong, body.cranes .sez-4 .text2col b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-4 .text2col p { margin: 0; } body.cranes .sez-4 .text2col b, body.cranes .sez-4 .text2col strong { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.7rem; color: #333; } body.cranes .sez-5 { margin-top: 0; padding-top: 3rem; padding-bottom: 4rem; } body.cranes .sez-5 .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #333; padding-bottom: 3rem; } body.cranes .sez-5 .title strong, body.cranes .sez-5 .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-5 .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.7rem; color: white; padding-right: 3rem; padding-bottom: 6rem; } body.cranes .sez-5 .text strong, body.cranes .sez-5 .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-5 h4 { color: #55646e; padding-bottom: 1.7rem; } body.cranes .sez-5 .image-container { margin-bottom: 5rem; } body.cranes .sez-5 .image-container img { width: 100%; } body.cranes .sez-contact { padding-top: 5rem; } body.cranes .sez-contact .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.4rem; line-height: 3.4rem; color: #55646e; margin-bottom: 2.5rem; } body.cranes .sez-contact .title strong, body.cranes .sez-contact .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-contact .name { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.7rem; color: #19beff; } body.cranes .sez-contact .name strong, body.cranes .sez-contact .name b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-contact .name a { text-decoration: underline; color: inherit; } body.cranes .sez-contact .contacts { color: #333; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 2rem; } body.cranes .sez-contact .contacts strong, body.cranes .sez-contact .contacts b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-contact .contacts a { display: block; width: 100%; text-decoration: underline; color: inherit; margin-bottom: 1rem; padding: 0.4rem 0 0.7rem 4rem; background-position: 0 50%; background-repeat: no-repeat; } body.cranes .sez-contact .contacts .contact-mail { background-image: url('../image/icon_mail_ferro.svg'); background-size: 2.5rem; } body.cranes .sez-contact .contacts .contact-web { background-image: url('../image/icon_web_ferro.svg'); background-size: 1.6rem; } body.cranes .footer { margin-top: 3rem; } @media (max-width:560px) { body.cranes .sez-2 { padding-bottom: 4.1rem; } body.cranes .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.cranes .sez-2 h1 { padding-top: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; letter-spacing: 0; } body.cranes .sez-2 h1 strong, body.cranes .sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-2 h1 br { display: none; } body.cranes .sez-2 h2 { padding-bottom: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; letter-spacing: 0; } body.cranes .sez-2 h2 strong, body.cranes .sez-2 h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.cranes .sez-2 h2 br { display: none; } body.cranes .sez-2 .score { padding: 2.2rem 0 0 0.43rem; } body.cranes .sez-4 { padding-top: 3rem; } body.cranes .sez-4 .text { font-size: 2rem; line-height: 3rem; } body.cranes .sez-4 .text2col { columns: 1; } body.cranes .sez-5 { padding-top: 2.6rem; padding-bottom: 2rem; } body.cranes .sez-5 .title { font-size: 2rem; line-height: 3rem; padding-bottom: 2rem; } body.cranes .sez-5 .image-container { margin: 0 -0.5rem 2rem -0.5rem; } } body.research-center h3 { color: black; } body.research-center .text { color: #333; } body.research-center .text ul { padding-left: 1.4rem; list-style-image: url("../image/bullet_elenco_puntato_acciaio_16.svg"); } body.research-center .text ul li { color: #2878a0; } body.research-center .text b, body.research-center .text strong { color: #4c4c4c; } body.research-center .text p+p, body.research-center .text p+ul, body.research-center .text p+ol, body.research-center .text ul+p, body.research-center .text ul+ul, body.research-center .text ul+ol, body.research-center .text ol+p, body.research-center .text ol+ol, body.research-center .text ol+ul { margin-top: 2.4rem; } body.research-center .sez-2 { padding-bottom: 1rem; } body.research-center .sez-2 h1 { color: black; } body.research-center .sez-2 h2 { color: #55646e; margin-bottom: 25px; } body.research-center .sez-2 .carousel-wrapper { margin-left: -8px; margin-right: -4px; } body.research-center .sez-2 .col-left { padding: 0 1%; } body.research-center .sez-2 .col-right { padding: 0 2%; } body.research-center .sez-2 .col-right .image-container { padding-top: 50%; position: relative; } body.research-center .sez-2 .col-right img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.research-center .sez-2 .data .prop-int { padding: 1.2rem 1.4rem; background-color: #55646e; } body.research-center .sez-2 .data .prop-int .number { color: white; } body.research-center .sez-2 .data .prop-int .legend { margin-bottom: 1rem; color: #9db2bc; text-transform: uppercase; } body.research-center .sez-3 { margin-top: 4.4rem; } body.research-center .sez-3 h3 { margin: 0 0 1.7rem 0; } body.research-center .sez-3 .text { line-height: 2.6rem; } body.research-center .sez-4 { margin-top: 4.4rem; } body.research-center .sez-4 .image-container img { width: 100%; } body.research-center .sez-5 { margin-top: 6.2rem; margin-bottom: 11.8rem; } body.research-center .sez-5 .concepts-txt { padding-left: 36px; } body.research-center .sez-5 .image-container img { padding-top: 1rem; width: 100%; } body.research-center .sez-5 h3 { margin: 0 0 1.7rem 0; padding-top: 0.7rem; } body.research-center .sez-6 { padding: 20px 0; } body.research-center .sez-6 h2 { text-transform: uppercase; color: #55646e; } body.research-center .sez-6 h2 span { color: white; } body.research-center .sez-6 .title { padding: 3.6rem 0 0 0; margin: 0 0 5rem 0; color: #55646e; } body.research-center .sez-6 .img-container img { max-width: 100%; display: block; } body.research-center .sez-6 .text-l { color: #55646e; padding-right: 4rem; padding-left: 0; margin-bottom: 5.4rem; text-transform: uppercase; } body.research-center .sez-6 .text-r { color: #9db2bc; padding-right: 5rem; padding-left: 0; margin-bottom: 5.4rem; text-transform: uppercase; } body.research-center .sez-6 .read-more { text-align: right; text-transform: uppercase; color: #9db2bc; padding-right: 6.8rem; } body.research-center .sez-6 .read-more span { color: #55646e; } body.research-center .sez-6 .read-more a { color: inherit; text-decoration: inherit; } body.research-center .sez-7 { padding: 20px 0; } body.research-center .sez-7 .col-l { padding-right: 36px; padding-left: 20px; margin-bottom: 40px; } body.research-center .sez-7 .col-r { padding-left: 36px; padding-right: 20px; margin-bottom: 40px; } body.research-center .sez-7 h2 { text-transform: uppercase; color: #55646e; } body.research-center .sez-7 h2 span { color: white; } body.research-center .sez-7 .title { padding: 10px 0 10px 20px; margin: 0 0 5rem 0; color: #55646e; } body.research-center .sez-7 .img-container img { width: 100%; max-width: 100%; display: block; margin-bottom: 20px; } body.research-center .sez-7 .text-l { color: #55646e; padding-right: 40px; padding-left: 0; margin-bottom: 20px; text-transform: uppercase; } body.research-center .sez-7 .text-r { color: #9db2bc; padding-right: 40px; padding-left: 0; margin-bottom: 20px; text-transform: uppercase; } body.research-center .sez-7 .read-more { text-align: left; text-transform: uppercase; color: #9db2bc; padding-right: 6.8rem; } body.research-center .sez-7 .read-more span { color: #55646e; } body.research-center .sez-7 .read-more a { color: inherit; text-decoration: inherit; } @media (max-width:799px) { body.research-center .sez-2 .col-right .image-container { margin-top: 2rem; } body.research-center .sez-5 { margin-bottom: 2rem; } body.research-center .sez-5 h3 { margin-top: 2rem; } body.research-center .sez-5 .concepts-txt { padding-left: 10px; } body.research-center .sez-6 .title { padding-top: 1rem; margin-bottom: 2rem; } body.research-center .sez-6 .text-l, body.research-center .sez-6 .text-r { margin-bottom: 2rem; } body.research-center .sez-6 .read-more { padding-right: 2rem; } body.research-center .sez-6 .img-container { margin-top: 1rem; margin-bottom: 3rem; } body.research-center .sez-7 .col-l { padding-right: 20px; } body.research-center .sez-7 .col-r { padding-left: 20px; } } @media (max-width:560px) { body.research-center .sez-2 { padding-bottom: 1rem; } body.research-center .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.research-center .sez-2 h1 { padding-top: 0; } body.research-center .sez-2 h2 { margin: 0 0 2.8rem 0; } body.research-center .sez-2 .data .prop-int { padding: 0.5rem 0.6rem; } body.research-center .sez-2 .data .prop-int .legend { margin-bottom: 0; font-size: 15px; line-height: 22px; } body.research-center .sez-2 .image-container { margin-top: 1rem; } body.research-center .sez-2 .image-container img { width: 100%; } body.research-center .sez-3 .text { line-height: 2.4rem; } body.research-center .sez-4 { margin-top: 2.4rem; } body.research-center .sez-5 { margin-top: 1.4rem; } body.research-center .sez-5 h3 { margin: 0 0 1.7rem 0; padding-top: 1.9rem; } body.research-center .sez-5 h4 { margin-top: 2.4rem; } body.research-center .sez-5 ul i, body.research-center .sez-5 ul em { color: #333; } } body.automation h3 { color: black; } body.automation .intro, body.automation .text { color: #333; } body.automation .intro a, body.automation .text a { color: #2878a0; text-decoration: underline; } body.automation .intro a:hover, body.automation .text a:hover { color: #68a0bc; } body.automation .intro b, body.automation .text b, body.automation .intro strong, body.automation .text strong { color: #4c4c4c; } body.automation .intro p+p, body.automation .text p+p, body.automation .intro p+ul, body.automation .text p+ul, body.automation .intro p+ol, body.automation .text p+ol, body.automation .intro ul+p, body.automation .text ul+p, body.automation .intro ul+ul, body.automation .text ul+ul, body.automation .intro ul+ol, body.automation .text ul+ol, body.automation .intro ol+p, body.automation .text ol+p, body.automation .intro ol+ol, body.automation .text ol+ol, body.automation .intro ol+ul, body.automation .text ol+ul { margin-top: 2.4rem; } body.automation .intro ul, body.automation .text ul { margin: 2.5rem 0; padding-left: 1.4rem; list-style-image: url("../image/bullet_elenco_puntato_acciaio_16.svg"); } body.automation .intro ul li, body.automation .text ul li { color: #2878a0; } body.automation .sez-2 h1 { margin: 0; color: black; } body.automation .sez-2 h2 { margin: -0.4rem 0 0 0; color: #9db2bc; } body.automation .sez-2 .image-container { padding-top: 3.6rem; } body.automation .sez-2 .image-container img { width: 100%; } body.automation .sez-3 { margin-top: 4.4rem; padding-bottom: 3.6rem; } body.automation .sez-3 h3 { margin: 0 0 1.7rem 0; } body.automation .sez-3 .text { line-height: 2.6rem; } body.automation .sez-4 .image-container img { width: 100%; } body.automation .sez-5 { margin-top: 6.2rem; margin-bottom: 3rem; } body.automation .sez-5 .image-container img { width: 100%; } body.automation .sez-5 h3 { margin: 0 0 1.7rem 0; padding-top: 1rem; } body.automation .sez-5 .involved-bu-head { padding-right: 0; } body.automation .sez-5 .involved-bu-head .box { border: 0.1rem solid #bac9d0; } body.automation .sez-5 .involved-bu-head .box .grid { text-transform: uppercase; height: 8.1rem; display: table-row; } body.automation .sez-5 .involved-bu-head .box .grid img.icona { width: 8.1rem; height: 8.1rem; display: table-cell; } body.automation .sez-5 .involved-bu-head .box .grid h3 { font-size: inherit; font-weight: inherit; margin: 0; padding: 0 0 0 1rem; display: table-cell; vertical-align: middle; color: #333; } body.automation .sez-5 .involved-bu-body { padding-left: 0; } body.automation .sez-5 .involved-bu-body .box { border: 0.1rem solid #bac9d0; } body.automation .sez-5 .involved-bu-body .box .grid { text-transform: uppercase; height: 8.1rem; display: table-row; } body.automation .sez-5 .involved-bu-body .box .grid .image-container { display: table-cell; vertical-align: middle; } body.automation .sez-5 .involved-bu-body .box .grid .image-container img.icona { width: 5.7rem; height: 5.7rem; padding-left: 1.2rem; } body.automation .sez-5 .involved-bu-body .box .grid a { font-size: inherit; font-weight: inherit; margin: 0; padding: 1.4rem 0 0 2.4rem; display: table-cell; vertical-align: top; color: #19beff; text-decoration: underline; } body.automation .sez-5 .contact { padding-right: 0; } body.automation .sez-5 .contact .box { height: 3.8rem; background-color: #55646e; } body.automation .sez-5 .contact .box .grid { text-transform: uppercase; height: 3rem; display: table-row; } body.automation .sez-5 .contact .box .grid .image-container { display: table-cell; vertical-align: middle; } body.automation .sez-5 .contact .box .grid .image-container img.icona { width: 2.6rem; height: 2rem; margin: 0.6rem 0 0 2.6rem; } body.automation .sez-5 .contact .box .grid span { margin: 0 0 0 0; padding: 0.4rem 0 0 3.8rem; display: table-cell; vertical-align: middle; color: #9db2bc; } body.automation .sez-5 .mailaddr { padding-left: 0; } body.automation .sez-5 .mailaddr .box { height: 3.8rem; background-color: #55646e; } body.automation .sez-5 .mailaddr .box a { display: block; padding: 0.7rem 0 0 8.3rem; color: white; text-decoration: underline; } body.automation .sez-6 { padding-bottom: 25px; } body.automation .sez-6 .title { padding: 3.6rem 0 0 0; text-transform: uppercase; margin: 0 0 4rem 0; color: white; } body.automation .sez-6 .text { color: #9db2bc; text-transform: uppercase; margin: 0 0 4rem 0; } body.automation .sez-6 .img-container img { max-width: 100%; display: block; } body.automation .sez-6 .read-more { text-align: left; text-transform: uppercase; color: #9db2bc; padding-right: 5rem; padding-left: 0; } body.automation .sez-6 .read-more span { color: white; } body.automation .sez-6 .read-more a { color: inherit; text-decoration: inherit; } body.automation .sez-7 { padding: 20px 0; } body.automation .sez-7 .col-l { padding-right: 36px; padding-left: 20px; margin-bottom: 40px; } body.automation .sez-7 .col-r { padding-left: 36px; padding-right: 20px; margin-bottom: 40px; } body.automation .sez-7 h2 { text-transform: uppercase; color: #55646e; } body.automation .sez-7 h2 span { color: white; } body.automation .sez-7 .title { padding: 10px 0 10px 20px; margin: 0 0 5rem 0; color: white; } body.automation .sez-7 .img-container img { width: 100%; max-width: 100%; display: block; margin-bottom: 20px; } body.automation .sez-7 .text-l { color: white; padding-right: 40px; padding-left: 0; margin-bottom: 20px; text-transform: uppercase; } body.automation .sez-7 .text-r { color: #9db2bc; padding-right: 40px; padding-left: 0; margin-bottom: 20px; text-transform: uppercase; } body.automation .sez-7 .read-more { text-align: left; text-transform: uppercase; color: #9db2bc; padding-right: 6.8rem; } body.automation .sez-7 .read-more span { color: white; } body.automation .sez-7 .read-more a { color: inherit; text-decoration: inherit; } @media (max-width:799px) { body.automation .sez-6 { padding: 3rem 0; } body.automation .sez-6 .title { margin: 0 0 3rem 0; padding-top: 0; } body.automation .sez-6 .text { margin-bottom: 2rem; } body.automation .sez-6 .read-more { padding: 0 2rem 0 1rem; } body.automation .sez-6 .img-container { margin-top: 1rem; margin-bottom: 3rem; } body.automation .sez-7 .col-l { padding-right: 20px; } body.automation .sez-7 .col-r { padding-left: 20px; } } @media (max-width:560px) { body.automation .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.automation .sez-2 h1 { margin: 0; padding-top: 0; letter-spacing: 0; } body.automation .sez-2 h2 { margin: 0; letter-spacing: 0; } body.automation .sez-2 .image-container { padding-top: 2.5rem; margin: 0 -1rem; } body.automation .sez-2 .image-container img { width: 100%; } body.automation .sez-3 { margin-top: 2.8rem; } body.automation .sez-3 h3 { margin: 0 0 2.2rem 0; } body.automation .sez-3 .text { line-height: 2.4rem; } body.automation .sez-4 { margin-top: 2.6rem; } body.automation .sez-5 { margin-top: 2.2rem; } body.automation .sez-5 h3 { padding-top: 3rem; } body.automation .sez-5 .involved-bu-head { padding-right: 0.5rem; margin-top: 3rem; } body.automation .sez-5 .involved-bu-body { padding-left: 0.5rem; } body.automation .sez-5 .involved-bu-body .box { border-top: none; } body.automation .sez-5 .involved-bu-body .box .grid .image-container { padding: 0 1.9rem; width: 8.1rem; } body.automation .sez-5 .involved-bu-body .box .grid .image-container img.icona { padding: 0; width: 100%; } body.automation .sez-5 .involved-bu-body .box .grid a { padding: 0 0 0 1rem; vertical-align: middle; } body.automation .sez-5 .contact { padding-right: 0.5rem; } body.automation .sez-5 .contact .image-container img.icona { margin: 0.6rem 0 0 2.8rem; } body.automation .sez-5 .mailaddr { padding-left: 0.5rem; } body.automation .sez-5 .mailaddr a { padding: 0.7rem 0 0 9.4rem; } body.automation .footer { margin-top: 2rem; } } body.call-credits .inpage-menu-wrapper { padding-top: 0; } body.call-credits .sez-2 { padding: 5rem 0; } body.call-credits .sez-2 h1 { text-transform: uppercase; color: #55646e; margin-bottom: 5rem; } body.call-credits .sez-2 h2 { text-transform: uppercase; color: #9db2bc; } body.call-credits .sez-2 .img-container { padding-left: 1rem; } body.call-credits .sez-2 .img-container img { max-width: 100%; display: block; margin: 0 auto; } body.call-credits .sez-3 { padding: 6rem 0; } body.call-credits .sez-3 .col-l { color: black; padding-right: 5rem; } body.call-credits .sez-3 .col-r { color: #55646e; padding-right: 5rem; } body.call-credits .sez-4 { padding: 7rem 0 40px 0; } body.call-credits .sez-4 .text-block { color: white; margin-bottom: 5rem; padding: 0 2rem; } body.call-credits .sez-4 .second-row .text-block, body.call-credits .sez-4 .second-row-xs { color: #9db2bc; margin-bottom: 5rem; padding: 0 2rem; } body.call-credits .sez-4 .title { color: #9db2bc; margin-bottom: 3rem; } body.call-credits .sez-4 .title span { color: white; } body.call-credits .sez-4 .img-container img { max-width: 100%; display: block; margin: 0 auto; } body.call-credits .sez-5 { padding: 7rem 0 7rem 0; } body.call-credits .sez-5 .text-block { margin-bottom: 7rem; } body.call-credits .sez-5 .text-block p:first-of-type { color: black; margin-bottom: 3rem; } body.call-credits .sez-5 .text-block p:nth-of-type(2) { color: #55646e; } body.call-credits .sez-5 .img-container img { max-width: 100%; display: block; margin: 0 auto; } body.call-credits.style1 .sez-4 .title { color: white; } body.call-credits.style1 .sez-4 .title span { color: #55646e; } body.call-credits.style1 .sez-4 .text-block { color: #55646e; } body.call-credits.style1 .sez-4 .second-row .text-block, body.call-credits.style1 .sez-4 .second-row-xs { color: white; } @media (max-width:799px) { body.call-credits .sez-2 { padding: 30px 10px; } body.call-credits .sez-2 .title { margin-bottom: 10px; } body.call-credits .sez-2 .title br { display: none; } body.call-credits .sez-2 h2 br { display: none; } body.call-credits .sez-2 .img-container { margin-top: 15px; } body.call-credits .sez-2 .img-container img { margin: 0; } body.call-credits .sez-3 { padding: 30px 0; } body.call-credits .sez-3 .col-l { padding: 0 20px; margin-bottom: 2rem; } body.call-credits .sez-3 .col-r { padding: 0 20px; } body.call-credits .sez-4 { padding: 30px 15px 15px 15px; } body.call-credits .sez-4 .title { margin-bottom: 2rem; } body.call-credits .sez-4 .text-block { margin-bottom: 2rem; padding: 0 0.5rem; } body.call-credits .sez-4 .second-row-xs { margin-bottom: 40px; } body.call-credits .sez-4 .img-container { padding: 0; } body.call-credits .sez-4 .img-container img { width: 100%; } body.call-credits .sez-5 { padding: 30px 10px; } body.call-credits .sez-5 .text-block { margin-bottom: 0; } body.call-credits .sez-5 .text-block p:first-of-type { margin-bottom: 0; } body.call-credits .sez-5 .first-row-xs p:nth-of-type(2) { display: none !important; } body.call-credits .sez-5 .first-row-xs:nth-of-type(3) { margin-bottom: 2rem; } body.call-credits .sez-5 .second-row-xs p:first-of-type { display: none !important; } body.call-credits .sez-5 .img-container { margin-top: 4rem; padding: 0 1rem; } body.call-credits .sez-5 .img-container img { width: 100%; } } body.service .text a { color: #333; text-decoration: underline; } body.service .text a:hover { color: #808080; } body.service .text i, body.service .text em { color: #e53c14; font-style: normal; } body.service .sez-2 h1 { color: #e53c14; } body.service .sez-2 h2 { color: #55646e; } body.service .sez-2 .carousel-wrapper { margin-top: 30px; margin-left: -8px; margin-right: -4px; } body.service .sez-2 .data .prop-int { padding: 2.2rem 2rem; background-color: #55646e; } body.service .sez-2 .data .prop-int .number { color: white; } body.service .sez-2 .data .prop-int .legend { margin-bottom: 2.6rem; color: #9db2bc; text-transform: uppercase; } body.service .sez-3 { padding-top: 0; } body.service .sez-3 .data .prop-int { padding: 2.2rem 2rem; background-color: #55646e; } body.service .sez-3 .image-container img { width: 100%; } body.service .sez-3 .feature { padding-top: 2.1rem; } body.service .sez-3 .feature>div { border: 0.1rem solid #9db2bc; } body.service .sez-3 .feature .text { padding: 0.7rem 1.2rem; color: #000; } body.service .sez-3 .feature h3 { font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 24px; color: #e53c14; } body.service .sez-3 .feature h3 strong, body.service .sez-3 .feature h3 b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } body.service .sez-4 h2 { padding-top: 2.9rem; padding-bottom: 1.5rem; } body.service .sez-4 .video-container { margin-top: 35px; } body.service .sez-4 .video-wrapper { padding: 0; background-color: #000; position: relative; padding-top: 56.25%; } body.service .sez-4 .video-wrapper iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } body.service .sez-4 .video-wrapper .video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; -webkit-transition: opacity ease-out 0.3s; -moz-transition: opacity ease-out 0.3s; transition: opacity ease-out 0.3s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body.service .sez-4 .video-wrapper .video-cover img { width: 100%; } body.service .sez-4 .video-wrapper .play-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 10; } body.service .sez-4 .video-wrapper .play-icon:hover+.video-cover { opacity: 0.7; } body.service .sez-5 { padding-top: 5.8rem; padding-bottom: 4.4rem; } body.service .sez-5 .col1 .image-container img { width: 100%; } body.service .sez-5 .col2 { padding-left: 4.1rem; } body.service .sez-5 .col2 h2 { margin-top: -0.1rem; margin-bottom: 1.5rem; } body.service .sez-5 .col2 .text { padding-bottom: 2.6rem; } body.service .sez-5 .red-button { border: 0; border-radius: 0; background-color: #ea6343; color: white; text-transform: uppercase; text-decoration: underline; margin-top: 2rem; width: 75%; } body.service .sez-5 .involved-bu-head { padding-right: 0; } body.service .sez-5 .involved-bu-head .box { border: 0.1rem solid #bac9d0; } body.service .sez-5 .involved-bu-head .box .grid { text-transform: uppercase; height: 8.1rem; display: table-row; } body.service .sez-5 .involved-bu-head .box .grid img.icona { width: 8.1rem; display: table-cell; } body.service .sez-5 .involved-bu-head .box .grid h3 { font-size: inherit; font-weight: inherit; margin: 0; padding: 0 0 0 1rem; display: table-cell; vertical-align: middle; color: #333; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; } body.service .sez-5 .involved-bu-head .box .grid h3 strong, body.service .sez-5 .involved-bu-head .box .grid h3 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service .sez-5 .involved-bu-body { padding-left: 0; } body.service .sez-5 .involved-bu-body .box { border: 0.1rem solid #bac9d0; } body.service .sez-5 .involved-bu-body .box .grid { text-transform: uppercase; height: 8.1rem; display: table-row; } body.service .sez-5 .involved-bu-body .box .grid .image-container { display: table-cell; vertical-align: middle; } body.service .sez-5 .involved-bu-body .box .grid .image-container img.icona { width: 5.7rem; padding-left: 1.2rem; } body.service .sez-5 .involved-bu-body .box .grid a { font-size: inherit; font-weight: inherit; margin: 0; padding: 1.4rem 0 0 2.4rem; display: table-cell; vertical-align: top; color: #19beff; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; text-decoration: underline; } body.service .sez-5 .involved-bu-body .box .grid a strong, body.service .sez-5 .involved-bu-body .box .grid a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service .sez-5 .contact { padding-right: 0; } body.service .sez-5 .contact .box { height: 3.8rem; background-color: #55646e; } body.service .sez-5 .contact .box .grid { text-transform: uppercase; height: 3rem; display: table-row; } body.service .sez-5 .contact .box .grid .image-container { display: table-cell; vertical-align: middle; } body.service .sez-5 .contact .box .grid .image-container img.icona { width: 2.6rem; margin: 0.6rem 0 0 2.6rem; } body.service .sez-5 .contact .box .grid span { margin: 0 0 0 0; padding: 0.4rem 0 0 3.8rem; display: table-cell; vertical-align: middle; color: #aabcb6; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; } body.service .sez-5 .mailaddr { padding-left: 0; } body.service .sez-5 .mailaddr .box { height: 3.8rem; background-color: #55646e; } body.service .sez-5 .mailaddr .box a { display: block; padding: 0.7rem 0 0 8.3rem; color: white; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; text-decoration: underline; } body.service .sez-5 .mailaddr .box a strong, body.service .sez-5 .mailaddr .box a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service .sez-6 { color: #fff; padding-top: 30px; padding-bottom: 30px; } body.service .sez-6 a { color: #fff; text-decoration: none; } body.service .sez-6 .text { padding-left: 0; margin-bottom: 25px; } body.service .sez-6 img { margin-bottom: 10px; margin-top: 20px; } body.service .modal-content { border: none; border-radius: 0; } body.service .modal-content h2 { color: #55646e; } body.service .modal-content h3 { color: #55646e; font-size: 2rem; } body.service .modal-content .contacts-pre-form, body.service .modal-content .contacts-form { margin-right: 0; } @media (max-width:799px) { body.service .sez-5 .col2 { padding-left: 0; } body.service .sez-5 .col1 { padding: 0; } body.service .no-prop-xs:before { padding-top: 0; } body.service .no-prop-xs .prop-int { position: relative; top: auto; right: auto; bottom: auto; left: auto; } body.service .no-prop-xs .prop-int .legend { margin-bottom: 15px; } } @media (max-width:560px) { body.service .sez-2 h1 { padding-top: 0; } body.service .sez-3 .data .prop-int { padding: 0.5rem 0.7rem; } body.service .sez-3 .image-container img { margin-top: 1rem; } body.service .sez-3 .feature { padding-top: 1.1rem; } body.service .sez-3 .feature .text { padding: 12px; } body.service .sez-3 .feature h3 { margin-bottom: 7px; } body.service .sez-4 h2 { padding-top: 3.8rem; padding-bottom: 1rem; } body.service .sez-4 .pic { padding-top: 2.8rem; } body.service .sez-5 { padding-top: 2rem; padding-bottom: 4rem; } body.service .sez-5 .col2 { padding-left: 0.5rem; padding-top: 4.3rem; } body.service .sez-5 .red-button { width: 100%; margin-top: 0; margin-bottom: 2.4rem; } body.service .sez-5 .involved-bu-head { padding-right: 0.5rem; } body.service .sez-5 .involved-bu-body { padding-left: 0.5rem; } body.service .sez-5 .involved-bu-body .box { border-top: none; } body.service .sez-5 .involved-bu-body .box .grid .image-container { padding: 0 1.9rem; width: 8.1rem; } body.service .sez-5 .involved-bu-body .box .grid .image-container img.icona { padding: 0; width: 100%; } body.service .sez-5 .involved-bu-body .box .grid a { padding: 0 0 0 1rem; vertical-align: middle; } body.service .sez-5 .contact { padding-right: 0.5rem; } body.service .sez-5 .contact .box .grid .image-container img.icona { margin: 0.6rem 0 0 2.8rem; } body.service .sez-5 .mailaddr { padding-left: 0.5rem; } body.service .sez-5 .mailaddr .box a { padding: 0.7rem 0 0 9.4rem; } body.service div.footer { margin-top: 2rem; } } @media (min-width:1201px) { body.service .sez-3 .feature h3 { font-size: 1.66vw; line-height: 2vw; } } @media (min-width:1601px) { body.service .sez-3 .feature h3 { font-size: 26.56px; line-height: 32px; } } @media (min-width:1201px) and (max-width:1300px) { body.service .sez-3 .feature .text { padding: 0.7rem 0.8rem; font-size: 14px; line-height: 17px; } body.service .sez-3 .feature h3 { font-size: 1.56vw; line-height: 1.7vw; } } @media (min-width:1301px) and (max-width:1360px) { body.service .sez-3 .feature .text { padding: 0.7rem 1rem; font-size: 15px; line-height: 19px; } body.service .sez-3 .feature h3 { font-size: 1.56vw; line-height: 1.7vw; } } body.news .page-title { text-transform: uppercase; color: #000; } body.news .subtitle { margin: 20px 0; } body.news .subtitle a { color: #000; text-decoration: underline; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.news .subtitle a:hover { color: #19beff; text-decoration: none; } body.news .filter-row { list-style: none none; padding: 0; margin: 15px 0 0 0; float: left; width: 100%; border-top: 3px solid #000; border-bottom: 1px solid #4c4c4c; display: none; } body.news .filter-row li:nth-last-child(-n+4):first-child, body.news .filter-row li:nth-last-child(-n+4):first-child~li { width: 17.5%; margin-right: 10%; } body.news .filter-row li:nth-last-child(n+5):nth-last-child(-n+5):first-child, body.news .filter-row li:nth-last-child(n+5):nth-last-child(-n+5):first-child~li { width: 14%; margin-right: 7.5%; } body.news .filter-row li:nth-last-child(n+6):nth-last-child(-n+6):first-child, body.news .filter-row li:nth-last-child(n+6):nth-last-child(-n+6):first-child~li { width: 12%; margin-right: 5.6%; } body.news .filter-row li:nth-last-child(n+7), body.news .filter-row li:nth-last-child(n+7)~li { width: auto; margin-right: 0; padding: 0 10px; } body.news .filter-row li { float: left; text-align: center; border-bottom: 3px solid transparent; } body.news .filter-row li a { padding: 20px 0; display: block; color: #666; text-transform: uppercase; -webkit-transition: color ease-out 0.3s; -moz-transition: color ease-out 0.3s; transition: color ease-out 0.3s; } body.news .filter-row li a:hover { color: #000; } body.news .filter-row li:last-child { margin-right: 0 !important; } body.news .filter-row li.active { border-bottom: 3px solid #000; } body.news .filter-row li.active a { color: #000; } body.news .archive-filter { list-style: none none; padding: 0; margin: 0; float: left; width: 100%; border-bottom: 1px solid #4c4c4c; border-top: 1px solid #4c4c4c; background-color: #e5e5e5; } body.news .archive-filter li:nth-last-child(-n+4):first-child, body.news .archive-filter li:nth-last-child(-n+4):first-child~li { width: 17.5%; margin-right: 10%; } body.news .archive-filter li:nth-last-child(n+5):nth-last-child(-n+5):first-child, body.news .archive-filter li:nth-last-child(n+5):nth-last-child(-n+5):first-child~li { width: 14%; margin-right: 7.5%; } body.news .archive-filter li:nth-last-child(n+6):nth-last-child(-n+6):first-child, body.news .archive-filter li:nth-last-child(n+6):nth-last-child(-n+6):first-child~li { width: 12%; margin-right: 5.6%; } body.news .archive-filter li:nth-last-child(n+7), body.news .archive-filter li:nth-last-child(n+7)~li { width: auto; margin-right: 0; padding: 0 10px; } body.news .archive-filter li { float: left; text-align: center; border-bottom: 3px solid transparent; } body.news .archive-filter li a { padding: 20px 0; display: block; color: #666; text-transform: uppercase; -webkit-transition: color ease-out 0.3s; -moz-transition: color ease-out 0.3s; transition: color ease-out 0.3s; } body.news .archive-filter li a:hover { color: #000; } body.news .archive-filter li:last-child { margin-right: 0 !important; } body.news .archive-filter li.active { border-bottom: 3px solid #000; } body.news .archive-filter li.active a { color: #000; } body.news .inpage-menu-wrapper { position: relative; right: auto; } body.news .signup-btn { margin-top: 30px; margin-bottom: 20px; padding: 0 25px 0 0; font-family: "FairfieldLTW01-45Light", sans-serif; font-weight: normal; font-size: 20px; line-height: 22px; } body.news .signup-btn strong, body.news .signup-btn b { font-family: 'FairfieldLTW01-75Bold', sans-serif; font-weight: normal; } body.news .signup-btn a { display: block; padding: 15px 20px 15px 49px; border: 1px solid #e53c14; text-transform: lowercase; color: #000; text-decoration: none; background: url('../image/arrow_r_red.svg') no-repeat 15px 23px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.news .signup-btn a:hover { background-color: #e53c14; color: #fff; } body.news .app-banner { padding: 10px 0 10px 0; } body.news .app-banner .logo img { width: 25%; max-width: 100%; height: auto; display: block; border: 1px solid #8f8f8f; border-radius: 14px; margin-bottom: 10px; } body.news .app-banner .downloads { color: #000; } body.news .app-banner .downloads .download-btn { display: block; color: #666; text-transform: uppercase; text-decoration: none; transition: all ease-out 0.3s; } body.news .app-banner .downloads .read-more { display: block; text-decoration: underline; color: inherit; padding: 0.35rem 0; } @media (max-width:1024px) { body.news .signup-btn { margin-top: 10px; } } @media (max-width:799px) { body.news .filter-row { border-bottom: 0; } body.news .filter-row li { width: 50% !important; margin: 0 !important; border-bottom: 1px solid #4c4c4c; } body.news .filter-row li.active { border-bottom: 1px solid #4c4c4c; } } body.news-elenco .news-wrapper { margin-top: 10px; } body.news-elenco .news-wrapper .news-item { padding: 50px 0; border-bottom: 1px solid #666; } body.news-elenco .news-wrapper .category { display: inline-block; margin-left: 10%; color: #666; text-transform: uppercase; padding-right: 10px; } body.news-elenco .news-wrapper .date { display: inline-block; color: #000; text-transform: uppercase; padding-left: 10%; } body.news-elenco .news-wrapper h3 { text-transform: uppercase; color: #e53c14; padding: 5px 10px 20px 10%; position: relative; line-height: 1.75; } body.news-elenco .news-wrapper h3 .bar { width: 4%; height: 2px; top: 20px; left: 5%; position: absolute; background: #e53c14; } body.news-elenco .news-wrapper .abstract { padding-left: 5%; margin-bottom: 15px; } body.news-elenco .news-wrapper .read-more { width: 100%; display: block; text-align: right; color: #666; text-decoration: underline; text-transform: uppercase; } body.news-elenco .news-wrapper .load-more { cursor: pointer; text-align: center; text-transform: uppercase; color: #666; text-decoration: underline; padding: 10px; margin-top: 50px; border-top: 3px solid #000; border-bottom: 1px solid #666; } @media (max-width:799px) { body.news-elenco .news-wrapper .image-container { margin-bottom: 20px; } body.news-elenco .news-wrapper .abstract { padding-left: 0; } } @media (max-width:560px) { body.news-elenco .news-wrapper .news-item { padding: 25px 0 20px 0; } body.news-elenco .news-wrapper .abstract { padding-left: 0; } body.news-elenco .news-wrapper .read-more { text-align: left; } body.news-elenco .news-wrapper .category { margin-left: 0; } body.news-elenco .news-wrapper h3 { padding-left: 0; padding-top: 12px; } body.news-elenco .news-wrapper h3 .bar { position: relative; left: auto; top: auto; width: 30px; display: inline-block; vertical-align: middle; } } body.news-dettaglio .image-container .caption { padding-top: 4px; } body.news-dettaglio .image-container a { color: #000; } body.news-dettaglio .image-container a:hover { color: #19beff; } body.news-dettaglio .news-part1 { padding: 50px 0 10px 0; margin-bottom: 30px; } body.news-dettaglio .news-part1 .news-title { text-transform: uppercase; color: #e53c14; padding: 5px 10px 20px 6%; position: relative; line-height: 1.75; } body.news-dettaglio .news-part1 .news-title .bar { width: 4%; height: 2px; top: 25px; left: 0; position: absolute; background: #e53c14; } body.news-dettaglio .news-part1 .news-subtitle { margin-bottom: 35px; } body.news-dettaglio .news-part1 .button-prev, body.news-dettaglio .news-part1 .button-next { padding: 0; width: auto; display: inline-block; margin-right: 7px; } body.news-dettaglio .news-part1 .page-count { padding: 15px 0 10px 0; } body.news-dettaglio .news-part1 .news-section { text-transform: uppercase; float: left; width: 100%; } body.news-dettaglio .news-part1 .news-date { text-transform: uppercase; float: left; width: 100%; } body.news-dettaglio .news-part2 .text, body.news-dettaglio .news-part2 img { margin-bottom: 30px; } body.news-dettaglio .video-container { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 20px; } body.news-dettaglio .video-container iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } body.news-dettaglio .social-sharing .box-title { text-transform: uppercase; } body.news-dettaglio .social-sharing .share-btn { padding: 1.7rem 2rem 0 0; color: #000; cursor: pointer; } body.news-dettaglio .social-sharing .share-btn img { display: inline-block; padding-right: 1.5rem; margin: 0; width: 55px; } body.news-dettaglio .social-sharing .share-btn:hover { text-decoration: underline; } body.news-dettaglio .more-info-block { padding: 25px 10px 40px 0; } body.news-dettaglio .more-info-block .block-title { color: black; margin-bottom: 30px; } body.news-dettaglio .more-info-block .txt-container { border-left: 3px solid #000; padding: 0 0 0 20px; } body.news-dettaglio .more-info-block a { color: inherit; text-decoration: underline; } body.news-dettaglio .more-info-block a:hover { color: #19beff; } body.news-dettaglio .more-info-block ul { list-style: none none; margin: 0; padding: 0 0 0 8px; } body.news-dettaglio .more-info-block ul li:before { content: '鈥?; padding-right: 6px; } body.news-dettaglio .related-link-block { display: block; border-top: 3px solid #000; border-bottom: 1px solid #000; display: block; color: #000; background-color: #19beff; background-image: url('../image/link-btn.svg'); background-repeat: no-repeat; background-position: 92.5% 50%; background-size: 5%; } body.news-dettaglio .related-link-block:hover { text-decoration: none; } body.news-dettaglio .related-link-block .txt { color: #000; background-color: #fff; background-image: url('../image/globe.svg'); background-repeat: no-repeat; background-position: 5px 50%; width: 80%; padding: 20px 50px; } @media (max-width:799px) { body.news-dettaglio .news-part1 .navigation-btn-wrapper { text-align: right; margin-bottom: 35px; } body.news-dettaglio .news-part1 .page-count, body.news-dettaglio .news-part1 .news-section { width: 50%; float: left; padding: 0; } body.news-dettaglio .news-part1 .news-date { width: 50%; float: right; margin-bottom: 35px; } body.news-dettaglio .more-info-block { padding-left: 20px; } body.news-dettaglio .related-link-block { background-position: 94% 50%; background-size: 7%; } } @media (max-width:560px) { body.news-dettaglio .news-part1 .page-count, body.news-dettaglio .news-part1 .news-section, body.news-dettaglio .news-part1 .news-date { width: 100%; } body.news-dettaglio .related-link-block { background-position: 95% 50%; background-size: 10%; } } body.publications .sez-2 h1 { color: black; text-transform: uppercase; } body.publications .sez-2 .text { margin: 20px 0; color: black; } body.publications .publication-wrapper { padding-bottom: 1.8rem; } body.publications .publication-wrapper .news-item h4 { padding: 1rem 2.8rem 1rem 0.7rem; color: black; } body.publications .publication-wrapper .news-item .item-content { padding-left: 3rem; padding-top: 4rem; } body.publications .publication-wrapper .news-item .description { padding: 0rem 12rem 4.3rem 0.7rem; color: #55646e; } @media (max-width:560px) { body.publications .publication-wrapper .news-item .description { padding: 0rem 2.8rem 0rem 0rem; } } body.publications .publication-wrapper .news-item .image-container { margin-top: 4rem; margin-bottom: 2rem; } body.publications .publication-wrapper .news-item .image-container img { width: 100%; max-width: 100%; height: auto; display: block; box-shadow: 0.2rem 0.3rem 0.6rem 0.2rem #ccc; } body.publications .publication-wrapper .news-item a.download { display: block; padding-left: 2.7rem; margin-top: 4.8rem; margin-left: 0; color: #55646e; background: url("../image/download-titanio.svg") top left no-repeat; background-size: 1.9rem 1.9rem; text-decoration: underline; } body.publications .publication-wrapper .news-item+.news-item .row-separator { border-top: 0.1rem solid white; } body.publications .publication-wrapper .read-more { margin-top: 1.5rem; padding-top: 0.4rem; padding-bottom: 0.2rem; background-color: #55646e; } body.publications .publication-wrapper .read-more a { display: block; text-align: center; color: #e1c700; text-transform: uppercase; text-decoration: none; } body.publications .footer { margin-top: 5.7rem; } @media (max-width:799px) { body.publications .sez-2 h1 { margin-top: 1.3rem; padding-left: 10px; } body.publications .sez-2 .text { margin-top: 0.4rem; padding-left: 10px; } body.publications .sez-2 .text br { display: none; } body.publications .publication-wrapper { padding-bottom: 1.8rem; } body.publications .publication-wrapper .news-item h4 { padding: 1rem 1rem 1rem 0; } body.publications .publication-wrapper .news-item .item-content { padding-left: 0.5rem; padding-top: 1rem; } body.publications .publication-wrapper .news-item a.download { padding-left: 3.2rem; margin-top: 3rem; margin-left: 0.7rem; padding-bottom: 2.5rem; } body.publications .publication-wrapper .news-item .description { padding-left: 0; padding-bottom: 10px; } body.publications .footer { margin-top: 3.2rem; } } .notoFont { font-family: 'Noto Sans', sans-serif !important; font-weight: 100 !important; } .firaFont { font-family: 'Fira Sans', sans-serif !important; font-weight: 300 !important; } body.danews .sez-2 h1 { color: black; /* text-transform: uppercase; */ } body.danews .sez-2 .text { margin: 20px 0; color: black; } body.danews .sez-2 img { max-width: 100%; } body.danews .sez-2 .language-selector { margin-top: 3rem; } body.danews .sez-2 .doc-lang { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.8rem; color: #aab1b6; text-transform: uppercase; padding: 0; margin-bottom: 1rem; } body.danews .sez-2 .doc-lang strong, body.danews .sez-2 .doc-lang b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .sez-2 .opt-lang a { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #55646e; padding: 0; float: left; width: 9rem; margin-right: 3rem; padding-left: 20px; background-image: url("../image/unselected_lang.svg"); background-repeat: no-repeat; background-position: 0% 50%; margin-bottom: 1rem; } body.danews .sez-2 .opt-lang a strong, body.danews .sez-2 .opt-lang a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .sez-2 .opt-lang a.selected { background-image: url("../image/selected_lang.svg") !important; } body.danews .sez-2 .issues-wrapper { padding-top: 1.5rem; padding-bottom: 6.8rem; } body.danews .sez-2 .issue { padding-top: 3.7rem; } body.danews .sez-2 .issue .image-container img { margin-bottom: 1.8rem; width: 17.3rem; box-shadow: 0.2rem 0.3rem 0.6rem 0.2rem #ccc; } body.danews .sez-2 .issue .title, body.danews .sez-2 .issue .download, body.danews .sez-2 .issue .read { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.92rem; color: #55646e; } body.danews .sez-2 .issue .title strong, body.danews .sez-2 .issue .download strong, body.danews .sez-2 .issue .read strong, body.danews .sez-2 .issue .title b, body.danews .sez-2 .issue .download b, body.danews .sez-2 .issue .read b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .sez-2 .issue .title a, body.danews .sez-2 .issue .download a, body.danews .sez-2 .issue .read a { color: #19beff; text-decoration: underline; cursor: pointer; } body.danews .sez-2 .row-separator { height: 0.1rem; margin-top: 1.6rem; border-bottom: 0.1rem solid white; } body.danews .sez-2 .read-more { margin-top: 1.5rem; padding-top: 0.4rem; padding-bottom: 0.2rem; background-color: #55646e; } body.danews .sez-2 .read-more a { display: block; text-align: center; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; color: #e1c700; text-transform: uppercase; text-decoration: none; line-height: 1.75; } body.danews .sez-2 .read-more a strong, body.danews .sez-2 .read-more a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .sez-2 .printedcopy-block { margin-top: 30px; } body.danews .sez-2 .printedcopy-block .signup-btn { margin-top: 10px; } body.danews .footer { margin-top: 1.2rem; } body.danews .modal-content { border: none; border-radius: 0; } body.danews .modal-content .contacts-pre-form, body.danews .modal-content .contacts-form { margin-right: 0; } body.danews .modal-content table { margin-top: 30px; margin-bottom: 20px; } body.danews .modal-content table td { width: 33%; max-width: 33%; padding: 10px 10px 10px 0; vertical-align: top; } body.danews .modal-content table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } body.danews .modal-content table tr:first-of-type { border-top: 1px solid #000; border-bottom: 1px solid #000; } body.danews .modal-content table a { color: #19beff; } body.danews .modal-content table a:hover { text-decoration: underline; } @media (max-width:560px) { body.danews .modal-content table td { width: 100%; max-width: 100%; padding-right: 10px; float: left; padding-bottom: 10px; } body.danews .modal-content table td:first-of-type { padding-top: 10px; } } body.danews .modal-privacy-terms { font-size: 1.5rem; } body.danews .modal-privacy-terms h2 { margin: 2rem 0; } body.danews .contacts-pre-form { border: 0; } body.danews .text-container { background-color: #1d3851; margin-top: 0; margin-bottom: 0; padding: 12px 30px 12px 50px; } body.danews .text-container .title { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 4rem; color: #fff; } body.danews .text-container .title strong, body.danews .text-container .title b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .text-container .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #fff; margin-top: 2rem; width: 100%; } body.danews .text-container .text strong, body.danews .text-container .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .text-container button.close { float: right; background: transparent; border: 0; color: white !important; line-height: 25px; } body.danews .form-container { margin-top: 0; margin-bottom: 0; padding: 2rem 0.75rem; background-color: #fff; border-top: 0; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } body.danews .form-container .form_1-eseguito { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; } body.danews .form-container .form_1-eseguito strong, body.danews .form-container .form_1-eseguito b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .form-container .privacy-full { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 14px; line-height: 20px; margin-top: 30px; } body.danews .form-container .privacy-full strong, body.danews .form-container .privacy-full b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 .form-row, body.danews #form_27 .form-row, body.danews #form_81 .form-row, body.danews #form_115 .form-row { margin-bottom: 1.5rem; } body.danews #form_1 .form-item, body.danews #form_27 .form-item, body.danews #form_81 .form-item, body.danews #form_115 .form-item { width: 50%; display: inline-block; padding: 0 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #999; } body.danews #form_1 .form-item strong, body.danews #form_27 .form-item strong, body.danews #form_81 .form-item strong, body.danews #form_115 .form-item strong, body.danews #form_1 .form-item b, body.danews #form_27 .form-item b, body.danews #form_81 .form-item b, body.danews #form_115 .form-item b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 .form-item input, body.danews #form_27 .form-item input, body.danews #form_81 .form-item input, body.danews #form_115 .form-item input, body.danews #form_1 .form-item button, body.danews #form_27 .form-item button, body.danews #form_81 .form-item button, body.danews #form_115 .form-item button, body.danews #form_1 .form-item textarea, body.danews #form_27 .form-item textarea, body.danews #form_81 .form-item textarea, body.danews #form_115 .form-item textarea { border: 1px solid #ccc; border-radius: 0; padding: 0 1rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } body.danews #form_1 .form-item input strong, body.danews #form_27 .form-item input strong, body.danews #form_81 .form-item input strong, body.danews #form_115 .form-item input strong, body.danews #form_1 .form-item button strong, body.danews #form_27 .form-item button strong, body.danews #form_81 .form-item button strong, body.danews #form_115 .form-item button strong, body.danews #form_1 .form-item textarea strong, body.danews #form_27 .form-item textarea strong, body.danews #form_81 .form-item textarea strong, body.danews #form_115 .form-item textarea strong, body.danews #form_1 .form-item input b, body.danews #form_27 .form-item input b, body.danews #form_81 .form-item input b, body.danews #form_115 .form-item input b, body.danews #form_1 .form-item button b, body.danews #form_27 .form-item button b, body.danews #form_81 .form-item button b, body.danews #form_115 .form-item button b, body.danews #form_1 .form-item textarea b, body.danews #form_27 .form-item textarea b, body.danews #form_81 .form-item textarea b, body.danews #form_115 .form-item textarea b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 .form-item label, body.danews #form_27 .form-item label, body.danews #form_81 .form-item label, body.danews #form_115 .form-item label { width: 100%; display: block; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; text-transform: uppercase; margin-bottom: 0.3rem; } body.danews #form_1 .form-item input, body.danews #form_27 .form-item input, body.danews #form_81 .form-item input, body.danews #form_115 .form-item input { width: 100%; display: block; height: 34px; } body.danews #form_1 .form-item textarea, body.danews #form_27 .form-item textarea, body.danews #form_81 .form-item textarea, body.danews #form_115 .form-item textarea { width: 100%; height: 142px; } body.danews #form_1 input[type="radio"], body.danews #form_27 input[type="radio"], body.danews #form_81 input[type="radio"], body.danews #form_115 input[type="radio"] { width: 10%; float: left; vertical-align: middle; height: 2.4rem; margin-right: 3%; } body.danews #form_1 input[type="radio"]+label, body.danews #form_27 input[type="radio"]+label, body.danews #form_81 input[type="radio"]+label, body.danews #form_115 input[type="radio"]+label { width: 87%; float: left; } body.danews #form_1 .radio-wrapper .form-item, body.danews #form_27 .radio-wrapper .form-item, body.danews #form_81 .radio-wrapper .form-item, body.danews #form_115 .radio-wrapper .form-item { width: 33.3333%; } body.danews #form_1 .radio-wrapper .form-item.form-item-text, body.danews #form_27 .radio-wrapper .form-item.form-item-text, body.danews #form_81 .radio-wrapper .form-item.form-item-text, body.danews #form_115 .radio-wrapper .form-item.form-item-text { width: 100%; } body.danews #form_1 select, body.danews #form_27 select, body.danews #form_81 select, body.danews #form_115 select { border: 1px solid #ccc; padding: 0 1rem; height: 34px; width: 100%; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; background: transparent url(../image/select.svg) no-repeat 97% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } body.danews #form_1 select strong, body.danews #form_27 select strong, body.danews #form_81 select strong, body.danews #form_115 select strong, body.danews #form_1 select b, body.danews #form_27 select b, body.danews #form_81 select b, body.danews #form_115 select b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 select::-ms-expand, body.danews #form_27 select::-ms-expand, body.danews #form_81 select::-ms-expand, body.danews #form_115 select::-ms-expand { display: none; } body.danews #form_1 ::-webkit-input-placeholder, body.danews #form_27 ::-webkit-input-placeholder, body.danews #form_81 ::-webkit-input-placeholder, body.danews #form_115 ::-webkit-input-placeholder { color: #999; } body.danews #form_1 :-moz-placeholder, body.danews #form_27 :-moz-placeholder, body.danews #form_81 :-moz-placeholder, body.danews #form_115 :-moz-placeholder { color: #999; opacity: 1; } body.danews #form_1 ::-moz-placeholder, body.danews #form_27 ::-moz-placeholder, body.danews #form_81 ::-moz-placeholder, body.danews #form_115 ::-moz-placeholder { color: #999; opacity: 1; } body.danews #form_1 :-ms-input-placeholder, body.danews #form_27 :-ms-input-placeholder, body.danews #form_81 :-ms-input-placeholder, body.danews #form_115 :-ms-input-placeholder { color: #999; } body.danews #form_1 .message-container, body.danews #form_27 .message-container, body.danews #form_81 .message-container, body.danews #form_115 .message-container { margin-bottom: 0; } body.danews #form_1 .message-container .form-item, body.danews #form_27 .message-container .form-item, body.danews #form_81 .message-container .form-item, body.danews #form_115 .message-container .form-item { width: 100%; } body.danews #form_1 .privacy-link, body.danews #form_27 .privacy-link, body.danews #form_81 .privacy-link, body.danews #form_115 .privacy-link { float: left; display: inline-block; padding-left: 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #19beff; width: 50%; margin-bottom: 1rem; } body.danews #form_1 .privacy-link strong, body.danews #form_27 .privacy-link strong, body.danews #form_81 .privacy-link strong, body.danews #form_115 .privacy-link strong, body.danews #form_1 .privacy-link b, body.danews #form_27 .privacy-link b, body.danews #form_81 .privacy-link b, body.danews #form_115 .privacy-link b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 .form-required, body.danews #form_27 .form-required, body.danews #form_81 .form-required, body.danews #form_115 .form-required { float: right; display: inline-block; padding-right: 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.1rem; line-height: 2.4rem; color: #e53c14; width: 50%; text-align: right; margin-bottom: 1rem; } body.danews #form_1 .form-required strong, body.danews #form_27 .form-required strong, body.danews #form_81 .form-required strong, body.danews #form_115 .form-required strong, body.danews #form_1 .form-required b, body.danews #form_27 .form-required b, body.danews #form_81 .form-required b, body.danews #form_115 .form-required b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews #form_1 input[type="checkbox"], body.danews #form_27 input[type="checkbox"], body.danews #form_81 input[type="checkbox"], body.danews #form_115 input[type="checkbox"] { background: url('../image/check_off.svg') no-repeat 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; display: inline-block; margin-top: 0; width: 13%; vertical-align: middle; margin-right: 3%; float: left; } body.danews #form_1 input[type="checkbox"]+label, body.danews #form_27 input[type="checkbox"]+label, body.danews #form_81 input[type="checkbox"]+label, body.danews #form_115 input[type="checkbox"]+label { width: 84%; float: left; } body.danews #form_1 input[type="checkbox"]::checked, body.danews #form_27 input[type="checkbox"]::checked, body.danews #form_81 input[type="checkbox"]::checked, body.danews #form_115 input[type="checkbox"]::checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } body.danews #form_1 input[type="checkbox"]:checked, body.danews #form_27 input[type="checkbox"]:checked, body.danews #form_81 input[type="checkbox"]:checked, body.danews #form_115 input[type="checkbox"]:checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } body.danews #form_1 input[type="submit"], body.danews #form_27 input[type="submit"], body.danews #form_81 input[type="submit"], body.danews #form_115 input[type="submit"] { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; border: 0; border-radius: 0; background-color: #e5e5e5; color: #19beff; text-transform: uppercase; width: 33.3333%; display: block; margin: 4rem auto 1rem auto; } body.danews #form_1 input[type="submit"]:hover, body.danews #form_27 input[type="submit"]:hover, body.danews #form_81 input[type="submit"]:hover, body.danews #form_115 input[type="submit"]:hover { color: #333; } body.danews #form_1 .client-more, body.danews #form_27 .client-more, body.danews #form_81 .client-more, body.danews #form_115 .client-more, body.danews #form_1 .visitor-more, body.danews #form_27 .visitor-more, body.danews #form_81 .visitor-more, body.danews #form_115 .visitor-more, body.danews #form_1 .form-item-40, body.danews #form_27 .form-item-40, body.danews #form_81 .form-item-40, body.danews #form_115 .form-item-40, body.danews #form_1 .form-item-93, body.danews #form_27 .form-item-93, body.danews #form_81 .form-item-93, body.danews #form_115 .form-item-93, body.danews #form_1 .form-item-127, body.danews #form_27 .form-item-127, body.danews #form_81 .form-item-127, body.danews #form_115 .form-item-127 { display: none; } @media (max-width:1600px) { body.danews .sez-2 .app-banner { margin: 0 0 3rem 0; padding-left: 10px; } } @media (max-width:799px) { body.danews .sez-2 .app-banner { padding-left: 20px; } } @media (max-width:560px) { body.danews #form_27 .form-item { width: 100%; } body.danews #form_81 .form-item { width: 100%; } body.danews #form_115 .form-item { width: 100%; } body.danews .sez-2 { padding-top: 0; } body.danews .sez-2 .text { padding-top: 0.4rem; } body.danews .sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.danews .sez-2 .issues-wrapper { padding-bottom: 4rem; } body.danews .sez-2 .opt-lang a { width: 70%; line-height: 3rem; } body.danews .sez-2 .logo { height: auto; } body.danews .sez-2 .language-selector { margin-top: 1rem; } body.danews .sez-3 { padding-top: 4.3rem; padding-bottom: 4rem; padding-left: 1.3rem; } body.danews .sez-3 .issue { padding-top: 0; } body.danews .sez-3 .issue .image-container img { margin-bottom: 2.1rem; width: 14.6rem; } body.danews .sez-3 .issue .title, body.danews .sez-3 .issue .download, body.danews .sez-3 .issue .read { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.56rem; } body.danews .sez-3 .issue .title strong, body.danews .sez-3 .issue .download strong, body.danews .sez-3 .issue .read strong, body.danews .sez-3 .issue .title b, body.danews .sez-3 .issue .download b, body.danews .sez-3 .issue .read b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.danews .sez-3 .row-separator { margin: 2.3rem 0 2.8rem 0; padding: 0 0.5rem; border: 0; } body.danews .sez-3 .row-separator>div { border-bottom: 0.1rem solid white; } body.danews .sez-3>div.row:nth-last-child(2)>div.row-separator:last-child { display: none; } body.danews .sez-3 div.read-more { margin-top: 2.4rem; } body.danews .footer { margin-top: 2.8rem; } } body.app-danieligo .sez-1 h1 { color: black; } body.app-danieligo .sez-1 h2 { margin-bottom: 3.7rem; color: #99a2a8; } body.app-danieligo .sez-1 img { max-width: 100%; } body.app-danieligo .sez-1 .col-left, body.app-danieligo .sez-1 .col-right { padding: 4rem 0; } body.app-danieligo .sez-1 .col-left { color: #55646e; } body.app-danieligo .sez-1 .col-right { color: #99a2a8; } body.app-danieligo .sez-1 .col-right .download-links { padding-top: 2rem; } body.app-danieligo .sez-1 .col-right .download-links a { color: #ea6343; cursor: pointer; padding: 0 1rem; } body.app-danieligo .sez-1 .col-right .download-links a:first-of-type { padding-left: 0; } body.app-danieligo .sez-1 .newsletter-block { margin-top: 20px; } body.app-danieligo .sez-2 { padding-top: 8rem; padding-bottom: 7rem; color: #55646e; } body.app-danieligo .sez-2 img { max-width: 100%; } body.app-danieligo .sez-2 .title { padding-top: 3rem; padding-bottom: 2rem; } body.app-danieligo .sez-2 .item-block { margin-bottom: 0; } body.app-danieligo .sez-3 { padding: 6rem 0; color: #9db2bc; } body.app-danieligo .sez-3 .col-left { margin-bottom: 3rem; } body.app-danieligo .sez-3 .col-left .title { text-transform: uppercase; } body.app-danieligo .sez-3 .col-left .subtitle { text-transform: uppercase; color: white; } body.app-danieligo .sez-3 .col-left .abstract { color: white; padding: 3rem 0; } body.app-danieligo .sez-3 .col-left .text br { display: none; } body.app-danieligo .sez-3 .col-right img { max-width: 100%; } body.app-danieligo .sez-4 { padding: 5rem 0; text-align: center; color: #55646e; } body.app-danieligo .sez-4 img { max-width: 100%; } body.app-danieligo .sez-4 .text { display: inline-block; text-align: left; padding-top: 5rem; padding-left: 16%; padding-right: 10%; } body.app-danieligo .sez-4 .text p:before { content: url('../image/freccia_right.svg'); padding-right: 1rem; } body.app-danieligo .sez-4 .item-block { margin-bottom: 0; } @media (max-width:1024px) { body.app-danieligo .app-banner { margin-top: 20px; } body.app-danieligo .app-banner .logo img { width: 100%; } } @media (max-width:799px) { body.app-danieligo .sez-1 .col-left { padding: 2rem 0 0 0; } body.app-danieligo .sez-2 { padding-top: 4rem; padding-bottom: 3rem; } body.app-danieligo .sez-2 .item-block { margin-bottom: 5rem; padding: 0 1rem; } body.app-danieligo .sez-3 { padding: 3rem 0; } body.app-danieligo .sez-3 .col-left .abstract { padding: 1rem 0; } body.app-danieligo .sez-3 .subtitle { margin: 8px 0; } } @media (max-width:560px) { body.app-danieligo .sez-1 .logo { height: auto; } body.app-danieligo .sez-1 .downloads { margin-bottom: 3.7rem; } body.app-danieligo .sez-1 .downloads .download-btn { padding-left: 2rem; } body.app-danieligo .sez-1 .col-left { padding-bottom: 2rem; } body.app-danieligo .sez-1 .col-right { padding-top: 2rem; } body.app-danieligo .sez-1 .col-right .download-links a { display: block; padding: 0; line-height: 3rem; } body.app-danieligo .sez-1 .col-right .download-links .link-separator { display: none; } body.app-danieligo .sez-1 .col-right br { display: none; } body.app-danieligo .sez-3 .col-left .text br { display: none; } body.app-danieligo .sez-4 .item-block { margin-bottom: 5rem; } body.app-danieligo .sez-4 .text { padding-top: 2rem; } body.app-danieligo .sez-4 img { width: 100%; } } body.videogallery .sez-1 h1 { margin: 0 0 1.5rem 0; color: #ea6343; text-transform: uppercase; letter-spacing: -0.13rem; } body.videogallery .sez-1 .page-menu { text-align: right; } body.videogallery .sez-1 .anchor-menu { list-style-type: none; padding: 1rem 5rem 0 0; text-align: left; display: inline-block; width: auto; } body.videogallery .sez-1 .anchor-menu li { padding: 0; margin: 0; display: block; } body.videogallery .sez-1 .anchor-menu li a { color: #19beff; cursor: pointer; } body.videogallery .sez-1 .video-block { margin: 0; border: 0; padding-top: 2rem; } body.videogallery .sez-1 .video-block .block-title { color: #ea6343; margin-bottom: 3rem; float: left; display: block; width: 100%; } body.videogallery .sez-1 .video-block .video-list { list-style-type: none; padding: 0; margin: 0; } body.videogallery .sez-1 .video-block .video-item { padding: 0 2rem 1rem 3rem; margin: 0; cursor: pointer; } body.videogallery .sez-1 .video-block .video-item .video-img { width: 50%; float: left; position: relative; } body.videogallery .sez-1 .video-block .video-item .video-img img { display: block; width: 100%; max-width: 100%; } body.videogallery .sez-1 .video-block .video-item .video-img .play-icon { width: 4rem; max-width: 4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } body.videogallery .sez-1 .video-block .video-item .video-title { display: inline-block; float: left; width: 50%; padding-top: 1rem; padding-left: 1.5rem; } body.videogallery .sez-1 .video-block .video-item:hover .video-title { text-decoration: underline; } body.videogallery .sez-1 .video-block .video-item:hover .play-icon { opacity: 0.5; } body.videogallery .sez-1 .video-block .video-item.active { opacity: 0.4; cursor: default; } body.videogallery .sez-1 .video-block .video-item.active:hover .video-title { text-decoration: none; } body.videogallery .sez-1 .video-block .video-item.active:hover .play-icon { opacity: 1; } body.videogallery .sez-1 .video-block .video-container { display: none; padding: 0; margin-bottom: 6rem; } body.videogallery .sez-1 .video-block .video-container .video-wrapper { position: relative; padding-top: 56.25%; } body.videogallery .sez-1 .video-block .video-container .video-wrapper iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } body.videogallery .sez-1 .video-block .video-container .title { color: #ea6343; text-transform: uppercase; display: inline-block; margin-bottom: 2rem; padding: 3.4rem 0 0 0; } body.videogallery .sez-1 .video-block .video-container .video-navigation { display: block; float: right; margin-bottom: 2rem; padding-top: 2rem; } body.videogallery .sez-1 .video-block .video-container .video-navigation .counter { float: right; width: 100%; text-align: right; padding-top: 1.4rem; color: #ea6343; } body.videogallery .sez-1 .video-block .video-container .prev-video, body.videogallery .sez-1 .video-block .video-container .next-video { cursor: pointer; display: inline-block; width: 5rem; height: 5rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; float: right; } body.videogallery .sez-1 .video-block .video-container .prev-video.disabled, body.videogallery .sez-1 .video-block .video-container .next-video.disabled { cursor: default; opacity: 0.6; } body.videogallery .sez-1 .video-block .video-container .prev-video { background-image: url('../image/freccia_big_sx_minio.svg'); margin-right: 1rem; } body.videogallery .sez-1 .video-block .video-container .prev-video.disabled { background-image: url('../image/freccia_big_grey_sx.svg'); } body.videogallery .sez-1 .video-block .video-container .next-video { background-image: url('../image/freccia_big_dx_minio.svg'); } body.videogallery .sez-1 .video-block .video-container .next-video.disabled { background-image: url('../image/freccia_big_grey_dx.svg'); } body.videogallery .sez-1 .video-block .close-video { cursor: pointer; text-align: right; } @media (max-width:799px) { body.videogallery .sez-1 .video-block .video-item { padding-left: 0; } body.videogallery .sez-1 .page-menu { text-align: left; } body.videogallery .sez-2 .video-block .video-item { padding-left: 0; } } body.techadvances .background-block { background-color: #e5e5e5; padding: 0; margin-top: 50px; position: relative; } body.techadvances .background-block .squareBlock { padding-top: 100%; position: relative; } body.techadvances .background-block .squareBlock .title-block { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #e53c14; padding: 20px; } body.techadvances .background-block .title-section { padding: 18px 38px; } body.techadvances .background-block .page-title { color: #fff; margin-bottom: 25px; } body.techadvances .background-block .news-title { text-transform: uppercase; color: #e53c14; padding: 0 10px 20px 6%; position: relative; } body.techadvances .background-block .news-title .bar { width: 4%; height: 2px; top: 25px; left: 0; position: absolute; background: #e53c14; } body.techadvances .background-block .news-subtitle { margin-bottom: 35px; } body.techadvances .background-block .news-date { text-transform: uppercase; width: auto; position: absolute; left: 25%; bottom: 10px; padding-left: 40px; } body.techadvances .background-block .download-btn { width: auto; position: absolute; right: 40px; bottom: 12px; color: #000; text-decoration: underline; padding-left: 47px; padding-top: 20px; background-image: url('https://www.danieli.com/web/css/imgcss/download_icon_red.svg'); background-repeat: no-repeat; background-position: 0 100%; background-size: 40px; } body.techadvances .related-link-block { display: block; border-top: 3px solid #000; border-bottom: 1px solid #000; display: block; color: #000; background-color: #19beff; background-image: url('../image/link-btn.svg'); background-repeat: no-repeat; background-position: 92.5% 50%; background-size: 5%; } body.techadvances .related-link-block:hover { text-decoration: none; } body.techadvances .related-link-block .txt { color: #000; background-color: #fff; background-image: url('../image/globe.svg'); background-repeat: no-repeat; background-position: 5px 50%; width: 80%; padding: 20px 50px; } @media (max-width:560px) { body.techadvances .related-link-block { background-position: 95% 50%; background-size: 10%; } } @media (max-width:799px) { body.techadvances .background-block { margin-left: -20px; margin-right: -20px; margin-top: 0; } body.techadvances .background-block .squareBlock { padding-top: 20%; min-height: 130px; } body.techadvances .background-block .title-section { padding: 20px 20px 10px 20px; } body.techadvances .background-block .news-subtitle { margin-bottom: 0; } body.techadvances .background-block .news-date { position: relative; left: auto; bottom: auto; float: left; padding-left: 20px; padding-bottom: 20px; } body.techadvances .background-block .download-btn { position: relative; right: auto; bottom: auto; width: 100%; display: block; float: left; padding: 0 20px 30px 20px; } body.techadvances .related-link-block { background-position: 94% 50%; background-size: 7%; } } body.techadvances.news-elenco .background-block { border-bottom: 3px solid #000; } body.techadvances-dettaglio .news-part1 { padding: 50px 0 10px 0; margin-bottom: 30px; } body.techadvances-dettaglio .news-part1 .news-title { text-transform: uppercase; color: #e53c14; padding: 5px 10px 20px 6%; position: relative; } body.techadvances-dettaglio .news-part1 .news-title .bar { width: 4%; height: 2px; top: 25px; left: 0; position: absolute; background: #e53c14; } body.techadvances-dettaglio .news-part1 .news-subtitle { margin-bottom: 35px; } body.techadvances-dettaglio .news-part1 .button-prev, body.techadvances-dettaglio .news-part1 .button-next { padding: 0; width: auto; display: inline-block; margin-right: 7px; } body.techadvances-dettaglio .news-part1 .page-count { padding: 15px 0 10px 0; } body.techadvances-dettaglio .news-part1 .news-section { text-transform: uppercase; float: left; width: 100%; } body.techadvances-dettaglio .news-part1 .news-date { text-transform: uppercase; float: left; width: 100%; } body.techadvances-dettaglio .news-part2 .text, body.techadvances-dettaglio .news-part2 img { margin-bottom: 30px; } body.techadvances-dettaglio .news-part2 .video-container { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 20px; } body.techadvances-dettaglio .news-part2 .video-container iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } body.techadvances-dettaglio .benefits-block { background-color: rgba(0, 0, 0, 0.05); padding: 25px 10px 40px 20.4%; } body.techadvances-dettaglio .benefits-block .block-title { color: #e53c14; margin-bottom: 30px; } body.techadvances-dettaglio .benefits-block ul { list-style: none none; margin: 0; padding: 0 0 0 20px; border-left: 3px solid #000; } body.techadvances-dettaglio .benefits-block ul li:before { content: '鈥?; padding-right: 6px; } body.techadvances-dettaglio .more-info-block { padding: 25px 10px 40px 0; } body.techadvances-dettaglio .more-info-block .block-title { color: black; margin-bottom: 30px; } body.techadvances-dettaglio .more-info-block .txt-container { padding: 0 0 0 20px; border-left: 3px solid #000; } body.techadvances-dettaglio .more-info-block ul { list-style: none none; margin: 0; padding: 0 0 0 8px; } body.techadvances-dettaglio .more-info-block ul li:before { content: '鈥?; padding-right: 6px; } body.techadvances-dettaglio .social-sharing .box-title { text-transform: uppercase; } body.techadvances-dettaglio .social-sharing .share-btn { padding: 1.7rem 2rem 0 0; color: #000; cursor: pointer; } body.techadvances-dettaglio .social-sharing .share-btn img { display: inline-block; padding-right: 1.5rem; margin: 0; } body.techadvances-dettaglio .social-sharing .share-btn:hover { text-decoration: underline; } @media (max-width:1600px) { body.techadvances-dettaglio .signup-btn { margin-top: 0; } } @media (max-width:799px) { body.techadvances-dettaglio .social-sharing { margin-bottom: 25px; } body.techadvances-dettaglio .news-part1 .navigation-btn-wrapper { text-align: right; margin-bottom: 35px; } body.techadvances-dettaglio .news-part1 .page-count, body.techadvances-dettaglio .news-part1 .news-section { width: 50%; float: left; padding: 0; } body.techadvances-dettaglio .news-part1 .news-date { width: 50%; float: right; margin-bottom: 35px; } body.techadvances-dettaglio .more-info-block, body.techadvances-dettaglio .benefits-block { padding-left: 20px; } } @media (max-width:560px) { body.techadvances-dettaglio .news-part1 .page-count, body.techadvances-dettaglio .news-part1 .news-section, body.techadvances-dettaglio .news-part1 .news-date { width: 100%; } } @keyframes livePulse { 0% { box-shadow: 0px 0px 5px 0px rgba(173, 0, 0, .3); } 65% { box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, .3); } 90% { box-shadow: 0px 0px 5px 13px rgba(173, 0, 0, 0); } } body.events .live { color: #e53c14; margin-top: 18px; text-decoration: underline; } body.events .live:before { content: ''; width: 20px; height: 20px; border: 7px solid #e53c14; border-radius: 100%; display: inline-block; vertical-align: middle; margin-right: 15px; background-color: #a93100; animation-name: livePulse; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } body.events .background-block { padding: 0; margin-top: 50px; position: relative; background-color: #e5e5e5; border-top: 3px solid #000; border-bottom: 1px solid #4c4c4c; } body.events .background-block .title-block { padding: 20px; } body.events .background-block .title-section { padding: 18px 38px; background-color: #fff; } body.events .background-block .page-title { color: #e53c14; margin-bottom: 25px; } body.events .nav-row { list-style: none none; padding: 0; margin: 15px 0 0 0; float: left; width: 100%; margin-top: 0; border: 0; background-color: #e53c14; } body.events .nav-row li { display: inline-block; padding: 0 8.33% 0 0; float: right; } body.events .nav-row li a { color: #f7c4b8; padding: 17px 0; display: block; text-transform: uppercase; } body.events .nav-row li.active { float: left; padding: 0 0 0 8.33%; } body.events .nav-row li.active a { color: #fff; cursor: default; text-transform: none; } body.events .events-wrapper { margin-top: 10px; padding: 0 8.33% 90px 8.33%; position: relative; } body.events .events-wrapper .events-item { padding: 50px 0; border-bottom: 1px solid #666; } body.events .events-wrapper .events-item .col-l { padding: 0 5% 0 0; } body.events .events-wrapper .events-item .col-l .date-container { border-top: 3px solid #000; margin-bottom: 20%; padding: 5px 20% 5px 10px; } body.events .events-wrapper .events-item .col-l .date-container a { color: #e53c14; } body.events .events-wrapper .events-item .savethedate-container { border-top: 1px solid #000; padding: 5px 0; } body.events .events-wrapper .events-item .savethedate-container a { color: #000; text-transform: uppercase; display: block; padding: 25px 0 0 40px; background-image: url('../image/calendar.png'); background-repeat: no-repeat; background-position: 0 77%; background-size: 32px; white-space: nowrap; } body.events .events-wrapper .category { display: inline-block; margin-left: 10%; color: #666; text-transform: uppercase; padding-right: 10px; } body.events .events-wrapper .date { display: inline-block; color: #000; text-transform: uppercase; } body.events .events-wrapper h3 { text-transform: uppercase; color: #e53c14; padding: 5px 10px 20px 10%; position: relative; } body.events .events-wrapper h3 .bar { width: 4%; height: 2px; top: 20px; left: 5%; position: absolute; background: #e53c14; } body.events .events-wrapper .abstract { padding-left: 5%; margin-bottom: 15px; } body.events .events-wrapper .read-more { width: 100%; display: block; text-align: right; color: #666; text-decoration: underline; text-transform: uppercase; } body.events .events-wrapper .load-more { cursor: pointer; text-align: center; text-transform: uppercase; color: #666; text-decoration: underline; padding: 10px; margin-top: 50px; border-top: 3px solid #000; border-bottom: 1px solid #666; } body.events .events-wrapper .load-more-container { position: absolute; width: 100%; left: 0; bottom: 0; } @media (max-width:799px) { body.events .events-wrapper .image-container { margin-bottom: 20px; } body.events .events-wrapper .abstract { padding-left: 0; } } @media (max-width:560px) { body.events .events-wrapper { padding: 0; } body.events .events-wrapper .events-item { padding: 25px 0 20px 0; } body.events .events-wrapper .abstract { padding-left: 0; } body.events .events-wrapper .read-more { text-align: left; } body.events .events-wrapper .category { margin-left: 0; } body.events .events-wrapper h3 { padding-left: 0; padding-top: 12px; } body.events .events-wrapper h3 .bar { position: relative; left: auto; top: auto; width: 30px; display: inline-block; vertical-align: middle; } body.events .events-wrapper .events-item .savethedate-container { border-top: 0; } body.events .events-wrapper .events-item .savethedate-container a { padding: 15px 0 15px 31px; background-position: 0 50%; background-size: 24px; } } body.events-dettaglio #map { height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body.events-dettaglio .map-container { padding-top: 60%; position: relative; margin-top: 30px; } body.events-dettaglio .map-container .locationTitle { margin-bottom: 10px; } body.events-dettaglio .title-row { background-color: #e5e5e5; border-top: 3px solid #000; border-bottom: 1px solid #000; } body.events-dettaglio .title-row .col-l { padding: 15px; } body.events-dettaglio .title-row .col-l .page-title:first-of-type { color: #e53c14; } body.events-dettaglio .title-row .col-l .page-title:nth-of-type(2) { color: #e53c14; opacity: 0.6; } body.events-dettaglio .title-row .col-l .page-title:nth-of-type(3) { color: #000; } body.events-dettaglio .title-row .col-r { background-color: #fff; min-height: 145px; position: relative; padding: 15px 15px 10px 40px; } body.events-dettaglio .title-row .col-r .news-title { margin-bottom: 30px; min-height: 71px; color: #e53c14; } body.events-dettaglio .title-row .col-r .savethedate-container { position: absolute; bottom: 15px; right: 0; padding: 0 8px; } body.events-dettaglio .title-row .col-r .savethedate-container a { color: #000; text-transform: uppercase; display: block; padding: 25px 0 0 40px; background-image: url('../image/calendar.png'); background-repeat: no-repeat; background-position: 0 77%; background-size: 32px; white-space: nowrap; text-decoration: underline; } body.events-dettaglio .event-content { margin-top: 25px; } body.events-dettaglio .event-content .col-l { position: absolute; width: 16.67%; top: 0; left: 0; } body.events-dettaglio .event-content .col-r { margin-bottom: 35px; } body.events-dettaglio .event-content .navigation-btn-wrapper .button-prev, body.events-dettaglio .event-content .navigation-btn-wrapper .button-next { padding: 0; width: auto; display: inline-block; margin-right: 7px; } body.events-dettaglio .event-content .page-count { padding: 15px 0 10px 0; } body.events-dettaglio .event-content .download-section { width: 100%; float: left; clear: both; margin: 40px 0; position: relative; padding-top: 100%; } body.events-dettaglio .event-content .download-section .square-box-inner { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; } body.events-dettaglio .event-content .download-section a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; max-width: 140px; max-height: 140px; border: 1px solid #e53c14; cursor: pointer; display: block; color: #000; line-height: 23px; text-align: center; padding: 10px 5px 55px 5px; background-image: url('../image/download_icon_red.svg'); background-position: 50% 83%; background-repeat: no-repeat; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.events-dettaglio .event-content .download-section a:hover { background-color: #e53c14; color: #fff; } body.events-dettaglio .event-content .social-sharing { float: left; } body.events-dettaglio .event-content .social-sharing a { display: block; } body.events-dettaglio .event-content .social-sharing .share-btn { padding: 1.7rem 2rem 0 0; color: #000; cursor: pointer; } body.events-dettaglio .event-content .image-container { margin-bottom: 15px; } body.events-dettaglio .event-content .location { background-color: #e53c14; color: #fff; padding: 15px 9%; } body.events-dettaglio .event-content .speakers { color: #e53c14; background-color: #e5e5e5; padding: 15px 9%; } body.events-dettaglio .event-content .speakers .speakers-list { display: none; } body.events-dettaglio .event-content .speakers .open-panel, body.events-dettaglio .event-content .speakers .close-panel { cursor: pointer; } body.events-dettaglio .event-content .speakers .close-panel { display: none; } body.events-dettaglio .event-content .speakers .speakers-item { padding: 15px 0; } body.events-dettaglio .event-content .speakers .speakers-item .item-name { max-width: 71%; float: left; } body.events-dettaglio .event-content .speakers .speakers-item .item-name a { color: #e53c14; } body.events-dettaglio .event-content .speakers .speakers-item .speaker-time { width: 23%; white-space: nowrap; } body.events-dettaglio .event-content .speakers .speakers-item .item-description { max-width: 71%; } body.events-dettaglio .event-content .speakers .speakers-item .item-description span.download { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; color: #000; } body.events-dettaglio .event-content .speakers .color-black { color: #000; } body.events-dettaglio .event-content .speakers .color-black a { color: #000; } body.events-dettaglio .event-content .speakers .color-black a:hover { text-decoration: underline; } body.events-dettaglio .event-content .speakers .showSpeakers { cursor: default; } body.events-dettaglio .event-content .part2 .section-title { color: #e53c14; margin-bottom: 5px; } body.events-dettaglio .event-content .part2 .section-subtitle { margin: 10px 0; } body.events-dettaglio .event-content .part2 .text ul { list-style: none none; margin: 20px 0; padding: 0 0 0 15px; border-left: 3px solid #000; } body.events-dettaglio .event-content .part2 .text ul li:before { content: '鈥?; padding-right: 6px; } body.events-dettaglio .event-content .more-info-block { padding: 25px 10px 40px 0; } body.events-dettaglio .event-content .more-info-block .block-title { color: black; margin-bottom: 30px; } body.events-dettaglio .event-content .more-info-block .txt-container { border-left: 3px solid #000; padding: 0 0 0 7px; } body.events-dettaglio .event-content .more-info-block a { color: #000; } body.events-dettaglio .event-content .more-info-block ul { list-style: none none; margin: 0; padding: 0 0 0 8px; } body.events-dettaglio .event-content .more-info-block ul li:before { content: '鈥?; padding-right: 6px; } body.events-dettaglio .event-content .carousel-live .item-live { padding-right: 20px; } body.events-dettaglio .event-content .text-live { color: #e53c14; border-top: 1px solid #000; border-bottom: 3px solid #000; padding: 15px 5px; } body.events-dettaglio .event-content .title-post { margin-top: 30px; color: #e53c14; } body.events-dettaglio .event-content .number-post { float: left; width: 22%; line-height: 23px; margin: 20px 2%; border-top: 2px solid #000; border-bottom: 1px solid #000; padding-top: 10px; } body.events-dettaglio .event-content .number-post span { line-height: 18px; display: block; min-height: 50px; } body.events-dettaglio .event-content .number-post:first-of-type { margin-left: 0; } body.events-dettaglio .event-content .number-post:last-of-type { margin-right: 0; } body.events-dettaglio .event-content .square-image-container { margin-bottom: 20px; } @media (max-width:799px) { body.events-dettaglio .live { display: inline-block; float: right; } body.events-dettaglio .title-row .col-r { padding: 15px; } body.events-dettaglio .title-row .col-r .news-title { min-height: auto; } body.events-dettaglio .title-row .col-r .savethedate-container { position: relative; bottom: auto; right: auto; display: inline-block; float: right; margin-top: 20px; } body.events-dettaglio .title-row .col-r .savethedate-container a { padding: 15px 0 15px 40px; background-position: 0 50%; } body.events-dettaglio .event-content .col-l { position: relative; width: 100%; } body.events-dettaglio .event-content .download-section { width: 140px; padding-top: 30px; margin: 40px auto; float: none; } body.events-dettaglio .event-content .download-section a { position: relative; top: auto; left: auto; bottom: auto; right: auto; height: 140px; } body.events-dettaglio .event-content .social-sharing { margin-top: 30px; margin-bottom: 30px; width: 100%; text-align: center; } body.events-dettaglio .event-content .social-sharing a { display: inline-block; } body.events-dettaglio .event-content .social-sharing .share-btn { padding: 0 10px; } body.events-dettaglio .event-content .col-r { padding: 0; } body.events-dettaglio .event-content .speakers .speakers-item .item-name { max-width: 100%; } body.events-dettaglio .event-content .speakers .speakers-item .speaker-time { width: 100%; display: block; white-space: nowrap; } body.events-dettaglio .event-content .speakers .speakers-item .speaker-time p { display: inline-block; } body.events-dettaglio .event-content .speakers .speakers-item .item-description { clear: both; max-width: 100%; } } @media (min-width:1201px) and (max-width:1600px) { body.events-dettaglio .title-row .col-r .news-title { min-height: 85px; min-height: 5.2vw; } } @media (min-width:1601px) { body.events-dettaglio .title-row .col-r .news-title { min-height: 96px; } } .dan-section.contacts.intro .header-row { background-color: #aab1b7; } .dan-section.contacts.intro .header-row h1 { color: #55646e; } .dan-section.contacts.intro .header-row .subtitle { color: #fff; } @media (min-width:800px) and (max-width:1024px) { .dan-section.contacts.intro .pcr-block-link-35 h4 { display: none; } } @media (max-width:799px) { .dan-section.contacts.intro .pcr-block35 { border-top: solid 1px #808080; } } body.contact-us .text-container { border: 1px solid #999; margin-top: 0; margin-bottom: 0; padding-top: 2rem; padding-bottom: 4rem; } body.contact-us .text-container .title { color: #55646e; } body.contact-us .text-container .text { color: #333; margin-top: 2rem; } body.contact-us .form-container { margin-top: 0; margin-bottom: 0; padding: 2rem 0.75rem; border-top: 0; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; } body.contact-us .form-container .form_1-eseguito { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; } body.contact-us .form-container .form_1-eseguito strong, body.contact-us .form-container .form_1-eseguito b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 .form-row, body.contact-us #form_27 .form-row { margin-bottom: 1.5rem; } body.contact-us #form_1 .form-item, body.contact-us #form_27 .form-item { width: 50%; display: inline-block; padding: 0 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #999; } body.contact-us #form_1 .form-item strong, body.contact-us #form_27 .form-item strong, body.contact-us #form_1 .form-item b, body.contact-us #form_27 .form-item b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 .form-item input, body.contact-us #form_27 .form-item input, body.contact-us #form_1 .form-item button, body.contact-us #form_27 .form-item button, body.contact-us #form_1 .form-item textarea, body.contact-us #form_27 .form-item textarea { border: 1px solid #ccc; border-radius: 0; padding: 0 1rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } body.contact-us #form_1 .form-item input strong, body.contact-us #form_27 .form-item input strong, body.contact-us #form_1 .form-item button strong, body.contact-us #form_27 .form-item button strong, body.contact-us #form_1 .form-item textarea strong, body.contact-us #form_27 .form-item textarea strong, body.contact-us #form_1 .form-item input b, body.contact-us #form_27 .form-item input b, body.contact-us #form_1 .form-item button b, body.contact-us #form_27 .form-item button b, body.contact-us #form_1 .form-item textarea b, body.contact-us #form_27 .form-item textarea b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 .form-item label, body.contact-us #form_27 .form-item label { width: 100%; display: block; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; text-transform: uppercase; margin-bottom: 0.3rem; } body.contact-us #form_1 .form-item input, body.contact-us #form_27 .form-item input { width: 100%; display: block; height: 34px; } body.contact-us #form_1 .form-item textarea, body.contact-us #form_27 .form-item textarea { width: 100%; height: 142px; } body.contact-us #form_1 input[type="radio"], body.contact-us #form_27 input[type="radio"] { width: auto !important; display: inline-block !important; margin-top: 0 !important; height: auto !important; margin-right: 9px !important; position: absolute; } body.contact-us #form_1 .form-item-65, body.contact-us #form_27 .form-item-65, body.contact-us #form_1 .form-item-40, body.contact-us #form_27 .form-item-40 { margin-bottom: 10px; } body.contact-us #form_1 .radio-wrapper, body.contact-us #form_27 .radio-wrapper { position: relative; } body.contact-us #form_1 .radio-wrapper .form-item, body.contact-us #form_27 .radio-wrapper .form-item { width: 33.3333%; } body.contact-us #form_1 .radio-wrapper .form-item.form-item-text, body.contact-us #form_27 .radio-wrapper .form-item.form-item-text { width: 100%; } body.contact-us #form_1 .radio-wrapper label, body.contact-us #form_27 .radio-wrapper label { padding-left: 10%; line-height: 1.4rem; } body.contact-us #form_1 select, body.contact-us #form_27 select { border: 1px solid #ccc; padding: 0 1rem; height: 34px; width: 100%; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; background: transparent url(../image/select.svg) no-repeat 97% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } body.contact-us #form_1 select strong, body.contact-us #form_27 select strong, body.contact-us #form_1 select b, body.contact-us #form_27 select b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 select::-ms-expand, body.contact-us #form_27 select::-ms-expand { display: none; } body.contact-us #form_1 ::-webkit-input-placeholder, body.contact-us #form_27 ::-webkit-input-placeholder { color: #999; } body.contact-us #form_1 :-moz-placeholder, body.contact-us #form_27 :-moz-placeholder { color: #999; opacity: 1; } body.contact-us #form_1 ::-moz-placeholder, body.contact-us #form_27 ::-moz-placeholder { color: #999; opacity: 1; } body.contact-us #form_1 :-ms-input-placeholder, body.contact-us #form_27 :-ms-input-placeholder { color: #999; } body.contact-us #form_1 .message-container, body.contact-us #form_27 .message-container { margin-bottom: 0; } body.contact-us #form_1 .message-container .form-item, body.contact-us #form_27 .message-container .form-item { width: 100%; } body.contact-us #form_1 .privacy-link, body.contact-us #form_27 .privacy-link { float: left; display: inline-block; padding-left: 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #19beff; width: 50%; margin-bottom: 1rem; } body.contact-us #form_1 .privacy-link strong, body.contact-us #form_27 .privacy-link strong, body.contact-us #form_1 .privacy-link b, body.contact-us #form_27 .privacy-link b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 .form-required, body.contact-us #form_27 .form-required { float: right; display: inline-block; padding-right: 0.75rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.1rem; line-height: 2.4rem; color: #e53c14; width: 50%; text-align: right; margin-bottom: 1rem; } body.contact-us #form_1 .form-required strong, body.contact-us #form_27 .form-required strong, body.contact-us #form_1 .form-required b, body.contact-us #form_27 .form-required b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.contact-us #form_1 input[type="checkbox"], body.contact-us #form_27 input[type="checkbox"] { background: url('../image/check_off.svg') no-repeat 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; display: inline-block; margin-top: 0 !important; height: 27px !important; width: 31px !important; vertical-align: middle; margin-right: 1rem; position: absolute; } body.contact-us #form_1 input[type="checkbox"]+label, body.contact-us #form_27 input[type="checkbox"]+label { padding-left: 15%; margin-bottom: 10px; } body.contact-us #form_1 input[type="checkbox"]::checked, body.contact-us #form_27 input[type="checkbox"]::checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } body.contact-us #form_1 input[type="checkbox"]:checked, body.contact-us #form_27 input[type="checkbox"]:checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } body.contact-us #form_1 input[type="submit"], body.contact-us #form_27 input[type="submit"] { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; border: 0; border-radius: 0; background-color: #e5e5e5; color: #19beff; text-transform: uppercase; width: 33.3333%; display: block; margin: 4rem auto 1rem auto; } body.contact-us #form_1 input[type="submit"]:hover, body.contact-us #form_27 input[type="submit"]:hover { color: #333; } body.contact-us #form_1 .client-more, body.contact-us #form_27 .client-more, body.contact-us #form_1 .visitor-more, body.contact-us #form_27 .visitor-more { display: none; } @media (max-width:560px) { body.contact-us .text-container .text { width: 90%; } body.contact-us #form_1 .form-item, body.contact-us #form_27 .form-item { width: 100%; } body.contact-us #form_1 .radio-wrapper label, body.contact-us #form_27 .radio-wrapper label { padding-left: 20%; line-height: 1.4rem; } } body.contact-us.subscribe-newsletter .text-container { background-color: #55646e; } body.contact-us.subscribe-newsletter .text-container .title { color: white; } body.contact-us.subscribe-newsletter .text-container .text { width: 100%; color: white; margin-top: 0.5rem; margin-bottom: 1.5rem; } body.contact-us.subscribe-newsletter .form-item-text { width: 100% !important; } body.contact-us.subscribe-newsletter .form_27-eseguito { font-size: 1.6rem; line-height: 2.5rem; padding: 50px 0; } @media (max-width:560px) { body.contact-us.subscribe-newsletter .text-container .title { font-size: 2.8rem; line-height: 3rem; } body.contact-us.subscribe-newsletter .text-container .text { width: 90%; } body.contact-us.subscribe-newsletter .form-item { width: 100%; } } .contacts-pre-form { border: 1px solid #000; border-bottom: 0; font-family: "Trade Gothic W02 Light"; margin-right: 2rem; margin-top: 6.5rem; padding: 1rem; } @media (max-width:480px) { .contacts-pre-form { margin-right: 0; } } .contacts-pre-form-title { font-size: 3.4rem; font-weight: normal; line-height: 4rem; color: #55646e; margin-top: 0; margin-bottom: 3.2rem; } .contacts-pre-form-description { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; margin: 2rem 6rem 2rem 0; } .contacts-pre-form-description strong, .contacts-pre-form-description b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .contacts-pre-form-required { color: #e53c14; font-weight: bold; } .form_message { font-family: "Trade Gothic W02 Light" !important; color: #e53c14; } .contacts-form, .form_message { border: 1px solid #333; padding: 2rem 1rem; margin-right: 2rem; font-family: "Lato"; } @media (max-width:480px) { .contacts-form, .form_message { margin-right: 0; } } .contacts-form input[type=text], .form_message input[type=text], .contacts-form input[type=email], .form_message input[type=email], .contacts-form textarea, .form_message textarea { border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .contacts-form label, .form_message label { font-weight: 700; text-transform: uppercase; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } .contacts-form label strong, .form_message label strong, .contacts-form label b, .form_message label b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } .contacts-form .label-checkbox, .form_message .label-checkbox { color: #999; text-transform: none; line-height: 27px; height: 27px; display: inline-block; position: relative; margin-bottom: 0 !important; top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } .contacts-form input[type=checkbox], .form_message input[type=checkbox] { background: url('../image/check_off.svg') no-repeat 0 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; box-shadow: none; display: inline-block; margin-top: 0 !important; height: 27px !important; width: 31px !important; } .contacts-form input[type=checkbox]::checked, .form_message input[type=checkbox]::checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } .contacts-form input[type=checkbox]:checked, .form_message input[type=checkbox]:checked { background: transparent url('../image/check_on.svg') no-repeat 0 0; } .contacts-form select, .form_message select { background: transparent url('../image/select.svg') no-repeat 97% 50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } .contacts-form select::-ms-expand, .form_message select::-ms-expand { display: none; } .contacts-form button, .form_message button { border: 0; border-radius: 0; background-color: #e5e5e5; color: #19beff; text-transform: uppercase; font-weight: 700; width: 100%; } .contacts-form .form-group:last-of-type, .form_message .form-group:last-of-type { margin-bottom: 0 !important; } .contacts-form .form-error, .form_message .form-error { color: #e53c14; display: block; margin-top: 2rem; padding: 1rem; border: 1px solid #e53c14; } .contacts-form .form-error strong, .form_message .form-error strong { text-transform: uppercase; font-family: "Trade Gothic W01 Bold_2"; } .contacts-form a, .form_message a { color: #19beff; } .contacts { margin-bottom: 2.3rem; } .contacts-error { background: transparent url('../image/check.svg') no-repeat 1rem 1rem; margin-top: 1rem; border: 1px solid #e53c14; padding: 1rem 1rem 1rem 5rem; } .contacts { font-family: "Lato"; } .contacts .contact h3 { font-family: "Lato"; font-size: 1.25rem; font-weight: 700; color: #e53c14; margin-bottom: 0; } .contacts .contact a { color: #19beff; } .contacts .contact:last-of-type { padding-right: 0; } .contact-compact { border-bottom: 1px solid #e5e5e5; padding-bottom: 1.8rem; padding-left: 5rem; position: relative; } .contact-compact .caret { color: #19beff; position: absolute; top: 1.25rem; left: 1.75rem; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; } .contact-compact .caret.open { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .contact-compact-text { display: none; } .close { float: right; color: black !important; font-size: 4rem; opacity: 1; text-shadow: none; margin-top: -10px; background-color: transparent; border: none; margin-top: -13px !important; } .modal-body table { margin-top: 30px; margin-bottom: 20px; } .modal-body table td { width: 33%; max-width: 33%; padding: 10px 10px 10px 0; vertical-align: top; } .modal-body table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .modal-body table tr:first-of-type { border-top: 1px solid #000; border-bottom: 1px solid #000; } @media (max-width:560px) { .modal-body table td { width: 100%; max-width: 100%; padding-right: 10px; float: left; padding-bottom: 10px; } .modal-body table td:first-of-type { padding-top: 10px; } } #contacts-terms .modal-content { border-radius: 0; border: none; box-shadow: none; background-color: white; color: #333; line-height: 1.5; } #contacts-terms .modal-content a { color: #19beff; } #contacts-terms .modal-content h2 { font-family: "Trade Gothic W01 Bold_2"; font-size: 1.75rem; margin-top: 2rem; margin-bottom: 0.5rem; } #contacts-terms .modal-content h3 { font-family: "Trade Gothic W01 Bold_2"; font-size: 1.5rem; margin-bottom: 0.5rem; } #contacts-terms .modal-content p { font-family: "Trade Gothic W02 Light"; } #contacts-terms .modal-content strong { font-family: "Trade Gothic W01 Bold_2"; } body.locations #map { height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } body.locations .infowincontent { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.8rem; } body.locations .infowincontent strong, body.locations .infowincontent b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.locations .infowincontent .addressText { margin-bottom: 5px; } body.locations .infowincontent a { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.8rem; color: #19beff; display: block; text-decoration: none; } body.locations .infowincontent a.directions-link { display: block; margin-top: 5px; color: #e53c14; text-decoration: underline; } body.locations .map-container { padding-top: 40%; position: relative; } body.locations .block-container { margin-top: 3rem; } body.locations .block-container .legend { padding: 0; } body.locations .block-container .legend div { display: inline-block; float: left; width: auto; padding-left: 33px; margin-right: 1.6rem; margin-left: 0.8rem; background-repeat: no-repeat; background-size: 30px; background-position: 0 0; margin-bottom: 3rem; height: 46px; position: relative; } body.locations .block-container .legend div.type1 { background-image: url('../image/pin_production.svg'); } body.locations .block-container .legend div.type2 { background-image: url('../image/pin_design.svg'); } body.locations .block-container .legend div.type3 { background-image: url('../image/pin_service.svg'); } body.locations .block-container .legend div.type4 { background-image: url('../image/pin_multi.svg'); } body.locations .block-container .legend div h4 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.1rem; line-height: 1.3rem; color: #333; position: relative; padding: 0.2rem 0.3rem; } body.locations .block-container .legend div h4 strong, body.locations .block-container .legend div h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.locations .block-container .legend div:first-of-type { margin-left: 1rem; } body.locations .block-container .section-title { margin-top: 21px; margin-bottom: 0; } body.locations .block-container .filters-wrapper .section-title { margin: 0; text-transform: uppercase; } body.locations .block-container .filters-wrapper .filter-list { float: left; width: 100%; } body.locations .block-container .filters-wrapper .filter-list .col-l { width: 70%; float: left; } body.locations .block-container .filters-wrapper .filter-list .col-r { width: 29%; float: right; } body.locations .block-container .filters-wrapper .filter-title { color: #333; border-top: 3px solid #000; border-bottom: 0; margin: 0; float: left; width: 100%; text-transform: uppercase; height: 50px; line-height: 50px; } body.locations .block-container .filters-wrapper .type-list { list-style-type: none; padding: 0; margin: 0; width: 100%; float: left; } body.locations .block-container .filters-wrapper .type-list li { background-color: #c9beba; cursor: pointer; background-repeat: no-repeat; background-position: 6% 50%; background-size: 14%; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; border-right: 1px solid #fff; border-top: 3px solid #fff; opacity: 0.3; height: 50px; line-height: 21px; padding-left: 9%; padding-right: 3%; padding-top: 3px; float: left; width: 33.3333%; display: inline-block; } body.locations .block-container .filters-wrapper .type-list li.selected { background-color: #bdc8d2; opacity: 1; } body.locations .block-container .filters-wrapper .type-list li[data-filter="type1"] { background-image: url('../image/icon_production.svg'); } body.locations .block-container .filters-wrapper .type-list li[data-filter="type2"] { background-image: url('../image/icon_design.svg'); } body.locations .block-container .filters-wrapper .type-list li[data-filter="type3"] { background-image: url('../image/icon_service.svg'); } body.locations .block-container .headquarter { padding-left: 1.5rem; padding-right: 2rem; margin-top: 4rem; } body.locations .block-container .headquarter .section-title { margin-bottom: 2rem; margin-top: 0; } body.locations .block-container .headquarter .text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 3rem; } body.locations .block-container .headquarter .text strong, body.locations .block-container .headquarter .text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.locations .block-container .headquarter .text a { color: #19beff; } body.locations .block-container .list-wrapper { padding-top: 30px; } body.locations .continent-filter, body.locations .country-filter { overflow: hidden; background: url('../image/select_dropdown_blue.svg') no-repeat right center; height: 50px; width: 100%; margin: 0; border-top: 3px solid #000; border-bottom: 2px solid #fff; border-left: 1px solid #4c4c4c; } body.locations .continent-filter select, body.locations .country-filter select { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 15px; line-height: 22px; color: #333; background: transparent; border: none; padding: 5px; border: 0; height: 50px; width: 110%; } body.locations .continent-filter select strong, body.locations .country-filter select strong, body.locations .continent-filter select b, body.locations .country-filter select b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.locations .continent-filter select:focus, body.locations .country-filter select:focus { outline: none; } body.locations .continent-filter .select-country, body.locations .country-filter .select-country { display: none; } body.locations .continent-filter #all-countries, body.locations .country-filter #all-countries { display: block; } body.locations .continent-block .continent-title { color: #000; } body.locations .continent-block .continent-title.closed { display: none; } body.locations .contacts-list { margin-bottom: 3rem; padding: 0; } body.locations .contacts { margin-bottom: 2.3rem; } body.locations .contacts .contact-item { color: #333; padding: 0; float: left; width: 100%; border-bottom: 1px solid #333; background-repeat: no-repeat; background-position: 100% 0; background-size: 60px; cursor: pointer; background-image: url('../image/arrow_open2.svg'); } body.locations .contacts .contact-item .left-block { width: 29%; float: left; } body.locations .contacts .contact-item .countryTitle { color: #333; margin: 0; line-height: 24px; text-transform: uppercase; padding: 18px 5px 18px 0; width: 58%; display: inline-block; float: left; } body.locations .contacts .contact-item .icons-wrapper { width: 42%; float: right; min-height: 1px; } body.locations .contacts .contact-item .icons-wrapper .icon { display: none; width: 30%; margin-right: 3%; height: 60px; padding: 0; float: left; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } body.locations .contacts .contact-item .title { color: #333; line-height: 24px; float: left; padding: 18px 67px 18px 8px; width: 71%; } body.locations .contacts .contact-item .text { display: none; float: left; padding-bottom: 20px; padding-right: 67px; padding-left: 8px; margin-left: 29%; width: 71%; } body.locations .contacts .contact-item a { color: #19beff; text-decoration: underline; } body.locations .contacts .contact-item.active-filter { border: 1px solid #e53c14; } body.locations .contacts .contact-item.disabledType, body.locations .contacts .contact-item.disabledCountry { display: none !important; } body.locations .contacts .contact-item .caret { color: #19beff; position: absolute; top: 0.9rem; right: 1.75rem; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; } body.locations .contacts .contact-item .caret.open { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } body.locations .contacts .contact-item[data-type1="true"] .icon-type1 { display: inline-block; background-image: url('../image/icon_production.svg'); } body.locations .contacts .contact-item[data-type2="true"] .icon-type2 { display: inline-block; background-image: url('../image/icon_design.svg'); } body.locations .contacts .contact-item[data-type3="true"] .icon-type3 { display: inline-block; background-image: url('../image/icon_service.svg'); } body.locations .contacts .contact-item:first-of-type { border-top: 1px solid #333; } body.locations .contacts .contact-item.open { background-image: url('../image/arrow_close2.svg'); } body.locations .contacts a.directions-link { display: block; color: #e53c14; text-decoration: none; padding-right: 20px; padding-top: 10px; } body.locations .contacts-list.filterized .contact-item { display: none; } body.locations .contacts-list[data-filterize="10"] .contact-item[data-type1="true"] { display: block; } body.locations .contacts-list[data-filterize="20"] .contact-item[data-type2="true"] { display: block; } body.locations .contacts-list[data-filterize="30"] .contact-item[data-type3="true"] { display: block; } body.locations .contacts-list[data-filterize="3"] .contact-item[data-type1="true"] { display: block; } body.locations .contacts-list[data-filterize="3"] .contact-item[data-type2="true"] { display: block; } body.locations .contacts-list[data-filterize="4"] .contact-item[data-type1="true"] { display: block; } body.locations .contacts-list[data-filterize="4"] .contact-item[data-type3="true"] { display: block; } body.locations .contacts-list[data-filterize="5"] .contact-item[data-type2="true"] { display: block; } body.locations .contacts-list[data-filterize="5"] .contact-item[data-type3="true"] { display: block; } body.locations .contacts-list[data-filterize="6"] .contact-item { display: block; } @media (max-width:1024px) { body.locations .map-container { padding-top: 50%; } } @media (max-width:799px) { body.locations .contacts .contact-item .left-block { width: 40%; } body.locations .contacts .contact-item .title { width: 60%; } body.locations .contacts .contact-item .text { margin-left: 0; padding-left: 0; } } @media (max-width:560px) { body.locations .map-container { padding-top: 60%; } body.locations .block-container { margin-top: 10px; } body.locations .block-container .legend div { margin-left: 10px; margin-bottom: 5px; } body.locations .block-container .legend div:first-of-type { margin-left: 10px; } body.locations .block-container .filters-wrapper .section-title span { display: block; width: 100%; } body.locations .block-container .filters-wrapper .filter-list .col-l { width: 100%; } body.locations .block-container .filters-wrapper .filter-list .col-r { width: 100%; margin-top: 20px; } body.locations .block-container .filters-wrapper .type-list li { width: 100%; background-position: 3% 50%; background-size: 8%; padding-left: 12%; height: 47px; line-height: 45px; padding-top: 0; } body.locations .contacts .contact-item .countryTitle, body.locations .contacts .contact-item .title { line-height: 22px; padding-top: 10px; padding-bottom: 5px; } body.locations .contacts .contact-item .countryTitle { width: 100%; } body.locations .contacts .contact-item .icons-wrapper { width: 100%; max-width: 106px; float: left; padding-bottom: 5px; } body.locations .contacts .contact-item .icons-wrapper .icon { height: 37px; } body.locations .contacts .contact-item .left-block { width: 38%; } body.locations .contacts .contact-item .title { width: 62%; } } @media (min-width:1601px) { body.locations .contacts .contact-item .countryTitle, body.locations .contacts .contact-item .title { line-height: 30px; padding-top: 15px; padding-bottom: 15px; } } body.service-news-copertina .banda-sfondo-grigio-chiaro { padding-top: 85px; } body.service-news-copertina div.sez-2 h1 { margin: 0; padding-top: 5.6rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 6rem; line-height: 6rem; color: #55646e; letter-spacing: -0.05rem; } body.service-news-copertina div.sez-2 h1 strong, body.service-news-copertina div.sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-2 div.text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; margin: 0rem 0 0 0; } body.service-news-copertina div.sez-2 div.text strong, body.service-news-copertina div.sez-2 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-2 div.text a { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; color: #19beff; text-transform: uppercase; text-decoration: underline; } body.service-news-copertina div.sez-2 div.text a strong, body.service-news-copertina div.sez-2 div.text a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-3 { padding-top: 5.8rem; } body.service-news-copertina div.sez-3 ul { padding: 0; list-style: none; } body.service-news-copertina div.sez-3 li { padding: 1.6rem; background-color: #99a2a8; text-align: center; } body.service-news-copertina div.sez-3 li a { display: inline-block; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.92rem; color: white; text-align: center; text-decoration: none; text-transform: uppercase; } body.service-news-copertina div.sez-3 li a strong, body.service-news-copertina div.sez-3 li a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-3 li.active { background-color: #55646e; padding-bottom: 1.2rem; border-bottom: 0.4rem solid #e53c14; } body.service-news-copertina div.sez-4 div.row { padding-top: 5.5rem; padding-bottom: 5.5rem; } body.service-news-copertina div.sez-4 div.row~div.row { border-top: 0.1rem solid white; } body.service-news-copertina div.sez-4 div.text { padding-left: 1rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #333; } body.service-news-copertina div.sez-4 div.text strong, body.service-news-copertina div.sez-4 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.text div.category { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; color: #55646e; text-transform: uppercase; margin-bottom: 1rem; } body.service-news-copertina div.sez-4 div.text div.date { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 3.5rem; color: #9db2bc; } body.service-news-copertina div.sez-4 div.text div.date strong, body.service-news-copertina div.sez-4 div.text div.date b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.text h3 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; font-weight: normal; margin-top: 0.5rem; margin-bottom: 0rem; } body.service-news-copertina div.sez-4 div.text h4 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; font-weight: normal; margin-top: 0.5rem; margin-bottom: 1.5rem; } body.service-news-copertina div.sez-4 div.text h4 strong, body.service-news-copertina div.sez-4 div.text h4 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.text h5 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; font-weight: normal; margin-top: 0.5rem; margin-bottom: 1.5rem; width: 80%; } body.service-news-copertina div.sez-4 div.text h5 strong, body.service-news-copertina div.sez-4 div.text h5 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.text .numero { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; color: #55646e; font-weight: normal; margin-bottom: 1.5rem; } body.service-news-copertina div.sez-4 a:hover { text-decoration: none; } body.service-news-copertina div.sez-4 a.read-more { float: right; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; color: #19beff; text-transform: uppercase; text-decoration: underline; } body.service-news-copertina div.sez-4 a.read-more strong, body.service-news-copertina div.sez-4 a.read-more b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.image-container { margin-right: 5rem; } body.service-news-copertina div.sez-4 div.image-container img { width: 100%; } body.service-news-copertina div.sez-4 div.read-more { margin-top: 1.5rem; padding-top: 0.4rem; padding-bottom: 0.2rem; background-color: #55646e; } body.service-news-copertina div.sez-4 div.read-more a { display: block; text-align: center; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2rem; color: #e1c700; text-transform: uppercase; text-decoration: none; } body.service-news-copertina div.sez-4 div.read-more a strong, body.service-news-copertina div.sez-4 div.read-more a b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } @media (max-width:) { body.service-news-copertina div.sez-2 { padding-top: 0; } body.service-news-copertina div.sez-2 h6.section-name { margin: 2.1rem 0 1.3rem 0; font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.6rem; color: #99a2a8; text-transform: uppercase; height: 1.7rem; background: url("../image/trattino_sezione_ferro_40.svg") no-repeat scroll left 1.6rem; } body.service-news-copertina div.sez-2 h1 { padding-top: 0; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; color: #55646e; } body.service-news-copertina div.sez-2 h1 strong, body.service-news-copertina div.sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-2 h2 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; color: #9db2bc; } body.service-news-copertina div.sez-2 h2 strong, body.service-news-copertina div.sez-2 h2 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-2 div.text { padding-top: 0.4rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 2.2rem; } body.service-news-copertina div.sez-2 div.text strong, body.service-news-copertina div.sez-2 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-3 { padding-top: 2.2rem; } body.service-news-copertina div.sez-3 li { padding: 0; text-align: left; } body.service-news-copertina div.sez-3 li a { display: block; padding: 0 0 0 1rem; border-right: 1rem solid #99a2a8; text-align: left; } body.service-news-copertina div.sez-3 li a span { display: block; padding: 1.6rem 0; } body.service-news-copertina div.sez-3 li.active { padding: 0; border: none; } body.service-news-copertina div.sez-3 li.active a { padding: 0 0 0 1rem; background-color: #55646e; border-right: 1rem solid #e53c14; } body.service-news-copertina div.sez-3 li:not(.active)+li:not(.active) a span { border-top: 0.1rem solid #9db2bc; } body.service-news-copertina div.sez-3 li.active+li:not(.active) a span { border-top: 0.1rem solid transparent; } body.service-news-copertina div.sez-3 li:not(.active)+li.active a span { border-top: 0.1rem solid transparent; } body.service-news-copertina div.sez-4 { padding-top: 1rem; } body.service-news-copertina div.sez-4 div.row { padding-top: 0; padding-bottom: 2.5rem; margin-bottom: 1rem; } body.service-news-copertina div.sez-4 div.row~div.row { padding-top: 2.5rem; border-top: 0.1rem solid white; } body.service-news-copertina div.sez-4>div.row~div.row:last-child { padding-top: 0; padding-bottom: 0; border-top: none; } body.service-news-copertina div.sez-4 div.text { padding-left: 0; } body.service-news-copertina div.sez-4 div.text div.category { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; } body.service-news-copertina div.sez-4 div.text div.date { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; } body.service-news-copertina div.sez-4 div.text div.date strong, body.service-news-copertina div.sez-4 div.text div.date b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-copertina div.sez-4 div.text h3 { margin-top: 2rem; padding-right: 0; } body.service-news-copertina div.sez-4 div.image-container { margin-right: 0; } body.service-news-copertina div.sez-4 div.read-more { margin-top: 0; } body.service-news-copertina div.footer { margin-top: 2.6rem; } } body.service-news-dettaglio .banda-sfondo-grigio-chiaro { padding-top: 85px; } body.service-news-dettaglio div.sez-2 .row { border-bottom: solid 1px white; } body.service-news-dettaglio div.sez-2 h1 { padding-top: 5.9rem; padding-bottom: 3.6rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 6rem; line-height: 5.2rem; color: #55646e; letter-spacing: -0.05rem; } body.service-news-dettaglio div.sez-2 h1 strong, body.service-news-dettaglio div.sez-2 h1 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-3 { padding-top: 5.9rem; } body.service-news-dettaglio div.sez-3 a.link-return { margin-bottom: 3rem; padding-left: 3rem; display: block; color: #808080; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.3rem; background: url("../image/back_grigio_medio.svg") 1rem 50% no-repeat; background-size: 1.1rem 1rem; } body.service-news-dettaglio div.sez-3 a.link-return strong, body.service-news-dettaglio div.sez-3 a.link-return b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-3 div.col2 { padding-left: 3rem; } body.service-news-dettaglio div.sez-3 div.bottom-line { border-bottom: solid 1px white; } body.service-news-dettaglio div.sez-3 h4 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.6rem; color: #55646e; text-transform: uppercase; margin-bottom: 1rem; } body.service-news-dettaglio div.sez-3 div.news-date { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3.8rem; line-height: 3.5rem; color: #9db2bc; } body.service-news-dettaglio div.sez-3 div.news-date strong, body.service-news-dettaglio div.sez-3 div.news-date b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-3 h2 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; font-weight: normal; margin-top: 0.5rem; margin-bottom: 0rem; } body.service-news-dettaglio div.sez-3 h3 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; font-weight: normal; margin-top: 0.5rem; margin-bottom: 3.5rem; } body.service-news-dettaglio div.sez-3 h3 strong, body.service-news-dettaglio div.sez-3 h3 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-3 div.page-count { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #9db2bc; margin-top: 1.5rem; } body.service-news-dettaglio div.sez-3 div.page-count strong, body.service-news-dettaglio div.sez-3 div.page-count b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-4 { padding-top: 3rem; padding-bottom: 1rem; } body.service-news-dettaglio div.sez-4 div.col1 h3 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; text-transform: uppercase; color: #55646e; } body.service-news-dettaglio div.sez-4 div.text { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; } body.service-news-dettaglio div.sez-4 div.text strong, body.service-news-dettaglio div.sez-4 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-4 div.related h3 { padding-left: 3rem; } body.service-news-dettaglio div.sez-4 div.related a.pdf-file, body.service-news-dettaglio div.sez-4 div.related a.related-link { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; display: block; color: black; padding-left: 3rem; text-decoration: underline; margin-top: 1.5rem; } body.service-news-dettaglio div.sez-4 div.related a.pdf-file strong, body.service-news-dettaglio div.sez-4 div.related a.related-link strong, body.service-news-dettaglio div.sez-4 div.related a.pdf-file b, body.service-news-dettaglio div.sez-4 div.related a.related-link b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-4 div.related a.pdf-file h4, body.service-news-dettaglio div.sez-4 div.related a.related-link h4 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 1.8rem; color: #47cbff; text-transform: uppercase; text-decoration: underline; } body.service-news-dettaglio div.sez-4 div.related a.pdf-file { background: transparent url('../image/icona_pdf.svg') top left no-repeat; } body.service-news-dettaglio div.sez-4 div.related a.related-link { background: transparent url('../image/freccia_elenco_puntato_acciaio.svg') 5px 4px no-repeat; } body.service-news-dettaglio div.sez-4 div.col2 { padding-left: 3rem; } body.service-news-dettaglio div.sez-4 div.col2 div.text h3 { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 2.2rem; line-height: 2.4rem; color: #55646e; padding-bottom: 1.6rem; } body.service-news-dettaglio div.sez-4 div.col2 div.text h3 strong, body.service-news-dettaglio div.sez-4 div.col2 div.text h3 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-4 div.col2 div.text h4 { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 2.4rem; color: #47cbff; text-transform: uppercase; padding-top: 0.6rem; padding-bottom: 0.1rem; } body.service-news-dettaglio div.sez-4 div.col2 div.text ul { padding-left: 1.7rem; margin-left: 0; } body.service-news-dettaglio div.sez-4 div.dida { width: 60px; border-top: solid 1px #55646e; padding-bottom: 1rem; } body.service-news-dettaglio div.sez-4 div.large-img, body.service-news-dettaglio div.sez-4 div.txt-txt, body.service-news-dettaglio div.sez-4 div.txt-img, body.service-news-dettaglio div.sez-4 div.img-txt { padding-bottom: 3rem; } body.service-news-dettaglio div.sez-4 div.img-container img { width: 100%; } body.service-news-dettaglio div.sez-4 div.img-stretta img { width: 75%; } body.service-news-dettaglio div.sez-4 div.img-doppia img { width: 48%; float: left; } body.service-news-dettaglio div.sez-4 div.img-gutter { width: 4%; float: left; } body.service-news-dettaglio div.sez-5 div.contact { padding: 0rem 0 4em 0; } body.service-news-dettaglio div.sez-5 div.contact div.sfondo { background-color: #e5e5e5; } body.service-news-dettaglio div.sez-5 div.contact div~div div.sfondo { border-top: 0.1rem solid #9db2bc; } body.service-news-dettaglio div.sez-5 div.contact h5 { margin: 0; padding: 1.6rem 2rem 1.4rem 2rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.4rem; color: #aabcb6; text-transform: uppercase; } body.service-news-dettaglio div.sez-5 div.contact h5 strong, body.service-news-dettaglio div.sez-5 div.contact h5 b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-5 div.contact div.address { padding: 2.1rem 0 1.7rem 2.1rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.6rem; line-height: 2.6rem; color: #333; } body.service-news-dettaglio div.sez-5 div.contact div.address strong, body.service-news-dettaglio div.sez-5 div.contact div.address b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-5 div.contact div.image-container { padding: 2.1rem 2.4rem 0 3.9rem; } body.service-news-dettaglio div.sez-5 div.contact div.image-container img { width: 100%; } body.service-news-dettaglio div.footer { margin-top: 3.2rem; } @media (max-width:) { body.service-news-dettaglio div.img-txt img { width: 50% !important; display: block; margin: 0 auto; } body.service-news-dettaglio div.sez-2 { padding-top: 0; } body.service-news-dettaglio div.sez-2 div.text { padding-top: 0.4rem; font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 1.4rem; line-height: 2.2rem; } body.service-news-dettaglio div.sez-2 div.text strong, body.service-news-dettaglio div.sez-2 div.text b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-3 { padding-top: 2.2rem; } body.service-news-dettaglio div.sez-3 li { padding: 0; text-align: left; } body.service-news-dettaglio div.sez-3 li a { display: block; padding: 0 0 0 1rem; border-right: 1rem solid #99a2a8; text-align: left; } body.service-news-dettaglio div.sez-3 li a span { display: block; padding: 1.6rem 0; } body.service-news-dettaglio div.sez-3 li.active { padding: 0; border: none; } body.service-news-dettaglio div.sez-3 li.active a { padding: 0 0 0 1rem; background-color: #55646e; border-right: 1rem solid #e53c14; } body.service-news-dettaglio div.sez-3 li:not(.active)+li:not(.active) a span { border-top: 0.1rem solid #9db2bc; } body.service-news-dettaglio div.sez-3 li.active+li:not(.active) a span { border-top: 0.1rem solid transparent; } body.service-news-dettaglio div.sez-3 li:not(.active)+li.active a span { border-top: 0.1rem solid transparent; } body.service-news-dettaglio div.sez-4 { padding-top: 2.3rem; padding-bottom: 3.4rem; } body.service-news-dettaglio div.sez-4 div.button-prev img, body.service-news-dettaglio div.sez-4 div.button-next img { width: 100%; } body.service-news-dettaglio div.sez-4 div.col2 { padding: 0 0.5rem; } body.service-news-dettaglio div.sez-4 h4.news-section { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; font-size: 1.3rem; line-height: 1.3rem; } body.service-news-dettaglio div.sez-4 h3.news-date { font-family: "Trade Gothic W02 Light", sans-serif; font-weight: normal; font-size: 3rem; line-height: 3rem; } body.service-news-dettaglio div.sez-4 h3.news-date strong, body.service-news-dettaglio div.sez-4 h3.news-date b { font-family: 'Trade Gothic W01 Bold_2', sans-serif; font-weight: normal; } body.service-news-dettaglio div.sez-4 h2.news-title { padding-top: 2.6rem; } body.service-news-dettaglio div.footer { margin-top: 0; } } .page404 .main-content { padding-bottom: 10vw; } .page404 .search-form-wrapper { width: 70%; margin: 30px 0 0 0; padding: 14px 0; border-top: solid 3px #4c4c4c; border-bottom: solid 1px #4c4c4c; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } .page404 .search-form-wrapper input { border: none; box-shadow: none; width: 100%; padding: 5px; font-size: 14px; background: transparent url(../image/menu-search.svg) right center no-repeat; } .page404 .search-form-wrapper input::placeholder { color: #000; /* Firefox */ opacity: 1; -webkit-transition: opacity ease-out 0.6s; -moz-transition: opacity ease-out 0.6s; transition: opacity ease-out 0.6s; } .page404 .search-form-wrapper input.hideplaceholder::placeholder { opacity: 0; } .page404 .col-left h2 { color: rgba(0, 0, 0, 0.5); } .page404 .col-left .text:first-of-type { padding-top: 9%; padding-bottom: 7%; } .page404 .col-left .text:nth-of-type(2) { padding-top: 7%; } .page404 .col-right { padding-top: 80px; } @media (max-width:799px) { .page404 .search-form-wrapper { width: 100%; } .page404 .col-left img { width: 50%; margin: 0 auto; } } body.legal-pages .header-breadcrumb { padding-left: 10px; } body.legal-pages .first-row { margin-bottom: 30px; margin-bottom: 3vw; } body.legal-pages .legalpages-menu { list-style: none none; padding: 20px 0; margin: 0; } body.legal-pages .legalpages-menu li { position: relative; color: #000; } body.legal-pages .legalpages-menu li a { display: block; color: inherit; padding-left: 12px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.legal-pages .legalpages-menu li.active, body.legal-pages .legalpages-menu li:hover { color: #e53c14; } body.legal-pages .legalpages-menu li.active a, body.legal-pages .legalpages-menu li:hover a { text-decoration: none; } body.legal-pages .legalpages-menu li:before { content: '鈥?; position: absolute; left: 0; transition: all ease-out 0.3s; } body.legal-pages.credits .section-menu { margin-top: 10px; } body.legal-pages.credits .section-menu-panel { margin-top: 0px; margin-bottom: 30px; } body.legal-pages.credits .text { margin-top: 30px; margin-bottom: 30px; } body.legal-pages.credits .text h2 { margin-bottom: 50px; } body.legal-pages.credits .text .col-sx { margin-bottom: 5vw; } body.legal-pages.credits .text a { color: #19beff; } body.legal-pages.credits .text a:hover { text-decoration: underline; } @media (max-width:560px) { body.legal-pages.credits .text h2 { margin-bottom: 30px; } } @media (max-width:400px) { body.legal-pages.credits .text h2 { font-size: 27px; } } body.legal-pages.privacy .section-menu { margin-top: 10px; } body.legal-pages.privacy .section-menu-panel { margin-top: 0px; margin-bottom: 30px; } body.legal-pages.privacy .text { padding-top: 30px; max-width: 100%; overflow-x: auto; } body.legal-pages.privacy .text table { margin-top: 30px; margin-bottom: 20px; } body.legal-pages.privacy .text table td { width: 25%; max-width: 25%; padding: 10px 10px 10px 0; vertical-align: top; } body.legal-pages.privacy .text table tr { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } body.legal-pages.privacy .text table tr:first-of-type { border-top: 1px solid #000; border-bottom: 1px solid #000; } body.legal-pages.privacy .text a { color: #19beff; } body.legal-pages.privacy .text a:hover { text-decoration: underline; } @media (max-width:560px) { body.legal-pages.privacy .text table td { width: 100%; max-width: 100%; padding-right: 10px; float: left; padding-bottom: 10px; } body.legal-pages.privacy .text table td:first-of-type { padding-top: 10px; } } body.legal-pages.privacy.others h2 { text-transform: uppercase; } body.legal-pages.privacy.others table { width: 100%; border: solid 1px #b2b2b2; border-bottom: none; border-right: none; margin-bottom: 40px; } body.legal-pages.privacy.others table td { width: 46%; vertical-align: top; padding: 20px 2% 20px 2%; border-bottom: solid 1px #b2b2b2; border-right: solid 1px #b2b2b2; } body.legal-pages.privacy.others table .col-1 { width: 27%; } body.legal-pages.privacy.others table .col-2 { width: 67%; } body.legal-pages.privacy.others table a { color: #19beff; text-decoration: none; } body.legal-pages.privacy.others table a:hover { text-decoration: underline; } @media (max-width:560px) { body.legal-pages.privacy.others .padding-xs { padding: 0 5vw; } body.legal-pages.privacy.others table td { border-bottom: none; width: 100%; } body.legal-pages.privacy.others table .col-1 { padding-bottom: 0; width: 100%; } body.legal-pages.privacy.others table .col-2 { padding-bottom: 0; width: 100%; } body.legal-pages.privacy.others table .col-1-2 { width: 100%; } } body.search-results div.sez-2 { padding-top: 6rem; padding-bottom: 6rem; background-color: #ededed; } body.search-results div.sez-2 h1 { padding-top: 10px; } body.search-results div.sez-2 .form-search-wrapper { padding: 14px 5px 14px 20px; border-top: solid 3px #000; border-bottom: solid 1px #000; -webkit-transition: opacity ease-out 0.5s; -moz-transition: opacity ease-out 0.5s; transition: opacity ease-out 0.5s; } body.search-results div.sez-2 .form-search-wrapper .risultati-ricerca-form { max-width: 100%; } body.search-results div.sez-2 .form-search-wrapper input { width: 100%; max-width: 100%; border: none; box-shadow: none; color: #4c4c4c; background: transparent url(../image/menu-search.svg) right center no-repeat; } body.search-results div.sez-3 .categories-list { padding-top: 4.4rem; padding-left: 1rem; margin-right: 0; } body.search-results div.sez-3 .categories-list ul { padding-left: 0; list-style: none; margin: 0; } body.search-results div.sez-3 .categories-list ul li { border-top: 1px solid #4c4c4c; } body.search-results div.sez-3 .categories-list ul li a { display: block; padding: 1.6rem 1.4rem; color: black; text-transform: uppercase; } body.search-results div.sez-3 .categories-list ul li a .found { text-transform: none; } body.search-results div.sez-3 .categories-list ul li.inactive:first-child { border-top: 3px solid #000; } body.search-results div.sez-3 .categories-list ul li.inactive:last-child { border-bottom: 1px solid #4c4c4c; } body.search-results div.sez-3 .results { padding-top: 4.4rem; } body.search-results div.sez-3 .results .paging-top { display: none; } body.search-results div.sez-3 .results .risultato-ricerca-group { position: relative; clear: both; } body.search-results div.sez-3 .results .risultato-ricerca-group .title { padding: 20px; text-transform: uppercase; border-top: 3px solid #000; } body.search-results div.sez-3 .results .risultato-item { clear: both; overflow: hidden; padding-top: 50px; padding-bottom: 30px; border-top: 1px solid #4c4c4c; } body.search-results div.sez-3 .results .risultato-item a { color: #000; } body.search-results div.sez-3 .results .risultato-item .risultato-title { margin-bottom: 15px; margin-bottom: 1vw; text-transform: capitalize; } body.search-results div.sez-3 .results .risultato-item .risultato-livello-1 { text-transform: uppercase; text-decoration: underline; margin-bottom: 15px; margin-bottom: 1.5vw; } body.search-results div.sez-3 .results .risultato-item .image-container a { display: block; width: 75%; text-align: center; max-width: 75%; } body.search-results div.sez-3 .results .risultato-item .image-container img { max-width: 100%; display: inline-block; } body.search-results div.sez-3 .results .show-all { display: block; padding: 20px; color: #e53c14; text-decoration: none; text-transform: uppercase; position: absolute; top: 3px; right: 0; cursor: pointer; } body.search-results div.sez-3 .results .show-all:before { content: '禄'; padding-right: 5px; } body.search-results div.sez-3 .results .show-all span { text-decoration: underline; } body.search-results div.sez-3 .results span.no-risultato { display: block; margin-top: 1.9rem; margin-bottom: 7rem; color: #9db2bc; } body.search-results div.sez-3 div.paging { margin: 1rem -0.5rem 2rem -0.5rem; padding: 30px 0; border-top: 3px solid #000; overflow: hidden; } body.search-results div.sez-3 div.paging div.button-prev a, body.search-results div.sez-3 div.paging div.button-next a { color: #000; text-decoration: underline; display: inline-block; min-height: 50px; line-height: 50px; } body.search-results div.sez-3 div.paging div.button-prev { float: left; } body.search-results div.sez-3 div.paging div.button-prev a { padding-left: 60px; background: transparent url('../image/freccia_pag_prev.svg') no-repeat center left; } body.search-results div.sez-3 div.paging div.button-prev a.prev-inactive { display: none; } body.search-results div.sez-3 div.paging div.button-next { float: right; } body.search-results div.sez-3 div.paging div.button-next a { padding-right: 60px; background: transparent url('../image/freccia_pag_next.svg') no-repeat center right; } body.search-results div.sez-3 div.paging div.button-next a.next-inactive { display: none; } body.search-results div.sez-3 div.paging div.page-count { display: none; } body.search-results div.footer { margin-top: 1.2rem; } body.search-results.filtered div.sez-3 .categories-list ul li.inactive { opacity: 0.6; } body.search-results.filtered div.sez-3 .categories-list ul li.inactive:first-of-type { border-top: 1px solid #4c4c4c; } body.search-results.filtered div.sez-3 .categories-list ul li.active { opacity: 1; border-top: 3px solid #000; } @media (max-width:1024px) { body.search-results div.sez-2 { padding-top: 30px; padding-bottom: 30px; } body.search-results div.sez-2 h1 { margin-bottom: 40px; } } @media (max-width:560px) { body.search-results div.sez-2 { padding-top: 30px; padding-bottom: 30px; } body.search-results div.sez-2 h1 { margin-bottom: 40px; } body.search-results div.sez-3 .results .risultato-item .risultato-livello-1 { margin-top: 20px; } body.search-results div.sez-3 .results .risultato-item .risultato-title { margin-top: 30px; } body.search-results div.sez-3 .results .risultato-item .risultato-livello-2 { margin-top: 20px; } } body.suppliers .language-switch { color: #55646e; } body.suppliers .opt-lang a { color: #fff; padding: 0; display: block; padding-left: 30px; background-image: url("../image/inv_unselected_lang3b.svg"); background-repeat: no-repeat; background-position: 0% 50%; background-size: contain; margin-bottom: 10px; margin-top: 10px; min-height: 20px; line-height: 20px; text-transform: uppercase; } body.suppliers .opt-lang a.selected { background-image: url("../image/selected_lang_dark.svg") !important; } body.suppliers .header-row { padding: 0 0 30px 0; background-color: #aab1b7; color: white; margin-bottom: 0; } body.suppliers .header-row h1 { font-size: 80px; line-height: 142px; color: #55646e; margin-bottom: 0; } body.suppliers .sez-2 .page-content { padding-top: 30px; } body.suppliers .sez-2 .info { margin: 40px 0; color: red; } body.suppliers .sez-2 .ul-wrapper ul { list-style: none; padding: 0; margin-top: 0; border-top: solid 1px #000; } body.suppliers .sez-2 .ul-wrapper ul li { background-color: #e5e5e5; border-bottom: solid 1px #000; min-height: 85px; width: 100%; display: table; -webkit-transition: background ease-out 0.3s; -moz-transition: background ease-out 0.3s; transition: background ease-out 0.3s; } body.suppliers .sez-2 .ul-wrapper ul li a { display: table-cell; width: 100%; color: black; vertical-align: middle; padding: 5px 30% 5px 16px; background-image: url('../image/circlearrow_r_red.svg'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 55px; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; } body.suppliers .sez-2 .ul-wrapper ul li a:hover { background-image: url('../image/circlearrow_r_wh.svg'); text-decoration: none; color: white; } body.suppliers .sez-2 .ul-wrapper ul li a.download-icon { background-image: url('../image/download.svg'); background-position: 96.2% 50%; background-size: 30px; } body.suppliers .sez-2 .ul-wrapper ul li:hover { background-color: #55646e; } body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink { cursor: pointer; } body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink>a { display: block; padding: 25px 30% 25px 16px; min-height: 85px; background-image: url('../image/arrow_down_black.svg'); background-size: 20px; background-position: 95.4%; } body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink.open { background-color: #a9b1b7; } body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink.open>a, body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink.open>a:hover { background-image: none !important; } body.suppliers .sez-2 .ul-wrapper ul li.hasSubLink.open a:hover { color: #000; background-image: url('../image/circlearrow_r_red.svg'); } body.suppliers .sez-2 .ul-wrapper ul ul { display: none; border: 0; } body.suppliers .sez-2 .ul-wrapper ul ul li { background-color: #fff; } body.suppliers .sez-2 .ul-wrapper ul ul li:hover { background-color: #a9b1b7; } body.suppliers .sez-2 .ul-wrapper ul li a.download-icon { background-image: url('../image/download.svg') !important; background-position: 96.2% 50% !important; background-size: 30px !important; } body.suppliers .sez-2 .ul-wrapper ul li a.download-icon:hover { background-image: url('../image/download_wh.svg') !important; } body.suppliers .sez-2 .cta-wrapper { height: 25vw; padding: 10px 40px 30px 10px; position: relative; background-color: #55646e; color: white; } body.suppliers .sez-2 .cta-wrapper a.suppliers-cta { display: inline-block; color: white; position: absolute; bottom: 10px; left: 10px; padding-left: 38px; background: url('../image/arrow_r_red.svg') no-repeat 0 50%; } @media (min-width:1201px) and (max-width:1600px) { body.suppliers .header-row h1 { font-size: 8vw; line-height: 11.8vw; } } @media (max-width:1024px) { body.suppliers .language-switch { padding-top: 30px; } body.suppliers .opt-lang a { color: #000; } body.suppliers .sez-2 .ul-wrapper ul { margin-bottom: 0; } body.suppliers .sez-2 .cta-wrapper { height: auto; padding-bottom: 55px; padding-top: 20px; } } @media (max-width:799px) { body.suppliers .opt-lang a { width: 50%; float: left; } body.suppliers .sez-2 .ul-wrapper ul li a { padding-right: 20%; background-size: 40px; padding-top: 10px; padding-bottom: 10px; } } @media (max-width:560px) { body.suppliers .sez-2 .ul-wrapper ul li { min-height: 130px; } body.suppliers .header-row h1 { font-size: 34px; line-height: 40px; padding: 13px 0; } } @media (min-width:1201px) { body.suppliers .sez-2 .cta-wrapper { height: 16.67vw; } } @media (min-width:1601px) { body.suppliers .header-row h1 { font-size: 128px; line-height: 190px; } } .SV-debug-log { position: fixed; top: 0px; left: 50%; margin-left: -150px; width: 300px; overflow: hidden; z-index: 150000; font-size: 14px; background-color: #ecf6d3; padding: 1em; padding-top: 25px; height: 25px; } .SV-debug-log .output { overflow: auto; height: 100%; margin-top: 30px; } .SV-debug-log .close { position: absolute; top: 10px; right: 10px; font-size: 13px; color: #000; opacity: 1; font-weight: 100; z-index: 1; } .SV-debug-log .open { position: absolute; background-color: #ecf6d3; padding: 0 5px 0 5px; top: 10px; right: 10px; font-size: 13px; color: #000; opacity: 1; font-weight: 100; z-index: 2; } .SV-debug-log h1 { position: absolute; top: 10px; left: 10px; font-size: 15px; text-transform: uppercase; color: #333; font-weight: bold; margin: 0; padding: 0; } .SV-debug-log b { font-size: 13px; font-weight: normal; } .SV-debug-log pre { border: none; background: transparent; font-weight: 700; padding: 0; margin: 5px 0 5px 0; } .SV-debug-log pre.detail { margin: 0 0 25px 0px; height: 16px; overflow: hidden; color: #337ab7; font-weight: 100; background-color: #fff; } .SV-debug-log pre.detail .more { float: right; color: #337ab7; } /* 鎵掔珯-end */ /* 鎵掔珯-淇敼start */ .s_b2_2lineh { line-height: 1.75; } .s_b2_2lineh p { line-height: 1.75; } .s_b2_2lineh tr { line-height: 1.75; } .s_b2_2lineh td { line-height: 1.75; } body.vision .sez-4 .col2 p { line-height: 1.75; } body.vision .sez-3 .col1 .text, body.vision .sez-4 .col1 .text p { line-height: 1.75; } body.vision .sez-3 h3, body.vision .sez-4 h3 { line-height: 1.75; } .font-serif-lg, .font-serif-bold-lg { line-height: 1.75; } body.products-elenco div.sez-2 div.titles h1 { line-height: 1.75; } body.products-elenco div.sez-2 div.titles h2 { line-height: 1.75; } .col-xl-2 { width: 20.66667%; } .s_e1_1cb { width: 16.66667%; } .visible-xl.visible-xxl.col-xl-2.col-xl-offset-1.inpage-menu-wrapper .s_bc3r { width: 100%; } .s_c_1gdt { max-height: 433px; width: 25%; float: left; overflow: hidden; } .s_c_1gdt .col-md-3 { width: 100%; float: none; } .s_c_1gdt .mCSB_dragger { height: 150px !important; } .s_c_1gdt1 { width: 33.333333%; } .video-list.col-xs-12.col-sm-4 { width: 100%; } .row { position: relative; } .s_pdftanbox { width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; display: none; z-index: 999; } .s_pdftannr { width: 100%; height: 100%; position: relative; } .s_pdftan { width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_e2zctop { background-color: #1d3851; padding: 12px 30px 12px 50px; } .s_pdftan .s_g1cr { width: 100%; padding: 33px 50px 30px; height: 550px; overflow: hidden; } .s_g1cr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #666; } .s_c_1gdt .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .s_c_1gdt .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #666; } .s_c_1gdt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #666; } .s_jian { margin-bottom: 80px; } .s_tablegd td { padding: 10px 10px 10px 0; vertical-align: top; width: 33.333333%; } .s_tablegd { margin: 30px 0; } .s_tablegd tr:first-of-type { border-top: 1px solid #000; border-bottom: 1px solid #000; } .s_ysnr p { font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 10px !important; } .yxedr_active p { font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 10px; } .s_ysnr a { font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 5px; } .s_ysnr h4 { font-size: 16px; line-height: 1.75; color: #666; font-weight: bold; margin-bottom: 16px; } .download.notoFont a { line-height: 1.75; } .title.notoFont.s_b2_2lineh { line-height: 1.75 !important; } div.banda-sfondo, div.banda-sfondo-grigio-chiaro { padding-top: 40px; } .row { margin-right: 0; margin-left: 0; } .load-more-link.font-sans-serif-bold-sm { color: #333; } .text.font-sans-serif-sm.s_b2_2lineh p { margin-bottom: 10px; } .col-xs-12.col-sm-2.no-padding { width: 17.66667%; } .col-xs-12.col-sm-2.no-padding .s_bc2timer { margin-bottom: 20px; } .col2.col-xs-12.col-sm-8.col-sm-push-3 { width: 73.66667%; float: right; left: 0; } .col-xs-12.col-sm-3.col-sm-pull-8.social-sharing { width: 25.66667%; float: left; left: 0; } .s_b2_2linehp { font-size: 18px; } .s_b2_2linehp p { font-size: 18px; } /* 鎵掔珯-淇敼end */ /*鍏叡 - start*/ body { /* overflow: hidden; */ /* max-width: 1920px; */ margin: auto; background: #fff; } * { font-family: "Microsoft Yahei", "PingFangSC-Light", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important; } .g_content { width: 1200px; margin: auto; } .yxedr_active p { font-size: 16px; line-height: 28px; color: #666; } .g_comimg { width: 100%; position: relative; overflow: hidden; } .g_comimg img { width: 100%; height: 100%; top: 0; left: 0; transition: all .36s ease; } .g_comimg1 { position: relative; } .g_comimg2 { position: absolute; } .g_backgd { width: 100%; position: relative; } .g_backgd img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } /*鍏叡 - end*/ /*瑙勮寖*/ .g_word1 { font-size: 30px; line-height: 1.75; letter-spacing: 1px; } .g_word2 { font-size: 24px; line-height: 1.75; letter-spacing: 1px; } .g_word3 { font-size: 18px; line-height: 1.75; letter-spacing: 1px; } .g_word4 { font-size: 16px; line-height: 1.75; letter-spacing: 1px; } .g_word5 { font-size: 14px; line-height: 1.75; color: #999; letter-spacing: 1px; } .g_parp p { color: #666; font-size: 14px; line-height: 1.75; margin-bottom: 10px; letter-spacing: 1px; } /*瑙勮寖*/ /*pc瀵艰埅閫変腑*/ .yxnav_active1 .g_nav1 {} .yxnav_active2 .g_nav2 {} /*ph瀵艰埅閫変腑*/ .yxnav_active1.g_phnav1 { color: #032c8d; } .yxnav_active2.g_phnav2 { color: #032c8d; } .yxnav_active3.g_phnav3 { color: #032c8d; } /*banner-start*/ .g_sybannr { display: none; overflow: hidden; } .g_sybannr.on { display: block; } .g_syhead { position: fixed; top: 0; left: 0; width: 100%; z-index: 500; background-color: #fff; } .g_syhead.on { box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%); } .g_syhdtop, .g_syhdbot { transition: all .36s ease; } .g_syhdbot { border-bottom: 1px solid rgba(255, 255, 255, .3) } .g_sylogo { width: 384px; line-height: 90px; } .g_sysearch { margin-top: 30px; width: 235px; height: 34px; border-radius: 16.5px; border: 1px solid #c1c7db; } .g_sysearch img { width: 17px; cursor: pointer; display: block; margin-top: 8px; margin-right: 15px; } .g_sysearch input { display: block; width: calc(100% - 32px); padding: 0 15px; height: 100%; } .g_synavli p a { line-height: 70px; color: rgba(255, 255, 255, .8); font-size: 16px; display: block; transition: all .36s ease; } .g_syhdbot ul { width: 100%; } .g_synavli { margin-right: 58px; } .g_synavli:last-child { margin-right: 0; } .g_sybansk { overflow: hidden; } .g_sybantu { width: 100%; position: relative; } .g_sybantu img { width: 100%; } .g_sybantu video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; } .g_syban { position: relative; overflow: hidden; } .g_sybannr { position: relative; } .g_sybanwz { position: absolute; top: 46%; left: 50%; transform: translateX(-50%); } .g_sybanner { position: relative; } /*banner-end*/ /*杞藉叆鏁堟灉*/ .g_fadein1 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.3s; } .g_fadeup1 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .g_fadeup2 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.5s; } .g_fadeup3 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.6s; } .g_fadeup4 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.7s; } .g_fadeup5 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.8s; } .g_fadeup6 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.9s; } .g_fadeup7 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 1s; } .g_fadedown1 { -webkit-animation: fadeInDown 1s ease both; animation: fadeInDown 1s ease both; animation-delay: 0.4s; } .g_fadeleft1 { -webkit-animation: fadeInLeft 1s ease both; animation: fadeInLeft 1s ease both; animation-delay: 0.4s; } .g_faderigth1 { -webkit-animation: fadeInRight 1s ease both; animation: fadeInRight 1s ease both; animation-delay: 0.4s; } /* Sumi-start */ @font-face { font-family: 'TekoLight'; src: url('../font/TekoLight.eot'); src: url('../font/TekoLight.eot') format('embedded-opentype'), url('../font/TekoLight.woff2') format('woff2'), url('../font/TekoLight.woff') format('woff'), url('../font/TekoLight.ttf') format('truetype'), url('../font/TekoLight.svg#TekoLight') format('svg'); } @font-face { font-family: 'MontserratBold'; src: url('../font/MontserratBold.eot'); src: url('../font/MontserratBold.eot') format('embedded-opentype'), url('../font/MontserratBold.woff2') format('woff2'), url('../font/MontserratBold.woff') format('woff'), url('../font/MontserratBold.ttf') format('truetype'), url('../font/MontserratBold.svg#MontserratBold') format('svg'); } @font-face { font-family: 'MontserratRegular'; src: url('../font/MontserratRegular.eot'); src: url('../font/MontserratRegular.eot') format('embedded-opentype'), url('../font/MontserratRegular.woff2') format('woff2'), url('../font/MontserratRegular.woff') format('woff'), url('../font/MontserratRegular.ttf') format('truetype'), url('../font/MontserratRegular.svg#MontserratRegular') format('svg'); } @font-face { font-family: 'ROBOTOREGULAR'; src: url('../fonts/ROBOTOREGULAR14.eot'); src: url('../fonts/ROBOTOREGULAR14.eot') format('embedded-opentype'), url('../fonts/ROBOTOREGULAR14.woff2') format('woff2'), url('../fonts/ROBOTOREGULAR14.woff') format('woff'), url('../fonts/ROBOTOREGULAR14.ttf') format('truetype'), url('../fonts/ROBOTOREGULAR14.svg#ROBOTOREGULAR14') format('svg'); } .s_center { max-width: 100%; margin: 0 auto; overflow: hidden; } /* 棣栭〉 */ .g_sybantu .a_phbantu { display: none; } /* 鎵嬫満绔 */ .ys_navph3_header { position: fixed; top: 0; left: 50%; z-index: 999; width: 100%; height: 64px; padding-left: 15px; padding-right: 15px; background-color: #fff; transform: translateX(-50%); z-index: 998; display: none; box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%); } .ys_navph3_header .ys_navph3_logo { width: 120px; line-height: 64px; } .ys_navph3_header .ys_navph3_logo img { width: 100%; } .ys_navph3_header .ys_navph3_phsearch { position: absolute; top: 50%; right: 70px; width: 25px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .ys_navph3_header .ys_navph3_wj_hin_right { padding-top: 25px; } .ys_navph3_header .ys_navph3_phsearch img { width: 100%; } .ys_navph3_mea_cl { overflow: hidden; width: 32px; height: 100%; } .ys_navph3_header .ys_navph3_menuph { width: 30px; height: 50px; cursor: pointer; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .ys_navph3_header .ys_navph3_menuph .ys_navph3_point { position: relative; display: inline-block; width: 35px; height: 22px; margin-top: 14px; } .ys_navph3_caidansuo button { position: relative; right: 0; font-size: 16px; color: #ffffff; letter-spacing: 3px; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_navbtn::after, .ys_navph3_header .ys_navph3_menuph .ys_navph3_navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_navbtn::after { top: -10px; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_navbtn::before { top: 10px; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_point.active .ys_navph3_navbtn { background: transparent; } .ys_navph3_header .ys_navph3_menuph .ys_navph3_point.active .ys_navph3_navbtn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ys_navph3_header .ys_navph3_menuph .ys_navph3_point.active .ys_navph3_navbtn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ys_navph3_search { width: 100%; overflow: hidden; margin-top: 18px; } .ys_navph3_search_ph { width: 100%; height: 35px; border: 1px solid rgba(0, 0, 0, .1); margin-top: 0; float: left; border-radius: 17.5px; position: relative; } .ys_navph3_search_ph input { width: 100%; height: 100%; text-indent: 20px; color: #333333; } .ys_navph3_search_ph input::-webkit-input-placeholder { color: #999999; } .ys_navph3_search_ph button { width: 40px; height: 100%; color: #ffffff; line-height: 35px; text-align: center; font-size: 20px; float: right; position: absolute; top: 0; right: 0; } .ys_navph3_search button .icon-sousuo { font-size: 27px; color: #999999; } .ys_navph3_searchfe { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 16px; } .ys_navph3_searchfe img { width: 100%; } .ys_navph3_mengcen { display: none; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.9); z-index: 30000; } .ys_navph3_caidansuo { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 38%; height: 46px; border-bottom: 1px solid #ffffff; } .ys_navph3_caidansuo { width: 50%; } .ys_navph3_caidansuo input { width: calc(100% - 60px); height: 100%; font-size: 24px; color: #666666; } .ys_navph3_caidansuo input { width: calc(100% - 60px); height: 100%; font-size: 16px; } .ys_navph3_guanbi { width: 20px; display: block; position: absolute; right: 6%; top: 4%; cursor: pointer; } .ys_navph3_guanbi img { width: 100%; } .ys_navph3_first { position: fixed; top: 0; right: -100%; transition: all 0.36s; width: 100%; background: #fff; z-index: 1000; padding: 0 0 30px; /*height: 580px*/ height: 100vh; } .ys_navph3_gunb { padding: 0 30px; } .ys_navph3_sec { position: fixed; top: 0; right: -100%; transition: all 0.36s; width: 100%; background: #fff; z-index: 1001; padding: 0 30px; height: 100vh; } .ys_navph3_firsttu { width: 14px; position: absolute; top: 22px; right: 30px; cursor: pointer; } .ys_navph3_firsttu img { width: 100%; } .ys_navph3_firsttop { width: 100%; height: 60px; border-bottom: 1px solid #C7C9C8; } .ys_navph3_firstbot ul { padding-top: 10px; padding-bottom: 10px; } .ys_navph3_g_sypt4nrfltu img { height: 100%; } .ys_navph3_firstlifl a { color: #666; line-height: 32px; font-size: 16px; } .ys_navph3_firstli { padding-top: 5px; padding-bottom: 5px; position: relative; } .ys_navph3_firstlifr { width: 6px; line-height: 32px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; } .ys_navph3_firstlifr img { width: 100%; } .ys_navph3_yxnav_active1 .ys_navph3_firstlifl a { color: #000; } .ys_navph3_firstwz { color: #333; font-size: 16px; line-height: 60px; font-weight: bold; } .ys_navph3_yxnav_active2 .ys_navph3_firstlifl a { color: #000; } .ys_navph3_langphtop { padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #C7C9C8; border-bottom: 1px solid #C7C9C8; } .ys_navph3_langphtop a { color: #333; line-height: 24px; font-size: 16px; } .ys_navph3_langphtop img { width: 6px; transform: rotate(90deg); margin-top: 5px; cursor: pointer; } .ys_navph3_langph { position: relative; } .ys_navph3_langphbot a { color: #333; line-height: 24px; font-size: 14px; } .ys_navph3_langphbot ul { padding-top: 10px; padding-bottom: 10px; } .ys_navph3_langphbot { display: none; } .ys_navph3_loginb { margin-bottom: 10px; display: none; } .ys_navph3_header .ys_navph3_other1 img { width: 20px; cursor: pointer; } .ys_navph3_header .ys_navph3_other1 { line-height: 62px; margin-right: 10px; } .ys_navph3_first .ys_navph3_firsttop { width: calc(100% - 60px); margin: 0 auto; } .ys_navph2_modal { position: fixed; top: 64px; left: 0; width: 100%; background-color: #fff; text-align: center; border-top: 1px solid #eee; overflow: hidden; display: none; } .ys_navph2_modalmbox { padding: 16px 20px; } .ys_navph2_modalm { transform: translateX(0px); } .ys_navph2_msc_box { width: 100%; display: block; } .ys_navph2_msc_boxl { border-bottom: 1px solid #eee; width: calc(100% - 40px); padding-right: 20px; height: 40px; } .ys_navph2_msc_boxr { width: 30px; } .ys_navph2_msc_boxl input { width: 100%; height: 100%; font-size: 16px; } .ys_navph2_msc_boxr img { width: 100%; line-height: 40px; } /* PC绔 */ .s_pcnav { padding: 0 36px 0 36px; } .s_logo { width: 236px; } .s_logo a { display: block; } .s_logoig { width: 100%; position: relative; line-height: 80px; } .s_logoig img { width: 100%; } .s_logoig1 { position: relative; top: 0; left: 0; } .s_logoig2 { position: absolute; top: 30px; left: 0; } .s_sea { width: 20px; line-height: 90px; position: relative; cursor: pointer; } .s_sea img { width: 100%; } .s_sea input { position: absolute; top: 50%; right: 19px; width: 0px; height: 90px; padding-right: 20px; transition: .6s; -o-transition: .6s; -ms-transition: .6s; -moz-transition: .6s; -webkit-transition: .6s; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: #fff; z-index: 9999; } .s_seabox { padding-left: 40px; } .s_sea::after { content: ""; width: 2px; height: 22px; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); background-color: #666; } .s_lanig { width: 22px; line-height: 90px; } .s_lanig img { width: 100%; } .s_lanwz p { font-size: 18px; color: #333; line-height: 90px; transition: all .36s; } .s_lanwz { padding-left: 10px; } .s_pcnavli { padding: 0 40px; position: relative; } .s_pcnavli::before { content: ""; width: 0; height: 2px; background-color: #333; position: absolute; bottom: 0; left: 0; opacity: 0; transition: all .36s; } .s_pcnavli.yxnav_active1::after { content: ""; width: 100%; height: 2px; background-color: #333; position: absolute; bottom: 0; left: 0; } .s_pcnavli a { display: block; font-size: 16px; color: #333; line-height: 80px; transition: all .36s; position: relative; } .s_pcnavlist { /* width: 100%; */ margin: 0 auto; text-align: center; line-height: 0; } .s_pcnavlist ul { display: inline-block; } .s_pcnavejbox { width: 100%; position: absolute; top: 80px; left: 0; display: none; box-shadow: 0px 5px 28.13px 0.87px rgb(0 0 0 / 6%); } .s_pcnavej { background-color: #fff; border-bottom: 1px solid #eaeaea; } .s_pcnavej a { display: block; padding: 10px 20px; } .s_pcnaverig { width: 8px; } .s_pcnaverig img { width: 100%; } .s_pcnavejwz { width: calc(100% - 8px); padding-left: 15px; } .s_pcnavejwz p { font-size: 14px; color: #333; line-height: 1.75; text-align: left; height: 24.5px; overflow: hidden; transition: all .36s; } .s_pcnavej.yxnav_active2 .s_pcnavejwz p { color: #e53c14; } .g_syban { margin-top: 130px; } .s_sybanwz { top: 38.5%; z-index: 100; } .s_bantit h2 { font-size: 80px; color: #fff; line-height: 1.2; font-weight: bold; } .g_sybanner.on .s_bantit::before { display: none; } .g_sybanner.on { display: none; } .s_bantit { position: relative; } /* .s_bantit::before { content: ""; width: 58px; height: 3px; background-color: #f05d30; position: absolute; bottom: -5px; left: 0; } */ .s_banfutit h3 { font-size: 36px; color: #fff; line-height: 1.75; } .s_banfutit { padding-top: 30px; } .s_banmore { width: 110px; position: relative; margin-top: 88px; } .s_banmoreigbox { width: 18px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .s_banmoreig { width: 100%; position: relative; } .s_banmoreig img { width: 100%; } .s_banmoreig1 { position: relative; top: 0; left: 0; opacity: 0; } .s_banmoreig2 { position: absolute; top: 0; left: 0; } .s_banmorewz { width: calc(100% - 18px); padding-left: 33px; } .s_banmorewz p { font-size: 14px; color: #fff; line-height: 1.75; transition: all .36s; } .g_sybantu::after { content: ""; width: 100%; height: 100%; background-color: rgb(5, 33, 62, 0.4); position: absolute; top: 0; left: 0; } .g_sybansk .slick-dots li { width: 10px; height: 10px; border: 1px solid #fff; } .g_sybansk .slick-dots li.slick-active { background-color: #fff; } .g_sybansk .slick-dots { bottom: 39px; } .s_cont1 { padding-top: 150px; } .s_c1tit { margin-bottom: 50px; text-align: center; } .s_c1tit h3 { font-size: 48px; color: #05213e; line-height: 1.75; font-weight: bold; } .s_c1tit h1 { font-size: 48px; color: #05213e; line-height: 1.75; font-weight: bold; } .s_c1listnr { margin: 0 -9px; } .s_c1list { width: 33.333333%; padding: 0 9px; margin-bottom: 14px; overflow: hidden; } .s_c1listmain { position: relative; } .s_c1listig { width: 100%; position: relative; } .s_c1listig img { width: 100%; height: 100%; } .s_c1listig1 { position: relative; top: 0; left: 0; } .s_c1listig2 { position: absolute; top: 0; left: 0; } .s_c1listwz { width: 100%; height: 0; position: absolute; bottom: 0; left: 0; padding: 0px 38px 0 38px; background-color: #000; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; animation-delay: 2.3s; -webkit-animation-delay: 2.3s; } .s_c1listwz2 { width: 100%; height: 100px; background-color: rgb(5, 33, 62, 0.702); position: absolute; bottom: 0; left: 0; padding: 0px 40px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .s_c1listwz2 .s_c1listwztit h4 { line-height: 80px; } .s_c1listwz2 .s_c1listwztit { position: relative; padding-bottom: 0px; } .s_c1listwz2 .s_c1listwztit::before { bottom: 7px; } .s_c1listwztit h4 { font-size: 30px; line-height: 1.75; color: #fff; transition: all .36s; } .s_c1listwztit { position: relative; padding-bottom: 30px; } .s_c1listwztit::before { content: ""; width: 58px; height: 2px; background-color: #e53c14; position: absolute; bottom: 25px; left: 0; } .s_c1listwzp p { font-size: 16px; color: #fff; line-height: 1.75; } .s_c1listmore { margin-top: 65px; } .s_c2tw { width: 1600px; margin: 0 auto; position: relative; } .s_c2twig { width: 62%; position: relative; overflow: hidden; } .s_c2twig img { width: 100%; height: 100%; transition: all .36s; } .s_c2twig1 { position: relative; top: 0; left: 0; } .s_c2twig2 { position: absolute; top: 0; left: 0; } .s_c2twwz { width: calc(100% - 62%); padding-left: 20px; position: absolute; top: 0; right: 0; height: 100%; } .s_c2twwznr { width: 100%; height: 100%; background-color: #55646e; padding: 90px 60px 0 50px; } .s_c2twtit h3 { font-weight: bold; } .s_c2twwzp p { font-size: 18px; color: #fff; line-height: 2; height: 108px; overflow: hidden; } .s_c2twwzp { margin-top: 40px; margin-bottom: 80px; } .s_cont2 { padding-bottom: 150px; } .s_cont3 { background-color: #f9f9f9; padding-top: 150px; } .s_cont3nr { width: 1200px; margin: 0 auto; } .s_c3newbox { margin: 0 -14px; } .s_c3newlist { width: 33.333333%; padding: 0 14px; } .s_c3newnr { position: relative; } .s_c3newigbox { width: 100%; position: relative; overflow: hidden; } .s_c3newigbox img { width: 100%; height: 100%; transition: all .36s; } .s_c3newig1 { position: relative; top: 0; left: 0; } .s_c3newig2 { position: absolute; top: 0; left: 0; } .s_c3newts { background-color: #f05d30; padding: 6px 15px; position: absolute; top: 20px; left: 0; } .s_c3newts p { font-size: 14px; color: #fff; line-height: 1.75; } .s_c3newwz { background-color: #fff; padding: 30px 40px 62px 40px; } .s_c3newtime p { font-size: 16px; color: #999999; line-height: 1.75; } .s_c3newtime { padding-bottom: 5px; } .s_c3newtit h4 { font-size: 26px; color: #333; line-height: 1.5; height: 136.5px; overflow: hidden; font-weight: bold; transition: all .36s; } .s_c3newmore { padding-top: 2px; } .s_c3newmore .s_banmorewz p { color: #666; transition: all .36s; } .s_c3tit h3 { text-align: left; } .s_c3newmore .s_banmoreig2 { opacity: 0; transition: all .36s; } .s_c3newmore .s_banmoreig1 { opacity: 1; transition: all .36s; } .s_footop { background-color: #1d3851; padding: 50px 40px 40px; } .s_footl { width: 249px; position: relative; } .s_footl img { width: 100%; height: 100%; } .s_footl1 { position: relative; top: 0; left: 0; } .s_footl2 { position: absolute; top: 0; left: 0; } .s_footli { padding: 0 67px; } .s_footlitop a { font-size: 18px; color: #fff; line-height: 1.75; } .s_footlitop { padding-bottom: 8px; } .s_footlibotnr a { font-size: 14px; color: rgb(255, 255, 255, 0.5); line-height: 1.75; transition: all .36s; } .s_footlibotnr { padding-bottom: 8px; } .s_footlibotnr p { font-size: 14px; color: #fff; line-height: 1.75; opacity: 0.5; transition: all .36s; } .s_footli.on .s_footlibotnr a { opacity: 1; color: #fff; } .s_footsha { margin-top: 50px; } .s_footshaig { width: 28px; cursor: pointer; } .s_footshaig img { width: 100%; } .s_footshanr { margin-right: 25px; position: relative; } .s_footshanr a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 4px; background: none !important; } .s_footwbnr p { font-size: 12px; color: #666; line-height: 50px; opacity: 0.5; transition: all .36s; } .s_footwbnr a { font-size: 12px; color: #666; line-height: 50px; padding-left: 20px; transition: all .36s; } .s_footwb { background-color: #031629; } .s_footshahov { width: 80px; height: 80px; background-color: rgb(255, 255, 255, 0.85); padding: 5px; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); display: none; } .s_footshahovig { width: 100%; } .s_footshahovig img { width: 100%; } /* B */ .s_bcontent { background-color: #f9f9f9; margin-top: 90px; } .s_bcontentnr { padding-left: 176px; padding-right: 40px; } .s_bmbx a { font-family: 'MontserratRegular' !important; font-size: 16px; color: #666; line-height: 1.75; position: relative; transition: all .36s; } .s_bmbx { margin-right: 25px; } .s_bmbx a::before { content: "禄"; color: #666; font-size: 18px; position: absolute; top: 48%; left: -18px; transform: translateY(-50%); } .s_bcont1 { padding-top: 46px; padding-bottom: 78px; } .s_bmbx.on a::before { display: none; } .s_bcont2 { width: 1236px; } .s_bc2top { margin-bottom: 16px; } .s_bc2toplbox { width: calc(100% - 216px); } .s_bc2topl p { font-size: 26px; color: #333; line-height: 1.75; } .s_bc2topl { margin-bottom: 25px; } .s_bc2topr { width: 216px; position: relative; } .s_bc2time p { font-family: 'MontserratRegular' !important; font-size: 16px; color: #333; line-height: 1.75; } .s_bc2time { padding-right: 25px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .s_bc2timetb { width: 42px; } .s_bc2timetb img { width: 100%; } .s_bc2timer { margin: 0 -8px; } .s_bc2timetbox { padding: 0 8px; position: relative; } .s_bc2timetbox.on .s_bc2timetb img { transform: rotate(180deg); } .s_bc2timetbox.on .s_b2next { padding-right: 0; padding-left: 10px; } .s_b2next p { font-size: 16px; color: #333; line-height: 1.75; } .s_b2next { margin-top: 7px; padding-right: 10px; } .s_bc2bot h1 { font-family: 'MontserratRegular' !important; font-size: 40px; color: #e53c14; line-height: 1.75; } .s_bc2bot h3 { font-family: 'MontserratRegular' !important; font-size: 40px; color: #e53c14; line-height: 1.75; } .s_bc2bot { margin-bottom: 7px; } .s_bcont3 { padding-bottom: 120px; position: relative; } .s_bc2both4 h4 { font-size: 20px; color: #666; line-height: 1.75; } .s_bc3bjq { padding-right: 300px; } .s_bc3bjq p { font-size: 16px; color: #666; line-height: 1.75; margin-bottom: 16px; } .s_bc3bjq a { font-size: 16px; color: #19beff; line-height: 1.75; margin-bottom: 16px; } .s_b3video video { width: 100%; } .s_c2content .font-sans-serif-lg { margin-top: 0; } .yxedr_active p { font-size: 16px; color: #666; line-height: 1.75; margin-bottom: 16px; } .s_bc3bot { padding-left: 24px; margin-top: 38px; position: relative; margin-bottom: 38px; } .s_bc3bot::before { content: ""; width: 3px; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; } .s_bc3nr { margin-bottom: 19px; } .s_bc3nrl { width: 10px; margin-top: 7px; } .s_bc3nrl img { width: 100%; } .s_bc3nrr { width: calc(100% - 10px); padding-left: 12px; } .s_bc3nrr p { font-size: 16px; color: #333; line-height: 1.75; } .s_bc3l { width: calc(100% - 294px); padding-right: 155px; position: relative; z-index: 200; } .s_bc3lbox { position: relative; } .s_bc3lban { width: 40px; height: 40px; background-color: #fb5725; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; } .s_bc3lbig { width: 100%; display: none; position: relative; } .s_bc3lbig.on { display: block; } .s_bc3lbig img { width: 100%; } .s_bc3lb .slick-dots { bottom: 24px; } .s_bc3lb .slick-dots li { width: 10px; height: 10px; margin: 0 5px; border: 1px solid #fff; } .s_bc3lb .slick-dots li.slick-active { background: #fff; } .s_bc3lb { margin-bottom: 35px; } .s_bc3r { width: 294px; } .s_bc3sea { border-top: 3px solid #333; border-bottom: 1px solid #333; position: relative; } .s_bc3sea input { width: 100%; padding: 17px 0; padding-left: 5px; padding-right: 35px; font-size: 20px; color: #333; line-height: 1.75; } .s_bc3sea input::-webkit-input-placeholder { font-size: 20px; color: #333; line-height: 1.75; } .s_bc3sea button { width: 21px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); } .s_bc3sea button img { width: 100%; } .s_bc3lx { margin-top: 68px; } .s_bc3lxtop p { font-size: 20px; color: #333; line-height: 1.75; } .s_bc3lxtop { border-bottom: 1px solid #333; margin-bottom: 18px; padding-bottom: 8px; } .s_bc3lxig { width: 20px; margin-top: 5px; float: left; } .s_bc3lxig img { width: 100%; } .s_bc3lxwz { width: calc(100% - 20px); padding-left: 8px; float: left; } .s_bc3lxwz a { font-size: 16px; color: #333; line-height: 1.75; font-weight: bold; } .s_bc3lxnr { margin-bottom: 13px; } /* D1 */ .s_d1c1tit h1 { font-size: 40px; color: #05213e; line-height: 1.75; font-weight: bold; } .s_d1c1tit h3 { font-size: 40px; color: #05213e; line-height: 1.75; font-weight: bold; } .s_d1c1main { padding-top: 30px; } .s_d1c1listbox { margin: 0 -14px; } .s_d1c1list { width: 50%; padding: 0 14px; margin-bottom: 40px; } .s_d1c1listig { width: 100%; position: relative; overflow: hidden; } .s_d1c1listig img { width: 100%; height: 100%; transition: all .36s; } .s_d1c1listig1 { position: relative; top: 0; left: 0; } .s_d1c1listig2 { position: absolute; top: 0; left: 0; } .s_d1c1listwz { padding: 15px 15px; } .s_d1c1listwztit h4 { font-size: 22px; color: #05213e; line-height: 1.75; font-weight: bold; transition: all .36s; } .s_d1c1listwztit { text-align: center; height: 45.5px; overflow: hidden; margin-bottom: 2px; } .s_d1c1listwzp p { font-size: 16px; color: #999; line-height: 1.75; } .s_d1c1listwzp { height: 28px; overflow: hidden; text-align: center; } .s_d1c1morebox { text-align: center; padding-top: 40px; } .s_d1c1more { width: 289px; background-color: #f05d30; padding: 15px 80px; display: inline-block; } .s_d1c1morenr { width: 100%; height: 100%; position: relative; } .s_d1c1moretb { width: 24px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .s_d1c1moretb img { width: 100%; } .s_d1c1morewz { width: calc(100% - 24px); padding-left: 20px; } .s_d1c1morewz p { font-size: 14px; color: #e2f2ff; line-height: 1.75; } /* F */ /* 鍐呴〉banner */ .s_nbanig { width: 100%; } .s_nbanig img { width: 100%; } .s_nbanig .b_phbantu { display: none; } .s_nbabwznr { width: 100%; height: 100%; } .s_nbabwznrbox { width: 100%; height: 100%; position: relative; } .s_nbabwz { width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .s_nbabwznr .s_bmbx a { color: #fff; } .s_nbabwznr .s_bmbx a::before { color: #fff; } .s_nbantit { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_nbantit h1 { font-size: 60px; color: #fff; line-height: 1.75; font-weight: bold; } .s_fcontent { padding-top: 100px; } .s_fcont1 { border-bottom: 1px solid #333; } .s_fc1tw { position: relative; margin-bottom: 80px; } .s_fc1twig { width: 50%; position: relative; } .s_fc1twig img { width: 100%; height: 100%; overflow: hidden; } .s_fc1twig1 { position: relative; top: 0; left: 0; } .s_fc1twig2 { position: absolute; top: 0; left: 0; } .s_fc1twwz { width: calc(100% - 50%); padding-right: 100px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .s_fc1twwztit h4 { font-size: 30px; color: #05213e; line-height: 1.75; font-weight: bold; } .s_fc1twwztit { height: 52.5px; overflow: hidden; } .s_fc1twwzp p { font-size: 14px; color: #333; line-height: 2; height: 84px; overflow: hidden; } .s_fc1twwzp { padding-top: 30px; padding-bottom: 85px; } .s_fc1twwzem { width: 289px; padding: 10px; border: 1px solid #fb5725; text-align: center; transition: all .36s; cursor: pointer; } .s_fc1twwzem p { font-size: 16px; color: #333; line-height: 2; transition: all .36s; } .s_fc1tw.on .s_fc1twwz { left: inherit; right: 0; padding-right: 0; padding-left: 100px; } .s_fc1tw.on .s_fc1twwztit { display: none; } .s_fcont2 { padding-top: 100px; } .s_fc2 p { font-size: 18px; color: #333; line-height: 1.75; font-weight: bold; } .s_fc2 a { font-size: 18px; color: #fb5725; line-height: 1.75; font-weight: bold; } .s_fc2 a img { width: 23px; margin-top: -5px; } .s_fcbg { position: absolute; bottom: -3%; right: -20%; z-index: 100; } .s_fcbg img { width: 100%; } /* G1 */ .s_nbantit p { font-size: 20px; color: #fff; line-height: 1.75; height: 35px; overflow: hidden; margin-top: 11px; } .s_g1cont { width: 1393px; margin: 0 auto; } .s_g1contnr { position: relative; } .s_g1cl { width: 29%; background-color: #1d3851; padding: 30px 60px 0 50px; } .s_g1clx { padding-bottom: 669px; } .s_g1clnr { width: 100%; height: 100%; position: relative; } .s_g1cltit h3 { color: #fff; font-weight: bold; } .s_g1cltit { position: relative; padding-bottom: 10px; margin-bottom: 30px; } .s_g1cltit::after { content: ""; width: 69px; height: 3.5px; background-color: #fb5725; position: absolute; bottom: 0; left: 0; } .s_g1cljs p { font-size: 16px; color: #fff; line-height: 1.75; } .s_g1cljs { margin-bottom: 45px; } .s_g1clxig { width: 21px; position: absolute; top: 0; left: 0; } .s_g1clxig img { width: 100%; } .s_g1clxwz { width: calc(100% - 21px); padding-left: 30px; } .s_g1clxwz p { font-family: 'MontserratRegular' !important; font-size: 14px; color: #fff; line-height: 1.75; } .s_g1clxnr { margin-bottom: 30px; position: relative; } .s_g1clwx { width: 103px; position: relative; margin: 0 auto; } .s_g1clwx img { width: 100%; height: 100%; } .s_g1clwx1 { position: relative; top: 0; left: 0; } .s_g1clwx2 { position: absolute; top: 0; left: 0; } .s_g1clwxwz { text-align: center; padding-top: 15px; } .s_g1clwxwz p { font-size: 14px; color: #fff; line-height: 1.75; } .s_g1clwxbox { width: 100%; position: absolute; bottom: 8%; left: 50%; transform: translateX(-50%); } .s_g1cr { width: calc(100% - 29%); padding: 35px 100px 70px; background-color: #fafafa; } .s_g1crnr1 { width: 100%; } .s_g1crnr1box { margin: 0 -7px; } .s_g1crbd { width: 50%; padding: 0 7px; margin-bottom: 16px; } .s_g1crbdp p { font-size: 16px; color: #333; line-height: 2; } .s_g1crbdp { margin-bottom: 2px; } .s_g1crbdin { background-color: #e3e6e9; padding: 19px 10px; position: relative; } .s_g1crbdin input { width: 100%; height: 100%; transition: all .36s; } .s_g1crnr3 { margin-bottom: 18px; } .s_g1crnr3botnr { padding-left: 45px; background-color: #e3e6e9; } .s_g1crnr3botnr .s_g1crbdin { width: 25%; padding: 16px 0px; } .s_g1crnr3botnr .s_g1crbdin input { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #9d9d9d; cursor: pointer; } .s_g1crnr3botnr .s_g1crbdin label { width: calc(100% - 8px); padding-left: 10px; font-size: 14px; color: #666; line-height: 1.75; cursor: pointer; } .s_g1crfxk .s_g1crnr3botnr .s_g1crbdin { width: 25%; margin-right: 0; padding: 10px 0; } .s_g1crfxk .s_g1crnr3botnr { padding-top: 15px; padding-bottom: 11px; } .s_g1crqhtopwz { text-align: center; } .s_g1crqhtopwz p { font-size: 14px; color: #666; line-height: 1.75; } .s_g1crqhtopwz { height: 24.5px; overflow: hidden; } .s_g1crqhtopig { width: 10px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } .s_g1crqhtopig img { width: 100%; transition: all .36s; } .s_g1crnr4 .s_g1crbd .s_g1crbdin { padding: 15px 10px; } .s_g1crxl { position: relative; } .s_g1crxltop { cursor: pointer; } .s_g1crxlbot { width: 100%; background-color: #fff; position: absolute; top: 57px; left: 0; padding: 10px 0 0 25px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05); height: 230px; overflow-y: auto; white-space: nowrap; display: none; z-index: 100; } .s_g1crxlbotp { margin-bottom: 8px; cursor: pointer; } .s_g1crxlbotp p { font-size: 14px; color: #999; line-height: 1.75; transition: all .36s; } .s_g1crqhtopig.act img { transform: rotate(180deg); } .s_g1dj input { position: relative; } .s_g1dj input::before { content: ""; width: 200%; height: 200%; border-radius: 50%; border: 1px solid #fb5725; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .s_g1dj.on input { width: 8px; height: 8px; background-color: #fb5725; border: 1px solid #fb5725; } .s_g1dj.on label { color: #333; } .s_g1dj.on input::before { display: block; } .s_g1dj1 input { position: relative; } .s_g1dj1 input::before { content: ""; width: 200%; height: 200%; border-radius: 50%; border: 1px solid #fb5725; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: none; } .s_g1dj1.on input { width: 8px; height: 8px; background-color: #fb5725; border: 1px solid #fb5725; } .s_g1dj1.on label { color: #333; } .s_g1dj1.on input::before { display: block; } input[type=checkbox]:focus, input[type=radio]:focus { outline: none; } .s_g1crnr6box { margin-bottom: 30px; } .privacy-full { display: none; } .s_g1crbdin textarea { width: 100%; height: 142px; background-color: #e3e6e9; resize: none; line-height: 1.75; } .s_g1crnr5p2 { padding: 10px 0; } .s_g1crnr5p2 a { font-size: 14px; color: #19beff; line-height: 1.75; } .s_g1crnr6 { position: relative; } .s_g1crnr6l { position: absolute; top: 10%; left: 0; width: 50%; } .s_g1crnr6l input { width: 18px; height: 18px; border: 1px solid #999; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin: 0; cursor: pointer; transition: all .36s; } .s_g1crnr6l label { width: calc(100% - 18px); padding-left: 30px; font-size: 14px; color: #999; line-height: 1.75; transition: all .36s; } .s_g1yzm .s_g1crbdin img { width: 26%; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); cursor: pointer; } .s_g1yzm input { padding-right: 30%; } .s_g1crnr6lnr { position: relative; } .s_g1crnr6lnr.on input::before { content: ""; width: 100%; height: 100%; border: 2px solid #333; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_nban .s_nbantit { text-align: left; } .s_b3cont { background-color: #f9f9f9; } .s_b3c1wz p { font-size: 16px; color: #333; line-height: 2; } .s_b3c1wz { padding-top: 10px; padding-bottom: 44px; padding-right: 300px; } .s_b3c1nr { width: 100%; position: relative; } .s_b3c1nrig { width: 100%; height: 446px; position: relative; overflow: hidden; } .s_b3c1nrig img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } .s_b3c1nrwzbox { width: 83.6%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_b3c1nrwznr { margin: 0 -16px; } .s_b3c1list { width: 25%; padding: 0 16px; } .s_b3c1listnr { width: 100%; height: 100%; background-image: linear-gradient(rgb(0, 0, 0, 0.4), rgb(0, 0, 0, 0)); padding: 36px 10px 20px; } .s_b3c1listop { text-align: center; } .s_b3c1listop p { font-size: 20px; color: #fff; line-height: 1.75; transition: all .36s; } .s_b3c1listop span { font-family: 'TekoLight' !important; font-size: 110px; color: #fff; line-height: 1; transition: all .36s; } .s_b3c1listbot p { font-size: 16px; color: #fff; line-height: 1.75; } .s_b3c1listbot { height: 28px; overflow: hidden; text-align: center; } .s_b3cont2 { position: relative; } .s_b3c2nr { position: relative; padding-top: 51px; z-index: 200; } .s_b3c2bg { position: absolute; top: 0; left: -14%; z-index: 100; } .s_b3c2bg img { width: 100%; } .s_b3c2botbox { margin-top: 80px; position: relative; } .s_b3c2bot { width: 78.83%; margin: 0 auto; } .s_b3c2lb { width: 25%; padding: 0 5px; } .s_b3c2lbnr { text-align: center; } .s_b3c2lbnr span { font-family: 'MontserratBold' !important; font-size: 60px; color: #fb5725; line-height: 1; position: relative; } .s_b3c2lbnr span::after { content: ""; width: 9px; height: 9px; border-radius: 50%; background-color: rgb(251, 87, 37); position: absolute; bottom: -43px; left: 50%; transform: translateX(-50%); z-index: 100; } .s_b3c2lbnr span::before { content: ""; width: 17px; height: 17px; border-radius: 50%; background-color: rgb(251, 87, 37, 0.302); position: absolute; bottom: -47px; left: 50%; transform: translateX(-50%); z-index: 100; } .s_b3c2lbnr p { font-size: 16px; color: #666; line-height: 2; margin-top: 78px; height: 32px; overflow: hidden; } .s_b3c2xian { width: 145.5%; position: absolute; bottom: 35%; left: -24%; } .s_b3c2xian img { width: 100%; } .s_b3c1an { width: 42px; position: absolute; top: 77%; z-index: 110; cursor: pointer; } .s_b3c1an img { width: 100%; } .s_b3c1prev { left: 2px; } .s_b3c1next { right: 36px; } .s_b3c1next img { transform: rotate(180deg); } .s_b3cont3 { padding-top: 120px; } .s_b3c3bot { margin-top: 25px; } .s_b3c3listbox { margin: 0 -10px; } .s_b3c3list { width: 33.333333%; padding: 0 10px; margin-bottom: 15px; } .s_b3c3listnr { padding: 30px 25px 30px 35px; background-color: #fff; border-bottom: 4px solid #fb5725; } .s_b3c3listit h4 { font-size: 20px; color: #333; line-height: 1.75; font-weight: bold; transition: all .36s; } .s_b3c3listit { height: 35px; overflow: hidden; } .s_b3c3listp p { font-size: 16px; color: #666; line-height: 1.75; } .s_b3c3listp { height: 56px; overflow: hidden; margin-top: 10px; margin-bottom: 45px; } .s_b3c3listb { width: 183px; position: relative; opacity: 0.5; } .s_b3c3listb img { width: 100%; height: 100%; } .s_b3c3listb1 { position: relative; top: 0; left: 0; } .s_b3c3listb2 { position: absolute; top: 0; left: 0; } .s_b4c1nr { position: relative; } .s_b4c1nrl { width: 74.07%; position: relative; } .s_b4c1nrl img { width: 100%; height: 100%; } .s_b4c1nrl1 { position: relative; top: 0; left: 0; } .s_b4c1nrl2 { position: absolute; top: 0; left: 0; } .s_b4c1nrr { width: calc(100% - 74.07%); padding-left: 20px; position: absolute; top: 0; right: 0; height: 100%; } .s_b4c1wz { background-color: #05213e; padding: 40px 10px 0; height: 100%; } .s_b4c1wznr { margin-bottom: 38px; } .s_b4c1wztop { text-align: center; } .s_b4c1wztop span { font-family: 'MontserratBold' !important; font-size: 76px; color: #fb5725; line-height: 1; transition: all .36s; } .s_b4c1wztop p { font-size: 16px; color: #fb5725; line-height: 1; transition: all .36s; } .s_b4c1wzbot p { font-size: 14px; color: #fff; line-height: 1.75; } .s_b4c1wzbot { height: 24.5px; overflow: hidden; text-align: center; margin-top: 1px; } .s_b4c2 { padding-top: 50px; } .s_b4c2bot { margin: 0 -10px; } .s_b4c2list { width: 50%; padding: 0 10px; margin-bottom: 20px; } .s_b4c2listnr { width: 100%; height: 100%; position: relative; overflow: hidden; } .s_b4c2ig { width: 100%; position: relative; } .s_b4c2ig img { width: 100%; height: 100%; } .s_b4c2ig1 { position: relative; top: 0; left: 0; } .s_b4c2ig2 { position: absolute; top: 0; left: 0; } .s_b4c2wz { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_b4c2wznr h4 { font-size: 24px; color: #fff; line-height: 1.75; position: relative; } .s_b4c2wznr h4::before { content: ""; width: 69px; height: 3.5px; background-color: #fb5725; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .s_b4c2xzbox { width: 100%; height: 0; position: absolute; bottom: 0; left: 0; background-color: #000; padding: 40px 38px 0; opacity: 0; transition: all .36s; } .s_b4c2xz { width: 100%; height: 100%; position: relative; } .s_b4c2xz .s_b4c2wznr h4::before { left: 0; transform: none; bottom: -10px; } .s_b4c2xz .s_b4c2xzmore { width: 100%; position: absolute; bottom: 40px; left: 0; } .s_b4c3 { margin-top: 85px; position: relative; } .s_b4c3nr { width: 100%; } .s_b4c3nr img { width: 100%; } .s_b4c3dian { width: 16px; height: 16px; border-radius: 50%; background-color: #05213e; position: absolute; cursor: pointer; transition: all .36s; z-index: 100; } .s_b4c3dian::before { content: ""; width: 29px; height: 29px; background-color: rgb(240, 93, 48, 0.302); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all .36s; z-index: 100; } .s_b4c3dian1 { top: 25%; left: 18%; } .s_b4c3dian2 { top: 29%; left: 8%; } .s_b4c3dian3 { top: 31%; left: 10%; } .s_b4c3dian4 { top: 34%; left: 8%; } .s_b4c3dian5 { top: 41%; left: 38%; } .s_b4c3dian6 { top: 51%; left: 34%; } .s_b4c3dian7 { top: 52%; left: 27%; } .s_b4c3tanbox { position: relative; display: none; } .s_b4c3tanbox::before { content: ""; width: 45px; height: 1px; background-color: #05213e; position: absolute; top: 21px; left: 13px; transform: rotate(30deg); } .s_b4c3tan { min-width: 171px; position: absolute; bottom: -102px; right: -204px; } .s_b4c3tantop { position: relative; } .s_b4c3tantopig { width: 49px; } .s_b4c3tantopig img { width: 100%; } .s_b4c3tantopwz { width: calc(100% - 49px); background-color: #d2cbc3; text-align: center; position: absolute; top: 0; right: 0; height: 100%; } .s_b4c3tantopwz p { font-size: 16px; color: #fb5725; font-weight: bold; line-height: 1.75; } .s_b4c3tanbot { background-color: #05213e; text-align: center; padding: 7px 27px; } .s_b4c3tanbot p { font-size: 16px; color: #fff; line-height: 2; } .s_b4c3dian.on { background-color: #fb5725; } .s_b4c3dian.on::before { opacity: 1; } .s_b4c3dian.on .s_b4c3tanbox { display: block; } .s_bc3sea input { width: 100%; padding: 17px 0; padding-left: 5px; padding-right: 35px; font-size: 20px; color: #333; line-height: 1.75; border-left: none; border-right: none; border-top: 4px; border-bottom: 1px; } .s_bc3sea button { width: 21px; position: absolute; top: 50%; right: 5px; transform: translateY(-50%); border: none; background-color: transparent; padding: 0; } .s_e2zcb .s_g1cr { width: 100%; padding: 33px 50px; } .modal-sm { width: 46vw; } .col-xs-12.form-container { width: 100%; padding: 0 !important; } .s_e2zctopnr { width: 100%; position: relative; } .s_e2zctopnr span { font-size: 40px; color: #f05d30; line-height: 1.75; padding-right: 20px; font-weight: bold; } .s_e2zctopnr p { font-size: 16px; color: #fff; line-height: 1.75; } .s_e2zctop { position: relative; } .s_e2zctopnr img { width: 24px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; } /* Sumi-end */ /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .s_pcnavli:hover.s_pcnavli::before { opacity: 1; width: 100%; } .s_pcnavej:hover .s_pcnavejwz p { color: #e53c14; } .s_c1listmain:hover .s_c1listwz { padding: 60px 38px 0 38px; height: 100%; } .s_c1listmain:hover .s_c1listwz2 { opacity: 0; } .s_c3new:hover .s_c3newigbox img { transform: scale(1.05); } .s_c3new:hover .s_c3newmore .s_banmoreig2 { opacity: 1; } .s_c3new:hover .s_c3newmore .s_banmoreig1 { opacity: 0; } .s_c3new:hover .s_c3newmore .s_banmorewz p { color: #fb5725; } .s_c3new:hover .s_c3newtit h4 { color: #05213e; } .s_footrl .s_footlibotnr a:hover { color: #fb5725; opacity: 1; } /* .s_footshanr2:hover .s_footshahov { opacity: 1; } */ .s_sea:hover input { width: 225px; padding-left: 15px; margin-right: 20px; } .s_banmore:hover .s_banmorewz p { color: #fb5725; } .s_c2tw:hover .s_c2twig img { transform: scale(1.05); } .s_c2tw:hover .s_banmorewz p { color: #fb5725; } .s_d1c1listnr:hover .s_d1c1listig img { transform: scale(1.05); } .s_d1c1listnr:hover .s_d1c1listwztit h4 { color: #fb5725; } .s_fc1twwzem:hover { background-color: #fb5725; } .s_fc1twwzem:hover.s_fc1twwzem p { color: #fff; } .s_b3c3listnr:hover .s_b3c3listit h4 { color: #fb5725; } .s_bmbx:hover.s_bmbx a { color: #fb5725; } .s_b3c1listnr:hover .s_b3c1listop p { color: #fb5725; } .s_b3c1listnr:hover .s_b3c1listop span { color: #fb5725; } .s_b4c1wznr:hover .s_b4c1wztop p { color: #fff; } .s_b4c1wznr:hover .s_b4c1wztop span { color: #fff; } .s_b4c2listnr:hover .s_b4c2xzbox { height: 100%; opacity: 1; } .s_b4c3dian:hover { background-color: #fb5725; } .s_b4c3dian:hover.s_b4c3dian::before { opacity: 1; } .s_g1crxlbotp:hover.s_g1crxlbotp p { color: #fb5725 } .s_lanbox:hover .s_lanwz p { color: #fb5725; } .s_g1dj:hover input { /* width: 8px; height: 8px; */ background-color: #fb5725; border: 1px solid #fb5725; } .s_g1dj:hover label { color: #333; } .s_g1dj:hover input::before { display: block; } .s_g1dj1:hover input { /* width: 8px; height: 8px; */ background-color: #fb5725; border: 1px solid #fb5725; } .s_g1dj1:hover label { color: #333; } .s_g1dj1:hover input::before { display: block; } } /* sumi-鏀 */ .col-xs-4.col-sm-12.share-btn.font-sans-serif-xs { position: relative; } .col-xs-4.col-sm-12.share-btn.font-sans-serif-xs a { display: block; width: 100%; height: 80%; position: absolute; top: 15px; left: 0; background: none; } .bsBox::after { content: ""; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1; background: rgba(0, 0, 0, .84); } #bsWXBox .bsTop span { opacity: 1; } #bsWXBox .bsTop::before { opacity: 0; } #bsWXBox .bsTop::after { opacity: 0; } .row.gmn { margin-top: 50px; padding-top: 30px; border-top: 3px solid #333; border-bottom: 1px solid #333; } .load-more.col-xs-12.col-sm-12 { text-align: center; padding-bottom: 10px; } .load-more-link.font-sans-serif-bold-sm { border-bottom: 2px solid #666; } .s_loginbox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100; } .s_loginbox::before { content: ""; width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 5; } .s_loginnrbox { width: 100%; height: 100%; position: relative; } .s_loginnr { width: 196px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 200; } .login { width: 100%; } .login img { width: 100%; } .s_pdftanjbox { width: 100%; height: 100%; position: relative; } .s_e2zctopnr img { z-index: 200; } .s_loginwz { text-align: center; font-size: 20px; color: #fff; line-height: 1.75; font-weight: bold; margin-bottom: 10px; } /* 10.09鏀 */ .s_g1crnr6r { margin-top: 37px; padding: 0 7px; } .s_g1cr { padding: 35px 100px 97px; } .s_weixintanbox { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgb(0, 0, 0, 0.5); } .s_weixintan { width: 305px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 24px 34px 55px; background-color: #fff; border: 7px solid #0dcc1a; border-radius: 5px; overflow: hidden; } .s_weixinigbox { position: relative; margin-bottom: 5px; } .s_weixinig1 img { width: 100%; } .s_weixinig2 { width: 49px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s_weixinig2 img { width: 100%; } .s_weixintanwz { font-size: 18px; color: #666; line-height: 1.75; text-align: center; } /* .s_c1list { width: 25%; } */ .s_ystan { width: 100%; height: 100%; background-color: rgb(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; display: none; z-index: 1000; } .s_ystannr { width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 30px 30px; } .s_ystantit { font-size: 30px; color: #333; line-height: 1.75; text-align: center; font-weight: bold; margin-bottom: 20px; } .s_ysnr { height: 490px; } .s_ysnr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #666; } .s_ysclose { width: 24px; position: absolute; top: 15%; right: 23%; cursor: pointer; } /* .s_c1list:last-child { width: 50%; } */ .s_c1list { padding: 0 1px; margin-bottom: 2px; } .he_headtp { width: 100%; background: #F0F0F0; padding: 12px 0; } .he_headtli a { display: block; width: 100%; } .he_headtli img { width: 100%; } .he_headwm { display: flex; justify-content: flex-end; } .he_headtul { display: flex; align-items: center; } .he_headtli { width: 66px; flex: none; } .he_headtdp a { font-size: 14px; line-height: 1.5; color: #333333; } .he_headtdp { margin-left: 15px; } .he_hd_bx .s_logoig2 { top: 34px; opacity: 0; } .he_syp1 { width: 100%; background: #F0F0F0; padding: 80px 0; } .he_tit30 { font-size: 30px; line-height: 1.5; color: #333; } .he_syp1bx { display: flex; flex-wrap: wrap; align-items: center; } .he_syp1ble { width: 100px; } .he_syp1ble img { width: 100%; } .he_syp1bri { width: calc(100% - 100px); padding-left: 32px; } .he_syp1brp1 .he_tit30 { font-weight: bold; } .he_syp1brp2 p { font-size: 20px; line-height: 1.5; color: #333; } .he_syp1brp1 { margin-bottom: 18px; } .he_syp3 { width: 100%; background: #F0F0F0; } .he_syp3 .s_c1tit h3 { text-align: center; } .he_synewp p { font-size: 16px; line-height: 1.5; color: #333333; transition: all 0.36s; font-weight: bold; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_synewjp p { font-size: 16px; line-height: 1.75; color: #333333; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_synewp { margin-bottom: 15px; } .he_syp3 .s_banmore { margin-top: 10px; } .he_synetm { width: 100%; background: #ACBEC6; padding: 4px 28px; display: flex; justify-content: space-between; align-items: center; } .he_synetm .s_c3newtime p { color: #333; font-size: 18px; font-family: 'ROBOTOREGULAR' !important; } .he_synear { width: 8px; margin-bottom: 2px; } .he_synear img { width: 100%; } .he_banmore { display: flex; align-items: center; } .he_banmore .s_banmorewz p { color: #333333; } .he_banmore .s_banmorewz { width: 100%; padding-left: 0; padding-right: 12px; } .he_synetm .s_c3newtime { padding-bottom: 0px; } .s_c3newbox .slick-dots li { width: 10px; height: 10px; border-color: #EF5D30; } .s_c3newbox .slick-dots li.slick-active { background: #EF5D30; } .s_c3newbox { padding-bottom: 40px; } .s_c3newbox .slick-dots { bottom: -12px; } .s_c3newbox .slick-arrow { width: 66px; height: 66px; background: #fff; border-radius: 50%; z-index: 10; } .s_c3newbox .slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background-size: 100% 100%; } .s_c3newbox .slick-prev::after { background-image: url(../image/a1_arrow1.svg); } .s_c3newbox .slick-next::after { background-image: url(../image/a1_arrow2.svg); } .s_c3newbox .slick-prev { left: -90px; } .s_c3newbox .slick-next { right: -90px; } .he_footer { width: 100%; background: #fff; padding: 70px 0; } .he_fobx { width: 100%; position: relative; border-top: 1px solid #333333; padding-top: 36px; display: flex; align-items: center; justify-content: space-between; } .he_foble { width: 236px; } .he_foble a { display: block; width: 100%; } .he_foble img { width: 100% } .he_foblq { padding: 0 10px; } .he_foblq p, .he_foblq p a { font-size: 16px; line-height: 1.5; color: #333333; } .he_foblq p a { margin-left: 18px; } .he_fobczle { width: 38px; } .he_fobczle img { width: 100%; } .he_fobczri p { font-size: 14px; line-height: 1.5; color: #333333; } .he_fobczi { display: flex; align-items: center; cursor: pointer; } .he_fobczri { padding-left: 17px; } .he_fobcod { position: relative; } .he_fobctu { background: #fff; border-radius: 4px; padding: 6px; width: 120px; position: absolute; bottom: 56px; left: -40px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); display: none; } .he_fobctu img { width: 100%; } .he_foym { width: 238px; } .he_foym a { display: block; width: 100%; } .he_foym img { width: 100%; } .he_c1p1 { width: 100%; border-top: 20px solid #AABCC5; padding-top: 105px; } .he_c1p1bx { width: 100%; position: relative; } .he_cip1tp p { font-size: 20px; line-height: 1.8; color: #333; } .he_c1p1ti .s_c1tit h1 { text-align: left; } .he_c1p1ti { width: 78%; } .he_c1p1ti .s_c1tit { margin-bottom: 25px; } .he_c1p2 { width: 100%; position: relative; margin-top: 60px; } .he_c1p1wm { width: 100%; position: relative; } .he_c2p1 { background: #F0F0F0; padding: 75px 0 30px; } .he_c1p1tp p { font-size: 18px; line-height: 1.5; color: #EF5D30; } .he_c1p1tl .s_c1tit h1 { text-align: left; } .he_c1p1tl .s_c1tit { margin-bottom: 0; } .he_c1p1tgm { display: flex; justify-content: flex-end; } .he_c1p1tl { margin-bottom: 35px; } .he_c2p2 { width: 100%; position: relative; } .he_c2p2bx { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_c2p2bri { width: 300px; border-top: 3px solid #4C5B64; padding-top: 20px; } .he_c2p2ble { width: calc(100% - 300px); padding-right: 100px; } .he_c2p2jm p { font-size: 20px; line-height: 1.75; color: #333; margin-bottom: 20px; } .he_c2p2bli { display: none; } .he_c2p2bli:first-child { display: block; } .he_c2p2bul .slick-dots li { width: 10px; height: 10px; border-color: #EF5D30; } .he_c2p2bul .slick-dots li.slick-active { background: #EF5D30; } .he_c2p2bul .slick-dots { bottom: -45px; } .he_c2p2bl { margin-bottom: 70px; } .yxedr_active ul { padding-left: 22px; } .yxedr_active ul li { position: relative; } .yxedr_active ul li::after { content: '> '; position: absolute; top: 6px; left: -22px; /* width: 6px; height: 6px; */ /* background: #333; */ border-radius: 50%; font-size: 20px; color: #333; } .yxedr_active ul li p { margin-bottom: 1px; } .he_vidig { width: 100%; } .he_vidig img { width: 100%; } .he_video { width: 100%; position: relative; } .he_vidply { width: 68px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .he_vidply img { width: 100%; } .he_c2p3 { width: 100%; position: relative; background: #F0F0F0; } .he_c2p3bx { width: 100%; position: relative; } .he_c2p3ble { width: 290px; } .he_c2p3bri { width: calc(100% - 290px); padding-left: 130px; } .he_c2p3ble img { width: 100%; } .he_c2p3bx { display: flex; align-items: center; } .he_c2p2btm { width: 100%; border-bottom: 1px solid #4C5B64; position: relative; margin-bottom: 50px; } .he_c2p2btm input { font-size: 20px; line-height: 1.5; color: #333; font-weight: bold; padding-bottom: 10px; width: 100%; padding-right: 26px; } .he_c2p2btm img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); cursor: pointer; } .he_c2p2btm input::-webkit-input-placeholder { font-size: 20px; line-height: 1.5; color: #333; } .he_c2p2btm input:-moz-placeholder { font-size: 20px; line-height: 1.5; color: #333; } .he_c2p2btm input::-moz-placeholder { font-size: 20px; line-height: 1.5; color: #333; } .he_c2p2btm input:-ms-input-placeholder { color: rgba(255, 255, 255, .6); font-size: 20px; line-height: 1.5; color: #333; } .he_c2p2cti { border-bottom: 1px solid #4C5B64; margin-bottom: 20px; } .he_c2p2cti p { font-size: 20px; line-height: 1.5; color: #333; font-weight: bold; padding-bottom: 10px; } .he_c2p2bkle { width: 26px; margin-top: 3px; } .he_c2p2bkle img { width: 100%; } .he_c2p2bkri { width: calc(100% - 26px); padding-left: 26px; } .he_c2p2hbli { display: flex; margin-bottom: 18px; } .he_c2p2bkri p { font-size: 20px; line-height: 1.5; color: #333; } .he_g1p1 { width: 100%; position: relative; background: #F0F0F0; padding-bottom: 105px; } .he_g1p1bx { width: 100%; display: flex; flex-wrap: wrap; } .he_g1p1tp1 .s_c1tit { margin-bottom: 0; } .he_g1p1tp1 .s_c1tit h1 { text-align: left; } .he_g1p1tp2 p { font-size: 20px; line-height: 1.75; color: #333; } .he_g1p1tp1 { margin-bottom: 8px; } .he_g1p12yle { width: 30px; margin-top: 2px; flex: none; } .he_g1p12yri { width: calc(100% - 30px); padding-left: 10px; } .he_g1p12yle img { width: 100%; } .he_g1p12yri p { font-size: 20px; line-height: 1.5; color: #333; } .he_g1p12li { display: flex; margin-bottom: 20px; } .he_g1p1tol { margin-bottom: 30px; } .he_g1p1tol p { font-size: 20px; line-height: 1.8; color: #333; } .he_g1p1tol p span { color: #EF5D30; } .he_g1p1tig { width: 120px; } .he_g1p1tig img { width: 100%; } .he_g1p1ta1 { width: 31%; } .he_g1p1ta2 { width: 41%; } .he_g1p1ta3 { width: 28%; } .he_g1p2 { width: 100%; position: relative; } .he_g1p2bx { width: 100%; position: relative; } .he_g1p2ti p { font-size: 48px; line-height: 1.5; color: #333; font-weight: bold; } .he_g1p2ti { border-bottom: 1px solid #4C5B64; padding-bottom: 35px; margin-bottom: 37px; } .he_g1p2li { padding: 0 14px; width: 33.333333%; margin-bottom: 30px; } .he_g1p2ul { margin: 0 -14px; display: flex; flex-wrap: wrap; } .he_g1p2lmk { width: 100%; position: relative; } .he_g1p2lte { margin-bottom: 10px; } .he_g1p2lte p { font-size: 20px; line-height: 1.75; color: #333; } .he_g1p2lki { width: 100%; height: 60px; background: #F0F0F0; } .he_g1p2lki input { width: 100%; height: 100%; padding: 15px; } .he_g1p2lki .ys_select_hd input { font-size: 16px; color: #333; text-align: center; } .he_g1p2lki .ys_select { height: 100%; } .he_g1p2lki .ys_select_xtbbox { right: 40px; } .ys_select_bd { background: #F0F0F0; padding: 15px; border-top: 1px solid #fff; } .ys_select_li { padding: 0 10px; margin: 10px 0; } .he_g1p2li.on .he_g1p2lki input { padding: 15px 50px; } .he_g1p2slc { width: 100%; position: relative; margin-bottom: 20px; } .he_g1p2sli { width: 100%; position: relative; } .he_g1p2stle { width: 22px; height: 22px; border: 1px solid #4C5B64; transition: all 0.36s; border-radius: 50%; margin-top: 1px; } .he_g1p2stri p { font-size: 16px; line-height: 1.5; color: #999; } .he_g1p2stli { display: flex; /* align-items: center; */ cursor: pointer; margin-bottom: 36px; } .he_g1p2stri { padding: 0 14px; width: calc(100% - 22px); } .he_g1p2stli { width: 25%; } .he_g1p2slmx { width: 100%; padding-right: 8.5%; } .he_g1p2stli.on .he_g1p2stle { border-color: #EF5D30; background: #EF5D30; } .he_g1p2sti { margin-bottom: 32px; } .he_g1p2mtext { width: 100%; height: 280px; background: #F0F0F0; } .he_g1p2mtext textarea { width: 100%; height: 100%; resize: none; padding: 15px; } .he_g1p2mtei .he_g1p2lte { margin-bottom: 25px; } .he_g1p2yz .he_g1p2lki { position: relative; } .he_g1p2yz .he_g1p2lki img { width: 130px; position: absolute; top: 50%; transform: translateY(-50%); right: 23px; cursor: pointer; } .he_g1p2yz .he_g1p2lki input { padding-right: 165px; } .he_g1p2ybm { /* display: flex; */ width: 100%; } .he_g1p2yks { width: 100%; } .he_g1p2ysule { width: 28px; height: 28px; border: 1px solid #F0F0F0; cursor: pointer; position: relative; transition: all 0.36s; } .he_g1p2ysule img { width: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_g1p2ysu { display: flex; margin-left: 25px; } .he_g1p2ysuri { padding-left: 13px; margin-top: 2px; } .he_g1p2ysule.on { background: #EF5D30; border-color: #EF5D30; } .he_g1p2yz .he_g1p2ul { align-items: center; } .he_g1p2ysuri p { font-size: 16px; line-height: 1.5; color: #333; } .he_g1p2ysuri p a { color: #EF5D30; } .he_klmn { text-align: center; margin-top: 50px; } .he_klmn p { font-size: 20px; line-height: 60px; border: 1px solid #EF5D30; width: 448px; margin: 0 auto; cursor: pointer; transition: all 0.36s; } .he_f1p1 { width: 100%; border-top: 20px solid #AABCC5; } .he_f1p1li { width: 100%; display: none; } .he_f1p1li:first-child { display: block; } .he_f1p1li img { width: 100%; } .he_banph { display: none !important; } .he_f1p1ul .slick-dots li { width: 10px; height: 10px; border-color: #fff; } .he_f1p1ul .slick-dots li.slick-active { background: #fff; } .he_f1p2 { width: 100%; position: relative; } .he_f1p2bx { width: 100%; position: relative; } .he_f1p2tile { width: 476px; padding-right: 20px; } .he_f1p2tiri { width: calc(100% - 476px); margin-top: 7px; } .he_f1p2ti { border-bottom: 1px solid #4C5B64; } .he_f1p2tium { margin-bottom: 0 !important; border: none !important; } .he_f1p2tium h1 { color: #EF5D30; text-align: left; } .he_f1p2tium p { color: #EF5D30; } .he_f1p2ji p { font-size: 20px; line-height: 1.75; color: #333; } .he_f1p2ti { display: flex; flex-wrap: wrap; padding-bottom: 80px; padding-top: 50px; } .he_f1p2jk { display: flex; flex-wrap: wrap; padding-top: 60px; } .he_f1p2tyi { padding-top: 0 !important; padding-bottom: 50px; } .he_f1p2tyi h3 { color: #333; } .he_f1p2flul { display: flex; flex-wrap: wrap; } .he_f1p2flul .he_g1p2stli { width: 33.333333%; } .he_f1p2tbt .he_klmn p { width: 219px; margin: 0; } .he_f1p2tbt .he_klmn { margin-top: 39px; } .he_f1p2flul .he_g1p2stri p { font-size: 18px; color: #4C5B64; } .he_f1p2flul .he_g1p2stle { margin-top: 2px; } .he_f1p2ukx { width: 100%; position: relative; } .he_f1p2us { width: 100%; border-bottom: 1px solid #4C5B64; } .he_f1p2us:last-child { border-bottom: none; } .he_f1p2us a { width: 100%; background: #F0F0F0; padding: 24px 42px; display: flex; align-items: center; } .he_f1p2usle p { font-size: 20px; line-height: 1.5; color: #333; } .he_f1p2usri { width: 50px; } .he_f1p2usle { width: calc(100% - 50px); padding-right: 20px; } .he_f1p2usri img { width: 100%; } .he_f1p2tbt { margin-bottom: 100px; } .he_b1p1 { width: 100%; position: relative; } .he_b1p1bx { width: 100%; /* position: relative; */ } .he_b1p1ti .he_f1p2tium h1 { color: #333333; } .he_b1p1jp p { font-size: 20px; line-height: 1.75; color: #333; } .he_b1p1jli { width: 33.333333%; padding: 0 14px; } .he_b1p1jul { margin: 0 -14px; display: flex; flex-wrap: wrap; align-items: stretch; } .he_b1p1jym { width: 100%; height: 100%; position: relative; background: #AABCC5; padding: 37px 20px 52px; text-align: center; } .he_b1p1jp { margin-bottom: 70px; } .he_b1p1ti { margin-bottom: 30px; } .he_b1p1jw { font-size: 40px; line-height: 1.5; color: #4C5B64; font-family: 'ROBOTOREGULAR' !important; font-weight: bold; } .he_b1p1jkz p { font-size: 24px; line-height: 1.5; color: #333; } .he_b1p1ju p { font-size: 24px; line-height: 1.5; color: #333; } .he_b1p1jkz { margin-bottom: 16px; } .he_b1p2 { width: 100%; position: relative; } .he_b1p2ig { width: 100%; } .he_b1p2ig img { width: 100%; } .he_b1p2dri { width: 23px; position: relative; } .he_b1p2dri img { width: 100%; transition: all 0.36s; } .he_b1p2dri .he_img1 { opacity: 0; } .he_img { width: 100%; position: relative; top: 0; left: 0; } .he_img1 { width: 100%; position: absolute; top: 0; left: 0; } .he_b1p2dle p { font-size: 14px; line-height: 1.5; color: #4C5B64; transition: all 0.36s; } .he_b1p2dle { padding-right: 7px; } .he_b1p2dli { display: flex; align-items: center; position: absolute; transform: translateX(-50%); } .he_b1p3 { width: 100%; background: rgb(240, 240, 240); } .he_b1p3bx { width: 100%; position: relative; } .he_b1p3bx .he_f1p2tium p { color: #333; } .he_b1p3mn { width: 100%; position: relative; } .he_b1p3mli { width: 33.333333%; padding: 0 14px; margin-bottom: 30px; } .he_b1p3mul { margin: 0 -14px; display: flex; align-items: stretch; flex-wrap: wrap; } .he_b1p3mkz { width: 100%; height: 100%; position: relative; background: #fff; padding: 59px 38px 60px; } .he_b1p3mti { margin-bottom: 30px; } .he_b1p3mti p { font-size: 20px; line-height: 1.5; color: #333; } .he_b1p3mhle { width: 18px; margin-top: 2px; } .he_b1p3mhle img { width: 100%; } .he_b1p3mhri { width: calc(100% - 18px); padding-left: 12px; } .he_b1p3mlx { display: flex; margin-bottom: 20px; } .he_b1p3mhri p { font-size: 18px; line-height: 1.5; color: #333; } .he_b2p2 { width: 100%; position: relative; background: rgb(240, 240, 240); } .he_b2p2bx { width: 100%; position: relative; } .he_b1p3bx .he_g1p2ti { padding-bottom: 50px; } .he_b2p2bx .he_f1p2tium p { color: #333; } .he_b2p2uk { width: 100%; } .he_b2p2utp { width: 100%; position: relative; margin-bottom: 100px; } .he_b2p2uwz p { font-size: 30px; line-height: 1.5; color: #4C5B64; font-family: 'ROBOTOREGULAR' !important; font-weight: bold; transition: all 0.36s; } .he_b2p2uwo p { font-size: 24px; line-height: 1.5; color: #333; transition: all 0.36s; } .he_b2p2uwk { width: 33.333333%; text-align: center; position: relative; cursor: pointer; } .he_b2p2uwz { padding-bottom: 27px; position: relative; } .he_b2p2uwo { margin-top: 20px; } .he_b2p2uwz::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; border-radius: 50%; background: #4C5B64; transition: all 0.36s; } .he_b2p2uwl { width: 100%; position: relative; } .he_b2p2uwl::before { content: ''; position: absolute; top: 65px; left: 0%; width: 100%; height: 2px; background: rgba(76, 91, 100, 0.2); } .he_b2p2uwk.slick-current .he_b2p2uwz p { color: #EF5D30; } .he_b2p2uwk.slick-current .he_b2p2uwz::after { background: #EF5D30; } .he_b2p2utp { padding: 0 70px; } .he_b2p2uwl .slick-arrow { width: 18px; height: 36px; z-index: 10; background-image: url(../image/b2arr.svg); background-size: 100% 100%; } .he_b2p2uwl .slick-prev { left: -70px; } .he_b2p2uwl .slick-next { right: -80px; transform: translateY(-50%) rotate(180deg); } .he_b2p2em { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_b2p2ele { width: 210px; } .he_b2p2eri { width: calc(100% - 210px); padding-left: 30px; } .he_b2p2ekm .he_b2p2uwz::after { display: none; } .he_b2p2ekm .he_b2p2uwz p { color: #999999; } .he_b2p2ekm .he_b2p2uwz { border-bottom: 1px solid transparent; display: inline-block; padding-bottom: 4px; transition: all 0.36s; cursor: pointer; } .he_b2p2ekm { margin-bottom: 27px; } .he_b2p2ekm.act .he_b2p2uwz { border-bottom: 1px solid #06213E; } .he_b2p2ekm.act .he_b2p2uwz p { color: #EF5D30; } .he_b2p2ebg { display: none; } .he_b2p2ebg:first-child { display: block; } .he_b2p2ebg p { font-size: 20px; line-height: 1.75; color: #333333; margin-bottom: 20px; } .he_gpage .he_footer { padding-top: 0 !important; } .he_g1p2mte { margin-bottom: 30px; } .he_b1p4 { width: 100%; background: #A8BAC2; padding: 29px 0; } .he_b1p4bx { width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; } .he_b1p4bfk { width: 89px; } .he_b1p4bfk img { width: 100%; } .he_b1p4bfs { width: calc(100% - 89px); padding-left: 42px; } .he_b1p4bxle { width: 635px; display: flex; align-items: center; } .he_b1p4bxri { width: calc(100% - 630px); display: flex; justify-content: flex-end; } .he_b1p4bfs p { font-size: 20px; line-height: 1.5; color: #333; } .he_b1p4bxrul .he_g1p12li { margin-bottom: 0; margin-right: 68px; } .he_b1p4bxrul .he_g1p12li:last-child { margin-right: 0; } .he_b1p4bxrul { display: flex; flex-wrap: wrap; } .he_hpage .he_c1p1 { border-top: none; padding-bottom: 70px; } .he_hpage .he_c1p1wm { display: flex; flex-wrap: wrap; align-items: flex-end; } .he_hpage .he_c1p1wm .he_c1p1tl { margin-bottom: 0; } .he_hpage .he_c1p1tgm { flex: none; } .he_hpage .he_c1p1tgm { width: 216px; } .he_hpage .he_c1p1tl { width: calc(100% - 216px); padding-right: 150px; } .he_hpage .s_c1tit h1 { line-height: 1.5; } .he_h1titp { margin-top: 28px; } .he_h1titp p { font-size: 20px; line-height: 1.75; color: #333; } .he_hp2jm h3 { font-size: 20px; line-height: 1.5; color: #EF5D30; font-weight: bold; border-bottom: 1px solid #4C5B64; padding-bottom: 22px; margin-bottom: 26px; } /* .he_hp2jm p { font-size: 18px; line-height: 1.75; color: #333; } */ .he_hpage .he_footer { padding-top: 0 !important; } .s_b2_2lineh p { color: #333; } body.news .subtitle a { color: #333; } /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .he_klmn p:hover { background: #EF5D30; color: #fff; } .he_b1p2dli:hover .he_b1p2dle p { color: #EF5D30; } .he_b1p2dli:hover .he_b1p2dri .he_img { opacity: 0; } .he_b1p2dli:hover .he_b1p2dri .he_img1 { opacity: 1; } .s_bmbx a:hover::after { background: #fb5725 !important; } .s_d1c1listnr:hover .s_d1c1listwztit h4 { color: #EF5D30 !important; } } .s_bmbx a { position: relative; } .s_bmbx a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #666; transition: all 0.36s; } .s_pcnav .ys_cont1400 { width: 100%; } .s_pcnav { padding-right: 90px; } .s_d1c1listwzp { overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_abut .load-more-link { cursor: pointer !important; } .he_newqk { display: flex; flex-wrap: wrap; } .he_newqkle { width: 25%; } .he_newqkle .col-ssm-3 { width: 100% !important; } .he_newqkri { width: 75%; } .he_newqkri .col-ssm-9 { width: 100% !important; } .he_newqkri .col-sm-9 { width: 100% !important; } /*2023.2.7淇敼*/ .newdet_cont li{ list-style-type: disc; } .newdet_cont ul{ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 18px; } .newdet_cont strong{ font-weight: 700; } /* 2023.3.28鏂板-start */ /* C1-浜у搧璇︽儏 */ .prodet_down{ margin-bottom: 50px; } .prodet_down_ul{ margin-top: 26px; } .prodet_down_ul_li a{ display: block; padding: 16px 0; background: #F0F0F0; } .pdul_tit{ color: #333; padding-left: 20px; padding-right: 28px; margin-bottom: 11px; height: 94.5px; overflow: hidden; } .pdul_info_icon,.pdul_info_down img{ width: 24px; } .pdul_info_icon img{ width: 100%; } .pdul_info{ padding-left: 20px; padding-right: 28px; padding-top: 11px; border-top: 1px solid rgba(224, 224, 224, 1); display: flex; align-items: center; justify-content: space-between; } .pdul_info_down{ display: flex; align-items: center; } .pdul_info_down .g_word4{ color: #333; margin-left: 11px; } .prodet_down_ul_li{ margin-bottom: 20px; } .prodet_down_ul_li:last-child{ margin-bottom: 0; } /* E3-璧勬枡涓嬭浇 */ .down_cont_le{ width: calc(100% - 300px); padding-right: 148px; } .down_main .he_c2p2bri{ float: right; } .down_main h1{ font-size: 38px; line-height: 1.9; color: #333; margin-top: 55px; margin-bottom: 14px; } .down_cont_le_parga{ color: #333; } .down_cont_le_list{ margin-top: 80px; } .dcll_ul_li{ margin-bottom: 30px; } .dcll_ul_li_bt .prodet_down_ul_li{ width: 50%; padding: 0 7px; margin-bottom: 14px; } .dcll_ul_li_bt .prodet_down_ul{ margin: 0 -7px; display: flex; flex-wrap: wrap; } .dcll_ul_li_bt .prodet_down_ul_li a { padding: 33px 0 22px; } .dcll_ul_li_bt .pdul_tit { padding-left: 42px; margin-bottom: 18px; } .dcll_ul_li_bt .pdul_info { padding-left: 42px; padding-right: 28px; padding-top: 16px; } .dult_ixon img{ width: 100%; } .dcll_ul_li_tp .g_word2{ font-weight: bold; color: #4C5B64; transition: all .36s; } .dcll_ul_li_tp{ padding: 24px 38px 24px 47px; background: #F0F0F0; border-top: 1px solid #5B5B5B; border-bottom: 1px solid #5B5B5B; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: all .36s; } .dcll_ul_li_bt{ margin-top: 30px; display: none; } .dcll_ul_li.act .dcll_ul_li_tp{ background: #4C5B64; } .dcll_ul_li.act .g_word2{ color: #fff; } .dcll_ul_li.act .dult_ixon{ transform: rotate(180deg); } .dcll_ul_li:last-child{ margin-bottom: 0; } .down_main{ margin-top: 140px !important; padding-bottom: 110px; } /* G2-浼佷笟绀句細璐ｄ换 */ .duty_main .he_c1p1tl { margin-bottom: 0; margin-top: 54px; } .duty_main .he_c2p1 { padding: 84px 0 138px; } .duty_cont p{ font-size: 18px; line-height: 1.75; color: #333; margin-bottom: 14px; } .duty_cont_link .dult_ixon{ width: 33px; } .duty_cont_link{ margin: 30px 0 50px; } .dult_ixon,.duty_cont_deve .dult_ixon{ width: 17px; transition: all .36s; } .dulb_ul{ margin-top: 32px; } .dulb_ul_li{ border-top: 1px solid #4C5B64; } .dulb_ul_li img{ width: 50px; } .dulb_ul_li a{ padding: 18px 52px 18px 42px; display: flex; justify-content: space-between; align-items: center; transition: all .36s; } .dulb_ul_li p{ margin-bottom: 0; font-size: 20px; line-height: 1.8; color: #4C5B64; transition: all .36s; } .dulb_ul_li:last-child{ border-bottom: 1px solid #4C5B64; } .duty_cont_deve{ margin-bottom: 0 !important; } .duty_main .s_cont1{ padding-top: 54px !important; } /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .dcll_ul_li_tp:hover{ background: #4C5B64; } .dcll_ul_li_tp:hover .g_word2{ color: #fff; } } /* 2023.3.28鏂板-end */ /*2023.5.6涓炬姤鍏ュ彛鏍峰紡-start*/ .duty_report_cont a{ color: white; display: block; height: 100%; padding: 10px 10px 30px 10px; } .duty_report_cont{ position: relative; background-color: #55646e; width: 100%; height: 100%; } .duty_report{ width: 100%; height: 320px; } .duty_report_cont .whistleblowing-urlcta { display: inline-block; color: white; position: absolute; bottom: 10px; left: 10px; padding-left: 30px; padding-right: 10px; /*background: url(../images/arrow_r_red.svg) no-repeat 0 50%;*/ background-size: 18px; } .duty_report_cont .whistleblowing-urlcta::after{ content: ""; width: 24px; height: 10px; background: url(../images/arrow_r_red.svg) center / cover no-repeat; position: absolute; top: 60%; left: 0; transform: translateY(-50%); } .he_c2p2bris{ width: 300px; flex-shrink: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; } .he_c2p2bris .he_c2p2bri{ width: 100% !important; flex-shrink: 0; } .duty_main .he_c2p2ble { margin-bottom: 230px; } /*2023.5.6涓炬姤鍏ュ彛鏍峰紡-end*/ /*2024.10.28淇敼-start*/ .he_b1p2dle{ padding-right: 0; } .he_b1p2dli.on{ flex-direction: column-reverse; } /*2024.10.28淇敼-end*/ .he_f1more-link { background: #EF5D30; display: block; font-size: 16px; line-height: 1.75; padding: 10px 40px; color: #fff !important; } .he_f1more { width: 100%; display: flex; margin-top: 25px; }