/*custom by infamous.cz*/

:root {
    --color2: #9d56fe;
  }

body {font-size: 1vw;}
h2 {font-size: 2.4em; font-weight: 600; margin-top: 0.2em; margin-bottom: 0.4em;}
h3 {font-size: 2.5em; font-weight: 600; margin-top: 0.2em; margin-bottom: 0.6em;}

h4 {font-size: 1em; font-weight: 700; margin-bottom: 0.4em; text-transform: uppercase; line-height: 1.4em;}
h5 {font-size: 1.5em; font-weight: 700; margin-bottom: 0.8em; line-height: 1.2em;}
p {margin-bottom: 2.2em;}
#primary-menu li {    letter-spacing: 0em; text-transform: uppercase; font-size: 0.9em; font-weight: 500; }
.widget .widget-title {font-weight: 300; letter-spacing: 0.3em; text-transform: uppercase; font-size: 0.8em; margin-bottom: 2.1em; color: #72899e;}

.container-fluid {max-width: 1920px;}

/*search*/
.widget.widget_product_search .search-field, .widget.widget_search .search-field { border-width: 0; border-bottom: 1px solid black;    padding-left: 0;}
.widget_product_search button, .widget_search button { position: relative; right:2em; width:2em; border:none; background-color: transparent; color:transparent; background-image:url(../imgs/lupa.svg); background-repeat: no-repeat; background-size: 1.9em;     background-position: 0 50%;}
input[type="search"]:focus {box-shadow: 0 0 0 0;}
.search-field::-webkit-search-cancel-button{ position:relative; right:20px; }

.widget-area .widget {border: none;}
input {font-family: inherit;}

/*eshop*/
.wc-block-grid__product-onsale, span.onsale {top: auto!important; right: 0; left: auto!important; background-color:#4c89f0 }


/*page*/
.page-title {text-align: left;}

/*header*/
header.bhfb-desktop{position: fixed; width: 100%;}
.bhfb-main_header_row {min-height: 70px; transition: background-color 0.2s ease}
.site-branding {mix-blend-mode: multiply;}
.bhfb-component-logo {position: relative;
top: 0;
left: -4px;}

.bhfb-header {transition: all 0.2s ease; top:0}
.bhfb-header .bhfb-main_header_row {background-color: transparent;}
/* .nav-top {
    background-color: transparent; 
    transition: top 0.2s ease-in-out;} */
.nav-down{
    top: 0;
    transition: top 0.2s ease-in-out;
}
.bhfb-header .bhfb-main_header_row {
    background-color: rgba(255,255,255,0.82); backdrop-filter: saturate(3) blur(20px);}
.nav-up {
    top: -150px;
    transition: top 0.2s ease-in-out;
}

.bhfb-column.bhfb-column-3 {min-width: 30px;}
.bhfb-header .bhfb-main_header_row .bhfb-column-2 {
    justify-content: right; padding-right: 2em;}


/*frontpage*/
.intro { position:relative; height: 80vh; overflow: hidden;
    background-color: #f9f9f9;
    /* background: rgb(241,234,236);
    background: linear-gradient(332.37deg, #FFFFFF 5.12%, #E1F5FF 53.99%, #E9D5FF 119.13%);
    background:url('../imgs/grad2.jpg'); background-size: cover; */
}
.intro-text {position: absolute; top:50%; transform: translateY(-50%); left:12%; width: 35%;}
p.super-text {font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; font-size: 0.8em; margin-bottom: 0}
.intro-text h1 { font-size: 2.7em; font-weight: 800; margin-top: 0.2em; margin-bottom: 0.4em; text-transform: uppercase;}
.intro-text p {width:75%}
.color2 {color:var(--color2)}  

#video1 {position: absolute; width:30%; top:28%; left:60%;
    -webkit-box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
    -moz-box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
    box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
    /* transform: translateY(5em); */
    /* animation: show 1.5s 0s ease forwards; */
}
    
#video2 {position: absolute; width: 14%; top: 59%; left: 50%;
-webkit-box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
-moz-box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
box-shadow: 22px 25px 117px -41px rgba(0,0,0,0.61);
/* transform: translateY(5em);  */
/* animation: show 1s 0s ease forwards; */
}
video {
    width: 100%;
    height: auto;
    display:block
}

.intro .arrow-down { width: 0.6em; position: absolute; bottom: 2em; left: 12.1%; }
.partners {display: flex; position: absolute; bottom: 2em; right:2em; align-items: center;}
.partners img {width:8em; height: auto; display: block;}
.partners p {margin: 0 1em 0 0;}

.partners-logos {margin:auto;  background-color: white; padding: 1em 0;}
.partners-logos img { width:80%; max-width:1500px; margin:auto; display: block; mix-blend-mode: multiply; }

.sidekick {width: 1.1em; position: absolute; bottom: 11vh; left: 2%; z-index:10} 
.sidekick .socs {width: 80%;}
.sidekick .socs img {width:100%; float:none; padding:.5em 0}
.sidekick .line {width:2px; height:5em; background-color:#000;     margin: 0.5em 0.4em;}
.sidekick p { font-family: 'Oswald', sans-serif; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 600; transform: rotate(-90deg); width: 9.8em; height: auto; margin-left: -4.3em; margin-top: 6em; text-align: right; color:#000}

.slogan {     position: absolute;
    top: -4%;
    left: 52%;
    width: 20em;
    display: block;}


section.ovodiku {display: flex; position: relative; padding: 0 1rem;}
.ovodiku .col1 {width: 50%; padding:4em 0 10em 12%}
.ovodiku .col2 {position: relative; display:grid; grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4em;
    grid-row-gap: 0px; width: 50%; height: auto; margin-top: 17em; padding:4em 10% 10em; 
    background: rgb(241,234,236);  background: linear-gradient(296deg, #F1EAEC 0%, #F8E3E6 13%, #FADFEC 23%, #E8E2FB 50%, #E8EDF4 81%);
    background:url('../imgs/grad3.jpg'); background-size: cover;
}


.line2 {width:15em; height: 2px; background-color:var(--color2);}
.ovodiku .line2 {margin-top: 4em;}
.ovodiku .col1 h2 {width:80%; font-size: 3.7em;}
.ovodiku .col1 h3 {width: 5em; margin-top: 1.1em;}
.ovodiku .col1 p {width: 40%; margin-top: 2.7em; margin-bottom: 3.6em;}
.ovodiku .col2 h4 {margin:3em 0 1em;}
.ovodiku .col2 p {width: 83%; margin-bottom: 2em;}
.illu1 {position: absolute; top: 25.6em; left: 34%; width: 22%; transform: translateY(18em); animation:show 4.5s 1s ease forwards}
.illu1.show {}
@keyframes show {
0% {transform: translateY(18em)}
100% {transform: translateY(0)}

}

.ovodiku2 {padding: 0 1rem 1em; display: flex;}
.ovodiku2 .col1 {width: 50%; padding:8em 9em 8em 12%; 
    background: rgb(241,234,236);  background: linear-gradient(296deg, #F1EAEC 0%, #F8E3E6 13%, #FADFEC 23%, #E8E2FB 50%, #E8EDF4 81%)
}
.ovodiku2 .col2 {width: 50%; padding:8em 16em 6em 9em; }


.pro-kandidaty .how {padding-bottom: 9em;}
.process {padding:4em 12% 3em; background-color: white;}
.process h2 {text-align: center; margin-bottom: 1.8em;}
.grid-process {display:grid;  grid-template-columns:repeat(3, 1fr); gap:1%}
.grid-process div {background-color: #9d56fe; padding: 2em; color: white; font-weight: 600;}
.grid-process h5 {color: white; font-size: 3em; margin-top: 0; margin-bottom: 0.3em;}
.grid-process h4 {color: white; font-size: 1.5em; margin-top: 0; margin-bottom: 1em;}
.grid-process .icon {width:4em; display: block; margin-bottom: 1em; filter: invert(37%) sepia(37%) saturate(3925%) hue-rotate(243deg) brightness(102%) contrast(103%);}

.how {padding:7em 12% 13em; background-color: white;}
.how h2 {text-align: center; margin-bottom: 3em;}
.grid-how {display:grid;  grid-template-columns:repeat(4, 1fr); gap:9%}
.grid-how .icon {width:4em; display: block; margin-bottom: 1em; filter: invert(37%) sepia(37%) saturate(3925%) hue-rotate(243deg) brightness(102%) contrast(103%);}

.foreigners {padding:7em 12% 13em; margin:5em 0; background-color: #352b37; color:white}
.foreigners h2 {text-align: center; margin-bottom: 0.8em; color: white;}
.foreigners > p {text-align: center; width: 50%; margin: 0 auto 6em;}
.foreigners h5 {color: white; text-align: center; font-size: 1.3em; font-weight: 600;}
.grid-foreigners {display:grid;  grid-template-columns:repeat(4, 1fr); gap:9%}
.grid-foreigners .icon {width:4em; display: block; margin:0 auto 1em; 
    filter: invert(37%) sepia(37%) saturate(3925%) hue-rotate(243deg) brightness(102%) contrast(103%);}

    .pro-kandidaty .grid-how.grid-ukrajince {padding-bottom: 15em;}


.section-pozice {padding: 7em 12% 8em; background-color: #f1f1f1;
    background: rgb(241,234,236);
    background: linear-gradient(332.37deg, #FFFFFF 5.12%, #E1F5FF 53.99%, #E9D5FF 119.13%);
    background:url('../imgs/grad2.jpg'); background-size: cover;
}
.section-pozice h2 {text-align: center; margin-bottom: 1.2em;}
.pozice {display:flex; align-items:center; background-color: white;
     padding:2em; margin-bottom: 0.5em; 
    box-shadow: 28px 23px 80px rgba(0,0,0,.05);}
.pozice h3 { font-size: 1.4em; line-height: 1.2em; margin: 0; width: 40%; padding-right: 2em;}
.pozice .location-cont {width:30%}
.pozice .pin {width: 1.6em; margin-top: -0.1em; opacity: 0.2;}
.pozice .category {width:20%;}
.pozice .arrow-cont {width:10%; text-align: right;}
.pozice .arrow-right {width:1em; transition: 0.1s all ease;}
.pozice:hover .arrow-right {transform: translateX(0.6em);}
.pozice:hover h3 {color: var(--color2);}

.pozice p {padding: 0; margin: 0;}



.pronajem {padding:0 1rem 0 21%; position: relative; margin-top: 7em; margin-bottom: 5em; }
.pronajem-flex {display: flex;}
.pronajem-flex .col1 {width:60%;
    background: rgb(241,234,236);  background: linear-gradient(296deg, #F1EAEC 0%, #F8E3E6 13%, #FADFEC 23%, #E8E2FB 50%, #E8EDF4 81%)
}
.pronajem-flex .illu2 {width:40%; display: block;}
.pronajem-text {position: absolute; left:12%; top:50%; transform: translateY(-50%); width:30%}
.circle {    position: absolute;
    top: -7.3em;
    z-index: 3;
    left: 56.9%;
    display: block;
    width: 17%; height: auto;
        animation: rotate 20s linear backwards infinite; }
@keyframes rotate {
0%   {transform: rotate(360deg) }
100% {transform: rotate(0deg)}
}

.products {padding:4em 12% 12em; background-color: white;}
.products h4 {text-align: center; margin-bottom: 3em;}

/*pronajem*/
.table {margin-bottom: 7em; border:none}
.table caption {    font-size: 2.5em; text-align: left; margin-bottom: 0.9em;     font-weight: 600;}

table th {text-align: left; border:none}
table thead tr, table thead td{border: none;}

.page-template-page-pronajem .entry-content {width: 60%;}

.sub-intro {position: relative;}
.sub-intro img {width: 100%;}
.sub-intro h1 {position: absolute; left:10%; top: 50%; margin: 0;}
article.page {margin-top: 4em;}

.page-template-page-vodik {background: #e8edf3;
    /* background: linear-gradient(296deg, #F1EAEC 0%, #F8E3E6 13%, #FADFEC 23%, #E8E2FB 50%, #E8EDF4 81%);*/
    }

    img.cells {mix-blend-mode: multiply;}

   .single-pozition h1 {margin-top: 0.3em;}
   .single .attributes {font-weight: bold; font-size: 1.5em;}
   .single .attribute {font-weight: normal; color:var(--color2)}

   .formular1 {width: 50%;}

.header-sub {padding-top: 0;}

.onas-section .col2 {background-image: url('../imgs/bg-onas.jpg'); background-size: cover;;}




/*datacruit*/
.cont-filters, .datacruit-categories {display: none;}
.detail-page {padding: 7em 12% 13em;}
.detail-page h1 {font-size: 3em;}

.datacruit-job__job-salary, .datacruit-job__job-location, .datacruit-job__job-salary, .datacruit-job__job-fulltime, .datacruit-job__job-languages {margin-bottom: 0;}
.datacruit-form {margin-top: 3em;}








/*footer webflow export*/

.footer {
    padding-top: 3em;
    
    background: rgb(241,234,236);  background: linear-gradient(296deg, #F1EAEC 0%, #F8E3E6 13%, #FADFEC 23%, #E8E2FB 50%, #E8EDF4 81%);
  }
  
  .section-foot1 {
    padding-right: 6%;
    padding-left: 6%;
  }
  
  .logo-footer {
    width: 7em;
  }
  
  .section-foot3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3em 6%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #cec1bc;
    font-size: 0.8em;
  }
  .section-foot2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100px;
    padding: 2em 6% 5em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .foot-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .foot-col3 {
    display:block;
    width: 36%;
  }
  
  .foot-col1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 27%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: normal;
    
    justify-content: normal;
    -webkit-box-align: start;
    
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .foot-p {
    line-height: 1.9rem;
  }
  
  .bold-text {
    font-weight: 600;
  }
  
  .bold-text-2 {
    font-weight: 600;
  }
  
  .bold {
    font-weight: 600;
  }
  
  .foot-h {
    margin-bottom: 1.5em;
    font-size: 2.3em;
    line-height: 1.2em;
    font-weight: 500;
    text-align: right;
  }
  
  .wpcf7-form {position: relative; display: block;}

  .nl-cont input[type=email] {
    padding-left: 0.4em;
    border-style: solid;
    border-width: 0px 0px 1px;
    border-color: #000;
    background-color: transparent;
    color: #000;
  }

  .nl-cont input[type=email]:focus {border: none; outline: none;}
  .wpcf7 input[type="email"] {width: 100%;} 
  .nl-input-text::-webkit-input-placeholder {
    color: #000;
  }
  
  .nl-input-text:-ms-input-placeholder {
    color: #000;
  }
  
  .nl-input-text::-ms-input-placeholder {
    color: #000;
  }
  
  .nl-input-text::placeholder {
    color: #000;
  }
  
  .nl-cont p { margin-bottom: 0;}

  .nl-cont p:nth-of-type(2)  {
    position: absolute;
    left: auto;
    top: auto;
    right: 0.5em;
    bottom: 0.3em;
    width: 2.6em;
  }

  .nl-cont .wpcf7-spinner {display: none;}
  .nl-cont input[type=submit] {    width: 2.5em; color:transparent;
    height: 2.8em;
    margin-bottom: 0.2em;
    background-color: transparent;
    background-image: url('../imgs/arrow-right-circle.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    border:none}
  

    .nl-cont input[type=submit]:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
  }
  
  .nl-form {
    position: relative;
  }

  .visas {display: block;
    width: 50%;
    float: right;
    margin-top: -0.7em;}

.page h3.foot-h {color:black}