@charset "UTF-8";
* {
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
}
body {
font-family: "Fedoka", "Nunito", Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1;
color: #7d7d7d;
background-color: #fff;
}
p, a, h1, h2, h3, h4, h5, h6 {
margin: 0;
}
a {
display: inline-block;
}
a,
a:hover,
a:active,
a:focus {
color: inherit;
text-decoration: none;
}
ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
}
img {
display: block;
max-width: 100%;
}
[v-cloak] {
display: none;
}
.container {
max-width: 1170px;
position: relative;
}
.container-big {
max-width: 100%;
padding-left: 80px;
padding-right: 80px;
}
@media screen and (max-width: 1199px) {
.container-big {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width: 1023px) {
.container-big {
padding-left: 15px;
padding-right: 15px;
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.flex-v-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.flex-v-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-reset {
-webkit-box-flex: 0 !important;
-ms-flex: 0 1 auto !important;
flex: 0 1 auto !important;
width: auto !important;
}
.relative {
position: relative;
}
.pt-2 {
padding-top: 20px;
}
.pb-2 {
padding-bottom: 20px;
}
.pt-3 {
padding-top: 30px;
}
.pb-3 {
padding-bottom: 30px;
}
.py-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-2 {
margin-bottom: 20px;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.label-spacing {
margin-top: 26px;
}
.fill-height {
height: 100%;
}
.has-primary-color {
color: #00519b !important;
}
.has-info-color {
color: #fec10d !important;
}
.has-error-color {
color: #B01116 !important;
}
.has-success-color {
color: #226e27 !important;
}
.clipping {
overflow-y: hidden;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.has-text-centered {
text-align: center;
}
.uppercase {
text-transform: uppercase;
}
.underlined {
position: relative;
}
.underlined::after {
content: '';
position: absolute;
left: 50%;
top: calc(100% + 30px);
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: block;
width: 4em;
height: .5em;
}
.underlined.is-white::after {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 100% auto;
background-repeat: no-repeat;
}
.underlined.is-info::after {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 100% auto;
background-repeat: no-repeat;
}
.underlined.is-primary::after {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 100% auto;
background-repeat: no-repeat;
}
.underlined.is-danger::after {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 100% auto;
background-repeat: no-repeat;
}
.underlined.is-success::after {
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-size: 100% auto;
background-repeat: no-repeat;
}
.underlined.underline-left::after {
left: 0;
-webkit-transform: none;
transform: none;
}
.underlined.small-underlined::after {
bottom: -30px;
width: 127px;
}
.is-bold {
font-weight: bold;
}
.is-black {
font-weight: 900;
}
.heading-title {
position: relative;
margin-bottom: 80px;
font-family: "Pacifico", Helvetica, sans-serif;
font-weight: normal;
line-height: 1.8;
color: #7d7d7d;
}
@media screen and (max-width: 1919px) {
.heading-title {
margin-bottom: 40px;
font-size: 50px;
}
}
@media screen and (max-width: 767px) {
.heading-title {
font-size: 30px;
}
}
.heading-title.has-main-color {
color: #fff;
}
.heading-title.low-line-height {
line-height: 1.4;
}
.heading-title.xy-centered {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.heading-title .icon {
position: absolute;
top: -50px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-size: 30px;
}
.heading-title span {
display: block;
font-family: "Nunito", Helvetica, sans-serif;
font-weight: 900;
color: #fec10d;
}
.heading-subtitle {
position: relative;
font-size: 18px;
line-height: 1.2;
color:#FFFFFF; // #7d7d7d;
}
@media screen and (max-width: 1919px) {
.heading-subtitle {
font-size: 14px;
}
}
.heading-subtitle.is-info {
color: #fec10d;
}
.heading-subtitle .icon {
color: #fff;
}
.heading-subtitle .icon i {
position: absolute;
top: -50px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 30px;
height: 30px;
font-size: 30px;
color: #fec10d;
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
/* autoprefixer: off */
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img {
/* autoprefixer: off */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/*
Background is added as a separate element.
As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1), -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*
stretched thumbnail or div placeholder element (see below)
style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/*
div element that matches size of large image
large image loads on top of it
*/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/*
Error message appears when image is not loaded
(JS option errorMsg controls markup)
*/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Contents:
1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)
*/
/*
1. Buttons
*/
/*