@font-face {
    font-family: robotsans; /* Гарнитура шрифта */
    src: url(fonts/robotsans.ttf); /* Для остальных браузеров */
   }
   
body{font-family:robotsans;}

.contact-padding{padding:1% 0;}

/*--------------------UIKIT--------------------*/

/* Sub-object: `uk-animation-hover`
========================================================================== */
/*
 * Enable animation only on hover
 * Needed for Firefox because animations are not triggered when switching between display `hidden` and `block`
 */
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
-webkit-animation-name: none;
animation-name: none;}

/*--------------------COMMON--------------------*/



.arrow-link-button img{height:130px;
width:130px;}

	.arrow-link-button img:hover{-webkit-filter:grayscale(90%);}

/* LOGO */

.art_logo{
	width:120px;
}

/*--------------------EXPOSITION--------------------*/

#main {height:200px;
width:200px;
position:relative;
display:block;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg);} /* Safari and Chrome */

#main1 {margin-top:-200px;
margin-left:150px;
height:200px;
width:200px;
position:relative;
display:block;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg);} /* Safari and Chrome */

#main2 {margin-top:-200px;
margin-left:300px;
height:200px;
width:200px;
position:relative;
display:block;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg);} /* Safari and Chrome */

#main3 {margin-top:-200px;
margin-left:-150px;
height:200px;
width:200px;
position:relative;
display:block;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg);} /* Safari and Chrome */

	.box {display: inline-block;
	height:90px;
	width:90px;
	margin-right:10px;
	margin-top:10px;
	-webkit-filter: sepia(75%) contrast(115%);}

		.ex1{background:url(img/ex1.jpg);
		background-size:100% 100%;}

			.ex1:hover{-webkit-filter: sepia(0%);}

		.ex2{background:url(img/ex2.jpg);
		background-size:100% 100%;}

			.ex2:hover{-webkit-filter: sepia(0%);}

		.ex3{background:url(img/ex3.jpg);
		background-size:100% 100%;}

			.ex3:hover{-webkit-filter: sepia(0%);}

		.ex4{background:url(img/ex4.jpg);
		background-size:100% 100%;}

			.ex4:hover{-webkit-filter: sepia(0%);}

		.ex5{background:url(img/ex5.jpg);
		background-size:100% 100%;}

			.ex5:hover{-webkit-filter: sepia(0%);}

		.ex6{background:url(img/ex6.jpg);
		background-size:100% 100%;}

			.ex6:hover{-webkit-filter: sepia(0%);}

		.arrow-link {background:url(img/arrow-link.jpg);
		background-size:100% 100%;
		-webkit-filter: sepia(0%) contrast(100%);}
	
			.arrow-link:hover{-webkit-filter:grayscale(90%);}

.litera p::first-letter {font-size: 45px;
color: #ff644a;
float: left; 
margin: 10px 5px 0 0;}

/*--------------------PAPERS--------------------*/

.papers{padding-bottom:25px;}

	.paper a{font-size:15px;
	margin-left:50%;}
	
/*--------------------BIOGRAPHY--------------------*/

.biographys{margin-top:75px;
padding-bottom:25px;}

	.biography img{margin-top:-135px;
	width:325px;}

		.biography a{text-decoration:none;}
		
/*--------------------QUESTS--------------------*/
		
.quest{margin-top:-15px;}
	
	.questions{color:#fff;
	border-bottom:1px #fff dashed;}

		.questions:hover{border-bottom:none;
		text-decoration:none;}
		
/*--------------------COPYRIGHTS--------------------*/
	
.copyrights{background-color:#151618;
text-align:center;
width:100%;}

	.copyrights img{margin:10px;}
	
	.copyrights a{padding-top:5%;
	position:relative;}
	
/*--------------------BIOGRAPHY-PAGE--------------------*/

.read_more a{color:#fff;
font-size:15px;}

	.read_more a:hover{color:#2b3034;}

/*--------------------ARTICLES-PAGE--------------------*/

.articles-p-img img{}

.articles-p-img-trans {border:3px #262b2e solid;
margin:10px 0 0 15px;
transition: 1.5s;
-webkit-filter: grayscale(100%) contrast(115%);}

	.articles-p-img-trans:hover{-webkit-filter: grayscale(0%) contrast(100%);}

.articles-img-trans {transition: 0.5s;}

.articles-img p{color:#848a91;
font-size:15px;
text-align:center;}

.articles-img img{-webkit-filter: grayscale(100%) contrast(115%);}

	.articles-img img:hover{text-decoration:none;
	-webkit-filter: grayscale(0%) contrast(100%);}
	
/*--------------------EXPOSITION--------------------*/

.expo-img-trans{transition: 1.5s;}

.expo-img img{border:2px #848a91 solid;
-webkit-filter: grayscale(100%) contrast(115%);
width:100%;}

	.expo-img img:hover{
	-webkit-filter: grayscale(0%) contrast(100%);}
/*--------------------EXPOSITION--------------------*/
	
.slider1{border:none;
background-color:#fff;}

/*--------------------PORTPHOLIO--------------------*/

.port-titles{color:#848a91;}

	.port-items{padding:50px;}