/*
FONTS

        font-family:AvenirLight;
        font-family:AvenirBook;
        font-family:AvenirRoman;
        font-family:AvenirMedium;
        font-family:AvenirHeavy;
        font-family:AvenirBlack;
*/

@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=247a9034-2aa5-4641-8e20-a1cf46476174");
    @font-face{
        font-family:"AvenirRoman";
        src:url("fonts/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),url("fonts/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff");
    }
    @font-face{
        font-family:"AvenirMedium";
        src:url("fonts/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),url("fonts/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff");
    }
    @font-face{
        font-family:"AvenirBlack";
        src:url("fonts/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),url("fonts/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff");
    }
    @font-face{
        font-family:"AvenirLight";
        src:url("fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"),url("fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff");
    }
    @font-face{
        font-family:"AvenirBook";
        src:url("fonts/065a6b14-b2cc-446e-9428-271c570df0d9.woff2") format("woff2"),url("fonts/65d75eb0-2601-4da5-a9a4-9ee67a470a59.woff") format("woff");
    }
    @font-face{
        font-family:"AvenirHeavy";
        src:url("fonts/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"),url("fonts/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff");
    }


/* VARIABLES */

:root {
  --default-font: AvenirBook;
  --default-font-size: 20px;
  --default-input-font-size: 20px;

  --col-primary: #007AD1;
  --col-primary-rgb: 0,122,209;

  --col-accent: #000;
  --col-accent-rgb: 0, 0, 0;

  --col-text: #5C5C5C;
  --col-input: #5C5C5C;
  --col-placeholder: #5C5C5C;
  --col-input-bg: #fff;

  --col-button: #fff;
  --col-button-rgb: 255, 255, 255;

  --col-link: #000;
  --col-link-rgb: 0,0,0;

  --col-link-hover: #000000;
  --col-link-hover-rgb: 0, 0, 0;

  --col-error: #ff6633;
  --col-error-rgb: 255, 51, 0;

  --col-attention: #ff6633;
  --col-attention-rgb: 255, 51, 0;

  --col-warning: #f5b00e;
  --col-warning-rgb: 245, 176, 14;

  --col-missing: #ff6633;
  --col-missing-rgb: 255, 51, 0;

  --col-burger: #000;

  --col-border: #BEBEBE;
  --col-border-rgb: 190, 190, 190;

  --dim-site-width: 1440px;
  --dim-default-space: 120px;
  --dim-input-height: 60px;

	--col-bg: #000000;
	--col-fg: #ffffff;
	--col-txt: #000000;

  --vh: 1vh;
}

/* theme */

body { font-weight: normal;}
html.overlay-active, html.overlay-active body { max-height: 100vh; overflow: hidden;}

/*CORE HTML*/

h1 {font-family:AvenirHeavy; color: #000; line-height: 1.12; font-size: 76px; margin-bottom: 40px; letter-spacing: -.05em}
h2 {font-family:AvenirHeavy; color: #000; line-height: 1.12; font-size: 76px; margin-bottom: 40px; letter-spacing: -.05em}
h3 {font-family:AvenirHeavy; color: #5C5C5C; line-height: 1.25; font-size: 40px; margin-bottom: 40px;}

h1 small, h2 small { font-size: .75em; display: block; margin-bottom: 10px;}
/*h1 span, h2 span { color: var(--col-primary); font-family:AvenirHeavy; color: #000; line-height: 1.2; margin-bottom: 30px;}*/
h1 span, h2 span { color: var(--col-primary); }

div.subheading { font-size: 40px; line-height: 1.25; }
p span { color: var(--col-primary)}
p.larger { font-size: 30px; line-height: 1.33; margin-bottom: 20px; font-family:AvenirHeavy;}
p.accent { font-family:AvenirHeavy; color: #000; font-size: 40px; line-height: 1.25; letter-spacing: -.05em}
p.accent  span { color: #5C5C5C}
article.black-article p.accent { color: #fff;}
article.black-article p.accent  span { color: var(--col-primary)}
p.short { max-width: 1020px; margin-left: 0; margin-right: auto}
p.shorter { max-width: 840px; margin-left: 0; margin-right: auto}
p.shortest { max-width: 640px; margin-left: 0; margin-right: auto}
p.short.center {  margin-left: auto; margin-right: auto}

article.black-article p { color: #fff;}
b {font-weight: normal; font-family:AvenirHeavy;} 
div > a, p > a { font-family:AvenirHeavy;}
div > a:hover, p > a:hover { color: var(--col-primary) }
.blue { color: var(--col-primary) !important}
.green { color: #14B448 !important}



/*CONTAINERS*/

section { max-width: 1280px;}
section.full { max-width: 1920px;}
div.masthead > img { margin: 0 auto; display: block;}
div.caption { width: 1280px; max-width: 100%;}
img.full { display: block; width: 100%; margin: 0 auto 80px}

article.black-article { background-color: #000}

#master-line { position: absolute; display: block; width: 1px; height: 0px; background: url(/img/svg/line4.png) repeat-y center top; top: 0px; left: 0; z-index: 5;}


/*BUTTONS*/
div.buttons { display: flex; gap: 28px; margin-top: 20px; justify-content: center; align-items: center;}
div.buttons.masthead-buttons { gap: 78px; justify-content: flex-start; align-items: center;}
a.btn { display: inline-block; line-height: 40px; color: var(--col-primary); font-size: 20px; font-family:AvenirHeavy;  padding-left: 50px; position: relative; min-height: 40px; white-space: nowrap; }
a.btn:hover:after { transform: rotate(90deg);transition: all .2s ease-in}
a.btn:after { content:""; display: block; position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url(/img/svg/arrow-2.svg) no-repeat left top; background-size: contain; transform: rotate(0deg);}
a.btn.white { color: #fff; }
a.btn.white:after { background: url(/img/svg/arrow2-white.svg) no-repeat left top; background-size: contain;}
a.btn-gradient { display: inline-block; background: rgb(101,229,251); background: linear-gradient(135deg, rgba(101,229,251,1) 0%, rgba(49,122,203,1) 100%); border-radius: 10px; padding: 0 12px; color: #fff; font-family:AvenirHeavy; font-size: 16px; line-height: 40px; transition: all .7s ease-in; }
a.btn-gradient:hover { background: linear-gradient(135deg, rgba(101,229,251,1) 0%, rgba(20,180,72,1) 100%);color: #fff;}

/*HEADER AND NAV*/
header { display: block; width: 100%; position: fixed; text-align: center; top: 0; z-index: 99; left: 0; background: #fff;}
div.announcement { display: block; width: 100%; position: relative; text-align: center; background-color: #000; padding: 10px 260px;}
div.announcement a {  display: inline-block; position: relative; text-align: center; color: #fff; font-size: 16px; font-family:AvenirRoman;padding-right: 35px; line-height: 1.25; background: url(/img/svg/arrow-3.svg) no-repeat right center; background-size: 15px 10px;  transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
nav { display: flex; gap: 70px; justify-content: center; align-items: center; padding: 35px 20px; position: relative;}
header div.logo img {width: 275px; display: block;  transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
nav > ul { display: flex; gap: 50px; justify-content: space-between; align-items: center;  transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
nav > ul li { display: block; }
nav > ul a { display: block; font-size: 16px; font-family:AvenirMedium; color: #000; line-height: 1.25;  transition: all .3s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
nav > ul a:hover, nav > ul a.active { color: var(--col-primary); }

a.header-phone, a.header-email { position: absolute; top: 0; line-height: 20px; padding: 10px 20px; font-size: 16px;}
a.header-phone {left: 0; color: var(--col-primary)} 
a.header-email {right: 0;  color: var(--col-primary)} 

header.attached { top: -300px; transition: all .5s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
header.visible { position: fixed; top: 0; z-index: 99; background-color: #fff; border-bottom: 1px solid #000}
header.visible div.announcement  { display: none;}
header.visible nav { padding: 10px 0;}
header.visible div.logo img {width: 125px; }
header.visible nav > ul { gap: 50px; }
header.visible nav > ul a { font-size: 16px; }
header.visible a.header-phone, header.visible a.header-email { display: none}

footer {padding: 80px 20px 0; width: 100%; display: block; }
footer > div {max-width: 1600px; margin: 0 auto; display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; margin-bottom: 50px;}
footer > div > div {  text-align: left;}
footer > div > div:first-child { }
footer div.lines { position: relative;}
footer div.lines:before { content:""; position: absolute; display: block; width: 1px; height: 81px; background: url(/img/svg/line4.png) repeat-y center top; top: -80px; left: 0px}
footer div.lines:after { content:""; position: absolute; display: block; width: 1px; height: 300px; background: url(/img/svg/line4.png) repeat-y center top;  bottom: -300px; right: 0}
footer div.lines img { display: block; width: 100%;}
footer div.logo img { display: block; width: 100%;max-width: 192px; margin: 0 auto 0 0}
footer div.contact {display: flex; gap: 100px; justify-content: space-between; align-items: flex-start; text-align: left;} 
footer div.contact p { font-size: 16px;  font-family:AvenirLight;} 
footer div.chat  {padding-left: 70px; display: none;} 
footer div.chat img { position: relative; right: -40px;} 
footer div.contact p.social { display: flex; gap: 20px;   justify-content: space-between; align-items: flex-start; font-size: 18px; color: #5C5C5C ;padding-right: 20px}
footer div.disclaimer p { font-size: 16px;   font-family:AvenirLight; padding-right: 20px}
footer a {  color: #5C5C5C;}
footer div.associations { display: flex; gap: 30px;   justify-content: flex-start; align-items: center; width: auto}
footer div.associations p {  font-size: 16px;  font-family:AvenirLight; margin: 0; width: auto}
footer div.associations * {  display: block; margin: 0; width: auto;}

/*ELEMENTS*/

div.grid { display: flex; gap: 0px; justify-content: space-between; align-items: flex-start;}
div.grid.x2 > div { width: 50%;}
div.grid.x3 > div { width: 33.33%;}
div.grid.x4 > div { width: 25%;}
div.grid.columns { flex-direction: column}
div.grid.start { justify-content: flex-start}
div.grid.center { justify-content: center}
div.grid.even { justify-content: space-evenly}
div.grid.around { justify-content: space-around}
div.grid.stretch { align-items: stretch;}
div.grid.middle { align-items: center;}
div.grid.bottom { align-items: flex-end;}
div.grid.top { align-items: flex-start;}
div.grid.wrap { flex-wrap: wrap; }

div.table { display: grid;width: 100%; }

/*CONTENT*/
div.caption-home-top { text-align: center; padding-top: 80px;}
div.caption-home{ text-align: center; padding-bottom: 100px;}
/*div.caption-home a.play { display: block; margin: 265px auto; text-align: center; width: 0; height: 60px; visibility: hidden;}*/
div.caption-home div.title { display: block; font-family:AvenirHeavy; color: var(--col-primary); line-height: 1.25; font-size: 40px; margin-bottom: 10px;}
div.caption-home div.subtitle { display: block; font-family:AvenirLight; color: #fff; line-height: 1.66; font-size: 30px; margin-bottom: 50px;}

div.aura-showcase { display: flex; gap: 0; align-items: center;}
div.aura-showcase > div { width: 63%}
div.aura-showcase > div:first-child { width: 37%; padding-right: 0px}
div.aura-showcase > div:last-child  { margin-bottom: -100px}
div.aura-showcase > div:last-child img { display: block; position: relative; top: -100px}
div.intro-aura { text-align: left; margin-bottom: 100px}
div.intro-aura p { color: #fff; margin-bottom: -70px; margin-top: 100px; margin-right: auto; margin-left: 0; max-width: 500px}
div.intro-aura img { display: block; width: 100%; max-width: 300px; margin: 0 auto 0 0; }
div.intro-aura span { font-size: 30px; color: #fff; margin-bottom: 40px; display: block; font-family:AvenirHeavy;}
div.caption-aura div.intro-aura img { width: 600px; max-width: 100%; }

div.aura-summary { gap: 150px; margin-top: 65px;}
div.aura-summary div { text-align: center; display: block; width: calc(33.33% - 100px);}
div.caption-aura { width: 1280px; max-width: 100%;}
div.caption-aura > p{ width: 980px; max-width: 100%; margin: 0 auto 60px;}

div.caption-services { padding-bottom: 130px; width: 1280px; max-width: 100%;}
div.caption-services > p{ margin: 0 auto 80px;}

div.aura-services {gap: 80px}

div.portfolio-home { gap: 40px;}
div.portfolio-home > div { width: 50%;}
div.portfolio-home > div:first-child { max-width: 480px;}

div.caption-advantages { text-align: left; z-index: 3;}
div.caption-advantages > p { max-width: 1000px; margin: 110px auto 30px 0; text-align: left;}
div.caption-advantages div.columns { align-items: stretch; justify-content: space-between; height: 100%;}
div.grid-advantages > div:first-child p { width: 100%; margin: 0 auto; }
div.grid-advantages > div:last-child p { max-width: 340px; margin: 0 auto 50px 0}

div.grid-news  { gap: 70px; margin-top: 40px; padding-bottom: 80px}
div.grid-news > div { text-align: left;}
div.grid-news > div { display: flex; flex-direction:column; justify-content: space-between; align-items: flex-start;}
div.news-entry { margin-bottom: 20px;}
div.news-entry p { margin-bottom: 10px;}
div.news-entry p.larger { margin-bottom: 0px; color: var(--col-primary)}

div.aura-showcase2 { display: flex; gap: 0; align-items: stretch;}
div.aura-showcase2 > div { width: 520px}
div.aura-showcase2 > div:first-child { width: calc(100% - 520px); padding-right: 110px; padding-top: 140px; }
div.aura-showcase2 > div:last-child  { }
div.aura-showcase2 > div:last-child img { display: block; position: absolute; bottom: -60px; left: 0; width: 100%; }
div.aura-showcase2 h2 { max-width: 740px; margin: 0 auto 40px 0; }
div.aura-showcase2 p:nth-child(2) { max-width: 540px; margin: 0 auto 0 0}
div.aura-showcase2 p:nth-child(3) { margin-top: 140px;}


div.audience-type { margin-top: 80px}
div.audience-type > div:first-child { width: 416px;}
div.audience-type > div:last-child { width: calc(100% - 416px); padding-left: 120px;}
div.audience-type div.grid { gap: 50px; }
div.audience-2 div.grid > div:first-child { width: 35%;}
div.audience-2 div.grid > div:last-child { width: 65%;}
div.audience-type p:not(:last-child) { margin-bottom: 20px}

div.aura-stats { gap: 150px; margin-top: 80px;}
.aura-stats p { font-family:AvenirHeavy; font-size: 20px}
.aura-stats span { font-size: 3em;}

div.g1 { gap: 50px; }
div.g1 > :first-child { max-width: 700px; margin: 0}

div.g1 > p.p1 {font-size: 30px; font-family:AvenirHeavy; columns: 2; column-gap: 100px; max-width: 980px}

div.aura-features { gap: 80px; margin-top: 70px;}

div.are-you-ready { gap: 70px;}

div.caption-pipes { padding-top: 120px; text-align: left; max-width: 890px; margin: 0 auto 0 0 }

div.aura-showcase3 { display: flex; gap: 0; align-items: stretch;}
div.aura-showcase3 > div { width: 550px}
div.aura-showcase3 > div:first-child { width: calc(100% - 550px); padding-right: 20px; }
div.aura-showcase3 p.accent { margin-top: 80px}

div.g2 { gap: 70px 30px; flex-wrap: wrap; margin: 40px auto 60px}
div.grid.x2.g2 > div { width: calc(50% - 35px);}

div.grid-tech { gap: 90px;}
div.grid-tech > div { width: calc(100% - 484px)}
div.grid-tech > div:last-child { width: 394px}
div.grid-tech p.accent { margin: 70px auto 30px 0}

div.g3 { gap: 210px}

div.grid-services { gap: 16px; flex-wrap: wrap; margin-top: 80px}
div.grid-services > div { width: calc(33.33% - 11px); margin-bottom: 80px}
div.grid-services  img { margin-bottom: 35px}

div.portfolio {  grid-template-columns: 1fr 1fr 1fr; column-gap: 40px; row-gap: 80px; margin-bottom: 40px}
div.portfolio img {  display: block; width: 100%; margin-bottom: 30px;}
div.portfolio p {  margin-bottom: 16px;}

div.team {  grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 120px; row-gap: 40px; margin-bottom: 40px}
div.team img {  display: block; width: 100%; margin-bottom: 16px;}
div.team p {  margin-bottom: 5px;}

div.g4 { gap: 90px; margin: 70px auto 60px 0}
div.g4 p { margin: 0; line-height: 40px;}


div.grid-partners { margin: 60px auto 100px}

div.grid.articles { gap: 50px; justify-content: left;}
div.grid.articles > div { max-width: 380px; width: calc(33.33% - 34px)}
div.grid.articles div.thumb { display: block; margin-bottom: 25px;}
div.grid.articles div.thumb img { display: block}
/*div.grid.articles > div:first-child { width: calc(100% - 380px); padding-right: 60px;}*/
div.article-entry { margin-bottom: 30px;}
div.article-entry p { margin-bottom: 4px;}

form { font-family:AvenirHeavy; margin-top: 60px}
div.form-col { padding-left: 60px; align-items: flex-end; padding-top: 50px;}
form.form-registration { margin-top: 0}
div.radios { padding: 60px 0;}
div.radios >label { font-size: 30px; font-family:AvenirHeavy; color: #000; }
div.radio label { display: block; position: relative; padding-left: 80px; padding-top: 18px; line-height: 1.25; min-height: 60px; font-size: 20px;  font-family:AvenirHeavy; color: #000}
div.radio label:before { width: 60px; height: 60px; border: 1px solid #BEBEBE; border-radius: 60px; }
div.radio label:after { content: ""; display: block; position: absolute; top: 15px; left: 15px; width: 30px; height: 30px; border-radius: 30px;  border: 0px; }
div.radio input[type=radio]:checked + label:after { background-color: var(--col-primary);   border: 0}

fieldset, div.field { max-width: 100%;}
div.checkbox label { font-size: 16px; padding-left: 46px; min-height: 30px; padding-top: 1px; font-family:AvenirBook; max-width: 100%; white-space: normal;}
div.checkbox label:before { width: 30px; height: 30px; }
div.checkbox input:checked + label:before { background-size: 15px 10px;}

input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {border-radius: 12px; padding-left: 20px; font-family:AvenirHeavy;}
textarea { height: 240px; border-radius: 12px; font-family:AvenirHeavy; padding: 20px}
button[type="submit"] { display: inline-block; background: rgb(101,229,251); background: linear-gradient(135deg, rgba(101,229,251,1) 0%, rgba(49,122,203,1) 100%); border-radius: 10px; padding: 0 25px; color: #fff; font-family:AvenirHeavy; font-size: 16px; line-height: 40px; }

.select2-container--default .select2-selection--single { border-radius: 12px; border-color: var(--col-border)}
.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 20px; text-transform: none;}
.select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 20px 10px; }
.select2-container--default .select2-selection--single .select2-selection__arrow:hover {background-size: 20px 10px; }

div.quick-links { position: fixed; top: 50%; right: 0; padding: 0 0px; background: #EDEDED; border-radius: 10px 0 0 10px; z-index: 9}
div.quick-links a { display: block; width: 40px; padding: 15px 10px; border-bottom: 1px solid #BEBEBE;}
div.quick-links a:last-child { border: 0;}
div.quick-links a img { display: block; margin: 0 auto; transition: all .2s ease-in}
div.quick-links a:hover img { transform: scale(1.2)}

/*section.section-masthead { z-index: 4;}*/
section.section-showcase { z-index: 3;}
section.section-aura { z-index: 3; }
section.section-services { z-index: 2; margin-top: -100px}

h6.ui-accordion-header {font-size: 30px; padding: 0px 0 0px 53px; font-family:AvenirHeavy; position: relative; margin: 45px auto 10px; font-weight: normal; color: #000; cursor: pointer; line-height: 40px;}
span.ui-accordion-header-icon { position: absolute; left: 0; top: 0; width: 20px; height: 40px; background: url(/img/svg/plus.svg) no-repeat center center; background-size: contain; display: block;}
h6.ui-accordion-header-active span.ui-accordion-header-icon {background-image: url(/img/svg/minus.svg);}
div.ui-accordion-content { padding-left: 53px;}

div.reveal-response p { text-align: left; font-family:AvenirHeavy; font-size: inherit }


/*ANIMATIONS*/
.slide-in-bottom { transform: translateY(300px); opacity: 0;}
.slide-in-top { transform: translateY(-300px); opacity: 0;}
.slide-in-top2 { transform: translateY(-200px); opacity: 0;}
.slide-in-left { transform: translateX(-500px); opacity: 0;}


.in-better-view.slide-in-bottom {opacity: 1;	animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-bottom {	opacity: 1; animation: slide-in-bottom 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top {	opacity: 1;animation: slide-in-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.in-better-view .slide-in-top2 {	opacity: 1;  animation: slide-in-top2 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 0.3s;}
.in-better-view .slide-in-left {	opacity: 1;  animation: slide-in-left 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.js-animate-1 > div { transform: translate3D(0, -300px, 0); opacity: 0}
.in-better-view .js-animate-1 > div  { transform: translate3D(0, 0px, 0); opacity: 1; transition: all 1.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .js-animate-1 > div:nth-child(2)  { transition: all 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s }
.in-better-view .js-animate-1 > div:nth-child(3)  { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .5s }

.grid-advantages .columns p { opacity: 0; transform: translateY(-300px); }
.in-better-view .grid-advantages .columns p { opacity: 1; transform: translateY(0);}
.in-better-view .grid-advantages .columns p:nth-child(1) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .grid-advantages .columns p:nth-child(2) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s}
.in-better-view .grid-advantages .columns p:nth-child(3) { transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s}

.aura-features > div { opacity: 0; transform: translateY(-300px); }
.in-better-view .aura-features > div { opacity: 1; transform: translateY(0);}
.in-better-view .aura-features > div:nth-child(1) { transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .1s}
.in-better-view .aura-features > div:nth-child(2) { transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .2s}
.in-better-view .aura-features > div:nth-child(3) { transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) .3s}

/*.audience-type { opacity: 0; transform: translateY(-300px); }*/
.audience-type:nth-child(2) { opacity: 0;transform: translateY(-150px); }
.audience-type:nth-child(3) { opacity: 0;transform: translateY(-300px); }
.audience-type:nth-child(4) { opacity: 0;transform: translateY(-450px); }
.in-better-view .audience-type { opacity: 1; transform: translateY(0);transition: all 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940)}


.caption-home h1 {top: -300px; opacity: 0; position: relative;}
.caption-home .caption-bottom {bottom: -100px; opacity: 0; position: relative;}
.in-view .caption-home h1 { top: 0; opacity: 1; transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940)}
.in-view .caption-bottom { bottom: 0; opacity: 1; transition: all .9s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s}

div.portfolio > div { opacity: 0}
.in-better-view div.portfolio > div { opacity: 1; transform: translateY(0) !important ; transition: all 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940)}

@keyframes slide-in-top {
  0% { transform: translateY(-300px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-top2 {
  0% { transform: translateY(-200px); opacity: 0;}
  100% {transform: translateY(0);opacity: 1;}
}

@keyframes slide-in-bottom {
  0% {transform: translateY(300px);opacity: 0;  }
  100% { transform: translateY(0);opacity: 1;
  }
}@keyframes slide-in-left {
  0% {transform: translateX(-300px);opacity: 0;  }
  100% {transform: translateX(0);opacity: 1;  }
}

@media only screen and (max-width: 2000px) {
	div.aura-showcase > div:last-child  { margin-bottom: 0;}
	div.aura-showcase > div:last-child img { top: 0}
	div.caption-home a.play { margin: 13vw auto;}
}
@media only screen and (max-width: 1780px) {
	div.caption-home-top { padding-top: 60px;}
	div.caption-home { padding-bottom: 60px;}
}
@media only screen and (max-width: 1680px) {
	div.home-news { padding-bottom: 200px; background-color: #000}

	nav { gap: 50px; }
	header div.logo img {width: 180px;}
	nav ul { gap: 25px; }

}


@media only screen and (max-width: 1680px) {

		div.aura-showcase2 > div { width: 440px}
		div.aura-showcase2 > div:first-child { width: calc(100% - 440px); }
		div.aura-showcase2 > div:last-child img { bottom: 0px; }

		div.caption-pipes { padding-top: 60px; }

}
@media only screen and (max-width: 1440px) {
		:root {
				  --default-font-size: 18px;
				  --default-input-font-size: 18px;
				  --dim-default-space: 80px;
				  --dim-input-height: 48px;
				}

		h1 {font-size: 60px; margin-bottom: 30px; }
		h2 {font-size: 60px; margin-bottom: 30px; }
		h3 {font-size: 32px; margin-bottom: 30px;}
		div.subheading { font-size: 32px; }
		p.larger { font-size: 24px; }
		p.accent { font-size: 32px; }
		img.full { margin: 0 auto 50px}
		div.buttons { gap: 20px; }
		div.buttons.masthead-buttons { gap: 50px; }
		a.btn { line-height: 32px; font-size: 18px; padding-left: 40px; min-height: 32px}
		a.btn:after { width: 32px; height: 32px; }
		a.btn-gradient { line-height: 32px;}

		section:not(.full) { padding-left: 40px; padding-right: 40px; max-width: 1360px;}
		div.caption  { padding-left: 40px; padding-right: 40px; width: 1360px;}

		footer {padding: 50px 20px 0; }
		footer > div {margin-bottom: 40px;}
		footer > div > div { }
		footer > div > div:first-child { }
		footer div.lines:before { height: 50px; top: -50px; }
		footer div.lines:after { height: 300px; bottom: -300px; }
		footer div.logo img { max-width: 192px; }
		footer div.contact {gap: 32px; } 

		footer div.contact p { font-size: 16px; } 
		footer div.contact p.social { gap: 20px;   font-size: 18px; }
		footer div.disclaimer p { font-size: 16px;}
		footer div.associations { gap: 30px;  }
		footer div.associations p {  font-size: 16px; }

		div.caption-home a.play { margin: 145px auto; }
		div.caption-home div.title { font-size: 32px; }
		div.caption-home div.subtitle { font-size: 24px; margin-bottom: 40px;}

		div.aura-showcase2 > div { width: 275px}
		div.aura-showcase2 > div:first-child { width: calc(100% - 275px); }
		div.aura-showcase2 > div:last-child img { bottom: 0px; }



		div.aura-stats { gap: 100px}

		div.team { column-gap: 60px;}

		div.audience-type > div:last-child { padding-left: 60px;}

		div.g1 > p.p1 {font-size: 24px; column-gap: 60px; }

/*		div.quick-links a { width: 40px; padding: 15px 0;}*/

		div.aura-summary { gap: 100px}
		div.aura-summary div { width: calc(33.33% - 67px);}
		div.aura-services { gap: 50px}
		div.grid-news { gap: 50px;}
		div.caption-advantages > p { margin-top: 40px;}

		div.caption-home div.title { margin-bottom: 5px;}
		div.caption-home div.subtitle { margin-bottom: 20px;}

		div.aura-showcase { display: flex; gap: 0; align-items: center;}
		div.aura-showcase > div { width: 53%}
		div.aura-showcase > div:first-child { width: 47%; }

		section.section-services { margin-top: -50px;}

		h6.ui-accordion-header {font-size: 24px; padding: 0px 0 0px 40px; margin: 40px auto 10px; line-height: 30px; }
		span.ui-accordion-header-icon { height: 30px}
		div.ui-accordion-content { padding-left: 40px;}

		div.aura-showcase3 > div:first-child { width: calc(100% - 400px); padding-right: 40px; }
		div.aura-showcase3 > div:last-child { width: 400px; }

}





@media only screen and (max-width: 1280px) {

	div.footer-1, div.footer-2 {flex-direction: column}
	footer div.contact  { gap: 50px; width: 100%; margin-bottom: 40px}
	footer div.contact  p { margin: 0}
	div.home-news { padding-bottom: 0px; }
	div.caption-news { position: relative !important; margin-top: -200px}
/*	div.caption-home a.play { display: none;}*/
/*	div.caption-home { top: auto !important; bottom: 0 !important; transform: none !important; left: 0 !important}*/
	div.caption-home-top { padding-top: 20px;}
	div.caption-home { padding-bottom: 20px;}

	nav { gap: 40px; }
	header div.logo img {width: 120px;}
	nav ul { gap: 15px; }
	nav > ul a { font-size: 13px}

div.intro-aura p { margin-top: 40px; }
}

@media only screen and (max-width: 1080px) {


	a.btn { line-height: 32px; font-size: 16px; padding-left: 40px; min-height: 32px}
	a.btn:after { width: 30px; height: 32px; }
	a.btn-gradient { font-size: 14px; line-height: 32px;}


	:root {
			  --default-font-size: 16px;
			  --default-input-font-size: 16px;
			  --dim-default-space: 60px;
			  --dim-input-height: 42px;
			}

		h1 {font-size: 46px; margin-bottom: 30px; }
		h2 {font-size: 46px; margin-bottom: 30px; }
		h3 {font-size: 28px; margin-bottom: 30px;}
		div.subheading { font-size: 28px; }
		p.larger { font-size: 20px; }
		p.accent { font-size: 28px; }
		img.full { margin: 0 auto 50px}
		div.buttons { gap: 20px; }
		div.buttons.masthead-buttons { gap: 40px; }

		div.g1 > p.p1 {font-size: 20px; column-gap: 40px; }
		div.caption-home  { bottom: 10px}
		div.caption-home div.title { font-size: 24px; margin-bottom: 0px }
		div.caption-home div.subtitle { font-size: 20px; margin-bottom: 0px;}
		div.caption-home div.buttons { margin-top: 10px}
		.aura-stats p { font-size: 16px}

		section:not(.full) { padding-left: 20px; padding-right: 20px; }
		section.max { padding-left: 0px; padding-right: 0px; }
		div.caption  { padding-left: 20px; padding-right: 20px; }

		div.caption-pipes { padding-top: 70px}

		footer div.lines { width: calc(100% + 20px); left: -10px;}

		div.grid-tech > div { width: calc(100% - 294px)}
		div.grid-tech > div:last-child { width: 294px;}
		div.grid-tech { gap: 50px;}

		div.g4  { gap: 50px;}

		div.team { column-gap: 30px; } 

		div.audience-type > div:first-child { width: 240px }
		div.audience-type > div:last-child { width: calc(100% - 240px);padding-left: 40px; }
		div.audience-type div.grid { gap: 30px}

		div.g1 { gap: 30px}
		div.g2 { gap: 40px 30px}
		div.aura-stats { gap: 50px}
		div.aura-features { gap: 40px}

		div.aura-showcase3 > div:first-child { width: calc(100% - 280px); padding-right: 40px; }
		div.aura-showcase3 > div:last-child { width: 280px; }

		div.g4 p { line-height: 1.5}

		div.form-col { padding-left: 20px; padding-top: 20px;}

		div.radios { padding: 40px 0;}
		div.radios >label { font-size: 24px; }
		div.radio label { padding-left: 40px; padding-top: 10px; min-height: 32px; font-size: 18px;  }
		div.radio label:before { width: 32px; height: 32px; border-radius: 32px; }
		div.radio label:after { top: 4px; left: 4px; width: 24px; height: 24px; border-radius: 24px;  border: 0px; }

		div.checkbox label { font-size: 14px; padding-left: 32px; min-height: 20px; padding-top: 1px; }
		div.checkbox label:before { width: 20px; height: 20px; }
		div.checkbox input:checked + label:before { background-size: 12px 8px;}

		input[type="text"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="password"] {padding-left: 12px; }
		textarea { padding: 12px}
		button[type="submit"] { padding: 0 20px; font-size: 14px; line-height: 36px; }

		.select2-container--default .select2-selection--single .select2-selection__rendered { padding-left: 12px; }
		.select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 16px 8px; }
		.select2-container--default .select2-selection--single .select2-selection__arrow:hover {background-size: 16px 8px; }

		section.section-services { margin-top: 00px}
		div.aura-summary { gap: 60px}
		div.aura-summary div { width: calc(33.33% - 40px);}
		div.aura-services { gap: 40px}
		div.grid-news { gap: 40px;}
		div.caption-advantages > p { margin-top: 40px;}

		div.caption-aura div.intro-aura img { width: 300px}

		div.g4 p:not(.accent) { padding-top: 10px}

		div.grid-partners { gap: 30px}
		div.grid-partners a { width: auto; width: calc(25% - 40px)}

		div.grid.articles { gap: 40px; }
		div.grid.articles > div { width: calc(33.33% - 27px)}

/*		div.grid.articles > div:first-child { width: calc(100% - 240px); padding-right: 50px;}*/

		h6.ui-accordion-header {font-size: 22px; padding: 0px 0 0px 32px; margin: 40px auto 10px; line-height: 28px; }
		span.ui-accordion-header-icon { height: 28x; width: 16px;}
		div.ui-accordion-content { padding-left: 32px;}

		a.header-phone, a.header-email { display: none !important}
		div.announcement { padding: 10px 20px 10px;}
}

@media only screen and (max-width: 980px) {
	
	nav > a.btn-gradient { display: none;}
	footer div.contact  { flex-wrap: wrap; padding-right: 20px;}
	footer div.contact p.social { padding-right: 0px}
	div.caption-news { position: relative !important; margin-top: -100px}

	a.header-phone, a.header-email { font-size: 14px;}
	div.announcement { padding: 10px 20px 10px;}

	div.caption-pipes { padding-top: 40px}
}

@media only screen and (max-width: 760px) {
		nav { background-color: #fff; padding: 10px 0; display: block;}
		nav div.logo img { margin: 0 auto}
		nav > ul { display: flex; position: absolute; left: -200vw; width: 100vw; flex-direction: column; background-color: #fff; padding: 40px 0; gap: 40px;}
	/*	nav ul { display: block; }*/
		div.burger { display: block;}

		header.active nav > ul { left: 0; }
		header.active nav > ul a { font-size: 20px;}

		:root {
				  --default-font-size: 16px;
				  --default-input-font-size: 16px;
				  --dim-default-space: 50px;
				  --dim-input-height: 42px;
				}

		h1 {font-size: 32px; margin-bottom: 30px; }
		h2 {font-size: 32px; margin-bottom: 30px; }
		h3 {font-size: 20px; margin-bottom: 20px;}
		div.subheading { font-size: 20px; }
		p.larger { font-size: 18px; }
		p.accent { font-size: 20px; }
		img.full { margin: 0 auto 20px}
		div.buttons { gap: 20px; }
		div.buttons.masthead-buttons { gap: 25px; }
		a.btn { line-height: 24px; font-size: 12px; padding-left: 30px; min-height: 24px}
		a.btn:after { width: 24px; height: 24px; }
		a.btn-gradient { font-size: 12px; line-height: 24px;}

		div.g1 > p.p1 {font-size: 18px; column-gap: 40px; }
		div.caption-home div.title { font-size: 20px; }
		div.caption-home div.subtitle { font-size: 18px; margin-bottom: 20px;}
		.aura-stats p { font-size: 12px}

		div.intro-aura { margin-bottom: 20px}
		div.intro-aura span { font-size: 12px; margin-bottom: 10px}
		div.intro-aura img { max-width: 180px}

		div.aura-stats, div.grid-services, div.g3, div.grid.x2.g2 , div.aura-showcase3, div.are-you-ready, div.aura-features, div.g1, div.grid.audience-type, div.aura-showcase2 { flex-direction: column}
		div.aura-showcase2 > div:first-child { width: 100%; padding: 40px 0}
		div.aura-showcase2 > div { width: 100%;}
		div.aura-showcase2 > div:last-child img { position: relative; width: 180px; margin: 0 auto}
		div.aura-showcase2 p:nth-child(3) { margin-top: 40px}

		div.grid.audience-type > div { width: 100% !important; padding: 0}
		div.audience-type > div:last-child { padding-top: 20px}

		div.aura-stats { gap: 25px}

		div.grid.bottom { align-items: flex-start}

		div.g1 > p.p1 { columns: 1}

		div.grid.x3 > div { width: 100%;}

		div.are-you-ready { gap: 20px; align-items: flex-start !important;}
		div.are-you-ready h2, div.are-you-ready p { margin-bottom: 0}

		footer div.lines, #master-line { display: none !important;}

		div.caption-static-mobile { position: relative !important;}
		div.caption-pipes > * { color: var(--col-text) !important;}

		div.grid-tech, div.aura-showcase3 {flex-direction: column-reverse}
		div.aura-showcase3 > div:first-child { width: 100%;padding-right: 0}
		div.aura-showcase3 > div:last-child { width: 100%;}
		div.aura-showcase3 > div:last-child img { width: 200px; margin: 0 auto 40px; display: block;}

		div.grid.x2.g2 > div {width: 100%; }

		div.aura-showcase3 p.accent { margin-top: 40px; margin-bottom: 20px}

		div.grid-tech > div { width: 100% !important;}
		div.grid-tech > div:last-child > img { display: block; margin: 0 auto;}

		div.g3 { gap: 30px}

		div.grid-services { gap: 50px;}
		div.grid-services > div { width: 100%; margin-bottom: 0}
		div.grid-services img { margin-bottom: 20px}

		div.portfolio { grid-template-columns: 1fr 1fr;     column-gap: 20px; row-gap: 50px; margin-bottom: 40px;}

		div.g4 { gap: 30px}

		div.team { grid-template-columns: 1fr 1fr; column-gap: 20px; row-gap: 40px; margin-bottom: 40px; }

		div.radios, div.form-row { flex-wrap: wrap;}
		div.radios {align-items: flex-start; gap: 20px; padding: 20px 0}  
		div.form-row.x_2_31 > div {width: 100%;}
		div.form-row.x_2_31 > div:first-child {width: 100%;}
		div.form-row.x_3_21 > div {width: 100%;}
		div.form-row.x_3_21 > div:first-child {width: 100%;}
		div.radios >label { font-size: 20px; width: 100%}
		div.radios > div.radio { width: auto}

		div.quick-links a { width: 36px;padding: 10px 10px;}

		section.section-services { margin-top: 0px}
		div.caption-services > p { margin-bottom: 30px}
		div.aura-summary { gap: 30px}
		div.aura-summary div { width: calc(33.33% - 15px);}
		div.aura-services { gap: 20px}
		div.grid-news { gap: 20px;}
		div.caption-advantages > p { margin-top: 30px;}

		h6.ui-accordion-header {font-size: 18px; padding: 0px 0 0px 24px; margin: 30px auto 10px; line-height: 24px; }
		span.ui-accordion-header-icon { height: 24px; width: 12px;}
		div.ui-accordion-content { padding-left: 24px;}

		div.grid-partners { flex-wrap: wrap; gap: 50px 30px}
		div.grid-partners a { width: auto; width: calc(50% - 25px)}

/*		div.announcement { display: none;}*/
		#home div.masthead { padding-top: 140px; }
		#home div.masthead div.caption { position: relative !important; transform: none !important; margin-bottom: 20px !important; left: 0 !important; padding-top: 0 !important; margin-top: 20px !important}
		#home div.masthead div.caption.top { margin-top: 100px !important}
		div.iframe iframe { transform: scale(2.4)}
/*		#home div.masthead div.caption { position: relative !important; transform: none !important}*/

		div.grid.articles { gap: 24px}
		div.grid.articles > div { width: calc(50% - 12px)}
		
		div.intro-aura p { margin-bottom: 20px; margin-top: 20px; font-size: 14px}
		div.caption-aura div.intro-aura img { width: 240px;}

		div.checkbox label  br { display: none }
}
 

@media only screen and (max-width: 600px) {
	footer div.contact  { gap: 30px}
	footer div.contact  p:not(.social) { display: block; width: 100%;}
	footer div.associations { gap: 10px; flex-wrap: wrap;}

	div.aura-showcase	{flex-direction: column; gap: 0px; padding-top: 50px; text-align: center;}
	div.aura-showcase > div	{width: 100% !important; }
	div.aura-showcase div.intro-aura { text-align: center;}
	div.aura-showcase div.intro-aura img { margin-left: auto; margin-right: auto;}
	div.aura-showcase p { text-align: center;}
	div.aura-showcase  a.btn {  margin-left: auto; margin-right: auto;}
	div.aura-summary	{flex-direction: column; gap: 50px}
	div.aura-summary > div	{ width: 100%; }
	div.aura-summary img { max-width: 200px}
	div.aura-summary p.accent { margin-bottom: 0; font-size: 24px}
	div.aura-summary p.larger { margin-bottom: 0; font-size: 17px}

	section.section-services { margin-top: 0}
	div.caption-services { position: relative !important; transform: none !important; left: 0!important; top: 0 !important}
	div.caption-services p.larger { margin-bottom: 10px}
	div.aura-services 	{flex-direction: column; gap: 50px}
	div.portfolio-home 	{flex-direction: column; gap: 50px}
	div.portfolio-home > div 	{width: 100% !important; max-width: 100% !important}

	div.grid-advantages 	{flex-direction: column; gap: 20px}
	div.caption-advantages { position: relative !important; transform: none !important; left: 0!important; top: 0 !important}

	div.grid-news 	{flex-direction: column; gap: 50px; }
	div.caption-news { margin-top: 0vw;}

	div.caption-home { }
	div.caption-home h1 { margin-bottom: 20px}
	div.caption-home div.subtitle { font-size: 14px;}

	div.grid-advantages > div {width: 100% !important;}

	div.caption-aura div.intro-aura img { width: 180px}
		
		h6.ui-accordion-header {font-size: 16px; padding: 0px 0 0px 20px; margin: 25px auto 10px; line-height: 20px; }
		span.ui-accordion-header-icon { height: 20px; width: 10px;}
		div.ui-accordion-content { padding-left: 20px;}

		div.caption-home { position: relative!important; transform: none !important; padding-top: 0px; left: 0 !important; margin-top: -50px;}
/*div.caption-home div.title {}*/
/*div.caption-home div.subtitle { color: #fff; line-height: 1.66; font-size: 30px; margin-bottom: 50px;}*/

		div.grid.articles { gap: 0px}
		div.grid.articles > div { width: 100%; margin-bottom: 50px}


/*		div.caption-aura div.intro-aura img { width: 140px}*/
/*		div.intro-aura p { margin-bottom: -10px; margin-top: 10px;font-size: 12px; line-height: 1.5}*/
		
		img.oversized { width: 660px;max-width: 660px; position: relative; left: calc(50vw - 330px);}
}