html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a,
div,
li,
span {
-webkit-tap-highlight-color: transparent
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block
}
a,
body,
div,
footer,
form,
header,
li,
menu,
nav,
section,
span,
ul {
position: relative;
margin: 0;
padding: 0
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.footer {
position: absolute;
bottom: 21px;
left: 40px;
right: 30px;
display: none;
z-index: 20;
transition: all .1s linear, opacity .4s;
pointer-events: none
}
.second-footer {
background: #fff;
height: 80px;
line-height: 80px;
margin-top: -80px;
position: relative;
overflow: hidden;
z-index: 10
}
.second-footer .f-social-b {
display: block!important
}
.second-footer .f-social-inner {
display: inline-block;
width: 250px
}
.second-footer .f-social-title {
font-size: 12px;
display: inline-block;
color: #000;
margin-right: 19px
}
.second-footer .f-social-title:after {
content: '—';
position: relative;
left: 13px
}
.second-footer .f-social-link {
opacity: 1
}
.second-footer .f-social-link._fb {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%233b5998%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M15.241%2C0.989H2.767a0.773%2C0.773%2C0%2C0%2C0-.773.774V14.238a0.773%2C0.773%2C0%2C0%2C0%2C.773.774H9.483V9.575H7.648V7.466H9.483V5.9A2.545%2C2.545%2C0%2C0%2C1%2C12.2%2C3.112a15.615%2C15.615%2C0%2C0%2C1%2C1.633.078V5.084h-1.12a0.874%2C0.874%2C0%2C0%2C0-1.043%2C1.031V7.466h2.089L13.49%2C9.575H11.674v5.436h3.567a0.773%2C0.773%2C0%2C0%2C0%2C.773-0.774V1.763A0.773%2C0.773%2C0%2C0%2C0%2C15.241.989Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.second-footer .f-social-link._tw {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%231da1f2%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22white_logo%22%20class%3D%22cls-1%22%20d%3D%22M17.315%2C2.892a6.455%2C6.455%2C0%2C0%2C1-1.854.508A3.237%2C3.237%2C0%2C0%2C0%2C16.88%2C1.614a6.466%2C6.466%2C0%2C0%2C1-2.05.783%2C3.231%2C3.231%2C0%2C0%2C0-5.5%2C2.944A9.165%2C9.165%2C0%2C0%2C1%2C2.676%2C1.969a3.231%2C3.231%2C0%2C0%2C0%2C1%2C4.309%2C3.215%2C3.215%2C0%2C0%2C1-1.462-.4c0%2C0.013%2C0%2C.027%2C0%2C0.041A3.23%2C3.23%2C0%2C0%2C0%2C4.8%2C9.081a3.231%2C3.231%2C0%2C0%2C1-1.458.055A3.231%2C3.231%2C0%2C0%2C0%2C6.36%2C11.378%2C6.477%2C6.477%2C0%2C0%2C1%2C2.351%2C12.76a6.655%2C6.655%2C0%2C0%2C1-.77-0.045%2C9.14%2C9.14%2C0%2C0%2C0%2C4.948%2C1.45%2C9.122%2C9.122%2C0%2C0%2C0%2C9.184-9.184q0-.21-0.009-0.418A6.561%2C6.561%2C0%2C0%2C0%2C17.315%2C2.892Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.second-footer .f-social-link._ok {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%23ed812b%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0_4%22%20data-name%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0%204%22%20class%3D%22cls-1%22%20d%3D%22M8.992%2C7.254A4.122%2C4.122%2C0%2C1%2C0%2C4.87%2C3.133%2C4.126%2C4.126%2C0%2C0%2C0%2C8.992%2C7.254Zm0-5.828A1.707%2C1.707%2C0%2C1%2C1%2C7.285%2C3.133%2C1.709%2C1.709%2C0%2C0%2C1%2C8.992%2C1.426Zm1.668%2C9.191a7.731%2C7.731%2C0%2C0%2C0%2C2.394-.991A1.208%2C1.208%2C0%2C0%2C0%2C11.767%2C7.58a5.234%2C5.234%2C0%2C0%2C1-5.55%2C0A1.208%2C1.208%2C0%2C0%2C0%2C4.93%2C9.626a7.739%2C7.739%2C0%2C0%2C0%2C2.394.991l-2.3%2C2.3A1.208%2C1.208%2C0%2C0%2C0%2C6.728%2C14.63l2.264-2.265%2C2.266%2C2.265a1.207%2C1.207%2C0%2C0%2C0%2C1.707-1.708Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.second-footer .f-social-link._vk {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%2345668e%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22Shape_F_3_copy_3%22%20data-name%3D%22Shape%20F_3%20copy%203%22%20class%3D%22cls-1%22%20d%3D%22M8.383%2C12.361h1a0.844%2C0.844%2C0%2C0%2C0%2C.454-0.2%2C0.729%2C0.729%2C0%2C0%2C0%2C.137-0.437s-0.019-1.35.6-1.547%2C1.4%2C1.291%2C2.228%2C1.862a1.508%2C1.508%2C0%2C0%2C0%2C1.107.321l2.224%2C0s1.163-.088.612-1a7.432%2C7.432%2C0%2C0%2C0-1.654-1.914c-1.395-1.294-1.208-1.085.472-3.324%2C1.023-1.364%2C1.432-2.2%2C1.3-2.553a1%2C1%2C0%2C0%2C0-.869-0.281h-2.51a0.609%2C0.609%2C0%2C0%2C0-.323.064%2C0.707%2C0.707%2C0%2C0%2C0-.221.29%2C14.187%2C14.187%2C0%2C0%2C1-.925%2C1.972C10.9%2C7.507%2C10.455%2C7.607%2C10.272%2C7.49%2C9.848%2C7.216%2C9.954%2C6.389%2C9.954%2C5.8c0-1.835.278-2.6-.542-2.8a4.29%2C4.29%2C0%2C0%2C0-1.169-.116A5.393%2C5.393%2C0%2C0%2C0%2C6.165%2C3.1c-0.285.139-.5%2C0.45-0.371%2C0.468a1.124%2C1.124%2C0%2C0%2C1%2C.739.371%2C2.417%2C2.417%2C0%2C0%2C1%2C.248%2C1.133S6.929%2C7.233%2C6.437%2C7.5c-0.337.184-.8-0.192-1.795-1.909a15.529%2C15.529%2C0%2C0%2C1-.894-1.871%2C0.743%2C0.743%2C0%2C0%2C0-.206-0.279%2C1.037%2C1.037%2C0%2C0%2C0-.385-0.155H0.778a0.81%2C0.81%2C0%2C0%2C0-.488.166%2C0.519%2C0.519%2C0%2C0%2C0-.009.424s1.863%2C4.391%2C3.972%2C6.588A5.768%2C5.768%2C0%2C0%2C0%2C8.383%2C12.361Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.second-footer .f-social-link._yt {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.971%2011.195%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ce211f%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Ey_color%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.448%2C4.983A5.612%2C5.612%2C0%2C0%2C0%2C16.1%2C3.312%2C1.9%2C1.9%2C0%2C0%2C0%2C14.921%2C2.2a4.206%2C4.206%2C0%2C0%2C0-1.264-.18C12.274%2C1.95%2C10.889%2C1.914%2C9.506%2C1.9c-1.8-.019-3.593.019-5.386%2C0.093a10.4%2C10.4%2C0%2C0%2C0-1.581.122%2C2.3%2C2.3%2C0%2C0%2C0-.819.315%2C1.723%2C1.723%2C0%2C0%2C0-.608.685A3.622%2C3.622%2C0%2C0%2C0%2C.83%2C3.9%2C10.757%2C10.757%2C0%2C0%2C0%2C.611%2C6%2C31.534%2C31.534%2C0%2C0%2C0%2C.669%2C9.965a5.363%2C5.363%2C0%2C0%2C0%2C.414%2C1.866%2C1.678%2C1.678%2C0%2C0%2C0%2C.76.8%2C3.747%2C3.747%2C0%2C0%2C0%2C1.614.353c1.706%2C0.093%2C3.416.115%2C5.126%2C0.106%2C0.683%2C0%2C1.37.006%2C2.053%2C0%2C1.164-.016%2C2.329-0.058%2C3.49-0.135a2.113%2C2.113%2C0%2C0%2C0%2C2.14-1.725%2C8.109%2C8.109%2C0%2C0%2C0%2C.208-1.568A32.03%2C32.03%2C0%2C0%2C0%2C16.448%2C4.983Zm-4.9%2C2.283C9.984%2C8.118%2C8.451%2C8.955%2C6.9%2C9.8V4.72c1.549%2C0.85%2C3.083%2C1.687%2C4.645%2C2.543l0%2C0Z%22%20transform%3D%22translate(-0.575%20-1.893)%22%2F%3E%3C%2Fsvg%3E')
}
.second-footer .f-social-link._li {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%230077b5%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.33%2C1.006h10.8a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8V13.6a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H3.33a1.8%2C1.8%2C0%2C0%2C1-1.8-1.8V2.806A1.8%2C1.8%2C0%2C0%2C1%2C3.33%2C1.006ZM3.247%2C6.031H5.658v7.254H3.247V6.031Zm1.222-3.5A1.257%2C1.257%2C0%2C1%2C0%2C4.437%2C5.04H4.452a1.257%2C1.257%2C0%2C1%2C0%2C.016-2.507h0ZM11.577%2C5.86A2.4%2C2.4%2C0%2C0%2C0%2C9.4%2C7.058V6.031H6.993c0.032%2C0.681%2C0%2C7.254%2C0%2C7.254H9.4V9.234a1.648%2C1.648%2C0%2C0%2C1%2C.08-0.589%2C1.319%2C1.319%2C0%2C0%2C1%2C1.237-.881c0.872%2C0%2C1.222.665%2C1.222%2C1.64v3.881h2.411V9.125C14.353%2C6.9%2C13.163%2C5.86%2C11.577%2C5.86Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.second-footer .f-social-link._inst {
margin-right: 0;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.8%2C1.738c1.92%2C0%2C2.147.007%2C2.9%2C0.042a3.979%2C3.979%2C0%2C0%2C1%2C1.335.248%2C2.227%2C2.227%2C0%2C0%2C1%2C.827.538%2C2.226%2C2.226%2C0%2C0%2C1%2C.538.827%2C3.975%2C3.975%2C0%2C0%2C1%2C.247%2C1.335c0.035%2C0.758.042%2C0.986%2C0.042%2C2.905s-0.007%2C2.147-.042%2C2.905a3.98%2C3.98%2C0%2C0%2C1-.247%2C1.335%2C2.38%2C2.38%2C0%2C0%2C1-1.364%2C1.364%2C3.972%2C3.972%2C0%2C0%2C1-1.335.248c-0.758.035-.985%2C0.042-2.9%2C0.042s-2.147-.007-2.905-0.042a3.971%2C3.971%2C0%2C0%2C1-1.335-.248%2C2.38%2C2.38%2C0%2C0%2C1-1.364-1.364%2C3.981%2C3.981%2C0%2C0%2C1-.248-1.335C2.91%2C9.778%2C2.9%2C9.551%2C2.9%2C7.631s0.007-2.147.042-2.905a3.975%2C3.975%2C0%2C0%2C1%2C.248-1.335A2.228%2C2.228%2C0%2C0%2C1%2C3.73%2C2.564a2.227%2C2.227%2C0%2C0%2C1%2C.827-0.538%2C3.978%2C3.978%2C0%2C0%2C1%2C1.335-.248C6.65%2C1.745%2C6.877%2C1.738%2C8.8%2C1.738m0-1.3c-1.952%2C0-2.2.008-2.964%2C0.043A5.27%2C5.27%2C0%2C0%2C0%2C4.088.82a3.524%2C3.524%2C0%2C0%2C0-1.273.829%2C3.525%2C3.525%2C0%2C0%2C0-.829%2C1.273%2C5.277%2C5.277%2C0%2C0%2C0-.334%2C1.745c-0.035.767-.043%2C1.012-0.043%2C2.964s0.008%2C2.2.043%2C2.964a5.275%2C5.275%2C0%2C0%2C0%2C.334%2C1.745%2C3.676%2C3.676%2C0%2C0%2C0%2C2.1%2C2.1%2C5.279%2C5.279%2C0%2C0%2C0%2C1.745.334C6.6%2C14.812%2C6.844%2C14.82%2C8.8%2C14.82s2.2-.008%2C2.964-0.043a5.28%2C5.28%2C0%2C0%2C0%2C1.745-.334%2C3.678%2C3.678%2C0%2C0%2C0%2C2.1-2.1%2C5.279%2C5.279%2C0%2C0%2C0%2C.334-1.745c0.035-.767.043-1.012%2C0.043-2.964s-0.008-2.2-.043-2.964a5.281%2C5.281%2C0%2C0%2C0-.334-1.745%2C3.526%2C3.526%2C0%2C0%2C0-.829-1.273A3.523%2C3.523%2C0%2C0%2C0%2C13.506.82%2C5.271%2C5.271%2C0%2C0%2C0%2C11.761.485C10.994%2C0.45%2C10.749.442%2C8.8%2C0.442h0Zm0%2C3.5a3.692%2C3.692%2C0%2C1%2C0%2C3.692%2C3.692A3.692%2C3.692%2C0%2C0%2C0%2C8.8%2C3.939Zm0%2C6.088a2.4%2C2.4%2C0%2C1%2C1%2C2.4-2.4A2.4%2C2.4%2C0%2C0%2C1%2C8.8%2C10.028Zm4.7-6.234a0.863%2C0.863%2C0%2C1%2C1-.863-0.863A0.863%2C0.863%2C0%2C0%2C1%2C13.5%2C3.794Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
}
.f-nav {
float: left;
pointer-events: auto
}
.f-nav-link {
display: inline-block;
margin-right: 15px;
font: 400 17px/16px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
letter-spacing: 1px;
text-decoration: none;
transition: all .1s linear
}
.f-nav-link:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin-top: 7px;
background-color: #fff;
opacity: 0;
transition: all .1s linear
}
.f-social-b {
float: left;
top: -5px;
/*display: none;*/
margin-left: 10px;
display: block;
transition: all .1s linear;
pointer-events: auto;
}
.f-social-inner {
display: inline-block;
vertical-align: middle;
width: 87px;
overflow: hidden;
white-space: nowrap;
transition: width .3s;
will-change: width
}
.f-social-link {
width: 21px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
text-decoration: none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 17px 16px;
opacity: .5;
transition: all .1s linear
}
.f-social-link:last-child {
margin-right: 0
}
.f-social-link._fb {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M15.241%2C0.989H2.767a0.773%2C0.773%2C0%2C0%2C0-.773.774V14.238a0.773%2C0.773%2C0%2C0%2C0%2C.773.774H9.483V9.575H7.648V7.466H9.483V5.9A2.545%2C2.545%2C0%2C0%2C1%2C12.2%2C3.112a15.528%2C15.528%2C0%2C0%2C1%2C1.633.078V5.084h-1.12a0.874%2C0.874%2C0%2C0%2C0-1.043%2C1.03V7.466h2.089L13.49%2C9.575H11.674v5.436h3.567a0.773%2C0.773%2C0%2C0%2C0%2C.773-0.774V1.763A0.773%2C0.773%2C0%2C0%2C0%2C15.241.989Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-link._tw {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22white_logo%22%20class%3D%22cls-1%22%20d%3D%22M17.315%2C2.892a6.454%2C6.454%2C0%2C0%2C1-1.854.508A3.237%2C3.237%2C0%2C0%2C0%2C16.88%2C1.615a6.464%2C6.464%2C0%2C0%2C1-2.05.783%2C3.231%2C3.231%2C0%2C0%2C0-5.5%2C2.944A9.165%2C9.165%2C0%2C0%2C1%2C2.676%2C1.969a3.231%2C3.231%2C0%2C0%2C0%2C1%2C4.31%2C3.216%2C3.216%2C0%2C0%2C1-1.462-.4c0%2C0.014%2C0%2C.027%2C0%2C0.041A3.23%2C3.23%2C0%2C0%2C0%2C4.8%2C9.081a3.234%2C3.234%2C0%2C0%2C1-1.458.055A3.231%2C3.231%2C0%2C0%2C0%2C6.36%2C11.378%2C6.478%2C6.478%2C0%2C0%2C1%2C2.351%2C12.76a6.589%2C6.589%2C0%2C0%2C1-.77-0.045%2C9.138%2C9.138%2C0%2C0%2C0%2C4.948%2C1.45%2C9.122%2C9.122%2C0%2C0%2C0%2C9.184-9.184q0-.21-0.009-0.418A6.561%2C6.561%2C0%2C0%2C0%2C17.315%2C2.892Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-link._ok {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0_4%22%20data-name%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0%204%22%20class%3D%22cls-1%22%20d%3D%22M8.992%2C8.254A4.122%2C4.122%2C0%2C1%2C0%2C4.87%2C4.133%2C4.126%2C4.126%2C0%2C0%2C0%2C8.992%2C8.254Zm0-5.828A1.706%2C1.706%2C0%2C1%2C1%2C7.285%2C4.133%2C1.709%2C1.709%2C0%2C0%2C1%2C8.992%2C2.426Zm1.668%2C9.191a7.72%2C7.72%2C0%2C0%2C0%2C2.394-.991A1.208%2C1.208%2C0%2C0%2C0%2C11.767%2C8.58a5.234%2C5.234%2C0%2C0%2C1-5.55%2C0A1.208%2C1.208%2C0%2C0%2C0%2C4.93%2C10.626a7.731%2C7.731%2C0%2C0%2C0%2C2.394.991l-2.3%2C2.3A1.208%2C1.208%2C0%2C0%2C0%2C6.728%2C15.63l2.264-2.265%2C2.266%2C2.265a1.207%2C1.207%2C0%2C0%2C0%2C1.707-1.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-link._vk {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Shape_F_3_copy_3%22%20data-name%3D%22Shape%20F_3%20copy%203%22%20class%3D%22cls-1%22%20d%3D%22M8.383%2C13.361h1a0.842%2C0.842%2C0%2C0%2C0%2C.454-0.2%2C0.729%2C0.729%2C0%2C0%2C0%2C.137-0.437s-0.019-1.35.6-1.547%2C1.4%2C1.291%2C2.228%2C1.862a1.507%2C1.507%2C0%2C0%2C0%2C1.107.321l2.224%2C0s1.163-.088.612-1a7.437%2C7.437%2C0%2C0%2C0-1.654-1.913c-1.395-1.294-1.208-1.085.472-3.324%2C1.023-1.364%2C1.432-2.2%2C1.3-2.553a1%2C1%2C0%2C0%2C0-.869-0.281h-2.51a0.605%2C0.605%2C0%2C0%2C0-.323.064%2C0.706%2C0.706%2C0%2C0%2C0-.221.289%2C14.171%2C14.171%2C0%2C0%2C1-.925%2C1.972C10.9%2C8.507%2C10.455%2C8.608%2C10.272%2C8.49%2C9.848%2C8.216%2C9.954%2C7.389%2C9.954%2C6.8c0-1.835.278-2.6-.542-2.8a4.29%2C4.29%2C0%2C0%2C0-1.169-.116A5.4%2C5.4%2C0%2C0%2C0%2C6.165%2C4.1c-0.285.14-.5%2C0.45-0.371%2C0.468a1.125%2C1.125%2C0%2C0%2C1%2C.739.372%2C2.417%2C2.417%2C0%2C0%2C1%2C.248%2C1.133S6.929%2C8.233%2C6.437%2C8.5c-0.337.184-.8-0.192-1.795-1.91a15.517%2C15.517%2C0%2C0%2C1-.894-1.871%2C0.742%2C0.742%2C0%2C0%2C0-.206-0.279%2C1.035%2C1.035%2C0%2C0%2C0-.385-0.155H0.778a0.811%2C0.811%2C0%2C0%2C0-.488.165%2C0.519%2C0.519%2C0%2C0%2C0-.009.424s1.863%2C4.392%2C3.972%2C6.588A5.768%2C5.768%2C0%2C0%2C0%2C8.383%2C13.361Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-link._yt {
background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22%D0%A1%D0%BB%D0%BE%D0%B9_1%22%20data-name%3D%22%D0%A1%D0%BB%D0%BE%D0%B9%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.971%2011.194%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eyoutube%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M16.387%2C5.492a5.615%2C5.615%2C0%2C0%2C0-.343-1.67A1.9%2C1.9%2C0%2C0%2C0%2C14.86%2C2.709%2C4.211%2C4.211%2C0%2C0%2C0%2C13.6%2C2.53c-1.383-.07-2.768-0.106-4.151-0.122-1.8-.019-3.592.019-5.386%2C0.093a10.4%2C10.4%2C0%2C0%2C0-1.581.122%2C1.893%2C1.893%2C0%2C0%2C0-1.427%2C1%2C3.62%2C3.62%2C0%2C0%2C0-.282.782%2C10.744%2C10.744%2C0%2C0%2C0-.218%2C2.1%2C31.534%2C31.534%2C0%2C0%2C0%2C.058%2C3.969%2C5.366%2C5.366%2C0%2C0%2C0%2C.414%2C1.866%2C1.679%2C1.679%2C0%2C0%2C0%2C.76.8%2C3.743%2C3.743%2C0%2C0%2C0%2C1.613.353c1.707%2C0.093%2C3.416.115%2C5.126%2C0.106%2C0.683%2C0%2C1.37.006%2C2.053%2C0%2C1.164-.016%2C2.329-0.058%2C3.49-0.135A2.113%2C2.113%2C0%2C0%2C0%2C16.2%2C11.735a8.108%2C8.108%2C0%2C0%2C0%2C.208-1.568A32.04%2C32.04%2C0%2C0%2C0%2C16.387%2C5.492Zm-4.9%2C2.283L6.838%2C10.314V5.229c1.549%2C0.85%2C3.083%2C1.686%2C4.645%2C2.542l0%2C0Z%22%20transform%3D%22translate(-0.515%20-2.403)%22%2F%3E%3C%2Fsvg%3E')
}
.f-social-link._li {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.33%2C1.006h10.8a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8V13.6a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H3.33a1.8%2C1.8%2C0%2C0%2C1-1.8-1.8V2.806A1.8%2C1.8%2C0%2C0%2C1%2C3.33%2C1.006ZM3.247%2C6.031H5.658v7.254H3.247V6.031Zm1.222-3.5A1.257%2C1.257%2C0%2C1%2C0%2C4.437%2C5.04H4.452a1.257%2C1.257%2C0%2C1%2C0%2C.016-2.507h0ZM11.577%2C5.86A2.4%2C2.4%2C0%2C0%2C0%2C9.4%2C7.058V6.031H6.993c0.032%2C0.68%2C0%2C7.254%2C0%2C7.254H9.4V9.234a1.647%2C1.647%2C0%2C0%2C1%2C.08-0.589%2C1.32%2C1.32%2C0%2C0%2C1%2C1.237-.882c0.872%2C0%2C1.222.665%2C1.222%2C1.64v3.881h2.411V9.125C14.353%2C6.9%2C13.163%2C5.86%2C11.577%2C5.86Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-link._inst {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8.8%2C2.737c1.92%2C0%2C2.147.007%2C2.9%2C0.042a3.98%2C3.98%2C0%2C0%2C1%2C1.335.247A2.381%2C2.381%2C0%2C0%2C1%2C14.4%2C4.391a3.977%2C3.977%2C0%2C0%2C1%2C.248%2C1.335c0.035%2C0.758.042%2C0.985%2C0.042%2C2.905s-0.007%2C2.147-.042%2C2.9a3.977%2C3.977%2C0%2C0%2C1-.248%2C1.335%2C2.381%2C2.381%2C0%2C0%2C1-1.364%2C1.364%2C3.98%2C3.98%2C0%2C0%2C1-1.335.248c-0.758.035-.985%2C0.042-2.9%2C0.042s-2.147-.007-2.905-0.042a3.979%2C3.979%2C0%2C0%2C1-1.335-.248%2C2.381%2C2.381%2C0%2C0%2C1-1.364-1.364%2C3.979%2C3.979%2C0%2C0%2C1-.248-1.335C2.91%2C10.778%2C2.9%2C10.551%2C2.9%2C8.631s0.007-2.147.042-2.905a3.979%2C3.979%2C0%2C0%2C1%2C.248-1.335A2.38%2C2.38%2C0%2C0%2C1%2C4.557%2C3.027a3.98%2C3.98%2C0%2C0%2C1%2C1.335-.247C6.65%2C2.745%2C6.877%2C2.737%2C8.8%2C2.737m0-1.3c-1.952%2C0-2.2.008-2.964%2C0.043a5.276%2C5.276%2C0%2C0%2C0-1.745.334%2C3.676%2C3.676%2C0%2C0%2C0-2.1%2C2.1%2C5.276%2C5.276%2C0%2C0%2C0-.334%2C1.745c-0.035.767-.043%2C1.012-0.043%2C2.964s0.008%2C2.2.043%2C2.964a5.276%2C5.276%2C0%2C0%2C0%2C.334%2C1.745%2C3.676%2C3.676%2C0%2C0%2C0%2C2.1%2C2.1%2C5.273%2C5.273%2C0%2C0%2C0%2C1.745.334C6.6%2C15.812%2C6.844%2C15.82%2C8.8%2C15.82s2.2-.008%2C2.964-0.043a5.274%2C5.274%2C0%2C0%2C0%2C1.745-.334%2C3.677%2C3.677%2C0%2C0%2C0%2C2.1-2.1%2C5.277%2C5.277%2C0%2C0%2C0%2C.334-1.745c0.035-.767.043-1.012%2C0.043-2.964s-0.008-2.2-.043-2.964a5.277%2C5.277%2C0%2C0%2C0-.334-1.745%2C3.677%2C3.677%2C0%2C0%2C0-2.1-2.1%2C5.276%2C5.276%2C0%2C0%2C0-1.745-.334C10.994%2C1.45%2C10.749%2C1.442%2C8.8%2C1.442h0Zm0%2C3.5a3.692%2C3.692%2C0%2C1%2C0%2C3.692%2C3.692A3.692%2C3.692%2C0%2C0%2C0%2C8.8%2C4.939Zm0%2C6.088a2.4%2C2.4%2C0%2C1%2C1%2C2.4-2.4A2.4%2C2.4%2C0%2C0%2C1%2C8.8%2C11.028Zm4.7-6.234a0.863%2C0.863%2C0%2C1%2C1-.863-0.863A0.863%2C0.863%2C0%2C0%2C1%2C13.5%2C4.794Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-social-more {
display: inline-block;
margin-left: 11px;
vertical-align: middle;
font: 400 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1px;
opacity: .6;
cursor: pointer;
transition: all .1s linear
}
.f-social-more:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin-top: 6px;
border-bottom: 1px dotted #fff
}
._f-soc-opened .f-social-inner {
width: 230px
}
._f-soc-opened .f-social-more {
opacity: 0;
pointer-events: none
}
.f-fullscreen {
position: relative;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f7f7fa%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M22%2C4.666L21.981%2C0.809A0.787%2C0.787%2C0%2C0%2C0%2C21.2.032L17.331%2C0.01a0.776%2C0.776%2C0%2C1%2C0%2C0%2C1.551l2%2C0.018-6.118%2C6.1a0.778%2C0.778%2C0%2C0%2C0%2C1.1%2C1.1l6.118-6.1%2C0.018%2C1.985A0.776%2C0.776%2C0%2C0%2C0%2C22%2C4.666ZM0%2C4.666L0.019%2C0.809A0.787%2C0.787%2C0%2C0%2C1%2C.8.032L4.669%2C0.01a0.776%2C0.776%2C0%2C1%2C1%2C0%2C1.551l-2%2C.018%2C6.118%2C6.1a0.778%2C0.778%2C0%2C0%2C1-1.1%2C1.1l-6.118-6.1L1.549%2C4.664A0.776%2C0.776%2C0%2C0%2C1%2C0%2C4.666ZM22%2C17.334l-0.022%2C3.858a0.787%2C0.787%2C0%2C0%2C1-.778.777l-3.873.021a0.776%2C0.776%2C0%2C1%2C1%2C0-1.551l2-.018-6.118-6.1a0.778%2C0.778%2C0%2C0%2C1%2C1.1-1.1l6.118%2C6.1%2C0.018-1.985A0.776%2C0.776%2C0%2C0%2C1%2C22%2C17.334ZM0%2C17.334l0.022%2C3.858a0.787%2C0.787%2C0%2C0%2C0%2C.778.777L4.669%2C21.99a0.776%2C0.776%2C0%2C1%2C0%2C0-1.551l-2-.018%2C6.118-6.1a0.778%2C0.778%2C0%2C0%2C0-1.1-1.1l-6.118%2C6.1L1.549%2C17.336A0.776%2C0.776%2C0%2C0%2C0%2C0%2C17.334Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
cursor: pointer;
transition: .3s opacity;
will-change: opacity;
pointer-events: auto;
float: right;
display: inline-block;
}
._fullscreen .f-fullscreen {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f7f7fa%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M8%2C18.666L7.981%2C14.809A0.787%2C0.787%2C0%2C0%2C0%2C7.2%2C14.032L3.331%2C14.01a0.776%2C0.776%2C0%2C1%2C0%2C0%2C1.551l2%2C0.018-5.118%2C5.1a0.778%2C0.778%2C0%2C0%2C0%2C1.1%2C1.1l5.118-5.1%2C0.018%2C1.985A0.776%2C0.776%2C0%2C0%2C0%2C8%2C18.666Zm5.993%2C0%2C0.022-3.858a0.787%2C0.787%2C0%2C0%2C1%2C.778-0.777l3.873-.021a0.776%2C0.776%2C0%2C1%2C1%2C0%2C1.551l-2%2C.018%2C5.118%2C5.1a0.778%2C0.778%2C0%2C0%2C1-1.1%2C1.1l-5.118-5.1-0.018%2C1.985A0.776%2C0.776%2C0%2C0%2C1%2C14%2C18.666ZM8%2C3.334L7.981%2C7.191a0.787%2C0.787%2C0%2C0%2C1-.778.777L3.331%2C7.99a0.776%2C0.776%2C0%2C1%2C1%2C0-1.551l2-.018-5.118-5.1a0.778%2C0.778%2C0%2C0%2C1%2C1.1-1.1l5.118%2C5.1L6.451%2C3.336A0.776%2C0.776%2C0%2C0%2C1%2C8%2C3.334Zm5.993%2C0%2C0.022%2C3.858a0.787%2C0.787%2C0%2C0%2C0%2C.778.777L18.669%2C7.99a0.776%2C0.776%2C0%2C1%2C0%2C0-1.551l-2-.018%2C5.118-5.1a0.778%2C0.778%2C0%2C0%2C0-1.1-1.1l-5.118%2C5.1L15.549%2C3.336A0.776%2C0.776%2C0%2C0%2C0%2C14%2C3.334Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.f-speakers {
position: absolute;
bottom: 0;
right: 0;
width: 32px;
height: 25px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Ellipse_9_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2225px%22%20viewBox%3D%220%200%2032%2025%22%20style%3D%22enable-background%3Anew%200%200%2032%2025%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_9%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M25.481%2C0.6L24.548%2C2c3.19%2C2.415%2C5.26%2C6.234%2C5.26%2C10.547c0%2C4.309-2.066%2C8.125-5.251%2C10.54l0.919%2C1.379%0A%09%09%09c3.649-2.711%2C6.024-7.04%2C6.024-11.935C31.5%2C7.639%2C29.127%2C3.311%2C25.481%2C0.6z%20M19.419%2C5.779l-0.756%2C1.134%0A%09%09%09c1.684%2C1.285%2C2.775%2C3.306%2C2.775%2C5.587s-1.091%2C4.303-2.775%2C5.587l0.756%2C1.134c2.056-1.526%2C3.394-3.964%2C3.394-6.721%0A%09%09%09S21.474%2C7.305%2C19.419%2C5.779z%20M22.235%2C3.254l-0.808%2C1.212c2.43%2C1.845%2C4.006%2C4.759%2C4.006%2C8.049c0%2C3.288-1.575%2C6.2-4.002%2C8.045%0A%09%09%09l0.808%2C1.212c2.827-2.105%2C4.667-5.462%2C4.667-9.258C26.906%2C8.718%2C25.065%2C5.359%2C22.235%2C3.254z%20M15.717%2C0.075%0A%09%09%09c-0.265-0.126-0.582-0.096-0.818%2C0.081L7.619%2C6.88H1.662c-0.428%2C0-0.774%2C0.347-0.774%2C0.775v9.685c0%2C0.428%2C0.346%2C0.775%2C0.774%2C0.775%0A%09%09%09h5.957l7.279%2C6.724c0.137%2C0.108%2C0.295%2C0.158%2C0.46%2C0.16h0.021c0.108-0.002%2C0.223-0.029%2C0.337-0.072%0A%09%09%09c0.265-0.133%2C0.435-0.406%2C0.435-0.702V0.777C16.152%2C0.474%2C15.982%2C0.208%2C15.717%2C0.075z%20M7.142%2C16.565H2.444V8.438h4.698V16.565z%0A%09%09%09%20M14.589%2C22.654l-5.884-5.697V8.039l5.884-5.697V22.654z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);
cursor: pointer;
transition: .3s opacity;
will-change: opacity;
pointer-events: auto
}
._mute .f-speakers {
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Ellipse_9_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%0A%09%20y%3D%220px%22%20width%3D%2232px%22%20height%3D%2225px%22%20viewBox%3D%220%200%2032%2025%22%20style%3D%22enable-background%3Anew%200%200%2032%2025%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22Ellipse_9%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M15.717%2C0.075c-0.265-0.126-0.582-0.096-0.818%2C0.081L7.619%2C6.88H1.662c-0.428%2C0-0.774%2C0.347-0.774%2C0.775%0A%09%09%09v9.685c0%2C0.428%2C0.346%2C0.775%2C0.774%2C0.775h5.957l7.279%2C6.724c0.14%2C0.111%2C0.302%2C0.162%2C0.472%2C0.162c0.111%2C0%2C0.229-0.03%2C0.347-0.074%0A%09%09%09c0.265-0.133%2C0.435-0.406%2C0.435-0.702V0.777C16.152%2C0.474%2C15.982%2C0.208%2C15.717%2C0.075z%20M2.444%2C8.438h4.698v8.127H2.444V8.438z%0A%09%09%09%20M14.589%2C22.654l-5.884-5.697V8.039l5.884-5.697V22.654z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A)
}
._mobile-device .f-fullscreen {
display: none
}
.no-touch .f-nav-link:hover:after {
opacity: 1
}
.no-touch .f-social-link:hover {
opacity: 1
}
.no-touch .second-footer .f-social-link:hover {
opacity: .5
}
.no-touch .f-fullscreen:hover,
.no-touch .f-speakers:hover {
opacity: .5
}
@media (max-width:640px) {
.second-footer .f-social-title {
display: none
}
}
@media (max-width:767px) {
.footer {
display: none
}
}
@media (max-width:1280px) {
.touch .f-fullscreen {
display: none
}
}
@media (min-width:768px) {
.footer {
display: block;
bottom: 17px;
left: 25px;
right: 19px
}
.f-social-b {
display: block
}
}
@media (min-width:980px) {
.footer {
display: block;
bottom: 21px;
left: 40px;
right: 30px
}
}
@media (min-width:1440px) {
.footer {
left: 59px;
right: 35px;
bottom: 31px
}
}
@media (min-width:1920px) {
.footer {
left: 55px;
right: 32px;
bottom: 34px
}
}
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80px;
z-index: 100;
pointer-events: none;
transition: opacity .4s
}
.header._second {
background: #fff;
height: 70px;
position: fixed;
transition: .4s ease-out
}
.header._second .ya-share2__container {
background: #fff;
padding: 0 20px 10px;
margin-left: -20px
}
.header._second .ya-share2__container_size_s .ya-share2__counter {
color: rgba(0, 0, 0, .6)!important
}
.header._second .h-movies-share-b {
display: none;
transition: .4s ease-out
}
.header._second .h-logo {
background-image: url("../img/svg/logos/logo_inner.svg");
width: 185px;
height: 100%;
top: 0
}
.header._second .langs-panel-link {
transition: .4s ease-out;
color: #000
}
.header._second .langs-panel-link._active {
color: rgba(0, 0, 0, .6)
}
.header._second .h-movies-link {
top: 25px
}
.header._second .h-movies-link-icon ._h-movies-icon-line {
background-color: #000
}
.header._second .h-movies-link-icon:after,
.header._second .h-movies-link-icon:before {
background-color: #000
}
.header._second .h-movies-link-text {
color: #000
}
.header._second .h-movies-share-b {
background-image: url('data:image/svg+xml,%3Csvg%20style%3D%22fill%3A%20%23000%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1203.33%2C45.834a3.839%2C3.839%2C0%2C0%2C0%2C3.02-1.47l8.62%2C4.311a3.622%2C3.622%2C0%2C0%2C0-.14.992%2C3.842%2C3.842%2C0%2C1%2C0%2C.82-2.364l-8.62-4.311a3.623%2C3.623%2C0%2C0%2C0%2C.14-0.992%2C3.857%2C3.857%2C0%2C0%2C0-.16-1.081l8.63-4.243a3.825%2C3.825%2C0%2C1%2C0-.81-2.344%2C3.86%2C3.86%2C0%2C0%2C0%2C.13.968l-8.67%2C4.263A3.833%2C3.833%2C0%2C1%2C0%2C1203.33%2C45.834Zm15.34%2C1.534a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1218.67%2C47.368Zm0-15.336a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1218.67%2C32.031ZM1203.33%2C39.7a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1203.33%2C39.7Z%22%20transform%3D%22translate(-1199.5%20-30.5)%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A')
}
.header._second .ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%233b5998%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M15.241%2C0.989H2.767a0.773%2C0.773%2C0%2C0%2C0-.773.774V14.238a0.773%2C0.773%2C0%2C0%2C0%2C.773.774H9.483V9.575H7.648V7.466H9.483V5.9A2.545%2C2.545%2C0%2C0%2C1%2C12.2%2C3.112a15.615%2C15.615%2C0%2C0%2C1%2C1.633.078V5.084h-1.12a0.874%2C0.874%2C0%2C0%2C0-1.043%2C1.031V7.466h2.089L13.49%2C9.575H11.674v5.436h3.567a0.773%2C0.773%2C0%2C0%2C0%2C.773-0.774V1.763A0.773%2C0.773%2C0%2C0%2C0%2C15.241.989Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)!important
}
.header._second .ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%2345668e%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22Shape_F_3_copy_3%22%20data-name%3D%22Shape%20F_3%20copy%203%22%20class%3D%22cls-1%22%20d%3D%22M8.383%2C12.361h1a0.844%2C0.844%2C0%2C0%2C0%2C.454-0.2%2C0.729%2C0.729%2C0%2C0%2C0%2C.137-0.437s-0.019-1.35.6-1.547%2C1.4%2C1.291%2C2.228%2C1.862a1.508%2C1.508%2C0%2C0%2C0%2C1.107.321l2.224%2C0s1.163-.088.612-1a7.432%2C7.432%2C0%2C0%2C0-1.654-1.914c-1.395-1.294-1.208-1.085.472-3.324%2C1.023-1.364%2C1.432-2.2%2C1.3-2.553a1%2C1%2C0%2C0%2C0-.869-0.281h-2.51a0.609%2C0.609%2C0%2C0%2C0-.323.064%2C0.707%2C0.707%2C0%2C0%2C0-.221.29%2C14.187%2C14.187%2C0%2C0%2C1-.925%2C1.972C10.9%2C7.507%2C10.455%2C7.607%2C10.272%2C7.49%2C9.848%2C7.216%2C9.954%2C6.389%2C9.954%2C5.8c0-1.835.278-2.6-.542-2.8a4.29%2C4.29%2C0%2C0%2C0-1.169-.116A5.393%2C5.393%2C0%2C0%2C0%2C6.165%2C3.1c-0.285.139-.5%2C0.45-0.371%2C0.468a1.124%2C1.124%2C0%2C0%2C1%2C.739.371%2C2.417%2C2.417%2C0%2C0%2C1%2C.248%2C1.133S6.929%2C7.233%2C6.437%2C7.5c-0.337.184-.8-0.192-1.795-1.909a15.529%2C15.529%2C0%2C0%2C1-.894-1.871%2C0.743%2C0.743%2C0%2C0%2C0-.206-0.279%2C1.037%2C1.037%2C0%2C0%2C0-.385-0.155H0.778a0.81%2C0.81%2C0%2C0%2C0-.488.166%2C0.519%2C0.519%2C0%2C0%2C0-.009.424s1.863%2C4.391%2C3.972%2C6.588A5.768%2C5.768%2C0%2C0%2C0%2C8.383%2C12.361Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)!important
}
.header._second .ya-share2__container_size_s .ya-share2__item_service_linkedin .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%230077b5%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.33%2C1.006h10.8a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8V13.6a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H3.33a1.8%2C1.8%2C0%2C0%2C1-1.8-1.8V2.806A1.8%2C1.8%2C0%2C0%2C1%2C3.33%2C1.006ZM3.247%2C6.031H5.658v7.254H3.247V6.031Zm1.222-3.5A1.257%2C1.257%2C0%2C1%2C0%2C4.437%2C5.04H4.452a1.257%2C1.257%2C0%2C1%2C0%2C.016-2.507h0ZM11.577%2C5.86A2.4%2C2.4%2C0%2C0%2C0%2C9.4%2C7.058V6.031H6.993c0.032%2C0.681%2C0%2C7.254%2C0%2C7.254H9.4V9.234a1.648%2C1.648%2C0%2C0%2C1%2C.08-0.589%2C1.319%2C1.319%2C0%2C0%2C1%2C1.237-.881c0.872%2C0%2C1.222.665%2C1.222%2C1.64v3.881h2.411V9.125C14.353%2C6.9%2C13.163%2C5.86%2C11.577%2C5.86Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)!important
}
.header._second .ya-share2__container_size_s .ya-share2__item_service_odnoklassniki .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%23ed812b%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0_4%22%20data-name%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0%204%22%20class%3D%22cls-1%22%20d%3D%22M8.992%2C7.254A4.122%2C4.122%2C0%2C1%2C0%2C4.87%2C3.133%2C4.126%2C4.126%2C0%2C0%2C0%2C8.992%2C7.254Zm0-5.828A1.707%2C1.707%2C0%2C1%2C1%2C7.285%2C3.133%2C1.709%2C1.709%2C0%2C0%2C1%2C8.992%2C1.426Zm1.668%2C9.191a7.731%2C7.731%2C0%2C0%2C0%2C2.394-.991A1.208%2C1.208%2C0%2C0%2C0%2C11.767%2C7.58a5.234%2C5.234%2C0%2C0%2C1-5.55%2C0A1.208%2C1.208%2C0%2C0%2C0%2C4.93%2C9.626a7.739%2C7.739%2C0%2C0%2C0%2C2.394.991l-2.3%2C2.3A1.208%2C1.208%2C0%2C0%2C0%2C6.728%2C14.63l2.264-2.265%2C2.266%2C2.265a1.207%2C1.207%2C0%2C0%2C0%2C1.707-1.708Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)!important
}
.header._second .ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill%3A%20%231da1f2%3B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22white_logo%22%20class%3D%22cls-1%22%20d%3D%22M17.315%2C2.892a6.455%2C6.455%2C0%2C0%2C1-1.854.508A3.237%2C3.237%2C0%2C0%2C0%2C16.88%2C1.614a6.466%2C6.466%2C0%2C0%2C1-2.05.783%2C3.231%2C3.231%2C0%2C0%2C0-5.5%2C2.944A9.165%2C9.165%2C0%2C0%2C1%2C2.676%2C1.969a3.231%2C3.231%2C0%2C0%2C0%2C1%2C4.309%2C3.215%2C3.215%2C0%2C0%2C1-1.462-.4c0%2C0.013%2C0%2C.027%2C0%2C0.041A3.23%2C3.23%2C0%2C0%2C0%2C4.8%2C9.081a3.231%2C3.231%2C0%2C0%2C1-1.458.055A3.231%2C3.231%2C0%2C0%2C0%2C6.36%2C11.378%2C6.477%2C6.477%2C0%2C0%2C1%2C2.351%2C12.76a6.655%2C6.655%2C0%2C0%2C1-.77-0.045%2C9.14%2C9.14%2C0%2C0%2C0%2C4.948%2C1.45%2C9.122%2C9.122%2C0%2C0%2C0%2C9.184-9.184q0-.21-0.009-0.418A6.561%2C6.561%2C0%2C0%2C0%2C17.315%2C2.892Z%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A)!important
}
.header._second .top-menu-block {
width: 200px;
display: none;
position: absolute;
left: 50%;
transform: translateX(-50%);
pointer-events: auto
}
.header._second .top-menu {
line-height: 80px;
margin-right: 40px
}
.header._second .top-menu,
.header._second .top-menu-video {
display: inline-block;
transition: .4s ease-out
}
.header._second .top-menu-video {
display: none;
margin-left: 40px;
cursor: pointer
}
.header._second .top-menu-video:before {
background: rgba(0, 0, 0, .3);
width: 1px;
height: 30px;
display: block;
content: '';
transform: translateY(20px) translateX(-40px)
}
.header._second .top-menu-video-link {
position: relative;
display: inline-block;
padding-right: 15px
}
.header._second .top-menu-video-link:before {
background: #ed1c25;
width: 30px;
height: 30px;
position: absolute;
display: block;
border-radius: 50%;
content: '';
left: 100%;
top: 50%;
margin: -15px 0 0 0
}
.header._second .top-menu-video-link:after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.656%22%20height%3D%2231.688%22%20viewBox%3D%220%200%2019.656%2031.688%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%204px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22play%22%20class%3D%22cls-1%22%20d%3D%22M714.351%2C350.847v23.306L728.823%2C362.5Z%22%20transform%3D%22translate(-712.344%20-346.656)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
position: absolute;
display: block;
content: '';
width: 30px;
height: 14px;
right: -31px;
top: -1px
}
.h-logo {
position: absolute;
top: 17px;
left: 15px;
width: 208px;
height: 82px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url('../images/01_Immagini/logo-white.png');
transition: all .1s linear;
pointer-events: auto
}
._en .h-logo {
top: 15px;
left: 15px;
width: 130px;
height: 62px;
/*top: 32px;*/
/*left: 29px;*/
/*width: 208px;*/
/*height: 82px*/
}
._en ._second .h-logo {
top: 0;
left: 15px;
width: 185px;
height: 100%;
background-image: url("../img/svg/logos/logo_eng_inner.svg")
6}
.langs-panel {
position: absolute;
top: 34px;
right: 286px;
z-index: 20;
transition: all .1s linear;
cursor: default;
pointer-events: auto
}
.langs-panel-link {
display: inline-block;
padding-left: 1px;
font: 400 13px/15px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
letter-spacing: 1.8px;
text-decoration: none;
transition: all .1s linear;
pointer-events: auto
}
.langs-panel-link:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin-top: 7px;
background-color: #fff;
opacity: 0;
transition: all .1s linear
}
.langs-panel-link._en {
margin-left: 12px
}
.langs-panel-link._active {
opacity: .6;
cursor: default;
border-color: transparent!important;
pointer-events: none
}
.h-movies-share-b {
position: absolute;
top: 30px;
right: 175px;
width: 80px;
height: 23px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 15px 0;
background-size: 23px 23px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23f7f7fa%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M1203.33%2C45.834a3.839%2C3.839%2C0%2C0%2C0%2C3.02-1.47l8.62%2C4.311a3.622%2C3.622%2C0%2C0%2C0-.14.992%2C3.842%2C3.842%2C0%2C1%2C0%2C.82-2.364l-8.62-4.311a3.623%2C3.623%2C0%2C0%2C0%2C.14-0.992%2C3.857%2C3.857%2C0%2C0%2C0-.16-1.081l8.63-4.243a3.825%2C3.825%2C0%2C1%2C0-.81-2.344%2C3.86%2C3.86%2C0%2C0%2C0%2C.13.968l-8.67%2C4.263A3.833%2C3.833%2C0%2C1%2C0%2C1203.33%2C45.834Zm15.34%2C1.534a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1218.67%2C47.368Zm0-15.336a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1218.67%2C32.031ZM1203.33%2C39.7a2.3%2C2.3%2C0%2C1%2C1-2.3%2C2.3A2.3%2C2.3%2C0%2C0%2C1%2C1203.33%2C39.7Z%22%20transform%3D%22translate(-1199.5%20-30.5)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
cursor: pointer;
transition: none;
will-change: height;
pointer-events: auto
}
.h-movies-share-b:hover {
height: 214px;
transition: height .2s linear
}
.h-movies-share-b:hover .ya-share2 {
opacity: 1
}
.header._second .h-movies-share-b:hover {
height: 214px
}
.ya-share2 {
margin-top: 50px;
margin-left: 14px;
opacity: 0;
transition: opacity .2s linear;
will-change: opacity
}
.ya-share2__list_direction_horizontal>.ya-share2__item {
display: block!important;
margin-bottom: 13px!important;
transition: opacity .1s linear
}
.ya-share2__container_size_s .ya-share2__counter {
padding: 1px 6px 0 18px!important;
font: 400 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif!important;
color: rgba(255, 255, 255, .6)!important
}
.ya-share2__container_size_s .ya-share2__counter:after {
content: '●';
position: absolute;
top: 1px;
left: 7px;
font: 400 7px/20px Arial, "Helvetica Neue", Helvetica, sans-serif!important
}
.ya-share2__container_size_s .ya-share2__counter:before {
display: none!important
}
.ya-share2__badge {
background-color: transparent!important
}
.ya-share2__container_size_s .ya-share2__icon {
width: 21px!important;
height: 21px!important;
background-color: transparent!important;
background-repeat: no-repeat!important;
background-position: 50% 50%!important;
background-size: 17px 16px!important
}
.ya-share2__container_size_s .ya-share2__item_service_facebook .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M15.241%2C0.989H2.767a0.773%2C0.773%2C0%2C0%2C0-.773.774V14.238a0.773%2C0.773%2C0%2C0%2C0%2C.773.774H9.483V9.575H7.648V7.466H9.483V5.9A2.545%2C2.545%2C0%2C0%2C1%2C12.2%2C3.112a15.528%2C15.528%2C0%2C0%2C1%2C1.633.078V5.084h-1.12a0.874%2C0.874%2C0%2C0%2C0-1.043%2C1.03V7.466h2.089L13.49%2C9.575H11.674v5.436h3.567a0.773%2C0.773%2C0%2C0%2C0%2C.773-0.774V1.763A0.773%2C0.773%2C0%2C0%2C0%2C15.241.989Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)!important
}
.ya-share2__container_size_s .ya-share2__item_service_vkontakte .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Shape_F_3_copy_3%22%20data-name%3D%22Shape%20F_3%20copy%203%22%20class%3D%22cls-1%22%20d%3D%22M8.383%2C13.361h1a0.842%2C0.842%2C0%2C0%2C0%2C.454-0.2%2C0.729%2C0.729%2C0%2C0%2C0%2C.137-0.437s-0.019-1.35.6-1.547%2C1.4%2C1.291%2C2.228%2C1.862a1.507%2C1.507%2C0%2C0%2C0%2C1.107.321l2.224%2C0s1.163-.088.612-1a7.437%2C7.437%2C0%2C0%2C0-1.654-1.913c-1.395-1.294-1.208-1.085.472-3.324%2C1.023-1.364%2C1.432-2.2%2C1.3-2.553a1%2C1%2C0%2C0%2C0-.869-0.281h-2.51a0.605%2C0.605%2C0%2C0%2C0-.323.064%2C0.706%2C0.706%2C0%2C0%2C0-.221.289%2C14.171%2C14.171%2C0%2C0%2C1-.925%2C1.972C10.9%2C8.507%2C10.455%2C8.608%2C10.272%2C8.49%2C9.848%2C8.216%2C9.954%2C7.389%2C9.954%2C6.8c0-1.835.278-2.6-.542-2.8a4.29%2C4.29%2C0%2C0%2C0-1.169-.116A5.4%2C5.4%2C0%2C0%2C0%2C6.165%2C4.1c-0.285.14-.5%2C0.45-0.371%2C0.468a1.125%2C1.125%2C0%2C0%2C1%2C.739.372%2C2.417%2C2.417%2C0%2C0%2C1%2C.248%2C1.133S6.929%2C8.233%2C6.437%2C8.5c-0.337.184-.8-0.192-1.795-1.91a15.517%2C15.517%2C0%2C0%2C1-.894-1.871%2C0.742%2C0.742%2C0%2C0%2C0-.206-0.279%2C1.035%2C1.035%2C0%2C0%2C0-.385-0.155H0.778a0.811%2C0.811%2C0%2C0%2C0-.488.165%2C0.519%2C0.519%2C0%2C0%2C0-.009.424s1.863%2C4.392%2C3.972%2C6.588A5.768%2C5.768%2C0%2C0%2C0%2C8.383%2C13.361Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)!important
}
.ya-share2__container_size_s .ya-share2__item_service_linkedin .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.33%2C1.006h10.8a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8V13.6a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H3.33a1.8%2C1.8%2C0%2C0%2C1-1.8-1.8V2.806A1.8%2C1.8%2C0%2C0%2C1%2C3.33%2C1.006ZM3.247%2C6.031H5.658v7.254H3.247V6.031Zm1.222-3.5A1.257%2C1.257%2C0%2C1%2C0%2C4.437%2C5.04H4.452a1.257%2C1.257%2C0%2C1%2C0%2C.016-2.507h0ZM11.577%2C5.86A2.4%2C2.4%2C0%2C0%2C0%2C9.4%2C7.058V6.031H6.993c0.032%2C0.68%2C0%2C7.254%2C0%2C7.254H9.4V9.234a1.647%2C1.647%2C0%2C0%2C1%2C.08-0.589%2C1.32%2C1.32%2C0%2C0%2C1%2C1.237-.882c0.872%2C0%2C1.222.665%2C1.222%2C1.64v3.881h2.411V9.125C14.353%2C6.9%2C13.163%2C5.86%2C11.577%2C5.86Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)!important
}
.ya-share2__container_size_s .ya-share2__item_service_odnoklassniki .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0_4%22%20data-name%3D%22%D0%A4%D0%B8%D0%B3%D1%83%D1%80%D0%B0%204%22%20class%3D%22cls-1%22%20d%3D%22M8.992%2C8.254A4.122%2C4.122%2C0%2C1%2C0%2C4.87%2C4.133%2C4.126%2C4.126%2C0%2C0%2C0%2C8.992%2C8.254Zm0-5.828A1.706%2C1.706%2C0%2C1%2C1%2C7.285%2C4.133%2C1.709%2C1.709%2C0%2C0%2C1%2C8.992%2C2.426Zm1.668%2C9.191a7.72%2C7.72%2C0%2C0%2C0%2C2.394-.991A1.208%2C1.208%2C0%2C0%2C0%2C11.767%2C8.58a5.234%2C5.234%2C0%2C0%2C1-5.55%2C0A1.208%2C1.208%2C0%2C0%2C0%2C4.93%2C10.626a7.731%2C7.731%2C0%2C0%2C0%2C2.394.991l-2.3%2C2.3A1.208%2C1.208%2C0%2C0%2C0%2C6.728%2C15.63l2.264-2.265%2C2.266%2C2.265a1.207%2C1.207%2C0%2C0%2C0%2C1.707-1.708Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)!important
}
.ya-share2__container_size_s .ya-share2__item_service_twitter .ya-share2__icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22white_logo%22%20class%3D%22cls-1%22%20d%3D%22M17.315%2C2.892a6.454%2C6.454%2C0%2C0%2C1-1.854.508A3.237%2C3.237%2C0%2C0%2C0%2C16.88%2C1.615a6.464%2C6.464%2C0%2C0%2C1-2.05.783%2C3.231%2C3.231%2C0%2C0%2C0-5.5%2C2.944A9.165%2C9.165%2C0%2C0%2C1%2C2.676%2C1.969a3.231%2C3.231%2C0%2C0%2C0%2C1%2C4.31%2C3.216%2C3.216%2C0%2C0%2C1-1.462-.4c0%2C0.014%2C0%2C.027%2C0%2C0.041A3.23%2C3.23%2C0%2C0%2C0%2C4.8%2C9.081a3.234%2C3.234%2C0%2C0%2C1-1.458.055A3.231%2C3.231%2C0%2C0%2C0%2C6.36%2C11.378%2C6.478%2C6.478%2C0%2C0%2C1%2C2.351%2C12.76a6.589%2C6.589%2C0%2C0%2C1-.77-0.045%2C9.138%2C9.138%2C0%2C0%2C0%2C4.948%2C1.45%2C9.122%2C9.122%2C0%2C0%2C0%2C9.184-9.184q0-.21-0.009-0.418A6.561%2C6.561%2C0%2C0%2C0%2C17.315%2C2.892Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)!important
}
.h-movies-link {
position: absolute;
top: 20px;
right: 5px;
z-index: 100;
cursor: pointer;
transition: all .1s linear;
pointer-events: auto;
padding: 20px 10px 0px 0px;
}
.h-movies-link-icon {
float: right;
width: 29px;
height: 19px;
transition: all .1s linear
}
.h-movies-link-icon ._h-movies-icon-line {
position: absolute;
top: 50%;
margin-top: -2px;
width: 100%;
height: 3px;
border-radius: 2px;
background-color: #fff
}
.h-movies-link-icon:after,
.h-movies-link-icon:before {
content: '';
position: absolute;
width: 100%;
height: 3px;
border-radius: 2px;
background-color: #fff
}
.h-movies-link-icon:before {
top: -1px
}
.h-movies-link-icon:after {
bottom: -1px
}
.h-movies-link-text {
float: right;
display: none;
font: 400 16px/21px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
top: -2px;
letter-spacing: 1px;
transition: all .1s linear
}
.h-movies-link-text:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin-top: 8px;
background-color: #fff;
opacity: 0;
transition: all .1s linear
}
.no-touch .langs-panel-link:hover:after {
opacity: 1
}
.no-touch .h-movies-link:hover .h-movies-link-text:after {
opacity: 1
}
@media (max-width:767px) {
.main-page .langs-panel {
top: 10px
}
.langs-panel {
top: 14px;
right: 61px
}
.langs-panel-link {
width: 44px;
height: 44px;
margin-left: 0;
padding: 0;
line-height: 44px;
text-align: center
}
.langs-panel-link._active {
display: none
}
.h-movies-share-b {
display: none
}
}
@media (min-width:768px) {
.header._second {
background: #fff;
height: 80px
}
.header._second .h-movies-link {
top: 32px
}
.header._second .h-logo {
width: 285px
}
.header._second .h-movies-share-b,
.header._second .langs-panel {
display: block
}
._en .h-logo {
top: 15px;
left: 20px;
width: 160px;
height: 77px;
background-image: url('../images/01_Immagini/logo-white.png')
}
._en ._second .h-logo {
left: 20px
}
.h-logo {
top: 15px;
left: 20px;
width: 312px;
height: 123px;
background-image: url("../img/svg/logos/logo_ru.svg")
}
.h-movies-link {
top: 23px;
right: 20px
}
.h-movies-link-icon {
width: 29px
}
.h-movies-link-text {
display: block;
margin-right: 15px
}
.langs-panel {
top: 24px;
right: 272px
}
.h-movies-share-b {
top: 21px;
right: 161px
}
}
@media (min-width:980px) {
._en .h-logo {
top: 15px;
left: 29px;
width: 190px;
height: 91px;
}
._en ._second .h-logo {
left: 29px
}
.h-logo {
top: 32px;
left: 29px;
width: 312px;
height: 123px
}
.langs-panel {
top: 34px;
right: 281px
}
.h-movies-share-b {
top: 30px;
right: 170px
}
.h-movies-link {
top: 34px;
right: 30px
}
.h-movies-link-text {
margin-right: 13px;
letter-spacing: 2px
}
.header._second .top-menu-block {
display: block;
width: 230px
}
.header._second .top-menu-block a {
font-size: 12px;
text-decoration: none;
color: #000
}
.header._second .top-menu li {
display: inline-block;
margin-right: 20px
}
.header._second .top-menu li:last-child {
margin-right: 0
}
}
@media (min-width:1440px) {
html._header_scroll .header._second {
height: 80px
}
html._header_scroll .header._second .top-menu {
line-height: 80px
}
html._header_scroll .header._second .langs-panel {
top: 34px
}
html._header_scroll .header._second .h-movies-share-b {
top: 30px
}
html._header_scroll .header._second .h-movies-link {
top: 32px
}
._en .h-logo {
left: 49px
}
._en ._second .h-logo {
left: 49px
}
.h-logo {
left: 49px
}
.langs-panel {
right: 286px
}
.h-movies-share-b {
right: 175px
}
.h-movies-link {
top: 33px;
right: 35px
}
.h-movies-link-text {
margin-right: 14px;
letter-spacing: 1.2px
}
.h-movies-link-icon {
width: 29px;
height: 19px
}
.header._second {
height: 100px
}
.header._second .top-menu-block {
width: 480px
}
.header._second .top-menu-video {
display: inline-block
}
.header._second .h-movies-link {
top: 40px
}
.header._second .langs-panel {
top: 43px
}
.header._second .h-movies-share-b {
top: 40px
}
.header._second .top-menu {
line-height: 100px
}
}
@media (min-width:1920px) {
.h-movies-link {
right: 35px
}
}
.global-menu {
position: fixed;
top: 0;
right: 0;
height: 100%;
background-color: #424141;
transform: translateX(100%);
transition: none;
will-change: transform;
z-index: 1010
}
._menu-open .global-menu {
transform: translateX(0);
transition: transform .2s ease-out .2s, width .1s linear
}
._menu-open body {
overflow: hidden
}
.global-menu-h {
width: 100%;
border-bottom: 1px solid #565555
}
.global-menu-link {
position: relative;
display: inline-block;
margin: 22px 18px 0 31px;
font: 700 13px/40px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .7px;
color: #fff;
text-decoration: none;
background-repeat: no-repeat
}
.global-menu-link:after {
background: #fff;
width: 100%;
height: 1px;
display: block;
position: relative;
top: -10px;
content: '';
transition: .3s;
opacity: 0
}
.global-menu-link._about {
padding-left: 37px;
background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2025%2025%22%20style%3D%22enable-background%3Anew%200%200%2025%2025%3B%20fill%3A%20%23fff%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M23.037%2C19.864h-0.691l0.003-9.976h0.456c0.558%2C0%2C1.012-0.454%2C1.012-1.012V8.298c0-0.208-0.107-0.402-0.285-0.511%0A%09L12.814%2C1.192c-0.193-0.118-0.436-0.118-0.629%2C0L1.468%2C7.787C1.291%2C7.896%2C1.183%2C8.09%2C1.183%2C8.298v0.578%0A%09c0%2C0.558%2C0.454%2C1.012%2C1.012%2C1.012h0.457l-0.003%2C9.976H1.963c-0.785%2C0-1.424%2C0.639-1.424%2C1.424v1.185%0A%09c0%2C0.785%2C0.639%2C1.424%2C1.424%2C1.424h21.073c0.785%2C0%2C1.424-0.639%2C1.424-1.424v-1.185C24.46%2C20.503%2C23.822%2C19.864%2C23.037%2C19.864z%0A%09%20M21.146%2C19.864h-4.967l0.002-9.976h4.967L21.146%2C19.864z%20M10.013%2C19.864l0.002-9.976h4.967l-0.002%2C9.976H10.013z%20M12.5%2C2.408%0A%09l10.117%2C6.226v0.055H2.382L12.5%2C2.408z%20M3.851%2C9.889h4.966l-0.002%2C9.976H3.847L3.851%2C9.889z%20M23.261%2C22.473%0A%09c0%2C0.124-0.101%2C0.225-0.225%2C0.225H1.963c-0.124%2C0-0.225-0.101-0.225-0.225v-1.185c0-0.124%2C0.101-0.225%2C0.225-0.225h21.073%0A%09c0.124%2C0%2C0.225%2C0.101%2C0.225%2C0.225V22.473z%22%2F%3E%0A%3C%2Fsvg%3E%0A');
background-size: 25px 24px;
background-position: 0 6px
}
.global-menu-link._contacts {
padding-left: 32px;
background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2025%2025%22%20style%3D%22enable-background%3Anew%200%200%2025%2025%3B%20fill%3A%20%23fff%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M12.5%2C0.785c-5.018%2C0-9.1%2C4.083-9.1%2C9.1c0%2C6.705%2C8.355%2C13.885%2C8.711%2C14.188c0.112%2C0.096%2C0.25%2C0.143%2C0.389%2C0.143%0A%09%09s0.277-0.048%2C0.39-0.144c0.355-0.303%2C8.71-7.509%2C8.71-14.187C21.6%2C4.867%2C17.518%2C0.785%2C12.5%2C0.785z%20M12.499%2C22.812%0A%09%09C10.858%2C21.317%2C4.6%2C15.261%2C4.6%2C9.885c0-4.356%2C3.544-7.9%2C7.9-7.9s7.9%2C3.544%2C7.9%2C7.9C20.4%2C15.234%2C14.14%2C21.312%2C12.499%2C22.812z%22%2F%3E%0A%09%3Cpath%20d%3D%22M12.5%2C6.67c-1.772%2C0-3.215%2C1.442-3.215%2C3.215s1.442%2C3.216%2C3.215%2C3.216s3.215-1.443%2C3.215-3.216S14.272%2C6.67%2C12.5%2C6.67z%0A%09%09%20M12.5%2C11.901c-1.111%2C0-2.016-0.904-2.016-2.016S11.389%2C7.87%2C12.5%2C7.87s2.016%2C0.904%2C2.016%2C2.015S13.611%2C11.901%2C12.5%2C11.901z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
background-size: 23px 26px;
background-position: 0 7px
}
.global-menu-close {
position: absolute;
top: 30px;
right: 38px;
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Rounded_Rectangle_1%22%20data-name%3D%22Rounded%20Rectangle%201%22%20class%3D%22cls-1%22%20d%3D%22M0.341%2C0.341a1.19%2C1.19%2C0%2C0%2C1%2C1.682%2C0L14.641%2C12.958a1.19%2C1.19%2C0%2C1%2C1-1.682%2C1.682L0.341%2C2.023A1.19%2C1.19%2C0%2C0%2C1%2C.341.341Zm0%2C12.618L12.958%2C0.341a1.19%2C1.19%2C0%2C1%2C1%2C1.682%2C1.682L2.023%2C14.641A1.19%2C1.19%2C0%2C0%2C1%2C.341%2C12.958Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
cursor: pointer;
transition: .3s
}
.global-menu-content {
width: 100%;
height: calc(100% - 81px);
cursor: pointer
}
.global-menu-item {
float: left;
width: 50%;
height: 33.333333333%;
overflow: hidden;
display: block;
box-sizing: border-box;
border-bottom: 1px solid #565555;
text-decoration: none
}
.global-menu-item:nth-child(even) {
border-right: 1px solid #565555
}
.global-menu-item-bg {
position: absolute;
top: 0;
left: 50%;
height: 100%;
max-height: 100%;
width: auto;
opacity: 0;
transform: translateX(-50%);
transition: opacity .4s;
z-index: 1;
object-fit: cover;
}
.global-menu-item-icon {
position: absolute;
top: 21px;
left: 23px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
z-index: 10
}
._network .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -6px;
background-image: url('../images/02_Icone/icona_laterale_home.png');
}
._air .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -12px;
background-image: url('../images/02_Icone/icona_laterale_trasportoaereo.png');
}
._acqua .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -8px;
background-image: url('../images/02_Icone/icona_laterale_trasportomare.png');
}
._strada .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -8px;
background-image: url('../images/02_Icone/icona_laterale_trasportostrada.png');
}
._specialproject .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -9px;
background-image: url('../images/02_Icone/icona_laterale_special.png');
}
._internazionalizzazione .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -9px;
background-image: url('../images/02_Icone/icona_laterale_internazionalizzazione.png');
}
._contatti .global-menu-item-icon {
width: 50px;
height: 50px;
margin-left: -5px;
background-image: url('../images/02_Icone/icona_laterale_contatti.png');
}
._invest .global-menu-item-icon {
width: 48px;
height: 48px;
margin-left: -7px;
background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M43.661%2C34.764L40.9%2C31.773V21.188c0-0.355-0.209-0.678-0.534-0.822c-0.321-0.143-0.702-0.085-0.968%2C0.152%0A%09%09L32.9%2C26.356v-5.168c0-0.355-0.209-0.678-0.534-0.822c-0.323-0.143-0.702-0.085-0.968%2C0.152L24.9%2C26.356v-5.169%0A%09%09c0-0.355-0.209-0.678-0.534-0.822c-0.323-0.142-0.702-0.085-0.968%2C0.152l-6.662%2C5.986L14.896%2C5.92C14.855%2C5.455%2C14.466%2C5.1%2C14%2C5.1%0A%09%09H7c-0.478%2C0-0.872%2C0.373-0.898%2C0.85l-2%2C36c-0.014%2C0.247%2C0.075%2C0.488%2C0.245%2C0.668S4.752%2C42.9%2C5%2C42.9h38c0.497%2C0%2C0.9-0.403%2C0.9-0.9%0A%09%09v-6.625C43.9%2C35.148%2C43.814%2C34.93%2C43.661%2C34.764z%20M42.099%2C41.099H5.951L7.33%2C16.275H10c0.497%2C0%2C0.9-0.403%2C0.9-0.9%0A%09%09s-0.403-0.9-0.9-0.9H7.43l0.122-2.2H10c0.497%2C0%2C0.9-0.403%2C0.9-0.9s-0.403-0.9-0.9-0.9H7.653L7.851%2C6.9h5.325l1.927%2C21.555%0A%09%09c0.03%2C0.34%2C0.25%2C0.633%2C0.567%2C0.758c0.317%2C0.125%2C0.677%2C0.059%2C0.931-0.168l6.498-5.839v5.169c0%2C0.355%2C0.209%2C0.678%2C0.534%2C0.822%0A%09%09c0.323%2C0.144%2C0.703%2C0.085%2C0.968-0.152l6.498-5.838v5.168c0%2C0.355%2C0.209%2C0.678%2C0.534%2C0.822c0.323%2C0.144%2C0.703%2C0.085%2C0.968-0.152%0A%09%09l6.498-5.838v8.918c0%2C0.227%2C0.086%2C0.444%2C0.239%2C0.61l2.761%2C2.991V41.099z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M34%2C32.474H16c-0.497%2C0-0.9%2C0.403-0.9%2C0.9s0.403%2C0.9%2C0.9%2C0.9h18c0.497%2C0%2C0.9-0.403%2C0.9-0.9%0A%09%09S34.497%2C32.474%2C34%2C32.474z%22%2F%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M34%2C36.475H16c-0.497%2C0-0.9%2C0.403-0.9%2C0.9s0.403%2C0.9%2C0.9%2C0.9h18c0.497%2C0%2C0.9-0.403%2C0.9-0.9%0A%09%09S34.497%2C36.475%2C34%2C36.475z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A')
}
._made .global-menu-item-icon {
width: 48px;
height: 48px;
margin-left: -7px;
background-image: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2048%2048%22%20style%3D%22enable-background%3Anew%200%200%2048%2048%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M46.137%2C28.074L41.562%2C23.5V12.72c0-0.254-0.108-0.497-0.297-0.667c-0.188-0.171-0.441-0.25-0.694-0.228%0A%09l-9.922%2C1.004l-7.663-6.828c-0.356-0.317-0.899-0.303-1.237%2C0.037l-7.095%2C7.135l-8.753%2C2.612c-0.389%2C0.116-0.652%2C0.479-0.643%2C0.884%0A%09l0.229%2C9.292l-3.665%2C4.17c-0.313%2C0.356-0.296%2C0.895%2C0.04%2C1.23l8.6%2C8.6c0.003%2C0.003%2C0.008%2C0.005%2C0.011%2C0.008%0A%09c0.013%2C0.013%2C0.03%2C0.02%2C0.043%2C0.032c0.069%2C0.059%2C0.145%2C0.106%2C0.227%2C0.141c0.014%2C0.006%2C0.024%2C0.019%2C0.039%2C0.024%0A%09c0.02%2C0.008%2C0.041%2C0.005%2C0.061%2C0.011c0.028%2C0.008%2C0.053%2C0.023%2C0.082%2C0.029L21.14%2C42.21c0.027%2C0.005%2C0.052-0.007%2C0.079-0.004%0A%09c0.032%2C0.003%2C0.062%2C0.021%2C0.094%2C0.021c0.073%2C0%2C0.145-0.018%2C0.217-0.036c0.017-0.004%2C0.034-0.003%2C0.051-0.008%0A%09c0.101-0.032%2C0.198-0.079%2C0.286-0.148c0.015-0.012%2C0.022-0.029%2C0.036-0.042c0.011-0.01%2C0.028-0.012%2C0.039-0.023l2.908-2.846%0A%09l3.406%2C2.889c0.164%2C0.139%2C0.371%2C0.214%2C0.582%2C0.214c0.059%2C0%2C0.117-0.006%2C0.175-0.018l10.078-2.001%0A%09c0.018-0.004%2C0.033-0.017%2C0.051-0.021c0.024-0.006%2C0.049-0.004%2C0.073-0.013c0.041-0.014%2C0.069-0.044%2C0.107-0.063%0A%09c0.052-0.027%2C0.102-0.052%2C0.148-0.088c0.053-0.042%2C0.094-0.091%2C0.135-0.142c0.024-0.029%2C0.057-0.048%2C0.077-0.081l6.584-10.615%0A%09C46.485%2C28.83%2C46.432%2C28.37%2C46.137%2C28.074z%20M39.762%2C21.731l-7.413-7.265l7.413-0.75V21.731z%20M35.06%2C28.85l-6.955%2C1.214l-3.301-6.684%0A%09l5.677-8.225l8.941%2C8.763L35.06%2C28.85z%20M24.043%2C37.395l-2.642%2C2.585l-6.642-8.474l-0.747-6.605l9.211-0.656l3.387%2C6.857%0A%09L24.043%2C37.395z%20M15.654%2C15.861l6.175%2C6.678l-7.691%2C0.547L15.654%2C15.861z%20M14.174%2C33.679l4.937%2C6.3l-6.797-1.331L14.174%2C33.679z%0A%09%20M22.425%2C7.912l6.729%2C5.995l-5.495%2C7.961l-7.282-7.875L22.425%2C7.912z%20M13.94%2C15.265l-1.703%2C8.116l-4.97%2C1.67l-0.191-7.737%0A%09L13.94%2C15.265z%20M6.914%2C27.067l5.329-1.79l0.732%2C6.47l-2.228%2C5.953l-7.015-7.015L6.914%2C27.067z%20M25.886%2C37.643l2.355-5.775%0A%09L34.93%2C30.7l2.793%2C7.945l-8.634%2C1.714L25.886%2C37.643z%20M39.142%2C37.255l-2.592-7.373l4.153-4.696l3.657%2C3.656L39.142%2C37.255z%22%2F%3E%0A%3C%2Fsvg%3E%0A')
}
.global-menu-item-text {
position: absolute;
left: 20px;
bottom: 19px;
font: 500 14px/14px Montserrat, sans-serif;
color: #fff;
letter-spacing: .7px;
z-index: 10
}
.h-movies-share-b._menu-share {
display: none
}
.f-social-inner-b._menu-social {
display: none
}
.no-touch .global-menu-item:hover .global-menu-item-bg {
opacity: .7
}
.no-touch .global-menu-link:hover:after {
opacity: 1
}
.no-touch .global-menu-close:hover {
opacity: .5
}
input[type="radio"], input[type="checkbox"] {
position: absolute;
}
@media (max-width:767px) {
.h-movies-share-b._menu-share {
float: left;
position: relative;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 100%;
height: 44px;
display: block;
box-sizing: border-box;
border-bottom: 1px solid #565555;
background: 0 0
}
.h-movies-share-b._menu-share .ya-share2 {
margin: 10px 0 0 0;
opacity: .5;
text-align: center;
transition: none;
will-change: none
}
.h-movies-share-b._menu-share .ya-share2__list_direction_horizontal>.ya-share2__item {
display: inline-block!important
}
.h-movies-share-b._menu-share .ya-share2__container_size_s .ya-share2__counter:after {
content: none
}
.h-movies-share-b._menu-share .ya-share2__container_size_s .ya-share2__item {
margin: 0 6px 3px 0
}
.h-movies-share-b._menu-share .ya-share2__container_size_s .ya-share2__counter {
position: absolute;
top: 0;
left: 20px;
padding: 1px 16px 0 8px!important
}
.h-movies-share-b._menu-share .ya-share2__list_direction_horizontal>.ya-share2__item {
margin-bottom: 0!important
}
.h-movies-share-b._menu-share .ya-share2__badge {
padding-right: 32px
}
.h-movies-share-b._menu-share .ya-share2__list {
margin-left: 22px
}
.f-social-inner-b._menu-social {
position: relative;
float: left;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 100%;
height: 87px;
display: block;
box-sizing: border-box;
text-align: center
}
.f-social-inner-b._menu-social .f-social-inner-title {
margin-top: 8px;
font: 400 12px/34px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
opacity: .5
}
.f-social-inner-b._menu-social .f-social-inner {
width: 100%;
margin-top: 7px
}
.f-social-inner-b._menu-social .f-social-link {
margin-right: 21px
}
.f-social-inner-b._menu-social .f-social-link:last-of-type {
margin-right: 0
}
._menu-open .global-menu {
transform: translateX(0);
transition: transform .3s ease-out, width .1s linear
}
.global-menu {
width: 100vw;
transition: transform .2s ease-out, width .1s linear
}
.global-menu-h {
width: 100%;
height: 62px
}
.global-menu-close {
width: 15px;
height: 15px;
top: 24px;
right: 26px
}
.global-menu-link {
margin: 11px 19px 0 29px
}
.global-menu-content {
height: calc(100% - 63px);
overflow-y: auto
}
.global-menu-item {
height: 25%;
}
.global-menu-item-text {
top: 20px;
left: 45px;
right: 18px;
}
.global-menu-item-icon {
top: 20px;
left: 23px;
width: 15px !important;
height: 15px !important;
margin-left: -5px !important;
}
}
@media (max-width:480px) {
.global-menu-link {
margin: 11px 17px 0 29px
}
}
@media (min-width:768px) {
._menu-open .global-menu {
transform: translateX(0);
transition: transform .3s ease-out, width .1s linear
}
.global-menu {
width: 100vw;
transition: transform .2s ease-out, width .1s linear
}
.global-menu-h {
width: 100%;
height: 72px
}
.global-menu-close {
width: 15px;
height: 15px;
top: 29px;
right: 33px
}
.global-menu-link {
margin: 17px 19px 0 29px
}
.global-menu-content {
height: calc(100% - 73px)
}
.global-menu-item {
height: 25%;
}
.global-menu-item-text {
top: 50%;
bottom: auto;
left: 88px;
transform: translateY(-50%)
}
.global-menu-item-icon {
top: 50%;
left: 21px;
transform: translateY(-50%)
}
}
@media (min-width:980px) {
._menu-open .global-menu {
transform: translateX(0);
transition: transform .2s ease-out .2s, width .1s linear
}
.global-menu {
width: 490px;
transition: width .1s linear
}
.global-menu-h {
width: 100%;
height: 81px;
box-sizing: border-box
}
.global-menu-close {
width: 23px;
height: 23px;
top: 30px;
right: 38px
}
.global-menu-link {
margin: 22px 18px 0 31px
}
.global-menu-content {
height: calc(100% - 81px)
}
.global-menu-item-text {
top: auto;
left: 20px;
bottom: 19px;
width: 150px;
transform: none
}
.global-menu-item-icon {
top: 21px;
left: 23px;
transform: none
}
}
@media (max-width:980px) and (min-width:768px) {
.global-menu-item-icon {
margin-left: 0!important
}
}
@media (max-width:540px) {
.global-menu-item-text {
font-size: 12px
}
}
@media (min-width:1440px) {
.global-menu {
width: 600px
}
}
@media (min-width:1920px) {
.global-menu {
width: 840px
}
.global-menu-item-text {
left: 30px;
bottom: 29px
}
}
.inner-video {
position: relative;
width: 100%!important;
height: 100%!important;
opacity: 0;
z-index: 5;
transform: translateZ(0);
transition: -webkit-filter .8s cubic-bezier(.165, .84, .44, 1);
transition: filter .8s cubic-bezier(.165, .84, .44, 1);
transition: filter .8s cubic-bezier(.165, .84, .44, 1), -webkit-filter .8s cubic-bezier(.165, .84, .44, 1)
}
.__video-visible .inner-video,
._video-visible .inner-video {
opacity: 1
}
.video-loader-title {
position: absolute;
left: 60px;
right: 60px;
top: 188px;
font: 700 26px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 3.5px;
text-transform: uppercase;
text-align: center;
transition: all .1s linear;
z-index: 10
}
.video-loader-title-mobile {
position: absolute;
top: 1px;
left: 0;
font: 700 11px/14px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.2px;
text-transform: uppercase;
z-index: 10
}
._video-hover:not(._mobile-device) .inner-video {
-webkit-filter: blur(5px);
filter: blur(5px)
}
._mobile-device .video-loader-wrap {
transform: translateZ(0) scale(1)!important
}
.jw-preview,
.jwplayer {
background-color: transparent!important
}
.video-buffer-icon {
position: absolute;
top: 9px;
bottom: 0;
left: 0;
right: 0;
width: 79px;
height: 79px;
margin: auto;
z-index: 10;
opacity: 0;
pointer-events: none;
overflow: hidden;
transform: translateZ(0)
}
.video-buffer-icon:after {
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background-color: transparent;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url('data:image/svg+xml,%3C!--%20By%20Sam%20Herbert%20(%40sherb)%2C%20for%20everyone.%20More%20%40%20http%3A%2F%2Fgoo.gl%2F7AJzbL%20--%3E%0A%3Csvg%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23fff%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(1%201)%22%20stroke-width%3D%221.5%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20stroke-opacity%3D%22.5%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M36%2018c0-9.94-8.06-18-18-18%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--%3CanimateTransform--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--attributeName%3D%22transform%22--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--type%3D%22rotate%22--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--from%3D%220%2018%2018%22--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--to%3D%22360%2018%2018%22--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--dur%3D%221s%22--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C!--repeatCount%3D%22indefinite%22%2F%3E--%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
z-index: 10;
animation: spin 1s infinite linear;
transform-origin: 50% 50%;
overflow: hidden
}
@keyframes spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
._video-buffering .video-buffer-icon {
opacity: 1;
transition: opacity .2s
}
.jw-display-icon-container {
display: none!important
}
.video-loader-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 642px;
height: 642px;
z-index: 50;
opacity: 0;
transform: translateZ(0) scale(.25);
transition: opacity .3s, transform .4s;
pointer-events: none
}
.video-loader-wrap-mobile {
position: absolute;
bottom: 27px;
left: 54px;
right: 45px;
height: 50px;
display: none;
z-index: 1000;
cursor: pointer
}
.video-loader-wrap-small {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 168px;
height: 168px;
z-index: 55;
opacity: 0;
transform: translateZ(0);
transition: opacity .4s;
pointer-events: none
}
.video-loader-circle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 642px;
height: 642px;
margin: auto;
z-index: 1;
transform: translateZ(0)
}
.video-loader-circle-small {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 168px;
height: 168px;
margin: auto;
z-index: 1;
transform: translateZ(0)
}
.video-buffer,
.video-playback,
.video-playhead {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 614px;
height: 614px;
margin: auto;
z-index: 2
}
.video-buffer {
z-index: 1
}
.video-buffer-small,
.video-playback-small {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 156px;
height: 156px;
margin: auto;
z-index: 2
}
.video-playhead-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 58%;
height: 58%;
margin: auto;
z-index: 4;
transform-origin: 50% 50%;
transform: rotate(0)
}
.video-playhead-cover._cover-1 {
transform: rotate(10deg)
}
.video-playhead-cover._cover-2 {
transform: rotate(20deg)
}
.video-playhead-cover._cover-3 {
transform: rotate(30deg)
}
.video-playhead-cover._cover-4 {
transform: rotate(40deg)
}
.video-playhead-cover._cover-5 {
transform: rotate(50deg)
}
.video-playhead-cover._cover-6 {
transform: rotate(60deg)
}
.video-playhead-cover._cover-7 {
transform: rotate(70deg)
}
.video-playhead-cover._cover-8 {
transform: rotate(80deg)
}
.video-playhead-cover._cover-9 {
transform: rotate(90deg)
}
.video-playhead {
transform: rotate(0);
z-index: 3
}
.video-playhead-handler {
position: absolute;
top: 0;
left: 50%;
margin-top: -4px;
margin-left: -7px;
width: 15px;
height: 15px;
background-color: #ed1c25;
border-radius: 50%;
cursor: pointer
}
.video-playhead-time {
position: absolute;
top: 0;
left: 50%;
display: inline-block;
margin-top: -23px;
margin-left: -8px;
font: 400 15px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.4px;
transform-origin: 0 0;
transform: rotate(-90deg);
pointer-events: none
}
.video-time {
position: absolute;
left: 0;
right: 0;
bottom: 230px;
width: 110px;
margin: auto;
font: 400 20px/28px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1px;
text-align: center;
z-index: 10;
cursor: default
}
.video-play-pause,
.video-play-pause-mobile {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 60px;
height: 60px;
margin: auto auto auto -28px;
background-repeat: no-repeat;
background-position: 48% 50%;
background-size: 18px 25px;
background-image: url('../images/02_Icone/link_paginainterna.png');
z-index: 20;
cursor: pointer;
pointer-events: none;
transform: translateZ(0)
}
._icon-blocked .video-play-pause {
background-position: 50% 50%;
background-size: 20px 32px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.656%22%20height%3D%2231.688%22%20viewBox%3D%220%200%2019.656%2031.688%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%204px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22play%22%20class%3D%22cls-1%22%20d%3D%22M714.351%2C350.847v23.306L728.823%2C362.5Z%22%20transform%3D%22translate(-712.344%20-346.656)%22%2F%3E%0A%3C%2Fsvg%3E%0A')!important
}
._paused .video-play-pause,
._paused .video-play-pause-mobile {
background-position: 50% 50%;
background-size: 45px 45px;
background-image: url('../images/02_Icone/link_paginainterna.png');
}
.video-play-pause-mobile {
margin: auto auto auto -29px;
background-size: 13px 21px;
display: none
}
.video-canvas {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
display: none;
transform-origin: 50% 50%
}
.video-canvas-small {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transform-origin: 50% 50%
}
.video-total-mobile {
position: absolute;
top: 24px;
width: 100%;
height: 3px;
background-color: rgba(0, 106, 151, .2);
z-index: 1
}
.video-buffer-mobile {
position: absolute;
top: 24px;
width: 0;
height: 3px;
background-color: #fff;
z-index: 2
}
.video-playback-mobile {
position: absolute;
top: 24px;
width: 0;
height: 3px;
background-color: #ed1c25;
z-index: 3
}
.video-playback-mobile .video-playhead-handler {
top: -3px;
right: -3px;
left: auto;
width: 9px;
height: 9px;
margin: 0;
z-index: 50;
pointer-events: none
}
@media (min-width:768px) {
.video-loader-circle,
.video-loader-wrap {
width: 380px;
height: 380px
}
.video-buffer,
.video-playback,
.video-playhead {
width: 364px;
height: 364px
}
.video-canvas._768 {
display: block
}
.video-canvas._980 {
display: none
}
.video-canvas._1440 {
display: none
}
.video-canvas._1920 {
display: none
}
.video-loader-title {
top: 106px;
font: 700 24px/22px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.video-time {
bottom: 90px
}
.video-loader-wrap-small {
display: none
}
.video-buffer-icon {
top: 0;
width: 89px;
height: 89px
}
}
@media (min-width:980px) {
.video-loader-circle,
.video-loader-wrap {
width: 566px;
height: 566px
}
.video-buffer,
.video-playback,
.video-playhead {
width: 542px;
height: 542px
}
.video-canvas._768 {
display: none
}
.video-canvas._980 {
display: block
}
.video-canvas._1440 {
display: none
}
.video-canvas._1920 {
display: none
}
.video-loader-title {
top: 152px;
font: 700 26px/30px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.video-time {
bottom: 186px
}
.video-loader-wrap-small {
display: block
}
}
@media (min-width:1440px) {
.video-loader-circle,
.video-loader-wrap {
width: 642px;
height: 642px
}
.video-buffer,
.video-playback,
.video-playhead {
width: 614px;
height: 614px
}
.video-canvas._768 {
display: none
}
.video-canvas._980 {
display: none
}
.video-canvas._1440 {
display: block
}
.video-canvas._1920 {
display: none
}
.video-loader-title {
top: 188px
}
.video-time {
bottom: 230px
}
}
@media (min-width:1920px) {
.video-loader-circle,
.video-loader-wrap {
width: 786px;
height: 786px
}
.video-buffer,
.video-playback,
.video-playhead {
width: 752px;
height: 752px
}
.video-canvas._768 {
display: none
}
.video-canvas._980 {
display: none
}
.video-canvas._1440 {
display: none
}
.video-canvas._1920 {
display: block
}
.video-loader-title {
top: 242px;
font: 700 36px/44px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 4.3px
}
.video-time {
bottom: 298px
}
}
html {
position: static;
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 62.5%;
background-color: rgba(205, 198, 193, .15);
-webkit-overflow-scrolling: auto
}
html:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 9999;
background-color: #3d3d3d;
opacity: 0;
pointer-events: none;
transition: opacity .3s
}
html._body-hidden:after {
z-index: 9999;
opacity: 1;
pointer-events: auto;
transition: none
}
html * {
max-height: 1000000px
}
/*html .header-iphone,*/
/*html .mp-nav-slider-iphone {*/
/*display: none*/
/*}*/
/*html._iphone {*/
/*height: auto!important;*/
/*overflow: auto!important*/
/*}*/
/*html._iphone body {*/
/*height: auto!important;*/
/*overflow: auto!important*/
/*}*/
/*html._iphone .vertical-splash {*/
/*z-index: 9999;*/
/*display: none;*/
/*}*/
/*html._iphone .shift-wrap {*/
/*overflow: auto!important*/
/*}*/
/*html._iphone .header-iphone {*/
/*position: fixed!important;*/
/*display: block;*/
/*width: 100%;*/
/*z-index: 9990*/
/*}*/
/*html._iphone .header {*/
/*display: none*/
/*}*/
/*html._iphone .mp-nav-slider-iphone {*/
/*position: fixed!important;*/
/*top: 59vh;*/
/*left: 15px;*/
/*width: 40px;*/
/*height: 192px;*/
/*display: block;*/
/*transform: translateY(-50%);*/
/*z-index: 9990*/
/*}*/
/*html._iphone .mp-nav-slider {*/
/*display: none*/
/*}*/
/*html._iphone .mp-screens-cont,*/
/*html._iphone .mp-screens-slider {*/
/*position: relative!important;*/
/*top: auto!important;*/
/*left: auto!important;*/
/*height: auto!important;*/
/*overflow: auto!important*/
/*}*/
/*html._iphone .mp-screens-item {*/
/*display: block;*/
/*height: 100vh*/
/*}*/
/*html._iphone .mp-nav-item {*/
/*transition: none*/
/*}*/
/*html._iphone .global-menu {*/
/*position: relative;*/
/*top: auto;*/
/*right: auto;*/
/*display: none;*/
/*transform: none;*/
/*z-index: 9990*/
/*}*/
/*html._iphone .info-page {*/
/*display: none;*/
/*transform: none;*/
/*z-index: 9990*/
/*}*/
/*html._iphone .info-page .ip-close-btn {*/
/*display: none*/
/*}*/
/*html._iphone .ip-close-btn-iphone {*/
/*position: fixed;*/
/*top: 50vh;*/
/*width: 82px;*/
/*height: 82px;*/
/*overflow: hidden;*/
/*display: none;*/
/*box-sizing: border-box;*/
/*border-radius: 50%;*/
/*background-color: #fff;*/
/*transform: translateX(-56%) translateY(-50%);*/
/*z-index: 9999*/
/*}*/
/*html._iphone._menu-open .header-iphone,*/
/*html._iphone._menu-open .mp-nav-slider-iphone,*/
/*html._iphone._menu-open .shift-wrap {*/
/*display: none*/
/*}*/
/*html._iphone._menu-open .global-menu {*/
/*display: block*/
/*}*/
/*html._iphone._menu-open .global-menu-content {*/
/*height: auto!important;*/
/*overflow: auto!important*/
/*}*/
/*html._iphone._info-page-open .header-iphone,*/
/*html._iphone._info-page-open .mp-nav-slider-iphone,*/
/*html._iphone._info-page-open .shift-wrap {*/
/*display: none*/
/*}*/
/*html._iphone._info-page-open .info-page {*/
/*position: relative;*/
/*top: auto;*/
/*right: auto;*/
/*display: block*/
/*}*/
/*html._iphone._info-page-open .ip-close-btn-iphone {*/
/*display: block*/
/*}*/
/*html._iphone._video-popup .header-iphone,*/
/*html._iphone._video-popup .mp-nav-slider-iphone {*/
/*display: none*/
/*}*/
/*html._iphone._nav-blocked:not(._info-page-open) {*/
/*overflow: hidden!important*/
/*}*/
/*html._iphone._nav-blocked:not(._info-page-open) .header-iphone {*/
/*display: block*/
/*}*/
/*html._iphone._nav-blocked._info-page-open,*/
/*html._iphone._nav-blocked._menu-open {*/
/*overflow: auto!important*/
/*}*/
/*html._iphone._nav-blocked._info-page-open .header-iphone,*/
/*html._iphone._nav-blocked._menu-open .header-iphone {*/
/*display: none*/
/*}*/
/*html._iphone._nav-blocked .header-iphone,*/
/*html._iphone._nav-blocked .mp-nav-slider-iphone {*/
/*display: none*/
/*}*/
/*html._iphone .inner-video {*/
/*opacity: 1!important;*/
/*z-index: 1*/
/*}*/
/*html._iphone .iphone-video-cover {*/
/*position: absolute;*/
/*width: 100%;*/
/*height: 100%;*/
/*top: 0;*/
/*right: 0;*/
/*background-color: #cdc6c1;*/
/*display: block;*/
/*z-index: 2*/
/*}*/
/*html._iphone .mp-screens-bg {*/
/*z-index: 3*/
/*}*/
/*html._iphone .mp-loader-wrap {*/
/*z-index: 4*/
/*}*/
/*html._iphone .video-play-pause-mobile {*/
/*background-size: 14px 20px!important;*/
/*background-position: 50% 50%!important;*/
/*background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.656%22%20height%3D%2231.688%22%20viewBox%3D%220%200%2019.656%2031.688%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%204px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22play%22%20class%3D%22cls-1%22%20d%3D%22M714.351%2C350.847v23.306L728.823%2C362.5Z%22%20transform%3D%22translate(-712.344%20-346.656)%22%2F%3E%0A%3C%2Fsvg%3E%0A')!important*/
/*}*/
/*html._iphone .video-loader-wrap-mobile {*/
/*display: none*/
/*}*/
/*html._iphone._video-opened-global-popup .screen-play-btn-mobile {*/
/*background-color: #ed1c25!important;*/
/*border: 1px solid #ed1c25!important;*/
/*box-shadow: 10px 10px 24px 0 rgba(255, 0, 85, .5)!important;*/
/*width: 60px;*/
/*height: 60px;*/
/*transform: translateY(-50%)*/
/*}*/
/*html._iphone._video-opened-global-popup .video-buffer-icon {*/
/*top: 0*/
/*}*/
/*.iphone-video-cover {*/
/*display: none*/
/*}*/
body {
position: relative;
width: 100%;
height: 100%;
overflow-x: hidden;
display: block;
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
line-height: 1;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: auto
}
.app-container {
position: relative;
min-width: 320px;
margin: 0 0 80px 0;
padding: 0;
box-sizing: border-box;
background-color: transparent;
z-index: 10;
-webkit-overflow-scrolling: auto;
pointer-events: auto;
perspective: 1700px;
min-height: calc(100% - 80px);
height: auto!important;
height: 100%
}
.content {
padding-top: 115px
}
.content a {
color: #ed1c25;
text-decoration: none;
border-bottom: 1px solid #ed1c25;
transition: .3s
}
.content .text-block {
padding: 0 20px
}
.content .paddings-top {
margin-top: 40px
}
.content .paddings-bottom {
margin-bottom: 40px
}
.content .paddings {
margin: 40px 0
}
.shift-wrap {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
box-sizing: border-box;
transform: translate3d(0, 0, 0);
transform-origin: 0 50% 0;
transition: transform .4s;
will-change: transform;
z-index: 1
}
.shift-wrap-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
z-index: -1
}
._shifted .shift-wrap,
._shifted .shift-wrap * {
pointer-events: none!important
}
._shifted .shift-wrap {
z-index: -1
}
._shifted .shift-wrap-cover {
z-index: 1000
}
.p,
p {
position: relative;
display: block;
margin: 0;
padding: 0;
font: 400 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px;
text-align: left;
z-index: 10;
transition: font .1s linear
}
.h1,
h1 {
position: relative;
display: block;
margin: 0 0 37px 0;
padding: 0;
font: 400 24px/36px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
z-index: 10;
transition: font .1s linear
}
.h2,
h2 {
position: relative;
display: block;
margin: 0 0 18px 0;
padding: 0;
font: 400 24px/32px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: 1px;
text-align: left;
z-index: 10;
transition: font .1s linear
}
.h3,
h3 {
position: relative;
display: block;
left: 3px;
margin: 0 0 15px 0;
padding: 0;
font: 600 18px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: 1px;
text-align: left;
z-index: 10
}
.h4,
h4 {
font: 600 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px
}
._f_red {
color: #ed1c25
}
.middle {
text-align: center
}
.left {
float: left
}
.right {
float: right
}
.clear:after {
content: '';
display: block;
height: 0;
clear: both
}
.clear-2 {
clear: both
}
._bold {
font-weight: 700
}
._italic {
font-style: italic
}
._hidden {
display: none
}
._hidden-2 {
display: none!important
}
._hidden-3 {
opacity: 0!important
}
._invisible {
visibility: hidden
}
.mt-8 {
margin-top: 8px
}
.mt-40 {
margin-top: 40px
}
.mt-43 {
margin-top: 43px
}
.mt-51 {
margin-top: 51px
}
.mb-5 {
margin-bottom: 5px
}
.mb-15 {
margin-bottom: 15px
}
.mb-24 {
margin-bottom: 24px
}
.l_-10 {
position: relative;
left: -10px
}
.l_-17 {
position: relative;
left: -17px
}
.no-touch .content a:hover {
border-bottom-color: transparent
}
@media (min-width:768px) {
.content {
padding-top: 140px
}
.content .text-block {
padding: 0 30px
}
p {
margin: 0 0 30px 0
}
.h1,
h1 {
font-size: 30px;
line-height: 54px;
letter-spacing: 3px;
margin-bottom: 32px
}
.h2,
h2 {
font-size: 30px;
line-height: 34px;
margin-bottom: 35px
}
.h3,
h3 {
font-size: 24px;
line-height: 30px;
letter-spacing: -.3px;
margin-bottom: 32px
}
.h4,
h4 {
letter-spacing: .8px
}
}
@media (min-width:980px) {
._shifted .shift-wrap {
transform: translateX(-4.6%) translateZ(0) rotateY(63deg) scaleX(.94) scaleY(.75)
}
._info-page-open._shifted .shift-wrap {
transform: none
}
.p,
p {
font: 400 18px/34px Arial, "Helvetica Neue", Helvetica, sans-serif
}
}
@media (min-width:991px) {
._shifted .shift-wrap {
transform: translateX(-3.5%) translateZ(0) rotateY(47deg) scaleX(.615) scaleY(.75)!important
}
}
@media (min-width:1440px) {
.h1,
h1 {
font-size: 36px;
line-height: 54px
}
.h2,
h2 {
font-size: 36px;
line-height: 34px
}
.h3,
h3 {
font-size: 28px;
line-height: 34px
}
.h4,
.p,
h4,
p {
font-size: 18px;
line-height: 34px
}
}
@media (min-width:1920px) {
._shifted .shift-wrap {
transform: translateX(-3%) translateZ(0) rotateY(37deg) scaleX(.555) scaleY(.8)!important
}
}
.js-test {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30vh;
font: 400 16px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
background-color: #fff;
z-index: 9999
}
.old-browser-b {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
background: #3d476f;
background: -moz-radial-gradient(center, ellipse cover, #3d476f 0, #373348 100%);
background: -webkit-radial-gradient(center, ellipse cover, #3d476f 0, #373348 100%);
background: radial-gradient(ellipse at center, #3d476f 0, #373348 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3d476f', endColorstr='#373348', GradientType=1);
display: none;
z-index: -1
}
.old-browser-b .langs-panel {
top: 2px;
right: 20px
}
._old-browser .old-browser-b {
display: block!important;
z-index: 10000
}
._old-browser .header {
display: block!important;
z-index: 10001
}
.old-browser-title {
position: absolute;
left: 30px;
right: 30px;
bottom: 49%;
font: 700 20px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
letter-spacing: 3px;
text-align: center;
text-transform: uppercase
}
.old-browser-subtitle {
position: absolute;
left: 30px;
right: 30px;
top: 52%;
font: 400 14px/16px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #fff;
letter-spacing: .7px;
text-align: center
}
.old-browser-info {
position: absolute;
left: 30px;
right: 30px;
bottom: 35px;
font: 400 14px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #8b90a6;
letter-spacing: .3px;
text-align: center
}
.old-browser-info span {
color: #fff
}
@media (min-width:768px) {
.old-browser-title {
font: 700 28px/50px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 4px
}
.old-browser-subtitle {
font: 400 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1px
}
.old-browser-b .langs-panel {
top: 24px;
right: 35px
}
}
@media (min-width:980px) {
.old-browser-title {
font: 700 36px/50px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 5px
}
.old-browser-subtitle {
font: 400 19px/30px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.old-browser-b .langs-panel {
top: 34px;
right: 40px
}
}
@media (min-width:1440px) {
.old-browser-title {
font: 700 42px/50px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 6px
}
.old-browser-subtitle {
font: 400 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.old-browser-b .langs-panel {
right: 50px
}
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: inline-block;
vertical-align: middle;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
position: relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
font-family: "Helvetica Neue", sans-serif;
line-height: 1.1em
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center
}
.about-page .map-point-content .map-point-title {
font-size: 15px;
line-height: 22px;
font-weight: 600;
margin-bottom: 10px
}
.about-page .map-point-content .map-point-text {
font-size: 15px;
line-height: 24px
}
.about-page ._only_desktop,
.about-page ._only_tablet {
display: none!important
}
.about-page ._only_phone {
display: block!important
}
.about-page .content {
color: #000
}
.about-page .about-table {
margin-bottom: 45px
}
.about-page .about-table._first {
margin-bottom: 0
}
.about-page .about-table .about-td._text_content {
padding: 35px 20px 40px 20px
}
.about-page .about-table .about-td._img_content {
background-position: -1000% 0;
background-repeat: no-repeat;
background-size: cover
}
.about-page .about-table .about-td._img_content img {
position: relative
}
.about-page .about-table .about-td p {
font-size: 16px;
line-height: 30px;
margin-bottom: 30px
}
.about-page .text-paddings {
margin: 0 20px;
box-sizing: border-box
}
.about-page .h-title {
font-size: 22px;
line-height: 36px;
letter-spacing: .6px
}
.about-page .h-title:before {
background: #ed1c25;
width: 40px;
height: 2px;
display: block;
content: '';
margin-bottom: 27px
}
.about-page .map-container {
display: none
}
.about-page .map-container .map-wrapper {
height: 100%;
position: absolute!important;
top: 0;
left: 0;
min-height: 100%;
display: table-cell;
width: 100%
}
.about-page .about-video-wrapper {
margin-bottom: 40px;
position: relative;
display: none
}
.about-page .about-video-wrapper .about-video-preview {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
height: 180px;
max-width: 300px;
margin: 0 auto;
cursor: pointer;
position: relative
}
.about-page .about-video-wrapper .about-video-preview:after {
background: #000;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
transition: .1s opacity;
content: '';
opacity: 0
}
.about-page .about-video-wrapper .about-video-preview .about-play-button {
width: 100px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
z-index: 2
}
.about-page .about-video-wrapper .about-video-preview .about-play-button:after,
.about-page .about-video-wrapper .about-video-preview .about-play-button:before {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: opacity .1s;
content: '';
display: block
}
.about-page .about-video-wrapper .about-video-preview .about-play-button:before {
background-color: #ed1c25;
width: 100%;
height: 100%;
border-radius: 50%;
box-shadow: 10px 10px 24px 0 rgba(255, 0, 85, .5)
}
.about-page .about-video-wrapper .about-video-preview .about-play-button:after {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.656%22%20height%3D%2231.688%22%20viewBox%3D%220%200%2019.656%2031.688%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20none%3B%0A%20%20%20%20%20%20%20%20stroke%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20stroke-linecap%3A%20round%3B%0A%20%20%20%20%20%20%20%20stroke-width%3A%204px%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22play%22%20class%3D%22cls-1%22%20d%3D%22M714.351%2C350.847v23.306L728.823%2C362.5Z%22%20transform%3D%22translate(-712.344%20-346.656)%22%2F%3E%0A%3C%2Fsvg%3E%0A');
width: 60px;
height: 60px;
background-repeat: no-repeat;
background-position: 60% 50%
}
.about-page .about-h {
font-size: 36px;
margin-bottom: 12px
}
.about-page .about-title {
font-size: 18px;
line-height: 27px;
letter-spacing: .4px;
margin-bottom: 15px
}
.about-page .about-mini-h {
font-size: 16px;
line-height: 24px;
margin-bottom: 15px;
margin-top: 30px
}
.about-page .about-title-title {
font-size: 30px
}
.about-page .about-title-title .about-sub-title {
font-size: 18px
}
.about-page .border-text {
font-size: 24px;
line-height: 36px;
letter-spacing: .6px;
border-top: 1px solid #c6c6c5;
border-bottom: 1px solid #c6c6c5;
margin-bottom: 55px;
padding: 30px 0
}
.about-page .map-legend-block {
margin-top: 50px;
margin-bottom: 50px
}
.about-page .map-legend-block .map-legend-item {
margin-bottom: 60px
}
.about-page .map-legend-block .map-legend-item p {
font-size: 14px;
letter-spacing: .2px;
line-height: 24px
}
.about-page .map-legend-block .map-legend-item .map-legend-title {
font-size: 22px;
line-height: 22px;
letter-spacing: .5px;
margin-bottom: 25px;
color: #ed1c25
}
.about-page .map-legend-block .map-legend-item ul {
margin-top: 12px;
margin-bottom: 15px
}
.about-page .map-legend-block .map-legend-item ul li {
display: inline-block;
clear: both;
float: left;
color: #ed1c25;
font-size: 14px;
line-height: 18px;
margin-bottom: 17px;
margin-left: 39px;
letter-spacing: .2px
}
.about-page .map-legend-block .map-legend-item ul li p {
margin-top: 15px;
margin-bottom: 0
}
.about-page .map-legend-block .map-legend-item ul li p .link_to_map {
margin-top: 15px
}
.about-page .map-legend-block .map-legend-item ul li._current:before {
color: #000!important
}
.about-page .map-legend-block .map-legend-item ul li._current .map-click-item {
color: #000!important;
border-bottom-color: transparent!important
}
.about-page .map-legend-block .map-legend-item ul li .map-click-item {
border-bottom: 1px dotted #ed1c25;
transition: .15s;
cursor: pointer
}
.about-page .map-legend-block .map-legend-item ul li .link_to_map {
margin-top: 15px
}
.about-page .map-legend-block .map-legend-item:last-child .map-legend-title {
color: #6c95b8
}
.about-page .map-legend-block .map-legend-item:last-child ul li:before {
color: #6c95b8
}
.about-page .map-legend-block .map-legend-item:last-child ul li .map-click-item {
color: #6c95b8;
border-bottom: 1px dotted #6c95b8
}
.about-page .full-page-slide .odometer {
width: 60px
}
.about-page .full-page-slide .geography-slide {
display: none
}
@media (max-width:768px) {
.ff.about-page .full-page-slide {
height: auto!important
}
.about-page ._mobile_hidden {
display: none
}
.about-page._horizontal_page .about-table .about-td._img_content {
height: 50vw
}
.about-page._horizontal_page .about-table .about-td._img_content img {
display: none
}
.about-page._vertical_page .about-table .about-td._img_content {
height: 65vw
}
.about-page._vertical_page .about-table .about-td._img_content img {
display: none
}
}
@media (min-height:1000px) and (min-width:1280px) {
.about-page .about-table,
.about-page .full-page-slide {
min-height: 0!important
}
}
@media (min-width:768px) {
.about-page .map-legend-block .map-legend-item {
margin-bottom: 0
}
.about-page .text-paddings {
margin: 0 30px
}
.about-page .h-title {
font-size: 30px;
line-height: 40px;
letter-spacing: .8px;
margin-bottom: 35px
}
.about-page ._only_phone {
display: none!important
}
.about-page ._only_tablet {
display: block
}
.about-page .about-video-wrapper .about-video-preview {
max-width: 100%;
background-size: cover
}
.about-page .about-table {
display: table;
width: 100%;
max-width: 1280px;
margin: 0 auto
}
.about-page .about-table._first .about-td._img_content {
height: 575px;
width: 45%
}
.about-page .about-table._first .about-td._text_content {
padding-left: 57px;
vertical-align: top;
padding-top: 5px
}
.about-page .about-table._first .about-td._text_content p {
font-size: 16px;
letter-spacing: .4px
}
.about-page .about-table._invert .about-td {
position: relative
}
.about-page .about-table._invert .about-td:first-child {
left: 50%
}
.about-page .about-table._invert .about-td:last-child {
left: -50%
}
.about-page .about-table .about-td {
display: table-cell;
vertical-align: middle;
width: 50%;
height: 340px
}
.about-page .about-table .about-td._mobile_hidden {
padding-right: 20px;
vertical-align: top
}
.about-page .about-table .about-td._text_content {
padding-left: 35px
}
.about-page .about-table .about-td.full-width img {
width: 100%
}
.about-page .about-table .about-td p {
font-size: 14px
}
.about-page .about-h {
font-size: 48px;
margin-bottom: 15px
}
.about-page .about-title {
font-size: 22px;
line-height: 30px;
margin-bottom: 15px
}
.about-page .about-mini-h {
font-size: 16px;
line-height: 24px;
margin-bottom: 10px;
margin-top: 35px
}
.about-page .about-title {
margin-bottom: 25px
}
.about-page .about-title-title {
font-size: 40px
}
.about-page .about-title-title+.about-mini-h {
margin-top: 25px
}
.about-page .about-title-title .about-sub-title {
font-size: 20px
}
.about-page .border-text {
font-size: 48px;
line-height: 64px;
border: none;
padding: 0 30px;
letter-spacing: 1.2px
}
.about-page .full-page-slide {
text-align: center;
min-height: 80vh;
display: table;
max-width: 950px;
margin: 0 auto
}
.about-page .full-page-slide .full-page-slide-content {
display: table-cell;
vertical-align: middle;
text-align: center
}
.about-page .full-page-slide p {
font-size: 22px;
line-height: 40px;
text-align: center
}
.about-page .full-page-slide .odometer {
width: 120px
}
.about-page .full-page-slide .geography-slide {
display: block
}
.about-page .full-page-slide .geography-slide {
font-size: 16px;
position: absolute;
bottom: 40px;
cursor: pointer;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
width: 80px
}
.about-page .full-page-slide .geography-slide:after,
.about-page .full-page-slide .geography-slide:before {
content: '';
display: block;
left: 50%;
transform: translateX(-50%)
}
.about-page .full-page-slide .geography-slide:after {
width: 40px;
height: 40px;
margin-top: 20px;
border: 1px solid #ed1c25;
border-radius: 50%;
position: relative
}
.about-page .full-page-slide .geography-slide:before {
background-image: url('data:image/svg+xml,%3Csvg%20style%3D%22fill%3A%20%23ED1C25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M713.174%2C5220.23a0.75%2C0.75%2C0%2C0%2C0%2C0%2C1.03l6.315%2C6.55a0.691%2C0.691%2C0%2C0%2C0%2C.992%2C0l6.314-6.55a0.747%2C0.747%2C0%2C0%2C0%2C0-1.03%2C0.674%2C0.674%2C0%2C0%2C0-.992%2C0l-5.818%2C6.04-5.818-6.04A0.675%2C0.675%2C0%2C0%2C0%2C713.174%2C5220.23Z%22%20transform%3D%22translate(-713%20-5220.03)%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
background-position: center center;
background-repeat: no-repeat;
display: block;
position: absolute;
width: 20px;
height: 20px;
content: '';
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(50%)
}
.about-page .map-legend-block {
background: #fff;
margin: 0;
padding: 40px;
font-size: 0
}
.about-page .map-legend-block .map-legend-item {
width: 50%;
display: inline-block;
padding-right: 40px;
box-sizing: border-box;
vertical-align: top
}
.about-page .map-legend-block .map-legend-item:last-child {
padding-right: 0;
padding-left: 20px
}
.about-page .map-legend-block .map-legend-item .map-legend-title {
margin-bottom: 25px
}
.about-page .map-legend-block .map-legend-item ul {
margin-top: -18px
}
.about-page .map-legend-block .map-legend-item .map-click-block {
display: none!important
}
.about-page .map-container {
display: block;
height: 450px
}
}
@media (min-width:768px) and (max-width:1279px) {
.about-page ._only_tablet {
display: block!important
}
.about-page .about-video-wrapper {
padding: 85px 30px 120px 30px
}
.about-page .about-video-wrapper .about-video-title {
font-size: 28px;
margin-bottom: 25px;
letter-spacing: .6px
}
.about-page .about-video-wrapper .about-video-preview {
height: 420px
}
.about-page .about-table .about-td._img_content {
background-position: 100% 0
}
.about-page .about-table .about-td._img_content img {
display: none
}
.about-page .full-page-slide-table {
display: table-cell;
height: 100%;
vertical-align: middle
}
}
@media (min-width:1280px) {
.about-page ._only_tablet {
display: none!important
}
.about-page ._only_desktop {
display: block!important
}
.about-page .about-video-wrapper .about-video-preview {
width: 285px;
display: inline-block
}
.about-page .about-video-wrapper .about-video-title {
width: 285px;
font-size: 20px;
line-height: 24px;
display: inline-block;
vertical-align: top;
padding-left: 25px;
box-sizing: border-box
}
.about-page .about-table {
min-height: 80vh
}
.about-page .about-table .about-td._img_content {
background-position: -1000% 0;
background: 0 0!important
}
.about-page .about-table .about-td.full-width img {
width: auto;
display: block
}
.about-page .full-page-slide-table {
display: table-cell;
height: 100%;
vertical-align: middle
}
}
@media (min-width:1440px) {
.about-page .map-and-legend {
display: -ms-flexbox;
display: flex
}
.about-page .map-legend-block {
width: 385px;
padding: 60px 0
}
.about-page .map-legend-block .map-legend-item {
width: 100%;
padding-right: 40px;
padding-left: 40px;
margin-bottom: 40px
}
.about-page .map-legend-block .map-legend-item:last-child {
padding-right: 40px;
padding-left: 40px
}
.about-page .map-legend-block .map-legend-item .map-legend-title {
margin-bottom: 20px
}
.about-page .map-legend-block .map-legend-item ul {
margin-top: -18px
}
.about-page .map-legend-block .map-legend-item p {
font-size: 14px;
letter-spacing: .3px;
line-height: 22px
}
.about-page .map-container {
height: 100%;
position: absolute;
width: calc(100% - 385px);
display: block;
left: 385px;
top: 0
}
.about-page .map-container .map-wrapper {
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0
}
}
.ff.about-page .full-page-slide {
height: 80vh
}
.no-touch.about-page .map-legend-block .map-legend-item ul li .map-click-item:hover {
border-bottom-color: transparent
}
.no-touch.about-page .about-video-wrapper .about-video-preview:hover:after {
opacity: .2
}
._ship-info-open ._ship-info {
display: block
}
._network-info-open ._network-info,
._air-info-open ._air-info,
._acqua-info-open ._acqua-info,
._strada-info-open ._strada-info,
._specialproject-info-open ._specialproject-info,
._internazionalizzazione-info-open ._internazionalizzazione-info,
._contatti-info-open ._contatti-info,
._privacy-info-open ._privacy-info,
._cookie-info-open ._cookie-info,
._company-info-open ._company-info {
display: block
}
.p-citta p {
margin: 0 !important;
}
.info-page {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100%;
padding: 25px 0px 0px 25px;
box-sizing: border-box;
background-color: #e5e5e5;
opacity: 0;
transform: translateX(100%);
transition: transform .2s ease-out, opacity 0s .2s, width .1s linear;
z-index: 1010
}
.info-page h1 {
font: 600 26px/40px Montserrat, sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
/*text-transform: none*/
}
.info-page h1+p {
margin-top: 27px
}
.info-page h2 {
margin-top: 38px;
margin-bottom: 18px!important;
font: 400 28px/56px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .7px
}
.info-page h3 {
font: 600 22px/40px Montserrat, sans-serif;
letter-spacing: 1px;
text-transform: none;
}
.info-page h5 {
font-weight: bold !important;
}
.info-page p {
margin: 10px 0 15px;
padding: 0;
font: 400 13px/25px 'Montserrat', sans-serif;
color: #000;
}
.info-page p.left-red-line {
margin-top: 50px;
margin-bottom: 46px;
padding: 0 0 0 40px;
box-sizing: border-box;
font: 400 22px/34px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.1px
}
.info-page p.left-red-line:after {
content: '';
position: absolute;
top: 3px;
bottom: 3px;
left: 0;
width: 3px;
background-color: #ea1c24
}
._info-page-open {
background-color: #dfd9d5!important
}
._info-page-open body {
background-color: #e5e5e5!important;
}
._info-page-open .info-page {
opacity: 1;
transform: translateX(0) translateZ(0);
transition: transform .3s ease-out, width .1s linear
}
.info-page-content {
width: 100%;
height: 100%;
overflow-y: scroll;
-ms-overflow-style: none;
box-sizing: border-box;
-webkit-overflow-scrolling: touch
}
.info-page-content::-webkit-scrollbar {
width: 0;
height: 0
}
.info-page-content-inner {
display: none;
width: 100%;
padding: 0 30px 35px 60px;
box-sizing: border-box;
transition: width .1s linear
}
.info-page-close {
position: absolute;
top: 30px;
right: 25px;
width: 23px;
height: 23px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Rounded_Rectangle_1%22%20data-name%3D%22Rounded%20Rectangle%201%22%20class%3D%22cls-1%22%20d%3D%22M0.341%2C0.341a1.19%2C1.19%2C0%2C0%2C1%2C1.682%2C0L14.641%2C12.958a1.19%2C1.19%2C0%2C1%2C1-1.682%2C1.682L0.341%2C2.023A1.19%2C1.19%2C0%2C0%2C1%2C.341.341Zm0%2C12.618L12.958%2C0.341a1.19%2C1.19%2C0%2C1%2C1%2C1.682%2C1.682L2.023%2C14.641A1.19%2C1.19%2C0%2C0%2C1%2C.341%2C12.958Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
cursor: pointer;
z-index: 1000
}
.ip-close-btn,
.video-close-btn-mobile {
position: absolute;
top: 50%;
left: 0;
width: 82px;
height: 82px;
overflow: hidden;
display: none;
box-sizing: border-box;
border-radius: 50%;
background-color: #fff;
transform: translateX(-56%) translateY(-50%);
z-index: 150
}
.video-close-btn-mobile {
display: block;
opacity: 0;
transition: opacity .3s;
pointer-events: none
}
.ip-close-btn-icon,
.video-close-btn-icon-mobile {
position: absolute;
top: 50%;
right: 13px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Rounded_Rectangle_1%22%20data-name%3D%22Rounded%20Rectangle%201%22%20class%3D%22cls-1%22%20d%3D%22M0.341%2C0.341a1.19%2C1.19%2C0%2C0%2C1%2C1.682%2C0L14.641%2C12.958a1.19%2C1.19%2C0%2C1%2C1-1.682%2C1.682L0.341%2C2.023A1.19%2C1.19%2C0%2C0%2C1%2C.341.341Zm0%2C12.618L12.958%2C0.341a1.19%2C1.19%2C0%2C1%2C1%2C1.682%2C1.682L2.023%2C14.641A1.19%2C1.19%2C0%2C0%2C1%2C.341%2C12.958Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
transform: translateY(-50%);
z-index: 5
}
.ip-close-btn-text {
position: absolute;
top: 50%;
right: 6px;
width: 20px;
height: 50px;
display: none;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2250%22%20viewBox%3D%220%200%2020%2050%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22close%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2025.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3E%D0%B7%D0%B0%D0%BA%D1%80%D1%8B%D1%82%D1%8C%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A');
transform: translateY(-50%);
z-index: 5
}
._en .ip-close-btn-text {
right: 15px;
width: 11px;
height: 40px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2240%22%20viewBox%3D%220%200%2011%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22chiudi%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2020.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3Echiudi%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A')
}
._mobile-device .info-page {
overflow: hidden;
padding-top: 0
}
._mobile-device .info-page-close {
display: none
}
._mobile-device .info-page-content {
padding-top: 20px
}
._mobile-device._info-page-open .ip-close-btn {
display: block
}
.ip__big-digits-b {
margin-top: 67px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(0, 0, 0, .5)
}
.ip__big-digits-b__digits {
position: relative;
display: inline-block;
margin-right: 4px;
font: 700 100px/34px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: 3px
}
.ip__big-digits-b__text-1 {
position: relative;
display: inline-block;
font: 700 32px/44px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000
}
.ip__big-digits-b__text-2 {
margin-top: 10px;
font: 400 18px/22px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px
}
.ip__infographics {
margin-bottom: 49px
}
.ip__infographics img {
width: 100%;
max-width: 100%;
height: auto
}
.ip__infographics-text-top {
margin-top: 44px;
font: 400 24px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px
}
.ip__infographics-text-red {
margin-top: 17px;
font: 400 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #ed1c25;
letter-spacing: .7px
}
.ip__infographics-text-red ._big-digit-1 {
font: 700 64px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._big-digit-2 {
font: 700 54px/22px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._big {
font-size: 23px
}
.ip__infographics-text-red ._big-1 {
font: 400 23px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._big-2 {
display: inline-block;
font: 400 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._big-3 {
font: 400 20px/22px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._percent {
font: 400 28px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ig-text-1,
.ig-text-2,
.ship-ig-text-1 {
transition: all .1s linear
}
.ip__infographics-text-wrap {
position: absolute;
top: 50%;
transform: translateY(-38%)
}
.auto-ig-logos-b {
width: 100%;
margin-top: 32px;
list-style-type: none
}
.auto-ig-logos-b+p {
margin-top: 12px
}
.auto-ig-logo {
float: left;
width: 20%;
height: 160px
}
.auto-ig-logo-img-wrap {
height: 70px
}
.auto-ig-logo-img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
height: 100%
}
.auto-ig-logo-text {
margin-top: 15px;
font: 400 16px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
text-align: center
}
.ip__text-list {
margin-top: -7px;
padding-left: 46px;
list-style-type: none
}
.ip__text-list-item {
display: block;
margin-bottom: 20px;
font: 400 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px
}
.ip__text-list-item:before {
content: '●';
position: absolute;
top: 6px;
left: -21px;
font: 400 14px/16px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__text-list-inner-list {
margin-top: 17px;
margin-left: 20px;
list-style-type: none
}
.ip__text-list-inner-list-item {
display: block;
margin-bottom: 20px;
font: inherit;
color: inherit;
letter-spacing: inherit
}
.ip__text-list-inner-list-item:before {
content: '–';
position: absolute;
top: 6px;
left: -21px;
font: 700 12px/14px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__project-b {
transition: height .3s, opacity .3s
}
.ip__project-b-img-wrap {
width: 100%;
height: 220px;
overflow: hidden;
margin-top: 19px;
transition: width .1s linear
}
.ip__project-b-img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%)
}
.ip__project-b-img-b {
height: 220px
}
.ip__project-b-img-text {
position: absolute;
right: 0;
bottom: -22px;
text-align: right;
font: 400 12px/16px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .1px;
color: #999
}
.ip__project-b-img-text a {
color: #999
}
.no-touch .ip__project-b-img-text a:hover {
text-decoration: none
}
.ip__project-b-subtitle {
margin-top: 35px;
padding: 0 20px;
box-sizing: border-box;
font: 700 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
letter-spacing: .4px;
text-align: left
}
h2+.ip__project-b-subtitle {
margin-top: -4px
}
.ip__project-b-text {
margin-top: 23px!important
}
.ip__project-b-img+.ip__project-b-text {
margin-top: 20px!important
}
.ip__show-more-projects-b {
margin-top: 30px;
text-align: center
}
.ip__show-more-projects-b._folded .ip__show-more-projects-link {
display: inline-block
}
.ip__show-more-projects-b._folded .ip__project-b {
height: 0;
opacity: 0;
overflow: hidden
}
.ip__show-more-projects-b._folded h2 {
margin-top: 0
}
.ip__show-more-projects-link {
display: none;
font: 400 16px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #ed1c25;
letter-spacing: .3px;
cursor: pointer
}
.ip__show-more-projects-link:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1px;
margin-top: 7px;
border-bottom: 1px dotted #ed1c25
}
.baron-track {
position: absolute;
top: 80px;
right: 35px;
bottom: 40px;
width: 1px;
display: none;
background-color: rgba(0, 0, 0, .2);
z-index: 900
}
.baron-bar {
position: absolute;
left: -7px;
display: none;
width: 15px;
z-index: 1;
cursor: pointer
}
.baron-bar:after {
content: '';
position: absolute;
top: 0;
left: 5px;
bottom: 0;
width: 5px;
border-radius: 3px;
background: #000
}
.baron-active .baron-bar,
.baron-active .baron-track {
display: block
}
@media (max-width:767px) {
.icon-1-aria,
.icon-1-acqua,
.icon-1-silog-network,
.icon-1-contatti,
.icon-1-internazionalizzazione,
.icon-1-specialproject,
.icon-1-strada {
display: none;
}
#box {
/*margin: 20px 0;*/
padding: 10px 0;
margin-bottom: 20px;
}
#box::after,
#box::before {
display: none;
}
.info-page-content-inner {
display: none;
width: 100%;
/*padding: 0px;*/
padding: 25px 70px 40px 70px;
box-sizing: border-box;
transition: width .1s linear;
}
.info-page h1 {
/*font: 400 30px/50px Arial, "Helvetica Neue", Helvetica, sans-serif;*/
letter-spacing: .7px;
font-size: 21px;
}
.info-page h1+p {
margin-top: 17px
}
.info-page h2 {
margin-top: 39px;
font: 400 24px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .7px
}
.info-page p {
margin: 28px 0;
font: 400 14px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.info-page p.left-red-line {
margin-top: 25px;
margin-bottom: 34px;
padding: 0 0 0 24px;
font: 400 18px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .9px
}
.ip__big-digits-b {
margin-top: 60px;
padding-bottom: 35px
}
.ip__big-digits-b__digits {
margin-right: 9px;
font: 700 60px/34px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.2px
}
.ip__big-digits-b__text-1 {
font: 700 22px/44px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__big-digits-b__text-2 {
margin-top: 1px;
font: 400 16px/22px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .4px
}
.ip__infographics {
margin-bottom: 38px
}
.mt-40 {
margin-top: 34px
}
.ip__infographics-text-top {
font: 400 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .5px
}
.ip__infographics-text-red {
margin-top: 21px;
font: 400 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .7px
}
.ip__infographics-text-red ._big-digit-1,
.ip__infographics-text-red ._big-digit-2 {
font: 700 32px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._big,
.ip__infographics-text-red ._big-1,
.ip__infographics-text-red ._big-2,
.ip__infographics-text-red ._big-3 {
display: inline-block;
font: 400 16px/24px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__infographics-text-red ._percent {
font: 400 20px/26px Arial, "Helvetica Neue", Helvetica, sans-serif
}
.ip__project-b-img-wrap {
margin-top: 23px
}
.ip__project-b-subtitle {
margin-top: 37px;
font: 700 14px/20px Arial, "Helvetica Neue", Helvetica, sans-serif
}
h2+.ip__project-b-subtitle {
margin-top: 19px
}
.ship-ig-text-1 {
margin-left: 0
}
.ig-text-1 {
margin-top: 0;
margin-bottom: 20px
}
.ig-text-2 {
margin-bottom: 26px;
font: 400 18px/24px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000
}
._build-info .ip__infographics-text-wrap {
left: 55%
}
._auto-info .ip__infographics-text-wrap {
left: 49%
}
._pipe-info .ip__infographics-text-wrap {
left: 61%
}
._machine-info .ip__infographics-text-wrap {
left: 61%
}
.auto-ig-logos-b {
width: 100%;
margin-top: 32px
}
.auto-ig-logos-b+p {
margin-top: 12px
}
.auto-ig-logo {
float: left;
width: 33.33333%;
height: 160px
}
.auto-ig-logo-img-wrap {
height: 70px
}
.auto-ig-logo-img {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%)
}
.auto-ig-logo-text {
margin-top: 15px;
font: 400 16px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000;
text-align: center
}
.ip__text-list {
margin-top: -7px;
padding-left: 20px;
list-style-type: none
}
.ip__text-list-item {
margin-bottom: 20px;
font: 400 14px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: .4px
}
.ip__text-list-item:before {
top: 5px
}
.ip__text-list-inner-list {
margin-top: 17px;
margin-left: 20px
}
.ip__text-list-inner-list-item {
margin-bottom: 2px
}
}
@media (min-width:768px) {
._info-page-open .info-page {
transform: translateX(0) translateZ(0);
transition: transform .3s ease-out, width .1s linear
}
.info-page {
transition: transform .2s ease-out, opacity 0s .2s, width .1s linear
}
/*.ip-close-btn {*/
/*width: 220px;*/
/*height: 220px;*/
/*transform: translateX(-73%) translateY(-50%)*/
/*}*/
/*.ip-close-btn-icon {*/
/*right: 32px*/
/*}*/
/*.ip-close-btn-text {*/
/*display: block*/
/*}*/
.info-page-content-inner {
width: 100%;
margin: 0 auto;
/*padding: 0 0 35px*/
padding: 25px 65px 40px 65px;
}
.ship-ig-text-1 {
margin-top: 50px;
margin-left: 234px
}
.ig-text-1 {
margin-top: 0;
margin-bottom: 35px
}
.ig-text-2 {
margin-bottom: 56px;
font: 400 23px/22px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #000
}
._build-info .ip__infographics-text-wrap {
left: 323px
}
._auto-info .ip__infographics-text-wrap {
left: 286px
}
._pipe-info .ip__infographics-text-wrap {
left: 365px
}
._machine-info .ip__infographics-text-wrap {
left: 365px
}
}
@media (min-width:980px) {
.info-page-content-inner {
width: 100%;
margin: 0 auto
}
.ship-ig-text-1 {
margin-left: 310px
}
._build-info .ip__infographics-text-wrap {
left: 398px
}
._auto-info .ip__infographics-text-wrap {
left: 361px
}
._pipe-info .ip__infographics-text-wrap {
left: 440px
}
._machine-info .ip__infographics-text-wrap {
left: 440px
}
}
@media (min-width: 991px) {
._info-page-open .info-page {
transform: translateX(0) translateZ(0);
transition: transform .2s ease-out .2s, width .1s linear
}
.info-page {
width: 840px;
transition: width .1s linear
}
.info-page-content-inner {
margin: 0;
padding: 0px 95px 40px 10px;
/*width: 720px;*/
/*margin: 0*/
}
}
@media (min-width:1440px) {
.ship-ig-text-1 {
margin-left: 234px
}
._build-info .ip__infographics-text-wrap {
left: 323px
}
._auto-info .ip__infographics-text-wrap {
left: 286px
}
._pipe-info .ip__infographics-text-wrap {
left: 365px
}
._machine-info .ip__infographics-text-wrap {
left: 365px
}
}
@media (min-width:1920px) {
.info-page {
width: 840px
}
.info-page-content-inner {
width: 720px
}
._build-info .ip__infographics-text-wrap {
left: 407px
}
._auto-info .ip__infographics-text-wrap {
left: 350px
}
._pipe-info .ip__infographics-text-wrap {
left: 440px
}
._machine-info .ip__infographics-text-wrap {
left: 440px
}
.ship-ig-text-1 {
margin-left: 330px
}
}
.main-page {
background-color: #cdc6c1;
height: 100%;
overflow: hidden
}
.main-page body {
height: 100%;
overflow: hidden;
background-color: #cdc6c1
}
.main-page .app-container {
min-height: 0!important;
height: 100%!important;
margin-bottom: 0
}
.main-page .footer {
position: absolute!important
}
.main-page .vertical-splash {
background: #3d476f;
background: -moz-radial-gradient(center, ellipse cover, #3d476f 0, #373348 100%);
background: -webkit-radial-gradient(center, ellipse cover, #3d476f 0, #373348 100%);
background: radial-gradient(ellipse at center, #3d476f 0, #373348 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3d476f', endColorstr='#373348', GradientType=1);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 100;
display: none
}
.main-page .vertical-splash._rotate .splash-content {
transform: rotate(-90deg);
width: 100vh;
height: 100vw;
top: 100%
}
.main-page .vertical-splash._rotate .splash-icon img {
transform: rotate(90deg)
}
.main-page .vertical-splash._rotate .splash-icon-img {
display: none
}
.main-page .vertical-splash._rotate .splash-icon-img-rotate {
display: block
}
.main-page .vertical-splash .splash-icon-img-rotate {
position: absolute;
top: 50%;
left: 50%;
display: none;
transform: translateX(-50%) translateY(-50%) rotate(-180deg)!important
}
.main-page .vertical-splash .splash-content {
transform-origin: 0 0;
position: absolute;
width: 100%;
height: 100%;
transition: .5s
}
.main-page .vertical-splash .splash-content._hide {
opacity: 0
}
.main-page .vertical-splash .splash-icon,
.main-page .vertical-splash .splash-play,
.main-page .vertical-splash .splash-rotate {
width: 100%;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%) rotate(-90deg)
}
.main-page .vertical-splash .splash-play {
transform: translateY(-50%)
}
.main-page .vertical-splash .splash-play img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 160px;
height: 160px;
margin: auto
}
.main-page .vertical-splash .splash-icon img {
transform: rotate(90deg)
}
.main-page .vertical-splash .splash-logo {
text-align: center;
padding-top: 10%
}
.main-page .vertical-splash .splash-text {
width: 60%;
margin: 0 auto;
left: 0;
right: 0;
text-align: center;
position: absolute;
font-size: 14px;
line-height: 20px;
color: #8b90a6;
bottom: 10%
}
.main-page .vertical-splash .splash-ok {
width: 100%;
height: 100%;
opacity: 0;
transition: .5s
}
.main-page .vertical-splash .splash-ok._showen {
opacity: 1
}
.main-page .vertical-splash .splash-logo-ok {
padding-top: 3%;
padding-left: 3%
}
.main-page .vertical-splash .splash-text-ok {
width: 100%;
text-align: center;
font-size: 18px;
bottom: 10%;
color: #8b90a6;
position: absolute
}
.main-page .main-preloader {
background: #3d3d3d;
width: 100%;
height: 100%;
position: fixed;
z-index: 10000;
left: 0;
top: 0;
pointer-events: none
}
.main-page .main-preloader._loaded .main-preloader-text {
background-color: transparent
}
.main-page .main-preloader .h-logo {
width: 250px;
height: 150px;
left: 50%;
top: 50%;
margin-left: 0;
margin-top: -51px;
transform: translateX(-128px);
background-size: contain;
transition: .5s;
pointer-events: none;
}
.main-page .main-preloader .main-preloader-wrapper {
width: 280px;
height: 83px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -17%;
overflow: hidden
}
.main-page .main-preloader .main-preloader-text {
background-color: #3d3d3d;
background-repeat: no-repeat;
background-position: top left;
background-size: cover;
width: 100%;
height: 100%;
position: absolute
}
.main-page .main-preloader .main-preloader-back {
background: #636363;
width: 100%;
height: 100%;
position: absolute;
left: 0;
z-index: 0
}
.main-page .main-preloader .main-preloader-line {
background: #fff;
width: 0;
height: 33%;
position: absolute;
transition: .3s
}
.main-page .main-preloader .main-preloader-line._line1 {
top: 0
}
.main-page .main-preloader .main-preloader-line._line2 {
top: 33%
}
.main-page .main-preloader .main-preloader-line._line3 {
top: 66%
}
.main-page .main-preloader._step1 ._line1 {
width: 20%
}
.main-page .main-preloader._step2 ._line1 {
width: 35%
}
.main-page .main-preloader._step3 ._line1 {
width: 60%
}
.main-page .main-preloader._step4 ._line1 {
width: 85%
}
.main-page .main-preloader._step5 ._line1 {
width: 110%
}
.main-page .main-preloader._step5 ._line2 {
width: 10%
}
.main-page .main-preloader._step6 ._line2 {
width: 35%
}
.main-page .main-preloader._step7 ._line2 {
width: 60%
}
.main-page .main-preloader._step8 ._line2 {
width: 85%
}
.main-page .main-preloader._step9 ._line2 {
width: 95%
}
.main-page .main-preloader._step10 ._line2 {
width: 110%
}
.main-page .main-preloader._step10 ._line3 {
width: 20%
}
.main-page .main-preloader._step11 ._line3 {
width: 55%
}
.main-page .main-preloader._step12 ._line3 {
width: 100%
}
.main-page .main-preloader._finish .h-logo {
top: 17px;
left: 15px;
width: 250px;
height: 150px;
transform: none;
margin: 0
}
.main-page._en .main-preloader._finish .h-logo {
top: 17px;
left: 15px;
width: 250px;
height: 150px;
transform: none;
margin: 0
}
@media (max-width:480px) {
.main-page .main-preloader .h-logo {
width: 200px;
height: 123px;
margin-left: 0;
transform: translateX(-50%);
}
.main-page .main-preloader .main-preloader-wrapper {
margin-left: 0;
transform: translateX(-50%) translateY(10px);
width: 312px;
height: 123px;
}
}
.promo-video-cont {
position: absolute;
top: -115vh;
left: 0;
width: 100%;
height: 100%;
background-color: #3d3d3d;
z-index: 99;
opacity: 0;
transition: transform .5s cubic-bezier(.215, .61, .355, 1), top .5s cubic-bezier(.55, .055, .675, .19), opacity 0s 1s;
transform: perspective(500px) translateZ(-85px);
will-change: transform, top;
pointer-events: none
}
.promo-video-cont .inner-video {
opacity: 1
}
._promo-start .promo-video-cont {
top: 0;
opacity: 1;
transition: none;
transform: translateZ(0);
pointer-events: auto
}
.promo-video-close-text {
position: absolute;
left: 50%;
bottom: 38px;
margin: auto;
font: 400 22px/27px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.7px;
color: #fff;
cursor: pointer;
z-index: 100;
border-bottom: 2px solid #fff;
transform: translateX(-50%)
}
.no-touch .promo-video-close-text:hover {
border-color: transparent
}
.mp-screen-title {
position: relative;
/*left: 0;*/
/*right: 0;*/
/*bottom: 310px;*/
font: 700 24px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
transition: all .1s linear;
z-index: 10;
margin-bottom: 10px;
}
.mp-screen-subtitle {
position: relative;
/*left: 30px;*/
/*right: 30px;*/
font: 400 22px/27px Arial, "Helvetica Neue", Helvetica, sans-serif;
letter-spacing: 1.7px;
text-align: center;
transition: all .1s linear;
z-index: 10;
font-weight: 400 !important;
}
.mp-screen-subtitle span {
font-size: 16px;
font-style: italic;
}
.mp-screens-shadow {
position: absolute;
top: 50%;
left: 50%;
height: 100%;
max-height: 100%;
width: auto;
opacity: .7;
transform: translateX(-50%) translateY(-50%);
z-index: 1
}
.screen-play-btn {
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
width: 110px;
height: 110px;
overflow: hidden;
z-index: 30;
box-sizing: border-box;
/*border: 1px solid #ed1c25;*/
/*border-radius: 50%;*/
/*box-shadow: 10px 10px 24px 0 rgba(255, 0, 85, .5);*/
transform: translateX(318px) translateZ(0) scale(1);
transition: transform .4s;
pointer-events: none
}
.screen-play-btn-hover-overlay {
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
margin: auto;
width: 110px;
height: 110px;
overflow: hidden;
border-radius: 50%;
/*background-color: #ed1c25;*/
opacity: 1;
z-index: 10;
transition: opacity .1s;
transform: translateZ(0);
cursor: pointer
}
.video-close-btn {
position: absolute;
top: -50%;
bottom: -50%;
margin: auto 0 auto -50px;
width: 220px;
height: 220px;
overflow: hidden;
z-index: 150;
box-sizing: border-box;
border-radius: 50%;
opacity: 0;
pointer-events: none;
transform: translateX(-50%) translateZ(0);
transition: width 1s cubic-bezier(.55, .055, .675, .19), height 1s cubic-bezier(.55, .055, .675, .19), opacity .6s
}
._video-closing .video-close-btn {
width: 4100px;
height: 3600px
}
._video-closing .video-close-btn-icon,
._video-closing .video-close-btn-text {
display: none
}
.video-close-bg {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
height: 100vh;
max-height: 100vh;
width: auto;
transform: translateX(0) translateY(-50%) translateZ(0);
z-index: 1
}
.video-close-btn-icon {
position: absolute;
top: 50%;
right: 32px;
width: 15px;
height: 15px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Rounded_Rectangle_1%22%20data-name%3D%22Rounded%20Rectangle%201%22%20class%3D%22cls-1%22%20d%3D%22M0.341%2C0.341a1.19%2C1.19%2C0%2C0%2C1%2C1.682%2C0L14.641%2C12.958a1.19%2C1.19%2C0%2C1%2C1-1.682%2C1.682L0.341%2C2.023A1.19%2C1.19%2C0%2C0%2C1%2C.341.341Zm0%2C12.618L12.958%2C0.341a1.19%2C1.19%2C0%2C1%2C1%2C1.682%2C1.682L2.023%2C14.641A1.19%2C1.19%2C0%2C0%2C1%2C.341%2C12.958Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
transform: translateY(-50%);
z-index: 5
}
.video-close-btn-text {
position: absolute;
top: 50%;
right: 6px;
width: 20px;
height: 50px;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% 100%;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2250%22%20viewBox%3D%220%200%2020%2050%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22close%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2025.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3E%D0%B7%D0%B0%D0%BA%D1%80%D1%8B%D1%82%D1%8C%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A');
transform: translateY(-50%);
z-index: 5
}
._en .video-close-btn-text {
right: 15px;
width: 11px;
height: 40px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2240%22%20viewBox%3D%220%200%2011%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22close%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2020.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3Eclose%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A')
}
.screen-video-cont {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: 100vh;
overflow: hidden;
margin-left: -318px;
background-color: #585858;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
transform: translateX(-50%) translateY(-50%) translateZ(0);
z-index: 1
}
._odd-width.ff .screen-play-btn {
left: calc(-100% - 1px)
}
._odd-width.chrome .screen-play-btn,
._odd-width.safari .screen-play-btn {
left: calc(-100% - .5px)
}
._odd-height.ff .screen-play-btn {
top: calc(-100% - 1px)
}
._odd-height.chrome .screen-play-btn,
._odd-height.safari .screen-play-btn {
top: calc(-100% - .5px)
}
.mp-loader-wrap {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 642px;
height: 642px;
margin: auto;
z-index: 1;
transform: translateZ(0)
}
.mp-loader-circle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 642px;
height: 642px;
margin: auto;
z-index: 1;
transform: translateZ(0);
border: 1px solid;
border-radius: 500px;
}
.screen-play-btn-text {
position: absolute;
top: 50%;
left: 50%;
font: 400 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #ed1c25;
letter-spacing: 1.2px;
z-index: 29;
cursor: pointer;
opacity: 1;
transform: translateX(385px) translateY(-17px);
transition: color .1s, transform .3s .3s, opacity .3s .3s;
pointer-events: none
}
.screen-play-btn-text:after {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
margin-top: 10px;
background-color: #000;
opacity: 0;
transition: opacity .1s
}
.video-shift-screen {
position: absolute;
top: 0;
bottom: 0;
right: 50%;
width: 50px;
height: 50px;
margin-top: auto;
margin-bottom: auto;
margin-right: calc(-50vw + 35px);
border-radius: 50%;
/*background-color: rgba(255, 255, 255, .58);*/
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 50px 52px;
background-image: url(../images/02_Icone/link_paginainterna.png);
cursor: pointer;
transition: background-color .1s linear, opacity .4s;
z-index: 35;
}
._play-hover .screen-play-btn {
width: 2800px;
height: 2800px;
transition: width 6s cubic-bezier(.55, .055, .675, .19), height 6s cubic-bezier(.55, .055, .675, .19)!important
}
._label-hover .screen-play-btn {
box-shadow: 10px 10px 24px 0 rgba(0, 0, 0, .4)
}
._label-click-instant .screen-play-btn {
width: 2800px!important;
height: 2800px!important;
transition: none!important;
opacity: 1!important;
transform: translateX(318px) translateZ(0) scale(1)!important;
box-shadow: none
}
._label-click-instant .screen-play-btn-hover-overlay {
opacity: 0;
pointer-events: none
}
._label-click-instant .video-play-pause {
transition: none!important
}
._label-click .screen-play-btn {
width: 2802px;
height: 2802px;
transition: width 3s cubic-bezier(.215, .61, .355, 1), height 3s cubic-bezier(.215, .61, .355, 1)!important;
box-shadow: none
}
._label-click .screen-play-btn-hover-overlay {
opacity: 0;
pointer-events: none
}
._label-click._1-of-time .screen-play-btn,
._label-click._2-of-time .screen-play-btn,
._label-click._3-of-time .screen-play-btn,
._label-click._4-of-time .screen-play-btn,
._label-click._5-of-time .screen-play-btn,
._label-click._6-of-time .screen-play-btn {
width: 2802px;
height: 2802px
}
._label-click._1-of-time .screen-play-btn {
transition: width 3s, height 3s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._label-click._2-of-time .screen-play-btn {
transition: width 2.5s, height 2.5s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._label-click._3-of-time .screen-play-btn {
transition: width 2s, height 2s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._label-click._4-of-time .screen-play-btn {
transition: width 1.5s, height 1.5s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._label-click._5-of-time .screen-play-btn {
transition: width 1s, height 1s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._label-click._6-of-time .screen-play-btn {
transition: width .5s, height .5s!important;
transition-timing-function: cubic-bezier(.215, .61, .355, 1)!important
}
._play-icon-set .video-play-pause {
transform: translateX(-318px) translateZ(0);
transition: transform .7s, opacity .4s
}
._video-opened-global ._small-controls-hover .video-loader-wrap-small,
._video-opened-global-popup ._small-controls-hover .video-loader-wrap-small {
opacity: 0;
z-index: 50
}
._video-opened-global ._small-controls-hover .video-loader-wrap,
._video-opened-global-popup ._small-controls-hover .video-loader-wrap {
opacity: 1;
transform: scale(1) translateZ(0);
pointer-events: auto;
z-index: 55
}
._all-controls-hide .video-play-pause {
opacity: 0!important
}
._all-controls-hide:not(._mobile-device) .footer,
._all-controls-hide:not(._mobile-device) .header,
._all-controls-hide:not(._mobile-device) .video-close-btn,
._all-controls-hide:not(._mobile-device) .video-loader-wrap,
._all-controls-hide:not(._mobile-device) .video-loader-wrap-small,
._all-controls-hide:not(._mobile-device) .video-shift-screen {
opacity: 0!important
}
._all-controls-hide._mobile-device .f-nav,
._all-controls-hide._mobile-device .f-social-b,
._all-controls-hide._mobile-device .langs-panel,
._all-controls-hide._mobile-device .screen-play-btn-mobile,
._all-controls-hide._mobile-device .video-close-btn,
._all-controls-hide._mobile-device .video-close-btn-mobile,
._all-controls-hide._mobile-device .video-loader-wrap,
._all-controls-hide._mobile-device .video-loader-wrap-mobile,
._all-controls-hide._mobile-device .video-shift-screen {
display: none
}
._mobile-device .video-loader-wrap-small {
display: none
}
._video-opened .video-close-btn,
._video-opened-popup .video-close-btn {
opacity: 1;
pointer-events: auto;
cursor: pointer;
transition: width 1s cubic-bezier(.55, .055, .675, .19), height 1s cubic-bezier(.55, .055, .675, .19), opacity .4s
}
._video-opened .video-play-pause,
._video-opened-popup .video-play-pause {
pointer-events: auto
}
._video-opened .screen-play-btn-hover-overlay,
._video-opened-popup .screen-play-btn-hover-overlay {
pointer-events: none
}
._video-opened .video-loader-wrap-small,
._video-opened-popup .video-loader-wrap-small {
opacity: 1;
pointer-events: auto
}
._hide-play-btn-overlay .screen-play-btn-hover-overlay {
opacity: 0
}
._hide-play-btn-overlay .screen-play-btn {
border: none
}
._sleep .screen-play-btn {
transform: translateX(318px) translateZ(0) scale(0)
}
._sleep .screen-play-btn-text {
opacity: 0;
transform: translateX(350px) translateY(-17px)
}
._inited .screen-play-btn {
transition: none;
will-change: none;
pointer-events: auto
}
._inited .screen-play-btn-text {
pointer-events: auto
}
.no-touch .screen-play-btn-text:hover {
color: #000
}
.no-touch .screen-play-btn-text:hover:after {
opacity: 1
}
/*.no-touch .video-shift-screen:hover {*/
/*background-color: #fff*/
/*}*/
.no-touch .video-close-btn:hover .video-close-btn-icon {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22Rounded_Rectangle_1%22%20data-name%3D%22Rounded%20Rectangle%201%22%20class%3D%22cls-1%22%20d%3D%22M0.341%2C0.341a1.19%2C1.19%2C0%2C0%2C1%2C1.682%2C0L14.641%2C12.958a1.19%2C1.19%2C0%2C1%2C1-1.682%2C1.682L0.341%2C2.023A1.19%2C1.19%2C0%2C0%2C1%2C.341.341Zm0%2C12.618L12.958%2C0.341a1.19%2C1.19%2C0%2C1%2C1%2C1.682%2C1.682L2.023%2C14.641A1.19%2C1.19%2C0%2C0%2C1%2C.341%2C12.958Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)
}
.no-touch .video-close-btn:hover .video-close-btn-text {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2250%22%20viewBox%3D%220%200%2020%2050%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22close%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2025.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3E%D0%B7%D0%B0%D0%BA%D1%80%D1%8B%D1%82%D1%8C%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A')
}
.no-touch._en .video-close-btn:hover .video-close-btn-text {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2240%22%20viewBox%3D%220%200%2011%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20font-size%3A%2020px%3B%0A%20%20%20%20%20%20%20%20fill%3A%20%23000%3B%0A%20%20%20%20%20%20%20%20text-anchor%3A%20middle%3B%0A%20%20%20%20%20%20%20%20font-family%3A%20Arial%3B%0A%20%20%20%20%20%20%20%20letter-spacing%3A%201px%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Ctext%20id%3D%22close%22%20class%3D%22cls-1%22%20transform%3D%22translate(10.166%2020.167)%20rotate(-90)%20scale(0.641)%22%3E%3Ctspan%20x%3D%220%22%3Eclose%3C%2Ftspan%3E%3C%2Ftext%3E%0A%3C%2Fsvg%3E%0A')
}
@media (max-width:767px) {
._paused .video-play-pause-mobile {
background-size: 14px 20px
}
.mp-screen-title {
/*bottom: 78px;*/
font: 500 21px/21px Montserrat, sans-serif;
letter-spacing: 3px;
text-align: left
}
.mp-screen-subtitle {
/*left: 0;*/
/*right: 70px;*/
/*top: 88px;*/
font: 500 14px/16px 'Open Sans', sans-serif;
letter-spacing: 1px;
text-align: left
}
.mp-screen-subtitle span {
font-size: 12px;
}
.mp-loader-wrap {
width: 320px;
height: 160px
}
.mp-loader-circle {
display: none
}
.video-shift-screen {
top: 9px;
width: 34px;
height: 34px;
margin-right: calc(-50vw + 15px)
}
.screen-play-btn {
display: none;
border: none;
box-shadow: none;
transform: none!important;
transition: none!important;
pointer-events: none!important
}
._video-opened-global .video-loader-wrap-mobile,
._video-opened-global-popup .video-loader-wrap-mobile {
display: block
}
._video-opened-global .screen-play-btn-mobile,
._video-opened-global-popup .screen-play-btn-mobile {
top: 50%;
left: 0;
right: 0;
bottom: auto;
width: 50px;
height: 50px;
margin: auto;
pointer-events: none;
background-color: transparent;
border-color: transparent;
box-shadow: none;
transform: translateY(-20px)
}
._video-opened-global .video-play-pause-mobile,
._video-opened-global-popup .video-play-pause-mobile {
margin: auto auto auto -28px;
background-size: 18px 25px;
pointer-events: auto
}
._video-opened-global .video-play-pause-mobile._inactive,
._video-opened-global-popup .video-play-pause-mobile._inactive {
pointer-events: none
}
._video-opened-global ._paused .video-play-pause-mobile,
._video-opened-global-popup ._paused .video-play-pause-mobile {
background-size: 20px 31px;
pointer-events: auto
}
._video-opened-global ._paused .video-play-pause-mobile._inactive,
._video-opened-global-popup ._paused .video-play-pause-mobile._inactive {
pointer-events: none
}
._video-opened-global .video-close-btn-mobile,
._video-opened-global-popup .video-close-btn-mobile {
opacity: 1;
pointer-events: auto
}
._video-opened-global .inner-video,
._video-opened-global-popup .inner-video {
opacity: 1
}
.video-close-btn {
display: none!important
}
.screen-play-btn-mobile {
position: absolute;
display: none;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
margin: auto;
overflow: hidden;
z-index: 30;
background-color: #ed1c25;
box-sizing: border-box;
border: 1px solid #ed1c25;
border-radius: 50%;
box-shadow: 10px 10px 24px 0 rgba(255, 0, 85, .5);
transform: translateX(111px) translateY(-25px)
}
.video-play-pause {
display: none
}
.video-play-pause-mobile {
display: block
}
.screen-play-btn-text {
display: none
}
.screen-play-btn-hover-overlay {
width: 60px;
height: 60px
}
.screen-video-cont {
margin-left: 0
}
._label-click-instant .screen-play-btn {
display: block;
border-radius: 0;
width: 100vw!important;
height: 100vh!important;
transform: translateX(0) translateZ(0) scale(1)!important
}
}
@media (min-width:768px) {
.main-page .main-preloader .main-preloader-wrapper {
width: 312px;
height: 123px;
/*margin-left: -11%*/
}
.main-page .main-preloader .h-logo {
width: 312px;
height: 123px;
/*left: 50%;*/
top: 50%;
margin-left: 0;
margin-top: -93px;
transform: translateX(-164px);
background-size: contain
}
.main-page .main-preloader._finish .h-logo {
width: 312px;
height: 123px;
top: 15px;
/*left: 20px*/
}
.main-page._en .main-preloader._finish .h-logo {
width: 312px;
height: 123px;
top: 15px;
/*left: 20px*/
}
.mp-screen-title {
/*bottom: 180px;*/
font: 500 24px/24px 'Montserrat', sans-serif;
letter-spacing: 3.4px
}
.mp-screen-subtitle {
/*top: 211px;*/
font: 400 16px/22px 'Open Sans', sans-serif;
letter-spacing: 1px
}
.mp-screen-subtitle span {
font-size: 14px;
}
.mp-loader-wrap {
width: 380px;
height: 380px
}
.mp-loader-circle {
width: 380px;
height: 380px
}
.video-shift-screen {
margin-right: calc(-50vw + 20px)
}
.screen-play-btn {
width: 80px;
height: 80px;
transform: translateX(187px) translateZ(0) scale(1);
transition: transform .4s
}
.screen-play-btn-text {
transform: translateX(236px) translateY(-17px)
}
.screen-play-btn-hover-overlay {
width: 80px;
height: 80px
}
.screen-video-cont {
margin-left: -187px
}
._sleep .screen-play-btn {
transform: translateX(187px) translateZ(0) scale(0)
}
._sleep .screen-play-btn-text {
opacity: 0;
transform: translateX(201px) translateY(-17px)
}
._play-icon-set .video-play-pause {
transform: translateX(-187px) translateZ(0)
}
._play-hover .screen-play-btn {
width: 1700px;
height: 1700px
}
._label-click-instant .screen-play-btn {
width: 1700px!important;
height: 1700px!important;
transform: translateX(187px) translateZ(0) scale(1)!important
}
._label-click .screen-play-btn {
width: 1702px;
height: 1702px
}
._label-click._1-of-time .screen-play-btn,
._label-click._2-of-time .screen-play-btn,
._label-click._3-of-time .screen-play-btn,
._label-click._4-of-time .screen-play-btn,
._label-click._5-of-time .screen-play-btn,
._label-click._6-of-time .screen-play-btn {
width: 1702px;
height: 1702px
}
._video-closing .video-close-btn {
width: 2100px;
height: 1600px
}
}
@media (min-width:980px) {
.main-page .main-preloader._finish .h-logo {
top: 32px;
/*left: 29px;*/
width: 312px;
height: 123px;
}
.main-page._en .main-preloader._finish .h-logo {
top: 32px;
/*left: 29px;*/
width: 312px;
height: 123px;
}
.mp-screen-title {
/*bottom: 272px;*/
font-size: 36px;
line-height: 36px;
letter-spacing: 4.5px
}
.mp-screen-subtitle {
/*left: 40px;*/
/*right: 40px;*/
/*top: 308px;*/
font: 600 15px/27px 'Open Sans', sans-serif;
letter-spacing: 1.7px
}
.mp-screen-subtitle span {
font-size: 13px;
}
.mp-loader-wrap {
width: 566px;
height: 566px
}
.mp-loader-circle {
width: 566px;
height: 566px
}
.video-shift-screen {
margin-right: calc(-50vw + 30px)
}
.screen-play-btn {
width: 110px;
height: 110px;
transform: translateX(282px) translateZ(0) scale(1);
transition: transform .4s
}
.screen-play-btn-text {
transform: translateX(349px) translateY(-17px)
}
.screen-play-btn-hover-overlay {
width: 110px;
height: 110px
}
.screen-video-cont {
margin-left: -282px
}
._sleep .screen-play-btn {
transform: translateX(282px) translateZ(0) scale(0)
}
._sleep .screen-play-btn-text {
opacity: 0;
transform: translateX(314px) translateY(-17px)
}
._play-icon-set .video-play-pause {
transform: translateX(-282px) translateZ(0)
}
._play-hover .screen-play-btn {
width: 2300px;
height: 2300px
}
._label-click-instant .screen-play-btn {
width: 2300px!important;
height: 2300px!important;
transform: translateX(282px) translateZ(0) scale(1)!important
}
._label-click .screen-play-btn {
width: 2302px;
height: 2302px
}
._label-click._1-of-time .screen-play-btn,
._label-click._2-of-time .screen-play-btn,
._label-click._3-of-time .screen-play-btn,
._label-click._4-of-time .screen-play-btn,
._label-click._5-of-time .screen-play-btn,
._label-click._6-of-time .screen-play-btn {
width: 2302px;
height: 2302px
}
._video-closing .video-close-btn {
width: 3100px;
height: 2600px
}
}
@media (min-width:1440px) {
.main-page .main-preloader .main-preloader-wrapper {
width: 475px;
height: 140px
}
.main-page .main-preloader .h-logo {
width: 312px;
height: 123px;
/*margin-top: -128px;*/
/*transform: translateX(-223px)*/
}
.main-page .main-preloader._finish .h-logo {
left: 49px
}
.main-page._en .main-preloader._finish .h-logo {
left: 49px
}
.mp-screen-title {
/*bottom: 315px;*/
font-size: 42px;
line-height: 40px;
letter-spacing: 6px
}
.mp-screen-subtitle {
/*top: 351px;*/
/*left: 70px;*/
/*right: 70px;*/
font: 600 22px/27px 'Open Sans', sans-serif;
letter-spacing: 1.7px
}
.mp-screen-subtitle span {
font-size: 16px;
}
.mp-loader-wrap {
width: 642px;
height: 642px
}
.mp-loader-circle {
width: 642px;
height: 642px
}
.video-shift-screen {
margin-right: calc(-50vw + 35px)
}
.screen-play-btn {
transform: translateX(318px) translateZ(0) scale(1);
transition: transform .4s
}
.screen-play-btn-text {
transform: translateX(385px) translateY(-17px)
}
.screen-video-cont {
margin-left: -318px
}
._sleep .screen-play-btn {
transform: translateX(318px) translateZ(0) scale(0)
}
._sleep .screen-play-btn-text {
opacity: 0;
transform: translateX(350px) translateY(-17px)
}
._play-icon-set .video-play-pause {
transform: translateX(-318px) translateZ(0)
}
._play-hover .screen-play-btn {
width: 2800px;
height: 2800px
}
._label-click-instant .screen-play-btn {
width: 2800px!important;
height: 2800px!important;
transform: translateX(318px) translateZ(0) scale(1)!important
}
._label-click .screen-play-btn {
width: 2802px;
height: 2802px
}
._label-click._1-of-time .screen-play-btn,
._label-click._2-of-time .screen-play-btn,
._label-click._3-of-time .screen-play-btn,
._label-click._4-of-time .screen-play-btn,
._label-click._5-of-time .screen-play-btn,
._label-click._6-of-time .screen-play-btn {
width: 2802px;
height: 2802px
}
._video-closing .video-close-btn {
width: 4100px;
height: 3600px
}
}
@media (min-width:1920px) {
.mp-screen-title {
/*bottom: 385px;*/
font-size: 50px;
line-height: 50px;
letter-spacing: 7px
}
.mp-screen-subtitle {
/*top: 423px;*/
/*left: 80px;*/
/*right: 80px*/
}
.mp-loader-wrap {
width: 786px;
height: 786px
}
.mp-loader-circle {
width: 786px;
height: 786px
}
.video-shift-screen {
margin-right: calc(-50vw + 35px)
}
.screen-play-btn {
transform: translateX(391px) translateZ(0) scale(1);
transition: transform .4s
}
.screen-play-btn-text {
transform: translateX(459px) translateY(-17px)
}
.screen-video-cont {
margin-left: -391px
}
._sleep .screen-play-btn {
transform: translateX(391px) translateZ(0) scale(0)
}
._sleep .screen-play-btn-text {
opacity: 0;
transform: translateX(424px) translateY(-17px)
}
._play-icon-set .video-play-pause {
transform: translateX(-391px) translateZ(0)
}
._play-hover .screen-play-btn {
width: 2900px;
height: 2900px
}
._label-click-instant .screen-play-btn {
width: 2900px!important;
height: 2900px!important;
transform: translateX(391px) translateZ(0) scale(1)!important
}
._label-click .screen-play-btn {
width: 2902px;
height: 2902px
}
._label-click._1-of-time .screen-play-btn,
._label-click._2-of-time .screen-play-btn,
._label-click._3-of-time .screen-play-btn,
._label-click._4-of-time .screen-play-btn,
._label-click._5-of-time .screen-play-btn,
._label-click._6-of-time .screen-play-btn {
width: 2902px;
height: 2902px
}
}
.page-404._reload body {
transform: translateY(-100%);
opacity: 0
}
.page-404 body {
background-image: url("../img/pages/404/back404.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: 1s cubic-bezier(.22, .61, .36, 1)
}
.page-404 .app-container {
margin-bottom: 0;
min-height: 100%
}
.page-404 .wrapper-404 {
width: 100%;
height: calc(100% - 210px);
position: absolute;
top: 80px
}
.page-404 .wrapper-404 .block-404 {
display: table;
width: 100%;
height: 100%
}
.page-404 .wrapper-404 .block-404 .content-404 {
display: table-cell;
vertical-align: middle;
text-align: center;
pointer-events: auto
}
.page-404 .wrapper-404 .block-404 .content-404 .title-404 {
display: inline-block;
color: #fff;
letter-spacing: 3px;
line-height: 24px;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 22px;
text-align: center
}
.page-404 .wrapper-404 .block-404 .content-404 .sub-title-404 {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 18px
}
.page-404 .wrapper-404 .block-404 .content-404 .text-404 {
font-size: 14px;
letter-spacing: .7px;
line-height: 16px
}
.page-404 .go-to-main {
font-size: 16px;
letter-spacing: .7px;
padding-bottom: 40px;
cursor: pointer;
bottom: 40px;
position: absolute;
left: 50%;
margin-left: -45px;
transition: .3s opacity;
will-change: opacity
}
.page-404 .go-to-main:after {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2237%22%20viewBox%3D%220%200%2018%2037%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.022%2C0.757a1%2C1%2C0%2C0%2C1%2C1.009%2C1V32.987l5.66-5.6a1.015%2C1.015%2C0%2C0%2C1%2C1.426%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.416l-7.245%2C7.17a1.014%2C1.014%2C0%2C0%2C1-1.426%2C0L1.2%2C28.806a1%2C1%2C0%2C0%2C1%2C0-1.416%2C1.014%2C1.014%2C0%2C0%2C1%2C1.426%2C0l5.387%2C5.326V1.759A1%2C1%2C0%2C0%2C1%2C9.022.757Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 100%;
width: 18px;
height: 37px;
display: block;
content: '';
position: absolute;
left: 50%;
margin-left: -9px;
top: 30px
}
.main-page .go-to-main {
position: absolute;
left: 50%;
bottom: 38px;
transform: translateX(-50%);
font-size: 16px;
letter-spacing: .8px;
padding-bottom: 40px;
transition: .3s opacity;
will-change: opacity;
z-index: 100;
cursor: pointer
}
.main-page .go-to-main:after {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2237%22%20viewBox%3D%220%200%2018%2037%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M9.022%2C0.757a1%2C1%2C0%2C0%2C1%2C1.009%2C1V32.987l5.66-5.6a1.015%2C1.015%2C0%2C0%2C1%2C1.426%2C0%2C1%2C1%2C0%2C0%2C1%2C0%2C1.416l-7.245%2C7.17a1.014%2C1.014%2C0%2C0%2C1-1.426%2C0L1.2%2C28.806a1%2C1%2C0%2C0%2C1%2C0-1.416%2C1.014%2C1.014%2C0%2C0%2C1%2C1.426%2C0l5.387%2C5.326V1.759A1%2C1%2C0%2C0%2C1%2C9.022.757Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% 100%;
width: 18px;
height: 37px;
display: block;
content: '';
position: absolute;
left: 50%;
margin-left: -9px;
top: 30px
}
@media (min-width:768px) {
.page-404 .wrapper-404 .block-404 .content-404 .title-404 {
letter-spacing: 4px;
line-height: 50px;
font-size: 28px;
margin-bottom: 8px
}
.page-404 .wrapper-404 .block-404 .content-404 .sub-title-404 {
margin-bottom: 22px
}
.page-404 .go-to-main {
padding-bottom: 55px;
bottom: 85px
}
.page-404 .go-to-main:after {
top: 32px
}
.main-page .go-to-main {
padding-bottom: 55px
}
.main-page .go-to-main:after {
top: 32px
}
}
@media (min-width:980px) {
.page-404 .wrapper-404 .block-404 .content-404 .title-404 {
letter-spacing: 5px;
font-size: 36px;
margin-bottom: 7px
}
.page-404 .wrapper-404 .block-404 .content-404 .sub-title-404 {
margin-bottom: 28px
}
.page-404 .wrapper-404 .block-404 .content-404 .text-404 {
font-size: 19px;
letter-spacing: 1px;
line-height: 30px
}
.page-404 .go-to-main {
font-size: 19px;
bottom: 65px
}
.page-404 .go-to-main:after {
top: 37px
}
.main-page .go-to-main {
font-size: 19px
}
.main-page .go-to-main:after {
top: 37px
}
}
@media (min-width:1440px) {
.page-404 .wrapper-404 .block-404 .content-404 .title-404 {
font-size: 42px;
margin-bottom: 23px;
letter-spacing: 6px
}
.page-404 .wrapper-404 .block-404 .content-404 .sub-title-404 {
font-size: 17px;
letter-spacing: 2px;
margin-bottom: 32px
}
.page-404 .wrapper-404 .block-404 .content-404 .text-404 {
font-size: 22px
}
.page-404 .go-to-main {
font-size: 22px;
padding-bottom: 65px;
bottom: 40px
}
.page-404 .go-to-main:after {
top: 47px
}
.main-page .go-to-main {
font-size: 22px;
padding-bottom: 65px
}
.main-page .go-to-main:after {
top: 47px
}
}
.no-touch.page-404 .go-to-main:hover {
opacity: .5
}
.no-touch.main-page .go-to-main:hover {
opacity: .5
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block {
padding-bottom: 6px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .h3,
.sitemap-page .sitemap-blocks-wrapper .sitemap-block h3 {
text-align: center;
margin-bottom: 12px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .h3 a,
.sitemap-page .sitemap-blocks-wrapper .sitemap-block h3 a {
border-color: transparent
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock {
text-align: center;
margin-bottom: 25px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a {
border-bottom-color: transparent;
position: relative;
font-size: 13px;
margin-right: 40px;
letter-spacing: .6px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:after,
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:before {
width: 1px;
height: 85%;
display: block;
position: absolute;
left: 100%;
top: 0;
content: ''
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:before {
background: #000;
margin-left: 20px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:after {
background: #a5a5a4;
margin-left: 19px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:last-child {
margin-right: 0
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:last-child:after,
.sitemap-page .sitemap-blocks-wrapper .sitemap-subblock a:last-child:before {
display: none
}
.no-touch.sitemap-page .sitemap-block .h3 a:hover {
border-color: #ed1c25
}
.no-touch.sitemap-page .sitemap-block .sitemap-subblock a:hover {
border-color: #ed1c25
}
@media (min-width:768px) {
.sitemap-page h1 {
font-size: 38px
}
.sitemap-page .sitemap-blocks-wrapper {
margin: 0 65px;
position: relative;
font-size: 0;
padding-top: 10px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block {
display: inline-block;
vertical-align: top;
width: 25%
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(1) {
width: 50%
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(2) {
width: 100%;
position: relative;
left: 0;
text-align: left
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(4) .h3 {
text-align: right
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .h3,
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .sitemap-subblock,
.sitemap-page .sitemap-blocks-wrapper .sitemap-block h3 {
text-align: left
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .h3,
.sitemap-page .sitemap-blocks-wrapper .sitemap-block h3 {
font-size: 21px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .sitemap-subblock .h3 {
font-size: 18px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .sitemap-subblock a {
margin-right: 24px;
left: 4px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .sitemap-subblock a:before {
margin-left: 12px
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block .sitemap-subblock a:after {
margin-left: 11px
}
}
@media (min-width:768px) and (max-width:980px) {
.sitemap-block:nth-child(2) {
width: 100%;
position: relative;
left: 0;
text-align: left
}
.sitemap-block:nth-child(3),
.sitemap-block:nth-child(4) {
position: absolute;
top: 0
}
.sitemap-block:nth-child(3) {
left: 50%
}
.sitemap-block:nth-child(4) {
left: 75%
}
}
@media (min-width:980px) {
.sitemap-page .sitemap-blocks-wrapper {
width: 940px;
margin: 0 auto
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(1) {
width: 25%
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(2) {
position: relative;
width: 28%;
margin-top: 0;
left: auto
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(3) {
width: 22%
}
.sitemap-page .sitemap-blocks-wrapper .sitemap-block:nth-child(3) .h3 {
text-align: right
}
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.style-page .img-signature {
position: relative
}
.style-page .img-signature span {
display: block;
text-align: right;
color: #999;
font-size: 13px;
line-height: 17px;
margin: 6px 20px 0 0;
letter-spacing: .4px
}
.style-page .default-slider .swiper-pagination {
padding: 0 20px;
position: relative!important
}
.style-page .default-slider .swiper-pagination .pag-content {
display: table
}
.style-page .default-slider .swiper-pagination .pag-content .number-of,
.style-page .default-slider .swiper-pagination .pag-content .pag-slides-text {
display: table-cell;
width: 100%
}
.style-page .default-slider .swiper-pagination .pag-content .pag-slides-text {
font-size: 14px;
line-height: 18px;
color: #000;
text-align: left;
box-sizing: border-box;
padding: 6px 20px 0 0
}
.style-page .default-slider .swiper-pagination .pag-content .number-of {
color: #3e3e3e;
font-size: 18px;
position: relative;
top: 6px
}
.style-page .default-slider .swiper-pagination .pag-content .number-of span {
font-size: 11px;
color: #999;
position: relative;
top: -5px;
left: 2px
}
.style-page .default-slider .default-swiper-wrapper {
width: 100%;
height: 215px;
position: relative;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.style-page .default-slider .default-swiper-slide {
text-align: center;
font-size: 18px;
display: block;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
position: relative
}
.style-page .default-slider .default-swiper-slide.swiper-slide-active {
z-index: 2
}
.style-page .default-slider .default-swiper-slide.swiper-slide-active:after {
opacity: 0
}
.style-page .default-slider .default-swiper-slide:after {
width: 100%;
height: 100%;
display: block;
content: '';
position: absolute;
left: 0;
top: 0;
opacity: .85;
transition: .5s
}
.style-page .default-slider .default-swiper-slide img {
height: 100%
}
.style-page .default-slider .default-slider-btn {
background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2228%22%20viewBox%3D%220%200%2016%2028%22%3E%0D%0A%20%20%3Cdefs%3E%0D%0A%20%20%20%20%3Cstyle%3E%0D%0A%20%20%20%20%20%20.cls-1%20%7B%0D%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0D%0A%20%20%20%20%20%20%7D%0D%0A%20%20%20%20%3C%2Fstyle%3E%0D%0A%20%20%3C%2Fdefs%3E%0D%0A%20%20%3Cpath%20id%3D%22hover%22%20class%3D%22cls-1%22%20d%3D%22M1209.4%2C3253.59a1.492%2C1.492%2C0%2C0%2C0%2C2.06%2C0l13.1-12.6a1.36%2C1.36%2C0%2C0%2C0%2C0-1.98l-13.1-12.6a1.5%2C1.5%2C0%2C0%2C0-2.06%2C0%2C1.36%2C1.36%2C0%2C0%2C0%2C0%2C1.98l12.07%2C11.61-12.07%2C11.61A1.36%2C1.36%2C0%2C0%2C0%2C1209.4%2C3253.59Z%22%20transform%3D%22translate(-1209%20-3226)%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A') no-repeat;
width: 16px;
height: 28px;
position: absolute;
left: calc(50% - 9px);
cursor: pointer;
z-index: 2;
display: none
}
.style-page .default-slider .default-slider-btn.swiper-button-disabled {
opacity: .3;
cursor: default
}
.style-page .default-slider .default-slider-btn._prev {
margin-left: -470px;
transform: rotate(180deg)
}
.style-page .default-slider .default-slider-btn._next {
margin-left: 470px
}
.style-page .full-width img {
width: 100%
}
.style-page .table {
overflow-x: auto
}
.style-page .table table {
min-width: 940px
}
.style-page .table table td {
font-size: 16px;
line-height: 24px;
height: 60px;
padding: 17px 0;
box-sizing: border-box;
color: #000
}
.style-page .table table tfoot td,
.style-page .table table thead td {
font-weight: 600
}
.style-page .table table thead td {
border-bottom: 2px solid #c2bcb7
}
.style-page .table table tbody td {
border-bottom: 1px solid rgba(140, 130, 121, .3)
}
.style-page .content p+ol,
.style-page .content p+ul {
margin-top: 22px
}
.style-page .content ol,
.style-page .content ul {
list-style: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 33px
}
.style-page .content ol li,
.style-page .content ul li {
color: #000;
font-size: 16px;
line-height: 24px;
margin-bottom: 26px;
margin-left: 45px;
letter-spacing: .8px;
position: relative
}
.style-page .content ul li:before {
content: '●';
position: absolute;
left: -21px
}
.style-page .content ol {
counter-reset: item
}
.style-page .content ol li:before {
content: counter(item) ". ";
counter-increment: item;
position: absolute;
left: -20px;
font-weight: 600
}
.style-page .content ol li ol {
counter-reset: item_item;
margin-top: 25px;
margin-left: -13px;
margin-bottom: 23px
}
.style-page .content ol li ol li:before {
content: counter(item) "." counter(item_item);
counter-increment: item_item;
left: -30px
}
.style-page .quote .quote-img {
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 50%;
margin-bottom: 22px
}
.style-page .quote .quote-img img {
height: 100%
}
.style-page .quote p {
font-size: 20px;
line-height: 30px;
letter-spacing: 1px;
position: relative
}
.style-page .quote p:before {
content: '«';
position: absolute;
left: -13px
}
.style-page .quote p:after {
content: '»'
}
.style-page .quote span {
color: #999;
font-size: 14px;
line-height: 21px;
display: block;
margin-top: 10px;
letter-spacing: .7px
}
.style-page .download-link {
border-bottom: none;
min-height: 60px;
padding-left: 55px;
display: inline-block;
color: #000;
margin-bottom: 33px;
max-width: 320px;
vertical-align: top
}
.style-page .download-link._pdf .sign:after {
content: '.pdf'
}
.style-page .download-link._jpg .sign:after {
content: '.jpg'
}
.style-page .download-link._zip .sign:after {
content: '.zip'
}
.style-page .download-link._doc .sign:after {
content: '.doc'
}
.style-page .download-link._xls .sign:after {
content: '.xls'
}
.style-page .download-link .sign {
width: 40px;
height: 53px;
border: 2px solid #ed1c25;
border-radius: 5px;
display: inline-block;
position: absolute;
left: 0;
box-sizing: border-box
}
.style-page .download-link .sign:before {
background-image: url('data:image/svg+xml,%3Csvg%20style%3D%22fill%3A%20%23ed1c25%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2223%22%20viewBox%3D%220%200%2014%2023%22%3E%0D%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M39.984%2C5735a0.984%2C0.984%2C0%2C0%2C1%2C.986.98v18.8l4.467-4.43a0.984%2C0.984%2C0%2C0%2C1%2C1.4%2C0%2C0.98%2C0.98%2C0%2C0%2C1%2C0%2C1.39l-6.018%2C5.97a1%2C1%2C0%2C0%2C1-1.4%2C0l-6.017-5.97a0.985%2C0.985%2C0%2C1%2C1%2C1.4-1.39l4.2%2C4.16v-18.53A0.984%2C0.984%2C0%2C0%2C1%2C39.984%2C5735Z%22%20transform%3D%22translate(-33.125%20-5735)%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
display: block;
content: '';
width: 15px;
height: 23px;
position: absolute;
top: 50%;
left: 50%;
margin: -18px 0 0 -8px
}
.style-page .download-link .sign:after {
font-size: 10px;
font-weight: 600;
color: #000;
width: 100%;
text-align: center;
text-transform: uppercase;
position: absolute;
bottom: 2px;
left: -2px;
transition: .1s linear
}
.style-page .download-link .download-text-block {
display: inline-block
}
.style-page .download-link .text {
font-size: 13px;
line-height: 15px;
letter-spacing: 1px;
transition: .1s linear
}
.style-page .download-link .size {
display: block;
font-size: 12px;
line-height: 18px;
color: #999
}
@media (min-width:768px) {
.style-page .default-swiper-slide {
display: -ms-flexbox;
display: flex
}
.style-page .default-slider .default-swiper-slide:after {
background: #fff
}
.style-page .default-slider .swiper-pagination {
padding: 0 30px;
max-width: 940px;
margin: 0 auto
}
.style-page .default-slider .swiper-pagination .pag-content {
font-size: 20px
}
.style-page .default-slider .swiper-pagination .pag-content .pag-slides-text {
font-size: 15px;
line-height: 23px
}
.style-page .default-slider .swiper-pagination .pag-content .number-of {
font-size: 21px
}
.style-page .default-slider .swiper-pagination .pag-content .number-of span {
font-size: 14px
}
.style-page .default-slider .default-swiper-wrapper {
height: 540px
}
.style-page .content p+ol,
.style-page .content p+ul {
margin-top: -8px
}
.style-page .content ol li,
.style-page .content ul li {
margin-bottom: 16px
}
.style-page .content ol li ol {
margin-top: 17px;
margin-bottom: 17px
}
.style-page .quote .quote-img {
margin-bottom: 18px
}
.style-page .quote p {
margin-bottom: 0
}
.style-page .quote span {
margin-top: 6px
}
.style-page .f-adaptive-right {
float: right;
margin: 0 -40px 10px 40px;
max-width: 54%
}
.style-page .f-adaptive-left {
float: left;
margin: 0 40px 10px -30px;
max-width: 54%
}
.style-page .img-signature span {
margin-top: 10px
}
.style-page .download-link {
max-width: 295px
}
}
@media (min-width:980px) {
.style-page .default-slider .swiper-pagination {
max-width: 940px;
margin: 0 auto
}
.style-page .default-slider .swiper-pagination .pag-content {
margin-top: 15px
}
.style-page .default-slider .default-slider-btn {
display: block
}
.style-page .full-width {
width: 100%;
max-width: 1200px;
margin: 0 auto
}
.style-page .f-adaptive-right {
margin: 0 -130px 10px 40px!important;
max-width: 430px!important
}
.style-page .f-adaptive-left {
margin: 0 40px 10px -130px!important;
max-width: 430px!important
}
.style-page .download-link {
width: 50%
}
.style-page .text-block {
width: 940px;
margin: 0 auto
}
}
@media (min-width:1440px) {
.style-page .quote .quote-img {
float: left;
margin-right: 40px
}
.style-page .quote p {
font-size: 24px;
line-height: 32px;
letter-spacing: 1.2px;
max-width: 750px
}
.style-page .quote p:before {
left: 87px
}
.style-page .quote span {
margin-top: 12px;
margin-left: 103px
}
}
.no-touch.style-page .download-link:hover .text {
color: #ed1c25
}
.no-touch.style-page .download-link:hover .sign:after {
color: #ed1c25
}
.mp-screens-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
transition: top .6s;
-webkit-overflow-scrolling: auto;
z-index: 10;
transform: translateZ(0)
}
.mp-screens-cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 10
}
.mp-screens-wrap {
position: relative;
width: 100%;
box-sizing: content-box;
z-index: 10;
transition-property: transform, top;
transition-duration: 0s;
transform: translate3d(0, 0, 0);
transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
.mp-screens-item {
width: 100%;
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
transition: opacity .3s
}
.mp-screens-bg {
position: absolute;
top: 0;
left: 50%;
height: 100%;
max-height: 100%;
width: auto;
transform: translateX(-50%)
}
html._video-popup {
overflow: hidden
}
html._video-popup body {
overflow: hidden
}
html._video-popup .header,
html._video-popup .second-footer {
display: none
}
html._video-popup._all-controls-hide .ip-close-btn {
opacity: 0
}
.video-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
background-color: #f8f7f6;
z-index: 1000;
display: none
}
.video-popup .ip-close-btn {
display: block;
background-color: #f8f7f6;
cursor: pointer;
transition: .3s opacity;
will-change: opacity
}
.video-popup .inner-video {
opacity: 1
}
.video-popup .video-play-pause {
pointer-events: auto;
z-index: 500
}
.video-popup .screen-play-btn-mobile {
z-index: 500
}
.popup-video-cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: #3d3d3d;
z-index: 10
}
.popup-video-cont._active {
display: block
}
._nav-blocked .mp-nav-slider {
pointer-events: none
}
._video-opened-global .mp-nav-slider {
opacity: 0
}
.mp-nav-slider {
position: absolute;
top: 53.4%;
left: 24px;
width: 40px;
height: 370px;
overflow: hidden;
display: block;
z-index: 20;
transform: translateY(-50%);
transition: opacity .1s
}
.mp-nav-cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 10
}
.mp-nav-wrap {
position: relative;
width: 100%;
box-sizing: content-box;
z-index: 10;
transition-property: transform, top;
transition-duration: 0s;
transform: translate3d(0, 0, 0);
transition-timing-function: ease
}
.mp-nav-item {
width: 32px;
height: 32px;
margin: 0 auto;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 50% 45%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpi/P//PwM1AOOoQaMGjRo0atBwMwggwACJhzXdtMK+yQAAAABJRU5ErkJggg==);
background-size: 18px 18px;
border-radius: 50%;
transition: all .2s
}
.mp-nav-item._active .mp-nav-item-dot {
width: 100%!important;
height: 100%!important;
background-color: transparent!important;
cursor: default!important;
pointer-events: none!important
}
.mp-nav-item._network._active {
background-image: url('../images/02_Icone/icona_laterale_home.png');
background-size: 30px 30px;
}
.mp-nav-item._air._active {
background-image: url('../images/02_Icone/icona_laterale_trasportoaereo.png');
background-size: 30px 30px;
background-position: 50% 50%
}
.mp-nav-item._acqua._active {
background-image: url('../images/02_Icone/icona_laterale_trasportomare.png');
background-size: 30px 30px;
}
.mp-nav-item._strada._active {
background-image: url('../images/02_Icone/icona_laterale_trasportostrada.png');
background-size: 30px 30px;
}
.mp-nav-item._specialproject._active {
background-image: url('../images/02_Icone/icona_laterale_special.png');
background-size: 30px 30px;
}
.mp-nav-item._internazionalizzazione._active {
background-image: url('../images/02_Icone/icona_laterale_internazionalizzazione.png');
background-size: 30px 30px;
}
.mp-nav-item._contatti._active {
background-image: url('../images/02_Icone/icona_laterale_contatti.png');
background-size: 30px 30px;
}
.mp-nav-item-dot {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 8px;
height: 8px;
box-sizing: border-box;
background-color: #fff;
border-radius: 50%;
border: none;
cursor: pointer;
transition: all .2s
}
.no-touch .mp-nav-item-dot:hover {
width: 12px;
height: 12px;
/*background-color: transparent*/
}
@media (max-width:767px) {
.mp-nav-slider {
top: 50%;
left: 5px;
height: 230px;
}
.mp-nav-item {
height: 30px!important;
margin-bottom: 2px!important
}
.mp-nav-item._active .mp-nav-item-dot {
opacity: 1
}
.mp-nav-item-dot {
width: 6px;
height: 6px;
opacity: .7
}
}
@media (min-width:768px) {
.mp-nav-slider {
top: 54.4%;
left: 13px;
height: 370px
}
.mp-nav-item {
width: 40px;
height: 40px
}
.mp-nav-item-dot {
width: 8px;
height: 8px
}
}
@media (min-width:980px) {
.mp-nav-slider {
top: 53.4%;
left: 21px
}
}
@media (min-width:1440px) {
.mp-nav-slider {
left: 40px
}
}
@media (min-width:1920px) {
.mp-nav-slider {
top: 52.4%
}
}
.mp-screens-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
transition: top .6s;
-webkit-overflow-scrolling: auto;
z-index: 10;
transform: translateZ(0)
}
.mp-screens-cont {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 10
}
.mp-screens-wrap {
position: relative;
width: 100%;
box-sizing: content-box;
z-index: 10;
transition-property: transform, top;
transition-duration: 0s;
transform: translate3d(0, 0, 0);
transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
.mp-screens-item {
width: 100%;
overflow: hidden;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
transition: opacity .3s
}
.mp-screens-bg {
position: absolute;
top: 0;
left: 50%;
height: 100%;
max-height: 100%;
width: 100%;
transform: translateX(-50%);
object-fit: cover;
}
h5{
font: 500 1.25rem/1.25rem Montserrat, sans-serif !important;
}
footer {
position: absolute;
bottom: 0;
z-index: 99;
width: 100%;
padding-left: 49px;
padding-right: 49px;
/*left: 49px;*/
bottom: 23px;
}
footer a.social {
margin-right: 10px;
}
footer a {
cursor: pointer;
}
footer a span {
font-size: 18px;
}
footer a.social {
font-size: 17px;
}
footer span.copy {
text-align: right;
position: relative;
/*width: 100%;*/
/*display: block;*/
font-size: 9px;
float: right;
display: inline-block;
top: -3px;
margin-right: 15px;
}
.cento {
width: 100%;
}
/* BG */
.bg-blue {
background-color: #355e91;
}
.bg-white {
background-color: #FFFFFF;
}
/* PADDING */
.ptb-10 {
padding: 10px 0;
}
.ptb-20 {
padding: 20px 0;
}
.ptb-40 {
padding: 40px 0;
}
.ptb-80 {
padding: 80px 0;
}
/* PULSANTI */
.pulsante-normal {
padding: 15px 30px;
background-color: #355e91;
font-size: 14px;
transition: all 0.3s ease 0s;
display: inline-block;
}
.pulsante-normal:hover {
background-color: #0b4b91;
transition: all 0.3s ease 0s;
}
#box::before,
#box::after {
content: '';
position: absolute;
top: 0;
right: 0;
border-color: transparent;
border-style: solid;
}
/*#box::before {*/
/*border-width: 1.5em;*/
/*border-right-color: #ccc;*/
/*border-top-color: #ccc;*/
/*}*/
#box::after {
border-width: 2em;
border-right-color: #355e91;
border-top-color: #355e91;
transform: rotate(45deg);
z-index: 1;
top: 45%;
right: -7px;
}
.box-form-aria .box-1 {
text-align: center;
}
.box-form-aria .box-2 {
padding-left: 30px;
}
span.chiocciolaForm {
border: 2px solid;
padding: 10px;
border-radius: 50%;
font-size: 29px;
position: relative;
width: 70px;
height: 70px;
display: inline-block;
}
/* FORM */
.form-style-1 {
/*margin:10px auto;*/
max-width: 400px;
padding: 20px 10px;
font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.form-style-1 li {
padding: 0;
display: block;
list-style: none;
margin: 10px 0 0 0;
}
.form-style-1 label{
margin:0 0 3px 0;
padding:0px;
display:block;
font-weight: bold;
color: #222;
text-align: left;
}
.form-style-1 input[type=text],
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea,
select{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
border:1px solid #BEBEBE;
padding: 7px;
margin:0px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
.form-style-1 input[type=text]:focus,
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus,
.form-style-1 select:focus{
-moz-box-shadow: 0 0 8px #88D5E9;
-webkit-box-shadow: 0 0 8px #88D5E9;
box-shadow: 0 0 8px #88D5E9;
border: 1px solid #88D5E9;
}
.form-style-1 .field-divided{
width: 49%;
}
.form-style-1 .field-long{
width: 100%;
}
.form-style-1 .field-select{
width: 100%;
}
.form-style-1 .field-textarea{
height: 100px;
}
/*.form-style-1 input[type=submit], .form-style-1 input[type=button]{*/
/*background: #4B99AD;*/
/*padding: 8px 15px 8px 15px;*/
/*border: none;*/
/*color: #fff;*/
/*}*/
/*.form-style-1 input[type=submit]:hover, .form-style-1 input[type=button]:hover{*/
/*background: #4691A4;*/
/*box-shadow:none;*/
/*-moz-box-shadow:none;*/
/*-webkit-box-shadow:none;*/
/*}*/
.form-style-1 .required{
color:red;
}
/* Custom */
.slider-icon-1 {
margin-right: calc(-19.6vw + 40px);
top: 30vw;
}
.slider-icon-2 {
margin-right: calc(-10.6vw + 40px);
top: -30vw;
}
.slider-icon-3 {
margin-right: calc(-5.6vw + 40px);
top: 44vw;
}
.slider-circle-2 {
right: 30vh;
}
.slider-circle-3 {
right: -30vh;
}
.slider-circle-4 {
right: 50vh;
}
.slider-circle-7 {
top: 20vh;
}
.cerchio-final {
border: none;
border-radius: 0;
}
.center {
text-align: center;
}
.silog-network-1 {
width: 200px;
max-width: 100%;
}
.network-line-image {
margin-top: 165px;
}
@media (min-width: 1920px) {
.network-line-image {
margin-top: 250px;
}
}
.network-line-1 {
width: 235px;
position: absolute;
margin-left: -210px;
margin-top: 15px;
}
.network-line-2 {
width: 290px;
position: absolute;
margin-left: -20px;
margin-top: -215px;
}
.network-line-3
{
width: 105px;
position: absolute;
margin-left: 230px;
margin-top: -150px;
}
.network-logo {
width: 200px;
padding: 20px;
}
.network-pianeta {
width: 600px;
margin-top: -20px;
}
.clearfix {
clear: both;
}
.txt-right {
text-align: right;
}
.txt-center {
text-align: center;
}
.txt-left {
text-align: left;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
}
a.overlay:hover {
opacity: 1;
}
a.overlay .text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
img.cover {
object-fit: cover;
}
.icon-1-silog-network {
position: absolute;
right: 0;
bottom: 20px;
width: 20px;
}
.icon-2-silog-network {
position: absolute;
left: 0;
bottom: 20px;
width: 22px;
}
.icon-3-silog-network {
position: absolute;
right: 0;
bottom: 18px;
width: 28px;
}
.icon-1-aria {
position: absolute;
bottom: 22px;
width: 37px;
right: 0;
}
.icon-1-acqua {
position: absolute;
bottom: 20px;
width: 25px;
right: 0;
}
.icon-1-strada {
position: absolute;
bottom: 20px;
width: 25px;
right: 0;
}
.icon-1-internazionalizzazione {
position: absolute;
bottom: 20px;
width: 25px;
right: 0;
}
.icon-1-specialproject {
position: absolute;
bottom: 20px;
width: 25px;
right: 0;
}
.icon-1-contatti {
position: absolute;
bottom: 22px;
width: 25px;
right: 0;
}
.info-page h1 span {
display: block;
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
margin: 0;
padding: 0;
line-height: 1.2;
}
.txt-black,
.txt-black h1,
.txt-black h2,
.txt-black h3,
.txt-black h4 {
color: #111111;
}
.txt-white {
color: #ffffff;
}
.txt-white-i {
color: #ffffff !important;
}
.uppercase {
text-transform: uppercase !important;
}
.checkboxForm {
display: inline-block !important;
margin-left: 20px !important;
}
.icon-azienda {
position: absolute !important;
top: 530px;
}
.box-citta img {
width: 170px;
}
.cerchio-final,
.mp-screen-title,
.mp-screen-subtitle {
cursor: pointer;
}
.cerchio-final {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.js-info-page-open:hover .cerchio-final {
transform: scale(1.08);
}
.cerchio-table {
display: table;
position: absolute;
height: 100%;
width: 100%;
}
.cerchio-sup {
display: table-cell;
vertical-align: middle;
padding: 45px;
}
.lang {
display: inline-block;
top: -5px;
right: 10px;
font-size: 13px;
}
.info-page a {
color: black;
}
.form-ev {
color: #0056b3;
text-decoration: underline;
}
@media (max-width: 1440px) {
.icon-azienda {
top: 535px;
}
}
@media (max-width: 991px) {
.icon-azienda {
position: relative !important;
top: 0;
margin-top: 20px;
width: 100% !important;
flex: 0 0 100% !important;
-ms-flex: 0 0 100% !important;
max-width: 100% !important;
}
.network-line-1 , .network-line-2 , .network-line-3 {
display: none !important;
}
.info-page {
/*padding: 25px 20px 0px 45px;*/
/*position: absolute;*/
/*display: block;*/
padding: 0;
display: block;
margin: 0;
}
.info-page-content {
width: 100% !important;
max-width: 100% !important;
/*width: 100% !important;*/
/*padding-left: 10px;*/
/*max-width: 100%;*/
/*float: left;*/
/*display: inline;*/
}
}
@media (max-width: 768px) {
.slider-circle-2, .slider-circle-3, .slider-circle-4, .slider-circle-7 {
top: inherit;
right: 0vh;
}
.box-form-aria .box-2 {
padding-left: 0px;
}
.form-style-1 {
max-width: 100%;
padding-top: 0 !important;
}
.logo-sez-1 {
text-align: center;
}
}
@media (max-width: 640px) {
#box {
margin-top: 0;
}
}
@media (max-width: 420px) {
.info-page-content-inner {
padding: 10px 20px 20px 45px;
}
.f-social-inner {
width: 100%;
}
.f-social-b {
width: 100%;
text-align: center;
margin: 0;
}
.f-social-inner {
width: 100% !important;
text-align: center;
}
.f-social-inner a:last-child {
margin-right: 0px;
}
footer span.copy {
text-align: center;
display: block;
width: 100%;
margin: 0;
}
.cerchio-sup {
padding-left: 8vh;
padding-right: 0;
}
}
@media (max-width: 320px) {
.cerchio-sup {
padding-left: 10vh;
padding-right: 2vh;
}
}