*{
	margin: 0;
	padding: 0;
	-moz-transition: all 0.3s ease;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	-webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
img{
	border:none;
}

html,body {
	width: 100%;
	height: 100%;
	background:#fff;
	font-family: 'Calibri';
	color:#000;
	font-weight:normal;
	font-size:12px;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}
input, textarea ,button{outline:none;}
input:active, textarea:active,button:active {outline:none;}
a{text-decoration:none;outline:none;}
a:focus, a:hover {
    text-decoration: none;
	outline:none;
}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
.flex{
	-webkit-display:flex;
	-moz-display:flex;
	display:flex;
}
.wrapper{
	min-width:1170px;
	width:100%;
}
.wrapper__main{
	width:1170px;
	margin:0 auto;
}
.wrapper__main2{
	width:524px;
	margin:0 auto;
}
.logo {
    margin: 20px 0 22px;
    display: flex;
    text-align: center;
    overflow: hidden;
    justify-content: center;
	position:relative;
	height:37px;
}
.title{
	font-family: 'DINPro-Black';
	height:60px;
	justify-content:center;
	align-items:center;
	background:#f5f5f5;
	font-size:25px;
	text-transform:uppercase;
}
.thanks{
	padding:20px 0;
}
.thanks li{
	font-size:14px;
	margin-bottom:16px;
	line-height:1.2;
}
.thanks li:first-child{
	font-size:16px;
	font-weight:bold;
}
.thanks li:last-child{
	margin-bottom:0;
}
.thanks li span{
	display:block;
}
.green{
	background:#f5f5f5;
	padding-bottom:30px;
}
.green__name{
	padding:24px 0 0;
}
.green__name_title{
	font-size:17px;
	margin-bottom:10px;
	display:block;
}
.input{
	border:1px solid #bfbfbf;
	background:#fff;
	font-size:14px;
	width:96%;
	padding:0 2%;
	height:26px;
	padding-top:10px;
	display:block;
	resize:none;
}
.input[name="number"]{
	margin-bottom:18px;
}
.input::-webkit-input-placeholder {color:#818181; font-family:'Calibri';}
.input::-moz-placeholder          {color:#818181; font-family:'Calibri';}
.input:-moz-placeholder           {color:#818181; font-family:'Calibri';}
.input:-ms-input-placeholder      {color:#818181; font-family:'Calibri';}

.input[name="name"]::-webkit-input-placeholder {font-style:italic;}
.input[name="name"]::-moz-placeholder          {font-style:italic;}
.input[name="name"]:-moz-placeholder           {font-style:italic;}
.input[name="name"]:-ms-input-placeholder      {font-style:italic;}

.green__name_line{
	width:60%;
	height:2px;
	background:#9a9a9a;
	margin-top:24px;
}
.green__name h3{
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
}
.green__name_text{
	padding:12px 0 12px 12px;
	font-size:14px;
	color:#818181;
	line-height:1.2;
}
.green__name h4{
	font-size:17px;
}
.rating-area {
	flex-direction: row-reverse;
    justify-content: flex-end;
}
.rating-area:not(:checked) > input {
	display: none;
}
.rating-area:not(:checked) > label {
	width:52px;
	height:52px;
	background:url(../images/star.png) no-repeat center;
	margin:6px 10px 20px 0;
	cursor:pointer;
	outline:none;
}
.rating-area label[for="star-51"],
.rating-area label[for="star-52"],
.rating-area label[for="star-53"]{
	margin:6px 0 20px 0;
}
.rating-area:not(:checked) > label:before {
	content: '';
	width:52px;
	height:52px;
	background:url(../images/star.png) no-repeat center;
	outline:none;
}
.rating-area > input:checked ~ label {
	background:url(../images/star-active.png) no-repeat center;
	outline:none;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
	background:url(../images/star-active.png) no-repeat center;
	outline:none;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
	background:url(../images/star-active.png) no-repeat center;
	outline:none;
}
.rate-area > label:active {
	position: relative;
}
.button{
	margin-top:30px;
	position:relative;
	height:64px;
}
.button__tanks{
	height:30px;
	background:#3e3e3e;
	color:#fff;
	width:364px;
	line-height:30px;
	padding-right:50px;
	text-align:right;
	font-size:16px;
	position:absolute;
	bottom: 0;
    left: -100px;
	background:url(../images/button1.png) no-repeat center;
}
.button__button{
	height:52px;
	background:#e31e24;
	color:#fff;
	width:500px;
	line-height:30px;
	border:none;
	padding-left:66px;
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	font-family: 'Calibri';
	align-items:center;
	position:absolute;
	top:0;
	right:-350px;
	background:url(../images/button2.png) no-repeat center;
	cursor:pointer;
}
.button__button span{
	margin-right:24px;
}
.main{
	background:#f5f5f5;
	min-height: 100%;
}
.wrapper__main_answer{
	background:#fff;
}
.wrapper__main_gratitude{
	height: 100vh;
}
.wrapper__main_answer .logo{
	margin-top:0;
	padding-top:20px;
	margin-bottom: 40px;
}
.an__title{
	background:#fff;
}
.wrapper__main3{
	margin:0 auto;
	width:860px;
	padding-bottom:40px;
}
.wrapper__main3 h3{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:0 0 30px;
	padding-top:20px;
}
.wrapper__main3 h4{
	font-size:23px;
	text-align:center;
}
.applications{
	margin:30px 0 80px;
	justify-content:space-between;
	padding:0 14px;
}
.applications a:hover{
	transform:scale(1.1);
}
.feedback{
	margin-bottom:36px;
}
.feedback h5{
	font-size:17px;
	font-weight:bold;
}
.feedback__text{
	padding:18px 30px 16px;
	font-size:17px;
	line-height:1.2;
}
.feedback__copy{
	padding:6px 0;
	font-size:15px;
	color:#717171;
	background:#d8d8d8;
	border-radius:10px;
	width:136px;
	text-align:center;
	border:none;
	font-family:'Calibri';
	cursor:pointer;
}
.block__link{
	margin-top:70px;
	text-align:center;
}
.block__link a{
	text-decoration:underline;
	font-size:23px;
	font-family: 'Calibri';
	color:#000;
}
.block__link a:hover{
	text-decoration:none;
}
.gratitude{
	text-align:center;
	padding-bottom:40px;
}
.gratitude h3{
	font-size:22px;
	font-weight:bold;
	margin:18px 0 28px;
}
.gratitude h4{
	font-size:21px;
	line-height:2;
}
.gratitude h4 span{
	display:block;
}
.gratitude h5{
	font-size:21px;
	line-height:2;
}
.detailed{
	display:flex;
	justify-content:center;
	align-items:center;
	width:526px;
	height:50px;
	font-size:25px;
	font-weight:bold;
	color:#fff;
	background:#e1251d;
	border-radius:10px;
	font-family: 'Calibri';
	margin:26px auto 0;
}
.detailed:hover{
	background:#a91c16;
}
@media screen and (max-width:1210px){
	.wrapper__main {
		width: 96%;
		padding:0 2%;
	}
	.green{
		padding-bottom:30px;
	}
	.wrapper {
		min-width: 100%;
	}
.button__tanks {
    left: -180px;
}
.button__button {
    right: -270px;
}
.green__line{
	width:100%;
	padding:0;
}
.main{
	background:#fff;
}
.gratitude{
	padding-bottom:40px;
}
.wrapper__main_answer2 {
    width: 100%;
    padding: 0;
}
}
@media screen and (max-width:1080px){
.logo{
	margin-top:calc( (100vw - 320px)/(1080 - 320) * (20 - 10) + 10px);
	margin-bottom:calc( (100vw - 320px)/(1080 - 320) * (24 - 12) + 12px);
}
.button{
	display:flex;
	flex-direction:column-reverse;
	height:auto;
}
.button__button{
	position: relative;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    background-size: 100%;
	justify-content: center;
}
.button__tanks{
	position: relative;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
}
@media screen and (max-width:900px){
.wrapper__main3 {
    width: 100%;
}
}
@media screen and (max-width:640px){
.applications {
    margin: 20px 0 30px;
    flex-wrap:wrap;
    padding: 0;
}
.applications a{
	width:50%;
	text-align:center;
	display:block;
	margin-bottom:10px;
}
.feedback__text {
    padding: 18px 10px 16px;
}
.wrapper__main_answer .logo {
    margin-top: 0;
    padding-top: calc( (100vw - 320px)/(640 - 320) * (20 - 10) + 10px);
    margin-bottom: calc( (100vw - 320px)/(640 - 320) * (40 - 12) + 12px);
}
.gratitude h4 span {
    display: inline;
}
.wrapper__main_gratitude .logo{
	left:-2%;
	width:104%;
}
}
@media screen and (max-width:550px){
.title{
	font-size:calc( (100vw - 320px)/(550 - 320) * (25 - 20) + 20px);
	height:auto;
	padding:20px 0;
}
.wrapper__main2 {
    width: 100%;
}
.wrapper__main2.thanks{
    width: 96%;
	padding:16px 2%;
}
.button{
	margin-top: calc( (100vw - 320px)/(550 - 320) * (30 - 20) + 20px);
}
.button__button{
	height:calc( (100vw - 320px)/(550 - 320) * (52 - 32) + 32px);
	font-size:calc( (100vw - 320px)/(550 - 320) * (20 - 16) + 16px);
}
.button__tanks{
	height:calc( (100vw - 320px)/(550 - 320) * (30 - 24) + 24px);
	font-size:calc( (100vw - 320px)/(550 - 320) * (16 - 14) + 14px);
	background-size:100%;
	display:flex;
	align-items:center;
	line-height:1;
	justify-content:center;
}
.input {
    width: 95%;
}
.thanks li span {
    display: inline;
}
.detailed{
	width:98%;
}
.gratitude__title{
	text-align:center;
	line-height:1.2;
}
.logo img{
	position:absolute;
	top:0;
	left:calc( (100vw - 320px)/(550 - 320) * ((-220) - (-290)) + (-290px));
}
.wrapper__main_answer  .logo img{
	top:10px;
}
}