ИСТОРИЯ ДЛИНОЙ
БОЛЕЕ ПОЛУВЕКА
<section id="cd-timeline" class="cd-container"> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-picture"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/1-1.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>1957</h2> <p>Рино Рандигьери и Джорджио Бисконтини получили возможность построить промышленное сооружение в Villaggio Artigiano в Модене.</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/2-1.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>1970</h2> <p>В 1970-х годах в компании уже было 50 сотрудников, работающих в различных областях</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-picture"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/3-1.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>1985</h2> <p>В 1985 году произошел переломный момент в истории компании, когда внезапно умерли два основателя</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-location"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/4.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>1990</h2> <p>Новое руководство создало подразделение химикатов для контуров охлаждения и отопления, а также очистки воды</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-location"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/5.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>2005</h2> <p>Чтобы адаптироваться к потребностям и времени бизнеса, компания решила в 2005 году соответствовать стандарту UNI EN ISO 9001: 2000</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/6.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>2016</h2> <p>Компания открывает новые рынки в Иране и на Ближнем Востоке</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/7.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>2017-18</h2> <p>Компания строит в БЕЛАРУСИ крупный завод по перекачке и дезалинизации воды с дебитом 14 400 кубометров в сутки и опреснительную систему EDI производительностью 2 500 кубометров в сутки для производства электроэнергии.</p> </div> <div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/8.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>2020-21</h2> <p>Компания продолжает расширять свои позиции, чтобы войти в список поставщиков наиболее важных игроков рынка в секторе ЭНЕРГЕТИКИ и ЗЕЛЕНОЙ ЭКОНОМИКИ, таких как STC power group, Ansaldo и Tecnimont.</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <div class="cd-timeline-block"> <div class="cd-timeline-img cd-movie"> <img src="https://www.hidromatic.it/wp-content/uploads/2023/03/9.png"> </div> <!-- cd-timeline-img --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <div class="cd-timeline-content"> <h2>2021</h2> <p>Компания получает сертификат соответствия EN 1090-1:2009+A1:2011, FACTORY PRODUCTION CONTROL CONFORMITY CERTIFICATE</p> </div> <!-- cd-timeline-content --> </div> <!-- cd-timeline-block --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> </section> <!-- cd-timeline --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script src="js/main.js"></script> <!-- Ресурс jQuery -->
<style><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Primary style<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->html * {<!-- [et_pb_line_break_holder] --> -webkit-font-smoothing: antialiased;<!-- [et_pb_line_break_holder] --> -moz-osx-font-smoothing: grayscale;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->*, *:after, *:before {<!-- [et_pb_line_break_holder] --> -webkit-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> -moz-box-sizing: border-box;<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->a {<!-- [et_pb_line_break_holder] --> color: #acb7c0;<!-- [et_pb_line_break_holder] --> text-decoration: none;<!-- [et_pb_line_break_holder] --> font-family: "Open Sans", sans-serif;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->img {<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->h2 {<!-- [et_pb_line_break_holder] --> font-family: "Roboto Condensed", sans-serif;<!-- [et_pb_line_break_holder] --> color: #00783b !important;<!-- [et_pb_line_break_holder] --> font-size: 30px !important;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-content p {<!-- [et_pb_line_break_holder] --> font-size: 20px !important;<!-- [et_pb_line_break_holder] --> font-family: "Roboto Condensed", sans-serif;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Modules - reusable parts of our design<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] -->.cd-container {<!-- [et_pb_line_break_holder] --> /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */<!-- [et_pb_line_break_holder] --> width: 90%;<!-- [et_pb_line_break_holder] --> max-width: 1170px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-container::after {<!-- [et_pb_line_break_holder] --> /* clearfix */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> display: table;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* -------------------------------- <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->Main components <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->-------------------------------- */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#cd-timeline {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> padding: 2em 0;<!-- [et_pb_line_break_holder] --> margin-top: 2em;<!-- [et_pb_line_break_holder] --> margin-bottom: 2em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->#cd-timeline::before {<!-- [et_pb_line_break_holder] --> /* this is the vertical line */<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 18px;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> width: 4px;<!-- [et_pb_line_break_holder] --> background: #d7e4ed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1170px) {<!-- [et_pb_line_break_holder] --> #cd-timeline {<!-- [et_pb_line_break_holder] --> margin-top: 3em;<!-- [et_pb_line_break_holder] --> margin-bottom: 3em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> #cd-timeline::before {<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> margin-left: -2px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-block {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> margin: 2em 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-block:after {<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: table;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-block:first-child {<!-- [et_pb_line_break_holder] --> margin-top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-block:last-child {<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1170px) {<!-- [et_pb_line_break_holder] --> .cd-timeline-block {<!-- [et_pb_line_break_holder] --> margin: 4em 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:first-child {<!-- [et_pb_line_break_holder] --> margin-top: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:last-child {<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.cd-timeline-img {<!-- [et_pb_line_break_holder] --> background-color: white;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 40px;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-img img {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 90px;<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> margin-left: -30px;<!-- [et_pb_line_break_holder] --> margin-top: -30px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (max-width: 768px){<!-- [et_pb_line_break_holder] -->.cd-timeline-img img {<!-- [et_pb_line_break_holder] --> margin-left: -20px;<!-- [et_pb_line_break_holder] --> margin-top: -20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1170px) {<!-- [et_pb_line_break_holder] --> .cd-timeline-img {<!-- [et_pb_line_break_holder] --> width: 60px;<!-- [et_pb_line_break_holder] --> height: 60px;<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> margin-left: -30px;<!-- [et_pb_line_break_holder] --> /* Force Hardware Acceleration in WebKit */<!-- [et_pb_line_break_holder] --> -webkit-transform: translateZ(0);<!-- [et_pb_line_break_holder] --> -webkit-backface-visibility: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cssanimations .cd-timeline-img.is-hidden {<!-- [et_pb_line_break_holder] --> visibility: hidden;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cssanimations .cd-timeline-img.bounce-in {<!-- [et_pb_line_break_holder] --> visibility: visible;<!-- [et_pb_line_break_holder] --> -webkit-animation: cd-bounce-1 0.6s;<!-- [et_pb_line_break_holder] --> -moz-animation: cd-bounce-1 0.6s;<!-- [et_pb_line_break_holder] --> animation: cd-bounce-1 0.6s;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@-webkit-keyframes cd-bounce-1 {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 60% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@-moz-keyframes cd-bounce-1 {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -moz-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 60% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -moz-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -moz-transform: scale(1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@keyframes cd-bounce-1 {<!-- [et_pb_line_break_holder] --> 0% {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> -moz-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> -ms-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> -o-transform: scale(0.5);<!-- [et_pb_line_break_holder] --> transform: scale(0.5);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 60% {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> -moz-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> -ms-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> -o-transform: scale(1.2);<!-- [et_pb_line_break_holder] --> transform: scale(1.2);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> 100% {<!-- [et_pb_line_break_holder] --> -webkit-transform: scale(1);<!-- [et_pb_line_break_holder] --> -moz-transform: scale(1);<!-- [et_pb_line_break_holder] --> -ms-transform: scale(1);<!-- [et_pb_line_break_holder] --> -o-transform: scale(1);<!-- [et_pb_line_break_holder] --> transform: scale(1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> margin-left: 60px;<!-- [et_pb_line_break_holder] --> background: #e6e6e6;<!-- [et_pb_line_break_holder] --> border-radius: 0.25em;<!-- [et_pb_line_break_holder] --> padding: 1em;<!-- [et_pb_line_break_holder] --> box-shadow: 0 3px 0 #d7e4ed;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content:after {<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: table;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content h2 {<!-- [et_pb_line_break_holder] --> color: #303e49;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> font-size: 13px;<!-- [et_pb_line_break_holder] --> font-size: 0.8125rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content p {<!-- [et_pb_line_break_holder] --> margin: 1em 0;<!-- [et_pb_line_break_holder] --> line-height: 1.6;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content .cd-read-more {<!-- [et_pb_line_break_holder] --> float: right;<!-- [et_pb_line_break_holder] --> padding: .8em 1em;<!-- [et_pb_line_break_holder] --> background: #acb7c0;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> border-radius: 0.25em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.no-touch .cd-timeline-content .cd-read-more:hover {<!-- [et_pb_line_break_holder] --> background-color: #bac4cb;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> padding: .8em 0;<!-- [et_pb_line_break_holder] --> opacity: .7;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.cd-timeline-content::before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 16px;<!-- [et_pb_line_break_holder] --> right: 100%;<!-- [et_pb_line_break_holder] --> height: 0;<!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> border: 7px solid transparent;<!-- [et_pb_line_break_holder] --> border-right: 7px solid white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 768px) {<!-- [et_pb_line_break_holder] --> .cd-timeline-content h2 {<!-- [et_pb_line_break_holder] --> font-size: 20px;<!-- [et_pb_line_break_holder] --> font-size: 1.25rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-content p {<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> font-size: 14px;<!-- [et_pb_line_break_holder] --> font-size: 0.875rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1170px) {<!-- [et_pb_line_break_holder] --> .cd-timeline-content {<!-- [et_pb_line_break_holder] --> margin-left: 0;<!-- [et_pb_line_break_holder] --> padding: 1.6em;<!-- [et_pb_line_break_holder] --> width: 45%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-content::before {<!-- [et_pb_line_break_holder] --> top: 24px;<!-- [et_pb_line_break_holder] --> left: 100%;<!-- [et_pb_line_break_holder] --> border-color: transparent;<!-- [et_pb_line_break_holder] --> border-left-color: white;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-content .cd-read-more {<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> left: 122%;<!-- [et_pb_line_break_holder] --> top: 6px;<!-- [et_pb_line_break_holder] --> font-size: 16px;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:nth-child(even) .cd-timeline-content {<!-- [et_pb_line_break_holder] --> float: right;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:nth-child(even) .cd-timeline-content::before {<!-- [et_pb_line_break_holder] --> top: 24px;<!-- [et_pb_line_break_holder] --> left: auto;<!-- [et_pb_line_break_holder] --> right: 100%;<!-- [et_pb_line_break_holder] --> border-color: transparent;<!-- [et_pb_line_break_holder] --> border-right-color: white;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {<!-- [et_pb_line_break_holder] --> float: right;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {<!-- [et_pb_line_break_holder] --> left: auto;<!-- [et_pb_line_break_holder] --> right: 122%;<!-- [et_pb_line_break_holder] --> text-align: right;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cssanimations .cd-timeline-content.is-hidden {<!-- [et_pb_line_break_holder] --> /*visibility: hidden;*/<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> overflow:hidden;<!-- [et_pb_line_break_holder] --> height:0px;<!-- [et_pb_line_break_holder] --> transition: all 250ms linear;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .cssanimations .cd-timeline-content.bounce-in {<!-- [et_pb_line_break_holder] --> visibility: visible;<!-- [et_pb_line_break_holder] --> overflow:hidden;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> transition: all 250ms linear;<!-- [et_pb_line_break_holder] --> height:300px;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media only screen and (min-width: 1170px) {<!-- [et_pb_line_break_holder] --> /* inverse bounce effect on even content blocks */<!-- [et_pb_line_break_holder] --> .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> overflow:hidden;<!-- [et_pb_line_break_holder] --> transition: all 250ms linear;<!-- [et_pb_line_break_holder] --> height:300px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<script><!-- [et_pb_line_break_holder] -->var $animation_elements = $('.cd-timeline-block');<!-- [et_pb_line_break_holder] -->var $window = $(window);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function check_if_in_view() {<!-- [et_pb_line_break_holder] --> var window_height = $window.height();<!-- [et_pb_line_break_holder] --> var window_top_position = $window.scrollTop();<!-- [et_pb_line_break_holder] --> var window_bottom_position = (window_top_position + window_height);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $.each($animation_elements, function() {<!-- [et_pb_line_break_holder] --> var $element = $(this);<!-- [et_pb_line_break_holder] --> var element_height = $element.outerHeight();<!-- [et_pb_line_break_holder] --> var element_top_position = $element.offset().top;<!-- [et_pb_line_break_holder] --> var element_bottom_position = (element_top_position + element_height);<!-- [et_pb_line_break_holder] --> var element_middle_position = (element_top_position + element_height/2);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //check to see if this current container is within viewport<!-- [et_pb_line_break_holder] --> if ((element_middle_position >= window_top_position) &&<!-- [et_pb_line_break_holder] --> (element_middle_position <= window_bottom_position)) {<!-- [et_pb_line_break_holder] --> $element.find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');;<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> $element.find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden').removeClass('bounce-in');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->$window.on('scroll resize', check_if_in_view);<!-- [et_pb_line_break_holder] -->$window.trigger('scroll');<!-- [et_pb_line_break_holder] --></script>
ПОДРАЗДЕЛЕНИЕ МЕДИАБИЗНЕСА 2017-21
<div class="wrapper"><!-- [et_pb_line_break_holder] --> <div class="pieID--operations pie-chart--wrapper"><!-- [et_pb_line_break_holder] --> <div class="pie-chart"><!-- [et_pb_line_break_holder] --> <div class="pie-chart__pie"></div><!-- [et_pb_line_break_holder] --> <ul class="pie-chart__legend"><!-- [et_pb_line_break_holder] --> <li><em>ОТДЕЛ РАСТЕНИЙ</em><span>72%</span></li><!-- [et_pb_line_break_holder] --> <li><em>ХИМИЧЕСКОЕ ПОДРАЗДЕЛЕНИЕ</em><span>20%</span></li><!-- [et_pb_line_break_holder] --> <li><em>ОТДЕЛ ОБСЛУЖИВАНИЯ/ЗАПАСНЫХ ЧАСТЕЙ</em><span>8%</span></li><!-- [et_pb_line_break_holder] --> </ul><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --> </div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] --><style><!-- [et_pb_line_break_holder] -->@keyframes bake-pie {<!-- [et_pb_line_break_holder] --> from {<!-- [et_pb_line_break_holder] --> transform: rotate(0deg) translate3d(0, 0, 0); } }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.pie-chart {}<!-- [et_pb_line_break_holder] --> .pie-chart--wrapper {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 30px auto;<!-- [et_pb_line_break_holder] --> text-align: center; }<!-- [et_pb_line_break_holder] --> .pie-chart__pie, .pie-chart__legend {<!-- [et_pb_line_break_holder] --> display: inline-block;<!-- [et_pb_line_break_holder] --> vertical-align: top; }<!-- [et_pb_line_break_holder] --> .pie-chart__pie {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> width: 200px;<!-- [et_pb_line_break_holder] --> margin: 10px auto 35px; }<!-- [et_pb_line_break_holder] --> .pie-chart__pie::before {<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> height: 100px;<!-- [et_pb_line_break_holder] --> background: #EEE;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> top: 50px;<!-- [et_pb_line_break_holder] --> left: 50px; }<!-- [et_pb_line_break_holder] --> .pie-chart__pie::after {<!-- [et_pb_line_break_holder] --> content: "";<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> width: 120px;<!-- [et_pb_line_break_holder] --> height: 2px;<!-- [et_pb_line_break_holder] --> background: rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);<!-- [et_pb_line_break_holder] --> margin: 220px auto; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.slice {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 200px;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> clip: rect(0px, 200px, 200px, 100px);<!-- [et_pb_line_break_holder] --> animation: bake-pie 1s; }<!-- [et_pb_line_break_holder] --> .slice span {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> background-color: black;<!-- [et_pb_line_break_holder] --> width: 200px;<!-- [et_pb_line_break_holder] --> height: 200px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> clip: rect(0px, 200px, 200px, 100px); }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.pie-chart__legend {<!-- [et_pb_line_break_holder] --> column-gap: 10px;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> list-style-type: none !important;<!-- [et_pb_line_break_holder] --> padding: 0;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> background: #FFF;<!-- [et_pb_line_break_holder] --> padding: 0.75em 0.75em 0.05em !important;<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> align-content: flex-start;<!-- [et_pb_line_break_holder] --> align-items: stretch;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .pie-chart__legend li {<!-- [et_pb_line_break_holder] --> column-gap: 10px;<!-- [et_pb_line_break_holder] --> height: 1.25em;<!-- [et_pb_line_break_holder] --> margin-bottom: 0.7em;<!-- [et_pb_line_break_holder] --> padding-left: 0.5em;<!-- [et_pb_line_break_holder] --> border-left: 1.25em solid black; }<!-- [et_pb_line_break_holder] --> .pie-chart__legend em {<!-- [et_pb_line_break_holder] --> font-style: normal; }<!-- [et_pb_line_break_holder] --> .pie-chart__legend span {<!-- [et_pb_line_break_holder] --> float: right;<!-- [et_pb_line_break_holder] --> padding-left: 2px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.pie-charts {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: row; }<!-- [et_pb_line_break_holder] --> @media (max-width: 500px) {<!-- [et_pb_line_break_holder] --> .pie-charts {<!-- [et_pb_line_break_holder] --> flex-direction: column; } }<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->.pie-chart_legend {<!-- [et_pb_line_break_holder] -->width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>
<script><!-- [et_pb_line_break_holder] -->function sliceSize(dataNum, dataTotal) {<!-- [et_pb_line_break_holder] --> return (dataNum / dataTotal) * 360;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function addSlice(id, sliceSize, pieElement, offset, sliceID, color) {<!-- [et_pb_line_break_holder] --> jQuery(pieElement).append("<div class='slice "+ sliceID + "'><span></span></div>");<!-- [et_pb_line_break_holder] --> var offset = offset - 1;<!-- [et_pb_line_break_holder] --> var sizeRotation = -179 + sliceSize;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> jQuery(id + " ." + sliceID).css({<!-- [et_pb_line_break_holder] --> "transform": "rotate(" + offset + "deg) translate3d(0,0,0)"<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> jQuery(id + " ." + sliceID + " span").css({<!-- [et_pb_line_break_holder] --> "transform" : "rotate(" + sizeRotation + "deg) translate3d(0,0,0)",<!-- [et_pb_line_break_holder] --> "background-color": color<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function iterateSlices(id, sliceSize, pieElement, offset, dataCount, sliceCount, color) {<!-- [et_pb_line_break_holder] --> var<!-- [et_pb_line_break_holder] --> maxSize = 179,<!-- [et_pb_line_break_holder] --> sliceID = "s" + dataCount + "-" + sliceCount;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if( sliceSize <= maxSize ) {<!-- [et_pb_line_break_holder] --> addSlice(id, sliceSize, pieElement, offset, sliceID, color);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> addSlice(id, maxSize, pieElement, offset, sliceID, color);<!-- [et_pb_line_break_holder] --> iterateSlices(id, sliceSize-maxSize, pieElement, offset+maxSize, dataCount, sliceCount+1, color);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function createPie(id) {<!-- [et_pb_line_break_holder] --> var<!-- [et_pb_line_break_holder] --> listData = [],<!-- [et_pb_line_break_holder] --> listTotal = 0,<!-- [et_pb_line_break_holder] --> offset = 0,<!-- [et_pb_line_break_holder] --> i = 0,<!-- [et_pb_line_break_holder] --> pieElement = id + " .pie-chart__pie",<!-- [et_pb_line_break_holder] --> dataElement = id + " .pie-chart__legend",<!-- [et_pb_line_break_holder] --> color = [<!-- [et_pb_line_break_holder] --> "#00783b",<!-- [et_pb_line_break_holder] --> "#1e8c4f",<!-- [et_pb_line_break_holder] --> "#3da063",<!-- [et_pb_line_break_holder] --> "#5baf77",<!-- [et_pb_line_break_holder] --> "#79c98b",<!-- [et_pb_line_break_holder] --> "#97e39f",<!-- [et_pb_line_break_holder] --> "#b5fdba",<!-- [et_pb_line_break_holder] --> "#d4ffe9",<!-- [et_pb_line_break_holder] --> "#f2fffe"<!-- [et_pb_line_break_holder] -->];<!-- [et_pb_line_break_holder] --> color = shuffle( color );<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> jQuery(dataElement+" span").each(function() {<!-- [et_pb_line_break_holder] --> var value = Number(jQuery(this).html().replace('%', '')); // Rimuove il simbolo percentuale e converte il valore in numero<!-- [et_pb_line_break_holder] --> listData.push(value);<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for(i = 0; i < listData.length; i++) {<!-- [et_pb_line_break_holder] --> listTotal += listData[i];<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> for(i=0; i < listData.length; i++) {<!-- [et_pb_line_break_holder] --> var size = sliceSize(listData[i], listTotal);<!-- [et_pb_line_break_holder] --> var percentage = listData[i] + '%' ; // Il valore percentuale viene già fornito nell'HTML<!-- [et_pb_line_break_holder] --> iterateSlices(id, size, pieElement, offset, i, 0, color[i]);<!-- [et_pb_line_break_holder] --> jQuery(dataElement + " li:nth-child(" + (i + 1) + ")").css("border-color", color[i]).append("<span>" + "</span>"); // Aggiunta del valore percentuale al legend<!-- [et_pb_line_break_holder] --> offset += size;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function shuffle(a) {<!-- [et_pb_line_break_holder] --> var j, x, i;<!-- [et_pb_line_break_holder] --> for (i = a.length; i; i--) {<!-- [et_pb_line_break_holder] --> j = Math.floor(Math.random() * i);<!-- [et_pb_line_break_holder] --> x = a[i - 1];<!-- [et_pb_line_break_holder] --> a[i - 1] = a[j];<!-- [et_pb_line_break_holder] --> a[j] = x;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> return a;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function createPieCharts() {<!-- [et_pb_line_break_holder] --> createPie('.pieID--micro-skills' );<!-- [et_pb_line_break_holder] --> createPie('.pieID--categories' );<!-- [et_pb_line_break_holder] --> createPie('.pieID--operations' );<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->createPieCharts();<!-- [et_pb_line_break_holder] --></script>
<div id="balle"><!-- [et_pb_line_break_holder] --><div class="c"><div class="ball azureball"></div><div class="testo green">Химическая продукция</div></div><!-- [et_pb_line_break_holder] --><div class="c"><div class="ball yellowball"></div><div class="testo green">Заводы в Италии</div></div><!-- [et_pb_line_break_holder] --><div class="c"><div class="ball greyball"></div><div class="testo green">Заводы за границей</div></div><!-- [et_pb_line_break_holder] --><div class="c"><div class="ball greenball"></div><div class="testo green">Итого</div></div><!-- [et_pb_line_break_holder] --></div><!-- [et_pb_line_break_holder] -->
СЕРТИФИЦИРОВАННОЕ ПРЕДПРИЯТИЕ
Организации Certiquality и IQNet являются важнейшими международными сертификационными органами, гарантирующими высокотехнологичные процессы исследований и развития для защиты окружающей среды, качества и безопасности.
СКАЧАТЬ ПРЕЗЕНТАЦИЮ
Скачай нашу презентацию и подробно убедись в инновативности наших инструментов и конкретного применения.