@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: Pelagy; /* имя шрифта для CSS правил */
    src: local("Pelagy"), /* проверяем наличие шрифта в ОС пользователя */
         url(/Pelagy.otf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }



html, body {margin:0; padding:0; color:#FFF; font-family: 'Exo 2', sans-serif; font-size:14px }
body {background:url(/images/gold-podlogka.png); font-size:14px}

a { color:#FFF}
.right a { text-decoration:none}

.wrapper {width:1000px; margin:auto} 

h1 { font-size:14px; color:#FFF; text-transform:uppercase; text-align:center; line-height: normal; padding-top:0px; text-shadow:0px 0px 5px #000 }
.zblack { font-size:40px; color:#FFF; font-family: 'Pelagy', sans-serif; text-align:center; line-height:50px; padding-top:100px; text-shadow:0px 0px 5px #000 }
h3 { font-size:28px; color:#FFF; font-family: 'Pelagy', sans-serif; text-align:center; line-height: normal; padding-top:10px; text-shadow:0px 0px 5px #000; display:block; }
h3:nth-of-type(1n) { border-top:1px solid #333}
h3:nth-of-type(1) { border-top:0px solid #333}

.line { background:#191919; padding-bottom:1px; padding-top:1px}

.top { background:url(/images/gold-podlogka.png) repeat; height:820px; width:100%}
.top  .wrapper {padding-top:100px;}
.left { display:inline-block; text-align:right; font-size:16px}
.right {float:right; display:inline-block; font-size:22px; text-align:left}
.right strong { color:#9a9999}
.logo { text-align:center; padding-top:100px}

.ikra { background: url(/images/chernaya-ikra-1.jpg) center center; background-size:cover; height:800px; border-top:1px solid #b5b5b5}
.ikra-text { background:url(/images/derevo-podlogka-ikra.png) repeat-x top center ; height:305px; position:relative}
.ikra-text .text { padding-top:30px; font-size:22px; text-align:justify; padding-left:100px; padding-right:100px;}  
.ikra2 { background:url(/images/ikra-shir.png) no-repeat center top ; background-size:cover; height:615px; margin-top:-60px; z-index:-1; position:relative}

.news {border-bottom:1px solid #b5b5b5; padding-bottom:100px}
.news img {width:100%; max-width:1000px; height:auto}

.podlogka {background:url(/images/manuskript.png) ; width:592px; height:512px; position: absolute; z-index:10; right:40px; bottom:-100px }
.podlogka .text { width:303px; left:180px; top:60px; position:absolute; font-family: 'Pelagy', sans-serif; color:#000; font-size:18px; line-height:25px }

.osetr {background:url(/images/osetr.jpg) no-repeat center center; height:862px; margin-top:-20px; z-index:-2; position:relative}
.osetr-text { background:url(/images/osetr-text.jpg) repeat-x; height:338px}
.osetr-text .text { padding-top:90px; font-size:22px; text-align:justify; padding-left:100px; padding-right:100px;}  
.osetr2 {background: url(/images/osetr2.jpg) no-repeat; background-size:cover; height:735px; position:relative}
.osetr2 .podlogka {background:url(/images/manuskript.png) ; width:592px; height:512px; position: absolute; z-index:10; left:40px; bottom:-100px }

.forel { background:url(/images/forel.jpg) no-repeat; background-size:cover; height:800px}
.forel-text { background: url(/images/gold-podlogka-zub.png) repeat-x; height:451px; margin-top:-30px}
.forel-text .text { padding-top:70px; font-size:22px; text-align:justify; padding-left:100px; padding-right:100px;}
.forel2 { background:url(/images/forel2.jpg) no-repeat; background-size:cover; height:530px; margin-top:-30px; position:relative; z-index:-2}
.forel2 .podlogka .text { width:303px; left:180px; top:80px; position:absolute; font-family: 'Pelagy', sans-serif; color:#000; font-size:18px; line-height:25px }

.predl {text-align:center; padding-bottom:50px; border-bottom:1px solid #CCC}
.predl .zblack {padding-bottom:100px}

.copyeight {text-align:center; padding-top:30px; padding-bottom:30px;}

.form { text-align:center}
.form input { width: auto; font-family: 'Exo 2', sans-serif; font-size:14px; height:30px; margin-top:10px;text-align:left; padding-left:10px;  border:none; border-radius:5px; margin-bottom:10px;}
.form textarea {width:300px; font-family: 'Exo 2', sans-serif; margin-top:10px; height:120px;  font-size:14px; text-align:center; resize:none; border:none; border-radius:5px; margin-bottom:10px;}
.form input[type="submit"] { width:auto; padding-left:10px; padding-right:10px; text-align:center; background:#CCC; font-size:14px}

.icon { display:inline-block; width: 33%;vertical-align:top }
.icon .image { height:80px;}
.icon .text {vertical-align:top; height: 100px; padding-top:20px; font-size:16px;}



/* Адаптив */ 


@media screen and (max-width: 990px) {
	
	html, body {margin:0; padding:0; color:#FFF; font-family: 'Exo 2', sans-serif; font-size:14px;  }
body {background:url(/images/gold-podlogka.png); font-size:14px;  }
.all {width:100%; overflow:hidden}

.wrapper {width:auto; margin:auto} 

h1 { font-size:14px; color:#FFF; text-transform:uppercase; text-align:center; line-height: normal; padding-top:0px; text-shadow:0px 0px 5px #000 }
.zblack { font-size:40px; color:#FFF; font-family: 'Pelagy', sans-serif; text-align:center; line-height:50px; padding-top:100px; text-shadow:0px 0px 5px #000 }
h3 { font-size:28px; color:#FFF; font-family: 'Pelagy', sans-serif; text-align:center; line-height: normal; padding-top:10px; text-shadow:0px 0px 5px #000; display:block; }
h3:nth-of-type(1n) { border-top:1px solid #333}
h3:nth-of-type(1) { border-top:0px solid #333}

.line { background:#191919; padding-bottom:1px; padding-top:1px}

.top {  height:auto; width:100%}
.top  .wrapper {padding-top:40px;}
.left { display:block; text-align:right; font-size:16px; text-align:center}
.right {float:none; display:block; font-size:22px; text-align:left; text-align:center; padding-top:20px}
.right strong { color:#9a9999}
.logo { text-align:center; padding-top:20px}
.logo img {width:100%}

.ikra { background: url(/images/chernaya-ikra-1.jpg) center center; background-size:cover; height:auto; padding-bottom:80px; border-top:1px solid #b5b5b5}
.ikra-text { background:url(/images/derevo-podlogka-ikra.png) repeat-x top center ; height:305px; position:relative;}
.ikra-text .text { padding-top:40px; font-size:14px; text-align:justify; padding-left:20px; padding-right:20px;}  
.ikra2 { background:url(/images/ikra-shir.png) no-repeat -600px top  ; background-size:cover; height:615px; margin-top:-60px; z-index:-1; position:relative}
.ikra2 .podlogka { bottom:-200px !important; }
.news {border-bottom:1px solid #b5b5b5; padding-bottom:100px; margin-top:250px; text-align:center}
.news img {width:100%; height:auto}

.podlogka {background:url(/images/manuskript.png) ; background-size:cover; width:592px; height:512px; position: absolute; z-index:10; left:50%; margin-left:-330px; bottom:-100px }
.podlogka .text { width:303px; left:180px; top:60px; position:absolute; font-family: 'Pelagy', sans-serif; color:#000; font-size:18px; line-height:25px }

.osetr {background:url(/images/osetr.jpg) no-repeat center center; height:auto; padding-bottom:80px; margin-top:150px; z-index:-2; position:relative}
.osetr-text { background:url(/images/osetr-text.jpg) repeat-x; height:338px}
.osetr-text .text { padding-top:90px; font-size:14px; text-align:justify; padding-left:20px; padding-right:20px;}  
.osetr2 {background: url(/images/osetr2.jpg) no-repeat; background-size:cover; height:735px; position:relative}
.osetr2 .podlogka {background:url(/images/manuskript.png) ;background-size:cover;  width:592px; height:512px; position: absolute; z-index:10; left:50%; margin-left:-330px; bottom:-100px}

.forel { background:url(/images/forel.jpg) no-repeat; background-size:cover; height:auto; padding-bottom:80px}
.forel-text { background: url(/images/gold-podlogka-zub.png) repeat-x; height:451px; margin-top:-30px}
.forel-text .text { padding-top:175px; font-size:14px; text-align:justify; padding-left:20px; padding-right:20px;}
.forel2 { background:url(/images/forel2.jpg) no-repeat -100px top; background-size:cover; height:530px; margin-top:-30px; position:relative; z-index:-2}
.forel2 .podlogka .text { width:303px; left:180px; top:80px; position:absolute; font-family: 'Pelagy', sans-serif; color:#000; font-size:18px; line-height:25px }
.forel2 .podlogka { bottom:-350px}
.predl {text-align:center; padding-bottom:50px; border-bottom:1px solid #CCC; }
.predl .zblack {padding-bottom:100px}

.copyeight {text-align:center; padding-top:30px; padding-bottom:30px;}

.form { text-align:center}
.form input { width:300px; font-family: 'Exo 2', sans-serif; font-size:14px; height:30px; margin-top:10px;text-align:center;  border:none; border-radius:5px; margin-bottom:10px;}
.form textarea {width:300px; font-family: 'Exo 2', sans-serif; margin-top:10px; height:120px;  font-size:14px; text-align:center; resize:none; border:none; border-radius:5px; margin-bottom:10px;}
.form input[type="submit"] { width:auto; padding-left:10px; padding-right:10px; background:#CCC; font-size:14px}

.icon { display:block; width: 100%;vertical-align:top }
.icon .image { height:80px;}
.icon .text {vertical-align:top; height: 100px; padding-top:20px; font-size:16px;}



}