@charset "utf-8";

@font-face {
    font-family: Corbel N;
    src: url("http://kuz-mat.ru/styles/CORBEL_0.TTF");
    font-style: normal;
}

@font-face {
    font-family: Corbel B;
    src: url("http://kuz-mat.ru/styles/CORBELB_0.TTF");
    font-style: bold;
}

@font-face {
    font-family: Corbel;
    src: url("http://kuz-mat.ru/styles/CORBELI_0.TTF");
    font-style: Italic;
}

@font-face {
    font-family: Corbel;
    src: url("http://kuz-mat.ru/styles/CORBELZ_0.TTF");
    font-style: Italic Bold;
}


@font-face {
    font-family: Ceremonious Two;
    src: url("http://kuz-mat.ru/styles/Ceremonious Two.ttf");
}

body{
	margin: 0;
	min-width: 980px;
    max-width: 1920px;
	padding: 0;
}

.top-menu{
    width: 100%;
    height: 40px;
    position: fixed;
    right: 0px;
    top: 5px;
    z-index: 1000;
    background-color: #fff;
    opacity: 0.9;
    box-shadow:inset 0px -1px 0px #000;
}

.menu{
    margin: auto;
    width: 980px;
    height:inherit; 
    display: table;
}

.menu-block {
    vertical-align: middle;
    text-align: right;
    width: 160px;
    display: table-cell;
    font-family: 'Corbel N', sans-serif;
    font-size: 1.3em;
    padding: 0 10px 0 10px;
}

.menu-block a{
    color: black;
    text-decoration: none;
}

.menu-block a:hover{
    color: #D61608;
}

.title{
    height: 200px;
    width: 80%;
    margin: 400px 10%;
    color: white;
    z-index: 300;
    float: right;
    font-family: 'Arial Black', sans-serif;
    vertical-align: middle;
}

.logo {
    height: 250px;
    width: 100%;
    font-family: "Ceremonious Two";
    color: #E76D6D;
    font-size: 7em;
    background: rgba(0, 0, 0, 0.7);
    z-index: 300;
    float: right;
    text-align: center;
    box-shadow: 5px 5px 5px #000; 
    padding-top: 25px;

}

.tag {
    text-align: right;
    font-family: "Ceremonious Two";
    color: #fff;
    font-size: 6em;
    height: 100px;
    width: 100%;
    z-index: 300;
    float: right;
    background: rgba(0, 0, 0, 0.7);


}

.mail a{
    color: white;
    text-decoration: none;
}

.mail a:hover{
    color: black;
}

.contacts_img{
    float: left;
    margin: 13px 20px;
}

.next_page{
    clear: right;
    width: 100%;
    height: 30px;
    position: relative;
    bottom: 100px;
    z-index: 300;
    margin: auto;
    text-align: center;
}


p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:'Corbel N', sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;

}

img{
	border: 0;
}

h1, #pixels{
	font-family:'Corbel B', sans-serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
    font-weight: bold;
}

h2{
	font-family:'Corbel B',sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
    text-decoration: underline
}

hr{
    width: 75%;
    min-width: 980px;
    color: #727271;
}

.float-left{
	float: left;	
	margin: 400px 0 0 20px;
}

.float-center{
	float: none;
    text-align: justify;
    
}

.float-center2{
	float: none;
    text-align: justify;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

.doc_img{
    text-align: left;
    padding: 50px 0 50px 0;
}

.doc_img img{
    padding: 10px;
}

.header {
    width: 100%;
    text-align: center;
    color: white;
    box-shadow:0px 4px 0px #780914;
    font-size: 2em;
    margin: 45px 0 0 0;
    font-family: 'Corbel B',sans-serif;
    font-style: bold;
    line-height: 50px;
    
}

.header2 {
    width: 100%;
    text-align: center;
    background-color: #D61608;
    color: white;
    box-shadow:0px 4px 0px #780914;
    font-size: 2em;
    margin: 15px 0 0 0;
    font-family: 'Arial Black', sans-serif;
    line-height: 50px;
    
}

.about{
    display: table-cell;
    width: 500px;
    text-align: center;

}

.about h1{
    font-family: "Ceremonious Two";
    color: #E76D6D;
    font-size: 1.8em;
    
}

.about_img{
    display: table-cell;
    width: 480px;
    text-align: center;
    color: #E76D6D;
}

.time{
    background-color: black;
    height: 40px;
    width: 350px;
    color: white;
    margin: auto;
    line-height: 40px;
}

#nav{
	list-style: none;


}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/1.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	color: black;
	height: 1080px;
	margin: 0 auto;
	padding: 0;
}

#section1{
	background: url(images/st.jpg) 50% 0 fixed;
	color: black;
	height: 2010px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#section2{
	background: url(images/st.jpg) 50% 0 fixed;
	color: black;
	height: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}


#section3_0{
	background: url(images/st.jpg) 50% 0 fixed;
	color: black;
	height: 1140px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#section3{
	background: url(images/st.jpg) 50% 0 fixed;
	color: black;
	height: 1290px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#section4{
	background: url(images/st.jpg) 50% 0 fixed;
	color: black;
	height: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#section1 .bg1{
	background: url(images/maps.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	height: 875px;
	margin: 1880px 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

#section3 .bg3{
	background: url(images/3.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	height: 480px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

#section3_0 .bg3_0{
	background: url(images/3_0.jpg) 50% 0 no-repeat fixed;
    background-size: cover;
	height: 480px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

#section4 .bg4{
	background: url(images/4.jpg) 50% 0 no-repeat fixed;
	background-size: cover;
    height: 480px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 200;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 100%;
}

.story .float-left, .story .float-center{
	padding: 10px 0 0 0;
	position: relative;
	width: 980px;
    margin: auto;
    font-family: Corbel N;
    font-size: 1.4em;
}

.float-center2{
	padding: 0px 0 0 0;
	position: relative;
	width: 980px;
    margin: auto;
    z-index: 999;
}

.top_footer {
    width: 100%;
    height: 200px;
    font-family: 'Arial Narrow',sans-serif;
    font-size: 3em;
    background-color: #D61608;
    color: #fff;
}

.waves{
    width: 100%;
    height: 22px;
    background-image: url(images/vl.png); 
    position: relative;
    z-index: 999;
}

.adress_footer{
    width: 980px;
    margin: auto;
}

.low_footer{
    width: 100%;
    height: 130px;
    font-family: 'Arial',sans-serif;
    font-size: 2.5em;
    background-color: #000;
    color: #fff;
}

.phone_footer{
    width: 980px;
    padding: 30px 0 0 0 ;
    margin: auto;
    text-align: center;
}

.phone_footer a{
    color: white;
    text-decoration: none;
}

.phone_footer a:hover{
    color: #D61608;
}

.text_contacts{
    height: 100px;
    width: 980px;
    color: #727271;
    display: table;
    text-align: right;
    margin: auto;
}

.text_logo{
    height: 80px;
    width: 730px;
    font-family: 'Arial Black',sans-serif;
    font-weight: bold;
    font-size: 2.2em;
    line-height: 40px;
    float: left;
}

.text_mail{
    height: 20px;
    width: 200px;
    display: table-cell;
    float: left;
    font-family: 'Arial',sans-serif;
    font-size: 1.3em;
    line-height: 20px;
    padding-top: 3px;
}

.text_mail a{
    color: #727271;
    text-decoration: none;
}

.text_mail a:hover{
    color: #D61608;
}

.text_mail_img{
    height: 20px;
    width: 50px;
    display: table-cell;
    float: left;
    padding-top: 3px;
}

.text_phone{
    height: 20px;
    width: 200px;
    display: table-cell;
    float: left;
    font-family: 'Arial',sans-serif;
    font-size: 1.2em;
    line-height: 20px;
}

.text_phone_img{
    height: 30px;
    width: 50px;
    display: table-cell;
    float: left;
    
}

.bookmark{
    width: 100%;
    height: 50px;
    z-index: 999;
    text-align: center;
    position: relative;
    margin: 695px 0 0 0;
}

.mode{
    display: table;
    margin: 30px auto;
    width: 100%;
}

.mode_block1{
    display: table-cell;
    float: left;
    width: 35%;
    height: 160px;
    font-family: 'Arial', sans-serif;
    font-size: 1.7em;
    line-height: 40px;
    border-right: 3px solid black;
    text-align: right;
    padding-right: 5px;
}

.mode_block2{
    display: table-cell;
    float: left;
    width: 27%;
    height: 160px;
    font-family: 'Arial Bold', sans-serif;
    font-weight: bold;
    font-size: 2em;
    line-height: 160px;
    text-align: left;
    padding-left: 20px;
}

.mode_block3{
    display: table-cell;
    float: left;
    width: 260px;
    height: 90px;
    background-color: #000;
    color: #fff;
    font-size: 2em;
    line-height: 35px;
    text-align: center;
}

.mode_block3_1{
    width: 100%;
    height: 45px;
    font-family: 'Arial', sans-serif;
    line-height: 50px;
}

.mode_block3_2{
    width: 100%;
    height: 45px;
    font-family: 'Arial Bold', sans-serif;
    font-weight: bold;
    line-height: 35px;
}

.mode_block4{
    display: table-cell;
    clear: left;
    float: left;
    height: 25px;
    width: 100%;
}

.mode_block5{
    display: table-cell;
    clear: left;
    float: left;
    width: 35%;
    height: 60px;
    font-family: 'Arial', sans-serif;
    font-size: 1.7em;
    line-height: 60px;
    border-right: 3px solid black;
    text-align: right;
    padding-right: 5px;
}

.mode_block6{
    display: table-cell;
    float: left;
    width: 27%;
    height: 60px;
    font-family: 'Arial Bold', sans-serif;
    font-weight: bold;
    font-size: 2em;
    line-height: 60px;
    text-align: left;
    padding-left: 20px;
}

.wrapper {
	height: 1000px;
	margin: 0 auto 30px;
	position: relative;
	width: 700px;
}

.slider {
	height: inherit;
	overflow: hidden;
	position: relative;
	width: inherit;
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	-o-box-shadow: 0 0 50px rgba(0, 0, 0, .5);
	box-shadow: 0 0 50px rgba(0, 0, 0, .5);
}

.slides {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-moz-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	-o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

.slide1 { background-image: url(images/lc1.jpg); }
.slide2 { background-image: url(images/lc2.jpg); }
.slide3 { background-image: url(images/lc3.jpg); }
.slide4 { background-image: url(images/lc4.jpg); }
.slide5 { background-image: url(images/lc5.jpg); }
.slide6 { background-image: url(images/lc6.jpg); }
.slide7 { background-image: url(images/lc7.jpg); }
.slide8 { background-image: url(images/lc8.jpg); }
.slide9 { background-image: url(images/lc9.jpg); }

#slide1:checked ~ .slider > .slide1,
#slide2:checked ~ .slider > .slide2,
#slide3:checked ~ .slider > .slide3,
#slide4:checked ~ .slider > .slide4,
#slide5:checked ~ .slider > .slide5,
#slide6:checked ~ .slider > .slide6,
#slide7:checked ~ .slider > .slide7,
#slide8:checked ~ .slider > .slide8,
#slide9:checked ~ .slider > .slide9 {
	opacity: 1;
	z-index: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.wrapper > input {
	display: none;
}

.wrapper .controls {
	width: 100%;
    text-align: center;
	position: absolute;
    z-index: 99;
    background: rgba(214,22,8,.7);
    
}

.wrapper label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px 10px 10px 10px;
	position: relative;
	width: 8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: background ease-in-out .5s;
	-moz-transition: background ease-in-out .5s;
	-o-transition: background ease-in-out .5s;
	transition: background ease-in-out .5s;
}

.wrapper label:hover, 
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5),
#slide6:checked ~ .controls label:nth-of-type(6),
#slide7:checked ~ .controls label:nth-of-type(7),
#slide8:checked ~ .controls label:nth-of-type(8),
#slide9:checked ~ .controls label:nth-of-type(9) {
	background: #ddd;
}

.wrapper label:after {
	border: 2px solid #ddd;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}


#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(77,77,77,.8);
  cursor: zoom-out;
}