@font-face {
  font-family: 'Oceanic TRIAL-Regular';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/TRIAL_Oceanic-Regular.otf);
}

@font-face {
  font-family: 'Oceanic TRIAL-Medium';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/TRIAL_Oceanic-Regular.otf);
}

@font-face {
  font-family: 'Oceanic TRIAL-Light';
  font-style: normal;
  font-stretch: 100%;
  font-display: swap;
  src: url(fonts/TRIAL_Oceanic-Light.otf);
}

@font-face{
	font-family:"Bebas Neue";
	src: url(fonts/bebasneueregular.woff2);
	src: url(fonts/bebasneueregular.woff);
	src: url(fonts/bebasneueregular.ttf);
}


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}


.switchlang{display: flex; font-weight: 700; font-size: 1.3em; margin: 25px auto 10px; justify-content: center;}
.switchlang input[type=checkbox]{
  height: 0;
  width: 0;
  visibility: hidden;
}

.switchlang label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 20px;
  background: transparent;
  border: 1px #b7a0fd solid;
  display: block;
  border-radius: 100px;
  position: relative;
  margin: 0 10px 0 1px
}

.switchlang label:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 18px;
  height: 18px;
  background: #b7a0fd;
  border-radius: 90px;
  transition: 0.3s;
}



.switchlang input:checked + label:after {
  left: calc(100% - 1px);
  transform: translateX(-100%);
}




* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}

button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
  color: #fff;
}
a:hover{transition: all 0.3s linear; text-shadow: 0 0 12px rgba(255,255,255,0.4);}
 .img-fluid {max-width: 100%;height: auto }.img-thumbnail {padding: .25rem;background-color: var(--bs-body-bg);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);max-width: 100%;height: auto }.figure {display: inline-block }.figure-img {margin-bottom: .5rem;line-height: 1 }.figure-caption {font-size: .875em;color: var(--bs-secondary-color) }.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-right: auto;margin-left: auto }@media (min-width:576px) {.container, .container-sm {max-width: 540px }}@media (min-width:768px) {.container, .container-md, .container-sm {max-width: 720px }}@media (min-width:992px) {.container, .container-lg, .container-md, .container-sm {max-width: 960px }}@media (min-width:1200px) {.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1140px }}@media (min-width:1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1320px }}:root {--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px }.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x)) }.row>* {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * .5);padding-left: calc(var(--bs-gutter-x) * .5);margin-top: var(--bs-gutter-y) }.col {flex: 1 0 0% }.row-cols-auto>* {flex: 0 0 auto;width: auto }.row-cols-1>* {flex: 0 0 auto;width: 100% }.row-cols-2>* {flex: 0 0 auto;width: 50% }.row-cols-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-4>* {flex: 0 0 auto;width: 25% }.row-cols-5>* {flex: 0 0 auto;width: 20% }.row-cols-6>* {flex: 0 0 auto;width: 16.66666667% }.col-auto {flex: 0 0 auto;width: auto }.col-1 {flex: 0 0 auto;width: 8.33333333% }.col-2 {flex: 0 0 auto;width: 16.66666667% }.col-3 {flex: 0 0 auto;width: 25% }.col-4 {flex: 0 0 auto;width: 33.33333333% }.col-5 {flex: 0 0 auto;width: 41.66666667% }.col-6 {flex: 0 0 auto;width: 50% }.col-7 {flex: 0 0 auto;width: 58.33333333% }.col-8 {flex: 0 0 auto;width: 66.66666667% }.col-9 {flex: 0 0 auto;width: 75% }.col-10 {flex: 0 0 auto;width: 83.33333333% }.col-11 {flex: 0 0 auto;width: 91.66666667% }.col-12 {flex: 0 0 auto;width: 100% }.offset-1 {margin-left: 8.33333333% }.offset-2 {margin-left: 16.66666667% }.offset-3 {margin-left: 25% }.offset-4 {margin-left: 33.33333333% }.offset-5 {margin-left: 41.66666667% }.offset-6 {margin-left: 50% }.offset-7 {margin-left: 58.33333333% }.offset-8 {margin-left: 66.66666667% }.offset-9 {margin-left: 75% }.offset-10 {margin-left: 83.33333333% }.offset-11 {margin-left: 91.66666667% }.g-0, .gx-0 {--bs-gutter-x: 0 }.g-0, .gy-0 {--bs-gutter-y: 0 }.g-1, .gx-1 {--bs-gutter-x: 0.25rem }.g-1, .gy-1 {--bs-gutter-y: 0.25rem }.g-2, .gx-2 {--bs-gutter-x: 0.5rem }.g-2, .gy-2 {--bs-gutter-y: 0.5rem }.g-3, .gx-3 {--bs-gutter-x: 1rem }.g-3, .gy-3 {--bs-gutter-y: 1rem }.g-4, .gx-4 {--bs-gutter-x: 1.5rem }.g-4, .gy-4 {--bs-gutter-y: 1.5rem }.g-5, .gx-5 {--bs-gutter-x: 3rem }.g-5, .gy-5 {--bs-gutter-y: 3rem }@media (min-width:576px) {.col-sm {flex: 1 0 0% }.row-cols-sm-auto>* {flex: 0 0 auto;width: auto }.row-cols-sm-1>* {flex: 0 0 auto;width: 100% }.row-cols-sm-2>* {flex: 0 0 auto;width: 50% }.row-cols-sm-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-sm-4>* {flex: 0 0 auto;width: 25% }.row-cols-sm-5>* {flex: 0 0 auto;width: 20% }.row-cols-sm-6>* {flex: 0 0 auto;width: 16.66666667% }.col-sm-auto {flex: 0 0 auto;width: auto }.col-sm-1 {flex: 0 0 auto;width: 8.33333333% }.col-sm-2 {flex: 0 0 auto;width: 16.66666667% }.col-sm-3 {flex: 0 0 auto;width: 25% }.col-sm-4 {flex: 0 0 auto;width: 33.33333333% }.col-sm-5 {flex: 0 0 auto;width: 41.66666667% }.col-sm-6 {flex: 0 0 auto;width: 50% }.col-sm-7 {flex: 0 0 auto;width: 58.33333333% }.col-sm-8 {flex: 0 0 auto;width: 66.66666667% }.col-sm-9 {flex: 0 0 auto;width: 75% }.col-sm-10 {flex: 0 0 auto;width: 83.33333333% }.col-sm-11 {flex: 0 0 auto;width: 91.66666667% }.col-sm-12 {flex: 0 0 auto;width: 100% }.offset-sm-0 {margin-left: 0 }.offset-sm-1 {margin-left: 8.33333333% }.offset-sm-2 {margin-left: 16.66666667% }.offset-sm-3 {margin-left: 25% }.offset-sm-4 {margin-left: 33.33333333% }.offset-sm-5 {margin-left: 41.66666667% }.offset-sm-6 {margin-left: 50% }.offset-sm-7 {margin-left: 58.33333333% }.offset-sm-8 {margin-left: 66.66666667% }.offset-sm-9 {margin-left: 75% }.offset-sm-10 {margin-left: 83.33333333% }.offset-sm-11 {margin-left: 91.66666667% }.g-sm-0, .gx-sm-0 {--bs-gutter-x: 0 }.g-sm-0, .gy-sm-0 {--bs-gutter-y: 0 }.g-sm-1, .gx-sm-1 {--bs-gutter-x: 0.25rem }.g-sm-1, .gy-sm-1 {--bs-gutter-y: 0.25rem }.g-sm-2, .gx-sm-2 {--bs-gutter-x: 0.5rem }.g-sm-2, .gy-sm-2 {--bs-gutter-y: 0.5rem }.g-sm-3, .gx-sm-3 {--bs-gutter-x: 1rem }.g-sm-3, .gy-sm-3 {--bs-gutter-y: 1rem }.g-sm-4, .gx-sm-4 {--bs-gutter-x: 1.5rem }.g-sm-4, .gy-sm-4 {--bs-gutter-y: 1.5rem }.g-sm-5, .gx-sm-5 {--bs-gutter-x: 3rem }.g-sm-5, .gy-sm-5 {--bs-gutter-y: 3rem }}@media (min-width:768px) {.col-md {flex: 1 0 0% }.row-cols-md-auto>* {flex: 0 0 auto;width: auto }.row-cols-md-1>* {flex: 0 0 auto;width: 100% }.row-cols-md-2>* {flex: 0 0 auto;width: 50% }.row-cols-md-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-md-4>* {flex: 0 0 auto;width: 25% }.row-cols-md-5>* {flex: 0 0 auto;width: 20% }.row-cols-md-6>* {flex: 0 0 auto;width: 16.66666667% }.col-md-auto {flex: 0 0 auto;width: auto }.col-md-1 {flex: 0 0 auto;width: 8.33333333% }.col-md-2 {flex: 0 0 auto;width: 16.66666667% }.col-md-3 {flex: 0 0 auto;width: 25% }.col-md-4 {flex: 0 0 auto;width: 33.33333333% }.col-md-5 {flex: 0 0 auto;width: 41.66666667% }.col-md-6 {flex: 0 0 auto;width: 50% }.col-md-7 {flex: 0 0 auto;width: 58.33333333% }.col-md-8 {flex: 0 0 auto;width: 66.66666667% }.col-md-9 {flex: 0 0 auto;width: 75% }.col-md-10 {flex: 0 0 auto;width: 83.33333333% }.col-md-11 {flex: 0 0 auto;width: 91.66666667% }.col-md-12 {flex: 0 0 auto;width: 100% }.offset-md-0 {margin-left: 0 }.offset-md-1 {margin-left: 8.33333333% }.offset-md-2 {margin-left: 16.66666667% }.offset-md-3 {margin-left: 25% }.offset-md-4 {margin-left: 33.33333333% }.offset-md-5 {margin-left: 41.66666667% }.offset-md-6 {margin-left: 50% }.offset-md-7 {margin-left: 58.33333333% }.offset-md-8 {margin-left: 66.66666667% }.offset-md-9 {margin-left: 75% }.offset-md-10 {margin-left: 83.33333333% }.offset-md-11 {margin-left: 91.66666667% }.g-md-0, .gx-md-0 {--bs-gutter-x: 0 }.g-md-0, .gy-md-0 {--bs-gutter-y: 0 }.g-md-1, .gx-md-1 {--bs-gutter-x: 0.25rem }.g-md-1, .gy-md-1 {--bs-gutter-y: 0.25rem }.g-md-2, .gx-md-2 {--bs-gutter-x: 0.5rem }.g-md-2, .gy-md-2 {--bs-gutter-y: 0.5rem }.g-md-3, .gx-md-3 {--bs-gutter-x: 1rem }.g-md-3, .gy-md-3 {--bs-gutter-y: 1rem }.g-md-4, .gx-md-4 {--bs-gutter-x: 1.5rem }.g-md-4, .gy-md-4 {--bs-gutter-y: 1.5rem }.g-md-5, .gx-md-5 {--bs-gutter-x: 3rem }.g-md-5, .gy-md-5 {--bs-gutter-y: 3rem }}@media (min-width:992px) {.col-lg {flex: 1 0 0% }.row-cols-lg-auto>* {flex: 0 0 auto;width: auto }.row-cols-lg-1>* {flex: 0 0 auto;width: 100% }.row-cols-lg-2>* {flex: 0 0 auto;width: 50% }.row-cols-lg-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-lg-4>* {flex: 0 0 auto;width: 25% }.row-cols-lg-5>* {flex: 0 0 auto;width: 20% }.row-cols-lg-6>* {flex: 0 0 auto;width: 16.66666667% }.col-lg-auto {flex: 0 0 auto;width: auto }.col-lg-1 {flex: 0 0 auto;width: 8.33333333% }.col-lg-2 {flex: 0 0 auto;width: 16.66666667% }.col-lg-3 {flex: 0 0 auto;width: 25% }.col-lg-4 {flex: 0 0 auto;width: 33.33333333% }.col-lg-5 {flex: 0 0 auto;width: 41.66666667% }.col-lg-6 {flex: 0 0 auto;width: 50% }.col-lg-7 {flex: 0 0 auto;width: 58.33333333% }.col-lg-8 {flex: 0 0 auto;width: 66.66666667% }.col-lg-9 {flex: 0 0 auto;width: 75% }.col-lg-10 {flex: 0 0 auto;width: 83.33333333% }.col-lg-11 {flex: 0 0 auto;width: 91.66666667% }.col-lg-12 {flex: 0 0 auto;width: 100% }.offset-lg-0 {margin-left: 0 }.offset-lg-1 {margin-left: 8.33333333% }.offset-lg-2 {margin-left: 16.66666667% }.offset-lg-3 {margin-left: 25% }.offset-lg-4 {margin-left: 33.33333333% }.offset-lg-5 {margin-left: 41.66666667% }.offset-lg-6 {margin-left: 50% }.offset-lg-7 {margin-left: 58.33333333% }.offset-lg-8 {margin-left: 66.66666667% }.offset-lg-9 {margin-left: 75% }.offset-lg-10 {margin-left: 83.33333333% }.offset-lg-11 {margin-left: 91.66666667% }.g-lg-0, .gx-lg-0 {--bs-gutter-x: 0 }.g-lg-0, .gy-lg-0 {--bs-gutter-y: 0 }.g-lg-1, .gx-lg-1 {--bs-gutter-x: 0.25rem }.g-lg-1, .gy-lg-1 {--bs-gutter-y: 0.25rem }.g-lg-2, .gx-lg-2 {--bs-gutter-x: 0.5rem }.g-lg-2, .gy-lg-2 {--bs-gutter-y: 0.5rem }.g-lg-3, .gx-lg-3 {--bs-gutter-x: 1rem }.g-lg-3, .gy-lg-3 {--bs-gutter-y: 1rem }.g-lg-4, .gx-lg-4 {--bs-gutter-x: 1.5rem }.g-lg-4, .gy-lg-4 {--bs-gutter-y: 1.5rem }.g-lg-5, .gx-lg-5 {--bs-gutter-x: 3rem }.g-lg-5, .gy-lg-5 {--bs-gutter-y: 3rem }}@media (min-width:1200px) {.col-xl {flex: 1 0 0% }.row-cols-xl-auto>* {flex: 0 0 auto;width: auto }.row-cols-xl-1>* {flex: 0 0 auto;width: 100% }.row-cols-xl-2>* {flex: 0 0 auto;width: 50% }.row-cols-xl-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-xl-4>* {flex: 0 0 auto;width: 25% }.row-cols-xl-5>* {flex: 0 0 auto;width: 20% }.row-cols-xl-6>* {flex: 0 0 auto;width: 16.66666667% }.col-xl-auto {flex: 0 0 auto;width: auto }.col-xl-1 {flex: 0 0 auto;width: 8.33333333% }.col-xl-2 {flex: 0 0 auto;width: 16.66666667% }.col-xl-3 {flex: 0 0 auto;width: 25% }.col-xl-4 {flex: 0 0 auto;width: 33.33333333% }.col-xl-5 {flex: 0 0 auto;width: 41.66666667% }.col-xl-6 {flex: 0 0 auto;width: 50% }.col-xl-7 {flex: 0 0 auto;width: 58.33333333% }.col-xl-8 {flex: 0 0 auto;width: 66.66666667% }.col-xl-9 {flex: 0 0 auto;width: 75% }.col-xl-10 {flex: 0 0 auto;width: 83.33333333% }.col-xl-11 {flex: 0 0 auto;width: 91.66666667% }.col-xl-12 {flex: 0 0 auto;width: 100% }.offset-xl-0 {margin-left: 0 }.offset-xl-1 {margin-left: 8.33333333% }.offset-xl-2 {margin-left: 16.66666667% }.offset-xl-3 {margin-left: 25% }.offset-xl-4 {margin-left: 33.33333333% }.offset-xl-5 {margin-left: 41.66666667% }.offset-xl-6 {margin-left: 50% }.offset-xl-7 {margin-left: 58.33333333% }.offset-xl-8 {margin-left: 66.66666667% }.offset-xl-9 {margin-left: 75% }.offset-xl-10 {margin-left: 83.33333333% }.offset-xl-11 {margin-left: 91.66666667% }.g-xl-0, .gx-xl-0 {--bs-gutter-x: 0 }.g-xl-0, .gy-xl-0 {--bs-gutter-y: 0 }.g-xl-1, .gx-xl-1 {--bs-gutter-x: 0.25rem }.g-xl-1, .gy-xl-1 {--bs-gutter-y: 0.25rem }.g-xl-2, .gx-xl-2 {--bs-gutter-x: 0.5rem }.g-xl-2, .gy-xl-2 {--bs-gutter-y: 0.5rem }.g-xl-3, .gx-xl-3 {--bs-gutter-x: 1rem }.g-xl-3, .gy-xl-3 {--bs-gutter-y: 1rem }.g-xl-4, .gx-xl-4 {--bs-gutter-x: 1.5rem }.g-xl-4, .gy-xl-4 {--bs-gutter-y: 1.5rem }.g-xl-5, .gx-xl-5 {--bs-gutter-x: 3rem }.g-xl-5, .gy-xl-5 {--bs-gutter-y: 3rem }}@media (min-width:1400px) {.col-xxl {flex: 1 0 0% }.row-cols-xxl-auto>* {flex: 0 0 auto;width: auto }.row-cols-xxl-1>* {flex: 0 0 auto;width: 100% }.row-cols-xxl-2>* {flex: 0 0 auto;width: 50% }.row-cols-xxl-3>* {flex: 0 0 auto;width: 33.33333333% }.row-cols-xxl-4>* {flex: 0 0 auto;width: 25% }.row-cols-xxl-5>* {flex: 0 0 auto;width: 20% }.row-cols-xxl-6>* {flex: 0 0 auto;width: 16.66666667% }.col-xxl-auto {flex: 0 0 auto;width: auto }.col-xxl-1 {flex: 0 0 auto;width: 8.33333333% }.col-xxl-2 {flex: 0 0 auto;width: 16.66666667% }.col-xxl-3 {flex: 0 0 auto;width: 25% }.col-xxl-4 {flex: 0 0 auto;width: 33.33333333% }.col-xxl-5 {flex: 0 0 auto;width: 41.66666667% }.col-xxl-6 {flex: 0 0 auto;width: 50% }.col-xxl-7 {flex: 0 0 auto;width: 58.33333333% }.col-xxl-8 {flex: 0 0 auto;width: 66.66666667% }.col-xxl-9 {flex: 0 0 auto;width: 75% }.col-xxl-10 {flex: 0 0 auto;width: 83.33333333% }.col-xxl-11 {flex: 0 0 auto;width: 91.66666667% }.col-xxl-12 {flex: 0 0 auto;width: 100% }.offset-xxl-0 {margin-left: 0 }.offset-xxl-1 {margin-left: 8.33333333% }.offset-xxl-2 {margin-left: 16.66666667% }.offset-xxl-3 {margin-left: 25% }.offset-xxl-4 {margin-left: 33.33333333% }.offset-xxl-5 {margin-left: 41.66666667% }.offset-xxl-6 {margin-left: 50% }.offset-xxl-7 {margin-left: 58.33333333% }.offset-xxl-8 {margin-left: 66.66666667% }.offset-xxl-9 {margin-left: 75% }.offset-xxl-10 {margin-left: 83.33333333% }.offset-xxl-11 {margin-left: 91.66666667% }.g-xxl-0, .gx-xxl-0 {--bs-gutter-x: 0 }.g-xxl-0, .gy-xxl-0 {--bs-gutter-y: 0 }.g-xxl-1, .gx-xxl-1 {--bs-gutter-x: 0.25rem }.g-xxl-1, .gy-xxl-1 {--bs-gutter-y: 0.25rem }.g-xxl-2, .gx-xxl-2 {--bs-gutter-x: 0.5rem }.g-xxl-2, .gy-xxl-2 {--bs-gutter-y: 0.5rem }.g-xxl-3, .gx-xxl-3 {--bs-gutter-x: 1rem }.g-xxl-3, .gy-xxl-3 {--bs-gutter-y: 1rem }.g-xxl-4, .gx-xxl-4 {--bs-gutter-x: 1.5rem }.g-xxl-4, .gy-xxl-4 {--bs-gutter-y: 1.5rem }.g-xxl-5, .gx-xxl-5 {--bs-gutter-x: 3rem }.g-xxl-5, .gy-xxl-5 {--bs-gutter-y: 3rem }}



.relative{position: relative;}
.text-center{text-align:center!important}
.text-right{text-align:right!important}
.text-left{text-align:left!important}

@media (max-width:991px) {
.text-center,
.text-right,
.text-left{text-align:center!important}	
}

.main-wrapper {
  background-color: #1f1f1f;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.main-wrapper .overlap-wrapper {
 position: relative;
  width: 100%;
  background: url('img/03.png') no-repeat left 70px;
    
}



.main-wrapper .overlap {
  position: relative;
  width: 100%;
  
}

.main-wrapper .overlap2  { 
  position: relative;
  width: 100%;
background: url('img/04.png') no-repeat left bottom;
}

.main-wrapper .overlap3  { 
  position: relative;
  width: 100%;
  background: rgba(15,15,15,0.88);
}

@media (min-width:991px) {
.main-wrapper .overlap  { background: url('img/02.png') no-repeat right 27px;}
	.main-wrapper .overlap3::after {
		content: ' ';
  width: 100%;
  height: 336px;
  bottom: -150px;
  background-color: #1e1e1e;
  filter: blur(60px);
  position: fixed;
  left: 0;
  z-index: 0;
}

.main-wrapper .overlap3  { 
background: url('img/05.png') no-repeat right bottom;
}
	}

.main-wrapper .topbg {
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (min-width:991px) {
	.main-wrapper .topbg {background: url('img/01-1.png') no-repeat center 41px;}
	

	
}

.main-wrapper .logo{margin: 41px 0 0 15px;}
.main-wrapper .logo img{display: block; margin: 0 auto;}
.main-wrapper .sublogo2{
	font-family: "Oceanic TRIAL-Medium", Helvetica;
  color: #ffffff;
  font-size: 50px;
  margin: 20px auto 15px;
    width: 280px;
  text-align: center !important;
  display: inline-block;
}
.main-wrapper .sublogo{
	font-family: 'Montserrat', sans-serif;
  font-weight: 100;
  color: #ffffff;
  font-size: 11px;
  line-height: 16px;
  width: 280px;
  text-align: center !important;
  display: inline-block;
  }


.main-wrapper .view-2 {
  width: 293px;
  height: 124px;
  top: 71px;
  left: 60px;
}

.main-wrapper .overlap-2 {
  width: 241px;
  top: 0;
  left: 40px;
}


.main-wrapper .view-3 {
  height: 31px;
  top: 20px;
  left: 95px;
}

.main-wrapper .a {
  width: 31px;
  height: 29px;
  top: 1px;
  margin-left: 14px;
}

.main-wrapper .a img{width: 31px; }


.main-wrapper .a img:hover {
	border-radius: 100%;  
	transition: all 0.3s linear;
  box-shadow: 0 0 10px #fff, 0 0 13px #fff inset;
}

.main-wrapper .text-wrapper-5 {
  width: 241px;
  top: 0;
  left: 0;
  font-family: "Oceanic TRIAL-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 22px;
  letter-spacing: 0;
  line-height: normal;
}

.main-wrapper .text-wrapper-6 {
  width: 161px;
  top: 6px;
  left: 6px;
  opacity: 0.7;
font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
}

.main-wrapper .img-3 {
  top: 10px;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 0;
  object-fit: cover;
}

.main-wrapper .slogan{margin: 95px 0 0 65px;}

.main-wrapper .slogan .slogan-wrapper {
width: 202px;
top: 0;
left: 1px;
font-family: "Bebas Neue", Helvetica;
font-weight: 700;
color: #ffffff;
font-size: 35px;
letter-spacing: 0;
line-height: 43.4px;
text-align: left !important;
} 
.main-wrapper .slogan .slogan-wrapper .subwrapper{
position: absolute;
width: 181px;
margin-top: 10px;
left: 100px;
  font-family: "Oceanic TRIAL-Light", Helvetica;
font-weight: 300;
color: #ffffff;
font-size: 25px;
letter-spacing: 0; 
}

.main-wrapper .div {
  font-family: "Bebas Neue", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.main-wrapper .text-wrapper {
  font-family: "Bebas Neue", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 100px;
  letter-spacing: 0;
  margin-top: 70px;
}

.main-wrapper .span {
  font-size: 80px;
}

.main-wrapper .text-wrapper-2 {
  font-family: "Oceanic TRIAL-Medium", Helvetica;
  color: #ffffff;
  font-size: 60px;
  margin-top: 10px;
}

.main-wrapper .p {
font-family: 'Montserrat', sans-serif;
  font-weight: 100;
  color: #ffffff;
  font-size: 20px;
  margin-top: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  max-width: 800px;
  margin: 15px auto;
}

.main-wrapper .group {
  height: 92px;
}


.main-wrapper .text-wrapper-3 {
  width: 241px;
margin: 35px auto 0;
  font-family: "Oceanic TRIAL-Medium", Helvetica;
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  letter-spacing: 0;
  line-height: normal;
}

.main-wrapper .img-2 {
  top: 5px;
  position: absolute;
  width: 18px;
  height: 18px;
  left: -18px;
  object-fit: cover;
}


.main-wrapper .text-wrapper-4 {
  font-family: "Oceanic TRIAL-Regular", Helvetica;
  font-weight: 400;
  color: #b7a0fd;
  font-size: 32px;
  letter-spacing: 0;
  line-height: normal;
  margin: 10px 0 20px;
}


.main-wrapper .rectangle {
  background-color: #252329;
  border-radius: 8px;
  padding: 45px 15px;
  margin: 0 15px 10px;
  	background-image: url('img/block-1-bg.png');
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 70% auto;
}




.main-wrapper .rectangle.rectangle_bg_2{
	background-image: url('img/block-2-bg.png');
}
.main-wrapper .rectangle.rectangle_bg_3{
	background-image: url('img/block-3-bg.png');
}
.main-wrapper .rectangle .rectangle-head{
  font-family: "Oceanic TRIAL-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 23px;
  letter-spacing: 0;
  line-height: normal;
}
.main-wrapper .rectangle ul{
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.main-wrapper .rectangle ul li,
.main-wrapper .rectangle p{
	position: relative;
	padding: 0;
	margin: 10px 0 15px 25px;
  font-family: "Montserrat", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.main-wrapper .rectangle ul li b{margin-top: 5px;font-weight: 800; font-size: 1.2em; color: #b7a0fd;}

.main-wrapper .rectangle p{
margin: 25px 0 5px 2px;
line-height: 1.8;
}
.main-wrapper .rectangle ul li:before{
	content: ' ';
	position: absolute;
	left: -25px;
	top: 6px; 
  width: 8px;
  height: 8px;
  background-color: #a490e1;
  border-radius: 4px;
  display: inline-block;
}


.main-wrapper .rectangle_2 {
  background-color: rgba(28,26,31,0.5);
  border-radius: 0px 0px 8px 8px;
  border-radius: 0px 0px 8px 8px;
margin: 5px -15px -45px;
  padding: 45px 15px;
}


.main-wrapper .rectangle-4 {
margin: 25px 15px 45px; 
color: #77757c;
padding: 25px 15px;
  background-color: #252427;
  border-radius: 8px;
  font-family: "Oceanic TRIAL-Regular", Helvetica;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

@media (min-width:1200px) {
.main-wrapper .rectangle {padding: 45px 30px;   margin: 0 25px 10px;}
.main-wrapper .rectangle_2 {margin: 5px -30px -45px;   padding: 45px 30px;}
.main-wrapper .rectangle-4 {margin: 25px; font-size: 20px; padding: 25px 30px;}
.main-wrapper .text-wrapper-15 {font-size: 30px;}
}


.main-wrapper .text-wrapper-15 {
  font-family: "Oceanic TRIAL-Medium", Helvetica;
  font-weight: 500;
  color: #b7a0fd;
  font-size: 24px;
  float: right;
  margin: -5px 0 0 0;
}


.formholder {
	margin: 55px 15px;
	font-family: "Oceanic TRIAL-Regular", Helvetica;
  font-weight: 400;
  color: #8d8d8d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.formholder h3{font-size: 1.2em; margin-bottom: 1em;}
.formholder .resultmessage{text-align: center !important; padding: 30px 10px; margin: 30px auto; color: #fff; background-color: #201e23;
  border-radius: 8px;}
.formholder input,
.formholder textarea{
background: #29282b;
border-radius: 6px;
font-family: "Oceanic TRIAL-Regular", Helvetica;
  font-weight: 400;
  color: #8d8d8d;
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
  padding: 22px 18px;
  border: 0px none;
  width: 100%;
  margin-bottom: 20px;
}

.formholder input.error, .formholder textarea.error{box-shadow: 0 0 7px rgba(255,255,255,0.5);}
.footerrow{
	padding-bottom: 15px;
}
.footerlogo{ max-width: 400px; margin: 35px 0 0; display: inline-block;}
.footerlogo img{
  float: left;
  width: 100px;
  margin-bottom: 30px;
}

.main-wrapper .footerlogo .sublogo2,
.main-wrapper .footerlogo .sublogo {
  text-align: left !important;
  display: block;
  float: left;
  width: auto !important;
  margin-bottom: 15px;
  margin-left: 15px;
}


.main-wrapper .rectangle-5 {
	margin: 15px auto;
	display: block;
	border: 0px none;
  width: 260px;
  height: 58px;
  border-radius: 220px;
  background: linear-gradient(180deg, rgb(37.25, 28.42, 63.75) 0%, rgb(127.9, 94.74, 227.37) 100%);
font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: normal;
  cursor: pointer;
}

.main-wrapper .rectangle-5:hover{
	transition: all 0.2s linear;
  background: rgb(127.9, 94.74, 227.37);
  box-shadow: 0 0 5px #000;
	
}




.main-wrapper .d-flex{display: flex;}


.main-wrapper .d-flex .view-3,
.main-wrapper .d-flex .view-2{
	left: 0;
	top: 70px;
}
.main-wrapper .d-flex .view-3{margin-right: 60px;}
.main-wrapper .d-flex .view-3 .a {
  width: 48px;
  height: 48px;
  margin-left: 14px;
}
.main-wrapper .d-flex .view-3 .a img {
  width: 48px;
}


@media (max-width:991px) {
.main-wrapper .logo {margin: 30px 0 0 55px;}
.main-wrapper .view-2 {left: 20px;  margin: 0 auto;}
.main-wrapper .view-3 {left: 0px;}
}

@media (max-width:767px) {
.container{min-width: 330px;}
.main-wrapper .logo img{width: 100px;}
.main-wrapper .logo {margin: 30px 0 0 5px;}
.main-wrapper .slogan {margin: 85px 0 0 0px;}
.main-wrapper .view-2 {top: 10px;  left: 25px; margin: 0 auto;}
.main-wrapper .overlap-2 {left: 10px;}
.main-wrapper .view-3 {left: 0px; top: 0px; }
.main-wrapper .text-wrapper-6 {left: 40px;}
.main-wrapper .img-3 {top: 5px;}
.main-wrapper .text-wrapper{font-size: 64px;}
.main-wrapper .text-wrapper-2 {font-size: 32px;}
.main-wrapper .p{font-size: 16px; font-weight: 300;}
.main-wrapper .slogan .slogan-wrapper {margin: 0 auto;font-size: 30px;line-height: 33.4px;}
.main-wrapper .rectangle {padding: 40px 15px;}
.main-wrapper .rectangle,.main-wrapper .rectangle-4  {margin-left: 5px; margin-right: 5px; text-align: left !important;}
.footerlogo img{width: 70px; margin-bottom: 30px;}
.main-wrapper .footerlogo .sublogo2{margin-top: 5px; font-size: 30px;}
.main-wrapper .d-flex{flex-wrap: wrap;}
.main-wrapper .d-flex .view-3,
.main-wrapper .d-flex .view-2{
	left: 0;
	top:0px;
	height: 70px;
	width: auto;
}
.main-wrapper .d-flex .view-3{margin: 0px auto;}
.footerlogo {width: 280px;}
.footerrow{
	background: rgba(40,40,40,0.58);
}
}