body {background: #ffffff; font-family: 'PT Sans', Arial, sans-serif; font-size: 100%; line-height: 1.2; font-weight: normal; color: #424242;}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){
	body {font-size: 110%;}
}

div.page {min-width: 240px;}

/* HEADER */
header {background: linear-gradient(45deg, #fe3061, #fe7972, #fd947c, #df7d82, #962c89);}
header div.center {max-width: 960px; padding: 30px 20px 34px 20px; margin: 0 auto;}
header div.photo {float: right; margin: 10px 0 20px 35px;}
header div.photo img {width: 320px; height: 320px; border-radius: 160px; border: 6px solid #ffffff;}
header div.text {padding: 0 0 0 0;}
header div.text p {font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.5; font-weight: normal; color: #ffffff; padding: 6px 0 6px 0;}
@media (max-width: 800px) {
	header div.center {padding: 25px 15px 30px 15px;}
	header div.photo {margin-bottom: 15px; margin-left: 25px;}
	header div.photo img {width: 240px; height: 240px; border-radius: 120px; border: 5px solid #ffffff;}
	header div.text p {font-size: 110%; line-height: 1.4; padding: 5px 0 5px 0;}
}
@media (max-width: 600px) {
	header div.photo {float: none; margin: 5px 0 15px 0; text-align: center;}
	header div.text p {text-align: center;}
}
@media (max-width: 420px) {
	header div.center {padding-bottom: 22px;}
	header div.photo {margin: 0 0 12px 0;}
	header div.photo img {width: 190px; height: 190px; border-radius: 95px; border: 4px solid #ffffff;}
	header div.text p {font-size: 106%; line-height: 1.3;}
}
/* /HEADER */

/* CMS ED17 */
section.cmsed17 {}
section.cmsed17 div.center {max-width: 960px; padding: 30px 20px 34px 20px; margin: 0 auto; text-align: center;}
section.cmsed17 p {font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.5; font-weight: normal; color: #424242; padding: 6px 0 6px 0;}
section.cmsed17 p strong {font-family: 'PT Sans Bold', Arial, sans-serif; font-weight: normal;}
section.cmsed17 p a {font-family: 'PT Sans Bold', Arial, sans-serif; font-weight: normal; color: #00c3cf; text-decoration: underline;}
section.cmsed17 p a:hover {color: #fe3061;}
@media (max-width: 800px) {
	section.cmsed17 div.center {padding: 25px 15px 30px 15px;}
	section.cmsed17 p {font-size: 110%; line-height: 1.4; padding: 5px 0 5px 0;}
}
@media (max-width: 420px) {
	section.cmsed17 div.center {padding-top: 20px; padding-bottom: 22px;}
	section.cmsed17 p {font-size: 106%; line-height: 1.3;}
}
/* /CMS ED17 */

/* COOPERATION */
section.cooperation {background: linear-gradient(45deg, #962c89, #fe3061);}
section.cooperation div.center {max-width: 960px; padding: 30px 20px 45px 20px; margin: 0 auto;}
section.cooperation h3 {font-family: 'PT Sans', Arial, sans-serif; font-size: 160%; line-height: 1.2; font-weight: normal; color: #ffffff; padding: 6px 0 6px 0; text-align: center;}
section.cooperation ol {list-style-type: none; counter-reset: my-counter; margin: 20px 0 0 0;}
section.cooperation ol li {min-height: 65px; background: rgba(255,255,255,0.9); font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.5; font-weight: normal; color: #424242; padding: 19px 28px 21px 28px; margin: 20px 0 0 100px; position: relative;}
section.cooperation ol li:first-child {margin-top: 0;}
section.cooperation ol li::before {content: counter(my-counter); counter-increment: my-counter; position: absolute; width: 80px; left: -100px; top: 0; bottom: 0; font-family: 'Vida 33 Pro Bold', Arial, sans-serif; font-size: 500%; line-height: 100px; font-weight: normal; color: rgba(255,255,255,0.9); text-align: center;}
@media (max-width: 800px) {
	section.cooperation div.center {padding: 25px 15px 38px 15px;}
	section.cooperation h3 {font-size: 144%; padding: 2px 0 5px 0;}
	section.cooperation ol {margin-top: 15px;}
	section.cooperation ol li {font-size: 110%; line-height: 1.4; padding: 15px 18px 17px 18px; margin: 17px 0 0 70px;}
	section.cooperation ol li::before {width: 54px; left: -70px; font-size: 400%; line-height: 80px;}
}
@media (max-width: 420px) {
	section.cooperation div.center {padding-top: 20px; padding-bottom: 30px;}
	section.cooperation h3 {font-size: 130%; padding: 2px 0 4px 0; margin: 0 -5px 0 -5px;}
	section.cooperation ol {margin-top: 10px; margin-left: -10px;}
	section.cooperation ol li {font-size: 100%; line-height: 1.3; padding: 12px 15px 12px 16px; margin: 14px 0 0 38px;}
	section.cooperation ol li::before {width: 30px; left: -38px; font-size: 240%; line-height: 54px;}
}
/* /COOPERATION */

/* PLACE AND PAYMENT */
section.placeandpayment {}
section.placeandpayment div.center {max-width: 960px; padding: 44px 20px 55px 20px; margin: 0 auto;}
section.placeandpayment div.item {padding: 20px 0 0 115px; min-height: 70px; background-position: left top; background-repeat: no-repeat; background-size: 90px 90px;}
section.placeandpayment div.item.place {background-image: url(../anna/ico_place.svg);}
section.placeandpayment div.item.payment {background-image: url(../anna/ico_payment.svg); margin: 22px 0 0 0;}
section.placeandpayment div.item p {font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.3; font-weight: normal; color: #424242;}
section.placeandpayment div.item p strong {font-family: 'PT Sans Bold', Arial, sans-serif; font-weight: normal;}
section.placeandpayment div.item p.note {font-size: 100%; line-height: 1; color: #9b9b9b; margin: 4px 0 0 0;}
@media (max-width: 800px) {
	section.placeandpayment div.center {padding: 34px 15px 42px 15px;}
	section.placeandpayment div.item {padding: 16px 0 0 100px; min-height: 62px; background-size: 78px 78px;}
	section.placeandpayment div.item p {font-size: 110%; line-height: 1.2;}
	section.placeandpayment div.item p.note {font-size: 92%; line-height: 1.1; margin-top: 3px;}
}
@media (max-width: 420px) {
	section.placeandpayment div.center {padding-top: 20px; padding-bottom: 34px;}
	section.placeandpayment div.item {padding: 8px 0 0 62px; min-height: 42px; background-size: 50px 50px;}
	section.placeandpayment div.item p {font-size: 106%;}
	section.placeandpayment div.item p.note {font-size: 88%;}
}
/* /PLACE AND PAYMENT */

/* OTHER WORKS */
section.otherworks {background: #f5f5f5;}
section.otherworks div.center {max-width: 960px; padding: 30px 20px 40px 20px; margin: 0 auto;}
section.otherworks div.list {}
section.otherworks div.list.no {margin-top: 23px;}
section.otherworks div.list h3 {font-family: 'PT Sans', Arial, sans-serif; font-size: 160%; line-height: 1.2; font-weight: normal; color: #424242; padding: 6px 0 6px 0; text-align: center;}
section.otherworks div.list ul {list-style-type: none; width: 90%; margin: 6px auto 0 auto;}
section.otherworks div.list ul li {font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.3; font-weight: normal; color: #424242; padding: 13px 0 13px 42px; background-repeat: no-repeat;}
section.otherworks div.list.yes ul li {background-position: left 7px; background-size: 34px 28px; background-image: url(../anna/ico_yes.svg);}
section.otherworks div.list.no ul li {background-position: 4px 12px; background-size: 23px 24px; background-image: url(../anna/ico_no.svg);}
@media (max-width: 800px) {
	section.otherworks div.center {padding: 25px 15px 28px 15px;}
	section.otherworks div.list.no {margin-top: 18px;}
	section.otherworks div.list h3 {font-size: 144%; padding: 2px 0 5px 0;}
	section.otherworks div.list ul {margin-top: 4px;}
	section.otherworks div.list ul li {font-size: 110%; line-height: 1.2; padding: 10px 0 10px 34px;}
	section.otherworks div.list.yes ul li {background-position: left 6px; background-size: 27px 22px;}
	section.otherworks div.list.no ul li {background-position: 4px 10px; background-size: 18px 18px;}
}
@media (max-width: 420px) {
	section.otherworks div.center {padding-top: 20px; padding-bottom: 22px;}
	section.otherworks div.list.no {margin-top: 16px;}
	section.otherworks div.list h3 {font-size: 130%; padding: 2px 0 4px 0; margin: 0 -5px 0 -5px;}
	section.otherworks div.list ul {width: auto; margin-top: 0; margin-left: -5px;}
	section.otherworks div.list ul li {font-size: 100%; line-height: 1.3; padding: 8px 0 8px 26px;}
	section.otherworks div.list.yes ul li {background-position: left 8px; background-size: 21px 17px;}
	section.otherworks div.list.no ul li {background-position: 4px 11px; background-size: 14px 14px;}
}
/* /OTHER WORKS */

/* EXAMPLES */
section.examples {}
section.examples div.center {max-width: 960px; padding: 40px 20px 50px 20px; margin: 0 auto; text-align: center;}
section.examples h3 {display: inline-block; background: #b73e98; font-family: 'PT Sans', Arial, sans-serif; font-size: 160%; line-height: 1.2; font-weight: normal; color: #ffffff; padding: 6px 17px 6px 17px; text-align: center;}
section.examples div.slider {position: relative; margin: 30px 0 0 0;}
/* arrows */
section.examples div.slider span.arrowleft {display: block; width: 30px; height: 80px; position: absolute; left: -14px; top: 95px; background: url(../anna/arrows.svg) left top no-repeat; background-size: 60px 160px; z-index: 2; cursor: pointer;}
section.examples div.slider span.arrowleft:hover {background-position: left bottom;}
section.examples div.slider span.arrowright {display: block; width: 30px; height: 80px; position: absolute; right: -14px; top: 95px; background: url(../anna/arrows.svg) right top no-repeat; background-size: 60px 160px; z-index: 2; cursor: pointer;}
section.examples div.slider span.arrowright:hover {background-position: right bottom;}
/* /arrows */
section.examples div.slider div.items {position: relative; overflow: hidden; padding: 0 45px 0 45px;}
section.examples div.slider div.items div.itemscontainer {position: absolute; width: 4000px; left: 0; top: 0; right: 0; bottom: 0;}
section.examples div.slider div.example {float: left;}
section.examples div.slider div.example div.logo {width: 270px;}
section.examples div.slider div.example div.logo a {display: block; width: 250px; background: #FFFFFF; border: 10px solid #e3e3e3; border-radius: 150px;}
section.examples div.slider div.example div.logo a:hover {border: 10px solid #e73573;}
section.examples div.slider div.example div.logo img {width: 250px; height: 250px; border-radius: 150px;}
section.examples div.slider div.example div.name {display: inline-block; width: 270px; font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1; font-weight: normal; color: #ffffff; text-align: center; margin: 10px 0 0 0;}
section.examples div.slider div.example div.name span.nl {display: inline-block; position: relative; background: #e73573; padding: 4px 9px 5px 9px; margin: -4px 0 0 0;}
section.examples div.slider div.example div.name span.nl:first-child {margin-top: 0;}
@media (max-width: 800px) {
	section.examples div.center {padding: 35px 15px 45px 15px;}
	section.examples h3 {font-size: 144%; padding: 6px 14px 7px 14px;}
	section.examples div.slider span.arrowleft {left: -10px;}
	section.examples div.slider span.arrowright {right: -10px;}
	section.examples div.slider {margin-top: 26px;}
	section.examples div.slider div.example div.name {font-size: 106%; margin-top: 8px;}
	section.examples div.slider div.example div.name span.nl {padding: 3px 6px 4px 6px; margin-top: -3px;}
}
@media (max-width: 420px) {
	section.examples div.center {padding-top: 30px; padding-bottom: 30px;}
	section.examples h3 {font-size: 130%; padding: 6px 10px 6px 10px; margin: 0 -5px 0 -5px;}
	section.examples div.slider span.arrowleft {width: 15px; height: 40px; top: 65px; background-size: 30px 80px;}
	section.examples div.slider span.arrowright {width: 15px; height: 40px; top: 65px; background-size: 30px 80px;}
	section.examples div.slider {margin-top: 18px;}
	section.examples div.slider div.items {padding: 0 15px 0 15px;}
	section.examples div.slider div.example div.logo {width: 170px;}
	section.examples div.slider div.example div.logo a {width: 160px; border: 5px solid #e3e3e3;}
	section.examples div.slider div.example div.logo a:hover {border: 5px solid #e73573;}
	section.examples div.slider div.example div.logo img {width: 160px; height: 160px;}
	section.examples div.slider div.example div.name {width: 170px; font-size: 90%; margin-top: 5px;}
	section.examples div.slider div.example div.name span.nl {padding: 2px 4px 3px 4px; margin-top: -2px;}
}
/* /EXAMPLES */

/* CONTACTS */
section.contacts {background: #f5f5f5;}
section.contacts div.center {max-width: 960px; padding: 30px 20px 70px 20px; margin: 0 auto; text-align: center;}
section.contacts p {font-family: 'PT Sans', Arial, sans-serif; font-size: 116%; line-height: 1.5; font-weight: normal; color: #424242; padding: 6px 0 6px 0;}
section.contacts p a {font-family: 'PT Sans Bold', Arial, sans-serif; font-weight: normal; color: #00c3cf; text-decoration: underline;}
section.contacts p a:hover {color: #fe3061;}
section.contacts p a.tel {color: #424242; text-decoration: none; white-space: nowrap;}
section.contacts p a.cv {display: inline-block; height: 25px; font-family: 'PT Sans', Arial, sans-serif; color: #424242; background: url(../anna/pdf_small_1.png) left top no-repeat; padding: 0 0 0 27px; margin: 0 0 0 2px; white-space: nowrap;}
section.contacts p a.message {font-family: 'PT Sans', Arial, sans-serif; color: #424242; white-space: nowrap;}
@media (max-width: 800px) {
	section.contacts div.center {padding: 25px 15px 55px 15px;}
	section.contacts p {font-size: 110%; line-height: 1.4; padding: 5px 0 5px 0;}
	section.contacts p a.cv {height: 23px; background-image: url(../anna/pdf_small_2.png); padding-left: 25px;}
}
@media (max-width: 420px) {
	section.contacts div.center {padding-top: 20px; padding-bottom: 40px;}
	section.contacts p {font-size: 106%; line-height: 1.3;}
	section.contacts p a.cv {height: 21px; background-image: url(../anna/pdf_small_3.png); padding-left: 23px;}
}
/* /CONTACTS */