/*specification*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
}

ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

.wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

h1 {
	font-size: 70px;
	color: #794bc3;
	line-height: 100%;

	margin-bottom: 78px;
}

h2 {
	font-size: 60px;
	text-align: center;
}

h3 {
	font-size: 24px;
}

button,
input {
	cursor: pointer;
}

/*header*/
.header {
	padding: 1% 2% 2% 0.5%;
}

.flex-header {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
}

.logo-info {
	width: 40%;

	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.logo-info>img {
	width: 200px;
}

.startChat {
	padding: 15px 15px;
	background: linear-gradient(to top, #177917, #5CD55C);
	font-size: 16px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 10px;
	border: 1px solid #2FC12F;
	text-shadow: 2px 2px 2px black;
	margin-left: 5px;
}

.menu {
	width: 50%;
}

.menu_list {
	display: flex;
	justify-content: space-between;

	text-transform: uppercase;
	font-weight: bold;
}

.menu-href {
	color: black;
}

.tel {
	display: block;
}

.tel,
.e-mail {
	text-decoration: underline;
	color: #54ca02;
	text-transform: lowercase;
}

.menu-item:first-child .menu-href {
	color: #54CA02;
}

/*print*/
.print {
	padding: 3% 2% 2% 3%;
	border-top: 2px solid #BCF097;
}

.print-subtitle {
	font-size: 24px;
	margin-bottom: 38px;
}

.print-list {
	max-width: 315px;
}

.print-item {
	margin-bottom: 5px;
}

.print-text {
	width: 40%;
}

.workstages {
	width: 62%;
}

/*workStages*/
.print-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.print-stages {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.print-stages_list {
	display: flex;
}

.print-stages_item {
	border-radius: 10px;
}

.print-stages-title {
	padding: 14px 50px;
	background-color: #fff;
	font-size: 30px;
	text-align: center;
}

.print-stages-subtitle {
	text-align: center;
	margin-bottom: 20px;
	color: white;
	font-weight: bold;
}

.сrimson {
	background: linear-gradient(to top, #CB2667, #A61E62);
	border: 1px solid #E778A7;
}

.green {
	background: linear-gradient(to left, #94C52D, #48B543);
	border: 1px solid #71C24C;
}

.purple {
	background: linear-gradient(to left, #6E276A, #553B7E);
	border: 1px solid #594487;
}

.blue {
	background: linear-gradient(to left, #34F6E5, #0535A1);
	border: 1px solid #26CDDA;
}

.yellow {
	background: linear-gradient(to left, #FCE203, #F48D00);
	border: 1px solid #FCE000;
}

/*order*/
.order {
	padding: 3% 2% 2% 3%;
	background-color: #F5F3FD;
	border-top: 2px solid #BCF097;
}

.order-title {
	text-align: center;
	margin-bottom: 22px;
}

.order-subtitle {
	text-align: center;
	margin-bottom: 35px;
	color: #1f1f1f;
	font-weight: bold;
}

.order-information {
	max-width: 777px;
	margin: 0 auto;
}

.order-list {
	margin: 0 auto;
}

.order-feedback-form {
	display: flex;
	flex-direction: column;
	max-width: 777px;
	margin: 0 auto;
}

.formgroup {
	display: flex;
	justify-content: space-between;
}

.order-item {
	padding: 16px;
	background-color: #FFFFFF;
	margin-bottom: 23px;
	border: 1px solid #CAC7D3;
	border-radius: 5px;
	display: block;
}

.order-item .bold {
	font-weight: bold;
}

.order-btn {
	padding: 15px 40px;
	border-radius: 10px;
	border: 1px solid #CAC7D3;
	background: linear-gradient(to top, #D8D8D8, #FFFFFF);
	font-weight: bold;
	font-size: 16px;
}

.upload-btn {
	padding: 15px 40px;
	border-radius: 10px;
	border: 1px solid #CAC7D3;
	background: linear-gradient(to top, #D8D8D8, #FFFFFF);
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
}

.gradient-btn {
	background: linear-gradient(to top, #9628EB, #5B09FA);
	color: #FFFFFF;
}

.hidden {
	display: none;
}

/*howOrder*/
.howOrder {
	padding: 3% 2% 2% 3%;
	border-top: 2px solid #BCF097;
}

.howOrder-title {
	margin-bottom: 92px;
}

.howOrder-list {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.howOrder-item {
	text-align: center;
}

.howOrder-item img,
.delivery-item img {
	display: block;
	margin: 0 auto;
	margin-bottom: 28px;
}

.workStage {
	font-weight: bold;
	font-size: 24px;
}

/*delivery*/
.delivery {
	padding: 3% 2% 2% 3%;
}

.delivery-title {
	margin-bottom: 92px;
}

.delivery-list {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}

.delivery-item {
	text-align: center;

}

.delivery-item .workStage {
	font-weight: normal;
}

.delivery-item .beDelivered {
	font-weight: bold;
	display: block;
}

/*services*/
.services {
	padding: 3% 2% 2% 3%;
	background-color: #F5F3FD;
	border-top: 2px solid #BCF097;
}

.services-title {
	margin-bottom: 60px;
}

.services-flex {
	display: flex;
}

.services-flex ul {
	width: 25%;
}

.services-item {
	margin-bottom: 35px;
}

.services-item .discount {
	font-size: 18px;
	color: #5FBF6E;
}

.services-item p {
	font-size: 18px;
}

/*aboutus*/
.aboutus {
	padding: 3% 2% 2% 3%;
	border-top: 2px solid #BCF097;
}

.aboutus-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.aboutus-title {
	margin-bottom: 60px;
}

.aboutus-photo {
	max-width: 45%;
}

.aboutus-information {
	width: 45%;
}

.aboutus-information p {
	margin-bottom: 30px;
	font-size: 17px;
}

.services-item-design-print {
	text-transform: uppercase;
	font-weight: bold;
}

/*contacts*/
.contacts {
	padding: 3% 2% 2% 3%;
	border-top: 2px solid #BCF097;
}

.contacts-title {
	margin-bottom: 78px;
}

.contacts-flex {
	display: flex;
	justify-content: space-between;
}

.contacts-item {
	margin-bottom: 35px;
}

.contacts-item p {
	font-size: 24px;
}

.map {
	width: 50%;
}

.map iframe {
	height: 600px;
}

/*footer*/
footer {
	padding: 3% 2% 2% 3%;
	background-color: #54CA02;
}

.flex-footer {
	display: flex;
	justify-content: center;
	align-items: center;
}

.communicationMethod {
	font-size: 16px;
	width: 20%;
}

.social-list {
	display: flex;
	justify-content: space-between;
	align-items: center;

	width: 60%;
}