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: rgba(255, 255, 255, 1);
	--black: rgba(0, 0, 0, 1);
	--black2: rgba(27, 27, 27, 1);
	--red: rgba(255, 47, 50, 1);
	--grey: rgba(192, 192, 192, 1);
}


html {
	font-family: 'Montserrat';
	font-weight: 400;
/*	font-size: 10px;*/
	font-size: calc(0.3849999999999999rem + 0.20000000000000vw);
	min-width: 320px;
	background: var(--black);
	color: var(--white);
}

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

header, section, footer {
	position: relative;
	padding: 75px 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;
}

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

picture,
figure {
	display: block;
}

* {
	box-sizing: border-box;
}


.s__title {
	font-size: 4.8rem;
	font-weight: 800;
	margin-bottom: 75px;
}
.s__title strong {
}

.s__text {}


.flex {
	display: flex;
	align-items: flex-start;
}

.bar__long {
	width: 0;
	height: 4px;
	border-radius: 0 20px 20px 0;
	background: var(--green32);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	transition: 0.5s;
}



.s__btn {
	outline: none;
	color: var(--white);
	border: 1px solid var(--white);
	padding: 24px 40px;
	border-radius: 99px;
	font-size: 1.8rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: 0.5s;
}
.s__btn:before {
}
.s__btn span {
	position: relative;
	z-index: 2;
}
.s__btn svg,
.s__btn img {
	margin-left: 16px;
}
.s__btn:hover {
	background: var(--white);
	color: var(--black);
}

.s__btn-ico1 {
	opacity: 1;
	display: block;
	transition: 0.5s;
}
.s__btn-ico2 {
	opacity: 0;
	display: none;
	transition: 0.5s;
}

.s__btn-red {
	border-collapse: var(--red);
	background: var(--black);
}
.s__btn-red:hover {
	background: var(--white);
	color: var(--black);
}
.s__btn-red:hover .s__btn-ico1 {
	opacity: 0;
	display: none;
}
.s__btn-red:hover .s__btn-ico2 {
	opacity: 1;
	display: block;
}



.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;
	max-width: calc(100% + 10px + 10px);
	width: calc(100% + 10px + 10px);
    transform: translateX(-10px);
}
.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) {

	.columns {
		padding: 0 10px;
	}
	.s__btn {
		max-width: 480px;
	}
}

@media (max-width: 1200px) {


	.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 (max-width: 1023px) {

	.s__title {
    font-size: 3.8rem;
  }

	.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) {

	html {
		font-size: calc(0.3844499999999999rem + 0.6004050005009vw);
	}
		
	section,header,footer {
		padding: 40px 0;
	}	
  .columns {
      padding: 0 20px;
  }
  .s__btn {
  	font-size: 1.6rem;
  }
  .s__title {
  	font-size: 2.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)}

	.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;
	}

}








.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;}
}