@media screen and (min-width: 1230px){.cont{background: rgba(255, 255, 255, 0.2)}}
.map{
	position: absolute;
    height: 114%;
    width: 100%;
    top: -40px;
    z-index: -1;
}
.map a{
	color: #000;
}
.monaco {
    background: url(http://monaco-restaraunt.ru/favicon.ico) left top no-repeat;
    background-size: 13%;
    padding: 2px 0 2px 22px;
}
.videogusev {
    background: url(http://videogusev.ru/favicon.ico) left top no-repeat;
    background-size: 13%;
    padding: 2px 0 2px 22px;
}
.seo-adv-online {
    background: url(http://seo.adv-online.ru/favicon.ico) left top no-repeat;
    background-size: 13%;
    padding: 2px 0 2px 22px;
}
.promo-adv-online {
    background: url(http://promo.adv-online.ru/favicon.ico) left top no-repeat;
    background-size: 12%;
    padding: 2px 0 2px 22px;
}
.artemsound {
    background: url(http://artemsound.ru/favicon.ico) left top no-repeat;
    background-size: 13%;
    padding: 2px 0 2px 22px;
}
.instrumental-chanson {
    background: url(http://instrumental-chanson.com/favicon.ico) left top no-repeat;
    background-size: 9%;
    padding: 2px 0 2px 22px;
}
nav, footer{
    background-color: rgba(35, 34, 29, 0.82);
}
img.contakt-foto{
    position: absolute;
    top: 13vh;
    height: 80vh;
    margin-left: 45px;
    opacity: 0;
}
.contakt{
	padding: 0;
    position: absolute;
    right: 20px;
    top: 70px;
    width: 60%;
	background-color: rgba(35, 34, 29, 0.82);
}
h1{
    border: none;
    padding: 15px 16px 0 16px;
    text-align: left;
}
p{
	color: #fff;
    padding: 10px 15px 0 15px;
    border: none;
    margin: 0;
    height: auto;
}
p.text + p, p.text + p + p{
    padding:0;
    margin: 0;
}
a.kont{
    display: block;
    float: left;
    padding: 2% 0;
    text-decoration: none;
    font-size: 1.5vw;
	width: 33.3333333%;
    margin: 0;
}
a.kont:hover{
	color: #000;
    background: rgba(255, 255, 255, 0.70);
}
a.kont + br{
    display: none;
}
i{
	font-family: 'my-ico';
	padding: 5%;
}
.contakt {
	-webkit-animation: okno 1s 2s;
	animation: okno 1s 2s;
  /*contakt-fotos infinite;*/
  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
  -webkit-transform: perspective(1000px) rotateY(0deg) rotateX(-90deg);
  transform: perspective(1000px) rotateY(0deg) rotateX(-90deg);
  top: 0%; 
  
}
@-webkit-keyframes okno{
	0%{top: -80px;}
	100% {-webkit-transform: perspective(1000px) rotateY(0deg) rotateX(0deg);top: 100px}
}
@keyframes okno{
	0%{top: -20%;}
	100% {transform: perspective(1000px) rotateY(0deg) rotateX(0deg);top: 100px}
}
.contakt-foto{opacity: 0;-webkit-animation:contakt-foto 1s 3s;-webkit-animation-fill-mode: forwards;}
@-webkit-keyframes contakt-foto{
	0%{opacity: 0;}
    100%{opacity: 1;}
}
.contakt-foto{opacity: 0;animation:contakt-foto 1s 3s;animation-fill-mode: forwards;}

@keyframes contakt-foto{
	0%{opacity: 0;}
    100%{opacity: 1;}
}
.portfolio h2{
	border: none;
	padding: 15px 16px 0 16px;
	margin: 0;
	text-align: left;
}
.portfolio a.m-port-01, .portfolio a.m-port-01:hover,
.portfolio a.m-port-02, .portfolio a.m-port-02:hover,
.portfolio a.m-port-03, .portfolio a.m-port-03:hover,
.portfolio a.m-port-04, .portfolio a.m-port-04:hover{
	padding: 10px;
}