/* пишем стили */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {

	background-color: #fff;
}

h1, h2, .copy {
	font-family: "RedRingLight", sans-serif;
	font-weight: 100;
	font-style: normal;
}
button {
	font-family: "ProximaNovaLight", sans-serif;
	font-weight: 400;
	font-style: normal;
}

input, textarea, button {
	outline: none;
}
/* end reset */

/*  пишем код тут */
.clear
{
	clear: both;
}

.container
{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
/*  Start header*/
header
{
	position: relative;
	padding-top: 15px;
	height: 100px;
	z-index: 1;
}

.logo
{
	text-align: center;
}
/* In header*/

/*  Start banner*/
.banner
{
	height: 650px;
	background: linear-gradient(0deg, #ffa8a8, #fcff00);
	padding-top: 150px;
	font-size: 30px;
	position: relative;
	z-index: 0;

}

.banner_text
{
text-align: center;
margin: 0 auto;
}

.banner_text span
{
	font-style: normal;
	font-family: "RedRingBlack", sans-serif;
	font-weight: 300;
	color: #fff;
}
.banner_img
{
	position: absolute;
	height:100%;
	width:324px;

	background: url("images/phones.png") no-repeat center 100%;

	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-size: auto;

}

/*  End banner*/
/*definition*/
.definition
{
	padding: 100px 0;
}
.definition_item
{
	display: inline-block;
	float: left;
	width: 33.33%;
	padding: 0 30px;
	text-align: center;
}
.definition_item h3
{
	font-family: "ProximaNovaThin", sans-serif;
		font-size: 24px;
		font-weight: 300;
		text-transform: uppercase;
}
.definition_item p
{
	width: 75%;
	margin: 0 auto;
	font-family: "ProximaNovaLight", sans-serif;
	font-weight: 400;
	text-align: justify;
}
.definition_item .icon1,.definition_item .icon2,.definition_item .icon3
{	display: inline-block;
	width: 64px;
	height: 64px;
	background-size: auto;
	margin: 25px 0;
}
.definition_item .icon1
{
		background: url("images/lamp.png") no-repeat center center;
}
.definition_item .icon2
{
		background: url("images/infinity.png") no-repeat center center;
}
.definition_item .icon3
{
		background: url("images/trendy.png") no-repeat center center;
}
/*form*/
.form
{
background-color: #f8f6f6;
padding: 100px 0;
text-align: center;
}
.form form
{
	display: inline-block;
	width: 60%;
}
input, textarea
{ width: 100%;
	font-size: 18px;
	color: #000;
	border-radius: 15px;
	border: 2px solid #ffa8a8;
	text-align: center;
	margin-bottom: 50px;
	padding: 10px;
}
.form h2
{
	margin-bottom: 50px;
	font-size: 24px;
}
textarea
{
	resize: none;
	height: 200px;
}
.btn
{
	display: inline-block;
	height: 50px;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 10px;
	padding: 10px 10%;
	border: none;
	text-align: center;
	background-image: linear-gradient(to right, #ffaaaa 0%, #ffff00 50%,  #ffaaaa 100%);
background-size: 200% auto;
	transition: 0.5s;
}
.btn:hover
{
	background-position: right center;
}
footer
{
	height: 92px;
	text-align: center;
	background-color: #ffa8a8;
	text-transform: uppercase;
}
footer span
{
	display: inline-block;
	margin: 30px 0;

}
.tick samp
{
	font-size: 50px;
color: rgb(0, 0, 0, 0.5);
font-family: "ProximaNovaLight", sans-serif;

}