:root {
    --alpha: #65399B;
    --bravo: #E5DFEC;
    --charlie: #E56016;
    --delta: #FEE5D7;
    --neutral1: #FAFAFA;
    --neutral2: #EEF1F2;
    --neutral3: #DEE2E5;
    --neutral4: #CDD4D8;
    --neutral5: #4C5255;
    --neutral6: #191919;
    --neutral7: #FFA551;  
    --main-btn: #65399B;
    --main-btn-bor: #65399B;
    --main-btn-txt: #ffffff;
    --main-btn-hov: #65399B;
    --main-btn-bor-hov: #65399B;
    --main-btn-txt-hov: #ffffff;
    --sec-btn: transparent;
    --sec-btn-bor: #65399B;
    --sec-btn-txt: #65399B;
    --sec-btn-hov: transparent;
    --sec-btn-bor-hov: #65399B;
    --sec-btn-txt-hov: #65399B;

    --radius-btn: 10rem;
    
    --radius: 2.2rem; /* border radius for all elements */
    --section-block-padding: clamp(5rem, calc(5rem + ((1vw - 0.32rem) * 2.2321)), 7.5rem);
    --section-inline-padding: 2rem;
    --container-max-width: 1300px;
    --container-gap: 6rem; /* spacing between containers*/
    --space-l: 5rem; /* spacing - padding, margin, gap */
    --space-m: 3rem;
    --space-s: 1.5rem;
    --card-padding: 3rem; /* padding inside card */
    --card-gap: 2rem; /* gap between elements inside card */
    --content-gap: 3rem; /* gap between regular content elements */
    --grid-gap: 3rem;
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
}

html {
    scroll-behavior: smooth;
}

#brxe-wrxspd {
    border-radius: .8rem;
}

span.colored-text{
    color:var(--charlie);
}
body.bricks-is-frontend :focus {
    outline: none;
}
.bg--primary {
    background-color: var(--alpha);
}
.bg--secondary {
    background-color: var(--bravo);
}
.text--primary {
    color: var(--alpha);
}

.card-label-location,
.card-label-date
 {
    background-color: var(--neutral1);
    color: var(--neutral6);
    border-radius: var(--radius-btn);
    padding: 0.4rem 1.6rem 0.4rem 4.1rem;
    background-repeat: no-repeat;
    background-size: 2.5rem;
    background-position: 1rem 50%;
    width:fit-content;
}

.card-label-location{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='24' height='24' y='.5' fill='%23E5DFEC' rx='12'/%3E%3Cpath fill='%2365399B' d='M15.536 15.015 12 18.57l-3.536-3.556A5.058 5.058 0 0 1 7.38 9.534a5.023 5.023 0 0 1 1.842-2.258 4.979 4.979 0 0 1 5.556 0 5.023 5.023 0 0 1 1.841 2.257 5.057 5.057 0 0 1-1.083 5.482ZM12 13.694c.59 0 1.155-.236 1.571-.655a2.242 2.242 0 0 0 0-3.162 2.215 2.215 0 0 0-3.142 0 2.242 2.242 0 0 0 0 3.162c.416.42.982.655 1.571.655Zm0-1.118c-.295 0-.577-.118-.786-.328a1.121 1.121 0 0 1 0-1.58 1.108 1.108 0 0 1 1.572 0 1.121 1.121 0 0 1 0 1.58c-.209.21-.491.328-.786.328Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='24' height='24' y='.5' fill='%23fff' rx='12'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");  
}

.card-label-date{
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Crect width='24' height='24' y='.5' fill='%23E5DFEC' rx='12'/%3E%3Cpath fill='%2365399B' d='M17 9.143a1.429 1.429 0 0 0-1.429-1.429h-.357v-.347a.364.364 0 0 0-.34-.367.357.357 0 0 0-.374.357v.357h-5v-.347A.364.364 0 0 0 9.16 7a.357.357 0 0 0-.374.357v.357h-.357A1.429 1.429 0 0 0 7 9.143v.268a.09.09 0 0 0 .09.089h9.82a.09.09 0 0 0 .09-.09v-.267ZM7 15.57A1.429 1.429 0 0 0 8.429 17h7.142A1.429 1.429 0 0 0 17 15.571v-5.268a.09.09 0 0 0-.09-.089H7.09a.09.09 0 0 0-.09.09v5.267Z'/%3E%3C/svg%3E");
}

.card-2{
  background-color: rgba(0, 0, 0, 0.6);
  transition:background-color .2s;
}
.card-2:hover{
  background-color: rgba(101, 57, 155, .8)
}

.contact-form .options-wrapper li{
    display:flex;
    align-items: flex-start;
    font-size:85%;
}
.contact-form .options-wrapper li input{
    margin-top:.5rem;
    margin-right:.5rem;
}



.main-btn,
.contact-form button[type="submit"],
.password-form button[type="submit"],
#menu-main-menu > li:last-child a,
#menu-footer-menu > li:last-child a,
#menu-main-menu-2 > li:last-child a /*mob*/
 {
    background-color: var(--main-btn);
    color: var(--main-btn-txt);
    border-radius: var(--radius-btn);
    border: 1px solid var(--main-btn-bor);
    padding: 1rem 5rem 1rem 3rem;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%2365399B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.8rem;
    background-position: right 2.5rem center;
    transition: .25s ease;
}

#menu-main-menu > li:last-child a
{
    background-color: var(--neutral6);
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%23191919' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
     
}

#menu-footer-menu > li:last-child a
{
    padding: 0rem 5rem 0rem 0rem;
    background-color: transparent;
    border:none;
    color:var(--neutral1);
    text-decoration: underline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%23191919' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
}

.logged-in #menu-footer-menu > li:last-child a,
.logged-in #menu-main-menu > li:last-child a
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%2300FF00' rx='13'/%3E%3Cpath stroke='%2300FF00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
}


#menu-main-menu-2 > li:last-child a{
    padding: 0rem 5rem 0rem 0rem;
    background-color: transparent;
    border:none;
    color:inherit;
    width:fit-content;
    text-decoration: underline;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%23191919' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
}



.sec-btn{
    background-color: var(--sec-btn);
    color: var(--sec-btn-txt);
    border-radius: var(--radius-btn);
    border: 1px solid var(--sec-btn-bor);
    padding: 1rem 5rem 1rem 3rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%2365399B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.8rem;
    background-position: right 2.5rem center;
    transition: .25s ease;
}

.third-btn{
    background-color: var(--neutral1);
    color: var(--alpha);
    border-radius: var(--radius-btn);
    border: 1px solid var(--neutral1);
    padding: 1rem 5rem 1rem 3rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%2365399B' rx='13'/%3E%3Cpath stroke='%23FAFAFA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.8rem;
    background-position: right 2.5rem center;
    transition: .25s ease; 
}

.third-btn-rotated {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%2365399B' rx='13'/%3E%3Cpath stroke='%23FAFAFA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7.583v10.834M17.333 14.083 13 18.417l-4.333-4.334'/%3E%3C/svg%3E");
}

.fourth-btn{
    background-color: transparent;
    color: #FAFAFA;
    border-radius: var(--radius-btn);
    border: 1px solid #FAFAFA;
    padding: 1rem 5rem 1rem 3rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Crect width='26' height='26' fill='%23FAFAFA' rx='13'/%3E%3Cpath stroke='%2365399B' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.583 13h10.834M14.083 8.667 18.417 13l-4.334 4.333'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 1.8rem;
    background-position: right 2.5rem center;
    transition: .25s ease; 
}

.main-btn:hover,
.contact-form button[type="submit"]:hover,
.password-form button[type="submit"]:hover,
#menu-main-menu > li:last-child a:hover,
#menu-footer-menu > li:last-child a:hover,
#menu-main-menu-2 > li:last-child a:hover, 
.fourth-btn:hover,
.third-btn:hover
{
   background-position: right 2rem center;
}

#menu-main-menu ul.sub-menu{
    left:50%;
    transform:translateX(-50%);
    border-radius:var(--radius);
}

.main-btn--alternate {
    background-color: #fff;
}

.accordion-item{
    border-radius: 1.2rem;
    overflow:hidden;
    margin-bottom:1rem;
}

.blog-section .splide__arrow--prev{
    transform:rotate(90deg);
}
.blog-section .splide__arrow--next{
    transform:rotate(-90deg);
}
.spetsialistid-slider .x-slider-control_nav-arrow{
    width:7rem;
    height:7rem;
}

::placeholder {
    color: #999; 
    opacity: 1; 
}

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }
:-moz-placeholder { color: #999; }

@media only screen and (max-width: 478px) {
    body.home .meist-mid{
        order:2;
        margin-bottom:3rem;
    }
}


@media only screen and (max-width: 400px) {
    .x-offcanvas_inner {
        max-width: 75%
    }
}