.h1 {
text-wrap: balance;
width: 13ch;
}
.u-flex-centered { align-items: center; }
.o-container.pt-100 {
padding-top: 50px;
}
.o-container.pt-200 {
padding-top: 130px;
}
@media (max-width: 767px){
.o-container.pt-100 {
padding-top: 30px;
}
.o-container.pt-200 {
padding-top: 50px;
}
}
.p-40 {
padding: 40px;
}
.bordered-darkblue {
background-color: #0b2249;
background-image: linear-gradient(90deg, #0b2249, #10326b);
color: #fff;
}
.o-section--hero * { 
color: #fff; 
}
.w-100 {
width: 100%;
}
.quest { cursor: pointer; position: relative; padding-right: 20px; }
.quest:after { content: '›'; position: absolute; top: 0; right: 0; }
.quest.open:after { transform: rotate(90deg); }
.answr { max-height: 0; overflow: hidden; transition: .3s all ease-in-out; }
.answr.visible { max-height: 500px; }
@media (min-width: 576px) {
.o-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.o-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.o-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.o-container {
max-width: 1140px;
}
}
.o-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.o-container {
padding-top: 24px;
padding-bottom: 24px;
padding-right: 15px;
padding-left: 15px;
position: relative;
margin: 0 auto;
}
@media (min-width: 576px) {
.o-container {
padding-top: calc(2.5641025641vw + 9.2307692308px);
}
}
@media (min-width: 1200px) {
.o-container {
padding-top: 40px;
}
}
@media (min-width: 576px) {
.o-container {
padding-bottom: calc(2.5641025641vw + 9.2307692308px);
}
}
@media (min-width: 1200px) {
.o-container {
padding-bottom: 40px;
}
}
.o-container--thin {
padding-left: 16.6666666667%;
padding-right: 16.6666666667%;
}
@media (max-width: 992px) {
.o-container--thin {
padding-left: 4.1666666667%;
padding-right: 4.1666666667%;
}
}
.o-container--narrow {
padding-left: 12.5%;
padding-right: 12.5%;
}
@media (max-width: 992px) {
.o-container--narrow {
padding-left: 4.1666666667%;
padding-right: 4.1666666667%;
}
}
.o-container--wide {
padding-left: 8.3333333333%;
padding-right: 8.3333333333%;
}
@media (max-width: 992px) {
.o-container--wide {
padding-left: 4.1666666667%;
padding-right: 4.1666666667%;
}
}
.o-container--no-padding-left {
padding-left: 0;
}
@media (max-width: 992px) {
.o-container--no-padding-left {
padding-left: 0;
}
}
.o-container--no-padding-right {
padding-right: 0;
}
@media (max-width: 992px) {
.o-container--no-padding-right {
padding-right: 0;
}
}
.o-container--full-width {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 992px) {
.o-container--full-width {
padding-left: 0;
padding-right: 0;
}
}
.o-container--small {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 576px) {
.o-container--small {
padding-top: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.o-container--small {
padding-top: 32px;
}
}
@media (min-width: 576px) {
.o-container--small {
padding-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.o-container--small {
padding-bottom: 32px;
}
}
.o-container--medium {
padding-top: 56px;
padding-bottom: 56px;
}
@media (min-width: 576px) {
.o-container--medium {
padding-top: calc(3.8461538462vw + 33.8461538462px);
}
}
@media (min-width: 1200px) {
.o-container--medium {
padding-top: 80px;
}
}
@media (min-width: 576px) {
.o-container--medium {
padding-bottom: calc(3.8461538462vw + 33.8461538462px);
}
}
@media (min-width: 1200px) {
.o-container--medium {
padding-bottom: 80px;
}
}
.o-container--large {
padding-top: 72px;
padding-bottom: 72px;
}
@media (min-width: 576px) {
.o-container--large {
padding-top: calc(7.6923076923vw + 27.6923076923px);
}
}
@media (min-width: 1200px) {
.o-container--large {
padding-top: 120px;
}
}
@media (min-width: 576px) {
.o-container--large {
padding-bottom: calc(7.6923076923vw + 27.6923076923px);
}
}
@media (min-width: 1200px) {
.o-container--large {
padding-bottom: 120px;
}
}
.o-container--xlarge {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 576px) {
.o-container--xlarge {
padding-top: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.o-container--xlarge {
padding-top: 136px;
}
}
@media (min-width: 576px) {
.o-container--xlarge {
padding-bottom: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.o-container--xlarge {
padding-bottom: 136px;
}
}
.o-container--xxlarge {
padding-top: 80px;
padding-bottom: 80px;
}
@media (min-width: 576px) {
.o-container--xxlarge {
padding-top: calc(12.8205128205vw + 6.1538461538px);
}
}
@media (min-width: 1200px) {
.o-container--xxlarge {
padding-top: 160px;
}
}
@media (min-width: 576px) {
.o-container--xxlarge {
padding-bottom: calc(12.8205128205vw + 6.1538461538px);
}
}
@media (min-width: 1200px) {
.o-container--xxlarge {
padding-bottom: 160px;
}
}
.o-container--small-padding-top {
padding-top: 20px;
}
@media (min-width: 576px) {
.o-container--small-padding-top {
padding-top: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.o-container--small-padding-top {
padding-top: 32px;
}
}
.o-container--small-padding-bottom {
padding-bottom: 20px;
}
@media (min-width: 576px) {
.o-container--small-padding-bottom {
padding-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.o-container--small-padding-bottom {
padding-bottom: 32px;
}
}
.o-container--xxlarge-padding-bottom {
padding-bottom: 112px;
}
@media (min-width: 576px) {
.o-container--xxlarge-padding-bottom {
padding-bottom: calc(21.7948717949vw - 13.5384615385px);
}
}
@media (min-width: 1200px) {
.o-container--xxlarge-padding-bottom {
padding-bottom: 248px;
}
}
.o-container--no-padding-top {
padding-top: 0;
}
.o-container--no-padding-bottom {
padding-bottom: 0;
}
.o-container--full-height {
padding-top: 0;
padding-bottom: 0;
}
.o-container--full-vh {
height: 100vh;
}
.o-container--no-overflow {
overflow: hidden;
}
.o-cookie-message {
bottom: 56px;
max-width: 620px;
right: 4.1666666667%;
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
z-index: 100;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
@media (min-width: 576px) {
.o-cookie-message {
bottom: calc(3.8461538462vw + 33.8461538462px);
}
}
@media (min-width: 1200px) {
.o-cookie-message {
bottom: 80px;
}
}
@media (min-width: 1400px) {
.o-cookie-message {
max-width: 44.2857142857vw;
}
}
@media (max-width: 768px) {
.o-cookie-message {
bottom: 20px;
left: 4.1666666667%;
right: 4.1666666667%;
width: auto;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.o-cookie-message {
bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.o-cookie-message {
bottom: 32px;
}
}
.o-cookie-message.has-no-cookie {
opacity: 1;
visibility: visible;
}
.o-section--hero {
position: relative;
background-color: #102f65;
background-size: contain;
background-position: center;
background-repeat: repeat-x;
}
@media (max-width: 992px) {
.o-section--hero {
background-image: none;
}
}
.o-section--hero:before {
width: 100%;
position: absolute;
top: 0;
left: 0;
height: 100%;
content: "";
display: block;
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/monodoze.webp);
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
padding-bottom: 0;
opacity: .4;
}
@media (max-width: 768px) {
.o-section--hero:before {
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/monodoze.webp);
background-size: cover;
background-position-x: 75%;
}
}
.o-section--intro-columns {
height: 0;
}
@media (max-width: 768px) {
.o-section--intro-columns {
height: auto;
}
}
.o-section--process {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(15%, #fff),
to(#e2edf4)
);
background-image: linear-gradient(360deg, #fff 15%, #e2edf4 100%);
}
.o-section--slider {
background-color: #f9f9f9;
}
.o-section--rounded {
position: relative;
}
.o-section--rounded-small {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(100%, rgba(216, 240, 255, 0.5)),
color-stop(0, #f9f9f9)
);
background-image: linear-gradient(
0deg,
rgba(216, 240, 255, 0.5) 100%,
#f9f9f9 0
);
border-bottom-width: 12px;
border-bottom-color: #9ecde6;
border-bottom-style: solid;
}
@media (min-width: 576px) {
.o-section--rounded-small {
border-bottom-width: calc(1.2820512821vw + 4.6153846154px);
}
}
@media (min-width: 1200px) {
.o-section--rounded-small {
border-bottom-width: 20px;
}
}
.o-page {
min-height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
overflow: hidden;
}
.o-page__inner {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.c-button {
height: 40px;
padding-left: 12px;
padding-right: 12px;
min-width: 150px;
border-radius: 0.3125rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
margin: 0;
overflow: hidden;
outline: 0;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
background-color: #fff;
color: #0072b5;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none;
text-align: center;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media (min-width: 1400px) {
.c-button {
height: 2.8571428571vw;
}
}
@media (min-width: 576px) {
.c-button {
padding-left: calc(1.2820512821vw + 4.6153846154px);
}
}
@media (min-width: 1200px) {
.c-button {
padding-left: 20px;
}
}
@media (min-width: 576px) {
.c-button {
padding-right: calc(1.2820512821vw + 4.6153846154px);
}
}
@media (min-width: 1200px) {
.c-button {
padding-right: 20px;
}
}
@media (min-width: 1400px) {
.c-button {
min-width: 10.7142857143vw;
}
}
.c-button span {
position: relative;
}
.c-button:after,
.c-button:before {
position: absolute;
content: "";
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.c-button:after {
border: 1px solid #0072b5;
border-radius: 0.3125rem;
}
.c-button:before {
background: linear-gradient(103deg, #0b2249 3%, #0072b5 97%);
opacity: 0;
-webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
z-index: 0;
}
@media (hover: none) {
.c-button {
-webkit-tap-highlight-color: transparent;
}
.c-button:active:not(:disabled) {
color: #fff;
}
.c-button:active:not(:disabled):before {
opacity: 1;
}
}
@media (hover: hover),
all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.c-button:hover:not(:disabled) {
color: #fff;
}
.c-button:hover:not(:disabled):before {
opacity: 1;
}
}
.c-button:active:not(:disabled):focus-visible,
.c-button:focus:not(:disabled):focus-visible {
outline: 0;
-webkit-box-shadow:
0 0 0 2px #04172f,
0 0 0 4px #fff;
box-shadow:
0 0 0 2px #04172f,
0 0 0 4px #fff;
}
@media (min-width: 1200px) {
.c-button:active:not(:disabled):focus-visible,
.c-button:focus:not(:disabled):focus-visible {
-webkit-box-shadow:
0 0 0 0.1388888889vw #04172f,
0 0 0 0.2777777778vw #fff;
box-shadow:
0 0 0 0.1388888889vw #04172f,
0 0 0 0.2777777778vw #fff;
}
}
.c-button:disabled {
background-color: rgba(255, 255, 255, 0.5);
cursor: not-allowed;
pointer-events: none;
}
.c-button--transparent {
background-color: transparent;
color: #fff;
}
.c-button__icon {
width: 17px;
height: 17px;
margin-right: 8px;
font-size: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 100%;
background-color: #fff;
color: #04172f;
overflow: hidden;
}
@media (min-width: 1400px) {
.c-button__icon {
width: 1.2142857143vw;
}
}
@media (min-width: 1400px) {
.c-button__icon {
height: 1.2142857143vw;
}
}
@media (min-width: 576px) {
.c-button__icon {
margin-right: calc(0.641025641vw + 4.3076923077px);
}
}
@media (min-width: 1200px) {
.c-button__icon {
margin-right: 12px;
}
}
@media (min-width: 1400px) {
.c-button__icon {
font-size: 1.4285714286vw;
}
}
.c-cookie-message {
padding-top: 16px;
padding-bottom: 16px;
padding-left: 20px;
padding-right: 20px;
border-width: 1px;
border-radius: 15px;
gap: 20px;
border-color: #fff;
border-style: solid;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
background-color: #04172f;
}
@media (min-width: 576px) {
.c-cookie-message {
padding-top: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.c-cookie-message {
padding-top: 24px;
}
}
@media (min-width: 576px) {
.c-cookie-message {
padding-bottom: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.c-cookie-message {
padding-bottom: 24px;
}
}
@media (min-width: 576px) {
.c-cookie-message {
padding-left: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-cookie-message {
padding-left: 32px;
}
}
@media (min-width: 576px) {
.c-cookie-message {
padding-right: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-cookie-message {
padding-right: 32px;
}
}
@media (min-width: 1400px) {
.c-cookie-message {
border-width: 0.0714285714vw;
}
}
@media (min-width: 1400px) {
.c-cookie-message {
border-radius: 1.0714285714vw;
}
}
@media (min-width: 576px) {
.c-cookie-message {
gap: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-cookie-message {
gap: 32px;
}
}
@media (max-width: 768px) {
.c-cookie-message {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.c-footer {
gap: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: rgba(255, 255, 255, 0.2);
}
@media (min-width: 576px) {
.c-footer {
gap: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-footer {
gap: 16px;
}
}
.c-footer__right {
gap: 8px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 576px) {
.c-footer__right {
gap: calc(0.641025641vw + 4.3076923077px);
}
}
@media (min-width: 1200px) {
.c-footer__right {
gap: 12px;
}
}
.c-footer a {
-webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
@media (hover: none) {
.c-footer a {
-webkit-tap-highlight-color: transparent;
}
.c-footer a:active {
color: #fff;
}
}
@media (hover: hover),
all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.c-footer a:hover {
color: #fff;
}
}
.c-header {
gap: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (min-width: 576px) {
.c-header {
gap: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-header {
gap: 32px;
}
}
.c-header__left,
.c-header__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.c-header__logo {
font-size: 121px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1400px) {
.c-header__logo {
font-size: 8.6428571429vw;
}
}
@media (max-width: 768px) {
.c-header__logo {
font-size: 91px;
}
}
@media (max-width: 768px) and (min-width: 1400px) {
.c-header__logo {
font-size: 6.5vw;
}
}
.c-intro-module--title {
position: relative;
top: auto;
left: auto;
width: 100%;
}
@media (max-width: 768px) {
.c-intro-module--title .o-container {
padding-top: 320px;
padding-bottom: 248px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-intro-module--title .o-container {
padding-top: 320px;
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-intro-module--title .o-container {
padding-top: 320px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-intro-module--title .o-container {
padding-bottom: 248px;
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-intro-module--title .o-container {
padding-bottom: 248px;
}
}
.c-intro-module--columns .swiper-pagination-bullets {
bottom: -40px !important;
}
.c-intro-module__title {
color: #fff;
font-weight: 900;
}
.c-intro-module__columns {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.c-intro-module__columns.swiper-container {
overflow: visible;
}
.c-intro-module__column {
position: relative;
background-color: #ebf8ff;
width: calc((100% - 24px) / 4);
padding: 24px 16px;
display: flex;
align-content: center;
align-items: center;
}
.c-intro-module__column.swiper-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: auto;
}
.c-intro-module__column i {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
background-size: cover;
background-position: center;
width: 72px;
height: 72px;
}
@media (min-width: 576px) {
.c-intro-module__column i {
width: calc(6.4102564103vw + 35.0769230769px);
}
}
@media (min-width: 1200px) {
.c-intro-module__column i {
width: 112px;
}
}
@media (min-width: 576px) {
.c-intro-module__column i {
height: calc(6.4102564103vw + 35.0769230769px);
}
}
@media (min-width: 1200px) {
.c-intro-module__column i {
height: 112px;
}
}
.c-intro-module__column h2 {
letter-spacing: normal;
text-align: center;
color: #156fbf;
font-weight: 600;
width: 100%;
margin: 0;
}
.c-intro-module__content {
padding-top: 48px;
}
@media (min-width: 576px) {
.c-intro-module__content {
padding-top: calc(3.8461538462vw + 25.8461538462px);
}
}
@media (min-width: 1200px) {
.c-intro-module__content {
padding-top: 72px;
}
}
@media (max-width: 768px) {
.c-intro-module__content {
padding-top: 0;
}
}
.c-intro-module__content-title {
width: 50%;
padding-right: 20px;
}
@media (min-width: 576px) {
.c-intro-module__content-title {
padding-right: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-intro-module__content-title {
padding-right: 32px;
}
}
@media (max-width: 768px) {
.c-intro-module__content-title {
width: 100%;
text-align: center;
padding-right: 0;
padding-bottom: 20px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-intro-module__content-title {
padding-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-intro-module__content-title {
padding-bottom: 32px;
}
}
.c-intro-module__badge-wrapper {
width: 50%;
position: relative;
text-align: right;
padding-right: 20px;
padding-bottom: 20px;
}
@media (min-width: 576px) {
.c-intro-module__badge-wrapper {
padding-right: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-intro-module__badge-wrapper {
padding-right: 32px;
}
}
@media (min-width: 576px) {
.c-intro-module__badge-wrapper {
padding-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-intro-module__badge-wrapper {
padding-bottom: 32px;
}
}
@media (max-width: 768px) {
.c-intro-module__badge-wrapper {
width: 100%;
text-align: center;
padding-left: 0;
padding-right: 0;
}
}
.c-intro-module__badge {
position: relative;
width: 80px;
height: 80px;
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/hijalu.svg);
background-size: cover;
background-position: center;
}
@media (min-width: 576px) {
.c-intro-module__badge {
width: calc(12.8205128205vw + 6.1538461538px);
}
}
@media (min-width: 1200px) {
.c-intro-module__badge {
width: 160px;
}
}
@media (min-width: 576px) {
.c-intro-module__badge {
height: calc(12.8205128205vw + 6.1538461538px);
}
}
@media (min-width: 1200px) {
.c-intro-module__badge {
height: 160px;
}
}
@media (max-width: 768px) {
.c-intro-module__badge {
margin: 0 auto;
width: 200px;
height: 200px;
}
}
.c-intro-module__badge:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: calc(100% + 30px);
width: 160px;
padding-bottom: 12.0521172638%;
content: "";
display: block;
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/ui/adria_badge_line.png);
background-size: cover;
background-position: center;
}
@media (min-width: 576px) {
.c-intro-module__badge:before {
width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-intro-module__badge:before {
width: 320px;
}
}
@media (max-width: 768px) {
.c-intro-module__badge:before {
display: none;
}
}
.c-intro-module__content-columns {
width: 100%;
}
.c-intro-module__content-column {
width: calc((100% - 42px) / 2);
}
@media (max-width: 768px) {
.c-intro-module__content-column {
width: 100%;
margin-bottom: 20px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-intro-module__content-column {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-intro-module__content-column {
margin-bottom: 32px;
}
}
.c-intro-module__content-column a {
text-decoration: underline;
}
@media (max-width: 768px) {
.c-intro-module__content-column--2 {
margin-bottom: 0;
}
}
.c-video-module {
position: relative;
background-image: url(https://aqua-maris.hr/wp-content/uploads/2026/09/poster.webp);
background-size: cover;
background-position: center;
}
.c-video-module:before {
width: 100%;
padding-bottom: 51.4961725818%;
content: "";
display: block;
}
@media (max-width: 768px) {
.c-video-module:before {
padding-bottom: 133.3333333333%;
}
}
.c-video-module__article {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
}
.c-video-module__title {
color: #fff;
margin-bottom: 16px;
}
@media (min-width: 576px) {
.c-video-module__title {
margin-bottom: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.c-video-module__title {
margin-bottom: 24px;
}
}
.c-video-module__text {
margin: 0 auto;
color: #fff;
max-width: 54.1666666667vw;
}
@media (max-width: 768px) {
.c-video-module__text {
max-width: 100%;
}
}
.c-video-module__cta {
position: absolute;
cursor: pointer;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 96px;
min-height: 96px;
padding: 8px;
background-color: #156fbf;
color: #fff;
text-align: center;
}
@media (min-width: 576px) {
.c-video-module__cta {
width: calc(16.6666666667vw + 0px);
}
}
@media (min-width: 1200px) {
.c-video-module__cta {
width: 200px;
}
}
@media (min-width: 576px) {
.c-video-module__cta {
min-height: calc(16.6666666667vw + 0px);
}
}
@media (min-width: 1200px) {
.c-video-module__cta {
min-height: 200px;
}
}
@media (min-width: 576px) {
.c-video-module__cta {
padding: calc(0.641025641vw + 4.3076923077px);
}
}
@media (min-width: 1200px) {
.c-video-module__cta {
padding: 12px;
}
}
.c-video-module__cta span {
margin-bottom: 12px;
}
@media (min-width: 576px) {
.c-video-module__cta span {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-video-module__cta span {
margin-bottom: 16px;
}
}
.c-video-module__cta:hover {
color: #fff;
}
.c-video-module__play {
position: relative;
width: 48px;
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/ui/play.png);
background-size: cover;
background-position: center;
}
@media (min-width: 576px) {
.c-video-module__play {
width: calc(3.8461538462vw + 25.8461538462px);
}
}
@media (min-width: 1200px) {
.c-video-module__play {
width: 72px;
}
}
.c-video-module__play:before {
display: block;
content: "";
width: 100%;
padding-bottom: 100%;
}
.video-js {
position: absolute !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.video-js.is-visible {
opacity: 1;
visibility: visible;
}
.vjs-control-text {
display: none !important;
}
.vjs-loading-spinner:after {
border-color: #156fbf !important;
}
.c-process-module__header {
text-align: center;
margin-bottom: 80px;
}
@media (min-width: 576px) {
.c-process-module__header {
margin-bottom: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.c-process-module__header {
margin-bottom: 136px;
}
}
.c-process-module__icon {
display: block;
position: relative;
margin: 0 auto;
width: 96px;
height: 96px;
margin-bottom: 32px;
background-color: #156fbf;
color: #fff;
background-image: url(//aqua-maris.hr/wp-content/themes/aquamaris/monodoze/ui/clean_sea.png);
background-size: cover;
background-position: center;
}
@media (min-width: 576px) {
.c-process-module__icon {
width: calc(14.1025641026vw + 14.7692307692px);
}
}
@media (min-width: 1200px) {
.c-process-module__icon {
width: 184px;
}
}
@media (min-width: 576px) {
.c-process-module__icon {
height: calc(14.1025641026vw + 14.7692307692px);
}
}
@media (min-width: 1200px) {
.c-process-module__icon {
height: 184px;
}
}
@media (min-width: 576px) {
.c-process-module__icon {
margin-bottom: calc(3.8461538462vw + 9.8461538462px);
}
}
@media (min-width: 1200px) {
.c-process-module__icon {
margin-bottom: 56px;
}
}
.c-process-module__title {
margin-bottom: 12px;
}
@media (min-width: 576px) {
.c-process-module__title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-process-module__title {
margin-bottom: 16px;
}
}
.c-process-module__text {
max-width: 61.1111111111vw;
margin: 0 auto;
margin-bottom: 16px;
}
@media (min-width: 576px) {
.c-process-module__text {
margin-bottom: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.c-process-module__text {
margin-bottom: 24px;
}
}
@media (max-width: 768px) {
.c-process-module__text {
max-width: 100%;
}
}
.c-process-module__text:last-child {
margin-bottom: 0;
}
.c-process-module__column {
margin-bottom: 20px;
}
@media (min-width: 576px) {
.c-process-module__column {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-process-module__column {
margin-bottom: 32px;
}
}
@media (max-width: 768px) {
.c-process-module__column {
margin-bottom: 40px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-process-module__column {
margin-bottom: calc(3.8461538462vw + 17.8461538462px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-process-module__column {
margin-bottom: 64px;
}
}
.c-process-module__column:last-child {
margin-bottom: 0;
}
.c-process-module__column:last-child .c-process-module__column-image:before {
padding-bottom: 119.9367088608%;
}
.c-process-module__article {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media (max-width: 768px) {
.c-process-module__article {
text-align: center;
}
}
.c-process-module__column--left .c-process-module__article {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 768px) {
.c-process-module__column--left .c-process-module__article {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.c-process-module__column--right .c-process-module__article {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 768px) {
.c-process-module__column--right .c-process-module__article {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.c-process-module__column-image {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-size: cover;
background-position: center;
width: 160px;
margin-right: 40px;
}
@media (min-width: 576px) {
.c-process-module__column-image {
width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-process-module__column-image {
width: 320px;
}
}
@media (min-width: 576px) {
.c-process-module__column-image {
margin-right: calc(3.8461538462vw + 17.8461538462px);
}
}
@media (min-width: 1200px) {
.c-process-module__column-image {
margin-right: 64px;
}
}
@media (max-width: 576px) {
.c-process-module__column-image {
width: 100%;
}
}
@media (max-width: 768px) {
.c-process-module__column-image {
margin-right: 0;
margin-bottom: 20px;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-process-module__column-image {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-process-module__column-image {
margin-bottom: 32px;
}
}
.c-process-module__column-image i {
position: absolute;
width: 64px;
height: 64px;
background-color: #9ecde6;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
font-style: normal;
font-weight: 600;
color: #fff;
}
@media (min-width: 576px) {
.c-process-module__column-image i {
width: calc(5.1282051282vw + 34.4615384615px);
}
}
@media (min-width: 1200px) {
.c-process-module__column-image i {
width: 96px;
}
}
@media (min-width: 576px) {
.c-process-module__column-image i {
height: calc(5.1282051282vw + 34.4615384615px);
}
}
@media (min-width: 1200px) {
.c-process-module__column-image i {
height: 96px;
}
}
.c-process-module__column--left .c-process-module__column-image i {
top: 0;
right: 0;
}
.c-process-module__column--right .c-process-module__column-image i {
top: 0;
left: 0;
}
.c-process-module__column-image:before {
display: block;
width: 100%;
content: "";
padding-bottom: 100%;
}
.c-process-module__column--left .c-process-module__column-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media (max-width: 768px) {
.c-process-module__column--left .c-process-module__column-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.c-process-module__column--right .c-process-module__column-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 768px) {
.c-process-module__column--right .c-process-module__column-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.c-process-module__column-title {
margin-bottom: 12px;
color: #3b3b3b;
}
@media (min-width: 576px) {
.c-process-module__column-title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-process-module__column-title {
margin-bottom: 16px;
}
}
.c-process-module__column-text {
color: #0f0f0f;
}
.c-slider-module__header {
text-align: left;
margin-bottom: 80px;
padding-right: 50%;
}
@media (min-width: 576px) {
.c-slider-module__header {
margin-bottom: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.c-slider-module__header {
margin-bottom: 136px;
}
}
@media (max-width: 768px) {
.c-slider-module__header {
padding-right: 0;
}
}
.c-slider-module__title {
margin-bottom: 12px;
}
@media (min-width: 576px) {
.c-slider-module__title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-slider-module__title {
margin-bottom: 16px;
}
}
@media (max-width: 768px) {
.c-slider-module__title {
text-align: center;
}
}
.c-slider-module__slider {
overflow: visible !important;
margin-bottom: 24px;
}
@media (min-width: 576px) {
.c-slider-module__slider {
margin-bottom: calc(3.8461538462vw + 1.8461538462px);
}
}
@media (min-width: 1200px) {
.c-slider-module__slider {
margin-bottom: 48px;
}
}
.c-slider-module__slider .swiper-pagination {
bottom: -40px !important;
}
.c-slider-module__slider .swiper-pagination-bullet {
width: 14px;
height: 14px;
background-color: #15469d;
}
.c-slider-module__slider-item-image {
width: 240px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
@media (min-width: 576px) {
.c-slider-module__slider-item-image {
width: calc(28.2051282051vw + 77.5384615385px);
}
}
@media (min-width: 1200px) {
.c-slider-module__slider-item-image {
width: 416px;
}
}
@media (max-width: 576px) {
.c-slider-module__slider-item-image {
width: 100%;
}
}
.c-slider-module__slider-item-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.c-cta-module {
border-top-width: 12px;
border-top-color: #9ecde6;
border-top-style: solid;
background-color: #9ecde6;
color: #fff;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 576px) {
.c-cta-module {
border-top-width: calc(1.2820512821vw + 4.6153846154px);
}
}
@media (min-width: 1200px) {
.c-cta-module {
border-top-width: 20px;
}
}
.c-cta-module__article {
text-align: center;
}
.c-cta-module__title {
margin-bottom: 12px;
}
@media (min-width: 576px) {
.c-cta-module__title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-cta-module__title {
margin-bottom: 16px;
}
}
.c-cta-module__text {
margin-bottom: 24px;
}
@media (min-width: 576px) {
.c-cta-module__text {
margin-bottom: calc(3.8461538462vw + 1.8461538462px);
}
}
@media (min-width: 1200px) {
.c-cta-module__text {
margin-bottom: 48px;
}
}
.c-cta-module__cta {
margin: 0 auto;
}
.c-rounded-module__bg {
width: 49.0277777778vw;
position: absolute;
top: 0;
right: 0;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.c-rounded-module__bg:before {
width: 100%;
padding-bottom: 62.6302083333%;
content: "";
display: block;
}
.c-rounded-module__header {
text-align: left;
margin-bottom: 80px;
padding-right: 40%;
}
@media (min-width: 576px) {
.c-rounded-module__header {
margin-bottom: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__header {
margin-bottom: 136px;
}
}
@media (max-width: 768px) {
.c-rounded-module__header {
padding-right: 0;
}
}
.c-rounded-module__title {
margin-bottom: 12px;
color: #4e4a4a;
}
@media (min-width: 576px) {
.c-rounded-module__title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__title {
margin-bottom: 16px;
}
}
.c-rounded-module__title a {
text-decoration: underline;
}
.c-rounded-module__text {
margin-bottom: 12px;
color: #4e4a4a;
}
@media (min-width: 576px) {
.c-rounded-module__text {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__text {
margin-bottom: 16px;
}
}
.c-rounded-module__columns {
overflow: visible !important;
}
.c-rounded-module__columns .swiper-pagination {
bottom: -40px !important;
}
.c-rounded-module__column-text {
color: #7c7c7c;
text-align: center;
max-width: 160px;
margin: 0 auto;
}
@media (min-width: 576px) {
.c-rounded-module__column-text {
max-width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__column-text {
max-width: 320px;
}
}
@media (max-width: 768px) {
.c-rounded-module__column-text {
max-width: 100%;
}
}
.c-rounded-module__column-image {
max-width: 100%;
width: 160px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
margin-bottom: 20px;
}
@media (min-width: 576px) {
.c-rounded-module__column-image {
width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__column-image {
width: 320px;
}
}
@media (min-width: 576px) {
.c-rounded-module__column-image {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-rounded-module__column-image {
margin-bottom: 32px;
}
}
@media (max-width: 576px) {
.c-rounded-module__column-image {
width: 100%;
}
}
.c-rounded-module__column-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.c-news-module__columns {
overflow: visible !important;
}
.c-news-module__columns .swiper-pagination {
bottom: -40px !important;
}
.c-news-module__column {
background-color: #fff;
width: calc((100% - 48px) / 3);
margin-bottom: 20px;
}
@media (min-width: 576px) {
.c-news-module__column {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-news-module__column {
margin-bottom: 32px;
}
}
@media (max-width: 768px) {
.c-news-module__column {
width: calc((100% - 24px) / 2);
}
}
@media (max-width: 576px) {
.c-news-module__column {
width: 100%;
}
}
.c-news-module__column:hover {
text-decoration: underline;
}
.c-news-module__column-caption {
position: absolute;
bottom: 0;
left: 0;
padding: 0;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
padding-right: 20px;
background-color: #9ecde6;
color: #fff;
margin-right: auto;
}
@media (min-width: 576px) {
.c-news-module__column-caption {
padding-top: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-caption {
padding-top: 16px;
}
}
@media (min-width: 576px) {
.c-news-module__column-caption {
padding-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-caption {
padding-bottom: 16px;
}
}
@media (min-width: 576px) {
.c-news-module__column-caption {
padding-left: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-caption {
padding-left: 32px;
}
}
@media (min-width: 576px) {
.c-news-module__column-caption {
padding-right: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-caption {
padding-right: 32px;
}
}
.c-news-module__column-text {
color: #161616;
text-align: left;
width: 100%;
margin: 0 auto;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 576px) {
.c-news-module__column-text {
padding-top: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-text {
padding-top: 16px;
}
}
@media (min-width: 576px) {
.c-news-module__column-text {
padding-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-text {
padding-bottom: 16px;
}
}
@media (min-width: 576px) {
.c-news-module__column-text {
padding-left: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-text {
padding-left: 16px;
}
}
@media (min-width: 576px) {
.c-news-module__column-text {
padding-right: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-text {
padding-right: 16px;
}
}
.c-news-module__column-image {
position: relative;
width: 100%;
margin-bottom: 16px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
}
@media (min-width: 576px) {
.c-news-module__column-image {
margin-bottom: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.c-news-module__column-image {
margin-bottom: 24px;
}
}
.c-news-module__column-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 77.0666666667%;
}
.c-rounded-small-module__header {
text-align: center;
margin-bottom: 80px;
}
@media (min-width: 576px) {
.c-rounded-small-module__header {
margin-bottom: calc(8.9743589744vw + 28.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__header {
margin-bottom: 136px;
}
}
.c-rounded-small-module__title {
max-width: 660px;
margin: 0 auto;
margin-bottom: 12px;
color: #59585c;
}
@media (min-width: 1400px) {
.c-rounded-small-module__title {
max-width: 47.1428571429vw;
}
}
@media (min-width: 576px) {
.c-rounded-small-module__title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__title {
margin-bottom: 16px;
}
}
@media (max-width: 768px) {
.c-rounded-small-module__title {
max-width: 100%;
}
}
.c-rounded-small-module__text {
max-width: 780px;
margin: 0 auto;
margin-bottom: 12px;
color: #59585c;
}
@media (min-width: 1400px) {
.c-rounded-small-module__text {
max-width: 55.7142857143vw;
}
}
@media (min-width: 576px) {
.c-rounded-small-module__text {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__text {
margin-bottom: 16px;
}
}
@media (max-width: 768px) {
.c-rounded-small-module__text {
max-width: 100%;
}
}
.c-rounded-small-module__columns {
margin-bottom: 56px;
overflow: visible !important;
}
@media (min-width: 576px) {
.c-rounded-small-module__columns {
margin-bottom: calc(3.8461538462vw + 33.8461538462px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__columns {
margin-bottom: 80px;
}
}
.c-rounded-small-module__columns .swiper-pagination {
bottom: -40px !important;
}
.c-rounded-small-module__column-text {
color: #7c7c7c;
text-align: center;
max-width: 160px;
margin: 0 auto;
}
@media (min-width: 576px) {
.c-rounded-small-module__column-text {
max-width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__column-text {
max-width: 320px;
}
}
.c-rounded-small-module__column-text a,
.c-rounded-small-module__column-text span {
text-decoration: underline;
}
.c-rounded-small-module__column-image {
max-width: 100%;
width: 160px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
margin-bottom: 20px;
}
@media (min-width: 576px) {
.c-rounded-small-module__column-image {
width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__column-image {
width: 320px;
}
}
@media (min-width: 576px) {
.c-rounded-small-module__column-image {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__column-image {
margin-bottom: 32px;
}
}
@media (max-width: 576px) {
.c-rounded-small-module__column-image {
width: 100%;
}
}
.c-rounded-small-module__column-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 100%;
}
.c-rounded-small-module__article {
text-align: left;
margin-bottom: 20px;
padding-right: 40%;
}
@media (min-width: 576px) {
.c-rounded-small-module__article {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__article {
margin-bottom: 32px;
}
}
@media (max-width: 768px) {
.c-rounded-small-module__article {
padding-top: 56px;
padding-right: 0;
}
}
@media (max-width: 768px) and (min-width: 576px) {
.c-rounded-small-module__article {
padding-top: calc(3.8461538462vw + 33.8461538462px);
}
}
@media (max-width: 768px) and (min-width: 1200px) {
.c-rounded-small-module__article {
padding-top: 80px;
}
}
.c-rounded-small-module__article-title {
width: 100%;
margin: 0 auto;
margin-bottom: 12px;
color: #557388;
}
@media (min-width: 576px) {
.c-rounded-small-module__article-title {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__article-title {
margin-bottom: 16px;
}
}
.c-rounded-small-module__other {
overflow: visible !important;
}
.c-rounded-small-module__other .swiper-pagination {
bottom: -40px !important;
}
.c-rounded-small-module__other-column-text {
color: #7c7c7c;
text-align: center;
max-width: 160px;
margin: 0 auto;
}
@media (min-width: 576px) {
.c-rounded-small-module__other-column-text {
max-width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__other-column-text {
max-width: 320px;
}
}
@media (max-width: 768px) {
.c-rounded-small-module__other-column-text {
max-width: 100%;
}
}
.c-rounded-small-module__other-column-text a,
.c-rounded-small-module__other-column-text span {
text-decoration: underline;
}
.c-rounded-small-module__other-column-text a {
cursor: pointer;
}
.c-rounded-small-module__other-column-image {
max-width: 100%;
width: 160px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: 0 auto;
margin-bottom: 20px;
}
@media (min-width: 576px) {
.c-rounded-small-module__other-column-image {
width: calc(25.641025641vw + 12.3076923077px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__other-column-image {
width: 320px;
}
}
@media (min-width: 576px) {
.c-rounded-small-module__other-column-image {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.c-rounded-small-module__other-column-image {
margin-bottom: 32px;
}
}
@media (max-width: 576px) {
.c-rounded-small-module__other-column-image {
width: 100%;
}
}
.c-rounded-small-module__other-column-image:before {
content: "";
display: block;
width: 100%;
padding-bottom: 84.6607669617%;
}
.u-icon {
display: inline-block;
width: 1em;
height: 100%;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.u-a5 {
font-size: 36px;
font-family: Montserrat, sans-serif;
line-height: 111%;
letter-spacing: 0.02em;
}
@media (min-width: 576px) {
.u-a5 {
font-size: calc(7.0512820513vw - 4.6153846154px);
}
}
@media (min-width: 1200px) {
.u-a5 {
font-size: 80px;
}
}
.u-a4 {
font-size: 28px;
font-family: Montserrat, sans-serif;
line-height: 125%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-a4 {
font-size: calc(1.9230769231vw + 16.9230769231px);
}
}
@media (min-width: 1200px) {
.u-a4 {
font-size: 40px;
}
}
.u-a3 {
font-size: 24px;
font-family: Montserrat, sans-serif;
line-height: 133%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-a3 {
font-size: calc(0.9615384615vw + 18.4615384615px);
}
}
@media (min-width: 1200px) {
.u-a3 {
font-size: 30px;
}
}
.u-a2 {
font-size: 18px;
font-family: Montserrat, sans-serif;
line-height: 136%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-a2 {
font-size: calc(1.6025641026vw + 8.7692307692px);
}
}
@media (min-width: 1200px) {
.u-a2 {
font-size: 28px;
}
}
.u-a1 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 166%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-a1 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-a1 {
font-size: 24px;
}
}
.u-b0 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 166%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-b0 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-b0 {
font-size: 24px;
}
}
.u-b1 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 138%;
}
@media (min-width: 576px) {
.u-b1 {
font-size: calc(0.3205128205vw + 14.1538461538px);
}
}
@media (min-width: 1200px) {
.u-b1 {
font-size: 18px;
}
}
.u-b2 {
font-size: 14px;
font-family: Montserrat, sans-serif;
line-height: 138%;
}
@media (min-width: 576px) {
.u-b2 {
font-size: calc(0.1602564103vw + 13.0769230769px);
}
}
@media (min-width: 1200px) {
.u-b2 {
font-size: 15px;
}
}
.u-uppercase {
text-transform: uppercase;
}
.u-capitalize {
text-transform: capitalize;
}
.u-text-left {
text-align: left;
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
.u-underline {
text-decoration: underline;
}
.u-fw-400,
.u-fw-normal,
.u-fw-regular {
font-weight: 400;
}
.u-fw-300 {
font-weight: 300;
}
.u-fw-500 {
font-weight: 500;
}
.u-fw-600 {
font-weight: 600;
}
.u-fw-700 {
font-weight: 700;
}
.u-fw-900 {
font-weight: 900;
}
.js-fade-reveal-animation {
opacity: 0;
visibility: hidden;
}
.js-fade-reveal-stagger-child {
opacity: 0;
visibility: hidden;
}
.u-content-editor {
max-width: 720px;
}
@media (min-width: 1400px) {
.u-content-editor {
max-width: 51.4285714286vw;
}
}
.u-content-editor > h2,
.u-content-editor > h3,
.u-content-editor > h4,
.u-content-editor > h5,
.u-content-editor > h6 {
margin-bottom: 20px;
}
@media (min-width: 576px) {
.u-content-editor > h2,
.u-content-editor > h3,
.u-content-editor > h4,
.u-content-editor > h5,
.u-content-editor > h6 {
margin-bottom: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h2,
.u-content-editor > h3,
.u-content-editor > h4,
.u-content-editor > h5,
.u-content-editor > h6 {
margin-bottom: 32px;
}
}
.u-content-editor > h2:last-child,
.u-content-editor > h3:last-child,
.u-content-editor > h4:last-child,
.u-content-editor > h5:last-child,
.u-content-editor > h6:last-child {
margin-bottom: 0;
}
.u-content-editor > h2 + h2,
.u-content-editor > h2 + h3,
.u-content-editor > h2 + h4,
.u-content-editor > h2 + h5,
.u-content-editor > h2 + h6,
.u-content-editor > h3 + h2,
.u-content-editor > h3 + h3,
.u-content-editor > h3 + h4,
.u-content-editor > h3 + h5,
.u-content-editor > h3 + h6,
.u-content-editor > h4 + h2,
.u-content-editor > h4 + h3,
.u-content-editor > h4 + h4,
.u-content-editor > h4 + h5,
.u-content-editor > h4 + h6,
.u-content-editor > h5 + h2,
.u-content-editor > h5 + h3,
.u-content-editor > h5 + h4,
.u-content-editor > h5 + h5,
.u-content-editor > h5 + h6,
.u-content-editor > h6 + h2,
.u-content-editor > h6 + h3,
.u-content-editor > h6 + h4,
.u-content-editor > h6 + h5,
.u-content-editor > h6 + h6 {
margin-top: 20px;
}
@media (min-width: 576px) {
.u-content-editor > h2 + h2,
.u-content-editor > h2 + h3,
.u-content-editor > h2 + h4,
.u-content-editor > h2 + h5,
.u-content-editor > h2 + h6,
.u-content-editor > h3 + h2,
.u-content-editor > h3 + h3,
.u-content-editor > h3 + h4,
.u-content-editor > h3 + h5,
.u-content-editor > h3 + h6,
.u-content-editor > h4 + h2,
.u-content-editor > h4 + h3,
.u-content-editor > h4 + h4,
.u-content-editor > h4 + h5,
.u-content-editor > h4 + h6,
.u-content-editor > h5 + h2,
.u-content-editor > h5 + h3,
.u-content-editor > h5 + h4,
.u-content-editor > h5 + h5,
.u-content-editor > h5 + h6,
.u-content-editor > h6 + h2,
.u-content-editor > h6 + h3,
.u-content-editor > h6 + h4,
.u-content-editor > h6 + h5,
.u-content-editor > h6 + h6 {
margin-top: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h2 + h2,
.u-content-editor > h2 + h3,
.u-content-editor > h2 + h4,
.u-content-editor > h2 + h5,
.u-content-editor > h2 + h6,
.u-content-editor > h3 + h2,
.u-content-editor > h3 + h3,
.u-content-editor > h3 + h4,
.u-content-editor > h3 + h5,
.u-content-editor > h3 + h6,
.u-content-editor > h4 + h2,
.u-content-editor > h4 + h3,
.u-content-editor > h4 + h4,
.u-content-editor > h4 + h5,
.u-content-editor > h4 + h6,
.u-content-editor > h5 + h2,
.u-content-editor > h5 + h3,
.u-content-editor > h5 + h4,
.u-content-editor > h5 + h5,
.u-content-editor > h5 + h6,
.u-content-editor > h6 + h2,
.u-content-editor > h6 + h3,
.u-content-editor > h6 + h4,
.u-content-editor > h6 + h5,
.u-content-editor > h6 + h6 {
margin-top: 32px;
}
}
.u-content-editor > h2 > u,
.u-content-editor > h3 > u,
.u-content-editor > h4 > u,
.u-content-editor > h5 > u,
.u-content-editor > h6 > u {
text-decoration: underline;
}
.u-content-editor > h2 > a,
.u-content-editor > h3 > a,
.u-content-editor > h4 > a,
.u-content-editor > h5 > a,
.u-content-editor > h6 > a {
text-decoration: underline;
}
.u-content-editor > ol,
.u-content-editor > p,
.u-content-editor > ul {
margin-bottom: 12px;
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: 0.02em;
}
@media (min-width: 576px) {
.u-content-editor > ol,
.u-content-editor > p,
.u-content-editor > ul {
margin-bottom: calc(0.641025641vw + 8.3076923077px);
}
}
@media (min-width: 1200px) {
.u-content-editor > ol,
.u-content-editor > p,
.u-content-editor > ul {
margin-bottom: 16px;
}
}
@media (min-width: 576px) {
.u-content-editor > ol,
.u-content-editor > p,
.u-content-editor > ul {
font-size: calc(0.3205128205vw + 14.1538461538px);
}
}
@media (min-width: 1200px) {
.u-content-editor > ol,
.u-content-editor > p,
.u-content-editor > ul {
font-size: 18px;
}
}
.u-content-editor > ol:last-child,
.u-content-editor > p:last-child,
.u-content-editor > ul:last-child {
margin-bottom: 0;
}
.u-content-editor > ol + h2,
.u-content-editor > ol + h3,
.u-content-editor > ol + h4,
.u-content-editor > ol + h5,
.u-content-editor > ol + h6,
.u-content-editor > p + h2,
.u-content-editor > p + h3,
.u-content-editor > p + h4,
.u-content-editor > p + h5,
.u-content-editor > p + h6,
.u-content-editor > ul + h2,
.u-content-editor > ul + h3,
.u-content-editor > ul + h4,
.u-content-editor > ul + h5,
.u-content-editor > ul + h6 {
margin-top: 20px;
}
@media (min-width: 576px) {
.u-content-editor > ol + h2,
.u-content-editor > ol + h3,
.u-content-editor > ol + h4,
.u-content-editor > ol + h5,
.u-content-editor > ol + h6,
.u-content-editor > p + h2,
.u-content-editor > p + h3,
.u-content-editor > p + h4,
.u-content-editor > p + h5,
.u-content-editor > p + h6,
.u-content-editor > ul + h2,
.u-content-editor > ul + h3,
.u-content-editor > ul + h4,
.u-content-editor > ul + h5,
.u-content-editor > ul + h6 {
margin-top: calc(1.9230769231vw + 8.9230769231px);
}
}
@media (min-width: 1200px) {
.u-content-editor > ol + h2,
.u-content-editor > ol + h3,
.u-content-editor > ol + h4,
.u-content-editor > ol + h5,
.u-content-editor > ol + h6,
.u-content-editor > p + h2,
.u-content-editor > p + h3,
.u-content-editor > p + h4,
.u-content-editor > p + h5,
.u-content-editor > p + h6,
.u-content-editor > ul + h2,
.u-content-editor > ul + h3,
.u-content-editor > ul + h4,
.u-content-editor > ul + h5,
.u-content-editor > ul + h6 {
margin-top: 32px;
}
}
.u-content-editor > ol > u,
.u-content-editor > p > u,
.u-content-editor > ul > u {
text-decoration: underline;
}
.u-content-editor > ol > a,
.u-content-editor > p > a,
.u-content-editor > ul > a {
text-decoration: underline;
}
.u-content-editor > h2 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-content-editor > h2 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h2 {
font-size: 24px;
}
}
.u-content-editor > h3 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-content-editor > h3 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h3 {
font-size: 24px;
}
}
.u-content-editor > h4 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-content-editor > h4 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h4 {
font-size: 24px;
}
}
.u-content-editor > h5 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-content-editor > h5 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h5 {
font-size: 24px;
}
}
.u-content-editor > h6 {
font-size: 16px;
font-family: Montserrat, sans-serif;
line-height: 120%;
letter-spacing: normal;
}
@media (min-width: 576px) {
.u-content-editor > h6 {
font-size: calc(1.2820512821vw + 8.6153846154px);
}
}
@media (min-width: 1200px) {
.u-content-editor > h6 {
font-size: 24px;
}
}
.u-content-editor li {
margin-bottom: 8px;
}
@media (min-width: 576px) {
.u-content-editor li {
margin-bottom: calc(0.641025641vw + 4.3076923077px);
}
}
@media (min-width: 1200px) {
.u-content-editor li {
margin-bottom: 12px;
}
}
.u-content-editor li:last-child {
margin-bottom: 0;
}
.u-content-editor > ul li {
padding-left: 1.7em;
position: relative;
}
.u-content-editor > ul li:before {
font-size: 32px;
content: "•";
position: absolute;
left: 0;
top: 0;
color: #fff;
}
@media (min-width: 1400px) {
.u-content-editor > ul li:before {
font-size: 2.2857142857vw;
}
}
.u-content-editor > ol {
list-style: none;
counter-reset: ordered-item;
}
.u-content-editor > ol li {
padding-left: 1.7em;
position: relative;
}
.u-content-editor > ol li:before {
counter-increment: ordered-item;
content: counter(ordered-item) ".";
position: absolute;
font-size: 1em;
left: 0;
top: 0;
color: #fff;
}
.u-content-editor > u {
text-decoration: underline;
}
.u-content-editor > a {
text-decoration: underline;
}
.u-content-editor b,
.u-content-editor strong {
font-weight: 700;
}
.u-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.u-flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (max-width: 576px) {
.u-flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (max-width: 768px) {
.u-flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (max-width: 992px) {
.u-flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (max-width: 1200px) {
.u-flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (max-width: 1400px) {
.u-flex-xxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.u-flex-xxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.u-flex-xxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.u-flex-xxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.u-flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.u-flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.u-flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.u-flex-xxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.u-flex-xxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.u-flex-xxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.u-flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.u-flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.u-justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.u-justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.u-justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.u-justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.u-justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.u-align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.u-align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.u-align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.u-align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.u-align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.u-align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.u-align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.u-align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.u-align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.u-align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.u-align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.u-align-self-xxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.u-align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
margin-right: auto;
}
.u-align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
margin-left: auto;
}
.u-align-self-xxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
margin: auto;
}
.u-align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.u-align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, 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")
format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property:
transform,
-webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property:
transform,
-webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property:
height,
-webkit-transform;
transition-property:
height,
-webkit-transform;
transition-property: transform, height;
transition-property:
transform,
height,
-webkit-transform;
}
.swiper-container-3d {
-webkit-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: -webkit-gradient(
linear,
right top,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: linear-gradient(
to left,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(
linear,
left top,
right top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: linear-gradient(
to right,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: linear-gradient(
to top,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0))
);
background-image: linear-gradient(
to bottom,
rgba(0, 0, 0, 0.5),
rgba(0, 0, 0, 0)
);
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s opacity;
transition: 0.3s opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 50%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet:only-child {
display: none !important;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.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: 6px 0;
display: block;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
display: inline-block;
-webkit-transition:
0.2s top,
0.2s -webkit-transform;
transition:
0.2s top,
0.2s -webkit-transform;
transition:
0.2s transform,
0.2s top;
transition:
0.2s transform,
0.2s top,
0.2s -webkit-transform;
}
.swiper-container-horizontal
> .swiper-pagination-bullets
.swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal
> .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition:
0.2s left,
0.2s -webkit-transform;
transition:
0.2s left,
0.2s -webkit-transform;
transition:
0.2s transform,
0.2s left;
transition:
0.2s transform,
0.2s left,
0.2s -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl
> .swiper-pagination-bullets-dynamic
.swiper-pagination-bullet {
-webkit-transition:
0.2s right,
0.2s -webkit-transform;
transition:
0.2s right,
0.2s -webkit-transform;
transition:
0.2s transform,
0.2s right;
transition:
0.2s transform,
0.2s right,
0.2s -webkit-transform;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
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-progressbar
.swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal
> .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
display: none;
}
:root {
--swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
z-index: 10;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
--swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
--swiper-navigation-color: #000000;
}
.swiper-button-lock {
display: none;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.vjs-button > .vjs-icon-placeholder:before {
text-align: center;
}
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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)
format("woff");
font-weight: 400;
font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder,
.vjs-icon-play {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.vjs-icon-play:before {
content: "\f101";
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-play-circle:before {
content: "\f102";
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,
.vjs-icon-pause {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,
.vjs-icon-pause:before {
content: "\f103";
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,
.vjs-icon-volume-mute {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,
.vjs-icon-volume-mute:before {
content: "\f104";
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,
.vjs-icon-volume-low {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-low:before {
content: "\f105";
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,
.vjs-icon-volume-mid {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before {
content: "\f106";
}
.video-js .vjs-mute-control .vjs-icon-placeholder,
.vjs-icon-volume-high {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-mute-control .vjs-icon-placeholder:before,
.vjs-icon-volume-high:before {
content: "\f107";
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-enter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-enter:before {
content: "\f108";
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,
.vjs-icon-fullscreen-exit {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,
.vjs-icon-fullscreen-exit:before {
content: "\f109";
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-square:before {
content: "\f10a";
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-spinner:before {
content: "\f10b";
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-subtitles {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ)
.vjs-subs-caps-button
.vjs-icon-placeholder:before,
.vjs-icon-subtitles:before {
content: "\f10c";
}
.video-js .vjs-captions-button .vjs-icon-placeholder,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.vjs-icon-captions {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-captions-button .vjs-icon-placeholder:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.vjs-icon-captions:before {
content: "\f10d";
}
.video-js .vjs-chapters-button .vjs-icon-placeholder,
.vjs-icon-chapters {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-chapters-button .vjs-icon-placeholder:before,
.vjs-icon-chapters:before {
content: "\f10e";
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-share:before {
content: "\f10f";
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-cog:before {
content: "\f110";
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level,
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-progress:before,
.video-js .vjs-volume-level:before,
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before {
content: "\f111";
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-circle-outline:before {
content: "\f112";
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
content: "\f113";
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-hd:before {
content: "\f114";
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,
.vjs-icon-cancel {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,
.vjs-icon-cancel:before {
content: "\f115";
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,
.vjs-icon-replay {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,
.vjs-icon-replay:before {
content: "\f116";
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-facebook:before {
content: "\f117";
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-gplus:before {
content: "\f118";
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-linkedin:before {
content: "\f119";
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-twitter:before {
content: "\f11a";
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-tumblr:before {
content: "\f11b";
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-pinterest:before {
content: "\f11c";
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder,
.vjs-icon-audio-description {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,
.vjs-icon-audio-description:before {
content: "\f11d";
}
.video-js .vjs-audio-button .vjs-icon-placeholder,
.vjs-icon-audio {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-audio-button .vjs-icon-placeholder:before,
.vjs-icon-audio:before {
content: "\f11e";
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-next-item:before {
content: "\f11f";
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.vjs-icon-previous-item:before {
content: "\f120";
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,
.vjs-icon-picture-in-picture-enter {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-enter:before {
content: "\f121";
}
.video-js.vjs-picture-in-picture
.vjs-picture-in-picture-control
.vjs-icon-placeholder,
.vjs-icon-picture-in-picture-exit {
font-family: VideoJS;
font-weight: 400;
font-style: normal;
}
.video-js.vjs-picture-in-picture
.vjs-picture-in-picture-control
.vjs-icon-placeholder:before,
.vjs-icon-picture-in-picture-exit:before {
content: "\f122";
}
.video-js {
display: block;
vertical-align: top;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial;
}
.video-js:-moz-full-screen {
position: absolute;
}
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important;
}
.video-js[tabindex="-1"] {
outline: 0;
}
.video-js *,
.video-js :after,
.video-js :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
}
.video-js.vjs-1-1,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-fluid {
width: 100%;
max-width: 100%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
height: 0;
}
.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
padding-top: 56.25%;
}
.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
padding-top: 75%;
}
.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
padding-top: 177.7777777778%;
}
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
padding-top: 100%;
}
.video-js.vjs-fill:not(.vjs-audio-only-mode) {
width: 100%;
height: 100%;
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-js.vjs-audio-only-mode .vjs-tech {
display: none;
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none;
}
.vjs-hidden {
display: none !important;
}
.vjs-disabled {
opacity: 0.5;
cursor: default;
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px;
}
.vjs-lock-showing {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66a8cc;
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em;
}
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
-webkit-transition: all 0s;
transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-error .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button {
display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause
.vjs-big-play-button {
display: block;
}
.video-js button {
background: 0 0;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
-webkit-transition: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.vjs-control .vjs-button {
width: 100%;
height: 100%;
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2;
}
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: -webkit-gradient(
linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.8)),
to(rgba(255, 255, 255, 0))
);
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.8),
rgba(255, 255, 255, 0)
);
overflow: auto;
}
.video-js .vjs-modal-dialog > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1;
}
.vjs-menu-button {
cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none;
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none;
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase;
}
.js-focus-visible .vjs-menu li.vjs-menu-item:hover,
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.js-focus-visible .vjs-menu li.vjs-selected:hover,
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2b333f;
}
.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),
.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible) {
background: 0 0;
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: 700;
cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em;
}
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em;
}
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu {
display: block;
}
.video-js .vjs-menu-button-inline {
-webkit-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em;
}
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline:hover .vjs-menu {
display: block;
opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto;
}
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden;
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
}
.vjs-audio-only-mode .vjs-control-bar,
.vjs-has-started .vjs-control-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: visible;
opacity: 1;
-webkit-transition:
visibility 0.1s,
opacity 0.1s;
transition:
visibility 0.1s,
opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
pointer-events: none;
-webkit-transition:
visibility 1s,
opacity 1s;
transition:
visibility 1s,
opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-error .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar {
display: none !important;
}
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing
.vjs-control-bar,
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table;
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.video-js .vjs-control.vjs-visible-text {
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
display: block;
}
.video-js .vjs-control:focus,
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
text-shadow: 0 0 1em #fff;
}
.video-js :not(.vjs-visible-text) > .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
display: none;
}
.video-js .vjs-progress-control {
cursor: pointer;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-width: 4em;
-ms-touch-action: none;
touch-action: none;
}
.video-js .vjs-progress-control.disabled {
cursor: default;
}
.vjs-live .vjs-progress-control {
display: none;
}
.vjs-liveui .vjs-progress-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.vjs-no-flex .vjs-progress-control {
width: auto;
}
.video-js .vjs-progress-holder {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
-webkit-transition: all 0.2s;
transition: all 0.2s;
height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div,
.video-js .vjs-progress-holder .vjs-play-progress {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0;
}
.video-js .vjs-play-progress {
background-color: #fff;
}
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1;
}
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none;
}
.video-js
.vjs-progress-control:hover
.vjs-progress-holder:focus
.vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
-webkit-transition:
visibility 1s,
opacity 1s;
transition:
visibility 1s,
opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex
.vjs-progress-control
.vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
cursor: default;
}
.video-js .vjs-slider:focus {
text-shadow: 0 0 1em #fff;
-webkit-box-shadow: 0 0 1em #fff;
box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px;
}
.video-js .vjs-volume-panel {
-webkit-transition: width 1s;
transition: width 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control {
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition:
visibility 0.1s,
opacity 0.1s,
height 0.1s,
width 0.1s,
left 0s,
top 0s;
transition:
visibility 0.1s,
opacity 0.1s,
height 0.1s,
width 0.1s,
left 0s,
top 0s;
}
.video-js
.vjs-volume-panel
.vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js
.vjs-volume-panel.vjs-hover
.vjs-mute-control
~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0;
}
.video-js
.vjs-volume-panel
.vjs-volume-control.vjs-slider-active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js
.vjs-volume-panel.vjs-hover
.vjs-mute-control
~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical {
left: -3.5em;
-webkit-transition: left 0s;
transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active {
width: 10em;
-webkit-transition: width 0.1s;
transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
-webkit-transition:
visibility 1s,
opacity 1s,
height 1s 1s,
width 1s 1s,
left 1s 1s,
top 1s 1s;
transition:
visibility 1s,
opacity 1s,
height 1s 1s,
width 1s 1s,
left 1s 1s,
top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
-webkit-transition:
visibility 1s,
opacity 1s,
height 1s 1s,
width 1s,
left 1s 1s,
top 1s 1s;
transition:
visibility 1s,
opacity 1s,
height 1s 1s,
width 1s,
left 1s 1s,
top 1s 1s;
}
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
-webkit-transition: none;
transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex
.vjs-volume-panel
.vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em;
}
.video-js .vjs-volume-panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto;
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff;
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em;
z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em;
z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%;
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em;
}
.video-js .vjs-volume-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1;
}
.video-js
.vjs-volume-control:hover
.vjs-progress-holder:focus
.vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-volume-tooltip {
display: block;
font-size: 1em;
visibility: visible;
}
.video-js
.vjs-volume-vertical:hover
.vjs-progress-holder:focus
.vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip {
left: 1em;
top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
display: none;
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
width: 1px;
height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
-webkit-transition:
visibility 1s,
opacity 1s;
transition:
visibility 1s,
opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
display: none;
}
.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster {
display: block;
}
.video-js .vjs-live-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
font-size: 1em;
line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-liveui .vjs-live-control,
.video-js:not(.vjs-live) .vjs-live-control {
display: none;
}
.video-js .vjs-seek-to-live-control {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red;
}
.video-js .vjs-time-control {
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em;
}
.vjs-live .vjs-time-control {
display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none;
}
.vjs-time-divider {
display: none;
line-height: 3em;
}
.vjs-live .vjs-time-divider {
display: none;
}
.video-js .vjs-play-control {
cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none;
}
.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em;
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em;
}
.vjs-subtitles {
color: #fff;
}
.vjs-captions {
color: #fc6;
}
.vjs-tt-cue {
display: block;
}
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em);
}
.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control {
display: none;
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
-webkit-box-flex: none;
-ms-flex: none;
flex: none;
}
.video-js.vjs-audio-only-mode .vjs-fullscreen-control {
display: none;
}
.vjs-playback-rate .vjs-playback-rate-value,
.vjs-playback-rate > .vjs-menu-button {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center;
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center;
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%;
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:after,
.vjs-loading-spinner:before {
content: "";
position: absolute;
margin: -6px;
-webkit-box-sizing: inherit;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before {
-webkit-animation:
vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
vjs-spinner-fade 1.1s linear infinite;
animation:
vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite,
vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f;
}
20% {
border-top-color: #73859f;
}
35% {
border-top-color: #fff;
}
60% {
border-top-color: #73859f;
}
100% {
border-top-color: #73859f;
}
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
display: none;
}
.vjs-chapters-button .vjs-menu ul {
width: 24em;
}
.video-js.vjs-audio-only-mode .vjs-descriptions-button {
display: none;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-subs-caps-button
+ .vjs-menu
.vjs-captions-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
display: none;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em;
}
.video-js
.vjs-audio-button
+ .vjs-menu
.vjs-main-desc-menu-item
.vjs-menu-item-text
.vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-volume-control {
display: none;
}
.video-js.vjs-layout-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small
.vjs-volume-panel.vjs-volume-panel-horizontal:hover {
width: auto;
width: initial;
}
.video-js.vjs-layout-tiny .vjs-progress-control,
.video-js.vjs-layout-x-small .vjs-progress-control {
display: none;
}
.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
-webkit-box-flex: auto;
-ms-flex: auto;
flex: auto;
display: block;
}
.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer {
width: auto;
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2b333f;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-controls,
.vjs-text-track-settings .vjs-track-settings-font {
display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom;
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0 24px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px;
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1;
}
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr;
}
}
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none;
}
.vjs-text-track-settings fieldset span {
display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em;
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
}
.vjs-track-settings-controls button:active,
.vjs-track-settings-controls button:focus {
outline-style: solid;
outline-width: medium;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(88%, #fff),
to(#73859f)
);
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(88%, #fff),
to(#73859f)
);
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2b333f;
cursor: pointer;
border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em;
}
@media print {
.video-js > :not(.vjs-tech):not(.vjs-poster) {
visibility: hidden;
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000;
}
.js-focus-visible .video-js :focus:not(.focus-visible) {
outline: 0;
}
.video-js :focus:not(:focus-visible) {
outline: 0;
}
body {
margin-top: calc(3rem + 33px);
}
@media (max-width: 992px) {
body {
margin-top: 0;
}
}