body {font-family: var(--font-body);padding:0;margin:0;font-size: 18px;line-height: 1.2;color: var(--c-main-dark);-webkit-font-smoothing: antialiased;}
input, textarea, button {border-radius: 0;-webkit-appearance:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
nav ul{list-style: none;padding: 0;margin: 0;}
::selection {color: black;background: var(--c-green);}
::-moz-selection {color: black;background: var(--c-green);}
::-webkit-scrollbar{background:var(--c-main-dark);width:10px;}
::-webkit-scrollbar-thumb{background: var(--c-green);}
*:not(.slick-track,.slick-list,.selectbox-dropdown), *:before, *:after{transition: all .4s;}
a {text-decoration:none;outline: none;color: var(--c-white);}
img{border:0;display: flex;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom: 20px;font-family: var(--font-titles); font-weight: 800;}
h1{font-size:72px;}
h2{font-size:52px;}
h3{font-size:44px;}
h4{font-size:28px;}
h5{font-size:22px;}
h6{font-size:18px;}
p{margin:0;}
/*--grid classes---*/
.row {display: flex;flex-wrap: wrap;}
.row-reverse {display: flex;flex-wrap: wrap;flex-direction: row-reverse;}
.flex-row-center{display: flex;justify-content: center;}

.hide-mobile{display:flex;}
.hide-desktop{display:none;}
.grid-four-items{display: grid; grid-template-columns: repeat(var(--grid-four-items), 1fr);}
/*bg colors*/
.bg-img-settings{background-repeat: no-repeat;background-size: cover;}
.responsive-img{max-width: 100%;height: auto;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.to-right-auto{margin-left: auto;}
.to-left-auto{margin-right: auto;}
.hand{cursor:pointer;}
.t-b{font-weight:bold;}
.t-m{font-weight:500;}
.t-l{font-weight:300;}
.t-nob{font-weight:normal;}
.t-i{font-style: italic;}
.t-u{text-decoration:underline;}
.t-nou{text-decoration:none;}
.t-upper{text-transform: uppercase;}

.wpcf7-not-valid-tip { font-size: 14px; }
.wpcf7 form .wpcf7-response-output { margin-block-start: 0; font-size: 14px; }

.hide{display:none;}
.grid {width: 100%;margin: 0 auto;}
.grid.wide{max-width: var(--grid-wide);}
.grid.main{max-width: var(--grid-main);}
.grid.small{max-width: var(--grid-small);}
.grid.tiny{max-width: var(--grid-tiny);}
/*---animation calsses---*/
.anim-target{/*a dummy class to target element in DOM*/}
.anim-general-transition{transition-property: transform,opacity;transition-timing-function: cubic-bezier(.175,.885,.32,1.175);transition-duration: 0.75s;}
.anim-delay-100{transition-delay: .1s;}
.anim-delay-200{transition-delay: .2s;}
.anim-delay-300{transition-delay: .3s;}
.anim-delay-400{transition-delay: .4s;}
.anim-delay-500{transition-delay: .5s;}
.anim-delay-600{transition-delay: .6s;}
.anim-delay-700{transition-delay: .7s;}
.anim-delay-800{transition-delay: .8s;}
.anim-delay-900{transition-delay: .9s;}
.anim-delay-1000{transition-delay: 1s;}
.anim-from-left{transform: translate(-20%,0);opacity: 0;}
.anim-from-right{transform: translate(20%,0);opacity: 0;}
.anim-from-top{transform: translate(0,-20%);opacity: 0;}
.anim-from-bottom{transform: translate(0,35%);opacity: 0;}
.anim-flip-y{transform: perspective(2500px) rotateY(-100deg);opacity: 0;}
.anim-to-zero{transform: translate(0,0);opacity: 1;}
.flip-to-zero{transform:perspective(2500px) rotateY(0);opacity: 1;}

.btn {display: flex;max-width: fit-content;padding: 8px 20px;justify-content: center;align-items: center;position: relative;border-radius: 40px;}
.btn.secondary {background: rgba(255, 255, 255, 0.10);}
.btn.secondary:before {content: "";position: absolute;border: 1px solid transparent;background: linear-gradient(45deg, #aaaaaa, #6F6F6F, #E1E1E1) border-box;mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000000 0 0);mask-composite: exclude;width: 100%;height: 100%;border-radius: 40px;}
.btn.secondary:hover { background: rgba(95, 189, 54, 0.70); box-shadow: 0 0 15.1px 0 var(--c-green); }
.btn.secondary:hover:before { background: transparent; }
.btn.primary {background: var(--c-green);gap: 10px;}
.hero {display: flex;width: 100%;height: 360px;align-items: flex-end;justify-content: center;}
.hero h1 {color: var(--c-white);margin-block-end: 80px;line-height: 1;}
.header-nav>li.btn > a {padding: 8px 20px;position: relative;}
.header-nav>li.btn { padding: 0; }
.header-nav>li.btn > a:hover { color: var(--c-white); }
.btn.primary:hover {
    background: rgba(95, 189, 54, 0.70);
    box-shadow: 0 0 15.1px 0 var(--c-green);
}
/*--heaer--*/
.header.scroll {background-color: var(--c-main-dark);}
.header-nav li:first-child { margin-inline-start: auto; }
.header {background-color: transparent;box-shadow: 0 5px 20px 0 rgb(0 0 0 / 9%);position: fixed;width: 100%;inset-inline-start: 0;top: 0;z-index: 9999;display: flex;flex-direction: column;justify-content: center;height: var(--header-height);}
.header-menu-wrapper {max-width: calc(100% - 133px);width: 100%;display: flex;}
.menu-top-menu-container {width: 100%;}
.header-logo-wrapper {max-width: 133px;width: 100%;display: flex;align-items: center;}
.header-logo {max-width: 100%;}
.header-nav {display: flex;align-items: center;height: 100%;width: 100%;font-family: var(--font-body);gap: 40px;}
.menu-top-nav-container {height: 100%;}
.header-nav>li {position: relative;}
.header-nav>li:hover>a, .header-nav .sub-menu li:hover>a, .header-nav>li.current-menu-item>a,.footer-nav li.current-menu-item a {color: var(--c-green);}
.header-nav>li>.sub-menu {display: none;position: absolute;width: max-content;background-color: rgb(0 0 0 / 90%);border: 2px solid var(--c-blue);box-shadow: 0 0 20px rgb(18 65 180 / 50%);padding: 10px 20px;top: 40px;}
.header-nav>li.menu-item-has-children:hover > .sub-menu {display: block;}
.header-nav>li.menu-item-has-children:before {content: "";position: absolute;width: 100%;height: 40px;top: 5px;}
.header-nav>li.btn {margin-inline-start: auto;}
/*--hp--*/
.vid-bg-wrapper {position: relative;height: 100vh;}
.vid-bg {position: absolute;width: 100%;max-width: 100%;height: 100%;inset-block-start: 0;object-fit: cover;z-index: -1;}
.hp-top { display: flex; flex-direction: column; justify-content: center; }
.hp-top .content-wrapper { max-width: fit-content; margin-inline: auto; text-align: center; color: var(--c-white); }
.hp-top .content-wrapper h1 { max-width: 800px; }
.hp-top .content-wrapper .text { max-width: 390px; font-style: normal; font-weight: 300; line-height: 150%; margin-inline: auto; }
.hp-top .content-wrapper .row { justify-content: center; margin-block-start: 32px; gap: 15px; }
.hp-main { display: flex; flex-direction: column; justify-content: center; }
.hp-main .content-wrapper { max-width: fit-content; margin-inline: auto; text-align: center; margin-block-end: 90px; }
.hp-main h2 {
    font-weight: 600;
}
.main-item { backdrop-filter: blur(13px); border-radius: 20px; background: rgba(255, 255, 255, 0.20); border: 1px solid var(--c-white); border-radius: 20px; min-height: 300px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
.hp-main .grid-four-items { gap: 20px; }
.main-item h5 { font-size: 22px; font-style: normal; font-weight: 300; line-height: 140%; letter-spacing: -0.22px; font-family: var(--font-body); max-width: 45%; text-align: center; margin: 0; }
.hp-main .content-wrapper .text {font-size: 28px;max-width: 800px;font-weight: 300;line-height: 140%; letter-spacing: -0.28px;}
.hp-quote { height: 100vh; }
blockquote { font-size: 38px; font-family: Montaga; max-width: 770px; text-align: center; margin-inline: auto; margin-block: 0; padding-block-start: 115px; display: flex; flex-direction: column; gap: 35px; }
blockquote span { font-family: var(--font-body); font-size: 14px; }
.career-banner { height: 325px; display: flex; flex-direction: column; justify-content: center; }
.career-banner .career-banner-content { color: var(--c-white); }
.career-banner .btn.secondary { align-self: center; gap: 10px; margin-inline-start: auto; }
.career-banner-content .text { max-width: 630px; font-style: normal; font-weight: 300; line-height: 150%; }
/*--about--*/
.about-main .wrapper { display: flex; gap: 55px; }
.about-main .text-wrapper {font-size: 28px;height: fit-content;align-self: center;line-height: 140%;letter-spacing: -0.28px;font-weight: 300;}
.about-main .bg-img-settings { height: 635px; background-position: center; }
/*--text page--*/
.text-page-top {
    padding-block-start: calc( var(--header-height) * 1.5 );
}
.page-template-text-page .header {
    background-color: var(--c-main-dark);
}
.text-page-content h3 {
    margin-block-start: 20px;
}

.text-page-content a {
    color: inherit;
}

.text-page-content a:hover {
    text-decoration: underline;
}
.text-page-content {
    line-height: 1.4;
}
/*--404 page--*/
.page-404 { height: 100vh; background-color: var(--c-main-dark); display: flex; align-items: center; }
.page-404 h1 { font-size: 44px; }
.page-404 .btn.secondary { margin-inline: auto; margin-block-start: 75px; }
.page-404 .text-center { color: var(--c-white); }
.page-404 img {max-width: 100%; margin-inline: auto; }
/*--tahnks--*/
.thanks { background-image: url(/wp-content/uploads/thanks.jpg); height: 100vh; display: flex; background-position: center; }
.thanks .grid.main { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.thanks p { margin-block-end: 40px; }
 
/*--carrer--*/
.careers { padding-block: 85px; }
.plus-line { display: flex; position: absolute; width: 2px; height: 100%; background-color: var(--c-main-dark); transform-origin: 0; inset: 0; margin: auto; }
.career-item .text-wrapper .text h2,.career-item .text-wrapper .text h3,.career-item .text-wrapper .text h4,.career-item .text-wrapper .text h5,.career-item .text-wrapper .text h6,.career-item .text-wrapper .text h2 { font-family: var(--font-body); font-weight: normal; }
.career-plus { position: relative; width: 30px; height: 30px; display: flex; }
.title-row h4 { font-family: var(--fon-body); font-weight: 300; color: var(--c-main-dark); margin: 0; line-height: normal; }
.title-row { display: flex; justify-content: space-between; }
.career-item .text-wrapper { max-height: 0; overflow: hidden; max-width: 95%; display: flex; justify-content: space-between; }
.career-item.open h4 { color: var(--c-green); }
.career-item { display: flex; flex-direction: column; align-items: stretch; background-color: var(--c-grey); border-radius: 20px; padding: 30px; box-sizing: border-box; cursor: pointer; }
.career-item.open .career-plus .plus-line:first-child { height: 0; }
.plus-line:last-child { transform: rotate(90deg) translate(-1px, -1px); }
.career-item .text-wrapper .text { padding-block-start: 30px; max-width: 60%; font-style: normal; font-weight: 300; line-height: 150%; }
.send-cv .arrow-icon { display: inline-block; width: 16px; height: 12px; background: var(--c-white); mask: url('/wp-content/uploads/arrow-right.svg') no-repeat center; -webkit-mask: url('/wp-content/uploads/arrow-right.svg') no-repeat center; mask-size: contain; -webkit-mask-size: contain; }
.send-cv:hover .arrow-icon { background: var(--c-green); }
.send-cv:hover { color: var(--c-green); background-color: transparent; box-shadow: 0 0 15.1px 0 var(--c-green); }
.send-cv { display: flex; gap: 10px; background-color: var(--c-green); padding-inline: 70px; padding-block: 10px; border-radius: 30px; align-items: center; }
.career-email { display: flex; align-items: center; background-color: var(--c-white); padding: 30px; max-height: fit-content; border-radius: 20px; }
.careers-wrapper {display: flex;flex-direction: column;gap: 20px;}
/*--contact--*/
.contact-main .wrapper {display: flex;max-width: 580px;width: 100%;margin-inline: auto;justify-content: space-between;}
.contact-main { padding-block: 175px; }
.contact-main .contact-wrapper { max-width: 46%; }
.contact-main .inf-wrapper,.contact-main .contact-wrapper {width: 100%;}
.contact-main .inf-wrapper { display: flex; flex-direction: column; gap: 10px; }
.contact-main .inf-wrapper .inf-row a { color: var(--c-main-dark); }
.contact-main .inf-row { display: flex; gap: 10px; }
.contact-main .inf-wrapper h4 {font-family: var(--font-body);font-weight: 300;}
.inf-row .text {
    font-weight: 300;
}
.contact-wrapper form input,.contact-wrapper form textarea {width: 100%;font-family: var(--font-body);border: none;border-block-end: 1px solid #A8A8A8;resize: none;margin-block-start: 10px;color: #A8A8A8;font-size: 18px;font-weight: 200;}
.contact-wrapper form .form-field-wrapper { max-width: 50%; }
.contact-wrapper form textarea { height: 70px; }
.contact-wrapper form input { height: 30px; }
.contact-wrapper form input[type="submit"]{margin: 0;height: 40px;width: 100%;display: flex;max-width: 100%;font-size: 20px;background-color: var(--c-green);color: white;margin-block-start: 20px;font-weight: 400;background-image: url(/wp-content/uploads/arrow-right.svg);background-repeat: no-repeat;background-position: 68% 55%;cursor: pointer;}
.contact-wrapper form input[type="submit"]:hover {
    box-shadow: 0 0 15px 0 var(--c-green);
}
.contact-wrapper form br { display: none; }
.contact-wrapper form .row { gap: 20px; flex-wrap: nowrap; }
.contact-wrapper form input::placeholder,.contact-wrapper form textarea::placeholder { font-size: 18px; color: #A8A8A8; }
 
/*--footer--*/
.copyrights {
    display: flex;
    gap: 25px;
}

.credits a {
    display: flex;
    color: inherit;
    gap: 8px;
}

.credits {
    gap: 8px;
    display: flex;
}

.credits a:hover {
    text-decoration: underline;
}
.footer-nav li a { color: var(--c-main-dark); }
.footer-menu-wrapper { display: flex; align-items: center; margin-inline: auto; }
footer { padding-block-start: 80px; padding-block-end: 40px; }
.footer-bottom { display: flex; justify-content: center; gap: 25px; padding-block-start: 32px; position: relative; margin-block-start: 80px; font-size: 14px; }
.footer-bottom-menu-wrapper ul { gap: 25px; }
.footer-menu-wrapper ul li a:hover { color: var(--c-green); }
.footer-bottom:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(12 8 1 / 15%); inset-block-start: 0; }
.footer-menu-wrapper ul { gap: 32px; }
.footer-bottom-menu-wrapper ul li a:hover { text-decoration: underline; }

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*laptop & small Screens!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@media (max-width: 1681px) {
    :root{ --header-height: 100px; --grid-wide: 95%; --grid-main: 90%; --grid-small: 85%; --grid-tiny: 80%; }
    h1 { font-size: 60px; }
    h2{font-size:44px;}
    h3{font-size:36px;}
    h4{font-size:24px;}
    h5{font-size:18px;}
    h6{font-size:18px;}
    .header-logo-wrapper { max-width: 100px; }
    .hero{ height: 250px; }
    .contact-main { padding-block: 60px; }
    .hp-main { padding-block: 50px; }
    blockquote { font-size: 32px; max-width: 650px; padding-block-start: 50px; gap: 20px; }
    .main-item h5 { max-width: 65%; }
    .about-main .bg-img-settings { height: 450px; }
    footer { padding-block: 40px; } .socials { display: flex; align-items: center; }
    .footer-bottom { margin-block-start: 40px; }
    .page-404 img {max-width: 30%; }
}
@media (max-width: 1540px) {
    .career-plus {
    width: 26px;
    height: 26px;
}
}
@media(max-width:1440px){
}
@media(max-width: 1366px){
}
@media (max-width: 1280px) {
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*tablet classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 1279px) {
    :root{ --grid-four-items: 2; --header-height: 70px;--grid-small: 90%;--grid-tiny: 90%;}
    .hide-mobile{display:none;}
    .hide-desktop{display:flex;}
    h1 { font-size: 45px; }
    h2{font-size:35px;}
    h3{font-size:30px;}
    h4{font-size:22px;}
    /*--header--*/ 
    .header-menu-wrapper {max-width: 50%;height: 100%;position: fixed;inset-inline-end: 0;z-index: 0;background-color: rgb(3 13 4 / 30%);top: 0;transition: all .6s ease;backdrop-filter: blur(13px);border: 1px solid #A8A8A8;transform: translate3d(100%, 0, 20px);}
    .header,.header.scroll {height: var(--header-height);}
    .heaer-logo { max-width: 30%; } 
    .header-nav li:first-child { margin-inline: 0; }
    .header-nav>li.btn:before { display: none; }
    .header-nav>li.btn,.header-nav>li.btn:hover { background-color: transparent; box-shadow: none; }
    .header-nav>li.btn > a { padding: 0; }
    .header-logo-wrapper { max-width: 85px; }
    .header-nav>li a { font-size: 25px; }
    .hero { height: 225px; }
    .hero h1 { margin-block-start: calc(var(--header-height) / 2); }
    .header-nav {flex-direction: column;max-width: var(--grid-main);margin-inline: auto;align-items: flex-start;padding-block-start: 50px;} 
    .header-nav>li:last-child {margin: 0;height: auto;}
     .header-humburger {width: 100%;background-color: var(--orange);height: 3px;display: flex;} 
    .header-nav>li a {display: inline-flex;width: fit-content;} 
    .header .header-nav>li>.sub-menu {background-color: transparent;padding: 0;}
    /*--humburger anim--*/
    .header-humburger-wrapper {width: 45px;height: 24px;display: flex;align-self: center;flex-direction: column;justify-content: space-between;margin-inline-start: auto;padding: 0;background: transparent;border: none;}
    .header-humburger {width: 100%;background-color: white;height: 3px;display: flex;} 
    .header-menu-wrapper.open {
    transform: translate3d(0, 0, 20px);
}
    .header-humburger.line1,.header-humburger.line3 {transform: translateY(0) rotate(0);}
    .header-humburger.line2.open {opacity: 0;}
    .header-humburger.line2 {transition-duration: .75s;}
    .header-humburger.line1.open {animation: huburger-line1-open .75s forwards;}
    .header-humburger.line1.close {animation: huburger-line1-close .75s forwards;}
    .header-humburger.line3.open {animation: huburger-line3-open .75s forwards;}
    .header-humburger.line3.close {animation: huburger-line3-close .75s forwards;}
    @keyframes huburger-line1-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(10px) rotate(0);}
        100%{transform: translateY(10px) rotate(45deg);}
    }
    @keyframes huburger-line1-close{
        0%{transform: translateY(10px) rotate(45deg);}
        50%{transform: translateY(10px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    @keyframes huburger-line3-open{
        0%{transform: translateY(0) rotate(0);}
        50%{transform: translateY(-10px) rotate(0);}
        100%{transform: translateY(-10px) rotate(-45deg);}
    }
    @keyframes huburger-line3-close{
        0%{transform: translateY(-10px) rotate(-45deg);}
        50%{transform: translateY(-10px) rotate(0);}
        100%{transform: translateY(0) rotate(0);}
    }
    .hp-top .content-wrapper .text {
    max-width: 85%;
}
    .page-404 h1 {
    font-size: 30px;
}
    .about-main .wrapper { flex-direction: column; }
    .about-main .text-wrapper { font-size: 25px; text-align: center; }
    .about-main .video-wrapper video { max-width: 100%; }
    .about-main { padding-block: 50px; }
    .about-main .bg-img-settings { height: 530px; }
    .careers { padding-block: 30px; }
    .career-item .text-wrapper { flex-direction: column; }
    .career-item .text-wrapper .text { max-width: 100%; }
    .career-item { padding: 20px; }
    .career-plus { width: 20px; height: 20px; }
    .careers-wrapper { gap: 10px; }
    .title-row { align-items: center; }
    .career-email { padding: 20px; justify-content: center;}
    .contact-main .wrapper { flex-direction: column; max-width: 100%; gap: 30px; }
    .contact-main .contact-wrapper { max-width: 100%; }
    .contact-main { padding-block: 30px; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .footer-bottom-menu-wrapper ul { justify-content: center; }
    footer .grid.wide > .row {justify-content: space-between;}
    .footer-menu-wrapper {margin-block: 30px;max-width: 100%;width: 100%;justify-content: center;display: none;}
    .footer-menu-wrapper ul {display: grid;grid-template-columns: repeat(2, 1fr);width: 70%;}
    .socials { display: flex; justify-content: center; }
 .copyrights {
    flex-direction: column;
    text-align: center;
    gap: 10px;

}
.hp-main {
    --grid-four-items: 2;
}

.main-item {
    min-height: auto;
    padding-block: 30px;
}

.main-item h5 {
    font-size: 20px;
    max-width: 90%;
}
.credits {
    justify-content: center;
}
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*mobile classes!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
@media (max-width: 768px) {

}

@media(max-width:440px){
    :root{ --grid-four-items: 1; --grid-wide: 90%;}
    .hp-main.vid-bg-wrapper { height: auto; }
    blockquote {max-width: var(--grid-main);font-size: 25px;padding-block-start: 50px;}
    .hp-quote {height: 660px;background-position: bottom;}
    .career-banner { height: 820px; justify-content: flex-start; }
    .career-banner .btn.secondary { margin-inline: auto; }
    .career-banner-content .text { text-align: center; margin-block: 30px; }
    .career-banner .career-banner-content h3 { text-align: center; }
    .career-banner .career-banner-content { padding-block-start: 80px; }
    .hp-main .content-wrapper { max-width: var(--grid-main); margin-block-end: 50px;}

}

@media(max-width:375px){

}