#block-glava {
    float: left;
    width: 100%;
    position: relative;
    border-top: 20px solid #000;
}

.glava_levo {
    float: left;
    margin-top: 100px;
    width: 36%;
}

.glava_desno {
    float: right;
    margin-top: 80px;
    position: relative;
    width: 64%;
}

.glava_levo > h3 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 10px;
}

.glava_levo > h2 {
    font-size: 200px;
    font-weight: bold;
    letter-spacing: -10px;
    line-height: 158px;
    margin-bottom: 0;
    text-align: right;
}

.glava_desno > img {
    left: 10%;
    position: absolute;
    top: 0;
    width: 20%;
    z-index: 10;
}

.glava_desno > h2 {
    float: right;
    font-size: 37px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: 0;
    margin-right: 15%;
    margin-top: 300px;
}

.video_wrapper {
    float: left;
    position: relative;
    width: 100%;
}

.l-rw, .l-r {
    padding: 0;
}

.video_wrapper > img {
    height: 100%;
    left: 40%;
    position: absolute;
    z-index: 5;
}

.page {
    background-color: #ffffff;
}

.regions {
    background-color: rgba(0, 0, 0, 0);
}

.block {
    margin: 0;
}

.field {
    margin-bottom: 0;
}

#block-expo {
    float: left;
    margin-top: 80px;
    position: relative;
    width: 100%;
}

#block-expo .block__inner {
    float: left;
    margin-left: 10%;
    width: 80%;
}

.expolevo {
    display: inline-table;
    margin-right: 50px;
    max-width: 271px;
    vertical-align: top;
    width: 100%;
}

.expodesno {
    display: inline-table;
    vertical-align: top;
}

.expodesno > h2 {
    font-size: 116px;
    font-weight: bold;
    line-height: 100px;
    padding-left: 100px;
    position: relative;
    text-align: right;
}

.expodesno > h2::before {
    color: #b5b5b5;
    content: "+";
    font-size: 175px;
    font-weight: 100;
    left: 0;
    position: absolute;
    top: -38px;
}

.expodesno p {
    float: right;
    font-size: 24px;
    line-height: 1.5;
}

#block-srce {
    float: left;
    margin-top: 200px;
    position: relative;
    width: 100%;
}

#block-clovek {
    float: left;
    position: relative;
    width: 100%;
}

#block-srce .block__inner {
    position: relative;
    float: left;
    margin-left: 5%;
    width: 90%;
}

#block-clovek .block__inner {
    position: relative;
    float: left;
    margin-left: 5%;
    width: 95%;
}

.srcelevo {
    float: left;
    position: relative;
    width: 45%;
}

.srcelevo > img {
    left: 20%;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 10;
}

.srcedesno {
    float: right;
    position: relative;
    width: 55%;
}

.srceslike {
    left: -130px;
    position: absolute;
    top: 70px;
    width: 300px;
}

.srceslike > img:first-child {
	opacity: 1;
}

.srceslike > img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	opacity: 0;
}

.srcedesno > h2 {
    font-size: 179px;
    font-weight: bold;
    letter-spacing: -10px;
    line-height: 143px;
    margin-bottom: 70px;
    margin-top: 100px;
    text-align: right;
}

.srcedesno > p {
    float: right;
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 1.3;
    width: 68%;
}

.srcelevo::before {
    color: #b5b5b5;
    content: "+";
    font-family: Montserrat;
    font-size: 175px;
    font-weight: 100;
    position: absolute;
    right: 10%;
    top: -50px;
    z-index: 10;
}

.cloveklevo_video {
    float: left;
    position: relative;
    width: 100%;
}

.cloveklevo_video > img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    z-index: 10;
}

.cloveklevo {
    float: left;
    margin-top: 150px;
    position: relative;
    width: 45%;
}

.cloveklevo > h2 {
    float: right;
    font-size: 136px;
    font-weight: bold;
    letter-spacing: -10px;
    line-height: 117px;
    margin-bottom: 70px;
    margin-top: 150px;
    position: relative;
    text-align: right;
}

.cloveklevo > p {
    float: right;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 1.3;
    width: 90%;
}

.clovekdesno {
    float: right;
    position: relative;
    width: 55%;
}

.clovekdesno_video {
    float: right;
    margin-top: 230px;
    position: relative;
    width: 50%;
}

.clovekdesno_video > img {
    position: absolute;
    right: 20%;
    width: 40px;
    z-index: 10;
}

.clovekslike {
    left: 30%;
    position: absolute;
    width: 250px;
    z-index: 10;
}

.clovekslike > img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.clovekslike > img:first-child {
    opacity: 1;
}

.clovekdesno_video::before {
    color: #b5b5b5;
    content: "+";
    font-family: Montserrat;
    font-size: 175px;
    font-weight: 100;
    position: absolute;
    right: 10%;
    top: -130px;
}

.cloveklevo > h2::before {
    color: #b5b5b5;
    content: "+";
    font-family: Montserrat;
    font-size: 175px;
    font-weight: 100;
    position: absolute;
    right: -130px;
    top: -100px;
}

#block-art {
    float: left;
    margin-top: 100px;
    position: relative;
    width: 100%;
}

#block-art .block__content h2 {
    font-size: 251px;
    font-weight: 500;
    letter-spacing: -20px;
    line-height: 178px;
    margin-bottom: 0;
    text-align: center;
}

#block-art img {
    display: block;
    margin: -86px auto 0;
    position: relative;
    z-index: 2;
}

.artwrapper {
    display: table;
    margin: 0 auto;
    max-width: 680px;
    width: 100%;
}

.artwrapper > p {
    font-size: 27px;
    letter-spacing: -1px;
    line-height: 1.3;
    max-width: 453px;
    width: 100%;
}

.artwrapper > h3 {
    float: right;
    font-family: Montserrat;
    font-size: 33px;
    margin-bottom: 0;
    position: relative;
}

.artwrapper > h3::before {
    color: #b5b5b5;
    content: "+";
    font-size: 175px;
    font-weight: 100;
    left: -80px;
    position: absolute;
    top: -120px;
}

.cvlevo {
    float: left;
    position: relative;
    width: 49%;
}

.cvdesno {
    float: right;
    position: relative;
    width: 49%;
}

.cvlevo .cvwrapper {
    float: right;
    margin-top: 350px;
    position: relative;
    width: 41%;
}

.cvdesno .cvwrapper {
    float: left;
    margin-top: 350px;
    position: relative;
    width: 41%;
}

.cvlevo > img, .cvdesno > img {
    position: absolute;
}

.cvlevo > img:nth-child(2) {
    bottom: 4%;
    height: 93%;
    left: -7%;
}

.cvdesno > img:nth-child(2) {
    bottom: 4%;
    height: 93%;
    right: 6%;
}

.cvwrapper > h2 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;
    position: relative;
}

.cvlevo .cvwrapper > h2 {
    padding-left: 80px;
}

.cvdesno .cvwrapper > h2 {
    padding-right: 80px;
    text-align: right;
}

.cvwrapper > h2::before {
    bottom: -120px;
    color: #b5b5b5;
    content: "+";
    font-size: 175px;
    font-weight: 100;
    position: absolute;
}

.cvlevo .cvwrapper > h2::before {
    left: -10px;
}

.cvdesno .cvwrapper > h2::before {
    right: -10px;
}

.cvlevo > img:first-child {
    bottom: 0;
    height: 45%;
    left: 5%;
    z-index: 10;
}

.cvdesno > img:first-child {
    bottom: 0;
    height: 45%;
    right: 5%;
    z-index: 10;
}

.cvwrapper > img {
    box-shadow: 0 11px 31px -6px rgba(0, 0, 0, 0.4);
    display: block;
}

#block-cv {
    float: left;
    margin-bottom: 150px;
    margin-left: 5%;
    position: relative;
    width: 90%;
}

#block-noga {
    color: #715085;
    float: left;
    margin-left: 3%;
    width: 94%;
}

#block-noga p {
    font-family: Montserrat;
    font-weight: bold;
    margin: 0;
}

.pr-footer {
    background-color: #000000;
    padding-bottom: 25px;
    padding-top: 25px;
}

.srceslike.show > img, .clovekslike.show > img {
	animation-delay: 0s;
}

.srceslike.show > img:first-child, .clovekslike.show > img:first-child {
	animation-name: img1;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	opacity: 0;
}

.srceslike.show > img:nth-child(2), .clovekslike.show > img:nth-child(2) {
	animation-name: img2;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.srceslike.show > img:nth-child(3), .clovekslike.show > img:nth-child(3) {
	animation-name: img3;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	opacity: 1;
}

.srceslike.show2 > img:first-child, .clovekslike.show2 > img:first-child {
	animation-name: img1r;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	opacity: 1;
}

.srceslike.show2 > img:nth-child(2), .clovekslike.show2 > img:nth-child(2) {
	animation-name: img2r;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.srceslike.show2 > img:nth-child(3), .clovekslike.show2 > img:nth-child(3) {
	animation-name: img3r;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

@keyframes img1 {
  0%   {opacity: 1;}
  30%  {opacity: 1;}
  3%  {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes img2 {
  0%   {opacity: 0;}
  30%   {opacity: 0;}
  33%  {opacity: 1;}
  63%  {opacity: 1;}
  66%  {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes img3 {
  0%   {opacity: 0;}
  63%  {opacity: 0;}
  66%  {opacity: 1;}
  100% {opacity: 1;}
}

@keyframes img3r {
  0%   {opacity: 1;}
  30%  {opacity: 1;}
  33%  {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes img2r {
  0%   {opacity: 0;}
  30%  {opacity: 0;}
  33%  {opacity: 1;}
  66% {opacity: 1;}
  69% {opacity: 0;}
  100% {opacity: 0;}
}

@keyframes img1r {
  0%   {opacity: 0;}
  63%  {opacity: 0;}
  66%  {opacity: 1;}
  100% {opacity: 1;}
}

/*-webkit-transition: all 0.3s ease-in-out 0.9s;
    -ms-transition: all 0.3s ease-in-out 0.9s;
    -o-transition: all 0.3s ease-in-out 0.9s;
    transition: all 0.3s ease-in-out 0.9s;*/
	
.cvwrapper > h2 a {
    text-decoration: none;
}

.artwrapper > h3 a {
    text-decoration: none;
}

article {
    box-shadow: none !important;
    margin: 0 auto;
    max-width: 1000px;
    padding-bottom: 50px !important;
    padding-top: 50px !important;
}

#block-linki {
    float: left;
    margin-bottom: 30px;
    margin-left: 5%;
    width: 90%;
}

#block-linki p a {
    color: #b0b0b0;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.glava_levo {
		width: 100%;
		margin-top: 50px;
	}
	
	.glava_desno {
		width: 100%;
		margin-top: 0;
	}
	
	.glava_desno > h2 {
		margin-top: 100px;
	}
	
	.glava_levo > h2 {
		font-size: 136px;
		line-height: 104px;
	}
	
	.expodesno > h2 {
		font-size: 44px;
		margin-top: 50px;
		line-height: 40px;
	}
	
	.srcelevo, .srcedesno, .cloveklevo, .clovekdesno {
		width: 100%;
	}
	
	.srceslike {
		left: 0;
		position: relative;
		top: 0;
		margin-top: 30px;
		width: 115px;
	}
	
	.srcedesno > h2 {
		font-size: 77px;
		line-height: 60px;
		margin-top: 120px;
		margin-right: 20px;
	}
	
	.srcedesno > p {
		width: 100%;
		font-size: 30px;
	}
	
	#block-clovek .block__inner {
		width: 90%;
	}
			
	.cloveklevo > h2 {
		font-size: 80px;
		line-height: 65px;
		margin-right: 8%;
		margin-top: 50px;
	}
	
	.cloveklevo > p {
		font-size: 25px;
		width: 100%;
	}
	
	.cloveklevo > h2::before {
		display: none;
	}
	
	.clovekslike {
		left: 0;
		width: 30%;
	}
	
	.clovekdesno_video {
		width: 77%;
	}
	
	.clovekdesno_video > img, .cloveklevo_video > img, .srcelevo > img {
		width: 20px;
	}
	
	#block-art .block__content h2 {
		font-size: 100px;
		letter-spacing: -5px;
	}
	
	.artwrapper {
		width: 90%;
	}
	
	.artwrapper > h3 {
		margin-top: 55px;
		margin-right: 20px;
	}
	
	.cvlevo, .cvdesno {
		width: 100%;
	}
	
	.cvlevo .cvwrapper {
		width: 55%;
	}
	
	.cvdesno .cvwrapper {
		width: 55%;
	}
	
	.cvwrapper > h2 {
		font-size: 28px;
	}
	
	.cloveklevo {
		margin-top: 50px;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.glava_levo {
		width: 100%;
		margin-top: 50px;
	}
	
	.glava_desno {
		width: 100%;
		margin-top: 0;
	}
	
	.glava_desno > h2 {
		margin-top: 100px;
	}
	
	.glava_levo > h2 {
		font-size: 136px;
		line-height: 104px;
	}
	
	.expodesno > h2 {
		font-size: 44px;
		margin-top: 50px;
		line-height: 40px;
	}
	
	.srceslike {
		left: 0;
		position: relative;
		top: 0;
		margin-top: 30px;
		width: 115px;
	}
	
	.srcedesno > h2 {
		font-size: 77px;
		line-height: 60px;
		margin-top: 120px;
		margin-right: 20px;
	}
	
	.srcedesno > p {
		width: 90%;
		font-size: 30px;
	}
	
	#block-clovek .block__inner {
		width: 90%;
	}
			
	.cloveklevo > h2 {
		font-size: 80px;
		line-height: 65px;
		margin-top: 50px;
	}
	
	.cloveklevo > p {
		font-size: 25px;
		width: 100%;
	}
	
	.cloveklevo > h2::before {
		display: none;
	}
	
	.clovekslike {
		left: 0;
		width: 30%;
	}
	
	.clovekdesno_video {
		width: 77%;
	}
	
	.clovekdesno_video > img, .cloveklevo_video > img, .srcelevo > img {
		width: 20px;
	}
	
	#block-art .block__content h2 {
		font-size: 100px;
		letter-spacing: -5px;
	}
	
	.artwrapper {
		width: 90%;
	}
	
	.artwrapper > h3 {
		margin-top: 55px;
		margin-right: 20px;
	}
	
	.cvlevo, .cvdesno {
		width: 100%;
	}
	
	.cvlevo .cvwrapper {
		width: 55%;
	}
	
	.cvdesno .cvwrapper {
		width: 55%;
	}
	
	.cvwrapper > h2 {
		font-size: 28px;
	}
	
	.cloveklevo {
		margin-top: 50px;
	}

}

@media only screen and (min-width: 1024px) and (max-width: 1500px) {
	.glava_levo > h2 {
		font-size: 120px;
		line-height: 100px;
	}
	
	.srcedesno > h2 {
		font-size: 100px;
		line-height: 90px;
	}
	
	.srceslike {
		width: 250px;
	}
	
	.srcelevo > img, .clovekdesno_video > img {
		width: 30px;
	}
	
	.clovekslike {
		left: 20%;
		width: 150px;
		top: 400px;
	}
	
	.cloveklevo > h2 {
		font-size: 100px;
		line-height: 87px;
	}
	
	.expolevo {
		max-width: 200px;
	}
	
	.expodesno > h2 {
		font-size: 80px;
		line-height: 70px;
	}
	
	.clovekdesno_video {
		margin-top: 500px;
	}