/*
 Theme Name:   Toko
 Description:  The main theme powering the Toko website.
 Author:       Farhad Iskenderov
 Version:      0.0.1
 Text Domain:  toko
*/


@font-face {
    font-family: 'Polin';
    src: url('fonts/Polin-Light.woff2') format('woff2'),
        url('fonts/Polin-Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polin';
    src: url('fonts/Polin-Regular.woff2') format('woff2'),
        url('fonts/Polin-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polin';
    src: url('fonts/Polin-Semibold.woff2') format('woff2'),
        url('fonts/Polin-Semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Polin';
    src: url('fonts/Polin-Bold.woff2') format('woff2'),
        url('fonts/Polin-Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



strong,
html,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
.contact-form-thank-message strong,
fn,
input,
textarea,
p,
th,
td,
.three-images-layout .item .title,
select {
  border: 0 none;
  color: var(--blue);
  list-style-type: none;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 1rem;
  font-family: 'Polin', "Arial", sans-serif;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  overflow-x: hidden;
}
.menu-open,.booking-active{
  /* overflow: hidden; */
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
strong{
 font-weight: 700;
}
a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
}

html.open-popup {
  overflow-y: hidden;
}


:root {
 --white: #F5F1F1;
 --blue:#334272;
 --yellow:#F1F6A1;
 --purple:#6646E7;
 --purple-light:#B2C2F7;
}

header, div:not(.no-trans), span:not(.no-trans), a:not(.no-trans), p, li, ul, section, input, span:not(.preloader-el), label, img, :after, :before, button, i, img:not(.preloader-el), nav, video, h2, h1, h3 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.b-lazy {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
}
.b-lazy.b-loaded, .b-lazy.b-error {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    opacity: 1;
}
img {
  max-width: 100%;
  display: block;
  margin: auto;
}
p, strong, sub {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color: inherit;
    line-height: inherit;
}
.wrapper{
 max-width: 1280px;
 margin: auto;
 position: relative;
}
.science .wrapper i{
 content:'';
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f57c57+0,f5f1f1+100 */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 position: absolute;
 width: 813px;
 height: 796px;
 top: -50px;
 background-image: url(gfx/ellipse.svg);
 background-size: cover;
 background-repeat: no-repeat;
}

strong,b {
    font-weight: 500
}
header .contact-button,ul.contact-form label,ul.contact-form input[type='submit']{
    font-weight: 500 
}

header .contact-button a:hover,ul.contact-form input[type='submit']:hover{
 background-color:var(--white);
 color:var(--blue);
}
ul.contact-form input[type='submit']:hover{
 color:var(--blue)!important; 
}
.wow{
    visibility: hidden;
}



.our-story .description,body .popup .wpcf7-not-valid-tip,header nav li a, header .contact-button a, ul.contact-form input[type='submit'], .contact-button, .testimonials .title, .cards .name, footer .top nav a,.newsletter-description{
 font-size:1.11111rem; 
}
.hero .second-section .description,footer .top .description{
 font-size:5.111111rem;
 line-height:95px;
}
.hero .second-section .description h1{
 font-size: inherit;
 line-height: inherit;
 color: inherit;
}
.team .items .description,ul.contact-form label,.how .items .description,.cards .information .desc{
 font-size:1.33333rem;
}
.hero .first-section{
 font-size: 2.5rem;
}
.newsletter-form .wpcf7-not-valid-tip,.clients .title, .how .title span, .testimonials .description, .float-title span, .press .items .description,.press .items .date{
 font-size: 0.8888rem; 
}
.newsletter-form input[type='email']{
 font-size: 2.33333rem;
 line-height: 40px;
}
.cards .information .number,.hero .third-section .description, .how .about > .description, .press .content, .cards .main-title, .science .wrap .title, .float-form .content .title, .float-form .content .description
{
 font-size:3.11111rem;
 line-height:58px;
}
.our-team-title h1{
 font-size: 6.66666rem;
 line-height: 177px;
}
.press .items .image-description{
 font-size:0.555555rem; 
}
.how .items .title, .cards .main-description, .faq .items .question, .faq .items .answer{
 font-size:2rem;
 line-height:38px; 
}
.sent-message{
 font-size: 3.11111rem;
 line-height: 58px;
 padding-top: 30px;
}

header{
 height: 80px;
 background-color: var(--blue);
 position: fixed;
 width: 100%;
 z-index: 100;
 top: 0;
}
header .wrapper{
 display: flex;
 align-items: center;
 height: 100%;
 position: relative;

}
header .wrapper,.float-form{
}
header .logo{
 display: inline-block;
 background-size: contain;
 background-image: url(gfx/logo-blue-n.svg);
 width: 110px;
 height: 30px;
 background-repeat: no-repeat;
}
.page-template-about header .logo, .header-how .logo, .header-card-1 .logo, .header-card-2 .logo, .header-card-3 .logo, .header-science .logo, .header-faq .logo,.header-footer .logo,.header-story .logo{
 background-image: url(gfx/logo-purple-n.svg);
}
.menu-open header .logo{
 background-image: url(gfx/logo-purple-n.svg); 
}
.header-how{
 background-color: var(--white);
}
.header-card-1{
 background-color: #E7D1FF; 
}
.header-card-2,.header-footer{
 background-color:var(--yellow);
}
.header-card-3{
 background-color:#D6E0FF;
}

header .slogan{
 color: var(--white);
 padding-left: 8px;
}
header nav{
 position: absolute;
 left: auto;
 right: 0;
 margin: auto;
 width: fit-content;
}
header nav ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 align-items: center;
 column-gap: 40px;
}
header nav li{
 
}
header nav li a{
 color: var(--white);
}
header .contact-button{
 padding-left: 50px;
}
header .contact-button a,.hero .contact-button{
 color: var(--white);
 position: relative;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 height: fit-content;
 border: 2px solid var(--white);
 border-radius: 100px;
 line-height: 52px;
 padding: 0 55px;
 cursor: pointer;
 display: inline-block;
 font-weight: 500;
}
.hero .contact-button{
 background-color: var(--white);
 color: var(--blue);
}
.header-how .contact-button a:hover,
.header-card-1 .contact-button a:hover,
.header-card-2 .contact-button a:hover,
.header-card-3 .contact-button a:hover,
.header-science .contact-button a:hover,
.header-faq .contact-button a:hover,
.header-footer .contact-button a:hover,
.page-template-about .contact-button a:hover
{
  background-color: var(--blue);
 color: var(--white);
}
.hero .contact-button:hover{
  background-color: var(--yellow);
   border-color: var(--yellow);
}



.popup{
 position: fixed;
 z-index: 10000;
 width: 100%;
 height: 100%;
 display: table;
 opacity: 0;
 visibility: hidden;
 pointer-events: none;
 top: 0;
 left: 0;
}
.popup .wrap{
 display: table-cell;
 vertical-align: middle;
}
.float-form{
 display: flex;
 margin: auto;
 border-radius: 24px;
 position: relative;
 overflow: hidden;
 padding: 40px;
 max-width: 1230px;
 max-height: 800px;
 background-color: #445793;
}
.form-sent .float-form{
 overflow: hidden;
}
.float-form div, .float-form span, .float-form a, .float-form label,.float-form input{
 color: var(--white)!important;
 outline: none!important;
}
.contact-active .contact-popup{
 opacity: 1;
 visibility: visible;
 pointer-events: all;
}
.float-form .close{
 width: 24px;
 height: 24px;
 background-image: url(gfx/icon-close.svg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 24px;
 position: absolute;
 cursor: pointer;
 z-index: 10;
 filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7473%) hue-rotate(150deg) brightness(94%) contrast(103%);
}
.float-form .close:hover{
 transform: rotate(90deg);
}
.float-form:after{
 content:'';
 background-color: rgba(245,241,241,.55);
 backdrop-filter: blur(50px);
 position: absolute;
 left: 0;
 top: 0;
 width: 0;
 height: 100%;
}
.float-form .content{
 flex: 1;
 position: relative;
 z-index: 1;
}
.float-form .form{
 flex: 1;
 position: relative;
 z-index: 1;
 min-height: 720px;
}
.float-form .content .title{
 color: var(--blue);
 padding-top: 35px;
}
.form-sent .float-form .content{
 flex-basis: 35%;
}
.form-sent .float-form .form{
 flex-basis: 65%;
}
.float-form .content .description{
 position: absolute;
 bottom: 0;
}
.float-form .description{
 color: var(--blue);
 position: relative;
 z-index: 10;
}
.float-form .content a{
 color: var(--blue);
}
ul.contact-form{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.form-sent ul.contact-form{
 display: none;
}
.popup .wpcf7-response-output{
 display: none;
}
ul.contact-form li{
 padding-bottom: 32px;
 position: relative;
}
ul.contact-form li.submit{
 padding-bottom: 0;
}
ul.contact-form label{
 color: var(--blue);
}
ul.contact-form .wpcf7-form-control-wrap{
 display: block;
}
body .popup .wpcf7-not-valid-tip{
 bottom: auto;
 top: -45px;
 right: 0;
 font-weight: 500;
 color: var(--yellow)!important;
 width: 100%;
 pointer-events: none;
 text-align: right;
}
body .wpcf7-not-valid-tip{
 color: var(--white);
 position: absolute;
 bottom: -30px;
}
body .wpcf7 form.invalid .wpcf7-response-output{
 display: none;
}
ul.contact-form input,ul.contact-form textarea{
 display: block;
 width: 100%;
 border-radius: 8px;
 background-color: transparent;
 border: 1px solid var(--white);
 line-height: 54px;
 color: var(--white);
 padding: 0 20px;
 margin-top: 15px;
}
ul.contact-form input.wpcf7-not-valid{
 border: 2px solid var(--yellow);
}
ul.contact-form textarea{
 max-height: 290px;
}
ul.contact-form input[type='submit']{
 width: auto;
 border-radius: 100px;
 line-height: 64px;
 padding: 0 56px;
 border-width: 2px;
 cursor: pointer;
 margin-top: 0;
}
ul.contact-form .wpcf7-spinner{
 position: absolute;
 top: 0;
 bottom: 0;
 margin: auto;
 right: 0;
}




.hero{
 background-color: var(--blue);
}
.hero .image{
 position: relative;
 margin: auto;
}
.hero .second-section .image i{
 background-image: url(gfx/symbol-first.svg);
 width: 60px;
 height: 56px;
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 position: absolute;
 left: 140px;
 top: 205px;
}
.hero .first-section{
 padding-top: 186px;
 color: var(--white);
}
.hero .first-section strong{
 background-image: url(gfx/hero-logo.svg);
 width: 170px;
 height: 45px;
 display: inline-block;
 font-size: 0;
 background-repeat: no-repeat;
 background-position: left;
 float: left;
 margin-top: 12px;
 margin-right: 12px;
}
.hero .second-section,.hero .third-section{display: flex;align-items: center;}
.hero .second-section .description,.hero .third-section .description{
  color: var(--white);
}
.hero .second-section{
 min-height: 412px;
}
.hero .third-section .description{
 padding-left: 75px;
}
.hero .second-section img{
 max-width: 410px;
}
.hero .third-section{
 margin: 50px 0 90px;
 min-height: 385px;
}

.hero .third-section img{
 max-width: 450px;
}
.hero .third-section .image{
 
}
.hero .third-section .image i{
 width: 60px;
 height: 60px;
 position: absolute;
 background-image: url(gfx/symbol-second.svg);
 background-position: center;
 background-repeat: no-repeat;
 right: 0;
 top: 65px;
 background-size: contain;
}
.hero .third-section .image i.second{
 width: 72px;
 height: 74px;
 position: absolute;
 background-image: url(gfx/symbol-third.svg);
 background-position: center;
 background-repeat: no-repeat;
 left: 125px;
 top: 265px;
}


.clients{
 padding: 0 55px;
 margin: auto;
 background-color: #27355E;
 height: 100px;
 padding-top: 30px;
}
.clients:after{
 content:'';
 clear: both;
 display: block;
}
.clients .title{
 width: 180px;
 color: var(--white);
 float: left;
 margin-top: 10px;
}
.clients-slider{
 
}
.clients img{
 max-width: none;
 max-height: 45px;
}
.clients .wrap{
 padding: 0 25px;
 display: flex;
 align-items: center;
}


.how{
 padding-top: 90px;
 background-color: #F5F1F1;
}
.how .about{
 display: flex;
 align-items: start;
 min-height: 305px;
}
.how .image{
 position: relative;
}
.how .image i{
 background-image: url(gfx/symbol-about.svg);
 width: 100px;
 height: 100px;
 position: absolute;
 right: 0;
 top: 0;
 background-size: contain;
 z-index: 1;
 background-repeat: no-repeat;
}
.float-title{
 flex-basis: 185px;
 position: relative;
}
.science .float-title{
 flex-basis:220px;
}
.our-team .float-title{
 flex-basis: 250px;
}
.float-title span{
 display: inline-block;
 padding: 7px 16px;
 border-radius: 8px;
 border: 2px solid;
 margin-top: 5px;
 font-size: 16px;
}
.how .title span{
 margin-top: 10px;
}
.our-story .float-title span{
 border-color: #F57C57;
 color: #F57C57;
}
.team .float-title span{position: absolute;top: 0;}
.how .about > .description{
 flex-basis: 620px;
 text-align: left;
}
.how .image img{
 max-width: 415px;
}
.how .items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 display: flex;
 padding-top: 55px;
 column-gap: 24px;
 max-width: 900px;
 margin: 0;
 text-align: left;
}
.how .items .item{
 flex: 1;
 min-height: 255px;
 position: relative;
 border-radius: 50px;
 border: 2px solid;
}

.how .items .wrap{
 padding: 30px;
}
.how .items .title{
 position: relative;
 font-size: 16px;
 line-height: 18px;
 font-weight: 500;
 padding-left: 35px;
}
.how .items .title:before{
 content:'';
 background-image: url(gfx/icon-item.svg);
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
 position: absolute;
 top: 0;
 background-size: contain;
 left: 0;
}
.how .items .description{
 position: absolute;
 top: 70px;
 opacity: 0;
 visibility: hidden;
 left: 0;
 right: 0;
 margin: auto;
 width: calc(100% - 60px);
 font-size: 16px;
 line-height: 18px;
}
.testimonials{
 column-gap: 20px;
 display: flex;
 padding-top: 100px;
 padding-bottom: 80px;
 margin: 0;
 padding-right: 0;
 padding-left: 0;
 list-style-type: none;
 max-width: 1050px;
 margin: auto;
 text-align: left;
}
.how .testimonials{
 margin: 0;
 margin-left: 105px;
}
#card-2 .testimonials{
 max-width: none;
}
.testimonials .item{
 /* background-color: #fff; */
 border-radius: 16px;
 /* padding: 16px; */
 max-width: 600px;
}
#card-2 .testimonials .item{
 flex: 1;
}
.testimonials li:only-child{
 max-width: 700px;
}
.cards .testimonials .wrap,.testimonials .wrap{
 display: flex;
 column-gap: 24px;
 padding-left: 0;
 background-color: #fff;
 padding: 16px;
 border-radius: 16px;
}
.testimonials .title{
 color: var(--blue);
 font-size: 20px;
 line-height: 25px;
}
.testimonials .description{
 color: var(--blue);
 position: relative;
 bottom: 0;
 font-weight: 500;
 padding-top: 56px;
}
.testimonials .image-inline{
  flex-basis: 120px;
}
.testimonials .image{background-size: cover;background-repeat: no-repeat;background-position: center;border-radius: 24px;overflow: hidden;height: 165px;}
.testimonials .content{
 min-height: 165px;
 position: relative;
 flex-basis: calc(100% - 145px);
}



.cards{
 
}
.stack-cards{
 margin: 0;
 padding: 0;
 list-style-type: none!important;
}
.stack-cards li{
 list-style-type: none;
}
.cards .wrapper{
 position: relative;
 padding-top: 80px;
 padding-bottom: 80px;
}
.cards .wrap{
 padding-left: 210px;
}
#card-1 .wrapper > .wrap{
 padding-left: 260px;
}
.cards .name{
 font-weight: 400;
 display: inline-block;
 padding: 12px 16px;
 border-radius: 8px;
 background-color: var(--blue);
 color: var(--white);
 position: absolute;
 left: 0;
 font-size: 24px;
 top: 140px;
}
.cards .main-title{
 /* padding-top: 64px; */
 font-size: 48px;
 line-height: 48px;
 /* display: none; */
}
.cards .main-description{
 margin-top: 56px;
 position: relative;
 font-size: 32px;
 line-height: 38px;
}

.cards .information{
 padding-left: 0;
 list-style-type: none;
 margin: 0;
 margin-top: 30px;
 display: flex;
 column-gap: 24px;
}
.cards .information li{
 flex-basis: 340px;
}
.cards .information-full{
 flex-wrap: wrap;
 row-gap: 24px;
 max-width: 705px;
}
.cards .information-full li{
 flex-basis: 340px;
 /* flex: none; */
}
.cards .information .wrap{
 padding: 24px;
 border-radius: 16px;
 background-color: rgba(0,0,0,.15);
 box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}
.cards .testimonials{
 padding-top: 56px;
 padding-bottom: 0;
 margin: 0;
}
.cards .information .number{
 font-weight: 500;
}
.cards .information .desc{
 padding-top: 16px;
}


.press{
 padding-top: 145px;
 background-color: var(--blue);
 padding-bottom: 190px;
}
.press .top{
 display: flex;
}
.press .float-title span{
 border-color: var(--white);
 color: var(--white);
}
.press .content{
 color: var(--white);
}
.press .items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 padding-top: 90px;
 display: flex;
 column-gap: 16px;
 justify-content: start;
 row-gap: 16px;
}
.press .items .item{
 /* flex: 1; */
 max-width: 305px;
}
.press .items .wrap{
 background-color: var(--white);
 border-radius: 16px;
 overflow: hidden;
 padding-bottom: 16px;
 display: block;
}
.press .items .wrap:hover .image{
 mix-blend-mode: normal; 
}
.press .items .image-wrap{
 background-color: var(--purple-light);
}
.press .items .image{
 height: 215px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 mix-blend-mode: luminosity;
}
.press .items .image-description{
 font-weight: 500;
 padding: 0 16px;
 padding-top: 8px;
}
.press .items .logo{
 flex: 1;
 text-align: right;
}
.press .items .logo img{
 display: inline-block;
}
.press .items .info{
 display: flex;
 flex-flow: row-reverse;
 padding: 0 16px;
 align-items: end;
 padding-top: 16px;
}
.press .items .date{
 flex: 1;
}
.press .items .description{
 padding: 0;
 padding-top: 16px;
 padding-bottom: 24px;
 border-bottom: 1px solid #334272;
 margin: 0 16px;
}


.science{
 padding-top: 178px;
 padding-bottom: 100px;
 background-color: var(--white);
 overflow: hidden;
}
.science .wrap,.faq .wrap{
 display: flex;
 position: relative;
 z-index: 1;
}
.science .wrap .title{flex-basis: 490px;padding-right: 40px;font-size: 42px;line-height: 43px;}
.science .wrap .description{
 flex-basis: calc(100% - 625px);
}
.science .wrap .title strong{
 font-weight: 400;
 text-decoration: underline;
 text-decoration-thickness: from-font;
}
.science .wrap .title p{
 padding-bottom: 65px;
}
.science .wrap .description ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
.science .wrap .description ul li{
 padding-left: 35px;
 position: relative;
 padding-bottom: 35px;
}
.science .wrap .description ul li:last-child{
 padding-bottom: 0; 
}
.science .wrap .description li:before{
 content:'';
 background-image:url(gfx/icon-bullet.svg);
 width: 16px;
 height: 15px;
 position: absolute;
 left: 0;
 background-repeat: no-repeat;
 background-position: center;
 top: 5px;
}
.faq{
 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f1f1+0,f1f6a1+100 */
 background: linear-gradient(to bottom,  #f5f1f1 0%,#f1f6a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding-top: 80px;
 padding-bottom: 0;
}
.faq .items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 flex-basis: calc(100% - 190px);
 max-width: 828px;
}
.faq .items li{
 padding-bottom: 16px;
}
.faq .items .question{
 padding: 24px 0;
 border-top: 1px solid;
 position: relative;
 cursor: pointer;
 padding-left: 16px;
 font-size: 24px;
 line-height: 30px;
 font-weight: 300;
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 transition: none;
}
.faq .items .answer{
 font-weight: 300;
 padding-bottom: 24px;
 opacity: 0;
 visibility: hidden;
 display: none;
 padding-left: 16px;
 font-size: 24px;
 line-height: 30px;
}
.faq .items li.active .answer{
 display: block;
 opacity: 1;
 visibility: visible;
}
.faq .items li.active .question{
 font-weight: 500;
}
.faq .items .question:after{
 content:'';
 background-image: url(gfx/icon-dropdown.svg);
 width: 36px;
 height: 20px;
 position: absolute;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
}
.faq .items li.active .question:after{
 transform: rotate(180deg);
}

footer{
 background-color: var(--yellow);
 padding-top: 330px;
 padding-bottom: 30px;
 position: relative;
 z-index: 1;
}
.page-template-about footer{
 background-color: var(--purple-light);
 padding-top: 100px;
}
footer .top{
 display: flex;
 align-items: start;
}
footer .top .description{
 flex-basis: 630px;
}
footer .top .description strong{
 background-image: url(gfx/footer-logo.svg);
 display: block;
 width: 205px;
 height: 66px;
 background-size: contain;
 font-size: 0;
 background-repeat: no-repeat;
 margin-bottom: -80px;
 background-position: center;
}
footer .top nav{
 flex-basis: calc(100% - 630px);
 display: flex;
}

footer .top nav > div:first-child{
 flex-basis: 45%;
}
footer .top nav > div:last-child{
 flex-basis: 55%;
}
footer .top nav ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
}
footer .top nav ul#menu-social{
 display: flex;
 flex-wrap: wrap;
 column-gap: 20px;
}
footer .top nav ul#menu-social li{
 width: calc(50% - 10px);
}
footer .top nav ul#menu-social li a{
 font-weight: 400;
}
footer .top nav li{padding-bottom: 12px;}

footer .top nav a{
 font-weight: 500;
}
footer .top nav .menu-social-container a{
 font-weight: 400; 
}

footer .bottom{
 padding-top: 120px;
 display: flex;
 align-items: end;
}
.newsletter-description{
 flex-basis: calc(100% - 730px);
}
footer .bottom .description{
 flex-basis: 730px;
}
.newsletter-form{
 margin: 0;
 padding: 0;
 list-style-type: none;
 position: relative;
}
.newsletter-form .wpcf7-not-valid-tip{
 color: var(--blue);
 bottom: auto;
 top: -55px;
}
.newsletter-form .wpcf7-spinner{position: absolute;right: 0;top: 10px;}
.newsletter-form input[type='email']{
 width: 100%;
 border-bottom: 1px solid var(--blue);
 background-color: transparent;
 color: var(--blue);
 outline: none!important;
}
.newsletter-form input[type='email']::placeholder{
 color:var(--blue);
}
.newsletter-form input[type='submit']{
 position: absolute;
 font-size: 0;
 background-image: url(gfx/icon-submit.svg);
 width: 40px;
 height: 28px;
 background-color: transparent;
 padding: 0;
 -webkit-appearance: none;
 right: 0;
 top: 20px;
 cursor: pointer;
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 outline: none;
}



.page-template-about,.page-template-about header{
 background-color: var(--purple-light);
}
.header-science,.header-faq,body .header-story{
 background-color:var(--white)
}
.page-template-about header a, 
.page-template-about header div, 
.header-how a, .header-how div, 
.header-how .contact-button a,
.header-card-1 div,
.header-card-1 a, 
.header-card-1 .contact-button a, 
.header-card-2 div,
.header-card-2 a, 
.header-card-2 .contact-button a, 
.header-card-3 div,
.header-card-3 a, 
.header-card-3 .contact-button a,
.header-science div,
.header-science a,
.header-science .contact-button a,
.header-faq div,
.header-faq a,
.header-faq .contact-button a,
.header-footer div,
.header-footer a,
.header-story a,
.header-story div,
.header-story .contact-button a,
.header-footer .contact-button a
{
 color:var(--blue);
 border-color:var(--blue);
}
.our-team-title{
 padding-top: 195px;
 padding-bottom: 100px;
 text-align: center;
 /* position: fixed; */
 width: 100%;
 top: 0;
}
.our-team,.our-story{
 position: relative;
 z-index: 1;
}
.our-team{
}
.image-wrap{
 background-color: var(--purple-light);
}
.image-wrap .image{
 height: 890px;
 background-size: cover;
 background-position: center;
 mix-blend-mode: multiply;
}


.our-story{
 max-width: calc(100% - 50px);
 background-color: var(--white);
 padding: 82px 68px 60px;
 margin: auto;
 border-radius: 16px;
}
.our-story-image{
 height: 890px;
 background-size: cover;
 background-position: center;
 mix-blend-mode: multiply;
}
.our-story-image-wrap{
 background-color: var(--purple-light);
 margin-top: 80px;
 position: relative;
 z-index: 1;
}
.team{
 display: flex;
 padding-top: 230px;
 align-items: start;
 padding-bottom: 155px;
}
.team .items{
 margin: 0;
 padding: 0;
 list-style-type: none;
 flex-basis: 800px;
 column-gap: 35px;
 row-gap: 95px;
 display: flex;
 flex-wrap: wrap;
}
.team .items li{
 width: calc(33% - 59px);
}
.team .items a{
 display: block;
}
.team .items .description{
 padding: 0 8px;
 padding-top: 26px;
}
.full-description{
 padding: 0 8px;
 font-size: 16px;
 line-height: 19px;
 padding-top: 20px;
}
.team .items .image{
 height: 273px;
 background-size: cover;
 background-position: center;
 border-radius: 20px;
 position: relative;
}
.team .items .image span{
 position: absolute;
 width: 50px;
 height: 50px;
 background-color: var(--white);
 border-radius: 50%;
 bottom: 16px;
 left: 16px;
 background-image: url(gfx/icon-in.svg);
 background-position: center;
 background-repeat: no-repeat;
}
.team .items a:hover .image span{
 background-color: var(--yellow); 
}


.our-story .wrap{
 display: flex;
}
.our-story .description{
 columns: 2;
 flex-basis: calc(100% - 190px);
 column-gap: 90px;
}
.our-story .description p{
 padding-bottom: 25px;
}
.our-story .description ul{
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: -20px;
}
.our-story .description ul li{
 position: relative;
 padding-left: 33px;
}
.our-story .description ul li:before{
 content:'';
 background-image: url(gfx/symbol-first.svg);
 position: absolute;
 width: 9px;
 height: 9px;
 background-size: contain;
 background-repeat: no-repeat;
 left: 10px;
 top: 10px;
}
.sent-message{
 display: none;
}
.form-sent .sent-message{
 display: block;
}
body .wpcf7 form.sent .wpcf7-response-output{
 margin: 0;
 padding: 0;
 border: none;
}

.blog-entry{
 padding-top: 380px;
 text-align: center;
 background-color: var(--purple);
 padding-bottom: 80px;
}
.blog-entry .wrapper{
 font-size:92px;
 line-height:95px;
 color: var(--white);
}
.page-template-blog footer, .page-template-blog header, .menu-open .page-template-blog footer,.menu-open .page-template-blog header{
 background-color: var(--purple);
}

.menu-open .page-template-blog header .logo{
 background-image: url(gfx/logo-blue-n.svg);
}
.menu-open .page-template-blog .hamburger .wrap:before, 
.menu-open .page-template-blog .hamburger .wrap:after{
 background-color: var(--white)!important;
}
.page-template-blog footer a,
.page-template-blog footer div,
.page-template-blog footer span,
.page-template-blog footer input,
.page-template-blog footer input::placeholder,
.page-template-blog footer label{
 color: var(--white)!important;
 border-color: var(--white)!important;
}
.page-template-blog footer .top .description strong,
.page-template-blog .newsletter-form input[type='submit']
{
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7473%) hue-rotate(150deg) brightness(94%) contrast(103%);
}
@media (max-width: 1200px) {
.menu-open{
 overflow:hidden;
}
.our-team-title{
 padding-top: 80px;
 padding-bottom: 45px;
}
 .blog-entry {
    padding-top: 250px;
    padding-bottom: 65px;
}
 .blog-entry .wrapper {
    font-size: 56px;
    line-height: 58px;
}
.team{
 padding-top: 0;
 display: block;
 padding-bottom: 140px;
 position: relative;
}
.press .items .item {
    width: 260px;
    margin: 0 5px;
}
.how .testimonials{
 margin: auto;
}
 ul.contact-form input{
  line-height: 46px;
 }
 header .wrapper{
  align-items: end;
  padding-bottom: 16px;
 }
 ul.contact-form li{
  padding-bottom: 20px;
 }
 ul.contact-form li.submit{
  padding-top: 20px;
 }
 header .contact-button{
  padding: 0;
  position: absolute;
  right: 42px;
 }
 header .logo{
  margin-bottom: 5px;
 }
.how .image{
 display: inline-block;
 margin: auto;
 margin-top: 30px;
}
 .advisors{
 padding-bottom: 125px;  
 }
 .our-story-image-wrap{
  margin-top: 0;
 }
 .how .image i{
  width: 70px;
  height: 70px;
  top: 20px;
  right: 20px;
 }
.our-story-image{
 height: 400px;
}
.science .wrapper i{
 max-width: 100%;
}
.our-team-title h1{
 font-size: 65px;
 line-height: 70px;
}
body .popup .wpcf7-not-valid-tip{
 top: -40px;
}
.our-team .float-title{
 position: absolute;
 top: -70px;
}
.menu-open footer{
 position: fixed;
 top: 0;
 z-index: 10;
 padding-top: 175px;
 height: 100vh;
 overflow-y: auto;
 background-color: var(--yellow);
}
.our-story .wrap{
 display: block;
}
.our-story .description{
 columns: 1;
}
.our-story{
 margin: 0;
 max-width: 100%;
 border-radius: 0;
 padding: 90px 0 50px;
}
.team .items{flex-wrap: wrap;row-gap: 50px;}
.team .items li{
 width: calc(50% - 18px);
}
.menu-open header{
 background-color: var(--yellow);
}
.team .items .image span{
 background-color: var(--yellow);
}
.hamburger {
    position: absolute;
    right: 0;
    width: 18px;
    height: 24px;
    top: auto;
    bottom: 25px;
    margin: auto;
    cursor: pointer;
}
.our-team-title .image{
 height: 285px;
 background-size: cover;
 background-position: right -25px center;
 background-repeat: no-repeat;
 margin-bottom: 60px;
}
.hamburger .wrap {
    border-top: 2px solid var(--white);
    width: 18px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.hamburger .wrap:after, .hamburger .wrap:before {
    content: '';
    bottom: 0;
    background-color: var(--white);
    position: absolute;
    width: 100%;
    top: 5px;
    bottom: auto;
    margin: auto;
    height: 2px;
}
.header-how .hamburger .wrap,
.header-card-1 .hamburger .wrap,
.header-card-2 .hamburger .wrap,
.header-card-3 .hamburger .wrap,
.header-science .hamburger .wrap,
.header-faq .hamburger .wrap,
.header-footer .hamburger .wrap,
.page-template-about .hamburger .wrap
 {
    border-top: 2px solid var(--blue); 
}

.menu-open .hamburger .wrap:after{
 transform: rotate(-45deg);
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
}
.menu-open .hamburger .wrap:before{
 transform: rotate(45deg);
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
}
.menu-open .hamburger .wrap:before,
.header-how .hamburger .wrap:after,
.header-how .hamburger .wrap:before,
.header-card-1 .hamburger .wrap:before,
.header-card-1 .hamburger .wrap:after,
 .header-card-2 .hamburger .wrap:before,
.header-card-2 .hamburger .wrap:after,
.header-card-3 .hamburger .wrap:before,
.header-card-3 .hamburger .wrap:after,
.header-science .hamburger .wrap:after,
 .header-science .hamburger .wrap:before,
.header-faq .hamburger .wrap:after,
.header-faq .hamburger .wrap:before,
.header-footer .hamburger .wrap:after,
.header-footer .hamburger .wrap:before,
.page-template-about .hamburger .wrap:after,
.page-template-about .hamburger .wrap:before,
.menu-open .hamburger .wrap:after{
    background-color: var(--blue)!important;  
}
.menu-open .hamburger .wrap{
 border: none;
}
.hamburger .wrap:before{
 
}
.hamburger .wrap:before {
    top: auto;
    bottom: 0;
}
 

 
     .desktop-element{
        display: none!important;
    }   
 html{
  font-size: 15px;
 }
.wrapper{
 margin: 0 22px;
}
footer .top .description strong{
 width: 125px;
}

.newsletter-shortcode{
 flex-basis: 100%;
}
.float-form .title,.float-form .description{
 font-size: 3.11111rem;
 line-height: 58px;
}
.float-form{
 max-height: none;
 flex-direction: column;
 border-radius: 0;
}
.hero .second-section{
 margin-top: 80px;
 padding-top: 40px;
 flex-wrap: wrap;
 flex-direction: column;
 align-items: start;
}
.newsletter-form input[type='email']{
 font-size: 24px;
 line-height: 40px;
}
.testimonials .wrap{
 flex-direction: column-reverse;
}
.cards .wrap,#card-1 .wrapper > .wrap{
 padding-left: 0;
 padding-top: 45px;
}
.cards .testimonials .wrap{
 /* padding-top: 0; */
}
footer .bottom{
 padding-top: 64px;
}
.newsletter-form input[type='submit']{
 width: 24px;
 height: 16px;
 top: 15px;
}
 .press .wrapper{
  margin: 0;
 }
.hero .image{
 padding-top: 80px;
}
.faq .items li{
 padding-bottom: 0;
}
.testimonials .image{
 width: 80px;
 height: 80px;
 flex-basis: auto;
 border-radius: 50%;
}
footer .top nav{
 flex-basis: 100%;
 flex-wrap: wrap;
 flex-direction: column;
 row-gap: 90px;
 padding-bottom: 95px;
}
.faq .items .question:after{
 width: 20px;
 height: 20px;
}
footer{
 padding-top: 80px;
 padding-bottom: 40px;
}
.hero .third-section{
 flex-direction: column-reverse;
 flex-wrap: wrap;
 align-items: start;
}
.science .wrap,.faq .wrap{
 flex-wrap: wrap;
 flex-direction: column;
}
.hero .third-section .description{
 padding-left: 0;
 font-size: 32px;
 font-weight: 300;
 line-height: 38px;
}
footer .top{
 flex-wrap: wrap;
}
footer .top nav ul#menu-social li a{
 font-size: 18px;
 line-height: 25px;
}
footer .top nav ul#menu-social{
 flex-wrap: wrap;
}

#menu-header-1 li a{
 font-size: 36px;
 font-weight: 400;
 line-height: 32px;
}
.science .wrap .title p {
    padding-bottom:30px;
}
.faq{
 padding-top: 145px;
 padding-bottom: 80px;
}
header .contact-button a, .hero .contact-button{
 line-height: 60px;
 font-size: 20px;
}
 header .contact-button a{
  line-height: 40px;
  padding: 0 16px;
  font-size: 15px;
  border: none;
 }
 
.page-template-about header .contact-button a{
 border: none;
}

 header .contact-button a,
 header .contact-button a:hover{
  background-color:var(--blue);
  color: var(--white);
  border: 2px solid var(--white);
 }
 .header-how .contact-button a,
  .header-card-1 .contact-button a,
  .header-card-2 .contact-button a,
  .header-card-3 .contact-button a,
  .header-science .contact-button a,
 .header-faq .contact-button a,
 .header-footer .contact-button a,
 .page-template-about header .contact-button a
 {
  background-color: var(--blue);
  color: var(--white);
 }
.clients {
    padding: 0;
    padding-top: 30px;
}
.cards .wrapper {
    padding-top: 65px;
    padding-bottom: 64px;
}
.cards .main-title {
    padding-top: 32px;
}
.science{
 padding-top: 85px;
 padding-bottom: 85px;
}
 .science .wrapper{
  margin: 0;
  padding: 0 22px;
 }
.cards .information{
 margin-top: 40px;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column;
 row-gap: 20px;
}
.cards .testimonials{
 padding-top: 45px;
}
.cards .information .wrap{
 box-shadow: none;
}
.cards .information li{
 flex-basis: auto;
}
.cards .main-description{
 margin-top: 24px;
}
.how .about{
 flex-direction: column-reverse;
 flex-wrap: wrap;
 min-height: auto;
 padding: 0 22px;
}
.our-story .description, body .popup .wpcf7-not-valid-tip, header nav li a, header .contact-button a, ul.contact-form input[type='submit'], .contact-button, .testimonials .title, .cards .name, footer .top nav a, .newsletter-description {
    font-size:16px;
}
.cards .name{
 border-radius: 8px;
 padding: 9px 16px;
 top: 65px;
 font-weight: 500;
}
.hero .second-section .description, footer .top .description{
 font-size: 55px;
 line-height: 58px;
}
.hero .second-section .description h1{padding-bottom: 20px;}
.how .about > .description {
    flex-basis: auto;
    font-size: 32px;
    line-height: 38px;
}
footer .top .description{
 padding-top: 70px;
 font-size: 64px;
 line-height: 68px;
}
.how .items .title:before {
    width: 20px;
    height: 20px;
    top: -30px;
}
.float-title span{
 font-weight: 500;
 border-radius: 8px;
 margin-top: 40px;
}
.newsletter-form .wpcf7-not-valid-tip, .clients .title, .how .title span, .testimonials .description, .float-title span, .press .items .description, .press .items .date {
    font-size: 16px;
}
.how {
    padding-top: 75px;
    text-align: center;
}
.how .wrapper{
 margin: 0;
}
.float-title,.science .float-title{
 flex-basis: auto;
}
.press .items{
 padding-top: 24px;
}
.press .float-title span{
 margin-top: 0;
 margin-bottom: 65px;
}
.science .wrap .title{
 flex-basis: auto;
 padding-right: 0;
 padding-bottom: 50px;
}
 .science .float-title span,.float-title span{
  margin-top: 0;
  margin-bottom: 40px;
 }
 .how .float-title span{
  margin-top: 40px;
  margin-bottom: 0;
 }
.science .wrap .description ul li{
 padding-bottom: 64px;
 padding-left: 0;
 font-size: 20px;
 line-height: 25px;
}
.science .wrap .description ul li strong{
 padding-bottom: 15px;
 display: inline-block;
}
.science .wrap .description li:before{
 display: none;
}
.how .items{
 padding-top: 50px;
 max-width: none;
 display: block;

}
 .slider.items,.testimonials{
 padding-left: 0;
 }
 .testimonials{
  padding-top: 70px;
 }
 .slider.items .slick-list, .testimonials .slick-list{
  padding-left: 20px;
 }
 .cards .testimonials{
  margin: 0 -22px;
 }
    .how .items .description{
        opacity: 1;
        width: calc(100% - 44px);
        visibility: visible;
        top: auto;
        bottom: 30px;
        font-size: 20px;
        line-height: 25px;
    }
.how .items .title, .cards .main-description, .faq .items .question, .faq .items .answer {
    font-size: 24px;
    line-height: 30px;
}
.how .items .title{
 font-weight: 500;
 padding-left: 0;
}
.how .image img {
    max-width: 400px;
    margin-top: 0;
}
.slider .item{
 width: 320px;
 border: none!important;
 /* border-radius: 0; */
 min-height: auto;
 margin-right: 10px;
}
.testimonials .title{
 min-height: 115px;
 padding-right: 0;
 padding-bottom: 24px;
 font-size: 20px;
}
.testimonials .description{
 position: relative;
 margin-top: 16px;
 padding-top: 0;
}
.how .items .item .wrap{
 padding: 30px;
 padding-bottom: 20px;
 height: 325px;
 border-radius: 28px;
 padding-top: 60px;
 background-color: transparent;
 border: 2px solid;
}
.how .items .item.slick-current .wrap{
 background-color: var(--yellow);
}
.press .top{
 flex-wrap: wrap;
 flex-direction: column;
 padding: 0 22px;
}
.press {
    padding-top: 60px;
    padding-bottom: 50px;
}
}

@media (max-width: 479px) {
.hero .second-section img, .hero .third-section img,.how .image img {
    max-width: 95%;
}
.hero .second-section .description h1 br{
 display: none;
}
.hero .third-section .image{
 padding-top: 40px;
}
.float-form .close{
 right: 22px;
 top: 50px;
}
.our-story .float-title span{
 margin-bottom: 30px;
}

.our-story .description{
 font-size: 20px;
 line-height: 25px;
}
body .clients img {
    max-width: 100%;
    max-height: none;
}
.clients .wrap{
 padding: 0 10px;
 height: 40px;
}
.team{
 padding-bottom: 100px;
}
.float-form:after {
    height: 110%;
}
.full-description{
 font-size: 20px;
 line-height: 24px;
 padding: 0 16px;
}
ul.contact-form input[type='submit']{
 font-size: 20px;
}
.faq .items .question{
 font-size: 20px;
 line-height: 25px;
 padding-left: 8px;
 padding-right: 25px;
}
.our-team .float-title{
 top: -80px;
}
ul.contact-form textarea{height: 140px;}
.float-form .form{
 min-height: auto;
 padding-top: 30px;
}
.team .items{
 display: block;
}
.float-form{
 padding: 30px 25px;
 overflow: auto;
 display: block;
 height: 100%;
}
.team .items .image{
 height: 230px;
}
.team .items .description{
 padding-top: 16px;
 padding-left: 16px;
 padding-right: 16px;
}
.team .items li{
 width: 100%;
 padding-bottom: 40px;
}
.hero .second-section .image i {
    left: 110px;
    top: 230px;
}
.float-form .title, .float-form .description, .float-form .content .title,.sent-message{
 font-size: 38px;
}
.sent-message{
 line-height:44px
}
.float-form .description{
 padding-top: 25px;
}
.form-sent .float-form .description{
 position: absolute;
 bottom: 70px;
}
.newsletter-description{
 font-size: 20px;
 line-height: 25px;
}
.float-form .content .title{
 padding-top: 0;
 font-size: 48px;
}
.faq .items li.active .answer{
 font-size: 20px;
 line-height: 25px;
 padding-left: 8px;
}
body .press .items .image{
 height: 190px;
 mix-blend-mode: luminosity!important;
}
.press .items .slick-current .image,.press .items .image:hover{
  mix-blend-mode: normal!important;
 }
 .press .items .wrap:hover .image{
 mix-blend-mode: luminosity; 
}
.press .items .description{
 padding-top: 10px;
 font-size: 15px;
 padding-bottom: 15px;
}
.science .wrapper i{
 width: calc(100% + 0px);
 background-size: 115%;
 top: 240px;
 left: 0;
 background-position: left -15px top;
}
.science .wrap .title{
 font-size: 32px;
 line-height: 38px;
}
.press .content{
 font-size: 36px;
 line-height: 40px;
 font-weight: 300;
}
.press .items .date{
 font-size: 10px;
 line-height: 11px;
 font-weight: 500;
}
 .hero .third-section .image i {
    width: 42px;
    height: 42px;
    top: 80px;
    right: 40px;
}
.press .items .wrap{
 padding-bottom: 10px;
}
.press .items .item{
 width: 260px;
 margin: 0 5px;
}
.hero .third-section .image i.second{
 width: 56px;
 height: 56px;
 top: 215px;
 left: 85px;
}
.hero .third-section{
 margin-bottom: 50px;
 margin-top: 100px;
}
.testimonials{
 padding-top: 70px;
 padding-bottom: 75px;
}
.cards .main-description{
 font-size: 20px;
 line-height: 25px;
}
.cards .main-description br{
 display: none;
}


 
}


@media (min-width: 1200px) {
    .mobile-element{
        display: none!important;
    }
 html{
  font-size: 15px;
 }
.faq .items .question,.faq .items .answer {
    font-size: 20px;
    line-height: 26px;
}
 .blog-entry {
    padding-top: 240px;
    padding-bottom: 0px;
}
 .blog-entry .wrapper {
    font-size: 70px;
    line-height: 75px;
}
.testimonials .title {
    font-size: 20px;
    line-height: 25px;
}
.science .wrapper i {
    width: 730px;
    height: 630px;
    top: -70px;
    left: 50px;
    background-size: 90%;
}
.how {
    padding-top: 60px;
}
.press .items .item {
    width: calc(25%);
}
.wrapper {
    max-width: 1150px;
}
 .how .testimonials{
 margin-left: 117px;
}
 .cards .name {
    top: 107px;
}
.hero .second-section .description, footer .top .description {
    line-height: 80px;
}
 .testimonials .description {
    padding-top: 36px;
}
.hero .first-section {
    padding-top: 150px;
}
.how .items {
    padding-top: 0px;
    margin-left: 185px;
}
.cards .main-title {
    font-size: 38px;
    line-height: 38px;
}
.hero .second-section {
    min-height: 395px;
    padding-top: 135px;
}
.how .image img {
    max-width: 360px;
}
.how .items .item {
    min-height: 255px;
}
.testimonials {
    padding-top: 30px;
    padding-bottom: 30px;
}
.science .wrap .title {
    flex-basis: 405px;
    padding-right: 40px;
    font-size: 34px;
    line-height: 36px;
}
.how .items .item:hover .description{
 opacity:1;
 visibility:visible;
}
 .how .items .item:hover{
  background-color:var(--yellow)
 }
.cards .wrapper{
 padding-top: 100px;
 padding-bottom: 60px;
}
.cards .main-title {
    /* padding-top: 40px; */
}
.cards .main-description {
    margin-top: 30px;
}
.cards .testimonials {
    padding-top: 30px;
}
.testimonials .content {
    min-height: 165px;
}
.press {
    padding-top: 80px;
    padding-bottom: 120px;
}
.press .items {
    padding-top: 50px;
    flex-wrap: wrap;
}
.press .items .image {
    height: 160px;
}
.science {
    padding-top: 130px;
    padding-bottom: 90px;
}
footer {
    padding-top: 230px;
}
ul.contact-form input, ul.contact-form textarea {
    line-height: 48px;
}
ul.contact-form textarea {
    max-height: 160px;
}
ul.contact-form input[type='submit'] {
    line-height: 56px;
}
 .float-form .form {
    min-height: 524px;
}
ul.contact-form li {
    padding-bottom: 24px;
}
.newsletter-form input[type='submit'] {
    top: 5px;
}
.our-team-title {
    padding-top: 160px;
    padding-bottom: 60px;
}
.our-team {
}
.our-team .image-wrap .image {
    height: 690px;
}
.team {
    padding-top: 100px;
    padding-bottom: 100px;
}
.advisors {
    padding-top: 0;
}
.team .items .image {
    height: 273px;
}
.team .items .description {
    padding-top: 20px;
}
.team .items {
    row-gap: 65px;
}
.team .float-title span {
    top: 0;
}
.our-story {
    padding: 62px 48px 40px;
}
.our-story .description {
    column-gap: 50px;
}
.our-story-image {
    height: 590px;
}
footer .top .description strong {
    width: 170px;
    height: 55px;
    margin-bottom: -80px;
}
}




@media (min-width: 1500px) {
 html{
  font-size:18px;
 }
.wrapper {
    max-width: 1280px;
}
.hero .second-section .description, footer .top .description {
    line-height: 95px;
}
.blog-entry {
    padding-top: 380px;
    padding-bottom: 80px;
}
.blog-entry .wrapper {
    font-size: 92px;
    line-height: 95px;
}
.hero .first-section {
    padding-top: 186px;
}
.testimonials .title {
    font-size: 20px;
    line-height: 25px;
}
.science .wrapper i {
    width: 790px;
    height: 740px;
    top: -80px;
    left: 50px;
}
.how .testimonials{
 margin-left: 105px;
}
.how {
    padding-top: 90px;
}
.how .image img {
    max-width: 415px;
}
.cards .name {
    top: 149px;
}
.faq .items .question,.faq .items .answer {
    font-size: 24px;
    line-height: 30px;
}
 .testimonials .description {
    padding-top: 56px;
}
.cards .main-title {
    font-size: 48px;
    line-height: 48px;
}
.how .items {
    padding-top: 55px;
    margin-left: 185px;
}
.hero .second-section {
    min-height: 412px;
    padding-top: 230px;
}
.how .items .item {
    min-height: 255px;
}
.testimonials {
    padding-top: 65px;
    padding-bottom: 100px;
}
.science .wrap .title {
    flex-basis: 490px;
    padding-right: 40px;
    font-size: 42px;
    line-height: 43px;
}
.cards .wrapper{
 padding-top: 140px;
 padding-bottom: 80px;
}
.cards .main-title {
    /* padding-top: 64px; */
}
.cards .main-description {
    margin-top: 30px;
}
.cards .testimonials {
    padding-top: 56px;
}
.testimonials .content {
    min-height: 165px;
}
.press {
    padding-top: 80px;
    padding-bottom: 120px;
}
.press .items {
    padding-top: 65px;
}
.press .items .image {
    height: 215px;
}
.science {
    padding-top: 178px;
    padding-bottom: 100px;
}
footer {
    padding-top: 330px;
}
ul.contact-form input, ul.contact-form textarea {
    line-height: 54px;
}
ul.contact-form textarea {
    max-height: 290px;
}
ul.contact-form input[type='submit'] {
    line-height: 64px;
}
 .float-form .form {
    min-height: 720px;
}
ul.contact-form li {
    padding-bottom: 32px;
}
.newsletter-form input[type='submit'] {
    top: 20px;
}
.our-team-title {
    padding-top: 195px;
    padding-bottom: 100px;
}
.our-team {
}
.our-team .image-wrap .image {
    height: 890px;
}
.team {
    padding-top: 170px;
    padding-bottom: 100px;
}
.advisors{
 padding-top: 0;
}
.team .items .image {
    height: 273px;
}
.team .items .description {
    padding-top: 26px;
    font-size: 20px;
    line-height: 24px;
}
.team .items {
    row-gap: 90px;
}
.team .float-title span {
    top: 0;
}
.our-story {
    padding: 82px 68px 60px;
}
.our-story .description {
    column-gap: 90px;
}
.our-story-image {
    height: 890px;
}
footer .top .description strong {
    width: 205px;
    height: 66px;
    margin-bottom: -80px;
}
}