/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    font-family: KyivTypeSans;
    font-size: 1.125rem;
    letter-spacing: -0.01em;
}
p {
    margin-bottom: 1.1em;
}
p strong {
    font-weight: 600;
}
.col-inner ul li {
    margin-bottom: 0.3em;
}
.nav>li {
    margin: 0 1.3rem;
}
.nav>li>a {
    font-size: 1.23rem;
}
.nav-line-bottom>li>a:before {
    opacity: 1;
    background-color: #fff;
    height: 1px;
    width: 50%;
}
.nav-line-bottom>li:hover>a:before {
    width: 80%;
}
.nav:hover>li:not(:hover)>a:before {
    opacity: 1;
}
button, .button {
    font-weight: 400;
}
@media (min-width: 1950px) {
    .section.items-end {
        min-height: 900px !important;
    }
}
.text-balance {
    text-wrap: balance;
}
.button, button, input[type=button], input[type=reset], input[type=submit], .nav-uppercase>li>a, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a,.mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a, .uppercase,h6,span.widget-title,th {
    letter-spacing: 0;
}
.is-outline {
    color: #04181D;
}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline {
    border: 1px solid;
}
.button.icon {
    margin-right: 0.45em;
}
.row-dashed .col:after, .row-solid .col:after, .row-dashed .col:before, .row-solid .col:before{
    border-color: #f1f1f1;
}

/*button style outline*/
.button.is-outline:not(.icon ) {
    line-height: normal;
    min-height: auto;
    padding: 1.7rem 3.4rem;
    text-transform: uppercase;
    background: transparent;
    border-top: none;
    border-left: none;
}
.button.is-outline:not(.icon ):before {
    content: '';
    height: 1px;
    display: block;
    width: 60%;
    background: currentColor;
    position: absolute;
    top: 0;
    right: 0;
    transition: .3s all;
}
.button.is-outline:not(.icon ):after {
    content: '';
    height: 45%;
    display: block;
    width: 1px;
    background: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s all;
}
.button.is-outline:not(.icon ):hover:before {
    width: 100%;
}
.button.is-outline:not(.icon ):hover:after {
    height: 100%;
}

.button.is-outline:not(.icon ) span:before {
    content: '';
    width: 0.6rem;
    height: 0.6rem;
    background: #f4f4f4;
    display: inline-flex;
    border-radius: 99px;
    margin-right: 0.75rem;
    margin-left: -0.5rem;
}
.html.header-button-1 {
    margin-left: 6rem;
}
.primary.is-outline:hover {
    color: var(--fs-color-primary);
}
.button.primary.is-outline:not(.icon ) span:before {
    background: var(--fs-color-primary);
}
/*button style link*/
.button.is-link {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    /*font-size: 1.35rem;*/
}
.button.is-link:before {
    content: '';
    background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="59.897" height="59.897" rx="29.9485" stroke="%23DB8C15"/><path d="M39 21V39M39 21H21M39 21L21 39" stroke="%23DB8C15"/></svg>');
    background-repeat: no-repeat;
    background-size: 2.82em;
    width: 2.82em;
    height: 2.82em;
    margin-right: 1.1em;
    transition: .3s all;
}

.button.white.is-link:before {
    background-image: url('data:image/svg+xml,<svg width="61" height="61" viewBox="0 0 61 61" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="59.897" height="59.897" rx="29.9485" stroke="%23FFDDAB"/><path d="M39 21V39M39 21H21M39 21L21 39" stroke="%23FFDDAB"/></svg>');
}
.button:hover.is-link:before {
    transform: rotate(45deg);
}    
/*MAIN SECTION*/
.before-main-bg:before {
    content: '';
    width: 50vw;
    background: #00000021;
    backdrop-filter: blur(2px);
    height: -webkit-fill-available;
    position: absolute;
    left: 0;
    border-top-right-radius: 7rem;
    overflow: hidden;
}

/*title block START*/
.section-title-normal span {
    border-bottom: none;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 0;
}
.section-title-normal {
    border-bottom: none;
    margin-bottom: 0;
}
h3.section-title-normal {
    font-size: 5.5rem;
    line-height: normal;
}
/*title block END*/

/***************************************************/

/* ICON BOX START */
.icon-box-text h4{
    font-weight: 900;
    font-size: 9.5rem;
    margin-bottom: 0.05em;
    line-height: normal;
}
.icon-box-text p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 0;
    line-height: 1.5;
    text-wrap: balance;
}
/* ICON BOX END */

/*GALLERY IMG*/
.gallery-col .box-image {
    border-radius: 30px;
    
}
.single .gallery-col .box-image {
    border-radius: 15px;
}
/*GALLERY IMG END*/
.section.dark .line-col > .col-inner:before, .section.dark .line-col > .col-inner:after {
   background-color: #fff1;
}
.line-col > .col-inner:before, .line-col > .col-inner:after {
   background-color: #0001;  
}
.line-col > .col-inner:before {
    content:'';
    width:1px;
    height:0%;
    position: absolute;
    top: 1.3rem;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.line-col > .col-inner:after {
    content:'';
    width:0%;
    height:1px;
    position: absolute;
    bottom: 0;
    -webkit-transition: all .8s linear;
    -o-transition: all .8s linear;
    transition: all .8s linear;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}
.right-3 > .col-inner:before, .right-3 > .col-inner:after {
    right: 3rem; 
}
.left-3 > .col-inner:before, .left-3 > .col-inner:after {
    left: 3rem; 
}
[data-animate=flipInX] {
    animation-delay: 0s !important;
    opacity: 1 !important;
    transform: none !important;
}
.line-col[data-animated=true] > .col-inner:before {
    height: calc(100% - 1.3rem);
}
.line-col[data-animated=true] > .col-inner:after {
    width:100%;
}
/***************************************************/

/*ANIMATE TEST*/
[data-animate=flipInY] {
    animation-delay: 0s !important;

    transform: none !important;
}

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 2065.388916015625px;
    stroke-dasharray: 2065.388916015625px;
  }

  100% {
    stroke-dashoffset: 4130.77783203125px;
    stroke-dasharray: 2065.388916015625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 2065.388916015625px;
    stroke-dasharray: 2065.388916015625px;
  }

  100% {
    stroke-dashoffset: 4130.77783203125px;
    stroke-dasharray: 2065.388916015625px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-1 {
  -webkit-animation: animate-svg-stroke-1 2s ease-in-out 0s both;
          animation: animate-svg-stroke-1 2s ease-in-out 0s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 149.7154998779297px;
    stroke-dasharray: 149.7154998779297px;
  }

  100% {
    stroke-dashoffset: 299.4309997558594px;
    stroke-dasharray: 149.7154998779297px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 149.7154998779297px;
    stroke-dasharray: 149.7154998779297px;
  }

  100% {
    stroke-dashoffset: 299.4309997558594px;
    stroke-dasharray: 149.7154998779297px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-2 {
  -webkit-animation: animate-svg-stroke-2 2s ease-in-out 0.12s both;
          animation: animate-svg-stroke-2 2s ease-in-out 0.12s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 97.15911865234375px;
    stroke-dasharray: 97.15911865234375px;
  }

  100% {
    stroke-dashoffset: 194.3182373046875px;
    stroke-dasharray: 97.15911865234375px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 97.15911865234375px;
    stroke-dasharray: 97.15911865234375px;
  }

  100% {
    stroke-dashoffset: 194.3182373046875px;
    stroke-dasharray: 97.15911865234375px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-3 {
  -webkit-animation: animate-svg-stroke-3 2s ease-in-out 0.24s both;
          animation: animate-svg-stroke-3 2s ease-in-out 0.24s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 189.73358154296875px;
    stroke-dasharray: 189.73358154296875px;
  }

  100% {
    stroke-dashoffset: 379.4671630859375px;
    stroke-dasharray: 189.73358154296875px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 189.73358154296875px;
    stroke-dasharray: 189.73358154296875px;
  }

  100% {
    stroke-dashoffset: 379.4671630859375px;
    stroke-dasharray: 189.73358154296875px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-4 {
  -webkit-animation: animate-svg-stroke-4 2s ease-in-out 0.36s both;
          animation: animate-svg-stroke-4 2s ease-in-out 0.36s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 220.72181701660156px;
    stroke-dasharray: 220.72181701660156px;
  }

  100% {
    stroke-dashoffset: 441.4436340332031px;
    stroke-dasharray: 220.72181701660156px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 220.72181701660156px;
    stroke-dasharray: 220.72181701660156px;
  }

  100% {
    stroke-dashoffset: 441.4436340332031px;
    stroke-dasharray: 220.72181701660156px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-5 {
  -webkit-animation: animate-svg-stroke-5 2s ease-in-out 0.48s both;
          animation: animate-svg-stroke-5 2s ease-in-out 0.48s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 102.22508239746094px;
    stroke-dasharray: 102.22508239746094px;
  }

  100% {
    stroke-dashoffset: 204.45016479492188px;
    stroke-dasharray: 102.22508239746094px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 102.22508239746094px;
    stroke-dasharray: 102.22508239746094px;
  }

  100% {
    stroke-dashoffset: 204.45016479492188px;
    stroke-dasharray: 102.22508239746094px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-6 {
  -webkit-animation: animate-svg-stroke-6 2s ease-in-out 0.6s both;
          animation: animate-svg-stroke-6 2s ease-in-out 0.6s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 171.48648071289062px;
    stroke-dasharray: 171.48648071289062px;
  }

  100% {
    stroke-dashoffset: 342.97296142578125px;
    stroke-dasharray: 171.48648071289062px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 171.48648071289062px;
    stroke-dasharray: 171.48648071289062px;
  }

  100% {
    stroke-dashoffset: 342.97296142578125px;
    stroke-dasharray: 171.48648071289062px;
  }
}

[data-animate=flipInY][data-animated=true] .animate-footer-7 {
  -webkit-animation: animate-svg-stroke-7 2s ease-in-out 0.72s both;
          animation: animate-svg-stroke-7 2s ease-in-out 0.72s both;
}

/*@media (max-width: 1580px) and (min-width: 849px) {
    html {
        font-size: 0.94vw;
    }
    #logo {
        width: 7.5rem;
    }
    #logo a {
        max-width: 7.5rem;
    }
    .transparent .header-main {
        height: 16rem;
    }
    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 103rem;
    }
    .row.row-collapse {
        max-width: 97rem;
    }
    .col, .columns, .gallery-item {
        padding: 0 0.9375rem 1.875rem;
    }
}*/



/*MAP*/
.google-map {
    border-radius: 30px;
    overflow: hidden;
}
.google-map .map-inner {
    border-radius: 20px;
}
.absolute-footer {
    display: none;
}

/*SEARCH FORM LOOP*/
/*form.mphb_sc_search-form {
    margin-bottom: 0;
    display: flex;
    width: 100%;
    background: #ffffff00;
    backdrop-filter: blur(2px);
}*/
form.mphb_sc_search-form {
    margin-bottom: 0;
    display: flex;
    width: 100%;
    background: #132c27bf;
    backdrop-filter: blur(5px);
}
form.mphb_sc_search-form > div {
    flex: 0 0 25%;
}
form.mphb_sc_search-form > div > *:first-child {
    border-width: 1px 0 0 1px;
    border-color: #ffffff25;
    margin-bottom: 0;
    background: transparent;
    color: #fff;
    text-align: center;
    padding: 2rem 2rem;
    min-height: 7rem;
}
form.mphb_sc_search-form ::placeholder {
  color: #fff;
}
/*form.mphb_sc_search-form > div input[type=submit] {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: var(--fs-color-primary) !important;
    
}*/
form.mphb_sc_search-form > div input[type=submit] {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #FFCE00 !important;
    color: #111 !important;
    font-weight: 600;
}
/*select*/
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select {
    box-shadow: none;
}
form.mphb_sc_search-form select option {
    color: #111;
    text-align: left;
    padding: 2rem 3rem;
    
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
    box-shadow: none;
    background-color: #ffffffe3 !important;
    color: #111 !important;
}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media only screen and (max-width: 48em) {
    /*scroll-snap*/
    .scroll-snap {
        display: flex !important;
        flex-wrap: nowrap;
        overflow: auto;
        scroll-snap-type: x mandatory;
        flex-direction: row;
        height: auto !important;
        object-fit: cover !important;
        aspect-ratio: 1 / 1;
    }
    .scroll-snap > .col {
        min-width: 80% !important;
        max-width: 80% !important;
        flex: 0 0 80%;
        scroll-snap-align: center;
        position: relative !important;
        float: none !important;
        height: auto !important;
        top: auto !important;
        left: auto !important;
    }
    .scroll-snap .gallery-col .box-image {
        padding-top: 100% !important;
        overflow: hidden !important;
        height: auto !important;
        position: relative !important;
    }
    .scroll-sna .grid-col>.col-inner, .scroll-sna .grid-col>.col-inner {
        height: auto !important;
    }
}