@charset "UTF-8";
html {
box-sizing: border-box;
}
*,
:after,
:before {
box-sizing: inherit;
}
.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 {
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
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 {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.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;
background-size: 27px 44px;
background-position: 50%;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(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: 0.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);
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, 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);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl
.swiper-pagination-progress
.swiper-pagination-progressbar {
-webkit-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, 0.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;
-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;
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: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.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;
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;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-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;
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: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
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, 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, 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%;
transform-origin: 50%;
-webkit-animation: a 1s steps(12) infinite;
animation: a 1s steps(12) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
}
@-webkit-keyframes a {
to {
-webkit-transform: rotate(1turn);
}
}
@keyframes a {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.c3 svg {
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent;
}
.c3 line,
.c3 path {
fill: none;
stroke: #000;
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.c3-bars path,
.c3-event-rect,
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: #fff;
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px;
}
.c3-grid line {
stroke: #aaa;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
fill: gray;
font-size: 2em;
}
.c3-line {
stroke-width: 1px;
}
.c3-circle._expanded_ {
stroke-width: 1px;
stroke: #fff;
}
.c3-selected-circle {
fill: #fff;
stroke-width: 2px;
}
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 0.75;
}
.c3-target.c3-focused {
opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3 !important;
}
.c3-region {
fill: #4682b4;
fill-opacity: 0.1;
}
.c3-brush .extent {
fill-opacity: 0.1;
}
.c3-legend-item {
font-size: 12px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: #fff;
stroke: #d3d3d3;
stroke-width: 1;
}
.c3-title {
font: 14px sans-serif;
}
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
empty-cells: show;
box-shadow: 7px 7px 12px -9px #777;
opacity: 0.9;
}
.c3-tooltip tr {
border: 1px solid #ccc;
}
.c3-tooltip th {
background-color: #aaa;
font-size: 14px;
padding: 2px 5px;
text-align: left;
color: #fff;
}
.c3-tooltip td {
font-size: 13px;
padding: 3px 6px;
background-color: #fff;
border-left: 1px dotted #999;
}
.c3-tooltip td > span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
.c3-tooltip td.value {
text-align: right;
}
.c3-area {
stroke-width: 0;
opacity: 0.2;
}
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
}
/*!
* Pikaday
* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
*/
.pika-single {
z-index: 9999;
display: block;
position: relative;
color: #333;
background: #fff;
border: 1px solid #ccc;
border-bottom-color: #bbb;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
.pika-single.is-hidden {
display: none;
}
.pika-single.is-bound {
position: absolute;
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}
.pika-single {
*zoom: 1;
}
.pika-single:after,
.pika-single:before {
content: " ";
display: table;
}
.pika-single:after {
clear: both;
}
.pika-lendar {
float: left;
width: 240px;
margin: 8px;
}
.pika-title {
position: relative;
text-align: center;
}
.pika-title select {
cursor: pointer;
position: absolute;
z-index: 9998;
margin: 0;
left: 0;
top: 5px;
filter: alpha(opacity=0);
opacity: 0;
}
.pika-label {
display: inline-block;
*display: inline;
position: relative;
z-index: 9999;
overflow: hidden;
margin: 0;
padding: 5px 3px;
font-size: 14px;
line-height: 20px;
font-weight: 700;
background-color: #fff;
}
.pika-next,
.pika-prev {
display: block;
cursor: pointer;
position: relative;
outline: none;
border: 0;
padding: 0;
width: 20px;
height: 30px;
text-indent: 20px;
white-space: nowrap;
overflow: hidden;
background-color: transparent;
background-position: 50%;
background-repeat: no-repeat;
background-size: 75% 75%;
opacity: 0.5;
*position: absolute;
*top: 0;
}
.pika-next:hover,
.pika-prev:hover {
opacity: 1;
}
.pika-next.is-disabled,
.pika-prev.is-disabled {
cursor: default;
opacity: 0.2;
}
.is-rtl .pika-next,
.pika-prev {
float: left;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
*left: 0;
}
.is-rtl .pika-prev,
.pika-next {
float: right;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
*right: 0;
}
.pika-select {
display: inline-block;
*display: inline;
}
.pika-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 0;
}
.pika-table td,
.pika-table th {
width: 14.285714285714286%;
padding: 0;
}
.pika-table th {
color: #999;
font-size: 12px;
line-height: 25px;
font-weight: 700;
text-align: center;
}
.pika-table abbr {
border-bottom: none;
cursor: help;
}
.pika-button {
cursor: pointer;
display: block;
box-sizing: border-box;
outline: none;
border: 0;
margin: 0;
width: 100%;
padding: 5px;
color: #666;
font-size: 12px;
line-height: 15px;
text-align: right;
background: #f5f5f5;
}
.is-today .pika-button {
color: #3af;
font-weight: 700;
}
.is-selected .pika-button {
color: #fff;
font-weight: 700;
background: #3af;
box-shadow: inset 0 1px 3px #178fe5;
border-radius: 3px;
}
.is-disabled .pika-button {
pointer-events: none;
cursor: default;
color: #999;
opacity: 0.3;
}
.pika-button:hover {
color: #fff;
background: #ff8000;
box-shadow: none;
border-radius: 3px;
}
.pika-week {
font-size: 11px;
color: #999;
}
.is-inrange .pika-button {
background: #d5e9f7;
}
.is-startrange .pika-button {
color: #fff;
background: #6cb31d;
box-shadow: none;
border-radius: 3px;
}
.is-endrange .pika-button {
color: #fff;
background: #3af;
box-shadow: none;
border-radius: 3px;
}
@font-face {
font-family: UniversLight;
src: url(../fonts/universLight.eot?#iefix);
src: url(../fonts/universLight.eot?#iefix) format("eot"),
url(../fonts/universLight.woff2) format("woff2"),
url(../fonts/universLight.woff) format("woff"),
url(../fonts/universLight.ttf) format("truetype"),
url(../fonts/universLight.svg#5b3db534-b1d7-4c58-aa51-0075f2fe9739)
format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Univers;
src: url(../fonts/univers.eot?#iefix);
src: url(../fonts/univers.eot?#iefix) format("eot"),
url(../fonts/univers.woff2) format("woff2"),
url(../fonts/univers.woff) format("woff"),
url(../fonts/univers.ttf) format("truetype"),
url(../fonts/univers.svg#d7d2f6ed-1dde-4178-9353-bdd0821e77cb)
format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: UniversBold;
src: url(../fonts/universBold.eot?#iefix);
src: url(../fonts/universBold.eot?#iefix) format("eot"),
url(../fonts/universBold.woff2) format("woff2"),
url(../fonts/universBold.woff) format("woff"),
url(../fonts/universBold.ttf) format("truetype"),
url(../fonts/universBold.svg#1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e)
format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: icomoon;
src: url(../fonts/icomoon.eot?tqg1z2);
src: url(../fonts/icomoon.eot?tqg1z2#iefix) format("embedded-opentype"),
url(../fonts/icomoon.ttf?tqg1z2) format("truetype"),
url(../fonts/icomoon.woff?tqg1z2) format("woff"),
url(../fonts/icomoon.svg?tqg1z2#icomoon) format("svg");
font-weight: 400;
font-style: normal;
}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
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: 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: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
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;
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: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style-type: none;
}
p,
ul {
padding: 0;
}
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin: 0;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
[class*=" icon-"] span,
[class^="icon-"] span {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.icon2-instagram:hover:before {
content: "\e94a";
}
.icon2-instagram:before {
content: "\e94a";
}
.icon-blog:before {
content: url(../img/icons/icono-blog.png);
}
.icon-blog:hover:before {
content: url(../img/icons/icono-blog-white.png);
}
.icon-arrow:before {
content: "\e900";
}
.icon-fb:before {
content: "\e901";
}
.icon-mail:before {
content: "\e902";
}
.icon-print:before {
content: "\e903";
}
.icon-twitter:before {
content: "\e904";
}
.icon-google:before {
content: "\e90b";
}
.icon-youtube:before {
content: "\e90a";
}
.icon-chevron-right:before {
content: "\e905";
}
.icon-chevron-left:before {
content: "\e906";
}
.icon-chevron-down:before {
content: "\e907";
}
.icon-chevron-up:before {
content: "\e908";
}
.icon-menu:before {
content: "\e909";
}
.icon-close:before {
content: "\e90d";
}
.icon-volume-mute:before {
content: "\e90c";
}
.icon-volume-none:before {
content: "\e90e";
}
.icon-volume-low:before {
content: "\e90f";
}
.icon-volume-med:before {
content: "\e910";
}
.icon-volume-high:before {
content: "\e911";
}
.icon-pause:before {
content: "\e912";
}
.icon-enlarge:before {
content: "\e913";
}
.icon-enlarge2:before {
content: "\e914";
}
.icon-play:before {
content: "\e915";
}
.icon-play-circ:before {
content: "\e916";
}
.icon-search:before {
content: "\e917";
}
.icon-download:before {
content: "\e918";
}
.icon-upload:before {
content: "\e94b";
}
.icon-tick:before {
content: "\e921";
}
.icon-search-small:before {
content: "\e91a";
}
.icon-rss-black:before {
content: url(../img/icons/rss.png);
}
.icon-rss:before {
content: "\e91b";
}
.icon-external:before {
content: "\e91c";
}
.icon-mail2:before {
content: "\e91f";
}
.icon-career:before {
content: "\e91d";
}
.icon-linkedin:before {
content: "\e91e";
}
.icon-video:before {
content: "\e920";
}
.icon-user:before {
content: "\e919";
}
.icon-link-external:before {
content: "\e924";
}
.icon-plus:before {
content: "\ea0a";
}
.icon-minus:before {
content: "\ea0b";
}
.icon-line-geothermal:before {
content: "\e922";
}
.icon-line-bulb:before {
content: "\e923";
}
.icon-line-car:before {
content: "\e925";
}
.icon-line-chat:before {
content: "\e926";
}
.icon-line-cooking:before {
content: "\e927";
}
.icon-line-download:before {
content: "\e928";
}
.icon-line-electricity:before {
content: "\e929";
}
.icon-line-facebook:before {
content: "\e92a";
}
.icon-line-family:before {
content: "\e92b";
}
.icon-line-file:before {
content: "\e92c";
}
.icon-line-flame:before {
content: "\e92d";
}
.icon-line-graph:before {
content: "\e92e";
}
.icon-line-heating:before {
content: "\e92f";
}
.icon-line-home:before {
content: "\e930";
}
.icon-line-info:before {
content: "\e931";
}
.icon-line-leaf:before {
content: "\e932";
}
.icon-line-mail:before {
content: "\e933";
}
.icon-line-nuclear:before {
content: "\e934";
}
.icon-line-oil-drum:before {
content: "\e935";
}
.icon-line-pc:before {
content: "\e936";
}
.icon-line-pen:before {
content: "\e937";
}
.icon-line-phone:before {
content: "\e938";
}
.icon-line-pin:before {
content: "\e939";
}
.icon-line-savings:before {
content: "\e93a";
}
.icon-line-solar:before {
content: "\e93b";
}
.icon-line-star:before {
content: "\e93c";
}
.icon-line-storage:before {
content: "\e93d";
}
.icon-line-tag:before {
content: "\e93e";
}
.icon-line-time:before {
content: "\e93f";
}
.icon-line-tv:before {
content: "\e940";
}
.icon-line-user:before {
content: "\e941";
}
.icon-line-wallet:before {
content: "\e942";
}
.icon-line-water:before {
content: "\e943";
}
.icon-line-wave:before {
content: "\e944";
}
.icon-line-wind:before {
content: "\e945";
}
.icon-line-spanner:before {
content: "\e946 ";
}
.icon-help-circle:before {
content: "\e94e";
}
.burger-icon,
.cross-icon {
width: 100%;
height: 16.6%;
position: absolute;
left: 0;
top: 50%;
margin-top: -16.6%;
background: #fff;
display: inline-block;
transition: all 0.3s;
}
.burger-icon:after,
.burger-icon:before,
.cross-icon:after,
.cross-icon:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff;
position: absolute;
z-index: -1;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.burger-icon:after,
.cross-icon:after {
top: 250%;
}
.burger-icon:before,
.cross-icon:before {
top: -250%;
}
.cross-icon {
background: none;
}
.cross-icon:after,
.cross-icon:before {
transition: none;
}
.cross-icon:after {
top: 0 !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cross-icon:before {
top: 0 !important;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon-rss {
box-size: content-box;
font-size: 18px;
background: #ff5a0f;
color: #fff;
padding: 3px 6px;
top: -3px;
margin-left: 10px;
}
a.icon-external {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none !important;
}
a.icon-external:before {
font-size: 0.8em;
margin-right: 0.5em;
}
.text--breadcrumb {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 10px;
letter-spacing: 0.4px;
line-height: 200%;
color: #fff;
opacity: 0.5;
text-transform: uppercase;
}
.text--breadcrumb:hover {
color: #000;
}
@media screen and (min-width: 768px) {
.text--breadcrumb {
font-size: 13px;
letter-spacing: 0.52px;
line-height: 184.61538%;
}
}
.text--page-heading {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 40px;
letter-spacing: -1.6px;
line-height: 115%;
color: #fff;
}
@media screen and (min-width: 768px) {
.text--page-heading {
font-size: 58px;
letter-spacing: -2.32px;
line-height: 103.44828%;
}
}
@media screen and (min-width: 1024px) {
.text--page-heading {
font-size: 68px;
letter-spacing: -2.72px;
line-height: 117.64706%;
}
}
.rich-text .rich-text_inner h1,
.rich-text .rich-text_inner h2,
.rich-text .rich-text_inner h3,
.rich-text .rich-text_inner h4,
.rich-text .rich-text_inner h5,
.rich-text .rich-text_inner h6,
.text--page-subheading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
letter-spacing: -0.88px;
line-height: 127.27273%;
color: #000;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner h1,
.rich-text .rich-text_inner h2,
.rich-text .rich-text_inner h3,
.rich-text .rich-text_inner h4,
.rich-text .rich-text_inner h5,
.rich-text .rich-text_inner h6,
.text--page-subheading {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
}
}
.text--date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: 0;
line-height: 128.57143%;
color: #999;
}
@media screen and (min-width: 768px) {
.text--date {
font-size: 16px;
letter-spacing: 0;
line-height: 137.5%;
}
}
.text--large {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: 0.36px;
line-height: 133.33333%;
color: #111;
}
@media screen and (min-width: 768px) {
.text--large {
font-size: 36px;
letter-spacing: 0.72px;
line-height: 133.33333%;
}
}
.rich-text .rich-text_inner p,
.text--standard {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 173.33333%;
color: #111;
}
.rich-text .rich-text_inner p a,
.text--standard a {
color: #ff0f64;
text-decoration: underline;
}
.rich-text .rich-text_inner p strong,
.text--standard strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner p,
.text--standard {
font-size: 22px;
letter-spacing: 0.44px;
line-height: 163.63636%;
}
}
.rich-text .rich-text_inner li,
.text--list-item {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 173.33333%;
color: #111;
}
.rich-text .rich-text_inner li a,
.text--list-item a {
color: #ff0f64;
text-decoration: underline;
}
.rich-text .rich-text_inner li strong,
.text--list-item strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner li,
.text--list-item {
font-size: 22px;
letter-spacing: 0.44px;
line-height: 163.63636%;
}
}
.text--caption {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 8px;
letter-spacing: -0.16px;
line-height: 225%;
color: #fff;
}
@media screen and (min-width: 768px) {
.text--caption {
font-size: 15px;
letter-spacing: -0.3px;
line-height: 180%;
}
}
.text--pull-quote {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 20px;
letter-spacing: -0.4px;
line-height: 150%;
color: #111;
}
@media screen and (min-width: 768px) {
.text--pull-quote {
font-size: 30px;
letter-spacing: -0.6px;
line-height: 150%;
}
}
.text--pull-quote-author {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: -0.24px;
line-height: 166.66667%;
color: #999;
}
@media screen and (min-width: 768px) {
.text--pull-quote-author {
font-size: 15px;
letter-spacing: -0.3px;
line-height: 133.33333%;
}
}
.text--footer-link {
font-weight: 500;
letter-spacing: 0;
line-height: 133.33333%;
color: #41b9e6;
}
.text--footer-link,
.text--list-title-med {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 18px;
}
.text--list-title-med {
font-weight: 400;
letter-spacing: -0.36px;
line-height: 166.66667%;
color: #ff0f64;
}
@media screen and (max-width: 767px) {
.text--list-title-med {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #000;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 127.27273%;
}
}
.text--list-title-large {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 120%;
color: #ff0f64;
}
@media screen and (max-width: 767px) {
.text--list-title-large {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #000;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 127.27273%;
}
}
.text--list-description {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: -0.36px;
line-height: 166.66667%;
color: #111;
}
.text--disclaimer {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: -0.336px;
line-height: 171.42857%;
color: #666;
}
@media screen and (max-width: 767px) {
.text--disclaimer {
font-size: 12px;
letter-spacing: -0.24px;
line-height: 166.66667%;
}
}
.text--error-heading {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 120px;
letter-spacing: -4.8px;
line-height: 125%;
}
@media screen and (max-width: 767px) {
.text--error-heading {
font-size: 40px;
letter-spacing: -1.2px;
line-height: 115%;
}
}
.text--hero-description {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 40px;
letter-spacing: -1.2px;
line-height: 115%;
}
@media screen and (max-width: 767px) {
.text--hero-description {
font-size: 20px;
letter-spacing: -0.4px;
line-height: 150%;
}
}
.text--error-reason {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 20px;
letter-spacing: 0;
line-height: 140%;
}
@media screen and (max-width: 767px) {
.text--error-reason {
font-size: 15px;
letter-spacing: 0;
line-height: 146.66667%;
}
}
.text--error-reason strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 24px;
letter-spacing: 0;
line-height: 150%;
}
@media screen and (max-width: 767px) {
.text--error-reason strong {
font-size: 15px;
letter-spacing: 0;
line-height: 146.66667%;
}
}
.text--tile-heading {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 24px;
letter-spacing: -0.96px;
line-height: 125%;
color: #000;
}
@media screen and (min-width: 768px) {
.text--tile-heading {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 126.66667%;
}
}
.text--tile-description {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
letter-spacing: -0.28px;
line-height: 142.85714%;
color: #666;
}
@media screen and (min-width: 1024px) {
.text--tile-description {
font-size: 18px;
letter-spacing: -0.36px;
line-height: 177.77778%;
}
}
.text--tile-issue {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 133.33333%;
text-transform: none;
}
@media screen and (min-width: 768px) {
.text--tile-issue {
font-size: 13px;
letter-spacing: 0.26px;
line-height: 184.61538%;
}
}
.ii__top__title,
.text--uppercase-heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 133.33333%;
font-size: 13px;
text-transform: uppercase;
}
.text--nowrap {
white-space: nowrap;
}
select.select--transparent {
background: transparent;
border: none;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
vertical-align: middle;
font-size: 12px;
letter-spacing: 0;
line-height: 100%;
}
.select-wrap {
padding: 0;
margin: 0;
border: 1px solid #ddd;
overflow: hidden;
background-color: #fff;
background: #fff url(../img/select-arrow.png) no-repeat 90% 50%;
background-size: 16px 11px;
display: inline-block;
vertical-align: middle;
}
.select-wrap select {
padding: 12px 16px;
padding-right: 50px;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #666;
}
.select-wrap.select--transparent {
background-color: #f4f4f4;
background-image: url(../img/select-arrow-black.png);
background-size: 12px 8px;
border: none;
}
.select-wrap.select--transparent select {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0;
line-height: 100%;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
padding-right: 30px;
padding-left: 5px;
}
input.checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input.checkbox + label {
position: relative;
padding-left: 36px;
cursor: pointer;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.checkbox + label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border: 2px solid #ddd;
background: #fff;
font-family: icomoon;
line-height: 100%;
color: #ff0f64;
}
input.checkbox:checked + label {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
input.checkbox:checked + label:before {
content: "\e921";
}
.filter__groups .filter__group__content input.checkbox:checked + label:before {
content: "\e921";
}
input.radio {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input.radio + label {
position: relative;
padding-left: 32px;
cursor: pointer;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.radio + label:after,
input.radio + label:before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border: 2px solid #ddd;
border-radius: 50%;
background: #fff;
}
input.radio + label:after {
display: none;
}
input.radio:checked + label {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
input.radio:checked + label:after {
content: "";
display: block;
width: 10px;
height: 10px;
margin-top: -5px;
left: 5px;
border: none;
border-radius: 50%;
background: #ff0f64;
}
form .disabled label {
font-weight: 400 !important;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
cursor: default;
color: #999;
}
* {
box-sizing: border-box;
position: relative;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:hover {
text-decoration: underline;
}
body #main {
position: relative;
left: 0;
transition: left 0.4s ease-in-out;
-webkit-font-smoothing: antialiased;
}
body #main,
body .filter,
body .hero {
opacity: 1;
transition: 0.4s ease-in-out;
}
body #main .hero,
body .filter .hero,
body .hero .hero {
transition: none;
opacity: 1 !important;
}
body.filter-open,
body.menu-open,
body.search-open {
overflow: hidden;
height: 100vh;
background: #000;
}
body.filter-open.ios,
body.menu-open.ios,
body.search-open.ios {
position: fixed;
width: 100vw;
}
body.filter-open #main,
body.menu-open #main,
body.search-open #main {
overflow: hidden;
position: relative;
left: 0;
opacity: 0.55;
}
@media screen and (min-width: 768px) {
body.filter-open #main,
body.menu-open #main,
body.search-open #main {
left: 0;
}
}
body.menu-open .filter,
body.menu-open .hero {
opacity: 0.55;
}
body.menu-open .global-side-menu {
visibility: visible;
right: 0;
}
#main {
background-color: #fff;
}
#main:after,
ul:after {
clear: both;
content: "";
display: table;
}
button {
-webkit-appearance: none;
background: transparent;
border: none;
padding: 0;
outline: none;
}
.visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.hidden {
display: none !important;
}
.no-scroll {
overflow: hidden !important;
max-width: 100vw;
max-height: 100vh;
}
.container {
max-width: 1320px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.container {
padding-left: 25px;
padding-right: 25px;
}
}
@media screen and (min-width: 1024px) {
.container {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.mobile-only {
display: none;
}
}
.btn-cta {
transition: all 0.1s linear;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
border: 2px solid #000;
color: #000;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 20px 13px;
text-align: center;
text-transform: uppercase;
}
.btn-cta:hover,
a:hover .btn-cta {
color: #fff;
background-color: #000;
text-decoration: none;
}
.btn-cta--clear {
border-color: #fff;
color: #fff;
transition: background-color 0.1s linear;
}
.btn-cta--clear._hover,
.btn-cta--clear:hover,
a:hover .btn-cta--clear {
background-color: rgba(255, 255, 255, 0.2);
}
.btn-cta--pink {
border-color: #ff0f64;
color: #fff;
transition: all 0.1s linear;
background-color: #ff0f64;
}
.btn-cta--pink._hover,
.btn-cta--pink:hover,
a:hover .btn-cta--pink {
background-color: #000;
color: #fff;
border-color: #000;
}
.color-scheme--red .hero {
background-color: #e61400;
}
.color-scheme--red .hero_arrow:before {
color: #e61400;
}
.color-scheme--green .hero {
background-color: #55be5a;
}
.color-scheme--green .hero_arrow:before {
color: #55be5a;
}
.color-scheme--blue .hero {
background-color: #0555fa;
}
.color-scheme--blue .hero_arrow:before {
color: #0555fa;
}
.color-scheme--blue .hero_breadcrumbs li,
.color-scheme--blue .hero_breadcrumbs li:after {
color: #c0d4fe;
}
.color-scheme--blue .hero_breadcrumbs li:after:last-child,
.color-scheme--blue .hero_breadcrumbs li:last-child {
color: #000;
}
.color-scheme--orange .hero {
background-color: #ff5a0f;
}
.color-scheme--orange .hero_arrow:before {
color: #ff5a0f;
}
.color-scheme--sky .hero {
background-color: #41b9e6;
}
.color-scheme--pink .hero {
background-color: #ff0f64;
}
.color-scheme--lightpink .hero {
background-color: #ff4687;
}
.color-scheme--forest .hero {
background-color: #0f955a;
}
.color-scheme--darkviolet .hero {
background-color: #461e7d;
}
.loader {
display: none;
width: 50px;
height: 50px;
background: url(../img/Enel_Loader_white_100x100.gif);
background-size: cover;
position: absolute;
left: 50%;
margin-left: -50px;
top: 100px;
}
.loading .loader {
display: block;
}
.component.accordian-accordion {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
.component.accordian-accordion:after {
clear: both;
content: "";
display: table;
}
.component.accordian-accordion .accordian-accordion_ct {
margin: 60px 30px 0;
}
.component.accordian-accordion .accordian-accordion_inner {
margin-bottom: 100px;
}
@media screen and (min-width: 1024px) {
.component.accordian-accordion .accordian-accordion_inner {
padding-left: 35px;
padding-right: 35px;
}
}
.component.accordian-accordion .accordian-accordion_inner h3 {
font-size: 30px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #111;
margin-bottom: 30px;
}
.component.accordian-accordion .accordian-accordion_inner li {
border-top: 3px solid #f2f2f2;
}
.component.accordian-accordion .accordian-accordion_inner li:last-child {
border-bottom: 3px solid #f2f2f2;
}
@media screen and (max-width: 767px) {
.component.accordian-accordion .accordian-accordion_inner li {
margin-left: -30px;
margin-right: -30px;
}
}
.component.accordian-accordion .accordian-accordion_inner li h5 {
cursor: pointer;
font-size: 22px;
padding: 25px 40px 25px 25px;
position: relative;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.component.accordian-accordion .accordian-accordion_inner li h5:after {
content: "\e907";
font-family: icomoon;
font-size: 10px;
color: #ff0f64;
top: 35px;
right: 22px;
position: absolute;
}
@media screen and (max-width: 767px) {
.component.accordian-accordion .accordian-accordion_inner li h5:after {
font-size: 15px;
top: 30px;
}
}
.component.accordian-accordion
.accordian-accordion_inner
li
h5
~ .accordion_content {
padding-left: 50px;
padding-right: 50px;
font-size: 16px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
overflow-y: hidden;
}
.component.accordian-accordion .accordian-accordion_inner li h5.open {
font-weight: 700;
}
.component.accordian-accordion .accordian-accordion_inner li h5.open:after {
content: "\e908";
font-family: icomoon;
font-size: 10px;
color: #ff0f64;
float: right;
}
@media screen and (max-width: 767px) {
.component.accordian-accordion .accordian-accordion_inner li h5.open:after {
font-size: 15px;
top: 30px;
}
}
.component.accordian-accordion
.accordian-accordion_inner
li
h5.open
~ .accordion_content {
overflow-y: hidden;
}
@media screen and (max-width: 767px) {
.component.accordian-accordion
.accordian-accordion_inner
li
h5.open
~ .accordion_content {
padding-left: 25px;
padding-right: 25px;
}
}
.component.accordian-accordion
.accordian-accordion_inner
li
.accordion_content {
display: none;
}
.component.accordian-accordion
.accordian-accordion_inner
li
.accordion_content
p {
font-size: 16px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 25px;
line-height: 25px;
}
.component.accordian-accordion
.accordian-accordion_inner
li
.accordion_content
p:last-child {
margin-bottom: 35px;
}
.component.accordian-meetings {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
.component.accordian-meetings:after {
clear: both;
content: "";
display: table;
}
.component.accordian-meetings .accordian-meetings_ct {
margin: 60px 30px 0;
}
.component.accordian-meetings .accordian-meetings_inner {
margin-bottom: 100px;
}
@media screen and (min-width: 1024px) {
.component.accordian-meetings .accordian-meetings_inner {
padding-left: 35px;
padding-right: 35px;
}
}
.component.accordian-meetings .accordian-meetings_inner h3 {
font-size: 30px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #111;
margin-bottom: 30px;
}
.component.accordian-meetings .accordian-meetings_inner p {
font-size: 22px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 55px;
}
.component.accordian-meetings .accordian-meetings_inner a {
font-size: 22px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #ff0f64;
}
.component.accordian-meetings .accordian-meetings_inner a:before {
content: "\e903";
font-family: icomoon;
margin-right: 22px;
font-weight: lighter;
}
.component.accordian-table {
max-width: 1020px;
margin-left: auto;
margin-right: auto;
margin: 0 auto;
}
.component.accordian-table:after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 767px) {
.component.accordian-table {
display: none;
}
}
.component.accordian-table .accordian-table_ct {
margin: 60px 30px 0;
}
.component.accordian-table .accordian-table_inner h3 {
font-size: 30px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #111;
margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
.component.accordian-table .accordian-table_inner h3 {
padding-left: 35px;
padding-right: 35px;
}
}
.component.accordian-table .accordian-table_inner table {
width: 100%;
border: 3px solid #ddd;
margin-bottom: 100px;
}
.component.accordian-table .accordian-table_inner td,
.component.accordian-table .accordian-table_inner th {
padding-left: 30px;
text-align: left;
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}
.component.accordian-table .accordian-table_inner td:first-child,
.component.accordian-table .accordian-table_inner th:first-child {
border-left: none;
}
.component.accordian-table .accordian-table_inner td:last-child,
.component.accordian-table .accordian-table_inner th:last-child {
border-right: none;
}
.component.accordian-table .accordian-table_inner th {
font-size: 16px;
height: 60px;
line-height: 60px;
background-color: #fcfcfc;
border-bottom: 1px solid #e5e5e5;
}
.component.accordian-table .accordian-table_inner td {
font-size: 18px;
vertical-align: bottom;
}
.component.accordian-table .accordian-table_inner tr {
height: 50px;
font-weight: lighter;
}
.component.accordian-table .accordian-table_inner tr:first-child {
font-weight: 700;
}
.component.accordian-table .accordian-table_inner tr:last-child {
height: 90px;
}
.component.accordian-table .accordian-table_inner tr:last-child td {
padding-bottom: 40px;
}
.album-photos {
max-width: 380px;
margin: auto;
display: block;
}
.album-photos:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.album-photos {
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.album-photos {
margin-bottom: -22px;
}
}
.album-photos__photo {
cursor: pointer;
float: left;
display: block;
margin-right: 2.35765%;
width: 100%;
margin-bottom: 25px;
}
.album-photos__photo:nth-child(1n) {
margin-right: 0;
}
.album-photos__photo:nth-child(1n + 1) {
clear: left;
}
.album-photos__photo:last-child {
margin-right: 0;
}
@media screen and (min-width: 768px) {
.album-photos__photo {
float: left;
display: block;
width: 48.82117%;
margin-bottom: 40px;
}
.album-photos__photo,
.album-photos__photo:nth-child(1n) {
margin-right: 2.35765%;
}
.album-photos__photo:nth-child(1n + 1) {
clear: none;
}
.album-photos__photo:nth-child(2n) {
margin-right: 0;
}
.album-photos__photo:nth-child(2n + 1) {
clear: left;
}
.album-photos__photo:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.album-photos__photo {
float: left;
display: block;
width: 31.76157%;
margin-bottom: 32px;
}
.album-photos__photo,
.album-photos__photo:nth-child(2n) {
margin-right: 2.35765%;
}
.album-photos__photo:nth-child(2n + 1) {
clear: none;
}
.album-photos__photo:nth-child(3n) {
margin-right: 0;
}
.album-photos__photo:nth-child(3n + 1) {
clear: left;
}
.album-photos__photo:last-child {
margin-right: 0;
}
}
.album-photos__photo img {
width: 100%;
}
.album-photos__photo > p {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
line-height: 29px;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.album-photos__photo > p {
font-size: 14px;
line-height: 22px;
}
}
.album-photos__new {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
text-align: center;
text-transform: uppercase;
line-height: 29px;
color: #fff;
border-radius: 5px;
background-color: #55be5a;
padding: 0 8px;
margin-right: 12px;
display: block;
float: left;
}
@media screen and (max-width: 767px) {
.album-photos__new {
font-size: 9px;
line-height: inherit;
padding-top: 2px;
margin-right: 9px;
}
}
.album-photos_video-overlay:after {
background-image: url(../img/video-play-button-hover.png);
background: url(../img/video-play-button.png) no-repeat 50%;
background-size: 100%;
content: "";
cursor: pointer;
display: block;
height: 44px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 44px;
z-index: 3;
}
@media screen and (min-width: 1024px) {
.album-photos_video-overlay:after {
width: 88px;
height: 88px;
}
}
.album-photos_video-overlay:hover:after {
background-color: rgba(255, 255, 255, 0.4);
}
.component.author-callout {
margin: 0 auto;
margin-top: 10px;
text-align: center;
color: #fff;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
}
.component.author-callout a {
color: rgba(0, 0, 0, 0.5);
}
.component.author-callout a:hover {
text-decoration: underline;
}
.breadcrumbs.component:after {
clear: both;
content: "";
display: table;
}
.breadcrumbs_item {
display: inline;
float: left;
margin-left: 10px;
padding-left: 15px;
position: relative;
}
.breadcrumbs_item:after {
display: block;
position: absolute;
content: "/";
left: 0;
top: 0;
color: #000;
}
.breadcrumbs_item:first-child {
margin: 0;
padding: 0;
}
.breadcrumbs_item:first-child:after {
display: none;
}
.carousel {
display: inline-block;
position: relative;
margin-bottom: 70px;
width: 100%;
}
@media screen and (min-width: 1024px) {
.carousel {
margin-bottom: 0;
overflow: hidden;
}
}
.carousel_wrap {
font-size: 0;
overflow: hidden;
}
.carousel_arrow-wrap,
.carousel_control-wrap {
position: static;
}
.carousel_arrow {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1000;
width: 20px;
height: 50px;
top: 50%;
outline: none;
}
.carousel_arrow:before {
font-size: 8px;
color: #fff;
}
@media screen and (min-width: 768px) {
.carousel_arrow {
-webkit-transform: none;
transform: none;
font-size: 21px;
width: 75px;
height: 70px;
top: 100%;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.carousel_arrow:before {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.carousel_arrow {
display: block;
top: auto;
bottom: 0;
}
}
.carousel_next {
right: 0;
}
.carousel_next:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
}
@media screen and (min-width: 768px) {
.carousel_next {
right: 0;
}
}
.carousel_prev {
left: 0;
}
.carousel_prev:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
.carousel_prev {
left: auto;
right: 75px;
}
}
.carousel_meta-wrap {
position: absolute;
top: 100%;
min-height: 40px;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
}
.ie11 .carousel_meta-wrap {
height: 40px;
}
@media screen and (min-width: 768px) {
.carousel_meta-wrap {
min-height: 70px;
}
.ie11 .carousel_meta-wrap {
height: 70px;
}
}
@media screen and (min-width: 1024px) {
.carousel_meta-wrap {
max-width: 740px;
right: 0;
bottom: 0;
top: auto;
z-index: 1000;
width: 100%;
}
}
.carousel_count-wrap {
width: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
text-align: center;
}
@media screen and (min-width: 768px) {
.carousel_count-wrap {
width: 70px;
}
}
.carousel_count {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 11px;
letter-spacing: 1.98px;
line-height: 100%;
}
@media screen and (min-width: 768px) {
.carousel_count {
font-size: 15px;
letter-spacing: 2.7px;
line-height: 146.66667%;
}
}
.carousel_caption-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0 5px;
}
@media screen and (min-width: 768px) {
.carousel_caption-wrap {
padding: 0 170px 0 20px;
text-align: right;
max-width: 760px;
margin-left: auto;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
}
.ie11 .carousel_caption-wrap {
overflow: hidden;
display: block;
max-width: inherit;
}
}
.carousel_caption {
padding: 5px 0;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 11px;
letter-spacing: -0.33px;
line-height: 127.27273%;
}
.ie11 .carousel_caption {
position: absolute;
right: 0;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.carousel_caption {
font-size: 15px;
letter-spacing: -0.3px;
line-height: 120%;
}
.ie11 .carousel_caption {
left: 10px;
right: 170px;
}
}
.carousel_item {
width: 100%;
display: inline-block;
}
.carousel_item_wrap {
width: 100%;
}
.carousel_item_wrap img {
width: 100%;
height: auto;
}
.carousel_wrap--single ~ * .carousel_count-wrap,
.carousel_wrap--single ~ * .carousel_next,
.carousel_wrap--single ~ * .carousel_prev {
display: none;
}
.carousel_wrap--single ~ * .carousel_caption-wrap {
padding-right: 60px;
padding-left: 60px;
}
.carousel_arrow,
.carousel_meta-wrap {
background-color: #ff0f64;
}
.carousel_count-wrap {
color: #fff;
background-color: #000;
}
.carousel_caption {
color: #fff;
}
/** Carousel Desc **/
.carousel-desc {
position: absolute;
display: flex;
align-items: center;
height: 100%;
}
.carousel-desc > div {
width: 100%;
margin: 0 30px;
}
.carousel-desc h1 {
font-size: 20px;
color: #fff;
z-index: 1;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.carousel-desc p {
font-size: 10px;
color: #fff;
z-index: 1;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
.carousel-desc > div {
width: 45%;
margin: 0 60px 0 auto;
}
.carousel-desc h1 {
font-size: 30px;
}
.carousel-desc p {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.carousel.carousel--no-caption .carousel_meta-wrap {
width: 220px;
}
}
.carousel.carousel--no-caption .carousel_caption {
font-size: 0 !important;
}
.carousel.carousel--no-caption .carousel_wrap--single ~ * .carousel_meta-wrap {
display: none;
}
@media screen and (min-width: 1024px) {
.disclaimer {
padding: 0 30px;
}
}
.disclaimer p {
background-color: #f4f4f4;
margin: auto;
max-width: 1280px;
padding: 27px 15px;
}
@media screen and (min-width: 768px) {
.disclaimer p {
padding: 47px 25px;
}
}
@media screen and (min-width: 1024px) {
.disclaimer p {
padding-left: 100px;
padding-right: 100px;
}
}
.full-bleed-image {
width: 100%;
display: inline-block;
position: relative;
font-size: 0;
}
.full-bleed-image_image {
width: 100%;
}
.full-bleed-image_caption-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
text-align: right;
height: 40px;
}
@media screen and (min-width: 768px) {
.full-bleed-image_caption-wrap {
text-align: right;
max-width: 570px;
margin-left: auto;
-ms-flex-align: end;
-ms-grid-row-align: flex-end;
align-items: flex-end;
height: 70px;
position: absolute;
z-index: 1000;
bottom: 0;
right: 0;
}
}
.full-bleed-image_caption {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 11px;
letter-spacing: -0.33px;
line-height: 127.27273%;
padding-right: 30px;
max-width: 300px;
margin-left: auto;
}
@media screen and (min-width: 768px) {
.full-bleed-image_caption {
font-size: 15px;
letter-spacing: -0.3px;
line-height: 120%;
max-width: 520px;
}
}
.full-bleed-image_caption-wrap {
color: #fff;
background-color: #ff0f64;
}
.full-bleed-image_caption {
color: #fff;
}
/*Media Video css*/
.videoCategory {
color: #00bbbb;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
letter-spacing: -0.33px;
max-width: 300px;
}
.videoTitle {
color: black;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 18px;
letter-spacing: -0.33px;
max-width: 300px;
}
.full-bleed-image.full-bleed-image--no-caption .full-bleed-image_caption-wrap {
display: none;
}
.component.lightbox-slider {
overflow: auto;
color: #fff;
height: 100%;
}
.component.lightbox-slider .lightbox-slider_ct {
margin: 0 auto;
display: block;
max-width: 1024px;
margin-left: auto;
margin-right: auto;
}
.component.lightbox-slider .lightbox-slider_ct:after {
clear: both;
content: "";
display: table;
}
@media screen and (max-width: 767px) {
.component.lightbox-slider .lightbox-slider_ct {
min-height: 100vh;
}
}
@media screen and (min-width: 768px) {
.component.lightbox-slider .lightbox-slider_ct {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
width: 100%;
max-height: 100vh;
}
}
@media screen and (min-width: 1024px) {
.component.lightbox-slider .lightbox-slider_ct {
position: relative;
width: auto;
}
}
.component.lightbox-slider .lightbox-slider_close {
display: block;
text-align: right;
margin-bottom: 15px;
margin-top: 15px;
}
@media screen and (min-width: 768px) {
.component.lightbox-slider .lightbox-slider_close {
padding-right: 30px;
}
}
@media screen and (max-width: 767px) {
.component.lightbox-slider .lightbox-slider_close {
top: 0;
right: 30px;
}
}
.component.lightbox-slider .lightbox-slider_close button {
display: inline-block;
cursor: pointer;
line-height: 20px;
text-transform: uppercase;
font-size: 13px;
}
.component.lightbox-slider .lightbox-slider_close button:before {
display: block;
font-family: icomoon;
content: "\e90d";
font-style: normal;
font-weight: 400;
font-size: 16px;
display: inline-block;
float: right;
margin-left: 18px;
line-height: 20px;
}
.component.lightbox-slider .lightbox-slider_carousel {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
.component.lightbox-slider .lightbox-slider_carousel {
-webkit-transform: none;
transform: none;
top: auto;
position: relative;
}
}
.component.lightbox-slider .lightbox-slider_carousel img {
max-width: 100%;
margin: auto;
display: block;
}
@media screen and (min-width: 768px) {
.component.lightbox-slider .lightbox-slider_carousel img {
width: 100%;
}
}
.component.lightbox-slider .lightbox-slider_info {
height: 70px;
background-color: #272727;
display: table;
width: 100%;
}
@media screen and (max-width: 767px) {
.component.lightbox-slider .lightbox-slider_info {
position: absolute;
bottom: 0;
}
}
.component.lightbox-slider .lightbox-slider_pagination {
display: table-cell;
background: #1f1f1f;
height: 70px;
vertical-align: middle;
text-align: center;
width: 78px;
}
.component.lightbox-slider .lightbox-slider_desc {
display: table-cell;
vertical-align: middle;
padding-left: 22px;
}
.component.lightbox-slider .lightbox-slider_download {
vertical-align: middle;
width: 335px;
background-color: #272727;
padding-left: 30px;
padding-right: 25px;
display: none;
}
@media screen and (min-width: 1024px) {
.component.lightbox-slider .lightbox-slider_download {
display: table-cell;
}
}
.component.lightbox-slider .lightbox-slider_download span {
line-height: 50px;
}
.component.lightbox-slider .lightbox-slider_download a {
outline: none;
float: right;
display: block;
height: 50px;
width: 165px;
text-align: center;
line-height: 44px;
border: 3px solid #fff;
cursor: pointer;
text-transform: uppercase;
transition: all 0.1s linear;
}
.component.lightbox-slider .lightbox-slider_download a:hover {
background-color: #fff;
color: #272727;
}
.lightbox-slider_next,
.lightbox-slider_prev {
font-size: 12px;
width: 24px;
height: 74px;
line-height: 74px;
text-align: center;
background-color: #ff0f64;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
@media screen and (min-width: 768px) {
.lightbox-slider_next,
.lightbox-slider_prev {
width: 50px;
height: 150px;
font-size: 25px;
}
}
.lightbox-slider_prev {
left: 0;
}
.lightbox-slider_prev:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.lightbox-slider_next {
right: 0;
}
.lightbox-slider_next:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
}
.list-item {
border-bottom: 1px solid #ddd;
}
.list-item:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 1024px) {
.list-item {
padding: 0 30px;
}
}
.list-item--press .list-item_text-wrapper {
width: calc(100% - 280px);
max-width: 680px;
float: left;
padding: 30px 0;
}
@media screen and (max-width: 767px) {
.list-item--press .list-item_text-wrapper {
padding: 22px 0;
width: 100%;
}
}
.list-item--news .list-item_text-wrapper {
padding: 25px 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.list-item--news .list-item_text-wrapper {
float: left;
padding: 47px 0;
}
}
@media screen and (min-width: 768px) {
.list-item--news .list-item_image-wrapper + .list-item_text-wrapper {
width: 60.72423%;
}
}
.list-item_image-wrapper {
display: none;
}
@media screen and (min-width: 768px) {
.list-item_image-wrapper {
float: left;
padding: 50px 0;
width: 34.81894%;
display: block;
margin-right: 30px;
}
}
@media screen and (min-width: 1024px) {
.list-item_image-wrapper {
width: 27.88462%;
}
}
.list-item_image-wrapper img {
display: block;
width: 100%;
}
.list-item_file-wrapper {
width: 280px;
float: right;
padding: 35px 0;
text-align: right;
}
@media screen and (max-width: 767px) {
.list-item_file-wrapper {
display: none;
}
}
.list-item_badge {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
display: inline-block;
padding: 4px 7px 2px;
border-radius: 2px;
font-size: 12px;
color: #fff;
background-color: #55be5a;
text-transform: uppercase;
margin-right: 8px;
position: relative;
top: -1px;
}
.list-item_category,
.list-item_file-size,
.list-item_file-type {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
color: #666;
}
@media screen and (max-width: 767px) {
.list-item_category,
.list-item_file-size,
.list-item_file-type {
font-size: 11px;
}
}
.list-item_date {
margin-right: 8px;
}
.list-item_date:before {
content: "|";
display: inline-block;
padding-right: 8px;
}
.list-item_date:first-child:before {
display: none;
}
.list-item_category:hover {
text-decoration: underline;
}
.list-item_title {
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.list-item_title {
margin-top: 8px;
}
}
.list-item_title a:hover {
text-decoration: underline;
}
.list-item_description {
margin-top: 14px;
}
@media screen and (max-width: 767px) {
.list-item_description {
display: none;
}
}
.list-item_file-type {
text-transform: uppercase;
display: inline-block;
padding-bottom: 12px;
}
.list-item .btn-cta {
margin-left: 18px;
}
.investor-panels .list-item_file-wrapper {
width: 200px;
}
.investor-panels .list-item .list-item_text-wrapper {
width: calc(100% - 200px);
}
@media screen and (max-width: 767px) {
.investor-panels .list-item .list-item_text-wrapper {
width: 100%;
}
}
.investor-panels .list-item .list-item_file-type {
display: none;
}
.megamenu__article {
background: #fff;
color: #666;
margin-bottom: 20px;
width: 100%;
overflow: hidden;
}
.megamenu__article:after {
content: "";
background: #0555fa;
position: absolute;
height: 10px;
width: 100%;
bottom: -11px;
left: 0;
-webkit-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.ios .megamenu__article:after {
display: none;
}
@media screen and (max-width: 767px) {
.megamenu__article {
margin-bottom: 0;
}
}
@media screen and (min-width: 1024px) {
.megamenu__article {
width: calc(50% - 10px);
}
.megamenu__article--large {
width: 100%;
}
}
.megamenu__article__img {
height: 0;
padding-top: 51%;
overflow: hidden;
border: 3px solid #fff;
border-bottom: none;
}
.megamenu__article__img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.megamenu__article__img + .megamenu__article__content {
height: auto;
}
.megamenu__article .icon-video {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
background: #ff0f64;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 20px;
padding-top: 0.05em;
padding-left: 0.1em;
}
.megamenu__article__content {
padding: 30px 20px 10px;
-webkit-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.megamenu__article__topic {
color: #41b9e6;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 150%;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 10px;
}
.megamenu__article__topic .icon-link-external {
font-size: 10px;
margin-left: 10px;
}
.megamenu__article__title {
font-size: 24px;
letter-spacing: -0.48px;
line-height: 141.66667%;
color: #000;
}
.megamenu__article__copy p,
.megamenu__article__title {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 10px;
}
.megamenu__article__copy p {
font-size: 18px;
letter-spacing: 0;
line-height: 177.77778%;
}
@media screen and (min-width: 768px) {
.megamenu__article--large .megamenu__article__title {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
}
}
@media screen and (max-width: 767px) {
.megamenu__article--large .megamenu__article__copy {
display: none;
}
}
.megamenu__article a:hover {
text-decoration: none;
}
.megamenu__article:hover .megamenu__article__content,
.megamenu__article:hover:after {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.megamenu__article--tweet {
padding: 30px 20px 10px;
}
.megamenu__article--tweet:after {
display: none;
}
.megamenu__article--tweet .icon-twitter {
color: #41b9e6;
font-size: 24px;
}
.megamenu__article--tweet .tweet__meta {
text-align: center;
margin-bottom: 20px;
}
.megamenu__article--tweet .tweet__username {
font-size: 18px;
}
.megamenu__article--tweet .tweet__text {
margin-bottom: 20px;
font-size: 18px;
letter-spacing: 0;
line-height: 177.77778%;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.megamenu__article--tweet .tweet__text a {
color: #41b9e6;
}
.megamenu__article--tweet .tweet__text a:hover {
text-decoration: underline;
}
.megamenu__article--tweet time {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
}
.org-group_name {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
margin: 0 0 54px;
padding-top: 24px;
}
@media screen and (max-width: 767px) {
.org-group:not(:first-child) .org-group_name {
border-top: 2px solid #ddd;
margin-top: 10px;
padding-top: 20px;
}
}
@media screen and (min-width: 768px) {
.org-group:not(:first-child) .org-group_name {
padding-top: 48px;
}
}
@media screen and (max-width: 767px) {
.org-group_name {
margin-bottom: 20px;
cursor: pointer;
}
}
@media screen and (min-width: 768px) {
.org-group_name {
margin: 0 2% 36px;
font-size: 36px;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.org-group_name:after {
content: "\e907";
font-family: icomoon;
color: #ff0f64;
font-size: 15px;
top: 30px;
right: 22px;
position: absolute;
}
}
@media screen and (max-width: 767px) {
.org-group_name.open:after {
content: "\e908";
}
}
.org-group_wrap {
background-color: #f4f4f4;
overflow: hidden;
}
/* START fix 11310
@media screen and (max-width: 767px) {
.org-group_wrap {
display: none
}
}
END fix 11310
*/
@media screen and (min-width: 767px) {
.org-group_wrap {
display: block !important
}
}
@media screen and (min-width: 768px) {
.org-person_image {
width: 50%;
}
}
.org-person_image img {
display: block;
width: 100%;
}
.org-person_tile {
text-decoration: none;
color: #fff;
margin: 0 auto 30px;
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: top;
}
@media screen and (min-width: 768px) {
.org-person_tile_inner {
width: 50%;
position: absolute;
top: 0;
left: 50%;
height: 100%;
}
}
.org-person_tile_inner:after {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
content: "";
border: 20px solid;
position: absolute;
top: -20px;
left: 50%;
}
.org-group_wrap--pink .org-person_tile_inner:after {
border-color: transparent transparent #ff0f64;
}
.org-group_wrap--green .org-person_tile_inner:after {
border-color: transparent transparent #55be5a;
}
.org-group_wrap--orange .org-person_tile_inner:after {
border-color: transparent transparent #ff5a0f;
}
.org-group_wrap--sky .org-person_tile_inner:after {
border-color: transparent transparent #41b9e6;
}
.org-group_wrap--forest .org-person_tile_inner:after {
border-color: transparent transparent #0f955a;
}
@media screen and (min-width: 768px) {
.org-person_tile_inner:after {
-webkit-transform: translate(-50%, -50%) rotate(270deg);
transform: translate(-50%, -50%) rotate(270deg);
top: 50%;
left: -20px;
}
}
@media screen and (min-width: 768px) {
.org-person_tile {
margin: 0;
}
.org-person_tile:nth-of-type(even) .org-person_image {
left: 50%;
}
.org-person_tile:nth-of-type(even) .org-person_tile_inner {
left: 0;
}
.org-person_tile:nth-of-type(even) .org-person_tile_inner:after {
-webkit-transform: translate(50%, -50%) rotate(90deg);
transform: translate(50%, -50%) rotate(90deg);
top: 50%;
left: auto;
right: -20px;
}
}
@media screen and (min-width: 1024px) {
.org-group_wrap--tile .org-person_tile {
width: 640px;
height: 320px;
float: left;
}
.org-group_wrap--tile .org-person_tile:nth-of-type(3n + 1) .org-person_image {
left: 0;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1)
.org-person_tile_inner:after {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: -20px;
left: 50%;
right: auto;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):last-of-type
.org-person_tile_inner,
.org-group_wrap--tile .org-person_tile:nth-of-type(3n + 2) .org-person_image {
left: 50%;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 2)
.org-person_tile_inner:after {
-webkit-transform: translate(50%, -50%) rotate(90deg);
transform: translate(50%, -50%) rotate(90deg);
top: 50%;
left: auto;
right: -20px;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 2)
.org-person_tile_inner,
.org-group_wrap--tile .org-person_tile:nth-of-type(3n + 3) .org-person_image {
left: 0;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 3)
.org-person_tile_inner {
left: 50%;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):last-of-type
.org-person_tile_inner:after,
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 3)
.org-person_tile_inner:after {
-webkit-transform: translate(-50%, -50%) rotate(270deg);
transform: translate(-50%, -50%) rotate(270deg);
top: 50%;
left: -20px;
right: auto;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):not(:last-of-type) {
width: 320px;
height: 640px;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):not(:last-of-type)
.org-person_image {
width: 100%;
height: 50%;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):not(:last-of-type)
.org-person_tile_inner {
width: 100%;
position: absolute;
top: 50%;
left: 0;
height: 50%;
}
.org-group_wrap--split .org-person_tile {
width: 640px;
height: 320px;
float: left;
}
.org-group_wrap--split .org-person_tile:nth-of-type(even) {
margin-left: 320px;
}
.org-group_wrap--split .org-person_tile:nth-of-type(even) .org-person_image {
left: 0;
}
.org-group_wrap--split
.org-person_tile:nth-of-type(even)
.org-person_tile_inner {
left: 50%;
}
.org-group_wrap--split
.org-person_tile:nth-of-type(even)
.org-person_tile_inner:after {
-webkit-transform: translate(-50%, -50%) rotate(270deg);
transform: translate(-50%, -50%) rotate(270deg);
top: 50%;
left: -20px;
right: auto;
}
}
@media screen and (min-width: 1290px) {
.org-group_wrap--tile .org-person_tile {
width: 840px;
height: 420px;
}
.org-group_wrap--tile
.org-person_tile:nth-of-type(3n + 1):not(:last-of-type) {
width: 420px;
height: 840px;
}
.org-group_wrap--split .org-person_tile {
width: 840px;
height: 420px;
}
.org-group_wrap--split .org-person_tile:nth-of-type(even) {
margin-left: 420px;
}
}
.org-person_tile_content {
transition: all 0.1s linear;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
height: auto;
padding: 33px 25px;
text-align: center;
}
@media screen and (min-width: 768px) {
.org-person_tile_content {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
padding: 0 25px;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%) translateY(32px);
transform: translateY(-50%) translateY(32px);
}
}
@media screen and (min-width: 768px) {
.org-person_tile:hover .org-person_tile_content {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.org-person_tile_content_name {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 26px;
font-spacing: -0.6px;
line-height: 28px;
}
.org-person_tile_content_position {
margin: 10px 0 0;
font-size: 18px;
line-height: 20px;
}
.org-person_tile_content_cta {
display: none;
}
@media screen and (min-width: 768px) {
.org-person_tile_content_cta {
margin-top: 16px;
border-color: transparent;
color: transparent;
display: inline-block;
padding: 12px 20px;
}
.org-person_tile_content_cta:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.org-person_tile:hover .org-person_tile_content_cta {
border-color: #fff;
color: #fff;
}
}
.org-group_wrap--pink .org-person_tile {
background-color: #ff0f64;
}
.org-group_wrap--green .org-person_tile {
background-color: #55be5a;
}
.org-group_wrap--orange .org-person_tile {
background-color: #ff5a0f;
}
.org-group_wrap--sky .org-person_tile {
background-color: #41b9e6;
}
.org-group_wrap--forest .org-person_tile {
background-color: #0f955a;
}
.pagination {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #999;
font-size: 15px;
padding: 0;
text-align: center;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.pagination {
padding: 80px 0;
}
}
@media screen and (min-width: 1024px) {
.pagination {
font-size: 12px;
}
}
.pagination_prev {
float: left;
margin-right: 20px;
margin-left: 20px;
}
.pagination_prev:before {
display: block;
font-family: icomoon;
content: "\e906";
font-style: normal;
font-weight: 400;
}
.pagination_next {
float: right;
margin-left: 20px;
margin-right: 20px;
}
.pagination_next:after {
display: block;
font-family: icomoon;
content: "\e905";
font-style: normal;
font-weight: 400;
}
.pagination_next,
.pagination_prev {
color: #ff0f64;
display: inline-block;
letter-spacing: 1px;
position: relative;
top: 6px;
}
@media screen and (min-width: 1024px) {
.pagination_next:hover,
.pagination_prev:hover {
text-decoration: underline;
}
}
.pagination_next.hidden,
.pagination_prev.hidden {
display: none;
}
.pagination_next.disabled,
.pagination_prev.disabled {
cursor: default;
color: #999;
text-decoration: none !important;
opacity: 0.5;
}
@media screen and (min-width: 1024px) {
.pagination_next,
.pagination_prev {
float: inherit;
padding-top: 4px;
top: 0;
}
}
.pagination_next:after,
.pagination_prev:before {
display: inline-block;
font-size: 11px;
text-decoration: none !important;
letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
.pagination_next:after,
.pagination_prev:before {
position: relative;
top: 1px;
}
}
.pagination_prev:before {
padding-right: 3px;
}
.pagination_next:after {
padding-left: 3px;
}
.pagination_num {
display: inline-block;
min-width: 38px;
}
@media screen and (min-width: 1024px) {
.pagination_num:hover {
color: #000;
text-decoration: none;
}
}
.pagination_num + .pagination_num {
border-left: 1px solid #999;
}
@media screen and (min-width: 1024px) {
.pagination_num {
min-width: 34px;
}
}
.pagination .active {
border: 2px solid #000;
color: #000;
min-width: 34px;
padding: 6px 0;
pointer-events: none;
}
.pagination .active + .pagination_num {
border-left: none;
}
.pagination .active + .pagination_ellipsis {
margin-left: 10px;
}
@media screen and (min-width: 1024px) {
.pagination .active {
min-width: 30px;
}
}
.pagination_ellipsis + .active {
margin-left: 10px;
}
.pagination_total {
display: none;
}
@media screen and (max-width: 767px) {
.pagination {
margin: 28px 0;
}
.pagination_ellipsis,
.pagination_num {
display: none;
}
.pagination .active {
padding: 0;
border: none;
min-width: inherit;
}
.pagination .active,
.pagination_total {
display: inline-block;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.pagination_total:before {
content: "/";
margin-left: 5px;
padding-right: 5px;
}
.pagination_next,
.pagination_prev {
top: 1px;
}
}
.pull-quote {
padding-left: 25px;
}
@media screen and (min-width: 768px) {
.pull-quote {
padding-left: 65px;
}
}
.pull-quote:before {
background-color: #ff0f64;
content: "";
height: 100%;
display: block;
width: 30px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (min-width: 768px) {
.pull-quote:before {
width: 60px;
}
}
.pull-quote_inner {
padding: 20px 25px;
}
@media screen and (min-width: 768px) {
.pull-quote_inner {
padding: 38px 50px 34px;
}
}
@media screen and (min-width: 1024px) {
.pull-quote_inner {
padding-right: 25%;
}
}
.pull-quote_quote {
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.pull-quote_quote {
margin-bottom: 22px;
}
}
.related-content-card {
width: 100%;
max-width: 340px;
overflow: hidden;
}
.related-content-card_wrap {
padding-top: 140%;
}
.related-content-card_inner {
height: 100%;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
.related-content-card_color {
z-index: 1000;
position: absolute;
left: 0;
right: 0;
top: 0;
transition: all 0.5s ease-in-out;
height: 10px;
width: 100%;
display: block;
background-color: #0555fa;
}
@media screen and (min-width: 768px) {
.related-content-card_color {
height: 15px;
}
}
.related-content-card_title-wrap {
z-index: 1001;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 90%;
padding-left: 30px;
}
.related-content-card_title {
position: absolute;
transition: all 0.5s ease-in-out;
color: #fff;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 136.36364%;
}
@media screen and (min-width: 768px) {
.related-content-card_title {
font-size: 26px;
letter-spacing: -0.52px;
line-height: 153.84615%;
}
}
.related-content-card_copy {
opacity: 0;
transition: opacity 0.4s 0s;
color: #fff;
font-size: 16px;
letter-spacing: 0;
line-height: 150%;
position: absolute;
bottom: 20px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.related-content-card_image {
width: 100%;
display: block;
}
.related-content-card.no-image .related-content-card_color,
.related-content-card:active .related-content-card_color,
.related-content-card:hover .related-content-card_color {
height: 100%;
}
.related-content-card:active .related-content-card_title,
.related-content-card:hover .related-content-card_title {
bottom: 66% !important;
}
.related-content-card:active .related-content-card_copy,
.related-content-card:hover .related-content-card_copy {
opacity: 1;
transition: opacity 0.4s 0.4s;
}
@media screen and (max-width: 1024px) {
.related-content-card_wrap {
padding-top: 130%;
}
.related-content-card .related-content-card_color {
height: 100%;
}
.related-content-card.no-image .related-content-card_title {
bottom: 66% !important;
}
.related-content-card .related-content-card_copy {
opacity: 1;
transition: opacity 0.4s 0.4s;
}
.related-content-card_color,
.related-content-card_image {
z-index: 1;
}
}
@media screen and (max-width: 768px) {
.related-content-card_wrap {
padding-top: 115%;
}
}
.rich-text {
margin-bottom: 60px;
}
.rich-text .rich-text_inner h1,
.rich-text .rich-text_inner h2,
.rich-text .rich-text_inner h3,
.rich-text .rich-text_inner h4,
.rich-text .rich-text_inner h5,
.rich-text .rich-text_inner h6 {
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner h1,
.rich-text .rich-text_inner h2,
.rich-text .rich-text_inner h3,
.rich-text .rich-text_inner h4,
.rich-text .rich-text_inner h5,
.rich-text .rich-text_inner h6 {
margin-bottom: 35px;
}
}
.rich-text .rich-text_inner p {
margin-bottom: 23px;
}
.rich-text .rich-text_inner p:last-child {
margin-bottom: 0 !important;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner p {
margin-bottom: 28px;
}
}
.rich-text .rich-text_inner ol,
.rich-text .rich-text_inner ul {
padding-left: 22px;
}
.rich-text .rich-text_inner ul {
list-style: initial;
}
.rich-text .rich-text_inner li {
padding-left: 8px;
}
.rich-text .rich-text_inner li:last-child {
margin-bottom: 0 !important;
}
.rich-text .rich-text_inner ol .rich-text_list-item:before {
display: none;
}
@media screen and (min-width: 1024px) {
.rich-text--social .rich-text_inner {
display: inline-block;
width: 87%;
}
}
.rich-text--social .share-links {
margin-bottom: 33px;
}
@media screen and (min-width: 768px) {
.rich-text--social .share-links {
margin-bottom: 53px;
}
}
@media screen and (min-width: 1024px) {
.rich-text--social .share-links {
padding-top: 7px;
vertical-align: top;
display: inline-block;
width: 13%;
float: left;
margin-bottom: 0;
}
.rich-text--social .share-links > ul {
text-align: center;
}
}
.rich-text--social .rich-text_heading {
margin-top: 0;
margin-bottom: 24px;
}
@media screen and (min-width: 768px) {
.rich-text--social .rich-text_heading {
margin-bottom: 40px;
}
}
.rich-text--social .rich-text_text {
margin-bottom: 23px;
}
@media screen and (min-width: 768px) {
.rich-text--social .rich-text_text {
margin-bottom: 36px;
}
}
.share-links {
font-size: 0;
}
.share-links_list {
text-align: center;
padding: 0;
}
.share-links_list-item {
display: inline-block;
}
@media screen and (min-width: 1024px) {
.share-links_list-item {
display: block;
}
}
.share-links_list-item:first-child > a {
border-left: 1px solid #000;
}
@media screen and (min-width: 1024px) {
.share-links_list-item:first-child > a {
border-left-width: 2px;
border-top: 2px solid #000;
}
}
.share-links_link {
border: 1px solid #000;
border-left: 0;
display: inline-block;
width: auto;
transition: all 0.1s linear;
}
@media screen and (min-width: 1024px) {
.share-links_link {
border: 2px solid #000;
border-top: 0;
}
}
.share-links_link:hover {
background-color: #000;
color: #fff;
}
.share-links_link:before {
font-size: 22px;
height: 39px;
width: 39px;
line-height: 39px;
text-align: center;
}
@media screen and (min-width: 768px) {
.share-links_link:before {
font-size: 25px;
height: 50px;
width: 50px;
line-height: 50px;
}
}
.share-links_fb:before {
content: "\e901";
}
.share-links_fb:before,
.share-links_twitter:before {
display: block;
font-family: icomoon;
font-style: normal;
font-weight: 400;
}
.share-links_twitter:before {
content: "\e904";
}
.share-links_print:before {
content: "\e903";
}
.share-links_email:before,
.share-links_print:before {
display: block;
font-family: icomoon;
font-style: normal;
font-weight: 400;
}
.share-links_email:before {
content: "\e902";
}
.shareprice {
color: #fff;
}
.shareprice__value {
font-size: 33px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.shareprice__change {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
}
.shareprice__change--down {
color: #e61400;
}
.shareprice__change--down .percent:after {
content: "\25bc";
}
.shareprice__change--up {
color: #55be5a;
}
.shareprice__change--up .percent:after {
content: "\25b2";
}
@media screen and (min-width: 480px) {
.shareprice__change {
font-size: 18px;
}
}
.stock-graph__buttons {
text-align: right;
margin-bottom: 20px;
}
.stock-graph__buttons button {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-left: 10px;
font-size: 14px;
padding: 10px;
color: #000;
}
.stock-graph__buttons button.active {
color: #ff0f64;
}
.stock-graph__chart .tick text {
fill: #999;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 200;
font-style: normal;
font-size: 12px;
}
.stock-graph__chart .c3-axis-y .tick line,
.stock-graph__chart .c3-axis-y path {
visibility: hidden;
}
.stock-graph__chart .c3-axis path,
.stock-graph__chart .tick line {
stroke: #ddd;
}
.stock-graph__chart .c3-circles circle {
visibility: hidden;
}
.stock-graph__chart .c3-circles circle._expanded_ {
visibility: visible;
}
.stock-graph__chart .c3-line {
stroke-width: 3px;
}
.stock-graph__chart.one_year .c3-line {
stroke-width: 2px;
}
.stock-graph__chart.five_years .c3-line {
stroke-width: 1px;
}
.stock-graph__chart .c3-grid line {
stroke: #ddd;
stroke-dasharray: 0 0;
}
.stock-graph__chart .c3-legend-item {
cursor: default;
}
.stock-graph__chart .c3-legend-item text {
cursor: default;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
}
.stock-graph__chart .c3-legend-item rect {
cursor: default;
}
.stock-graph__tooltip {
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 12px;
border-radius: 5px;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.stock-graph__tooltip__heading {
font-size: 14px;
margin-bottom: 5px;
}
.stock-graph__tooltip__value {
font-size: 18px;
display: inline-block;
margin-right: 5px;
}
.stock-graph__tooltip__date {
display: inline;
font-size: 14px;
color: #999;
}
.tags li {
display: inline;
line-height: 40px;
}
.tag {
background: #55be5a;
color: #fff;
display: inline-block;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 158.33333%;
text-transform: uppercase;
margin-right: 15px;
padding: 2px 10px 3px;
border-radius: 3px;
cursor: pointer;
}
.tag--sky {
background: #41b9e6;
}
.tag--transparent {
background: none;
color: #41b9e6;
padding-left: 0;
padding-right: 0;
}
.video-player {
padding: 0 15px;
margin-bottom: 74px;
}
@media screen and (min-width: 768px) {
.video-player {
padding: 0 30px;
}
}
@media screen and (min-width: 1024px) {
.video-player {
display: block;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
.video-player_inner {
background: #000;
overflow: hidden;
}
@media screen and (min-width: 1024px) {
.video-player_inner {
margin: 0 13%;
}
}
.video-player_video-wrapper {
width: 100%;
display: inline-block;
}
.video-player_overlay {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
cursor: pointer;
z-index: 1;
}
.video-player_overlay:after {
background-image: url(../img/video-play-button-hover.png);
background: url(../img/video-play-button.png) no-repeat 50%;
background-size: 100%;
content: "";
cursor: pointer;
display: block;
height: 44px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 44px;
z-index: 3;
}
@media screen and (min-width: 1024px) {
.video-player_overlay:after {
width: 88px;
height: 88px;
}
}
.video-player_overlay:hover:after {
background-color: rgba(255, 255, 255, 0.4);
}
.video-player_video {
width: 100%;
}
.video-player_control-wrapper {
height: 65px;
background-color: #000;
width: 100%;
position: absolute;
left: 0;
bottom: -65px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: flex-start;
transition: bottom 0.3s ease-in-out;
z-index: 100;
}
.video-player_play-pause {
color: #fff;
font-size: 24px;
width: 63px;
height: 65px;
height: 100%;
border-right: 2px solid #333;
transition: background-color 0.2s ease-in-out;
}
.video-player_play-pause:before {
display: block;
font-family: icomoon;
content: "\e915";
font-style: normal;
font-weight: 400;
}
.video-player_play-pause:hover {
background-color: #ff0f64;
}
.video-player_timer-wrapper {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
letter-spacing: 0.32px;
line-height: 100%;
color: #fff;
border-right: 2px solid #333;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
padding: 0 17px;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
}
.video-player_timer-divider {
margin: 0 5px;
}
.video-player_progress-wrapper {
border-right: 2px solid #333;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
}
.video-player_progress-scrubber {
width: 90%;
height: 6px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-size: auto;
background-image: none;
}
.video-player_progress-scrubber::-webkit-progress-bar {
background: gray;
}
.video-player_progress-scrubber::-webkit-progress-value {
background: #fff;
}
.video-player_volume-wrapper {
border-right: 2px solid #333;
width: 65px;
}
.video-player_volume-wrapper:hover .video-player_volume-button {
background-color: #ff0f64;
}
.video-player_volume-wrapper:hover .video-player_volume-slider-wrapper {
height: 160px;
}
.video-player_volume-button {
color: #fff;
font-size: 24px;
width: 63px;
height: 65px;
transition: background-color 0.2s ease-in-out;
}
.video-player_volume-button:before {
display: block;
font-family: icomoon;
content: "\e911";
font-style: normal;
font-weight: 400;
}
.video-player_volume-slider-wrapper {
position: absolute;
bottom: 65px;
height: 0;
background: #e50d5a;
width: 63px;
overflow: hidden;
transition: height 0.3s ease-in-out;
}
.video-player_volume-slider {
position: absolute;
left: 50%;
margin: 0 auto;
margin-left: -2px;
height: 120px;
margin-top: 20px;
width: 6px;
background: rgba(255, 255, 255, 0.3);
border: none;
outline: none;
}
.video-player_volume-slider .ui-slider-range-min {
height: 120px;
width: 8px;
margin-left: -1px;
position: absolute;
background: #ffb6d1;
border: none;
outline: none;
bottom: 0;
}
.video-player_volume-slider .ui-slider-handle {
width: 18px;
height: 8px;
background: #fff;
position: absolute;
margin-left: -6px;
margin-bottom: -5px;
cursor: pointer;
outline: none;
border: none;
}
.video-player_full-screen {
color: #fff;
font-size: 24px;
width: 63px;
height: 65px;
transition: background-color 0.2s ease-in-out;
}
.video-player_full-screen:before {
display: block;
font-family: icomoon;
content: "\e913";
font-style: normal;
font-weight: 400;
}
.video-player_full-screen:hover {
background-color: #ff0f64;
}
.video-player--playing .video-player_play-pause:before {
display: block;
font-family: icomoon;
content: "\e912";
font-style: normal;
font-weight: 400;
}
.video-player--volume-active .video-player_volume-slider-wrapper {
height: 160px;
}
.video-player--volume-active .video-player_volume-button {
background-color: #ff0f64;
}
.video-player--volume-muted .video-player_volume-button:before {
display: block;
font-family: icomoon;
content: "\e90c";
font-style: normal;
font-weight: 400;
}
.video-player--on-device .video-player_progress-wrapper {
border-right: none;
}
.video-player--on-device .video-player_full-screen,
.video-player--on-device .video-player_volume-wrapper {
display: none;
}
@media screen and (max-width: 767px) {
.video-player--on-device .video-player_progress-wrapper {
border-right: none;
}
.video-player--on-device .video-player_control-wrapper {
display: none;
}
.video-player--on-device .video-player_overlay {
display: none !important;
}
}
.video-player_inner:hover .video-player_control-wrapper {
bottom: 0;
}
.youtube-player {
display: inline-block;
position: relative;
width: 100%;
}
.youtube-player .overlay {
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 1;
}
.youtube-player .overlay:before {
background: rgba(0, 0, 0, 0.4);
content: "";
cursor: pointer;
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.youtube-player .overlay:after {
background-image: url(../img/video-play-button-hover.png);
background: url(../img/video-play-button.png) no-repeat 50%;
background-size: 50%;
content: "";
cursor: pointer;
display: block;
height: 88px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 88px;
z-index: 3;
}
@media screen and (min-width: 1024px) {
.youtube-player .overlay:after {
background-size: 100%;
}
}
.youtube-player .overlay:hover:after {
background-image: url(../img/video-play-button-hover.png);
}
.youtube-player .overlay.hide {
opacity: 0;
-webkit-transform: translate3d(0);
transform: translate3d(0);
transition: opacity 0.5s;
z-index: 0;
}
.youtube-player .overlay img {
min-height: 100%;
min-width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.youtube-player iframe {
height: 56.25%;
width: 100%;
}
@media screen and (min-width: 1024px) {
.youtube-player iframe {
height: 720px;
}
}
@media screen and (min-width: 768px) {
.youtube-player iframe {
height: 56.25%;
}
}
.article-content .youtube-player {
display: block;
padding: 0 15px;
margin: 0 auto 70px;
max-width: 1280px;
}
@media screen and (min-width: 768px) {
.article-content .youtube-player {
padding: 0 30px;
}
}
.article-content .youtube-player .overlay {
width: auto;
left: 15px;
right: 15px;
}
@media screen and (min-width: 768px) {
.article-content .youtube-player .overlay {
left: 30px;
right: 30px;
}
}
@media screen and (min-width: 1024px) {
.article-content .youtube-player .overlay {
left: 13%;
right: 13%;
}
}
@media screen and (min-width: 1024px) {
.article-content .youtube-player .video {
padding: 0 13%;
}
}
.module.album {
margin: 60px 30px 0;
}
.module.album .pagination {
border-top: 1px solid #ddd;
padding: 60px 0;
}
@media screen and (max-width: 767px) {
.module.album .pagination {
padding: 25px 0;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.module.album .pagination {
border-top: 0;
}
}
@media screen and (min-width: 768px) {
.module.album {
margin: 60px 30px 0;
}
}
@media screen and (max-width: 767px) {
.module.album {
margin: 30px 15px 0;
}
}
.module.album .album__ct {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.module.album .album__ct:after {
clear: both;
content: "";
display: table;
}
.article-author {
max-width: 1024px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
.article-author {
margin-left: 25px;
margin-right: 25px;
}
}
@media print, screen and (min-width: 1084px) {
.article-author {
margin-left: auto;
margin-right: auto;
}
}
.article-author:before {
content: "";
width: auto;
height: 100%;
width: 100%;
left: 4px;
top: 4px;
background-color: rgba(0, 0, 0, 0.06);
position: absolute;
z-index: 0;
}
.article-author__inner {
border: 3px solid #ddd;
padding: 30px;
min-height: 310px;
background: #fff;
}
.article-author__image-col {
width: 250px;
margin: 0 auto 30px;
z-index: 1;
}
@media print, screen and (min-width: 768px) {
.article-author__image-col {
position: absolute;
top: 30px;
}
}
.article-author__text-col {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: 0.36px;
line-height: 166.66667%;
}
@media print, screen and (min-width: 768px) {
.article-author__text-col {
padding-left: 320px;
}
}
.article-author__subheading {
font-size: 16px;
letter-spacing: 0;
line-height: 125%;
color: #999;
margin-bottom: 5px;
}
.article-author__heading,
.article-author__subheading {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.article-author__heading {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 116.66667%;
margin-bottom: 30px;
}
.article-author__bio {
color: #999;
}
.article-author__bio p {
margin-bottom: 30px;
}
.article-author__link {
color: #ff0f64;
text-decoration: underline;
}
.article-carousel {
width: 100%;
font-size: 0;
}
.article-carousel .carousel {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.article-carousel .carousel {
margin-bottom: 40px;
}
}
@media screen and (min-width: 768px) {
.article-carousel_inner {
z-index: 1;
}
.article-carousel_inner:before {
content: "";
width: 100%;
height: 5px;
position: absolute;
z-index: -1;
top: -5px;
background-color: rgba(0, 0, 0, 0.2);
}
}
@media screen and (min-width: 1024px) {
.article-carousel {
margin-bottom: -70px;
padding: 0 30px;
}
.article-carousel_inner {
position: relative;
top: -70px;
max-width: 1280px;
margin: 0 auto;
}
.article-carousel_inner:before {
content: "";
width: auto;
height: 100%;
left: -5px;
right: -5px;
bottom: 5px;
}
}
.article-content {
padding: 30px 0 40px;
}
@media screen and (min-width: 768px) {
.article-content {
padding: 60px 0 90px;
}
}
@media screen and (min-width: 1024px) {
.article-content {
padding-top: 100px;
}
}
.article-content_inner {
display: block;
margin: 0 auto;
}
.article-content_inner .pull-quote {
margin: 0 0 60px;
}
@media screen and (min-width: 768px) {
.article-content_inner .pull-quote {
margin: 80px 0 60px;
}
}
.article-content_inner .full-bleed-image {
margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
.article-content_inner .full-bleed-image {
margin: 0 0 60px;
}
}
.article-content_inner .full-bleed-image {
margin: 0 0 60px;
}
@media screen and (min-width: 1024px) {
.article-content_inner .rich-text {
display: block;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.article-content_inner .rich-text_inner {
padding: 0 13%;
}
.article-content_inner .rich-text--social {
display: block;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.article-content_inner .rich-text--social .rich-text_inner {
padding: 0 13% 0 0;
}
.article-content_inner .pull-quote {
display: block;
max-width: 1280px;
margin: 85px auto 70px;
}
.article-content_inner .full-bleed-image {
display: block;
margin: 90px auto;
}
.article-content_inner .tags {
display: block;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.article-content_inner .tags__inner {
padding: 0 13%;
}
}
.article-youtube-player {
width: 100%;
}
@media screen and (min-width: 768px) {
.article-youtube-player_inner:before {
content: "";
width: 100%;
height: 5px;
position: absolute;
z-index: 0;
top: -5px;
background-color: rgba(0, 0, 0, 0.2);
}
}
@media screen and (min-width: 1024px) {
.article-youtube-player {
margin-bottom: -70px;
padding: 0 30px;
}
.article-youtube-player_inner {
position: relative;
top: -70px;
max-width: 1280px;
margin: 0 auto;
max-height: 720px;
}
.article-youtube-player_inner:before {
content: "";
width: auto;
height: 100%;
left: -5px;
right: -5px;
bottom: 5px;
}
}
.asset-download {
display: none;
}
@media screen and (min-width: 768px) {
.asset-download {
display: block;
margin: 0 30px;
padding: 50px 0 78px;
}
}
@media screen and (min-width: 768px) {
.asset-download_wrapper {
margin: 0 auto;
max-width: 1260px;
}
}
.asset-download_inner {
border: 2px solid #ddd;
box-shadow: 2.5px 4.33px 0 0 rgba(0, 0, 0, 0.05);
padding: 39px 24px;
}
.asset-download_name {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
text-transform: capitalize;
}
.asset-download_type {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
text-transform: uppercase;
}
.asset-download_button_wrapper {
position: relative;
bottom: 17px;
float: right;
}
.bio_body .hero_detail,
.bio_body .hero_title {
padding-top: 8px;
}
.bio_body .rich-text .rich-text_inner p.rich-text_text:first-child,
.bio_body .rich-text_text.text--standard:first-child,
.rich-text .rich-text_inner .bio_body p.rich-text_text:first-child {
padding-top: 43px;
}
.bio_body .rich-text--social {
position: static;
}
@media screen and (min-width: 768px) {
.bio_body div.component.rich-text.rich-text--social {
padding-left: 0;
}
}
@media screen and (min-width: 768px) {
.bio_body .rich-text_inner {
width: 721px;
}
}
@media screen and (min-width: 1024px) {
.bio_body .rich-text_inner {
width: 826px;
}
}
.bio_body .share-links {
display: none;
}
@media screen and (min-width: 1024px) {
.bio_body .share-links {
display: block;
position: absolute;
left: -140px;
top: 0;
padding-top: 0;
}
.bio_body .share-links .share-links_link.share-links_fb,
.bio_body .share-links .share-links_link.share-links_twitter {
display: none;
}
.bio_body .share-links .share-links_link.share-links_email {
border-top: 2px solid #000;
}
}
.bio-content_container {
padding-bottom: 29px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.bio-content_container {
max-width: 721px;
}
}
@media screen and (min-width: 1024px) {
.bio-content_container {
max-width: 815px;
}
}
.bio-content_image {
display: block;
margin: 48px auto 0;
padding: 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.bio-content_image {
margin-top: 60px;
}
}
@media screen and (max-width: 767px) {
.bio-content_image_wrap {
padding: 0 15px;
}
}
.bio-content--no-image .share-links {
margin-top: 51px;
}
.contact {
margin: 0;
}
@media screen and (min-width: 768px) {
.contact_wrap {
display: -ms-flexbox;
display: flex;
}
.contact_wrap .contact_carousel_wrap,
.contact_wrap .subscribe {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.contact_wrap {
display: -ms-flexbox;
display: flex;
}
.contact_wrap .contact_carousel_wrap {
display: none;
}
.contact_wrap .contact_carousel,
.contact_wrap .contact_no_carousel {
width: 66.666%;
}
.contact_wrap .subscribe {
width: 33.333%;
}
}
@media screen and (max-width: 767px) {
.contact {
margin-top: 0;
margin-bottom: 0;
padding: 0 15px;
}
}
@media screen and (min-width: 768px) {
.contact {
margin: 0 30px;
}
}
.disclaimer + .contact .contact_inner,
.hub + .contact .contact_inner,
.related-content--gallery + .contact .contact_inner {
border-top: none;
}
.contact_inner {
border-top: 1px solid #cecece;
display: block;
margin: 0 auto;
max-width: 1080px;
padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
.contact_inner {
padding: 15px 0 75px;
}
}
.contact_header {
padding: 60px 0 10px;
}
@media screen and (max-width: 767px) {
.contact_header {
padding: 45px 0 0;
}
}
.contact_wrapper {
padding-top: 42px;
display: block;
float: left;
padding-top: 60px;
vertical-align: top;
width: 50%;
}
@media screen and (min-width: 1024px) {
.contact_wrapper {
width: 50%;
}
}
.contact_heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 14px;
letter-spacing: -0.14px;
line-height: 100%;
margin-bottom: 30px;
}
.contact_carousel {
overflow: hidden;
padding-bottom: 100px;
}
@media screen and (min-width: 1024px) {
.contact_carousel {
display: none;
}
}
.contact_carousel--loading {
visibility: hidden;
}
.contact_carousel .slick-slide {
outline: none;
}
.contact_carousel .slick-slider {
margin-bottom: 30px;
}
.contact_carousel .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.contact_carousel .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.contact_carousel .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: #fff;
border: 3px solid rgba(255, 15, 100, 0.7);
border-radius: 100px;
outline: none;
background: transparent;
}
.contact_carousel .slick-dots li button:focus,
.contact_carousel .slick-dots li button:hover {
outline: none;
}
.contact_carousel .slick-dots li button:focus:before,
.contact_carousel .slick-dots li button:hover:before {
opacity: 1;
border-radius: 100px;
border: 3px solid transparent;
}
.contact_carousel .slick-dots li button:before {
font-size: 0;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.contact_carousel .slick-dots li.slick-active button {
background-color: #ff0f64;
}
.contact_carousel .slick-dots li.slick-active button:active {
-webkit-tap-highlight-color: transparent;
}
.contact_no_carousel {
display: block;
}
@media screen and (max-width: 1023px) {
.contact_no_carousel {
display: none;
}
}
.contact_email,
.contact_web,
.contact_phone {
font-size: 16px;
}
.contact_email,
.contact_name,
.contact_web,
.contact_phone {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0;
line-height: 100%;
}
.contact_name {
font-size: 18px;
}
.contact_name + .contact_name {
margin-top: 7px;
}
.contact_name strong {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.contact_email,
.contact_web {
margin-top: 36px;
}
.contact_email + .contact_email,
.contact_web + .contact_web {
margin-top: 9px;
}
.contact_email strong,
.contact_web strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-right: 5px;
}
/* css for resolved the issue #798 */
.contact_fax strong {
margin-right: 5px;
}
.contact_email a,
.contact_web a {
color: #ff0f64;
text-decoration: underline;
}
.contact_phone {
margin-top: 12px;
}
.contact_phone + .contact_phone {
margin-top: 9px;
}
@media screen and (min-width: 768px) {
.contact_phone {
margin-top: 30px;
}
}
.contact_phone strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-right: 5px;
}
.error--maintenance .error_bar {
display: none;
}
.error--maintenance .error_inner {
box-sizing: initial;
display: table;
height: 100vh;
margin: auto;
min-height: 400px;
padding: 0 30px;
}
.error--maintenance .error_header {
border-bottom: 0;
display: table-cell;
margin: 0;
padding: 0;
vertical-align: middle;
}
.error--maintenance h1 {
font-size: 80px;
}
@media screen and (max-width: 767px) {
.error--maintenance h1 {
font-size: 40px;
}
.error--maintenance .error_inner {
min-height: 320px;
}
}
.error_bar {
height: 120px;
background-color: #ff5a0f;
}
.error_inner {
max-width: 885px;
padding: 0 25px;
margin: 62px auto 90px;
text-align: center;
}
.error_header {
padding: 0 3% 72px;
border-bottom: 1px solid #ddd;
}
.error_reasons {
margin-top: 77px;
text-align: left;
}
.error_reason {
padding-left: 30px;
margin-top: 22px;
}
.error_reason:before {
content: "";
position: absolute;
left: 0;
top: 8px;
height: 8px;
width: 8px;
background-color: #ddd;
}
.error_reason:first-child {
margin-top: 26px;
}
.error p {
color: #000;
}
.error_cta {
text-align: left;
margin-top: 43px;
}
.error_cta + .error_cta {
margin-top: 20px;
}
.error .btn-cta {
min-width: 200px;
}
@media screen and (max-width: 767px) {
.error_bar {
height: 60px;
}
.error_inner {
padding: 0 15px;
margin: 52px auto 60px;
}
.error_header {
padding-bottom: 42px;
}
.error p {
margin-top: 12px;
}
.error_reasons {
margin-top: 53px;
}
.error_reason,
.error_reason:first-child {
margin-top: 18px;
}
.error_cta {
margin-top: 34px;
}
.error_cta + .error_cta {
margin-top: 15px;
}
.error .btn-cta {
display: block;
}
}
.filter {
background: #f4f4f4;
}
.filter__menu {
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.filter__menu__wrap {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
}
.filter__menu button {
min-width: 122px;
padding-left: 10px;
padding-right: 10px;
margin: 5px 10px 5px 0;
}
@media screen and (min-width: 768px) {
.filter__menu {
padding: 15px 0;
}
}
.filter__sort {
white-space: nowrap;
margin: 5px 0;
}
.filter select {
top: 0;
max-width: 100%;
padding-left: 0 !important;
padding-right: 25px !important;
}
.android .filter select,
.ios .filter select {
top: -1px;
}
.filter__group__heading,
.filter__menu label {
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 166.66667%;
margin: 10px 0;
}
.filter__sort label {
top: 1px;
}
.ios .filter__sort label {
top: 0;
}
.filter__num-items {
color: #999;
font-size: 12px;
letter-spacing: 0;
line-height: 100%;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.filter__filters {
display: none;
}
.filter__filters label {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 16px;
letter-spacing: 0;
line-height: 162.5%;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.filter__filters {
position: static;
width: auto;
height: auto;
}
.filter__filters > .container {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media screen and (min-width: 768px) {
.filter__groups {
display: -ms-flexbox;
display: flex;
}
}
.filter__group .form-row {
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.filter__group {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
float: none;
margin: 0;
}
.filter__group:last-child {
margin-right: 0;
}
.filter__group--large {
float: left;
display: block;
margin-right: 2.35765%;
width: 48.82117%;
float: none;
}
.filter__group--large:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.filter__group {
float: left;
display: block;
margin-right: 2.35765%;
width: 14.70196%;
float: none;
}
.filter__group:last-child {
margin-right: 0;
}
.filter__group--large {
float: left;
display: block;
margin-right: 2.35765%;
width: 40.29137%;
float: none;
}
.filter__group--large:last-child {
margin-right: 0;
}
.filter__group--large .form-row {
width: 50%;
float: left;
}
.filter__group--published .form-row {
width: 100%;
float: none;
}
.filter__group--published .col {
width: 50%;
float: left;
}
}
.filter__controls,
.filter__heading {
display: none;
}
@media screen and (max-width: 767px) {
.filter__filters {
position: fixed;
top: 0;
height: 100%;
left: 0;
right: 0;
background: #f4f4f4;
z-index: 10000;
}
.filter__filters__wrap {
bottom: 0;
height: 100%;
width: 100%;
overflow: scroll;
position: absolute;
padding: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.filter__group,
.filter__heading {
display: block;
padding: 0 15px;
}
.filter__controls {
display: block;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter__group__heading {
cursor: pointer;
}
.filter__heading {
padding: 15px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.filter__heading__text {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -1.2px;
line-height: 133.33333%;
}
.filter__groups {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.filter .btn-filter-cancel {
color: #ff0f64;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: .012px;
line-height: 1041.66667%;
text-transform: uppercase;
position: absolute;
right: 15px;
top: 50%;
margin-top: -5px;
height: 17px;
width: 24px
}
.filter .btn-filter-cancel .cross-icon:after,
.filter .btn-filter-cancel .cross-icon:before {
background: #ff0f64;
}
.filter__group {
background: #fff;
border-bottom: 1px solid #ddd;
padding: 0;
}
.filter__group__heading {
margin: 0;
padding: 15px;
}
.filter__group__heading:after {
content: "+";
position: absolute;
right: 15px;
top: 50%;
margin-top: -12px;
color: #ff0f64;
}
.filter__group__content {
padding: 15px;
}
.filter__group.open .filter__group__heading:after {
content: "\2014";
right: 12px;
}
.filter__controls .container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 15px;
}
.filter__controls .container button {
min-width: 140px;
}
.filter__controls .container button:last-child {
margin-left: auto;
}
}
@media screen and (max-width: 412px) {
.filter__group__heading {
margin: 0;
padding: 9px;
}
.filter__group__content {
padding: 0px;
}
}
.filter .datepickers {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 5px;
}
.filter .datepickers .labels {
padding-right: 20px;
text-align: right;
}
.filter .datepickers .labels label {
display: block;
margin-bottom: 5px;
}
.filter .datepickers .inputs input {
margin-bottom: 5px;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
background: transparent;
border: none;
border-bottom: 2px solid #ddd;
outline: none;
display: block;
border-radius: 0;
}
@media screen and (min-width: 768px) {
.filter .datepickers .inputs input {
width: 100%;
}
}
.pika-single {
z-index: 1000000;
}
.pika-single * {
border-radius: 0;
}
.is-today .pika-button {
color: #ff0f64;
}
.is-selected .pika-button,
.pika-button:hover {
background: #ff0f64;
color: #fff;
box-shadow: none;
}
.is-selected .pika-button:hover {
color: #fff !important;
}
footer {
background: #222;
color: #666;
display: inline-block;
padding: 0 30px 16px;
width: 100%;
}
@media screen and (max-width: 767px) {
footer {
padding-left: 15px;
padding-right: 15px;
}
}
.footer-content {
max-width: 1080px;
margin: auto;
}
.footer-section {
-ms-flex: 1 100% auto;
flex: 1 100% auto;
padding: 40px 0;
position: relative;
}
.footer-section:before {
content: "";
display: block;
position: absolute;
background: #666;
height: 1px;
top: 0;
width: 100%;
}
.footer-section:first-child:before {
display: none;
}
.footer-section p {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 0;
line-height: 133.33333%;
}
.footer-social ul {
margin-top: 18px;
}
.footer-social li {
display: inline-block;
margin-right: 20px;
}
.footer-social li:last-child {
margin-right: 0;
}
.footer-social a {
-ms-flex-align: center;
align-items: center;
border: 2px solid #41b9e6;
display: -ms-flexbox;
display: flex;
height: 32px;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
transition: all 0.1s linear;
}
.footer-social a:before {
color: #41b9e6;
font-size: 15px;
transition: all 0.1s linear;
}
.footer-social a:hover {
background: #41b9e6;
text-decoration: none;
}
.footer-social a:hover:before {
color: #fff;
}
.footer-social span {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.footer-legal-links li:first-child:after,
.footer-legal li:before {
content: "";
display: block;
position: absolute;
height: 14px;
top: 3px;
width: 1px;
}
.footer-legal {
-ms-flex-order: 2;
order: 2;
}
.footer-legal li {
font-size: 13px;
letter-spacing: 0;
line-height: 153.84615%;
display: inline-block;
float: left;
position: relative;
}
.footer-legal li:before {
right: 0;
}
.footer-legal li:last-child {
padding-right: 0;
}
.footer-legal li:last-child:before {
display: none;
}
.footer-copyright li {
margin: 0 10px 13px 0;
padding-right: 10px;
}
.footer-copyright li:before {
background: #313131;
}
.footer-legal-links li {
padding-right: 13px;
padding-left: 13px;
}
.footer-legal-links li:before {
background: #666;
}
.footer-legal-links li:first-child {
padding-left: 0;
}
.footer-legal-links a {
color: #41b9e6;
}
.footer-legal-links a:hover {
text-decoration: underline;
}
@media screen and (min-width: 768px) {
.footer-content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
padding: 40px 0 30px;
}
.footer-section {
padding: 0;
}
.footer-legal {
-ms-flex-order: 0;
order: 0;
}
.footer-social {
-ms-flex-order: 1;
order: 1;
}
.footer-social p {
font-size: 16px;
letter-spacing: 0;
line-height: 125%;
}
.footer-section:before {
display: none;
}
.footer-section .text--footer-link:hover {
text-decoration: underline;
}
.footer-legal li {
font-size: 14px;
letter-spacing: 0;
line-height: 142.85714%;
}
.footer-legal li:before,
.footer-legal li:first-child:after {
top: 2px;
}
.footer-copyright li:before {
background: #313131;
}
.footer-legal-links li {
padding-right: 10px;
padding-left: 10px;
}
.footer-legal-links li:before {
background: #313131;
}
.footer-legal-links li:first-child {
padding-left: 10px;
}
.footer-legal-links li:first-child:after {
background: #313131;
left: 0;
}
}
@media screen and (min-width: 1024px) {
.footer-content {
max-width: 1080px;
margin: auto;
padding: 20px 0 0;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.footer-content:after {
clear: both;
content: "";
display: table;
}
.footer-copyright,
.footer-legal-links {
display: inline-block;
vertical-align: middle;
margin: 5px 0;
}
.footer-copyright li,
.footer-legal-links li {
margin-bottom: 0;
}
.footer-social p {
margin-right: 10px;
}
.footer-social p,
.footer-social ul {
display: inline-block;
vertical-align: middle;
}
.footer-social ul {
margin: 10px 0;
}
.footer-social li:last-child {
margin: 0;
}
}
.global-header {
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
}
.global-header__main {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 18px 15px;
}
@media screen and (min-width: 768px) {
.global-header__main {
padding: 25px;
}
}
@media screen and (min-width: 1024px) {
.global-header__main {
padding: 23px 30px;
}
}
.global-header__logo {
max-width: 60px;
}
@media screen and (min-width: 768px) {
.global-header__logo {
max-width: 109px;
}
}
.global-header__logo a {
display: block;
}
.global-header__logo img {
width: 100%;
}
.global-header__logo__color {
display: none;
}
.global-header__btns {
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.global-header__btns {
margin-left: 0;
}
}
.global-header__btn {
background: none;
border: none;
outline: none;
box-shadow: none;
display: inline-block;
vertical-align: middle;
margin-left: 18px;
}
@media screen and (min-width: 768px) {
.global-header__btn {
margin-left: 30px;
}
.global-header__btn:first-of-type {
margin-left: 0;
}
}
.global-header__btn__text {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
display: none;
color: #fff;
padding-right: 20px;
position: relative;
top: -7px;
}
@media screen and (min-width: 768px) {
.global-header__btn__text {
text-transform: uppercase;
display: inline-block;
}
}
.global-header__btn.btn-user {
font-size: 20px;
color: #fff;
}
@media screen and (min-width: 768px) {
.global-header__btn.btn-user {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-user {
font-size: 22px;
}
}
.global-header__btn.btn-search-open {
font-size: 20px;
color: #fff;
}
@media screen and (min-width: 768px) {
.global-header__btn.btn-search-open {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-search-open {
font-size: 22px;
}
}
.global-header__btn.btn-menu {
font-size: 20px;
color: #fff;
}
@media screen and (min-width: 768px) {
.global-header__btn.btn-menu {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-menu {
font-size: 22px;
}
}
.global-header__btn.btn-search-close {
height: 17px;
width: 24px;
top: 1px;
}
@media screen and (min-width: 768px) {
.global-header__btn.btn-search-close {
height: 24px;
width: 32px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-search-close {
height: 21px;
width: 21px;
}
}
.global-header__links {
display: none;
}
@media screen and (min-width: 1024px) {
.global-header__links {
display: block;
margin-left: 43px;
}
}
.global-header__links li {
display: inline;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
text-transform: uppercase;
color: #fff;
margin: 0 4px;
}
.global-header__links li a {
display: inline-block;
color: #fff;
padding: 10px 20px;
line-height: 1;
}
.global-header__links li a:focus,
.global-header__links li a:hover {
text-decoration: underline;
}
.global-header__links li.selected a {
background: rgba(0, 0, 0, 0.15);
border-radius: 100px;
}
.global-header__links li.selected a:hover {
text-decoration: none;
}
.global-header-white-bg .global-header {
background: #fff;
border-bottom: 1px solid #ddd;
color: #999;
}
.global-header-white-bg .global-header .global-header__logo__color {
display: inline;
}
.global-header-white-bg .global-header .global-header__logo__bw {
display: none;
}
.global-header-white-bg .global-header .global-header__links li,
.global-header-white-bg .global-header .global-header__links li a {
color: #999;
}
.global-header-white-bg .global-header .global-header__links li.selected a {
background: #f4f4f4;
color: #000;
}
.global-header-white-bg .global-header .global-header__btn,
.global-header-white-bg .global-header .global-header__btn .icon-search-small,
.global-header-white-bg .global-header .global-header__btn .icon-user {
color: #999;
}
.global-header-white-bg
.global-header
.global-header__btn.btn-menu
.burger-icon,
.global-header-white-bg
.global-header
.global-header__btn.btn-menu
.burger-icon:after,
.global-header-white-bg
.global-header
.global-header__btn.btn-menu
.burger-icon:before,
.global-header-white-bg .global-header .global-header__btn.btn-menu .cross-icon,
.global-header-white-bg
.global-header
.global-header__btn.btn-menu
.cross-icon:after,
.global-header-white-bg
.global-header
.global-header__btn.btn-menu
.cross-icon:before {
background: #999;
}
@media screen and (min-width: 768px) {
.megamenu__article {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
transition: opacity 0.3s, -webkit-transform 0.5s ease-out;
transition: opacity 0.3s, transform 0.5s ease-out;
transition: opacity 0.3s, transform 0.5s ease-out,
-webkit-transform 0.5s ease-out;
}
.megamenu__article:nth-of-type(0),
.megamenu__article:nth-of-type(1),
.megamenu__article:nth-of-type(2),
.megamenu__article:nth-of-type(3),
.megamenu__article:nth-of-type(4),
.megamenu__article:nth-of-type(5),
.megamenu__article:nth-of-type(6),
.megamenu__article:nth-of-type(7),
.megamenu__article:nth-of-type(8),
.megamenu__article:nth-of-type(9) {
transition-delay: 0s;
}
}
@media screen and (min-width: 768px) {
.megamenu__nav .megamenu__nav__body li {
transition: opacity 0.1s, -webkit-transform 0.2s ease-out;
transition: opacity 0.1s, transform 0.2s ease-out;
transition: opacity 0.1s, transform 0.2s ease-out,
-webkit-transform 0.2s ease-out;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
.megamenu__nav .megamenu__nav__body li:nth-of-type(0),
.megamenu__nav .megamenu__nav__body li:nth-of-type(1),
.megamenu__nav .megamenu__nav__body li:nth-of-type(2),
.megamenu__nav .megamenu__nav__body li:nth-of-type(3),
.megamenu__nav .megamenu__nav__body li:nth-of-type(4),
.megamenu__nav .megamenu__nav__body li:nth-of-type(5),
.megamenu__nav .megamenu__nav__body li:nth-of-type(6),
.megamenu__nav .megamenu__nav__body li:nth-of-type(7),
.megamenu__nav .megamenu__nav__body li:nth-of-type(8),
.megamenu__nav .megamenu__nav__body li:nth-of-type(9) {
transition-delay: 0s;
}
}
.megamenu {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 9999;
-webkit-transform: translate(100%);
transform: translate(100%);
transition: -webkit-transform 0s ease-in-out 0.7s;
transition: transform 0s ease-in-out 0.7s;
transition: transform 0s ease-in-out 0.7s,
-webkit-transform 0s ease-in-out 0.7s;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 768px) {
.megamenu {
display: -ms-flexbox;
display: flex;
}
}
.menu-open .megamenu {
-webkit-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0s;
transition: transform 0s;
transition: transform 0s, -webkit-transform 0s;
}
.menu-open .megamenu .megamenu__nav {
-webkit-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.menu-open .megamenu .megamenu__main {
-webkit-transform: translate(0);
transform: translate(0);
transition: all 0.7s ease-in-out 0s;
opacity: 1;
}
@media screen and (min-width: 768px) {
.menu-open .megamenu .megamenu__article {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.menu-open .megamenu .megamenu__article:nth-of-type(0) {
transition-delay: 0.5s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(1) {
transition-delay: 0.75s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(2) {
transition-delay: 1s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(3) {
transition-delay: 1.25s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(4) {
transition-delay: 1.5s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(5) {
transition-delay: 1.75s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(6) {
transition-delay: 2s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(7) {
transition-delay: 2.25s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(8) {
transition-delay: 2.5s;
}
.menu-open .megamenu .megamenu__article:nth-of-type(9) {
transition-delay: 2.75s;
}
}
@media screen and (min-width: 768px) {
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(0) {
transition-delay: 0.4s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(1) {
transition-delay: 0.5s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(2) {
transition-delay: 0.6s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(3) {
transition-delay: 0.7s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(4) {
transition-delay: 0.8s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(5) {
transition-delay: 0.9s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(6) {
transition-delay: 1s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(7) {
transition-delay: 1.1s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(8) {
transition-delay: 1.2s;
}
.menu-open .megamenu .megamenu__nav .megamenu__nav__body li:nth-of-type(9) {
transition-delay: 1.3s;
}
}
.megamenu__nav {
width: 100%;
height: 100%;
color: #fff;
background-color: #ff0f64;
-webkit-transform: translate(100%);
transform: translate(100%);
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
z-index: 1;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.megamenu__nav {
width: 340px;
-ms-flex-order: 2;
order: 2;
background-color: #ff0f64;
transition: -webkit-transform 0.4s ease-in-out 0s;
transition: transform 0.4s ease-in-out 0s;
transition: transform 0.4s ease-in-out 0s,
-webkit-transform 0.4s ease-in-out 0s;
}
}
@media screen and (min-width: 1024px) {
.megamenu__nav {
width: 400px;
}
}
.megamenu__main {
background: #f4f4f4;
-webkit-transform: translate(calc(100% + 400px));
transform: translate(calc(100% + 400px));
transition: all 0.4s ease-in-out;
opacity: 0;
}
@media screen and (min-width: 768px) {
.megamenu__main {
display: block;
-ms-flex: 1;
flex: 1;
-ms-flex-order: 1;
order: 1;
}
}
.megamenu__main__body {
display: -ms-flexbox;
display: flex;
}
.megamenu__navSecondary {
display: none;
}
@media screen and (min-width: 1280px) {
.megamenu__navSecondary {
display: block;
min-width: 260px;
}
}
.megamenu__lang-links {
top: -4px;
}
.megamenu__lang-links li {
display: inline-block;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
letter-spacing: 0;
line-height: 153.84615%;
margin-right: 20px;
}
.megamenu__lang-links li a {
color: #fff;
}
.megamenu__lang-links li a:hover {
text-decoration: none;
}
.megamenu__main {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.megamenu__main__header {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 64px;
padding: 0 15px;
}
@media screen and (min-width: 768px) {
.megamenu__main__header {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__main__header {
padding: 0 30px;
}
}
@media screen and (max-width: 768px -1) {
.megamenu__main__header {
display: none;
}
}
@media screen and (min-width: 768px) {
.megamenu__main__header {
height: 84px;
}
}
.megamenu__main__header__logo {
display: block;
width: 120px;
}
.megamenu__main__header__logo img {
width: 100%;
height: auto;
display: block;
}
.megamenu__nav__header {
background: #e2175c;
position: absolute;
top: 0;
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 64px;
padding: 0 15px;
z-index: 9999999;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media screen and (min-width: 768px) {
.megamenu__nav__header {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__nav__header {
padding: 0 30px;
}
}
@media screen and (min-width: 768px) {
.megamenu__nav__header {
height: 84px;
}
}
.megamenu__nav .btn-close {
top: 2px;
height: 17px;
width: 24px;
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.megamenu__nav .btn-close {
width: 32px;
height: 24px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__nav .btn-close {
width: 21px;
height: 21px;
}
}
.megamenu__nav__body {
height: calc(100% - 64px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin: 64px 0 0;
}
@media screen and (min-width: 768px) {
.megamenu__nav__body {
height: calc(100% - 84px);
margin: 84px 0 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 767px) {
.megamenu__nav__body {
background: #f4f4f4;
}
}
@media screen and (min-width: 1280px) {
.megamenu__nav .secondaryMenu {
display: none;
}
}
.megamenu__accordian {
-ms-flex-negative: 0;
flex-shrink: 0;
}
.megamenu__nav__body .megamenu__accordian {
background-color: #ff0f64;
}
.megamenu__accordian__header {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 136.36364%;
padding: 0 15px;
border-top: 1px solid #d90d55;
padding-top: 20px !important;
padding-bottom: 20px !important;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.megamenu__accordian__header {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__accordian__header {
padding: 0 30px;
}
}
.megamenu__accordian__header:after,
.megamenu__accordian__header:before {
right: 27px;
}
@media screen and (min-width: 768px) {
.megamenu__accordian__header:after,
.megamenu__accordian__header:before {
right: 37px;
}
}
.megamenu__accordian__header:before {
content: " ";
background: #a41242;
width: 16px;
height: 2px;
position: absolute;
top: 50%;
margin-top: -1px;
margin-right: -7px;
}
.megamenu__accordian__header:after {
content: " ";
background: #a41242;
width: 2px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
}
@media screen and (min-width: 1280px) {
.megamenu__accordian__header {
cursor: default;
}
.megamenu__accordian__header:after,
.megamenu__accordian__header:before {
display: none;
}
}
.megamenu__accordian:last-child {
border-bottom: 1px solid #d90d55;
}
.megamenu__accordian__body {
display: none;
padding: 10px 0 20px;
}
@media screen and (min-width: 768px) {
.megamenu__accordian__body {
padding: 10px 0 40px;
}
}
.megamenu__accordian__form {
padding: 0 15px;
}
@media screen and (min-width: 768px) {
.megamenu__accordian__form {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__accordian__form {
padding: 0 30px;
}
}
.megamenu__accordian__form input[type="text"],
.megamenu__accordian__form input[type="password"] {
margin-bottom: 10px;
width: 100%;
border: none;
}
@media screen and (min-width: 1024px) {
.megamenu__accordian__form input[type="text"],
.megamenu__accordian__form input[type="password"] {
border: 2px solid #cecece;
}
}
.megamenu__accordian__form .btn-cta {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 0.1s linear;
display: inline-block;
min-width: 160px;
padding: 17px 40px;
text-align: center;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border: 2px solid #fff;
color: #fff;
transition: background-color 0.1s linear;
display: block;
margin-top: 20px;
width: 100%;
}
.megamenu__accordian__form .btn-cta._hover,
.megamenu__accordian__form .btn-cta:hover,
a:hover .megamenu__accordian__form .btn-cta {
text-decoration: none;
background-color: hsla(0, 0%, 100%, 0.2);
}
.megamenu__accordian__header.open:after {
display: none;
}
@media screen and (max-width: 768px -1) {
.megamenu__accordian.primaryMenu .megamenu__accordian__header {
display: none;
}
.megamenu__accordian.primaryMenu .megamenu__accordian__body {
padding: 30px 0;
}
}
@media screen and (min-width: 768px) {
.megamenu__accordian.primaryMenu {
-ms-flex-order: 999;
order: 999;
}
.megamenu__accordian:last-child {
border-bottom: none;
}
}
.megamenu__navSecondary .megamenu__accordian .megamenu__accordian__header {
border: none;
cursor: default;
color: #999;
}
.megamenu__navSecondary .megamenu__accordian .megamenu__accordian__header:after,
.megamenu__navSecondary
.megamenu__accordian
.megamenu__accordian__header:before {
display: none;
}
.megamenu__navSecondary .megamenu__accordian .megamenu__accordian__body {
padding-top: 0;
}
.megamenu__links {
margin-bottom: 30px;
padding: 0 15px 20px 15px;
}
.megamenu__links:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.megamenu__links a {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__links a {
padding: 0 30px;
}
}
.megamenu__links a:hover {
text-decoration: underline;
}
.megamenu__links__heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0;
line-height: 153.84615%;
padding: 0 15px;
}
@media screen and (min-width: 768px) {
.megamenu__links__heading {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__links__heading {
padding: 0 30px;
}
}
.megamenu__links li {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 0;
line-height: 133.33333%;
margin-bottom: 36px;
}
.megamenu__links li:last-child {
margin-bottom: 0;
}
.megamenu__links li.selected > a:before {
content: " ";
width: 0.22em;
height: 1.1em;
box-sizing: content-box;
padding: 0.05em 0;
background: #fff;
position: absolute;
top: 0.05em;
left: 0;
}
@media screen and (min-width: 768px) {
.megamenu__links li.selected > a:before {
left: 10px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__links li.selected > a:before {
left: 14px;
}
}
.megamenu__links li.selected .megamenu__links__heading:before {
font-size: 18px;
top: 0;
}
.megamenu__links li li {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.megamenu__links .megamenu__submenu {
margin-top: 12px;
}
.megamenu__links .megamenu__submenu li {
margin-bottom: 12px;
}
.megamenu__links .megamenu__submenu li:last-child {
margin: 0;
}
@media screen and (max-width: 768px -1) {
a.megamenu__links__heading {
font-size: 13px;
letter-spacing: 0;
line-height: 130.76923%;
text-transform: none;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.selected a.megamenu__links__heading:before {
font-size: 26px !important;
}
a.megamenu__links__heading + .megamenu__submenu {
display: none;
}
}
.megamenu__news {
padding: 25px 40px 0;
margin: 0 auto;
width: 100%;
max-width: 832px;
}
.megamenu__news__inner {
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.megamenu__news__mobile {
background: #f4f4f4;
padding: 40px 15px;
}
.megamenu__news__mobile .megamenu__article {
height: 100%;
}
.megamenu__news__mobile .swiper-container {
padding-bottom: 40px;
}
.megamenu__news__mobile .swiper-wrapper {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.megamenu__news__mobile .swiper-slide {
height: auto;
}
.megamenu__news__mobile .swiper-pagination-bullet-active {
background: #ff0f64;
}
@media screen and (min-width: 768px) {
.megamenu__news__mobile {
display: none;
}
}
.search-form {
background: #ff0f64;
color: #fff;
width: 100%;
z-index: 10000;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
position: absolute;
transition: all 0.4s ease-in-out;
overflow: hidden;
max-height: 100vh;
}
.search-form__header {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 18px 15px;
}
@media screen and (min-width: 768px) {
.search-form__header {
padding: 25px;
}
}
@media screen and (min-width: 1024px) {
.search-form__header {
padding: 23px 30px;
}
}
.search-form__logo {
max-width: 60px;
}
@media screen and (min-width: 768px) {
.search-form__logo {
max-width: 120px;
}
}
.search-form__logo a {
display: block;
}
.search-form__logo img {
width: 100%;
}
.search-form__btns {
margin-left: auto;
-ms-flex-positive: 1000;
flex-grow: 1000;
text-align: right;
}
@media screen and (min-width: 1024px) {
.search-form__btns {
margin-left: 20px;
}
}
.search-form__btn {
background: none;
border: none;
outline: none;
box-shadow: none;
display: inline-block;
vertical-align: middle;
margin-left: 18px;
}
@media screen and (min-width: 768px) {
.search-form__btn {
margin-left: 30px;
}
}
.search-form__btn-close {
height: 17px;
width: 24px;
top: 1px;
}
@media screen and (min-width: 768px) {
.search-form__btn-close {
height: 21px;
width: 21px;
}
}
.search-form__inner {
padding: 60px 0;
max-height: 100vh;
overflow: hidden;
}
@media screen and (max-height: 400px) {
.search-form__inner {
padding: 30px 0 60px;
}
.search-open .search-form__inner {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}
.search-form form {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
@media screen and (min-width: 768px) {
.search-form__content {
margin-top: 40px;
padding-left: 65px;
}
}
@media screen and (min-width: 1024px) {
.search-form__content {
margin-top: 60px;
padding-left: 90px;
}
}
.search-form__content ul {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 0;
line-height: 2;
}
.page-search .search-form__content {
margin-top: 0;
}
.search-form__heading {
color: #a01043;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
letter-spacing: 0.52px;
line-height: 2.07692;
text-transform: uppercase;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.search-form {
padding: 0 0 100px;
}
}
@media screen and (min-width: 1024px) {
.search-form {
padding: 0 0 90px;
}
}
body.search-open .search-form {
-webkit-transform: translate(0);
transform: translate(0);
}
.search-form__input {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 36px;
letter-spacing: -1.44px;
line-height: 2.22222;
background: #ff0f64;
color: #fff;
padding: 0;
border: none;
outline: none;
width: 100%;
}
.search-form__input::-webkit-input-placeholder {
color: #ec0f5d;
}
.search-form__input::-moz-placeholder {
color: #ec0f5d;
}
.search-form__input:-ms-input-placeholder {
color: #ec0f5d;
}
.search-form__input:-moz-placeholder {
color: #ec0f5d;
}
.search-form__input__wrap {
-ms-flex-order: 1;
order: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.search-form__input {
font-size: 60px;
letter-spacing: -2.4px;
line-height: 1.33333;
}
}
@media screen and (min-width: 1024px) {
.search-form__input {
font-size: 80px;
letter-spacing: -3.2px;
line-height: 1;
}
}
.search-form__submit {
font-size: 29px;
letter-spacing: 0.029px;
line-height: 4.31034%;
top: 0.07em;
}
.search-form__submit__wrap {
-ms-flex-order: 0;
order: 0;
margin-right: 20px;
}
@media screen and (min-width: 768px) {
.search-form__submit {
font-size: 45px;
letter-spacing: 0.045px;
line-height: 2.77778%;
}
}
@media screen and (min-width: 1024px) {
.search-form__submit {
font-size: 60px;
letter-spacing: 0.06px;
line-height: 2.08333%;
}
.search-form__submit__wrap {
margin-right: 30px;
}
}
.page-search .search-form {
position: static !important;
top: 0 !important;
-webkit-transform: translate(0) !important;
transform: translate(0) !important;
}
.hero {
box-sizing: inherit;
padding: 87px 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.hero {
padding: 180px 0 170px;
}
}
@media screen and (max-width: 767px) {
.hero--reduce-padding {
padding: 110px 0 56px;
}
}
@media screen and (min-width: 768px) {
.hero--reduce-padding {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.hero--reduce-padding {
padding-bottom: 170px;
}
}
.hero--clear-padding-bottom {
padding: 110px 0 0;
}
@media screen and (min-width: 768px) {
.hero--clear-padding-bottom {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.hero--clear-padding-bottom {
padding-bottom: 170px;
}
}
.hero_inner {
float: none;
margin-left: auto;
margin-right: auto;
min-width: 250px;
position: relative;
text-align: center;
}
@media screen and (min-width: 768px) {
.hero_inner {
float: none;
}
}
.hero_content-wrapper {
max-width: 1024px;
margin: 0 auto;
}
.hero_top {
padding-top: 15px;
}
.hero_top:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.hero_top {
padding-top: 12px;
}
}
.hero_arrow {
display: none;
}
@media screen and (min-width: 768px) {
.hero_arrow {
top: 0;
left: 50%;
display: block;
position: absolute;
width: 26px;
margin-left: -12px;
font-size: 18px;
z-index: 3000;
height: 80px;
background-color: #fff;
}
.hero_arrow:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
top: 12px;
margin-left: -10px;
position: absolute;
left: 50%;
}
}
.hero_breadcrumbs {
display: none;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.hero_breadcrumbs {
display: block;
margin: 0 auto;
padding-bottom: 15px;
}
}
.hero_breadcrumbs > ul {
display: inline-block;
}
.hero_date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: -0.24px;
line-height: 100%;
color: #fff;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.hero_date {
font-size: 16px;
letter-spacing: -0.32px;
line-height: 100%;
margin-top: 50px;
}
}
.hero_detail {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 22px;
margin-top: 30px;
}
.hero__cta {
text-align: center;
padding-top: 50px;
}
.home-hero__title-cursor {
width: 30px;
height: 0;
position: absolute;
}
.home-hero__title-cursor:before {
content: "";
position: absolute;
background: #fff;
height: 0;
width: 100%;
padding-top: 310%;
}
.home-hero {
height: 100vh;
min-height: 440px;
position: relative;
visibility: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 1024px) {
.home-hero__content__inner {
width: 100%;
}
.home-hero__title-container {
height: 200px;
width: 730px;
margin-left: -60px;
}
}
@media screen and (min-width: 1024px) and (max-width: 767px) {
.home-hero__title-container {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.home-hero__title-mask {
overflow: hidden;
height: 200px;
position: absolute;
right: 0;
width: 0;
transition: opacity 0.2s, width 0.1s 0.6s;
opacity: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 767px) {
.home-hero__title-mask {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
.home-hero .swiper-slide-active .home-hero__title-mask {
width: 100%;
transition: width 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.4s 0.2s;
opacity: 1;
}
.home-hero__title-wrap {
position: absolute;
right: 0;
width: 730px;
max-width: 670px;
padding-left: 60px;
}
}
.home-hero .swiper-container,
.home-hero .swiper-slide,
.home-hero .swiper-wrapper {
height: 100%;
}
.home-hero .swiper-slide {
overflow: hidden;
}
.home-hero .swiper-container {
position: absolute;
top: 0;
width: 100%;
}
.home-hero__video {
display: none;
}
.home-hero__content {
color: #fff;
margin: 0 30px;
height: 100%;
}
.home-hero__content .text--page-heading {
margin: 20px 0 30px;
font-size: 35px;
min-height: 80px;
}
@media screen and (min-width: 768px) {
.home-hero__content .text--page-heading {
font-size: 58px;
line-height: 64px;
}
}
@media screen and (min-width: 1024px) {
.home-hero__content .text--page-heading {
font-size: 64px;
line-height: 62px;
}
}
.home-hero__content .btn-cta {
color: #fff;
border-color: #fff;
margin-top: 0;
}
.home-hero__title-cursor {
width: 21px;
left: -30px;
top: 7px;
}
@media screen and (min-width: 768px) {
.home-hero__title-cursor {
left: -50px;
top: 8px;
width: 36px;
}
}
@media screen and (min-width: 1024px) {
.home-hero__title-cursor {
width: 40px;
top: 28px;
left: 0;
}
}
.home-hero__related__articles {
margin-top: 20px;
display: -ms-flexbox;
display: flex;
}
.home-hero__related__article {
width: 50%;
padding: 0 10px;
}
@media screen and (min-width: 768px) {
.home-hero__related__article {
padding: 0 40px;
}
}
.home-hero__related__article:first-child {
padding-left: 0;
}
.home-hero__related__article:last-child {
padding-right: 0;
}
.home-hero__related__article .text--date {
margin-bottom: 10px;
color: #fff;
}
.home-hero__related__article__title {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
}
@media screen and (min-width: 768px) {
.home-hero__related__article__title {
font-size: 18px;
}
}
.home-hero__content__inner {
position: absolute;
top: 15%;
}
.home-hero__related {
position: absolute;
bottom: 13%;
}
@media screen and (min-width: 768px) {
.home-hero__related {
bottom: 16%;
}
}
@media screen and (max-height: 480px) {
.home-hero__related {
bottom: 20px;
}
}
@media screen and (min-width: 768px) {
.home-hero__content__inner {
top: 5%;
}
}
@media screen and (min-width: 1024px) {
.home-hero__content__inner {
position: relative;
top: 38%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 30px;
}
.home-hero__related {
position: absolute;
bottom: 120px;
}
}
@media screen and (min-width: 1024px) and (min-height: 768px) {
.home-hero__related {
bottom: 22%;
}
}
@media screen and (min-width: 768px) {
.home-hero__content {
margin: 0 50px;
}
}
@media screen and (min-width: 1024px) {
.video-placeholder {
display: block !important;
}
}
@media screen and (min-width: 1025px) {
.home-hero__video {
display: block;
position: absolute;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.video-placeholder {
display: none !important;
}
.home-hero__video__wrap {
position: absolute;
width: 100%;
height: 100%;
left: 50%;
top: 50%;
}
.home-hero__content {
padding: 0 40px;
max-width: 1370px;
margin-left: auto;
margin-right: auto;
}
.home-hero__content:after {
clear: both;
content: "";
display: table;
}
.home-hero__content__inner {
max-width: 700px;
}
.home-hero__related {
max-width: 500px;
padding-left: 30px;
}
.home-hero__related__article {
padding-right: 40px;
}
}
.home-hero__bg {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
opacity: 0;
}
@media screen and (min-width: 1024px) {
.home-hero__bg {
box-sizing: content-box;
/* padding-bottom: 500px; */
padding-bottom: 0;
position: fixed;
}
}
.home-hero__bg__bg--black {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #000;
}
.home-hero__bg:first-child {
opacity: 1;
}
.home-hero__bg__image {
height: 70%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-position: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
transition: -webkit-transform 5s ease-in-out;
transition: transform 5s ease-in-out;
transition: transform 5s ease-in-out, -webkit-transform 5s ease-in-out;
}
.home-hero__bg__image img {
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}
@media screen and (min-width: 1024px) {
.home-hero__bg__image {
height: 80%;
}
}
.home-hero__bg__image.zoom {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.home-hero__svg {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.home-hero__svg__tablet {
display: none;
}
.home-hero__svg__desktop {
visibility: hidden;
overflow: hidden;
width: 2560px;
height: 2560px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -1280px;
margin-top: -1280px;
-webkit-transform-origin: 53% 55%;
transform-origin: 53% 55%;
-webkit-transform: scale(4.5) translate(20.4%, -10%) rotate(-60deg);
transform: scale(4.5) translate(20.4%, -10%) rotate(-60deg);
}
@media screen and (min-width: 1300px) {
.home-hero__svg__desktop {
-webkit-transform: scale(6) translate(21%, -8%) rotate(-60deg);
transform: scale(6) translate(21%, -8%) rotate(-60deg);
}
}
@media screen and (min-width: 1800px) {
.home-hero__svg__desktop {
-webkit-transform: scale(7) translate(21.8%, -8%) rotate(-60deg);
transform: scale(7) translate(21.8%, -8%) rotate(-60deg);
}
}
.home-hero__svg__mobile {
display: block;
width: 100%;
height: 24px;
}
.home-hero__svg__mobile-tablet-wrap {
position: absolute;
bottom: 0;
width: 100%;
}
.home-hero__svg__block {
height: 36vh;
min-height: 130px;
margin-top: -1px;
}
@media screen and (min-width: 768px) {
.home-hero__svg__block {
height: 30vh;
}
}
@media screen and (min-width: 768px) {
.home-hero__svg__mobile {
display: none;
}
.home-hero__svg__tablet {
display: block;
width: 100%;
height: 110px;
}
}
@media screen and (min-width: 1024px) {
.home-hero__svg__mobile-tablet-wrap {
display: none;
}
.home-hero__svg__desktop.ready {
visibility: visible;
}
}
.ii,
.investor-info {
position: relative;
z-index: 1;
max-width: 1370px;
margin-left: auto;
margin-right: auto;
}
.ii:after,
.investor-info:after {
clear: both;
content: "";
display: table;
}
.ii__inner,
.investor-info__inner {
-webkit-transform: translateY(0);
transform: translateY(0);
background: #fff;
margin: 0 15px;
transition: -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s,
-webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
}
.ii__bg-mobile,
.investor-info__bg-mobile {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: background 0.4s;
}
@media screen and (min-width: 1024px) {
.ii__bg-mobile,
.investor-info__bg-mobile {
display: none;
}
}
@media screen and (min-height: 480px) {
.ii.reveal .ii__inner,
.investor-info.reveal .ii__inner {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
}
@media (min-width: 768px), screen and (min-height: 768px) {
.ii.reveal .ii__inner,
.investor-info.reveal .ii__inner {
-webkit-transform: translateY(-80px);
transform: translateY(-80px);
}
}
@media screen and (min-width: 768px) {
.ii__inner,
.investor-info__inner {
margin: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.ii__inner,
.investor-info__inner {
margin: 0 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.ii__top {
padding: 10px 15px;
-ms-flex-positive: 1;
flex-grow: 1;
}
.ii__top__title {
color: #000;
margin-bottom: 3px;
}
.ii__top__title a:hover {
text-decoration: underline;
}
.ii__top .text--date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
color: #999;
}
@media screen and (min-width: 768px) {
.ii__top {
padding: 24px 25px;
}
}
@media screen and (min-width: 1024px) {
.ii__top {
padding: 24px 30px;
width: 40%;
}
}
.ii__middle {
background: #f4f4f4;
padding: 10px 15px;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 768px) {
.ii__middle {
padding: 24px 25px;
}
}
@media screen and (min-width: 1024px) {
.ii__middle {
padding: 24px 30px;
width: 60%;
}
}
.ii__articles {
margin-top: 30px;
}
.ii__article {
border-bottom: 1px solid #ddd;
padding: 20px 0;
}
.ii__article:last-child {
border-bottom: none;
}
.ii__article__title {
color: #ff0f64;
font-weight: 400;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.ii__article__title a:hover {
text-decoration: underline;
}
.ii__article__meta {
font-size: 14px;
margin-bottom: 5px;
}
.ii__article__meta,
.ii__article__new {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.ii__article__new {
display: inline-block;
color: #fff;
padding: 3px 8px;
background: #55be5a;
font-size: 12px;
text-transform: uppercase;
border-radius: 5px;
margin-right: 0.7em;
}
.ii__bottom {
background: #222;
width: 100%;
color: #fff;
}
.ii__bottom__inner,
.ii__middle__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 420px;
margin: 0 auto;
}
.ii__bottom__item,
.ii__middle__item {
padding: 30px;
position: relative;
width: 100%;
}
.ii__bottom__item .ii__top__title,
.ii__bottom__item .text--uppercase-heading,
.ii__middle__item .ii__top__title,
.ii__middle__item .text--uppercase-heading {
margin-bottom: 5px;
}
.ii__bottom__item a,
.ii__middle__item a {
font-size: 18px;
position: static;
}
.ii__bottom__item a:hover,
.ii__middle__item a:hover {
text-decoration: none;
}
.ii__bottom__item a:hover p,
.ii__middle__item a:hover p {
text-decoration: underline;
}
.ii__bottom__item .icon-download {
color: #ff0f64;
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ii__bottom__item p,
.ii__middle__item p {
padding-right: 20px;
position: static;
}
.ii__middle__item .shareprice__value {
font-size: 25px;
}
@media screen and (min-width: 768px) {
.ii__bottom__item {
width: 33%;
}
.ii__middle__item {
width: 20% !important;
}
.ii__bottom__inner,
.ii__middle__inner {
max-width: none;
}
}
@media screen and (min-width: 1024px) {
.ii__middle__item {
width: 33% !important;
}
.ii__bottom__item {
width: 20%;
}
.ii__bottom .icon-download {
display: block;
margin-top: 16px;
position: static;
}
}
.investor-info .shareprice {
width: 50%;
}
@media screen and (min-width: 768px) {
.investor-info .shareprice {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.investor-info .shareprice {
width: 20%;
}
}
.hub-secondary-nav {
height: 58px;
font-size: 0;
}
.hub-secondary-nav_inner {
transition: all 0.3s ease-in-out;
background-color: rgba(255, 255, 255, 0.98);
text-align: center;
width: 100%;
border-bottom: 5px solid #dedede;
box-sizing: content-box;
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.hub-secondary-nav ul {
white-space: nowrap;
}
.hub-secondary-nav_list-item {
display: inline-block;
}
.hub-secondary-nav_list-item:first-child {
margin-left: 0;
}
.hub-secondary-nav_list-item a {
font-size: 14px;
}
.hub-secondary-nav_list-item a.active {
color: #fff;
background-color: #ff0f64;
}
@media screen and (min-width: 1024px) {
.hub-secondary-nav_list-item a:hover {
color: #fff;
background-color: #ff0f64;
}
}
.hub-secondary-nav a:hover {
text-decoration: none;
}
.hub-secondary-nav_anchor-link {
/*height: 58px;*/
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: 0;
line-height: 100%;
color: #000;
text-transform: uppercase;
padding: 22px 15px;
display: block;
cursor: pointer;
}
.activate-sticky-nav .hub-secondary-nav_inner {
position: fixed;
top: 0;
z-index: 10000;
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.activate-sticky-nav .hub-secondary-nav_inner {
position: static !important;
}
}
.activate-sticky-nav
.hub-secondary-nav_inner.hub-secondary-nav_inner--header-sticky {
top: 61px;
}
@media screen and (min-width: 768px) {
.activate-sticky-nav
.hub-secondary-nav_inner.hub-secondary-nav_inner--header-sticky {
top: 101px;
}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {
.activate-sticky-nav
.hub-secondary-nav_inner.hub-secondary-nav_inner--header-sticky {
top: 0 !important;
}
}
.page-hub .list-content_inner {
max-width: 1080px;
}
.page-hub .list-item {
padding: 0;
}
.page-hub .list-item:last-child {
border-bottom: 0;
}
.page-hub .list-item--press:first-child {
padding-top: 20px;
}
.page-hub .list-item--press:last-child {
padding-bottom: 20px;
}
.hub {
background-color: #f7f7f7;
}
.hub.bg-white {
background: #fff;
}
.hub_group {
padding: 100px 0 80px;
}
@media screen and (max-width: 767px) {
.hub_group {
margin: auto;
}
}
.hub_header {
text-align: center;
margin: -4px auto 35px;
}
.hub_header_inner {
max-width: 1258px;
margin: 0 auto;
}
.hub_inner {
margin: auto;
max-width: 1278px;
box-sizing: content-box;
font-size: 0;
padding: 0 10px;
}
.hub_group + .hub_group {
padding-top: 0;
}
.hub_group--header-left {
max-width: 1298px;
margin-left: auto;
margin-right: auto;
padding-right: 10px;
padding-left: 20px;
}
.hub_group--header-left:after {
clear: both;
content: "";
display: table;
}
.hub_group--header-left .hub_header {
float: left;
width: 30%;
text-align: left;
}
.hub_group--header-left .hub_inner {
text-align: left;
padding: 0;
float: right;
width: 70%;
}
.tile {
text-decoration: none;
background-color: #fff;
margin: 0 10px 20px;
display: inline-block;
box-sizing: border-box;
}
.tile--large {
width: 832px;
}
.tile--large .tile_inner {
padding-bottom: 406px;
}
@media screen and (max-width: 767px) {
.tile--large img {
margin-top: -25%;
}
}
.tile--small {
width: 406px;
}
.tile--small .tile_inner {
padding-bottom: 100%;
}
.tile_inner {
border: 1px solid #fff;
height: 0;
position: relative;
overflow: hidden;
}
.tile--cta .tile_inner {
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
padding-left: 50px;
padding-right: 50px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.tile--cta .tile_inner:after {
display: none;
}
.tile--cta .tile_content-wrapper {
width: 100% !important;
transition: none;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
bottom: 0 !important;
}
@media screen and (min-width: 768px) {
.tile--cta .tile_content-wrapper {
height: 100% !important;
}
}
.tile--cta .tile_header + .btn-cta {
margin-top: 30px;
}
@media screen and (max-width: 1318px) and (min-width: 768px) {
.hub .text--tile-description {
font-size: 16px;
letter-spacing: -0.32px;
line-height: 175%;
}
}
@media (max-width: 1318px) {
.hub_inner {
max-width: 776px;
text-align: left;
}
.hub_header {
max-width: 1104px;
}
.hub_group--header-left {
max-width: 1124px;
}
.hub_group--header-left_inner {
text-align: right;
max-width: 1104px;
}
.hub_group + .hub_group:before {
max-width: 1084px;
}
.tile--large {
width: 716px;
}
.tile--large .tile_inner {
padding-bottom: 348px;
}
.tile--small {
width: 348px;
}
}
@media (max-width: 1123px) {
.hub_header {
max-width: 1134px;
padding: 0 25px;
margin-left: auto;
margin-right: auto;
float: none !important;
}
.hub_header-links--tablet-two-column {
max-width: 766px;
}
.hub_group--header-left {
max-width: 1134px;
padding-left: 0;
}
.hub_group--header-left .hub_header,
.hub_group--header-left .hub_inner {
width: 100%;
}
.hub_group--header-left .hub_header {
max-width: 766px;
text-align: left;
}
.hub_group--header-left .hub_inner {
max-width: 764px;
float: none;
text-align: left;
padding-left: 25px;
left: -10px;
}
.hub_header {
max-width: 766px;
}
.hub_inner {
box-sizing: border-box;
text-align: left;
padding: 0 15px;
}
.hub_group + .hub_group:before {
margin-left: 25px;
margin-right: 25px;
}
.tile--large + .tile--small:last-child {
display: none;
}
}
@media screen and (max-width: 767px) {
.hub_group {
padding: 30px 0;
}
.hub_header,
.hub_inner {
padding: 0 15px;
}
.hub_inner {
max-width: 400px !important;
margin: 0 auto;
}
.hub_group + .hub_group {
padding-top: 0;
}
.hub_group + .hub_group:before {
margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
}
.tile {
margin: 0 0 15px;
}
.tile--small {
width: 100%;
display: inline-block !important;
}
.tile--small .tile_inner {
padding-bottom: 80%;
}
.tile--large {
width: 100%;
}
.tile--large .tile_inner {
padding-bottom: 200%;
}
}
.hub_header p {
margin-top: 12px;
color: #666;
}
.hub_header p + ul {
margin-top: 30px;
}
.hub_header ul {
margin-top: 16px;
}
.hub_header a:after {
display: block;
font-family: icomoon;
content: "\e905";
font-style: normal;
font-weight: 400;
display: inline-block;
padding-left: 10px;
font-size: 12px;
color: #ff0f64;
}
.hub_header a:hover {
text-decoration: underline;
}
.hub_cta {
margin-top: 60px;
text-align: center;
}
a.tile:hover .tile_inner:after {
height: 2.46305%;
}
a.tile:hover .tile_content-wrapper {
bottom: 2.46305%;
}
.tile_inner:after {
content: "";
height: 0;
background-color: #0555fa;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
transition: all 0.18s ease-out;
}
.tile--large .tile_content-wrapper,
.tile--large .tile_inner:after {
width: 50%;
right: 0;
}
.tile--large .tile_image-wrapper {
position: absolute;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
}
.tile--small .tile_image-wrapper {
height: 0;
overflow: hidden;
padding-bottom: 42.5%;
position: relative;
}
.tile--small .tile_image-wrapper img {
position: absolute;
top: 0;
}
.tile_content-wrapper {
font-size: 18px;
color: #000;
text-align: left;
position: absolute;
bottom: 0;
padding: 38px 30px;
box-sizing: border-box;
transition: all 0.18s ease-out;
width: 100%;
}
@media (max-width: 1318px) {
.tile_content-wrapper {
padding: 0 25px 30px;
}
}
.tile_topic {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #41b9e6;
display: inline-block;
font-size: 13px;
margin-bottom: 10px;
text-transform: uppercase;
}
.tile_new {
float: right;
}
.tile_description {
margin-top: 15px;
}
.tile_issue {
margin-bottom: 15px;
}
.tile_issue span + span:before {
content: "|";
display: inline-block;
padding: 0 8px;
color: #cecece;
}
.tile .btn-cta {
margin-top: 15px;
}
.tile_cta-description {
display: block;
width: 160px;
text-align: center;
margin-top: 10px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 14px;
color: #666;
}
.tile img {
display: block;
min-width: 100%;
min-height: 100%;
}
@media screen and (max-width: 767px) {
.hub_header {
margin-bottom: 25px;
}
.hub_header:after {
content: "";
display: block;
height: 1px;
background-color: #ddd;
margin-top: 30px;
}
.hub_header ul {
margin-top: 20px;
}
.hub_header li {
width: 100% !important;
padding-left: 0 !important;
}
.hub_header li + li {
padding-top: 5px;
}
.hub_header p {
font-size: 15px;
}
.hub_header p,
.hub_header p + ul {
margin-top: 16px;
}
.hub_header a {
font-size: 18px;
}
.hub_cta {
margin-top: 20px;
margin-bottom: 40px;
}
.tile--large .tile_image-wrapper {
position: static;
height: 0;
padding-bottom: 42.5%;
overflow: hidden;
width: 100% !important;
}
.tile_inner {
height: auto;
padding-bottom: 0 !important;
}
.tile_inner:after {
content: none;
}
.tile_content-wrapper {
position: static;
width: 100% !important;
bottom: 0 !important;
padding: 20px 20px 25px;
min-height: 80px;
}
.tile_description {
display: none;
}
.tile_issue {
margin-bottom: 9px;
}
.tile_cta-description {
text-align: left;
}
}
@media (max-width: 1318px) {
.page-hub .contact,
.page-hub .list-content,
.page-hub .toggle-content_header {
max-width: 1144px;
padding-left: 30px;
padding-right: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 767px) {
.page-hub .contact,
.page-hub .list-content,
.page-hub .toggle-content_header {
padding: 30px 15px;
}
}
.hub_header--bg {
margin-bottom: -50px;
max-width: none !important;
}
.hub_header--bg .hub_header_inner {
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
.hub_header--bg {
margin-bottom: -80px;
}
.hub_header--bg .hub_header_inner {
padding-top: 80px;
padding-bottom: 130px;
}
}
.hub_header--bg .rich-text .rich-text_inner h1,
.hub_header--bg .rich-text .rich-text_inner h2,
.hub_header--bg .rich-text .rich-text_inner h3,
.hub_header--bg .rich-text .rich-text_inner h4,
.hub_header--bg .rich-text .rich-text_inner h5,
.hub_header--bg .rich-text .rich-text_inner h6,
.hub_header--bg .text--list-description,
.hub_header--bg .text--page-subheading,
.rich-text .rich-text_inner .hub_header--bg h1,
.rich-text .rich-text_inner .hub_header--bg h2,
.rich-text .rich-text_inner .hub_header--bg h3,
.rich-text .rich-text_inner .hub_header--bg h4,
.rich-text .rich-text_inner .hub_header--bg h5,
.rich-text .rich-text_inner .hub_header--bg h6 {
color: #fff;
}
.hub_header--bg.color-scheme--green {
background-color: #55be5a;
}
.hub_header--bg.color-scheme--blue {
background-color: #0555fa;
}
.hub_header--bg.color-scheme--sky {
background-color: #41b9e6;
}
.hub_header--bg.color-scheme--pink {
background-color: #ff0f64;
}
.hub_header--bg.color-scheme--lightpink {
background-color: #ff4687;
}
.hub_header--bg.color-scheme--red {
background-color: #e61400;
}
.hub_header--bg.color-scheme--forest {
background-color: #0f955a;
}
.hub_header--bg.color-scheme--orange {
background-color: #ff5a0f;
}
.hero-cta {
border-color: #fff;
color: #fff;
margin-top: 50px;
}
.hero-cta:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.image-hero {
background-color: none;
}
.image-hero_inner {
margin-top: 47px;
max-width: 1280px;
}
.image-hero_detail {
display: none;
}
@media screen and (min-width: 768px) {
.image-hero_detail {
display: block;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
}
.image-hero {
background-size: cover;
background-position: top;
box-sizing: inherit;
padding: 87px 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.image-hero {
padding: 180px 0 170px;
}
}
.image-hero--reduce-padding {
padding: 110px 0 56px;
}
@media screen and (min-width: 768px) {
.image-hero--reduce-padding {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.image-hero--reduce-padding {
padding-bottom: 170px;
}
}
.image-hero_inner {
float: left;
display: block;
width: 76.76824%;
float: none;
margin-left: auto;
margin-right: auto;
min-width: 250px;
position: relative;
text-align: center;
}
.image-hero_inner:last-child {
width: 74.41059%;
}
@media screen and (min-width: 768px) {
.image-hero_inner {
float: left;
display: block;
width: 85.29804%;
float: none;
}
.image-hero_inner:last-child {
width: 82.94039%;
}
}
.image-hero_top {
padding-top: 15px;
}
.image-hero_top:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.image-hero_top {
padding-top: 12px;
}
}
.image-hero_arrow {
display: none;
}
@media screen and (min-width: 768px) {
.image-hero_arrow {
top: 0;
left: 50%;
display: block;
position: absolute;
width: 26px;
margin-left: -12px;
font-size: 18px;
z-index: 3000;
height: 80px;
background-color: #fff;
}
.image-hero_arrow:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
top: 12px;
margin-left: -10px;
position: absolute;
left: 50%;
}
}
.image-hero_breadcrumbs {
display: none;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.image-hero_breadcrumbs {
display: block;
margin: 0 auto;
padding-bottom: 15px;
}
}
.image-hero_breadcrumbs > ul {
display: inline-block;
}
.image-hero_date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: -0.24px;
line-height: 100%;
color: #fff;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.image-hero_date {
font-size: 16px;
letter-spacing: -0.32px;
line-height: 100%;
margin-top: 50px;
}
}
.image-hero_detail {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 22px;
margin-top: 50px;
}
.investor-panels__left .investor-panels__inner,
.investor-panels__right .investor-panels__inner {
margin: 0 auto;
}
.investor-panels__left {
background: #f4f4f4;
}
@media screen and (min-width: 1024px) {
.investor-panels__left .investor-panels__inner {
padding-right: 70px;
}
}
.investor-panels__right {
background: #222;
color: #fff;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 20px;
}
.investor-panels__right .rich-text .rich-text_inner h1,
.investor-panels__right .rich-text .rich-text_inner h2,
.investor-panels__right .rich-text .rich-text_inner h3,
.investor-panels__right .rich-text .rich-text_inner h4,
.investor-panels__right .rich-text .rich-text_inner h5,
.investor-panels__right .rich-text .rich-text_inner h6,
.investor-panels__right .text--page-subheading,
.rich-text .rich-text_inner .investor-panels__right h1,
.rich-text .rich-text_inner .investor-panels__right h2,
.rich-text .rich-text_inner .investor-panels__right h3,
.rich-text .rich-text_inner .investor-panels__right h4,
.rich-text .rich-text_inner .investor-panels__right h5,
.rich-text .rich-text_inner .investor-panels__right h6 {
color: #fff;
line-height: 150%;
margin-bottom: 50px;
}
.investor-panels__right p {
margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
.investor-panels__right .investor-panels__inner {
padding-left: 70px;
}
}
@media screen and (min-width: 1024px) {
.investor-panels {
display: -ms-flexbox;
display: flex;
}
.investor-panels__left,
.investor-panels__right {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.investor-panels__left .investor-panels__inner {
margin-right: 0;
}
.investor-panels__right .investor-panels__inner {
margin-left: 0;
}
}
.investor-panels__inner {
padding: 0 15px;
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.investor-panels__inner {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.investor-panels__inner {
padding: 0 30px;
}
}
@media screen and (min-width: 768px) {
.investor-panels__inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media screen and (min-width: 1024px) {
.investor-panels__inner {
max-width: 658px;
padding-top: 60px;
padding-bottom: 60px;
}
}
.investor-panels .list-content {
padding: 0;
}
.investor-panels .list-content_cta {
text-align: left;
}
.investor-panels__links {
font-size: 24px;
}
.investor-panels__links li {
margin-bottom: 12px;
}
.investor-panels__links li a:hover {
text-decoration: underline;
}
.investor-panels__links li a:after {
content: "";
position: absolute;
background-image: url(../img/select-arrow.png);
background-size: 11px 7px;
width: 11px;
height: 7px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 50%;
margin-top: -3.5px;
right: -20px;
}
.module.lightbox {
top: 0;
bottom: 0;
position: fixed;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.9);
visibility: hidden;
opacity: 0;
z-index: 9999999;
transition: 0.2s;
}
.module.lightbox.open {
opacity: 1;
visibility: visible;
transition: 0.2s;
}
.module.lightbox .video-player {
margin-bottom: 0;
padding: 0;
}
.module.lightbox .video-player_inner {
margin: 0;
}
.module.lightbox .video-player_video,
.module.lightbox .video-player_video-wrapper {
display: block;
}
.list-content {
font-size: 16px;
padding: 30px;
}
@media screen and (min-width: 768px) {
.list-content {
padding: 50px 25px;
}
}
@media screen and (max-width: 767px) {
.list-content {
padding: 40px 15px;
}
}
.list-content_inner {
max-width: 1100px;
margin: auto;
}
.list-content_cta {
text-align: center;
}
@media screen and (max-width: 767px) {
.list-content_cta {
display: none;
}
}
.list-content__heading h1,
.list-content__heading h2,
.list-content__heading h3,
.list-content__heading h4,
.list-content__heading h5,
.list-content__heading h6 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 122.72727%;
}
@media screen and (min-width: 768px) {
.list-content__heading h1,
.list-content__heading h2,
.list-content__heading h3,
.list-content__heading h4,
.list-content__heading h5,
.list-content__heading h6 {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 150%;
}
}
.map {
overflow: hidden;
margin-bottom: 80px;
margin-top: 80px;
}
@media screen and (min-width: 768px) {
.map {
margin-bottom: 120px;
}
}
.map__google-map-container {
width: 100%;
-webkit-transform: translate(0);
transform: translate(0);
transition: all 0.4s ease-in-out;
display: none;
}
@media screen and (min-width: 768px) {
.map__google-map-container {
display: block;
height: 400px;
}
}
@media screen and (min-width: 900px) {
.map__google-map-container {
height: 640px;
}
}
@media screen and (min-width: 1500px) {
.map__google-map-container {
height: 1100px;
max-height: 80vh;
}
}
.map__google-map {
width: 100%;
height: 100%;
position: absolute;
left: 0;
}
.map__google-map.gradient[style] {
background: #139fb0 !important;
background: linear-gradient(180deg, #139fb0 0, #58e4d0) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#139fb0', endColorstr='#58e4d0', GradientType=0) !important;
}
.map__google-map .gm-style-iw {
text-align: center;
}
.map__mobile-container {
width: 100%;
background: url(../img/map-mobile.png) no-repeat top;
background-size: cover;
padding: 70px 15px 140px;
}
@media screen and (min-width: 768px) {
.map__mobile-container {
display: none;
}
}
.map__static-img {
max-width: 100%;
display: block;
margin: auto;
}
.map .select-wrap {
box-shadow: 3px 3px 0 0 rgba(130, 130, 130, 0.2);
width: 280px;
background-position: 94% 50%;
}
.map .select-wrap select {
width: 100%;
}
.map__heading,
.map__select-container {
text-align: center;
}
.map__heading {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.map__heading {
margin-bottom: 50px;
}
}
@media screen and (min-width: 1024px) {
.map__heading {
padding: 0;
}
}
.map__cta {
color: #000;
}
.map__cta__wrap {
text-align: center;
margin-top: 40px;
}
.map__card {
background: #fff;
margin: 0 15px 30px;
box-shadow: 5px 5px 0 0 rgba(130, 130, 130, 0.15);
}
.map__card__inner {
margin-top: -80px;
}
.map__card__img {
width: 100%;
height: auto;
display: block;
}
@media screen and (min-width: 768px) {
.map__card {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 380px;
z-index: 1;
-webkit-transform: translate(-110%);
transform: translate(-110%);
transition: -webkit-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
margin: 0;
box-shadow: none;
}
.map__card__inner {
margin-top: 0;
}
.map__card__img {
display: none;
}
}
@media screen and (min-width: 900px) {
.map__card__img {
display: block;
}
}
.map__card__inner {
display: none;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.map__card__content {
text-align: left;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: 0;
line-height: 171.42857%;
padding: 30px 15px;
border: 1px solid #ddd;
border-top: none;
}
@media screen and (min-width: 768px) {
.map__card__content {
border: none;
padding: 30px 25px;
}
}
@media screen and (min-width: 1024px) {
.map__card__content {
padding: 30px;
}
}
.map__card__content h1,
.map__card__content h2,
.map__card__content h3,
.map__card__content h4,
.map__card__content h5,
.map__card__content h6 {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 100%;
margin-bottom: 30px;
}
.map__card__content a {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
}
.map__card__content p {
margin-bottom: 30px;
}
.map__card__content ul {
margin: 30px 0;
}
.map__card__content li {
margin-bottom: 10px;
}
.map__card__content .icon {
color: #ff0f64;
margin-right: 18px;
}
.map__card .btn-close {
display: none;
background: #ff0f64;
color: #fff;
text-align: center;
width: 50px;
height: 50px;
line-height: 55px;
border-radius: 50%;
font-size: 20px;
text-indent: -3px;
box-shadow: 5px 0 0 0 rgba(130, 130, 130, 0.3);
position: absolute;
right: 0;
top: 50%;
margin-right: -25px;
margin-top: -25px;
}
@media screen and (min-width: 768px) {
.map__card .btn-close {
display: block;
}
}
.map.cardVisible .map__card {
-webkit-transform: translate(0);
transform: translate(0);
}
.map.offsetMap .map__google-map-container {
-webkit-transform: translate(200px);
transform: translate(200px);
}
.module.message-notification {
height: 0;
width: 100%;
background-color: #000;
overflow: hidden;
transition: 0.4s;
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.module.message-notification.open {
height: auto;
transition: 0.4s;
}
@media screen and (min-width: 1024px) {
.module.message-notification.open {
height: 120px;
}
}
.module.message-notification .message-notification_ct {
padding: 20px 66px 20px 30px;
position: relative;
}
@media screen and (min-width: 768px) {
.module.message-notification .message-notification_ct {
padding-left: 20px;
padding-top: 30px;
padding-bottom: 32px;
}
}
@media screen and (min-width: 1024px) {
.module.message-notification .message-notification_ct {
padding-left: 40px;
padding-top: 30px;
padding-bottom: 32px;
}
}
.module.message-notification .message-notification_close {
position: absolute;
right: 25px;
top: 25px;
cursor: pointer;
}
.module.message-notification .message-notification_close:before {
content: "\e90d";
font-family: icomoon;
color: #fff;
}
.module.message-notification h4 {
font-size: 20px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
line-height: 20px;
text-align: left;
-webkit-font-smoothing: antialiased;
margin-bottom: 10px;
margin-top: 5px;
padding-right: 40px;
}
.module.message-notification a,
.module.message-notification p {
font-size: 16px;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-weight: lighter;
color: #fff;
line-height: 1.375;
-webkit-font-smoothing: antialiased;
}
.module.message-notification a {
text-decoration: underline;
}
.module.message-notification a:hover {
font-weight: bolder;
}
.org-content_container {
margin: 28px auto;
max-width: 960px;
padding: 0 0 60px;
text-align: center;
font-size: 0;
}
@media screen and (min-width: 1290px) {
.org-content_container {
max-width: 1260px;
}
}
.org-content_inner {
margin: 0 auto;
padding: 0 15px;
max-width: 430px;
text-align: left;
}
@media screen and (min-width: 768px) {
.org-content_inner {
max-width: none;
padding: 0;
}
}
.presentation {
padding: 0 15px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.presentation {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.presentation {
padding: 0 30px;
}
}
.presentation__inner {
max-width: 800px;
margin: 0 auto;
}
.presentation .swiper-container {
border: 2px solid #ddd;
border-bottom: none;
}
.presentation .swiper-slide img {
width: 100%;
height: auto;
display: block;
}
.presentation__controls {
background: #ff0f64;
padding: 10px;
color: #fff;
text-align: center;
}
.presentation__controls button {
vertical-align: middle;
padding: 10px;
font-size: 24px;
top: 3px;
}
.presentation__pagination {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
display: inline-block;
vertical-align: middle;
margin: 0 50px;
width: auto;
bottom: auto;
}
.presentation__btn-first .icon-chevron-left,
.presentation__btn-first .icon-chevron-right,
.presentation__btn-last .icon-chevron-left,
.presentation__btn-last .icon-chevron-right {
display: inline-block;
}
.presentation__btn-first .icon-chevron-left:first-child,
.presentation__btn-first .icon-chevron-right:first-child,
.presentation__btn-last .icon-chevron-left:first-child,
.presentation__btn-last .icon-chevron-right:first-child {
margin-right: -10px;
}
.presentation__btn-first {
float: left;
}
.presentation__btn-last {
float: right;
}
.presentation__heading {
margin-bottom: 30px;
padding-right: 100px;
}
.presentation__download,
.presentation__heading h1,
.presentation__heading h2,
.presentation__heading h3,
.presentation__heading h4,
.presentation__heading h5 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.presentation__download {
color: #ff0f64;
position: absolute;
right: 0;
top: 50%;
margin-top: -0.6em;
}
.presentation__download .icon-download {
margin-right: 5px;
}
.related-content,
.related-content-forest,
.related-content-green,
.related-content-orange {
padding: 0 15px;
background: #f4f4f4;
}
.related-content-forest {
background: #008c5a;
color: #fff;
}
.related-content-green {
background: #55bd5a;
color: #fff;
}
.related-content-orange {
background: #ff5a0f;
}
.related-content-forest .most-popular__meta,
.related-content-green .most-popular__meta,
.related-content-forest .most-popular__meta .tag,
.related-content-green .most-popular__meta .tag {
color: #000;
}
@media screen and (min-width: 768px) {
.related-content,
.related-content-forest,
.related-content-green {
padding: 0 30px;
}
}
.related-content--gallery {
background-color: #f7f7f7;
}
.related-content--gallery .related-content_inner {
border-top: 0;
}
.related-content_inner {
margin: auto;
max-width: 1080px;
padding: 40px 0 30px;
}
@media screen and (min-width: 768px) {
.related-content_inner {
padding: 50px 0 77px;
}
}
.related-content_heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 127.27273%;
margin-bottom: 48px;
}
@media screen and (min-width: 768px) {
.related-content_heading {
font-size: 30px;
letter-spacing: -0.6px;
line-height: 126.66667%;
}
}
.related-content_card-wrap {
display: block;
margin: 0 auto;
max-width: 1340px;
}
@media screen and (min-width: 768px) {
.related-content_card-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
@media screen and (min-width: 1024px) {
.related-content_card-wrap {
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.related-content_card-wrap .related-content-card {
display: block;
margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
.related-content_card-wrap .related-content-card {
margin: 0 0 50px;
}
}
@media screen and (min-width: 1024px) {
.related-content_card-wrap .related-content-card {
max-width: 30%;
}
}
.related-content_card-wrap .related-content-card:nth-child(n + 3) {
display: none;
}
@media screen and (min-width: 1024px) {
.related-content_card-wrap .related-content-card:nth-child(n + 3) {
display: block;
}
}
.related-content_cta {
text-align: center;
}
.related-content--most-popular .related-content_inner {
max-width: 1240px;
}
@media screen and (min-width: 1024px) {
.related-content--most-popular .related-content_inner {
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 768px) {
.related-content--most-popular .related-content-card {
margin-right: 20px;
}
}
@media screen and (min-width: 1024px) {
.related-content--most-popular .related-content-card {
max-width: 50%;
margin-right: 30px;
}
}
.related-content--most-popular .related-content__cards {
-ms-flex-positive: 1;
flex-grow: 1;
}
@media screen and (min-width: 1024px) {
.related-content--most-popular .most-popular {
width: 33%;
margin-left: 20px;
}
}
.most-popular li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
}
.most-popular__title {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: -0.72px;
line-height: 133.33333%;
}
@media screen and (min-width: 768px) {
.most-popular__title {
font-size: 24px;
letter-spacing: -0.96px;
line-height: 125%;
}
}
@media screen and (min-width: 1024px) {
.most-popular__title {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 116.66667%;
}
}
.most-popular a:hover {
text-decoration: none;
}
.most-popular a:hover .most-popular__title {
text-decoration: underline;
}
.most-popular .text--date {
color: #999;
display: inline-block;
}
.most-popular .text--date:before {
content: "|";
display: inline-block;
padding-right: 12px;
}
.stock-market {
background: #222;
color: #fff;
}
.stock-market__left .stock-market__inner,
.stock-market__right .stock-market__inner {
margin: 0 auto;
}
.stock-market__left {
background: #222;
}
.stock-market__right {
background: #fff;
}
.stock-market__right .stock-market__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (min-width: 1024px) {
.stock-market {
display: -ms-flexbox;
display: flex;
}
.stock-market__left,
.stock-market__right {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.stock-market__left .stock-market__inner {
margin-right: 0;
}
.stock-market__right .stock-market__inner {
margin-left: 0;
}
}
.stock-market__inner {
padding: 0 15px;
padding-top: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.stock-market__inner {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.stock-market__inner {
padding: 0 30px;
}
}
@media screen and (min-width: 768px) {
.stock-market__inner {
padding-top: 50px;
padding-bottom: 50px;
}
}
@media screen and (min-width: 1024px) {
.stock-market__inner {
max-width: 658px;
padding-top: 60px;
padding-bottom: 60px;
}
}
.rich-text .rich-text_inner .stock-market h1,
.rich-text .rich-text_inner .stock-market h2,
.rich-text .rich-text_inner .stock-market h3,
.rich-text .rich-text_inner .stock-market h4,
.rich-text .rich-text_inner .stock-market h5,
.rich-text .rich-text_inner .stock-market h6,
.stock-market .rich-text .rich-text_inner h1,
.stock-market .rich-text .rich-text_inner h2,
.stock-market .rich-text .rich-text_inner h3,
.stock-market .rich-text .rich-text_inner h4,
.stock-market .rich-text .rich-text_inner h5,
.stock-market .rich-text .rich-text_inner h6,
.stock-market .text--page-subheading {
color: #fff;
margin-bottom: 10px;
}
.stock-market__shareprices {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.stock-market__shareprices .shareprice {
min-width: 160px;
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
.stock-market__shareprices {
-ms-flex-pack: start;
justify-content: flex-start;
}
.stock-market__shareprices .shareprice {
width: 33%;
}
}
.stock-market__updated {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #999;
}
.stock-market__cta-wrap {
margin-top: 20px;
text-align: left;
}
.subscribe-panel {
background: #0347d5;
color: #fff;
}
.subscribe-panel.open .icon {
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.subscribe-panel .icon {
position: absolute;
right: 20px;
top: 50%;
margin-top: -11px;
width: 23px;
height: 23px;
opacity: 0.5;
transition: all 250ms ease-out;
}
.subscribe-panel .icon:before {
width: 3px;
height: 100%;
top: 0;
left: 50%;
margin-left: -2px;
}
.subscribe-panel .icon:before,
.subscribe-panel .icon:after {
content: "";
background: #fff;
position: absolute;
}
.subscribe-panel .icon:after {
height: 3px;
width: 100%;
top: 50%;
left: 0;
margin-top: -1px;
}
.subscribe-panel .icon:before,
.subscribe-panel .icon:after {
content: "";
background: #fff;
position: absolute;
}
.subscribe-panel__header {
width: 100%;
padding: 20px 60px;
text-align: center;
}
.subscribe-panel .error,
.subscribe-panel__header {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.subscribe-panel .error {
margin-top: 10px;
}
.subscribe-panel__content {
padding: 0 20px 20px;
}
/*.subscribe-panel__form {
max-width: 440px;
position: relative;
margin: 0 auto;
text-align: center
}*/
.subscribe-panel__form input {
padding: 0 10px;
height: 45px;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
color: #000;
outline: none;
border: 2px solid #ddd;
border-radius: 0;
-webkit-appearance: none;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.subscribe-panel__form button {
width: 100%;
}
.subscribe-panel__form input {
width: 100%;
}
}
@media screen and (min-width: 768px) {
.subscribe-panel__form button {
position: absolute;
top: 0;
right: 0;
}
}
.subscribe__header {
margin: 60px 0 0;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.subscribe__header {
padding: 45px 0 0;
}
}
@media screen and (min-width: 768px) {
.subscribe__header {
padding-left: 30px;
border-left: 1px solid #ddd;
}
}
.subscribe__content {
padding-top: 65px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.subscribe__content {
border-left: 1px solid #ddd;
padding-left: 30px;
}
}
.subscribe p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: 0;
line-height: 116.66667%;
}
.subscribe .form-row {
margin-top: 30px;
}
.subscribe .submit-container {
position: relative;
}
.subscribe label {
margin: 0 20px 0 5px;
}
.subscribe .btn-submit {
position: absolute;
right: 0;
top: 0;
min-width: 0;
}
.subscribe .textinput {
width: 100%;
border: 2px solid #ddd;
height: 45px;
margin-bottom: 10px;
padding-left: 10px;
outline: none;
}
.tabs {
max-width: 1010px;
}
.rich-text .rich-text_inner .tabs h1,
.rich-text .rich-text_inner .tabs h2,
.rich-text .rich-text_inner .tabs h3,
.rich-text .rich-text_inner .tabs h4,
.rich-text .rich-text_inner .tabs h5,
.rich-text .rich-text_inner .tabs h6,
.tabs .rich-text .rich-text_inner h1,
.tabs .rich-text .rich-text_inner h2,
.tabs .rich-text .rich-text_inner h3,
.tabs .rich-text .rich-text_inner h4,
.tabs .rich-text .rich-text_inner h5,
.tabs .rich-text .rich-text_inner h6,
.tabs .text--page-subheading {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.rich-text .rich-text_inner .tabs h1,
.rich-text .rich-text_inner .tabs h2,
.rich-text .rich-text_inner .tabs h3,
.rich-text .rich-text_inner .tabs h4,
.rich-text .rich-text_inner .tabs h5,
.rich-text .rich-text_inner .tabs h6,
.tabs .rich-text .rich-text_inner h1,
.tabs .rich-text .rich-text_inner h2,
.tabs .rich-text .rich-text_inner h3,
.tabs .rich-text .rich-text_inner h4,
.tabs .rich-text .rich-text_inner h5,
.tabs .rich-text .rich-text_inner h6,
.tabs .text--page-subheading {
margin-bottom: 60px;
}
}
.tabs .list-content {
padding: 0;
}
.tabs .swiper-container {
margin: 0;
}
.tabs .swiper-slide {
width: auto;
}
.tabs__labels {
display: inline-block;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
.tabs__labels {
padding-left: 30px;
padding-right: 30px;
}
}
.tabs__label-wrapper {
display: -ms-flexbox;
display: flex;
max-width: 100%;
}
.tabs__label-wrapper:before {
content: "";
box-sizing: content-box;
width: 100%;
padding: 0 5px;
left: -5px;
position: absolute;
height: 100%;
top: 5px;
background: #ddd;
z-index: 0;
}
.tabs__btn-next,
.tabs__btn-prev,
.tabs__label {
display: block;
height: 78px;
line-height: 78px;
background: #f4f4f4;
padding: 0 24px;
border-right: 1px solid #ddd;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.tabs__btn-next:hover,
.tabs__btn-prev:hover,
.tabs__label:hover {
background: #e5e5e5;
}
.ios .tabs__btn-next:hover,
.ios .tabs__btn-prev:hover,
.ios .tabs__label:hover {
background: #f4f4f4;
}
.tabs__btn-next.active,
.tabs__btn-prev.active,
.tabs__label.active {
background: #ff0f64;
color: #fff;
}
.tabs .swiper-slide:last-child .tabs__btn-next,
.tabs .swiper-slide:last-child .tabs__btn-prev,
.tabs .swiper-slide:last-child .tabs__label {
border-right: none;
}
.tabs__btn-next,
.tabs__btn-prev {
padding: 0 12px;
cursor: pointer;
display: inline-block;
color: #ff0f64;
}
.tabs__btn-next.swiper-button-disabled,
.tabs__btn-prev.swiper-button-disabled {
background: #fcfcfc;
cursor: default;
color: #999;
}
.tabs__btn-next {
border-left: 1px solid #ddd;
border-right: none !important;
}
.tabs__tab {
padding-top: 20px;
}
.text-columns {
padding: 0 15px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
}
@media screen and (min-width: 768px) {
.text-columns {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.text-columns {
padding: 0 30px;
}
}
.text-columns .col {
padding-top: 40px;
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
.text-columns {
display: -ms-flexbox;
display: flex;
}
.text-columns .col {
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 0;
padding-left: 30px;
}
.text-columns .col:before {
content: "";
position: absolute;
top: 50px;
bottom: 50px;
width: 1px;
left: 0;
background: #ddd;
}
.text-columns .col:first-child {
padding-left: 0;
padding-right: 30px;
border: none;
}
.text-columns .col:first-child:before {
display: none;
}
}
@media screen and (min-width: 1024px) {
.text-columns .col {
padding-top: 60px;
padding-bottom: 60px;
}
}
.rich-text .rich-text_inner .text-columns h1,
.rich-text .rich-text_inner .text-columns h2,
.rich-text .rich-text_inner .text-columns h3,
.rich-text .rich-text_inner .text-columns h4,
.rich-text .rich-text_inner .text-columns h5,
.rich-text .rich-text_inner .text-columns h6,
.text-columns .rich-text .rich-text_inner h1,
.text-columns .rich-text .rich-text_inner h2,
.text-columns .rich-text .rich-text_inner h3,
.text-columns .rich-text .rich-text_inner h4,
.text-columns .rich-text .rich-text_inner h5,
.text-columns .rich-text .rich-text_inner h6,
.text-columns .text--page-subheading,
.text-columns p {
margin-bottom: 40px;
}
.text-columns__links a {
color: #000;
text-decoration: none;
}
.text-columns__links a:after {
display: block;
font-family: icomoon;
content: "\e905";
font-style: normal;
font-weight: 400;
}
.text-columns__links a:hover {
text-decoration: underline;
}
.text-columns__links a:after {
display: inline-block;
padding-left: 10px;
font-size: 12px;
color: #ff0f64;
}
.toggle-content {
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.toggle-content {
padding: 30px 0;
}
}
.toggle-content_header {
max-width: 1140px;
padding: 0 30px;
margin: auto;
}
@media screen and (max-width: 767px) {
.toggle-content_header {
padding: 0 15px;
}
}
.toggle-content_header h2 {
display: inline;
color: #cecece;
transition: all 0.1s linear;
}
.toggle-content_header a {
display: inline-block;
}
.toggle-content_header a._active h2,
.toggle-content_header a:hover h2 {
color: #000;
}
.toggle-content_header a._active {
pointer-events: none;
}
.toggle-content_header a + a:before {
content: "";
height: 36px;
width: 1px;
background-color: #cecece;
display: inline-block;
margin: 0 10px 0 14px;
position: relative;
top: 6px;
}
.video-hero-cta {
border-color: #fff;
color: #fff;
margin-top: 50px;
}
.video-hero-cta:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.video-hero {
background-color: none;
}
.video-hero_inner {
max-width: 1280px;
}
.video-hero_detail {
display: none;
}
@media screen and (min-width: 768px) {
.video-hero_detail {
display: block;
max-width: 60%;
margin-left: auto;
margin-right: auto;
}
}
.video-hero--video-ready .video-hero_video-screen:after {
background-color: transparent;
}
@media screen and (max-width: 767px) {
.video-hero_video,
.video-hero_video-wrapper {
display: none;
}
}
.video-hero_video-wrapper {
background-color: #111;
height: 100%;
overflow: hidden;
position: absolute;
width: 100%;
}
.video-hero_video-screen:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #111;
transition: background-color 0.4s linear;
}
.video-hero_image:after,
.video-hero_video-screen {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: url("data: image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAAAJElEQVQ4y2OQlJScycDAwEAtmvpg1IWjLhx14agLR104RFwIAGJ0WRHLEbYiAAAAAElFTkSuQmCC");
}
.video-hero_video {
position: absolute;
min-width: 100%;
min-height: 100%;
}
.video-hero_video-inner {
position: absolute;
height: 100%;
width: 100%;
left: 50%;
top: 50%;
}
.video-hero {
background-size: cover;
background-position: top;
box-sizing: inherit;
width: 100%;
}
.video-hero_inner {
float: left;
display: block;
width: 76.76824%;
float: none;
margin-left: auto;
margin-right: auto;
padding: 87px 0;
min-width: 250px;
position: relative;
text-align: center;
}
.video-hero_inner:last-child {
width: 74.41059%;
}
@media screen and (min-width: 768px) {
.video-hero_inner {
float: left;
display: block;
width: 85.29804%;
float: none;
}
.video-hero_inner:last-child {
width: 82.94039%;
}
}
@media screen and (min-width: 768px) {
.video-hero_inner {
padding: 180px 0 170px;
}
}
.video-hero_inner--reduce-padding {
padding: 110px 0 56px;
}
.video-hero_top {
padding-top: 15px;
}
.video-hero_top:after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.video-hero_top {
padding-top: 12px;
}
}
.video-hero_arrow {
display: none;
}
@media screen and (min-width: 768px) {
.video-hero_arrow {
top: 0;
left: 50%;
display: block;
position: absolute;
width: 26px;
margin-left: -12px;
font-size: 18px;
z-index: 3000;
height: 80px;
background-color: #fff;
}
.video-hero_arrow:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
top: 12px;
margin-left: -10px;
position: absolute;
left: 50%;
}
}
.video-hero_breadcrumbs {
display: none;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {
.video-hero_breadcrumbs {
display: block;
margin: 0 auto;
padding-bottom: 15px;
}
}
.video-hero_breadcrumbs > ul {
display: inline-block;
}
.video-hero_date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 12px;
letter-spacing: -0.24px;
line-height: 100%;
color: #fff;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.video-hero_date {
font-size: 16px;
letter-spacing: -0.32px;
line-height: 100%;
margin-top: 50px;
}
}
.video-hero_detail {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 22px;
margin-top: 50px;
}
@media print {
.module.filter,
.module.footer,
.module.global-header,
.module.global-megamenu,
.module.presentation,
.module.related-content,
.module.search-form,
.module.subscribe {
display: none !important;
}
*,
:after,
:before {
background-color: #fff !important;
color: #000 !important;
border: none !important;
}
section {
page-break-inside: avoid;
}
img {
width: auto !important;
max-width: 100vw;
height: auto !important;
}
a {
text-decoration: underline !important;
}
.module.hero {
padding: 0;
margin-bottom: 30px;
}
.module.hero:last-of-type {
display: none;
}
.module.hero:first-of-type {
display: block !important;
}
.module.article-content {
padding-bottom: 0;
}
.component.share-links,
.component.tags,
.component.video-player,
.component.youtube-player {
display: none;
}
.article-carousel {
max-width: 100%;
}
.article-carousel .carousel_control-wrap {
display: none;
}
.component.accordian-table td,
.component.accordian-table th,
.component.accordian-table tr {
padding: 0 !important;
}
.component.accordian-table table {
margin-bottom: 40px !important;
}
.module.article-author {
page-break-inside: avoid;
margin-bottom: 0;
}
.carousel {
margin: 0;
}
.component.pull-quote,
.component.rich-text {
margin-bottom: 30px;
}
}
/*FORM STYLE FROM BEACON*/
input[type="text"],
input[type="password"] {
transition: all 0.1s linear;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
border: 2px solid #cecece;
color: #cecece;
display: inline-block;
font-size: 16px;
min-width: 160px;
padding: 10px 20px;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
opacity: 0.5;
transition: opacity 0.3s ease;
}
input[type="text"]:-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="password"]::-moz-placeholder {
opacity: 0.5;
transition: opacity 0.3s ease;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
opacity: 0.5;
transition: opacity 0.3s ease;
}
input[type="text"]:focus::-webkit-input-placeholder,
input[type="password"]:focus::-webkit-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="text"]:focus:-moz-placeholder,
input[type="text"]:focus::-moz-placeholder,
input[type="password"]:focus:-moz-placeholder,
input[type="password"]:focus::-moz-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="text"]:focus:-ms-input-placeholder,
input[type="password"]:focus:-ms-input-placeholder {
opacity: 0;
transition: opacity 0.3s ease;
}
input.checkbox {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input.checkbox + label {
position: relative;
padding-left: 26px;
cursor: pointer;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.checkbox + label:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border: 2px solid #ddd;
background: #fff;
font-family: icomoon;
line-height: 100%;
color: #ff0f64;
}
input.checkbox:checked + label {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
input.checkbox:checked + label:before {
content: " \e921 ";
}
input.radio {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input.radio + label {
position: relative;
padding-left: 32px;
cursor: pointer;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
input.radio + label:after,
input.radio + label:before {
content: " ";
position: absolute;
left: 0;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
border: 2px solid #ddd;
border-radius: 50%;
background: #fff;
}
input.radio + label:after {
display: none;
}
input.radio:checked + label {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
input.radio:checked + label:after {
content: " ";
display: block;
width: 10px;
height: 10px;
margin-top: -5px;
left: 5px;
border: none;
border-radius: 50%;
background: #ff0f64;
}
.contact-info .contact .contact_wrap input.radio:checked + label:after {
width: 14px;
height: 14px;
margin-top: 2px;
left: 1px;
}
form .disabled label {
font-weight: 400 !important;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
cursor: default;
color: #999;
}
/* Alert box */
.home-hero {
z-index: 1;
overflow-x: hidden
}
.alert {
width: 100%;
position: static;
color: #fff;
font-family: Univers;
font-size: 1.3vw;
}
.alert .box {
width: 50%;
position: absolute;
bottom: 80px;
right: 0;
}
.alert .box li span {
display: block;
color: #b6b5b5;
}
.alert .box li {
padding-left: 9em;
padding-top: 1em;
min-height: 72px;
}
.home-hero.module.module--initialized .alert {
opacity: 1;
}
.home-hero.module .alert {
opacity: 0;
transition: opacity 3s;
}
.alert .boxInt {
position: relative;
z-index: 2;
max-width: 629px;
margin-left: 223px;
}
.alert .boxInt:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #fb5910;
top: 0;
left: 0;
z-index: 0;
}
.alert .boxInt.black:after {
background: #000;
}
.alert .boxInt .alertBox {
padding: 25px 10px 35px 30px;
z-index: 1;
}
.alert h1 {
font-size: 1.3em;
font-weight: 400;
}
.alert .boxInt .alertBox.detail {
font-size: 1.2em;
padding: 1em 1.5em 1.5em;
text-align: right;
display: none;
}
.alert .detail h1 {
font-size: 1.3em;
font-family: UniversBold;
text-align: left;
}
.alert .box .detail li {
background-position: 1em 1.25em;
padding-left: 5em;
background-size: 2.8em auto;
text-align: left;
padding-top: 2.2em;
}
.alert .box .text {
font-family: UniversLight;
line-height: 1em;
padding-left: 5em;
margin-top: 1.5em;
text-align: left;
}
.alert .box .text p {
margin-bottom: 1em;
}
.alert .box .detail .btn-cta {
color: #fff;
border-color: #fff;
margin-top: 1.5em;
}
.hub_group {
z-index: 1;
}
@media screen and (max-width: 1400px) {
.alert .boxInt {
max-width: 504px;
}
.alert .box li {
background-position: 2.5em 1.5em;
padding-left: 6em;
}
}
@media screen and (max-width: 1110px) {
.alert .boxInt {
max-width: 404px;
}
}
@media screen and (min-width: 1600px) {
.alert {
font-size: 20px;
}
}
@media screen and (max-width: 1023px) {
.alert {
position: relative;
font-size: 2vw;
}
.alert .box {
width: auto;
position: relative;
padding: 0 0 80px;
bottom: 0;
}
.alert .boxInt:after {
width: 100%;
}
.home-hero .swiper-container {
position: relative;
height: 100vh;
min-height: 440px;
}
.home-hero {
overflow: visible;
min-height: 100vh;
height: auto;
}
.home-hero__bg {
height: 100vh;
}
.alert .boxInt {
max-width: 100%;
margin-left: 0;
}
.alert h1 {
text-align: center;
}
}
@media screen and (max-width: 500px) {
.alert {
font-size: 3vw;
}
}
.contact__tab__main {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: all 0.7s ease-in-out 0s;
opacity: 1;
}
.contact__tab__main {
background: #f4f4f4;
-webkit-transform: translate(calc(100% + 400px));
transform: translate(calc(100% + 400px));
transition: all 0.4s ease-in-out;
opacity: 1;
}
@media screen and (min-width: 768px) {
.contact__tab__main {
display: block;
-ms-flex: 1;
flex: 1;
-ms-flex-order: 1;
order: 1;
}
}
.contact__tab__main__body {
display: -ms-flexbox;
display: flex;
}
.contact__tab__main {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.contact__tab__main__header {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 64px;
padding: 0 15px;
}
@media screen and (min-width: 768px) {
.contact__tab__main__header {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.contact__tab__main__header {
padding: 0 30px;
}
}
@media screen and (max-width: 768px -1) {
.contact__tab__main__header {
display: none;
}
}
@media screen and (min-width: 768px) {
.contact__tab__main__header {
height: 84px;
}
}
.contact__tab__main__header__logo {
display: block;
width: 120px;
}
.contact__tab__main__header__logo img {
width: 100%;
height: auto;
display: block;
}
/* Contact Items */
.contact-items-section .item.parbase { float:left;}
.contact-items-section .new { float:left; width:30%; margin-top: 30px; margin-right: 30px;}
.module-content.parbase,
.twitter-module {
display: block;
}
@media screen and (min-width: 768px) {
.module-content.parbase,
.twitter-module {
display: inline-block;
}
}
.external.parbase {
text-align: center;
}
/* Presentation */
.presentation__heading {
min-height: 25px;
}
.component.accordian-table .accordian-table_inner tr:last-child td {
padding-bottom: 0px;
}
.component.accordian-table .accordian-table_inner tr:last-child {
height: 50px;
}
/* Article image - Layout centered */
.layout-centered .full-bleed-image_caption-wrap {
position: relative;
margin: 0 auto;
}
.layout-centered .full-bleed-image_caption-wrap .full-bleed-image_caption {
margin: 0 auto;
}
.layout-centered img {
margin: 0 auto;
max-width: 100%;
}
/* Album */
.lightbox-slider_desc {
line-height: 20px;
}
/* override HUGE class */
.list-item_file-wrapper {
width: 290px;
float: right;
padding: 35px 0;
text-align: right;
}
.list-item--press .list-item_text-wrapper {
width: calc(100% - 290px);
max-width: 680px;
float: left;
padding: 30px 0;
}
/* Fix Home Page */
@media screen and (min-width: 1024px) {
.home-hero__related {
width: 500px;
}
.video-placeholder {
display: none;
}
}
/* Strategy Image */
.tile_header.text--tile-heading.white {
color: white;
}
.tile--cta .tile_header + .btn-cta.white {
color: white;
border: 2px solid white;
}
.tile--cta .tile_header + .btn-cta.white:hover {
color: black;
background-color: white;
border: 2px solid white;
}
/*banner download white*/
.hub_inner.hubgroup-items-section .documentsDownload .download .white {
color: white;
}
.hub_inner.hubgroup-items-section .documentsDownload .download .btn-cta.white {
color: white;
border: 2px solid white;
}
.hub_inner.hubgroup-items-section
.documentsDownload
.download
.btn-cta.white:hover {
color: black;
background-color: white;
border: 2px solid white;
}
div.megamenu__nav__body div.swiper-pagination.swiper-pagination-bullets,
div.megamenu-nav-body div.swiper-pagination.swiper-pagination-bullets {
width: 100% !important;
}
/*elimina un bug nel component presentation*/
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0px !important;
left: 0 !important;
width: 10% !important;
}
/*new tile--extra box + tile mobile fix */
.bg .tile_image-wrapper {
background-size: cover;
background-position: center center;
}
.bg .tile_image-wrapper img {
display: none;
}
.tile_button {
position: absolute;
margin-top: 10px;
border: 2px solid #000;
padding: 13px 16px;
font-size: 12px;
text-transform: uppercase;
transition: background-color 0.1s linear;
}
a.tile:hover .tile_button {
background-color: rgba(255, 255, 255, 0.2);
}
.tile--extra {
width: 1258px;
overflow: hidden;
color: #fff;
}
.tile--extra .tile_inner {
min-height: 392px;
}
.bg.tile--extra .tile_image-wrapper {
position: absolute;
height: 100%;
width: 100%;
}
a.tile.tile--extra:hover .tile_inner:after {
height: 0;
}
a.tile.tile--extra:hover .tile_content-wrapper {
bottom: auto;
}
.tile.tile--extra img {
max-width: 110%;
}
.tile--extra .tile_button {
border: 2px solid #000;
background-color: rgba(0, 0, 0, 0);
margin-top: 55px;
color: #000;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.tile--extra .tile_button:hover {
background-color: #000;
color: white;
}
.tile--extra .tile_button a:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.tile.tile--small:hover {
text-decoration: none;
}
}
.tile--extra .tile_content-wrapper:before {
content: "";
position: absolute;
background: #e5e5e5;
height: 95%;
width: 33px;
padding-top: 0;
left: 0;
}
.tile--extra .tile_description {
margin-top: 10px;
color: #000;
font-size: 20px;
}
.tile--extra .text--tile-heading {
color: #000;
font-size: 42px;
margin-top: -10px;
}
.tile--extra .text--tile-heading.white,
.tile--extra .text--tile-description.white {
color: white;
}
.tile--extra .tile_button.white {
color: white;
border: 2px solid white;
}
.tile--extra .tile_button.white:hover {
background-color: white;
color: black;
}
.tile--extra .tile_button.white a:hover {
text-decoration: underline;
}
.tile--extra .tile_content-wrapper {
bottom: auto;
top: 102px;
padding: 0 0 0 50px;
left: 30px;
width: 55%;
}
.tile--extra .tile_inner,
.tile--extra .tile_inner .tile_image-wrapper {
position: static;
}
.bg.tile--extra .tile_image-wrapper {
position: absolute;
height: 100%;
width: 100%;
}
.tile--extra .tile_image-wrapper img {
position: absolute;
top: 0;
}
@media screen and (max-width: 1318px) {
.tile--extra {
width: 716px;
}
.tile--extra .tile_content-wrapper {
width: 75%;
}
.tile.tile--extra img {
right: -33%;
max-width: 142%;
}
}
@media screen and (max-width: 767px) {
.tile--extra {
width: 100%;
display: inline-block !important;
}
.tile--extra .tile_inner {
min-height: 196px;
}
.tile--extra .tile_content-wrapper:before {
width: 16px;
}
.tile--extra .tile_content-wrapper {
overflow: visible;
position: relative;
top: 0;
margin: 50px 0 0 15px;
width: auto;
left: 0;
padding: 0 0 0 25px;
width: 85% !important;
min-height: 0;
height: auto;
}
.tile--extra .tile_description {
display: block;
font-size: 11px;
margin-top: 5px;
}
.tile--extra .text--tile-heading {
font-size: 21px;
top: -5px;
margin-top: 0;
}
.tile--extra .tile_button {
padding: 8px;
font-size: 8px;
margin-top: 30px;
}
.filter__heading {
margin-right: 25px;
}
.filter__groups {
overflow: hidden;
}
}
.hub_group--header-left .hub_inner .tile--extra {
width: 832px;
}
@media screen and (max-width: 1318px) {
.hub_group--header-left .hub_inner .tile--extra {
max-width: 716px;
}
}
@media screen and (max-width: 767px) {
.hub_group--header-left .hub_inner .tile--extra {
width: 100%;
}
}
/* added same fix of tile--extra to tile--cta (strategy component) for mobile */
@media screen and (max-width: 1318px) {
.tile--cta {
width: 716px;
}
.tile--cta .tile_content-wrapper {
width: 75%;
}
.tile.tile--cta img {
right: -33%;
max-width: 142%;
}
}
@media screen and (max-width: 767px) {
.tile--cta {
width: 100%;
display: inline-block !important;
}
.tile--cta .tile_inner {
min-height: 196px;
}
.tile--cta .tile_content-wrapper {
overflow: visible;
position: relative;
top: 0;
width: auto;
left: 0;
width: 85% !important;
min-height: 0;
height: auto;
}
.tile--cta .tile_description {
display: block;
font-size: 11px;
margin-top: 5px;
}
.tile--cta .text--tile-heading {
font-size: 21px;
top: -5px;
margin-top: 0;
}
.tile--cta .tile_button {
padding: 8px;
font-size: 8px;
margin-top: 30px;
}
}
@media screen and (max-width: 767px) {
.list-item--press .list-item_text-wrapper {
width: auto;
}
}
/*Fix PressRelease date time Compact*/
.ii__article__date {
font-size: 16px;
letter-spacing: 0;
line-height: 137.5%;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
color: #999;
}
/* Header Left bottom separator */
.bottom-line {
clear: both;
display: block;
height: 1px;
background-color: #cecece;
top: 80px;
margin-right: 40px;
}
@media (max-width: 1123px) {
.bottom-line {
max-width: 720px;
margin: 0 auto;
top: 30px;
}
}
@media screen and (max-width: 1023px) {
.youtube-player .video iframe {
height: 500px;
}
}
@media screen and (max-width: 767px) {
.youtube-player .video iframe {
height: 300px;
}
}
@media screen and (max-width: 330px) {
.youtube-player .video iframe {
height: 230px;
}
}
@media screen and (min-width: 1024px) {
.youtube-player .video iframe {
height: 720px;
}
}
.youtube-player video {
width: 100%;
}
/* Map background colors from SPRINT 7 - can be removed after integration */
.map__google-map.gradient-blue[style] {
background: #0347d5 !important;
background: -moz-linear-gradient(top, #0347d5 0%, #41b9e6 100%) !important;
background: -webkit-linear-gradient(top, #0347d5 0%, #41b9e6 100%) !important;
background: linear-gradient(180deg, #0347d5 0, #41b9e6) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0347d5', endColorstr='#41b9e6', GradientType=0) !important;
}
.map__google-map.gradient-green[style] {
background: #139fb0 !important;
background: -moz-linear-gradient(top, #139fb0 0%, #58e4d0 100%) !important;
background: -webkit-linear-gradient(top, #139fb0 0%, #58e4d0 100%) !important;
background: linear-gradient(180deg, #139fb0 0, #58e4d0) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#139fb0', endColorstr='#58e4d0', GradientType=0) !important;
}
/* Fix gray map */
.map__google-map.gradient-blue[style] > div {
background-color: transparent !important;
}
.map__google-map.gradient-green[style] > div {
background-color: transparent !important;
}
/* END Map background colors */
.hub.bg-transparent {
background-color: transparent;
}
.hub.bg-gray {
background-color: #f7f7f7;
}
.container.nopadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
/*NO PADDING VIDEO IN ARTICLES*/
@media screen and (min-width: 768px) {
.nopadding .youtube-player {
padding: 0;
}
}
@media screen and (min-width: 1024px) {
.nopadding .youtube-player .video {
padding: 0;
}
}
.nopadding .youtube-player .overlay {
left: 0;
right: 0;
}
.overlay-album-video {
width: 406px;
}
.overlay-album-video:before {
background: rgba(0, 0, 0, 0.4);
content: "";
cursor: pointer;
display: block;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
}
.overlay-album-video:after {
background-image: url(../img/video-play-button-hover.png);
background: url(../img/video-play-button.png) no-repeat 50%;
background-size: 50%;
content: "";
cursor: pointer;
display: block;
height: 88px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
width: 88px;
z-index: 3;
}
@media screen and (min-width: 1024px) {
.overlay-album-video:after {
background-size: 100%;
}
}
.overlay-album-video:hover:after {
background-image: url(../img/video-play-button-hover.png);
}
.overlay-album-video.hide {
opacity: 0;
-webkit-transform: translate3d(0);
transform: translate3d(0);
transition: opacity 0.5s;
z-index: 0;
}
.album .tile .youtube-album-video {
margin-bottom: 10px;
}
.album .tile .youtube-album-video iframe {
height: 190px;
width: 100%;
}
.album .tile .youtube-album-video img.full-bleed-image_image {
height: 190px;
}
@media (max-width: 1318px) {
.overlay-album-video {
width: 348px;
}
}
@media screen and (max-width: 767px) {
.overlay-album-video {
width: 100%;
display: inline-block !important;
}
}
.nopadding .youtube-player .video {
left: 0;
right: 0;
}
.nopadding .youtube-player {
display: block;
padding: 0;
margin: 0;
max-width: 100%;
}
.full-bleed-image_caption {
padding-left: 30px;
}
/* Quote , new layout with video */
.quote-video_inner {
position: relative;
text-align: center;
}
@media screen and (min-width: 768px) {
.quote-video {
padding-right: 55%;
min-height: 300px;
}
.quote-video_inner {
position: absolute;
right: 0px;
top: 0px;
width: 50%;
}
}
/* END - Quote , new layout with video */
/* Dropdown */
.dropdown .rich-text {
margin-bottom: 0;
}
.rich-text h2.dd-subheading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
font-size: 14px;
letter-spacing: -0.14px;
line-height: 100%;
margin-bottom: 30px;
display: inline-block;
width: 95%;
vertical-align: text-top;
}
.dd-heading {
display: block;
}
.dd-heading-icon {
width: 32px;
display: inline-block;
height: 32px;
font-size: 32px;
top: 6px;
left: 0;
color: #ff0f64;
}
.dd-heading-icon.plus:after {
content: "+";
}
.dd-heading-icon.minus:after {
content: "-";
color: black;
}
.dd-wrapper:first-child {
border-top: 1px solid #efefef;
}
.dd-wrapper {
border-bottom: 1px solid #efefef;
padding: 12px 0 0;
}
.dd-content {
display: none;
}
/* Needed to delete padding in inner dropdowns */
.dropdown .rich-text.container .rich-text.container .rich-text_inner {
padding-right: 0;
padding-left: 5%;
}
/* Start - Description , css for website */
.contact_website {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0;
line-height: 100%;
font-size: 16px;
}
.contact_heading + .contact_website {
margin-top: 36px;
}
.contact_website a {
color: #ff0f64;
font-weight: bold;
}
.contact_website + .contact_website {
margin-top: 9px;
}
/* END - Description , css for website */
/* START- Module-LargeSingle BG , css */
.tile_inner.bg-gray {
background-color: #f7f7f7;
}
.tile_inner.bg-white {
background-color: #fff;
}
/* END - Module-LargeSingle BG , css */
/*HUB CTA EXTRA CONFIG*/
.hub_cta.left {
margin-top: 60px;
text-align: left;
}
/*UX INDIA CODE GOES HERE*/
.article-content_inner .pull-quote.bg-component {
background-size: cover;
min-height: 330px;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: 55px;
border-left: 18px solid #fff;
border-spacing: 57px 20px;
left: 0px;
padding: 10px 23px 10px 18px;
position: absolute;
}
.article-content_inner .pull-quote.bg-component .pull-quote_quote {
color: #fff;
}
.article-content_inner .pull-quote.bg-component .pull-quote_author {
color: #999999;
font-size: 15px;
}
.pull-quote.bg-component:before {
width: 0px;
}
/*UX INDIA CODE GOES HERE*/
.tile--gbody .tile_inner {
border: 0;
max-height: 360px;
}
.tile--gbody .tile_image-wrapper {
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 138%;
}
.tile--gbody .tile_content-wrapper .text--tile-heading {
color: #fff;
}
.tile--gbody .tile_content-wrapper {
position: absolute;
}
.tile--gbody .tile_topic {
margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
.article-content_inner .pull-quote.bg-component {
min-height: 662px;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: 72px;
border-left: 20px solid #fff;
padding: 10px 85px 10px 18px;
}
/*.article-content_inner .pull-quote.bg-component .pull-quote_author{font-size:15px;}*/
.tile--gbody .tile_inner {
min-height: 410px;
}
.article-content_inner .pull-quote {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.article-content_inner .pull-quote.bg-component {
min-height: 760px;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: auto;
left: 75%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 48%;
}
.article-content_inner .pull-quote {
margin-top: 0;
}
}
@media screen and (min-width: 1318px) {
.tile--gbody .tile_inner {
min-height: 480px;
}
}
/*margin reset needed to overwrite the foundation rule*/
div.carousel {
margin-bottom: 0;
}
/*Remove | compulsory before dates in asset item*/
.list-item_date:before {
content: "" !important;
padding-right: 0px;
}
.list-item_separator:after {
padding-right: 8px;
}
/*TABLE COLORS*/
.table .accordian-table span.color-scheme--green {
color: #55be5a;
}
.table .accordian-table span.color-scheme--blue {
color: #0555fa;
}
.table .accordian-table span.color-scheme--sky {
color: #41b9e6;
}
.table .accordian-table span.color-scheme--pink {
color: #ff0f64;
}
.table .accordian-table span.color-scheme--lightpink {
color: #ff4687;
}
.table .accordian-table span.color-scheme--red {
color: #e61400;
}
.table .accordian-table span.color-scheme--forest {
color: #008c5a;
}
.table .accordian-table span.color-scheme--orange {
color: #ff5a0f;
}
.table .accordian-table span.color-scheme--white {
color: #ffffff;
}
.table .accordian-table span.color-scheme--black {
color: #000000;
}
.table .accordian-table span.color-scheme--grey {
color: #999999;
}
.table .accordian-table span.color-scheme--lightgrey {
color: #f4f4f4;
}
/* IFrame */
.hub.module IFRAME {
margin: 50px auto;
display: block;
border: 0;
}
/*hub module content EVENT --- START */
/*UX INDIA CODE GOES HERE*/
.article-content_inner .pull-quote.bg-component {
background-size: cover;
min-height: 330px;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: 55px;
border-left: 18px solid #fff;
border-spacing: 57px 20px;
left: 0px;
padding: 10px 23px 10px 18px;
position: absolute;
}
.article-content_inner .pull-quote.bg-component .pull-quote_quote {
color: #fff;
}
.article-content_inner .pull-quote.bg-component .pull-quote_author {
color: #999999;
font-size: 15px;
}
.pull-quote.bg-component:before {
width: 0px;
}
/*UX INDIA CODE GOES HERE*/
.tile--gbody .tile_inner {
border: 0;
max-height: 360px;
}
.tile--gbody .tile_image-wrapper {
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 138%;
}
.tile--gbody .tile_content-wrapper .text--tile-heading {
color: #fff;
}
.tile--gbody .tile_content-wrapper {
position: absolute;
}
.tile--gbody .tile_topic {
margin-bottom: 0px;
}
.mengamenu-tweet {
max-width: 100%;
}
.mengamenu-tweet .event--inner {
justify-content: center;
margin-bottom: 100px;
}
.mengamenu-tweet .event--inner .megamenu__article--tweet {
margin-right: 20px;
margin-bottom: 20px;
max-width: 100%;
}
.tweet__meta a {
text-decoration: none;
}
.event--img {
border: 0px;
display: none;
}
.tile-event {
vertical-align: top;
text-decoration: none;
}
.tile-event:hover {
text-decoration: none;
}
.event--date {
padding: 30px 16px;
background: #008c5b;
}
.event--date h2 {
font-size: 30px;
color: #73b59a;
line-height: 30px;
font-weight: 300;
margin-bottom: 15px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.event--date h3 {
font-size: 30px;
color: #fff;
line-height: 30px;
margin-bottom: 16px;
font-weight: 300;
font-family: Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial,
sans-serif;
}
.event--content {
padding: 18px 17px;
background-color: #fff;
}
.event--content h2 {
font-size: 11px;
color: #008c5b;
font-weight: 300;
text-transform: uppercase;
}
.event--content h2 b {
font-weight: 700;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.event--content p {
font-size: 22px;
color: #000;
font-family: Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial,
sans-serif;
}
/*05_Participa-part-to-develop.html and 20_Listado Eventos-part-to-develop.html ends*/
/*about-us-part-to-develop.html starts*/
.hub_group.bgwhite {
background-color: #fff;
}
.contact__us {
background: #fff;
width: 100%;
}
.contact__us .swiper-container {
position: static;
}
.contact__us .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
width: 100% !important;
}
.contact__us
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 3px;
}
.contact__us .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.contact__us .swiper-pagination-bullet-active {
background: #008c5a;
}
.contact__us .swiper-slide .contact--adress {
border: 2px solid #ddd;
padding: 35px 20px;
}
.contact__us .swiper-slide .contact--adress h1 {
font-weight: normal;
line-height: 32px;
margin-bottom: 15px;
}
.contact__us .swiper-slide .contact--adress h1:after {
content: "";
display: block;
clear: both;
}
.contact__us .swiper-slide .contact--adress h1 a {
border: 1px solid #41b9e6;
float: right;
width: 27px;
height: 27px;
}
.contact__us .contact--adress h1 a img {
padding: 6px;
width: 100%;
}
.contact__us .contact--adress p {
font-size: 18px;
line-height: 27px;
color: #666;
}
.contact__us .contact--adress p a {
color: #008c5a;
}
/*about-us-part-to-develop.html ends*/
/*mapa del sitio- start*/
.site_map_container {
padding: 10px 0 0 10px;
}
.site_map_container h2 {
padding-bottom: 30px;
font-size: 31px;
}
.site_map_container .site_content:after {
clear: both;
content: "";
display: block;
}
.site_map_container .site_content .site_content_details,
.site_map_container .site_content .onsite_content_details {
width: 100%;
}
.site_map_container .site_content_details h5,
.site_map_container .site_content .onsite_content_details h5 {
color: #ff0f64;
font-size: 18px;
}
.site_map_container .stakeholders_links .site_content_details h5,
.site_map_container .stakeholders_links .onsite_content_details h5 {
padding: 42px 0 0;
}
.site_map_container .support_links .site_content_details h5,
.site_map_container .support_links .onsite_content_details h5 {
padding: 33px 0 0;
}
.site_map_container .support_links .onsite_content_details h5.contact {
padding: 39px 0 0;
margin: 0;
}
.site_map_container .support_links .onsite_content_details .stakeholders li {
padding-top: 5px;
}
.site_map_container .site_content_details .nested-one li {
font-weight: bold;
padding-top: 38px;
}
.site_map_container .site_content_details .nested-one li .nested-two li {
padding: 8px 0 0 20px;
}
.site_map_container .site_content_details .nested-one li li {
font-weight: normal;
}
.site_map_container .onsite_content_details .nested-one li {
padding: 8px 0 0 20px;
}
.site_map_container .onsite_content_details .stakeholders {
font-weight: bold;
padding: 37px 20px 0px 20px;
}
.site_map_container .site_content_details .nested-one {
padding-left: 20px;
}
.site_map_container .onsite_content_details .nested-one li li {
font-weight: normal;
padding: 8px 0 0 20px;
}
.site_map_container .onsite_content_details .nested-one li {
font-weight: bold;
padding-top: 37px;
}
.stakeholders > li::before {
position: absolute;
content: "";
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -14px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #ff0f64;
margin-top: 7px;
}
.nested-one > li::before {
position: absolute;
content: "";
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -14px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #ff0f64;
margin-top: 7px;
}
/*mapa del sitio- end*/
@media screen and (min-width: 768px) {
.article-content_inner .pull-quote.bg-component {
min-height: 662px;
margin: 0;
max-width: 100%;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: 72px;
border-left: 20px solid #fff;
padding: 10px 85px 10px 18px;
}
.tile--gbody .tile_inner {
min-height: 410px;
}
/*05_Participa-part-to-develop.html and 20_Listado Eventos-part-to-develop.html starts*/
.event--img {
display: block;
padding-top: 100%;
background-size: cover;
background-position: center center;
}
.event--img {
width: 100%;
}
.event--date,
.event--content {
padding: 42px 37px;
height: 169.333px;
}
/*05_Participa-part-to-develop.html and 20_Listado Eventos-part-to-develop.html ends*/
/*about-us-part-to-develop.html starts*/
.contact__us
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 5px;
}
.contact__us .swiper-slide .contact--adress {
border: 2px solid #ddd;
padding: 55px 25px 35px;
}
.contact__us .swiper-pagination-bullet {
width: 13px;
height: 13px;
}
/*about-us-part-to-develop.html ends*/
/*mapa del sitio- start*/
.site_map_container {
padding: 106px 80px;
}
.site_map_container .site_content .site_content_details,
.site_map_container .site_content .onsite_content_details {
float: left;
width: 33.33%;
}
/*mapa del sitio- end*/
}
@media screen and (min-width: 1024px) {
.article-content_inner .pull-quote.bg-component {
min-height: 760px;
}
.article-content_inner .pull-quote.bg-component .pull-quote_inner {
bottom: auto;
left: 75%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 48%;
}
.mengamenu-tweet .event--inner .megamenu__article--tweet {
margin-right: 35px;
width: calc(25% - 35px);
}
/*05_Participa-part-to-develop.html and 20_Listado Eventos-part-to-develop.html starts*/
.event--date,
.event--content {
padding: 50px;
height: 169.333px;
}
/*05_Participa-part-to-develop.html and 20_Listado Eventos-part-to-develop.html ends*/
/*about-us-part-to-develop.html starts*/
.contact__us .swiper-slide .contact--adress {
border: 2px solid #ddd;
padding: 100px 25px 50px;
}
/*about-us-part-to-develop.html ends*/
}
@media screen and (min-width: 1318px) {
.tile--gbody .tile_inner {
min-height: 480px;
}
}
/*05_Participa-part-to-develop.html READ MORE functionality START*/
.module-content:nth-child(n + 3) .tile-event {
display: inline-block !important;
}
.module-content:nth-child(n + 4) .tile-event {
display: none !important;
}
.more .module-content:nth-child(n + 3) .tile-event {
display: inline-block !important;
}
@media (max-width: 1318px) {
.module-content:nth-child(n + 3) .tile-event {
display: none !important;
}
.more .module-content:nth-child(n + 3) .tile-event {
display: inline-block !important;
}
}
/*05_Participa-part-to-develop.html READ MORE functionality END*/
/*hub module content EVENT --- END */
/* LINK NETWORK */
.disclaimer + .link_network .link_network_inner,
.hub + .link_network .link_network_inner,
.related-content--gallery + .link_network .link_network_inner {
border-top: none;
}
.link_network_inner {
display: block;
margin: 0 auto;
max-width: 1080px;
border-top: 0px;
background-color: #fff;
padding: 5px !important;
}
.link_network_carousel {
overflow: hidden;
padding-bottom: 100px;
}
@media screen and (min-width: 1024px) {
.link_network_carousel {
display: none;
}
}
.link_network_carousel--loading {
visibility: hidden;
}
.link_network_carousel .slick-slide {
outline: none;
}
.link_network_carousel .slick-slider {
margin-bottom: 30px;
}
.link_network_carousel .slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.link_network_carousel .slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.link_network_carousel .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: #fff;
border: 3px solid rgba(255, 15, 100, 0.7);
border-radius: 100px;
outline: none;
background: transparent;
}
.link_network_carousel .slick-dots li button:focus,
.link_network_carousel .slick-dots li button:hover {
outline: none;
}
.link_network_carousel .slick-dots li button:focus:before,
.link_network_carousel .slick-dots li button:hover:before {
opacity: 1;
border-radius: 100px;
border: 3px solid transparent;
}
.link_network_carousel .slick-dots li button:before {
font-size: 0;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: "•";
text-align: center;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.link_network_carousel .slick-dots li.slick-active button {
background-color: #ff0f64;
}
.link_network_carousel .slick-dots li.slick-active button:active {
-webkit-tap-highlight-color: transparent;
}
.link_network_show {
text-align: center;
}
@media screen and (max-width: 1024px) {
.link_network_show {
display: none;
}
}
.link_network_no_carousel {
display: block;
}
.link_network_wrapper {
padding-top: 42px;
display: block;
float: left;
padding-top: 60px;
vertical-align: top;
width: 50%;
}
@media screen and (min-width: 1024px) {
.link_network_wrapper {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
.link_network_wrap {
display: -ms-flexbox;
display: flex;
}
.link_network_wrap .link_network_carousel_wrap {
display: none;
}
.link_network_wrap .link_network_carousel,
.link_network_wrap .link_network_no_carousel {
width: 66.666%;
}
.link_network_wrap .subscribe {
width: 33.333%;
}
}
.none {
text-decoration: none;
}
.link_network_email,
.link_network_name,
.link_network_phone {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0;
line-height: 100%;
margin-top: 10px;
margin-bottom: 15px;
}
.link_network_name {
font-size: 18px;
}
.link_network_name + .link_network_name {
margin-top: 7px;
}
.link_network_name strong {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
.link_network_name .icon-download {
display: block;
margin-top: 8px;
}
.link_network_email {
margin-top: 36px;
}
.link_network_email + .link_network_email {
margin-top: 9px;
}
.link_network_email strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-right: 5px;
}
.link_network_email a {
color: #ff0f64;
text-decoration: underline;
}
.link_network_phone {
margin-top: 12px;
}
.link_network_phone + .link_network_phone {
margin-top: 9px;
}
@media screen and (min-width: 768px) {
.link_network_phone {
margin-top: 30px;
}
}
.link_network_phone strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-right: 5px;
}
.custom_inner {
border-left: 1px solid #ddd;
padding: 20px;
text-align: left;
}
/*added for 3 cols*/
@media screen and (min-width: 1024px) {
.col-3 .link_network_wrapper {
width: 33%;
float: none;
display: inline-block;
}
}
@media screen and (min-width: 1024px) {
.col-2 .link_network_wrapper {
width: 49%;
float: none;
display: inline-block;
}
}
/* overwrite rule as requested */
.link_network_name strong {
font-weight: bold;
}
/* Hide search header in page Search */
.page-search .search-form .search-form__header {
opacity: 0;
}
.page-search .global-header .btn-search-open {
display: none;
}
/* Organization single */
.org-content .org-group .center {
float: none;
display: block;
margin: 0 auto;
}
/* Organization background color */
.org-content .org-group .bg-white {
background-color: white;
}
.org-content .org-group .bg-transparent {
background-color: transparent;
}
.article-content .twitter.parbase .megamenu__article,
.article-content .twitter-group .megamenu__article {
opacity: 1;
background-color: #f7f7f7;
display: flex;
justify-content: center;
}
.tile-twitter {
background: #fff;
color: #666;
margin: 0 9px 20px;
overflow: hidden;
padding: 30px 20px 10px;
}
.article-content .module-content.parbase .tile-twitter,
.article-content .twitter-module .tile-twitter {
padding: 30px 0px 10px;
width: 100%;
}
@media screen and (max-width: 500px) {
.tile-twitter {
font-size: 0.7em;
}
}
@media screen and (min-width: 1024px) {
.article-content .megamenu__article {
width: 100%;
}
}
.megamenu .megamenu__article--tweet {
padding: 0px 20px 0px;
}
.article-content .megamenu__article .module-content.parbase,
.article-content .megamenu__article .twitter-module {
width: 20%;
}
.article-content .megamenu__article .twitter-container {
width: inherit;
}
.megamenu .megamenu__article--tweet .module-content.parbase {
float: none;
}
.twitter-container {
text-align: center;
}
.tabs-fullwidth .asset-download,
.panels-wrapper .asset-download,
.dropdown .asset-download,
.article-content .asset-download {
padding-top: 0px;
padding-bottom: 0px;
}
.subtitComunita {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
background: url(../img/subtitComunita.png) no-repeat 90% 31px #fff;
font-size: 13px;
margin-bottom: 10px;
text-transform: uppercase;
padding: 24px 0 20px 30px;
margin-top: 0;
}
.subtitComunitaFullImage {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
background: url(../img/subtitComunita.png) no-repeat 90% 31px #fff;
font-size: 13px;
margin: -20px 10px 20px;
text-transform: uppercase;
padding: 24px 0 20px 30px;
}
@media screen and (max-width: 1024px) {
/* padding top fino a 1024 è stato aumentato altrimenti il box subtitComunita non si visualizza */
.related-content-card_wrap {
padding-top: 141%;
}
.subtitComunitaFullImage {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #000;
background: url(../img/subtitComunita.png) no-repeat 90% 31px #fff;
font-size: 13px;
margin: -15px 0 0;
text-transform: uppercase;
padding: 24px 0 20px 30px;
}
}
/* Header Right*/
.hub_group--header-right {
background-repeat: no-repeat;
}
.hub_group--header-right .hub_header {
max-width: none;
text-align: left;
}
.hub_group--header-right .hub_header .text--page-subheading {
font-size: 24px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-style: normal;
}
.hub_group--header-right .hub_header p {
color: black;
font-size: 22px;
margin-top: 22px;
}
.hub_group--header-right .text--standard {
font-size: 16px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.hub_group--header-right .hub_header_inner {
margin: 0 5%;
width: 35%;
}
.hub_group--header-right .menu-link {
position: absolute;
left: 50%;
top: 20%;
height: 80%;
width: 100%;
}
.hub_group--header-right .tile--left {
width: 100%;
margin-right: 0;
margin-left: 0;
}
.hub_group--header-right .tile--left .tile_inner {
padding-bottom: 35% !important;
border: none;
}
.hub_group--header-right .tile--left .tile_image-wrapper {
position: absolute;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
}
.hub_group--header-right .title-mobile {
display: none;
}
@media screen and (max-width: 1024px) {
.hub_group--header-right .tile--left .tile_image-wrapper {
width: 100%;
}
.hub_group--header-right .tile--left .tile_inner {
padding-bottom: 50% !important;
}
.hub_group--header-right .hub_header_inner {
width: 50%;
}
.hub_group--header-right .title-mobile {
display: block;
text-align: center;
margin-bottom: 30px;
}
.hub_group--header-right .menu-link {
left: 0;
}
.hub_group--header-right .hub_header p {
font-size: 22px;
color: white;
}
.hub_group--header-right .text--standard {
font-size: 18px;
color: black;
}
}
@media screen and (max-width: 768px) {
.hub_group--header-right .tile--left .tile_inner {
padding-bottom: 100% !important;
}
.hub_group--header-right .hub_header_inner {
width: inherit;
}
.hub_group--header-right .menu-link {
top: 10%;
}
}
.hub_group .hub_header.text-left,
.calendar .hub_header.text-left {
text-align: left;
}
/* Fix to show anchor menu bottom border */
.hub-secondary-nav {
margin-bottom: 5px;
}
.investor-panels__left {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 20px;
}
.investor-panels__left .text--page-subheading {
line-height: 150%;
margin-bottom: 50px;
}
.investor-panels__left p {
margin-bottom: 40px;
}
/*Styles for the component /apps/enel-com/components/hub/header-right*/
@media screen and (min-width: 1024px) {
.hub-header-right .text--page-subheading {
font-size: 29px;
}
}
.hub-header-right .text--page-subheading {
margin-bottom: 10px;
font-weight: 700;
}
.hub-header-right a.text--standard.icon--external:after,
.hub_group--header-left a.text--standard.icon--external:after {
display: block;
font-family: icomoon;
content: "\e91c";
font-style: normal;
font-weight: 400;
display: inline-block;
padding-left: 10px;
font-size: 12px;
color: #ff0f64;
}
.hub-header-right a.text--standard {
font-size: 16px;
}
.megamenu__accordian__header.noSubItems:before,
.megamenu__accordian__header.noSubItems:after {
display: none;
}
/*asset-item view link into mobile device*/
.asset-download {
display: block !important;
}
/*
* New Megamenu layouts
*/
@charset "UTF-8";
@import url(main/css/fonts/fonts.css);
html {
box-sizing: border-box;
}
* {
box-sizing: border-box;
position: relative;
}
*,
:after,
:before {
box-sizing: inherit;
}
/*@font-face {
font-family: UniversLight;
src: url(../../../../fonts/universLight.eot?#iefix);
src: url(../../../../fonts/universLight.eot?#iefix) format("eot"), url(../../../../fonts/universLight.woff2) format("woff2"), url(../../../../fonts/universLight.woff) format("woff"), url(../../../../fonts/universLight.ttf) format("truetype"), url(../../../../fonts/universLight.svg#5b3db534-b1d7-4c58-aa51-0075f2fe9739) format("svg");
font-weight: 300;
font-style: normal
}
@font-face {
font-family: Univers;
src: url(../../../../fonts/univers.eot?#iefix);
src: url(../../../../fonts/univers.eot?#iefix) format("eot"), url(../../../../fonts/univers.woff2) format("woff2"), url(../../../../fonts/univers.woff) format("woff"), url(../../../../fonts/univers.ttf) format("truetype"), url(../../../../fonts/univers.svg#d7d2f6ed-1dde-4178-9353-bdd0821e77cb) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: UniversBold;
src: url(../../../../fonts/universBold.eot?#iefix);
src: url(../../../../fonts/universBold.eot?#iefix) format("eot"), url(../../../../fonts/universBold.woff2) format("woff2"), url(../../../../fonts/universBold.woff) format("woff"), url(../../../../fonts/universBold.ttf) format("truetype"), url(../../../../fonts/universBold.svg#1e2c0a36-e8bb-4e3b-a4ca-dec00221c06e) format("svg");
font-weight: 700;
font-style: normal
}
@font-face {
font-family: icomoon;
src: url(../../../../fonts/icomoon.eot?tqg1z2);
src: url(../../../../fonts/icomoon.eot?tqg1z2#iefix) format("embedded-opentype"), url(../../../../fonts/icomoon.ttf?tqg1z2) format("truetype"), url(../../../../fonts/icomoon.woff?tqg1z2) format("woff"), url(../../../../fonts/icomoon.svg?tqg1z2#icomoon) format("svg");
font-weight: 400;
font-style: normal
}*/
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
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: 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: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
hr {
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;
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: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: 700;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
a {
text-decoration: none;
color: inherit;
}
ul {
list-style-type: none;
}
p,
ul {
padding: 0;
}
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin: 0;
}
[class*=" icon-"]:before,
[class^="icon-"]:before {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
[class*=" icon-"] span,
[class^="icon-"] span {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.icon-arrow:before {
content: "\e900";
}
.icon-fb:before {
content: "\e901";
}
.icon-mail:before {
content: "\e902";
}
.icon-print:before {
content: "\e903";
}
.icon-twitter:before {
content: "\e904";
}
.icon-google:before {
content: "\e90b";
}
.icon-youtube:before {
content: "\e90a";
}
.icon-chevron-right:before {
content: "\e905";
}
.icon-chevron-left:before {
content: "\e906";
}
.icon-chevron-down:before {
content: "\e907";
}
.icon-chevron-up:before {
content: "\e908";
}
.icon-menu:before {
content: "\e909";
}
.icon-close:before {
content: "\e90d";
}
.icon-volume-mute:before {
content: "\e90c";
}
.icon-volume-none:before {
content: "\e90e";
}
.icon-volume-low:before {
content: "\e90f";
}
.icon-volume-med:before {
content: "\e910";
}
.icon-volume-high:before {
content: "\e911";
}
.icon-pause:before {
content: "\e912";
}
.icon-enlarge:before {
content: "\e913";
}
.icon-enlarge2:before {
content: "\e914";
}
.icon-play:before {
content: "\e915";
}
.icon-play-circ:before {
content: "\e916";
}
.icon-search:before {
content: "\e917";
}
.icon-download:before {
content: "\e918";
}
.icon-tick:before {
content: "\e919";
}
.icon-search-small:before {
content: "\e91a";
}
.icon-rss:before {
content: "\e91b";
}
.icon-external:before {
content: "\e91c";
}
.icon-mail2:before {
content: "\e91f";
}
.icon-career:before {
content: "\e91d";
}
.icon-linkedin:before {
content: "\e91e";
}
.icon-video:before {
content: "\e920";
}
.icon-link-external:before {
content: "\e921
";
}
.burger-icon,
.cross-icon {
width: 100%;
height: 16.6%;
position: absolute;
left: 0;
top: 50%;
margin-top: -16.6%;
background: #fff;
display: inline-block;
transition: all 0.3s;
}
.burger-icon:after,
.burger-icon:before,
.cross-icon:after,
.cross-icon:before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #fff;
position: absolute;
z-index: -1;
transition: all 0.3s;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.burger-icon:after,
.cross-icon:after {
top: 250%;
}
.burger-icon:before,
.cross-icon:before {
top: -250%;
}
.cross-icon {
background: none;
}
.cross-icon:after,
.cross-icon:before {
transition: none;
}
.cross-icon:after {
top: 0 !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cross-icon:before {
top: 0 !important;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon-rss {
box-size: content-box;
font-size: 18px;
background: #ff5a0f;
color: #fff;
padding: 3px 6px;
top: -3px;
margin-left: 10px;
}
a.icon-external {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-decoration: none !important;
}
a.icon-external:before {
font-size: 0.8em;
margin-right: 0.5em;
}
.text--breadcrumb {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 10px;
letter-spacing: 0.4px;
line-height: 200%;
color: #fff;
opacity: 0.5;
text-transform: uppercase;
}
.text--breadcrumb:hover {
color: #000;
}
@media screen and (min-width: 768px) {
.text--breadcrumb {
font-size: 13px;
letter-spacing: 0.52px;
line-height: 184.61538%;
}
}
/* Megamenu START */
.container .open-menu {
transition: all 0.1s linear;
font-style: normal;
border: 2px solid transparent;
color: #fff;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 20px 13px;
text-align: center;
text-transform: uppercase;
background-color: #ff0f64;
}
.container button.open-menu {
outline: none;
}
.container .open-menu:hover,
.container .open-menu:focus,
.container .open-menu:active {
border-color: #ff0f64;
background-color: #fff;
color: #333;
}
.megamenu-container {
overflow: hidden;
height: 100%; /*background: #fff;*/
display: flex;
position: fixed;
top: 0;
right: 0;
width: 100%;
z-index: 9999;
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
-o-transform: translate(100%);
transform: translate(100%);
transition: -webkit-transform 0s ease-in-out 0.7s;
transition: -moz-transform 0s ease-in-out 0.7s;
transition: -ms-transform 0s ease-in-out 0.7s;
transition: -o-transform 0s ease-in-out 0.7s;
transition: transform 0s ease-in-out 0.7s;
transition: transform 0s ease-in-out 0.7s,
-webkit-transform 0s ease-in-out 0.7s;
}
.megamenu-open .megamenu-container {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0s;
transition: -moz-transform 0s;
transition: -ms-transform 0s;
transition: -o-transform 0s;
transition: transform 0s;
transition: transform 0s, -webkit-transform 0s;
}
.megamenu-nav {
width: 100%;
height: 100%;
color: #fff;
float: left;
background-color: #ff0f64;
-webkit-transform: translate(100%);
-moz-transform: translate(100%);
-ms-transform: translate(100%);
-o-transform: translate(100%);
transform: translate(100%);
transition: -webkit-transform 0.4s ease-in-out;
transition: -moz-transform 0.4s ease-in-out;
transition: -ms-transform 0.4s ease-in-out;
transition: -o-transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out;
transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
z-index: 1;
overflow-y: auto;
}
.megamenu-open .megamenu-container .megamenu-nav {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0.3s ease-in-out;
transition: -moz-transform 0.3s ease-in-out;
transition: -ms-transform 0.3s ease-in-out;
transition: -o-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.megamenu-content {
display: none;
width: 50%;
height: 100%;
float: left;
background-color: #f7f7f7;
-webkit-transform: translate(calc(100% + 400px));
-moz-transform: translate(calc(100% + 400px));
-ms-transform: translate(calc(100% + 400px));
-o-transform: translate(calc(100% + 400px));
transform: translate(calc(100% + 400px));
transition: all 0.4s ease-in-out;
opacity: 0;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.megamenu-open .megamenu-container .megamenu-content {
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
transition: all 0.7s ease-in-out 0s;
opacity: 1;
}
.megamenu-content-header {
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
height: 65px;
padding: 0 30px;
width: 100%;
}
.megamenu-content-header-logo {
display: block;
width: 120px;
}
.megamenu-content-header-logo img {
width: 100%;
height: auto;
display: block;
}
.megamenu-nav-header {
background: #e50c5a;
position: absolute;
width: 100%;
border-bottom: 1px solid #d90d55;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
height: 64px;
padding: 0 20px;
z-index: 9999999;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.megamenu-nav .btn-close {
width: 32px;
height: 17px;
top: 2px;
height: 17px;
width: 24px;
vertical-align: middle;
-webkit-appearance: none;
background: transparent;
border: none;
padding: 0;
outline: none;
}
.megamenu__lang-links {
top: -4px;
}
.megamenu-lang li {
display: inline-block;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
letter-spacing: 0;
line-height: 153.84615%;
padding: 0 5px;
margin-right: 5px;
}
.megamenu-lang li a {
color: #fff;
}
.megamenu-lang li a:hover {
color: #fff;
text-decoration: none;
}
.megamenu-lang li.selected:after,
.megamenu-lang li:hover:after {
content: "";
width: 100%;
height: 4px;
background: #fff;
position: absolute;
bottom: -6px;
left: -2px;
box-sizing: content-box;
padding: 0 2px;
}
.megamenu__lang-links li.selected.activeLang:after,
.no-touch .megamenu__lang-links li.activeLang:hover:after {
content: " ";
width: 100%;
height: 4px;
background: #fff;
position: absolute;
bottom: -6px;
left: -2px;
box-sizing: content-box;
padding: 0 2px;
}
.megamenu-nav-body {
padding-top: 65px;
overflow-y: scroll;
height: 100%;
}
.megamenu-nav-body :after {
clear: both;
content: "";
display: block;
}
.megamenu-nav-body .nav-links-container {
float: left;
width: 100%;
}
.nav-links-container .nav-location {
display: none;
padding: 25px 0;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 22px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.megamenu-nav-body .nav-links-container:after {
clear: both;
content: "";
display: block;
}
.megamenu-nav-body .nav-links-container .nav-links > li {
padding-bottom: 20px;
padding-left: 10px;
}
.megamenu-nav-body .nav-links-container .nav-links > li a {
margin-bottom: 13px;
display: inline-block;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 18px;
}
.megamenu-nav-body .nav-links-container .nav-links > li a:hover {
text-decoration: underline;
}
.megamenu-nav-body .nav-links-container .nav-links > li a.nav-links-heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 26px;
font-weight: normal;
margin-bottom: 0px;
}
.megamenu-nav-body .nav-links-container .nav-links li.selected > a:before {
content: "";
width: 0.22em;
height: 1.1em;
box-sizing: content-box;
padding: 0.05em 0;
background: #fff;
position: absolute;
top: 0.05em;
left: -10px;
}
.megamenu-nav-body .nav-links-container .nav-links > li .nav-links-submenu {
display: none;
}
.megamenu-nav-body .nav-login,
.nav-logout {
width: 100%;
float: left;
padding: 0 28px;
}
.megamenu-nav-body .nav-login {
padding: 40px 28px 25px;
}
.megamenu-nav-body .nav-login:after {
clear: both;
content: "";
display: block;
}
.nav-logout:after {
clear: both;
content: "";
display: block;
}
.megamenu-nav-body .nav-login h1,
.nav-logout h1 {
text-align: left;
font-size: 22px;
font-weight: normal;
line-height: 22px;
margin-bottom: 36px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.nav-login form {
display: block;
}
.nav-login form input[type="text"],
.megamenu-nav-body .nav-login form input[type="password"] {
outline: none;
padding: 0 10px;
width: 100%;
height: 40px;
background: transparent;
border: 2px solid #fff;
color: #fff;
margin-bottom: 20px;
}
.nav-login form input[type="text"]::-webkit-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]::-webkit-input-placeholder {
color: #fff;
}
.nav-login form input[type="text"]:-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.nav-login form input[type="text"]::-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.nav-login form input[type="text"]:-ms-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]:-ms-input-placeholder {
color: #fff;
}
.nav-login form input[type="submit"] {
height: 40px;
background: none;
border: 2px solid #fff;
color: #ffffff;
margin-bottom: 20px;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 13px;
}
.nav-login form input[disabled],
.nav-login form input.disabled {
border: 2px solid #ff87b2 !important;
}
.nav-login form input[disabled]::-webkit-input-placeholder,
.nav-login form input.disabled::-webkit-input-placeholder {
color: #ff87b2 !important;
}
.nav-login form input[disabled]:-moz-placeholder,
.nav-login form input.disabled:-moz-placeholder {
/* Firefox 18- */
color: #ff87b2 !important;
}
.nav-login form input[disabled]::-moz-placeholder,
.nav-login form input.disabled::-moz-placeholder {
/* Firefox 19+ */
color: #ff87b2 !important;
}
.nav-login form input[disabled]:-ms-input-placeholder,
.nav-login form input.disabled:-ms-input-placeholder {
color: #ff87b2 !important;
}
.nav-logout h2 {
font-weight: normal;
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}
.nav-logout h12 strong {
font-size: 18px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.nav-logout a {
font-size: 13px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-bottom: 15px;
}
.nav-logout a:hover {
text-decoration: underline;
}
.nav-logout a.logout {
height: 40px;
background: none;
border: 2px solid #fff;
color: #ffffff;
margin-bottom: 20px;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 11px;
text-align: center;
display: block;
margin-top: 20px;
}
.nav-logout a.logout:hover {
text-decoration: none;
}
.login-error {
padding: 20px;
background-color: #a7174a;
margin-bottom: 20px;
}
.login-error i {
background: url("main/css/i/error.png") no-repeat;
width: 32px;
height: 32px;
background-position: left;
display: block;
}
.login-error h1.error-lable {
margin: 0;
margin-top: 15px;
font-size: 13px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.login-error .error-message {
font-size: 15px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.nav-login form input[type="text"] + .help-text {
display: block;
position: absolute;
bottom: 3px;
font-size: 11px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-align: right;
width: 100%;
}
.nav-login .input-group {
position: relative;
}
.nav-forgot {
font-size: 18px;
padding: 0px 0px 20px 0px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-decoration: underline;
}
.nav-resigter {
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-bottom: 20px;
}
.nav-resigter a {
display: block;
text-decoration: underline;
margin-top: 3px;
}
.megamenu-content-body {
height: calc(100% - 85px);
}
.megamenu-content-body .external-links {
width: 100%;
}
.megamenu-content-body .external-links {
padding-left: 30px;
padding-left: 20px;
}
ul.external-links li {
padding: 5px 10px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 18px;
}
ul.external-links li.heading {
font-size: 13px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
/*@ALTKAM DATE 24Nov*/
ul.external-links.website-link {
display: none;
}
/*@ALTKAM DATE 25Nov*/
.megamenu-artical-wrapper {
float: left;
width: 100%;
padding: 0 15px;
}
.megamenu-article {
background: #fff;
color: #666;
margin-bottom: 38px;
width: 100%;
overflow: hidden;
}
.megamenu-article-img {
height: 0;
padding-top: 51%;
overflow: hidden;
border: 3px solid #fff;
border-bottom: 0;
}
.megamenu-article-img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.megamenu-article-content {
padding: 45px 26px 10px;
-webkit-transform: translate(0);
transform: translate(0);
transition: -webkit-transform 0.2s ease-out;
transition: transform 0.2s ease-out;
transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.megamenu-article-img + .megamenu-article-content {
height: auto;
}
.megamenu-article-topic {
color: #41b9e6;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 150%;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 10px;
}
.megamenu-article-title {
font-size: 22px;
letter-spacing: -0.48px;
line-height: 141.66667%;
color: #000;
}
.megamenu-article-title {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin-bottom: 10px;
}
.megamenu-artical-wrapper-mobile {
background: #f4f4f4;
padding: 40px 15px;
display: flex;
}
.megamenu-artical-wrapper-mobile .swiper-container {
padding-bottom: 40px;
width: 100%;
}
.megamenu-artical-wrapper-mobile .swiper-wrapper {
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.megamenu-artical-wrapper-mobile .swiper-slide {
height: auto;
}
.megamenu-artical-wrapper-mobile .swiper-pagination-bullet-active {
background: #ff0f64;
}
/*accordian part*/
.megamenu-accordian {
position: relative;
}
.megamenu-accordian .megamenu-accordian-header {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 136.36364%;
padding: 0 15px;
border-top: 1px solid #d90d55;
padding-top: 20px;
padding-bottom: 20px;
cursor: pointer;
}
.megamenu-accordian .megamenu-accordian-header:before {
content: "";
background: #a41242;
width: 16px;
height: 2px;
position: absolute;
top: 50%;
margin-top: -1px;
margin-right: -7px;
}
.megamenu-accordian .megamenu-accordian-header:after {
content: "";
background: #a41242;
width: 2px;
height: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
}
.megamenu-accordian .megamenu-accordian-header:after,
.megamenu-accordian .megamenu-accordian-header:before {
right: 27px;
}
.megamenu-accordian .megamenu-accordian-body {
display: none;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.megamenu-accordian.open .megamenu-accordian-header:after {
display: none;
}
.megamenu-accordian .megamenu-navlink {
list-style: none;
}
.megamenu-accordian .megamenu-navlink li {
padding: 0 15px 20px 15px;
}
.megamenu-accordian .megamenu-navlink li a {
}
.megamenu-accordian .megamenu-navlink li a:hover {
text-decoration: underline;
}
/*layout3*/
.welcome-text {
float: left;
font-size: 18px;
font-weight: normal;
line-height: 22px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.a-signout {
float: right;
font-size: 13px;
font-weight: normal;
line-height: 22px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.wrapper-text {
margin-bottom: 10px;
}
.wrapper-text:after {
clear: both;
content: "";
display: block;
}
.wrapper-payment {
background: #e50c5a;
margin-bottom: 20px;
padding: 30px;
text-align: center;
}
.btn-payment {
transition: all 0.1s linear;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 20px 13px;
text-align: center;
text-transform: uppercase;
}
.txt-amount {
font-size: 66px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
}
.wrapper-full {
background: #e50c5a;
margin-bottom: 20px;
padding: 30px;
text-align: center;
}
.img-graph {
margin-bottom: 20px;
text-align: center;
}
.img-graph img {
max-width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
.megamenu-content {
display: block;
}
.megamenu-content {
width: calc(100% - 350px);
}
.megamenu-nav {
width: 350px;
-ms-flex-order: 2;
order: 2;
background-color: #ff0f64;
transition: -webkit-transform 0.4s ease-in-out 0s;
transition: transform 0.4s ease-in-out 0s;
transition: transform 0.4s ease-in-out 0s,
-webkit-transform 0.4s ease-in-out 0s;
}
.nav-links-submenu li {
transition: opacity 0.1s, transform 0.2s ease-out;
-webkit-transform: translateY(10px);
transform: translateY(10px);
opacity: 0;
}
.nav-links-submenu li:nth-of-type(0),
.nav-links-submenu li:nth-of-type(1),
.nav-links-submenu li:nth-of-type(2),
.nav-links-submenu li:nth-of-type(3),
.nav-links-submenu li:nth-of-type(4),
.nav-links-submenu li:nth-of-type(5),
.nav-links-submenu li:nth-of-type(6),
.nav-links-submenu li:nth-of-type(7),
.nav-links-submenu li:nth-of-type(8),
.nav-links-submenu li:nth-of-type(9) {
transition-delay: 0s;
}
.megamenu-open .nav-links-submenu li {
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
}
.megamenu-nav-body {
padding-top: 65px;
}
.nav-links-container .nav-location {
display: block;
}
.megamenu-accordian {
display: none;
}
.megamenu-nav-body .nav-links-container .nav-links > li .nav-links-submenu {
display: block;
}
.megamenu-nav-body .nav-links-container {
padding: 0 40px;
}
.megamenu-nav-body .nav-links-container .nav-links > li a.nav-links-heading {
font-size: 13px;
margin-bottom: 13px;
}
.megamenu-nav-body .nav-login {
padding: 24px 40px 0 40px;
}
.nav-forgot,
.nav-resigter {
font-size: 13px;
}
.megamenu-content-body .external-links {
padding-left: 58px;
}
.megamenu-content-body .external-links.website-link {
padding-left: 35px;
}
.megamenu-content-header {
padding: 0 45px;
}
.megamenu-content-body {
padding-top: 25px;
}
/*@ALTKAM DATE 25Nov*/
.megamenu-artical-wrapper-mobile {
display: none;
}
}
@media screen and (min-width: 1024px) {
.megamenu-content {
width: 50%;
} /*25Nov*/
.megamenu-nav {
width: 50%;
} /*25Nov*/
.megamenu-nav-header {
height: 85px;
padding: 0 30px;
}
.megamenu-nav-body {
padding-top: 85px;
}
.megamenu-nav-body .nav-login {
padding: 25px 40px 0 40px;
}
.megamenu-nav-body .nav-login,
.nav-logout {
width: 50%;
float: left;
margin-left: 0;
padding: 0 15px;
}
.megamenu-nav-body .nav-links-container {
width: 50%;
float: left;
}
.megamenu-nav-body .nav-login {
left: 50%;
}
.megamenu-nav-body .nav-links-container {
left: -50%;
}
.megamenu-content-header {
height: 85px;
}
/*layout-3*/
.layout-3 .megamenu-content {
width: 25%;
}
.layout-3 .megamenu-nav {
width: calc(100% - 25%);
}
.layout-3 .megamenu-nav-body .nav-login {
width: calc(100% - 33.3333333%);
left: 33.3333333%;
}
.layout-3 .megamenu-nav-body .nav-links-container {
width: 33.3333333%;
left: -66.6666667%;
}
.welcome-text {
font-size: 22px;
}
.a-signout {
font-size: 17px;
}
}
@media screen and (min-width: 1280px) {
.megamenu-content {
width: calc(100% - 700px);
}
.megamenu-nav {
width: 700px;
} /*25Nov*/
.megamenu-content-body {
padding-top: 25px;
}
.megamenu-content-body .external-links {
float: left;
width: 50%;
}
.layout-3 .megamenu-content-body .external-links {
float: left;
width: 100%;
}
ul.external-links.website-link {
display: block;
}
ul.external-links.website-link li {
padding: 5px 25px;
}
ul.external-links.website-link li.heading {
color: #666666;
font-size: 22px;
padding-left: 10px;
font-family: UniversLTStd-Regular, Calibri, Myriad, Tahoma, Geneva,
Helvetica Neue, Helvetica, Arial, sans-serif;
}
.megamenu-content-body .external-links.website-link {
float: left;
width: 50%;
}
.megamenu-artical-wrapper {
width: 50%;
padding-right: 15px;
}
}
/* Megamenu END */
/*logged-page-css -start*/
.megamenu-nav-body .aftr-user-log h1 {
margin-bottom: 15px;
}
.nav-login.aftr-user-log span {
font-family: UniversLTStd-Light;
font-size: 18px;
}
.nav-login.aftr-user-log span b {
font-family: UniversLTStd-Bold;
}
.external-links.user-log-menu {
padding: 10px 0 5px;
}
.external-links.user-log-menu li {
font-size: 13px;
padding: 0 0 15px;
}
/*logged-page-css-end*/
/* login-error-start*/
.login-error-msg {
background: none repeat scroll 0 0 #a7174a;
margin-bottom: 20px;
padding: 20px;
}
.login-error-msg span {
font-family: universltstd-light;
font-size: 15px;
}
.login-error-msg b {
display: inline-block;
font-family: helvetica;
font-size: 13px;
padding-bottom: 10px;
}
.nav-login.login-with-error .input-group.input-error input {
margin-bottom: 0;
}
.error-input {
display: inline-block;
float: right;
font-family: universltstd-bold;
font-size: 11px;
margin-bottom: 12px;
}
.login-error-msg img {
display: block;
margin-bottom: 15px;
}
/* login-error-end*/
.module.lightbox.open {
left: 0 !important;
}
li.album-photos__photo:active,
a:hover {
outline: 0;
}
li.album-photos__photo:hover {
text-decoration: underline;
}
.page-search .search-form {
z-index: 9999;
}
/*Documents download, strategy in hubgroup*/
.hub_inner.hubgroup-items-section .banner.parbase {
display: inline-block;
width: 48%;
padding-left: 15px;
margin-top: 10px;
}
.hub_inner.hubgroup-items-section .banner.parbase:nth-child(odd) {
padding-right: 13px;
float: left;
}
.hub_inner.hubgroup-items-section .banner.parbase:nth-child(even) {
padding-left: 13px;
}
.download-wrapper {
display: table;
width: 100%;
height: 368px;
background: no-repeat top left #fff;
background-size: cover;
background-position-x: 50%;
background-position-y: 50%;
}
.hub_inner.hubgroup-items-section .documentsDownload .download {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.hub_inner.hubgroup-items-section .documentsDownload .download p {
font-size: 35px;
text-align: center;
letter-spacing: 2px;
}
.hub_inner.hubgroup-items-section .documentsDownload .download button.btn-cta {
font-size: 12px;
text-align: center;
display: block;
border: 2px solid #000;
padding: 13px 34px;
margin: 7px auto 0;
font-weight: bold;
}
@media screen and (max-width: 768px) {
/*.megamenu__links li a:hover::before{
left:0.5em;
}*/
.hub_inner.hubgroup-items-section .banner.parbase {
display: inline-block;
padding: 0 !important;
margin-bottom: 13px;
width: 100%;
}
}
/* New two buttons/icons into news for external links -> feature#518 */
.list-item_social-wrapper {
display: none;
}
@media screen and (min-width: 768px) {
.list-item_text-wrapper.social-media {
padding-right: 90px;
position: relative;
width: 60.72423% !important;
}
.list-item_social-wrapper {
position: absolute;
right: 0;
top: 0px;
display: block;
padding: 82px 0;
}
.list-social {
list-style: none;
margin: 0;
padding: 0;
}
.list-social li {
float: left;
}
.list-social li a {
border: 1px solid #000;
border-right: 0;
padding: 5px;
transition: all 0.3s ease-in-out;
display: block;
}
.list-social li a img {
max-width: 100%;
height: auto;
display: block;
}
.list-social li a:hover {
text-decoration: none;
}
.list-social li:last-child a {
border-right: 1px solid #000;
}
}
@media screen and (min-width: 1024px) {
.list-item_text-wrapper.social-media {
width: 68.72423% !important;
}
}
/*Fix css -> feature#584 + feature#867*/
.tile--large-strategy {
width: 832px;
max-width: 100%;
}
.subscribe-panel__form {
max-width: 440px;
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.subscribe-panel__form input {
width: 75%;
}
}
.subscribe-panel__form button {
min-width: 0px;
}
/*CSS Related Twitter*/
.text--relatedTwitter {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: -0.28px;
line-height: 142.85714%;
color: white;
text-align: left;
padding-bottom: 20px;
}
.twitter-container .related-content_heading.black {
text-align: left;
color: #000;
}
.twitter-container .related-content_heading.white {
text-align: left;
color: #fff;
}
.most-popular .twitter-container {
height: 513px;
}
.twitter-container .most-popular__meta {
text-align: left;
}
.twitter-container .tag.tag--transparent {
border-right: 1px solid black;
padding-right: 10px;
border-radius: 0;
color: #000;
}
/*CSS Related Twitter FINISH*/
/* White background color, requested in #638 */
.contact-info .contact.bgwhite {
background-color: #fff;
}
/* Gray background color, requested in #654 */
.contact-info .contact.bggrey {
background-color: #f7f7f7;
}
/*Resolved issue #818 */
@media screen and (max-width: 500px) {
.investor-info .shareprice {
width: 100%;
}
.shareprice {
padding-right: 0px;
}
}
/*end resolved issue #818 */
/* Begin isue 727*/
@media screen and (max-width: 500px) {
/*.shareprice__value {
font-size: 1em;
}
.shareprice__change {
font-size: 0.7em;
}*/
}
.megamenu__links__heading span.icon-external {
padding-right: 20px;
}
/*End issue 727*/
/* Begin isue 851*/
.shareprice__value {
font-size: 28px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
/*End issue 851*/
.hero_hub_video {
display: none;
}
@media screen and (min-width: 1025px) {
.hero_hub_video_wrap {
height: 100%;
top: 50%;
width: 100%;
margin-bottom: -65px;
padding-bottom: 50px;
}
.hero_hub_video {
display: block;
min-height: 100%;
min-width: 100%;
position: absolute;
transform: translate(0%, -50%);
z-index: 1;
}
.hero_hub_index_video_wrap {
height: 100%;
top: 50%;
width: 100%;
padding-bottom: 50px;
}
}
/* Sitemap */
.sitemap H5 A,
.sitemap .stakeholders > LI > A,
.sitemap .nested-one > LI > A {
text-transform: uppercase;
}
.sitemap .nested-one .nested-one > LI > A,
.sitemap .nested-one .nested-two > LI > A {
text-transform: capitalize;
}
/* issue 794 */
.ie11 .rich-text .rich-text_inner ul {
list-style: outside circle;
list-style-image: none;
}
/*End issue 794*/
/* FIX 696 */
@media screen and (min-width: 768px) {
.hub_group .event--img {
padding-top: 83.3%;
max-height: 348px;
}
.hub_group .event--date h1,
.hub_group .event--date h2 {
font-size: 42px;
}
}
@media screen and (min-width: 1318px) {
.hub_group .event--img {
max-height: 406px;
}
}
.hub_group .event--content p {
font-size: 30px;
}
.hub_group .event--content h2 {
font-size: 16px;
}
/* end 696 */
/* FIX 808 */
@media screen and (min-width: 768px) {
.dd-content .text--list-title-med {
font-weight: 400 !important;
letter-spacing: -0.36px !important;
line-height: 166.66667% !important;
color: #ff0f64 !important;
font-size: 18px !important;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif !important;
}
}
@media screen and (max-width: 767px) {
.dd-content .text--list-title-med {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif !important;
font-weight: 300 !important;
font-style: normal !important;
color: #000 !important;
font-size: 22px !important;
letter-spacing: -0.44px !important;
line-height: 127.27273% !important;
}
}
/* end 808 */
/*Fixings for component: /apps/enel-com/components/general/table*/
.component.accordian-table .accordian-table_inner tr:nth-child(odd) > td {
background: #fcfcfc;
background-clip: padding-box;
}
.component.accordian-table .accordian-table_inner tr:first-child > th {
background: #fff;
background-clip: padding-box;
}
.component.accordian-table .accordian-table_inner td {
vertical-align: middle;
}
.component.accordian-table .accordian-table_inner th {
vertical-align: top;
line-height: 40px;
background: #fff;
position: static;
background-clip: padding-box;
}
.component.accordian-table .accordian-table_inner td {
border-bottom: 1px solid #e5e5e5;
}
/*End fixings for component: /apps/enel-com/components/general/table*/
/* 891 */
.iframe-container {
max-width: 1000px;
}
.streaming_iframe {
display: block;
}
.article-carousel .streaming_iframe {
top: -70px;
padding-top: 12px;
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
}
.iframe-container.center,
.streaming_iframe.center {
margin: 0 auto;
}
.iframe-container.right,
.streaming_iframe.right {
margin-right: 0;
margin-left: auto;
}
/* end 891 */
/* issue 880*/
@media screen and (min-width: 1024px) {
.ii__bottom__item {
width: 16%;
}
}
/* end issue 880 */
/*issue 703*/
.article-remit .rich-text {
margin-bottom: 10px;
}
/* end issue 703*/
/* 940 */
.alert .box li span {
color: white !important;
}
@media screen and (max-width: 1024px) {
.alert .box li {
background-position: 2.5em 0.6em !important;
}
}
.alert .boxInt:after {
width: 100% !important;
}
/* end 940 */
.icon_print {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-decoration: none !important;
}
.icon_print:before {
content: "\e903";
font-family: icomoon;
font-style: normal;
font-weight: 400;
color: #ff0f64;
margin-right: 0.5em;
}
/* 947 */
@media screen and (max-width: 1023px) {
.home-hero__bg__image {
height: 100%;
}
.home-hero__bg__image.zoom {
-webkit-transform: initial;
transform: initial;
}
.home-hero .swiper-container {
min-height: 100vh;
}
.alert .box {
padding-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.home-container .group {
padding-top: 70px;
}
}
/* end 947 */
/* 943 */
/*
==============================================
slideUp
==============================================
*/
.slideUp {
animation-name: slideUp;
-webkit-animation-name: slideUp;
animation-duration: 1s;
-webkit-animation-duration: 1s;
animation-timing-function: ease;
-webkit-animation-timing-function: ease;
visibility: visible !important;
}
@keyframes slideUp {
0% {
transform: translateY(100%);
}
50% {
transform: translateY(-8%);
}
65% {
transform: translateY(4%);
}
80% {
transform: translateY(-4%);
}
95% {
transform: translateY(2%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes slideUp {
0% {
-webkit-transform: translateY(100%);
}
50% {
-webkit-transform: translateY(-8%);
}
65% {
-webkit-transform: translateY(4%);
}
80% {
-webkit-transform: translateY(-4%);
}
95% {
-webkit-transform: translateY(2%);
}
100% {
-webkit-transform: translateY(0%);
}
}
.alert {
z-index: 3;
}
.alert .box {
display: none;
}
.alertBox .alert-close {
position: absolute;
right: 26px;
top: 30px;
cursor: pointer;
font-size: 16px;
z-index: 3;
}
.alertBox .alert-close:before {
content: "\e90d";
font-family: icomoon;
color: #fff;
}
@media screen and (max-width: 1023px) {
.alert {
position: absolute !important;
top: 48% !important;
}
.alert .box .detail li {
min-height: auto !important;
}
.alert .box .detail li {
padding-left: 6em;
padding-top: 1em;
}
.alert .box .text {
padding-left: 6em;
margin-top: 0.5em;
}
.alertBox.list.swiper-container {
height: auto !important;
}
.alertBox.list.swiper-container {
min-height: 72px !important;
}
.alert .boxInt .alertBox {
padding: 6px 10px 6px 10px !important;
}
}
/* ENEL ALERT PAGE */
/* .map .select-wrap{height:300px; overflow-y:scroll; text-align:left; font-family:UniversLight,Arial,sans-serif;background-image:none;} */
.map .select-wrap ul {
padding: 10px;
}
.map .select-wrap ul li a::first-child {
margin-top: 0;
}
.map .select-wrap ul li a {
display: block;
margin-top: 10px;
}
.map .select-wrap ul li a:hover,
.map .select-wrap ul li a:visited {
text-decoration: none;
}
/* end 943 */
.article-content_inner .rich-text--social .rich-text_inner {
padding: 0 13% 0 0;
}
/* 995 */
.alert h2 {
font-size: 1.3em;
font-weight: 400;
}
.alert .detail h2 {
font-size: 1.3em;
font-family: UniversBold;
text-align: left;
}
@media screen and (max-width: 1023px) {
.alert h2 {
text-align: center;
}
}
/* end 995 */
/* 1005 */
.global-header .site-title {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
margin-bottom: 0;
}
.global-header .site-title a {
text-decoration: none;
color: #dcdcdc !important;
}
.global-header .site-description {
font-size: 14px;
font-style: italic;
margin-bottom: 0;
color: #dcdcdc;
white-space: nowrap;
}
/* end 1005 */
/* 1067 */
@media screen and (min-width: 769px) and (max-width: 1023px) {
.global-header .site-title {
font-size: 20px;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
.global-header .site-title {
font-size: 16px;
}
}
@media screen and (max-width: 480px) {
.global-header .site-title {
font-size: 12px;
}
}
/* end 1067 */
/* 925 - Fix text position */
@media screen and(min-width:768px) {
.nav-login #user-logged-section {
padding: 20px 25px;
}
}
@media screen and(min-width:1024px) {
.nav-login #user-logged-section {
padding: 25px 30px;
}
}
/* end 925*/
/* 997 */
@media screen and (max-width: 1024px) {
.map2 .carousel_arrow-wrap,
.map2 .carousel_control-wrap,
.map3 .carousel_arrow-wrap,
.map3 .carousel_control-wrap {
position: relative;
}
}
.map2 .carousel_wrap,
.map3 .carousel_wrap {
line-height: normal;
}
/* end 997 */
/* 1007 - mini menu */
.global-header__btn.btn-menumini {
font-size: 20px;
color: #fff;
}
@media screen and (min-width: 768px) {
.global-header__btn.btn-menumini {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-menumini {
display: none;
}
}
#minimenu.menu {
display: none;
position: absolute;
top: 62px;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.7);
padding: 10px 0;
text-align: center;
}
#minimenu > li a {
color: white;
}
#minimenu > li {
display: block;
border-bottom: 1px solid #6f6f6f;
}
#minimenu > li > a {
display: block;
padding: 5px 15px;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
#minimenu.menu {
top: 94px;
}
#minimenu > li {
display: inline-block;
border: none;
}
#minimenu > li > a {
font-size: 16px;
}
}
/* end 1007 - mini menu*/
/* 1015 */
.iframe IFRAME {
margin: 50px auto;
display: block;
border: 0;
}
/* end 1015 */
.alert .boxInt.blue:after {
background: #0555fa;
}
/* twitter hub */
.twitter-hub .megamenu__article.megamenu__article--tweet {
opacity: 1;
background-color: #f7f7f7;
justify-content: center;
width: 100%;
display: flex;
flex-direction: column;
}
/* 1110 */
main .article-content .twitter .twitter-container .module-content,
main .article-content .twitter-group .twitter-container .twitter-module {
width: 100%;
}
@media screen and (min-width: 768px) {
main .article-content .twitter .twitter-container .module-content,
main .article-content .twitter-group .twitter-container .twitter-module {
width: 20%;
height: 100%;
}
main
.article-content
.twitter
.twitter-container
.module-content
.tile-twitter,
main
.article-content
.twitter-group
.twitter-container
.twitter-module
.tile-twitter {
height: 100%;
}
}
/* end 1110 */
@media screen and (min-width: 768px) {
.twitter-hub .module-content.parbase {
display: inline-block;
width: 20%;
height: 100%;
}
.twitter-hub .module-content .tile-twitter {
height: 100%;
}
}
.twitter-hub .module-content .tile-twitter {
text-align: center;
}
.twitter-hub .article-content .megamenu__article .module-content.parbase {
width: 20%;
}
.twitter-hub .megamenu__article,
main .article-content .megamenu__article {
margin-bottom: 0px;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* twitter hub fine */
@media screen and (max-width: 1023px) {
.home-hero {
overflow: visible;
min-height: 440px;
height: auto;
}
.home-hero__bg {
min-height: 440px;
}
.home-hero .swiper-container {
min-height: 440px;
}
}
@media screen and (min-width: 1024px) {
.home-hero__related {
bottom: 20px;
}
}
/* 1110 */
.twitter-hub .twitter-container {
text-align: inherit;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
.twitter-hub .module-content.parbase {
height: auto;
min-width: 250px;
margin-top: 20px;
}
}
/* end 1110 */
.overlay-album-video img {
min-height: inherit;
}
@media screen and (max-width: 767px) {
.megamenu__links {
margin-bottom: 0px;
padding: 0 0px;
}
.megamenu__links li {
padding-bottom: 20px;
}
.megamenu__links__heading {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 0px;
}
.megamenu__links li a:hover::before {
left: -0.4em;
}
.megamenu__submenu li {
padding-bottom: 0px;
padding-left: 0px;
}
}
/* 1161 */
@media screen and (min-width: 768px) {
.twitter-hub .module-content .tile-twitter,
main
.article-content
.twitter
.twitter-container
.module-content
.tile-twitter,
main
.article-content
.twitter-group
.twitter-container
.twitter-module
.tile-twitter {
width: 94%;
}
}
@media screen and (min-width: 1024px) {
.menu-open
.megamenu
.megamenu__article--tweet
.twitter-container
.module-content {
width: 100%;
}
.menu-open .megamenu .megamenu__article--tweet .tile-twitter {
width: 94%;
}
}
/* end 1161 */
/* 1201 */
.calendar.module.calendar-sort .swiper-slide .event {
opacity: 1;
}
/* end 1201 */
@media screen and (min-width: 768px) {
.page-home .home-container .group.parbase {
margin-top: 70px;
padding-top: 0;
}
}
.twitter-group .twitter-container {
display: inline-block;
}
@media screen and (min-width: 768px) {
main .article-content .twitter-group .twitter-container .twitter-module {
height: auto;
min-height: 260px;
}
main
.article-content
.twitter-group
.twitter-container
.twitter-module
.tile-twitter {
height: auto;
min-height: 260px;
}
}
.focus-on-twitter-feed .focus-on-flexrow {
flex-wrap: wrap;
justify-content: space-around;
}
/*1249*/
.icon2-fbmessenger:hover:before {
content: "\ea0c";
}
.icon2-fbmessenger:before {
content: "\ea0c";
}
.icon2-fbmessenger-header:hover:before {
content: "\ea0c";
}
.icon2-fbmessenger-header:before {
content: "\ea0c";
}
.footer-social li {
display: inline-block;
margin-right: 10px; /* issue 1249 */
}
@media screen and (min-width: 768px) {
.global-header__btn {
margin-left: 30px !important;
}
.global-header__btn:first-of-type {
margin-left: 0;
}
}
/*END 1249*/
/* 1163 */
@media screen and (max-width: 1023px) {
.pull-quote .youtube-player .video iframe {
min-height: 300px;
height: auto;
}
}
@media screen and (max-width: 767px) {
.pull-quote .youtube-player .video iframe {
min-height: 300px;
height: auto;
}
}
@media screen and (max-width: 330px) {
.pull-quote .youtube-player .video iframe {
height: 230px;
}
}
@media screen and (min-width: 1024px) {
.pull-quote .youtube-player .video iframe {
min-height: 300px;
height: auto;
}
}
/* end 1163 */
/*1239*/
.center_text_1239 {
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.center_text_1239 {
transform: none;
}
}
/*END 1239*/
@font-face {
font-family: "icomoon2";
src: url(../../enel-cl/fonts/icomoon2.eot?tqg1z2);
src: url(../../enel-cl/fonts/icomoon2.eot?tqg1z2#iefix)
format("embedded-opentype"),
url(../../enel-cl/fonts/icomoon2.ttf?tqg1z2) format("truetype"),
url(../../enel-cl/fonts/icomoon2.woff?tqg1z2) format("woff"),
url(../../enel-cl/fonts/icomoon2.svg?tqg1z2#icomoon) format("svg");
font-weight: 400;
font-style: normal;
}
[class^="icon2-"],
[class*=" icon2-"] {
font-family: "icomoon2" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.global-header__btn.btn-fbMessenger {
font-size: 20px;
color: #fff;
text-decoration: none;
}
/* Fix 1263 */
.color-scheme--forest .hero {
background-color: #008c5a;
}
.hub_header--bg.color-scheme--forest {
background-color: #008c5a;
}
.org-group_wrap--forest .org-person_tile_inner:after {
border-color: transparent transparent #008c5a;
}
.org-group_wrap--forest .org-person_tile {
background-color: #008c5a;
}
/* End 1263 */
@media screen and (min-width: 768px) {
.global-header__btn.btn-fbMessenger {
font-size: 28px;
}
}
@media screen and (min-width: 1024px) {
.global-header__btn.btn-fbMessenger {
font-size: 22px;
}
}
.megamenu-content-body .megamenu__accordian__header {
border-top: none;
}
/* 1311 */
@media screen and (max-width: 767px) {
.press-release .list-content_cta,
.newslist .list-content_cta {
display: block;
}
}
/* end 1311 */
.module.lightbox .video-player .video > iframe {
width: 100%;
height: 450px;
}
.video-highlight-title {
z-index: 999;
}
/* 1350 */
.hub_inner.hubgroup-items-section > .module-content.parbase {
vertical-align: middle;
}
/* end 1350 */
/* 1370 */
.share-links_linkedin:before {
content: "\e91e";
display: block;
font-family: icomoon;
font-style: normal;
font-weight: 400;
}
/* end 1370 */
/*Issue 1413*/
section.enel_formula_e_video_parallax {
background: #fff;
}
.enel_formula_e_video_wrapper {
max-width: 1280px;
margin: 0 auto;
height: auto;
}
.enel_formula_e_video_wrapper:after,
.enel_formula_e_video_wrapper:before {
clear: both;
content: "";
display: table;
}
.enel_formula_e_title {
font-size: 50px;
text-align: center;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: #222222;
font-weight: 300;
padding: 70px 0 130px 0;
position: relative;
z-index: 10;
}
.enel_formula_e_video_scroller {
z-index: 9;
position: absolute;
top: 100px;
width: 800px;
height: auto;
}
.enel_formula_e_video_scroller.formula_e_video_fixed {
position: fixed;
top: 0;
}
.enel_formula_e_video_scroller.formula_e_video_bottom_fixed {
top: auto;
bottom: 0;
}
.enel_formula_e_video_scroller video {
display: block;
width: 100%;
}
.enel_formula_e_video_content {
width: 480px;
margin-left: 800px;
float: left;
position: relative;
z-index: 10;
}
.enel_formula_e_video_content img {
display: none;
max-width: 100%;
margin: 0 auto 30px auto;
}
.enel_formula_e_video_content .enel_formula_e_video_content_paragrafh {
padding: 200px 0;
font-size: 30px;
line-height: 45px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.enel_formula_e_video_content
.enel_formula_e_video_content_paragrafh:last-child {
padding-bottom: 300px;
}
@media (max-width: 1280px) {
.enel_formula_e_video_wrapper {
padding: 0 25px;
}
.enel_formula_e_video_scroller {
width: 50%;
}
.enel_formula_e_video_content {
margin-left: 50%;
width: 50%;
}
}
@media (max-width: 1023px) {
section.enel_formula_e_video_parallax {
background: #fff;
}
.enel_formula_e_title {
padding-bottom: 20px;
}
.enel_formula_e_video_wrapper {
min-height: auto;
padding-bottom: 30px;
}
.enel_formula_e_video_scroller {
width: 100%;
display: none;
float: left;
position: relative !important;
}
.enel_formula_e_video_content {
float: left;
margin-left: 0;
width: 100%;
text-align: center;
}
.enel_formula_e_video_content img {
display: block;
width: 500px;
max-width: 100%;
margin: 0 auto 50px auto;
}
.enel_formula_e_video_content .enel_formula_e_video_content_paragrafh {
padding: 30px 30px 30px 30px;
font-size: 26px;
line-height: 32px;
}
.enel_formula_e_video_content
.enel_formula_e_video_content_paragrafh:last-child {
padding-bottom: 30px;
}
}
@media (max-width: 767px) {
.enel_formula_e_video_wrapper {
min-height: auto;
max-width: 410px;
padding-bottom: 30px;
}
.enel_formula_e_title {
font-size: 40px;
padding: 40px 0;
}
.enel_formula_e_video_scroller {
width: 100%;
float: none;
position: relative !important;
}
.enel_formula_e_video_content {
float: none;
margin-left: 0;
width: 100%;
text-align: center;
}
.enel_formula_e_video_content .enel_formula_e_video_content_paragrafh {
padding: 30px 0px 30px 0px;
}
}
/*END issue 1413*/
/* Issue 1442*/
.video-large .video {
margin: 20px 0;
}
.video-large .video__wrapper {
height: 0;
padding-top: 56.25%;
}
.video-large .video__wrapper,
.video-large .video__overlay,
.video-large .video iframe {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.video-large .video iframe {
height: 100%;
}
@media screen and (min-width: 1024px) {
.video--sticky {
margin: 0;
z-index: 1 !important;
height: 0;
padding-top: 56.25%;
}
.video--sticky .video__wrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.video--sticky.static .video__wrapper {
position: absolute;
}
}
/*End issue 1442*/
/* 1396_SEO */
.image-hero_breadcrumbs > ol {
display: inline-block;
margin: 0;
padding: 0;
}
.video-hero_breadcrumbs > ol {
display: inline-block;
margin: 0;
padding: 0;
}
.hero_breadcrumbs > ol {
display: inline-block;
margin: 0;
padding: 0;
}
/* end 1396_SEO */
/* 1394 */
div#media-albums .album__ct {
display: none;
}
/* end 1394 */
/* 1489 */
.megamenu__links a:hover {
text-decoration: none;
}
/* end 1489 */
/* 1491 */
@media screen and (min-width: 768px) {
.megamenu__accordian.primaryMenu {
-ms-flex-order: initial;
order: initial;
}
}
/* end 1491*/
/* 1420 */
.swiper-pagination.swiper-pagination-bullets.hidden {
display: none;
} /*Add Hidden class to swiper-pagination division to make pagination to hide*/
.swiper-pagination-bullet.bullet-inactive {
background-color: #ccc !important;
opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet {
width: 18px;
height: 18px;
}
.home-hero .swiper-pagination.swiper-pagination-bullets {
top: 95% !important;
left: 0 !important;
}
@media (max-width: 1023px) {
.home-hero .swiper-pagination.swiper-pagination-bullets {
top: 57% !important;
left: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
}
.home-hero
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
position: absolute;
width: 100% !important;
top: 70%;
}
@media (max-width: 1023px) {
.home-hero
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
position: absolute;
width: 100% !important;
top: 50%;
height: 15px;
}
}
/* end 1420 */
.megamenu__links {
padding: 0;
}
.megamenu__links a {
padding: 0 15px;
}
@media screen and (min-width: 768px) {
.megamenu__links a {
padding: 0 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu__links a {
padding: 0 30px;
}
}
/* 1561 */
@font-face {
font-family: "icomoon3";
src: url(../../enel-cl/fonts/icomoon-linkedin.eot??r7y7a2);
/* src: url(); */
src: url(../../enel-cl/fonts/icomoon-linkedin.eot??r7y7a2#iefix)
format("embedded-opentype"),
url(../../enel-cl/fonts/icomoon-linkedin.ttf??r7y7a2)
format("truetype"),
url(../../enel-cl/fonts/icomoon-linkedin.woff??r7y7a2) format("woff"),
url(../../enel-cl/fonts/icomoon-linkedin.svg??r7y7a2#icomoon)
format("svg");
font-weight: 400;
font-style: normal;
}
[class^="icon3-"],
[class*=" icon3-"] {
font-family: "icomoon3" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.share-links_linkedin:before {
content: "\eaca";
display: block;
font-family: icomoon3;
font-style: normal;
font-weight: 400;
}
.icon3-linkedin:before {
content: "\eaca";
}
/* end 1561 */
/* 1574 */
.filter__menu select::-ms-expand {
display: none;
}
/* end 1574 */
/* 1591 */
.share-links_link:hover {
text-decoration: none;
}
/* end 1591 */
/* 1624 */
.investor-panels__left.bg-image,
.investor-panels__right.bg-image {
background-size: cover;
background-position: 50%;
min-height: 600px;
}
.investor-panels__left.no-float .menu-link {
float: none;
}
/* end 1624 */
/* 1815 */
.article-author__image-col {
width: inherit;
}
.article-author__image-col img {
width: 100%;
}
.article-author__social a {
-ms-flex-align: center;
align-items: center;
border: 2px solid #41b9e6;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 45px;
height: 45px;
transition: all 0.1s linear;
}
.article-author__social a:before {
color: #41b9e6;
font-size: 20px;
transition: all 0.1s linear;
}
.article-author__social a:hover {
background: #41b9e6;
text-decoration: none;
}
.article-author__social a:hover:before {
color: #fff;
}
.article-author__social span {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.article-author__social ul {
display: inline-block;
vertical-align: middle;
}
.article-author__social li {
display: inline-block;
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.article-author__bio .container {
padding-left: 0;
padding-right: 0;
}
}
@media print, screen and (min-width: 768px) {
.article-author__social {
position: absolute;
top: 30px;
right: 20px;
}
.article-author__image-col {
position: relative;
display: inline-block;
margin: 0;
top: 0;
width: 35%;
}
.article-author__text-col {
display: inline-block;
vertical-align: top;
padding: 0;
width: 64%;
}
.article-author__text-col .article-author__subheading {
padding-left: 25px;
}
.article-author__text-col .article-author__heading {
padding-left: 25px;
}
}
/* end 1815 */
/* 1816 */
.toggle-content.bg-gray {
background-color: #f7f7f7;
}
/* end 1816 */
.tile--small .single-module-heading {
width: 90% !important;
word-wrap: break-word;
}
@media (min-width: 1280px) {
.megamenu__navSecondary .megamenu__accordian__body,
.megamenu-container .megamenu__accordian__body {
display: block;
}
}
/* 1883 shareholder data di nascita */
.datepicker-days th.prev {
background: url(../img/shareholder/sprite.png) no-repeat -137px -144px
transparent;
}
.datepicker-days th.next {
background: url(../img/shareholder/sprite.png) no-repeat 10px 6px
transparent;
}
/* end 1883 */
/* #1899 Label Rappresentante*/
.shareholder-form-content .form-container .rich-text_inner {
padding: 0px;
}
/* end 1899 */
/* #1847 new layout twitter group */
.twitter-group .twitter-hub .twitter-container {
display: flex;
}
@media screen and (min-width: 1024px) {
.twitter-group .tile-twitter .tweet__usernameWithLogo {
margin-left: 15%;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.twitter-group .tile-twitter .tweet__usernameWithLogo {
margin-left: 27%;
}
}
@media screen and (max-width: 767px) {
.twitter-group .tile-twitter .tweet__usernameWithLogo {
margin-left: 35%;
}
}
.twitter-group .tile-twitter img {
min-width: 0px;
}
.twitter-group .tile-twitter .tweet__usernameWithLogo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-start;
}
.twitter-group .owl-carousel .owl-item img {
width: 20%;
}
/* END #1847 new layout twitter group */
/*#1849. Alert Medium at the top instead than at the bottom */
.darksite-preview .darksite-preview-close-button {
color: black;
}
/*End #1849. Alert Medium at the top instead than at the bottom */
.megamenu-nav .megamenu__links,
.megamenu-content .megamenu__links {
margin-left: 15px;
}
@media screen and (min-width: 768px) {
.megamenu-nav .megamenu__links,
.megamenu-content .megamenu__links {
margin-left: 25px;
}
}
@media screen and (min-width: 1024px) {
.megamenu-nav .megamenu__links,
.megamenu-content .megamenu__links {
margin-left: 30px;
}
}
.megamenu-nav .megamenu__links li a,
.megamenu-content .megamenu__links li a {
padding: 0;
}
@media screen and (max-width: 767px) {
.megamenu-nav-body .nav-links-container {
padding: 0 28px;
}
}
.megamenu-nav .megamenu__links li.selected > a:before {
left: -15px;
}
@media screen and (min-width: 768px) {
.megamenu-nav .megamenu__links li.selected > a:before {
left: -10px;
}
}
@media screen and (min-width: 1024px) {
.megamenu-nav .megamenu__links li.selected > a:before {
left: -14px;
}
}
/* #2265. Toolbar: graphical issues */
@media screen and (max-width: 1260px) and (min-width: 1024px) {
.global-header__btns {
display: flex;
}
}
/* End. #2265. Toolbar: graphical issues */
@media screen and (max-width: 1198px) and (min-width: 1024px) {
.global-header__btns {
margin-top: -27px;
}
}
/* End. #2265. Toolbar: graphical issues */
.bento-row {
width: 100%;
}
.bento {
background: #f2f2f2;
}
.bento__heading {
text-align: center;
padding-bottom: 35px;
padding-top: 70px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */
background: #ffffff;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
/* IE6-9 */
}
.bento__heading .eyebrow {
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.bento__heading {
padding-top: 200px;
padding-bottom: 80px;
}
.bento__heading .eyebrow {
margin-bottom: 50px;
}
}
.bento__content {
width: 100%;
margin: 0 auto;
max-width: 1600px;
}
.bento__content::after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 768px) {
.bento__content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.bento__item {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
background: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 100vw;
}
.bento__item p {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.bento__item {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
}
.bento__item__inner {
padding: 30px;
margin: 0 auto;
width: 100%;
}
.bento__item.article {
border-bottom: 1px solid #dddddd;
}
.bento__item.image-small .bento__item__inner {
padding: 0;
}
.bento__item.image-small img {
width: 100%;
height: auto;
display: block;
padding: 0;
}
.bento__item.image-large {
padding-top: 100%;
}
.bento__item.image-large .bento__item__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
max-width: none;
padding: 0;
}
.bento__item.image-large img {
min-height: 100%;
width: auto;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.bento__item__title {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 1.27273;
color: #222222;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.bento__item__title {
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
}
}
.bento__item.infographic {
color: #fff;
text-align: center;
}
.bento__item.infographic img {
margin: 0 auto 20px;
max-width: 80%;
width: auto;
}
@media screen and (min-width: 768px) {
.bento__item {
width: 50%;
min-height: 50vw;
}
.bento__item__inner {
max-width: 400px;
}
.bento__item.image-large {
padding-top: 50%;
}
.bento__item.image-large .bento__item__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
max-width: none;
padding: 0;
}
.bento__item.image-large img {
height: 100%;
width: auto;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.bento__item.image-small {
padding-top: 50%;
}
.bento__item.image-small .bento__item__inner {
max-width: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.bento__item.image-small img {
height: 100%;
}
.bento__item.article {
border: none;
}
}
@media screen and (min-width: 1024px) {
.bento__item {
width: 33.333%;
min-height: 33.333vw;
}
.bento__item.image-large {
width: 66.666%;
padding-top: 33.333%;
}
.bento__item.image-small {
padding-top: 33.333%;
}
.bento.diventa-partner .bento__item {
min-height: 33.333vw;
}
}
@media screen and (min-width: 1600px) {
.bento__item {
min-height: 0;
}
}
.bento__item img {
width: 100%;
height: auto;
}
/* nostra and participa section start */
.bento-item-wrapper a {
color: #ff0f64;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
white-space: nowrap;
font-size: 13px;
}
.bento-item-wrapper a:hover {
text-decoration: none;
}
.link.link-arrow:after {
display: inline;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
color: #ff0f64;
}
.bento-item-wrapper .bento__item.flex-vertical-middle {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.bento__content.section-content-wrapper {
max-width: 100%;
}
/* nostra and participa section end */
.bento-item-wrapper .bento__item {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 768px) {
.bento-item-wrapper {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.bento-item-wrapper.flex-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.bento-item-wrapper .bento__item__inner {
padding-bottom: 35px;
}
.bento-item-wrapper .bento__item {
-webkit-align-items: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;
min-height: 45vw;
}
.bento-item-wrapper .bento__item.image-large {
padding-top: 45%;
}
}
@media (max-width: 767px) {
.bento-item-wrapper .bento__item {
min-height: 68vw;
}
.bento-item-wrapper .bento__item__title br {
display: none;
}
.bento-item-wrapper .bento__item__inner {
padding: 35px 15px;
}
/*24-Aug*/
.bento-item-wrapper .bento__item.flex-vertical-middle {
min-height: 32vw;
}
}
@media (min-width: 1024px) {
.bento-item-wrapper .bento__item__inner {
padding-bottom: 110px;
max-width: 490px;
}
.bento-item-wrapper .bento__item {
min-height: 33.333vw;
}
.bento-item-wrapper .bento__item.image-large {
padding-top: 33.333%;
}
.bento__content.section-content-wrapper .bento__item.image-large img {
left: 48%;
}
.bento-item-wrapper.flex-reverse .bento__item.image-large img {
left: 50%;
}
}
/* Asset item compact layout */
@media screen and (min-width: 1024px) {
.asset-download.compact {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0 11%;
}
}
@media screen and (max-width: 767px) {
.asset-download.compact .text--list-title-med {
color: #ff0f64;
}
.asset-download.compact .list-item_text-wrapper {
padding: 20px 15px 0 15px;
text-align: center;
}
.asset-download.compact .list-item_file-wrapper {
display: block;
float: none;
clear: both;
}
.asset-download.compact .list-item_file-wrapper .list-item_file-type {
padding-top: 12px;
}
.asset-download.compact .list-item_file-wrapper a {
float: left;
}
}
.asset-download .list-item.no-border {
border-bottom: none;
}
/************ link util section **************/
section.link-util {
margin: 0 auto;
display: flex;
margin-top: 40px;
}
.link-util-container {
padding: 15px 25px;
width: 100%;
}
.link-util-container h6 {
margin: 30px 5px;
font-size: 22px;
font-weight: 600;
}
.link-util-flexbox {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
}
.link-util-flexbox p {
font-size: 13px;
font-family: "UniversBold";
}
.link-util-flexbox div {
min-width: 50%;
flex-grow: 1;
flex-wrap: wrap-reverse;
border-left: 1px solid #c1bfbf;
padding: 0px 25px;
margin: 35px 0px;
}
.link-util-flexbox a {
font-size: 22px;
color: #ff0f64;
font-family: "UniversLight";
margin-top: 5px;
}
@media (max-width: 767px) {
.link-util-flexbox div {
width: 100%;
border-left: none;
border-bottom: 1px solid #c1bfbf;
padding: 25px 0px;
margin: 0;
}
section.link-util {
margin: 0 15px;
}
section.link-util .section-divider {
margin: 10px 0;
}
.link-util-container {
padding: 35px 0px;
}
.link-util-container h6 {
margin: 15px 0px;
font-size: 16px;
font-weight: 400;
}
}
@media (min-width: 1024px) {
section.link-util {
max-width: 1280px;
padding: 0;
}
.link-util-container {
padding: 15px 13%;
}
.link-util-flexbox div {
padding: 0 10px;
}
}
/************ end link util section **************/
/* 2430 */
.related-content-darkgrey {
background-color: #a9a9a9;
}
.related-content-black {
background-color: #222;
}
.related-content-white {
background-color: #fff;
}
.related-content-red {
background-color: #e61400;
}
.related-content-pink {
background-color: #ff0f64;
}
.related-content-lightpink {
background-color: #ff4687;
}
.related-content-blue {
background-color: #0555fa;
}
.related-content-sky {
background-color: #41b9e6;
}
/* end 2430 */
/*issue 2377*/
.hero_detail.hero_description {
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
margin: 0 0 40px;
}
@media screen and (min-width: 768px) {
.hero_detail.hero_description {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
}
.hero.lancio-articolo {
padding: 70px 0;
}
@media screen and (min-width: 1024px) {
.hero.lancio-articolo {
padding: 120px 0;
}
}
.hero.lancio-articolo .hero_inner .hero_content-wrapper .hero_title {
font-size: 30px;
letter-spacing: -0.6px;
margin-bottom: 6px;
line-height: 1.16667;
}
@media screen and (min-width: 768px) {
.hero.lancio-articolo .hero_inner .hero_content-wrapper .hero_title {
font-size: 50px;
letter-spacing: -1px;
line-height: 1.1;
}
}
.lancio-articolo .hero__cta {
margin: 0 0 20px;
padding: 0;
}
.lancio-articolo .hero__cta .btn-cta {
padding: 17px 40px;
}
/*end2377*/
/*issue 2379*/
.remit_compact {
max-width: 1280px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.remit_compact .list-item {
padding: 0;
margin: 0 15px;
}
}
@media screen and (min-width: 768px) {
.remit_compact .list-item {
margin: 0 25px;
padding: 0;
}
}
@media screen and (min-width: 1280px) {
.remit_compact .list-item {
padding: 0;
}
}
/*end 2379*/
/* 2445 */
.dd-wrapper.compact {
width: 66%;
}
.dd-wrapper.compact .contact_wrapper {
width: 49%;
}
.dd-heading-icon.right {
float: right;
width: auto;
}
.dd-heading-icon.right + .dd-subheading {
padding-top: 16px;
}
.dd-content .contact .contact_website a {
font-weight: normal;
}
.dd-content .contact_inner {
border-top: none;
}
.dd-content .contact_inner .contact_wrapper {
padding-top: 20px;
}
.dd-content .contact .text--page-subheading,
.dd-content .contact .contact_heading {
font-size: 14px;
letter-spacing: -0.14px;
line-height: 100%;
}
.dd-content .contact .text--page-subheading {
text-transform: uppercase;
}
.dropdown .dd-content .contact .contact_email,
.dropdown .dd-content .contact .contact_name,
.dropdown .dd-content .contact .contact_phone,
.dropdown .dd-content .contact .contact_website,
.dropdown .dd-content .contact .contact_fax {
font-size: 16px;
}
.dropdown .contact .contact_header {
padding: 0;
}
.dropdown .contact .panel--richtext p {
font-size: 18px;
letter-spacing: initial;
}
/* end 2445 */
/*issue 2490*/
.color-scheme--red > .hero.lancio-articolo {
background-color: #e61400;
}
.color-scheme--green > .hero.lancio-articolo {
background-color: #55bd5a;
}
.color-scheme--grey > .hero.lancio-articolo {
background-color: #f4f4f4;
}
.color-scheme--darkgrey > .hero.lancio-articolo {
background-color: #a9a9a9;
}
.color-scheme--black > .hero.lancio-articolo {
background-color: #222;
}
.color-scheme--white > .hero.lancio-articolo {
background-color: #fff;
}
.color-scheme--orange > .hero.lancio-articolo {
background-color: #ff5a0f;
}
.color-scheme--pink > .hero.lancio-articolo {
background-color: #ff0f64;
}
.color-scheme--lightpink > .hero.lancio-articolo {
background-color: #ff4687;
}
.color-scheme--blue > .hero.lancio-articolo {
background-color: #0555fa;
}
.color-scheme--sky > .hero.lancio-articolo {
background-color: #41b9e6;
}
.color-scheme--forest > .hero.lancio-articolo {
background-color: #008c5a;
}
.color-scheme--white > .hero.lancio-articolo .hero_title.text--page-heading,
.color-scheme--white > .hero.lancio-articolo .hero_detail.hero_description,
.color-scheme--grey > .hero.lancio-articolo .hero_title.text--page-heading,
.color-scheme--grey > .hero.lancio-articolo .hero_detail.hero_description {
color: black;
}
.color-scheme--white > .hero.lancio-articolo .btn-cta.btn-cta--clear,
.color-scheme--grey > .hero.lancio-articolo .btn-cta.btn-cta--clear {
color: black;
border-color: black;
}
/*end 2490*/
/* 2612 */
.dd-heading {
white-space: nowrap;
}
.rich-text h2.dd-subheading {
white-space: normal;
margin-right: 32px;
vertical-align: text-top;
}
/* end 2612 */
/* start #2694 ( Apply margin left - right to component) */
.press_release_egp_padding_left_right_bottom {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
/* end #2694 ( Apply margin left - right to component) */
/* #2785 */
.btn-cta--magenta {
border-color: #ff0f64;
color: #ff0f64;
transition: all 0.1s linear;
background-color: inherit;
}
.btn-cta--magenta._hover,
.btn-cta--magenta:hover,
a:hover .btn-cta--magenta {
background-color: #ff0f64;
color: #fff;
border-color: inherit;
}
.btn-cta--clear._hover,
.btn-cta--clear:hover,
a:hover .btn-cta--clear {
background-color: #fff;
color: #000;
}
.btn-cta._active,
.btn-cta:active,
a:hover .btn-cta {
background-color: #000;
opacity: 0.6;
color: #fff;
}
.btn-cta--clear._active,
.btn-cta--clear:active,
a:hover .btn-cta--clear {
background-color: #fff;
opacity: 0.6;
color: #000;
}
.btn-cta--magenta._active,
.btn-cta--magenta:active,
a:hover .btn-cta--magenta {
background-color: #ff0f64;
opacity: 0.6;
color: #fff;
}
/* end #2785 */
/* begin #2932 */
header.darksitePageHeader {
background: #41b9e6;
padding: 23px 30px;
}
header.darksitePageHeader img.darksitePageLogo {
max-width: 109px;
}
main.darksite .image-hero {
background-color: #41b9e6 !important;
}
@media (max-width: 767px) {
header.darksitePageHeader {
margin: 0;
background: #41b9e6;
padding: 18px 15px;
}
header.darksitePageHeader img.darksitePageLogo {
max-width: 60px;
}
}
.list-item--darksite_press .list-item_text-wrapper {
width: calc(100% - 290px);
max-width: 680px;
float: left;
padding: 30px 0;
}
/* end #2932 */
/* start #3209 */
span.search-form__heading,
span.megamenu__article__title {
margin: 0px;
}
/* end #3209 */
/*issue #2767*/
.image-hero_inner {
margin-top: 0px;
}
/*end #2767*/
.list-item_text-wrapper span.title_typology {
border-right: 2px solid #ddd;
margin-right: 5px;
padding-right: 10px;
padding-top: 0;
padding-bottom: 0;
color: #999;
letter-spacing: 0.3px;
font-family: Univers;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
@media (max-width: 767px) {
.list-item .list-item_text-wrapper span.title_typology {
border-right: 0;
display: block;
font-size: 12px;
margin-bottom: 15px;
}
}
h2.dd-subheading.hide {
display: none;
}
a.dd-heading:hover {
text-decoration: none;
}
.focus-on-preview-wrapper.color-scheme--grey-bg {
background-color: #f4f4f4;
}
.focus-on-preview-wrapper.color-scheme--darkgrey-bg {
background-color: #a9a9a9;
}
.focus-on-preview-wrapper.color-scheme--black-bg {
background-color: #222;
}
.focus-on-preview-wrapper.color-scheme--white-bg {
background-color: #fff;
}
.focus-on-preview-wrapper.color-scheme--orange-bg {
background-color: #ff5a0f;
}
.focus-on-preview-wrapper.color-scheme--red-bg {
background-color: #e61400;
}
.focus-on-preview-wrapper.color-scheme--pink-bg {
background-color: #ff0f64;
}
.focus-on-preview-wrapper.color-scheme--lightpink-bg {
background-color: #ff4687;
}
.focus-on-preview-wrapper.color-scheme--blue-bg {
background-color: #0555fa;
}
.focus-on-preview-wrapper.color-scheme--sky-bg {
background-color: #41b9e6;
}
.focus-on-preview-wrapper.color-scheme--forest-bg {
background-color: #008c5a;
}
.focus-on-preview-wrapper.color-scheme--green-bg {
background-color: #55bd5a;
}
.page-hub #main nav.hub-secondary-nav {
z-index: 1000;
}
/* 3671 megamenu image */
.megamenu__article a {
width: 100%;
}
/* end 3671 megamenu image*/
/* disclaimer link #3755 */
.disclaimerlinktext {
color: #ff0f64;
text-decoration: underline;
}
/* end disclaimer link #3755*/
/* #3853 */
.module.message-notification span.privatespan {
font-size: 20px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #fff;
line-height: 20px;
text-align: left;
-webkit-font-smoothing: antialiased;
margin-bottom: 10px;
margin-top: 5px;
padding-right: 40px;
display: block;
}
/* end #3853 */
/* #3990 */
.filtercareers {
z-index: 999999 !important;
}
/* end #3990 */
/* image-carousel #4015*/
@media screen and (max-width: 767px) {
.image-carousel .swiper-container .pagination-controls {
display: flex;
align-items: center;
background-color: black;
height: auto;
}
.image-carousel
.swiper-container
.pagination-fraction
.swiper-pagination.swiper-pagination-fraction {
left: unset !important;
height: 100%;
bottom: 0px !important;
position: relative;
}
.image-carousel .swiper-container .slider-caption-wrapper {
height: auto;
}
}
/* header right 4225*/
/*4225 hub header right*/
.hub_group--header-right {
max-width: 1298px;
margin-left: auto;
margin-right: auto;
padding-right: 10px;
padding-left: 20px;
}
@media (max-width: 1123px) {
.hub_group--header-right {
max-width: 1134px;
padding-left: 0;
}
.hub_group--header-right .hub_header {
max-width: 766px;
}
.hub_group--header-left .hub_header,
.hub_group--header-left .hub_inner {
width: 100%;
z-index: 2;
}
}
.hub_group--header-right .menu-link {
position: inherit;
width: 30%;
float: right;
left: 0;
top: 0;
height: 100%;
}
.hub_group--header-right .hub_inner {
text-align: left;
padding: 0;
}
.hub_group--header-right .hub_header_inner {
width: 100%;
margin: auto;
text-align: left;
}
.hub_group--header-right .hub_inner {
margin: 0;
width: 70%;
}
.hub_group.hub_group--header-right .header-right-title {
text-align: center;
padding-bottom: 20px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 30px;
}
.hub_group--header-right .hub_header_inner .text--list-description {
margin-top: 0;
max-width: 766px;
}
@media screen and (max-width: 767px) {
.hub_group--header-right .menu-link {
width: 100%;
float: none;
}
.hub_group.hub_group--header-right {
padding: 0 15px;
}
.hub_group--header-right .hub_inner {
margin: 0 auto;
float: none;
width: 100%;
}
.hub_group--header-right .hub_header {
padding: 0 0;
text-align: right;
}
}
@media screen and (min-width: 768px) {
.hub_group--header-right a.text--standard {
letter-spacing: 0.44px;
line-height: 163.63636%;
}
.hub_group--header-right .hub_header .text--page-subheading {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
}
}
.hub_group--header-right a.text--standard {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
}
.hub_group--header-right .hub_header p {
font-size: 18px;
}
@media (min-width: 768px) and (max-width: 1123px) {
.hub_group--header-right .hub_header {
text-align: right;
max-width: 766px;
}
.hub_group--header-right .menu-link {
float: none;
}
.hub_group--header-right .menu-link {
width: 100%;
}
.hub_header-links--tablet-two-column {
width: 100%;
}
.hub_group--header-right .hub_inner {
width: 100%;
margin: 0 auto;
display: block;
max-width: 764px;
padding-left: 15px;
}
}
@media (max-width: 1318px) {
.hub_group--header-right {
max-width: 1124px;
}
}
@media screen and (min-width: 1024) and (max-width: 1318px) {
.hub_group--header-right .menu-link {
width: 33%;
}
}
@media screen and (max-width: 767px) {
.hub_group--header-right .hub_header p {
font-size: 15px;
}
.hub_group--header-right a.text--standard {
font-size: 18px;
}
.hub_group--header-right .hub_header .text--page-subheading {
font-size: 22px;
}
}
@media screen and (min-width: 1024px) {
.hub_group {
padding-top: 100px;
padding-bottom: 120px;
padding-left: 20px;
padding-right: 10px;
}
}
@media (max-width: 1318px) {
.tile--small {
width: 345px;
}
}
/*end hub-header-right*/
/* #4471 */
@media (min-width: 1090px) and (max-width: 1323px) {
.filter__group--large .form-row.taleoposition {
width: 100%;
float: left;
}
}
@media (max-width: 1090px) {
.filter__group--large .form-row.taleoposition {
width: 100%;
float: left;
}
}
@media (max-width: 766px) {
.filter__group--large .form-row.taleoposition {
width: 100%;
float: none;
}
}
@media (min-width: 10px) and (max-width: 766px) {
.taleocategories {
width: 100% !important;
}
}
/* end #4471 */
/* #4291 */
@media screen and (min-width: 1024px) {
.related-content--most-popular .related-content-card {
max-width: 30% !important;
margin-right: 0px !important;
margin: 0 auto 0 auto !important;
}
}
/* end #4291 */
/* #4549 header-left title*/
@media screen and (min-width: 1124px) and (max-width: 1318px) {
.hub_group.hub_group--header-left .menu-link {
padding-top: 101px;
}
}
@media screen and (min-width: 1319px) {
.hub_group.hub_group--header-left .menu-link {
padding-top: 11px;
}
}
/* #4549 end*/
/* #6572 blue color vertical bar*/
.list-item_separator {
color: #41b9e6;
}
/* END #6572 blue color vertical bar*/
/* #6852 add reclamos in reclamos' page */
.pvtArea-account-multirow.head-user-infoSelectAccount
.pvtArea-account-row:last-child {
border-top: none;
}
/* END #6852 add reclamos in reclamos' page */
/*#start 8327*/
.background--cell-table-grey {
background-color: #cccccc !important;
}
/*end #8327*/
/*#start 9169*/
@media screen and (max-width: 767px) {
.org-group_wrap.org-group_wrap--split.mobile-open {
display: block;
}
.org-group_name.mobile-open:after {
content: "\e908";
}
}
/*end #9169*/
/* start #9161 related articles */
@media screen and (min-width: 1024px) {
.related-content__cards .related-content_heading {
margin-left: 20px;
}
.related-content .related-content__cards .tile--large {
margin-left: 20px;
}
.related-content .related-content__cards .tile--small {
margin-left: 20px;
}
}
/* end #9161 */
/*added for calendar*/
.calendar.module {
background: #f6f6f6;
background-size: cover;
width: 100%;
padding: 75px 0 30px;
max-height: 700px
}
.calendar.module:after {
clear: both;
content: "";
display: table
}
.calendar.module .swiper-slide {
width: 280px;
height: 300px;
background: #fff;
opacity: 1;
cursor: pointer
}
.calendar.module .swiper-slide .event {
opacity: .4;
transition: opacity .3s
}
.calendar.module .swiper-slide.swiper-slide-next .event, .calendar.module .swiper-slide.swiper-slide-prev .event {
opacity: .4
}
.calendar.module .swiper-slide.swiper-slide-active .event, .calendar.module .swiper-slide:hover .event {
opacity: 1
}
@media screen and (min-width: 480px) {
.calendar.module {
padding: 100px 0 50px
}
.calendar.module .swiper-slide {
width: 395px;
height: 400px
}
}
@media screen and (min-width: 1260px) {
.calendar.module .swiper-slide.swiper-slide-active .event, .calendar.module .swiper-slide.swiper-slide-next .event, .calendar.module .swiper-slide.swiper-slide-prev .event {
opacity: 1
}
}
.calendar.module.calendar--loading .swiper-slide {
opacity: 0
}
.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 {
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
transform: translateZ(0)
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
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 {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
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;
background-size: 27px 44px;
background-position: 50%;
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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s;
transform: translateZ(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%;
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%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
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, 0.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 {
-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 {
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: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}
.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;
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;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
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 {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
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;
transform-origin: 50%;
animation: a 1s steps(12) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}
.component.event {
width: 100%;
height: 100%;
background: #fff
}
.component.event .calendar-date {
width: 100%;
height: 65%;
padding: 5% 10.5%;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #fff;
background: #008c5a;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 36px;
color: #fff;
z-index: 2
}
.component.event .calendar-date .calendar-date-weekday {
display: block;
color: #74b397;
padding-bottom: .3em
}
.component.event .calendar-informations {
height: 35%;
width: 100%;
padding: 5% 10.5% 6.5%;
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: end;
justify-content: flex-end;
border: 2px solid #fff;
z-index: 1
}
.component.event .calendar-informations .calendar-name {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 24px;
line-height: 24px;
color: #222;
text-indent: -.07em;
overflow: hidden;
max-height: 50px
}
.component.event .calendar-informations .calendar-name:after {
content: '';
display: block;
height: 2px
}
.component.event .calendar-informations .calendar-category {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
color: #00bae7;
padding-bottom: .3em;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%
}
@media screen and (min-width: 480px) {
.component.event {
text-align: left;
position: relative;
overflow: hidden
}
.color-scheme--red.component.event:after {
background-color: #ff0f64
}
.color-scheme--green.component.event:after {
background-color: #55be5a
}
.color-scheme--blue.component.event:after {
background-color: #0555fa
}
.color-scheme--grey.component.event:after {
background-color: #f4f4f4
}
.color-scheme--darkgrey.component.event:after {
background-color: #A9A9A9
}
.color-scheme--white.component.event:after {
background-color: #fff
}
.color-scheme--black.component.event:after {
background-color: #222
}
.color-scheme--orange.component.event:after {
background-color: #ff5a0f
}
.color-scheme--sky.component.event:after {
background-color: #41b9e6
}
.color-scheme--pink.component.event:after {
background-color: #ff0f64
}
.color-scheme--lightpink.component.event:after {
background-color: #ff4687
}
.color-scheme--giropink.component.event:after {
background-color: #EA527E
}
.color-scheme--forest.component.event:after {
background-color: #008c5a
}
.component.event:after {
background: #008c5a;
}
.component.event:after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
/*background: #008c5a;*/
height: 8px;
transition: all .3s;
transform: translateY(8px)
}
.component.event .calendar-date {
-ms-flex-align: start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
font-size: 42px;
line-height: 42px
}
.component.event .calendar-informations {
transition: all .3s
}
.component.event .calendar-informations .calendar-name {
font-size: 30px;
line-height: 30px;
max-height: 65px;
width: 95%;
word-break: break-word;
}
.component.event .calendar-informations .calendar-name:after {
height: 5px
}
.component.event .calendar-informations .calendar-category {
padding-bottom: 1em
}
.component.event:hover .calendar-informations {
transform: translateY(-8px)
}
.component.event:hover:after {
transform: translateY(0)
}
}
/* For background color */
.calendar.module.bgGrey {
background: #f6f6f6 none;
}
.calendar-date-hour {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
font-size: 38px;
display: inline-block;
margin-top: 10px;
}
.calendar-date-hour .timezone {
font-size: 25px
}
.timezone-label {
font-size: 10px;
display: inline-block;
line-height: 12px;
}
.page-home .group.parbase{
z-index:2;
max-width:1314px;
margin:0 auto;
top:-70px;
}
.page-home .hub{
display:inline-block;
width:100%;
}
.page-home .hub_group{
padding: 0 0 10px 0;
}
.page-home .hub_group .hub_inner{
padding:0;
}
.page-home .link_network_inner{
max-width:1314px;
}
.page-home .hub_group .link_network_inner{
max-width:1260px;
}
.page-home .hub_group .link-network{
margin-bottom:20px;
margin-left:10px;
margin-right:10px;
background-color:white;
}
.page-home .hub_group .link_network_wrapper p{
font-size: 14px;
}
.page-home .hub_group .link_network_name a {
font-size:22px;
}
/*changed by UXINDIA 24-nov*/
.page-home .link-network{
margin-bottom:70px;
margin-top:-15px;
z-index:2;
padding-bottom: 20px;
}
/* END */
.page-home .link_network_name{
margin-bottom:10px;
}
.page-home .text--page-subheading{
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
letter-spacing: .3px;
line-height: 133.33333%;
text-transform: none;
margin-top: 20px;
}
@media screen and (max-width: 767px){
.page-home .group.parbase{
top:0;
}
.page-home .hub_group .link-network{
margin-left:0;
margin-right:0;
}
.page-home .hub_group .col-3, .page-home .hub_group .col-2 {
display: block;
max-width:718px;
}
.page-home .hub_group .link_network_inner{
margin:0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.page-home .hub_group .link-network{
margin-left:10px;
max-width:718px;
}
.page-home .hub_group .col-3,.page-home .hub_group .col-2 {
display: block;
}
}
@media screen and (max-width: 1024px){
.page-home .hub_group .col-3 .link_network_wrapper, .page-home .hub_group .col-2 .link_network_wrapper{
width:100%;
display:block;
float:none;
}
.page-home .hub_group .col-3 .link_network_wrapper.custom_inner, .page-home .hub_group .col-2 .link_network_wrapper.custom_inner{
border-left:none;
border-top: 1px solid #ddd;
}
}
@media screen and (max-width: 1318px){
.page-home .hub_group .link-network{
max-width:718px;
}
}
@media screen and (min-width: 1024px){
.page-home .hub_group .col-3 .link_network_wrapper:nth-child(1){
width:30%;
}
.page-home .hub_group .col-3 .link_network_wrapper:nth-child(2){
width:35%;
padding-left:30px;
}
.page-home .hub_group .col-3 .link_network_wrapper:nth-child(3){
width:29%;
padding-left:30px;
}
}
@media screen and (min-height:480px) {
.page-home .ii.reveal .ii__inner,
.page-home .investor-info.reveal .ii__inner {
top:50px;
}
.page-home .ii__bottom__inner, .ii__middle__inner{
margin-bottom:50px;
}
}
@media (min-width:768px),
screen and (min-height:768px) {
.page-home .ii.reveal .ii__inner,
.page-home .investor-info.reveal .ii__inner {
top:80px;
}
.page-home .ii__bottom__inner, .ii__middle__inner{
margin-bottom:80px;
}
}
@media (min-width:1024px),
screen and(min-height: 480px) {
.page-home .ii.reveal .ii__inner,
.page-home .investor-info.reveal .ii__inner {
top:0px;
margin-top:80px;
}
.page-home .ii__bottom__inner, .ii__middle__inner{
margin-bottom:0;
}
}
.panel--richtext .text--title-pink,
.rich-text .text--title-pink,
.text-clean .text--title-pink,
.panel--richtext .text--title-pink:hover {
/* font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif; */
/* font-weight: 300; */
/* font-style: normal; */
/* letter-spacing: -.6px; */
/* line-height: 120%; */
color: #ff0f64;
}
.panel--richtext .text--title-white,
.rich-text .text--title-white,
.text-clean .text--title-white,
.panel--richtext .text--title-white:hover {
color: white;
}
.panel--richtext .text--title-black,
.rich-text .text--title-black,
.text-clean .text--title-black,
.panel--richtext .text--title-black:hover {
color: black;
}
.panel--richtext .text--title-grey,
.rich-text .text--title-grey,
.text-clean .text--title-grey,
.panel--richtext .text--title-grey:hover {
color: #666;
}
.panel--richtext .text--title-green,
.rich-text .text--title-green,
.text-clean .text--title-green,
.panel--richtext .text--title-green:hover {
color: #55bd5a;
}
.panel--richtext .text--title-forest,
.rich-text .text--title-forest,
.text-clean .text--title-forest,
.panel--richtext .text--title-forest:hover {
color: #008c5a;
}
.panel--richtext .text--title-sky,
.rich-text .text--title-sky,
.text-clean .text--title-sky,
.panel--richtext .text--title-sky:hover {
color: #41b9e6;
}
.panel--richtext .text--title-blue,
.rich-text .text--title-blue,
.text-clean .text--title-blue,
.panel--richtext .text--title-blue:hover {
color: #0555fa;
}
.panel--richtext .text--title-lightpink,
.rich-text .text--title-lightpink,
.text-clean .text--title-lightpink,
.panel--richtext .text--title-lightpink:hover {
color: #ff4687;
}
.panel--richtext .text--title-red,
.rich-text .text--title-red,
.text-clean .text--title-red,
.panel--richtext .text--title-red:hover {
color: #e61400;
}
.panel--richtext .text--title-orange,
.rich-text .text--title-orange,
.text-clean .text--title-orange,
.panel--richtext .text--title-orange:hover {
color: #ff5a0f;
}
.panel--richtext .text--title-yellow,
.rich-text .text--title-yellow,
.text-clean .text--title-yellow,
.panel--richtext .text--title-yellow:hover {
color: #FFD700;
}
table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #ddd}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #ddd}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url("../img/table/sort_both.png")}table.dataTable thead .sorting_asc{background-image:url("../img/table/sort_asc.png")}table.dataTable thead .sorting_desc{background-image:url("../img/table/sort_desc.png")}table.dataTable thead .sorting_asc_disabled{background-image:url("../img/table/sort_asc_disabled.png")}table.dataTable thead .sorting_desc_disabled{background-image:url("../img/table/sort_desc_disabled.png")}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #ddd}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{/*-webkit-box-sizing:content-box;box-sizing:content-box*/}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #ddd;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #ddd));background:-webkit-linear-gradient(top, #585858 0%, #ddd 100%);background:-moz-linear-gradient(top, #585858 0%, #ddd 100%);background:-ms-linear-gradient(top, #585858 0%, #ddd 100%);background:-o-linear-gradient(top, #585858 0%, #ddd 100%);background:linear-gradient(to bottom, #585858 0%, #ddd 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #ddd}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #ddd}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}
@media screen and (max-width: 767px){
.component.accordian-table { display: block;}
.component.accordian-table{max-width:100%;}
.component.accordian-table .accordian-table_ct { margin: 60px 15px 0;}
.accordian-table_inner{width:100%;overflow-x:auto;}
.component.accordian-table .accordian-table_inner td{font-size:12px;}
.component.accordian-table .accordian-table_inner td, .component.accordian-table .accordian-table_inner th{padding: 10px;}
.component.accordian-table .accordian-table_inner table{ margin-bottom: 20px;}
}
/* Fix for pannels wrapper*/
.panels-wrapper .menu-link{width:100%;float:left;min-height:200px; }
.panels-wrapper .menu-link .hub_header{text-align: left; }
.panels-wrapper .image {margin-bottom: -5px;}
.orange-hero {
background-color: #ff5a0f !important
}
.clear {
clear: both
}
.bgd-lightblue {
background-color: #41b9e6 !important
}
.btn-orange {
border-color: #ff5a0f !important;
color: #ff5a0f !important;
cursor: pointer
}
.btn-orange:hover {
background-color: #ff5a0f !important;
color: white !important
}
.btn-blue {
border-color: #0555fa !important;
color: #0555fa !important;
cursor: pointer;
margin-left: 15px
}
@media only screen and (max-width: 767px) {
.btn-blue {
margin-top: 15px;
margin-left: 0px
}
}
.btn-blue:hover {
background-color: #0555fa !important;
color: white !important
}
select::-ms-expand {
display: none
}
.map-detail {
height: 500px
}
@media only screen and (max-width: 1023px) {
.map-detail {
height: 400px
}
}
@media only screen and (max-width: 767px) {
.map-detail {
height: 250px
}
}
.map3 {
margin-top: 0px;
margin-bottom: 0px
}
.map3 .map__heading {
display: none
}
.map3 .overlay-legend {
position: absolute;
right: 50px;
top: 10px;
background-color: #fff;
z-index: 10;
padding: 20px 40px 20px 50px
}
.map3 .overlay-legend h3 {
margin-left: -20px;
margin-top: 10px
}
.map3 .overlay-legend p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 16px;
margin: 15px 0;
font-weight: 300;
font-style: normal;
letter-spacing: .3px;
text-transform: uppercase;
font-weight: bold;
color: #666
}
.map3 .overlay-legend p:before {
content: "";
position: absolute;
left: -20px;
top: 4px;
width: 12px;
height: 12px;
background-color: red;
border-radius: 10px
}
.map3 .overlay-legend #red-alert:before {
background-color: red
}
.map3 .overlay-legend #orange-alert:before {
background-color: #FF6600
}
.map3 .overlay-legend #yellow-alert:before {
background-color: #FFcc00
}
@media only screen and (max-width: 767px) {
.map3 .overlay-legend {
display: none
}
}
.map3 .map__wrap {
height: 90vh
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap {
height: auto
}
}
.map3 .map__wrap .map__paths {
position: absolute;
top: 28px;
right: 15px;
transition: all 0.5s
}
.map3 .map__wrap .map__paths .back {
padding: 12px 20px 13px;
background-color: transparent;
color: #000;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: bold;
margin-left: 10px;
border: 2px solid #000;
transition: all 0.3s;
font-style: normal;
font-size: 12px;
text-transform: uppercase
}
.map3 .map__wrap .map__paths .back:hover {
background-color: #000;
color: white;
text-decoration: none
}
.map3 .map__wrap .map__paths .world {
display: none
}
.map3 .map__wrap .map__paths .nation {
display: none
}
.map3 .map__wrap .map__mobile-container .sel-pnt {
margin-top: 15px
}
.map3 .map__wrap .map__placeholder {
padding: 60px
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__placeholder {
padding: 30px;
padding-top: 40px
}
}
.map3 .map__wrap .map__placeholder p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 18px;
margin: 15px 0;
font-weight: 300;
font-style: normal;
font-size: 18px;
letter-spacing: .3px;
line-height: 173.33333%;
color: #666
}
.map3 .map__wrap .map__placeholder a {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
display: block;
margin-bottom: 10px;
font-size: 22px;
letter-spacing: .44px;
line-height: 163.63636%
}
.map3 .map__wrap .map__placeholder a:after {
font-family: icomoon;
content: "\e905";
font-style: normal;
font-weight: 400;
display: inline-block;
padding-left: 10px;
font-size: 12px;
color: #ff0f64
}
.map3 .map__wrap .map__card .galleryDesc {
display: none
}
.map3 .map__wrap .map__card .related-link {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
display: block;
font-weight: bold;
margin-bottom: 10px;
font-size: 22px;
letter-spacing: .44px;
line-height: 163.63636%;
text-transform: none
}
.map3 .map__wrap .map__card .related-link p {
display: inline;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
font-size: 16px !important;
text-transform: uppercase
}
@media only screen and (max-width: 1023px) {
.map3 .map__wrap .map__card {
width: 350px
}
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__card {
width: calc(100% - 30px);
height: auto !important
}
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content {
padding-top: 280px
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__card .map__card__inner .map__card__content {
padding-top: 240px
}
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content h4 {
font-size: 22px !important;
margin-bottom: 10px;
color: #ff0f64
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content p {
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 20px;
font-weight: 300
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content>img {
display: block;
margin-right: 15px;
width: 30px;
float: left
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content p.map__numbers {
margin-top: 25px
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__legend {
background-color: #f4f4f4;
margin: -30px -30px 30px -30px;
padding: 30px 30px 0px 30px
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__legend .sub_legend {
width: calc(99.9%/3);
display: block;
float: left
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__legend .sub_legend p {
font-size: 12px;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__legend .sub_legend img {
height: 45px;
text-align: center;
margin-bottom: 10px;
margin-left: calc(50% - 25px)
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__legend {
margin: -30px -15px 30px -15px;
padding: 15px 15px 0px 15px
}
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__links li a {
position: relative;
padding-left: 30px
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .map__card__links li a img {
position: absolute;
height: 20px;
width: auto;
left: 0px;
top: 0px
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel {
position: absolute;
left: 0px;
top: 0px;
height: 250px;
cursor: pointer;
overflow: hidden
}
@media only screen and (max-width: 1023px) {
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel {
height: 220px
}
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel {
height: auto
}
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel .carousel_item .description-alert-image {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
display: block;
position: absolute;
color: white;
padding-left: 50px;
font-size: 22px;
margin-top: 25%;
left: 0;
z-index: 999
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel .carousel_item .description-alert-image:before {
content: "";
position: absolute;
left: 15px;
top: -25px;
width: 20px;
height: 70px;
background-color: #ff0f64
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel p {
display: none
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel .carousel_arrow {
width: 55px;
height: 55px;
bottom: 0px;
top: auto
}
@media only screen and (max-width: 767px) {
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel .carousel_arrow {
width: 20px;
height: 50px
}
}
.map3 .map__wrap .map__card .map__card__inner .map__card__content .carousel .carousel_prev {
right: 55px
}
.map3 .map__wrap .map__card .map__card__inner .map__card__alert h3.main-title {
font-size: 14px;
margin-top: 40px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
line-height: 166.66667%
}
.map3 .map__wrap .map__card .map__card__inner .map__card__alert ul.map__card__news li {
margin-top: 30px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #c6c6c6
}
.map3 .map__wrap .map__card .map__card__inner .map__card__alert ul.map__card__news li p.province {
display: inline;
margin-right: 10px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
color: #41b9e6;
display: inline-block;
font-size: 13px;
margin-bottom: 10px;
text-transform: uppercase
}
.map3 .map__wrap .map__card .map__card__inner .map__card__alert ul.map__card__news li p.date {
display: inline;
padding-left: 10px;
border-left: 1px solid #c6c6c6;
font-size: 16px;
letter-spacing: 0;
line-height: 137.5%;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
color: #999
}
.map3 .map__wrap .map__card .map__card__inner .map__card__alert ul.map__card__news li a {
display: block;
color: #000;
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: none
}
.map3 .map__cta__wrap {
display: none
}
.map3 .lightbox_map .component.lightbox-slider .lightbox-slider_ct .lightbox-slider_info {
position: absolute;
bottom: -1px
}
.egp-filter form .filter__menu .filter__menu__wrap {
display: block
}
.egp-filter form .filter__filters .filter__filters__wrap .filter__controls {
display: block;
padding-top: 30px
}
@media only screen and (max-width: 767px) {
.egp-filter form .filter__filters .filter__filters__wrap .filter__controls {
padding-top: 0px
}
}
.egp-filter form .filter__filters .filter__filters__wrap .filter__groups .filter__group .filter__group__content .form-row .select-wrap {
background-color: #fff;
background: #fff url(../../../../img/select-arrow.png) no-repeat 90% 50%;
background-size: 16px 11px;
width: calc(100% - 15px)
}
.egp-filter form .filter__filters .filter__filters__wrap .filter__groups .filter__group .filter__group__content .form-row .select-wrap select {
border: 1px solid #dfdfdf;
border-radius: 0px;
width: 100%;
padding: 12px 16px !important;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #666
}
@media only screen and (max-width: 767px) {
.egp-filter form .filter__filters .filter__filters__wrap .filter__groups .filter__group__select .select-wrap {
width: 100% !important;
border: none
}
.egp-filter form .filter__filters .filter__filters__wrap .filter__groups .filter__group__select .select-wrap select {
margin-top: 1px
}
.egp-filter form .filter__filters .filter__filters__wrap .filter__groups .filter__group__select .select-wrap #select__nation {
display: none
}
}
.image-hero.focus-on-main-image-hero {
padding: 200px 0 260px 0;
}
.image-hero.focus-on-main-image-hero .hero_content-wrapper {
max-width: 1200px;
}
.focus-on-cf {
/* clearfix */
}
.focus-on-cf:after,
.focus-on-cf:before {
display: block;
content: "";
clear: both;
}
.focus-on-row {
margin: 0 -15px;
}
.focus-on-row *[class^="focus-on-cl-"] {
float: left;
min-height: 1px;
padding: 0 15px;
}
.focus-on-row .focus-on-cl-3 {
width: 25%;
}
.focus-on-row .focus-on-cl-4 {
width: 33.33333%;
}
.focus-on-row .focus-on-cl-6 {
width: 50%;
}
.focus-on-preview-wrapper {
background: #f7f7f7;
}
.focus-on-preview {
position: relative;
padding: 70px 30px;
max-width: 1260px;
margin: 0 auto 0 auto;
text-align: center;
}
.focus-on-preview .f-on-icon img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.focus-on-preview .f-on-icon .f-on-icon-label {
color: #a6a6a6;
font-size: 12px;
margin: 25px 0 15px 0;
font-family: "Georgia";
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
}
.focus-on-preview .f-on-title {
font-size: 30px;
line-height: 1.15;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.focus-on-preview .f-on-description {
margin-top: 15px;
font-size: 18px;
line-height: 1.7;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
color: #a6a6a6;
}
.focus-on-next-event {
position: relative;
}
.focus-on-next-event .focus-on-next-event-background {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background-color: #41b9e6;
}
.focus-on-next-event .focus-on-next-event-background .focus-on-next-event-background-image {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.focus-on-next-event .focus-on-next-event-wrapper {
position: relative;
z-index: 10;
color: #fff;
max-width: 1260px;
margin: 0 auto;
padding: 170px 0;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content {
width: 40%;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-label {
color: #fefefe;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-bottom: 22px;
opacity: 0.5;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-place {
font-size: 48px;
line-height: 1;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-date {
color: #222;
font-size: 14px;
font-family: georgia;
font-weight: 700;
padding: 20px 0;
opacity: 0.5;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-description {
margin-bottom: 55px;
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
line-height: 1.666;
}
.btn-focus-on {
user-select: none;
color: #fff;
border: 3px solid #9fdcf3;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
background: transparent;
display: inline-block;
padding: 17px 45px;
text-decoration: none;
}
.btn-focus-on:hover {
text-decoration: none;
background: #9fdcf3;
}
.btn-focus-on.btn-focus-on-invert {
border: none;
background: #41b9e6;
color: #fff;
}
.focus-on-container {
max-width: 1290px;
margin: 0 auto;
}
h3.focus-on-midsection-title {
font-size: 28px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
text-align: center;
}
.focus-on-flexrow {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: stretch;
justify-content: space-between;
}
.focus-on-flexrow .focus-on-cl-4 {
width: 33%;
padding: 10px;
}
.focus-on-past-events {
background: #f7f7f7;
padding: 45px 0 45px 0;
}
.focus-on-past-events.focus-on-small-padding {
padding-bottom: 0;
}
.focus-on-past-events h3.focus-on-midsection-title {
margin-bottom: 35px;
}
.focus-on-past-events .focus-on-past-event {
background: #fff;
height: 100%;
}
.focus-on-past-events .focus-on-past-event .focus-on-ne-image {
display: block;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.focus-on-past-events .focus-on-past-event .focus-on-pe-content {
padding: 80px 30px 30px 30px;
}
.focus-on-past-events .focus-on-past-event .focus-on-pe-content .focus-on-pe-place {
color: #41b9e6;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-bottom: 15px;
text-transform: uppercase;
}
.focus-on-past-events .focus-on-past-event .focus-on-pe-content .focus-on-pe-title {
font-size: 30px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.focus-on-twitter-feed {
padding: 45px 0 45px 0;
background: #f7f7f7;
}
.focus-on-twitter-feed h3.focus-on-midsection-title {
margin-bottom: 5px;
}
.focus-on-twitter-feed.focus-on-small-padding {
padding-bottom: 0px;
}
.focus-on-twitter-feed .focus-on-tf-tweet {
margin-top: 30px;
padding: 30px 20px 25px 20px;
background: #fff;
border-bottom: 5px solid #41b9e6;
min-height: 320px;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-twitter-icon {
margin-left: 13px;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-tw-user {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-start;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-tw-user .focus-on-tw-user-name {
padding-left: 5px;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-twitter-text {
font-size: 17px;
padding: 0 15px 0 10px;
margin-bottom: 15px;
margin-top: 8px;
height: 100px;
overflow: hidden;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-twitter-date {
font-size: 15px;
color: #697882;
padding-left: 8px;
}
.focus-on-event-calendar-wrapper {
background: #f7f7f7;
text-align: center;
padding: 60px 30px 70px 30px;
margin-bottom: 60px;
}
.focus-on-event-calendar-wrapper .focus-on-event-title {
font-size: 48px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 45px;
}
.focus-on-event-video-player {
padding: 60px 0;
}
.focus-on-event-video-player .article-youtube-player_inner {
top: 0;
}
.focus-on-team-title {
font-size: 28px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 35px;
}
.focus-on-event-guests {
background: #f7f7f7;
padding: 60px 0;
}
.focus-on-event-guests .focus-on-container {
justify-content: space-between;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted {
width: 66.666666666666%;
padding: 0 15px;
margin-bottom: 35px;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-photo,
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content {
width: 50%;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-photo {
background: #ff0e63;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-photo img {
display: block;
max-width: 100%;
width: 100%;
border: 0;
margin: 0 auto;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content {
color: #fff;
background: #ff0e63;
padding: 0 30px;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content:after {
display: block;
position: absolute;
top: 50%;
margin-top: -9px;
left: -18px;
content: "";
z-index: 2;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-right: 18px solid #ff0e63;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content .fon-hosted-name {
font-size: 30px;
margin-bottom: 20px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content .fon-hosted-description {
font-size: 17px;
line-height: 1.3;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker {
width: 33.33333333333%;
padding: 0 15px;
position: relative;
margin-bottom: 35px;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-wrapper {
height: 100%;
position: relative;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-mobile-flex {
position: static;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-photo img {
display: block;
max-width: 100%;
width: 100%;
border: 0;
margin: 0 auto;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content {
background: #55be5a;
color: #fff;
padding: 30px 30px;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content:after {
display: block;
position: absolute;
left: 50%;
top: -18px;
margin-left: -9px;
content: "";
z-index: 2;
border-bottom: 18px solid #55be5a;
border-right: 18px solid transparent;
border-left: 18px solid transparent;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content .fon-speaker-name {
font-size: 30px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
margin-bottom: 11px;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content .fon-speaker-description {
font-size: 18px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.focus-on-event-guests .focus-on-guest-container {
margin-top: 25px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-flexrow {
flex-wrap: wrap;
justify-content: flex-start;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-team-title {
padding-left: 15px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
width: 25%;
padding: 0 15px;
margin-bottom: 30px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item:before {
content: "";
display: block;
width: 14px;
height: 34px;
float: left;
margin-right: 15px;
margin-top: 8px;
background: #41b9e6;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item .fon-guest-item-name {
font-size: 23px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item .fon-guest-item-role {
font-size: 16px;
padding-left: 29px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item .fon-guest-item-link {
margin-top: 7px;
font-size: 14px;
padding-left: 30px;
color: #6e6e6e;
}
@media (max-width: 1360px) {
.focus-on-next-event .focus-on-next-event-wrapper {
padding: 100px 0 100px 15px;
}
}
@media (max-width: 1150px) {
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item {
width: 33.33333%;
}
}
/* #3720 - media from max 1000px to max 1023px */
@media (max-width: 1023px) {
.focus-on-row .focus-on-cl-4 {
float: none;
margin: 0 auto;
width: 100%;
max-width: 360px;
margin-bottom: 35px;
}
.focus-on-row .focus-on-cl-4:last-child {
margin-bottom: 0;
}
.focus-on-next-event {
background-color: #41b9e6;
}
.focus-on-next-event .focus-on-next-event-wrapper {
padding: 60px 30px;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-place {
font-size: 36px;
}
}
@media (max-width: 980px) {
.image-hero.focus-on-main-image-hero {
padding: 150px 0 200px 0;
}
.focus-on-event-guests {
background: #f7f7f7;
padding: 35px 0;
}
.focus-on-event-guests .focus-on-container {
justify-content: space-between;
flex-wrap: wrap;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted {
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker {
margin-top: 35px;
width: 100%;
padding: 0 15px;
position: relative;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-mobile-flex {
display: flex;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-wrapper {
height: 100%;
position: relative;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-photo,
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content {
width: 50%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content {
background: #55be5a;
color: #fff;
padding: 0 30px;
position: relative;
text-align: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: 50%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content:after {
display: block;
position: absolute;
top: 50%;
margin-top: -9px;
left: -9px;
content: "";
z-index: 2;
border-left: none;
border-top: 18px solid transparent;
border-bottom: 18px solid transparent;
border-right: 18px solid #55be5a;
}
.focus-on-event-guests .focus-on-guest-container {
margin-top: 48px;
}
}
@media (max-width: 900px) {
.focus-on-next-event {
background-color: #41b9e6;
}
.focus-on-next-event .focus-on-next-event-wrapper {
padding: 30px 30px;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content {
width: 100%;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-label {
margin-bottom: 19px;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-place {
font-size: 36px;
}
.focus-on-next-event .focus-on-next-event-wrapper .focus-on-next-event-wrapper-content .focus-on-ne-description {
margin-bottom: 20px;
}
.focus-on-next-event .focus-on-next-event-background {
position: relative;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100vw;
background-color: #41b9e6;
}
.focus-on-next-event .focus-on-next-event-background .focus-on-next-event-background-image {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.focus-on-twitter-feed .focus-on-flexrow,
.focus-on-past-events .focus-on-flexrow {
display: block;
}
.focus-on-twitter-feed .focus-on-flexrow .focus-on-cl-4,
.focus-on-past-events .focus-on-flexrow .focus-on-cl-4 {
width: 100%;
max-width: 360px;
margin: 0 auto;
}
.focus-on-past-events .focus-on-past-event .focus-on-pe-content {
padding: 70px 20px 20px 20px;
}
.focus-on-past-events .focus-on-past-event .focus-on-pe-content .focus-on-pe-title {
font-size: 27px;
}
.focus-on-twitter-feed {
padding: 38px 0 45px 0;
}
.focus-on-twitter-feed h3.focus-on-midsection-title {
margin-bottom: 30px;
}
.focus-on-twitter-feed.focus-on-small-padding {
padding-bottom: 0px;
}
.focus-on-twitter-feed .focus-on-tf-tweet {
margin-top: 0px;
margin-bottom: 0px;
}
.focus-on-twitter-feed .focus-on-tf-tweet .focus-on-twitter-text {
font-size: 16px;
height: 105px;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item {
width: 50%;
}
}
@media (max-width: 650px) {
.focus-on-event-calendar-wrapper {
padding: 30px;
}
.focus-on-event-calendar-wrapper .focus-on-event-title {
font-size: 30px;
margin-bottom: 30px;
}
.focus-on-event-calendar-wrapper .focus-on-event-title span {
display: block;
}
.focus-on-event-guests .focus-on-guest-container .focus-on-guest-item {
width: 100%;
}
.focus-on-event-guests {
background: #f7f7f7;
padding: 35px 0;
}
.focus-on-event-guests .focus-on-container {
display: block;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted {
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-flexrow {
display: block;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-photo,
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content {
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content {
padding: 30px;
}
.focus-on-event-guests .focus-on-container .focus-on-hosted .focus-on-hosted-content:after {
display: block;
position: absolute;
left: 50%;
top: -9px;
margin-left: -9px;
content: "";
z-index: 2;
border-top: none;
border-bottom: 18px solid #ff0e63;
border-right: 18px solid transparent;
border-left: 18px solid transparent;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker {
margin-top: 35px;
width: 100%;
padding: 0 15px;
position: relative;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-mobile-flex {
display: block;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-wrapper {
height: 100%;
position: relative;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-photo,
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content {
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content {
background: #55be5a;
color: #fff;
padding: 30px;
position: relative;
text-align: center;
direction: block;
width: 100%;
}
.focus-on-event-guests .focus-on-container .focus-on-speaker .focus-on-speaker-content:after {
display: block;
position: absolute;
left: 50%;
top: -9px;
margin-left: -9px;
content: "";
z-index: 2;
border-top: none;
border-bottom: 18px solid #55be5a;
border-right: 18px solid transparent;
border-left: 18px solid transparent;
}
}
/*issue #3556*/
.focus-on-preview .f-on-icon img.img_cultureBox{
width: auto;
}
/*end #3556*/
/* start #3720 */
@media (min-width: 1024px){
.focus-on-preview .focus-on-row .focus-on-cl-4 {
float: none;
display: inline-block;
width: 33%;
}
}
/* end #3720 (another fix on line 434) */
.rich-text--social .toggle-content {
padding:0px 0px 80px 0px;
}
.rich-text--social .contact_header {
padding:0px 0px 10px;
}
.rich-text--social h3.list-item_title.text--list-title-med {
font-weight: 400;
letter-spacing: -.36px;
line-height: 166.66667%;
color: #ff0f64;
font-size:18px;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif;
font-style:normal;
}
.rich-text--social .rich-text_inner .tabs h4 {
font-size:18px;
}
@media screen and (min-width: 1024px){
.dd-content .rich-text_inner{
width:100%;
}
}
@media screen and (min-width: 1024px){
.rich-text--social .rich-text_inner.content_width{width:100%}
}
/*
.datepicker {
.prev, .next {font-style:normal;}
.prev:after {content:"«";}
.next:after {content:"»";}
}
*/
/*!
* Datepicker for Foundation - less stylesheet, just version customized to foundation
*
* Copyright 2013 Peter Beno, najlepsiwebdesigner@gmail.com, @benopeter
* project website http://foundation-datepicker.peterbeno.com
*
* Original project https://github.com/eternicode/bootstrap-datepicker
* Original author 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*/.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-family:"Open Sans",sans-serif;font-size:13px;line-height:18px}.datepicker.dropdown-menu th,.datepicker.dropdown-menu td{padding:4px 5px}.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker>div{display:none}.datepicker.days div.datepicker-days{display:block}.datepicker.months div.datepicker-months{display:block}.datepicker.years div.datepicker-years{display:block}.datepicker table{border:0;margin:0}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;background:#fff;cursor:pointer}.datepicker td.active.day,.datepicker th.active.day{background:#2ba6cb}.datepicker td.active.year,.datepicker th.active.year{background:#2ba6cb}.datepicker td span.active,.datepicker th span.active{background:#2ba6cb}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker th.date-switch{width:145px}.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker-dropdown::before,.datepicker-dropdown::after{display:none}.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.datepicker td.old,.datepicker td.new{color:#999}.datepicker td.day.disabled{color:#eee}
/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */
/*! jQuery UI - v1.11.4 - 2016-04-01
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #2b2b2b;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("main/css/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("main/css/images/ui-icons_444444_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("main/css/images/ui-icons_777777_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("main/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("main/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("main/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("main/css/images/ui-icons_cc0000_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: 0px 0 0 0px;
padding: 5px;
background: #666666;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
}
html.lb-disable-scrolling {
overflow: hidden;
/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
display: none;
}
.lightbox {
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
/*border: 4px solid white;*/
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(../img/ligthbox/loading.gif)
no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}
.lb-prev,
.lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #fff;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(../img/ligthbox/close.png)
top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.9;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lightboxMod {
position: fixed;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightboxModOverlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity: 0.9;
display: none;
}
.lightboxMod .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
/*border: 4px solid white;*/
}
.lightboxMod a img {
border: none;
}
.lb-dataContainerCloseB {
padding-bottom: 10px;
padding-top: 0;
text-align: right;
}
.lb-dataContainerCloseB a {
color: #fff;
}
.lb-dataContainerCloseB a:hover {
text-decoration: none;
}
.lb-dataContainerCloseB .lb-close {
display: block;
height: 20px;
background: url(main/50_gallery/img/lightbox/close.png);
background-position: center right;
background-size: contain;
background-repeat: no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.9;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
padding-right: 35px;
line-height: 1.5em;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
cursor: pointer;
}
.lb-data .lb-details-b {
width: 100%;
display: flex;
justify-content: space-between;
/*max-height: 54px;*/
}
.lb-data .lb-details-b .lb-caption {
flex-grow: 2;
}
.lb-data .lb-details-b .lb-number {
color: #fff;
background: #1f1f1f;
padding: 24px;
font-size: 16px;
}
.lb-data-container-b {
padding-top: 0;
background: #272727;
}
.lb-data-container-b .lb-data {
padding: 0;
}
.lb-data .lb-details-b .lb-caption {
padding: 24px 0;
}
.lb-data .lb-details-b .lb-caption-description,
.lb-data .lb-details-b .lb-caption-title {
display: inline-block;
font-size: 16px;
line-height: 1em;
}
.lb-data .lb-details-b .lb-caption-title {
color: #ff0f64;
padding-left: 20px;
}
.lb-data .lb-details-b .lb-caption-description {
padding-left: 20px;
font-weight: normal;
}
.lb-data .lb-details-b .lb-download {
text-transform: uppercase;
padding: 5px 20px;
border: 3px solid #fff;
line-height: 2em;
margin: 8px;
cursor: pointer;
height: 100%;
}
.lb-data .lb-details-b .lb-download:hover {
background: #fff;
color: #000;
text-decoration: none;
}
.lb-data .lb-details-b .lb-size {
padding: 24px 0;
font-size: 16px;
padding-right: 10px;
}
@media screen and (max-width: 767px) {
.lb-data .lb-details-b {
flex-wrap: wrap;
}
.lb-data .lb-details-b .lb-caption {
order: 1;
width: 100%;
}
.lb-data .lb-details-b .lb-number {
order: 2;
}
.lb-data .lb-details-b .lb-size {
order: 3;
}
.lb-data .lb-details-b .lb-download {
order: 4;
}
}
/* ------------------------------------------------------------------- Microtip Modern, lightweight css-only tooltips Just 1kb minified and gzipped @author Ghosh @package Microtip ---------------------------------------------------------------------- 1. Base Styles 2. Direction Modifiers 3. Position Modifiers --------------------------------------------------------------------*/
[aria-label][role~="tooltip"]{
position:relative
}
[aria-label][role~="tooltip"]::before,[aria-label][role~="tooltip"]::after{
transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform;
opacity:0;
pointer-events:none;
transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);
position:absolute;
box-sizing:border-box;
z-index:10;
transform-origin:top
}
[aria-label][role~="tooltip"]::before{
background-size:100% auto!important;
content:""
}
[aria-label][role~="tooltip"]::after{
background:rgba(17,17,17,.9);
border-radius:4px;
color:#fff;
content:attr(aria-label);
font-size:var(--microtip-font-size,13px);
font-weight:var(--microtip-font-weight,normal);
text-transform:var(--microtip-text-transform,none);
padding:.5em 1em;
white-space:nowrap;
box-sizing:content-box
}
[aria-label][role~="tooltip"]:hover::before,[aria-label][role~="tooltip"]:hover::after,[aria-label][role~="tooltip"]:focus::before,[aria-label][role~="tooltip"]:focus::after{
opacity:1;
pointer-events:auto
}
[role~="tooltip"][data-microtip-position|="top"]::before{
background:url(main/css/data:image/svg+xml;
charset=utf-8,%3Csvg%20xmlns%3D%22http%3A/www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
height:6px;
width:18px;
margin-bottom:5px
}
[role~="tooltip"][data-microtip-position|="top"]::after{
margin-bottom:11px
}
[role~="tooltip"][data-microtip-position|="top"]::before{
transform:translate3d(-50%,0,0);
bottom:100%;
left:50%
}
[role~="tooltip"][data-microtip-position|="top"]:hover::before{
transform:translate3d(-50%,-5px,0)
}
[role~="tooltip"][data-microtip-position|="top"]::after{
transform:translate3d(-50%,0,0);
bottom:100%;
left:50%
}
[role~="tooltip"][data-microtip-position="top"]:hover::after{
transform:translate3d(-50%,-5px,0)
}
[role~="tooltip"][data-microtip-position="top-left"]::after{
transform:translate3d(calc(-100% + 16px),0,0);
bottom:100%
}
[role~="tooltip"][data-microtip-position="top-left"]:hover::after{
transform:translate3d(calc(-100% + 16px),-5px,0)
}
[role~="tooltip"][data-microtip-position="top-right"]::after{
transform:translate3d(calc(0% + -16px),0,0);
bottom:100%
}
[role~="tooltip"][data-microtip-position="top-right"]:hover::after{
transform:translate3d(calc(0% + -16px),-5px,0)
}
[role~="tooltip"][data-microtip-position|="bottom"]::before{
background:url(main/css/data:image/svg+xml;
charset=utf-8,%3Csvg%20xmlns%3D%22http%3A/www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
height:6px;
width:18px;
margin-top:5px;
margin-bottom:0
}
[role~="tooltip"][data-microtip-position|="bottom"]::after{
margin-top:11px
}
[role~="tooltip"][data-microtip-position|="bottom"]::before{
transform:translate3d(-50%,-10px,0);
bottom:auto;
left:50%;
top:100%
}
[role~="tooltip"][data-microtip-position|="bottom"]:hover::before{
transform:translate3d(-50%,0,0)
}
[role~="tooltip"][data-microtip-position|="bottom"]::after{
transform:translate3d(-50%,-10px,0);
top:100%;
left:50%
}
[role~="tooltip"][data-microtip-position="bottom"]:hover::after{
transform:translate3d(-50%,0,0)
}
[role~="tooltip"][data-microtip-position="bottom-left"]::after{
transform:translate3d(calc(-100% + 16px),-10px,0);
top:100%
}
[role~="tooltip"][data-microtip-position="bottom-left"]:hover::after{
transform:translate3d(calc(-100% + 16px),0,0)
}
[role~="tooltip"][data-microtip-position="bottom-right"]::after{
transform:translate3d(calc(0% + -16px),-10px,0);
top:100%
}
[role~="tooltip"][data-microtip-position="bottom-right"]:hover::after{
transform:translate3d(calc(0% + -16px),0,0)
}
[role~="tooltip"][data-microtip-position="left"]::before,[role~="tooltip"][data-microtip-position="left"]::after{
bottom:auto;
left:auto;
right:100%;
top:50%;
transform:translate3d(10px,-50%,0)
}
[role~="tooltip"][data-microtip-position="left"]::before{
background:url(main/css/data:image/svg+xml;
charset=utf-8,%3Csvg%20xmlns%3D%22http%3A/www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
height:18px;
width:6px;
margin-right:5px;
margin-bottom:0
}
[role~="tooltip"][data-microtip-position="left"]::after{
margin-right:11px
}
[role~="tooltip"][data-microtip-position="left"]:hover::before,[role~="tooltip"][data-microtip-position="left"]:hover::after{
transform:translate3d(0,-50%,0)
}
[role~="tooltip"][data-microtip-position="right"]::before,[role~="tooltip"][data-microtip-position="right"]::after{
bottom:auto;
left:100%;
top:50%;
transform:translate3d(-10px,-50%,0)
}
[role~="tooltip"][data-microtip-position="right"]::before{
background:url(main/css/data:image/svg+xml;
charset=utf-8,%3Csvg%20xmlns%3D%22http%3A/www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
height:18px;
width:6px;
margin-bottom:0;
margin-left:5px
}
[role~="tooltip"][data-microtip-position="right"]::after{
margin-left:11px
}
[role~="tooltip"][data-microtip-position="right"]:hover::before,[role~="tooltip"][data-microtip-position="right"]:hover::after{
transform:translate3d(0,-50%,0)
}
[role~="tooltip"][data-microtip-size="small"]::after{
white-space:initial;
width:80px
}
[role~="tooltip"][data-microtip-size="medium"]::after{
white-space:initial;
width:150px
}
[role~="tooltip"][data-microtip-size="large"]::after{
white-space:initial;
width:260px
}
/* date-picker */
.dateModal.modal {
text-align: center;
}
.dateModal .ui-widget {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.dateModal .modal-dialog {
display: inline-block;
width: 100%;
margin: 50px 0px;
}
.dateModal .modal-content {
border-radius: 0;
border: 0;
width: 100%;
}
.dateModal .modal-body {
padding: 18px 5px 0px 5px;
max-width: 100%; /*margin: 0 auto;*/
}
.dateModal .ui-datepicker {
width: 100%;
border: 0;
padding: 0;
}
.dateModal .ui-datepicker td {
padding: 0;
}
.dateModal .ui-datepicker th {
padding: 10px 0px 0px;
font-size: 8px;
color: #cacaca;
text-transform: uppercase;
font-weight: normal;
}
.dateModal .ui-datepicker-header {
background: none;
border: 0;
font-weight: normal;
color: #000;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.dateModal .ui-datepicker-year {
color: #ff0f64;
}
.ui-datepicker-calendar .ui-state-default {
border: 0;
color: #000;
background: #fff;
text-align: center;
padding: 12px;
font-size: 9px;
border-bottom: 2px solid #fff;
}
.ui-datepicker-calendar .ui-state-default.ui-state-hover {
background: #ff6ca0;
color: #fff;
border-bottom-color: #cacaca;
}
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-highlight {
background: #ff0f64;
color: #fff;
border-bottom-color: #cacaca;
}
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active {
background: #ff0f64;
color: #fff;
border-bottom-color: #cacaca;
}
.ui-widget-header .ui-datepicker-next,
.ui-widget-header .ui-datepicker-prev {
background: none;
border: 1px solid #fff;
}
.ui-widget-header .ui-icon {
cursor: pointer;
}
.ui-widget-header .ui-datepicker-next .ui-icon {
background: url("../img/icons/arrow-next_t_ie8.png") no-repeat;
background-size: 10px;
width: 15px;
height: 15px;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
background: url("../img/icons/arrow-prev_t_ie8.png") no-repeat;
background-size: 10px;
width: 15px;
height: 15px;
}
/*IE8*/
.ui-widget-header .ui-datepicker-next .ui-icon {
background: url("../img/icons/arrow-next_t_ie8.png") no-repeat;
background-size: 10px;
width: 15px;
height: 15px;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
background: url("../img/icons/arrow-prev_t_ie8.png") no-repeat;
background-size: 10px;
width: 15px;
height: 15px;
}
.ui-widget-header .ui-datepicker-next .ui-icon:after {
}
.ui-datepicker-other-month .ui-state-default {
color: #cacaca;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
top: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
top: 2px;
}
.ui-datepicker .ui-datepicker-title {
font-size: 15px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
display: none;
overflow: hidden;
padding: 0 !important;
-webkit-overflow-scrolling: touch;
outline: 0;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: 0.5;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: 0.5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
z-index: 1;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-body:after {
clear: both;
content: "";
display: block;
}
.modal-footer {
padding: 15px;
text-align: justify;
border-top: 1px solid #e5e5e5;
clear: both;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
/* date-picker */
@media screen and (min-width: 480px) {
.dateModal .modal-dialog {
display: inline-block;
width: 320px;
margin: 50px 0px;
}
.dateModal .modal-body {
max-width: 320px;
}
}
@media screen and (min-width: 768px) {
.dateModal .modal-body {
padding: 55px 55px 40px 55px;
max-width: none;
}
.dateModal .modal-dialog {
display: inline-block;
width: 100%;
max-width: 580px;
margin: 30px auto;
}
.ui-datepicker .ui-datepicker-title {
font-size: 30px;
}
.dateModal .ui-datepicker th {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 30px 0 0;
}
.ui-datepicker-calendar .ui-state-default {
font-size: 16px;
padding: 20px 12px;
border-bottom: 7px solid #fff;
}
.ui-widget-header .ui-datepicker-next .ui-icon {
background-size: 15px;
width: 20px;
height: 20px;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
background-size: 15px;
width: 20px;
height: 20px;
}
/*IE8*/
.ui-widget-header .ui-datepicker-next .ui-icon {
background: url("../img/icons/arrow-next_t_ie8.png") no-repeat;
}
.ui-widget-header .ui-datepicker-prev .ui-icon {
background: url("../img/icons/arrow-prev_t_ie8.png") no-repeat;
}
.ui-datepicker .ui-datepicker-prev {
top: 15px;
left: 18px;
}
.ui-datepicker .ui-datepicker-next {
top: 15px;
}
.filter__menu {
padding: 13px 0px;
}
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
.page-search .search-form__content {
margin-top: 60px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
@media (min-width: 1024px) {
.search-form__content {
padding-left: 65px !important;
}
.search-form__inner .container {
padding-left: 110px;
}
}
/* Glossary tab-container. Add bottom border as class .glossary-item in rich text into the tabs */
.glossary .tabs-content .tab_content .component.rich-text.container {
border-bottom: 1px solid #ebebeb;
}
/* HUB group - title in bold */
h2.text--page-subheading.hub-group-title-bold {
font-weight: bold;
}
/*#6166 component megamenu navigation login in megamenu page - target field */
.nav-login form input[type="email"],
.megamenu__nav__body .nav-login form input[type="password"] {
border: 1px solid rgba(255, 255, 255, 0.55) !important;
color: #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-moz-placeholder {
color: #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-ms-input-placeholder {
color: #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-webkit-input-placeholder {
color: #fff !important;
}
.megamenu__nav__body .nav-login form input[type="email"].credential-error {
border: 2px solid #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-error::-moz-placeholder {
color: #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-errorr::-ms-input-placeholder {
color: #fff !important;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-error::-webkit-input-placeholder {
color: #fff !important;
}
.megamenu__nav__body .nav-login form input[type="password"].credential-error {
border: 2px solid #fff !important;
}
.nav-login .form-login-error-msg {
color: #fff !important;
}
/* #6368, #6369 custom css for forms */
.form-group.withoutLabel {
margin-top: 30px;
}
p.form-description {
font-size: 15px;
padding-left: 10px;
}
p.form-description.form-description-emergencia {
margin-bottom: 30px;
}
a.recoverCustomerNumber {
color: #ff0f64;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 15px;
line-height: 19px;
}
a.recoverCustomerNumber.recoverCustomerNumberMetidor {
top: 5px;
}
a.recoverCustomerNumber.recoverCustomerNumberEmergencia {
padding-left: 0px;
}
/*#7011 Three-column-band on homepage */
.carousel.parbase.icone-sotto-hero.three-band-colum-with-link {
padding-bottom: 60px;
}
/*#7732 inizio*/
.form-new-claim .ico-question {
color: #ffffff;
text-align: center;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 17px;
display: inline-block;
width: 25px;
height: 25px;
position: absolute;
top: 15px;
right: 10px;
background: url("privateArea/css/image/ico-question.svg")
no-repeat 50% 50%;
text-decoration: none;
}
/*#7732*/
/*#8862 fix font-family*/
.e-glossary-button .btn-cta {
transition: all 0.1s linear !important;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
display: inline-block !important;
font-size: 12px !important;
min-width: 160px !important;
padding: 12px 20px 13px !important;
text-align: center !important;
text-transform: uppercase;
}
/*#8862*/
/* #8027 */
.private-messagge-ok.error span::after {
content: "\e948";
}
/* 7875 */
@media (min-width: 1024px) {
.box-supporto-container {
top: -150px;
z-index: 3;
}
}
/*
* easy-autocomplete
* jQuery plugin for autocompletion
*
* @author Łukasz Pawełczak (http://github.com/pawelczak)
* @version 1.3.5
* Copyright License:
*/
.easy-autocomplete {
position: relative;
}
.easy-autocomplete input {
border-color: #ccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
color: #555;
float: none;
padding: 6px 12px;
}
.easy-autocomplete input:hover, .easy-autocomplete input:focus {
box-shadow: none;
}
.easy-autocomplete a {
display: block;
}
.easy-autocomplete.eac-blue-light input:hover, .easy-autocomplete.eac-blue-light input:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}
.easy-autocomplete.eac-blue-light ul li, .easy-autocomplete.eac-blue-light ul .eac-category {
border-color: #66afe9;
}
.easy-autocomplete.eac-blue-light ul li.selected, .easy-autocomplete.eac-blue-light ul .eac-category.selected {
background-color: #ecf5fc;
}
.easy-autocomplete.eac-green-light input:hover, .easy-autocomplete.eac-green-light input:focus {
border-color: #41DB00;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul {
border-color: #41DB00;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}
.easy-autocomplete.eac-green-light ul li, .easy-autocomplete.eac-green-light ul .eac-category {
border-color: #41DB00;
}
.easy-autocomplete.eac-green-light ul li.selected, .easy-autocomplete.eac-green-light ul .eac-category.selected {
background-color: #9eff75;
}
.easy-autocomplete.eac-red-light input:hover, .easy-autocomplete.eac-red-light input:focus {
border-color: #ff5b5b;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul {
border-color: #ff5b5b;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}
.easy-autocomplete.eac-red-light ul li, .easy-autocomplete.eac-red-light ul .eac-category {
border-color: #ff5b5b;
}
.easy-autocomplete.eac-red-light ul li.selected, .easy-autocomplete.eac-red-light ul .eac-category.selected {
background-color: #ff8e8e;
}
.easy-autocomplete.eac-yellow-light input:hover, .easy-autocomplete.eac-yellow-light input:focus {
border-color: #ffdb00;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul {
border-color: #ffdb00;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}
.easy-autocomplete.eac-yellow-light ul li, .easy-autocomplete.eac-yellow-light ul .eac-category {
border-color: #ffdb00;
}
.easy-autocomplete.eac-yellow-light ul li.selected, .easy-autocomplete.eac-yellow-light ul .eac-category.selected {
background-color: #ffe233;
}
.easy-autocomplete.eac-dark-light input:hover, .easy-autocomplete.eac-dark-light input:focus {
border-color: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul {
border-color: #333;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}
.easy-autocomplete.eac-dark-light ul li, .easy-autocomplete.eac-dark-light ul .eac-category {
border-color: #333;
}
.easy-autocomplete.eac-dark-light ul li.selected, .easy-autocomplete.eac-dark-light ul .eac-category.selected {
background-color: #4d4d4d;
color: #fff;
}
.easy-autocomplete.eac-dark {
color: #fff;
}
.easy-autocomplete.eac-dark input {
background-color: #404040;
border-radius: 4px;
box-shadow: 0;
color: #f6f6f6;
}
.easy-autocomplete.eac-dark input:hover, .easy-autocomplete.eac-dark input:focus {
border-color: #333;
box-shadow: 0;
}
.easy-autocomplete.eac-dark ul {
border-color: #333;
}
.easy-autocomplete.eac-dark ul li, .easy-autocomplete.eac-dark ul .eac-category {
background-color: #404040;
border-color: #333;
}
.easy-autocomplete.eac-dark ul li.selected, .easy-autocomplete.eac-dark ul .eac-category.selected {
background-color: #737373;
color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass {
color: #fff;
}
.easy-autocomplete.eac-dark-glass input {
background-color: rgba(0, 0, 0, 0.8);
border-radius: 4px;
box-shadow: 0;
color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass input:hover, .easy-autocomplete.eac-dark-glass input:focus {
border-color: rgba(0, 0, 0, 0.8);
box-shadow: 0;
}
.easy-autocomplete.eac-dark-glass ul {
border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li, .easy-autocomplete.eac-dark-glass ul .eac-category {
background-color: rgba(0, 0, 0, 0.8);
border-color: rgba(0, 0, 0, 0.8);
}
.easy-autocomplete.eac-dark-glass ul li.selected, .easy-autocomplete.eac-dark-glass ul .eac-category.selected {
background-color: rgba(64, 64, 64, 0.8);
color: #f6f6f6;
}
.easy-autocomplete.eac-dark-glass ul li:last-child, .easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
border-radius: 0 0 4px 4px;
}
.easy-autocomplete.eac-blue {
color: #fff;
}
.easy-autocomplete.eac-blue input {
background-color: #6d9ed1;
border-radius: 4px;
box-shadow: 0;
color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-moz-placeholder {
color: #f6f6f6;
}
.easy-autocomplete.eac-blue input::-moz-placeholder {
color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:-ms-input-placeholder {
color: #f6f6f6;
}
.easy-autocomplete.eac-blue input:hover, .easy-autocomplete.eac-blue input:focus {
border-color: #5A91CB;
box-shadow: 0;
}
.easy-autocomplete.eac-blue ul {
border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li, .easy-autocomplete.eac-blue ul .eac-category {
background-color: #6d9ed1;
border-color: #5A91CB;
}
.easy-autocomplete.eac-blue ul li.selected, .easy-autocomplete.eac-blue ul .eac-category.selected {
background-color: #94b8dd;
color: #f6f6f6;
}
.easy-autocomplete.eac-yellow {
color: #333;
}
.easy-autocomplete.eac-yellow input {
background-color: #ffdb7e;
border-color: #333;
border-radius: 4px;
box-shadow: 0;
color: #333;
}
.easy-autocomplete.eac-yellow input:hover, .easy-autocomplete.eac-yellow input:focus {
border-color: #333;
box-shadow: 0;
}
.easy-autocomplete.eac-yellow ul {
border-color: #333;
}
.easy-autocomplete.eac-yellow ul li, .easy-autocomplete.eac-yellow ul .eac-category {
background-color: #ffdb7e;
border-color: #333;
}
.easy-autocomplete.eac-yellow ul li.selected, .easy-autocomplete.eac-yellow ul .eac-category.selected {
background-color: #ffe9b1;
color: #333;
}
.easy-autocomplete.eac-purple {
color: #333;
}
.easy-autocomplete.eac-purple input {
background-color: #d6d1e7;
border-color: #b8afd5;
box-shadow: 0;
color: #333;
}
.easy-autocomplete.eac-purple input:hover, .easy-autocomplete.eac-purple input:focus {
border-color: #333;
box-shadow: 0;
}
.easy-autocomplete.eac-purple ul {
border-color: #333;
}
.easy-autocomplete.eac-purple ul li, .easy-autocomplete.eac-purple ul .eac-category {
background-color: #d6d1e7;
border-color: #333;
}
.easy-autocomplete.eac-purple ul li.selected, .easy-autocomplete.eac-purple ul .eac-category.selected {
background-color: #ebe8f3;
color: #333;
}
.easy-autocomplete.eac-bootstrap input {
border-color: #ccc;
border-radius: 4px;
border-style: solid;
border-width: 1px;
color: #555;
padding: 6px 12px;
}
.easy-autocomplete-container {
left: 0;
position: absolute;
width: 100%;
z-index: 2;
}
.easy-autocomplete-container ul {
background: none repeat scroll 0 0 #ffffff;
border-top: 1px dotted #ccc;
display: none;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
position: relative;
top: -1px;
}
.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
background: inherit;
border-color: #ccc;
border-image: none;
border-style: solid;
border-width: 0 1px;
display: block;
font-size: 14px;
font-weight: normal;
padding: 4px 12px;
}
.easy-autocomplete-container ul li:last-child {
border-radius: 0 0 2px 2px;
border-width: 0 1px 1px;
}
.easy-autocomplete-container ul li.selected {
background: none repeat scroll 0 0 #ebebeb;
cursor: pointer;
}
.easy-autocomplete-container ul li.selected div {
font-weight: normal;
}
.easy-autocomplete-container ul li div {
display: block;
font-weight: normal;
word-break: break-all;
}
.easy-autocomplete-container ul li b {
font-weight: bold;
}
.easy-autocomplete-container ul .eac-category {
font-color: #aaa;
font-style: italic;
}
.eac-description .eac-item span {
color: #aaa;
font-style: italic;
font-size: 0.9em;
}
.eac-icon-left .eac-item img {
margin-right: 4px;
max-height: 30px;
}
.eac-icon-right .eac-item {
margin-top: 8px;
min-height: 24px;
position: relative;
}
.eac-icon-right .eac-item img {
margin-left: 4px;
max-height: 30px;
position: absolute;
right: -4px;
top: -8px;
}
/*# sourceMappingURL=easy-autocomplete.css.map */
/*
* jquery.selectBoxIt.css 3.8.1
* Author: @gregfranko
*/
/*
Common CSS Properties
---------------------
These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
position: relative;
display: inline-block;
vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
font: 14px Helvetica, Arial;
/* Prevents text selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
outline: none;
white-space: nowrap;
}
/* Button */
.selectboxit-container .selectboxit {
width: 220px;
/* Width of the dropdown button */
cursor: pointer;
margin: 0;
padding: 0;
border-radius: 6px;
overflow: hidden;
display: block;
position: relative;
}
/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
height: 30px;
/* Height of the drop down */
line-height: 30px;
/* Vertically positions the drop down text */
display: block;
}
/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
outline: 0;
}
/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none;
cursor: default;
}
/* Button Text */
.selectboxit-text {
text-indent: 5px;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.selectboxit .selectboxit-option-icon-container {
margin-left: 5px;
}
/* Options List */
.selectboxit-container .selectboxit-options {
box-sizing: border-box;
min-width: 100%;
/* Minimum Width of the dropdown list box options */
*width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
z-index: 9999999999999;
border-radius: 6px;
text-align: left;
box-shadow: none;
}
/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
padding: 0 2px;
}
/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
text-decoration: none;
}
/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
text-indent: 5px;
/* Horizontal Positioning of the select box option text */
margin: 0;
list-style-type: none;
}
/* The first Drop Down option */
.selectboxit-option-first {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
/* The last Drop Down option */
.selectboxit-option-last {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
/* Positions the down arrow */
width: 30px;
position: absolute;
right: 0;
}
/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
/* Horizontally centers the down arrow */
margin: 0 auto;
position: absolute;
top: 50%;
right: 0;
left: 0;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
top: 30%;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
float: left;
}
.selectboxit-container .selectboxit-option-icon {
margin: 0;
padding: 0;
vertical-align: middle;
}
/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
width: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
height: 100%;
background-position: center;
float: left;
}
/* grafica statica ricevuta per #15073
.selectboxit-rendering {
display: inline-block !important;
*display: inline !important;
zoom: 1 !important;
visibility: visible !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
*/
/*
Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
background-color: #f5f5f5;
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
color: #333333;
background-color: #e6e6e6;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
}
.selectboxit-default-arrow {
width: 0;
height: 0;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.selectboxit-list {
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.selectboxit-list .selectboxit-option-anchor {
color: #333333;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
color: #ffffff;
background-color: #0081c2;
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
background-repeat: repeat-x;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
color: #999999;
}
/*!
* jQuery Accordion 0.0.1
* (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
* MIT Licensed.
*/
/* Requirements */
[data-accordion] [data-content] {overflow: hidden; max-height: 0;}
/* Basic Theme */
[data-accordion] {line-height: 22px;border-bottom:1px solid #ebebeb;}
[data-control],[data-content] > * {padding: 10px;}
[data-content] [data-accordion] {border: 0;padding: 0;}
[data-accordion] [data-control] {position: relative;padding-right: 40px;width:100%;max-width: 100%;text-align: left;z-index: 1;}
/*
* FancyBox
*/
@charset "UTF-8";
.fancybox-enabled {
overflow: hidden; }
.fancybox-enabled body {
overflow: visible;
height: 100%; }
.fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden; }
.fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99993;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
/* Make sure that the first one is on the top */
.fancybox-container ~ .fancybox-container {
z-index: 99992; }
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }
.fancybox-is-open .fancybox-bg {
opacity: 0.87;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
position: absolute;
direction: ltr;
z-index: 99997;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box; }
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s; }
.fancybox-infobar {
top: 0;
left: 50%;
margin-left: -79px; }
.fancybox-infobar__body {
display: inline-block;
width: 70px;
line-height: 44px;
font-size: 13px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-align: center;
color: #ddd;
background-color: rgba(30, 30, 30, 0.7);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: subpixel-antialiased; }
.fancybox-toolbar {
top: 0;
right: 0; }
.fancybox-stage {
overflow: hidden;
direction: ltr;
z-index: 99994;
-webkit-transform: translate3d(0, 0, 0); }
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.fancybox-slide::before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0; }
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
display: block; }
.fancybox-slide--image {
overflow: visible; }
.fancybox-slide--image::before {
display: none; }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000; }
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #E5E3DF; }
.fancybox-slide--next {
z-index: 99995; }
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box; }
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab; }
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing; }
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none; }
.fancybox-spaceball {
z-index: 1; }
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
overflow: visible;
background: #fff; }
.fancybox-iframe {
display: block;
margin: 0;
padding: 0;
border: 0;
width: 100%;
height: 100%;
background: #fff; }
.fancybox-error {
margin: 0;
padding: 40px;
width: 100%;
max-width: 380px;
background: #fff;
cursor: default; }
.fancybox-error p {
margin: 0;
padding: 0;
color: #444;
font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background: transparent;
z-index: 10;
cursor: pointer; }
.fancybox-close-small:after {
content: '×';
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
color: #888;
font-weight: 300;
text-align: center;
border-radius: 50%;
border-width: 0;
background: #fff;
transition: background .25s;
box-sizing: border-box;
z-index: 2; }
.fancybox-close-small:focus:after {
outline: 1px dotted #888; }
.fancybox-close-small:hover:after {
color: #555;
background: #eee; }
.fancybox-slide--iframe .fancybox-close-small {
top: 0;
right: -44px; }
.fancybox-slide--iframe .fancybox-close-small:after {
background: transparent;
font-size: 35px;
color: #aaa; }
.fancybox-slide--iframe .fancybox-close-small:hover:after {
color: #fff; }
/* Caption */
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 30px 0 30px;
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
pointer-events: none; }
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none; }
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all; }
.fancybox-caption a {
color: #fff;
text-decoration: underline; }
/* Buttons */
.fancybox-button {
display: inline-block;
position: relative;
margin: 0;
padding: 0;
border: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
background: transparent;
color: #ddd;
border-radius: 0;
cursor: pointer;
vertical-align: top;
outline: none; }
.fancybox-button[disabled] {
cursor: default;
pointer-events: none; }
.fancybox-infobar__body, .fancybox-button {
background: rgba(30, 30, 30, 0.6); }
.fancybox-button:hover:not([disabled]) {
color: #fff;
background: rgba(0, 0, 0, 0.8); }
.fancybox-button::before,
.fancybox-button::after {
content: '';
pointer-events: none;
position: absolute;
background-color: currentColor;
color: currentColor;
opacity: 0.9;
box-sizing: border-box;
display: inline-block; }
.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
opacity: 0.3; }
.fancybox-button--left::after,
.fancybox-button--right::after {
top: 18px;
width: 6px;
height: 6px;
background: transparent;
border-top: solid 2px currentColor;
border-right: solid 2px currentColor; }
.fancybox-button--left::after {
left: 20px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg); }
.fancybox-button--right::after {
right: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--left {
border-bottom-left-radius: 5px; }
.fancybox-button--right {
border-bottom-right-radius: 5px; }
.fancybox-button--close::before, .fancybox-button--close::after {
content: '';
display: inline-block;
position: absolute;
height: 2px;
width: 16px;
top: calc(50% - 1px);
left: calc(50% - 8px); }
.fancybox-button--close::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.fancybox-button--close::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
/* Navigation arrows */
.fancybox-arrow {
position: absolute;
top: 50%;
margin: -50px 0 0 0;
height: 100px;
width: 54px;
padding: 0;
border: 0;
outline: none;
background: none;
cursor: pointer;
z-index: 99995;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: opacity .25s; }
.fancybox-arrow::after {
content: '';
position: absolute;
top: 28px;
width: 44px;
height: 44px;
background-color: rgba(30, 30, 30, 0.8);
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
background-repeat: no-repeat;
background-position: center center;
background-size: 24px 24px; }
.fancybox-arrow--right {
right: 0; }
.fancybox-arrow--left {
left: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1); }
.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
left: 0; }
.fancybox-show-nav .fancybox-arrow {
opacity: 0.6; }
.fancybox-show-nav .fancybox-arrow[disabled] {
opacity: 0.3; }
/* Loading indicator */
.fancybox-loading {
border: 6px solid rgba(100, 100, 100, 0.4);
border-top: 6px solid rgba(255, 255, 255, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: fancybox-rotate .8s infinite linear;
animation: fancybox-rotate .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
z-index: 99999; }
@-webkit-keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fancybox-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
/* Transition effects */
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; }
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1; }
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
opacity: 0; }
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1; }
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 0; }
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1; }
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0; }
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
opacity: 1; }
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
.fancybox-infobar {
left: 0;
margin-left: 0; }
.fancybox-button--left,
.fancybox-button--right {
display: none !important; }
.fancybox-caption {
padding: 20px 0;
margin: 0; } }
/* Fullscreen */
.fancybox-button--fullscreen::before {
width: 15px;
height: 11px;
left: calc(50% - 7px);
top: calc(50% - 6px);
border: 2px solid;
background: none; }
/* Slideshow button */
.fancybox-button--play::before,
.fancybox-button--pause::before {
top: calc(50% - 6px);
left: calc(50% - 4px);
background: transparent; }
.fancybox-button--play::before {
width: 0;
height: 0;
border-top: 6px inset transparent;
border-bottom: 6px inset transparent;
border-left: 10px solid;
border-radius: 1px; }
.fancybox-button--pause::before {
width: 7px;
height: 11px;
border-style: solid;
border-width: 0 2px 0 2px; }
/* Thumbs */
.fancybox-thumbs {
display: none; }
.fancybox-button--thumbs {
display: none; }
@media all and (min-width: 800px) {
.fancybox-button--thumbs {
display: inline-block; }
.fancybox-button--thumbs span {
font-size: 23px; }
.fancybox-button--thumbs::before {
width: 3px;
height: 3px;
top: calc(50% - 2px);
left: calc(50% - 2px);
box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; }
.fancybox-thumbs {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
width: 220px;
margin: 0;
padding: 5px 5px 0 0;
background: #fff;
word-break: normal;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995; }
.fancybox-show-thumbs .fancybox-thumbs {
display: block; }
.fancybox-show-thumbs .fancybox-inner {
right: 220px; }
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
font-size: 0; }
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
max-width: 50%;
padding: 0;
margin: 0;
width: 105px;
height: 75px;
position: relative;
cursor: pointer;
outline: none;
border: 5px solid transparent;
border-top-width: 0;
border-right-width: 0;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box; }
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, 0.1); }
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fancybox-thumbs > ul > li:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 2px;
border: 4px solid #4ea7f9;
z-index: 99991;
opacity: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
opacity: 1; } }
/*h1,.h1 {
font-family:"UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
font-style:normal;
font-size:30px;
letter-spacing:-0.6px;
line-height:1.16667;
color:#222
}
@media screen and (min-width:768px) {
h1,.h1 {
font-size:60px;
letter-spacing:-1.2px;
line-height:1.08333
}
}
h2,.h2 {
font-family:"UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
font-style:normal;
font-size:30px;
letter-spacing:-0.6px;
line-height:1.16667;
color:#222
}
h2.text--page-subheading {
font-family: "UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 300;
margin: 50px 0;
}
.hub_header_inner h2.text--page-subheading {
font-size: 50px;
margin: 50px 0 50px 0;
}
@media screen and (min-width:768px) {
h2,.h2 {
font-size:50px;
letter-spacing:-1px;
line-height:1.1
}
h2.text--page-subheading {
margin: 0px !important;
padding: 0px 0px 15px !important;
}
}
@media screen and (min-width: 1024px){
h2.text--page-subheading {
margin: 30px 0 50px;
}
}
@media screen and (max-width: 767px){
.hub_header_inner h2.text--page-subheading {
font-size: 30px;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
}
h3,.h3 {
font-family:"UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
font-style:normal;
font-size:26px;
letter-spacing:-0.52px;
line-height:1.07692;
color:#222
}
@media screen and (min-width:768px) {
h3,.h3 {
font-size:40px;
letter-spacing:-0.8px;
line-height:1.125
}
}
h4,.h4,h5,h6 {
font-family:"UniversLight",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:300;
font-style:normal;
font-size:22px;
letter-spacing:-0.44px;
line-height:1.27273;
color:#222
}
@media screen and (min-width:768px) {
h4,.h4,h5,h6 {
font-size:30px;
letter-spacing:-0.6px;
line-height:1.16667
}
}
small,.small,small p,small .p,.small p,.small .p {
font-family:"Univers",Calibri,Myriad,Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:400;
font-style:normal;
font-size:12px;
letter-spacing:0;
line-height:1.66667;
color:#222
}
@media screen and (min-width:768px) {
small,.small,small p,small .p,.small p,.small .p {
font-size:15px;
letter-spacing:0;
line-height:1.66667
}
}
.icon-line-agency:before{content:"\e94b"}
.share-links_linkedin:before{display:block;font-family:'icomoon';content:"\e91e";font-style:normal;font-weight:normal}
a, a:hover {
text-decoration: none;
}*/
/*
fieldset {
border: none;
margin: 0;
padding: 0;
}
fieldset label {
font: normal 500 15px/1 "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0px;
color: #000000;
display: inline-block;
margin: 0;
}
@media screen and (min-width: 768px) {
fieldset label {
font-size: 18px;
letter-spacing: 0px;
}
}
input[type='checkbox'] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type='checkbox'] + label {
padding: 0 1.5em;
}
input[type='checkbox'] + label:before {
content: '';
display: block;
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.15);
height: 1em;
left: 0;
opacity: 0.4;
width: 1em;
}
input[type='checkbox'] + label:after {
content: '';
display: block;
position: absolute;
height: 1em;
left: 0;
top: 0;
width: 1em;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: all 0.3s ease;
visibility: hidden;
}
input[type='checkbox'] + label:after {
display: block;
font-family: 'icomoon';
content: "\e921";
font-style: normal;
font-weight: normal;
}
input[type='checkbox']:checked + label {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
input[type='checkbox']:checked + label:after {
visibility: visible;
opacity: 1;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}*/
/*
.link {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.link:hover {
text-decoration: underline;
}
.link.link-arrow:hover {
text-decoration: none;
}
.link-black {
color: #222222!important;
}
.btn-container {
padding: 15px 0;
text-align: center;
}
.btn-cta {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
transition: all 100ms linear;
display: inline-block;
min-width: 160px;
padding: 12px 33px 12px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
letter-spacing: 0.6px;
border-color: #000;
color: #000;
}
.btn-cta:hover, .btn-cta._hover, a:hover .btn-cta {
text-decoration: none;
}
.btn-cta:hover, a:hover .btn-cta {
color: #fff;
background-color: #000;
}
.btn-cta--clear {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
border-color: rgba(255,255,255,0.3);
color: #ffffff;
}
.btn-cta--clear:hover, .btn-cta--clear._hover,
a:hover .btn-cta--clear {
background-color: rgba(255, 255, 255, 0.2);
}
.btn-cta--pink {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 33px 12px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #ff0f64;
color: #ffffff;
background-color: #ff0f64;
}
.btn-cta--pink:hover, .btn-cta--pink._hover,
a:hover .btn-cta--pink {
text-decoration: none;
}
.btn-cta--pink:hover, .btn-cta--pink._hover,
a:hover .btn-cta--pink {
background-color: #000;
color: #fff;
border-color: #000;
}
@media screen and (min-width:768px) {
.btn-cta--clear {
border-color: rgba(255, 255, 255, 0.3);
}
}
.link.link-arrow-pink span.ico::after {
display: inline-block;
font-family: 'icomoon';
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
}
.eyebrow {
font-family: Georgia,Times,"Times New Roman",serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 2px;
line-height: 1.6;
color: #222;
font-weight: 700;
opacity: .4;
text-transform: uppercase;
}
@media screen and (min-width: 768px){
.eyebrow {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.33333;
}
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
*/
@font-face {
font-family: "UniversLight";
src: url("main/css/fonts/universLight.eot@");
src: url("main/css/fonts/universLight.eot@") format("eot"),
url("main/css/fonts/universLight.woff2.html") format("woff2"),
url("main/css/fonts/universLight.woff") format("woff"),
url("main/css/fonts/universLight.ttf") format("truetype"),
url("main/css/fonts/universLight.svg") format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Univers";
src: url("main/css/fonts/univers.eot@");
src: url("main/css/fonts/univers.eot@") format("eot"),
url("main/css/fonts/univers.woff2.html") format("woff2"),
url("main/css/fonts/univers.woff") format("woff"),
url("main/css/fonts/univers.ttf") format("truetype"),
url("main/css/fonts/univers.svg") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "UniversBold";
src: url("main/css/fonts/universBold.eot@");
src: url("main/css/fonts/universBold.eot@") format("eot"),
url("main/css/fonts/universBold.woff2.html") format("woff2"),
url("main/css/fonts/universBold.woff") format("woff"),
url("main/css/fonts/universBold.ttf") format("truetype"),
url("main/css/fonts/universBold.svg") format("svg");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "icomoon";
src: url("main/css/fonts/icomoon.eot@tqg1z2");
src: url("main/css/fonts/icomoon.eot@tqg1z2") format("embedded-opentype"),
url("main/css/fonts/icomoon.ttf@tqg1z2") format("truetype"),
url("main/css/fonts/icomoon.woff@tqg1z2") format("woff"),
url("main/css/fonts/icomoon.svg@tqg1z2") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "icomoon2";
src: url("main/css/fonts/icomoon2.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "fontello";
src: url("main/css/fonts/fontello.eot?74759842");
src: url("main/css/fonts/fontello.eot?74759842#iefix") format("embedded-opentype"),
url("main/css/fonts/fontello.woff2?74759842") format("woff2"),
url("main/css/fonts/fontello.woff?74759842") format("woff"),
url("main/css/fonts/fontello.ttf?74759842") format("truetype"),
url("main/css/fonts/fontello.svg?74759842#fontello") format("svg");
font-weight: normal;
font-style: normal;
}
/* +++ CLASSI GENERICHE +++ */
.latam-h1 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: #222;
}
@media screen and (min-width: 768px) {
.latam-h1 {
font-size: 60px;
letter-spacing: -1.2px;
line-height: 1.08333;
}
}
.latam-h2 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: #222;
}
.latam-h2.text--page-subheading {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
margin: 50px 0;
}
.hub_header_inner .latam-h2.text--page-subheading {
font-size: 50px;
margin: 50px 0 50px 0;
}
@media screen and (min-width: 768px) {
.latam-h2 {
font-size: 50px;
letter-spacing: -1px;
line-height: 1.1;
}
.latam-h2.text--page-subheading {
margin: 0 !important;
padding: 50px !important;
}
}
@media screen and (min-width: 1024px) {
.latam-h2.text--page-subheading {
margin: 30px 0 50px;
}
}
@media screen and (max-width: 767px) {
.hub_header_inner .latam-h2.text--page-subheading {
font-size: 30px;
margin-bottom: 0;
margin-top: 17;
padding: 30px;
}
}
.latam-h3 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 26px;
letter-spacing: -0.52px;
line-height: 1.07692;
color: #222;
}
@media screen and (min-width: 768px) {
.latam-h3 {
font-size: 40px;
letter-spacing: -0.8px;
line-height: 1.125;
}
}
.latam-h4,
.latam-h5,
.latam-h6 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 1.27273;
color: #222;
}
@media screen and (min-width: 768px) {
.latam-h4,
.latam-h5,
.latam-h6 {
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
}
}
.latam-a,
.latam-a:hover {
text-decoration: none;
}
.latam-link {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0.6px;
text-transform: uppercase;
}
.latam-link:hover {
text-decoration: underline;
}
.latam-link.latam-link-arrow:hover {
text-decoration: none;
}
.latam-link-black {
color: #222222 !important;
}
.latam-btn-container {
padding: 15px 0;
text-align: center;
}
.latam-btn-cta {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
transition: all 100ms linear;
display: inline-block;
min-width: 160px;
padding: 12px 33px 12px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
letter-spacing: 0.6px;
border-color: #000;
color: #000;
}
.latam-btn-cta:hover,
.latam-btn-cta._hover,
a:hover .latam-btn-cta {
text-decoration: none;
}
.latam-btn-cta:hover,
a:hover .latam-btn-cta {
color: #fff;
background-color: #000;
}
.latam-btn-cta--clear {
font: normal 700 12px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
border-color: rgba(255, 255, 255, 0.3);
color: #ffffff;
}
.latam-btn-cta--clear:hover,
.latam-btn-cta--clear._hover,
a:hover .latam-btn-cta--clear {
background-color: rgba(255, 255, 255, 0.2);
}
.latam-btn-cta--pink {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 33px 12px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #ff0f64;
color: #ffffff;
background-color: #ff0f64;
}
.latam-btn-cta--pink:hover,
.latam-btn-cta--pink._hover,
a:hover .latam-btn-cta--pink {
text-decoration: none;
}
.latam-btn-cta--pink:hover,
.latam-btn-cta--pink._hover,
a:hover .latam-btn-cta--pink {
background-color: #000;
color: #fff;
border-color: #000;
}
.latam-btn-cta--grey {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 33px 12px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #4a4a4a;
color: #4a4a4a;
background-color: #fafafa;
}
.latam-btn-cta--grey:hover,
.latam-btn-cta--grey._hover,
a:hover .latam-btn-cta--grey {
text-decoration: none;
}
.latam-btn-cta--grey:hover,
.latam-btn-cta--grey._hover,
a:hover .latam-btn-cta--grey {
background-color: #4a4a4a;
color: #fff;
border-color: #4a4a4a;
}
.latam-btn-cta--white {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
line-height: 1.33333;
min-width: 160px;
padding: 12px 33px 13px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #fff;
color: #ff0f64;
background-color: #fff;
}
.latam-btn-cta--white:hover,
.latam-btn-cta--white._hover,
a:hover .latam-btn-cta--white {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
@media screen and (min-width: 768px) {
.latam-btn-cta--clear {
border-color: rgba(255, 255, 255, 0.3);
}
}
.latam-link.latam-link-arrow-pink span.ico::after {
display: inline-block;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
}
.btn-prev span:before {
display: block;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.latam-eyebrow {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 2px;
line-height: 1.6;
color: #222;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.latam-eyebrow {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.33333;
}
}
.subscribe-panel__form input[type="email"] {
background-color: #ffffff;
}
/* +++ FINE CLASSI GENERICHE +++ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.desktop-visible {
display: none;
}
@media screen and (min-width: 1280px) {
.desktop-hidden {
display: none;
}
}
.share-links_linkedin:before {
display: block;
font-family: "icomoon";
content: "\e91e";
font-style: normal;
font-weight: normal;
}
.icon-line-agency:before {
content: "\e94c";
}
/* trasferito su bundle.css
.icon-upload:before {
content: "\e94b"
}
*/
.icon-notification:before {
content: "\e948";
}
.icon-help-circle:before {
content: "\e94e";
}
.fancybox-slide--iframe .fancybox-content {
width: 800px;
height: 600px;
max-width: 80%;
max-height: 80%;
margin: 0;
}
/* SELECT */
.selectboxit-container {
display: block;
max-width: 100%;
}
.selectboxit-container * {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0px;
line-height: 1;
}
.selectboxit-container .selectboxit-options {
box-sizing: border-box;
min-width: 100%;
*width: 100%;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
overflow-x: hidden;
overflow-y: auto;
cursor: pointer;
display: none;
z-index: 9999999999999;
border-radius: 6px;
text-align: left;
box-shadow: none;
}
.selectboxit-container .selectboxit-options * {
border-radius: 0;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
height: auto;
line-height: inherit;
max-width: none !important;
}
.selectboxit-container .selectboxit {
border: 2px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
width: 100%;
}
.selectboxit-container .selectboxit-btn {
background: transparent;
color: #000000;
padding: 12px 40px 12px 18px;
}
.selectboxit-container .selectboxit-btn.version-a,
.selectboxit-container .selectboxit-btn.version-b {
min-height: 45px;
}
.selectboxit-option .selectboxit-option-anchor {
padding: 0 2px;
}
.selectboxit-option .selectboxit-option-anchor:hover {
text-decoration: none;
}
.selectboxit-option,
.selectboxit-optgroup-header {
text-indent: 5px;
margin: 0;
list-style-type: none;
}
.selectboxit-option-first {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.selectboxit-optgroup-header + .selectboxit-option-first {
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}
.selectboxit-option-last {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
.selectboxit-optgroup-header {
font-weight: bold;
}
.selectboxit-optgroup-header:hover {
cursor: default;
}
/* Drop Down down arrow container */
.selectboxit-arrow-container {
width: 30px;
position: absolute;
right: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
margin: 0 auto;
position: absolute;
top: 50%;
right: 0;
left: 0;
}
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
top: 30%;
}
.selectboxit-option-icon-container {
float: left;
}
.selectboxit-container .selectboxit-option-icon {
margin: 0;
padding: 0;
vertical-align: middle;
}
.selectboxit-option-icon-url {
width: 18px;
background-size: 18px 18px;
background-repeat: no-repeat;
height: 100%;
background-position: center;
float: left;
}
/* grafica statica ricevuta per #15073
.selectboxit-rendering {
display: inline-block !important;
*display: inline !important;
zoom: 1 !important;
visibility: visible !important;
position: absolute !important;
top: -9999px !important;
left: -9999px !important;
}
*/
.selectboxit-container .selectboxit-btn .selectboxit-text {
text-indent: 0;
float: none;
margin-right: 0;
}
.selectboxit-container .selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-container .selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-container .selectboxit-btn.selectboxit-enabled:active {
color: inherit;
background-color: inherit;
}
.selectboxit-container .selectboxit-btn.selectboxit-focus {
border: 2px solid #000000;
}
.selectboxit-container .selectboxit-btn:after {
display: block;
position: absolute;
border: none;
height: 1em;
right: 20px;
top: 50%;
width: 1em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-family: "icomoon";
content: "\e907";
font-size: 16px;
}
.selectboxit-list .selectboxit-option-anchor {
color: #333;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
color: #fff;
background-color: #0081c2;
background-image: linear-gradient(to bottom, #08c, #0077b3);
background-repeat: repeat-x;
}
.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
color: #999;
}
.selectboxit-container .selectboxit-option-icon-container,
.selectboxit-container .selectboxit-arrow-container {
display: none;
}
.selectboxit-container
.selectboxit-options
.selectboxit-option
.selectboxit-option-anchor {
padding: 10px 10px 8px;
}
.selectboxit-container .selectboxit-list {
background: #ffffff;
border: 1px solid #cecece;
border-top: 2px solid #cecece;
border-radius: 0;
}
.selectboxit-container
.selectboxit-list
> .selectboxit-focus
> .selectboxit-option-anchor {
color: #000000;
background: #f4f4f4;
}
.selectboxit-container .selectboxit-btn.selectboxit-open:after {
content: "\e908";
}
@media screen and (min-width: 768px) {
.selectboxit-container * {
font-size: 18px;
letter-spacing: 0px;
line-height: 1;
}
.selectboxit-container .selectboxit-btn {
padding: 14px;
}
.selectboxit-container
.selectboxit-options
.selectboxit-option
.selectboxit-option-anchor {
padding: 14px;
}
}
@media screen and (max-width: 768px) {
.selectboxit-container .selectboxit-option {
border-bottom: 1px solid #ebebeb;
}
.selectboxit-container
.selectboxit-options
.selectboxit-option
.selectboxit-option-anchor {
padding: 15px 10px;
color: #000;
}
.selectboxit-container
.selectboxit-list
> .selectboxit-focus
> .selectboxit-option-anchor {
color: #000;
background: #f4f4f4;
}
.selectboxit-container .selectboxit-list {
border: 0;
}
}
.bg-blue {
background-color: #0555fa;
}
.bg-blue2 {
background-color: #1787fb;
}
.bg-lightBlue {
background-color: #52b1e2;
}
.bg-darkBlue {
background-color: #1542ac;
}
.bg-orange {
background-color: #ff5a0f;
}
.bg-green {
background-color: #55be5a;
}
.bg-gray {
background-color: #f7f7f7;
}
.bg-gray02 {
background-color: #efefef;
}
.bg-white {
background-color: #ffffff;
}
.bg-pink {
background-color: #ff0f64;
}
.bg-red {
background-color: #e61400;
}
.bg-sky {
background-color: #41b9e6;
}
.bg-forest {
background-color: #0f955a;
}
.bg-lightgray {
background-color: #f7f7f7;
}
@media screen and (min-width: 1024px) {
.link-group-column.column-icon:before {
font-family: "icomoon";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 0;
top: -20px;
font-size: 50px;
}
}
@media screen and (min-width: 1024px) {
.link-group-column.column-icon.setting:before {
content: "\e946";
position: inherit;
top: -35px;
}
}
@media screen and (min-width: 1024px) {
.link-group-column.column-icon.mail:before {
content: "\e933";
position: inherit;
top: -35px;
}
}
@media screen and (min-width: 1024px) {
.link-group-column.column-icon.doc:before {
content: "\e92c";
position: inherit;
top: -35px;
}
}
.link-group {
padding: 70px 0 35px;
color: #fff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
overflow: hidden;
}
.link-group-content li a {
font-size: 15px;
letter-spacing: 0.44px;
line-height: 1.63636;
}
.link-group-content li a:hover {
text-decoration: none;
}
.link-group-content li a:after {
font-size: 12px;
display: inline-block;
margin-left: 10px;
font-style: normal;
font-weight: normal;
opacity: 0.5;
font-family: "icomoon";
content: "\e905";
}
.link-group-content li a:hover:after {
opacity: 1;
}
.link-group-title {
color: #fff;
text-align: center;
}
.link-group-content {
padding: 30px 0 0;
}
.link-group-content .eyebrow {
color: #fff;
opacity: 0.8;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.link-group {
padding: 70px 0 120px;
}
.link-group .link-group-content {
padding-top: 100px;
}
.link-group .link-group-content li {
padding-bottom: 3px;
}
.link-group .link-group-content li a {
font-size: 22px;
}
.link-group .link-group-content .link-group-column {
width: 33.3%;
float: left;
padding-right: 20px;
vertical-align: top;
}
.home-footer .help-tabs {
padding: 80px 0 112px;
}
}
@media screen and (max-width: 767px) {
.link-group .link-group-content .link-group-column {
margin-bottom: 0;
}
.link-group .link-group-content li {
padding-bottom: 10px;
padding: 5px 0 5px 0;
}
.link-group-content .eyebrow {
display: none;
}
}
section.e-glossary {
display: -ms-flexbox;
display: flex;
align-items: stretch;
}
.e-glossary .sidebar {
min-width: 37.5%;
max-width: 37.5%;
color: #fff;
background-color: #52b1e2;
text-align: right;
padding: 65px 0 65px 0;
}
.e-glossary .sidebar.gradient {
background: rgba(6, 83, 250, 1);
background: -moz-linear-gradient(
-45deg,
rgba(6, 83, 250, 1) 0%,
rgba(61, 177, 231, 1) 100%
);
background: -webkit-gradient(
left top,
right bottom,
color-stop(0%, rgba(6, 83, 250, 1)),
color-stop(100%, rgba(61, 177, 231, 1))
);
background: -webkit-linear-gradient(
-45deg,
rgba(6, 83, 250, 1) 0%,
rgba(61, 177, 231, 1) 100%
);
background: -o-linear-gradient(
-45deg,
rgba(6, 83, 250, 1) 0%,
rgba(61, 177, 231, 1) 100%
);
background: -ms-linear-gradient(
-45deg,
rgba(6, 83, 250, 1) 0%,
rgba(61, 177, 231, 1) 100%
);
background: linear-gradient(
135deg,
rgba(6, 83, 250, 1) 0%,
rgba(61, 177, 231, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0653fa', endColorstr='#3db1e7', GradientType=1 );
}
.e-glossary .sidebar li {
padding: 0 70px 0 30px;
}
.e-glossary .sidebar li.active {
background: #fff !important;
background-color: #5fb9e4 !important;
color: #fff !important;
}
.e-glossary .sidebar.gradient li.active {
background: #fff !important;
color: #286dfb !important;
}
.e-glossary .sidebar h1 {
font-size: 10px;
font-weight: 700;
letter-spacing: 1.8px;
line-height: 1.33333;
font-family: Georgia, Times, "Times New Roman", serif;
color: #fff;
margin-bottom: 40px;
opacity: 0.8;
padding: 0 70px 0 30px;
}
.e-glossary .sidebar a {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 1.27273;
padding: 20px 0;
display: block;
}
.e-glossary .sidebar a:hover {
text-decoration: none;
}
.e-glossary .content {
padding: 60px 0;
}
.e-glossary .content .rich-text {
margin-bottom: 40px;
}
.e-glossary .content p {
font-size: 18px;
}
.e-glossary-button {
margin: 30px 70px;
}
@media screen and (max-width: 1023px) {
section.e-glossary {
display: block;
}
.e-glossary .sidebar {
max-width: none;
min-width: none;
}
.e-glossary .content-box {
display: none;
}
.e-glossary .sidebar {
text-align: left;
padding-top: 40px;
}
.e-glossary .sidebar h1 {
margin-bottom: 20px;
padding: 0 20px 0 20px;
}
.e-glossary .sidebar li {
padding: 0 20px 0 20px;
}
.e-glossary .content {
padding-top: 10px;
padding-bottom: 10px;
}
.e-glossary .rich-text {
padding: 0;
margin: 0;
}
.e-glossary .sidebar p {
font-size: 24px;
color: #ffffff;
}
.e-glossary .sidebar.gradient p {
color: #000;
}
.e-glossary .sidebar h3 {
font-size: 28px;
color: #000;
}
.e-glossary .sidebar.gradient h3 {
color: #000;
}
.e-glossary .sidebar li a.sidebar-menu {
font-size: 24px;
border-bottom: 1px solid rgb(65, 185, 230);
}
.e-glossary .sidebar.gradient li a.sidebar-menu {
/*border-bottom: 1px solid #286DFB;*/
}
.e-glossary .sidebar li a {
font-size: 18px;
color: #fff;
}
.e-glossary .sidebar li.active .content {
color: #ffffff;
}
.e-glossary .sidebar li.active a {
/*color: #41b9e6;*/
}
.e-glossary .sidebar.gradient li.active a {
color: #286dfb;
}
.e-glossary .sidebar li a.sidebar-menu:after,
.e-glossary .sidebar li a.sidebar-menu:before {
display: block;
content: " ";
right: 25px;
position: absolute;
background-color: #ffffff;
}
.e-glossary .sidebar li.active .content h2 {
display: none;
}
.e-glossary .sidebar li a.sidebar-menu.active:after {
background-color: #ffffff;
}
.e-glossary .sidebar li a.sidebar-menu:after {
width: 18px;
height: 3px;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 14px;
}
.e-glossary .sidebar li a.sidebar-menu:before {
width: 3px;
height: 18px;
right: 7px;
top: 50%;
margin-top: -9px;
}
.e-glossary .sidebar li a.sidebar-menu.active:before {
display: none;
}
.e-glossary-button {
margin: 30px 0 0 20px;
}
}
@media screen and (max-width: 767px) {
.e-glossary .sidebar p {
font-size: 18px;
}
.e-glossary .sidebar h3 {
font-size: 20px;
}
.e-glossary .sidebar li a.sidebar-menu {
font-size: 18px;
}
.e-glossary .sidebar li.active {
background: #fff !important;
background-color: #fff !important;
color: #fff !important;
}
}
@media screen and (min-width: 768px) {
.e-glossary .sidebar h1 {
font-size: 12px;
}
.icone-sotto-hero .swiper-wrapper {
justify-content: center;
}
}
@media screen and (min-width: 1024px) {
.e-glossary .sidebar a {
font-size: 24px;
}
}
.icone-sotto-hero {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
}
.icone-sotto-hero.carousel {
padding: 60px 0 30px 0;
}
.icone-sotto-hero .three-col-carousel__header {
text-align: center;
margin: 25px 15px;
}
.icone-sotto-hero .container {
padding: 0;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
}
.icone-sotto-hero .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
padding-bottom: 10px;
}
.icone-sotto-hero .swiper-wrapper {
position: relative;
transition-property: transform;
box-sizing: content-box;
display: -ms-flexbox;
display: flex;
/* justify-content: center;*/
}
.icone-sotto-hero .swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
text-align: center;
padding: 0px 15px;
text-align: center;
box-sizing: border-box;
}
.eyebrow {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 2px;
line-height: 1.6;
color: #222222;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.eyebrow {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.33333;
}
}
.icone-sotto-hero p {
margin-bottom: 30px;
color: #222;
}
.icone-sotto-hero h3 {
font-size: 22px;
margin-bottom: 20px;
}
.icone-sotto-hero .swiper-slide .link {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
text-transform: uppercase;
display: inline-block;
padding: 17px 10px 17px;
}
.icone-sotto-hero .latam-link {
margin-top: 20px;
display: inline-block;
}
.swiper-pagination-bullets {
text-align: center;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
.swiper-pagination-bullet-active {
background: #ff0f64;
opacity: 1;
}
.icone-sotto-hero-btn {
text-align: center;
margin: 15px;
}
@media screen and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
.icone-sotto-hero .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 0px !important;
left: 0 !important;
width: 100% !important;
}
.icone-sotto-hero-btn .btn-cta--pink {
width: 100%;
}
.icone-sotto-hero.no-swiper .swiper-wrapper {
display: block;
}
.icone-sotto-hero.no-swiper .swiper-slide {
margin-top: 60px;
}
.icone-sotto-hero.no-swiper p {
margin-bottom: 5px;
}
}
@media screen and (min-width: 768px) {
.icone-sotto-hero {
font-size: 18px;
}
.icone-sotto-hero .swiper-slide {
flex: 0 0 33.333%;
max-width: 33.333%;
}
.icone-sotto-hero .three-col-carousel__header {
margin: 50px 15px 75px;
}
.icone-sotto-hero .swiper-slide {
padding: 0px 25px;
}
.icone-sotto-hero h3 {
font-size: 30px;
min-height: 66px;
}
.swiper-pagination-bullets {
display: none;
}
}
@media screen and (min-width: 1024px) {
.icone-sotto-hero .swiper-slide {
padding: 0px 60px;
}
}
.icone-sotto-hero.no-title .three-col-carousel__header {
display: none;
}
.icone-sotto-hero.no-cta .icone-sotto-hero-btn {
display: none;
}
.icone-sotto-hero.bg-orange p,
.icone-sotto-hero.bg-orange .latam-h3,
.icone-sotto-hero.bg-orange .latam-h2,
.icone-sotto-hero.bg-green p,
.icone-sotto-hero.bg-green .latam-h3,
.icone-sotto-hero.bg-green .latam-h2,
.icone-sotto-hero.bg-blue p,
.icone-sotto-hero.bg-blue .latam-h3,
.icone-sotto-hero.bg-blue .latam-h2,
.icone-sotto-hero.bg-darkBlue p,
.icone-sotto-hero.bg-darkBlue .latam-h3,
.icone-sotto-hero.bg-darkBlue .latam-h2,
.icone-sotto-hero.bg-pink p,
.icone-sotto-hero.bg-pink .latam-h3,
.icone-sotto-hero.bg-pink .latam-h2,
.icone-sotto-hero.bg-red p,
.icone-sotto-hero.bg-red .latam-h3,
.icone-sotto-hero.bg-red .latam-h2,
.icone-sotto-hero.bg-forest p,
.icone-sotto-hero.bg-forest .latam-h3,
.icone-sotto-hero.bg-forest .latam-h2,
.icone-sotto-hero.bg-sky p,
.icone-sotto-hero.bg-sky .latam-h3,
.icone-sotto-hero.bg-sky .latam-h2,
.icone-sotto-hero.bg-lightBlue p,
.icone-sotto-hero.bg-lightBlue .latam-h3,
.icone-sotto-hero.bg-lightBlue .latam-h2 {
color: white;
}
.home-group .swiper-wrapper {
margin-bottom: 20px;
text-align: center;
}
.home-group .swiper-pagination-bullets {
width: 100% !important;
}
.home-group .swiper-pagination-bullets .swiper-pagination-bullet-active {
opacity: 1;
background-color: #fd0354;
}
.home-group .hub_header:after {
display: none;
}
.home-group.enel-futuro {
background: white;
text-align: center;
}
.home-group.enel-futuro.related-content {
background: white;
text-align: center;
max-width: none;
}
.home-group.enel-futuro .related-content-card {
margin-bottom: 0;
}
.home-group .hub_group {
padding: 0;
}
.related-content-card_img {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.home-group .related-content-card_wrap {
padding-top: 50% !important;
}
.home-group .related-content_card-wrap {
max-width: none;
justify-content: space-around;
}
.home-group .related-content-card_color {
height: 10px;
}
.home-group
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 5px;
}
.home-group.ultime-notizie .hub_inner {
display: none !important;
}
@media screen and (min-width: 1024px) {
.home-group.enel-futuro .hub_inner_mobile {
display: none !important;
}
.home-group.enel-futuro .related-content-card {
width: 33%;
}
}
@media screen and (max-width: 1023px) {
.home-group.enel-futuro .hub_inner {
display: none !important;
}
.home-group.enel-futuro .swiper-pagination-bullets {
display: block;
}
.related-content_inner {
padding: 30px 17px;
}
.home-group.ultime-notizie.related-content_inner {
padding: 60px 0;
}
}
@media screen and (min-width: 1024px) {
.home-group.enel-futuro .hub_inner_mobile {
display: none !important;
}
.related-content_inner {
padding: 50px 20px 10px 20px;
}
.home-group.ultime-notizie.related-content_inner {
padding: 50px 20px 20px 20px;
}
}
@media screen and (max-width: 1024px) {
.related-content-card_color {
display: none;
}
}
.home-group.ultime-notizie .swiper-pagination-bullets {
display: block;
}
.home-group.ultime-notizie
.swiper-pagination-bullets
.swiper-pagination-bullet {
width: 8px;
height: 8px;
margin: 0 7px;
}
.home-group.ultime-notizie
.swiper-pagination-bullets
.swiper-pagination-bullet-active {
background-color: #0079ff;
}
.home-group.ultime-notizie .tile--small {
width: 398px;
}
.home-group.ultime-notizie .tile_content-wrapper {
padding: 20px 40px 30px;
}
.home-group.ultime-notizie .tile_image-wrapper {
background-size: 100% 100% !important;
}
.home-group.ultime-notizie .tile:hover .tile_inner:after {
display: none;
}
.home-group.ultime-notizie .tile:hover .tile_content-wrapper {
bottom: 0;
}
@media screen and (min-width: 768px) {
.home-group.ultime-notizie .tile_topic {
margin-bottom: 13px;
}
}
@media screen and (min-width: 1024px) {
.home-group.ultime-notizie .tile_inner {
min-height: 400px;
}
.home-group.ultime-notizie .tile_image-wrapper {
height: 171px;
padding-bottom: 0px;
background-size: cover !important;
background-position: center center;
}
}
@media screen and (max-width: 1024px) {
.home-group.ultime-notizie .tile_content-wrapper {
position: relative;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.home-group.ultime-notizie a.tile {
margin: 0 0 20px 0;
/*width: 100% !important;*/ /*Changed by us*/
}
.home-group.ultime-notizie .tile_inner {
padding: 0;
height: 340px;
overflow: hidden;
}
.home-group.ultime-notizie .tile_image-wrapper {
height: 42.5%;
padding-bottom: 0px;
background-size: cover !important;
background-position: center center;
}
}
@media screen and (max-width: 768px) {
.home-group.ultime-notizie .tile_topic {
margin-bottom: 15px;
}
}
/*** 08 - Per la tua impresa - START ***/
#carousel-home.group-wrapper {
padding: 20px 0;
}
#carousel-home .hub_group .hubgroup-items-section {
display: none;
}
#carousel-home .tile_inner {
text-align: left;
}
#carousel-home .products .hub_group {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#carousel-home .link.link-arrow {
color: #ff0f64;
position: relative;
}
#carousel-home .text--tile-heading {
margin-bottom: 20px;
}
#carousel-home .remove-blue .tile_inner:after,
#carousel-home .wrapper-section .remove-blue .tile_inner:after {
transition: none !important;
display: none !important;
}
#carousel-home.per-la-tua-impresa,
#carousel-home.per-la-tua-impresa .hub {
background: #fff !important;
}
#carousel-home .hub_inner_mobile {
display: block;
padding: 0 17px;
}
#carousel-home .swiper-pagination-bullets {
display: block;
}
#carousel-home .remove-blue .tile_content-wrapper,
#carousel-home .wrapper-section .remove-blue .tile_content-wrapper {
transition: none;
position: relative;
padding: 35px 0 0 0;
min-height: 0;
}
#carousel-home .remove-blue .tile--small .tile_inner,
#carousel-home .wrapper-section .remove-blue .tile--small .tile_inner {
padding-bottom: 120%;
}
#carousel-home .tile_image-wrapper {
height: 233px;
padding-bottom: 0px;
}
#carousel-home .tile_inner {
padding-bottom: 0px;
height: auto;
}
#carousel-home a.tile:hover .tile_content-wrapper {
bottom: 0;
}
#carousel-home .hub_inner.hubgroup-items-section > .module-content.parbase {
vertical-align: top;
}
#carousel-home .hub_header_inner {
margin: 0 auto 30px auto !important;
}
#carousel-home .icon-external::before {
content: "";
}
#carousel-home .icon-external::after {
font-family: icomoon;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* removed rule for tt#7674*/
#carousel-home .icon-external::after {
content: "\e91c";
padding-left: 15px;
color: #ff0f64;
}
@media screen and (min-width: 768px) {
#carousel-home .text--tile-heading {
font-size: 22px;
line-height: 26px;
}
#carousel-home.group-wrapper {
padding: 40px 0;
}
#carousel-home
.products
.hub_inner_mobile
.swiper-container
.swiper-wrapper
.swiper-slide
.tile--small
.tile_inner
.text--tile-heading {
margin-bottom: 30px;
}
#carousel-home .module-content.parbase {
display: block;
}
#carousel-home .remove-blue .tile_content-wrapper {
min-height: 101px;
}
#carousel-home
.products
.hub_inner_mobile
.swiper-container
.swiper-wrapper
.swiper-slide
.tile--small {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#carousel-home .hub_header_inner h2.text--page-subheading {
padding: 0 !important;
}
#carousel-home .hub_header_inner {
margin: 0 auto 45px auto !important;
}
}
@media screen and (min-width: 1024px) {
#carousel-home
.products
.hub_inner.hubgroup-items-section
> .module-content.parbase {
width: 33.33%;
text-align: center;
}
#carousel-home .products .hub_inner .module-content .tile {
width: calc(100% - 24px);
margin-left: 0;
margin-right: 0;
}
#carousel-home .link.link-arrow {
bottom: 0;
}
#carousel-home .remove-blue .tile_content-wrapper,
#carousel-home .wrapper-section .remove-blue .tile_content-wrapper {
min-height: 127px;
}
#carousel-home .tile_image-wrapper {
height: 216px;
}
#carousel-home .tile--small {
width: 291px;
}
#carousel-home .hub_group .hubgroup-items-section {
margin: 0 auto;
max-width: 1374px;
}
}
@media screen and (min-width: 1264px) {
#carousel-home .hub_inner_mobile {
display: none !important;
}
#carousel-home .hub_group .hubgroup-items-section {
display: block;
}
#carousel-home .module-content.parbase {
display: inline-block;
}
}
/*** 08 - Per la tua impresa - END ***/
/*** 11 - Domande frequenti - START ***/
.questions-wrapper .btn-container {
padding: 45px 0;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.questions-wrapper .btn-container {
padding: 58px 0;
}
}
/*** 11 - Domande frequenti - END ***/
/*** 12 - Tutte le faq - START ***/
.hub_header {
margin-top: 0;
}
.filter-section {
background-color: #f7f7f7;
}
.filter-section .container {
max-width: 1160px;
padding: 0 25px;
}
.filter-content {
position: relative;
}
.filter-content-inner {
padding-top: 35px;
padding-bottom: 33px;
font-size: 0;
}
.filter-content-inner .filter-link {
float: left;
display: inline-block;
}
.filter-content .orderby label,
.filter-content .orderby .custom-select-container,
.filter-content .orderby select,
.filter-content .orderby .custom-select span {
font-weight: normal;
font-size: 12px;
color: #111111;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.filter-content .orderby {
display: inline-block;
float: right;
}
.filter-content .orderby label,
.filter-content .orderby .custom-select-container {
display: inline-block;
vertical-align: top;
text-align: left;
}
.filter-content .orderby label {
margin: 0;
vertical-align: middle;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.filter-content .selectboxit-container {
display: inline-block;
vertical-align: middle;
}
.filter-content .selectboxit-container .selectboxit-btn {
border: none;
padding-right: 20px;
}
.filter-content .selectboxit-container .selectboxit-btn::after {
right: 0;
}
.filter-content .selectboxit-container .selectboxit-btn .selectboxit-text {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
}
.filter-content .selectboxit-container .selectboxit-options.selectboxit-list {
top: auto !important;
min-width: 100%;
}
.filter-content .selectboxit-container .selectboxit-options.selectboxit-list a {
padding: 10px;
}
.filter-content .selectboxit-container .selectboxit-container .selectboxit-btn {
padding-left: 10px;
}
.filter-content .selectboxit-container .selectboxit-btn::after {
top: 20px;
font-size: 12px;
}
.filter-content .selectboxit-container .selectboxit-list {
box-shadow: 4px 4px 45px -6px #000;
top: 71px !important;
border-top: none;
min-width: calc(100% + 100px);
}
.filters {
border-top: 2px solid #e7e7e7;
padding-top: 55px;
padding-bottom: 45px;
display: none;
}
.filters fieldset {
border: none;
padding: 0;
margin: 0;
display: inline-block;
font-size: 16px;
vertical-align: top;
}
.filters h5 {
font-size: 12px;
color: #111111;
margin-bottom: 30px;
border: 0;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1.8px;
}
.filters fieldset span {
color: #aaa;
font-size: 12px;
}
.filters fieldset ul {
display: inline-block;
vertical-align: top;
}
.filters fieldset ul li {
margin-bottom: 16px;
position: relative;
letter-spacing: -0.5px;
}
.filters fieldset label {
cursor: pointer;
line-height: 20px;
font-weight: normal;
color: #111111;
font-size: 16px;
vertical-align: middle;
}
.filters input[type="checkbox"] + label:after {
font-size: 20px;
}
.filters fieldset input[type="checkbox"] + label:before {
content: "";
border: 2px solid #e5e5e5;
width: 21px;
height: 20px;
display: inline-block;
vertical-align: middle;
margin-right: 18px;
outline: 0px !important;
background-color: #fff;
opacity: 1;
}
.filters fieldset input[type="checkbox"]:focus + label:before {
outline: 2px solid rgb(77, 144, 254);
}
.filter-content .selectboxit-container .selectboxit-list {
box-shadow: 4px 4px 45px -6px #000;
}
.filter-content .selectboxit-container .selectboxit-option {
border-bottom: none;
}
@media (min-width: 768px) {
.filter-content-inner {
padding-top: 31px;
}
.filter-content-inner .filter-link a span {
display: none;
}
.filter-container .search-section {
font-size: 0;
}
.filters fieldset {
width: 30%;
}
.filters fieldset ul {
min-width: 45.45%;
}
.filter-selection-section .filter-item {
padding: 28px 25px;
}
.popup-header {
padding: 25px;
}
.popup-header .btn-section:first-child a {
font-size: 24px;
}
.popup-header a {
font-size: 13px;
}
.popup-footer .btn-section {
margin: 40px 0;
}
.popup-footer .btn-section a {
font-size: 13px;
}
.popup-footer .btn-section a {
min-width: 200px;
padding: 15px 41px;
}
}
@media screen and (max-width: 1023px) {
#main.popup-open .desktop-hide {
display: block;
transform: translate(0, 0);
position: fixed;
width: 100%;
top: 0;
z-index: 11;
transition: all 0.3s ease-in-out;
background: #fff;
box-shadow: 2px 3px 10px #ccc;
}
#main .desktop-hide {
transform: translate(0, -100%);
}
#main.popup-open {
z-index: 9999;
}
.popup-header a {
border: none;
color: #ff1065;
font-size: 12px;
text-decoration: none;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px;
}
.popup-header .btn-section:first-child a {
color: #000;
text-align: right;
}
.popup-header .btn-section a span {
color: #d3d3d3;
}
.popup-footer .btn-section,
.popup-header .btn-section {
display: inline-block;
}
.popup-footer {
float: right;
}
.popup-header .btn-section.cancel-button {
float: right;
}
.popup-footer .btn-section {
float: left;
padding-right: 20px;
}
.popup-footer .btn-section:last-child a {
border: 2px solid #ff1065;
background-color: #ff1065;
color: #fff;
}
.filter-selection-section .filter-item {
border-bottom: 1px solid #ebebeb;
}
.popup-header {
border-bottom: 1px solid #ebebeb;
}
.filter-selection-section .filter-item.active {
background-color: #f7f7f7;
}
.filter-item label {
margin-bottom: 20px;
}
.filter-item label:last-child {
margin-bottom: 0px;
}
#main.popup-open .desktop-hide {
bottom: 0;
overflow-y: auto;
}
.popup-open .filters {
padding: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #fff;
z-index: 9999;
bottom: 0;
overflow-y: auto;
}
.filters fieldse {
display: block;
}
.filters .popup-footer {
text-align: right;
margin: 0;
padding: 15px 0;
}
.filters .container-fluid {
padding: 55px 25px 45px;
border-bottom: 1px solid #ebebeb;
}
.filters fieldset label {
font-size: 18px;
padding-left: 40px;
}
.filters fieldset {
width: 100%;
}
.filters fieldset ul li {
margin-bottom: 20px;
}
.filters .popup-footer .btn-section {
margin: 20px 0;
}
}
@media (min-width: 1024px) {
.filter-content-inner {
padding-top: 35px;
}
.filters .popup-header,
.filters .popup-footer {
display: none;
}
.filter-section .container {
padding: 0 60px;
}
.filters fieldset label {
padding-left: 35px;
}
.filters span {
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
.filter-section .container {
padding: 0 15px;
}
.filter-content-inner {
padding: 15px 0;
}
.filter-content .selectboxit-container .selectboxit-btn {
padding-right: 12px;
padding-left: 3px;
}
.filter-content .selectboxit-container .selectboxit-btn::after {
top: 17px;
font-size: 10px;
right: 0;
}
.filters {
box-shadow: 2px 3px 10px #ccc;
}
.filter-content-inner .filter-link a {
width: 100%;
font-size: 10px;
}
.filter-content .orderby {
width: 55%;
text-align: right;
}
.filter-content-inner .filter-link {
width: 45%;
}
.filter-content .selectboxit-container .selectboxit-btn .selectboxit-text,
.filter-content .orderby label {
font-size: 10px;
}
.filters fieldset label {
font-size: 15px;
padding-left: 40px;
}
.filters .popup-footer {
text-align: center;
}
.filters .container-fluid {
padding: 25px 15px 10px;
}
.filters fieldset ul li {
margin-bottom: 20px;
}
.filters .popup-footer .btn-section {
margin: 0;
padding: 2px;
}
.plan-overview__wrapper.questions-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.popup-header {
padding: 20px 15px;
}
.popup-header .btn-section:first-child a {
font-size: 20px;
}
.popup-footer .btn-section {
margin: 5px 0;
}
.popup-footer .btn-section {
padding: 0 5px;
}
.popup-footer .btn-section a {
min-width: 120px;
padding: 12px 41px;
}
.popup-footer {
float: none;
text-align: center;
margin: 20px 0;
}
.popup-footer .btn-section {
float: none;
}
}
.plan-overview__wrapper.questions-wrapper {
border: none;
padding-top: 40px;
background-color: #fff;
}
.plan-overview_questions h2 {
text-align: center;
padding: 35px 0;
}
.plan-overview_questions ul {
padding: 0 15px;
}
.plan-overview_questions ul li a,
.plan-overview_questions ul li span {
display: block;
}
.plan-overview_questions ul li {
padding: 20px 0px;
border-bottom: 1px solid #ebebeb;
}
.plan-overview_questions ul li:first-child {
border-top: 1px solid #ebebeb;
}
.plan-overview_questions ul li a {
font-size: 22px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
padding-right: 20px;
}
.plan-overview_questions ul li a:after {
font-family: "icomoon";
content: "\e905";
font-style: normal;
font-weight: normal;
}
.plan-overview_questions ul li a:after {
color: #ff0f64;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 16px;
}
.plan-overview_questions ul li span {
font-family: Georgia, Times, "Times New Roman", serif;
color: #999;
text-transform: uppercase;
font-weight: 700;
font-size: 10px;
letter-spacing: 2px;
margin-bottom: 9px;
}
@media screen and (min-width: 768px) {
.plan-overview_questions {
max-width: 950px;
margin: 0 auto;
padding: 10px 25px 10px;
}
.plan-overview_questions h2 {
padding: 50px 0;
}
.plan-overview_questions ul {
padding: 0;
}
.plan-overview_questions ul li {
padding: 25px 0px 18px;
}
.plan-overview_questions ul li a {
font-size: 30px;
}
.plan-overview_questions ul li span {
font-size: 12px;
}
}
.plan-overview_questions {
max-width: 1160px;
}
@media screen and (min-width: 1024px) {
.plan-overview_questions ul li {
padding: 25px 30px 20px;
}
}
/* pagination - start */
.page-nav li {
display: none;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000000;
width: auto;
}
.page-nav li:first-child,
.page-nav li.active,
.page-nav li:nth-last-child(2),
.page-nav li:last-child {
display: inline-block;
}
.page-nav li a,
.page-nav li > span {
font-family: "UniversLTStd-Regular";
color: #000000;
width: auto;
}
.page-nav li.active .current {
border: none;
display: inline-block;
line-height: 25px;
}
.page-nav li.tot-page {
display: inline-block;
}
.page-nav li .next {
margin-left: 68px;
}
.hidden-content {
position: absolute;
width: 0px;
height: 0px;
overflow: hidden;
}
.pagination-wrap {
text-align: center;
background-color: #f7f7f7;
padding: 30px 15px 25px;
}
/* added */
.page-nav li {
display: inline-block;
vertical-align: middle;
}
/* added */
.page-nav li a,
.page-nav li > span {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: inline-block;
color: #999999;
width: 35px;
line-height: 25px;
border-right: 1px solid #dddddd;
}
.page-nav li:nth-last-child(2) a,
.page-nav li:nth-last-child(2) span,
.page-nav li .ellipse,
.page-nav li .noborder {
border-right: none;
}
.page-nav li .ellipse {
font-size: 15.6px;
}
.page-nav li a:hover,
.page-nav li a:focus {
text-decoration: none;
}
.page-nav li.active .current {
border: 2px solid #000000;
padding: 5px;
color: #000000;
line-height: 20px;
}
.page-nav li .prev,
.page-nav li .prev span,
.page-nav li .next {
border-right: none;
width: auto;
color: #ff0f64;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.page-nav li .prev {
margin-right: 30px;
}
.page-nav li .next {
margin-left: 30px;
}
.page-nav li .prev:before {
font-family: "icomoon";
content: "\e906";
font-style: normal;
font-weight: normal;
}
.page-nav li .next:after {
font-family: "icomoon";
content: "\e905";
font-style: normal;
font-weight: normal;
}
.page-nav li.disabled .prev,
.page-nav li.disabled .prev span,
.page-nav li.disabled .next {
color: #999999;
}
.page-nav li.tot-page {
display: none;
}
.page-nav ul span,
.page-nav li a,
.page-nav li > span {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.page-nav li .prev:before {
margin-right: 5px;
}
.page-nav li .next:after {
margin-left: 5px;
}
@media screen and (max-width: 767px) {
.page-nav li {
display: none;
font-size: 15px;
}
.page-nav li.tot-page {
display: inline-block;
}
.page-nav li a,
.page-nav li > span {
width: auto;
}
.page-nav li.active .current {
border: none;
display: inline-block;
line-height: 25px;
padding: 0 5px;
}
.page-nav li.disabled .prev span {
/*display: none*/
}
.page-nav li:first-child {
float: left;
}
.page-nav li:last-child {
float: right;
}
}
@media screen and (min-width: 768px) {
.pagination-wrap {
padding: 40px 0 35px;
}
.page-nav li.active .current {
background-color: #fff;
}
}
/* pagination - end */
/*** 12 - Tutte le faq - END ***/
/*** 13 - Pre footer con cta - START ***/
.footer-hero-cta {
text-align: center;
/*background-color: #55bd5a;*/
padding: 70px 0 65px;
color: #fff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
}
.footer-hero-cta__title {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 32px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: white;
margin-bottom: 6px;
padding: 0 70px;
}
.footer-hero-cta p {
margin-bottom: 30px;
}
.footer-hero-cta .cta-holder {
margin: 50px 0 30px;
}
.footer-hero-cta .link {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
text-transform: uppercase;
}
.footer-hero-cta .link:hover {
text-decoration: underline;
}
.footer-hero-cta .btn-cta--clear {
min-width: 160px;
}
@media screen and (min-width: 768px) {
.footer-hero-cta {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
padding: 100px 0 110px;
}
.footer-hero-cta__title {
font-size: 50px;
letter-spacing: -2px;
line-height: 1.1;
padding: 0;
}
.footer-hero-cta .cta-holder {
margin: 68px 0 22px;
}
.footer-hero-cta .btn-cta--clear {
min-width: 250px;
}
}
/*** 13 - Pre footer con cta - END ***/
/*** 20 - Home page - START ***/
#rotating-item-wrapper {
width: 100%;
height: 100vh;
min-height: 440px;
position: absolute;
}
#rotating-item-wrapper + .home.image-hero.image-hero-wrapper.image-hero-custom {
z-index: -1;
}
#rotating-item-wrapper ~ .wrapper-section.searchHome {
/** margin-top: 180px; troppo spazio hero hp **/
margin: 0 !important;
}
.home-hero__content__inner {
margin-top: 50px;
}
.home-hero__bg {
box-sizing: content-box;
/* #15971 padding-bottom: 500px; */
padding-bottom: 0;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #fff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
opacity: 1;
display: none; /* #9152 sincronismo 7/2/2019 - rollback 11/2/2019*/
}
.home-hero__bg__img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
/* -webkit-transform: scale(1.1);
transform: scale(1.1); */
}
.home-hero__bg__img img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
}
.home-content {
padding: 0 13px;
margin-left: auto;
margin-right: auto;
position: relative;
min-height: 400px;
}
.home-title-container {
z-index: 1;
position: absolute;
padding: 85px 0 30px 30px;
display: none;
min-height: 250px;
}
.text-breadcrumb {
font: normal 700 12px/18px "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
opacity: 0.5;
color: #ffffff;
text-transform: uppercase;
padding: 0 0 10px 0;
display: block;
}
.home-title-container .home-title {
font: normal 300 35px/40px "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: -0.6px;
color: #ffffff;
padding: 0 0 25px 0;
}
.home-title-container .home-title::before {
content: "";
position: absolute;
background: #fff;
height: 100%;
max-height: 80px;
width: 22px;
left: -30px;
}
.home-title-detail {
font: normal 300 15px/23px "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #ffffff;
}
.wrapper-section {
position: relative;
background-color: transparent;
padding: 0px 13px 165px;
}
.wrapper-container {
margin: 0 auto;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.home-content {
padding: 0 24px;
min-height: 500px;
}
.home-title-container {
padding: 140px 36px 65px 36px;
}
.home-title-container .home-title {
font-size: 60px;
line-height: 65px;
}
.home-title-container .home-title::before {
width: 35px;
max-height: 140px;
left: -60px;
}
.home-title-detail {
font-size: 18px;
line-height: 36px;
}
.wrapper-section {
padding: 0px 24px 165px;
}
}
@media screen and (min-width: 1024px) {
.home-content {
padding: 0 60px;
max-width: 1374px;
box-sizing: content-box;
min-height: 540px;
}
.home-title-container {
padding: 185px 60px 105px 60px;
max-width: 680px;
min-height: 250px;
}
.home-title-container .home-title {
font-size: 68px;
line-height: 80px;
}
.home-title-container .home-title::before {
width: 37px;
max-height: 160px;
left: -80px;
top: 5px;
}
.wrapper-container {
max-width: 1374px;
padding: 0px 60px 165px;
}
.wrapper-section {
padding: 0px 30px 165px;
}
}
/*** 20 - Home page - END ***/
/*** 26 - Informazioni Utili - START ***/
.infoUtil {
background-color: #f7f7f7;
padding: 58px 0;
}
.infoUtil.grey {
background-color: #ececec;
}
.infoUtil-title {
font: normal 40px/44px "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222;
display: block;
text-align: center;
letter-spacing: -0.6px;
padding: 25px 0;
}
.infoUtil-title.customLayout {
font: normal 40px/44px "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
padding-bottom: 0px;
}
.infoUtil-subtitle {
font: normal 30px/34px "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222;
display: block;
text-align: center;
letter-spacing: -0.6px;
padding: 25px 0;
}
.infoUtil-item-cnt {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.infoUtil-item {
background: #ffffff;
display: block;
margin: 13px 0 0 0;
flex: 0 0 calc(100% - 0px);
}
.infoUtil-item a {
display: block;
}
.infoUtil-item a:hover {
text-decoration: none;
}
.infoUtil-item:after {
font-family: "icomoon";
content: "\e905";
font-style: normal;
font-weight: normal;
color: #ff0f64;
position: absolute;
right: 10px;
top: 50%;
margin-top: -5px;
font-size: 13px;
}
.infoUtil-category {
display: none;
}
.infoUtil-icon {
text-align: center;
background-color: #41b9e6;
width: 75px;
height: 75px;
display: table-cell;
vertical-align: middle;
}
.infoUtil-icon span {
color: #ffffff;
font-size: 34px;
}
.infoUtil-text {
padding: 10px 20px 10px 10px;
display: table-cell;
vertical-align: middle;
}
.intoUtil-label {
font: normal 18px/26px "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222;
/*display: block;*/
vertical-align: middle;
}
@media screen and (min-width: 768px) {
.infoUtil-item {
margin: 15px;
flex: 0 0 calc(50% - 30px);
}
.intoUtil-label {
font-size: 18px;
line-height: 20px;
}
.infoUtil-item:after {
right: 15px;
}
.infoUtil-icon {
width: 75px;
height: 75px;
}
.infoUtil-icon span {
font-size: 47px;
}
}
@media screen and (min-width: 1024px) {
.infoUtil-title {
font-size: 50px;
letter-spacing: -1px;
padding: 50px 0;
}
.infoUtil-title.customLayout {
font-size: 30px;
}
.infoUtil-subtitle {
font-size: 25px;
letter-spacing: -1px;
padding: 30px 0;
}
.infoUtil-icon {
width: 100px;
height: 100px;
}
.infoUtil-text {
padding: 10px 40px 10px 10px;
vertical-align: middle;
}
.infoUtil-category {
display: block;
font: normal 13px/30px "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #44bae7;
}
.infoUtil-item:after {
right: 25px;
}
.infoUtil-item:hover:after {
-webkit-animation-name: slide1;
animation-name: slide1;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
margin-left: 9px;
}
@-webkit-keyframes slide1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
}
100% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes slide1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
visibility: visible;
}
100% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
}
/*** 26 - Informazioni Utili - END ***/
.support-hero {
text-align: center;
margin-bottom: -150px;
padding: 200px 0px 186px !important;
}
.support-hero .image-hero_inner {
width: auto;
margin-top: 47px;
}
.support-hero .cta-holder {
margin: 50px 0 30px;
padding: 0 40px;
margin-bottom: 50px;
}
.support-hero .image-hero_breadcrumbs {
display: block;
padding-bottom: 0;
}
.support-hero .breadcrumbs_item:after {
color: #fff;
}
@media screen and (min-width: 768px) {
.support-hero {
padding: 128px 0px 39px !important;
}
.support-hero .text--page-heading {
font-size: 80px;
}
.support-hero .btn-cta {
padding: 12px 35px;
}
.support-hero .breadcrumbs_item {
font-size: 12px;
}
.support-hero .image-hero_breadcrumbs {
padding-bottom: 13px;
}
.support-hero .cta-holder {
margin-bottom: 75px;
}
}
@media screen and (min-width: 1024px) {
.support-hero .image-hero_inner {
max-width: 1374px;
}
.support-hero .cta-holder {
margin-bottom: 60px;
}
}
@media screen and (max-width: 767px) {
.support-hero {
padding: 97px 15px !important;
}
.support-hero .cta-holder {
padding-bottom: 50px;
padding-left: 0;
padding-right: 0;
}
.support-hero .cta-holder a {
width: 100%;
}
}
section.store-locator-hero {
background-size: cover;
}
.store-locator-hero .footer-hero-cta__title {
padding: 0 10px 10px 10px;
}
.store-locator-hero h2 {
letter-spacing: -1px;
}
.store-locator-hero .btn-cta {
margin-top: 70px;
padding: 12px 20px;
min-width: 240px !important;
}
@media screen and (min-width: 1024px) {
.store-locator-hero section {
padding: 120px 0px;
}
}
@media screen and (max-width: 768px) {
.store-locator-hero h2 {
letter-spacing: -0.6px;
font-size: 30px;
}
.store-locator-hero .btn-cta {
margin-bottom: 10px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.store-locator-hero .footer-hero-cta__title {
font-size: 40px;
letter-spacing: -1px;
line-height: 1.1;
}
}
section.operator-chat {
padding: 60px 0;
}
.operator-chat h2 {
letter-spacing: -1px;
}
.operator-chat .btn-cta--clear {
margin-top: 40px;
padding: 12px 20px;
min-width: 240px;
}
.operator-chat .swiper-container {
width: 50%;
margin: 0 auto;
text-align: center;
overflow: visible;
position: relative;
}
.operator-chat .swiper-wrapper {
text-align: center;
display: block;
white-space: nowrap;
padding: 30px 0;
position: relative;
width: 100%;
height: 100%;
}
.operator-chat .swiper-slide {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0, 36px;
text-align: center;
}
.operator-chat .swiper-slide a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
/*margin-right: 5px;*/
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
display: inline-block;
position: relative;
}
.operator-chat .swiper-slide a.active {
background: #fff;
color: #0555fa;
padding: 0 20px;
line-height: 30px;
}
.operator-chat .swiper-slide a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #fff;
width: 20px;
height: 20px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.operator-chat .swiper-slide a {
margin-right: 0px;
padding: 0;
}
.operator-chat h2 {
font-size: 30px;
letter-spacing: -0-6px;
padding: 0 10px;
}
}
@media screen and (min-width: 768px) {
.operator-chat .swiper-slide {
width: auto !important;
}
.operator-chat h2 {
font-size: 50px;
letter-spacing: -0-6px;
padding: 0 10px;
}
}
/*** 19 - Search - START ***/
/* Commented by us
.search-form {
position: static !important;
-webkit-transform: translate(0,0) !important;
-ms-transform: translate(0,0) !important;
transform: translate(0,0) !important;
visibility: visible;
z-index: 1;
padding: 0;
}
.search-form__inner {
padding: 20px 0 60px 0;
}
.search-form__inner form {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.search-form__input {
line-height: 1.3;
background: transparent;
}
.search-form__input::-webkit-input-placeholder {color:#000;opacity:.3;transition:opacity .3s ease}
.search-form__input::-moz-placeholder {color:#000;opacity:.3;transition:opacity .3s ease}
.search-form__input:-moz-placeholder {color:#000;opacity:.3;transition:opacity .3s ease}
.search-form__input:-ms-input-placeholder {color:#000;opacity:.3;transition:opacity .3s ease}
.search-form__input:focus::-webkit-input-placeholder {color:#000;opacity:0;transition:opacity .3s ease}
.search-form__input:focus::-moz-placeholder {color:#000;opacity:0;transition:opacity .3s ease}
.search-form__input:focus:-moz-placeholder {color:#000;opacity:0;transition:opacity .3s ease}
.search-form__input:focus:-ms-input-placeholder {color:#000;opacity:0;transition:opacity .3s ease}
.search-form__input::-ms-clear {display: none}
.search-form__content {
margin-top: 20px;
padding-left: 0;
}
.search-form__heading {
color:rgba(0,0,0,0.4);
}
.search-form__links li > a {
display: inline-block;
}
@media screen and (min-width: 768px) {
.search-form__content {
padding-left: 70px!important;
}
}
@media screen and (min-width: 1024px) {
.search-form__inner {
padding: 130px 0;
}
.search-form__content {
padding-left: 95px!important;
}
}*/
/*** 19 - Search - END ***/
.contact-hero {
text-align: center;
padding: 130px 0px 45px;
}
.contact-subhero {
text-align: center;
}
.contact-hero .image-hero_inner {
width: auto;
margin-top: 47px;
}
.contact-hero .image-hero_detail {
margin-top: 31px;
font-size: 18px;
padding: 0;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.contact-hero .image-hero_breadcrumbs {
display: block;
padding-bottom: 0;
}
.contact-hero .breadcrumbs_item:after {
color: #fff;
}
.contact-subhero {
display: flex;
text-align: center;
padding-bottom: 120px;
}
.contact-blocks {
display: flex;
text-align: center;
margin: 0 30px;
width: 100%;
justify-content: center;
}
.contact-subhero .icon {
color: #fff; /*Changed by us for fixing color icons configured by editors*/
font-size: 3em;
width: 80px;
height: 80px;
display: inline-block;
background-size: 65px 65px;
background-position: center;
position: inherit;
background-repeat: no-repeat;
line-height: 1.66667;
font-size: 54px;
}
.contact-subhero .icon-upload {
background-image: url("../img/upload.png");
}
.contact-subhero .contact-block {
width: 33.3%;
padding-bottom: 120px;
max-height: 320px;
}
.contact-subhero .contact-block p {
color: #fff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 18px;
letter-spacing: 0.36px;
margin: 0 auto;
}
.contact-subhero .contact-block a {
width: 200px;
position: absolute;
bottom: 0;
right: 0px;
left: 0px;
margin: auto;
}
.contact-subhero .contact-block a.phone {
/*width: 200px;*/
position: relative;
margin: auto;
white-space: nowrap;
padding-left: 10px;
}
.contact-subhero .contact-block .btn-cta {
background: #fff;
color: #0555fa;
padding: 15px 20px;
/*min-width: 240px;*/
letter-spacing: 1px;
line-height: 15px;
}
.contact-subhero .contact-block .contact-num {
color: #fff;
font-size: 30px;
line-height: 50px;
}
.contact-subhero .eyebrow {
color: #fff;
opacity: 0.5;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.contact-hero .breadcrumbs_item {
font-size: 12px;
}
.contact-hero .image-hero_breadcrumbs {
padding-bottom: 13px;
}
.contact-subhero {
padding: 70px 0px 110px 0;
}
.contact-subhero .contact-block p {
line-height: 30px;
}
.contact-subhero .hub_inner_mobile {
display: none;
}
}
@media screen and (min-width: 1024px) {
.contact-hero .image-hero_inner {
max-width: 1374px;
}
.contact-subhero {
padding: 45px 0px 120px 0;
}
.contact-subhero .contact-block p {
width: 280px;
}
.contact-hero .image-hero_detail {
margin-top: 10px;
}
.contact-subhero .contact-block {
width: 33.3%;
padding-bottom: 90px;
max-height: 320px;
}
}
@media screen and (max-width: 767px) {
.contact-hero {
padding: 97px 0px !important;
}
.contact-blocks {
display: none;
}
.contact-subhero .contact-block {
width: 100%;
box-sizing: border-box;
}
.contact-subhero .hub_inner_mobile {
width: 100%;
}
.contact-subhero .hub_inner_mobile .swiper-pagination-bullets {
width: 100% !important;
position: relative;
margin: 0 auto;
margin-top: 0px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #fd0354;
opacity: 1;
}
.contact-subhero .contact-block p {
width: 60%;
}
.contact-hero .image-hero_detail {
display: block;
margin: 0 auto;
margin-top: 31px;
font-size: 15px;
width: 90%;
padding: 0;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.contact-subhero .icon {
font-size: 45px;
}
.contact-subhero {
padding-bottom: 40px;
}
}
.contact-subhero .contact-block p.sub-title {
width: auto;
margin-bottom: 10px;
margin-top: 10px;
}
.contact-subhero .contact-block p.sub-title-2 {
margin-top: 20px;
}
.contact-subhero .contact-block p.phone-p {
width: auto;
}
.contact-subhero .phone-numbers {
max-height: none;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.contact-subhero .phone-numbers {
padding-bottom: 40px;
}
}
/* 21 - Accordion */
.content-container-dropdown {
max-width: 995px;
margin: 0 auto;
padding-top: 0;
}
.detail-accordian {
padding: 0;
background-color: #ffffff;
border: 1px solid #ebebeb;
}
.detail-accordian [data-accordion] {
padding: 0 15px;
}
.detail-accordian [data-accordion]:last-child {
border: 0;
}
.detail-accordian [data-accordion] [data-control] {
font-weight: 300;
font-weight: 300;
font-size: 18px;
padding: 22px 30px 22px 0;
text-align: left;
}
.detail-accordian [data-content] .item-data {
padding: 20px 0;
}
.detail-accordian [data-content] .item-data p {
margin-bottom: 0;
font-size: 15px;
font-weight: 300;
font-weight: 300;
line-height: 28px;
color: #222222;
}
.detail-accordian [data-content] .item-data p:last-child {
margin-bottom: 10px;
}
.detail-accordian [data-content] .item-data ul {
list-style: none;
margin-bottom: 30px;
}
.detail-accordian [data-content] .item-data ul li {
font-size: 15px;
font-weight: 300;
line-height: 28px;
color: #222222;
padding-left: 18px;
}
/* #14006 .detail-accordian [data-content] .item-data ul li:before{content: "\25AA";color: #c6c6c6;font-size: 33px;line-height: 15px;position: absolute;left: -3px;top: 2px;} */
.detail-accordian [data-content] .item-data ul li:before {
top: 4px;
}
.detail-accordian [data-content] .item-data a {
color: #ff0f64;
text-decoration: underline;
}
.detail-accordian [data-accordion]:after {
content: "";
display: block;
position: absolute;
right: 15px;
top: 23px;
font-size: 25px;
font-weight: 200;
color: #444;
height: 19px;
width: 19px;
background: url("../img/plus.png")
center center no-repeat;
transition: transform 0.3s ease-in-out;
}
.detail-accordian [data-accordion].open:after {
background: url("../img/minus.png")
center center no-repeat;
}
@media screen and (min-width: 768px) {
.detail-accordian [data-accordion] [data-control] {
font-size: 24px;
}
.detail-accordian [data-content] .item-data p,
.detail-accordian [data-content] .item-data ul li {
font-size: 18px;
line-height: 1.66667;
}
}
@media screen and (min-width: 1024px) {
.detail-accordian {
padding: 0;
}
.detail-accordian [data-accordion]:after {
right: 30px;
top: 40px;
}
.detail-accordian [data-accordion] {
padding: 0 30px;
}
.detail-accordian [data-accordion] [data-control] {
padding: 35px 30px 30px 0;
}
}
@media screen and (min-width: 1280px) {
.detail-accordian {
padding: 0;
}
}
/*** 21 - Accordion - END ***/
.box-supporto-container {
display: flex;
align-items: flex-end;
position: relative;
width: 100%;
}
.box-supporto-container .box-supporto {
border-bottom: 1px solid #ddd;
position: relative;
background: #fff;
text-align: center;
width: 50%;
}
.box-supporto-container .box-supporto:nth-of-type(2) {
border-right: 1px solid #ddd;
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(221, 221, 221);
/*margin-right: -1px;*/
/*width: calc(50% + 1px);*/
}
.box-supporto-container .box-supporto:nth-of-type(3) {
border-left: 1px solid #ddd;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(221, 221, 221);
/*margin-left: -1px;*/
/*width: calc(50% + 1px);*/
}
.box-supporto-container .box-supporto p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.box-supporto-container .box-supporto .icon {
color: #0554f9;
}
.box-supporto-container .box-supporto .eyebrow {
margin-bottom: 30px;
line-height: 10px;
}
.box-supporto-container .box-supporto .link span {
color: #ff0f64;
}
@media screen and (max-width: 767px) {
.box-supporto-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.box-supporto-container .box-supporto {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 20px;
padding-top: 35px;
}
.box-supporto-container .latam-link.latam-link-arrow-pink span.ico::after {
padding-left: 4px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
width: 100%;
}
.box-supporto-container .box-supporto .icon {
font-size: 50px;
}
.box-supporto-container .box-supporto .eyebrow {
margin-bottom: 30px;
}
.box-supporto-container .box-supporto p {
max-width: 200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
margin-top: 15px;
font-size: 22px;
}
}
@media screen and (min-width: 768px) {
.box-supporto-container .box-supporto {
flex-grow: 1;
width: 30%;
padding: 40px 20px 25px 20px;
}
.box-supporto {
flex-grow: 1;
width: 30%;
padding: 40px 20px 25px 20px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 37%;
padding: 36px 20px 26px 20px;
box-shadow: 3px 4px 0 rgba(193, 193, 193, 0.4);
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1) {
width: 35%;
}
.box-supporto-container.box-supporto-container-b .box-supporto {
padding: 60px 20px 60px 20px;
}
.box-supporto-container .box-supporto:nth-of-type(2) {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.box-supporto-container .box-supporto:nth-of-type(3) {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.box-supporto-container .box-supporto p {
max-width: 200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
margin-top: 15px;
font-size: 24px;
}
.box-supporto-container .box-supporto:nth-of-type(1) p {
margin-top: 40px;
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1)
p {
margin-top: 10px;
margin-bottom: 40px;
}
.box-supporto-container .box-supporto .icon {
font-size: 36px;
}
.box-supporto-container .box-supporto:nth-of-type(1) .eyebrow {
margin-bottom: 37px;
}
}
@media screen and (min-width: 1024px) {
.box-supporto-container .box-supporto {
padding-top: 75px;
padding-bottom: 75px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
width: 37%;
padding: 80px 0px 82px;
box-shadow: rgba(193, 193, 193, 0.4) 0px 5px 0px;
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1) {
width: 35%;
}
.box-supporto-container .box-supporto p {
font-size: 30px;
line-height: 38px;
min-height: 72px;
margin-bottom: 25px;
margin-top: 0;
}
.box-supporto-container .box-supporto:nth-of-type(1) p {
margin-bottom: 40px;
margin-top: 0;
}
.box-supporto-container .box-supporto .icon {
font-size: 50px;
}
}
/* 22 App - Gestisci la tua fornitura */
.plan-promo {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.plan-promo_inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-top: 40px;
padding-bottom: 40px;
}
.plan-promo_content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.plan-promo_content .eyebrow {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 2px;
line-height: 1.6;
color: #222222;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
}
.plan-promo_content h2 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: #ffffff;
margin-bottom: 20px;
}
.plan-promo_content p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
color: #ffffff;
margin-bottom: 20px;
}
.plan-promo_content .link {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 1.46667;
color: #222222;
margin-top: 30px;
display: inline-block;
}
.plan-promo_content .cta {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.66667;
color: #ffffff;
text-transform: uppercase;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
margin: 0 0 40px 0;
}
.plan-promo_content .cta:after {
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
display: inline;
margin-left: 14px;
}
.plan-promo--offwhite .plan-promo_content h2 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 30px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: #222222;
}
.plan-promo--offwhite .plan-promo_content p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
color: #222222;
}
.plan-promo--offwhite .plan-promo_content .cta {
color: #222222;
}
.manage-block .plan-promo_content ul {
padding-bottom: 50px;
}
.manage-block {
background-color: #f7f7f7;
}
.manage-block .plan-promo_inner {
padding: 52px 15px;
}
.manage-block .plan-promo_content ul {
padding-bottom: 20px;
display: flex;
}
.manage-block .plan-promo_content ul li {
padding-right: 10px;
max-width: 160px;
}
.manage-block .plan-promo_content ul li img {
width: 100%;
}
.manage-block .plan-promo_plan-holder {
position: relative;
display: table;
}
.manage-block .plan-promo_plan-holder .plan-promo-block-image::after {
display: block;
position: absolute;
/*background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);*/ /* FF3.6-15 */
/*background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);*/ /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height: 100%;
width: 100%;
top: 0;
left: 0;
content: "";
}
.manage-block .plan-promo_plan-holder img {
width: 100%;
}
.manage-block .plan-promo-block-text {
position: absolute;
right: 0;
width: 100%;
height: 100%;
text-align: left;
padding: 20px 30px;
display: table-cell;
background-color: #ffffff;
box-sizing: border-box;
}
@media screen and (min-width: 280px) {
.manage-block .plan-promo-block-text .cat {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 12px;
letter-spacing: 2px;
line-height: 14px;
color: #ffffff;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
display: block;
}
.manage-block .plan-promo-block-text h2 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 32px;
letter-spacing: -0.6px;
line-height: 1.16667;
color: #ffffff;
}
.manage-block .plan-promo-block-text p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
line-height: 1.16667;
color: #ffffff;
margin: 5px 0 0 0;
}
}
.manage-block .plan-promo-block-text .latam-btn-cta--pink {
margin: 25px 0 0 0;
position: absolute;
bottom: 30px;
right: 30px;
}
.plan-promo .hub_inner {
margin: unset;
padding: 0;
max-width: 100% !important;
}
.rwd-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.rwd-video iframe,
.rwd-video object,
.rwd-video embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
max-height: 400px;
}
.plan-promo-block-image {
overflow: hidden;
}
.plan-promo_plan-holder {
transition: all 0.3s linear 0.001s;
}
.plan-promo_plan-holder:hover {
box-shadow: rgba(0, 0, 0, 0.17) 0px 0px 20px 2px;
transform: scale(1.075);
}
.plan-promo-block-image .img-bg {
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat;
width: 100%;
position: relative;
padding-top: 63%;
}
@media screen and (max-width: 767px) {
.manage-block .plan-promo_plan-holder {
min-height: 540px;
}
.manage-block .plan-promo-block-text {
text-align: left;
padding: 20px 15px;
}
.manage-block .plan-promo-block-text .latam-btn-cta--pink {
width: calc(100% - 30px);
right: 15px;
left: 15px;
bottom: 20px;
}
.plan-promo-block-image-mobile img {
display: none;
}
.plan-promo-block-image-mobile {
background-image: url("main/37_servicios_en_linea/img/Placet-luce-variabile_card-mobile2.png");
background-size: cover;
background-repeat: no-repeat;
display: table-cell;
background-position: center top;
}
.plan-promo-block-image .img-bg {
background-size: cover;
background-position: left bottom;
background-repeat: no-repeat;
bottom: 0;
left: 10%;
padding-top: 100%;
top: 21%;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
position: absolute;
}
}
@media screen and (max-width: 1023px) {
.manage-block .plan-promo_plan-holder {
width: 100%;
}
.manage-block .plan-promo-block-text,
.manage-block .plan-promo-block-image {
/*position: absolute;*/
}
.manage-block .plan-promo-block-text {
z-index: 250;
background-color: transparent;
}
.manage-block .plan-promo-block-image {
z-index: 249;
width: 100%;
}
.manage-block .plan-promo-block-text h2,
.manage-block .plan-promo-block-text p {
color: #ffffff;
}
}
@media screen and (min-width: 1024px) {
.manage-block .plan-promo-block-text {
width: 60%;
position: absolute;
vertical-align: middle;
top: 50%;
transform: translateY(-50%);
z-index: 9999;
padding: 20px 30px;
background-color: transparent;
}
.plan-promo_inner {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 120px;
padding-bottom: 120px;
}
.plan-promo_content {
float: left;
display: block;
margin-right: 2.35765%;
width: 31.76157%;
}
.plan-promo_content:last-child {
margin-right: 0;
}
.plan-promo_content .cta {
margin: 60px 0 0 0;
}
.plan-promo_plan-holder {
float: left;
display: block;
margin-right: 2.35765%;
width: 57.35098%;
margin-right: 0;
margin-left: 8.5298%;
}
.plan-promo_plan-holder:last-child {
margin-right: 0;
}
.manage-block .plan-promo_content {
margin-right: 1.35765%;
width: 35.76157%;
}
.manage-block .plan-promo_inner {
padding-top: 95px;
padding-bottom: 95px;
}
.manage-block .plan-promo_plan-holder {
margin-left: 5.5298%;
}
.manage-block .plan-promo_content ul {
padding-bottom: 10px;
}
.plan-promo .plan-promo-wrapper.hub_group {
padding: 100px 30px;
}
}
@media screen and (min-width: 768px) {
.manage-block .plan-promo-block-text {
text-align: right;
}
.plan-promo_content .eyebrow {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.33333;
}
.plan-promo_content h2 {
font-size: 50px;
letter-spacing: -1px;
line-height: 1.1;
}
.plan-promo_content p {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
.plan-promo--offwhite .plan-promo_content h2 {
font-size: 50px;
letter-spacing: -1px;
line-height: 1.1;
}
.plan-promo--offwhite .plan-promo_content p {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
.manage-block .plan-promo_content ul {
padding-bottom: 50px;
}
.plan-promo .hub_inner {
width: 100%;
}
.manage-block .plan-promo_content .eyebrow,
.manage-block .plan-promo_content h2 {
margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
.manage-block .plan-promo_plan-holder {
display: block;
}
.manage-block .plan-promo-block-image {
display: block;
position: absolute;
height: 100%;
}
.manage-block .plan-promo_content .eyebrow,
.manage-block .plan-promo_content h2 {
margin-bottom: 25px;
}
}
/*** 22 - App Gestisci la tua fornitura - END ***/
/*** 23 - Modal Login ***/
.login-details {
width: 290px;
margin: 45px auto;
}
.login-details form {
padding-bottom: 20px;
}
.login-details input {
border: 0;
border-bottom: 2px solid #ebebeb;
padding: 9px 10px 9px 0;
margin-top: 27px;
line-height: 1.2;
width: 100%;
}
.login-details input:focus {
border: 0;
border-bottom: 2px solid #000;
outline: none;
}
.login-details h1 {
font-size: 25px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
text-align: center;
}
.login-details .login-btn {
text-align: center;
margin-top: 25px;
}
.login-details .login-btn button,
.login-details .create-account .btn-cta {
width: 100%;
padding: 15px 40px;
}
.login-details .login-btn .latam-btn-cta--pink {
border: 2px solid #ff0f64;
}
.login-details .login-btn .latam-btn-cta--pink:hover {
border: 2px solid #ff0f64;
color: #ff0f64;
background: #fff;
}
.login-details .login-btn .latam-btn-cta--pink:active,
.login-details .login-btn .latam-btn-cta--pink:focus {
border: 2px solid #ff0f64;
color: #ff0f64;
background: rgba(255, 15, 100, 0.2);
}
.login-details input[type="checkbox"] + label {
padding: 0 35px;
height: 20px;
line-height: 20px;
font-size: 18px;
margin: 20px 0 0;
padding-right: 0;
display: inline-block;
cursor: pointer;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
form .login_issues div {
width: 50%;
display: inline-block;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-top: 10px;
}
form .login_issues div a {
font-size: 12px;
color: #333;
} /* Fix Mobile previous:f7f7f7 10px */
form .login_issues {
font-size: 0;
margin-bottom: 30px;
}
form .login-block {
font-size: 0;
}
form .login-block .login-continue,
form .login-block .acc-creation {
width: 100%;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-bottom: 30px;
}
form .login-block h4 {
font-size: 15px;
margin-bottom: 15px;
letter-spacing: 0.2px;
}
.login-block .social-link {
font-size: 15px;
}
.login-block .social-link .social-icon {
display: inline-block;
}
.social-icon a {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #999999;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 30px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 30px;
transition: all 100ms linear;
margin-right: 12px;
}
.social-icon a:before {
color: #999999;
font-size: 15px;
transition: all 100ms linear;
}
.social-icon a:focus {
outline: none;
text-decoration: none;
}
form .login-block .acc-creation .create-account a {
color: #ff0f64;
border-color: #ff0f64;
padding: 15px 40px;
width: 100%;
}
form .login-block .acc-creation .create-account a:active,
form .login-block .acc-creation .create-account a:focus {
background-color: rgba(255, 15, 100, 0.2);
color: #ff0f64;
}
form .login-block .acc-creation .create-account a:hover {
background-color: rgba(255, 15, 100, 1);
color: #fff;
}
.login-details input::-webkit-input-placeholder,
.login-details input::-moz-placeholder,
.login-details input:-ms-input-placeholder,
.login-details input:-moz-placeholder {
/* Chrome/Opera/Safari */
color: #7f7f7f;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 15px;
opacity: 0.7;
}
#login-wrapper {
width: 100%;
transform: translateY(-50px);
transition: all 0.33s;
padding: 10px 25px 10px;
vertical-align: top;
margin: 0;
border: 1px solid rgba(0, 0, 0, 0.6);
display: none;
}
.fancybox-slide--current #login-wrapper {
transform: translateY(0);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.6;
}
#login-wrapper .login-details {
margin: 45px auto 0;
width: auto;
}
#login-wrapper .login-details form {
padding-bottom: 0;
}
#login-wrapper .fancybox-close-small:after {
font-size: 30px;
color: #000;
opacity: 0.2;
}
#login-wrapper .fancybox-close-small {
top: 4px;
right: 4px;
}
#login-wrapper .fancybox-close-small:hover:after {
background: none;
}
form .login_issues div:last-child {
text-align: right;
}
@media screen and (min-width: 768px) {
.login-details {
width: 400px;
margin: 200px auto;
}
.login-details h1 {
font-size: 40px;
line-height: 32px;
}
form .login_issues div a {
font-size: 15px;
margin-top: 25px;
}
form .login-block .login-continue,
form .login-block .acc-creation {
width: 50%;
display: inline-block;
vertical-align: top;
}
form .login-block .login-continue .acc-creation-full {
width: 100%;
display: inline-block;
vertical-align: top;
}
form .acc-creation-full .btn-cta {
width: 100%;
}
.social-icon a {
width: 50px;
height: 50px;
}
.social-icon a:before {
font-size: 25px;
}
form .login_issues div:last-child {
padding-left: 15px;
}
form .login-block .acc-creation h4 {
padding-left: 15px;
}
form .login-block .acc-creation .create-account {
padding-left: 15px;
}
form .login-block h4 {
font-size: 18px;
}
form .login_issues div {
margin-top: 20px;
}
.login-details input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
font-size: 18px;
}
.login-details input::-moz-placeholder {
/* Firefox 19+ */
font-size: 18px;
}
.login-details input:-ms-input-placeholder {
/* IE 10+ */
font-size: 18px;
}
.login-details input:-moz-placeholder {
/* Firefox 18- */
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.login-details {
width: 400px;
margin: 200px auto;
}
.login-details form {
padding-bottom: 40px;
}
}
@media screen and (min-width: 768px) {
#login-wrapper {
width: 490px;
padding: 10px 45px 30px;
vertical-align: middle;
}
#login-wrapper .fancybox-close-small:after {
font-size: 40px;
}
#login-wrapper .fancybox-close-small {
top: 8px;
right: 8px;
}
}
/*** 23 - Modal Login - END ***/
.bolletta-web.form-container {
padding-top: 100px;
}
.bolletta-web .btn-cta--pink:hover {
border: 2px solid #ff0f64;
color: #ff0f64;
background: #fff;
}
.bolletta-web .form-container {
padding: 0 15px 95px 15px;
}
.bolletta-web h3 {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 37px;
letter-spacing: -0.8px;
line-height: 1.125;
color: #000;
padding: 35px 0;
padding-top: 0;
}
.bolletta-web p {
padding-bottom: 53px;
font-size: 15px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #222;
margin: 0;
line-height: 28px;
}
.bolletta-web h5 {
font-weight: 300;
font-style: normal;
padding-bottom: 26px;
font-size: 10px;
letter-spacing: 3px;
}
.bolletta-web label {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: 0;
line-height: 1;
color: #000;
letter-spacing: normal;
font-size: 12px;
margin-bottom: 5px;
line-height: 1;
}
.bolletta-web input {
transition: all 100ms linear;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0;
line-height: 1;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.15);
color: #000;
display: inline-block;
min-width: 160px;
outline: 0;
width: 100%;
-moz-appearance: textfield;
-webkit-appearance: none;
border-radius: 0;
box-shadow: none;
padding: 11px 10px 11px;
}
.bolletta-web input.error {
border: 2px solid #ff0f64;
}
.bolletta-web .errorMsg {
display: block;
color: #ff0f64;
font-size: 12px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 7px;
max-height: 20px;
overflow: hidden;
position: absolute;
bottom: -23px;
right: 0;
font-size: 15px;
margin-top: 10px;
bottom: -30px;
margin-right: 10px;
}
.bolletta-web .form-group {
margin-bottom: 30px;
width: 100%;
}
@media screen and (max-width: 767px) {
.bolletta-web button {
width: 100%;
font-size: 13px;
padding: 15px 40px 15px;
margin-top: 10px;
}
}
@media screen and (min-width: 768px) {
.bolletta-web .form-container {
padding: 0 22px 95px 22px;
}
.bolletta-web .form-wrapper {
margin-left: -11px;
margin-right: -11px;
}
.bolletta-web h3 {
font-size: 68px;
letter-spacing: -2.9px;
word-spacing: 5px;
line-height: 1.125;
padding-bottom: 42px;
}
.bolletta-web p {
font-size: 18px;
}
.bolletta-web h5 {
font-size: 12px;
letter-spacing: 3px;
line-height: 14px;
}
.bolletta-web label {
width: 34%;
display: inline-block;
font-size: 15px;
margin-bottom: 15px;
}
.bolletta-web input {
width: 65%;
display: inline-block;
font-size: 19px;
letter-spacing: 0;
line-height: 1;
padding: 15px;
}
.bolletta-web button {
width: 265px;
margin-right: 20px;
font-size: 13px;
padding: 15px 40px 15px;
}
.bolletta-web .form-group {
margin-bottom: 40px;
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (min-width: 1024px) {
.bolletta-web .form-container {
padding: 0 0 95px 172px;
}
.form-content {
width: 830px;
}
}
/*** 24 - Contact Form Generico ***/
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
transition: all 100ms linear;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0px;
line-height: 1;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.15);
color: #000000;
display: inline-block;
min-width: 160px;
outline: none;
padding: 11px 10px 11px;
width: 100%;
-moz-appearance: textfield !important;
-webkit-appearance: none;
border-radius: 0;
box-shadow: none;
}
input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #bcbcbc;
}
input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder {
/* Firefox 19+ */
color: #bcbcbc;
}
input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder {
/* Firefox 18- */
color: #bcbcbc;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
border: 2px solid #000000;
}
input[type="text"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="password"].error,
textarea.error {
border: 2px solid #ff0f64;
}
input[type="text"]::-webkit-inner-spin-button,
input[type="text"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
input[type="tel"]::-webkit-inner-spin-button,
input[type="tel"]::-webkit-outer-spin-button,
input[type="email"]::-webkit-inner-spin-button,
input[type="email"]::-webkit-outer-spin-button,
textarea::-webkit-inner-spin-button,
textarea::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="text"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear,
textarea::-ms-clear {
display: none;
}
input[type="radio"] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type="radio"] + label {
padding: 0 1.5em;
}
input[type="radio"] + label:before {
content: "";
display: block;
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.5);
border-radius: 1em;
height: 1em;
left: 0;
opacity: 0.4;
width: 1em;
}
input[type="radio"] + label:after {
content: "";
display: block;
position: absolute;
background: #000000;
border-radius: 1em;
height: 1em;
left: 0;
top: 0;
width: 1em;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: all 0.3s ease;
visibility: hidden;
}
section.quote-builder input[type="radio"] + label:after {
width: 1em;
height: 1em;
margin-top: 0px;
left: 0px;
top: 2px;
}
input[type="radio"]:checked + label {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
cursor: pointer;
}
input[type="radio"]:checked + label:after {
visibility: visible;
opacity: 1;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
}
input[type="checkbox"] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
input[type="checkbox"] + label:before {
content: "";
display: block;
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.15);
height: 1em;
left: 0;
opacity: 0.4;
width: 1em;
}
input[type="checkbox"] + label:after {
content: "";
display: block;
position: absolute;
height: 1em;
left: 0;
top: 0;
width: 1em;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: all 0.3s ease;
visibility: hidden;
}
/*input[type='checkbox'] + label:after {
display: block;
font-family: 'icomoon';
content: "\e921";
font-style: normal;
font-weight: normal;
}*/
input[type="checkbox"]:checked + label {
/*font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;*/
font-style: normal;
}
input[type="checkbox"]:checked + label:after {
visibility: visible;
opacity: 1;
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
input[type="submit"] {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 17px 40px 17px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #ff0f64;
color: #ffffff;
background-color: #ff0f64;
}
fieldset {
border: none;
margin: 0;
padding: 0;
margin-top: 40px;
/*border-bottom: 1px solid #dddddd;*/
}
fieldset label {
font: normal 500 15px/1 "Univers", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0px;
color: #000000;
display: inline-block;
margin: 0;
}
@media screen and (min-width: 768px) {
fieldset label {
font-size: 18px;
letter-spacing: 0px;
}
}
fieldset h4 {
font-size: 18px;
letter-spacing: 0;
padding: 0 0px;
margin-bottom: 30px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
/* WRAPPER */
.form-wrapper {
clear: left;
}
/* CONTAINER */
.form-container {
padding: 0px 15px 95px 15px;
}
.form-notes {
margin-top: 15px;
font-size: 12px;
}
.form-submit-center {
text-align: center;
margin-top: 60px;
}
/* CONTROL */
.form-control {
width: 100%;
padding: 12px 10px;
color: #a7a7a7;
background-color: #fff;
background-image: none;
border: 2px solid #d9d9d9;
-webkit-transition: border ease-in-out 0.15s;
-o-transition: border ease-in-out 0.15s;
transition: border ease-in-out 0.15s;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:disabled {
background: #f8f8f8;
}
/* GROUP */
.form-group {
margin-bottom: 30px;
float: left;
width: 100%;
}
.form-clear {
clear: both;
}
.form-inline:after {
clear: both;
content: "";
display: block;
}
.form-group label {
font-size: 12px;
margin-bottom: 5px;
display: block;
}
.form-group .input-detail {
font-size: 12px;
line-height: 18px;
margin-top: 5px;
display: block;
text-align: right;
float: left;
}
.form-inline {
text-align: left;
}
.form-horizontal {
float: left;
width: 100%;
margin-bottom: 30px;
}
.form-content .form-group.form-horizontal {
float: left;
margin-bottom: 20px;
width: 100%;
}
.form-content .form-group.form-horizontal-btn {
float: left;
margin-bottom: 30px;
width: 100%;
}
div.form-group.form-group-full {
width: 100%;
}
.form-group.form-group-full:after {
clear: both;
content: "";
display: block;
}
.form-group.form-group-full > label {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
margin-bottom: 5px;
}
.form-group .form-suggestion {
text-align: right;
margin-top: 15px;
font-size: 12px;
}
.form-group .form-suggestion a {
text-decoration: underline;
}
.form-group h4 {
padding: 0;
}
/* RADIO */
.form-inline > .radio-container {
float: left;
width: 50%;
}
div.radio-container > label {
font-size: 15px;
height: 20px;
line-height: 19px;
display: inline-block;
padding-right: 0;
cursor: pointer;
margin-bottom: 20px;
padding-left: 33px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.radio-container input[type="radio"] + label:before {
background: url(../img/radio.png)
no-repeat;
background-size: 20px;
border: 0;
height: 20px;
width: 20px;
opacity: 1;
}
.radio-container input[type="radio"]:checked + label:before {
background: url(../img/radio-checked.png)
no-repeat;
background-size: 20px;
border: 0;
height: 20px;
width: 20px;
opacity: 1;
}
.form-horizontal .radio-heading,
.checkbox-heading {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
margin-bottom: 25px;
}
.form-group.radio-inline .radio-container {
margin: 0px;
float: left;
padding-right: 30px;
}
.form-group.radio-inline .radio-container label {
margin: 10px 0;
}
/* RADIO IE8*/
.radio-container input[type="radio"] + label:before {
background: url(../img/radio_ie8.png)
no-repeat;
}
.radio-container input[type="radio"]:checked + label:before {
background: url(../img/radio-checked_ie8.png)
no-repeat;
}
.radio-container input[type="radio"]:checked + label:after {
display: none;
}
/* SELECT */
.selectboxit-container .form-control.selectboxit-btn {
height: 45px;
}
.selectboxit-container .form-control.selectboxit-btn:after {
transform-origin: 50% 25%;
height: 16px;
width: 16px;
font-family: "icomoon";
content: "\e907";
font-size: 16px;
transition: transform 0.2s ease-in-out;
}
.selectboxit-container .form-control.selectboxit-btn.selectboxit-open:after {
transform: rotate(-180deg);
}
.selectboxit-container .selectboxit-btn .selectboxit-text[data-val=""] {
color: #989898;
}
/* CHECKBOX */
.checkbox-container label {
cursor: pointer;
}
.form-content input[type="checkbox"] + label {
padding: 0 35px;
height: 20px;
line-height: 20px;
font-size: 14px;
margin-bottom: 29px;
padding-right: 0;
display: inline-block;
cursor: pointer;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.form-content input[type="checkbox"] + label:before {
content: "";
background: url(../img/checkbox.png)
no-repeat;
background-size: 20px;
border: 0;
height: 20px;
width: 20px;
opacity: 1;
}
.form-content input[type="checkbox"]:checked + label:before {
background: url(../img/checkbox-checked.png)
no-repeat;
background-size: 20px;
border: 0;
height: 20px;
width: 20px;
opacity: 1;
}
/*.form-group.form-group-full .checkbox-container:last-of-type label,
.form-horizontal .radio-container:last-of-type label,
.form-group.form-group-inner .radio-container:last-of-type label{margin-bottom:0px;}*/
.checkbox-container p {
padding: 0 35px;
}
.checkbox-container p a {
text-decoration: underline;
margin-bottom: 15px;
display: inline-block;
font-size: 12px;
}
.checkbox-container ul {
padding: 0 35px;
list-style: disc;
list-style-position: inside;
margin-bottom: 30px;
}
.checkbox-container ul li {
margin-bottom: 10px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 12px;
}
.privacy .checkbox-container {
margin-bottom: 30px;
}
/*CHECKBOX IE8*/
.ie8 .form-content input[type="checkbox"] + label:before {
background: url(../img/checkbox_ie8.png)
no-repeat;
}
.ie8 .form-content input[type="checkbox"]:checked + label:before {
background: url(../img/checkbox-checked_ie8.png)
no-repeat;
}
.form-content input[type="checkbox"]:checked + label:after {
display: none;
}
/* ERROR and ERROR MSG */
.form-group .errorMsg {
display: block;
color: #ff0f64;
font-size: 12px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 7px;
max-height: 20px;
overflow: hidden;
position: absolute;
bottom: -23px;
right: 0px;
}
.form-group.form-group-inner .errorMsg {
right: auto;
bottom: -25px;
}
.form-group.form-horizontal .errorMsg {
right: auto;
}
.form-group.form-inline .errorMsg {
right: auto;
bottom: -3px;
}
.form-group.error .selectboxit-container .selectboxit-btn {
border-color: #ff1065;
}
.radio-container .error {
position: absolute;
bottom: 0;
}
/* SUCCESS */
.successMsg {
padding: 15px;
text-align: center;
}
@media screen and (min-width: 768px) {
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea {
font-size: 19px;
letter-spacing: 0px;
line-height: 1;
padding: 15px;
}
fieldset h4 {
padding: 0 10px;
border-bottom: 1px solid #dddddd;
height: 40px;
}
.form-control {
min-height: 59px;
}
.form-container {
padding: 0px 22px 95px 22px;
}
.form-wrapper {
margin-left: -11px;
margin-right: -11px;
}
.form-content:after {
clear: both;
content: "";
display: block;
}
.form-wrapper:after {
clear: both;
content: "";
display: block;
}
.form-group {
float: left;
width: 50%;
padding: 0 10px;
}
.form-group.form-group-inner {
margin-left: -10px;
margin-right: -10px;
width: 100%;
}
.selectboxit-container .form-control.selectboxit-btn {
height: 59px;
}
.selectboxit-container .form-control.selectboxit-btn:before {
top: 23px;
}
.form-group.form-inline {
width: 100%;
}
.form-inline > .radio-container {
width: 30%;
}
.form-inline {
min-height: 52px;
}
.form-group {
margin-bottom: 30px;
}
.form-group label {
font-size: 15px;
margin-bottom: 15px;
}
.form-group .errorMsg {
font-size: 15px;
margin-top: 10px;
bottom: -30px;
margin-right: 10px;
}
.form-group.form-group-inner .errorMsg {
right: auto;
bottom: -30px;
}
.form-group .input-detail {
font-size: 15px;
line-height: 19px;
margin-top: 10px;
float: left;
}
.form-horizontal {
padding: 0 10px;
}
.form-horizontal .errorMsg {
right: auto;
bottom: -25px;
}
div.radio-container > label {
font-size: 18px;
}
.form-group.form-inline {
margin-left: -10px;
margin-right: -10px;
}
.form-group.form-inline .errorMsg {
bottom: 0px;
}
.form-group.form-group-full > label {
margin-bottom: 15px;
font-size: 15px;
}
.form-horizontal .radio-heading,
.checkbox-heading {
margin-bottom: 25px;
font-size: 18px;
}
.form-horizontal {
margin-bottom: 40px;
width: 100%;
}
.form-group-full .checkbox-container {
float: left;
width: 50%;
}
.form-group label.form-label-bold {
font-size: 18px;
}
.successMsg {
padding: 15px;
max-width: 768px;
margin: 0 auto;
}
.form-group.radio-inline .radio-container label {
margin: 19px 0;
}
.form-content .form-group.form-horizontal-btn {
margin-bottom: 40px;
}
.form-group .form-suggestion {
font-size: 15px;
}
.form-group.form-group-mini {
width: 15%;
}
.form-group.form-group-largemini {
width: 35%;
}
.form-group.form-group-mini input[type="text"],
.form-group.form-group-mini input[type="number"],
.form-group.form-group-mini input[type="tel"],
.form-group.form-group-mini input[type="email"],
.form-group.form-group-mini input[type="password"],
.form-group.form-group-mini textarea {
min-width: 80px;
}
.checkbox-container p a,
.checkbox-container ul li {
font-size: 15px;
}
.form-notes {
font-size: 15px;
}
}
@media screen and (min-width: 1024px) {
.form-container {
padding: 0px 110px 95px 110px;
}
.form-content {
width: 787px;
}
.generic-form .form-content {
margin: 0 auto;
}
}
.checkbox-container.checkbox-container-full {
width: 100%;
}
/*** 24 - Contact Form Generico - END ***/
/*** 27 - Diventa nostro partner - START ***/
.diventa-partner .article a {
font-size: 12px;
}
.diventa-partner .eyebrow {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 10px;
letter-spacing: 2px;
line-height: 1.6;
color: #222222;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
display: block;
margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
.diventa-partner .eyebrow {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.33333;
margin-bottom: 25px;
}
.bento__item.image-half img {
min-height: 100%;
height: 100%;
}
.bento__item.image-half {
width: 66.666%;
padding-top: 33.333%;
}
.bento__item.image-half .bento__item__inner {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
max-width: none;
padding: 0;
}
.bento__item.image-half .image-half-2 {
left: 50%;
}
.bento__item.image-half p {
width: 100%;
color: #ffffff;
font-family: "UniversLight";
font-size: 18px;
line-height: 29px;
text-align: center;
position: absolute;
bottom: 80px;
padding: 0 110px;
}
.diventa-partner .bento__three__item .article .bento__item__inner {
padding-bottom: 70px;
max-width: 510px;
}
}
@media screen and (min-width: 1024px) {
.diventa-partner .article .bento__item__inner {
max-width: 350px;
padding-bottom: 0;
}
}
@media (min-width: 768px) {
.bento-item-wrapper .bento__item {
align-items: center;
}
}
@media (max-width: 767px) {
.bento__item.image-large.video {
padding-top: 50%;
min-height: 50px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.bento__item.image-large.video .bento__item__inner video {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/*** 27 - Diventa nostro partner - END ***/
/*** 28 - Glossary - START ***/
.glossary .swiper-slide {
width: auto;
}
.glossary .tabs__btn-next,
.glossary .tabs__btn-prev,
.glossary .tabs__label {
background-color: white;
font-size: 18px;
font-weight: normal;
font-family: "Univers";
}
.glossary .tabs__btn-next.active,
.glossary .tabs__btn-prev.active,
.glossary .tabs__label.active {
background-color: #ff0f64;
}
.glossary .tabs-content {
background: white;
margin-top: 60px;
margin-bottom: 100px;
padding: 50px 100px;
}
.glossary .tabs__labels {
padding: 0;
}
.glossary .tabs__btn-next,
.glossary .tabs__btn-prev,
.glossary .tabs__label {
padding: 0 30px;
}
.glossary .tabs__label-wrapper:before {
content: "";
box-sizing: content-box;
width: 0;
padding: 0;
left: 0;
position: absolute;
height: 0;
top: 0;
background: #ddd;
z-index: 0;
}
.glossary .tabs__label-wrapper {
margin-top: 20px;
border: 1px solid #ddd;
}
.glossary .swiper-container {
padding-bottom: 0;
}
.glossary-item h3 {
font-family: "Univers";
font-size: 30px;
font-weight: normal;
color: #222;
margin-bottom: 30px;
margin-top: 30px;
}
.glossary-item p {
font-family: "UniversLight";
font-size: 20px;
font-weight: 300;
color: #222;
margin-bottom: 40px;
}
.glossary-item {
border-bottom: 1px solid #ebebeb;
}
@media screen and (max-width: 767px) {
.glossary .tabs__btn-next,
.glossary .tabs__btn-prev,
.glossary .tabs__label {
padding: 0 15px;
}
.glossary .tabs-content {
margin-top: 40px;
margin-bottom: 100px;
padding: 30px 40px;
}
}
/*** 28 - Glossary - END ***/
/*** 29 - Mas informaciones - START ***/
.card-group {
padding-bottom: 60px;
overflow: hidden;
}
.card-group.ultime-notizie .tile_content-wrapper {
padding: 30px 25px 41px 31px;
}
/*.card-group.ultime-notizie .tile_image-wrapper{
background-size: 100% 100% !important;
}
.card-group.ultime-notizie .tile:hover .tile_inner:after{
display: none;
}
.card-group.ultime-notizie .tile:hover .tile_content-wrapper {
bottom: 0;
}*/
.card-group .text--tile-heading {
font-size: 30px;
line-height: 36px;
}
.card-group .tile_topic {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.card-group.mas-informaciones .help-tabs__content .parbase {
/*Changed by us*/
display: none;
}
.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile .parbase {
/*Changed by us*/
display: block;
}
}
@media screen and (min-width: 768px) {
.card-group.ultime-notizie .tile_topic {
margin-bottom: 14px;
}
.card-group.ultime-notizie .hub_inner_mobile {
display: none;
}
}
@media screen and (min-width: 1343px) {
.card-group.ultime-notizie .tile--small {
width: 398px;
margin: 0 15px 30px;
}
.card-group.ultime-notizie .tile_inner {
min-height: 408px;
}
.card-group.ultime-notizie .tile_image-wrapper {
height: 171px;
padding-bottom: 0px;
background-size: cover !important;
background-position: center center;
}
}
@media screen and (max-width: 1024px) {
.card-group.ultime-notizie .tile_content-wrapper {
position: relative;
}
}
@media screen and (max-width: 1164px) {
.card-group .tile--small {
/*width: 100%;*/ /* Changed by us*/
margin: 0 0 40px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.card-group.ultime-notizie .tile_content-wrapper {
padding: 50px 30px 20px 30px;
}
.card-group.ultime-notizie a.tile {
margin: 0;
}
.card-group .text--tile-heading {
font-size: 22px;
line-height: 26px;
}
.card-group.ultime-notizie .tile_inner {
padding: 0;
height: 300px;
overflow: hidden;
}
.card-group.ultime-notizie .tile_image-wrapper {
height: 105px;
padding-bottom: 0px;
background-size: cover !important;
background-position: center center;
}
}
@media screen and (max-width: 768px) {
.card-group.ultime-notizie .tile_topic {
margin-bottom: 15px;
}
}
.card-group.mas-informaciones .hub_header {
margin-bottom: 22px;
}
.card-group.mas-informaciones .hub_header:after {
height: 0;
margin: 0;
}
/*.card-group.mas-informaciones .swiper-container {
width: 50%;
margin: 0 auto;
text-align: center;
overflow: visible;
position: relative;
}
.card-group.mas-informaciones .swiper-wrapper {
text-align: center;
display: block;
white-space: nowrap;
padding: 0 0 58px 0;
position: relative;
width: 100%;
height: 100%;
font-size: 0;
}
.card-group.mas-informaciones .swiper-slide {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0,36px;
text-align: center;
}*/
.card-group.mas-informaciones .swiper-pagination-bullets {
width: 100% !important;
}
.card-group .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #2e71fd;
}
.card-group.mas-informaciones .help-tabs__nav {
font-size: 0;
text-align: center;
display: block;
white-space: nowrap;
padding: 0 0 30px 0;
position: relative;
width: 100%;
}
.card-group.mas-informaciones .help-tabs__nav .card-tabs li {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0.36px;
margin: 0 10px;
text-align: center;
}
.card-group .card-tabs a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #353535;
display: inline-block;
position: relative;
background-color: #d9d9d9;
line-height: 30px;
}
.card-group .card-tabs a.active {
background: #0954fb;
color: #ffffff;
padding: 0 20px;
text-decoration: none;
}
.card-group .card-tabs a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #0954fb;
width: 20px;
height: 20px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.card-group .small-card {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.related-content_card-wrap {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
max-width: 1284px;
}
.card-group .swiper-slide {
width: auto !important;
margin: 0 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.related-content_card-wrap .module-content.parbase.small-card {
flex: 0 0 calc(50% - 30px);
max-width: calc(50% - 30px);
margin: 0 15px 20px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1343px) {
.related-content_card-wrap .module-content.parbase.small-card {
flex: 0 0 calc(33% - 30px);
max-width: calc(33% - 30px);
margin: 0 15px 20px;
}
.card-group .text--tile-heading {
font-size: 24px;
line-height: 30px;
}
.card-group.ultime-notizie .tile_content-wrapper {
padding: 31px 25px 31px 31px;
}
}
.related-content_card-wrap .module_content.parbase.small-card {
/* flex: 0 0 auto;*/
}
.card-group.bg-white .tile {
background: #f7f7f7;
}
.card-group.bg-white .tile_image-wrapper {
border-color: #f7f7f7;
}
.card-group.bg-white .swiper-slide a.active {
background: #f7f7f7;
}
.card-group.bg-white .swiper-slide a.active:after {
border-top-color: #f7f7f7;
}
/*** 29 - Mas informaciones - END ***/
/*** 30 - Preguntas Frecuentes - START ***/
.preguntas-frecuentes .container.tabs-container {
display: block;
position: relative;
width: 100%;
padding: 0;
margin-bottom: 10px;
}
.preguntas-frecuentes .tabs__labels {
width: 100%;
padding: 20px 5px;
justify-content: center;
}
.preguntas-frecuentes .swiper-slide {
width: auto;
}
.preguntas-frecuentes .tabs__label {
padding: 0 50px;
}
@media screen and (max-width: 767px) {
.preguntas-frecuentes .tabs__label {
padding: 0 5px;
}
}
.preguntas-frecuentes .tabs__btn-next,
.preguntas-frecuentes .tabs__btn-prev {
padding: 0 15px;
}
.preguntas-frecuentes .tabs__label-wrapper:before {
content: "";
box-sizing: content-box;
width: 100%;
padding: 0 5px;
left: -5px;
position: absolute;
height: 100%;
top: 5px;
background: #ddd;
z-index: 0;
}
.preguntas-frecuentes .tabs__label-wrapper {
margin-top: 20px;
}
.preguntas-frecuentes .swiper-container {
padding-bottom: 10px;
}
.preguntas-frecuentes .btn-container {
margin-bottom: 50px;
margin-top: 50px;
}
.preguntas-frecuentes .hub_header {
margin-bottom: 0;
margin-top: 50px;
}
.preguntas-frecuentes .detail-accordian [data-accordion] [data-control] {
font-size: 22px;
}
/*** 30 - Preguntas Frecuentes - END ***/
/*** 31 - Home Chile ***/
.home-swiper .swiper-container.gallery-top {
width: 100%;
height: 568px;
}
.home-swiper .swiper-slide {
background-position: center;
background-size: cover;
}
.home-swiper .swiper-slide-active .home-hero__title-mask {
width: 100%;
transition: width 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.4s 0.2s;
opacity: 1;
}
.home-swiper .swiper-pagination-bullets {
display: block;
}
.home-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
opacity: 1;
background: #7c7c7d;
}
.home-swiper .swiper-pagination-bullet-home.swiper-pagination-bullet-active {
position: relative;
}
.home-swiper
.swiper-pagination-bullet-home.swiper-pagination-bullet-active:focus {
outline: 0;
outline-color: transparent;
outline-style: none;
}
.home-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
width: 100% !important;
bottom: 120px !important;
}
.home-swiper .swiper-pagination-bullet-home {
height: 6px;
width: 80px;
display: inline-block;
background: #7c7c7d;
margin: 0 10px;
cursor: pointer;
}
.swiper-pagination-bullet-home.swiper-pagination-bullet-active .bulletProgress {
height: 6px;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-transition: width 5.5s;
transition: width 5.5s linear;
}
.swiper-pagination-bullet-active .bulletProgress {
width: 100%;
}
.home-hero__content .home-hero__title-wrap p {
margin-top: 20px;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.home-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 80px !important;
}
.home-swiper .home-hero__title-container {
max-width: 1024px;
width: 830px;
min-height: 150px;
height: auto;
margin-bottom: 55px;
}
.home-hero__title-mask {
min-height: 150px;
height: auto;
position: relative;
}
.home-hero__content .text--page-heading {
margin-bottom: 0;
}
.home-hero__title-wrap {
/** mail 27/11/18 colombia titolo lungo va su bottone
position: relative; **/
}
.home-hero__content .home-hero__title-wrap p {
display: block;
font-size: 16px;
line-height: 20px;
margin-top: 30px;
margin-bottom: 0;
}
}
@media screen and (max-width: 1023px) {
.home-swiper .home-hero__title-container {
max-width: 1024px;
width: 100%;
}
.home-hero__content .home-hero__title-wrap p {
margin-top: 10px;
margin-bottom: 20px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.home-swiper .swiper-container.gallery-top {
height: 350px;
}
.home-hero__content .text--page-heading {
margin: 0 0 5px;
font-size: 25px;
min-height: 0;
}
}
@media screen and (min-width: 1024px) {
.home-swiper .swiper-container.gallery-top {
height: 720px;
}
.home-swiper .home-hero__content__inner {
max-width: 1024px;
}
.home-swiper .home-hero__title-wrap {
max-width: 1024px;
width: 775px;
}
.home-swiper .swiper-pagination-bullet-home {
width: 150px;
}
}
@media screen and (min-width: 1280px) {
.home-swiper .home-hero__content__inner {
max-width: 1056px;
}
.home-swiper .home-hero__title-container {
width: 1086px;
}
.home-swiper .home-hero__title-wrap {
max-width: 1026px;
width: 966px;
}
}
/*** 31 - Home Chile END ***/
/*** 31 - Home Chile V2 ***/
.home-swiper.rounded-dots .swiper-pagination-bullet-home {
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0 6px;
}
.home-swiper.rounded-dots
.swiper-pagination-bullet-home.swiper-pagination-bullet-active
.bulletProgress {
display: none;
}
.home-swiper.rounded-dots
.swiper-pagination-bullet-home.swiper-pagination-bullet-active {
background: #fff;
}
/*** 31 - Home Chile END ***/
/*** 32 - Motorino home ***/
.search-block .btn-section {
padding-right: 0;
vertical-align: 21px;
background: white;
padding-bottom: 20px;
}
.search-block .btn-section a {
border: 2px solid #ff1065;
background-color: #ff1065;
color: #fff;
}
.search-block .btn-section a span {
font-size: 12px;
}
.search-block .btn-section a:active,
.search-block .btn-section a:focus {
border: 2px solid #ff0f64;
background-color: rgba(255, 15, 100, 0.2);
color: #ff0f64;
}
.search-block .btn-section a:active:after,
.search-block .btn-section a:focus:after,
.search-block .btn-section a:hover:after {
color: #ff0f64;
}
.search-block .btn-section a:hover {
border: 2px solid #ff0f64;
color: #ff0f64;
background: #fff;
text-decoration: none;
}
.search-block .btn-section a:after {
display: inline;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 5px;
color: #fff;
}
.search-block.filter-container {
max-width: 1314px;
margin: 30px auto;
position: relative;
}
.selectboxit-container * {
font-size: 18px;
letter-spacing: 0px;
line-height: 1;
white-space: nowrap;
outline: currentcolor none 0px;
}
.filter-container .search-section {
padding: 17px 30px 17px;
}
.selectMenuContent {
display: none;
}
.selectMenuOptions li div {
display: inline-block;
}
.selectMenuOptions li .optionsIcons {
width: auto;
vertical-align: middle;
padding-right: 20px;
}
#myselectSelectBoxItOptions li {
padding: 15px 20px;
min-height: 70px;
}
.selectboxit-container .selectboxit-list {
/*min-width: calc(100% + 30px);*/
}
.selectMenuOptions li:hover {
background-color: #f7f7f7;
}
.selectMenuOptions li .optionsIcons {
padding-right: 20px;
}
.selectMenuOptions li .optionsContent {
width: 85%;
vertical-align: middle;
}
.selectMenuOptions li div {
display: inline-block;
}
.selectMenuOptions li .optionsContent h5 {
font-size: 12px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: rgb(255, 15, 100);
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
}
.selectMenuOptions li .optionsContent p {
font-size: 15px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: rgb(0, 0, 0);
white-space: normal;
line-height: 20px;
}
.stella_icon::before {
content: url("../img/02-prima-att_1x.png");
}
.optionsIcons [class^="icon-"]:before {
font-size: 32px;
color: #ff0f64;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
line-height: 30px;
}
.search-section label {
font-size: 12px;
color: #222;
margin-bottom: 11px;
text-align: left;
display: block;
}
.selectboxit-container .selectboxit-list {
box-shadow: rgb(0, 0, 0) 4px 4px 45px -6px;
}
.filter-container .search-section .link-menu-section a {
display: block;
font-size: 12px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: rgb(255, 15, 100);
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
.wrapper-section.searchHome {
padding: 0;
}
.selectboxit-container.open .select-options-wrapper .selectboxit-list {
max-height: 400px !important;
top: 60px !important;
}
.searcHomeV2
.selectboxit-container.open
.select-options-wrapper
.selectboxit-list {
max-height: auto;
top: 0;
}
.selectboxit-container.open .selectboxit-list {
display: block !important;
}
.search-block {
position: fixed;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
width: 100%;
top: 0;
z-index: 20;
margin: 0 -15px;
transition: all 0.3s ease-in-out;
max-height: 100vh;
overflow-y: auto;
background: #fff;
}
.searcHomeV2 .search-block {
position: relative;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
width: 100%;
top: 0;
z-index: 20;
margin: 0;
transition: all 0.3s ease-in-out;
max-height: 100vh;
overflow-y: auto;
background: #fff;
}
.search-block.filter-container {
margin: 0 -15px;
}
.searcHomeV2 .search-block.filter-container {
margin: 0 0px;
}
.search-block.openOptions {
overflow-y: unset;
}
.filter-container .search-section {
padding: 17px 30px 0px;
}
.searcHomeV2 .filter-container .search-section {
padding: 17px 30px 17px;
}
.search-block.search-open {
-webkit-transform: translate(0, 0);
transform: translate(15px, 0);
right: 0px;
margin: 0px auto;
box-shadow: 4px 4px 45px -6px #000;
}
.hero-search-wrapper {
max-width: 767px;
padding: 0 7px;
z-index: 9;
}
.hero-search-wrapper .hero-search-mobile {
margin: 0 auto !important;
width: 100%;
box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.5);
position: static;
margin-bottom: -34px !important;
padding: 2%;
}
.hero-search-mobile .hero-search-inner {
height: 50px;
display: flex;
padding: 0 6px;
border: 2px solid #e7e7e7;
position: relative;
}
.hero-search-mobile .hero-search-inner div {
overflow: hidden;
width: 95%;
white-space: nowrap;
padding-right: 24px;
overflow: hidden;
text-overflow: ellipsis;
}
.hero-search-container {
display: flex;
flex-wrap: wrap;
}
.hero-search-mobile span:after {
content: ".";
display: inline-block;
vertical-align: top;
line-height: 4px;
font-size: 30px;
position: absolute;
top: -1px;
right: -12px;
}
.hero-search-mobile a {
align-self: center;
top: 2px;
right: 8px;
float: right;
}
.hero-search-mobile a.icon-search-small:before {
font-size: 19px;
color: #ff1065;
}
.hero-search-mobile span {
text-indent: -1px;
font-size: 15px;
color: rgb(47, 47, 47);
width: auto;
margin-right: 16px;
display: inline-block;
align-self: center;
}
.search-header {
background-color: #fff;
width: 100%;
padding: 18px 15px 0;
}
.search-header span {
display: inline-block;
float: right;
color: #ff0f64;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.8px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
cursor: pointer;
}
.search-header span.icon-chevron-up {
float: left;
font-size: 16px;
margin-top: -3px;
}
.search-header:after {
content: "";
display: block;
clear: both;
}
.filter-container .search-section label {
min-height: 20px;
overflow-y: hidden;
font-size: 12px;
margin-bottom: 5px;
}
.filter-container .search-section .link-menu-section a {
display: block;
font-size: 12px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: rgb(255, 15, 100);
text-transform: uppercase;
font-weight: 700;
margin-bottom: 5px;
}
.selectboxit-container .selectboxit-btn {
padding: 10px 35px 10px 10px;
text-align: left;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
font-size: 15px;
height: auto;
line-height: inherit;
max-width: none !important;
}
.select-menu-section,
.input-text-menu-section {
padding-bottom: 29px;
}
.search-block .btn-section {
padding: 17px 0;
}
.search-block .btn-section a {
width: 100%;
}
.select-options-wrapper {
height: 450px !important;
}
.select-options-header {
padding: 20px 15px 21px 15px;
text-align: right;
color: #ff0f64;
border-bottom: 1px solid #ebebeb;
}
.select-options-header span.label-text {
display: inline-block;
font-size: 20px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #222;
float: left;
}
.select-options-header span.icon-close {
cursor: pointer;
display: inline-block;
margin-top: 2px;
}
}
@media screen and (min-width: 768px) {
.search-header {
display: none;
}
.hero-search-mobile {
display: none;
}
.search-section {
display: block;
margin: 0 auto;
margin-top: 0px;
width: 95%;
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.17);
position: absolute;
z-index: 99;
top: 0;
left: 0;
right: 0;
background-color: #fff;
}
.filter-container .search-section > .select-menu-section {
width: 27%;
display: inline-block;
padding-right: 20px;
}
.filter-container .search-section > .input-text-menu-section,
.filter-container .search-section > .link-menu-section {
width: 31.5%;
display: inline-block;
padding-right: 20px;
}
.filter-container .search-section .select-menu-section:nth-child(3) {
width: 38%;
}
.search-block.filter-container {
height: 137px;
}
.filter-container .btn-section {
width: 50px;
height: 50px;
bottom: 17px;
position: absolute;
right: 30px;
margin: 0px;
z-index: 99;
}
.selectboxit-container .selectboxit-btn {
padding: 12px 40px 12px 18px;
}
.selectboxit-container .selectboxit-btn.version-a,
.selectboxit-container .selectboxit-btn.version-b {
min-height: 50px;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
height: auto;
line-height: 22px;
max-width: none !important;
}
.search-section label {
font-size: 15px;
line-height: 20px;
}
.selectMenuOptions {
width: calc(100% + 200px);
}
.search-block .btn-section {
background: 0;
padding-bottom: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.selectMenuOptions {
right: 0px;
}
.search-block.filter-container .btn-section .trova {
display: none;
}
.search-block .btn-section a {
padding: 14px 0;
margin: 0;
font-size: 13px;
line-height: 18px;
min-width: 50px;
}
.filter-container .search-section label {
min-height: 40px;
padding-bottom: 10px;
vertical-align: bottom;
display: table-cell;
}
}
@media screen and (min-width: 1024px) {
.search-section {
padding: 17px 20px 20px;
width: 100%;
text-align: left;
}
.search-block.filter-container {
height: 130px;
}
.filter-container .search-section > .input-text-menu-section:nth-child(1),
.filter-container .search-section > .input-text-menu-section:nth-child(2) {
width: 34%;
padding-right: 30px;
}
.filter-container .search-section > .link-menu-section {
width: 20%;
padding-right: 30px;
}
.filter-container .search-section > .select-menu-section:nth-child(1),
.filter-container .search-section > .select-menu-section:nth-child(2) {
width: 25.6%;
padding-right: 30px;
}
.filter-container .search-section > .select-menu-section,
.filter-container .search-section .select-menu-section:nth-child(3) {
width: 31.7%;
}
.filter-container .btn-section {
margin: 0;
position: absolute;
right: 30px;
top: 40px;
width: 15.7%;
z-index: 99;
}
.search-block .btn-section a {
min-width: auto;
margin: 0;
width: 100%;
padding: 15px 4px;
}
.search-section label {
margin-bottom: 5px;
font-size: 15px;
line-height: 18px;
}
.selectboxit-container .selectboxit-btn {
padding: 12px 40px 12px 18px;
}
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
height: auto;
line-height: inherit;
max-width: none !important;
}
}
/*** 32 - Motorino home END ***/
/*** 33 - Popup login ***/
.login-modal .login-details {
padding: 0 0;
}
.login-modal .login-details h2 {
letter-spacing: -1px;
}
.login-modal .login-details .btn-cta--clear {
margin-top: 40px;
padding: 12px 20px;
min-width: 240px;
}
.login-details .login-tabs {
font-size: 0;
text-align: center;
display: block;
white-space: nowrap;
padding: 45px 0 30px 0;
position: relative;
width: 100%;
height: 100%;
}
.login-details .login-tabs li {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0, 36px;
margin: 0 10px;
text-align: center;
}
.login-details .login-tabs li a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #353535;
display: inline-block;
position: relative;
background-color: #d9d9d9;
line-height: 30px;
}
.login-details .login-tabs li a.active {
background: #0954fb;
color: #ffffff;
padding: 0 20px;
}
.login-details .login-tabs li a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #0954fb;
width: 20px;
height: 20px;
position: absolute;
bottom: -19px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
#login-wrapper.login-modal {
padding: 15px 25px 25px;
}
.login-details .login-tabs li a {
margin-right: 0px;
}
.login-modal .login-details h2 {
font-size: 30px;
letter-spacing: -0.6px;
padding: 0 10px;
}
}
@media screen and (min-width: 768px) {
.login-details .login-tabs {
width: auto !important;
}
.login-modal .login-details h2 {
font-size: 50px;
letter-spacing: -0-6px;
padding: 0 10px;
}
}
/*** 34 - Pagina login ***/
.login-page.hero-hub {
text-align: center;
padding: 85px 0px !important;
}
.login-page_wrapper {
background-color: #fff;
}
.login-page .login-details {
padding: 0;
}
.login-page .login-details label {
margin-top: 25px;
display: block;
}
.login-page .login-details input[type="text"],
.login-page .login-details input[type="password"],
.login-page .login-details .selectboxit-container {
margin-top: 5px;
}
.login-page .login-details .login-tabs {
padding-bottom: 10px;
padding-top: 0;
}
.login-page-inner .radio-container {
float: left;
}
.login-page-inner .radio-outer .radio-container:first-child {
margin-right: 50px;
}
@media screen and (min-width: 768px) {
.login-page.hero-hub {
padding: 181px 0px 181px !important;
}
.login-page-inner {
max-width: 950px;
margin: 0 auto;
padding: 0;
}
.login-page-inner .form-group-01 {
float: left;
width: 75%;
}
.login-page-inner .form-group-02 {
float: left;
width: 25%;
padding-left: 10px;
}
.login-page-inner .form-group-02 input {
min-width: 0;
}
.login-page .login-details {
width: 400px;
margin: 0 auto;
}
.login-page .login-details .login-tabs {
padding-top: 55px;
}
}
/*** 36 - Header personas ***/
.home-personas-swiper .swiper-container.slider-personas {
width: 100%;
height: 485px;
}
.home-personas-swiper .swiper-slide {
background-position: center;
background-size: cover;
}
.home-personas-swiper .swiper-slide-active .home-hero__title-mask {
width: 100%;
transition: width 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.4s 0.2s;
opacity: 1;
}
.home-personas-swiper .swiper-pagination-bullets {
display: block;
}
.home-personas-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
opacity: 0.5;
background: #ffffff;
}
.home-personas-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
width: 100% !important;
bottom: 120px !important;
}
.home-personas-swiper
.swiper-pagination-bullets
.swiper-pagination-bullet-active {
background: #ffffff;
opacity: 1;
}
.home-personas-swiper .home-hero__title-wrap p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
margin: 0 0 50px 0;
}
@media screen and (max-width: 768px) {
.home-personas-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 40px !important;
}
.home-personas-swiper .home-hero__content .text--page-heading {
margin: 20px 0;
}
}
@media screen and (min-width: 768px) {
.home-personas-swiper .swiper-container.slider-personas {
height: 628px;
}
.home-personas-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 80px !important;
}
.home-personas-swiper .swiper-slide-active .home-hero__title-mask {
height: 260px;
}
}
@media screen and (min-width: 1024px) {
.home-personas-swiper .swiper-container.gallery-top {
height: 720px;
}
.home-personas-swiper .home-hero__title-container {
max-width: 1024px;
width: 830px;
}
.home-personas-swiper .home-hero__content__inner {
max-width: 1024px;
}
.home-personas-swiper .home-hero__title-wrap {
max-width: 1024px;
width: 775px;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
height: 18px;
width: 18px;
}
.home-personas-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 70px !important;
}
}
@media screen and (min-width: 1280px) {
.home-personas-swiper .home-hero__content__inner {
max-width: 1056px;
top: 55%;
}
.home-personas-swiper .home-hero__title-container {
width: 1086px;
height: 260px;
}
.home-personas-swiper .home-hero__title-wrap {
max-width: 1026px;
width: 966px;
}
}
/*** 36 - Header personas END ***/
/*** 39 - Partner loghi ***/
.partner-logos .hub_header {
margin-bottom: 30px;
margin-top: 30px;
}
.partner-logos {
margin: 0 auto 30px;
}
.partner-logos.partner-logos-greybg {
background: #f7f7f7;
padding: 40px 0;
}
.partner-item-inner {
text-align: center;
display: block;
position: relative;
background-color: #fff;
border-bottom: 4px solid #ddd;
}
.partner-item-inner:after {
content: "";
height: 50px;
background-color: #0555fa;
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 100%;
}
.partner-item-tile {
position: relative;
display: block;
}
.partner-logos .partner-item-tile img {
min-width: auto;
min-height: auto;
width: 100%;
margin: 0 0 50px 0;
}
.partner-logos .name {
z-index: 1000;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 50px;
width: 100%;
display: block;
font-size: 15px;
color: #ffffff;
text-align: center;
line-height: 50px;
}
@media screen and (min-width: 768px) {
.partner-layout {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
padding: 0;
}
.partner-logos {
margin: 0;
}
.partner-logos .partner-item {
flex: 0 0 calc(25% - 28px);
max-width: calc(25% - 28px);
margin: 0 14px;
position: relative;
}
}
@media screen and (min-width: 1024px) {
.partner-logos {
max-width: 100%;
margin: 0;
}
.partner-item-inner:after {
height: 7px;
transition: all 180ms ease-out 0s;
}
.partner-logos a.partner-item-tile:hover .partner-item-inner:after {
height: 50px;
}
.partner-logos .partner-item {
flex: 0 0 calc(16.6% - 28px);
max-width: calc(16.6% - 28px);
margin: 0 14px;
position: relative;
}
.partner-logos .name {
transition: all 0.2s ease-in;
height: 7px;
font-size: 0;
line-height: 50px;
}
.partner-logos a.partner-item-tile:hover .name {
height: 50px;
font-size: 15px;
}
.partner-logos .partner-item-tile img {
margin: 25px 0 25px;
transition: all 0.2s ease-in;
}
.partner-logos .partner-item-tile:hover img {
margin: 0px 0 50px;
}
}
/*** 35 - Prefooter ***/
.prefooter-cnt {
width: 100%;
display: block;
}
.prefooter-cnt .prefooter-text,
.prefooter-cnt .prefooter-img {
display: block;
text-align: center;
padding: 25px 15px;
}
.prefooter-cnt .prefooter-text {
padding-bottom: 0;
}
.prefooter-cnt .prefooter-text span {
color: #ffffff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 26px;
line-height: 35px;
letter-spacing: -0.6px;
display: block;
}
@media screen and (min-width: 768px) {
.prefooter-cnt {
display: table;
}
.prefooter-cnt .prefooter-text,
.prefooter-cnt .prefooter-img {
display: table-cell;
vertical-align: middle;
width: 50%;
padding: 37px 30px 38px;
}
.prefooter-cnt .prefooter-text {
text-align: right;
}
.prefooter-cnt .prefooter-img {
text-align: left;
}
.prefooter-cnt .prefooter-text span {
font-size: 30px;
line-height: 55px;
display: inline-block;
}
}
@media screen and (min-width: 768px) {
.prefooter-cnt .prefooter-text span {
font-size: 28px;
line-height: 44px;
display: inline-block;
}
}
/*** 41 - Paga tu boleta rapido ***/
.paga-rapido-container {
max-width: 1314px;
margin: 30px auto;
position: relative;
}
.paga-rapido-section {
text-align: left;
display: block;
margin: 0 auto;
width: 100%;
box-shadow: 0 0 20px 2px rgba(0, 0, 0, 0.17);
background-color: #fff;
}
.paga-rapido-tab ul {
font-size: 0;
}
.paga-rapido-tab ul li {
display: inline-block;
text-align: center;
width: 50%;
}
.paga-rapido-tab ul li.paga-rapido-tab-active {
background: #41b9e6;
}
.paga-rapido-tab ul li.paga-rapido-tab-active a {
color: #ffffff;
}
.paga-rapido-tab ul li a {
color: #222222;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 21px;
display: block;
padding: 15px;
}
.paga-rapido-tab-item .link-lost-num {
color: #ff0f64;
text-decoration: none;
display: block;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
line-height: 1.33333;
margin: 10px 0 0;
}
#modal-cliente {
width: 100%;
transform: translateY(-50px);
transition: all 0.33s;
padding: 35px 25px 35px;
vertical-align: top;
margin: 0;
border: 1px solid rgba(0, 0, 0, 0.6);
display: none;
}
#modal-cliente.modal-cliente-c {
overflow: unset;
}
#modal-cliente-search-result {
display: none;
}
.fancybox-slide--current #modal-cliente {
transform: translateY(0);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.6;
}
#modal-cliente label {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-bottom: 5px;
font-size: 15px;
line-height: 15px;
display: block;
}
#modal-cliente .fancybox-close-small::after {
font-size: 40px;
}
#modal-cliente .fancybox-close-small {
top: 8px;
right: 8px;
}
#modal-cliente h2 {
display: block;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 18px;
}
.modal-cliente-required {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 21px;
display: block;
margin: 15px 0 0 0;
}
.paga-rapido-tab-item label,
.paga-rapido-item label {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-bottom: 0px;
font-size: 15px;
line-height: 15px;
display: block;
}
.paga-rapido-item label {
margin-bottom: 13px;
}
.paga-rapido-item .selectboxit-container .form-control.selectboxit-btn {
min-height: 50px;
height: 50px;
}
.paga-rapido-links {
display: block;
margin: 10px 0 0 0;
}
.paga-rapido-links li {
display: inline-block;
}
.paga-rapido-links li:after {
content: " | ";
color: #ff0f64;
display: inline-block;
font-size: 100%;
margin: 0 0 0 5px;
}
.paga-rapido-links li:last-child:after {
content: " ";
}
.paga-rapido-links li a {
color: #ff0f64;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 19px;
}
.paga-rapido-tab-item input[type="text"] {
margin-top: 13px;
}
@media screen and (max-width: 767px) {
.paga-rapido-section {
padding: 20px;
}
.paga-rapido-tab {
padding: 15px;
padding-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
}
.paga-rapido-tab-item {
padding: 15px;
}
.paga-rapido-tab-item label {
margin: 15px 0 5px 0;
}
.paga-rapido-tab-item .latam-btn-cta--pink {
margin: 15px 0 0 0;
}
.modal-cliente-col-outer .modal-cliente-col {
margin: 20px 0 0 0;
}
.modal-cliente-cnt .modal-cliente-col-outer:nth-child(2) .modal-cliente-col {
margin: 0;
}
.modal-cliente-btn .latam-btn-cta--pink,
.modal-cliente-btn .latam-btn-cta {
width: 100%;
margin: 15px 0 0 0;
}
.modal-cliente-cnt .select-menu-section {
padding: 0;
}
.modal-cliente-col-block2 {
margin: 30px 0 0 0;
}
.modal-cliente-col-block2 label {
margin: 20px 0 0 0;
}
.paga-rapido-tab-field .paga-rapido-tab-field-item:first-child label {
margin-top: 15px;
}
.paga-rapido-tab-item .latam-btn-cta--pink:before {
content: "";
display: table;
clear: both;
}
.paga-rapido-tab-item .link-lost-num {
margin: 10px 0 0 0;
}
}
@media screen and (min-width: 768px) {
.paga-rapido-section {
display: table;
padding: 20px;
}
.paga-rapido-tab {
width: 100%;
display: block;
padding: 0 30px 30px 30px;
border-bottom: 1px solid #e8e8e8;
}
.paga-rapido-tab-cnt {
width: 100%;
display: block;
padding: 30px;
vertical-align: top;
}
.paga-rapido-tab ul {
font-size: 0;
}
.paga-rapido-tab ul li {
text-align: center;
display: inline-block;
width: 50%;
}
.paga-rapido-tab ul li a {
font-size: 18px;
padding: 30px;
line-height: 35px;
}
.paga-rapido-tab-item .link-lost-num {
margin: 16px 0 0 0;
}
.paga-rapido-tab-item input[type="text"] {
max-width: 400px;
padding: 14px 10px 14px;
font-size: 16px;
line-height: 18px;
margin: 13px 20px 0 0;
}
.paga-rapido-tab-item .latam-btn-cta--pink {
margin: 15px 0 0;
padding: 15px 33px;
min-width: 230px;
}
.paga-rapido-tab-item .paga-rapido-tab-field .latam-btn-cta--pink {
margin-top: 15px;
}
.paga-rapido-tab-field {
display: block;
}
.paga-rapido-tab-field label {
margin-top: 23px;
}
.paga-rapido-tab-field input[type="checkbox"] + label {
padding: 0 1.5em;
}
.paga-rapido-tab-item {
width: 100%;
display: table;
}
#modal-cliente {
width: 100%;
}
.modal-cliente-cnt {
display: table;
width: 100%;
font-size: 0;
padding: 55px 0 35px 0;
}
.modal-cliente-col-outer {
display: table;
width: 100%;
font-size: 0;
}
.modal-cliente-col {
width: 50%;
display: table-cell;
}
.modal-cliente-cnt .modal-cliente-col:first-child {
padding-right: 15px;
}
.modal-cliente-cnt .modal-cliente-col:last-child {
padding-left: 15px;
}
#modal-cliente h2 {
font-size: 18px;
line-height: 21px;
}
#modal-cliente .modal-cliente-cnt input[type="text"] {
width: 100%;
padding: 14px 10px;
font-size: 16px;
line-height: 18px;
}
.selectboxit {
line-height: 22px;
}
.modal-cliente-btn {
margin: 20px 0 0 0;
}
.modal-cliente-btn .latam-btn-cta--pink,
.modal-cliente-btn .latam-btn-cta {
width: 48%;
}
.modal-cliente-btn .latam-btn-cta--pink {
margin-right: 4%;
}
.modal-cliente-col-block2 {
margin: 55px 0 0 0;
}
.modal-cliente-col-block2 h2 {
margin: 0 0 20px 0;
}
.modal-cliente-required {
margin: 30px 0 0 0;
}
}
@media screen and (min-width: 767px) and (max-width: 1023px) {
.paga-rapido-tab-field .paga-rapido-tab-field-item:first-child label {
margin-top: 0;
}
}
@media screen and (max-width: 1023px) {
.paga-rapido-tab-field {
width: 100%;
}
}
@media screen and (min-width: 1024px) {
#modal-cliente {
width: 910px;
}
.paga-rapido-section {
padding: 20px 0;
}
.paga-rapido-tab {
width: 30%;
display: table-cell;
padding: 0 40px;
border-bottom: 0 solid #e8e8e8;
border-right: 1px solid #e8e8e8;
}
.paga-rapido-tab-field-item input[type="text"] {
max-width: 230px;
}
.paga-rapido-tab-cnt {
width: 70%;
display: table-cell;
padding: 0 30px 0 40px;
vertical-align: middle;
}
.paga-rapido-tab ul li {
display: block;
width: 100%;
text-align: right;
}
.paga-rapido-tab ul li a {
font-size: 18px;
}
.paga-rapido-tab-field-item {
width: 230px;
float: left;
margin: 0 30px 0 0;
}
.paga-rapido-tab-field-item input[type="text"] {
max-width: 330px;
}
.paga-rapido-tab-field {
display: table-cell;
vertical-align: top;
float: left;
}
.paga-rapido-links {
margin: 20px 0 0 0;
}
.paga-rapido-tab-item .paga-rapido-tab-field .latam-btn-cta--pink {
margin-top: 44px;
}
}
.paga-rapido-login-items,
.paga-rapido-login-items2 {
display: flex;
/*flex-wrap: wrap;*/
}
.paga-rapido-login-items2 {
justify-content: space-between;
}
.paga-rapido-login-item {
padding: 0 10px 0 0;
}
.paga-rapido-login-item input {
max-width: 180px;
min-width: 100px;
margin: 13px 0 0 0;
}
.paga-rapido-tab-item .paga-rapido-tab-field .latam-btn-cta--pink {
margin-top: 0;
min-width: 140px;
margin-top: 28px;
}
.paga-rapido-login-recordar {
margin-top: 20px;
}
.paga-rapido-login-recordar label {
padding: 0 1.5em;
}
@media screen and (max-width: 1023px) {
.paga-rapido-login-items {
flex-wrap: wrap;
}
.paga-rapido-login-items2 {
flex-direction: column;
}
.paga-rapido-login-recordar {
order: 1;
margin-bottom: 10px;
}
.paga-rapido-links-container {
order: 2;
}
}
/*** 40 - Clientes Libres ***/
.clientes-libres {
padding-top: 90px;
}
.clientes-libres .tabs-wrapper {
display: flex;
}
.clientes-libres .tabs-wrapper ul::before {
content: "";
box-sizing: content-box;
width: 100%;
padding: 0 3px;
left: -3px;
position: absolute;
height: 100%;
top: 5px;
background: #ddd;
z-index: 0;
}
.clientes-libres .tabs-wrapper ul {
font-size: 0;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-around;
width: 100%;
}
.clientes-libres .tabs-wrapper li {
background-color: #f4f4f4;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
flex: 0 1 auto;
}
.clientes-libres .tabs-wrapper li a {
color: #000000;
font-size: 16px;
line-height: 18px;
text-align: center;
padding: 30px;
display: block;
width: 100%;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.clientes-libres .tabs-wrapper li a:hover {
text-decoration: none;
}
.clientes-libres ul li.clients-libres-tab-active {
background: #ff0f64;
}
.clientes-libres ul li.clients-libres-tab-active a {
color: #ffffff;
}
.clientes-libres .article-content_inner {
margin: 60px 0 0 0;
}
.clientes-libres .article-content_inner .rich-text--social .rich-text_inner {
padding: 0;
}
.clientes-libres .tarifa {
width: 100%;
margin-top: 40px;
}
.clientes-libres .rich-text .rich-text_inner ul {
list-style: none;
padding: 0;
margin: 0;
}
.clientes-libres .rich-text .rich-text_inner li {
padding-top: 15px;
padding-left: 1.5em;
text-indent: -1.5em;
}
.clientes-libres .rich-text .rich-text_inner li:before {
content: "■";
color: #c6c6c6; /* or whatever color you prefer */
margin-right: 1em;
}
.clientes-libres .rich-text .rich-text_inner .tarifa p {
text-align: center;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 20px;
padding: 10px;
margin: 0;
}
.clientes-libres .rich-text .rich-text_inner .tarifa p:first-child::before {
content: "";
box-sizing: content-box;
width: 100%;
height: 2px;
padding: 0;
left: 0;
bottom: 0;
position: absolute;
background: #41b9e6;
z-index: 0;
}
.clientes-libres .image-cnt {
display: block;
margin: 35px 0 0 0;
width: 100%;
}
.clientes-libres .image-cnt > div {
display: block;
padding: 20px;
}
.clientes-libres .image-cnt .image {
text-align: center;
}
.clientes-libres .image-cnt .image img {
max-width: 100%;
width: 100%;
}
.clientes-libres .image-cnt .image-text {
text-align: left;
}
.clientes-libres .image-cnt .image-text p {
color: #222222;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 35px;
margin: 15px 0 0 0;
}
.clientes-libres .image-cnt .image-text .category {
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 12px;
letter-spacing: 3px;
line-height: 16px;
color: #222;
font-weight: 700;
text-transform: uppercase;
opacity: 0.4;
}
.clientes-libres .detail-accordian {
background-color: #ffffff;
border: 1px solid #e5e5e5;
padding: 0;
margin: 40px 0 0 0;
}
.clientes-libres .detail-accordian [data-accordion] {
padding: 0;
}
.clientes-libres .detail-accordian [data-accordion] [data-control] {
padding: 35px 27px;
}
.clientes-libres .detail-accordian [data-accordion]::after {
top: 37px;
right: 25px;
}
.clientes-libres .detail-accordian [data-content] .item-data {
padding: 0;
}
.clientes-libres .list-item {
border: 0;
padding: 0 27px;
border-top: 1px solid #e5e5e5;
}
.clientes-libres .list-item--press .list-item_text-wrapper {
padding: 27px 0;
}
.clientes-libres .list-item_file-wrapper {
padding: 20px 0;
}
.clientes-libres .rich-text--social h3.list-item_title.text--list-title-med {
margin: 0;
}
.clientes-libres .rich-text--social h3.list-item_title.text--list-title-med a {
color: #ff0f64;
}
.clientes-libres
.rich-text--social
h3.list-item_title.text--list-title-med
a:hover {
color: #ff0f64;
text-decoration: underline;
}
.clientes-libres .detail-accordian [data-content] .item-data a {
text-decoration: none;
color: #000000;
}
.clientes-libres .detail-accordian [data-content] .item-data a:hover {
color: #ffffff;
}
.clientes-libres .rich-text .rich-text_inner p {
margin: 20px 0 0 0;
}
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
.clientes-libres .tarifa {
margin-top: 80px;
}
.clientes-libres .detail-accordian {
margin: 70px 0 0 0;
}
.clientes-libres .image-cnt {
display: table;
margin: 35px 0 0 0;
width: 100%;
}
.clientes-libres .image-cnt > div {
display: table-cell;
width: 50%;
vertical-align: middle;
padding: 20px;
}
.clientes-libres .rich-text .rich-text_inner .tarifa p {
font-size: 20px;
line-height: 35px;
padding: 20px;
}
.clientes-libres .rich-text .rich-text_inner li {
padding-top: 30px;
}
.clientes-libres .image-cnt .image-text p {
font-size: 22px;
line-height: 35px;
}
.clientes-libres .image-cnt .image {
text-align: right;
}
.clientes-libres .image-cnt .image-text {
text-align: left;
}
.clientes-libres .rich-text .rich-text_inner p {
margin: 30px 0 0 0;
}
}
@media screen and (min-width: 1024px) {
.clientes-libres .rich-text .rich-text_inner .tarifa p {
font-size: 28px;
line-height: 34px;
}
.clientes-libres .image-cnt .image-text p {
font-size: 30px;
line-height: 45px;
}
}
/*** 42 - Modulo video ***/
@media screen and (min-width: 1024px) {
.video-box .bento__item.article {
width: 40%;
}
.video-box .bento__item.image-large {
width: 60%;
}
.bento__item.image-large .rwd-video iframe,
.rwd-video object,
.rwd-video embed {
max-height: none;
}
}
/*** 43 - Modulo collage ***/
.collage .container {
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
}
.collage .images {
width: 50%;
}
.collage .text {
width: 50%;
}
.collage .images .img1 {
max-width: 100%;
}
.collage .images .img1 img {
max-width: 100%;
}
.collage .images .img2 img {
max-width: 65%;
}
.collage .images .img2 {
margin-top: -100px;
text-align: right;
margin-right: 6%;
}
.collage .text {
padding-top: 60px;
padding-left: 70px;
padding-right: 70px;
}
.collage .text .eyebrow {
color: #222222;
font-family: Georgia;
font-size: 11px;
opacity: 1;
margin-bottom: 30px;
}
.collage .text .title {
color: #41b9e6;
font-size: 50px;
margin-bottom: 35px;
}
.collage .text p {
color: #222;
font-size: 18px;
line-height: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.collage .text .link {
margin-top: 0px;
font-size: 13px;
}
@media screen and (max-width: 768px) {
.collage .container {
flex-direction: column;
}
.collage .images,
.collage .text {
width: 100%;
}
.collage .text {
padding: 10px;
order: 1;
}
.collage .images {
order: 2;
margin-bottom: 40px;
}
.collage .link {
margin-bottom: 40px;
}
.collage .images .img2 {
display: none;
}
.collage .images .img1 img {
width: 100%;
}
.collage .images .img1 {
/*position: absolute;*/
margin-left: -25px;
margin-right: -25px;
max-width: none;
width: auto;
}
.collage .text:after {
content: "";
position: absolute;
top: 99%;
left: 50%;
margin-left: -25px;
width: 0;
height: 0;
border-top: solid 25px #fff;
border-left: solid 25px transparent;
border-right: solid 25px transparent;
}
}
/*** 46 - Modulo contatore ***/
.contatore .section-title {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}
.contatore .container-flex {
display: flex;
justify-content: space-around;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding-bottom: 60px;
}
.contatore .image {
width: 40%;
}
.contatore .text {
width: 60%;
}
.contatore .image img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.contatore .text {
padding-top: 0;
padding-left: 70px;
padding-right: 70px;
}
.contatore .text .title {
/*color: #41B9E6;*/
font-size: 30px;
line-height: 45px;
margin-bottom: 25px;
}
.contatore .text p {
color: #222;
font-size: 18px;
line-height: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.contatore .text p.notes {
margin-top: 40px;
color: #222;
font-size: 15px;
line-height: 22px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.contatore .text .link {
margin-top: 40px;
font-size: 13px;
}
.contatore .icon-blocks {
display: flex;
flex-wrap: wrap;
}
.contatore .icon-block {
width: 50%;
display: flex;
/*align-items: center;*/
margin-top: 20px;
}
.contatore .icon-block .img {
width: 20%;
margin-top: 10px;
text-align: center;
}
.contatore .icon-block .description {
width: 80%;
padding: 0 10px;
color: #222;
font-size: 18px;
line-height: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.contatore .icon-block .img img {
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.contatore .image {
width: 30%;
}
.contatore .text {
width: 70%;
}
}
@media screen and (max-width: 768px) {
.contatore .section-title {
padding-bottom: 10px;
}
.contatore .container-flex {
flex-direction: column;
}
.contatore .image,
.contatore .text {
width: 100%;
}
.contatore .text {
padding: 10px;
order: 2;
}
.contatore .image {
order: 1;
margin-bottom: 40px;
max-width: 70%;
}
.contatore .link {
margin-bottom: 40px;
}
.contatore .image .img2 {
display: none;
}
.contatore .image .img1 img {
width: 100%;
}
.contatore .image .img1 {
/*position: absolute;*/
margin-left: -25px;
margin-right: -25px;
max-width: none;
width: auto;
}
}
@media screen and (max-width: 767px) {
.contatore .icon-blocks {
flex-direction: column;
}
.contatore .icon-block {
width: 100%;
}
.contatore .icon-block .img {
margin-top: 0;
}
.contatore .image {
margin-bottom: 30px;
}
.contatore .text .title {
/*color: #41B9E6;*/
font-size: 24px;
line-height: 36px;
margin-bottom: 20px;
}
.contatore .icon-block .description {
font-size: 17px;
line-height: 25px;
}
.contatore .icon-block {
margin-top: 15px;
}
.contatore .text p.notes {
font-size: 15px;
}
}
/*** 46 - FINE Modulo contatore ***/
/*** 47 - Tabelle ***/
.anchorTables {
border-bottom: 5px solid #f7f7f7;
}
.tableContainer {
padding-bottom: 0 0 30px;
}
.anchorTables-inner {
max-width: 800px;
margin: 0 auto;
padding: 20px 0 0;
}
.anchorTables-cnt {
margin-top: 20px;
}
.anchorTables-inner h2 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
letter-spacing: -0.88px;
line-height: 127.27273%;
color: #000;
margin-top: 40px;
}
.anchorTables-inner p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 173.33333%;
color: #111;
margin-top: 15px;
}
.anchorTables-cnt h2 {
font-size: 20px;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: -0.88px;
line-height: 127.27273%;
margin-top: 40px;
}
.anchorTables-inner h3 {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.88px;
line-height: 127.27273%;
color: #000;
margin-top: 40px;
}
.table-simple {
width: 100%;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
margin: 0;
border-collapse: separate;
}
.table-simple th {
text-align: center;
color: #000000;
font-size: 16px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #e7e7e7;
background-clip: padding-box;
box-sizing: border-box;
}
.table-simple td {
text-align: left;
color: #000000;
font-size: 16px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #ffffff;
background-clip: padding-box;
position: relative;
box-sizing: border-box;
}
.table-simple tbody tr:nth-child(even) td {
background: #ffffff;
}
.table-simple tbody tr:nth-child(odd) td {
background: #f7f7f7;
}
.table-simple tr:hover > td {
background-color: #f6f9ff;
}
.table-public.dataTable {
width: 100% !important;
border-top: 3px solid #dddddd;
border-right: 3px solid #dddddd;
border-bottom: 3px solid #dddddd;
box-sizing: border-box;
margin: 0;
}
.table-public.table-public2.dataTable {
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.table-public.table-public2.dataTable a {
color: #ff0f64;
}
.table-public.table-public3.dataTable {
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
}
.table-public.table-public3.dataTable a {
color: #ff0f64;
}
table.dataTable.no-footer {
border-bottom: 3px solid #dddddd;
}
table.dataTable.table-public2.no-footer {
border-bottom: 1px solid #dddddd;
}
.table-public.dataTable th {
text-align: left;
color: #000000;
font-size: 15px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
letter-spacing: -0.36px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #e7e7e7;
background-clip: padding-box;
box-sizing: border-box;
}
.table-public.table-public2.dataTable th {
text-align: center;
font-weight: 700;
font-size: 15px;
border-left: 1px solid #dddddd;
}
.table-public.table-public3.dataTable th {
/*text-align: left;*/
font-weight: 700;
font-size: 15px;
border-left: 1px solid #dddddd;
background-color: #ffffff;
}
.table-public.dataTable th span {
display: block;
font-size: 13px;
}
.table-public.dataTable .table-public-th-light {
background-color: #ffffff;
}
.table-public.dataTable th:first-child {
text-transform: uppercase;
}
.table-public.table-public2.dataTable th:first-child,
.table-public.table-public3.dataTable th:first-child {
text-transform: none;
}
.table-public.dataTable thead th {
font-weight: 400;
}
.table-public.dataTable td {
text-align: left;
color: #000000;
font-size: 15px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
letter-spacing: -0.36px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #ffffff;
background-clip: padding-box;
position: relative;
box-sizing: border-box;
}
.table-public.table-public2.dataTable td {
border-left: 1px solid #dddddd;
}
.table-public.table-public3.dataTable td {
border-left: 1px solid #dddddd;
}
.table-public.dataTable tr:hover > td {
background-color: #f6f9ff;
background-clip: padding-box;
}
.dataTables_wrapper .dataTables_paginate {
float: none;
text-align: center;
padding: 20px 0 0 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #999999;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
color: #999999 !important;
border: 0;
display: inline-block;
min-width: 35px;
line-height: 20px;
border-right: 1px solid #dddddd;
padding: 0;
margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:last-child,
.dataTables_wrapper .dataTables_paginate .paginate_button:last-child:hover {
border: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
color: #ff4687 !important;
text-transform: uppercase;
border: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover {
border: 0;
color: #ff4687 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
margin-right: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous::before {
margin-right: 5px;
font-family: "icomoon";
content: "\e906";
font-style: normal;
font-weight: normal;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next::after {
margin-left: 5px;
font-family: "icomoon";
content: "\e905";
font-style: normal;
font-weight: normal;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
margin-left: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
background: #fff !important;
color: #999999 !important;
border: 0;
border-right: 1px solid #dddddd;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
width: 35px;
background: #fff !important;
border: 2px solid #000000;
padding: 5px;
color: #000000 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
color: #999999 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
color: #999999 !important;
}
.table-simulator.dataTable {
width: 100% !important;
box-sizing: border-box;
margin: 0;
}
.table-simulator.dataTable tbody tr {
background-color: transparent;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 0;
}
.table-simulator.dataTable.no-footer {
border-bottom: none;
}
.table-simulator.dataTable th {
text-align: center;
color: #fff;
font-size: 16px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
padding: 15px 20px;
background-clip: padding-box;
box-sizing: border-box;
white-space: nowrap;
}
.table-simulator.dataTable .dt-body-left {
text-align: left;
}
.table-simulator.dataTable td {
text-align: center;
color: #fff;
font-size: 20px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
line-height: 23px;
padding: 15px 20px 15px 20px;
background-clip: padding-box;
position: relative;
box-sizing: border-box;
}
#tableArtefacto.table-public.dataTable {
border: 2px solid #dddddd;
}
#tableArtefacto.table-public.dataTable td:first-child,
#tableArtefacto.table-public.dataTable th:first-child {
border-left: 0 solid #dddddd;
}
#tableArtefacto.table-public.dataTable td {
width: 33%;
}
#tableArtefacto.table-public.dataTable th {
text-transform: none;
font-size: 15px;
width: 33%;
font-weight: bold;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
#tableArtefacto.table-public.dataTable td .delete-row {
position: absolute;
right: -20px;
top: 15px;
font-weight: bold;
cursor: pointer;
}
@media screen and (max-width: 767px) {
#tableArtefacto.table-public.dataTable {
border: 0 solid #dddddd;
}
#tableArtefacto.table-public.dataTable td:first-child {
border-left: 1px solid #dddddd;
}
#tableArtefacto.table-public.dataTable th,
#tableArtefacto.table-public.dataTable td {
width: 100%;
}
#tableArtefacto.table-public.dataTable td {
min-height: 50px;
}
#tableArtefacto.table-public.dataTable td .delete-row {
right: -7px;
top: -40px;
font-size: 20px;
}
}
.table-simulator.dataTable thead th,
.table-simulator.dataTable thead td {
border: 0;
}
.table-simulator .selectboxit-container .selectboxit {
border: 2px solid rgba(255, 255, 255, 0.38);
border-radius: 0;
width: auto;
}
.table-simulator .selectboxit-container .selectboxit-btn .selectboxit-text {
color: #fff;
padding-right: 10px;
}
.table-simulator .selectboxit-container .selectboxit-btn::after {
margin-top: -5px;
color: #fff;
}
.table-simulator .eliminar {
font-size: 20px;
display: inline-block;
color: #ffffff;
}
.table-simulator .eliminar:hover {
text-decoration: none;
}
.table-simulator .eliminar:before {
font-family: "icomoon";
content: "\e94d";
font-style: normal;
font-weight: normal;
}
.detail-accordian [data-content] .item-data .table-simulator ul li {
padding-left: 0;
}
.detail-accordian [data-content] .item-data .table-simulator ul li:before {
content: "";
}
@media screen and (max-width: 767px) {
.anchorTables {
display: none;
}
.table-public.dataTable thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.table-public.dataTable {
border-right: 0;
border-top: 0;
}
.table-public.dataTable tr {
display: block;
margin-top: 6px;
}
.table-public.dataTable td {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
display: block;
font-size: 15px;
text-align: right;
}
.table-public.dataTable tr td:first-child {
border-top: 1px solid #e6e6e6;
}
.table-public.dataTable td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
table td:last-child {
border-bottom: 0;
}
table.dataTable.no-footer {
border-bottom: 0 !important;
}
.table-public.dataTable tr > td:nth-child(even) {
background-color: #f7f7f7;
}
.table-simulator.dataTable thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.table-simulator.dataTable tr {
display: block;
margin-top: 6px;
}
.table-simulator.dataTable td {
display: block;
font-size: 15px;
text-align: right;
padding: 0 0 20px 0;
}
.table-simulator.dataTable td:before {
content: attr(data-label);
display: block;
font-weight: bold;
text-align: left;
}
.simulator-info {
margin-top: 15px;
}
}
@media screen and (min-width: 768px) {
.anchorLinks {
width: 100%;
}
.anchorLinks ul {
display: block;
text-align: center;
margin: 0 auto;
font-size: 0;
}
.anchorLinks ul li {
display: inline-block;
}
.anchorLinks ul li a {
display: block;
color: #000000;
font-size: 14px;
line-height: 18px;
text-align: center;
padding: 15px 20px;
display: block;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
}
.anchorLinks ul li a:hover {
text-decoration: none;
}
.anchorLinks ul li.anchorLinks-active,
.anchorLinks ul li:hover {
background: #ff0f64;
}
.anchorLinks ul li a:target {
color: #ffffff;
}
.anchorLinks ul li.anchorLinks-active a,
.anchorLinks ul li:hover a {
color: #ffffff;
}
.tableContainer {
padding-bottom: 60px;
}
.anchorTables-inner {
padding: 30px 0 0 0;
}
.anchorTables-inner h2 {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
margin-top: 60px;
}
.anchorTables-inner h3 {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
margin-top: 60px;
}
.anchorTables-inner p {
font-size: 22px;
letter-spacing: 0.44px;
line-height: 163.63636%;
margin-top: 30px;
}
.anchorTables-cnt {
margin-top: 100px;
}
.anchorTables-cnt h2 {
font-size: 22px;
}
.table-public.dataTable {
margin-top: 30px;
}
.table-public.dataTable td.table-public.dataTable-td-arrow:after {
display: inline-block;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
position: absolute;
color: #838383;
right: 20px;
top: 50%;
line-height: 20px;
margin-top: -10px;
}
.table-public.dataTable td:first-child,
.table-public.dataTable th:first-child {
border-left: 3px solid #dddddd;
}
.table-public2.dataTable td:first-child,
.table-public2.dataTable th:first-child {
border-left: 1px solid #dddddd;
}
.table-public3.dataTable td:first-child,
.table-public3.dataTable th:first-child {
border-left: 1px solid #dddddd;
}
.table-public.dataTable td {
background-color: #ffffff;
font-size: 18px;
}
.table-public.dataTable th {
font-size: 18px;
}
.table-public.table-public2.dataTable td {
background-color: #ffffff;
font-size: 18px;
}
.table-public.table-public2.dataTable th {
font-size: 18px;
}
.table-public.table-public3.dataTable td {
background-color: #ffffff;
font-size: 15px;
}
.table-public.table-public3.dataTable th {
font-size: 15px;
}
.table-public.dataTable tr:nth-child(odd) > td {
background-color: #f7f7f7;
}
.table-public.dataTable .table-public.dataTable-cell-center {
text-align: center;
}
.table-public.dataTable tr > th.table-public-cell-arrow {
border-left: 0;
}
.table-public.dataTable tr > td.table-public-cell-arrow {
border-left: 0;
text-align: center;
}
.table-public.dataTable .table-public-cell-center {
text-align: center;
}
.table-public.dataTable .table-public-th-type1 {
text-align: center;
background-color: #f7f7f7;
}
}
/*** 48 - Full width content ***/
.full-width-banner {
position: relative;
width: 100%;
height: 300px;
margin: 0 auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.full-width-banner .full-width-banner-cursor {
width: 14px;
height: 64px;
top: 72px;
left: 11px;
position: absolute;
background: #fff;
}
.full-width-banner .full-width-banner-text {
top: 64px;
left: 35px;
position: absolute;
}
.full-width-banner .full-width-banner-text h2 {
color: #ffffff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 42px;
letter-spacing: -0.84px;
}
.full-width-banner .full-width-banner-text p {
color: #ffffff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.36px;
}
@media screen and (max-width: 767px) {
.full-width-banner-outer {
padding-left: 5px;
padding-right: 5px;
}
.full-width-banner .full-width-banner-text .btn-cta {
margin-top: 15px;
}
.full-width-banner .full-width-banner-text {
width: calc(100% - 64px); /* 13757 fix indicata da imille */
}
/* fix indicata da imille
.full-width-banner .full-width-banner-text h2,
.full-width-banner .full-width-banner-text p {
max-width: 90%;
}
*/
/*.full-width-banner .full-width-banner-text .btn-cta {
display: none;
} */
}
@media screen and (min-width: 768px) {
.full-width-banner {
height: 395px;
}
.full-width-banner .full-width-banner-cursor {
width: 43px;
height: 106px;
top: 126px;
left: 24px;
}
.full-width-banner .full-width-banner-text {
top: 114px;
left: 94px;
}
.full-width-banner .full-width-banner-text h2 {
font-size: 42px;
line-height: 58px;
}
.full-width-banner .full-width-banner-text p {
font-size: 20px;
line-height: 32px;
}
.full-width-banner .full-width-banner-text .btn-cta {
margin-top: 43px;
}
}
/*#10134 align with style.css begin*/
/*
@media screen and (max-width: 480px) {
.full-width-banner .full-width-banner-text {
top: 20px;
}
.full-width-banner .full-width-banner-cursor {
top: 28px;
}
}
*/
/*#10134 align with style.css end*/
/*** 44 - Banner orizzntale con immagine di sfondo ***/
section.horizontal-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
section.horizontal-banner .footer-hero-cta__title {
font-size: 40px;
color: #000000;
padding: 0 25px;
}
section.horizontal-banner.footer-hero-cta {
padding: 100px 0 115px;
}
section.horizontal-banner.footer-hero-cta .cta-holder {
margin: 25px 0 0;
}
@media screen and (min-width: 768px) {
section.horizontal-banner {
background-size: contain;
}
section.horizontal-banner.footer-hero-cta {
padding: 122px 0 120px;
}
section.horizontal-banner .footer-hero-cta__title {
font-size: 50px;
}
section.horizontal-banner.footer-hero-cta .cta-holder {
margin: 79px 0 0;
}
}
/*** 45 - Modulo mappa ***/
.map-section #map-display {
height: 600px;
display: flex;
}
.map-section-cortes #map-display {
height: 700px;
}
.map-section #map-filters {
overflow: hidden;
background: #f6f6f6;
display: flex;
align-items: flex-end;
}
.map-section #map-filters.cortes-d {
overflow: unset;
}
.map-section-cortes-b #map-filters {
background: #fff;
}
.map-section-cortes-b #map-filters {
justify-content: center;
}
.map-section #map-filters .form-group {
margin-bottom: 10px;
margin-top: 20px;
width: auto;
}
.map-section #map-filters .form-group-search {
margin-left: 2%;
width: 23%;
}
.map-section-cortes-b #map-filters .form-group-search {
margin-left: 2%;
width: 30%;
margin-bottom: 40px;
margin-top: 40px;
}
.map-section-cortes-b #map-filters.cortes-d .form-group-search {
width: 40%;
}
.map-section-cortes-b #map-filters.cortes-d .select-container {
width: 80%;
margin: 0 auto;
}
.map-section-cortes-b #map-filters.cortes-d .form-group-search label {
font-size: 50px;
}
.map-section-cortes-b.map-section-cortes-e #map-filters .form-group-search {
margin-left: 2%;
width: 90%;
margin-bottom: 40px;
margin-top: 40px;
}
.map-section-cortes-b.map-section-cortes-e #map-filters .inputs-container {
display: flex;
align-items: center;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.search-input {
width: 100%;
padding: 0 10px;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.input-3 {
padding: 0 10px;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.input-3
a {
white-space: nowrap;
}
.map-section-cortes-b.map-section-cortes-e #map-filters .form-group input {
padding: 17px;
}
.map-section #map-filters .form-group-checkbox {
width: auto;
margin-left: 20px;
}
.map-section #map-filters .form-group-radius {
flex-grow: 1;
}
.map-section #map-filters #filter-radius {
display: flex;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 15px;
margin-bottom: 10px;
align-items: center;
padding-left: 20px;
padding-right: 10px;
}
.pvtArea-map .map-section #map-filters #filter-radius {
display: none;
}
.pvtArea-map input[type="checkbox"] + label::before {
font-size: unset;
}
.map-section #map-filters #slider-radius {
margin-top: 5px;
margin-bottom: 2px;
margin-left: 10px;
margin-right: 10px;
height: 5px;
width: auto;
flex-grow: 1;
text-align: center;
color: #3f3f3f;
}
.map-section #map-filters .noUi-base {
background-color: #dddddd;
}
.map-section #map-filters .noUi-handle {
background-color: #ff0f64 !important;
border-radius: 50px !important;
width: 30px !important;
height: 30px !important;
top: -15px !important;
box-shadow: 0px 2px 0px #a3a3a3 !important;
border: 1px solid #ff0f64 !important;
margin: 2px !important;
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.map-section #map-filters .noUi-handle:before {
background-color: #ff0f64 !important;
}
.map-section #map-filters .noUi-handle:after {
background-color: #ff0f64 !important;
}
.map-section #map-filters .noUi-handle:focus {
outline: none;
outline-color: none;
outline-style: none;
outline-width: 0;
}
.map-section #map-filters .slider-radius {
min-width: 300px;
}
.map-section #map-filters .form-group-checkbox {
margin-bottom: 11px;
}
.map-section #map-filters .form-group-checkbox label {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 15px;
}
.map-section #map-filters input[type="checkbox"] + label:after {
display: block;
font-family: "icomoon";
content: "\e921";
font-style: normal;
font-weight: normal;
}
.map-section #map-filters .form-group-checkbox .type-1 label:before {
background: #ff0f64;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-1 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-2 label:before {
background: #0756fa;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-2 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-2 {
margin-left: 20px;
}
.map-section #map-filters .form-group label {
margin-bottom: 10px;
}
.map-section-cortes-b #map-filters .form-group label {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: light;
font-size: 40px;
text-align: center;
}
.map-section #map-filters .form-group input {
font-size: 16px;
padding: 11px;
min-height: auto;
background: #fff;
}
.map-section-cortes-b #map-filters .form-group input {
padding: 15px;
padding-left: 45px;
margin-left: 0px;
}
.map-section-cortes-b .search-form {
background: transparent;
}
.map-section-cortes-b .search-form .search-button {
z-index: 999;
background-color: transparent;
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
opacity: 0.6;
position: absolute;
left: 8px;
height: 100%;
margin-left: 0;
top: 0;
}
.map-section-cortes-b .search-form .marker-button {
width: 30px;
height: 25px;
top: 4px;
margin-left: -40px;
position: relative;
background: url("../img/map/marker.png");
background-position: 50%;
background-repeat: no-repeat;
background-color: white;
cursor: pointer;
display: inline-block;
background-size: contain;
}
.map-section #map-filters .form-group .checkbox-container {
display: inline-block;
}
.map-section #map-filters .form-group .checkbox-container label {
padding-left: 24px;
}
.map-section #map-div {
height: 100%;
width: 75%;
-webkit-transition: width 0.5s ease-in-out; /* Safari */
transition: width 0.5s ease-in-out;
}
.map-section #list {
height: 100%;
width: 25%;
position: relative;
-webkit-transition: width 0.5s ease-in-out; /* Safari */
transition: width 0.5s ease-in-out;
}
.map-section-cortes #map-div {
height: 100%;
width: 70%;
-webkit-transition: width 0.5s ease-in-out; /* Safari */
transition: width 0.5s ease-in-out;
}
.map-section-cortes #list {
height: 100%;
width: 30%;
position: relative;
-webkit-transition: width 0.5s ease-in-out; /* Safari */
transition: width 0.5s ease-in-out;
}
.map-section #list .list-scrolling {
height: 100%;
width: 100%;
overflow: auto;
}
.map-section #list .toggle-button {
height: 55px;
width: 50px;
background-image: url(../img/map/close.png);
position: absolute;
right: -25px;
z-index: 1111;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: right 0.5s ease-in-out; /* Safari */
transition: right 0.5s ease-in-out;
}
.map-section #list .toggle-button.open-map {
background-image: url(../img/map/open.png);
right: -60px;
}
.map-section #list li {
list-style: none;
display: flex;
width: 100%;
align-items: center;
padding: 20px;
cursor: pointer;
}
.map-section #list ul li:nth-child(even) {
background: #f6f6f6;
}
.map-section #list ul li.active {
background: #ffe79d;
}
.map-section #list li .marker-type {
padding: 0 20px;
}
.map-section #list li h5 {
font-size: 15px;
margin-bottom: 5px;
margin-top: 5px;
}
.map-section #list li .address {
font-size: 14px;
margin-bottom: 5px;
}
.map-section #list li .distance {
font-size: 14px;
margin-bottom: 5px;
}
.map-section .map-marker b {
color: #222;
font-size: 14px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: bold;
}
.map-section .map-marker .phone {
color: #ff0f64;
font-size: 14px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: bold;
}
.map-section .map-marker h3 {
margin-bottom: 20px;
margin-top: 14px;
font-size: 16px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: bold;
}
.map-section .map-marker hr {
margin: 14px 0;
}
.map-section .map-marker table td {
padding: 2px 40px 2px 0;
color: #222;
font-size: 14px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
text-align: center;
}
.map-section .map-marker table td:first-child {
text-align: left;
}
.map-section .map-marker table td:last-child {
padding-right: 0;
}
.map-section .search-button {
width: 30px;
height: 20px;
top: 4px;
margin-left: -40px;
position: relative;
background: url(../img/map/search.png);
background-position: 50%;
background-repeat: no-repeat;
background-color: white;
cursor: pointer;
display: inline-block;
}
.map-section .search-button-2 {
width: 30px;
height: 20px;
top: 4px;
margin-left: -40px;
position: relative;
background: url(main/45_mappa/img/search.png);
background-position: 50%;
background-repeat: no-repeat;
background-color: white;
cursor: pointer;
display: inline-block;
}
.map-section .search-field {
display: inline-block;
}
.map-section .search-form {
white-space: nowrap;
}
@media screen and (max-width: 1023px) {
.map-section #list li .marker-type {
padding: 0 10px 0 0;
}
.map-section-cortes-b .search-form {
padding-right: 10px;
}
.map-section #list li {
padding: 14px;
}
.map-section #map-filters {
flex-wrap: wrap;
}
.map-section #map-filters .form-group-radius {
display: none;
}
.map-section #map-filters .form-group-search {
width: 25%;
}
.map-section.map-section-cortes-b #map-filters .form-group-search {
width: 50%;
}
.map-section-cortes-b.map-section-cortes-e #map-filters .form-group-search {
width: 100%;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.search-input {
padding: 0 0;
}
.map-section #map-filters .form-group-checkbox {
width: 70%;
margin-bottom: 5px;
}
.map-section #map-filters .form-group-checkbox .type-2 {
margin-left: 0;
margin-right: 10px;
}
.map-section #map-filters .form-group-checkbox label {
padding-right: 10px;
}
}
@media screen and (min-width: 768px) {
.map-section .tab-selection {
display: none;
}
}
@media screen and (max-width: 767px) {
.map-section-cortes-b.map-section-cortes-e #map-filters .inputs-container {
flex-direction: column;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.search-input {
padding: 10px 0;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.search-input.input-2 {
padding-right: 10px;
padding-left: 3px;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.search-form {
padding-right: 10px;
padding-left: 3px;
}
.map-section-cortes-b.map-section-cortes-e
#map-filters
.inputs-container
.selectboxit-container
.form-control.selectboxit-btn {
padding: 18px 35px 10px 10px;
height: 58px;
margin-bottom: 10px;
}
.map-section-cortes-b #map-filters.cortes-d .select-container {
width: 90%;
}
.map-section #map-display {
height: auto;
flex-direction: column;
}
.map-section.map-section-cortes-b #map-filters .form-group-search {
width: 100%;
}
.map-section #list {
width: 100%;
order: 2;
height: 500px;
display: none;
}
.map-section-cortes #list {
width: 100%;
order: 2;
display: block;
width: 90%;
z-index: 9999;
background: #fff;
margin: 0 auto;
margin-top: -30px;
box-shadow: 6px 6px rgba(0, 0, 0, 0.08);
height: auto;
max-height: none;
margin-bottom: 40px;
border: 1px solid #eee;
}
.map-section #map-div {
width: 100%;
order: 1;
height: 500px;
}
.map-section #map-filters .form-group-search {
width: 100%;
margin-bottom: 20px;
margin-top: 10px;
order: 2;
}
.map-section #map-filters .form-group-checkbox {
width: 100%;
margin-bottom: 0;
order: 1;
}
.map-section .map-marker table td {
padding: 1px 20px 1px 0;
font-size: 13px;
}
.map-section .map-marker hr {
margin: 8px 0;
}
.map-section .map-marker h3 {
margin-bottom: 8px;
margin-top: 4px;
}
.map-section .map-marker .phone {
font-size: 13px;
}
.map-section #list .toggle-button {
display: none;
}
.map-section .tab-selection {
font-size: 0;
text-align: center;
display: block;
white-space: nowrap;
padding: 0 0 30px 0;
position: relative;
width: 100%;
height: 100%;
order: 3;
}
.map-section .tab-selection li {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0, 36px;
margin: 0 10px;
text-align: center;
}
.map-section .tab-selection li a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #353535;
display: inline-block;
position: relative;
background-color: #d9d9d9;
line-height: 30px;
text-decoration: none;
}
.map-section .tab-selection li a.active {
background: #0954fb;
color: #ffffff;
padding: 0 20px;
}
.map-section .tab-selection li a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #0954fb;
width: 20px;
height: 20px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
}
.map-cortes-filter-p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
color: #000;
font-size: 18px;
letter-spacing: 0.44px;
line-height: 1.4em;
margin-top: 40px;
margin-bottom: 10px;
text-align: center;
}
.map-section-cortes-b #map-filters .form-group label.map-filter-label {
font: normal 500 15px/1 "Univers", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 0px;
color: #000000;
display: inline-block;
margin: 0;
margin-bottom: 15px;
margin-top: 40px;
}
.map-section-cortes #map-div-inside {
height: 100%;
width: 100%;
}
.map-section-cortes #map-div .legend {
background: #f8f8f8;
padding: 4px 10px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.map-section-cortes #map-div .legend b {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
}
.map-section-cortes #map-div .legend img {
vertical-align: middle;
max-height: 20px;
}
.map-section-cortes .cortes-description {
padding: 20px;
/* top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);*/
}
.map-section-cortes .cortes-description h3 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
color: #000;
margin-bottom: 30px;
}
.map-section-cortes .cortes-description p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #666666;
margin-bottom: 28px;
font-size: 18px;
letter-spacing: 0.44px;
line-height: 163.63636%;
}
.map-section-cortes .marker-description-content {
padding: 0 20px;
}
.map-section-cortes .marker-description-content h3 {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
color: #000;
margin-bottom: 28px;
font-size: 30px;
letter-spacing: 0.44px;
line-height: 163.63636%;
}
.map-section-cortes-b .cortes-description h3 {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 30px;
line-height: 163.63636%;
background: #0655fa;
margin-left: -20px;
margin-right: -20px;
margin-top: -20px;
padding: 20px;
padding-top: 40px;
padding-bottom: 30px;
color: #fff;
}
.map-section-cortes-b .marker-description-content h3 {
background: #0655fa;
margin-left: -20px;
margin-right: -20px;
margin-top: 0;
padding: 20px;
padding-top: 40px;
padding-bottom: 30px;
color: #fff;
}
.map-section-cortes-b .marker-description-content h4 {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 30px;
margin-top: 0;
padding-top: 10px;
padding-bottom: 20px;
}
.map-section-cortes .marker-description-content p {
margin-bottom: 20px;
}
.map-section-cortes-b .marker-description-content p {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
color: #000;
font-size: 18px;
letter-spacing: 0.44px;
line-height: 1.4em;
}
.map-section-cortes .marker-description-content .marker-description-label,
.map-section-cortes .marker-description-content .marker-description-value {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
color: #000;
font-size: 18px;
letter-spacing: 0.44px;
line-height: 1.4em;
}
.map-section-cortes .marker-description-content .marker-description-label {
color: #ff0f64;
font-size: 21px;
}
.map-section-cortes-b .marker-description-content .marker-description-label {
font-family: Georgia, Times, "Times New Roman", serif;
font-weight: normal;
font-style: normal;
font-size: 13px;
letter-spacing: 2px;
line-height: 1.6;
color: #222;
font-weight: 700;
opacity: 0.4;
text-transform: uppercase;
padding-top: 20px;
}
.map-section-cortes-b .marker-description-content .marker-links {
padding-top: 4px;
}
.map-section-cortes-b .marker-description-content .marker-link {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: bold;
color: #ff0f64;
font-size: 12px;
text-transform: uppercase;
display: block;
margin-top: 15px;
}
.map-section-cortes .marker-description .marker-image {
margin-bottom: 30px;
}
.map-section-cortes .marker-description .marker-image img {
max-width: 100%;
width: 100%;
}
@media screen and (max-width: 767px) {
.map-section-cortes .cortes-description {
padding: 20px;
top: 0%;
-webkit-transform: translateY(-0%);
transform: translateY(-0%);
}
.map-section-cortes #map-div .legend {
display: none;
}
}
.map-section.map-section-cortes-c #map-filters .form-group-search {
width: auto;
flex-grow: 1;
margin-right: 2%;
}
.map-section-cortes .markers-legend {
display: flex;
max-width: 70%;
}
.map-section-cortes .marker-legend {
display: flex;
padding: 6px 0;
align-items: baseline;
}
.map-section-cortes .marker-legend .marker-legend-icon {
background: #55be5b;
border-radius: 50%;
height: 15px;
width: 15px;
margin: 10px 10px;
flex-shrink: 0;
}
.map-section-cortes .marker-legend .marker-legend-icon.marker-legend-icon-1 {
background-color: #55be5b;
}
.map-section-cortes .marker-legend .marker-legend-icon.marker-legend-icon-2 {
background-color: #ffc410;
}
.map-section-cortes .marker-legend .marker-legend-icon.marker-legend-icon-3 {
background-color: #ff5a10;
}
.map-section-cortes .marker-legend .marker-legend-icon.marker-legend-icon-4 {
background-color: #ff0f64;
}
.map-section-cortes .marker-legend .marker-legend-desc {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 14px;
padding: 20px 0;
}
@media screen and (max-width: 1023px) {
.map-section-cortes .markers-legend {
max-width: 100%;
padding: 10px;
}
}
@media screen and (max-width: 767px) {
.map-section-cortes .markers-legend {
flex-wrap: wrap;
max-width: 100%;
padding: 10px;
}
.map-section-cortes .marker-legend {
width: 50%;
padding: 0;
}
.map-section-cortes .marker-legend .marker-legend-icon {
padding: 4px 6px;
}
.map-section-cortes .marker-legend .marker-legend-desc {
padding: 4px 0;
font-size: 12px;
}
.map-section.map-section-b .marker-description-link {
margin-bottom: 20px;
}
}
.map-section.map-section-b #list .list-scrolling {
overflow: unset;
}
.map-section.map-section-b .marker-description-link {
font-family: UniversCold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
vertical-align: top;
margin-top: 30px;
}
.map-section.map-section-b .marker-description-link a {
vertical-align: top;
}
.map-section.map-section-b .marker-link-icon {
padding-right: 10px;
}
/*** 45 - FINE Modulo mappa ***/
/*** 51 - Serie icone ***/
.serie-icone {
display: flex;
padding: 20px 40px 80px 40px;
flex-wrap: wrap;
}
.serie-icone .icon-block {
text-align: center;
width: 33%;
padding: 20px 40px;
margin-top: 60px;
}
.serie-icone .image img {
max-width: 100%;
margin: 0 auto;
}
.serie-icone .latam-eyebrow {
font-size: 12px;
margin-bottom: 10px;
}
.serie-icone .description {
font-size: 30px;
line-height: 1.15;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
@media screen and (max-width: 1024px) {
.serie-icone .icon-block {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.serie-icone {
flex-direction: column;
}
.serie-icone .icon-block {
width: 100%;
margin: 0 auto;
margin-top: 20px;
}
}
/*** 51 - FINE Serie icone ***/
/*** 52 - Banner 2 icone ***/
.banner-icone {
padding: 90px 0;
}
.banner-2-icons {
display: flex;
justify-content: center;
margin-bottom: 40px;
margin-top: 40px;
}
.banner-2-icons .banner-icon {
max-width: 50%;
min-width: 20%;
padding: 0 16px;
}
.banner-2-icons .banner-icon:hover {
text-decoration: none;
}
.banner-2-icons .banner-icon .image {
height: 80px;
margin-bottom: 14px;
}
.banner-2-icons .banner-icon .image img {
margin: 0 auto;
max-height: 100%;
}
.banner-2-icons .banner-icon .latam-eyebrow {
color: #caebcc;
font-size: 14px;
opacity: 1;
}
/*** 52 - FINE Banner 2 icone ***/
.hr .hr-top {
border-bottom: 2px solid #00bded;
margin-top: 30px;
margin-bottom: 14px;
padding-bottom: 18px;
}
.hr .hr-bottom {
margin-bottom: 30px;
}
.hr .hr-top,
.hr .hr-bottom {
font-size: 28px;
line-height: 1.15;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
color: #222;
text-align: center;
}
.stock-market .stock-market__right-links ul {
margin-top: 70px;
}
.stock-market .stock-market__right-links ul li {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 44px;
}
.stock-market .stock-market__right-links ul li a:hover {
text-decoration: none;
}
.stock-market .stock-market__right-links ul li a:after {
font-size: 12px;
display: inline-block;
margin-left: 14px;
font-style: normal;
font-weight: normal;
font-family: "icomoon";
content: "\e905";
color: #ff0f64;
}
@media screen and (max-width: 1024px) {
.stock-market .stock-market__right-links ul {
margin-top: 30px;
}
}
/* ++++ Gallery ++++ */
.album .tile--small .tile_image-wrapper {
height: 190px;
}
.album .tile--small:hover {
text-decoration: none;
}
.album li.album-photos__photo:active,
.album a:hover {
text-decoration: none;
}
.album .bg .tile_image-wrapper img {
display: block;
}
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
font-size: 12px;
width: 24px;
height: 74px;
line-height: 74px;
text-align: center;
background-color: #ff0f64;
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
opacity: 1;
color: white;
}
.lb-nav a.lb-next:hover,
.lb-nav a.lb-prev:hover {
text-decoration: none;
}
.lb-nav a.lb-next:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
}
.lb-nav a.lb-prev:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
.lb-nav a.lb-next,
.lb-nav a.lb-prev {
width: 50px;
height: 150px;
line-height: 150px;
font-size: 25px;
}
}
/*** 56 - Form Contacto - START ***/
.fileupload-btn {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 140px;
padding: 13px 10px 13px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #ff0f64;
color: #ffffff;
background-color: #ff0f64;
position: absolute;
right: 0;
top: 0;
}
.fileupload-btn.fileupload-btn-remove {
display: none;
}
.ico-link.fileupload-btn-remove {
display: none;
}
.table-pvt-documentos .text-file.fileupload-filename {
display: none;
}
@media (min-width: 768px) {
.fileupload-btn {
padding: 20px 10px 20px;
}
}
/*** 56 - Form Contacto - END ***/
/*** 66 - Form a step - START ***/
.ico_step_num {
box-sizing: border-box;
height: 23px;
width: 23px;
border: 1px solid #ff0f64;
background-color: #fff;
border-radius: 50%;
display: block;
}
.ico_step_num span {
width: 21px;
height: 21px;
opacity: 0.65;
color: #ff0f64;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 21px;
text-align: center;
display: block;
}
.form-step-3 .ico_step_num {
height: 30px;
width: 30px;
}
.form-step-3 .ico_step_num span {
width: 28px;
height: 28px;
font-size: 19px;
line-height: 28px;
}
.form-step-3 .step-wrapper.editing .ico_step_num {
border: 1px solid #ff0f64;
}
.form-step-3 .step-wrapper .ico_step_num {
border: 1px solid #9e9e9e;
}
.form-step-3 .step-wrapper .ico_step_num span {
color: #9e9e9e;
}
.form-step-3 .step-wrapper.editing .ico_step_num span {
color: #ff0f64;
}
.form-step-3 .step-wrapper .step-item-title {
color: #9e9e9e;
}
.form-step-3 .step-wrapper.editing .step-item-title,
.form-step-3 .step-wrapper.active .step-item-title {
color: #000;
}
.form-step-3 .step-wrapper.active .ico_step_num::after {
height: 28px;
width: 28px;
font-size: 18px;
}
.form-step-3 .step-wrapper.active .ico_step_num {
background-color: #5bb652;
border: 1px solid #5bb652;
}
.form-step-3.form-step .step-line {
min-height: 0;
}
.step-col {
display: table-cell;
vertical-align: middle;
width: 19px;
padding-right: 20px;
height: 100%;
min-height: 100%;
}
.step-line {
border-left: 1px solid #ff0f64;
margin: 20px 0 0 9px;
padding: 0 0 0 30px;
}
.step-holder {
margin: 20px 0 0 9px;
padding: 0 0 0 30px;
}
.step-item {
vertical-align: middle;
width: 100%;
display: table-cell;
}
.step-fieldset {
border-bottom: 0;
margin-top: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.step-item-title {
color: #000000;
font-size: 18px;
line-height: 21px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
padding: 0;
}
.step-fieldset-title {
color: #000000;
font-size: 18px;
line-height: 21px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
padding: 0 0 15px;
margin: 0 10px 30px;
border-bottom: 2px solid #ccc;
}
.form-group-buttons {
display: block;
width: 100%;
padding-top: 10px;
clear: both;
}
.step-fieldset .field_required {
color: #666;
font-size: 14px;
line-height: 21px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
padding: 15px 0 0;
margin: 15px 10px 30px;
border-top: 2px solid #ccc;
}
.step-fieldset .info_text {
color: #666;
font-size: 14px;
line-height: 18px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
padding: 0;
margin: 0 0 30px 0;
}
.step-row {
display: block;
width: 100%;
padding-top: 10px;
}
.step-table {
padding: 10px 0 20px;
}
.step-report {
display: none;
}
.step-edit {
display: none;
vertical-align: middle;
}
.step-edit > a {
text-decoration: underline;
color: #ff0f64;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
}
.step-table-item {
font-size: 14px;
line-height: 18px;
color: #000000;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-top: 20px;
}
.step-table-item .label {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
padding: 0 0 8px 0;
}
.step-table-item .text {
color: #4a4a4a;
}
.step-table-row.twoItems,
.step-table-row.threeItems,
.step-table-row.fourItems,
.step-table-row.fiveItems {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: flex-start;
}
.step-table-row.twoItems .step-table-item,
.step-table-row.threeItems .step-table-item,
.step-table-row.fourItems .step-table-item,
.step-table-row.fiveItems .step-table-item {
flex: 0 0 100%;
padding: 0;
margin: 25px 0 0;
}
@media (min-width: 768px) {
.step-table-row.twoItems .step-table-item,
.step-table-row.threeItems .step-table-item,
.step-table-row.fourItems .step-table-item,
.step-table-row.fiveItems .step-table-item {
flex: 0 0 50%;
}
.step-table-row.threeItems .step-table-item {
flex: 0 0 33.333%;
}
}
.step-wrapper.active .ico_step_num {
background-color: #ff0f64;
}
.step-wrapper.active .ico_step_num:after {
height: 11px;
width: 11px;
font-family: "icomoon";
content: "\e921";
font-size: 13px;
position: absolute;
left: 4px;
top: 4px;
color: #fff;
}
.step-wrapper.active .step-edit {
display: table-cell;
}
.step-wrapper.active .step-report {
display: block;
}
.step-wrapper.active .step-fieldset {
display: none;
}
.step-wrapper.editing .step-fieldset {
display: block;
}
.fileupload-group.twoLines .fileupload-btn {
position: relative;
display: block;
margin-top: 15px;
}
.fileupload-group {
float: left;
width: 100%;
margin-bottom: 30px;
}
.fileupload-group.twoLines .fileupload-btn.fileupload-btn-remove {
display: none;
}
.fileupload-group.twoLines .file-stage {
background: #f7f7f7;
border: #d9d9d9 1px solid;
padding: 25px;
margin-top: 15px;
width: 100%;
text-align: center;
}
.fileupload-group.twoLines .file-stage p {
font-size: 20px;
line-height: 35px;
padding-top: 25px;
}
.fileupload-group.twoLines .file-stage .filename {
display: none;
}
.fileupload-group .form-group {
margin-bottom: 0;
}
.step-notes {
margin: 0 0px 0 15px;
font-size: 12px;
float: left;
width: calc(100% - 15px);
padding: 15px 0;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
#solicitar-step-2 {
display: none;
}
#solicitar-step-3 {
display: none;
}
.confirmation-wrapper,
.error-wrapper {
padding: 0px;
text-align: center;
}
.confirmation-wrapper p,
.error-wrapper p {
font: normal 700 16px/1.33333 "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 20px 0 50px;
}
@media (min-width: 768px) {
.step-fieldset {
padding-top: 40px;
padding-bottom: 40px;
}
.fileupload-group {
margin-bottom: 35px;
}
.confirmation-wrapper p,
.error-wrapper p {
font-size: 20px;
}
}
/*** 66 - Form a step - END ***/
/*** 64 - Informativa Overlay - START ***/
.form-group-tooltip {
padding-right: 35px;
}
.tooltip {
position: absolute;
bottom: 0;
right: 0;
padding: 7px 0;
}
.tooltip-content {
padding: 15px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.tooltip-content h4 {
margin-bottom: 15px;
font-size: 16px;
}
.tooltip-content p {
margin-bottom: 10px;
font-style: 14px;
}
.tippy-tooltip.enel-theme {
background-color: rgba(36, 36, 36, 0.8);
}
@media (min-width: 768px) {
.form-group-tooltip {
padding-right: 45px;
}
.tooltip {
padding: 15px 0;
right: 10px;
}
}
/*** 64 - Informativa Overlay - END ***/
/*** 62 - Page 404 - START ***/
.page-404 hr {
border-top: 1px solid #ccc;
}
.page-404 .oops-text {
padding-top: 50px;
}
.page-404 .oops-text ul {
list-style: none;
padding: 0;
margin: 0;
}
.page-404 .oops-text h3 {
font-size: 20px;
margin-bottom: 35px;
}
.page-404 .oops-text li {
padding-bottom: 15px;
padding-left: 1.5em;
text-indent: -1.5em;
font-size: 15px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.page-404 .oops-text li:before {
content: "■";
color: #c6c6c6; /* or whatever color you prefer */
margin-right: 1em;
}
.page-404 .oops-text p {
text-align: center;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 18px;
padding: 10px;
margin: 0;
}
.page-404 .oops-text p:first-child::before {
content: "";
box-sizing: content-box;
width: 100%;
height: 2px;
padding: 0;
left: 0;
bottom: 0;
position: absolute;
background: #41b9e6;
z-index: 0;
}
.page-404 .oops-text .latam-btn-cta {
margin-top: 20px;
}
.page-404 .oops {
text-align: center;
padding: 50px 0;
}
.page-404 .oops h1 {
font-size: 50px;
line-height: 1.5em;
}
.page-404 .oops h2 {
font-size: 20px;
line-height: 1.5em;
}
@media (min-width: 768px) {
.page-404 .oops h1 {
font-size: 100px;
}
.page-404 .oops h2 {
font-size: 30px;
}
.page-404 .oops-text p {
font-size: 16px;
}
.page-404 .oops-text li {
font-size: 18px;
}
}
/*** 62 - Page 404 - END ***/
/*** 63 - Pagina Manutenzione - START ***/
.page-maintenance .oops {
text-align: center;
padding: 50px 0;
max-width: 700px;
margin: 0 auto;
}
.page-maintenance .oops h1 {
font-size: 30px;
line-height: 1.5em;
margin-bottom: 40px;
}
.page-maintenance .oops h2 {
font-size: 20px;
line-height: 1.3em;
}
@media (min-width: 768px) {
.page-maintenance .oops h1 {
font-size: 60px;
}
.page-maintenance .oops h2 {
font-size: 36px;
}
}
/*** 62 - Page 404 - END ***/
/*** 67 - Form a step START ***/
.form-step .latam-btn-cta--pink,
.form-step .latam-btn-cta--pink,
.latam-btn-cta--grey {
width: 100%;
}
.form-step .form-group {
margin-bottom: 15px;
}
.form-step .step-table {
padding-top: 0px;
padding-bottom: 25px;
}
.form-step .step-row {
padding: 0;
}
.form-step .step-line {
margin-bottom: 20px;
min-height: 30px;
}
.form-step .step-wrapper:last-child .step-line {
min-height: 0;
}
.form-step .form-content input[type="checkbox"] + label {
margin-bottom: 0;
}
.form-step .step-fieldset {
display: none;
}
.form-step .step-wrapper:first-child .step-fieldset {
display: block;
}
.form-step .step-wrapper:first-child.active .step-fieldset {
display: none;
}
.form-step .step-wrapper.editing .step-fieldset {
display: block;
}
.form-step .form-group p {
line-height: 1.75em;
}
#end-step {
display: none;
}
@media screen and (min-width: 768px) {
.form-step .form-group.form-group-third {
width: 33.333%;
}
}
@media screen and (min-width: 768px) {
.form-step .form-group {
margin-bottom: 15px;
min-height: auto;
}
}
/** add 16/11/2018 - start */
#suministro-step-0 .latam-btn-cta--pink {
width: auto;
}
#suministro-step-0 .form-group {
margin-bottom: 35px;
}
#suministro-step-0 .step-row {
padding-top: 10px;
}
.form-step #suministro-step-1 .step-fieldset {
display: block;
}
.form-step #suministro-step-0 .step-fieldset {
display: block;
}
.form-step #suministro-step-1.active .step-fieldset {
display: none;
}
#end-step {
display: none;
}
.client-info {
display: none;
padding: 0 0px 30px 45px;
}
.client-info .step-row {
padding-bottom: 20px;
}
/* Commented by us, in introduces and error in the form-steps-new-supply component
#suministro-step-1, #suministro-step-2, #suministro-step-3, #suministro-step-4, #suministro-step-5{
display: none;
} */
/** add 16/11/2018 - end */
/** add 20/11/2018 - start */
#titularidad-step-0 .latam-btn-cta--pink {
width: auto;
}
#titularidad-step-0 .form-group {
margin-bottom: 35px;
}
#titularidad-step-0 .step-row {
padding-top: 10px;
}
.form-step #titularidad-step-1 .step-fieldset {
display: block;
}
.form-step #titularidad-step-0 .step-fieldset {
display: block;
}
.form-step #titularidad-step-1.active .step-fieldset {
display: none;
}
#titularidad-step-1,
#titularidad-step-2,
#titularidad-step-3,
#titularidad-step-4,
#titularidad-step-5 {
display: none;
}
/*** 67 - Form a step - END ***/
/*** Mappa incorporata in Averias START ***/
.map-averias #map-div-inside {
height: 600px;
}
/*** Mappa incorporata in Averias - END ***/
.imgCnt #map-div-inside {
height: 200px;
}
/*** 60 OPEN POSITIONS START ***/
.open-positions-filter {
background: #f4f4f4;
border-bottom: 1px solid #ddd;
}
.open-positions-filter .filters {
border-top: 0 solid white;
}
.plan-overview__wrapper.questions-wrapper.open-positions-wrapper {
background: #f7f7f7;
}
.open-positions h2 {
text-align: center;
padding: 35px 0;
}
.open-positions ul {
padding: 0 15px;
}
.open-positions ul li {
padding: 0;
border-bottom: 1px solid #ddd;
}
.open-positions ul li:first-child {
/*border-top: 1px solid #ebebeb*/
}
@media screen and (min-width: 768px) {
.open-positions {
max-width: 950px;
margin: 0 auto;
padding: 10px 25px 10px;
}
.open-positions h2 {
padding: 50px 0;
}
.open-positions ul {
padding: 0;
}
.open-positions ul li {
padding: 0;
}
.open-positions ul li a {
font-size: 30px;
}
.open-positions ul li span {
font-size: 12px;
}
}
.open-positions {
max-width: 1160px;
}
@media screen and (min-width: 1024px) {
.open-positions ul li {
padding: 0;
}
}
.open-position-container {
display: flex;
padding: 40px 0;
}
.open-position-container .open-position-description {
display: flex;
}
.open-position-container .img {
width: 70px;
min-width: 70px;
padding-right: 20px;
padding-bottom: 20px;
padding-top: 5px;
}
.open-position-container .img img {
max-width: 100%;
}
.open-position-container .countryOfferJob {
font-size: 12px;
padding: 0 7px 0 0;
line-height: 1.2;
margin-right: 7px;
font-weight: 700;
border-right: 1px solid #d2d2d2;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.open-position-container .text--date {
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 0;
line-height: 128.57143%;
color: #999;
}
.open-position-container .list-icon-item_title {
margin-top: 5px;
margin-bottom: 20px;
}
.open-position-container .list-icon-item_title a {
font-size: 18px;
color: #ff0f64;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.open-position-container .list-icon-item_description {
display: inline;
margin-top: 10px;
font-size: 18px;
line-height: 28px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.open-position-container .btn-cta {
transition: all 0.1s linear;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
border: 2px solid #000;
color: #000;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 12px 20px 13px;
text-align: center;
text-transform: uppercase;
}
.open-position-container .btn-cta:hover {
color: white;
}
.open-position-container .btn-bookmark {
font-family: "icomoon2" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
width: 45px;
margin-right: 15px;
min-width: 45px;
padding-left: 0;
padding-right: 0;
text-align: center;
float: left;
padding: 10px 0 10px 0;
font-size: 21px;
}
.open-position-container .btn-bookmark.icon2-bookmark-heart:before {
box-sizing: inherit;
content: "\e94b";
}
@media screen and (min-width: 768px) {
.open-position-container .list-icon-buttons-wrp {
width: 236px;
min-width: 236px;
max-width: 236px;
padding-left: 15px;
padding-top: 0;
align-self: center;
}
}
@media screen and (max-width: 767px) {
.open-position-container {
display: block;
}
.open-position-container .list-icon-buttons-wrp {
width: 100%;
padding-left: 70px;
padding-top: 25px;
float: none;
clear: both;
}
}
/*** 60 OPEN POSITIONS END ***/
/*** 68 Modulo Contact COL START **/
.modulo_contact {
padding: 80px 0;
}
.modulo_contact .informacion {
width: 100%;
float: left;
padding-right: 0;
}
.modulo_contact .columns {
display: block;
}
.modulo_contact .informacion .left-column,
.modulo_contact .informacion .right-column {
width: 100%;
}
.modulo_contact .alertas {
width: 100%;
float: left;
padding-left: 0;
}
.modulo_contact h2 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-bottom: 15px;
font-size: 26px;
}
.modulo_contact h3 {
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin: 30px 0 20px;
font-size: 14px;
}
.modulo_contact h4 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
line-height: 1.5em;
font-size: 16px;
}
.modulo_contact p {
margin-bottom: 15px;
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
line-height: 1.5em;
font-size: 16px;
}
.modulo_contact p.email-field {
margin-bottom: 20px;
}
.modulo_contact p strong {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
margin-right: 5px;
}
.modulo_contact a {
color: #ff0f64;
text-decoration: underline;
font-family: Univers, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.modulo_contact .persona p {
margin-bottom: 30px;
}
.modulo_contact .alertas {
margin-top: 30px;
}
.modulo_contact .alertas .registrate {
padding: 15px 0;
}
.modulo_contact .alertas .registrate p {
margin-bottom: 30px;
}
.modulo_contact .alertas .registrate form {
position: relative;
}
.modulo_contact .alertas .registrate input[type="submit"] {
position: absolute;
top: 0;
right: 0;
margin-bottom: 0;
padding: 13px;
min-width: 100px;
}
@media (min-width: 768px) {
.modulo_contact .alertas .registrate input[type="submit"] {
padding: 19px;
}
.modulo_contact .informacion {
width: 63%;
float: left;
padding-right: 5%;
border-right: 2px solid #e6e6e6;
}
.modulo_contact .columns {
display: flex;
}
.modulo_contact .informacion .left-column,
.modulo_contact .informacion .right-column {
flex: 0 0 50%;
padding-right: 15px;
}
.modulo_contact .alertas {
width: 37%;
float: left;
padding-left: 5%;
}
.modulo_contact .alertas .registrate {
padding: 100px 0;
}
.modulo_contact .alertas {
margin-top: 0px;
}
}
/*** 68 Modulo Contact COL END **/
/*** 58 Simulatori ***/
@font-face {
font-family: "icomoon-simulator";
src: url("../fonts/icon-simulator.eot?n6tcd2");
src: url("../fonts/icon-simulator.eot?n6tcd2#iefix")
format("embedded-opentype"),
url("../fonts/icon-simulator.ttf?n6tcd2") format("truetype"),
url("../fonts/icon-simulator.woff?n6tcd2") format("woff"),
url("../fonts/icon-simulator.svg?n6tcd2#icon-simulator") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-sim-"]:before,
[class*=" icon-sim-"]:before {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon-simulator" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-sim-aspirapolvere:before {
content: "\e900";
}
.icon-sim-audio:before {
content: "\e903";
color: #444;
}
.icon-sim-computer:before {
content: "\e904";
color: #444;
}
.icon-sim-cucina:before {
content: "\e905";
color: #444;
}
.icon-sim-frigo:before {
content: "\e906";
color: #444;
}
.icon-sim-illuminazione:before {
content: "\e907";
color: #444;
}
.icon-sim-lavatrice:before {
content: "\e908";
color: #444;
}
.icon-sim-tv:before {
content: "\e909";
color: #444;
}
.quote-builder {
overflow: hidden;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
}
.quote-builder__app {
color: #fff;
height: 100vh;
display: block;
transition: background 0.4s ease 0s;
overflow: auto;
}
.quote-builder-pink {
background-color: #ff0f64;
}
.quote-builder-blue {
background-color: #0444c8;
}
.quote-builder-light-blue {
background-color: #41b9e6;
}
.quote-builder-blue .latam-btn-cta--white {
color: #0444c8;
}
.quote-builder-blue .latam-btn-cta--white:hover {
color: #ffffff;
}
.quote-builder-light-blue .latam-btn-cta--white {
color: #41b9e6;
}
.quote-builder .quote-builder-blue .list-boxs li:hover label,
.quote-builder .quote-builder-blue .list-boxs li.list-boxs-active label {
color: #0444c8;
}
.quote-builder__header {
z-index: 1;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.quote-builder__progress {
height: 4px;
background-color: rgba(255, 255, 255, 0.5);
margin: 0 auto 28px;
width: 860px;
top: 90px;
z-index: 99999;
}
.quote-builder__progress .progress {
height: 4px;
background-color: #fff;
transition: width linear 0.3s;
}
.quote-builder .slideForward-transition,
.quote-builder .slideBack-transition {
transition: all 0.4s ease 0.4s;
}
.quote-builder section,
.quote-builder #quoteBuilderForm,
.quote-builder__question {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
}
.quote-builder section.detail-accordian,
.quote-builder section.detail-accordian section {
position: relative;
height: auto;
top: auto;
left: auto;
}
.quote-builder .detail-accordian {
padding: 0;
background-color: transparent;
border: 0 none;
max-width: 800px;
margin: 0;
}
.quote-builder [data-accordion] {
border: 1px solid #8edcf9;
background-color: #55c3ec;
margin-bottom: 13px;
padding: 0 20px;
}
.quote-builder .detail-accordian [data-accordion]:last-child {
border: 1px solid #8edcf9;
}
.quote-builder .detail-accordian [data-accordion] [data-control] {
padding: 17px 30px 17px 0;
}
.quote-builder .detail-accordian [data-accordion]::after {
right: 20px;
top: 20px;
}
.quote-builder .detail-accordian [data-accordion] [data-control] {
font-size: 20px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.quote-builder__error .container,
.quote-builder__question .container {
top: 45px;
display: block;
padding-top: 20px !important;
padding-bottom: 50px !important;
}
.quote-builder .slideForward-transition .quote-builder__content,
.quote-builder .slideBack-transition .quote-builder__content {
opacity: 1;
transition: all 0.4s ease-in-out 0.4s;
transform: translate(0px, 0px);
}
.quote-builder__title-container {
display: table;
z-index: 3;
position: relative;
box-sizing: border-box;
margin: 0;
}
.quote-builder__content {
position: relative;
width: 60%;
max-width: 750px;
}
.quote-builder__title-container .quote-builder__title {
vertical-align: top;
display: table-cell;
padding-top: 0;
padding-bottom: 15px;
}
.quote-builder__title {
width: 100%;
max-width: 950px;
overflow: visible;
font-size: 68px;
letter-spacing: -1.2px;
line-height: 1.08333;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
margin-bottom: 20px;
}
h3.quote-builder__title {
font-size: 50px;
}
.quote-builder__text-container p {
width: 100%;
max-width: 950px;
font-size: 18px;
line-height: 24px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
margin-bottom: 20px;
}
.quote-builder__ui.buttons {
z-index: 2;
}
.quote-builder__ui.buttons.buttons_line {
padding-top: 40px;
border-top: 1px solid #69cef4;
max-width: 710px;
}
.quote-builder__ui {
font-size: 0;
width: 100%;
margin-top: 55px;
text-align: center;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.quote-builder .btn-cta span {
display: inline-block;
margin-left: 5px;
}
.quote-builder .btn-cta.btn-prev span {
display: inline-block;
margin: 0 5px 0 0;
}
.quote-builder .btn-cta.btn-prev {
border: 2px solid rgba(255, 255, 255, 0.5);
color: #fff;
}
.quote-builder .btn-cta span::before {
display: block;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
}
.quote-builder__images__wrap {
margin: 0px;
position: absolute;
right: 0px;
top: 0;
width: 50% !important;
display: block !important;
}
.quote-builder .slideForward-transition .quote-builder__images,
.quote-builder .slideBack-transition .quote-builder__images {
transition: all 0.3s ease 0.4s;
transform: scale(1);
}
.quote-builder__images {
padding-top: 0px;
max-width: 550px;
z-index: 0;
height: 550px;
width: 100%;
}
.quote-builder .image-fade-transition {
transition: opacity 0.2s ease 0s;
opacity: 1;
}
.quote-builder__images__image {
/*transform: translate(0px, -50%);*/
position: static;
position: absolute;
width: 100%;
height: 550px;
top: 0px;
left: 0px;
background-size: cover;
}
.quote-builder button.btn-close,
.quote-builder button.btn-close-screenshot {
position: absolute;
background-color: transparent;
border: medium none;
height: 40px;
width: 30px;
top: -16px;
right: 0;
cursor: pointer;
transition: background 0.2s ease-in-out 0;
}
.quote-builder .list-boxs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quote-builder .list-boxs::after {
display: none;
}
.quote-builder .list-boxs li {
border: 4px solid #ffffff;
/*height: 124px;
flex: 0 0 100%;*/
/*flex: 0 0 calc(50% - 15px);
max-width: calc(50% - 15px);
vertical-align: middle;*/
margin: 0 15px 15px;
max-width: 125px;
}
.quote-builder .list-boxs li::after {
content: "";
float: left;
padding-top: 100%;
}
.quote-builder .list-boxs li span {
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 30px;
}
.quote-builder .list-boxs li span[class*=" icon-"]::before,
.quote-builder .list-boxs li span[class^="icon-"]::before {
font-size: 40px;
color: #ffffff;
}
.quote-builder .list-boxs li:hover span[class*=" icon-"]::before,
.quote-builder .list-boxs li:hover span[class^="icon-"]::before,
.quote-builder .list-boxs li.list-boxs-active span[class*=" icon-"]::before,
.quote-builder .list-boxs li.list-boxs-active span[class^="icon-"]::before {
color: #0444c8;
}
.quote-builder-light-blue .list-boxs li:hover span[class*=" icon-"]::before,
.quote-builder-light-blue .list-boxs li:hover span[class^="icon-"]::before,
.quote-builder-light-blue
.list-boxs
li.list-boxs-active
span[class*=" icon-"]::before,
.quote-builder-light-blue
.list-boxs
li.list-boxs-active
span[class^="icon-"]::before {
color: #41b9e6;
}
.quote-builder-pink .list-boxs li:hover span[class*=" icon-"]::before,
.quote-builder-pink .list-boxs li:hover span[class^="icon-"]::before,
.quote-builder-pink
.list-boxs
li.list-boxs-active
span[class*=" icon-"]::before,
.quote-builder-pink
.list-boxs
li.list-boxs-active
span[class^="icon-"]::before {
color: #ff0f64;
}
.quote-builder .list-boxs li label {
display: block;
text-align: center;
font-size: 12px;
line-height: 20px;
font-weight: 700;
position: absolute;
bottom: 5px;
width: 100%;
}
.quote-builder .list-boxs li:hover,
.quote-builder .list-boxs li.list-boxs-active {
background-color: #fff;
}
.quote-builder .list-boxs li:hover label,
.quote-builder .list-boxs li.list-boxs-active label {
color: #ff0f64;
}
.quote-builder-light-blue .list-boxs li:hover label,
.quote-builder-light-blue .list-boxs li.list-boxs-active label {
color: #41b9e6;
}
.quote-builder-light-pink .list-boxs li:hover label,
.quote-builder-light-pink .list-boxs li.list-boxs-active label {
color: #ff0f64;
}
.items-cnt {
margin: 0;
overflow: auto;
height: 263px;
}
.quote-builder .list-boxs li .list-box-images {
margin: 40px auto 0;
text-align: center;
display: block;
color: #fff;
fill: #fff;
}
.simulator-info {
font-size: 14px;
line-height: 20px;
color: #fff;
margin: 10px 0 0 0;
}
.simulator-info a {
font-weight: 600;
}
.resultado-box-cnt {
margin: 15px 0 20px;
display: table;
}
.resultado-box-cnt .resultado-box:first-child {
padding-right: 80px;
}
.resultado-box {
display: table-cell;
border-left: 9px solid #fff;
padding: 0 20px;
}
.resultado-box:first-child {
margin-right: 50px;
}
.resultado-box label {
font-size: 16px;
line-height: 19px;
font-weight: 600;
padding: 0 0 10px;
display: block;
}
.resultado-box span {
font-size: 30px;
line-height: 36px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: block;
}
.ico-simulator {
background-size: 45%;
background-position: center 18px;
background-repeat: no-repeat;
}
.ico-simulator.audio {
background-image: url(main/img/ico-sim-speaker-off.png);
}
.list-boxs .ico-simulator.audio:hover,
.list-boxs .list-boxs-active.ico-simulator.audio {
background-image: url(main/img/ico-sim-speaker-on.png);
}
@media screen and (max-width: 767px) {
.quote-builder .list-boxs li span {
top: 50px;
}
.quote-builder .list-boxs li span[class*=" icon-"]::before,
.quote-builder .list-boxs li span[class^="icon-"]::before {
font-size: 120px;
}
.quote-builder .list-boxs li label {
bottom: 30px;
font-size: 18px;
}
}
@media screen and (max-width: 620px) {
.quote-builder .list-boxs li span {
top: 40px;
}
.quote-builder .list-boxs li span[class*=" icon-"]::before,
.quote-builder .list-boxs li span[class^="icon-"]::before {
font-size: 100px;
}
.quote-builder .list-boxs li label {
bottom: 20px;
font-size: 18px;
}
}
@media screen and (max-width: 520px) {
.quote-builder .list-boxs li span {
top: 40px;
}
.quote-builder .list-boxs li span[class*=" icon-"]::before,
.quote-builder .list-boxs li span[class^="icon-"]::before {
font-size: 70px;
}
.quote-builder .list-boxs li label {
bottom: 20px;
font-size: 15px;
}
}
@media screen and (max-width: 420px) {
.quote-builder .list-boxs li span {
top: 20px;
}
.quote-builder .list-boxs li span[class*=" icon-"]::before,
.quote-builder .list-boxs li span[class^="icon-"]::before {
font-size: 80px;
}
.quote-builder .list-boxs li label {
bottom: 10px;
}
}
/* simulator */
.simulator-module .table-simulator .eliminar {
color: #ffffff;
}
.simulator-module .detail-accordian [data-content] .item-data a {
text-decoration: none;
}
.simulator-module .table-simulator .selectboxit-container .selectboxit {
background-color: #ffffff;
}
.table-simulator .selectboxit-container .selectboxit-options {
max-height: 100px;
}
.table-simulator .native-select {
color: #000;
}
.table-simulator .native-select option {
padding: 14px;
line-height: 18px;
display: block;
}
.simulator-module
.table-simulator
.selectboxit-container
.selectboxit-btn
.selectboxit-text {
color: #696969;
}
.simulator-module
.table-simulator
.selectboxit-container
.selectboxit-btn::after {
color: #ff0f64;
}
.simulator-module
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:hover,
.simulator-module
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:focus,
.simulator-module
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:active {
background-color: #ffffff;
}
.table-simulator .ico-simulator {
display: inline-block;
background-position: left center;
line-height: 40px;
background-size: contain;
padding-left: 50px;
}
.simulator-cat {
display: table;
width: 100%;
}
.simulator-list {
display: table-cell;
width: 24%;
}
.simulator-list ul li {
display: block;
margin: 0 0 15px;
}
.simulator-list ul li a {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 30px;
letter-spacing: 0.58px;
color: #41b9e6;
padding: 0 8px;
display: inline-block;
background-color: #ffffff;
}
.simulator-list ul li a:hover,
.simulator-list ul li a:active,
.simulator-list ul li a.active {
color: #ffffff;
background-color: #ff0f64;
text-decoration: none;
}
.simulator-list ul li a.active {
padding-right: 30px;
}
.simulator-list ul li a.active::after {
display: block;
font-family: "icomoon";
content: "\e921";
font-style: normal;
font-weight: normal;
font-size: 10px;
position: absolute;
top: 0;
right: 10px;
}
.simulator-items {
display: table-cell;
width: 70%;
}
.simulator-boxs-item {
margin: 7.5px;
background: #ffffff;
}
.simulator-items .simulator-boxs > div {
width: 40%;
height: 40%;
}
.simulator-boxs-item label {
font-size: 18px;
font-weight: 300;
line-height: 28px;
letter-spacing: -0.36px;
color: #666666;
display: block;
width: 100%;
text-align: center;
position: absolute;
bottom: 35px;
}
.simulator-boxs-item span {
display: block;
width: 100%;
text-align: center;
position: absolute;
top: 40px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 50px;
color: #41b9e6;
}
.simulator-boxs-item:after {
content: "";
float: left;
padding-top: 100%;
}
.simulator-boxs-item-active {
background-color: #ff0f64;
}
.simulator-boxs-item-active span[class*=" icon-"]::before,
.simulator-boxs-item-active span[class^="icon-"]::before {
color: #ffffff;
}
.simulator-boxs-item-active label {
color: #ffffff;
}
.ico-computer {
background: url("../img/ico-computer.png")
no-repeat center center;
display: block;
position: relative;
}
.artefacto-icon {
display: inline-block;
}
.artefacto-icon::before {
font-size: 28px;
color: #fff;
padding: 0;
margin: 0 20px 0 0;
text-align: center;
display: inline-block;
width: 45px;
}
.simulator-subtitle {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.6px;
margin: 0 0 30px;
display: block;
}
.select-simulator {
display: none;
}
.simulator-list .detail-accordian {
border: 0 none;
}
.simulator-list .detail-accordian [data-accordion] {
padding: 0;
}
.pvtAsimulator-listrea .detail-accordian [data-accordion] [data-control] {
line-height: 21px;
font-size: 18px;
padding: 15px 25px 15px 0;
}
.simulator-list .detail-accordian [data-accordion]:after {
top: 18px;
right: 0;
}
@media screen and (max-width: 1317px) {
.quote-builder__progress {
left: 30px;
position: absolute;
z-index: 99999;
}
.quote-builder__content {
width: 100%;
}
}
@media screen and (max-width: 1023px) {
.artefacto-icon {
margin-top: 10px;
}
.quote-builder__header {
position: relative;
}
.quote-builder__progress {
position: relative;
top: 0;
width: calc(100% - 30px);
left: 0;
}
.quote-builder section,
.quote-builder #quoteBuilderForm,
.quote-builder__question {
position: relative;
top: 0;
height: auto;
}
.quote-builder__question .container .quote-builder__title,
.quote-builder__error .container .quote-builder__title {
margin: 0;
}
.quote-builder__content {
width: 100%;
max-width: 100%;
}
.quote-builder__question .container .quote-builder__title {
padding-right: 25%;
}
.quote-builder section,
.quote-builder #quoteBuilderForm,
.quote-builder__question {
padding: 0;
}
.quote-builder__error .container,
.quote-builder__question .container {
top: 0;
}
.quote-builder__progress {
margin-top: 20px;
margin-bottom: 20px;
}
.quote-builder .slideForward-transition .quote-builder__images,
.quote-builder .slideBack-transition .quote-builder__images {
max-width: 250px;
margin: 0;
}
.quote-builder__app {
overflow: auto;
}
.resultado-box {
width: 100%;
display: block;
margin: 0 0 30px 0;
}
.quote-builder__title {
font-size: 52px;
}
.quote-builder__text-container p {
font-size: 22px;
line-height: 26px;
padding-top: 30px;
margin: 0;
}
.quote-builder__error .container,
.quote-builder__question .container {
top: 0;
}
.quote-builder__images {
padding-top: 0px;
max-width: 0;
z-index: 0;
height: 250px;
width: 250px;
}
.quote-builder__images__image {
height: 250px;
}
.quote-builder__images__wrap {
top: 150px;
right: 15px;
width: 250px !important;
}
.ico-simulator {
background-size: auto 50%;
background-position: center 25px;
}
.simulator-info {
margin: 20px;
}
.simulator-list,
.simulator-items {
width: 100%;
display: block;
}
.simulator-list .simulator-title {
display: none;
}
.simulator-boxs {
height: 430px;
overflow: auto;
}
.simulator-list ul {
display: none;
}
.simulator-list .selectboxit-container.selectboxit-option {
}
.select-simulator {
display: block;
}
.simulator-list .selectboxit-container {
margin-bottom: 30px;
}
.simulator-list .selectboxit-container .selectboxit-btn {
background-color: #ffffff;
border: 0;
padding: 16px 35px 16px 10px;
}
.simulator-list
.selectboxit-container
.selectboxit-options
.selectboxit-option
.selectboxit-option-anchor {
color: #41b9e6;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
display: inline-block;
}
.simulator-list
.selectboxit-container
.selectboxit-options
.selectboxit-option
.selectboxit-option-anchor {
padding: 5px 10px;
}
.simulator-list
.selectboxit-container
.selectboxit-list
> .selectboxit-focus
> .selectboxit-option-anchor {
background-color: #ff0f64;
color: #fff;
}
.simulator-list
.selectboxit-container
.selectboxit-list
.selectboxit-option-anchor.active {
padding-right: 30px;
color: #fff;
}
.simulator-list
.selectboxit-container
.selectboxit-list
.selectboxit-option-anchor.active::after {
display: block;
font-family: "icomoon";
content: "\e921";
font-style: normal;
font-weight: normal;
font-size: 12px;
position: absolute;
top: 5px;
right: 10px;
}
.simulator-list .selectboxit-container .selectboxit-option {
border: 0;
width: 33.33%;
display: inline-block;
float: left;
}
.simulator-list
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:hover,
.simulator-list
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:focus,
.simulator-list
.selectboxit-container
.selectboxit-btn.selectboxit-enabled:active {
background-color: #ffffff;
}
.simulator-list .selectboxit-container .selectboxit-btn .selectboxit-text {
color: #41b9e6;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 16px;
}
.simulator-list
.selectboxit-container
.selectboxit-btn
.selectboxit-text.active {
color: #ff0f64;
padding-left: 30px;
}
.simulator-list
.selectboxit-container
.selectboxit-btn
.selectboxit-text.active::after {
display: block;
font-family: "icomoon";
content: "\e921";
font-style: normal;
font-weight: normal;
font-size: 12px;
position: absolute;
top: 0;
left: 10px;
}
.simulator-list .selectboxit-container .selectboxit-btn:after {
color: #ff0f64;
}
.quote-builder__question
.container
h3.quote-builder__title.quote-builder__title_mobile {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 30px;
margin: 0 0 20px;
display: block;
}
.quote-builder__error .container,
.quote-builder__question .container {
padding-left: 65px;
padding-right: 65px;
}
}
@media screen and (max-width: 767px) {
.quote-builder__error .container,
.quote-builder__question .container {
padding-left: 15px;
padding-right: 15px;
}
.quote-builder__content {
z-index: 3;
}
.quote-builder__ui.buttons.buttons_line {
padding-top: 30px;
}
.quote-builder__title {
font-size: 30px;
line-height: 36px;
}
.quote-builder__text-container p {
font-size: 13px;
line-height: 22px;
padding-top: 20px;
margin: 0;
}
.quote-builder .slideForward-transition .quote-builder__images,
.quote-builder .slideBack-transition .quote-builder__images {
max-width: 120px;
}
.quote-builder__progress {
width: calc(100% - 30px);
top: 0;
left: 0;
}
.quote-builder__images {
height: 120px;
width: 120px;
}
.quote-builder__images__image {
height: 120px;
}
.quote-builder__images__wrap {
top: 80px;
width: 120px !important;
right: 15px;
}
.quote-builder__ui button {
width: 100%;
margin: 0 0 10px;
}
.quote-builder__error .container,
.quote-builder__question .container {
top: 0;
}
.table-simulator.dataTable td[data-label="Eliminar"]:before {
display: none;
}
.table-simulator .eliminar {
border: 0;
font-size: 16px;
display: block;
width: 100%;
padding: 0 0 10px;
}
.table-simulator .eliminar span {
display: block;
text-align: center;
}
.simulator-module .table-simulator .eliminar span {
color: #ffffff;
}
.simulator-module .table-simulator .eliminar span::before {
color: #ff0f64;
}
.simulator-module .detail-accordian [data-content] .item-data {
padding: 0;
}
.simulator-module .items-cnt,
.simulator-module .table-simulator.dataTable {
margin: 0;
}
.table-simulator .eliminar:before {
display: none;
}
.table-simulator .eliminar span::before {
font-family: "icomoon";
content: "\e94d";
font-style: normal;
font-weight: normal;
margin-right: 10px;
}
.items-cnt,
.table-simulator.dataTable {
margin: 15px 0 0 0;
}
.quote-builder .list-boxs li {
/*flex: 0 0 calc(50% - 15px);
max-width: calc(50% - 15px);*/
margin: 15px;
width: 41%;
max-width: none;
}
.simulator-items-mobile {
width: 100%;
}
.simulator-items .simulator-boxs {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
height: auto;
}
.simulator-boxs-item {
width: 170px;
height: 170px;
margin: 0 10px 0 0;
display: inline-block;
}
.swiper-slide {
width: 60%;
}
h3.quote-builder__title.quote-builder__title_mobile {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.6px;
margin: 0 0 30px;
display: block;
}
.simulator-list .selectboxit-container .selectboxit-option {
border: 0;
width: 100%;
display: block;
float: none;
}
.quote-builder .detail-accordian [data-accordion] [data-control] {
font-size: 16px;
}
.simulator-boxs-item span {
top: 60px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 110px;
}
.simulator-boxs-item label {
bottom: 60px;
}
}
@media screen and (max-width: 720px) {
.simulator-boxs-item span {
top: 50px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 100px;
}
.simulator-boxs-item label {
bottom: 50px;
}
}
@media screen and (max-width: 620px) {
.simulator-boxs-item span {
top: 40px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 90px;
}
.simulator-boxs-item label {
bottom: 40px;
}
}
@media screen and (max-width: 520px) {
.simulator-boxs-item span {
top: 30px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 80px;
}
.simulator-boxs-item label {
bottom: 25px;
}
}
@media screen and (max-width: 420px) {
.simulator-boxs-item span {
top: 30px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 50px;
}
.simulator-boxs-item label {
bottom: 25px;
}
}
@media screen and (min-width: 768px) {
.simulator-items-mobile {
display: none;
}
.simulator-items .simulator-boxs {
display: flex;
flex-wrap: wrap;
}
.quote-builder__error .container,
.quote-builder__question .container {
display: block;
padding-top: 20px !important;
padding-bottom: 50px !important;
padding-top: 100px;
position: relative;
}
.quote-builder .list-boxs li {
/*flex: 0 0 calc(25% - 15px);
max-width: calc(25% - 15px);*/
margin: 15px;
width: 19.9%;
}
.items-cnt {
margin: 30px 0 0 0;
overflow: auto;
max-width: 680px;
height: 310px;
padding-right: 40px;
}
.quote-builder__ui {
left: 0;
margin-top: 55px;
position: relative;
min-width: 350px;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
}
.quote-builder button.btn-close,
.quote-builder button.btn-close-screenshot {
top: -26px;
}
.quote-builder__ui button:first-child {
margin-right: 30px;
}
.table-simulator .eliminar span {
display: none;
}
.simulator-list .select-menu-section {
display: none;
}
.simulator-items .simulator-boxs > div {
margin: 7.5px;
width: 30.5%;
}
}
@media screen and (min-width: 1024px) {
.quote-builder__title-container {
/*height: 130px;*/
margin: 0 0 30px;
}
.quote-builder__title-container .quote-builder__title {
/*height: 120px;*/
}
.resultado-box-cnt {
margin: 15px 0 50px;
}
.quote-builder section,
.quote-builder #quoteBuilderForm,
.quote-builder__question {
top: 30px;
}
.simulator-module .accordion-simulator-cnt {
max-width: 850px;
height: 380px;
overflow: auto;
}
.simulator-items .simulator-boxs > div {
width: 22.9%;
}
.simulator-boxs-item span {
top: 20px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 50px;
}
.simulator-boxs-item label {
bottom: 15px;
}
}
@media screen and (min-width: 1318px) {
.quote-builder__progress {
transform: translateX(-200px);
}
.quote-builder__content {
position: relative;
width: 100%;
max-width: 960px;
}
.simulator-module .quote-builder__content.quote-builder__container {
max-width: 960px;
}
.quote-builder__content.quote-builder__container {
max-width: 680px;
}
.simulator-boxs-item span {
top: 30px;
}
.simulator-boxs-item span[class*=" icon-"]::before,
.simulator-boxs-item span[class^="icon-"]::before {
font-size: 50px;
}
.simulator-boxs-item label {
bottom: 30px;
}
}
/*** 58 Simulatori END ***/
/*** 58 Slick START ***/
.slick-arrow {
position: absolute;
bottom: 0;
background-color: #ff0f64;
border: 1px solid #ff0f64;
height: 50px;
width: 50px;
z-index: 9999;
font-size: 0;
-webkit-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.slick-arrow:after {
display: inline;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 5px;
color: #fff;
font-size: 14px;
}
.slick-next {
right: 0;
}
.slick-next:after {
}
.slick-prev {
right: 50px;
border-right: 1px solid #fff;
}
.slick-prev:after {
display: inline-block;
transform: rotate(180deg);
}
/*** 58 Slick END ***/
/*** 69 Eventos COL ***/
.eventos-h2 {
font-size: 30px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
margin-bottom: 40px;
text-align: center;
}
.eventos-wrapper {
display: -ms-flexbox;
display: flex;
width: calc(100% + 30px);
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.evento {
display: block;
width: 100%;
padding: 0 15px 15px;
margin: 0 auto;
max-width: 400px;
}
.evento-inner {
flex: 1 0 auto;
background: #f7f7f7;
}
.evento .evento-image-wrapper {
padding-top: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.evento .evento-data-wrapper {
background: #41b9e6;
padding: 50px 30px;
color: #fff;
}
.evento .evento-data-wrapper h3,
.evento .evento-data-wrapper span {
font-size: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.evento .evento-data-wrapper span {
color: rgba(255, 255, 255, 0.6);
}
.evento .evento-title-wrapper {
padding: 90px 30px 30px;
}
.evento .evento-title-wrapper .title-topic {
color: #41b9e6;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.03em;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.evento .evento-title-wrapper .title-title {
font-size: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
}
.evento .evento-title-wrapper .evento-cta {
color: #ff0f64;
font-size: 12px;
text-transform: uppercase;
display: block;
margin-top: 20px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
}
.evento .evento-title-wrapper .evento-cta:hover {
text-decoration: none;
}
.evento .evento-title-wrapper .evento-cta img {
display: inline-block;
margin-left: 10px;
vertical-align: baseline;
}
@media (min-width: 768px) {
.evento {
display: -ms-flexbox;
display: flex;
flex-direction: column;
flex: 0 0 33.333%;
padding: 0 15px 15px;
max-width: none;
}
.eventos-h2 {
text-align: left;
}
}
/*** 69 Eventos COL END ***/
/*** ICONE START***/
.icon-bill:before {
font-family: "fontello";
content: "\e800";
}
.icon-bolt-stroke:before {
font-family: "fontello";
content: "\e801";
}
.icon-bolt:before {
font-family: "fontello";
content: "\e802";
}
.icon-bulb:before {
font-family: "fontello";
content: "\e803";
}
.icon-calendar:before {
font-family: "fontello";
content: "\e804";
}
.icon-document:before {
font-family: "fontello";
content: "\e805";
}
.icon-house:before {
font-family: "fontello";
content: "\e806";
}
.icon-phone:before {
font-family: "fontello";
content: "\e807";
}
.icon-point:before {
font-family: "fontello";
content: "\e808";
}
.icon-twitter-alt:before {
font-family: "fontello";
content: "\e812";
}
.icon-fb-alt:before {
font-family: "fontello";
content: "\e816";
}
.icon-heating:before {
font-family: "fontello";
content: "\e818";
}
.icon-mail-new:before {
font-family: "fontello";
content: "\e817";
}
.icon-watch:before {
font-family: "fontello";
content: "\e81C";
}
.icon-wrench:before {
font-family: "fontello";
content: "\e81A";
}
.icon-computer:before {
font-family: "fontello";
content: "\e81D";
}
.icon-energyplants:before {
font-family: "fontello";
content: "\e81E";
}
.icon-emgesa:before {
font-family: "fontello";
content: "\e81F";
}
.icon-shield:before {
font-family: "fontello";
content: "\e820";
}
.icon-combined:before {
font-family: "fontello";
content: "\e822";
}
.icon-stroke:before {
font-family: "fontello";
content: "\e824";
}
.icon-info:before {
font-family: "fontello";
content: "\e827";
}
.icon-debito_automatico:before {
font-family: "fontello";
content: "\e809";
}
.icon-ear:before {
font-family: "fontello";
content: "\e80A";
}
.icon-fish:before {
font-family: "fontello";
content: "\e880B";
}
.icon-headphones:before {
font-family: "fontello";
content: "\e819";
}
.icon-leaf:before {
font-family: "fontello";
content: "\e80C";
}
.icon-paw:before {
font-family: "fontello";
content: "\e81B";
}
.icon-speaker:before {
font-family: "fontello";
content: "\e80D";
}
.icon-transit_cone:before {
font-family: "fontello";
content: "\e80E";
}
.icon-warning:before {
font-family: "fontello";
content: "\e80F";
}
.icon-comunicar:before {
font-family: "fontello";
content: "\E828";
}
.icon-contas:before {
font-family: "fontello";
content: "\E829";
}
.icon-parcelamiento:before {
font-family: "fontello";
content: "\E82B";
}
.icon-calendar-alt:before {
font-family: "fontello";
content: "\E82D";
}
.icon-mobile:before {
font-family: "fontello";
content: "\E82E";
}
.icon-user-twice:before {
font-family: "fontello";
content: "\E82F";
}
.icon-reportar_faltadeluz:before {
font-family: "fontello";
content: "\e825";
}
.icon-faltadeluz:before {
font-family: "fontello";
content: "\e826";
}
.icon-desligamento_programado:before {
font-family: "fontello";
content: "\e810";
}
/* #10382 omino stilizzato doppio*/
.icon-user-twin:before {
font-family: "fontello";
content: "\E82F";
}
/*** ICONE END ***/
/*** Link utili B START***/
.link-group.link-group-b .link-group-content {
padding-top: 40px;
}
.link-group.link-group-b .eyebrow {
opacity: 0.5;
margin-bottom: 30px;
letter-spacing: 4px;
font-size: 11px;
}
.link-group-b .swiper-container {
width: 50%;
margin: 0 auto;
text-align: center;
overflow: visible;
position: relative;
padding-top: 30px;
}
.link-group-b .swiper-wrapper {
text-align: center;
display: block;
white-space: nowrap;
padding: 30px 0;
position: relative;
width: 100%;
height: 100%;
}
.link-group-b .swiper-slide {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0, 36px;
text-align: center;
}
.link-group-b .swiper-slide a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
/*margin-right: 5px;*/
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
display: inline-block;
position: relative;
}
.link-group-b .swiper-slide a.active {
background: #fff;
color: #0555fa;
padding: 0 20px;
line-height: 30px;
}
.link-group-b .swiper-slide a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #fff;
width: 20px;
height: 20px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
@media screen and (max-width: 767px) {
.link-group-b .swiper-slide a {
margin-right: 0px;
padding: 0;
}
}
@media screen and (min-width: 768px) {
.link-group-b .swiper-slide {
width: auto !important;
}
}
/*** Link utili B END***/
/*** 71 SIMULATOR ***/
.simulator-risultato-box-cnt {
width: 100%;
display: block;
}
.simulator-risultato-box {
width: 100%;
display: block;
padding: 30px 15px;
}
.simulator-risultato-box-pink {
background-color: #f7f7f7;
}
.simulator-risultato-box-gray {
background-color: #ffffff;
}
.simulator-risultato-box-grayLight {
background-color: #ffffff;
}
.simulator-risultato-box-blue {
background-color: #f7f7f7;
}
.simulator-risultato-box h2 {
font-size: 30px;
font-weight: 300;
line-height: 42px;
letter-spacing: -1px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #ff4687;
max-width: 55%;
margin: 0 0 25px 0;
}
.simulator-risultato-box h3 {
font-size: 22px;
font-weight: 700;
line-height: 27px;
letter-spacing: -1px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #000000;
margin: 0 0 40px 0;
}
.simulator-risultato-box.simulator-risultato-box-blue h2 {
color: #0555fa;
}
.list-bandeira-title {
display: block;
text-transform: uppercase;
color: #000000;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 16px;
margin: 0 0 40px;
}
.list-bandeira li {
display: block;
margin: 0 0 15px 0;
} /*
.list-bandeira li a {
display: inline-block;
background-color: #cecece;
border-radius: 15px;
padding: 0 30px;
font-size: 12px;
font-weight: 700;
line-height: 30px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #FFFFFF;
white-space: nowrap;
}*/
.list-bandeira li a:hover {
background-color: #008c5a;
text-decoration: none;
}
.simulator-info-text {
color: #666666;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 300;
line-height: 18px;
margin-top: 30px;
}
.equipaments-box {
width: 100%;
display: block;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
margin: 0 0 30px 0;
}
.equipaments-box .equipaments-title {
color: #ff4687;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 36px;
display: block;
}
.equipaments-button-box {
display: none;
}
.simulator-risultato-box p.list-consumo-text {
color: #000000;
font-size: 13px;
font-weight: 300;
line-height: 25px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin: 0 0 15px;
}
.simulator-risultato-box ul.list-consumo-sugerido li {
color: #666666;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 300;
line-height: 17px;
margin: 0 0 15px 0;
padding-left: 15px;
}
.simulator-risultato-box .list-consumo-sugerido li:before {
content: "â– ";
color: #ff0f64;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 12px;
}
.simulator-risultato-box-full {
background-color: #ffffff;
padding: 50px 15px;
}
ul.list-consumo-sugerido02 {
display: none;
}
.table-risultato.dataTable {
width: 100%;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
box-sizing: border-box;
margin-top: 25px;
}
.table-risultato.dataTable th {
text-align: left;
color: #000000;
font-size: 15px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 23px;
letter-spacing: -0.36px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #f7f7f7;
background-clip: padding-box;
box-sizing: border-box;
}
.table-risultato.dataTable td {
text-align: left;
color: #666666;
font-size: 15px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 23px;
letter-spacing: -0.36px;
padding: 15px 20px;
border-left: 1px solid #dddddd;
background-color: #f7f7f7;
background-clip: padding-box;
position: relative;
box-sizing: border-box;
}
.table-risultato.dataTable tr:hover > td {
background-color: #f6f9ff;
background-clip: padding-box;
}
.table-risultato.dataTable td span {
color: #000000;
}
.table-consumo {
width: 100%;
}
.table-consumo td {
color: #000000;
font-family: "UniversBold";
font-size: 13px;
font-weight: 700;
line-height: 25px;
padding: 8px 15px;
text-align: center;
}
.table-consumo td:first-child {
padding-left: 0;
text-align: left;
width: 45%;
}
.table-consumo td .name {
display: inline-block;
width: 50%;
float: left;
}
.table-consumo td .value {
display: inline-block;
width: 50%;
float: right;
text-align: right;
}
.table-consumo td .progress {
width: 100%;
height: 10px;
background-color: #dddddd;
position: relative;
clear: both;
margin-top: 5px;
}
.table-consumo td .progress span {
height: 10px;
display: inline-block;
background-color: #ff4687;
position: absolute;
top: 0;
left: 0;
}
.table-consumo tfoot .total {
display: block;
border-top: 1px solid #000000;
padding: 15px 0;
}
.table-consumo tfoot .total .value {
display: block;
width: 100%;
color: #000000;
font-family: "UniversLight";
font-size: 24px;
font-weight: 300;
line-height: 36px;
text-align: center;
}
.table-consumo tfoot .total label {
display: block;
width: 100%;
color: #000000;
font-family: "UniversLight";
font-size: 15px;
font-weight: 300;
line-height: 19px;
text-align: center;
}
/* Charts */
.chart-label {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
color: #4a6352;
margin-bottom: 30px;
text-align: center;
margin-top: 15px;
}
.chart-wrapper {
padding: 0;
height: 250px;
margin: 0;
}
.chart-wrapper.chart-dashboard {
height: 300px;
}
.chart {
height: 100%;
}
@media screen and (max-width: 767px) {
.simulator-risultato-box-full {
padding: 0 15px 30px;
}
.table-risultato.dataTable thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.table-risultato.dataTable {
border-right: 0;
border-top: 0;
}
.table-risultato.dataTable tr {
display: block;
margin-top: 6px;
}
.table-risultato.dataTable td {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
display: block;
font-size: 15px;
text-align: right !important;
min-height: 55px;
}
.table-risultato.dataTable td.td-no-mobile {
display: none;
}
.table-risultato.dataTable tr td:first-child {
border-top: 1px solid #e6e6e6;
}
.table-risultato.dataTable td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
table td:last-child {
border-bottom: 0;
}
table.dataTable.no-footer {
border-bottom: 0 !important;
}
.table-risultato.dataTable tr > td:nth-child(even) {
background-color: #ffffff;
}
.table-risultato.dataTable {
border-bottom: 1px solid #e6e6e6;
}
.table-risultato.dataTable > tbody > tr > td,
.table-risultato.dataTable > tbody > tr > th {
width: 100%;
display: block;
border-top: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.table-risultato.dataTable tr {
display: block;
margin-top: 6px;
}
.table-risultato.dataTable table td {
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
display: block;
font-size: 15px;
text-align: right !important;
}
}
@media screen and (min-width: 768px) {
.table-consumo td {
padding: 5px 35px;
}
.table-consumo td:first-child {
width: 60%;
}
.simulator-risultato-box {
padding: 30px 45px;
}
.simulator-risultato-box h3 {
font-size: 30px;
line-height: 36px;
}
.simulator-risultato-box-full h3 {
font-size: 30px;
font-weight: 700;
line-height: 36px;
letter-spacing: -1px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000000;
margin: 0 0 40px 0;
}
.list-bandeira-title {
margin: 0 0 25px;
}
.simulator-risultato-box-gray {
background-color: #f3f3f3;
}
.simulator-risultato-box-grayLight {
background-color: #f3f3f3;
}
.list-bandeira li {
width: 50%;
display: inline-block;
float: left;
}
.simulator-info-text {
font-size: 12px;
margin-top: 40px;
}
.equipaments-box {
margin: 0 0 30px 0;
}
.equipaments-box .equipaments-title {
font-size: 18px;
line-height: 23px;
display: inline-block;
width: 30%;
}
.equipaments-button-box {
width: 70%;
float: right;
text-align: right;
display: block;
}
.equipaments-button-box span {
display: inline-block;
color: #666666;
font-size: 15px;
font-weight: 300;
line-height: 21px;
text-transform: uppercase;
margin-right: 25px;
}
.simulator-risultato-box p.list-consumo-text {
font-size: 18px;
line-height: 30px;
margin: 0 0 25px;
}
.simulator-risultato-box .list-consumo-sugerido li:before {
line-height: 14px;
}
.simulator-risultato-box ul.list-consumo-sugerido li {
font-size: 15px;
line-height: 20px;
}
.simulator-risultato-box-full {
background-color: #f3f3f3;
padding: 50px 45px 100px;
}
.table-risultato-cnt {
width: 100%;
overflow-x: auto;
padding: 0 4px 4px 0;
}
.table-risultato.dataTable {
margin-top: 0;
-webkit-box-shadow: 4px 4px 0px 0px rgba(231, 231, 231, 1);
-moz-box-shadow: 4px 4px 0px 0px rgba(231, 231, 231, 1);
box-shadow: 4px 4px 0px 0px rgba(231, 231, 231, 1);
}
.table-risultato.dataTable td {
background-color: #ffffff;
}
.table-risultato.dataTable tr:nth-child(even) > td {
background-color: #f7f7f7;
}
.table-risultato.dataTable tr.active td {
background-color: #fffbe5;
}
.table-risultato.dataTable tfoot td {
background-color: #f3f3f3;
border-left: 0;
}
.table-risultato.dataTable tfoot td:first-child {
border-left: 1px solid #dddddd;
}
.table-risultato.dataTable .dt-body-right {
text-align: right;
}
.chart-wrapper {
padding: 0 10%;
height: 250px;
}
.chart-wrapper.chart-dashboard {
height: 350px;
padding: 0;
}
.chart-wrapper.chart-dashboard.chart-full {
max-width: 100%;
}
}
@media screen and (min-width: 1024px) {
.table-consumo td {
color: #ffffff;
font-family: "Univers";
font-weight: 400;
}
.table-consumo td:first-child {
width: 60%;
}
.table-consumo td .progress {
background-color: rgba(255, 255, 255, 0.3);
}
.table-consumo td .progress span {
background-color: #ffffff;
}
.table-consumo tfoot .total {
border-top: 1px solid #ffffff;
}
.table-consumo tfoot .total .value {
color: #ffffff;
}
.table-consumo tfoot .total label {
color: #ffffff;
}
.simulator-risultato-box-cnt {
display: table;
}
.simulator-risultato-box {
width: 50%;
display: table-cell;
padding: 50px 70px;
}
.simulator-risultato-box-pink {
background-color: #ff4687;
}
.simulator-risultato-box-grayLight {
background-color: #f7f7f7;
}
.simulator-risultato-box-blue {
background-color: #0555fa;
}
.simulator-risultato-box h2 {
color: #ffffff;
font-size: 50px;
line-height: 75px;
margin: 0 0 40px 0;
max-width: 65%;
}
.simulator-risultato-box.simulator-risultato-box-blue h2 {
color: #ffffff;
}
.simulator-risultato-box-full {
padding: 100px 175px;
}
ul.list-consumo-sugerido02 {
display: block;
margin-bottom: 50px;
}
.simulator-risultato-box-full ul.list-consumo-sugerido02 li {
color: #000000;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva,
"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 300;
line-height: 30px;
margin: 0 0 25px 0;
padding-left: 25px;
}
.simulator-risultato-box-full ul.list-consumo-sugerido02 li:before {
content: "â– ";
color: #ff0f64;
position: absolute;
left: 0;
top: 0;
font-size: 14px;
line-height: 25px;
}
.chart-wrapper.chart-dashboard {
max-width: 325px;
}
}
@media screen and (min-width: 1318px) {
.simulator-risultato-box {
padding: 115px 130px;
}
.simulator-risultato-box h2 {
max-width: 55%;
}
.chart-wrapper.chart-dashboard {
max-width: 450px;
}
}
/*** 71 SIMULATOR END ***/
/*** Info Util B START***/
.infoUtil.infoUtilBrasil .infoUtil-intro-cnt {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.infoUtil.infoUtilBrasil .infoUtil-intro {
display: block;
margin: 13px 0 0 0;
flex: 0 0 calc(100% - 0px);
font-size: 18px;
line-height: 26px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.infoUtil.infoUtilBrasil .infoUtil-icon {
background: #ff1868;
}
@media (min-width: 768px) {
.infoUtil.infoUtilBrasil .intoUtil-label {
font-size: 24px;
line-height: 28px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.infoUtil.infoUtilBrasil .infoUtil-intro {
margin: 15px;
flex: 0 0 calc(50% - 30px);
}
}
@media screen and (min-width: 1024px) {
.infoUtil-text {
padding: 10px 40px 10px 30px;
vertical-align: middle;
}
}
/*** Info Util B END***/
/*** 74 lista date sinistra START***/
.list-date-top .login-details .login-tabs li a.active {
background: #ff0f64;
color: #ffffff;
}
.list-date-top .login-details .login-tabs li a.active::after {
border-top: 10px solid #ff0f64;
}
.list-date-top .login-details .login-tabs li a {
color: #747474;
background-color: #ffffff;
}
.info-field {
color: #989898;
display: block;
text-align: right;
font-size: 14px;
line-height: 20px;
margin-top: 5px;
}
.list-date-sx-header {
margin-bottom: 30px;
font-size: 20px;
text-align: center;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.list-date-sx-container {
margin: 0 auto;
padding: 40px 0;
border-top: 2px solid #dbdbdb;
}
.list-date-sx-item {
background: #f6f6f6;
margin-bottom: 20px;
padding: 25px;
}
.list-date-sx-item .date {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
width: auto;
padding: 5px 0px;
width: 100%;
color: #7c7c7c;
}
.list-date-sx-item .text {
padding: 5px 0px;
width: 100%;
color: #747474;
font-size: 20px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 1024px) {
.list-date-sx-container {
width: 787px;
}
.list-date-sx-item {
display: -ms-flexbox;
display: flex;
}
.list-date-sx-item .date {
width: 170px;
text-align: center;
border-right: 1px solid #e0e0e0;
padding: 5px 40px;
}
.list-date-sx-item .text {
flex-basis: 100%;
padding: 5px 40px;
}
}
/*** 74 lista date sinistra END***/
/*** 70 Box Autore START***/
.author-container {
margin: 0 auto;
padding: 20px;
border: 2px solid #dbdbdb;
}
.author-social {
position: relative;
top: auto;
right: auto;
margin-top: 30px;
margin-bottom: 15px;
}
.author-social a {
border: solid 2px #48bae4;
padding: 5px 7px;
display: inline-block;
margin-left: 5px;
}
.author-social a:first-child {
margin-left: 0;
}
.author-social a:hover {
text-decoration: none;
}
.author-social a span {
color: #48bae4;
vertical-align: middle;
line-height: 1;
}
.author-image {
width: 100%;
display: block;
}
.author-image .inner {
width: 100%;
padding-top: 100%;
background-color: #ccc;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.author-detail span {
color: #8a8a8a;
font-size: 14px;
}
.author-detail h2 {
font-size: 24px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-bottom: 30px;
margin-top: 5px;
}
.author-detail p {
font-size: 16px;
line-height: 20px;
color: #8a8a8a;
}
.author-link {
color: #fd548c;
text-decoration: underline;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: inline-block;
margin-top: 30px;
}
@media screen and (min-width: 768px) {
.author-container {
display: -ms-flexbox;
display: flex;
padding: 40px;
}
.author-social {
position: absolute;
top: 0px;
right: 0px;
margin: 0;
}
.author-image {
width: 50%;
}
.author-detail {
flex-basis: 100%;
padding-left: 40px;
}
}
@media screen and (min-width: 1024px) {
.author-container {
width: 787px;
}
.author-detail p {
font-size: 17px;
line-height: 22px;
}
}
/*** 70 Box Autore END***/
/*** 72 Scelta citta ***/
.fullPageSect {
width: 100%;
height: 100vh;
background-color: #000000;
display: table;
position: relative;
}
.fullPageCnt {
width: 100%;
height: calc(100vh - 65px);
background-color: #ff4787;
text-align: center;
color: #ffffff;
display: table-cell;
vertical-align: middle;
}
.fullPageCnt-inner {
max-width: 470px;
margin: 0 auto;
}
/** insert 16/11/2018 start*/
.fullPageCnt2-inner {
max-width: 600px;
margin: 0 auto;
}
.fullPageCnt2-inner .latam-btn-cta {
margin: 0 10px;
}
/** insert 16/11/2018 end*/
.fullPageCnt h2 {
font-size: 48px;
letter-spacing: -1.2px;
line-height: 60px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin: 0 0 25px 0;
}
.fullPageCnt p {
font-size: 18px;
line-height: 30px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
margin: 0 0 40px 0;
}
.fullPageCnt .selectboxit-container .selectboxit-btn {
color: #ffffff;
}
.fullPageCnt .selectboxit-container .selectboxit {
border-color: rgba(255, 255, 255, 0.5);
}
.fullPageCnt .selectboxit-container .selectboxit-btn.selectboxit-focus {
border-color: rgba(255, 255, 255, 0.5);
}
.fullPageCnt .global_logo {
max-width: 109px;
position: absolute;
top: 20px;
left: 30px;
}
.fullPageCnt .btn-close {
position: absolute;
top: 30px;
right: 30px;
background-color: transparent;
height: 20px;
width: 20px;
cursor: pointer;
transition: background 0.2s ease-in-out 0;
}
.fullPageCnt .global_logo img {
width: 100%;
}
.fullPageFooter {
display: table-row;
min-height: 65px;
text-align: center;
width: 100%;
}
.fullPageFooter p {
font-size: 15px;
line-height: 35px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #ffffff;
padding: 10px 0;
}
.fullPageFooter p a {
text-decoration: underline;
}
.dataTables_filter {
display: none;
}
@media screen and (max-width: 768px) {
.fullPageCnt-inner {
padding: 100px 15px 30px;
}
.fullPageCnt h2 {
font-size: 36px;
line-height: 42px;
}
.fullPageFooter p {
font-size: 13px;
line-height: 20px;
padding: 10px 15px;
}
.fullPageCnt2-inner .latam-btn-cta {
margin: 10px 30px;
display: block;
}
}
/*** 72 Scelta citta END ***/
/*** 73 three icon in colonna START***/
.three-icon-column-container {
margin: 0 auto;
}
.three-icon-column-container .long-text {
width: 100%;
margin-bottom: 30px;
}
.three-icon-column-container .long-text h2 {
font-size: 24px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-bottom: 30px;
}
.three-icon-column-container .long-text p {
font-size: 18px;
line-height: 28px;
}
.three-icon-column-icons .three-icon-column-item-head span {
color: #63b36c;
display: inline-block;
margin-right: 10px;
font-size: 30px;
}
.three-icon-column-icons .three-icon-column-item-head h2 {
font-size: 24px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
display: inline-block;
}
.three-icon-column-icons .three-icon-column-text {
margin-top: 10px;
margin-bottom: 30px;
line-height: 22px;
font-size: 16px;
}
@media screen and (min-width: 768px) {
.three-icon-column-container {
display: -ms-flexbox;
display: flex;
}
.three-icon-column-container .long-text {
width: 50%;
padding: 30px;
}
.three-icon-column-container .three-icon-column-icons {
width: 50%;
padding: 40px;
}
.three-icon-column-icons
.three-icon-column-item:first-child
.three-icon-column-item-head {
margin-top: 60px;
}
}
@media screen and (min-width: 1024px) {
.three-icon-column-container {
width: 787px;
}
}
/*** 73 three icon in colonna END***/
/*** 75 Lista informazioni finanziarie START***/
.financial-info {
display: block;
}
.financial-info .info {
padding: 15px;
background: #f7f7f7;
width: 100%;
}
.financial-info .mas-info {
padding: 15px;
background: #222222;
width: 100%;
}
.financial-info .info h2 {
margin-bottom: 20px;
}
.financial-info .mas-info h2 {
color: #fff;
margin-bottom: 50px;
}
.financial-info .mas-info ul li {
margin-bottom: 20px;
}
.financial-info .mas-info ul li a {
color: #fff;
font-size: 22px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 400;
}
.financial-info .mas-info ul li a:hover {
text-decoration: none;
}
.financial-info .mas-info ul li a:after {
font-size: 10px;
display: inline-block;
margin-left: 10px;
font-style: normal;
font-weight: normal;
opacity: 1;
color: #ff4687;
font-family: "icomoon";
content: "\e905";
}
.financial-info-item-head {
margin-bottom: 10px;
}
.financial-info-item-head h5 {
color: #63b4d4;
display: inline-block;
margin-right: 15px;
}
.financial-info-item-head .date {
color: #888888;
font-family: Georgia, Times, "Times New Roman", serif;
display: inline-block;
}
.financial-info-item h4 {
color: #ff4687;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 26px;
}
.financial-info-item {
padding: 30px 0;
border-bottom: 1px solid #ececec;
}
.financial-info-item-detail {
flex-basis: 100%;
padding-right: 15px;
}
.financial-info-item-cta {
text-align: left;
margin-top: 30px;
}
.financial-info-container {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.financial-info {
display: -ms-flexbox;
display: flex;
}
.financial-info .info,
.financial-info .mas-info {
width: 50%;
padding: 60px;
}
.financial-info-item-cta {
text-align: right;
}
.financial-info-item {
display: -ms-flexbox;
display: flex;
}
}
/*** 75 Lista informazioni finanziarie END***/
/*** 76 Mini Upload START***/
.files-selected {
width: 100%;
background: #f7f7f7;
padding: 15px;
margin-top: 15px;
}
.latam-btn-cta--clear.pink {
border-color: #ff0f64;
color: #ff0f64;
}
.files-selected .icon {
margin-bottom: 15px;
}
.files-selected .icon span:before {
color: #50be5b;
}
#filesList {
border-top: 1px solid #fff;
background: #f7f7f7;
}
#filesList li {
padding: 10px 15px;
border-top: 1px solid #fff;
}
#filesList li:first-child {
border-top: 0;
}
#filesList li a.remove {
position: absolute;
right: 15px;
top: 14px;
font-size: 12px;
text-decoration: none;
}
/*** 76 Mini upload END***/
.fancybox-container {
/* #10478 z-index: 999999993; */
z-index: 99992;
}
/* #10478 */
.fancybox-container ~ .fancybox-container {
z-index: 99993;
}
/* FIx 56 form in arcticle */
/*.article-content .generic-form .form-content {
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
}
@media screen and (min-width: 1024px){
.article-content .generic-form .form-content {
margin: 0 auto;
padding-left: calc( 13% + 30px );
padding-right: calc( 13% + 30px );
}
}*/
/*** 78 - Statistiche ***/
.statistics {
padding-top: 90px;
}
.statistics .table-simple {
margin-bottom: 70px;
}
.statistics .table-simple td:first-child {
width: 35%;
}
.refineChart {
width: 100%;
margin: 0 0 60px;
}
.refineChart:before {
content: "";
box-sizing: content-box;
width: 100%;
padding: 0;
left: -5px;
position: absolute;
height: 100%;
top: 5px;
background: #ddd;
z-index: 0;
}
.refineChartInner {
width: 100%;
background-color: #f4f4f4;
z-index: 1;
padding: 25px;
}
.refineChartInner:after {
clear: both;
content: "";
display: block;
}
.refineChartDate .ico-calendar-box {
max-width: 160px;
float: left;
margin-right: 25px;
}
.refineChartDate .ico-calendar-box .ico-calendar {
color: #ffffff;
text-align: center;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 17px;
display: inline-block;
width: 22px;
height: 25px;
position: absolute;
top: 12px;
left: 20px;
background: url(main/img/ico-calendar.png) no-repeat 50% 50%;
background-size: cover;
text-decoration: none;
z-index: 0;
}
.refineChartDate input[type="text"] {
font-size: 17px;
line-height: 22px;
padding: 12px 15px 12px 55px;
min-height: 0;
border-width: 1px;
background-color: #fff;
}
.refineChartType {
float: right;
}
.refineChartType label {
display: inline-block;
font-size: 16px;
line-height: 50px;
color: #000;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.refineChartType ul {
display: inline-block;
font-size: 0;
}
.refineChartType ul li {
display: inline-block;
padding: 0 !important;
}
.refineChartType ul li a {
font-size: 16px;
line-height: 44px;
display: block;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #fff;
padding: 0 20px;
color: #000 !important;
text-decoration: none !important;
}
.refineChartType ul li.select a {
border-width: 0;
background-color: #ff0f64;
color: #fff !important;
padding: 4px 20px !important;
}
.graphRefineYearCnt {
display: table;
margin: 0 auto;
padding: 0 !important;
}
.graphRefineYear {
margin: 0 auto 40px;
font-size: 0;
text-align: center;
padding: 0 !important;
}
.graphRefineYear li {
display: inline-block;
border: 1px solid #ff0f64;
padding: 0 !important;
margin-left: -1px;
float: left;
}
.graphRefineYear li a {
font-size: 15px;
line-height: 44px !important;
padding: 0 30px;
text-decoration: none !important;
color: #666 !important;
display: block;
}
.graphRefineYear li.selected a {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #ff0f64 !important;
}
.pika-single {
z-index: 9999;
display: block;
position: relative;
color: #404040;
background: #fff;
padding: 40px 18px 30px;
border: 0;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.pika-lendar {
width: 100%;
margin: 0;
}
.pika-button {
cursor: pointer;
display: block;
box-sizing: border-box;
outline: none;
border: 0;
border-radius: 0;
margin: 0;
width: 100%;
padding: 18px 18px 12px;
color: #404040;
font-size: 14px;
line-height: 14px;
text-align: center;
background: #fff;
border-bottom: 5px solid transparent;
}
.is-selected .pika-button,
.pika-button:hover {
border-radius: 0;
border-bottom: 5px solid #e5e5e5;
}
.pika-next,
.pika-prev {
background-image: none;
opacity: 1;
}
.pika-next:after,
.pika-prev:after {
color: #ff0f64;
height: 16px;
width: 16px;
font-family: "icomoon";
font-size: 16px;
position: absolute;
right: 22px;
top: 50%;
margin-top: -8px;
transform-origin: 50% 25%;
transition: transform 0.2s ease-in-out;
display: block;
}
.pika-prev:after {
content: "\e906";
}
.pika-next:after {
content: "\e905";
}
.pika-label {
font-size: 24px;
font-weight: 400;
color: #404040;
}
.pika-label:nth-child(2) {
color: #ff0f64;
}
.pika-title {
margin-bottom: 15px;
}
.pika-table {
margin-top: 25px;
}
.pika-table thead tr th {
padding-bottom: 10px;
}
.pika-table abbr {
cursor: auto;
text-transform: uppercase;
border-bottom: 0;
text-decoration: none;
letter-spacing: 0.08em;
font-size: 11px;
color: #c6c6c6;
font-weight: 400;
}
@media screen and (min-width: 768px) {
.refineChartDate .ico-calendar-box {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.refineChartType {
float: left;
margin-top: 20px;
}
}
@media screen and (max-width: 620px) {
.refineChartDate .ico-calendar-box {
width: 100%;
max-width: none;
margin: 0;
}
.refineChartDate .ico-calendar-box:first-child {
margin-bottom: 15px;
}
}
/*** 79 - Form con risposta ***/
.responseForm fieldset {
border-bottom: 0;
}
.responseForm p {
padding: 0px 10px;
margin-bottom: 30px;
font-size: 14px;
line-height: 22px;
}
.responseForm .error {
display: none;
}
.responseForm .form-group a {
color: #ff0f64;
display: inline-block;
margin-top: 10px;
font-size: 14px;
}
.responseForm .messagge-ko {
background-color: #bb5657;
padding: 20px 20px;
position: relative;
margin: 30px auto;
max-width: 500px;
display: none;
}
.responseForm .messagge-ko span {
color: #ffffff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 25px;
display: block;
text-align: left;
padding: 0 0 0 40px;
}
.responseForm .messagge-ko span::after {
height: 25px;
width: 25px;
font-family: "icomoon";
content: "\e921";
font-size: 14px;
line-height: 25px;
position: absolute;
color: #fff;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 2px solid #fff;
border-radius: 50%;
text-align: center;
}
.responseForm .step-2 {
display: none;
}
#error-popup-v2 {
display: none;
}
.error-message {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1000;
}
.error-message .error-container {
background: #fff;
width: 50%;
margin: 0 auto;
margin-top: 20%;
margin-top: 25vh;
padding: 20px 40px;
min-width: 350px;
text-align: center;
}
.error-message .error-close {
position: relative;
top: -40px;
color: #fff;
background-color: #ff0f64;
display: inline-block;
line-height: 42px;
border-radius: 100px;
height: 40px;
width: 40px;
font-size: 15px;
}
.error-message .error-title {
text-transform: uppercase;
color: #6c6d74;
margin-bottom: 40px;
font-weight: normal;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.8em;
}
.error-message .error-content {
margin-bottom: 40px;
font-weight: normal;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.8em;
}
/*#7521 Step 1 hidden in form-steps-new-supply */
#suministro-step-1.step-showed {
display: block;
}
/*#7521 End Step 1 hidden in form-steps-new-supply */
/* 14c */
.contact-wrapper-c .swiper-container {
width: 50%;
margin: 0 auto;
text-align: center;
overflow: visible;
position: relative;
padding-top: 30px;
}
.contact-wrapper-c .swiper-wrapper {
text-align: center;
display: block;
white-space: nowrap;
padding: 30px 0;
position: relative;
width: 100%;
height: 100%;
}
.contact-wrapper-c .swiper-slide {
display: inline-block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0, 36px;
text-align: center;
}
.contact-wrapper-c .swiper-slide a {
padding: 0 20px;
border-radius: 15px;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
/*margin-right: 5px;*/
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
display: inline-block;
position: relative;
}
.contact-wrapper-c .swiper-slide a.active {
background: #fff;
color: #0555fa;
padding: 0 20px;
line-height: 30px;
}
.contact-wrapper-c .swiper-slide:nth-child(2) a.active {
color: #55be5a;
}
.contact-wrapper-c .swiper-slide a.active:after {
content: "";
border: 10px solid transparent;
border-top: 10px solid #fff;
width: 20px;
height: 20px;
position: absolute;
bottom: -20px;
left: 50%;
margin-left: -10px;
box-sizing: border-box;
}
.contact-blocks-content {
width: 100%;
}
.contact-wrapper-c.contact-hero {
padding-bottom: 0;
}
.contact-wrapper-c .contact-block {
padding-bottom: 80px;
}
.contact-wrapper-c .contact-blocks {
width: auto;
}
.contact-wrapper-c .contact-block .latam-link {
color: #fff;
}
@media screen and (max-width: 767px) {
.contact-wrapper-c .swiper-slide a {
margin-right: 0px;
padding: 0;
}
.contact-wrapper-c .contact-block {
padding-top: 40px;
padding-bottom: 60px;
}
.contact-wrapper-c {
margin-top: -1px;
}
}
@media screen and (min-width: 768px) {
.contact-wrapper-c .swiper-slide {
width: auto !important;
}
}
/* 14c END */
/** Umberto Santarelli imille via mail */
.page-article
div.article-carousel
div.component
.carousel_arrow.carousel_prev.slick-arrow {
bottom: 25px;
}
.page-article
div.article-carousel
div.component
.carousel_arrow.carousel_prev.slick-arrow:after {
display: none;
}
.page-article
div.article-carousel
div.component
.carousel_arrow.carousel_next.slick-arrow {
bottom: 25px;
}
.page-article
div.article-carousel
div.component
.carousel_arrow.carousel_next.slick-arrow:after {
display: none;
}
/* banner-cta inizio */
.full-width-banner-outer-cta .latam-btn-cta--white {
color: #1787fb;
border-color: #fff;
}
.full-width-banner-outer-cta .latam-btn-cta--white:hover {
color: #fff;
border-color: #fff;
background: #1787fb;
cursor: pointer;
}
.full-width-banner-outer-cta .full-width-banner-cta {
position: relative;
right: auto;
top: auto;
margin-top: 20px;
}
.full-width-banner-outer-cta .full-width-banner-text h2 {
font-size: 24px;
line-height: 40px;
max-width: 100%;
}
.full-width-banner-outer-cta .full-width-banner-text {
left: auto;
top: auto;
position: relative;
}
.full-width-banner-outer-cta .full-width-banner {
height: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.full-width-banner-outer-cta .full-width-banner-cursor {
display: none;
}
@media screen and (min-width: 768px) {
.full-width-banner-outer-cta .full-width-banner-text {
left: 70px;
top: 50px;
max-width: 70%;
position: absolute;
}
.full-width-banner-outer-cta .full-width-banner-cursor {
height: 80px;
top: 52px;
width: 20px;
display: block;
}
.full-width-banner-outer-cta .full-width-banner {
height: 185px;
}
.full-width-banner-outer-cta .full-width-banner-cta {
position: absolute;
right: 0;
top: auto;
margin-top: 0;
}
.full-width-banner-outer-cta .full-width-banner-text h2 {
max-width: 70%;
}
}
/* banner-cta fine */
/* incident peru 47 production*/
.plan-promo .hub_header {
margin-top: 23px;
}
/*BEGIN - #9056 favor revisar imágenes*/
@media screen and (max-width: 1425px) and (min-width: 1319px) {
.hubgroup-items-section .tile--large .tile_inner {
padding-bottom: 345px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.hub_inner_mobile .tile--large .tile_inner {
padding-bottom: 370px;
}
.hub_inner_mobile .tile--large .tile_content-wrapper {
margin-top: 155px;
}
}
/*BEGIN - #9056 favor revisar imágenes*/
DIV.bannerfullwidthimage {
z-index: 3;
}
/* A10B Fix */
.detail-accordian .form-group {
margin-bottom: 10px;
}
.detail-accordian [data-content] .form-accordion .form-group label {
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
.detail-accordian .selectboxit-container {
max-width: 100%;
}
}
/*** 85 ***/
.alertMessage-cnt {
padding: 35px 50px;
text-align: center;
max-width: 520px;
}
.alertMessage-cnt p {
font-size: 19px;
line-height: 30px;
}
.alertMessage-cnt .numberProtocol {
color: #6d6d6d;
font-size: 23px;
line-height: 30px;
letter-spacing: 1.6px;
display: block;
margin-top: 25px;
}
.alertMessage-cnt .alertMessage-btn {
padding-top: 30px;
}
.alertMessage-cnt + .fancybox-close-small:after {
font-size: 35px;
color: #ff0f64;
top: 20px;
right: 20px;
}
/* #10150 78 Statistics Fix */
@media screen and (max-width: 460px) {
.pika-single.is-bound:not(.is-hidden) {
left: 0 !important;
}
}
@media screen and (max-width: 399px) {
.pika-single.is-bound:not(.is-hidden) {
right: 0;
}
.pika-single.is-bound:not(.is-hidden) .pika-table {
width: 100%;
margin: 0 auto -25px auto;
display: block;
}
.pika-single.is-bound:not(.is-hidden) .pika-table thead {
display: flex;
flex-direction: column;
}
.pika-single.is-bound:not(.is-hidden) .pika-table tbody {
display: block;
}
.pika-single.is-bound:not(.is-hidden) .pika-table tr {
display: flex;
}
}
.pika-single.is-bound:not(.is-hidden) {
box-shadow: 5px 2px 25px -5px rgba(0, 0, 0, 0.5);
}
.pika-lendar .is-startrange .pika-button,
.pika-lendar .is-today.is-startrange .pika-button,
.pika-lendar .is-today.is-endrange .pika-button {
color: #fff;
border-radius: 0;
}
/*9152 sincronismo immagini testo e bullet HERO applicazione grafica statica - rollback 11/2/2019
@media screen and (min-width: 768px) {
.home-hero__title-wrap {
position: relative;
}
}
@media screen and (min-width: 1024px) {
.home-swiper .home-hero__title-wrap {
position: absolute;
}
}
@media screen and (min-width: 768px) {
.home-hero__content .text--page-heading {
margin-bottom: 4px;
}}
*/
/* START fix 10259 */
main#main div#pvtArea-footerWrapper {
position: relative;
}
main#main div#pvtArea-footerWrapper > footer#pvtArea-footerCustom {
position: absolute;
top: 250px;
}
/* END fix 10259 */
/* #10592 altezza accordion nel caso di aggiunta elementi per artefacto danado - fix dei grafici */
/* Accordion height fix when using data tables */
[data-accordion].open [data-content] {
display: initial;
}
@media screen and (max-width: 768px) {
.list01 .form-accordion .form-accordion-footer {
position: static;
}
.list01 .form-accordion .form-accordion-footer p {
position: static;
}
}
#tableArtefactoTemporales.table-public.dataTable {
border: 2px solid #dddddd;
}
#tableArtefactoTemporales.table-public.dataTable td:first-child,
#tableArtefactoTemporales.table-public.dataTable th:first-child {
border-left: 0 solid #dddddd;
}
#tableArtefactoTemporales.table-public.dataTable td {
width: 33%;
}
#tableArtefactoTemporales.table-public.dataTable th {
text-transform: none;
font-size: 15px;
width: 33%;
font-weight: bold;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
#tableArtefactoTemporales.table-public.dataTable td .delete-row {
position: absolute;
right: -20px;
top: 15px;
font-weight: bold;
cursor: pointer;
}
@media screen and (max-width: 767px) {
#tableArtefactoTemporales.table-public.dataTable {
border: 0 solid #dddddd;
}
#tableArtefactoTemporales.table-public.dataTable td:first-child {
border-left: 1px solid #dddddd;
}
#tableArtefactoTemporales.table-public.dataTable th,
#tableArtefactoTemporales.table-public.dataTable td {
width: 100%;
}
#tableArtefactoTemporales.table-public.dataTable td {
min-height: 50px;
}
#tableArtefactoTemporales.table-public.dataTable td .delete-row {
right: -7px;
top: -40px;
font-size: 20px;
}
}
/* #13757 applicate fix indicate da imille per promo offert su mobile */
@media screen and (max-width: 479px) {
.plan-promo_plan-holder-parsys .plan-promo_plan-holder {
margin-bottom: 0;
}
.manage-block .plan-promo_plan-holder {
min-height: 440px;
}
}
@media screen and (max-width: 767px) {
section[data-anchor="Aplicativo"] .plan-promo-block-image .img-bg {
left: 0;
}
}
/* 89 Horizontal Timeline */
.horizontal-timeline {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin: 24px 24px 0 24px;
padding-bottom: 24px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
}
.horizontal-timeline ol,
.horizontal-timeline li {
margin: 0;
padding: 0;
color: #ff0f64;
font-size: 16px;
}
.horizontal-timeline ol {
display: flex;
width: 100%;
justify-content: space-between;
position: relative;
margin: 0 24px;
}
.horizontal-timeline ol:after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #ff0f64;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
z-index: 1;
}
.horizontal-timeline ol li {
color: #000000;
list-style-type: none;
position: relative;
z-index: 2;
transition: all 200ms ease;
}
.horizontal-timeline ol li:after {
content: "";
display: block;
width: 14px;
height: 14px;
border-radius: 50%;
background-color: #ff0f64;
border: 2px solid #ff0f64;
transition: background-color 200ms ease;
}
.horizontal-timeline ol li.active {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
color: #ff0f64;
}
.horizontal-timeline ol li:not(.active):after {
background-color: #fff;
}
.horizontal-timeline ol span {
position: absolute;
top: calc(100% + 20px);
left: 50%;
transform: translate(-50%, 0);
display: inline-block;
pointer-events: none;
text-align: center;
}
@media screen and (max-width: 768px) {
.home-group.ultime-notizie.related-content_inner {
padding: 0px;
}
.bento__item.image-large {
padding-top: 50%;
}
.bento__item.image-large img {
min-height: 75%;
width: 100%;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
}
/* CSS for fixing problems coming from the design and for adding rules necessary for the development*/
/* Background colors */
.color-scheme--grey {
background-color: #f7f7f7 !important;
color: #000 !important;
}
.color-scheme--darkgrey {
background-color: #a9a9a9 !important;
}
.color-scheme--black {
background-color: #222 !important;
}
.pricing-banner.color-scheme--white h3,
.pricing-banner.color-scheme--grey h3 {
color: #000 !important;
}
.color-scheme--white .text--page-heading,
.color-scheme--white .text--detail {
color: #000 !important;
}
.color-scheme--white .hero-cta {
border-color: #000;
color: #000;
}
.color-scheme--white.home.countdown .count {
color: #000;
}
.color-scheme--white {
background-color: #fff !important;
color: #000 !important;
}
.color-scheme--orange {
background-color: #ff5a0f !important;
}
.color-scheme--red {
background-color: #e61400 !important;
}
.color-scheme--pink {
background-color: #ff0f64 !important;
}
.color-scheme--lightpink {
background-color: #ff4687 !important;
}
.color-scheme--blue {
background-color: #0555fa !important;
}
.color-scheme--sky {
background-color: #41b9e6 !important;
}
.color-scheme--forest {
background-color: #008c5a !important;
}
.color-scheme--green {
background-color: #55be5a !important;
}
/**/
.color-scheme--red .hero_arrow:before {
color: #e61400;
}
.color-scheme--green .image-hero {
background-color: #55be5a;
}
.color-scheme--green .hero_arrow:before {
color: #55be5a;
}
.color-scheme--blue .image-hero {
background-color: #0555fa;
}
.color-scheme--blue .hero_arrow:before {
color: #0555fa;
}
.color-scheme--blue .hero_breadcrumbs li,
.color-scheme--blue .hero_breadcrumbs li:after {
color: #c0d4fe;
}
.color-scheme--blue .hero_breadcrumbs li:after:last-child,
.color-scheme--blue .hero_breadcrumbs li:last-child {
color: #000;
}
.color-scheme--orange .image-hero {
background-color: #ff5a0f;
}
.color-scheme--orange .hero_arrow:before {
color: #ff5a0f;
}
.color-scheme--sky .image-hero {
background-color: #41b9e6;
}
.color-scheme--pink .image-hero {
background-color: #ff0f64;
}
.color-scheme--lightpink .image-hero {
background-color: #ff4687;
}
.color-scheme--forest .image-hero {
background-color: #0f955a;
}
/* End Background Color */
/* Icons */
.matita_icon:before {
content: url("main/css/image/icons/01-cambio_x1.png");
}
.info_icon:before {
content: url("main/css/image/icons/05-visualizza-tutte_1x.png");
}
.savings_icon:before {
content: url("main/css/image/icons/savings-icon.png");
}
.setting_icon:before {
content: url("main/css/image/icons/04-voltura_1x.png");
}
.stella_icon:before {
content: url("main/css/image/icons/02-prima-att_1x.png");
}
.lampo_icon:before {
content: url("main/css/image/icons/03-subentro_1x.png");
}
.takeover_icon:before {
content: url("main/css/image/icons/01-cambio_x1.png");
}
.activate_icon:before {
content: url("main/css/image/icons/02-prima-att_1x.png");
}
.icon-enel-mia:before {
content: "\e998";
}
.icon-enel-premia:before {
content: "\e999";
}
/* End Icons */
/* HERO HOMEPAGE */
.home .image-hero_detail {
max-width: 100%;
}
@media screen and (min-width: 766px) {
.home .text-left,
.home .text-left .text--detail {
text-align: left !important;
}
}
.cursor-home-hero .image-hero_title:before {
content: "";
width: 40px;
background: #fff;
height: 115px;
display: block;
position: absolute;
left: -60px;
margin-top: 13px;
}
.cursor-home-hero .image-hero_title {
margin-bottom: 36px;
}
@media screen and (max-width: 812px) {
.home .cursor-home-hero .text-left {
text-align: left !important;
}
}
@media screen and (max-width: 768px) {
.home .cursor-home-hero .text-left {
text-align: left !important;
}
.cursor-home-hero .image-hero_title {
margin-bottom: 34px;
}
.cursor-home-hero .image-hero_content-wrapper {
margin-left: 15px;
}
.cursor-home-hero .image-hero_title:before {
left: -50px;
width: 38px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.cursor-home-hero .image-hero_content-wrapper {
margin-left: 15px;
}
.cursor-home-hero .image-hero_title:before {
left: -50px;
}
}
@media screen and (max-width: 767px) {
.cursor-home-hero .image-hero_content-wrapper {
margin-left: 18px;
}
.cursor-home-hero .image-hero_title {
margin-bottom: -5px;
}
.cursor-home-hero .image-hero_title:before {
left: -50px;
width: 38px;
margin-top: 9px;
height: 76px;
}
.home.countdown .cursor-home-hero .count .count-table {
margin-left: -14px;
}
}
/* FINE CSS CURSORE HERO HOMEPAGE */
/* Search tool - home page */
@media screen and (min-width: 767px) {
.page-home .search-block.filter-container {
top: -20px;
}
.filter-container.hideSecondSelect .search-section > .select-menu-section {
width: 40%;
}
}
@media screen and (max-width: 767px) {
.search-hero-open .global-header {
visibility: hidden;
}
.selectboxit-container .selectboxit-btn {
height: auto;
}
.page-home .hero-search-wrapper {
top: -45px;
}
.hero-search-wrapper .hero-search-mobile {
background-color: #fff;
}
.page-hub .hero-search-wrapper .hero-search-mobile {
box-shadow: none;
}
.page-hub.search-hero-open .image-hero_inner {
margin: 0;
}
.page-hub.search-hero-open #main .image-hero {
z-index: 20;
}
}
/* End Search tool - home page*/
/* Hero hub */
@media screen and (min-width: 767px) {
.page-hub #main .image-hero {
z-index: 3;
}
}
/* Login Payment Banner */
.page-hub .paga-rapido {
top: -100px;
z-index: 20;
}
/* End Login Payment Banner */
/* 53_borsa (stock-market component) */
.stock-market__cta-wrap .btn-cta {
background-color: inherit;
}
.stock-market__cta-wrap .btn-cta:hover {
background-color: #ffffff;
}
/* END 53_borsa (stock-market component) */
/* Login hero colors */
.color-scheme--grey .text--page-heading,
.color-scheme--grey .text--breadcrumb {
color: #000 !important;
}
.color-scheme--white .text--page-heading,
.color-scheme--white .text--breadcrumb {
color: #000 !important;
}
/*.color-scheme--blue .text--page-heading,
.color-scheme--blue .text--breadcrumb {
color: #000 !important;
}*/
/** Login error messages */
input[type="text"].credential-error,
input[type="password"].credential-error {
border: 2px solid #ff0f64;
}
.form-login-error-msg {
display: none;
margin-top: 10px;
text-align: right;
color: #ff0f64;
}
.form-return-login-error-msg {
display: none;
margin-top: 10px;
color: #ff0f64;
}
/* End login error messages */
/* Megamenú navigation login styles */
.dotcom-megamenu__accordian__header {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 22px;
letter-spacing: -0.44px;
line-height: 1.36364;
padding: 0 15px;
border-top: 1px solid #d90d55;
padding-top: 20px !important;
padding-bottom: 20px !important;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.megamenu__nav__body .nav-login {
padding: 24px 40px 0 40px;
}
.megamenu__nav__body .dotcom-megamenu__accordian__header {
padding: 0 40px;
}
.megamenu__nav__body.dotcom-megamenu__nav__body
.dotcom-megamenu__accordian.open {
padding-bottom: 0;
}
.megamenu__nav__body .dotcom-megamenu__links {
padding: 0 16px;
}
.nav-login form input[type="submit"] {
margin-top: 0;
}
}
@media screen and (min-width: 1024px) {
.megamenu__nav__body .nav-login {
padding: 0 40px;
}
.megamenu__nav__body .dotcom-megamenu__links {
padding: 0 12px;
}
}
.nav-login form input[type="email"],
.megamenu__nav__body .nav-login form input[type="password"] {
outline: none;
padding: 0 10px;
width: 100%;
height: 45px;
background: transparent;
border: 2px solid rgba(0, 0, 0, 0.15);
color: #000000;
margin-bottom: 10px;
}
/* .nav-login form input[type=email]:focus,.megamenu-nav-body .nav-login form input[type=password]:focus{border-color: #fff} */
.nav-login form input[type="email"]::-webkit-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]::-webkit-input-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="email"]:-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]:-moz-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="email"]::-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]::-moz-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="email"]:-ms-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]:-ms-input-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="submit"] {
height: 45px;
background: none;
border: 2px solid #fff;
color: #ffffff;
margin: 20px 0;
margin-top: 20px;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 12px;
}
.nav-login .nav-forgot,
.nav-login .nav-resigter {
margin-bottom: 10px;
text-decoration: none;
}
.dotcom-megamenu__nav__body.megamenu-nav-body {
display: block;
}
.dotcom-megamenu__nav__header {
background-color: #0444c8;
}
.megamenu__nav__body .dotcom-megamenu__accordian__header {
padding: 0 40px;
border-top: 1px solid #d90d55;
}
.megamenu__nav__body .dotcom-megamenu__accordian__header:before,
.megamenu-nav-body .dotcom-megamenu__accordian__header:after {
background: #033396;
}
.megamenu__nav__body.dotcom-megamenu__nav__body
.dotcom-megamenu__accordian.open {
padding-bottom: 20px;
}
.megamenu__nav__body .dotcom-megamenu__links {
padding: 0 10px;
}
.megamenu__nav__body.dotcom-megamenu__nav__body .dotcom-megamenu__accordian,
.megamenu-nav.dotcom-megamenu__nav {
background-color: #0555fa;
}
.megamenu__nav__body .nav-login {
width: 100%;
padding: 0 40px;
}
.megamenu__nav__body .nav-login:after {
clear: both;
content: "";
display: block;
}
.megamenu__nav__body .nav-login h1 {
color: #fff;
text-align: left;
font-size: 22px;
font-weight: normal;
line-height: 22px;
margin-bottom: 36px;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.nav-login form {
display: block;
}
.nav-login form input[type="text"],
.megamenu-nav-body .nav-login form input[type="password"] {
outline: none;
padding: 0 10px;
width: 100%;
height: 45px;
background: transparent;
border: 2px solid #82aafd;
color: #fff;
margin-bottom: 10px;
}
/* .nav-login form input[type=text]:focus,.megamenu-nav-body .nav-login form input[type=password]:focus{border-color: #fff} */
.nav-login form input[type="text"]::-webkit-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]::-webkit-input-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="text"]:-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]:-moz-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="text"]::-moz-placeholder,
.megamenu-nav-body .nav-login form input[type="password"]::-moz-placeholder {
olor: #fff;
opacity: 0.5;
}
.nav-login form input[type="text"]:-ms-input-placeholder,
.megamenu-nav-body
.nav-login
form
input[type="password"]:-ms-input-placeholder {
color: #fff;
opacity: 0.5;
}
.nav-login form input[type="submit"] {
height: 45px;
background: none;
border: 2px solid #fff;
color: #ffffff;
margin: 20px 0;
margin-top: 20px;
width: 100%;
font-weight: bold;
text-transform: uppercase;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-size: 12px;
}
.nav-login .nav-forgot,
.nav-login .nav-resigter {
margin-bottom: 10px;
}
.megamenu__nav__body .dotcom-megamenu__links li.selected a:before {
content: "";
width: 0;
}
.megamenu__nav__body .dotcom-megamenu__links li.selected > a:before {
content: "";
width: 0.22em;
height: 1.1em;
box-sizing: content-box;
padding: 0.05em 0;
background: #fff;
position: absolute;
top: 0.05em;
}
.nav-social-links {
margin-bottom: 20px;
}
.nav-social-links p {
opacity: 0.5;
}
.nav-social-links ul {
display: inline-block;
vertical-align: middle;
margin: 15px 0;
}
.nav-social-links ul li {
display: inline-block;
margin-right: 20px;
}
.nav-social-links a {
font-size: 22px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 45px;
height: 45px;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
transition: all 100ms linear;
}
.nav-login .form-login-error-msg {
margin-top: 0;
margin-bottom: 10px;
text-align: right;
color: #000;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-moz-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-ms-input-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body
.nav-login
form
input[type="email"].credential-error::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body .nav-login form input[type="email"].credential-error {
border: 2px solid #000;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-error::-moz-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-errorr::-ms-input-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body
.nav-login
form
input[type="password"].credential-error::-webkit-input-placeholder {
color: #000;
opacity: 1;
}
.megamenu__nav__body .nav-login form input[type="password"].credential-error {
border: 2px solid #000;
}
.megamenu__nav__body .nav-forgot {
text-decoration-line: none;
font-size: initial;
}
.megamenu__nav__body .user-info-wrapper .btn-cta {
border-color: #fff;
color: #fff;
margin-bottom: 40px;
width: 100%;
}
.user-info-wrapper .dotcom-megamenu__submenu {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
}
.user-info-wrapper .dotcom-megamenu__submenu li {
margin-bottom: 10px;
}
.user-info-wrapper .dotcom-megamenu__accordian__header,
.user-info-wrapper .dotcom-megamenu__accordian__body {
padding-left: 40px;
padding-right: 40px;
border-top: none;
}
.user-info-wrapper .btn-cta:hover {
cursor: pointer;
background: transparent;
}
.megamenu__nav__body .btn-cta {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 17px 40px 17px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #fff;
color: #fff;
background-color: transparent;
}
.megamenu__nav__body .btn-cta:hover,
.btn-cta._hover,
a:hover .btn-cta {
text-decoration: none;
}
.megamenu__nav__body .btn-cta:hover,
a:hover .btn-cta {
color: #fff;
background-color: transparent;
}
.user-info-heading,
.user-name {
color: #fff;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 22px;
margin-bottom: 10px;
font-weight: 300;
}
.megamenu__nav__body .dotcom-megamenu__submenu a:hover {
text-decoration: underline;
}
.global-header__btn.btn-user:hover {
font-size: 20px;
color: #fff;
text-decoration: none;
}
/* END megamenu navigation login */
/* 38_application (promo-offert-video) */
.promo-offert-video .plan-promo_plan-holder {
float: none;
width: 100%;
margin-left: 0;
}
.plan-promo_plan-holder .promo-offert-video .video-large {
margin-left: 0;
}
/* END 38_application (promo-offert-video) */
/* Banner #6023 - commentato per #8683 */
/*
.full-width-banner .full-width-banner-text {
width: 40%;
}
*/
/* END Banner #6023 */
/* #6058 - Action List Item component */
.detail-accordian .action-item:last-child {
border: 0;
}
.detail-accordian .action-item {
line-height: 22px;
border-bottom: 1px solid #ebebeb;
}
/* End #6058 - Action List Item component */
/* #6130 swiperMode for hub group */
.home-group .swiper-pagination-bullets {
display: block;
}
.home-group .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color: #0079ff;
}
@media screen and (min-width: 1024px) {
.home-group.module-layout .hub_inner {
display: block !important;
}
.home-group.module-layout .hub_inner_mobile {
display: none !important;
}
}
@media screen and (max-width: 1023px) {
.home-group.module-layout .hub_inner {
display: none !important;
}
}
.home-group.module-layout .module-layout-mobile .tile--large {
width: 406px;
}
@media (max-width: 1318px) {
.home-group.module-layout .module-layout-mobile .tile--large {
width: 345px;
}
}
.home-group.module-layout
.module-layout-mobile
.tile--large
.tile_image-wrapper {
position: absolute;
left: 0;
width: 100%;
height: 42.5%;
overflow: hidden;
}
@media (max-width: 767px) {
.home-group.module-layout
.module-layout-mobile
.tile--large
.tile_image-wrapper {
position: relative;
}
}
.home-group.module-layout
.module-layout-mobile
.tile--large
.tile_content-wrapper,
.tile--large .tile_inner:after {
width: 50%;
right: 0;
}
/* End #6130 swiperMode for hub group*/
/* 6140 */
.plan-promo-offers.plan-promo--offwhite {
background-color: #fff;
}
.plan-promo-bg-gray {
background-color: #f7f7f7 !important;
}
.plan-promo-bg-white {
background-color: #fff !important;
}
.plan-promo-bg-pink {
background-color: #ff0f64 !important;
}
.plan-promo-bg-green {
background: #55be5a;
}
.plan-promo-bg-gradient {
background: #2e99ec; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(
left,
#0555fa,
#2e99ec,
#41b9e6
); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(
left,
#0555fa,
#2e99ec,
#41b9e6
); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(
left,
#0555fa,
#2e99ec,
#41b9e6
); /* For Firefox 3.6 to 15 */
}
.plan-promo-bg-pinkgradient {
background: #ff0f64; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(
left,
#ff0f64,
#f16194,
#ea759f
); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(
left,
#ff0f64,
#f16194,
#ea759f
); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(
left,
#ff0f64,
#f16194,
#ea759f
); /* For Firefox 3.6 to 15 */
}
.plan-promo-bg-greengradient {
background: #55be5a;
background: -moz-linear-gradient(left, #55be5a 0%, #55be5a 34%, #96f2a7 100%);
background: -webkit-gradient(
left top,
right top,
color-stop(0%, #55be5a),
color-stop(34%, #55be5a),
color-stop(100%, #96f2a7)
);
background: -webkit-linear-gradient(
left,
#55be5a 0%,
#55be5a 34%,
#96f2a7 100%
);
background: -o-linear-gradient(left, #55be5a 0%, #55be5a 34%, #96f2a7 100%);
background: -ms-linear-gradient(left, #55be5a 0%, #55be5a 34%, #96f2a7 100%);
background: linear-gradient(to right, #55be5a 0%, #55be5a 34%, #96f2a7 100%);
}
/* end 6140 */
/* Fixes - Component General Map*/
/*8800 start*/
.map-section .search-form {
position: static !important;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
visibility: visible;
z-index: 1;
padding: 0;
width: 97%;
}
div.map
section.map-section.generic-form.map-payment-point.ismultiplemap
div#map-filters
div.form-group.form-group-search
div.form-field.search-form
input#map-address-field.form-control.search-field {
opacity: 1;
}
/*8800 end*/
/* End - Fixes - Component General Map*/
/* Dropdown component*/
.dropdown-title {
text-align: center;
padding: 50px 0;
}
/* End Dropdown compoent */
.breadcrumbs_item:after {
color: inherit;
}
/* #6165 - Breadcrumb mixed white and black */
.general-hero .breadcrumbs_item:after {
color: #fff;
}
.contact-subhero .breadcrumbs_item:after {
color: #fff;
}
/* End #6165 - Breadcrumb mixed white and black */
/* #6194 */
.emergency-contact .contact_email,
.emergency-contact .contact_name,
.emergency-contact .contact_phone {
font-family: UniversLight, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
letter-spacing: 0.36px;
/* remove for #14071 id 118 line-height: 0; */
}
/* end #6194 */
/* #6153 - Add animation to hub hero */
@-webkit-keyframes rectangle1a {
0% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
25% {
-webkit-transform: translate(-6%, 0);
transform: translate(-6%, 0);
}
100% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@keyframes rectangle1a {
0% {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
25% {
-webkit-transform: translate(-6%, 0);
transform: translate(-6%, 0);
}
100% {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@-webkit-keyframes rectangle1b {
0% {
-webkit-transform: translate(-100%, 220px);
transform: translate(-100%, 220px);
}
25% {
-webkit-transform: translate(0, 220px);
transform: translate(0, 220px);
}
100% {
-webkit-transform: translate(100%, 220px);
transform: translate(100%, 220px);
}
}
@keyframes rectangle1b {
0% {
-webkit-transform: translate(-100%, 220px);
transform: translate(-100%, 220px);
}
25% {
-webkit-transform: translate(0, 220px);
transform: translate(0, 220px);
}
100% {
-webkit-transform: translate(100%, 220px);
transform: translate(100%, 220px);
}
}
@-webkit-keyframes rectangle1c {
0% {
-webkit-transform: translate(-100%, 440px);
transform: translate(-100%, 440px);
}
25% {
-webkit-transform: translate(-10%, 440px);
transform: translate(-10%, 440px);
}
100% {
-webkit-transform: translate(100%, 440px);
transform: translate(100%, 440px);
}
}
@keyframes rectangle1c {
0% {
-webkit-transform: translate(-100%, 440px);
transform: translate(-100%, 440px);
}
25% {
-webkit-transform: translate(-10%, 440px);
transform: translate(-10%, 440px);
}
100% {
-webkit-transform: translate(100%, 440px);
transform: translate(100%, 440px);
}
}
@-webkit-keyframes rectangle2a {
0% {
-webkit-transform: translate(-400%, 200px);
transform: translate(-400%, 200px);
}
10% {
-webkit-transform: translate(15%, 200px);
transform: translate(15%, 200px);
}
100% {
-webkit-transform: translate(500%, 200px);
transform: translate(500%, 200px);
}
}
@keyframes rectangle2a {
0% {
-webkit-transform: translate(-400%, 200px);
transform: translate(-400%, 200px);
}
10% {
-webkit-transform: translate(15%, 200px);
transform: translate(15%, 200px);
}
100% {
-webkit-transform: translate(500%, 200px);
transform: translate(500%, 200px);
}
}
@-webkit-keyframes rectangle2b {
0% {
-webkit-transform: rotate(270deg) translate(-200%, 380px);
transform: rotate(270deg) translate(-200%, 380px);
}
25% {
-webkit-transform: rotate(270deg) translate(10%, 380px);
transform: rotate(270deg) translate(10%, 380px);
}
100% {
-webkit-transform: rotate(270deg) translate(200%, 380px);
transform: rotate(270deg) translate(200%, 380px);
}
}
@keyframes rectangle2b {
0% {
-webkit-transform: rotate(270deg) translate(-200%, 380px);
transform: rotate(270deg) translate(-200%, 380px);
}
25% {
-webkit-transform: rotate(270deg) translate(10%, 380px);
transform: rotate(270deg) translate(10%, 380px);
}
100% {
-webkit-transform: rotate(270deg) translate(200%, 380px);
transform: rotate(270deg) translate(200%, 380px);
}
}
@-webkit-keyframes rectangle2c {
0% {
-webkit-transform: rotate(270deg) translate(-300%, 620px);
transform: rotate(270deg) translate(-300%, 620px);
}
25% {
-webkit-transform: rotate(270deg) translate(15%, 620px);
transform: rotate(270deg) translate(15%, 620px);
}
100% {
-webkit-transform: rotate(270deg) translate(300%, 620px);
transform: rotate(270deg) translate(300%, 620px);
}
}
@keyframes rectangle2c {
0% {
-webkit-transform: rotate(270deg) translate(-300%, 620px);
transform: rotate(270deg) translate(-300%, 620px);
}
25% {
-webkit-transform: rotate(270deg) translate(15%, 620px);
transform: rotate(270deg) translate(15%, 620px);
}
100% {
-webkit-transform: rotate(270deg) translate(300%, 620px);
transform: rotate(270deg) translate(300%, 620px);
}
}
@-webkit-keyframes ringa {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
25% {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
100% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg);
}
}
@keyframes ringa {
0% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
25% {
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
}
100% {
-webkit-transform: rotate(-270deg);
transform: rotate(-270deg);
}
}
@-webkit-keyframes ringb {
0% {
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
}
25% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
100% {
-webkit-transform: rotate(-300deg);
transform: rotate(-300deg);
}
}
@keyframes ringb {
0% {
-webkit-transform: rotate(160deg);
transform: rotate(160deg);
}
25% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
100% {
-webkit-transform: rotate(-300deg);
transform: rotate(-300deg);
}
}
@-webkit-keyframes ringc {
0% {
-webkit-transform: rotate(170deg);
transform: rotate(170deg);
}
25% {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
100% {
-webkit-transform: rotate(-280deg);
transform: rotate(-280deg);
}
}
@keyframes ringc {
0% {
-webkit-transform: rotate(170deg);
transform: rotate(170deg);
}
25% {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
100% {
-webkit-transform: rotate(-280deg);
transform: rotate(-280deg);
}
}
.quote-business_svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
}
.quote-business_svg .svg {
display: none;
}
.quote-business_svg .svg.rectangles1 {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-30%, -50%) scale(1.9) rotate(120deg);
-ms-transform: translate(-30%, -50%) scale(1.9) rotate(120deg);
transform: translate(-30%, -50%) scale(1.9) rotate(120deg);
}
.quote-business_svg .svg.rectangles1 svg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.quote-business_svg .svg.rectangles1.animate .rect1a {
-webkit-animation: rectangle1a 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle1a 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote-business_svg .svg.rectangles1.animate .rect1b {
-webkit-animation: rectangle1b 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle1b 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote-business_svg .svg.rectangles1.animate .rect1c {
-webkit-animation: rectangle1c 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle1c 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote-business_svg .svg.rings {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-15%, -50%) scale(0.75);
-ms-transform: translate(-15%, -50%) scale(0.75);
transform: translate(-15%, -50%) scale(0.75);
}
.quote-business_svg .svg.rings svg {
position: absolute;
top: 0;
left: 0;
}
.quote-business_svg .svg.rings.animate .ringa {
-webkit-animation: ringa 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: ringa 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.quote-business_svg .svg.rings.animate .ringb {
-webkit-animation: ringb 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: ringb 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.quote-business_svg .svg.rings.animate .ringc {
-webkit-animation: ringc 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: ringc 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.quote-business_svg .svg.rectangles2 {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.5) rotate(140deg);
-ms-transform: translate(-50%, -50%) scale(1.5) rotate(140deg);
transform: translate(-50%, -50%) scale(1.5) rotate(140deg);
}
.quote-business_svg .svg.rectangles2 svg {
position: absolute;
top: 0;
left: 0;
}
.quote-business_svg .svg.rectangles2.animate .rect2a {
-webkit-animation: rectangle2a 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle2a 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote-business_svg .svg.rectangles2.animate .rect2b {
-webkit-animation: rectangle2b 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle2b 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.quote-business_svg .svg.rectangles2.animate .rect2c {
-webkit-animation: rectangle2c 12s forwards
cubic-bezier(0.25, 0.46, 0.45, 0.94);
animation: rectangle2c 12s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* end #6153 - Add animation to hub hero */
/* #6066 light box is not centered, fixed with this */
.lightbox {
position: fixed;
top: 50% !important;
transform: translateY(-50%);
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
/* end #6066 */
/* #6000 - Hub Group Layout Tabs */
.card-group.mas-informaciones {
max-width: 100%;
}
.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile {
display: none;
}
/* .desktop-carousel.card-group.mas-informaciones .help-tabs__content .parbase {
display: none;
} */
.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile {
display: none;
}
/* .desktop-carousel.card-group.mas-informaciones .help-tabs__content .parbase {
display: none;
} */
@media screen and (max-width: 767px) {
.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile {
display: block;
}
.card-group.mas-informaciones .help-tabs__content .parbase {
display: none;
}
}
/* .desktop-carousel.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile {
display: block;
} */
.desktop-carousel.card-group.mas-informaciones
.help-tabs__content
.hub_inner_mobile
.parbase {
display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.related-content_card-wrap .parbase {
/*Changed by us*/
flex: 0 0 calc(50% - 30px);
max-width: calc(50% - 30px);
margin: 0 15px 20px;
}
}
@media screen and (min-width: 1024px) and (max-width: 1343px) {
.related-content_card-wrap .parbase {
/*Changed by us for applying to the components*/
flex: 0 0 calc(33% - 30px);
max-width: calc(33% - 30px);
margin: 0 15px 20px;
}
.card-group .text--tile-heading {
font-size: 24px;
line-height: 30px;
}
.card-group.ultime-notizie .tile_content-wrapper {
padding: 31px 25px 31px 31px;
}
}
/* End #6000 - Hub Group Layout Tabs*/
@media screen and (min-width: 1024px) {
.e-glossary .common-link {
padding-left: 30px;
padding-right: 30px;
}
}
@media screen and (min-width: 768px) {
.e-glossary .common-link {
padding-left: 25px;
padding-right: 25px;
}
}
/* #6065 - e-glossary */
/* End #6065 - e-glossary */
/* #6165 - Breadcrumbs color */
.image-hero.vs-textcolor-black .text--breadcrumb,
.image-hero.vs-textcolor-black .image-hero_breadcrumbs .breadcrumbs_item:after,
.image-hero.vs-textcolor-black .text--page-heading,
.image-hero.vs-textcolor-black .text--detail,
.image-hero.vs-textcolor-black .text--date,
.image-hero.vs-textcolor-black .btn-cta {
color: #222 !important;
}
.image-hero.vs-textcolor-black .btn-cta {
border-color: #222;
}
/* End #6165 - Breadcrumbs color */
/* #6353 - Add more components to e-glossary parsys */
.glossary .asset-download {
margin: 0;
}
/* End #6353 - Add more components to e-glossary parsys */
/*** #6528 form-security **/
.pvtArea_message_page {
padding: 95px 20px;
text-align: center;
}
.pvtArea_message_page .icon-line-file {
font-size: 80px;
}
.pvtArea_message_page .icon-line-file.blue {
color: #0555fa;
}
.pvtArea_message_page .icon-line-file.green {
color: #55be5a;
}
.pvtArea_message_page .pvtArea_message_page_text {
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 25px;
text-align: center;
display: block;
margin: 25px 0 0 0;
}
.pvtArea_message_page {
padding: 90px 150px;
background-color: #f7f7f7;
border: 1px solid #d9d9d9;
}
.pvtArea_message_page .pvtArea_message_page_text {
font-size: 20px;
line-height: 35px;
}
.pvtArea_message_page {
padding: 75px 250px 105px;
}
.pvtArea_message_page .pvtArea_message_page_text {
font-size: 20px;
line-height: 35px;
}
.fileupload-btn-security {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear 0s;
display: inline-block;
min-width: 100%;
padding: 13px 10px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: rgb(255, 15, 100);
color: rgb(255, 255, 255);
background-color: rgb(255, 15, 100);
right: 0px;
margin: 10% 0px 0px;
top: 0px;
}
.fileupload-btn-security.fileupload-btn-remove {
display: none;
}
.form-horizontal-security {
margin-bottom: 40px;
width: 100%;
}
.form-horizontal-security input[type="submit"] {
min-width: 100%;
}
/***#6528 form-security END **/
/***#6795 form-investor-mailbox **/
.latam-btn-cta--white {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear 0s;
display: inline-block;
font-size: 12px;
min-width: 160px;
padding: 17px 40px 17px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: rgb(255, 15, 100);
color: rgb(255, 15, 100);
background-color: rgb(255, 255, 255);
right: 0px;
margin: 10% 0px 0px;
top: 0px;
left: 10px;
}
/***#6795 form-investor-mailbox **/
/*** #6503 external_link **/
a.icon-external {
padding-left: 0.8%;
}
/***#6503 external_link END **/
/* #6566 - correct style issues*/
input.checkbox:checked + label:before {
content: no-open-quote;
}
.filter__menu {
overflow: visible;
}
.select-wrap {
overflow: visible;
background: none;
}
.select-wrap.select--transparent {
background-image: none;
}
/* End #6566 - correct style issues*/
/* #7010 Tab container fixes */
.card-group.mas-informaciones {
max-width: 100%;
}
/* .desktop-carousel.card-group.mas-informaciones .help-tabs__content .parbase {
display: none;
}
.desktop-carousel.card-group.mas-informaciones .help-tabs__content .hub_inner_mobile .parbase {
display: block;
} */
@media screen and (max-width: 1164px) {
.card-group.mas-informaciones .tile--small {
width: 345px;
}
}
/* @media screen and (min-width: 768px) and (max-width: 1023px) {
.related-content_card-wrap .parbase { Changed by us
flex: 0 0 calc(50% - 30px);
max-width: calc(50% - 30px);
margin: 0 15px 20px;
}
} */
@media screen and (min-width: 1024px) and (max-width: 1343px) {
.related-content_card-wrap .parbase {
/*Changed by us for applying to the components*/
flex: 0 0 33%;
max-width: calc(33% - 30px);
margin: 0 15px 20px;
}
.card-group .text--tile-heading {
font-size: 24px;
line-height: 30px;
}
.card-group.ultime-notizie .tile_content-wrapper {
padding: 31px 25px 31px 31px;
}
}
@media screen and (min-width: 1343px) {
.home-layout .mas-informaciones .related-content__cards .tile--small {
width: 395px;
}
.home-layout .mas-informaciones .card-group .tile--small {
/* width: 100%; */
/* margin: 0 0 40px; */
}
.home-layout
.mas-informaciones
.related-content_card-wrap
.module-content.parbase.small-card {
flex: 0 0 33%;
max-width: calc(33% - 30px);
margin: 0 15px 20px;
}
.home-layout .mas-informaciones .related-content_card-wrap .parbase.single {
flex: 0 0 33%;
max-width: calc(33% - 30px);
margin: 0 15px 20px;
}
.home-layout .mas-informaciones .card-group .text--tile-heading {
font-size: 24px;
line-height: 30px;
}
.home-layout
.mas-informaciones
.card-group.ultime-notizie
.tile_content-wrapper {
padding: 31px 25px 31px 31px;
}
.home-layout .mas-informaciones .related-content_card-wrap .parbase.large {
flex: 0 0 66%;
max-width: calc(66% - 30px);
margin: 0 15px 20px;
}
.home-layout .mas-informaciones .related-content__cards .tile--large {
max-width: 817px;
width: 100%;
}
}
/* End #7010 */
/*#6210 bullet*/
.bullet-list,
.rich-text_inner ul {
list-style: none;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
}
@media screen and (min-width: 768px) {
.bullet-list,
.rich-text_inner ul {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
}
.bullet-list li,
.rich-text_inner ul li {
padding-left: 1.5em;
position: relative;
margin-bottom: 1em;
}
.bullet-list li:before,
.rich-text_inner ul li:before {
content: "";
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0.55em;
margin-top: -2px;
}
@media screen and (min-width: 768px) {
.bullet-list li:before,
.rich-text_inner ul li:before {
margin-top: 0;
}
}
.rich-text .rich-text_inner li:last-child {
/* #14006 padding-left: 24px; */
}
/** START fix #7264 */
.article-content_inner .rich-text .rich-text_inner li {
padding-left: inherit;
}
.article-content_inner .rich-text .rich-text_inner li:last-child {
padding-left: inherit;
}
.article-content_inner .rich-text .rich-text_inner ol li {
padding-left: 0px;
}
.article-content_inner .rich-text .rich-text_inner ol li:last-child {
padding-left: 0px;
}
/* fix #7264 END **/
/* remove for #14006 bullet configuration flag squares
.rich-text .rich-text_inner ul {
list-style: none;
}
*/
/*#6210 END bullet*/
/*#7085 Component Hub Brick are aligned*/
@media (min-width: 1024px) {
.focus-on-preview .focus-on-row .focus-on-cl-4 {
float: left;
}
}
/*#7085 END Component Hub Brick are aligned*/
/*#7146 fix text alignment in dropdown inside glossary tab */
@media screen and (min-width: 1024px) {
.article-content_inner .content-container-dropdown .rich-text_inner {
padding: 0 1%;
}
}
/*#7146 END fix text alignment in dropdown inside glossary tab */
/*#7185 fix alignment box */
#carousel-home .hub_inner.hubgroup-items-section > .link-content.parbase {
vertical-align: top;
}
#carousel-home .link-content.parbase {
display: inline-block;
}
@media screen and (min-width: 1024px) {
#carousel-home
.products
.hub_inner.hubgroup-items-section
> .link-content.parbase {
width: 33.33%;
text-align: center;
}
#carousel-home .products .hub_inner .link-content .tile {
width: calc(100% - 24px);
margin-left: 0;
margin-right: 0;
}
}
@media screen and (min-width: 1264px) {
#carousel-home .hub_inner_mobile {
display: none !important;
}
#carousel-home .hub_group .hubgroup-items-section {
display: block;
}
#carousel-home .link-content.parbase {
display: inline-block;
}
}
.group-slider-centered {
max-width: 1374px;
margin: auto;
}
.home-group.per-la-tua-impresa
.swiper-pagination-bullets
.swiper-pagination-bullet-active {
opacity: 1;
background-color: #fd0354;
}
#carousel-home.per-la-tua-impresa.bg-gray,
#carousel-home.per-la-tua-impresa .hub.bg-gray {
background-color: #f7f7f7 !important;
}
#carousel-home.per-la-tua-impresa.bg-transparent,
#carousel-home.per-la-tua-impresa .hub.bg-transparent {
background-color: transparent !important;
}
#carousel-home.per-la-tua-impresa.bg-lightgray,
#carousel-home.per-la-tua-impresa .hub.bg-lightgray {
background-color: #d3d3d3 !important;
}
#carousel-home.per-la-tua-impresa.bg-withe,
#carousel-home.per-la-tua-impresa .hub.bg-white {
background-color: #ffffff !important;
}
/*##185 fix alignment box */
/*#7120 Hub content group on homepage */
@media screen and (min-width: 1425px) {
.home-layout
section.home-group
.hub_group
.related-content__cards
.tile.tile--small.bg {
width: 395px;
}
.home-layout
section.home-group
.hub_group
.related-content__cards
.tile.tile--large.bg {
width: 810px;
}
.tile--large .tile_inner {
padding-bottom: 395px;
}
}
@media screen and (min-width: 1319px) and (max-width: 1425px) {
.home-layout
section.home-group
.hub_group
.related-content__cards
.tile.tile--small.bg {
width: 345px;
}
.home-layout
section.home-group
.hub_group
.related-content__cards
.tile.tile--large.bg {
width: 716px;
}
.tile--large .tile_inner {
padding-bottom: 485px;
}
.page-home section.home-group .hub_group .hub_inner {
margin: auto;
max-width: 776px;
}
}
/*#7120 End */
/*#6166 Social links on megamenu */
.megamenu__nav__body .megamenu__social_links {
width: 100%;
padding: 0 40px;
}
/*#6166 End */
.errorRed {
color: #ff0f64;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
margin-top: -20px;
margin-bottom: 20px;
}
/*#7290 Electric Meassure form */
.form-content-meassure .errorMsg.errorWithLink {
bottom: -10px;
}
.form-content-meassure
a.recoverCustomerNumber.recoverCustomerNumberMetidor.linkWithError {
top: 30px;
}
@media screen and (min-width: 768px) {
.form-content-meassure .form-description {
margin-bottom: 30px;
}
}
/*#7290 End */
/*#7104 Formulario contact bugs*/
.selectboxit-container.error .selectboxit {
border: 2px solid #ff0f64;
}
@media (min-width: 768px) {
.fileupload-group.fileupload-group-with-courtesy {
margin-bottom: 0;
}
}
.input-detail.input-detail-with-error {
margin-top: 35px;
}
.form-group .fileupload-group .errorMsg {
margin-right: 0;
}
.input-detail.input-detail-full-width {
width: 100%;
}
/*#7104 End*/
/* 7526 */
.latam-btn-cta--white-simulator {
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
transition: all 100ms linear;
display: inline-block;
font-size: 12px;
line-height: 1.33333;
min-width: 160px;
padding: 12px 33px 13px;
text-align: center;
text-transform: uppercase;
border-width: 2px;
border-style: solid;
font-size: 12px;
letter-spacing: 0.6px;
line-height: 1.33333;
border-color: #fff;
color: #0444c8;
background-color: #fff;
}
.quote-builder-blue .latam-btn-cta--white-simulator:hover {
color: #ffffff;
}
.latam-btn-cta--white-simulator:hover,
.latam-btn-cta--white-simulator._hover,
a:hover .latam-btn-cta--white-simulator {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
.open-simulator:hover {
cursor: pointer;
}
.trashicontable:hover {
cursor: pointer;
}
.table-simulator .native-select {
color: #000;
}
.table-simulator .native-select option {
padding: 14px;
line-height: 18px;
display: block;
}
.powersimulatormodal .bluebutton {
color: #0444c8;
}
.powersimulatormodal .bluebutton:hover {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
.powersimulatormodal .lightbluebutton {
color: #41b9e6;
}
.powersimulatormodal .lightbluebutton:hover {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
.powersimulatormodal .pinkbutton {
color: #ff0f64;
}
.powersimulatormodal .pinkbutton:hover {
text-decoration: none;
background-color: #000;
color: #fff;
border-color: #000;
}
.powersimulatormodal
.simulator-module
.quote-builder__content.quote-builder__container {
max-width: 960px;
}
.powersimulatormodal .quote-builder__content.quote-builder__container {
max-width: 960px;
}
/* end 7526 */
/*#6833 Menu Link component */
.header-left .menu-link {
width: 30%;
float: left;
min-height: 200px;
}
.header-left .menu-link > .menu-link {
width: 100%;
}
.header-left .hub_group--header-left .hub_header {
width: 100%;
}
/*#6833 Menu Link component */
/*#7529 Changes on form-steps css for validation */
@media screen and (min-width: 768px) {
.form-step .form-step-error .form-group {
margin-bottom: 35px;
}
}
/*#7523*/
.hub_group.hub_group--header-left .hub_inner .single.parbase {
float: left;
}
/* END #7523*/
/*#7418 Result standar messages */
.result-wrapper {
display: none;
margin-bottom: 50px;
margin-top: 50px;
}
.result-wrapper p {
margin-bottom: 0;
}
@media (min-width: 768px) {
.result-wrapper p.result-message-description {
font-size: 17px;
}
}
/*#7418 End Result standar messages */
/*#7565 Result on form Recover Password */
.recover-password-result {
display: none;
margin-top: 20px;
margin-bottom: 50px;
}
.recover-password-result .private-messagge-ok {
position: relative;
}
.recover-password-result .private-messagge-ok.error {
background-color: #fa5a50;
}
/*#7565 End Result on form Recover Password */
/*#7661 Start readingMeter form changes */
.form-group.form-group-optional-field {
display: none;
}
.form-readmeter-result {
display: none;
margin-top: 80px;
margin-bottom: 100px;
}
.form-message-simple-result .private-messagge-ok.error {
background-color: #af4e4f;
}
/*#End readingMeter form changes */
/*#Icon pop style for forms */
.form-content .form-group .ico-question {
color: #ffffff;
text-align: center;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 17px;
display: inline-block;
width: 25px;
height: 26px;
position: absolute;
top: 40px;
right: 20px;
background: url("main/css/image/icons/ico-question.svg") no-repeat 50% 50%;
text-decoration: none;
}
.modal-hidden-content {
display: none;
}
/*#End Icon pop style for forms */
/*#7264 fix bullet point*/
.clientes-libres .article-content_inner .rich-text--social .rich-text_inner li {
padding-top: 0;
text-indent: 0;
}
.clientes-libres .rich-text .rich-text_inner ul {
padding-left: 22px;
}
.clientes-libres .rich-text .rich-text_inner li:before {
content: "";
}
/*#7264 End fix bullet point*/
/*#7478 Start style form payment */
section.form-contact.container.generic-form .form-wrapper .clear {
margin: 40px;
}
/*#7478 End style form payment*/
/*#7080 Start rules Hero Band text */
.color_black h3.help-tabs__eyebrow.eyebrow.latam-eyebrow {
color: black;
}
.contact-subhero .contact-block.color_black .btn-cta {
color: white;
background-color: black;
}
.color_black p.help-tabs-description {
color: black;
}
.contact-subhero .color_black p.sub-title {
color: black;
}
.contact-subhero .color_black p.phone-p {
color: black;
}
.contact-subhero .color_black .phone-p a.phone {
color: black;
}
.contact-subhero .color_black a.help-tab-link.contact-num {
color: black;
}
/*#7080 End rules Hero Band text*/
/*#6404 Start alignment of "mini-card"
#8803 add mediaquery*/
@media screen and (min-width: 768px) {
.hub_inner_mobile.minicard-layout-mobile .swiper-wrapper .swiper-slide {
max-width: 50%;
padding: 0.5%;
margin: 0 1%;
}
a.component.related-content-card.component--initialized {
padding-bottom: 50px;
}
.hub_inner.hubgroup-items-section.related-content_card-wrap
.newpar.new.section.cq-Editable-dom {
margin-top: 40px;
}
.hub_inner.hubgroup-items-section.related-content_card-wrap .mini-card {
margin-bottom: 40px;
}
}
/*#6404 End alignment of "mini-card" */
/*#7065 Start alignment on required fields of the form */
.form-group .selectboxit-container {
max-width: unset;
}
.form-wrapper .modal-cliente-btn {
width: 50%;
float: left;
height: 50px;
padding: 0 10px;
margin: 30px 0 35px 0;
}
.form-wrapper .modal-cliente-btn .latam-btn-cta {
width: 100%;
height: 50px;
}
/*#7065 End alignment on required fields of the form */
/*#7589 map-cortes */
.map-marker.marker-description.cortes {
margin-top: -30px;
}
/*End #7589 map-cortes */
/*#7664 alignment required */
.social-par .enel_formula_e_tab_link .enel_formula_e_tab_link_wrapper li a {
color: inherit;
line-height: 75px;
font-size: 12px;
text-transform: uppercase;
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
.social-par .enel_formula_e_tab_link .bullet-list li:before,
.rich-text_inner ul li:before {
background: rgba(0, 0, 0, 0);
}
.social-par ul.enel_formula_e_tab_link_wrapper.color-scheme--pink {
padding-left: 0px;
}
/*#7664 End alignment required */
/* #7734 */
.fullPageSect {
width: 100%;
height: 100vh;
background-color: #000000;
display: table;
position: fixed;
z-index: 99999;
top: 0;
}
/* end #7734 */
/*#7854 Start fix for component: /apps/enel-com/components/general/table*/
.component.accordian-table
.accordian-table_inner.alternate_row_color
tr:nth-child(odd)
> td {
background: unset;
}
.component.accordian-table
.accordian-table_inner.alternate_row_color
tr:first-child
> td {
background: #fcfcfc;
background-clip: padding-box;
}
/*#7854 End fix for component: /apps/enel-com/components/general/table*/
/*#7756 read meter area privata */
.form-content.form-meter-reading .errorMsg {
font-size: 15px;
margin-top: 10px;
bottom: -30px;
margin-right: 10px;
}
.form-content.form-meter-reading .errorMsg {
display: block;
color: #ff0f64;
font-size: 12px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 7px;
max-height: 20px;
overflow: hidden;
position: absolute;
bottom: -23px;
right: 0px;
}
/*#7756 End read meter area privata */
/* #7775*/
.user-activation-error-text {
background-color: #bb5657;
padding: 20px 20px;
position: relative;
margin: 30px auto;
max-width: 500px;
display: none;
text-align: center;
}
/* end #7775*/
/*#5795 Start fix css component Modulo Bento */
.bento__content {
max-width: unset;
}
/*#5795 End fix css component Modulo Bento*/
/* #7911 Peru classes in form updates */
.form-group.form-group-submit input[type="submit"] {
width: 100%;
}
.form-group.form-group-submit {
margin-bottom: 15px;
}
.form-notes.form-notes-last {
margin-bottom: 35px;
}
.form-label-intext {
font-size: 15px;
margin-bottom: 15px;
}
.radio-container.radio-as-check input[type="radio"] + label {
padding: 0 35px;
height: 20px;
line-height: 20px;
margin-bottom: 29px;
padding-right: 0;
display: inline-block;
cursor: pointer;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
}
.radio-container.radio-as-check input[type="radio"] + label:before {
content: "";
background: url(../img/checkbox.png)
no-repeat;
background-size: 20px;
border: 0;
border-radius: 0;
height: 20px;
width: 20px;
opacity: 1;
}
.radio-container.radio-as-check input[type="radio"]:checked + label:before {
background: url(../img/checkbox-checked.png)
no-repeat;
background-size: 20px;
border: 0;
border-radius: 0;
height: 20px;
width: 20px;
opacity: 1;
}
.form-group.form-group-nomargin.form-inline {
margin: 0;
}
@media screen and (min-width: 768px) {
.form-content .checkbox-container-biglabel input[type="checkbox"] + label {
font-size: 18px;
}
}
.registration_form .checkbox-container-biglabel a {
text-decoration: underline;
}
/* #7911 End Peru classes in form updates */
/* #7911 End Conditions pop-up taken from private-area */
.privateArea-modalCnt {
width: 100%;
margin: 0 auto;
}
.privateArea-modalCnt .privateArea-modal-title {
display: block;
color: #000000;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 21px;
padding: 0 0 25px 0;
border-bottom: 2px solid #e5e5e5;
}
.privateArea-modalCnt .privateArea-modal-text {
display: block;
color: #000000;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 20px;
padding: 25px 0 25px 0;
}
.privateArea-modalCnt-center .privateArea-modal-text {
text-align: center;
padding: 35px 0 35px 0;
}
.privateArea-modalCnt-center .privateArea-modal-btn {
text-align: center;
}
.privateArea-modal-inner {
padding: 20px 0;
}
.privateArea-modal-inner label {
display: block;
font-size: 15px;
line-height: 21px;
padding: 0 0 10px 0;
}
.privateArea-form-row {
width: 100%;
}
.privateArea-form-row .privateArea-form-scroll {
width: 100%;
height: 280px;
display: block;
overflow-y: scroll;
margin: 20px 0;
}
.privateArea-form-row .privateArea-form-scroll p {
font-size: 14px;
line-height: 20px;
margin: 15px 0 0;
}
.privateArea-form-row .privateArea-form-scroll p:first-child {
margin: 0;
}
.privateArea-modalCnt input[type="submit"] {
padding: 15px 40px 15px;
}
.privateArea-modalCnt .btn-cta {
line-height: 16px;
padding: 15px 33px 15px;
}
@media screen and (min-width: 768px) {
.privateArea-form-row {
display: table;
}
.privateArea-form-row .privateArea-form-scroll {
height: 380px;
margin: 20px 0;
}
.privateArea-form-row .privateArea-form-scroll p {
font-size: 18px;
line-height: 27px;
margin: 25px 0 0;
}
.privateArea-form-row .privateArea-modal-btn input[type="submit"],
.privateArea-form-row .privateArea-modal-btn a {
margin: 0 15px 0 0;
}
.privateArea-form-row .privateArea-modal-btn input[type="submit"],
.privateArea-form-row .privateArea-modal-btn a {
margin: 0 15px 0 0;
}
.privateArea-modal-btn:after {
content: "";
display: table;
clear: both;
}
.privateArea-modal-btn {
font-size: 0;
margin-top: 15px;
}
modal-btn a {
margin: 0 15px 0 0;
}
.privateArea-modal-btn:after {
content: "";
display: table;
clear: both;
}
}
@media screen and (min-width: 1024px) {
.privateArea-form-row input[type="submit"] {
margin: 10px 0 0 0;
}
}
/* #7911 End Conditions pop-up taken from private-area */
/* #7581 Results */
.pago-result-btn {
display: block;
text-align: center;
}
.pago-result-btn .btn-cta {
padding: 15px 30px;
display: inline-block;
margin: 10px 0;
width: 100%;
}
.pago-result-btn .btn-cta.pink {
color: #ff0f64;
border-color: #ff0f64;
}
.pago-result-btn .btn-cta.black {
color: #000000;
border-color: #000000;
}
.pago-result-btn .btn-cta.black:hover {
color: #ffffff;
border-color: #000000;
}
.pago-result-btn .btn-cta.pink:hover {
color: #ffffff;
border-color: #ff0f64;
background-color: #ff0f64;
}
.result-wrapper .transaction-title,
.transaction-title {
color: #000000;
font-family: "UniversBold", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 21px;
text-align: center;
max-width: 620px;
display: block;
margin: 20px auto 30px auto;
}
@media screen and (min-width: 768px) {
.ico-transaction.ico-ok:after {
left: 20px;
top: 20px;
}
.ico-transaction.ico-ko:after {
left: 20px;
top: 20px;
}
.pago-result-btn .btn-cta {
max-width: 270px;
margin: 0 10px;
}
.messageBox .pago-result-btn .btn-cta.pink {
margin-top: 15px;
}
.result-wrapper .transaction-title,
.transaction-title {
margin: 25px auto 55px auto;
}
}
/*#End 7581 Results */
/*#7875 Start fix css Hero layout Plan wrapper */
section.plan-overview__wrapper.rates-container.container
.box-supporto-container.box-supporto-container-b {
z-index: 1;
}
section.plan-overview__wrapper.rates-container.container {
padding-bottom: 30px;
}
.image-hero_inner.image-hero-container .rich-text .rich-text_inner p,
.image-hero_inner.image-hero-container .rich-text .rich-text_inner h1,
.image-hero_inner.image-hero-container .rich-text .rich-text_inner h2,
.image-hero_inner.image-hero-container .rich-text .rich-text_inner h3 {
color: unset !important;
}
.image-hero_inner.image-hero-container .rich-text .rich-text_inner {
color: #fff;
}
.image-hero_inner.image-hero-container .rich-text {
width: 900px;
margin-top: 40px;
margin-bottom: 0;
}
@media screen and (min-width: 1425px) {
section.plan-overview__wrapper.rates-container.container {
padding-left: 150px;
padding-right: 150px;
}
}
/*#7875 End fix css Hero layout Plan wrapper */
/*#7653 - invoice -modal */
.form-content.form-suscription .errorMsg {
font-size: 15px;
margin-top: 10px;
bottom: -30px;
margin-right: 10px;
}
.form-content.form-suscription .errorMsg {
display: block;
color: #ff0f64;
font-size: 12px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 7px;
max-height: 20px;
overflow: hidden;
position: absolute;
bottom: -3px;
right: 0px;
}
/*#7653 - invoice -modal */
/*#7185 Start fix css alignment box */
#carousel-home .hub_group .hubgroup-items-section {
text-align: center;
}
/*#7185 End fix css alignment box */
/* #6839 */
.dissasociatetable {
width: 530px;
}
.margin-left-14 {
margin-left: 14px;
top: 1px;
}
.tabledisassociate .tableinlineflex {
display: inline-flex;
}
.tabledisassociate .firstitemcell {
width: auto;
margin-right: 4%;
}
/* #6839 end */
/*#7288 Start fix css componente glossary tabs */
.preguntas-frecuentes .tabs__labels {
text-align: center;
}
.preguntas-frecuentes .tabs__label-wrapper {
width: 100%;
}
.preguntas-frecuentes .swiper-container.swiper-container-horizontal {
width: 100%;
}
.preguntas-frecuentes .swiper-slide.swiper-slide .tabs__label {
width: 100%;
}
.preguntas-frecuentes .swiper-slide {
width: 100%;
}
@media screen and (min-width: 768px) {
.preguntas-frecuentes .swiper-wrapper .swiper-slide {
display: flex;
flex: 0 1 auto;
}
}
/*#7288 End fix css componente glossary tabs */
/* start #7961 */
#form-find-client-number fieldset {
border-bottom: 0;
}
#form-find-client-number fieldset.result {
margin-top: 0;
}
#form-find-client-number fieldset.result #numCliente {
margin-bottom: 25px;
}
/* end #7961 */
/* 7988 */
/* width */
.dataTables_scrollBody::-webkit-scrollbar {
width: 10px;
}
/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px transparent;
border-radius: 10px;
}
/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 10px;
}
/* Handle on hover */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover {
background: #ddd;
}
#quoteBuilderForm .selectboxit-container {
display: block;
max-width: 60%;
margin: 0 auto 0 auto;
}
/* end 7988 */
/*7828 Start alignment button*/
.search-block.filter-container .selectboxit-container .selectboxit-btn {
min-height: 50px;
}
/*7828 End alignment button*/
/* #6832 */
.itempayment .tile img {
display: block;
min-width: 70%;
min-height: 100%;
}
.itempayment .album-photos__photo img {
width: 90%;
margin-left: auto;
margin-right: auto;
display: block;
}
.itempayment {
/*border:1px solid blue;*/
}
.itempayment .album-photos__photo {
width: 100%;
}
@media screen and (min-width: 768px) {
.itempayment .album-photos__photo,
.album-photos__photo:nth-child(1n) {
margin: 5px;
}
}
.itempayment .imagecontainer {
background-color: #ddd;
padding: 40px;
}
/* end #6832 */
/* issue #7009 */
@media screen and (min-width: 1024px) {
.home-hero__content__inner {
-webkit-transform: translateY(0%);
transform: translateY(0%);
top: 12%;
}
}
/* end #7009 */
/* fix issue 8107*/
#main .article-content.module--initialized {
z-index: 4;
}
#main .module.album.module--initialized {
z-index: 4;
}
#main .module.lightbox.module--initialized.open {
z-index: 4;
}
/* end fix issue 8107*/
/* fix issue 8129*/
body.activate-sticky-nav .hero-footer-calculator {
z-index: 10001;
}
/* end fix issue 8129*/
/* #8042 Start fix component Promo Offert */
.plan-promo_content a.link span.ico::after {
display: inline-block;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
}
.Text-Below-Image {
font-size: 15px;
padding-top: 15px;
}
.Text-Below-Image .rich-text {
padding-left: 0;
}
.Text-Below-Image .rich-text .rich-text_inner p {
font-size: unset;
}
.plan-promo-block-text .component.rich-text.container {
padding-right: 0;
}
.manage-block .plan-promo-block-text p {
line-height: 100%;
}
.plan-promo-block-text .rich-text {
margin-bottom: 20px;
}
.plan-promo-block-text.layout-Two {
height: 100%;
}
.manage-block .plan-promo-block-text.layout-Two .cat {
opacity: 1;
color: #ffffff;
margin-bottom: 35px;
margin-top: 20px;
}
.plan-promo-block-text.layout-Two .component.rich-text.container {
padding-right: 0;
margin-left: 65px;
letter-spacing: 2.8px;
}
.manage-block .plan-promo_content ul li {
max-width: none;
width: 100%;
}
.plan-promo_content .link {
width: 100%;
}
.plan-promo-block-text.layout-Two .latam-btn-cta--pink {
min-width: 60px;
margin: 0;
}
.manage-block .plan-promo_content ul {
display: block;
}
/* #8042 End fix component Promo Offert */
/*#7759 Start alignment button Form Order and Contact Steps*/
.fileupload-group.twoLines.hasStage .form-group {
width: 100%;
}
input.form-control.fileupload-filename {
width: 30%;
padding-bottom: 19px;
padding-top: 14px;
}
.fileupload-group.twoLines .fileupload-btn {
display: inline-block;
height: 58px;
border: unset;
min-width: unset;
width: 18%;
}
.fileupload-group.twoLines.hasStage {
margin: 0;
}
/*#7759 End alignment button Form Order and Contact Steps*/
/*#8169 Start fix bullet component Text*/
.rich-text .rich-text_inner ul {
/* #13262 list-style: initial; */
}
/*#8169 End fix bullet component Text*/
/*#7650 - Start - form-content my-account fields empty */
.item-data form.form-content.my-account .agregar-btn input {
margin: 0 15px 0 0;
}
/*#7650 - End - form-content my-account fields empty */
/*#7606 Start fix alignment image and button */
.article-content_inner .full-bleed-image.layout-left {
display: block;
margin: 90px auto;
max-width: 1280px;
padding: 0;
}
div.image .full-bleed-image.layout-left img {
display: block;
margin: 0;
padding-left: 13%;
}
.hub_cta.aligned-text.anchor {
display: block;
margin: 0;
padding-left: 13%;
text-align: unset;
}
.button.parbase {
display: block;
margin: 0 auto;
max-width: 1280px;
padding: 0;
}
/*#7606 End fix alignment image and button */
/*#6650 Start fix component link network*/
.link_network_name.download .icon-download {
display: inline-block;
}
p.link_network_name.download {
margin-top: 0;
}
/*#6650 End fix component link network*/
/* #8171 start fix bento group -bento row */
.bento-header {
text-align: center;
padding: 50px 0;
}
.link.link-arrow-bento::after {
display: inline;
font-family: "icomoon";
content: "\e900";
font-style: normal;
font-weight: normal;
padding-left: 15px;
}
/* #8171 End fix Bento group - bento row */
/*#8205 Start fix color text component Strategy Image*/
.tile span.btn-cta.white {
color: white;
border: 2px solid white;
}
/*#8205 End fix color text component Strategy Image*/
/*#8013 Changes design in Perú Mi Perfil */
.form-content.form-last-checkbox input[type="checkbox"] + label {
margin-bottom: 15px;
}
.form-content .form-group.form-group-subreason,
.form-content .privateArea-form-col.form-group-subreason {
display: none;
}
.form-content .form-group.form-group-subreason.subreason-active,
.form-content .privateArea-form-col.subreason-active {
display: block;
}
@media screen and (min-width: 768px) {
.form-group-tooltip.tooltip-extraspace {
padding: 0 10px;
}
.form-group-tooltip.tooltip-extraspace .tooltip {
right: -35px;
}
}
.form-content .form-group .ico-question.ico-on-right {
right: -25px;
}
/*#8013 End Changes design in Perú Mi Perfil */
/*#7987 Start fix component Not found*/
.error-message-container .error-message {
position: relative;
}
/*#7987 End fix component Not found*/
/*#8183 Start fix css login Perù*/
.help-tabs__content_show .acc-creation-full h4 {
font-weight: unset;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
/*#8183 End fix css login Perù*/
/*#8050 claim page */
@media screen and (min-width: 1024px) {
.detail-accordian
[data-content]
.privateArea-form-col.privateArea-form-col-double
input[type="text"],
.detail-accordian
[data-content]
.privateArea-form-col.privateArea-form-col-double
.selectboxit-container {
width: 865px;
}
}
.privateArea-form-col .errorMsg,
.privateArea-form-row .errorMsg {
display: block;
color: #ff0f64;
font-size: 12px;
font-family: "Univers", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
text-align: right;
margin-top: 7px;
max-height: 20px;
overflow: hidden;
position: absolute;
bottom: -10px;
right: 55px;
}
@media screen and (min-width: 768px) {
.privateArea-form-col .errorMsg,
.privateArea-form-row .errorMsg {
font-size: 15px;
margin-top: 10px;
bottom: -10px;
margin-right: 10px;
}
}
.privateArea-form-row.privateArea-form-row-textarea,
.privateArea-form-row.privateArea-form-row-textarea textarea {
margin-bottom: 10px;
}
.results-new-claim {
display: none;
}
/*#8457 start */
.page-article
.home-group
div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
width: 100% !important;
}
/*#8457 end */
/* multimap */
.map-section.ismultiplemap #map-display-payment-point {
height: 600px;
display: flex;
}
.map-section.ismultiplemap #map-div-payment-point {
height: 100%;
width: 75%;
-webkit-transition: width 0.5s ease-in-out; /* Safari */
transition: width 0.5s ease-in-out;
}
@media screen and (max-width: 767px) {
.map-section.ismultiplemap #map-div-payment-point {
width: 100%;
order: 1;
height: 500px;
}
}
@media screen and (max-width: 767px) {
.map-section #map-display-payment-point {
height: auto;
flex-direction: column;
}
}
.map-section #list .toggle-button.open-map-payment-point {
background-image: url(../img/map/open.png);
right: -60px;
}
/* end multimap */
/*#8421 Start fix bullet */
.rich-text_inner.squares ul {
list-style: none;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 1.46667;
}
@media screen and (min-width: 768px) {
.rich-text_inner.squares ul {
font-size: 18px;
letter-spacing: 0.36px;
line-height: 1.66667;
}
}
.rich-text_inner.squares ul li {
padding-left: 1.5em;
position: relative;
margin-bottom: 1em;
}
.rich-text_inner.squares ul li:before {
content: "";
width: 8px;
height: 8px;
background: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0.55em;
margin-top: -2px;
}
@media screen and (min-width: 768px) {
.rich-text_inner.squares ul li:before {
margin-top: 0;
}
}
.rich-text .rich-text_inner.squares li:last-child {
/* remove for 14006 padding-left: 33px; */
}
.article-content_inner .rich-text .rich-text_inner.squares li {
padding-left: 33px;
}
.article-content_inner .rich-text .rich-text_inner.squares ol li {
padding-left: 0;
}
.rich-text .rich-text_inner.squares ol li {
padding-left: 0px;
}
.rich-text .rich-text_inner.squares ol li:last-child {
padding-left: 0px;
}
.article-content_inner .rich-text .rich-text_inner.squares ul {
list-style: none;
padding-left: 22px;
}
.article-content_inner .rich-text .rich-text_inner ul {
padding-left: 12px;
}
.rich-text .rich-text_inner li:last-child {
/* #14006 padding-left: 8px; */
}
/*#8421 End fix bullet */
/*select error*/
select.error + .selectboxit-container .selectboxit {
border: 2px solid #ff0f64;
}
/*TT 8555*/
.map-section-cortes-b .cortes-description h3 {
background: white;
font-weight: bold;
color: #000;
}
@media screen and (min-width: 1024px) {
.map-section-cortes .cortes-description {
border-top: 3px solid #f2f2f2;
}
}
/* start #8330 (only on desktop view for #8918-8921)*/
@media screen and (min-width: 1024px) {
.pvtArea-menu.pvtArea-column .home-dashboard {
font-weight: bold;
}
}
/* end #8330 */
/*start #8341*/
.form-content.form-actionitem-new-request .form-accordion-footer,
.form-content.form-actionitem-new-claim .form-accordion-footer {
border-top: 2px solid #e5e5e5;
}
/*end #8341*/
/* Catpcha validation */
.captcha iframe.error {
border: 2px solid #ff0f64;
}
/* End captcha validation */
/*#8556 Map upates for Colombia */
.map-section h2 {
font-family: UniversBold, Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 22px;
letter-spacing: -0.88px;
line-height: 127.27273%;
color: #000;
text-align: center;
text-transform: uppercase;
}
@media screen and (min-width: 768px) {
.map-section h2 {
font-size: 30px;
letter-spacing: -1.2px;
line-height: 120%;
}
}
.map-section #map-filters .form-group-checkbox .type-3 label:before {
background: #f7db2d;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-3 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-3 {
margin-left: 20px;
}
.map-section #map-filters .form-group-checkbox .type-4 label:before {
background: #5abc57;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-4 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-4 {
margin-left: 20px;
}
.map-section #map-filters .form-group-checkbox .type-5 label:before {
background: #ff5b0b;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-5 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-5 {
margin-left: 20px;
}
.map-section #map-filters .form-group-checkbox .type-6 label:before {
background: #f70f02;
opacity: 1;
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-6 label:after {
color: #fff;
margin-top: 3px;
}
.map-section #map-filters .form-group-checkbox .type-6 {
margin-left: 20px;
}
/*#8556 End map upates for Colombia */
/* #8607 */
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0 44px;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: visible;
z-index: 999999999999;
box-sizing: border-box;
}
/* end #8607 */
/** 8623 fix produzione peru ma in generale vale per tutte le country
9288 fix per tablet portrait+landscape
*/
@media screen and (max-width: 1123px) {
.header-left .menu-link {
width: 100%;
min-height: 0;
}
.header-left .menu-link > .menu-link {
width: 100%;
}
.hub_inner.content-list .image .tile--cta {
width: 100%;
}
.hub_group.hub_group--header-left .menu-link {
margin-top: 0 !important;
}
.hub_group--header-left .hub_header,
.hub_group--header-left .hub_inner {
float: none;
width: 100%;
}
.module-content.parbase {
width: 100%;
}
.module-content.parbase .tile--small {
width: 100%;
margin: 0 0 20px 0;
}
}
@media screen and (max-width: 767px) {
.header-left .menu-link {
width: 100%;
float: none;
}
.header-left .menu-link > .menu-link {
width: 100%;
float: none;
}
.hub_group--header-left .hub_header,
.hub_group--header-left .hub_inner {
float: none;
width: 100%;
}
.hub_group--header-left .hub_inner {
padding-left: 25px;
margin-left: auto;
}
}
/** specializzazione #8623
9288 fix per tablet portrait+landscape
**/
@media screen and (max-width: 1123px) {
.tile_content-wrapper {
position: static;
width: 100% !important;
bottom: 0 !important;
padding: 20px 20px 25px;
min-height: 80px;
}
.hub_group--header-left .module-content.parbase .tile--small {
width: 348px;
margin: 0 9px 20px;
}
.hub_group--header-left .hub_header,
.hub_group--header-left .hub_inner .strategy {
width: 100%;
}
.hub_group--header-left .tile--large .tile_content-wrapper {
width: 50% !important;
position: absolute;
}
.hub_group--header-left .tile--cta .tile_content-wrapper {
width: 100% !important;
position: absolute;
}
}
@media screen and (max-width: 767px) {
.hub_group--header-left .tile--large .tile_content-wrapper {
position: static;
width: 100% !important;
}
.hub_group--header-left .module-content.parbase .tile--small {
width: 100%;
margin: 0 0 15px;
}
}
@media screen and (min-width: 768px) {
.hub_group--header-left .module-content.parbase,
.hub_group--header-left .hub_inner .media {
display: inline;
}
}
/*#8504 Not show empty row in table */
.dataTables_empty.hideEmptyRow {
display: none;
}
/* #8492 */
.position_relative {
position: relative !important;
}
.loader-overlay {
z-index: 9999999999 !important;
}
/* #8646 */
.addressItemlontext {
margin-bottom: 11px;
}
/*end #8646 */
/* #8686 */
@media screen and (min-width: 1024px) {
.detail-accordian [data-accordion]:after {
top: 25px;
}
.detail-accordian [data-accordion] [data-control] {
padding: 25px 30px 25px 0;
}
}
/** 8842 punto 4 */
@media screen and (max-width: 1123px) {
#bento2 .bento__item {
min-height: inherit;
}
}
/*#8742 Start fix Banner General*/
.bannerfullwidthimage
section.container.full-width-banner-outer.cq-placeholder.anchor {
height: auto;
min-height: 395px;
}
/*#8742 End fix Banner General*/
/*#7473 Help template hero css */
BODY.page-help .header-edit {
height: auto;
}
.page-help .search-form__content {
margin-top: 0;
}
@media screen and (min-width: 768px) {
.page-help .search-form__content {
margin-top: 60px;
}
}
.page-help .search-form {
position: static !important;
top: 0 !important;
-webkit-transform: translate(0) !important;
transform: translate(0) !important;
}
.page-help .search-form .search-form__header {
opacity: 0;
}
.page-help .global-header .btn-search-open {
display: none;
}
.page-help .search-form {
z-index: 9999;
}
.page-help.color-scheme--orange .search-form,
.page-help.color-scheme--orange .search-form__input {
background-color: #ff5a0f !important;
}
.page-help.color-scheme--grey .search-form,
.page-help.color-scheme--grey .search-form__input {
background-color: #f7f7f7 !important;
}
.page-help.color-scheme--darkgrey .search-form,
.page-help.color-scheme--darkgrey .search-form__input {
background-color: #a9a9a9 !important;
}
.page-help.color-scheme--black .search-form,
.page-help.color-scheme--black .search-form__input {
background-color: #222 !important;
}
.page-help.color-scheme--white .search-form,
.page-help.color-scheme--white .search-form__input {
background-color: #fff !important;
}
.page-help.color-scheme--orange .search-form,
.page-help.color-scheme--orange .search-form__input {
background-color: #ff5a0f !important;
}
.page-help.color-scheme--red .search-form,
.page-help.color-scheme--red .search-form__input {
background-color: #e61400 !important;
}
.page-help.color-scheme--pink .search-form,
.page-help.color-scheme--pink .search-form__input {
background-color: #ff0f64 !important;
}
.page-help.color-scheme--lightpink .search-form,
.page-help.color-scheme--lightpink .search-form__input {
background-color: #ff4687 !important;
}
.page-help.color-scheme--blue .search-form,
.page-help.color-scheme--blue .search-form__input {
background-color: #0555fa !important;
}
.page-help.color-scheme--sky .search-form,
.page-help.color-scheme--sky .search-form__input {
background-color: #41b9e6 !important;
}
.page-help.color-scheme--forest .search-form,
.page-help.color-scheme--forest .search-form__input {
background-color: #008c5a !important;
}
.page-help.color-scheme--green .search-form,
.page-help.color-scheme--green .search-form__input {
background-color: #55be5a !important;
}
.page-help.bg-gray02 .search-form,
.page-help.bg-gray02 .search-form__input {
background-color: #efefef !important;
}
.page-help.color-scheme--bggray .search-form,
.page-help.color-scheme--bggray .search-form__input {
background-color: #f7f7f7 !important;
}
/*#7473 Help template hero css */
/* 8825 1) HP chile */
@media screen and (min-width: 1024px) {
.related-content__cards
div.hub_header
div.hub_header_inner
h2.text--page-subheading.latam-h2 {
padding: 60px !important;
}
}
.page-hub .list-item--press:first-child {
padding-top: 0px;
}
.list-item--press .list-item_text-wrapper {
padding: 20px 0;
}
.list-item_file-wrapper {
padding: 25px 0;
}
/*#8557 Send pdf field in result payment component */
.form-content.form-payment-result {
width: 50%;
margin: auto;
}
@media screen and (min-width: 1200px) and (max-width: 1600px) {
.form-content.form-payment-result {
width: 75%;
margin: auto;
}
}
@media screen and (max-width: 1200px) {
.form-content.form-payment-result {
width: 100%;
margin: auto;
}
}
.form-group-payment-email {
width: 100%;
}
.form-group.payment-email-input {
width: 100%;
}
.form-group .form-control.form-email-payment-text {
width: 60%;
}
.form-group .form-email-payment-button {
width: 40%;
padding-top: 15px;
padding-bottom: 15px;
bottom: 2px;
}
.form-group.payment-email-input .errorMsg {
margin-right: 40%;
}
/*#8557 End of send pdf field in result payment component */
/*#8193 Validation on banner-loggin */
.paga-rapido-tab-item-fieldnumbercontent .errorMsg {
color: #ff0f64;
text-align: right;
text-decoration: none;
display: block;
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-weight: 300;
font-style: normal;
font-size: 15px;
line-height: 1.33333;
}
@media screen and (min-width: 768px) {
.paga-rapido-tab-item-fieldnumbercontent {
max-width: 400px;
float: left;
margin-right: 20px;
width: 100%;
}
.paga-rapido-tab-item .latam-btn-cta--pink.latam-label-banner-with-title {
margin: 30px 0 0;
}
.link-lost-num.link-lost-num-witherror {
margin-top: 0;
}
}
/*#8193 End of validation on banner-loggin */
/*#8054 Orange message */
.private-messagge-ok.private-messagge-orange,
.private-messagge-ko.private-messagge-orange {
background-color: #ff5a0f;
}
/*End of #8054 Orange message */
/*#8846 BEGIN - split flex rule cause IE doesn't work on flex rule with calc function.*/
.infoUtil-item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 0px);
}
@media screen and (min-width: 768px) {
.infoUtil-item {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 30px);
}
}
/*#8846 END - split flex rule cause IE doesn't work on flex rule with calc function.*/
/*TT 8852 New module - singlelargeimage - START*/
/* spostato su specialbrasil.css per anomalia bloccante su portali in esercizio peru chile e colombia*/
/*TT 8852 New module - singlelargeimage - END*/
/*TT 8848 Start fix Banner General*/
@media screen and (max-width: 1024px) {
.bannerfullwidthimage {
background-position: center center;
}
.full-width-banner img {
/* tolto per #13757 punto 1.2 width: 100%; */
}
}
/*TT 8848 End fix Banner General*/
/* #9054 */
@media screen and (min-width: 1025px) and (max-width: 2523px) {
.home-hero__title-mask {
height: 241px;
}
.home-hero__content .home-hero__title-wrap p {
display: block;
font-size: 16px;
line-height: 23px;
margin-top: 14px;
margin-bottom: 0;
}
}
.home-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
width: 100% !important;
bottom: 7px !important;
}
/* end #9054 */
/*#9050 Start fix module content with link*/
/* spostato su specialbrasil.css per anomalia bloccante su portali in esercizio peru chile e colombia*/
/*#9050 End fix module content with link*/
/*#8344 Error message in captcha */
.errorMsg.errorMsgCaptcha {
margin-right: 160px;
}
/*#9050 End fix module content with link*/
/* argentina panel wrapper allineamento box sx e dx
@media screen and (min-width: 1024px) {
.box-supporto-container .box-supporto p{max-width:450px;}
}
*/
/* #8877 PROD | Desktop| Perù| Sostenibilidad > Educación de Calidad */
.page-article div.tabs-wrapper ul#tab-clientes-libres li {
border-right: 1px solid rgb(221, 221, 221);
}
/*8907 Contact Info*/
.contact-info .contact_inner .contact_wrapper {
padding-bottom: 50px;
}
/*END 8907 Contact Info*/
/* #9151 PROD | mobile | brasile | HP due hub group con layout minicard - anomalia bloccante*/
.group.enel-futuro.home-wrapper {
padding-bottom: 0px;
}
/*TT 9104 fix component Hub Group with layout Single-image-large START*/
@media screen and (max-width: 767px) {
.latam-a.singleLarge-image .tile_image-wrapper {
height: 233px;
padding-bottom: 0;
}
.latam-a.singleLarge-image .tile_content-wrapper {
padding: 20px 0 25px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.latam-a.singleLarge-image .tile_image-wrapper {
height: 233px;
padding-bottom: 0px;
}
.latam-a.singleLarge-image .tile_content-wrapper {
padding: 30px 0 0 0;
min-height: 101px;
transition: none;
position: relative;
}
.latam-a.singleLarge-image .tile_content-wrapper .text--tile-heading {
margin-bottom: 30px;
font-size: 22px;
line-height: 26px;
}
}
@media screen and (min-width: 1024px) {
.latam-a.singleLarge-image .tile_inner .tile_image-wrapper {
height: 216px;
}
.latam-a.singleLarge-image .tile_inner .tile_content-wrapper {
min-height: 127px;
padding: 30px 0 0 0;
position: relative;
}
.latam-a.singleLarge-image .tile_inner .text--tile-heading {
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
letter-spacing: -1.2px;
}
.latam-a.singleLarge-image .tile_inner:after {
height: 0 !important;
transition: none !important;
}
a.tile.latam-a.singleLarge-image:hover .tile_content-wrapper {
bottom: 0;
}
}
/*TT 9104 fix component Hub Group with layout Single-image-large END*/
/* #9257 -12 */
@media screen and (max-width: 1123px) {
div.e-glossary.parbase
section.e-glossary
div.sidebar.gradient.vertical-tabs__nav
div.vertical-tabs__nav__inner
ul
div.e-glossary-title.parbase
li.active
div.content
div.component.rich-text.container
div.rich-text_inner
div.common-link
a.btn-cta {
color: #000;
}
div.e-glossary.parbase
section.e-glossary
div.sidebar.gradient.vertical-tabs__nav
div.vertical-tabs__nav__inner
ul
div.e-glossary-title.parbase
li.active
div.content
div.component.rich-text.container
div.rich-text_inner
div.common-link
a.btn-cta:hover {
color: #fff;
}
}
/* 9257 -12 end */
/* #9152 START bullet in home hero - preso da style.css della grafica ma aggiunta classe padre per non impattare eventauli altre casisitiche custom-home-swiper*/
/*** 20 - Home page - START ***/
/* #rotating-item-wrapper {
width: 100%;
height: 100vh;
min-height: 440px;
position: absolute;
z-index: 0;
}
.home-hero__bg {
box-sizing: content-box;
padding-bottom: 500px;
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #fff;
-webkit-transform: translateZ(0);
transform: translateZ(0);
overflow: hidden;
opacity: 1;
display: none;
}
.home-hero__bg__img {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.home-hero__bg__img img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
min-width: 100%;
min-height: 100%;
}
*/
.custom-home-swiper .swiper-container.gallery-top-peru {
width: 100%;
height: 400px;
}
/*** 20 - Home page - END ***/
/*** 31 - Home Chile START ***/
.custom-home-swiper .swiper-container.gallery-top {
width: 100%;
height: 568px;
}
.custom-home-swiper .swiper-slide {
background-position: center;
background-size: cover;
}
.custom-home-swiper .home-hero__title-mask,
.custom-home-swiper .text--uppercase-heading,
.custom-home-swiper .home-hero__cta-container {
opacity: 0;
}
.custom-home-swiper .swiper-slide-active .home-hero__title-mask,
.custom-home-swiper .swiper-slide-active .text--uppercase-heading,
.custom-home-swiper .swiper-slide-active .home-hero__cta-container {
width: 100%;
transition: width 1s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.4s 0.2s;
opacity: 1;
}
.custom-home-swiper.home-swiper-peru .text--uppercase-heading,
.custom-home-swiper.home-swiper-peru .home-hero__cta-container {
opacity: 0;
}
.custom-home-swiper.home-swiper-peru
.swiper-slide-active
.home-hero__title-mask,
.custom-home-swiper.home-swiper-peru
.swiper-slide-active
.text--uppercase-heading,
.custom-home-swiper.home-swiper-peru
.swiper-slide-active
.home-hero__cta-container {
width: 100%;
transition: none; /* 9152 sincronismo immagini testo e bullet HERO applicazione grafica statica - rollback 11/02/2019*/
/* transition: width 1s cubic-bezier(.23,1,.32,1) .2s,opacity .4s .2s; */
opacity: 1;
}
.custom-home-swiper .swiper-pagination-bullets {
display: block;
}
.custom-home-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
opacity: 1;
background: #7c7c7d;
}
.custom-home-swiper
.swiper-pagination-bullet-home.swiper-pagination-bullet-active {
position: relative;
}
.custom-home-swiper
.swiper-pagination-bullet-home.swiper-pagination-bullet-active:focus {
outline: 0;
outline-color: transparent;
outline-style: none;
}
.custom-home-swiper .swiper-container-horizontal > .swiper-pagination-bullets {
width: 100% !important;
bottom: 120px !important;
}
.custom-home-swiper.home-swiper-peru
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 40px !important;
}
.custom-home-swiper .swiper-pagination-bullet-home {
height: 6px;
width: 80px;
display: inline-block;
background: #7c7c7d;
margin: 0 10px;
cursor: pointer;
}
/*
.swiper-pagination-bullet-home.swiper-pagination-bullet-active .bulletProgress {
height: 6px;
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
-webkit-transition: width 5.5s;
transition: width 5.5s linear;
}
.swiper-pagination-bullet-active .bulletProgress {
width: 100%;
}
.home-hero__content .home-hero__title-wrap p {
margin-top: 20px;
margin-bottom: 30px;
}
*/
@media screen and (min-width: 768px) {
.custom-home-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 80px !important;
}
.custom-home-swiper .swiper-container.gallery-top-peru {
height: 500px;
}
.custom-home-swiper .home-hero__title-container {
max-width: 1024px;
width: 830px;
min-height: 150px;
height: auto;
margin-bottom: 55px;
}
/*
.home-hero__title-mask {
min-height: 150px;
height: auto;
position: relative;
}
.home-hero__content .text--page-heading {
margin-bottom: 0;
}
.home-hero__title-wrap {
position: relative;
}
.home-hero__content .home-hero__title-wrap p {
display: block;
font-size: 16px;
line-height: 20px;
margin-top: 30px;
margin-bottom: 0;
}
*/
}
@media screen and (max-width: 1023px) {
.custom-home-swiper .home-hero__title-container {
max-width: 1024px;
width: 100%;
}
/*
.home-hero__content .home-hero__title-wrap p {
margin-top: 20px;
}
*/
}
@media screen and (min-width: 1024px) {
.custom-home-swiper .swiper-container.gallery-top {
height: 720px;
}
.custom-home-swiper .swiper-container.gallery-top-peru {
height: 650px;
}
.custom-home-swiper .home-hero__content__inner {
max-width: 1024px;
}
.custom-home-swiper .home-hero__title-wrap {
max-width: 1024px;
width: 775px;
}
.custom-home-swiper .swiper-pagination-bullet-home {
width: 150px;
}
.custom-home-swiper
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 145px !important;
}
.custom-home-swiper.home-swiper-peru
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 120px !important;
}
}
@media screen and (min-width: 1280px) {
.custom-home-swiper .home-hero__content__inner {
max-width: 1056px;
}
.custom-home-swiper .home-hero__title-container {
width: 1086px;
}
.custom-home-swiper .home-hero__title-wrap {
max-width: 1026px;
width: 966px;
}
}
.home-swiper.home-swiper-peru .swiper-pagination-bullet-active {
background: #fff;
background-color: #fff !important;
}
/*** 31 - Home Chile END ***/
/*** 31 - Home Chile V2 ***/
.custom-home-swiper.rounded-dots .swiper-pagination-bullet-home {
width: 20px;
height: 20px;
border-radius: 10px;
margin: 0 6px;
}
.custom-home-swiper.rounded-dots
.swiper-pagination-bullet-home.swiper-pagination-bullet-active
.bulletProgress {
display: none;
}
.custom-home-swiper.rounded-dots
.swiper-pagination-bullet-home.swiper-pagination-bullet-active {
background: #fff;
}
/*** 31 - Home Chile END ***/
@media screen and (max-width: 1023px) {
.custom-home-swiper.home-swiper-peru
.swiper-container-horizontal
> .swiper-pagination-bullets {
bottom: 12px !important;
}
}
/* #9152 END bullet in home hero - preso da style.css della grafica ma aggiunta classe padre per non impattare eventauli altre casisitiche */
/* #9163 start*/
.page-hub section.plan-overview__wrapper {
background-color: #fff;
}
.box-supporto-container .box-supporto p {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, Helvetica Neue,
Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
.support-hero div.cta-holder {
padding-bottom: 60px;
}
.box-supporto-container .box-supporto {
flex-grow: 1;
width: 30%;
padding: 40px 20px 25px 20px;
}
.box-supporto {
flex-grow: 1;
width: 30%;
padding: 40px 20px 25px 20px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
width: 37%;
padding: 36px 20px 26px 20px;
box-shadow: rgba(193, 193, 193, 0.4) 0px 5px 0px;
}
.box-supporto-container.box-supporto-container-b .box-supporto {
padding: 60px 13px 60px;
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1) {
width: 35%;
padding: 80px 0 82px;
}
.box-supporto-container .box-supporto:nth-of-type(2) {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.box-supporto-container .box-supporto:nth-of-type(3) {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.box-supporto-container .box-supporto p {
max-width: 200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
margin-top: 15px;
font-size: 24px;
}
.box-supporto-container .box-supporto:nth-of-type(1) p {
margin-top: 40px;
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1)
p {
margin-top: 10px;
margin-bottom: 40px;
}
.box-supporto-container .box-supporto .icon {
font-size: 36px;
}
.box-supporto-container .box-supporto:nth-of-type(1) .eyebrow {
margin-bottom: 37px;
}
.page-hub section.hero-hub.support-hero.bg-orange.vs-textcolor- {
padding: 120px 0 169px !important;
}
}
@media screen and (max-width: 767px) {
.support-hero div.cta-holder {
padding-bottom: 30px;
}
.box-supporto-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: inherit;
margin-top: -150px;
}
.box-supporto-container .box-supporto {
padding-left: 8px;
padding-right: 8px;
padding-bottom: 20px;
padding-top: 35px;
}
.box-supporto-container .latam-link.latam-link-arrow-pink span.ico::after {
padding-left: 4px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
width: 100%;
}
.box-supporto-container .box-supporto .icon {
font-size: 50px;
}
.box-supporto-container .box-supporto .eyebrow {
margin-bottom: 30px;
}
.box-supporto-container .box-supporto p {
max-width: 200px;
margin-right: auto;
margin-left: auto;
margin-bottom: 15px;
margin-top: 15px;
font-size: 22px;
}
.page-hub section.hero-hub.support-hero.bg-orange.vs-textcolor- {
padding: 120px 0 169px !important;
}
}
@media screen and (min-width: 1024px) {
.support-hero div.cta-holder {
padding-bottom: 70px;
}
.box-supporto-container .box-supporto {
padding-top: 75px;
padding-bottom: 75px;
margin-top: 150px;
}
.box-supporto-container .box-supporto:nth-of-type(1) {
padding: 80px 0px 82px;
}
.box-supporto-container.box-supporto-container-b
.box-supporto:nth-of-type(1) {
width: 35%;
}
.box-supporto-container .box-supporto p {
font-size: 30px;
line-height: 38px;
min-height: 72px;
margin-bottom: 25px;
margin-top: 0;
}
.box-supporto-container .box-supporto:nth-of-type(1) p {
margin-bottom: 40px;
margin-top: 0;
}
.box-supporto-container .box-supporto .icon {
font-size: 50px;
}
.page-hub section.hero-hub.support-hero.bg-orange.vs-textcolor- {
padding: 120px 0 169px !important;
}
}
/* #9163 end */
/* #9164 spostato colore esistente nel common su brasile */
.page-help .search-form__input::-moz-placeholder {
color: inherit;
}
.page-help .search-form__heading {
color: inherit;
}
/* #9213 Hero Carousel centered */
.swiper-container.swiper-centered .home-hero__content__inner {
width: 100%;
max-width: none;
padding: 0;
text-align: center;
}
.swiper-container.swiper-centered .home-hero__title-container {
width: 80%;
max-width: none;
margin-left: 10%;
margin-right: 10%;
text-align: center;
}
.swiper-container.swiper-centered .home-hero__title-wrap {
max-width: none;
width: auto;
padding: 0;
left: 0;
right: 0;
}
/* #9237 */
.noPowerRedCircle {
display: none;
height: 10px;
width: 10px;
background-color: #f00;
border-radius: 50%;
}
/*end #9237 */
/*start issue #9290*/
.select-wrap-search.select-wrap.select--transparent {
background: #f4f4f4 url("../img/select-arrow-black.png") no-repeat 90%
50%;
background-size: 12px 8px;
}
/*end issue #9290*/
/* issue #9288 - begin */
@media screen and (max-width: 767px) {
.promo-offert .manage-block .image-info.image.parbase {
min-height: inherit;
}
}
/* issue #9288 - ends */
/* #9056 */
/*
@media screen and (min-width: 1425px){
.home-layout section.home-group .hub_group .related-content__cards .tile.tile--small.bg {
width: 386px;
}
}
@media screen and (min-width: 1425px){
.home-layout section.home-group .hub_group .related-content__cards .tile.tile--large.bg {
width: 790px;
}
}
*/
/* #9257 */
@media screen and (max-width: 768px) {
.collage .images .img1 {
margin-left: -15px;
margin-right: -15px;
max-width: none;
width: auto;
}
}
/*start issue #9345 */
#disassociateAccount .privateArea-modal-title {
border-bottom: none;
}
#disassociateAccount .privateArea-form-row p {
font-weight: bold;
}
#disassociateAccount .privateArea-form-row {
margin-left: 25%;
}
/*end issue #9345 */
/* #8874 */
@media screen and (min-width: 768px) {
.partner-layout {
justify-content: left;
}
}
p.itempartnerp {
font-family: "UniversLight", Calibri, Myriad, Tahoma, Geneva, "Helvetica Neue",
Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: 300;
color: #666666;
padding: 10px 0;
word-break: break-all;
}
/* end #8874 */
/* start issue #9050*/
@media (min-width: 768px) {
.large.parbase .tile--large .tile_content-wrapper {
width: 50% !important;
position: absolute;
}
}
@media (max-width: 1318px) and (min-width: 768px) {
.hubgroup-items-section .large .tile--large {
width: 675px;
margin-left: 0;
}
}
/* end issue #9050*/
/*9026 START FIX FOR CAROUSEL ARROWS*/
.carousel_wrap--single ~ * .carousel_arrow-wrap {
display: none;
}
@media screen and (min-width: 768px) {
.page-article main#main div.article-carousel {
z-index: 4;
}
body.page-article
main#main.home-layout
div.article-content.module--initialized {
padding-top: 0;
margin-top: 70px;
}
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.slick-arrow {
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 50px;
top: 50%;
outline: 0;
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow:before {
font-size: 8px;
color: #fff;
}
@media screen and (min-width: 768px) {
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.slick-arrow {
-webkit-transform: none;
transform: none;
font-size: 21px;
width: 75px;
height: 70px;
top: 100%;
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.slick-arrow:before {
font-size: 18px;
}
}
@media screen and (min-width: 1024px) {
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.slick-arrow {
display: block;
top: auto;
bottom: 0;
}
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_next {
right: 0;
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_next:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
}
@media screen and (min-width: 768px) {
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_next {
right: 0;
}
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_prev {
left: auto;
}
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_prev:before {
display: block;
font-family: icomoon;
content: "\e900";
font-style: normal;
font-weight: 400;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
.page-article
.article-carousel
div.component.carousel
div.carousel_arrow-wrap
button.carousel_arrow.carousel_prev {
left: auto;
right: 75px;
}
}
@media screen and (min-width: 1024px) {
div.article-content
div.article-content_inner
div.component.share-links
ul.share-links_list {
padding-top: 0px !important;
}
}
@media screen and (min-width: 768px) {
div.article-content
div.article-content_inner
div.component.share-links
ul.share-links_list {
padding-top: 80px;
}
}
@media screen and (max-width: 767px) {
div.article-content
div.article-content_inner
div.component.share-links
ul.share-links_list {
padding-top: 20px;
}
}
/*9026 END FIX FOR CAROUSEL ARROW*/
/* #9573 colore form login megamenu mobile */
@media screen and (max-width: 768px) {
.megamenu__nav {
background-color: #ff0f64;
}
.megamenu__nav__body {
background-color: #ff0f64;
}
}
.generic-form .form-content.form-change-password .form-wrapper .form-group,
.generic-form .form-content.form-recover-password .form-wrapper .form-group {
float: left;
width: 80%;
padding: 0 0 0 170px;
}
.generic-form
.form-content.form-change-password
.form-wrapper
.form-group.form-horizontal
input,
.generic-form
.form-content.form-recover-password
.form-wrapper
.form-group.form-horizontal
input {
width: 100%;
}
@media screen and (min-width: 1024px) {
.generic-form .form-content.form-change-password,
.generic-form .form-content.form-recover-password {
width: 787px;
}
}
@media screen and (min-width: 768px) {
.generic-form .form-content.form-recover-password .form-wrapper fieldset h4 {
padding: 0;
left: 170px;
width: 60%;
}
}
/*#9050*/
@media screen and (max-width: 1023px) and (min-width: 768px) {
.related-content_card-wrap .large.parbase {
max-width: unset;
}
.card-group .related-content_card-wrap .large.parbase .text--tile-heading {
max-width: 100%;
}
}
.home-group.module-layout
.module-layout-mobile
.swiper-slide
.tile--large
.tile_content-wrapper {
width: auto;
}
.card-group .related-content_card-wrap .large.parbase .text--tile-heading {
word-break: break-word;
}
@media screen and (max-width: 1123px) {
.module-content .tile--large .tile_content-wrapper {
width: 50% !important;
position: absolute;
}
}
.module-layout .hub_inner_mobile {
padding: 0 17px;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.module-content .tile--small .tile_inner {
height: 350px;
padding-bottom: 0;
}
.hub_inner_mobile .module-content .tile--small .tile_inner {
height: 340px;
}
.related-content_card-wrap .module-content .tile--small .tile_inner {
height: 280px;
}
.related-content_card-wrap .large .tile--large .tile_inner {
padding-bottom: 280px;
}
.home-group.module-layout .module-layout-mobile .tile--large {
width: 100%;
}
.home-group.module-layout
.module-layout-mobile
.swiper-slide
.tile--large
.tile_content-wrapper {
width: auto !important;
position: relative;
}
.hub_inner_mobile .tile--large .tile_inner {
padding-bottom: 340px;
}
}
/*end #9050*/
/*8903 BEGIN */
.glossary-tabs .glossary .tabs-content .tab_content .rich-text_inner h2 {
font-family: "Univers";
font-size: 30px;
font-weight: normal;
color: #222;
margin-bottom: 30px;
margin-top: 30px;
}
.glossary-tabs .glossary .tabs-content .tab_content .rich-text_inner p {
font-family: "UniversLight";
font-size: 20px;
font-weight: 300;
color: #222;
margin-bottom: 40px !important;
line-height: unset;
}
.glossary-tabs .glossary .tabs-content .tab_content .rich-text_inner {
border-bottom: 1px solid #ebebeb;
padding: 0;
}
@media screen and (max-width: 767px) {
.glossary-tabs .glossary .tabs-content .tab_content .tabs__btn-next,
glossary-tabs .glossary .tabs-content .tab_content .tabs__btn-prev,
glossary-tabs .glossary .tabs-content .tab_content .tabs__label {
padding: 0 15px;
}
.glossary-tabs .glossary .tabs-content {
margin-top: 40px;
margin-bottom: 100px;
padding: 30px 40px;
}
}
.glossary-tabs .glossary .tabs-content .tab_content .rich-text {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
/*8903 END */
/*Start #9735*/
@media screen and (max-width: 767px) {
.module-layout
.hub_inner_mobile
.swiper-slide
.module-content
.tile--large
.tile_content-wrapper {
width: 100% !important;
position: inherit;
}
.help-tabs__content-wrapper .hub_inner_mobile .swiper-slide .tile_inner {
height: 250px;
}
}
/*End #9735*/
/* 9814 largezza modale di sottoscizione bolletta online */
@media screen and (max-width: 420px) {
.pvtArea div#subscribe-dialog-modal.modal-hidden-content {
width: 100%;
}
div#subscribe-dialog-modal.modal-hidden-content {
padding: 0;
margin: 0 0 44px;
}
}
/* 9814 FINE*/
/* 9842 PRIVATE AREA | CHILE | TRELLO | TABLET | Agregar cuenta */
@media screen and (max-width: 1024px) and (min-width: 768px) {
.pvtArea
section.content-container-dropdown
form.form-content.my-account
div.agregar-cnt
div.agregar-btn
input[type="submit"] {
margin-right: 14px !important;
}
}
/*start #9489*/
@media screen and (max-width: 1024px) and (min-width: 768px) {
.swiper-slide .tile--large .tile_inner:after {
width: 100%;
}
.related-content_card-wrap.hubgroup-items-section
.module-content.parbase
.tile--small,
.swiper-slide .module-content.parbase,
.swiper-slide .module-content.parbase .tile--small {
width: 327px;
}
.module-content.parbase {
width: auto;
}
.module-content.parbase .tile--small {
width: 350px;
margin: 0 10px 20px;
}
.hubgroup-items-section .large .tile--large {
width: 680px;
margin-left: 10px;
}
}
@media screen and (max-width: 767px) {
.tile_inner {
height: 280px;
}
.hub_header_inner .latam-h2.text--page-subheading {
margin-top: 0;
}
.latam-a.singleLarge-image .tile_inner {
height: 360px;
}
}
/*end #9489*/
/* #9951 colombia collaudo personas promo offert appiccicato al precedente in mancanza di titolo - solo su desktop */
@media screen and (min-width: 1024px) {
.space-for-desktop-top {
padding-top: 20px;
}
}
/* #9994 ALM 400 */
@media screen and (max-width: 767px) {
.generic-form .form-content.form-recover-password .form-wrapper .form-group,
.generic-form .form-content.form-change-password .form-wrapper .form-group {
padding: 0 0 0 0px;
}
}
/*9813 START*/
@media screen and (min-width: 1024px) {
.lds-spin {
position: relative;
top: 40%;
left: 43% !important;
}
}
@media screen and (min-width: 768px) {
.lds-spin {
position: relative;
top: 40%;
left: 40% !important;
}
}
@media screen and (max-width: 767px) {
.lds-spin {
position: relative;
top: 40%;
left: 37% !important;
}
}
@media screen and (max-width: 650px) {
.lds-spin {
position: relative;
top: 40%;
left: 33% !important;
}
}
@media screen and (max-width: 450px) {
.lds-spin {
position: relative;
top: 40%;
left: 23% !important;
}
}
/*9813 END*/
/* 10025 */
.powerCircleGreen {
background-color: green !important;
}
/* 10025 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
.hub_inner_mobile .tile--large .tile_content-wrapper {
margin-top: 145px;
}
}
/* BEGIN 10035 - apply graphic for fancybox close button also on page not in pvt area */
.fancybox-close-small {
background: none;
top: 20px;
right: 24px;
width: 30px;
height: 30px;
position: absolute;
fill: #888888;
stroke: #888888;
}
.fancybox-navigation {
display: none;
}
.fancybox-close-small:focus:after {
outline: none;
}
.fancybox-close-small:before,
.fancybox-close-small:after {
content: none;
}
.fancybox-button {
border-radius: 50%;
transition: all 200ms ease;
}
.fancybox-button:hover:not([disabled]) {
fill: #555;
stroke: #555;
background: #eee;
}
/* END 10035*/
/* #10382 - inizio - my enel in header - in area pubblica si vede omino singolo sia su desktop che su mobile*/
/*.page-login .pvtArea-btn-myEnel .desktop-visible,
.page-blank .pvtArea-btn-myEnel .desktop-visible,
.page-search .pvtArea-btn-myEnel .desktop-visible,
.page-general .pvtArea-btn-myEnel .desktop-visible,
.page-emergencyMap .pvtArea-btn-myEnel .desktop-visible,
.page-article .pvtArea-btn-myEnel .desktop-visible,
.page-home .pvtArea-btn-myEnel .desktop-visible,
.page-help .pvtArea-btn-myEnel .desktop-visible,
.page-hub .pvtArea-btn-myEnel .desktop-visible,
.page-login .global-header__btn .btn-user-open .desktop-hidden,
.page-blank .global-header__btn .btn-user-open .desktop-hidden,
.page-search .global-header__btn .btn-user-open .desktop-hidden,
.page-general .global-header__btn .btn-user-open .desktop-hidden,
.page-emergencyMap .global-header__btn .btn-user-open .desktop-hidden,
.page-article .global-header__btn .btn-user-open .desktop-hidden,
.page-home .global-header__btn .btn-user-open .desktop-hidden,
.page-help .global-header__btn .btn-user-open .desktop-hidden,
.page-hub .global-header__btn .btn-user-open .desktop-hidden
{
display:none !important;
}
*/
.page-login .global-header__btn.public-area,
.page-blank .global-header__btn.public-area,
.page-search .global-header__btn.public-area,
.page-general .global-header__btn.public-area,
.page-emergencyMap .global-header__btn.public-area,
.page-article .global-header__btn.public-area,
.page-home .global-header__btn.public-area,
.page-help .global-header__btn.public-area,
.page-hub .global-header__btn.public-area {
display: block !important;
}
.pvtArea .global-header__btn.btn-user {
display: none !important;
}
/* #10382 - fine */
/*10120 10124 START*/
@media (max-width: 400px) {
section.contact-wrapper
div.contact-blocks-content
div.contact-block
a.latam-link {
width: 110px;
}
section.contact-wrapper.contact-wrapper div.help-tabs__nav.swiper-container {
width: 65%;
margin-left: 35px;
}
@media screen and (max-width: 400px) {
div.hub_group
div.hub_inner.content-list
div.single.parbase
a.tile.tile--small.bg {
width: 99%;
}
}
}
/*10120 10124 END*/
/*#1035 begin*/
.infoModal .fancybox-close-small {
background-color: #ff0f64;
width: 40px;
height: 40px;
fill: white;
stroke: white;
padding: 5px;
}
/*#1035 end*/
/* 8803 hub group header left con large dentro */
@media screen and (max-width: 767px) {
.hub_group--header-left
div.hub_inner.content-list.hub--center-tiles
div.module-content
a.tile.tile--large.bg
div.tile_inner
div.tile_content-wrapper {
width: 100% !important;
}
}
/* #9883 Fix on promo-offer to apply the same effect and design than in design*/
.plan-promo_plan-holder-parsys {
float: left;
display: block;
width: 57.35098%;
}
.plan-promo_plan-holder-parsys .plan-promo_plan-holder {
width: 100%;
margin-bottom: 50px;
float: none;
}
@media screen and (max-width: 1023px) {
.plan-promo_plan-holder-parsys {
width: 100%;
}
}
/* #9883 End of fix on promo-offer to apply the same effect and design than in design*/
/* #12033 Message error for consumption action item*/
.form-consumption-error-result {
top: 40px;
margin-top: 80px;
margin-bottom: 100px;
}
.form-consumptionthr-error-result {
top: 10px;
margin-top: 80px;
margin-bottom: 100px;
}
/* #12033 End of fix - Message error for consumption action item*/
/* rimossa per 14006
#13187
.rich-text .rich-text_inner ul{
list-style-type: none !important;
list-style: none;
}
.rich-text .rich-text_inner ul li:before{
content: "\25AA";color: #c6c6c6;font-size: 45px;line-height: 15px;position: absolute;left: -8px;top: 5px;}
*/
/* ##13613 width article text if choice flag reductwidth*/
.component.rich-text.container.reductwidth {
max-width: 1023px;
}
/* ##13613 add margin bottom in the special final button added in dropdown */
.content-container-dropdown
section.asset-item-group
div.data-content
div.button.parbase
div.hub_cta.anchor {
margin-bottom: 15px;
}
/* #14006 quadratini grigi in area privata */
.pvtArea .rich-text .rich-text_inner.squares li,
.pvtArea .rich-text .rich-text_inner.squares li:last-child {
padding-left: 15px;
}
.pvtArea .rich-text .rich-text_inner.squares li:before {
/*top: .30em !important; #14006 */
top: 0.6em !important;
}
/* #14006 IE11 bullet black circle full */
.rich-text_inner.nosquares ul {
list-style-type: disc;
list-style: inherit !important; /* in area privata altrimenti non si vedono*/
}
/* #14006 + #13619 casi di campi rich text che contengono elenchi non ordinati di default pallini neri - nb: non c'è flag square come per article text o text*/
.pvtArea
.detail-accordian
[data-content]
.item-data
div:not(.rich-text_inner)
> ul {
list-style-type: disc;
list-style: inherit;
}
/* #14006 se nella stessa pagina rticle ci sono gruppi di pallini e gruppi di quadratini devono essere allineati */
.article-content_inner .rich-text .rich-text_inner.nosquares ul {
margin-left: 22px;
}
/* #14006 IE11 bullet black circle full solo per nosquares*/
.ie11 .rich-text .rich-text_inner.nosquares ul {
list-style: outside disc;
}
.ie11 .rich-text .rich-text_inner.squares ul {
list-style: none;
}
.ie11 .detail-accordian [data-content] .item-data.nosquares ul {
list-style: outside disc !important; /* area privata brasile */
}
/*#15940 Link Correction*/
.hub_inner.content-list.hub--center-tiles {
display: table;
}
/* #16901 */
.album.parbase {
z-index: 1001;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset 'UTF-8';
/* Slider */
/* commented this line because we have in production 404 error because the picture doesn't exist in the project */
/*.slick-loading .slick-list
{
background: #fff url('main/css/ajax-loader.gif') center center no-repeat;
}*/
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('main/css/fonts/slick.eot');
src: url('main/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('main/css/fonts/slick.woff') format('woff'), url('main/css/fonts/slick.ttf') format('truetype'), url('main/css/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
@keyframes lds-spin {
0% {
opacity: 1;
-webkit-transform: scale(1.9, 1.9);
transform: scale(1.9, 1.9);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
@-webkit-keyframes lds-spin {
0% {
opacity: 1;
-webkit-transform: scale(1.9, 1.9);
transform: scale(1.9, 1.9);
}
100% {
opacity: 0;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
}
.lds-spin {
position: relative;
top: 40%;
left:43%;
}
.lds-spin div > div {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background: #000000;
-webkit-animation: lds-spin 1s linear infinite;
animation: lds-spin 1s linear infinite;
}
.lds-spin div:nth-child(1) > div {
left: 170px;
top: 90px;
-webkit-animation-delay: -0.916666666666667s;
animation-delay: -0.916666666666667s;
}
.lds-spin > div:nth-child(1) {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 180px 100px;
transform-origin: 180px 100px;
}
.lds-spin div:nth-child(2) > div {
left: 159.28203231999998px;
top: 130px;
-webkit-animation-delay: -0.833333333333333s;
animation-delay: -0.833333333333333s;
}
.lds-spin > div:nth-child(2) {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transform-origin: 169.28203231999998px 140px;
transform-origin: 169.28203231999998px 140px;
}
.lds-spin div:nth-child(3) > div {
left: 130px;
top: 159.28203231999998px;
-webkit-animation-delay: -0.75s;
animation-delay: -0.75s;
}
.lds-spin > div:nth-child(3) {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: 140px 169.28203231999998px;
transform-origin: 140px 169.28203231999998px;
}
.lds-spin div:nth-child(4) > div {
left: 90px;
top: 170px;
-webkit-animation-delay: -0.666666666666667s;
animation-delay: -0.666666666666667s;
}
.lds-spin > div:nth-child(4) {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100px 180px;
transform-origin: 100px 180px;
}
.lds-spin div:nth-child(5) > div {
left: 50px;
top: 159.28203231999998px;
-webkit-animation-delay: -0.583333333333333s;
animation-delay: -0.583333333333333s;
}
.lds-spin > div:nth-child(5) {
-webkit-transform: rotate(120deg);
transform: rotate(120deg);
-webkit-transform-origin: 60px 169.28203231999998px;
transform-origin: 60px 169.28203231999998px;
}
.lds-spin div:nth-child(6) > div {
left: 20.71796768px;
top: 130px;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.lds-spin > div:nth-child(6) {
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-transform-origin: 30.71796768px 140px;
transform-origin: 30.71796768px 140px;
}
.lds-spin div:nth-child(7) > div {
left: 10px;
top: 90px;
-webkit-animation-delay: -0.416666666666667s;
animation-delay: -0.416666666666667s;
}
.lds-spin > div:nth-child(7) {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: 20px 100px;
transform-origin: 20px 100px;
}
.lds-spin div:nth-child(8) > div {
left: 20.71796768px;
top: 50px;
-webkit-animation-delay: -0.333333333333333s;
animation-delay: -0.333333333333333s;
}
.lds-spin > div:nth-child(8) {
-webkit-transform: rotate(210deg);
transform: rotate(210deg);
-webkit-transform-origin: 30.71796768px 60px;
transform-origin: 30.71796768px 60px;
}
.lds-spin div:nth-child(9) > div {
left: 50px;
top: 20.71796768px;
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s;
}
.lds-spin > div:nth-child(9) {
-webkit-transform: rotate(240deg);
transform: rotate(240deg);
-webkit-transform-origin: 60px 30.71796768px;
transform-origin: 60px 30.71796768px;
}
.lds-spin div:nth-child(10) > div {
left: 90px;
top: 10px;
-webkit-animation-delay: -0.166666666666667s;
animation-delay: -0.166666666666667s;
}
.lds-spin > div:nth-child(10) {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: 100px 20px;
transform-origin: 100px 20px;
}
.lds-spin div:nth-child(11) > div {
left: 130px;
top: 20.71796768px;
-webkit-animation-delay: -0.083333333333333s;
animation-delay: -0.083333333333333s;
}
.lds-spin > div:nth-child(11) {
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
-webkit-transform-origin: 140px 30.71796768px;
transform-origin: 140px 30.71796768px;
}
.lds-spin div:nth-child(12) > div {
left: 159.28203231999998px;
top: 50px;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
.lds-spin > div:nth-child(12) {
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
-webkit-transform-origin: 169.28203231999998px 60px;
transform-origin: 169.28203231999998px 60px;
}
.lds-spin div:nth-child(13) > div {
left: 170px;
top: 90px;
-webkit-animation-delay: 0.083333333333333s;
animation-delay: 0.083333333333333s;
}
.lds-spin > div:nth-child(13) {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin: 180px 100px;
transform-origin: 180px 100px;
}
.lds-spin {
-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
.loader-overlay{
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
overflow:hidden !important;
z-index: 10;
background-color: rgba(0,0,0,0.5); /*dim the background*/
}