@font-face {
	font-family: "BelindaW00-Regular";
	src: url("../fonts/Belinda W00 Regular.woff") format("woff"),
		 url("../fonts/Belinda W00 Regular.ttf") format("truetype");
}

@font-face {
	font-family: "PT Sans";
	src: url("../fonts/pt-sans_[allfont.ru].ttf") format("truetype");
}

@font-face {
	font-family: "NexaW01-Regular";
	src: url("../fonts/Nexa W01 Regular.woff") format("woff"),
		 url("../fonts/Nexa W01 Regular.ttf") format("truetype");
}

@font-face {
	font-family: "NexaW01-Heavy";
	src: url("../fonts/Nexa W01 Heavy.woff") format("woff"),
		 url("../fonts/Nexa W01 Heavy.ttf") format("truetype");
}

@font-face {
	font-family: "Cabin";
	src: url(../fonts/Cabin Regular.woff) format("woff"),
	     url("../fonts/Cabin Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Open Sans";
	src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Ubuntu";
	src: url("../fonts/Ubuntu-R.ttf") format("truetype");
}


/*=======================*/


body {
	padding: 0;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #384048;
	min-width: 600px;
	max-width: 800px; /*убрать потом*/
	margin: 0 auto; /*убрать auto, если убирается max-width*/
}

.container {
	width: 590px;
	padding: 0 5px;
	margin: 0 auto;
}

.btn {
    display: block;
    width: 150px;
    padding: 15px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #50c3af;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: none;
    border-radius: 30px;
}


/*=======================*/


.main-header {
	padding-top: 60px;
	padding-bottom: 120px;
	background-image: url("../img/Layer-4.png");
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	-webkit-background-size: cover; /*если стоит max-width то можно убрать*/
			background-size: cover;
}

.logo {
	margin-bottom: 40px;
}

.logo-title {
	font-family: "BelindaW00-Regular";
	font-size: 52px;
	text-align: center;
}

.main-menu {
	width: 340px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.main-menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.main-menu li {
	font-size: 13px;
	text-transform: uppercase;
}

.main-menu a {
	text-decoration: none;
	color: rgba(255, 255, 255, 1);
}

.main-menu a:hover {
	text-decoration: underline;
}

.main-menu a:active {
	text-decoration: none;
	color: rgba(255, 255, 255, 0.5);
}

.promo {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.promo-title {
	font-family: "Ubuntu";
	font-size: 53px;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.promo-text {
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 75px;
	position: relative;
}

.promo-text::before, .promo-text::after {
	content: "";
	border: 1px solid #607878;
	width: 90px;
	position: absolute;
	top: 10px;
}

.promo-text::before {
    left: -120px;
}

.promo-text::after {
    right: -120px;
}

.btn-promo {
	width: 200px;
	padding: 12px 15px;
	font-size: 15px;
}

.btn-promo:hover {
	background: #1A7F6E;
}

.btn-promo:active {
	background: #7DE1D0;
	color: #808080;
}


/*=======================*/


.features {
	padding-top: 120px;
	padding-bottom: 65px;
	background: #eeeeef;
}

.features .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.features-item {
	width: 175px;
	position: relative;
}

.features-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.features-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #e2e3e4;
}

.features-title + p {
	text-align: center;
	color: #787b80;
}

.features-icon {
	position: absolute;
	background-position: center;
	width: 43px;
	height: 43px;
	top: -50px;
	left: 68px;
}

.features-icon-profesionals {
	background-image: url("../img/user-group_copy.png");
	background-repeat: no-repeat;
}

.features-icon-amateurs {
	background-image: url("../img/heart.png");
	background-repeat: no-repeat;
	top: -55px;
}

.features-icon-everyone {
	background-image: url("../img/headset.png");
	background-repeat: no-repeat;
	left: 64px;
	top: -55px;
}


/*=======================*/


.conception {
	padding-top: 65px;
	padding-bottom: 80px;
	background: #f5f5f5;
}

.conception .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.conception-item {
	width: 265px;
}

.conception-image {
	margin-bottom: 40px;
}

.conception-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}

.conception-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #ebebeb;
}

.conception-title + p {
	color: #787b80;
	margin-bottom: 35px;
}

.btn-conception {
	width: 80px;
	padding: 6px 10px;
	font-weight: normal;
	text-transform: none;
}

.btn-conception:hover {
	background: #1A7F6E;
}

.btn-conception:active {
	background: #7DE1D0;
	color: #808080;
}


/*=======================*/


.support {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #eeeeef;
}

.support-title {
	padding-left: 40px;
	background-image: url("../img/image.png");
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.support-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #e2e3e4;
	margin-left: -40px;
}

.support-title + p {
	color: #787b80;
	margin-bottom: 35px;
}

.btn-support {
	background: #d2d5da;
	width: 80px;
	padding: 6px 10px;
	font-weight: normal;
	text-transform: none;
}

.btn-support:hover {
	background: #787b80;
}

.btn-support:active {
	background: #B8B8B8;
	color: #fff;
}


/*=======================*/


.presentation {
	padding-top: 60px;
	padding-bottom: 70px;
	background: #f5f5f5;
}

.presentation .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.presentation-item {
	width: 182px;
}

.presentation-image {
	margin-bottom: 40px;
}

.presentation-title {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.presentation-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #e9e9ea;
}

.presentation-title + p {
	color: #787b80;
	margin-bottom: 30px;
}

.presentation-link {
	color: #50c3af;
	text-decoration: none;
}

.presentation-link::after {
	content: ">";
	margin-left: 5px;
}

.presentation-link:hover {
	color: #1A7F6E;
}

.presentation-link:hover::after {
	content: "";
}

.presentation-link:active {
	color: #6BBFB1;
	text-decoration: underline;
}


/*=======================*/


.something {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #eeeeef;
}

.something .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.something-item {
	width: 240px;
}

.something-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 40px;
	background-image: url("../img/image_2.png");
	background-repeat: no-repeat;
	margin-bottom: 25px;
}

.something-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #e2e3e4;
	margin-left: -40px;
}

.something-item:nth-of-type(2) .something-title {
	background-image: url("../img/image_4.png");
	background-repeat: no-repeat;
}

.something-title + p {
	color: #787b80;
	margin-bottom: 35px;
}

.btn-something {
	width: 80px;
	padding: 6px 10px;
	font-weight: normal;
	text-transform: none;
}

.btn-something:hover {
	background: #1A7F6E;
}

.btn-something:active {
	background: #7DE1D0;
	color: #808080;
}


/*=======================*/


.justforyou {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #f5f5f5;
}

.justforyou .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.justforyou-image {
	width: 265px;
}

.justforyou-block {
	width: 290px;
}

.justforyou-title {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	margin-bottom: 25px;
}

.justforyou-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #eaeaeb;
}

.justforyou-title + p {
	color: #787b80;
	margin-bottom: 25px;
}

.btn-justforyou {
	background: #d2d5da;
	width: 80px;
	padding: 6px 10px;
	font-weight: normal;
	text-transform: none;
}

.btn-justforyou:hover {
	background: #787b80;
}

.btn-justforyou:active {
	background: #B8B8B8;
	color: #fff;
}


/*=======================*/


.sponsors {
	padding-top: 50px;
	padding-bottom: 65px;
	background: #50c3af;
}

.sponsors-top {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.sponsors-title {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding-left: 25px;
	background-image: url("../img/image_7.png");
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

.sponsors-title::after {
	display: block;
	content: "";
	margin-top: 20px;
	border-bottom: 2px solid #61c8b6;
	margin-left: -25px;
}

.sponsors-bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.sponsors-bottom div {
	font-size: 26px;
	line-height: 24px;
	color: #fff;
}

.techCrunch {
	font-family: "BelindaW00-Regular";
}

.promail {
	font-family: "NexaW01-Regular";
}

.mashable {
	font-family: "Cabin";
}

.atlaspix {
	font-family: "NexaW01-Heavy";
}


/*=======================*/


.main-footer {
	padding-top: 20px;
	padding-bottom: 20px;
	background: #f5f5f5;
}

.main-footer .container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.copyright {
	font-size: 13px;
	color: #787b80;
}

.social {
	font-size: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 80px;
}

.social-icon {
	background-position: center;
	background-repeat: no-repeat;
}

.social-icon-google {
	width: 18px;
	height: 17px;
	background-image: url("../img/image_8.png");
}

.social-icon-facebook {
	width: 10px;
	height: 17px;
	background-image: url("../img/image_9.png");
}

.social-icon-twitter {
	width: 16px;
	height: 14px;
	background-image: url("../img/image_10.png");
}

.social-icon:hover {
	opacity: 0.4;
}