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,main{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.2}ol,ul{list-style:none}blockquote,q{quotes:none}i{font-style:italic}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong,b{font-weight:700}a,input[type="submit"],.btn{cursor:pointer;transition:.5s}input[type="text"]{transition:.5s}input[type="submit"]{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}
/*:focus::-webkit-input-placeholder{color:transparent1}:focus::-moz-placeholder{color:transparent1}:focus:-moz-placeholder{color:transparent1}:focus:-ms-input-placeholder{color:transparent1}*/
{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}
/*:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}*/
select, option {
  -webkit-appearance: none;
}


:root {
	--white: #fff;
	--black: #010101;
	--purple1: #200D2B;
	--purple2: #2B0B3A;
	--purple3: #4C0B47;
	--purple4: #470C69;
	--purple5: #280D38;
	--red: #ff285e;
}



input::-webkit-input-placeholder { color: rgb(30 30 32 / 50%);}
input::-moz-placeholder          { color: rgb(30 30 32 / 50%);}
input:-moz-placeholder           { color: rgb(30 30 32 / 50%);}
input:-ms-input-placeholder      { color: rgb(30 30 32 / 50%);}

html {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 10px;
	min-width: 320px;
	color: var(--white);
	/*background: var(--purple2);*/

	background:

	linear-gradient(
	180deg,
	#200D2B,
	#2B0B3A,
	#4C0B47,
	#470C69,
	#280D38,
	#2B0B3A,
	#200D2B
	),

	linear-gradient(
	135deg,
	rgba(255,255,255,.03) 0%,
	transparent 35%,
	rgba(255,255,255,.02) 60%,
	transparent 100%
	);

	background-blend-mode: soft-light;

}

body {
	font-size: 2rem;
	overflow-x: hidden;
}

header, section, footer {
	position: relative;
	padding: 80px 0;
	z-index: 1;
}

.wrapper {
	min-width: 320px;
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
}

.container {
	max-width: 1300px;
	margin: 0 auto;
	z-index: 2;
	position: relative;
	padding: 0 10px;

	/*background: rgba(255,255,255,0.1);*/
}
.container-max {
	max-width: 100%;
}

img {
	max-width: 100%;
	display: block;
}

picture,
figure {
	display: block;
}

* {
	box-sizing: border-box;
}


.bar__long {
	width: 0;
	height: 4px;
	border-radius: 0 20px 20px 0;
	/*background: linear-gradient(to bottom, var(--purple2) 0%, var(--purple3) 50%, var(--purple4) 100%);*/
  background: var(--red);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	transition: 0.5s;
}

.button {
  color: var(--color-white);
  display: inline-flex;
  padding: 20px 40px;
  font-size: 2rem;
  background: transparent;
  background: -webkit-linear-gradient(left, transparent 0%, transparent 50%, #4c3d55 50%, #4c3d55 100%);
  background: linear-gradient(to right, transparent 0%, transparent 50%, #4c3d55 50%, #4c3d55 100%);
  -webkit-background-size: 200% 100%;
  background-size: 200% 100%;
  -webkit-transition: all .3s;
  transition: all .3s;
  border-radius: 8px;
  border: 1px solid #4c3d55;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  position: relative;


    background: #fd7227;
    background: -webkit-linear-gradient(307deg, #fd7227 0%, #cb0062 50%, #cb0062 50%, #fd7227 100%);
    background: linear-gradient(143deg, #fd7227 0%, #cb0062 50%, #cb0062 50%, #fd7227 100%);
    -webkit-background-size: 200% 100%;
    background-size: 200% 100%;
    -webkit-box-shadow: 0 12px 37.84px 6.16px rgba(246,53,6,.27);
    box-shadow: 0 4px 37.84px 6.16px rgba(246,53,6,.27);
}

.button:hover {
  background-position: 100% 0;
}
.button-min {
	padding: 12px 24px;
	font-size: 1.6rem;
}

.button::before{
    content:"";
    position:absolute;
    top:-40%;
    left:-120%;
    width:60px;
    height:180%;
    transform:rotate(25deg);
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.15),
        rgba(255,255,255,.65),
        rgba(255,255,255,.15),
        transparent
    );
    filter:blur(4px);
    animation:buttonShine 4s ease-in-out infinite;
}
@keyframes buttonShine{
    0%{ left:-120%; }
    20%{ left:140%; }
    100%{ left:140%; }
}



.s__title {
    /*font-family: 'Bitcrusher Cd Rg';*/
  font-family: 'BitcrusherCdRg';
  font-size: 6rem;
  text-transform: uppercase;
  margin-bottom: 24px;

  color: var(--red);

	background:linear-gradient(
	90deg,
	#ff285e 0%,
	/*#8a4dff 55%,*/
	#ffffff 100%
	);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;

}

.s__text {}
.s__text p {
	margin-bottom: 8px;
}

.s__img {}
.s__img img {
	transition: 1s;
}
.s__img:hover img {
	transform: scale(1.1);
}



.columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.column {
	width: 100%:
}



.grid {
	display: flex;
	justify-content: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.grid__item {
	width: 86px;
	height: 9999px;
	background: rgba(255,0,0,0.1);
	margin: 0 12px;
}


.columns {
	display: flex;
	justify-content: space-between;
}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1 {
	padding: 0 12px;
}
.col-12 {width: calc(100% / 12 * 12)}
.col-11 {width: calc(100% / 12 * 11)}
.col-10 {width: calc(100% / 12 * 10)}
.col-9 {width: calc(100% / 12 * 9)}
.col-8 {width: calc(100% / 12 * 8)}
.col-7 {width: calc(100% / 12 * 7)}
.col-6 {width: calc(100% / 12 * 6)}
.col-5 {width: calc(100% / 12 * 5)}
.col-4 {width: calc(100% / 12 * 4)}
.col-3 {width: calc(100% / 12 * 3)}
.col-2 {width: calc(100% / 12 * 2)}
.col-1 {width: calc(100% / 12 * 1)}



@media (max-width: 1700px) {

	.col-ng-12 {width: calc(100% / 12 * 12)}
	.col-ng-11 {width: calc(100% / 12 * 11)}
	.col-ng-10 {width: calc(100% / 12 * 10)}
	.col-ng-9 {width: calc(100% / 12 * 9)}
	.col-ng-8 {width: calc(100% / 12 * 8)}
	.col-ng-7 {width: calc(100% / 12 * 7)}
	.col-ng-6 {width: calc(100% / 12 * 6)}
	.col-ng-5 {width: calc(100% / 12 * 5)}
	.col-ng-4 {width: calc(100% / 12 * 4)}
	.col-ng-3 {width: calc(100% / 12 * 3)}
	.col-ng-2 {width: calc(100% / 12 * 2)}
	.col-ng-1 {width: calc(100% / 12 * 1)}

}

@media (max-width: 1400px) {


}



@media (max-width: 1200px) {

	section {
		padding: 80px 0;
	}




	.col-md-12 {width: calc(100% / 12 * 12)}
	.col-md-11 {width: calc(100% / 12 * 11)}
	.col-md-10 {width: calc(100% / 12 * 10)}
	.col-md-9 {width: calc(100% / 12 * 9)}
	.col-md-8 {width: calc(100% / 12 * 8)}
	.col-md-7 {width: calc(100% / 12 * 7)}
	.col-md-6 {width: calc(100% / 12 * 6)}
	.col-md-5 {width: calc(100% / 12 * 5)}
	.col-md-4 {width: calc(100% / 12 * 4)}
	.col-md-3 {width: calc(100% / 12 * 3)}
	.col-md-2 {width: calc(100% / 12 * 2)}
	.col-md-1 {width: calc(100% / 12 * 1)}




}


/*@media (min-width: 768px) {*/
/*@media (max-width: 992px) {*/
@media (max-width: 1023px) {




	.col-sm-12 {width: calc(100% / 12 * 12)}
	.col-sm-11 {width: calc(100% / 12 * 11)}
	.col-sm-10 {width: calc(100% / 12 * 10)}
	.col-sm-9 {width: calc(100% / 12 * 9)}
	.col-sm-8 {width: calc(100% / 12 * 8)}
	.col-sm-7 {width: calc(100% / 12 * 7)}
	.col-sm-6 {width: calc(100% / 12 * 6)}
	.col-sm-5 {width: calc(100% / 12 * 5)}
	.col-sm-4 {width: calc(100% / 12 * 4)}
	.col-sm-3 {width: calc(100% / 12 * 3)}
	.col-sm-2 {width: calc(100% / 12 * 2)}
	.col-sm-1 {width: calc(100% / 12 * 1)}



}


@media (max-width: 767px) {


	section {
		padding: 40px 0;

		/*z-index: 1 !important;*/
	}

	/*section:before {
		content: '';
		background: green;
		position: absolute;
		height: 40px;
		width: 100%;
		left: 0;
		top: 0;
		opacity: 0.5;

	}
	section:after {
		content:'';
		background: blue;
		height: 40px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		opacity: 0.5;
	}*/

	.s__title {
		font-size: 4rem;
	}

	.button {
		padding: 20px 24px;
		width: 100%;
		text-align: center;
		justify-content: center;
	}

	/*.wrapper {}
	.wrapper:before {
		content: '';
		width: 24px;
		height: 99999px;
		background: red;
		position: fixed;
		top: 0;
		left: 0;
		opacity: 0.5;
		z-index: 9;
	}
	.wrapper:after {
		content: '';
		width: 24px;
		height: 99999px;
		background: blue;
		position: fixed;
		top: 0;
		right: 0;
		opacity: 0.5;
		z-index: 9;
	}
*/
	body {
		font-size: 1.4rem;
	}



	.col-xs-12 {width: calc(100% / 12 * 12)}
	.col-xs-11 {width: calc(100% / 12 * 11)}
	.col-xs-10 {width: calc(100% / 12 * 10)}
	.col-xs-9 {width: calc(100% / 12 * 9)}
	.col-xs-8 {width: calc(100% / 12 * 8)}
	.col-xs-7 {width: calc(100% / 12 * 7)}
	.col-xs-6 {width: calc(100% / 12 * 6)}
	.col-xs-5 {width: calc(100% / 12 * 5)}
	.col-xs-4 {width: calc(100% / 12 * 4)}
	.col-xs-3 {width: calc(100% / 12 * 3)}
	.col-xs-2 {width: calc(100% / 12 * 2)}
	.col-xs-1 {width: calc(100% / 12 * 1)}

	

}








.visible-lg { display: block !important;}
.visible-ng { display: none !important;}
.visible-md { display: none !important;}
.visible-sm { display: none !important;}
.visible-xs { display: none !important;}
.visible-xxs { display: none !important;}


@media screen and (max-width: 1700px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: block !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: none !important;}
}

@media screen and (max-width: 1199px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: block !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: none !important;}
}

@media screen and (max-width: 1023px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: block !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: none !important;}
}

@media screen and (max-width: 767px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: block !important;}
	.visible-xxs { display: none !important;}
}
@media screen and (max-width: 479px) {
	.visible-lg { display: none !important;}
	.visible-ng { display: none !important;}
	.visible-md { display: none !important;}
	.visible-sm { display: none !important;}
	.visible-xs { display: none !important;}
	.visible-xxs { display: block !important;}
}