@font-face {
    font-family: "Helvetica Neue";
    src: url(fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.otf);
   }
html,body {
	margin: 0;
	padding: 0;
}
.center_block {
	position: relative;
	margin: 0 auto;
	width: 1178px;
}
.clearfix:after {
	display: table;
	clear: both;
	content: '';
}
/*<header>*/
img{
	float: right;
	margin: -107px 51px 0 0;
}
header{
	border-top: 10px solid #2ecc71;
	background: url(../img/img.png);
}
header .center_block h1 {
	margin: 167px 0 0 104px;
	color: #fff;
	font-family: Pacifico;
	font-size: 60px;
}
header .center_block h1 span {
	color: #fff;
	font-family: "Helvetica Neue";
	font-size: 24px;
}
header .center_block p {
	color: #ffffff;
	font-family: "Helvetica Neue";
	font-size: 24px;
	margin: 36px 0 0 104px;
}
.head-icon {
	width: 207px;
	margin: 26px 0 0 104px;
	padding-bottom: 177px;
}
.head-icon div {
	width: 53px;
	height: 53px;
	background-color: #030303;
	display: inline-block;
	border-radius: 50%;
	opacity: 0.5;
	float: left;
	margin-right: 16px;
}
.head-icon div:last-child {
	background-color: #2ecc71;
	opacity: 1;
}
.head-icon div:hover{
	background-color: #2acd72;
	opacity: 1;
}
.apple {
	background: url(../img/icon.png) no-repeat center;
}
.android {
	background: url(../img/iconandroid.png) no-repeat center;
}
.window {
	background: url(../img/iconwindows.png) no-repeat center;
}
/*</header>*/
/* <capabilities> */
.capabilities {
	width: 313px;
	margin-top: 60px;
	float: left;
}
.center {
	margin-left: 117px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.icon-top {
	margin: 0 auto;
	width: 98px;
	height: 98px;
	border-radius: 50%;
}
.setting {
	background: #2ecc71 url(../img/icon-setting.png) no-repeat center;
}
.star {
	background: #2ecc71 url(../img/icon-star.png) no-repeat center;
}
.earth {
	background: #2ecc71 url(../img/icon-setting.png) no-repeat center;
}
.title {
	margin: 31px 0 0 0;
	color: #222222;
	font-family: Raleway;
	font-size: 22px;
	text-align: center;
}
.capabilities p {
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 16px;
	text-align: center;
	margin: 29px 0 0 0;
	padding-bottom: 58px;
}
/*</capabilities>*/
.presentation {
	background-color: #e3e3e3;
	position: relative;	
}
iframe {
	float: 	right;
	margin-top: 60px;
}
.title-presentation {
	padding: 59px 0 9px 0;
	color: #222;
	font-family: Raleway;
	font-size: 22px;
}
.updates {
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 16px;
	line-height: 1.5;	
}
.send{
	position: relative;
	margin-top: 13px;
	width: 446px;
	height: 56px;
}
input[type="text"] {
	width: 420px;
	height: 56px;
	border-radius: 15px;
	border: none;
	outline: none;
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 18px;
	padding-left: 26px;
}
input[type="submit"] {
	position: absolute;
	top: 0;
	left: 305px;
	width: 141px;
	height: 58px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: none;
	background-color: #2ecc71;
	color: #fff;
	font-family: Raleway;
	font-size: 22px;
	outline: none;
	cursor: pointer;
}
.presentation > .center_block  div:last-child {
	padding-bottom: 145px;
}
.about {
	text-align: center;
	margin: 60px 0 0 0;
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 18px;
	font-style: italic;
}
.jane {
	margin-top: 26px;
	text-align: center;
	color: #2e2e2e;
	font-family: Raleway;
	font-size: 18px;
}
.profil {
	width: 1137px;
	margin:3px 0 0 11px;
}
.profil div {
	width: 50px;
	height: 50px;
	display:inline-block;
}
.profil div:hover{
	background-color: #2ecc71;
	opacity: 0.6;
	cursor: pointer;
}
.one {
	background-image: url(../img/profil/img.png);
	opacity: 0.7;
}
.two {
	background-image: url(../img/profil/2.png);
}
.three {
	background-image: url(../img/profil/3.png);
}
.four {
	background-image: url(../img/profil/4.png);
}
.five {
	background-image: url(../img/profil/5.png);
}
.six {
	background-image: url(../img/profil/6.png);
}
.seven {
	background-image: url(../img/profil/7.png);
}
.eight {
	background-image: url(../img/profil/8.png);
}
.nine {
	background-image: url(../img/profil/9.png);
}
.ten {
	background-image: url(../img/profil/10.png);
}
.eleven {
	background-image: url(../img/profil/11.png);
}
.twelve {
	background-image: url(../img/profil/12.png);
}
.thirten {
	background-image: url(../img/profil/13.png);
}
.fourteen {
	background-image: url(../img/profil/14.png);
}
.fifteen {
	background-image: url(../img/profil/15.png);
}
.sixteen {
	background-image: url(../img/profil/16.png);
}
.seventeen {
	background-image: url(../img/profil/17.png);
}
.eighteen {
	background-image: url(../img/profil/18.png);
}
.nineteen {
	background-image: url(../img/profil/19.png);
}
.twenty {
	background-image: url(../img/profil/20.png);
}
.twenty-one {../
	background-image: url(../img/profil/21.png);
	opacity: 0.7;
}
.say {
	text-align: center;
	margin: 56px 0 5px 0;
	color: #000000;
	font-family: Raleway;
	font-size: 24px;
}
.touch {
	text-align: center;
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 16px;
}
.support{
	width: 254px;
	margin: 0 auto;
	padding-bottom: 61px;
}
.support div{
	width: 34px;
	height: 34px;
	background-color: #c5c5c5;
	display: inline-block;
	border-radius: 50%;
	margin-top: 9px;
}
.support div:hover{
	background-color: #2ecc71;
	cursor: pointer;
}
.t {
	background: #c5c5c5 url(../img/icon/t.png) no-repeat center;
}
.f {
	background: #c5c5c5 url(../img/icon/f.png) no-repeat center;
}
.p {
	background: #c5c5c5 url(../img/icon/p.png) no-repeat center;
}
.g {
	background: #c5c5c5 url(../img/icon/g.png) no-repeat center;
}
.in {
	background: #c5c5c5 url(../img/icon/in.png) no-repeat center;
}
.yt {
	background: #c5c5c5 url(../img/icon/yt.png) no-repeat center;
}
footer{
	background-color: #e3e3e3;
}
ul{
	text-align: center;
	padding: 60px 0 40px 0;
}
ul li{
	display: inline;
	padding-right: 38px;
}
ul li a{
	color: #848484;
	font-family: "Helvetica Neue";
	font-size: 16px;
	text-decoration: none;
}
 
@media screen and (max-width:1200px)  {
	.center_block{
		width: 100%;
		overflow: hidden;
	}
	header{
		width: 920px;
		max-width: 100%;
		margin: 0 auto;
	}
	img{
		display: none;
	}
	header .center_block h1{
		width: 100%;
    	margin: 167px 0 0 0;
    	text-align: center;
	}
	header .center_block p{
		text-align: center;
		margin:0;
	}
	.head-icon{
		margin: 0 auto;
    	padding: 20px 0px 177px 18px;
	}
	.capabilities{
		width: 100%;
	}
	.left{
		margin:0 auto;
		float: none;
	}
	.right{
		width: 100%;
		margin: 0 auto;
		padding-top: 100px;
		float: none;
	}
	.center{
		width: 100%;
		margin: 0 auto;
	}
	.profil{
		margin: 0 auto;
    	width: 62%;
	}
	
}
@media screen and (max-width:1006px){
	header .center_block h1{
		width: 100%;
    	margin: 167px 0 0 0;
	}
	header .center_block p{
		width: 100%;
    	margin: 36px 0 0 0;
	}
	.head-icon{
		padding-top: 26px;
    	margin: 0 auto;
	}
	iframe{
		float:none;
		margin-left: 25%;
	}
	.capabilities{
		width: 100%;
	}
	.title-presentation{
		text-align: center;
	}
	.updates{
		text-align: center;
	}
	iframe {
    	float: none;
    	margin-left: 22%;
	}
	.send{ 
		width: 100%;
    	overflow: hidden;
	}	
	input[type=submit]{
		float: right;
    	left: 61%;
	}
	input[type=text]{
		margin-left: 25%;
	}
	.profil{
		width: 70%;
    	margin: 0 auto;
	}
}
@media screen and (max-width:864px){
	.capabilities{
		width: 100%;
	}
	input[type=text]{
		margin-left: 25%;
		width: 284px;
	}

}
@media screen and (max-width:654px){
	iframe {
		margin: 0 auto;
    	float: none;
    	width: 100%;
	}
}

@media screen and (max-width:360px) {
	.profil {
		width: 59%;
	}
	input[type=text]{
		margin-left: 25%;
		width: 284px;
	}
	input[type=text] {
		margin-left: 0;
	}
	.send{ 
		width: 90%;
    	overflow: hidden;
    	margin: 25px auto;
    	border-top-right-radius: 15px;
    	border-bottom-right-radius: 15px;
	}
	.updates {
		width: 90%;
    	margin: auto;
    	font-size: 17px;
	}
	.capabilities p {
		font-size: 14px;
		margin: 10px 0 0 0;
	}
	header .center_block p {
		font-size: 20px;
	}
	.about {
		font-size: 16px;
	}
	ul {
		width: 90%;
    	margin: 0 auto;
    	margin-left: 30px;
	}
	.touch {
		font-size: 15px;
	}
	.say {
		margin: 1px 0 5px 0;
	}
}