body {
	font-family: 'Ubuntu','Comfortaa', sans-serif;
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 15px;
}

div, p, input, header, a, form {
	box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Comfortaa', cursive;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

h2 {
	font-size: 38px;
	margin-bottom: 48px;
	color: #4D4B4E;
}

h3 {font-size: 19px;
	margin-bottom: 12px;
	color: #543024;
}

section {
	padding-top: 50px;
	padding-bottom: 40px;
}

ul,li {
	color: #000;
	display: block;
	padding: 0;
	margin: 0;
}

p {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	transition: all 0.5s ease;
}

.btn {
	background: #9D00C5;
	border-radius: 100px;
	width: 250px;
	padding: 14px;
	font-weight: bold;
	text-decoration-color: #fff;
	font-size: 17px;
	text-align: center;
	display: block;
	/*font-family: 'PT Sans', sans-serif;*/
	border: none;
	cursor: pointer;
}

.btn:hover {
	background: #C332C6;
}

.call-btn {
background: #B585E4;
color: #fff;
font-weight: bold;
font-size: 15px;
color: #B585E4;
border: 1px solid #AD67CD;
border-radius: 100px;
width: 249px;
padding: 18px 0px;
display: block;
}

.call-btn :hover {
	background: #fff;
	color: #fff;
}

.container {
	width: 1200px;
	margin: 0 auto;
}
.contact1 {
	background: url('../img/backgroundcontact.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.header {
	background: url('../img/background_v2.png') no-repeat center top / cover ;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.vectorindex img {
	position: absolute;
	top: 5px;
	right: 5px;
}
.header a {
	color: #421059;
}

.nav {
	display: flex;
	align-items: center;
}

.logo {
	letter-spacing: 0.055em;
	display: block;
	width: 230px;
	margin-right: 89px;
}

.menu {
	display: flex;
}
.social {
	display: flex;
}
.social li:not(:last-child) {
 	margin-right: 15px;
}

.menu li:not(:last-child) {
 	margin-right: 28px;
}

.menu a {
	font-size: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
}

.menu a:hover {
	border-bottom: 1px solid #421059;

}

.active_menu_item {
	font-size: 15px;
	text-decoration: underline !important;
}

.lang {
	position: absolute;
	top: 50px;
  	right:98px;
	display: flex;
	margin: 5px;
	font-size: 10px;
	text-align: center;
}

.lang p {
	margin-left: -8px;
	/*font-size: 16px;*/
	/*position: absolute;*/
	font-weight: bold;
	text-align: center;
}

.lang img {
	width: 20px;
	margin-right: 10px;
}

.call {
	display: flex;
	font-weight: bold;
	font-size: 14px;
	align-items: center;
	margin-left: auto;
	color: #000;
}

.call-btn {
	background: #864DB2;
	border-radius: 100px;
	display: block;
	width: 170px;
	padding: 11px 0px;
	text-align: center;
	margin-right: 27px;
	color: #fff;
}
.call .call-btn {
	color: #fff;
}

.call-btn:hover {
	background: #7423B4;
	color: #fff;
}

.menu-btn img {
	display: block;
	width: 30px;
	margin-left: 50px;
	display: none;
	cursor: pointer;
}

.offer {
	margin-top: 220px;
	/*margin-left: -20px;*/
	width: 520px;
	text-align: left;
	/*justify-content:center;*/
}

.offer h1 {
	font-family: 'Comfortaa', cursive;
	font-size: 35px;
	color: #3C3535;
	margin-bottom: 18px;
}
.offer_vam_do_nas h1{
	font-family: 'Comfortaa', cursive;
	font-size: 35px;
	color: #3C3535;
	margin-bottom: 18px;
}

.offer p {
	font-family: 'Comfortaa', cursive;
	color: #755882;
	margin: 25px 0px;
	font-size: 24px;
	justify-content:center;

}
.offer li{
	line-height: 1.38em;
	font-size: 18px;
}

.offer .btn {
	color: #fff;

}

.offer_vam_do_nas{
	font-family: 'Comfortaa', cursive;
	color: #755882;
	margin: 21px 0 21px 0px;
	font-size: 20px;
	line-height: 1.38em;
}

.translate{
	margin:150px 0px 80px 330px;
}

.translate h2 {
	font-size: 28px;
	text-align: center;
}

.folder {
	display: inline-block;
	background: url('../img/mainfolder.png') no-repeat center  / cover ;
	background-size: 200px;
}

.folderx {
	display: inline-block;
	background: url('../img/mainfolder.png') no-repeat center  / cover;
	background-size: 200px;
}
.folder p {
	margin-top:-20px;
	padding-bottom:10px;
	transform: rotate(2.5deg)
}

.translate img {
	display: inline-block;
	width: 120px;
	margin: 40px;
	border-radius:10px;
	transform: rotate(2.5deg)
}

.footer {
	display: block;
	width: 100%;
	padding: 5px 20px;
	text-align: center;
	align-items: center;
	justify-content: space-between;
	}

.footer .logo {
	width: 90px;
	margin-right: 100px;
}

.footer p {
	margin: 0px 100px;

}
.footer span {
	margin-right: 35px;
}
.telsocial {
	display: flex;
	align-items: center;
}
.footer-text {
	font-size: 12px;
	color: #000;
    text-align: center;
}

.social {
	display: flex;
}
.social img {
	width: 27px;
}
.social li:not(:last-child) {
 	margin-right: 20px;
}

.men li{
 	display: inline-block;
 	font-size: 12px;
 	margin-right: 20px;
}

.men a {
 	color: #000;
}

/*Портфолио*/

.portfolio1 {
	background: url('../img/backgroundportfolio.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.portfolio {
	display: block;
	padding: 5px 90px;
	margin-bottom: 60px;
}
.portfolio h2 {
	margin-top: 45px;
	margin-bottom: 35px;
	text-align: center;
}
.portfo {
	color:#755882;
	justify-content:center;
	display: inline-block;
	background: url('../img/portfoliofolder.png') no-repeat center / cover ;
	background-size: 250px;
	padding-bottom:10px;
	margin: 30px;
	/*transform: rotate(-3deg);*/
}
.portfo p {
	margin-top:-10px;
	padding-bottom:20px;
	transform: rotate(2deg);
}
.portfolio img {
	width: 160px;
	margin: 40px 32px 25px 58px;
	transform: rotate(2deg);
	border-radius: 10px;
}

/*Портфолио*/

/*Співпраця*/
.cooperation1 {
	background: url('../img/backgroundcooperation.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.cooperation * {
	text-align: center;
}
.cooperation h2 h3 {
	color: #4D4B4E;
}
.cooperation img {
	display: inline-block;
	margin: 20px 50px 50px 50px;
	align-items: center;
}

.cooperation h2 {
	margin-top: 80px;
}
.cooperation h3 {
	text-align: center;
	font-size: 30px;
	margin: 50px 0px;
	color: #4D4B4E;
}
.aboutcooperation {
	margin-bottom: 70px;
}
.feedback {
	/*align-items: center;*/
	margin: 40px 30px 80px 30px;
}
.feedback1 {
	width: 100%;
	display: inline-block;
	margin-right: 50px;
	margin-bottom: 45px;
}

.feedback1 p {
	width: 27%;
	padding: 150px 40px 40px 40px;
	background: url('../img/folderfeedback.png') no-repeat center top / cover ;
	font-size: 11px;
	line-height: 1.4em;
	transform: rotate(3deg);
}
.feedback1 .short p{
	padding: 120px 40px 200px 40px;
}
.long p{
	padding: 120px 40px 20px 40px;
}
/*Співпраця*/

/*Про нас*/
.aboutus1 {
	background: url('../img/backgroundabout.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.aboutus {
	font-family: 'Ubuntu';
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 0.02em;
}
.aboutus h2 {
	text-align: center;
	margin: 80px 0px;
	}

.about {
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.about img {
	width: 47%;
	border-radius: 25px;
}

.about p {
	width: 47%;
}

.aboutpersons {
	margin: 70px 20px 0px 20px;
	padding: 220px 40px 70px 100px;
	background: url('../img/folderteam.png') no-repeat center top / cover;
}

.aboutpersons_en {
	margin: 70px 20px 0px 20px;
	padding: 220px 40px 70px 100px;
	background: url('../img/folderteam_en.png') no-repeat center top / cover;
}

.aboutpersons h2 {
	display: none;
}
.aboutpersons_en h2 {
	display: none;
}

.aboutpersons img {
	width: 40%;
	border-radius: 15px;
}

.aboutpersons p {
	margin-left: 35px;
	text-align: justify;
}

.aboutpersons_en img {
	width: 35%;
	border-radius: 15px;
}

.aboutpersons_en p {
	margin-left: 40px;
	text-align: justify;
}

.aboutzhenia {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:70px 30px 30px 30px;
}
.aboutandriy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:50px 30px 30px 30px;
}
.aboutvalia {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:50px 30px 30px 30px;
}
.abouttania{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px 30px 40px 30px;
}
.arrow img{
	display: block;
	width: 20px;
	margin: 10% 10% 10% 90%;
}
/*Про нас*/

/*Контакти*/
.contact1 {
	background: url('../img/backgroundcontact.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.contacts h2 {
	text-align: center;
	margin-bottom: 80px;
}
.contacts {
	padding: 50px 0px 0px 0px;
}
.form {
	border-radius: 20px;
	width: 500px;
	padding: 50px;
	margin-left: 1px;
	border: 3px solid #833AB4;
}

.formtel {
	justify-content: space-between;
	align-items: center;
	width: 75%;
	display: flex;
	margin: 80px 100px 130px 120px;
}

.telleph img {
	width: 40px;
	align-items: center;
}
.telnomber {
	display: flex;
	margin-bottom: 40px;
}
.telnomber p {
	padding-left: 15px;
	padding-top:12px;
}
.email {
	display: flex;
}
.email p {
	padding-left: 15px;
	padding-top:12px;
}
.telleph a {
	display: inline-block;
	font-size: 20px;
	font-size: bold;
	color: #543024;
	padding-top : 59px;
	}

.form h3 {
	text-align: center;
	margin: 10px 0px 30px 0px;
}

.form input {
	border: 3px solid #833AB4;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	display: block;
	width: 100%;
	padding: 20px 20px 100px 20px;
	margin-bottom: 25px;
}

.form .btn {
	width: 100%;
	text-align: center;
	transition: all 0.5s ease;
}

.form {
	display: block;
}
/*Контакти*/
/*Роботи*/
.work1 {
	background: url('../img/portfolioback1.png') no-repeat center top / cover;

}
.work2 {
	background: url('../img/portfolioback2.png') no-repeat center top / cover;

}
.work3 {
	background: url('../img/portfolioback3.png') no-repeat center top / cover;

}
.work img{
    width: 90%;
	margin-left:30px;
}
.work 	{
	display:inline-block;

	}
.work h2 {
	margin-top:40px;
	margin-left:30px;
	text-align:left;
}
.work p {
	width: 50%;
	text-align:justify;
	margin-left:30px;
	padding-bottom:30px;
}

/*Роботи*/

@media screen and (max-width: 1200px) {
.container {
	width: 960px;
}
.menu{
	margin-left: 60px;
}
.menu li:not(:last-child) {
	margin-right: 20px;
}

.menu a {
	font-size: 14px;
}
.lang {
	right:78px;

}
.logo {
	width: 200px;
	margin-right: 20px;
}

.translate{
	margin:150px 0px;
}

h2 {
    text-align: center;
    margin: 40px auto;
}

.formtel {
	width: 90%;
}
.aboutpersons img {
	width: 40%;
}
.aboutpersons {
	margin: 70px 10px 0px 10px;
	padding: 200px 40px 100px 40px;
}
.cooperation img {
	display: inline;
	width: 17%;
	margin: 20px 50px 30px 50px;
}
.abouttania{
	margin: 100px 30px 30px 30px;
}

@media screen and (max-width: 992px) {
.container 	{
	width: 720px;
}

.folder {
	background-size:250px;
	}
.folder p {
	margin-top:-30px;
	padding-bottom:20px;
}

.translate img {
	display: inline-block;
	margin: 20px;
	padding: 15px 25px 15px 45px;
	border-radius:10px;
}

.portfolio {
	display: block;
	padding: 5px 50px;
	margin-bottom: 60px;
}
.portfo {
	margin-bottom:40px;

}
.portfo p {
	margin-top:-30px;
	padding-bottom:10px;
}
.portfolio img {
	width: 160px;
	margin: 30px 32px 45px 58px;
}
.contacts {
	padding: 50px 0px;
}
.aboutpersons {
	padding: 220px 40px 40px 60px;
	background: url('../img/folderteam2.png') no-repeat center top / cover;
}

.aboutpersons_en {
	padding: 220px 40px 40px 60px;
	background: url('../img/folderteam2_en.png') no-repeat center top / cover;
}
.about {
	flex-wrap: wrap;
}
.about p {
	width: 90%;
	font-size: 12px;
	margin: 15px auto;
	text-align: center;
}
.about img {
	width: 80%;
	margin: 10px auto;
}
.aboutpersons_en {
	width: 95%;
	padding: 100px auto;
}
.aboutpersons {
	width: 95%;
	padding: 100px auto;
}
.aboutpersons_en img {
	width: 100%;
	margin: 30px auto;
}
.aboutpersons img {
	width: 100%;
	margin: 30px auto;
}
.aboutzhenia {
	flex-wrap: wrap;
}
.aboutandriy {
	flex-wrap: wrap;
}
.aboutvalia {
	flex-wrap: wrap;
}
.abouttania {
	flex-wrap: wrap;
	margin: 50px 30px 30px 30px;
}
.contact1 {
	background: url('../img/backgroundcontact2.png') no-repeat center top / cover;

}
.formtel {
	flex-direction: column;
	margin: 80px auto;
}
.formcontainer {
    width: 95%;
    margin: 0 auto;
}
.telleph {
	margin-top: 40px;
}
.tel {
	width: 50px;
 	padding: 5px auto;
 }

.footer {
	display: block;
	}

.footer .logo {
	width: 90px;
	margin-right: 10px;
}

.footer p {
	display: block;
	width: 700px;
}
.footer span {
	font-size: 12px;
	margin: 0px 10px;
}

.social li:not(:last-child) {
 	margin-right: 8px;
}
.men li{
	width: 100%;
 	display: inline;
 	font-size: 12px;
 	margin-right: 20px;
}
.feedback {
	align-items: center;
	margin: 40px 20px;
}
.feedback1 p {
	width: 36%;
	/*padding: 40px;*/
	display: inline-block;
	margin-right: 15px;
	align-items: center;
}

@media screen and (max-width: 768px) {
.container {
	width: 540px;
}
.logo {
	margin-right: 5px;
}
.menu-btn img {
	display: block;
    margin-left: 10px;


}
.menu {
	display: none;
}

.menu {
    display: none; /* пункты меню скрыты */
    background: #DFC3EC;
    border-radius: 20px;
    margin-left: auto;
    padding: 40px 10px 20px 30px;
  }

 .menu li {
 	color: black;
 	margin-bottom: 15px;


    float: none; /* пункты меню в столбцах */
  }

 /*.menu-btn {
    display: inline-block; /* иконка гамбургер видна */

  }*/
.call {
	display: none;
}
.menu-btn {
    margin-left: auto;
}
.offer h1 {
	font-size: 45px;
	line-height: 1.1em;
	margin-bottom: 20px;
}
.offer {
	width: 90%;
}
.folder {
	background-size: 270px;
	margin: 30px auto;
}
.translate img {
	width: 195px;
	margin: 20px 50px;
	padding-top:10px;
	transform: rotate(2deg)
}
.folder p {
	margin-top:-30px;
	padding-bottom:10px;
	transform: rotate(2deg)
}
.portfolio1 {
	background: url('../img/backgroundportfolio2.png') no-repeat center top / cover;

}
/*.cooperation a {
	margin: 30px auto;
}*/
.cooperation img {
	width: 50%;
	display: inline-block;
	margin: 20px 50px 50px 50px;
	align-items: center;
}
.feedback1 p {
	width: 27%;
	padding: 124px 40px 50px 60px;
	background: url('../img/folderfeedback2.png') no-repeat center top / cover ;
}

.folder3 {
	display: none;
}
.aboutus1 {
	background: url('../img/backgroundabout2.png') no-repeat center top / cover;
	color: #000;
	padding-top: 60px;
	padding-bottom: 35px;
}
.aboutpersons h2{
	display: block;
}
.aboutpersons {
	width: 95%;
	margin: 70px 10px 0px 10px;
	padding: 70px 35px 30px 45px;
	background: url('../img/folderteam3.png') no-repeat center top / cover;
}
.aboutpersons_en {
	width: 95%;
	margin: 70px 10px 0px 10px;
	padding: 70px 35px 30px 45px;
	background: url('../img/folderteam3.png') no-repeat center top / cover;
}
.aboutpersons p {
	margin-left: 0px;
	/*text-align: justify;*/
}
.aboutpersons_en p {
	margin-left: 0px;
}
.aboutzhenia {
	margin:40px 20px 20px 20px;
}
.aboutandriy {
	margin:40px 20px 20px 20px;
}
.aboutvalia {
	margin:40px 20px 20px 20px;
}
.abouttania{
	margin: 40px 20px 20px 20px;
}
.feedback1 p {
	padding: 100px 40px 80px;
	font-size: 10px;
}
.form {
	margin-left: 0px;
	width: 100%;
}
.feedback1 p {
	width: 80%;
}
.work img{
	margin-top:40px;
	padding:15px;
    width: 90%;
}
.work 	{
	display:inline-block;
	}
.work h2 {
	margin-top:35px;
	text-align:center;
}
.work p {
	text-align:justify;
	margin: 15px 15px 50px 15px;

}

@media screen and (max-width: 576px) {
.container {
	width: 93%;
}
.header {
	width: 100%;
}

.logo {
	margin-right: 0px;
}
.menu-btn img {
	display: block;
	position:absolute;
    margin-left: -50px;
	margin-top: -5px;


}
.menu {
	display: none;
}

.menu {
    display: none; /* пункты меню скрыты */
    background: #DFC3EC;
    border-radius: 20px;
	position:absolute;
    margin-left:155px;
    padding: 30px 10px 20px 30px;
  }



    float: none; /* пункты меню в столбцах */
  }

 /*.menu-btn {
    display: inline-block; /* иконка гамбургер видна */

  }*/
.call {
	display: none;
}
.menu-btn {
    margin-left: auto;
}
.call-btn {
	display:none;
}
.call span {
	display:none;
}
.offer {
     margin-top: 125px;
}
.offer h1 {
	font-size: 30px;
	width: 100%;
}
.offer p {
	font-size: 16px;
	width: 100%;
}
.arrow img{
margin: 10% 10% 10% 90%;
}
section {
	padding-top: 10px
	padding-bottom: 10px;
}
h2 {
	font-size: 24px;
	margin-bottom: 35px;
}
h3 {
	font-size: 18px;

}
.cooperation img {
	margin: 40px 40px 40px 80px;

}
.form h3 {
	width: 95%;
	text-align: center;
}
.form {
	width: 100%;
	padding: 41px 32px 65px;
}
.form input {
	height: 45px;
}
.aboutpersons {
	width: 95%;
	margin: 30px 10px 0px 10px;
	padding: 40px 20px 20px 50px;
	background: url('../img/folderteam3.png') no-repeat center top / cover;
}
.aboutpersons_en {
	width: 95%;
	margin: 30px 10px 0px 10px;
	padding: 40px 20px 20px 50px;
	background: url('../img/folderteam3.png') no-repeat center top / cover;
}
.aboutpersons p {
	font-size: 11px;
}
.aboutpersons_en p {
	font-size: 11px;
}
.aboutpersons_en h2 {
	display: block;
}
.footer {
	/*display: flex;
    flex-direction: column;*/
    display: block;
	width: 100%;
	padding: 5px 0px;

	}
.footer .logo {
	width: 70px;
	margin-right: 5px;
}

.footer p {
	margin: 0px 10px;

}
.footer span {
	display: block;
	/*padding: 10px;*/
	margin: 10px 0px;
}
.footer-text {
	font-size: 12px;
	color: #000;
    text-align: center;
}
.feedback1 p {
	background: url('../img/folderfeedback.png') no-repeat center top / cover ;
}


/*Callback button*/

.telsocial {
display: block;
}

.social li{
	margin-top: 10px;
}
.social li:not(:last-child) {
 	margin-right: 12px;
}

.men li{
 	display: inline-block;
 	font-size: 12px;
 	margin-right: 10px;
 	margin-top:10px;
}
.feedback1 p {
	padding: 100px 40px 40px 40px;
	font-size: 10px;
}

/*Callback button functionality*/
.telButton .telButton_border {
	border-color: #9d00c5;
}

.telButton .telButton_background {
	background-color: gold;
}

.telButton {
	z-index:90;
	width: 120px;
	height: 60px;
	opacity: .7;

}

.telButton:hover {
	opacity: 1;
}


.telButton .telButton_background  {
	background-position: center center;
	background-size: 100% 100%;
	z-index:90;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;


	animation-name:pulse;
	animation-duration:5s;
	animation-iteration-count:infinite;
}

@keyframes pulse {
	0% { width:60px; height:60px; top:0px; left:0px }
	5% { width:66px; height:66px; top:-3px; left:-3px }
	10% { width:60px; height:60px; top:0px; left:0px }
	15% { width:66px; height:66px; top:-3px; left:-3px }
	20% { width:60px; height:60px; top:0px; left:0px }
	25% { width:66px; height:66px; top:-3px; left:-3px }
	30% { width:60px; height:60px; top:0px; left:0px }
	59% { transform:rotate(0deg); }
	60% { transform:rotate(10deg); }
	65% { transform:rotate(-10deg); }
	70% { transform:rotate(10deg); }
	75% { transform:rotate(-10deg); }
	80% { transform:rotate(10deg); }
	85% { transform:rotate(-10deg); }
	90% { transform:rotate(0deg); }
	100% { width:60px; height:60px; top:0px; left:0px }
}

.telButton .telButton_background:hover {

	background-color: gold;
	cursor:pointer;
	opacity: 1;
}

.telButton .telButton_border {
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border-style: solid;
	border-width: 3px;
	left: 0px;
	top: 0px;
	opacity: 0.4;

	animation-name:shadow;
	animation-duration:1.5s;
	animation-iteration-count:infinite;
	animation-timing-function:ease-out;
}

@keyframes shadow {
	0% {top:0px; left:0px; width: 56px; height: 56px}
	100% {top:-15px; left:-15px; width: 90px; height: 90px}
}

.telButton_hover {
	width: 200px;
	border: 3px solid #d5afea;
	background-color: #FFF;
	border-radius: 15px;
	padding: 0px;
	margin-left: -120px;
	margin-top: 9px;
	font-size: 1em;
	color: #000;
	opacity: 0;
	z-index: 1;
	display: none;
	line-height: 1.2;
	font-family: Arial;
}

.window_wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    text-align: center;
    z-index: 5005
    }
    .window_wrap:after {
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
        content: ''
        }

.window {
    display: inline-block;

    position: relative;
    max-width: 80%;
    padding: 20px;
    border-radius: 15px;
    border:3px solid #d5afea;
    background: #fff;
    vertical-align: middle;
    background: #ffffff none repeat scroll 0 0;
    height: 136px;
    }

.window_close {
    display: block;
    position: absolute;
    top: -18px;
    right: 10px;
    width: 12px;
    height: 12px;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    background: #d5afea;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor:pointer;
    box-sizing: content-box !important;
    }
    .window_close:hover {
     background: #ff6600;

        }

.window p {
	    color: #770095;
	    /*font-family: "Arial",sans-serif;*/
	    font-size: 16px;
	    font-weight: bold;
	    line-height: 24px;
	    text-align: center;
	    /*text-transform: uppercase;*/
	}

#telForm {
	    background: #d7b4eb none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 5px 0 0 5px;
	    float: left;
	    height: 35px;
	    text-align: center;
	    width: 58%;
	}
#telButton {
	    background: #9418b7 none repeat scroll 0 0;
	    border: medium none;
	    border-radius: 0 5px 5px 0;
	    color: #fff;
	    cursor: pointer;
	    float: right;
	    height: 37px;
	    transition: all 0.6s ease 0s;
	    width: 40%;
	}

.telButton .telButton_background {
	background-image:url('../img/legkograi_callback_button_c2.png');}

.callback_form_text {
	font-family: 'Comfortaa', cursive;
}

.work1 {
	background: url('../img/portfolioback1.png') no-repeat center top / cover;

}