@font-face {
    font-family: 'neristhin';
    src: url('../fonts/Neris-Thin-webfont.eot');
    src: url('../fonts/Neris-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Neris-Thin-webfont.woff') format('woff'),
         url('../fonts/Neris-Thin-webfont.ttf') format('truetype'),
         url('../fonts/Neris-Thin-webfont.svg#neristhin') format('svg');
    font-style: normal;
}


@font-face {
	font-family:'Neris';
	src: url('../fonts/Neris-Black_gdi.eot');
	src: url('../fonts/Neris-Black_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Neris-Black_gdi.woff') format('woff'),
		url('../fonts/Neris-Black_gdi.ttf') format('truetype'),
		url('../fonts/Neris-Black_gdi.otf') format('opentype'),
		url('../fonts/Neris-Black_gdi.svg#Neris') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-F6D0;
}

@font-face {
	font-family:'Neris';
	src: url('../fonts/Neris-Light_gdi.eot');
	src: url('../fonts/Neris-Light_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Neris-Light_gdi.woff') format('woff'),
		url('../fonts/Neris-Light_gdi.ttf') format('truetype'),
		url('../fonts/Neris-Light_gdi.otf') format('opentype'),
		url('../fonts/Neris-Light_gdi.svg#Neris') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-F6D0;
}

@font-face {
	font-family:'Neris';
	src: url('../fonts/Neris-LightItalic_gdi.eot');
	src: url('../fonts/Neris-LightItalic_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Neris-LightItalic_gdi.woff') format('woff'),
		url('../fonts/Neris-LightItalic_gdi.ttf') format('truetype'),
		url('../fonts/Neris-LightItalic_gdi.otf') format('opentype'),
		url('../fonts/Neris-LightItalic_gdi.svg#Neris') format('svg');
	font-weight: 300;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+000D-F6D0;
}

@font-face {
	font-family:'Neris';
	src: url('../fonts/Neris-SemiBold_gdi.eot');
	src: url('../fonts/Neris-SemiBold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Neris-SemiBold_gdi.woff') format('woff'),
		url('../fonts/Neris-SemiBold_gdi.ttf') format('truetype'),
		url('../fonts/Neris-SemiBold_gdi.otf') format('opentype'),
		url('../fonts/Neris-SemiBold_gdi.svg#Neris') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-F6D0;
}

.all--demo {
	position: relative;
}

.all--demo a {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.all--demo .section,
.all--demo .section * {
	font-family:'Neris', sans-serif;
}

.all--demo .btn,
.all--demo .bttn {
	font-family:'Neris', sans-serif;
	color:#fff;
}

.all--demo .btn:hover,
.all--demo .bttn:hover {
	font-family:'Neris', sans-serif;
	color:#fff;
}

.all--demo .btn[disabled],
.all--demo .btn.is-disabled,
.all--demo .bttn[disabled],
.all--demo .bttn.is-disabled {
	opacity: 0.3;
	pointer-events: none;
}


.all--demo h2 {
	font-family:'Neris', sans-serif;
	font-size:36px;
	line-height:40px;
	font-weight: 600;
	color:#212121;
}

.all--demo h3 {
	font-family:'Neris', sans-serif;
	font-size:22px;
	line-height:36px;
	font-weight: 600;
}




.demo_btn {
	position: relative;
	text-align: center;
	background: rgba(255,255,255,0.9);
	font-size: 18px;
	font-weight: 600;
	line-height:44px;
	height:50px;
	display:inline-block;
	border-radius: 50px;
	color:#2c75ff;
	text-decoration: none;
	border:0;
	box-shadow: 0px 20px 35px 0px rgba(37, 57, 130, 0.137);
	padding: 0 30px;
}

.demo_btn:hover {
	background-color: rgb(255, 255, 255);
	color:#2c75ff;
}

.demo_btn:active {
	opacity: 0.5;
	-webkit-transition: none;
	transition: none;
}



.demo_btn .l {
	display:inline-block;
	position: relative;
	margin-right:25px;
}

.demo_btn .l:after {
	content:' ';
	display:block;
	position: absolute;
	top:0px;
	right:-25px;
	height:50px;
	width:1px;
/* 	background: #e1ebf9 */
	background: rgba(50,121,251, 0.1)
}

.demo_btn .r {
	display:inline-block;
	position: relative;
	margin-left:25px;
}

.demo_btn--blue {
	background: #007aff;
	opacity: 0.9;
	box-shadow: 0px 10px 35px 0px rgba(37, 57, 130, 0.137);
	color:white;
}

.demo_btn--blue .l:after {
	background: #0087ff;
}

.demo_btn--blue:hover {
	background: #007aff;
	opacity: 1;
	color:white;
}

.demo_btn--blue:active {
	opacity: 0.5;
	-webkit-transition: none;
	transition: none;
}

.demo_btn--outline {
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.5);
	border-style: solid;
	color:white;
	background: none;
	line-height:40px;
	height:46px;
	box-shadow: none;
}

.demo_btn--outline:hover {
	background: none;
	color:white;
	border-color:white;
	box-shadow: none;
}

.demo_btn--outline:active {
	opacity: 0.5;
	-webkit-transition: none;
	transition: none;
}


.demo_btn--outlineblue {
	border-width: 2px;
	border-color: rgba(44, 117, 255, 0.5);
	border-style: solid;
	background: none;
	line-height:40px;
	height:46px;
	box-shadow: none;
	color:#2c75ff;
}

.demo_btn--outlineblue:hover {
	background: none;
	box-shadow: none;
	border-color: rgba(44, 117, 255, 1);
}

.demo_btn--outlineblue:active {
	opacity: 0.5;
	-webkit-transition: none;
	transition: none;
}

.demo_mobile {
	display:block;
}




/* #737276 — grey     */
/* #24272c — darkblue */
/* #212121 — dark     */
/* #2c75ff — blue     */
/* #ff7815 — orange   */



.demo_first {
	background: url(demo-bg.jpg) no-repeat center top;
	background-size: cover;
	padding:97px 0 170px 0;
}

.demo_first-prefix {
	position: relative;
	font-weight: 600;
	font-size: 14px;
	color:white;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	display:block;
	margin:0 auto;
	text-align: center;
}

.demo_first-top {
	font-size: 48px;
	max-width:740px;
	margin:0 auto;
	padding:72px 0 60px 0;
	line-height:1.15em;
	text-align: center;
	color:white;
	font-family: 'neristhin';
	-webkit-font-smoothing: antialiased;
}

.demo_dropdown {
	font-weight: 900;
	font-family:'Neris';
	display:inline-block;
	margin-right:30px;
	position: relative;
	border-bottom: 2px dashed rgba(255,255,255,0.4);
	cursor: pointer;
	-webkit-transition: border-color 0.2s;
	transition: border-color 0.2s;
}

.demo_dropdown i {
	background: url(arrow_carrot-down.svg) no-repeat center;
	background-size: 100% auto;
	width: 30px;
	position: absolute;
	display:block;
	right:-30px;
	top:12px;
	bottom:0;
}

.demo_dropdown:hover {
	border-color:white;
}

.demo_first-form {
	max-width:640px;
	margin:0 auto;
}

.demo_first-input {
	font-size:18px;
	font-weight: 600;
	display:inline-block;
	margin-right:-4px;
	width:47%;
	position: relative;
}

.demo_first-input input {
	display:block;
	outline: none;
	width:100%;
	font-size:18px;
	font-weight: 600;
	background: none;
	border:0;
	font-weight: 300;
	opacity: 0.7;
	padding-left: 40px;
/* 	background: url(icon-01.svg) no-repeat left center; */
	background: url(icon_mail.png) no-repeat left center;
	background-size: 26px auto;
	color:white;
	height:50px;
	border-bottom:1px solid rgba(255,255,255,1);
	-webkit-transition: border-color 0.2s, opacity 0.2s;
	transition: border-color 0.2s, opacity 0.2s;
}

.demo_loader {
	width: 60px;
	height:auto;
	width: 100px;
	margin-top:-40px;
	margin-bottom:-40px;
}

.demo_first-error {
	position: absolute;
	bottom:-20px;
	left:0;
	font-size:14px;
	color:#fff;
	display:none !important;
}

.demo_first-input input:hover {
	opacity: 0.8;
}

.demo_first-input input:focus {
	border-bottom:1px solid rgba(255,255,255,1);
	opacity: 1;
}

.demo_first-input input::-webkit-input-placeholder {color:rgba(255,255,255,1);}
.demo_first-input input::-moz-placeholder          {color:rgba(255,255,255,1);}
.demo_first-input input:-moz-placeholder           {color:rgba(255,255,255,1);}
.demo_first-input input:-ms-input-placeholder      {color:#rgba(255,255,255,1);}

/*
.demo_first-input.required input {
	border-color:rgba(224, 137, 137, 0.92)
}

.demo_first-input.required .demo_first-error {
	display:block;
}
*/

.demo_weight {
	font-style: normal;
	font-weight: 300;
}

.demo_first-error.is-bouncing {
	-webkit-animation: bounce .3s 1;
	animation: bounce 0.3s 1;
}

.demo_first-button button.is-bouncing {
	-webkit-animation: bounce .3s 1;
	animation: bounce 0.3s 1;
}

@-webkit-keyframes bounce {
	0, 25%, 50%, 75%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	12.5%, 62.5% {
			-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	37.5%, 87.5% {
			-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@keyframes bounce {
	0, 25%, 50%, 75%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	12.5%, 62.5% {
			-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
	37.5%, 87.5% {
			-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

.demo_first-button {
	font-size:18px;
	font-weight: 600;
	display:inline-block;
	margin-right:-4px;
	margin-left:13%;
	width:39%;
}

.demo_first-button button {
	display:block;
	text-align: center;
	width:auto;
	width:100%;
	padding:0;
	line-height:normal;
	height:auto;
	cursor: pointer;
	padding: 11px 0 15px;
	transition: all 0.2s;
}

.demo_first-button button:hover {
	transition: all 0.2s;
}




.demo_text {
	position: relative;
	padding:85px 0 115px 0;
	background: white;
}

.demo_text-center {
	max-width:880px;
	margin:0 auto;
	position: relative;
}

.demo_text-col {
	display:inline-block;
	margin-right:-4px;
	vertical-align: top;
	width:50%;
}

.demo_text-inner {
	width:90%;
}

.demo_text-inner h2 {
	line-height:1.3em;
	margin-bottom:30px;
	padding-top:1px;
}

.demo_text-inner h2 .demo_dropdown {
	font-weight: 600;
	margin-right: 25px;
	color:#2c75ff;
	position: relative;
	display:inline-block;
	border-bottom:1px dashed rgba(45,115,255,0.4);
	transition: color 0.2s, border-color 0.2s;
}

.demo_text-inner h2 .demo_dropdown i {
	background: url(arrow_carrot-down-blue.svg) no-repeat center right;
	background-size: 20px auto;
	width:24px;
	position: absolute;
	right:-24px;
}

.demo_text-inner h2 .demo_dropdown i:after {
	background: url(arrow_carrot-down-orange.svg) no-repeat center right;
	background-size: 20px auto;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	display:block;
	content:' ';
	opacity: 0;
	transition: opacity 0.2s;
}

.demo_text-inner h2 .demo_dropdown:hover {
	color:#0f64ff;
	border-color:rgba(45,115,255,0.7);
}

.demo_text-inner h2 .demo_dropdown:active {
	color:#f37214;
	border-color:rgba(245,115,20,0.5);
}

.demo_text-inner h2 .demo_dropdown:active i:after {
	opacity: 1;
}

.demo_text-inner big {
	font-size:20px;
	line-height:1.5em;
	color:#727272;
}

.demo_download {
	font-size:20px;
	line-height:32px;
	color:#2c75ff;
	text-decoration: none;
	margin:60px 0 0 0;
	padding:0 0 0 40px;
	display:block;position: relative;
	transition: border-color 0.2s, color 0.2s;
}

.demo_download span {
	border-bottom: 1px solid rgba(45,115,255,0.4);
}

.demo_download small {
	font-size:13px;
	color:#b6b6b6;
}

.demo_download  i {
	width: 25px;
	height:25px;
	position: absolute;
	top:2px;
	left:-2px;
	background: url(icon-02.svg) no-repeat center;
	background-size: contain;
}

.demo_download  i:after {
	opacity: 0;
	display:block;
	content:' ';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: url(icon-02-3.svg) no-repeat center;
	background-size: contain;
}

.demo_download:hover span {
	color:#0f64ff;
	border-color:rgba(45,115,255,0.7);
}

.demo_download:active span {
	color:#f37214;
	border-color:rgba(245,115,20,0.3);
}

.demo_download:active i {
	background: none;
}

.demo_download:active i:after  {
	opacity: 1;
}


.demo_text-col--2 .demo_text-inner {
	margin-left:7%;
	padding-top:2px;
	color:#212121;
}

.demo_text-inner p {
	font-size:16px;
	line-height:1.6em;
}

.demo_text-inner h3 {
	margin-bottom:28px;
	color:#212121;
}

.demo_text-inner ul {
	font-size:16px;
	line-height:26px;
	margin-left:27px;
	color:#212121;
}

.demo_text-inner ul li {
	margin-bottom:6px;
	position: relative;
}

.demo_text-inner ul li i {
	position: absolute;
	color:#212121;
	left:-27px;
	font-style: normal;
}

.demo_text-inner h4 {
	margin:45px 0 13px 0;
	font-size:13px;
	color:#212121;
	line-height:1.2em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}



.demo_dropdown-list {
	position: absolute;
	font-family: 'neristhin';
	font-weight: 100;
	right:-27px;
	top:0;
	width: 240px;
	background: white;
	font-size:22px;
	padding:20px 0;
	z-index:90;
	box-shadow: 0px 39px 109px 0px rgba(37, 54, 83, 0.216);
	display:none;
}

.demo_dropdown-list a {
	display:block;
	text-decoration: none;
	color:#727272;
	padding:10px 40px;
	line-height:1em;
	text-align: left;
}

.demo_dropdown-list a:hover {
	color:#2c75ff;
	background: #f7faff;
}

.demo_dropdown-list a.active,
.demo_dropdown-list a.active:hover {
	color:black;
	background: none;
	pointer-events: none;
	font-family: 'Neris';
	font-weight: 900;
}



.demo_popup {
	max-width:880px;
	margin:0 auto;
	left:20px;
	right:20px;
	width:auto;
	background: white;
	border-radius: 2px;
	box-shadow: 0px 26px 109px 0px rgba(62, 62, 62, 0.18);
	position: absolute;
	top: 90px;
	bottom:90px;
	display:flex;
	display:none;
}

.demo_popup-inner {
	width:600px;
	display:flex;
	margin:auto;
	flex-wrap: wrap;
	font-size:20px;
	line-height:1.5em;
	padding:0 30px 20px 30px;
}

.demo_nobr {
	white-space: nowrap
}

.demo_popup-inner h3 {
	margin-bottom:25px;
	margin-top:0;
	padding:0;
	color:#212121;
}

.demo_popup-inner p {
	margin-bottom:55px;
	color:#727272;
}

.demo_popup-inner p:last-child {
	margin:0;
}

.demo_popup-inner h3,
.demo_popup-inner p {
	display:block;
	width:100%;
}

.demo_popup b {
	color:#212121;
	font-weight: 600;
}

.demo_popup a {
	color:#2c75ff;
	border-bottom:1px solid rgba(25,115,255, 0.4);
	text-decoration: none;
	margin-right:40px;
}


.demo_popup a:hover {
	color:#0f64ff;
	border-color:rgba(45,115,255,0.7);
}

.demo_popup a:active {
	color:#f37214;
	border-color:rgba(245,115,20,0.3);
}

.demo_i {
	display:inline-block;
	width:10px;
	height:10px;
	background: #0087ff;
	border-radius: 50%;
	margin-right:1px;
	-webkit-animation: loading 1s infinite;
	animation: loading 1s infinite;
}

.demo_i-1 {
	animation-delay: 0;
}
.demo_i-2 {
	animation-delay: .3s;
}
.demo_i-3 {
	animation-delay: .6s;
}

.demo_long {
	width:120%;
}

.demo_text {
    font-family: "Neris",sans-serif;
}
.divh2 {
    padding-bottom: 48px;
    color: #212121;
    font-size: 36px;
    font-weight: 600;
    line-height: 37px;
}
.text-middle {
    padding-bottom: 26px;
    color: #727272;
    font-size: 20px;
    line-height: 1.5em;    
}
.text-middle-col {
    padding-bottom: 26px;
    color: #727272;
    font-size: 16px;
    line-height: 1.5em;    
}
.text-bottom {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #212121;
}
ul.editions-list {
    color: #727272;
}
ul.editions-list li {
    line-height: 22px;
    padding-bottom: 18px;
}
ul.editions-list li a {
    text-decoration: none;
    color: #2c75ff;
}
ul.editions-list li a:hover {
    color: #f97837;
}  

@-webkit-keyframes loading {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
}

@keyframes loading {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
}



@media (max-width:960px) {
	
	.all--demo h2 {
		font-size:32px;
	}
	
	.demo_first {
		padding-bottom: 100px;
	}
	
	.demo_first-top {
		padding-top: 50px;
		font-size: 42px;
		padding-bottom:60px;
	}
	
	.demo_popup {
		top:50px;
		bottom:50px;
	}
}


@media (max-width:760px) {
	
	.all--demo h2 {
		font-size:28px;
	}
	
	.demo_first {
		padding-top:60px;
		padding-bottom:90px;
	}
	
	.demo_first-top {
		font-size: 38px;
		padding-top:40px;
		padding-bottom:50px;
	}
	
	.demo_text {
		padding:70px 0 70px 0;
	}
	
	.demo_text-col {
		display:block;
		margin:0 auto;
		width:auto;
	}
	
	.demo_text-inner {
		width:100%;
	}
	
	.demo_download {
		margin-top: 30px;
	}
	
	.demo_text-col--2 {
		padding-top:50px;
	}
	
	.demo_text-col--2 .demo_text-inner {
		margin:0;
	}
	
	.demo_popup {
		top:30px;
		bottom:30px;
	}
	
	.demo_nobr {
		white-space: pre-wrap;
	}
}


@media (max-width:640px) {
	
	.demo_first-top {
		padding-bottom:25px;
	}
	
	.demo_first-input,
	.demo_first-button {
		display:block;
		margin:0 auto;
		width:auto;
	}
	
	.demo_first-form {
		max-width:320px;
		margin:0 auto;
	}
	
	.demo_first-input input {
		padding-left:0;
		text-indent: 45px;
	}
	
	.demo_first-input {
		padding-bottom: 20px;
	}
	
	.demo_popup-inner {
		font-size:20px;
		line-height:25px;
	}
	
	.demo_popup-inner p {
		margin-bottom: 30px;
	}
	
	.demo_link {
		display:block;
		padding-top:8px;
	}
}


@media (max-width:540px) {
	
	.demo_first-top {
		font-size: 30px;
	}
	
	.demo_first {
		padding-top:50px;
		padding-bottom:50px;
	}
	
	.all--demo h2 {
		font-size:26px;
		line-height:1.2em;
	}
	
	.demo_text {
		padding:50px 0 50px 0;
	}
	
	.demo_text-col--2 {
		padding-top:30px;
	}
	
	.demo_popup {
		left:10px;
		right:10px;
	}
	
	.demo_download {
		font-size:16px;
		padding-left: 30px
	}
}


@media (max-width:400px) {
	
	.demo_dropdown-list {
		right:0;
		width:100%;
	}
	
	.demo_first-prefix {
		font-size:12px;
	}
	
	.demo_first-top {
		margin:0 -15px;
		padding-top: 30px;
	}
}