@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,500;0,900;1,100;1,500;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,500;0,700;1,300;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;500;700&&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poiret+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates&display=swap');
@import url('https://fonts.googleapis.com/css?family=Caveat&display=swap');
@import url('https://fonts.googleapis.com/css?family=Amatic+SC&display=swap');
@import url('https://fonts.googleapis.com/css?family=Economica&display=swap');

*,
	::after,
	::before {
    box-sizing: border-box;
}
#pinta-slider{
    border: 4px solid #fff0;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
@media (max-width:600px) {
    #pinta-slider{
       width: 100%!important;
    }
}
.content-pinta{
    position: relative;
    min-height: auto;
    padding: 0;
    margin-bottom: 20px;
    z-index: 10;
}
.content-pinta .d-flex {
    display: flex;
    justify-content: space-around;
}
.content-pinta .flex-wrap {
    flex-wrap: wrap;
}
.content-pinta .flex-column {
    flex-direction: column;
}
.content-pinta .space-around {
    justify-content: space-around;
}
.content-pinta .space-between {
    justify-content: space-between;
}
.content-pinta .flex-start {
    justify-content: flex-start;
}
.content-pinta .align-center {
    align-items: center;
}
.content-pinta .spinner {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #3272a1;
    background: #f6f6f6;
    transition: 1s all;
}
.content-pinta .spinner .fa {
    font-size: 4vw !important;
}
.content-pinta .done {
    opacity: 0 !important;
    visibility: hidden !important;
}
.content-pinta .mt {
    margin-top: 1vw !important;
}
.content-pinta .mt2 {
    margin-top: 2vw !important;
}
.content-pinta .mt-px-30 {
    margin-top: 30px !important;
}
.content-pinta .mb {
    margin-bottom: 1vw !important;
}
.content-pinta .mb2 {
    margin-bottom: 2vw !important;
}
.content-pinta .mb3 {
    margin-bottom: 3vw !important;
}
.content-pinta .w100 {
    width: 100% !important;
}
.content-pinta .w75 {
    width: 75% !important;
}
.content-pinta .w50 {
    width: 50% !important;
}
/*----------------*/
/*----------------*/
@media (max-width: 600px) {
    .content-pinta .swiper-slide .subtitle {
        text-align: center !important;
    }
}
.content-pinta .button-pattern-0 {
    color: var(--button-TextColor, #000);
    text-shadow: 0px 0px -1px var(--button-TextColor, #000);
    padding: 10px 20px;
    background: transparent;
    transition: 0.2s;
}
.content-pinta .button-pattern-0:hover {
    color: var(--button-TextColorHover, #000);
    text-shadow: 0px 0px 2px;
}
.content-pinta .button-pattern-1 {
    border: var(--button-BorderWidth, 3px) solid var(--button-TextColor, #000);
    border-radius: var(--button-BorderRadius, 0px) !important;
    padding: 10px 20px;
    color: var(--button-TextColor, #000) !important;
    background: transparent;
    transition: 0.2s;
}
.content-pinta .button-pattern-1:hover {
    color: var(--button-TextColorHover, #fff) !important;
    background: var(--button-TextColor, #000);
}
.content-pinta .button-pattern-inver-1 {
    border: var(--button-BorderWidth, 3px) solid var(--button-TextColor, #000);
    border-radius: var(--button-BorderRadius, 0px) !important;
    padding: 10px 20px;
    color: var(--button-TextColorHover, #fff) !important;
    background: var(--button-TextColor, #000);
    transition: 0.2s;
}
.content-pinta .button-pattern-inver-1:hover {
    color: var(--button-TextColor, #000) !important;
    background: transparent;
}
.content-pinta .m-button {
    margin: 20px 0 30px;
}
/*-----------------------*/
/*------viwe slider------*/
.content-pinta .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-pinta .swiper-slide a {
    display: inline-block !important;
    height: 100% !important;
}
.content-pinta .swiper-slide a img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
.content-pinta .swiper-slide img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
.content-pinta .swiper-slide .parallax-img-pattern-1 img {
    max-width: none !important;
    height: 100% !important;
}
.content-pinta .slide-img {
    background-color: #fff;
    align-self: center;
}
.content-pinta .background-image {
    z-index: 100;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    right: 0;
    background: #ffffff73;
    font-size: x-large;
    padding: 0.5vw 1.5vw;
    margin: 0;
    color: black;
}
.content-pinta #pinta-slider .navigation-button-next.swiper-button-disabled, .content-pinta #pinta-slider .navigation-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.content-pinta .swiper-button-prev::after, .content-pinta .swiper-button-next::after {
    display: none;
}
.content-pinta #pinta-slider .swiper-button-prev::before, .content-pinta #pinta-slider .swiper-button-next::before {
    display: none;
}
.content-pinta #pinta-slider .navigation-button-prev .fa, .content-pinta #pinta-slider .navigation-button-next .fa {
    font-size: 3vw;
}
@media (max-width: 600px) {
    .content-pinta #pinta-slider .navigation-button-prev .fa, .content-pinta #pinta-slider .navigation-button-next .fa {
        font-size: 8vw;
    }
}
.content-pinta #pinta-slider .navigation-button-prev, .content-pinta #pinta-slider .navigation-button-next {
    color: var(--navigation-button-color, #000);
    opacity: 0.7;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    cursor: pointer;
}
.content-pinta #pinta-slider .navigation-button-prev {
    left: 2%;
}
.content-pinta #pinta-slider .navigation-button-next {
    right: 2%;
}
.content-pinta #pinta-slider .navigation-button-prev:hover, .content-pinta #pinta-slider .navigation-button-next:hover {
    opacity: 0.9;
}
.content-pinta .pinta-slider-pagination {
    position: absolute !important;
    text-align: center !important;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10 !important;
    color: var(--swiper-pagination-color, #193df1);
    line-height: 0 !important;
}
.content-pinta .pinta-slider-pagination .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    border: 2px solid #9E9E9E !important;
    border-radius: 100% !important;
    background: #000 !important;
    opacity: 0.3 !important;
}
.content-pinta .pinta-slider-pagination .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: var(--swiper-pagination-color, var(--swiper-theme-color)) !important;
}
.content-pinta #pinta-slider.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    width: 12px !important;
}
.content-pinta #pinta-slider.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}
.content-pinta #pinta-slider.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0 !important;
    display: block;
}
.content-pinta .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: 200%;
}
.content-pinta .swiper-slide .title {
    font-family: var(--title-FontFamily, initial);
    font-size: var(--title-FontSize, initial);
    text-transform: var(--title-TextTransform, none);
    font-style: var(--title-FontStyle, normal);
    text-align: var(--title-TextAlign, left);
    font-weight: var(--title-FontWeight, 300);
    letter-spacing: var(--title-LetterSpacing, normal);
    line-height: var(--title-LineHeight, normal);
    word-spacing: var(--title-WordSpacing, normal);
    color: var(--title-TextColor, #000);
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
    margin-bottom: 1vw;
}
.content-pinta .subtitle a {
    font-family: var(--button-FontFamily, sans-serif);
    font-size: var(--button-FontSize, 21px);
    text-transform: var(--button-TextTransform, none);
    font-style: var(--button-FontStyle, normal);
    font-weight: var(--button-FontWeight, 300);
    letter-spacing: var(--button-LetterSpacing, normal);
    line-height: var(--button-LineHeight, normal);
    word-spacing: var(--button-WordSpacing, normal);
}
.content-pinta .swiper-slide .subtitle a {
    display: inline-block;
}
.content-pinta .swiper-slide .subtitle {
    text-align: var(--button-TextAlign, left);
    max-width: var(--button-MaxWidth, 100%);
    align-self: center;
    transition-delay: 0.3s;
}
.content-pinta .swiper-slide .subtitle-cub2 {
    position: absolute;
    bottom: 0;
    background: #9a989896;
    padding: 30px 30px 30px;
}
.content-pinta .swiper-slide .text {
    font-family: var(--description-FontFamily, sans-serif);
    font-size: var(--description-FontSize, 15px);
    text-transform: var(--description-TextTransform, none);
    font-style: var(--description-FontStyle, normal);
    text-align: var(--description-TextAlign, justify);
    font-weight: var(--description-FontWeight, 300);
    letter-spacing: var(--description-LetterSpacing, 1px);
    line-height: var(--description-LineHeight, normal);
    word-spacing: var(--description-WordSpacing, normal);
    color: var(--description-TextColor, #000);
    max-width: var(--description-MaxWidth, 400px);
}
.content-pinta .swiper-slide .text p {
    color: var(--description-TextColor, #000) !important;
}
.content-pinta .parallax-img {
    transition-delay: 0.2s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
@media (max-width: 600px) {
    .content-pinta .parallax-img {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: 1rem !important;
        float: none !important;
    }
    .content-pinta .swiper-slide .text {
        max-width: 100% !important;
    }
}
.content-pinta .parallax-img-pattern-1 {
    overflow: hidden;
    width: var(--image-ImgWidth, 15vw);
    border-radius: 50%;
    float: var(--image-Float, left);
    margin-right: 7px;
    shape-outside: circle();
    display: flex;
    justify-content: center;
}
.content-pinta .parallax-img-pattern-2 {
    overflow: hidden;
    width: var(--image-ImgWidth, 15vw);
    float: var(--image-Float, left);
    margin-right: 7px;
    -webkit-clip-path: polygon(100% 0, 100% 0%, 50% 100%, 0 100%, 0 0);
    shape-outside: polygon(90% 0, 100% 0%, 50% 100%, 0 100%, 0 0);
}
@media (max-width: 600px) {
    .content-pinta .parallax-img-pattern-2 {
        width: 80%;
    }
}
.content-pinta .parallax-img-pattern-3 {
    overflow: hidden;
    width: var(--image-ImgWidth, 15vw);
    float: left;
    margin-right: 7px;
}
.content-pinta .parallax-img-pattern-4 {
    overflow: hidden;
    width: var(--image-ImgWidth, 15vw);
    float: var(--image-Float, right);
    margin-left: 7px;
    -webkit-clip-path: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
    shape-outside: polygon(50% 0, 100% 0, 100% 100%, 0% 100%);
}

/*------------------*/
/*------------------*/
.content-pinta .swiper-slide-overflow::-webkit-scrollbar {
    width: 0.5rem;
    background: transparent;
}
.content-pinta .swiper-slide-overflow::-webkit-scrollbar-thumb {
    background: linear-gradient(#92919170, transparent);
    border-radius: 4px;
}
.content-pinta .swiper-slide-overflow:hover::-webkit-scrollbar-thumb {
    background: linear-gradient(transparent, #92919170);
}
.content-pinta .swiper-slide-overflow {
    overflow-y: auto;
    overflow-x: hidden;
}


/*--------Додаткові стилі----------*/
header .slider-header {
    z-index: 99;
}
#menu-hover-background{
    z-index: 90;
}
/*------------------*/