/* ---------- GLOBAL ---------*/
:root {
    --headerText: #FFF;
    --WebwaveBlue: #220651;
    --WebwavePurple: #980E97;
    --border-grey: #e5e5e5;
    --text-grey: #595959;
}
/* montserrat-200 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/montserrat-v15-latin-ext_latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v15-latin-ext_latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v15-latin-ext_latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v15-latin-ext_latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* montserrat-300 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/montserrat-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v15-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* montserrat-regular - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v15-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
/* montserrat-500 - latin-ext_latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v15-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/montserrat-v15-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/montserrat-v15-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('../fonts/montserrat-v15-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/montserrat-v15-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-display: fallback;
}
html{
    -webkit-font-smoothing: subpixel-antialiased;!important;
    scroll-behavior: smooth;
}
body.page{
    margin-bottom:0;
}
html,a,span,h1,h2,h3,h4,h5,h6,b,p,li{
    font-family: 'Montserrat';
}
a{
    text-decoration: none;
}
a:visited{
    color:var(--WebwaveBlue);
}
h1,h2,h3,h4,h5,h6{
    font-weight:300;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    margin:0;
    margin-bottom:15px;
}
h1 p,h2 p,h3 p,h4 p,h5 p,h6 p{
    margin:0;
}
p {
    font-weight: 200;
    margin:0;
    margin-bottom:15px;
}
h1 {
    font-size: 24px;
}
h1 span{
    font-weight:400;
    color:var(--WebwaveBlue);
}
h2{
    font-size: 36px;
    font-weight: 400;
}
h2 span{
    color: var(--WebwaveBlue);
    font-weight: 500;
}
.italic{
    font-style:italic;
}
.underline::after{
    content: '';
    display: block;
    height: 2px;
    background-color: var(--WebwaveBlue);
    width: 65px;
    transition: all 0.3s;
    margin: auto;
    margin-top: 5px;
}
.full--underline::after{
    content: '';
    display: block;
    height: 1px;
    background-color: var(--WebwaveBlue);
    width: 100%;
    transition: all 0.3s;
    margin: auto;
    margin-top: 5px;
}
h2.title{
    margin:auto;
    width: max-content;
    margin-bottom:60px;
}
ul{
    list-style: none;
    padding:0;
    margin:0;
}
.small--underline::after{
    content: '';
    display: block;
    height: 2px;
    background-color: var(--WebwaveBlue);
    width: 65px;
    margin-top: 10px;
}
.background--ligh--blue {
    background-color: #F9F9F9;
}
.background--gradient{
    background: linear-gradient(104.95deg, #220651 21.87%, #980E97 100%);
}
.bg-grey {
    background-color: #F5F5F5;
}
.language-switcher a img{
    width: 25px!important;
    height: auto!important;
}
.language-switcher {
    margin-left: 50px;
    width: 25px;
    min-width: 46px;
}
a {
    outline: none;
}
.menues {
    display: flex;
    align-items: center;
}
.language-switcher a {
    height: 18px;
}
.mobile{
    display: none;
}
input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.banner.background--gradient {
    min-height:50vh;
    padding-top: 20vh;
}
.banner.background--gradient h1{
    font-size:36px;
    font-weight: 400;
    text-align: center;
    color: #eaeaea;
}
.banner.background--gradient h1 b {
    color: #eaeaea;
}
.banner.background--gradient .underline::after {
    background-color: #FFF;
    width: 135px;
    margin-top: 10px;
}
/*---------- HEADER ----------*/
.lang-item a {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 5px;
    padding: 3px 10px;
    position: relative;
    bottom: 5px;
    color:#FFF;
}
.lang-item:after {
    display: none!important;
}
#masthead{
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-top:35px;
    position: relative;
    z-index: 2;
}
#masthead .site-branding{
    margin-right:150px;
}
#masthead #primary-menu{
    display:flex;
    justify-content: space-between;
}
#masthead #primary-menu a{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    color: var(--headerText);
    text-transform: uppercase;
}
#masthead #primary-menu li::after{
    content:'';
    display:block;
    height:1px;
    background-color: var(--headerText);
    width:0%;
    position: absolute;
    left:auto;
    right:0;
    transition:all 0.3s;
    margin-top:3px;
}
#masthead #primary-menu .current-menu-item::after,#masthead #primary-menu li:hover::after{
    width:100%;
    left:0;
    right:auto;
}
/*body:not(.home) #masthead #primary-menu a{*/
/*    color: var(--WebwaveBlue);*/
/*}*/
/*body:not(.home) .site-branding img {*/
/*    content: url(/wp-content/uploads/2021/09/webwave_logo_blue.webp);*/
/*}*/
/*body:not(.home) #masthead #primary-menu li::after{*/
/*    background-color: var(--WebwaveBlue);*/
/*}*/
section{
    padding:100px 0;
}
.burger {
    display:none;
}
#masthead .mobile-menu .exit-menu{
    width: 25px;
    position: absolute;
    top: 15px;
    left: 15px;
    cursor: pointer;
}
#masthead .mobile-menu{
    position: fixed;
    height: 100vh;
    top: 0;
    right: -280px;
    background: rgba(255,255,255,.9);
    padding: 0;
    padding-left: 50px;
    overflow-y: scroll;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    z-index: 10;
    transition: right ease-in-out .5s;
    width: 270px;
}
#masthead .mobile-menu.show{
    right: 0;
}
#masthead .mobile-menu #site-navigation {
    max-height: 100vh;
    overflow-y: scroll;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    height: 100%;
    display: flex;
    align-items: center;
}
#masthead .mobile-menu #site-navigation ul {
    flex-direction: column;
    text-align: right;
    padding-bottom: 0;
    padding-left: 0;
    align-items: flex-end;
    justify-content: center;
}
#masthead .mobile-menu #primary-menu li {
    margin-bottom: 35px;
}
#masthead .mobile-menu #primary-menu li a{
    color: var(--WebwaveBlue);
    text-decoration: none;
    font-weight: 600;
    font-size: 20px;
}
#masthead .mobile-menu #primary-menu li::after{
    background-color: var(--WebwaveBlue);
    height: 3px;
}
/*---------- HOMEPAGE ----------*/
.banner{
    margin-top:-103px;
    text-align: center;
    padding:0;
    position: relative;
    overflow: hidden;
    min-height: calc(100vh + 1px);
}
.banner .banner__image--off,.banner  .banner__image--on{
    object-fit: cover;
    position: absolute;
    z-index: -1;
    top: 0;
    height: 100%;
    width: 100%;
}
.banner  .banner__image--on{
    z-index: -2;
    animation: flickering 10s infinite;
    animation-delay: 3s;
}
@keyframes flickering {
    0% {
        z-index: -1;
    }
    2% {
        z-index: -2;
    }
    3% {
        z-index: -1;
    }
    4% {
        z-index: -2;
    }
    6% {
        z-index: -1;
    }
    100% {
        z-index: -2;
    }
}

.banner h1{
    font-size: 53px;
    line-height: 120%;
    text-align: left;
    letter-spacing: 0.2em;
    color:var(--headerText);
}
.banner h1 b{
    color:var(--headerText);
    font-weight: 500;
    font-style: italic;
}
.banner .banner__text{
    text-align: left;
    position: absolute;
    z-index: 1;
}
.banner .banner__text a{
    font-size: 14px;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    display: inline-block;
    font-weight: 200;
}
.banner .banner__text a:after{
    background-color: #FFF;
    margin-top:3px;
    transition: width .3s;
}
.banner .banner__text a:hover:after{
    width: 100%;
}
.banner .banner__text p{
    font-weight: 200;
    font-size: 28px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 30px;
}
/*.banner .scroll{*/
/*    cursor: pointer;*/
/*    border: 2px solid var(--headerText);*/
/*    border-radius: 17px;*/
/*    height:50px;*/
/*    width:20px;*/
/*    display:flex;*/
/*    justify-content: center;*/
/*    padding:10px 0;*/
/*    transform: translateY(0);*/
/*    animation: scroll-down 4s ease-in-out infinite;*/
/*    overflow:hidden;*/
/*}*/
/*.banner .scroll .scroll__wheel{*/
/*    height:100%;*/
/*    margin-top:0%;*/
/*    width:2px;*/
/*    transform: translateY(0);opacity:1;*/
/*    background:linear-gradient(rgba(255, 255, 255, 0)  0% , rgba(255, 255, 255, 1) 100%);*/
/*    animation: scroll-wheel 4s ease-in-out infinite;*/
/*}*/

/*@keyframes scroll-down {*/
/*    30% { transform: translateY(0);}*/
/*    50% {   transform: translateY(20px);}*/
/*    70% {   transform: translateY(0);}*/
/*}*/
/*@keyframes scroll-wheel{*/
/*    30% { transform: translateY(0);opacity:1; }*/
/*    50% {  transform: translateY(150%);opacity:1;}*/
/*    51% {  transform: translateY(150%);opacity:0;}*/
/*    52% {  transform: translateY(-150%);opacity:0;}*/
/*    53% {  transform: translateY(-150%);opacity:1;}*/
/*    70% { transform: translateY(0);opacity:1;}*/
/*}*/
.banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.home #about-us{
    position: relative;
}
.home #about-us h2{
    margin-bottom:30px;
}
.home #about-us .info, .home #about-us .media .row div{
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.home #about-us p{
    font-weight: 300;
    font-size: 16px;
    color:var(--text-grey);
    /*max-width: 400px;*/

    text-align: justify;
}
.home #about-us h3{
    color:var(--text-grey);
    font-weight:500;
}
.home #about-us .media{
    text-align: right;
}
#services h2{
    margin-bottom: 50px;
    color:#FFF;
}
#services h2:after{
    background-color: #FFF;
}
.services .title{
    color:#FFF;
}
.services .title::after {
    background-color: #FFF;
}
.services .services__title, .our--work .project__title{
    font-weight: 400;
    font-size: 16px;
    color:#FFF;
}
.services .services__title {

}
.service {
    margin-bottom:25px;
}
.service .box-shadow{
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow:hidden;
    height: 100%;
    padding:20px;
    transition: all ease-in-out .3s;
}
.service:hover .box-shadow{
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.service .count{
    font-weight: 500;
    font-size: 18px;
    color:#FFF;
}
.service .row{
    padding-top:40px;
    padding-bottom:40px;
    min-height:225px;
    height: 100%;
}
.services .service.active{
    width:50%;
}
.service.active > .row{
    width:100%;
}

.service .services__excerpt, .our--work .project__excerpt{
    font-weight: 300;
    font-size: 12px;
    color:#FFF;
}
#tools h2{
    margin-bottom:130px;
}
#tools .tool{
    position: relative;
    padding-left: 60px;
}
#tools .tool h3{
    position: absolute;
    transform: rotate(-90deg) translateZ(0);
    display:flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    left: 40px;
    margin: 0;
    bottom: 0;
    transform-origin: bottom left;
    backface-visibility: hidden;
}
#tools .tool h3::before{
    content:'';
    width:82px;
    height:1px;
    margin-right:10px;
    display:block;
    background-color:var(--WebwaveBlue);
}
#tools .tool > .row{
    margin-bottom:42px;
}
#tools .tool .program{
    text-align:center;
    margin-bottom:40px
}
#tools .tool .program img{
    width:43px;
}
.our--work h2{
    color:#FFF;
    margin-bottom:50px;
}
.our--work h2::after{
    background-color: #FFF;
}
.our--work .project{
    margin-bottom:30px;
}
.our--work .box--shadow{
    padding: 40px;
    border-radius: 36px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}
.project .box--shadow{
    transition: all ease-in-out .3s;
    height: 100%;
    display: flex;
}
.project:hover .box--shadow{
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.our--work .project__image{
    display:flex;
    align-items: center;
    padding-right: 60px;
}
.our--work .project__image img{
    width: 100%;
}
.our--work .project__info{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.our--work .project__title{
    font-weight:400;
}
.our--work .project__title::after{
    background-color: #fff;
}
.our--work .project__excerpt {
    margin-bottom: 20px;
    color: #FFFFFF;
    font-weight: 200;
}
.our--work .project__read--more{
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.2em;
    text-decoration: none;
    width: max-content;
    color: #FFF;
}
.our--work .project__read--more::after{
    background-color: #FFF;
}
.our--work .view--more{
    text-align: center;
    margin-top:50px;
}
.our--work .view--more a{
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.2em;
    text-decoration: none;
    width: max-content;
    display: block;
    margin: auto;
    color: #FFF;
}
.our--work .view--more a:after {
    background-color: #FFF;
}
/*---------- ABOUT PAGE -----------*/
.about h1 {
    font-size:20px;
}
.about h1 span{
    color: var(--WebwaveBlue);
    font-weight: 500;
    font-style: italic;
}
.about .about__info{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.about .about__image{
    text-align: right;
    position: relative;
}

.workers h2{
    text-align: center;
    font-weight: 300;
    margin-bottom:50px;
}
.workers h3{
    font-weight: 500;
}
.workers .workers--middle{
    position: relative;
    display: flex;
    justify-content: center;
}
.workers .workers--right{
    text-align: right;
}
.workers .workers--right p {
    font-size:14px;
    line-height:150%;
}
.workers .workers--right .small--underline::after{
    margin-left: auto;
}
.workers .workers--right .col-8{
    margin-left:auto;
}
.workers ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.workers ul li{
    font-weight: 300;
}
.workers .programms .programm{
    margin-bottom:40px;
}
.workers.programmer .workers--middle .profile--laptop{
    position: absolute;
    left: calc(50% - 72px);
    top: calc(50% - 85px);
    animation: laptop-levitating 4s ease-in-out infinite;
}
.workers.programmer .workers--middle .profile--icons{
    position: absolute;
    animation: levitating 4s ease-in-out infinite;
}
.workers.designer .workers--middle .profile--laptop{
    position: absolute;
    left: calc(50% - 175px);
    top: calc(50% - 135px);
    z-index: 1;
    animation: laptop-levitating 4s ease-in-out infinite;
}
.workers.designer .workers--middle .profile--icons{
    position: absolute;
    animation: levitating 4s ease-in-out infinite;
}
@keyframes levitating {
    0% { transform: translateY(0);}
    50% {   transform: translateY(20px);}
    100% {   transform: translateY(0);}
}
@keyframes laptop-levitating {
    0% { transform: translateY(20px);}
    50% {   transform: translateY(0);}
    100% {   transform: translateY(20px);}
}
/*---------- WORKFLOW -----------*/
.workflow h1 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    margin-bottom:50px;
}
.workflow h2 {
    margin:0;
    font-style: italic;
}
.workflow__info p {
    margin:0;
    margin-top:5px;
}
.workflow .row {
    align-items: center;
    position: relative;
}
.workflow .row.left {
    text-align: right;
}
.workflow .row .workflow__info{
    opacity: 0;
    transform: scaleY(100px);
    transition: all .8s;
    transition-delay: 600ms;
}
.workflow .row.activated .workflow__info{
    opacity: 1;
    transform: scaleY(0px);
}
.workflow .row.left .workflow__info{
    padding-right:130px;
}
.workflow .workflow--wrapper {
    position: relative;
}
.workflow .workflow__progressbar {
    width: 2px;
    height:0%;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 2%, var(--WebwaveBlue) 6%);
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    max-height: 100%;
}
.step--indicator{
    position: absolute;
    top: calc(50% - 10px);
    padding: 0;
    width: 85px;
}
.step--indicator__number{
    background-color: var(--WebwaveBlue);
    border-radius:100%;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    width:20px;
    height:20px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height:10px;
    opacity: 0;
    transition: opacity .7s;
    transition-delay: 400ms;
    color:#FFF;
}

.activated .step--indicator__number{
    opacity: 1;
}
.workflow .row.left .step--indicator{
    left: calc(50% - 84px);
}
.workflow .row .step--indicator:after{
    content:'';
    width: 0;
    height: 2px;
    background-color: var(--WebwaveBlue);
    position: absolute;
    top: calc(50% - 1px);
    transition: all .5s ease-in-out;
}
.row.right .step--indicator__number{
    margin-left:auto;
}
.workflow .row.activated .step--indicator:after{
    width: calc(100% - 20px);
}
.workflow .row.left .step--indicator:after{
    right: auto;
    left: 20px;
}
.workflow .row.left.activated .step--indicator:after{
    right: 0px;
    left: auto;
}
.workflow .row.right .step--indicator{
    right: calc(50% - 84px);
}
.workflow .row.right .step--indicator:after{
    left: auto;
    right: 20px;
}
.workflow .row.activated.right .step--indicator:after{
    left: 0px;
    right:auto;
}
.workflow .row.right:after {
    /*left: 0;*/
}

.workflow .row.right .workflow__info{
    padding-left:130px;
}
/*---------- PORFOLIO -----------*/
.post-type-archive-atlikti-darbai h1{
text-align: center;
    margin-bottom:60px;
}
.portfolio--archive {
    padding:0;
    padding-top:25px;
}
.portfolio--archive .row{
    align-items: center;
}
.portfolio--archive .row.left .info{
    padding-left: 30px;
}
.portfolio--archive .row.right .info{
    padding-right: 30px;
}
.portfolio--archive .row.right .small--underline::after {
    margin-left: auto;
}
.portfolio--archive .row{
    padding: 35px 0;
}
.portfolio--archive .row.right{
    text-align: right;
}
.portfolio--archive h3{
    font-weight:500;
}
.portfolio--archive ul{
    margin-bottom:30px;
}
.portfolio--archive ul li{
    font-weight:300;
    margin-bottom:5px;
}
.portfolio--archive .read--more::after {
    content: '';
    display: block;
    height: 1px;
    background-color: var(--WebwaveBlue);
    width: 100px;
    margin-top: 3px;
    transition: all .5s;
}
.portfolio--archive .row.right .read--more::after {
    margin-left:auto;
}
.portfolio--archive .read--more:hover::after {
    width: 100%;
}
.portfolio--archive .read--more {
    font-size: 16px;
    letter-spacing: 0.2em;
    display: inline-block;
}
/*---------- CONTACTS -----------*/
.contacts h1 {
    margin-bottom:60px;
}
.contacts h1{
    font-weight:400;
    text-align: center;
}
.wpcf7-spinner {
    display:none;
}
.contacts .row {
    /*width: fit-content;*/
    /*width: -moz-fit-content;*/
    /*margin-left: auto;*/
    align-items: center;
}
.contacts .emails--wrapper p{
    color: var(--WebwaveBlue);
    font-weight: 300;
    letter-spacing: 0.2em;
}
.contacts .emails--wrapper p a{
    color: var(--text-grey);
}
.contacts .contact--form form{
    max-width:600px;
    width:100%;
}
.contacts .contact--form .file-858 {
    border: 1px solid rgba(190, 190, 190, 0.42);
    border-radius: 10px;
    height: 32px;
    display:block;
    margin-top:20px;
}
.contacts .contact--form .file-input {
    position: relative;
    cursor: pointer;
}
.contacts .contact--form .file-input .file-input-text{
    position: absolute;
    top: 6px;
    font-weight: 300;
    font-size: 14px;
    color: var(--text-grey);
    font-family: 'Montserrat';
    left: 20px;
    z-index: -1;
}
.contacts .contact--form .file-858 input {
    opacity:0;
    margin:0;
}
.contacts .contact--form form input{
    border: 1px solid rgba(190, 190, 190, 0.42);
    border-radius: 10px;
    margin-top:20px;
    padding-left:20px;
    outline: none!important;
    box-shadow: none!important;
    width: 100%;
    transition: all ease-in-out .3s;
}
.contacts .contact--form form input:hover, .contacts .contact--form form input:focus, .contacts .contact--form form textarea:hover, .contacts .contact--form form textarea:focus{
    border-color: var(--WebwavePurple);
}
.contacts .contact--form form textarea {
    border: 1px solid rgba(190, 190, 190, 0.42);
    border-radius: 10px;
    resize: none;
    margin-top:20px;
    padding-left:20px;
    padding-top:10px;
    outline: none!important;
    box-shadow: none!important;
    height: 200px;
    transition: all ease-in-out .3s;
}
.contacts .contact--form form input::placeholder, .contacts .contact--form form textarea::placeholder {
    font-weight: 300;
    font-size: 14px;
    color: var(--text-grey);
    font-family: 'Montserrat';
}
.contacts .contact--form br {
    display: none;
}
.wpcf7-not-valid-tip {
    margin-top: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
    margin-top:15px;
    color:#dc3232;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
    margin-top:15px;
    color:#46b450;
}
.contacts .contact--form .submit{
    width: fit-content;
    width: -moz-fit-content;
}
.contacts .contact--form .submit input{
    margin-top:30px;
    cursor: pointer;
    background-color: transparent;
    border:none;
    margin-bottom:0;
    text-transform: uppercase;
    font-family: 'Montserrat';
    letter-spacing: 0.2em;
    font-weight: 400;
    font-size: 12px;
    padding:0;
}
.contacts .contact--form .ajax-loader{
    display:none;
}
.contacts .contact--form .submit::after{
    content: '';
    display: block;
    height: 1px;
    background-color: var(--WebwaveBlue);
    width: 100%;
    transition: all 0.3s;
    margin-top: 5px;
}
    /*---------- FOOTER -----------*/
.site-footer .lang-item {
    display: none;
}
.site-footer {
    padding-top:60px;
    padding-bottom:15px;
}
.site-footer .row {
    display: flex;
    justify-content: space-between;
}
.site-footer .row > div {
    width: fit-content;
    width: -moz-fit-content;
}
.site-footer h3 {
    font-weight: 600;
    font-size: 18px;
    color: #FFF;
}
.site-footer p, .site-footer a {
    font-weight: 300;
    font-size: 12px;
    color: #FFF;
}
.site-footer .row > div:nth-child(1) p {
    max-width: 460px;
}
.site-footer p{
    font-weight: 300;
    font-size: 12px;
    color: #FFF;
    margin-bottom:5px;
}
.site-footer p a{
    font-weight: 400;
    color: #FFF;
}

.site-info {
    margin-top:70px;
    text-align: center;
    font-weight: 300;
    font-size: 12px;
    color: #FFF;
}
@media(max-width: 1200px) {
    .our--work .project__image {
        padding-right: 15px;
    }
}
@media(max-width: 991px) {
    .mobile{
        display: block;
    }
    .mobile-menu .lang-item{
        display: none;
    }
    .language-switcher {
        margin-right: 15px;
        margin-left: 35px;
    }
    .lang-item a {
        bottom: 2px;
    }
    .our--work .project__image {
        padding-right: 60px;
    }
    .banner {
        margin-top: -114px;
    }
    /* HEADER */
    .desktop {
        display:none;
    }
    .burger{
        display: block;
        cursor: pointer;
    }
    #masthead .site-branding {
        margin-right: 50px;
    }
    .home #about-us .media {
        text-align: center;
        margin-bottom: 30px;
    }
    .home #about-us .media img{
        width: 100%;
    }
    .home #about-us .row {
        flex-direction: column-reverse;
    }

    #tools .row > .tool:nth-child(1) h3 {
        bottom:69px;
    }
    #tools .row > .tool:nth-child(2) h3 {
        bottom:-18px;
    }
    #tools .row > .tool:nth-child(2) {
        margin-bottom: 50px;
    }
    #tools .tool h3::before {
        width: 40px;
    }
    #contacts .media{
        margin-bottom:30px;
    }
}
@media(max-width: 768px) {
    #contacts .media img{
        width: 100%;
    }
    .banner h1 {
        font-size: 40px;
    }
    .banner .banner__text p {
        font-size: 20px;
    }
    .banner .banner__image--off, .banner .banner__image--on {
        object-position: 60% 0;
    }
    .site-footer .row > div:nth-child(1) {
        margin-bottom:30px;
    }
    section{
        padding:50px 0;
    }
    #tools h2 {
        margin-bottom: 50px;
    }
}
@media(max-width: 550px) {
    .our--work .project__image {
        padding-right: 0;
        margin-bottom:30px;
    }
    .banner h1 {
        font-size: 32px;
    }
    .banner .banner__text p {
        font-size: 18px;
    }
    .banner {
        align-items: flex-start;
        justify-content: flex-end;
        padding-bottom: 80px;
    }
    h2 {
        font-size: 25px;
    }
}
/* Header CTA */
.header-actions {
    margin-right: auto;
    margin-left: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.btn-cta {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    padding: 8px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.btn-cta:hover {
    background-color: #ffffff;
    color: #1a1a1a !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}

@media (max-width: 991px) {
    .header-actions {
        display: none;
    }
}