@charset "UTF-8";

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

[hidden] {
	display: none;
}

img {
	border: 0;
}

button,input {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button {
	text-transform: none;
}

button,html input[type=button],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

body,html {
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: Roboto,sans-serif;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}

p {
	margin: 0;
	padding: 0;
}

:active,:focus,:hover,:visited {
	outline: 0!important;
}

::-moz-focus-inner {
	border: 0;
	outline: 0;
}

button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
	border: none;
}

:not(#fake) {
	outline: 0;
}

input::-ms-clear {
	display: none;
}

.title {
	color: #202020;
	font-family: Roboto,sans-serif;
	font-size: 46px;
	font-weight: 700;
	line-height: 45px;
	text-align: center;
}

@font-face {
	font-family:slick;src:slick-font-url("../fonts/slick.eot");src:slick-font-url("../fonts/slick.eot#iefix") format("embedded-opentype"),slick-font-url("../fonts/slick.woff") format("woff"),slick-font-url("../fonts/slick.ttf") format("truetype"),slick-font-url("../fonts/slick.svg#slick") format("svg");font-weight:400;font-style:normal;
}

.newlife {
	padding-top: 97px;
	padding-bottom: 150px;
	background: url(../images/bg.jpg) no-repeat 50% 0;
	background-color: #e4f3f9;
	position: relative;
	background-size: cover;
	z-index: 1;
}

.newlife:before {
	content: "";
	position: absolute;
	left: 50%;
	background-size: cover;
	top: -1px;
	height: 20px;
	width: 2660px;
	background: url(../images/after-bg.png) no-repeat center;
	z-index: -1;
	-webkit-transform: translateX(-50%) rotate(-180deg);
	-ms-transform: translateX(-50%) rotate(-180deg);
	transform: translateX(-50%) rotate(-180deg);
}

.newlife:after {
	content: "";
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	height: 20px;
	width: 2660px;
	background: url(../images/after-bg.png) no-repeat center;
	z-index: -1;
}

.newlife-form {
	width: 100%;
	height: 220px;
	-webkit-box-shadow: -2px 5px 21px rgba(181,205,223,.77);
	box-shadow: -2px 5px 21px rgba(181,205,223,.77);
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 80px;
	border-radius: 5px;
	position: relative;
	margin-bottom: -200px;
	justify-content: space-around;
}

.newlife-form-pack {
	width: 117px;
	height: 53px;
	margin-left: 13px;
	position: relative;
	margin-top: -45px;
	flex-shrink: 0;
}

.newlife-form .btn {
	width: 190px;
	font-size: 20px;
}

.newlife-form-pack img {
	width: 100%;
}

.newlife-form-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	align-items: center;
	width: 217px;
	justify-content: center;
}

.newlife-form-price .price__new,.newlife-form-price .price__old {
	width: 50%;
}

.newlife-form-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.newlife-form-box .form__label {
	margin-bottom: 0;
}

.newlife-form-box .form__label-tel {
	margin-left: 10px;
	margin-right: 10px;
}

.newlife-form-box .btn {
	margin-top: 0;
}

.newlife .price__old {
	margin-right: 5px;
	padding-right: 5px;
}

.snoska {
	text-align: center;
}

.newlife-form .form__label {
	width: 190px;
}

.snoska .form__footnote {
	margin-top: 5px!important;
}

@media (max-width:1190px) and (min-width:1024px) {
	.newlife {
		padding-bottom: 80px!important;
	}
}

@media screen and (max-width:1190px) {
	.newlife:before {
		top: -2px;
	}

	.newlife:after {
		bottom: -2px;
	}

	.newlife-form {
		width: 555px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		margin-bottom: 0;
		padding-bottom: 30px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 30px;
		position: relative;
		padding-left: 265px;
		padding-top: 30px;
	}

	.newlife-form-price {
		margin-left: 0;
	}

	.newlife-form-pack {
		margin-left: 0;
		margin-bottom: 10px;
		margin-top: 0;
		position: absolute;
		left: 30px;
		top: 50%;
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
		width: 250px;
		height: auto;
	}

	.newlife-form-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 15px;
		margin-left: 0;
	}

	.newlife-form .btn {
		width: 230px;
	}

	.newlife .form__label {
		margin-bottom: 15px;
	}

	.newlife-form .form__label {
		width: 230px;
	}

	.newlife .form__label-tel {
		margin-right: auto;
		margin-left: auto;
	}

	.snoska {
		margin-top: 0;
	}
}

@media (max-width:1023px) {
	.newlife:after,.newlife:before {
		display: none;
	}
}

@media (max-width:767px) {
	.newlife-form {
		width: 460px;
		margin-top: 25px;
		padding-left: 200px;
	}

	.newlife-form-pack {
		left: 20px;
		width: 190px;
	}
}

@media screen and (max-width:479px) {
	.newlife-form {
		width: 290px;
		margin-top: 25px;
		padding-left: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.newlife-form-pack {
		position: initial;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@-moz-document url-prefix() {
	.doc__img {
		bottom: 5.5px;
	}
}

.form-box .form {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

@media screen and (max-width:1190px) {
	.title {
		font-size: 36px;
	}
}

@media (max-width:1023px) {
	.title {
		font-size: 32px;
		line-height: 32px;
	}
}

@media (max-width:767px) {
	.title {
		font-size: 28px;
		line-height: 28px;
	}
}

@media screen and (max-width:639px) {
	.title {
		font-size: 26px;
		line-height: 26px;
	}
}

.form {
	height: auto;
	width: 278px;
	margin-left: auto;
	color: #444;
	background-color: #fff;
	text-align: center;
	-ms-flex-item-align: start;
	align-self: flex-start;
	padding-bottom: 28px;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 0 5px 60px rgba(150,180,202,.77);
	box-shadow: 0 5px 60px rgba(150,180,202,.77);
	border-radius: 5px;
}

.form::after {
	content: "";
	display: block;
	position: absolute;
	width: 47px;
	height: 310px;
	background-image: url(../images/header__arrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 125px;
	right: -34px;
}

.form__label {
	width: 240px;
	position: relative;
	display: block;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

.form__label::before {
	content: "";
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	transform: translateY(-55%);
}

.form__label-name::before {
	background-image: url(../fonts/user-icon.svg);
	height: 23px;
	width: 20px;
}

.form__label-tel::before {
	background-image: url(../fonts/phone-icon.svg);
	height: 23px;
	width: 23px;
}

.form__input {
	padding: 20px;
	padding-left: 55px;
	border-radius: 50px;
	border: 1px solid #d9dadc;
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.05);
	box-shadow: inset 0 5px 10px rgba(0,0,0,.05);
	width: 100%;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background-color: #fff;
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
}

.form__input::-webkit-input-placeholder {
	color: #202020;
	font-size: 17px;
}

.form__input:-ms-input-placeholder {
	color: #202020;
	font-size: 17px;
}

.form__input::-ms-input-placeholder {
	color: #202020;
	font-size: 17px;
}

.form__input::placeholder {
	color: #202020;
	font-size: 17px;
}

.form__input:hover {
	-webkit-box-shadow: inset 0 0 0 transparent,1px 2px 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 transparent,1px 2px 5px rgba(0,0,0,.2);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.form__input:focus {
	-webkit-box-shadow: inset 0 0 0 transparent,1px 2px 5px rgba(0,0,0,.2);
	box-shadow: inset 0 0 0 transparent,1px 2px 5px rgba(0,0,0,.2);
}

.form__footnote {
	margin-top: 18px;
}

.price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 15px;
}

.price__title {
	font-size: 16px;
}

.price__new,.price__old {
	width: 40%;
}

.price__old {
	border-right: 1px solid #444;
}

.price__old .price__title {
	display: inline-block;
	margin-bottom: 4px;
}

.price__old .price__number {
	color: #444;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
	text-decoration: line-through;
	font-size: 20px!important;
}

.price__new {
	margin-left: 0;
}

.price__value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}

.price__number {
	line-height: 1;
	align-items: baseline;
}

.price__new .price__number {
	font-size: 22px!important;
	color: #87b136;
	font-weight: 700;
	line-height: 1;
	display: inline-flex;
}

.price__new .price__number {
	color: #87b136;
	font-weight: 700;
	line-height: 1;
}

.btn {
	font-size: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 700;
	color: #fff;
	width: 240px;
	border-radius: 67px;
	border: none;
	height: 71px;
	-webkit-box-shadow: inset 0 0 10px rgba(247,207,123,.48),0 19px 37px -26px rgba(0,0,0,.37);
	box-shadow: inset 0 0 10px rgba(247,207,123,.48),0 19px 37px -26px rgba(0,0,0,.37);
	line-height: 22px;
	background-image: -webkit-gradient(linear,left top,right top,from(#82aa34),color-stop(1%,#82aa34),color-stop(50%,#8db838),to(#82aa34));
	background-image: -webkit-linear-gradient(left,#82aa34 0,#82aa34 1%,#8db838 50%,#82aa34 100%);
	background-image: -o-linear-gradient(left,#82aa34 0,#82aa34 1%,#8db838 50%,#82aa34 100%);
	background-image: linear-gradient(to right,#82aa34 0,#82aa34 1%,#8db838 50%,#82aa34 100%);
	border-bottom: 5px solid #749c27;
	padding-top: 3px;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
}

.btn:hover {
	-webkit-box-shadow: inset 0 0 4px rgba(247,207,123,.48),0 0 0 0 transparent;
	box-shadow: inset 0 0 4px rgba(247,207,123,.48),0 0 0 0 transparent;
	background-color: #008064;
	background-image: -webkit-gradient(linear,left top,right top,from(#afcd71),color-stop(1%,#afcd71),color-stop(50%,#8db838),to(#afcd71));
	background-image: -webkit-linear-gradient(left,#afcd71 0,#afcd71 1%,#8db838 50%,#afcd71 100%);
	background-image: -o-linear-gradient(left,#afcd71 0,#afcd71 1%,#8db838 50%,#afcd71 100%);
	background-image: linear-gradient(to right,#afcd71 0,#afcd71 1%,#8db838 50%,#afcd71 100%);
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.btn:active {
	border-bottom: 1px solid #749c27;
	-webkit-transition: .1s;
	-o-transition: .1s;
	transition: .1s;
}

@media screen and (max-width:479px) {
	.newlife {
		background-image: none;
		background-color: #dcf0f9;
	}
}

@media screen and (min-width: 1191px) {
  .newlife-form-box {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 1191px) {
  .snoska {
    width: 100%;
    margin-top: 15px;
  }
}

@media screen and (min-width: 1191px) {
  .snoska .btn {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1191px) {
  .newlife-form {
    margin-bottom: 0;
    height: auto;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1190px) {
  .newlife-form-box .form__label {
    margin-bottom: 15px;
  }

  .newlife-form-box .snoska {
    margin-top: 10px;
  }
}