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.4}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:500}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:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}
{-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}textarea::placeholder,input::placeholder{color: rgba(255,255,255,1)}
select, option {-webkit-appearance: none;}* {box-sizing: border-box;}

:root {
  --white: #fff;
  --blue: #000124;
  --red: #F93642;
  --grey: #46495C;
  --grey2: #9892A8;
}

html {
  font-family: 'Fixel Display';
	font-weight: 400;
	font-size: 10px;
	min-width: 320px;
	background: var(--blue);
	color: var(--white)
}

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

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

.container {
	padding: 0 15px;
	/*max-width: 1268юpx;*/
	max-width: 1270px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
}
.container-bg {}

.bg {
	border-radius: 70px;
}
.bg__spec {
	position: relative;
	border-radius: 50px;
	/*overflow: hidden;*/
}

.bg__spec:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.05);
	border-radius: 50px;
}

.opacity {
	position: relative;
	overflow: hidden;
}
.opacity:before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.05);
	/*border-radius: 30px;*/
}
.opacity > * {
	position: relative;
	z-index: 1;
}

section {
  position: relative;
/*  padding: 60px 0 70px;*/
  padding: 100px 0;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

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

.s__img,picture {
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.s__img img {
}
img {
	max-width: 100%;
}

strong {
}


.btn {
	/*padding: 20px 34px;*/
	padding: 24px 28px;
	color: var(--white);
	font-size: 2.2rem;
	font-weight: 700;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 40px;
	text-decoration: none;
	line-height: 1;
	min-width: 231px;
	min-height: 70px;
	position: relative;
	overflow: hidden;
	/*transition: 0s;*/
}
.btn:hover {
}
.btn span {
	position: relative;
	z-index: 2;
}


.btn .btn__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: 0.5s;
	/*transition: 0s;*/
}

.btn .btn__bg1 {
	opacity: 1;
	background: url(../i/btn__bg2.svg) no-repeat center / cover;
	/*background: aqua;*/
/*	background: linear-gradient(0deg, #FE4650, #FE4650),
linear-gradient(93.97deg, #FE4650 0.45%, #F93642 20.18%, #E13747 48.79%, #BF273C 84.31%, #AF1F37 99.11%);*/
	/*background: linear-gradient(0deg, #FE4650, #FE4650), linear-gradient(93.97deg, #FE4650 0.45%, #FE4650 20.18%, #FE4650 48.79%, #FE4650 84.31%, #FE4650 99.11%);*/
}
.btn .btn__bg2 {
	opacity: 0;
	background: url(../i/btn__bg1.svg) no-repeat center / cover;

	/*background: green;*/
	/*background: #FE4650;*/

	/*background: linear-gradient(0deg, #FE4650, #FE4650), linear-gradient(93.97deg, #FE4650 0.45%, #F93642 20.18%, #E13747 48.79%, #BF273C 84.31%, #AF1F37 99.11%);*/
	/*background: linear-gradient(0deg, #FE4650, #FE4650), linear-gradient(93.97deg, #FE4650 0.45%, #FE4650 20.18%, #FE4650 48.79%, #FE4650 84.31%, #FE4650 99.11%);*/

	/*background: red;*/
}

.btn:hover {}
.btn:hover .btn__bg1 {
	opacity: 0;
}
.btn:hover .btn__bg2 {
	opacity: 1;
}


.btn__info {
	font-weight: 600;
	color: var(--red);
	font-size: 1.6rem;
}

.s__wrap {
	display: flex;
	justify-content: center;
}


.s__title {
	/*margin-bottom: 50px;*/
	margin-bottom: 60px;
	font-weight: 800;
	font-size: 3.4rem;
	line-height: 1;
	text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
}
.s__title:after {
	content:'';
	width: 190px;
	height: 2px;
	background: var(--red);
	position: absolute;
	/*bottom: 0;*/
	bottom: -12px;
	left: 0;
	display: flex;
}

.s__text {}
.s__text p {
	/*margin-bottom: 25px;*/
	margin-bottom: 28px;
}
.s__text p:last-of-type {
	margin-bottom: 0;
}
.s__text strong {
	font-weight: 600;
	color: var(--red);
}

.s__tagline {
	font-size: 2.4rem;
	font-weight: 600;
	color: var(--red);
}



.columns {
	display: flex;
	justify-content: space-between;
}
.column {
	width: 100%;
}
.column1 {
	/*max-width: 610px;*/
	max-width: 640px;
}
.column2 {
	max-width: 505px;
}

.column__sticky .s__img {
	max-width: 505px;
}


.w1000 {width: 100%;}
.df { display: flex; }
.dif { display: inline-flex; }
.fdc { flex-direction: column; }
.fdr { flex-direction: row; }
.jc { justify-content: center; }
.jsb { justify-content: space-between; }
.aic { align-items: center; }
.ais { align-items: flex-start; }
.fs {flex-shrink: 0;}
.fw {flex-wrap: wrap;}
.tc { text-align: center; }
.oh { overflow: hidden; }
.pr { position: relative;}

.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }

.b20 {border-radius: 20px;}
.b25 {border-radius: 25px;}
.b30 {border-radius: 30px;}
.b1000 {border-radius: 100%;}

.special {color: var(--red)}
.nowrap {white-space: nowrap;}


.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: var(--red) !important;
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background: rgba(255,255,255,0.1) !important;
}





@media screen and (max-width: 1700px) {

  body {
  	font-size: 1.6rem;
  }
	section {
		padding: 80px 0;
	}
	.container {
		/*max-width: 1234px;*/
		max-width: 1240px;
	}
	.btn {
		/*letter-spacing: -1px;*/
		font-size: 2rem;
		padding: 14px 30px;
		min-height: 59px;
		min-width: 204px;
	}
	.btn__info {
		font-size: 1.5rem;
	}
	.s__title {
		font-size: 3rem;
	}
	.s__tagline {
		/*font-size: 2.2rem;*/
		font-size: 2rem;
	}

	.bg__spec {
		padding: 86px 0;
		border-radius: 40px;
	}
	.bg__spec:before {
		border-radius: 40px;
	}

	.mCSB_inside>.mCSB_container {
	    margin-right: 56px;
	}


	.b-ng12 {border-radius: 12px;}
	.b-ng20 {border-radius: 20px;}
	.b-ng25 {border-radius: 25px;}
	.b-ng30 {border-radius: 30px;}

}


@media screen and (max-width: 1199px) {
	
  body {
  	font-size: 1.6rem;
  }
  section {
      padding: 60px 0;
  }
	.container {
		max-width: 930px;
	}
	.btn {
		font-size: 1.5rem;
		letter-spacing: 0px;
		padding: 14px 24px;
		min-height: 48px;
		min-width: 159px;
	}
	.btn__info {
		font-size: 1.4rem;
	}
	.s__title {
		margin-bottom: 45px;
		line-height: 1.45;
	}
	.s__title:after {
		width: 135px;
		bottom: -8px;
	}
	.s__text p {
		margin-bottom: 24px;
	}
	.s__tagline {
		font-size: 2rem;
	}
	.bg__spec {
		/*padding: 60px 0;*/
		padding: 50px 0;
		border-radius: 35px;
	}
	.bg__spec:before {
		border-radius: 35px;
	}

	.column1 {
		max-width: 500px;
	}
	.column2 {
    max-width: 365px;
	}

	.b-md12 {border-radius: 12px;}
	.b-md20 {border-radius: 20px;}
	.b-md25 {border-radius: 25px;}
	.b-md30 {border-radius: 30px;}

}


@media screen and (max-width: 999px) {
		
	body {
		font-size: 1.4rem;
	}
	section {
	  padding: 50px 0;
	}
	.container {
		max-width: 740px;
	}
	.s__title {
		font-size: 2.6rem;
		margin-bottom: 30px;
	}
	.s__title:after {
	  width: 164px;
	  bottom: 0px;
	}
  .s__text p {
    margin-bottom: 22px;
  }
	.bg__spec {
		padding: 30px 0;
		border-radius: 30px;
	}
	.bg__spec:before {
		border-radius: 30px;
	}

	.column1 {
	  max-width: 440px;
	}
	.column2 {
	  max-width: 254px;
	}


	.b-sm20 {border-radius: 20px;}
	.b-sm25 {border-radius: 25px;}
	.b-sm30 {border-radius: 30px;}


}

@media screen and (max-width: 767px) {

	body {}
	section {
		padding: 40px 0;
	}
	.container {
		padding: 0 30px;
	}
	.s__title {
		/*font-size: 2.4rem;*/
		font-size: 2.2rem;
	}
  .s__title:after {
    width: 200px;
    bottom: -4px;
	}
	.s__tagline {
		font-size: 1.6rem;
		text-align: center;
		width: 100%;
	}

	.column1 {
		max-width: 100% !important
	}
	.column2 {
		max-width: 100% !important
	}

	.columns-vertical {
		flex-direction: column;
	}
	.columns-vertical .column__text {
		order: 2;
		max-width: 100%;
		width: 100%;
	}

	.columns-vertical .column__sticky {
		order: 1;
		max-width: 100%;
		width: 100%;
		margin-bottom: 20px;
	}
	.column__sticky .s__img {
		max-width: 100%;
		width: 100%;
	}

	.mCSB_inside>.mCSB_container {
    margin-right: 60px;
	}
	.mCSB_scrollTools {
		width: 2px !important;
	}

	.bg__spec {
		border-radius: 25px;
	}
	.bg__spec:before {
		border-radius: 25px;
	}

	.b-xs20 {border-radius: 20px;}
	.b-xs25 {border-radius: 25px;}
	.b-xs30 {border-radius: 30px;}

}

@media screen and (max-width: 479px) {
			
	.container {
    max-width: 380px;
  	padding: 0 20px;
  }

	.s__title {
    letter-spacing: 0.6px;
		font-size: 2rem;
	}
  .s__title:after {
    width: 150px;
    bottom: -2px;
 	 }

	.bg__spec {
		padding: 20px 0;
	}

	.mCSB_inside>.mCSB_container {
    margin-right: 22px !important;
	}

	.b-xxs20 {border-radius: 20px;}
	.b-xxs25 {border-radius: 25px;}
	.b-xxs30 {border-radius: 30px;}

}










.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: 999px) {
	.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;}
}