html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* ----- clear fix for floats ----- */
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

/* hides clearfix from IE-mac */
.clearfix { display: block; }

/* end hide from IE-mac */
* { box-sizing: border-box; }

html, body { width: 100%; height: 100%; }

body.theme1 { background: rgb(34,13,130); }

body.theme1 .first .shape { background-image: url(../img/shape-triangle.svg); }

body.theme1 .first.p0 { width: 54px; height: 47px; z-index: 4; }

body.theme1 .first.p1 { width: 90px; height: 78px; z-index: 3; }

body.theme1 .first.p2 { width: 180px; height: 156px; z-index: 2; }

body.theme1 .first.p3 { width: 360px; height: 312px; z-index: 1; }

body.theme1 .first.p4 { width: 540px; height: 468px; z-index: 0; }

@media (max-width: 767px) { body.theme1 .first.p0 { width: 27px; height: 23px; }
  body.theme1 .first.p1 { width: 45px; height: 39px; }
  body.theme1 .first.p2 { width: 90px; height: 78px; }
  body.theme1 .first.p3 { width: 180px; height: 156px; }
  body.theme1 .first.p4 { width: 270px; height: 234px; } }

body.theme1 .second .shape { background-image: url(../img/shape-penta.svg); }

body.theme1 .second.p5 { width: 52px; height: 49px; z-index: 4; }

body.theme1 .second.p6 { width: 86px; height: 82px; z-index: 3; }

body.theme1 .second.p7 { width: 172px; height: 164px; z-index: 2; }

body.theme1 .second.p8 { width: 344px; height: 328px; z-index: 1; }

body.theme1 .second.p9 { width: 516px; height: 492px; z-index: 0; }

@media (max-width: 767px) { body.theme1 .second.p5 { width: 26px; height: 24px; }
  body.theme1 .second.p6 { width: 43px; height: 41px; }
  body.theme1 .second.p7 { width: 86px; height: 82px; }
  body.theme1 .second.p8 { width: 172px; height: 164px; }
  body.theme1 .second.p9 { width: 258px; height: 246px; } }

body ::-moz-selection { background: #000; color: #fff; }

body ::selection { background: #000; color: #fff; }

input, button, select, textarea { outline: 0 !important; font-family: "GT", Helvetica, Arial, sans-serif; }

a { outline: 0 !important; text-decoration: none !important; }

@media (min-width: 1025px) { a:hover { color: #000; } }

svg { width: 100%; }

.hide { display: none !important; }

.canvas { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 0; }

.canvas > div { position: absolute; top: 0; left: 0; transition: all .4s linear; opacity: 0; }

.canvas > div .shape { transition: all .4s linear; background-repeat: no-repeat; background-size: 100%; background-position: center center; top: 0; left: 0; width: 100%; height: 100%; position: absolute; }

.inside { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; }

.logo { display: block; height: 345px; width: 600px; background: url(../img/logo.svg) no-repeat; background-size: 100%; background-position: center center; margin: 130px auto 65px; }

@media (max-width: 479px), (max-height: 580px) { .logo { width: 338px; height: 195px; margin: 70px auto 25px; } }

@media (max-height: 655px) { .logo { margin: 70px auto 25px; } }

@media (max-height: 430px) { .logo { width: 158px; height: 91px; margin: 49px auto 18px; } }

@media (max-height: 370px) { .logo { margin-top: 18px; } }