﻿/* PT_Serif */
@font-face
{
font-family:myPTSerif; 
src: url('../fonts/PT_Serif-Web-Regular.ttf') format('truetype');
}
@font-face
{
font-family:myPTSerif-Italic; 
src: url('../fonts/PT_Serif-Web-Italic.ttf') format('truetype');
}
@font-face
{
font-family:myPTSerif-Bold; 
src: url('../fonts/PT_Serif-Web-Bold.ttf') format('truetype');
}
@font-face
{
font-family:myPTSerif-BoldItalic; 
src: url('../fonts/PT_Serif-Web-BoldItalic.ttf') format('truetype');
}
/**/
p{
font-family:myPTSerif;
font-size:1.125em; /*18 pt*/
line-height:1.35em; /*20 pt*/	
}
em{
font-family:myPTSerif-Italic;
}
strong{
font-family:myPTSerif-Bold;	
}	
strong span { 
font-family:myPTSerif-BoldItalic;	
}
.propisn{
text-transform:uppercase;
}
/* Futura */
@font-face
{
/*font-family:myOpensans;*/
font-family:myOpensans;
src: url('../fonts/Futura-Futuris-Medium.ttf') format('truetype'); /* Местонахождение шрифта в формате .ttf */ 
}
/**/
h1, h2, h3, h4 { 
font-family:myOpensans;
font-style:normal;
}	
h1{ 
font-size:5.0em; 
line-height:1.25em; 
letter-spacing:0.03em;
font-weight:400;
color:#000;
}	
h2{
font-size:2.2em;
font-weight:400;
}
h3{
font-size:1em;
line-height:1.5em;
font-weight:400;
}
h4{
font-size:0.55em;
line-height:1.5em;
font-weight: 400;
}
@media screen and (max-width: 1024px) {	
h1{ font-size:3.5em;}
}
@media screen and (max-width: 430px) {	
h1{ font-size:2em; letter-spacing:0.01em;}	
}
/*Ссылка*/
a{color: #000;			
  text-decoration:none !important;
  transition: 0.5s; 
  outline: none;
	}
a:hover{	
  color: #ccc;
  transition:0.5s;
  outline:none; 
	}
/*Картинки ч/б*/
a img{
	-webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
a img:hover{     	
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\' filterRes=\'800\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}