.page.interactive {
	background: #fff;
}
.page.interactive>.page2 {
	max-width: 1400px;
}

.page.interactive .interactive-items {
	padding-top: 55px;
	padding-bottom: 55px;
	text-align: center;
	display: block;
	width: 100%;
}
.page.interactive .interactive-items a {
	text-decoration: none;
}
.page.interactive .interactive-items .title {
	color: #1d1d1b;
	font-weight: 600;
	max-width: 200px;
	margin: 0 auto;
}
.page.interactive .interactive-items .descr {
	color: #7c7c7b;
	text-transform: lowercase;
	max-width: 200px;
	margin: 0 auto;
}
.page.interactive .interactive-items .img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}
.page.interactive .interactive-items .img img {
	max-width: 100px;
	height: auto;
}

.page.interactive .interactive-buttons>div.item {
	background: #e5e5e5;
}
.page.interactive .interactive-buttons>div.item:hover {
	background: #f0f0f0; 
}
.page.interactive .interactive-buttons>div.item>a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
	text-align: center;
	min-height: 95px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1d1d1b;
	font-size: 18px;
}


.page.interactive .interactive-targets {
	padding-top: 105px;
	padding-bottom: 75px;
	letter-spacing: 5px;
	font-size: 30px;
}
.page.interactive .interactive-targets .title {
	text-align: center;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 50px;
}

.page.interactive .interactive-targets .img {
	margin: 0 auto;
	max-width: 460px;
	text-align: center;
}
.page.interactive .interactive-targets .img img {
	width: 100%;
	height: auto;
}
.page.interactive .interactive-targets .nav1 {
}
.page.interactive .interactive-targets .nav1>div {
	justify-content: space-between;
}
.page.interactive .interactive-targets .nav1>div>div {
	font-family: 'SweetMavkaScript';
	font-size: 34px;
	line-height: 100%;
	color: #2da8be;
	letter-spacing: 0px;
}
.page.interactive .interactive-targets .nav1>div>div a {
	color: #63cfe3;
	text-decoration: none;
	display: block;
	max-width: 325px;
	margin-left: auto;
}
.page.interactive .interactive-targets .nav1>div>div a:hover {
	opacity: 0.8;
}
.page.interactive .interactive-targets .nav1>div>div.nav2 a {
	text-align: right;
}
.page.interactive .interactive-targets .nav1>div>div.nav3 a {
	margin-left: inherit;
}
.page.interactive .interactive-targets .nav1>div>div a#href-target01 {
	margin-top: 40px;
}
.page.interactive .interactive-targets .nav1>div>div a#href-target02 {
	margin-bottom: 40px;
	margin-right: -40px;
}
.page.interactive .interactive-targets .nav1>div>div a#href-target03 {
	margin-top: 25px;
	margin-left: -35px;
}
.page.interactive .interactive-targets .nav1>div>div a#href-target04 {
	margin-top: -150px;
	margin-left: -60px;
}
.page.interactive .interactive-targets .nav1>div>div a span {
	display: inline-block;
	width: 50px;	
}
/*****/
.page.target-cover {
	background: #bee0e2;
	position: relative;
	z-index: 5;
}
.page.target-cover>.page2 {
	max-width: 1400px;
	padding: 100px 20px 100px 20px;
	position: relative;
	min-height: 675px;
}
.page.target-cover>.page2:before {
	content: attr(data-before);
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 200px;
	color: rgba(0,0,0,0.1);
	font-weight: 700;
}
.page.target-cover .title {
	font-family: 'SweetMavkaScript';
	font-size: 80px;
	color: #fff;
	line-height: 80%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}
.page.target-cover .title span {
	position: relative;
}
.page.target-cover .title span.alt {
	font-family: 'ProximaNova';
	font-size: 35px;
	color: #000;
	margin-left: 25px;
	padding-top: 15px;
}

.page.target-cover .title span.alt+span {
	color: #000;
	flex-basis: 100%;
	margin-left: 65px;
}
.page.target-cover .title span.alt+span:after {
	content: attr(data-after);
	position: absolute;
	left: 100px;
	bottom: -40px;
	color: rgba(89,122,128,0.3);
	filter: blur(3px);
}
.page.target-cover .descr {
	margin-top: 100px;
	color:#5a7c82;
	font-size: 18px;
	line-height: 140%;
}
.page.target-tabs {
	margin-top: 150px;
}
.page.target-tabs>.page2 {
	max-width: 1400px;
	padding-left: 120px;
}
/*****/
.page.target-cover.target01 {
	background-image: url(files/target01-3.png), url(files/target01-1.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right bottom;
	background-size: auto auto,auto 100%;
}
.target-obj1.target01 {
	position: absolute;
	margin-top: -240px;
	right: 100px;
	z-index: 6;
}
/*****/
.page.target-cover.target02>.page2:before {
	left: calc(50% + 100px);
}
.page.target-cover.target02 {
	background-image: url(files/target02-2.png), url(files/target02-3.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: left 5% top, left top;
	background-size: auto 100%,cover;
}
.target-nav.target02 .nav1 {
	padding-right: 100px;
}
.target-nav.target02 .nav2 {
	background: #fff;
	padding: 50px 10px 0px 10px;
	border-radius: 0 40px 0 0;
	width: 100%;
	margin-top: -50px;
	position: relative;
	z-index: 6;
}
.target-nav.target02 .nav2 .items>div {
	text-align: center;
}
.target-nav.target02 .nav2 .items>div a {
	text-decoration: none;
	color: #0a0a0a;
	font-size: 20px;
	display: inline-block;
	max-width: 170px;
	line-height: 120%;
}
.target-nav.target02 .nav2 .items>div a:hover {
	opacity: 0.8;
}
.target-course.target02 {
    margin-top: 100px;
    margin-bottom: 100px;
    color: #5a7c82;
    font-size: 18px;
    line-height: 140%;
}
.target-course.target02>div  { 
	max-width: 680px;
}
/*****/
.page.target-cover.target03 > .page2::before {
    color: rgba(99,207,227,0.4);
}
.page.target-cover.target03 {
	background-color: #000000;
	background-image: url(files/target03-1.png), url(files/target03-2.png);
	background-repeat: no-repeat,no-repeat;
	background-position: right bottom,right 5% center;
	background-size: auto 100%, auto 90%;
}
.page.target-cover.target03 .title span.alt {
	color: #63cfe3;
	margin-left: 25px;
	padding-top: 15px;
}

.page.target-cover.target03 .title span.alt+span {
	color: #a0a7a9;
	flex-basis: 100%;
	margin-left: 65px;
}
.page.target-cover.target03 .title span.alt+span:after {
	content: attr(data-after);
	position: absolute;
	left: 100px;
	bottom: -40px;
	color: rgba(89,122,128,0.3);
	filter: blur(3px);
}
.page.target-cover.target03 .descr {
    color: #a0a7a9;
}
/*****/
.page.target-cover.target04 {
	background: #c6cfd8;
	background-image: url(files/target04-1.png);
	background-repeat: no-repeat;
	background-position: right 5% bottom;
	background-size: auto 90%;
}
.page.target-cover.target04 .title {
    color: #000;
}
.page.target-cover.target04 .title span.alt {
	flex-basis: 100%;
    color: #2da8be;
}
.page.target-cover.target04 .title span.alt+span {
	line-height: 0%;
}
/*****/
@media screen and (max-width: 1200px) {
	.page.interactive .interactive-targets .nav1>div>div {
		font-size: 26px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target01 {
	    margin-top: 10px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target02 {
	    margin-bottom: 20px;
	    margin-right: -20px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target03 {
	    margin-top: 15px;
	    margin-left: -15px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target04 {
	    margin-top: -80px;
	    margin-left: -40px;
	}
}
@media screen and (max-width: 810px) {
	.page.interactive .interactive-targets .nav1 {
		margin-top: 160px;
		margin-bottom: 160px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target01 {
		display: block;
		position: absolute;
	    margin-top: 0px;
	    left: 0;
	    top: -80px;
	    text-align: left;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target02 {
		display: block;
		position: absolute;
	    margin-top: 0px;
	    left: 0;
	    bottom: -60px;
	    text-align: center;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target03 {
		display: block;
		position: absolute;
	    margin-top: -100px;
	    left: -60px;
	    text-align: center;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target04 {
		display: block;
		position: absolute;
	    margin-top: -180px;
	    left: -40px;
	    text-align: center;
	}
	.page.interactive .interactive-targets .nav1 > div > div a {
		max-width: 150px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a span {
	    display: none;
	}
	.page.target-cover .title {
	    font-size: 45px;
	}
	.page.target-cover .title span.alt {
	    font-size: 25px;
	    margin-left: 15px;
	    padding-top: 15px;
	}
	.page.target-cover .title span.alt + span::after {
	    left: 57%;
		bottom: -40px;
		transform: translate(-50%, -20%);
	}
	.page.target-tabs > .page2 {
	     padding-left: 60px;
	}
	.target-obj1.target01 {
		max-width:200px;
		margin-top: -150px;
		right: 50px;
		z-index: 6;
	}
	.target-nav.target02 .nav1 {
	    padding-right: 20px;
	}
	.target-nav.target02 .nav2 .items>div a {
		font-size: 16px;
	}
	.page.target-cover > .page2::before {
	    left: 10px;
	}
	.page.target-cover.target01 {
		background-color: #c4e3e6;
		background-image: url(files/target01-3.png),url(files/target01-2-mob.png);
		background-repeat: no-repeat,no-repeat;
		background-position: top left,right 20% bottom;
		background-size: 400px auto,300px auto;
	}
	.page.target-cover.target02 {
	    background-repeat: no-repeat, no-repeat;
	    background-position: left 5% bottom 30px, top left 10%;
	    background-size: 250px auto, cover;
	}
	.page.target-cover.target02 a.btn {
	    margin-left: auto;
	    
	}

	.page.target-cover.target02 > .page2::before {
	    left: inherit;
	    right: 10px;
	}
	.page.target-cover.target03 {
	    background-repeat: no-repeat,no-repeat;
	    background-position: right bottom,right 5% bottom;
	    background-size: auto 100%, 350px auto;
	}
	.page.target-cover.target04 {
	    background-size: 350px auto;
	}
}
@media screen and (max-width: 480px) {
	.page.interactive .interactive-targets .nav1 > div > div a#href-target01 {
	    left: 0;
	    top: -60px;
	}
	.page.interactive .interactive-targets .nav1 > div > div a#href-target04 {
	    margin-top: -140px;
	    left: -20px;
	    text-align: center;
	}
	.page.target-cover>.page2:before {
		left: 0;
		top: 0;
		font-size: 150px;
	}
	.page.target-cover .title {
	    font-size: 50px;
	}
	.page.target-cover .title span.alt {
		font-size: 25px;
	}
	
	.page.target-cover .title span.alt+span {
		margin-left: 0;
		
	}
	.page.target-cover .title span.alt+span:after {
		content: attr(data-after);
		position: absolute;
		left: 100px;
		bottom: -40px;
		color: rgba(89,122,128,0.3);
		filter: blur(3px);
	}
	.page.target-cover .descr {
	    margin-top: 45px;
	}
	.page.target-tabs {
	    margin-top: 60px;
	}
	.page.target-tabs > .page2 {
	    max-width: 1400px;
	    padding-left: 20px;
	}
	.page.target-cover.target01 {
		background-color: #c4e3e6;
		background-image: url(files/target01-3.png),url(files/target01-2-mob.png);
		background-repeat: no-repeat,no-repeat;
		background-position: top left,right 50px bottom -100px;
		background-size: 400px auto,250px auto;
	}
	.page.target-cover.target01 > .page2 {
		padding-bottom: 150px;
	}
	.target-obj1.target01 {
	    max-width: 150px;
	    margin-top: -100px;
	    right: 100px;
	    z-index: 6;
	}
	.page.target-cover.target02 > .page2 {
	    padding: 100px 20px 250px 20px;
	    min-height: inherit;
	}
	.page.target-cover.target02 > .page2::before {
	    left: 0;
	}
	.page.target-cover.target02 .title {
	    color: #000;
	}
	.target-nav.target02 .nav1 {
		padding-right: 0px;
	}
	.target-nav.target02 .nav2 {
		padding: 50px 10px 0px 10px;
		border-radius: 40px 40px 0 0;
		margin-top: -40px;
	}
	.target-course.target02 {
	    margin-top: 70px;
	}
	.target-course.target02 > div {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.page.target-cover.target03 > .page2 {
	    padding: 100px 20px 250px 20px;
	    min-height: inherit;
	}
	.page.target-cover.target03 {
	    background-repeat: no-repeat,no-repeat;
	    background-position: right bottom,center bottom;
	    background-size: auto 100%, 350px auto;
	}
	.page.target-cover.target03 .descr {
	    color: #d7dadb;
	}
	.page.target-cover.target04 > .page2 {
	    padding: 100px 20px 290px 20px;
	    min-height: inherit;
	}
}
@media screen and (max-width: 375px) {
	.page.interactive .interactive-targets .nav1 > div > div {
	    font-size: 22px;
	}
}
