@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&display=swap');
	

* { margin: 0; padding: 0; }

.clear:after { content: ""; display: table; clear: both; }

h1, h2, p { font-family: 'Barlow', sans-serif; font-weight: lighter; font-size: 28px; }

h2 { font-size: 28px; }

body { background-color: #000; /*#111;*/ }

.pink { color: #c818e4; /*color:#f54a7e;*/}

.blue { color: #3fe7eb; /*color:#18b3d5;*/}

.offcanvas { height: 100vh; position: fixed; left: 100%; background: rgba(11, 11, 11, 0.99); z-index: 50; color: white; font-family: 'Barlow', sans-serif; border: 2px solid #4a4f55; border-top: 0; border-bottom: 0; width: calc(100% - 4px); overflow-y: scroll; overflow-x: hidden; }
.offcanvas .content { padding-bottom: 30px; }
.offcanvas .content .close-button { height: 25px; width: 25px; position: absolute; top: 20px; right: 10px; cursor: pointer; }
.offcanvas .content * { position: relative; }
.offcanvas .content .paragraph { padding-top: 50px; }
.offcanvas .content .paragraph img { padding-left: 40px; }
.offcanvas .content .paragraph h1 { padding: 15px 0 15px 85px; font-size: 18px; top: -60px; }
.offcanvas .content .paragraph h2 { padding: 0 0 0 15px; max-width: 200px; vertical-align: top; font-size: 18px; }
.offcanvas .content .paragraph p { font-size: 16px; padding-left: 85px; color: #108ca7; top: -60px; }
.offcanvas .content .paragraph ul, .offcanvas .content .paragraph hx { padding: 10px 0 0 40px; font-size: 14px; top: -60px; }
.offcanvas .content .paragraph ul li { margin-left: 15px; font-size: 13px; padding-right: 10px; }
.offcanvas .content .paragraph ul li:last-child { padding-bottom: 10px; }
.offcanvas .content .paragraph hx { font-weight: bold; }
.offcanvas .content .team .member { width: 46%; display: inline-block; vertical-align: top; padding-left: 6px; }
.offcanvas .content .team .member h3, .offcanvas .content .team .member h4 { text-align: center; padding: 2px 0; }
.offcanvas .content .team .member h3 { font-size: 15px; color: #108ca7; }
.offcanvas .content .team .member h4 { font-size: 13px; color: #f54a7e; }
.offcanvas .content .team .member ul { padding: 5px 10px 0 8%; }
.offcanvas .content .team .member ul li { font-size: 10px; padding-top: 2px; }
.offcanvas .content .team .member img { width: 50px; border-radius: 100%; margin: 15px auto; display: block; border: 3px solid #108ca7; }
.offcanvas .content .team .member:last-child { display: block; margin: 5px auto; }
.offcanvas .content .generic { padding-top: 50px; }
.offcanvas .content .generic .service { display: block; margin: 18px auto; width: 90%; }
.offcanvas .content .generic .service p:first-of-type { font-size: 18px; display: inline-block; padding-left: 0; }
.offcanvas .content .generic .service p { max-width: 40%; font-size: 18px; padding-left: 75px; line-height: 125%; margin-bottom: 16px; }
.offcanvas .content .generic .service p b { font-size: 20px; }
.offcanvas .content .generic .service img { display: inline-block; vertical-align: top; padding: 0 15px 15px 0; width: 55px; height: 55px; }
.offcanvas .content [contents="clients"], .offcanvas .content [contents="form"] { padding-left: 30px; padding-bottom: 30px; }
.offcanvas .content [contents="clients"] [contents="partner"], .offcanvas .content [contents="form"] [contents="partner"] { margin: 15px; display: inline-block; }
.offcanvas .content [contents="clients"] [contents="partner"] img, .offcanvas .content [contents="form"] [contents="partner"] img { border-radius: 10px; border: 3px solid #108ca7; }
.offcanvas .content [contents="img"] img { width: 45%; max-width: 320px; display: inline-block; margin: .5vw; border: 2px solid #18b3d5; border-radius: 5px; }
.offcanvas .content h2 { padding: 20px 40px 10px 40px; display: inline-block; }

[contents="left"], [contents="menu"] { display: none; opacity: 0; }

[contents="main"] { position: relative; padding: 0; }
[contents="main"] h1, [contents="main"] h2, [contents="main"] p { color: white; padding-left: 30px; /*color:white;*/}
[contents="main"] h1 { text-transform: uppercase; font-family: 'Barlow', sans-serif; font-size: 68px; max-width: 280px; padding-top: 75px; }
[contents="main"] h2 { padding-top: 30px; }
[contents="main"] p.first { padding: 9px 0 0px 30px; }
[contents="main"] p { font-size: 16px; max-width: 300px; line-height: 1.2; display: block; }
[contents="main"] p span { font-style: italic; font-weight: bold; }
[contents="main"] img { display: inline-block; }
[contents="main"] div.logo { display: block; position: fixed; background-color: transparent; height: 48.42px; width: calc(100% - 4px); z-index: 10; /*background-color: #000;*/}
[contents="main"] div.logo img.hidden-large { width: 96px; position: fixed; right: 15px; top: 10px; float: right; }
[contents="main"] hr { border: 1.5px solid #4a4f55; width: 45%; }
[contents="main"] [contents="landing"], [contents="main"] [contents="boutique"], [contents="main"] [contents="contact"], [contents="main"] [contents="footer"] { min-height: 100vh; width: calc(100% - 4px); border: 2px solid #4a4f55; border-top: 0; border-bottom: 0; margin-bottom: -3px; position: relative; overflow: hidden; }
[contents="main"] [contents="landing"] a.bottom { text-transform: uppercase; text-decoration: none; color: white; font-family: 'Barlow', sans-serif; font-size: 20px; max-width: 30px; position: absolute; top: calc(100% - 80px); left: 20px; }
[contents="main"] [contents="landing"] a.bottom .arrow { width: 40px; }
[contents="main"] [contents="landing"] canvas { position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }
[contents="main"] [contents="boutique"] { display: inline-block; vertical-align: top; }
[contents="main"] [contents="boutique"] p.pink { font-style: italic; font-size: 15px; margin-top: -5px; padding: 0 0 0 45px; position: relative; top: -5px; }
[contents="main"] [contents="boutique"] [contents="text"] { margin: 18px 0 50px 0; }
[contents="main"] [contents="boutique"] [contents="text"] p { padding: 0 0 0 12px; font-size: 15px; max-width: 300px; vertical-align: top; display: block; padding-left: 58px; }
[contents="main"] [contents="boutique"] [contents="text"] p:last-child { padding-top: 12px; }
[contents="main"] [contents="boutique"] [contents="circles"], [contents="main"] [contents="boutique"] [contents="circles"].horizontal { margin-bottom: 50px; margin-left: 18px; }
[contents="main"] [contents="boutique"] [contents="circles"] div, [contents="main"] [contents="boutique"] [contents="circles"].horizontal div { height: 120px; width: 120px; border-radius: 120px; display: inline-block; margin: 14px 0 14px 18px; position: relative; vertical-align: top; cursor: pointer; -webkit-transition: border-color 1s ease; transition: border-color 1s ease; }
[contents="main"] [contents="boutique"] [contents="circles"] div p, [contents="main"] [contents="boutique"] [contents="circles"].horizontal div p { display: block; padding: 15px; text-align: center; padding: 0; max-width: 100px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; font-size: 15px !important; }
[contents="main"] [contents="boutique"] [contents="circles"] .pink, [contents="main"] [contents="boutique"] [contents="circles"].horizontal .pink { border: 2px solid #c818e4; }
[contents="main"] [contents="boutique"] [contents="circles"] .pink:hover, [contents="main"] [contents="boutique"] [contents="circles"].horizontal .pink:hover { border-color: #eaa3f5; }
[contents="main"] [contents="boutique"] [contents="circles"] .blue, [contents="main"] [contents="boutique"] [contents="circles"].horizontal .blue { border: 2px solid #3fe7eb; }
[contents="main"] [contents="boutique"] [contents="circles"] .blue:hover, [contents="main"] [contents="boutique"] [contents="circles"].horizontal .blue:hover { border-color: #a3f4f5; }
[contents="main"] [contents="boutique"] [contents="circles"].horizontal { position: relative; display: block; clear: both; width: 100%; }
[contents="main"] [contents="boutique"] [contents="list"] { padding: 60px 0 30px 30px; }
[contents="main"] [contents="boutique"] [contents="list"] [contents="item"] { padding: 9px 0; }
[contents="main"] [contents="boutique"] [contents="list"] [contents="item"] p { padding: 7.5px 0 7.5px 55px; vertical-align: top; font-weight: lighter; display: block; max-width: 210px; }
[contents="main"] [contents="boutique"] [contents="list"] [contents="item"] p:first-of-type { padding: 0px 10px; display: inline-block; }
[contents="main"] [contents="boutique"] [contents="list"] img { height: 42px; width: 42px; display: inline-block; }
[contents="main"] [contents="boutique"] .pink-hint { margin-left: 18px; position: relative; float: left; left: 0; }
[contents="main"] [contents="contact"] p { font-size: 18px; padding: 0 0 20px 30px; display: block; }
[contents="main"] [contents="contact"] p.sub { padding-top: 50px; }
[contents="main"] [contents="contact"] a { color: white; position: relative; top: 19px; }
[contents="main"] [contents="contact"] a.mail { right: 10px; }
[contents="main"] [contents="contact"] .gray { padding-top: 20px; color: #8a8a8a; width: 180px; font-size: 18px; }
[contents="main"] [contents="contact"] [contents="clients"], [contents="main"] [contents="contact"] [contents="form"] { padding-left: 30px; padding-bottom: 30px; }
[contents="main"] [contents="contact"] [contents="clients"] [contents="partner"], [contents="main"] [contents="contact"] [contents="form"] [contents="partner"] { margin: 15px; display: inline-block; }
[contents="main"] [contents="contact"] [contents="clients"] [contents="partner"] img, [contents="main"] [contents="contact"] [contents="form"] [contents="partner"] img { border-radius: 10px; }

[contents="footer"] { background-color: #696D97; min-height: 150px; /*#18b3d5*/}
[contents="footer"] [contents="cv"] { position: relative; min-height: 340px; border-top: 0; border-bottom: 0; }
[contents="footer"] [contents="cv"] p, [contents="footer"] [contents="cv"] a { font-size: 16px; color: white; text-align: right; font-family: 'Barlow', sans-serif; display: block; position: relative; top: -18px; left: calc(100% - 340px); width: 330px; }
[contents="footer"] [contents="cv"] a { font-size: 20px; font-style: italic; text-decoration: underline; cursor: pointer; padding-top: 8px; }
[contents="footer"] [contents="cv"] h2 { color: white; padding: 30px 0 0 30px; }
[contents="footer"] [contents="cv"] ul { padding: 30px 0 0 60px; }
[contents="footer"] [contents="cv"] ul li { color: white; font-family: 'Barlow', sans-serif; line-height: 130%; font-size: 18px; }
[contents="footer"] [contents="cv"] [contents="img"] { padding-top: 19px; padding-bottom: 75px; }
[contents="footer"] [contents="cv"] [contents="img"] img { padding: 8px 0 0 8px; width: 45%; max-width: 200px; display: inline-block; }

[contents="form"] { max-width: 260px; padding-top: 20px; padding-bottom: 150px; padding-left: 30px; padding-bottom: 30px; }
[contents="form"] input { width: 100%; border: 2px solid #8a8a8a; padding: 9px 0 9px 9px; margin: 9px 0; background-color: transparent; color: #18b3d5; font-family: 'Barlow', sans-serif; font-size: 16px; }
[contents="form"] textarea { margin: 9px 0; padding: 9px; width: 249px; height: 100px; color: #18b3d5; border: 2px solid #8a8a8a; background-color: transparent; font-family: 'Barlow', sans-serif; font-size: 16px; resize: none; }
[contents="form"] button { margin: 9px 0; width: 272px; padding: 9px; color: #c818e4; border: 2px solid #c818e4; background-color: transparent; font-family: 'Barlow', sans-serif; font-size: 16px; }
[contents="form"] ::-webkit-input-placeholder { font-family: 'Barlow', sans-serif; font-size: 16px; }
[contents="form"] :-moz-placeholder { /* Firefox 18- */ font-family: 'Barlow', sans-serif; font-size: 16px; }
[contents="form"] ::-moz-placeholder { /* Firefox 19+ */ font-family: 'Barlow', sans-serif; font-size: 16px; }
[contents="form"] :-ms-input-placeholder { font-family: 'Barlow', sans-serif; font-size: 16px; }

@media screen and (min-width: 568px) and (min-height: 320px) { [contents="main"] [contents="landing"] h1 { padding-top: 18px; }
  [contents="main"] [contents="landing"] p { max-width: 450px; padding-bottom: 0; padding-top: 4px; }
  [contents="main"] [contents="landing"] p:last-of-type { padding-top: 0; }
  [contents="main"] [contents="landing"] a.bottom { padding-top: 16px; font-size: 16px; } }
@media screen and (min-width: 760px) { [contents="landing"], [contents="boutique"], [contents="contact"], [contents="footer"] { width: calc(100% - 200px) !important; }
  [contents="main"] h2 { padding-left: 15px; }
  [contents="main"] [contents="landing"] h1 { font-size: 80px; max-width: 340px; padding-top: 105px; }
  [contents="main"] [contents="landing"] canvas { width: 130%; }
  [contents="main"] [contents="landing"] div.logo { width: calc(100% - 200px); height: 67.38px; }
  [contents="main"] [contents="landing"] div.logo img.hidden-large { right: 215px; float: right; width: 160px; }
  [contents="main"] [contents="boutique"] [contents="text"] p { max-width: 280px; text-align: left; font-size: 18px; }
  [contents="main"] [contents="boutique"] [contents="circles"] { display: inline-block; width: 154px; position: absolute; top: 50px; right: 15px; }
  [contents="main"] [contents="boutique"] [contents="circles"] div { display: inline-block; margin: 14px 0 14px 18px; }
  [contents="main"] [contents="boutique"] [contents="circles"].horizontal { margin-left: 43px; }
  [contents="main"] [contents="boutique"] [contents="list"] { padding: 60px 0 30px 30px; }
  [contents="main"] [contents="boutique"] [contents="list"] [contents="item"] { padding: 9px 0; }
  [contents="main"] [contents="boutique"] [contents="list"] img { height: 42px; width: 42px; display: inline-block; }
  [contents="main"] [contents="boutique"] [contents="list"] p { padding: 10.5px 9px; vertical-align: top; font-weight: lighter; display: inline-block; max-width: 210px; }
  [contents="main"] [contents="boutique"] .pink-hint { margin-left: 18px; position: relative; float: left; left: 0; }
  [contents="menu"] { display: inline-block; opacity: 100; position: fixed; top: 18px; right: 30px; z-index: 99; }
  [contents="menu"] a { font-family: 'Barlow', sans-serif; color: #4d4d4d; font-size: 20px; text-decoration: none; display: block; padding: 15px 0; text-align: right; font-weight: bold; max-width: 80px; }
  [contents="contact"] [contents="clients"] [contents="partner"] img { max-width: 190px; }
  .offcanvas .content { width: calc(100% - 170px); border: 2px solid #4a4f55; border-top: 0; border-bottom: 0; min-height: 105%; }
  .offcanvas .content .close-button { right: 200px; z-index: 99; }
  .offcanvas .content .paragraph img { padding-left: 40px; }
  .offcanvas .content .paragraph h1 { font-size: 22px; }
  .offcanvas .content .paragraph h2 { max-width: 100%; font-size: 30px; display: inline-block; }
  .offcanvas .content .paragraph p { font-size: 18px; display: block; top: -75px; }
  .offcanvas .content .paragraph ul, .offcanvas .content .paragraph hx { font-size: 20px; top: -55px; }
  .offcanvas .content .paragraph ul li { font-size: 18px; line-height: 125%; }
  .offcanvas .content .team .member { width: 48%; }
  .offcanvas .content .team .member h3 { font-size: 17px; }
  .offcanvas .content .team .member h4 { font-size: 15px; }
  .offcanvas .content .team .member ul li { font-size: 12px; }
  .offcanvas .content .team .member img { width: 80px; }
  .offcanvas .content .team .member:last-child { margin: 0px auto; } }
@media screen and (min-width: 1020px) { .offcanvas { width: calc(100% - 262px); padding-left: 262px; }
  [contents="landing"], [contents="boutique"], [contents="contact"], [contents="footer"] { width: calc(100% - 500px) !important; margin-left: 260px; }
  [contents="main"] [contents="landing"] h1 { font-size: 75px; max-width: 350px; padding-top: 100px; }
  [contents="main"] [contents="landing"] p { font-size: 21px; max-width: 440px; }
  [contents="main"] [contents="landing"] canvas { width: 200%; }
  [contents="main"] [contents="landing"] div.logo { width: calc(100% - 500px);background-color: transparent; }
  [contents="main"] [contents="landing"] div.logo img.hidden-large { opacity: 1; display: inline-block; position: fixed; left: 0; width: 190px; top: 32px; left: 32px; z-index: 99; }
  [contents="menu"] a { font-size: 20px; max-width: 80px; padding: 20px 0; font-weight: normal; -webkit-transition: color .3s ease; transition: color .3s ease; }
  [contents="menu"] a:hover { color: #c818e4; }
  hr { width: 50% !important; }
  .offcanvas .content { width: calc(100% - 260px); }
  .offcanvas .content .close-button { right: 290px; }
  .offcanvas .content .paragraph img { padding-left: 40px; }
  .offcanvas .content .paragraph h1 { top: -40px; }
  .offcanvas .content .paragraph h2 { max-width: 80%; font-size: 30px; display: inline-block; }
  .offcanvas .content .paragraph p { font-size: 18px; display: block; top: -40px; }
  .offcanvas .content .paragraph ul, .offcanvas .content .paragraph hx { font-size: 16px; top: -30px; }
  .offcanvas .content .paragraph ul li { font-size: 12px; line-height: 125%; }
  .offcanvas .content .team .member ul { padding: 5px 10px 0 20%; }
  .offcanvas .content .team .member ul li { font-size: 14px; } }
@media screen and (min-width: 1440px) { .offcanvas .content .paragraph p { top: -75px; }
  .offcanvas .content .paragraph h1 { top: -85px; }
  .offcanvas .content .paragraph ul, .offcanvas .content .paragraph hx { top: -55px; }
  .offcanvas .content .paragraph ul li, .offcanvas .content .paragraph hx li { font-size: 15px; }
  .offcanvas .content .team .member { width: 49%; }
  .offcanvas .content .team .member h3 { font-size: 19px; }
  .offcanvas .content .team .member h4 { font-size: 15px; }
  .offcanvas .content .team .member img { width: 80px; border-radius: 100%; margin: 15px auto; display: block; border: 3px solid #108ca7; }
  .offcanvas .content .team .member:last-child { display: block; margin: 5px auto; }
  [contents="contact"] [contents="clients"] [contents="partner"] img { max-width: 240px; }
  [contents="menu"] a { font-size: 22px; max-width: 200px; } }

/*# sourceMappingURL=main.css.map */