@charset "UTF-8";
* {box-sizing:border-box;}
html, body {
	font-family: 'ubuntu', sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
	background-color:#FFF;
	font-size:16px;
}
input, textarea, keygen, select, button {box-sizing:border-box; text-shadow: none; box-shadow: none; font-family: 'ubuntu';}
P { margin:0 0 12px 0; line-height: 20px;}
IMG {border:0}
A { color:#A27E4F;  -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline:none;}
A:hover {color:#542A01; text-decoration:none;}
input, button {-webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline:none;font-family: 'ubuntu' !important; font-size:15px; color:#4d074f;}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.container {max-width:990px; margin:0 auto; position:relative; vertical-align:top;}
.top-line { height:18px; background:url(../img/line01.gif);}
.top { min-height:433px; background:url(../img/img11.jpg) no-repeat center center; background-size: cover;color:#fee400; text-align:center; padding-top:45px;}
.top .line01 { float:left; background:url(../img/icon1.png) no-repeat 0 40px; width:255px; font-size:25px; font-weight:bold; padding:35px 0 0 34px; text-align:left;}
.top .line01 a { display:block; color: #FFF; font-weight:normal; text-decoration:none; font-size:16px; line-height:22px;}
.top .line01 a:hover { text-decoration:underline;}
.top .line02 { float:right; background:url(../img/icon2.png) no-repeat 0 40px; width:265px; font-size:16px;  padding:35px 0 0 34px; text-align:left;}
.top .line02 span { display:block; color:#FFF;}
.top .logo {}
.top .mish { position:absolute; top:200px; left:636px; text-align:center;}
.top .slog { font-size:26px; color:#FFFFFF; font-family:'crik'; padding-top:64px; text-transform:uppercase;}

.about { background:url(../img/back1.png); padding:32px 0 35px 0;}
.about .line01 { padding-left:380px; }
.about .line02 { position:absolute; bottom:-76px; left:7px;} 
.about span { font-weight:bold; color:#0152a1;}
.about text { font-weight:bold; color:#a1012e;}


.style01{ padding-top:15px;} 
H1 {font-size:40px; color:#0152a1; font-family:'crik'; margin:0 0; padding:0 0 28px 0; text-transform:uppercase; text-align:center;}

.catalog { padding:20px 0 60px 0;}
.accordion { list-style:none; margin:0 0; padding:0 0;}
.accordion li { padding-bottom:20px;}
.accordion-opener { text-decoration:none;color:#000; display:block;  font-size:22px; font-family:'crik'; text-transform:uppercase; padding:0 0 12px 70px; }
.accordion-opener:hover {color:#000;}
.accordion h3 {padding:0 0; margin:0 0; min-height:66px; line-height:20px;}
.accordion span, .accordion .car { display:inline-block; vertical-align:bottom; padding-right:10px;}
.accordion span { min-height:33px;}
.accordion h3:hover { opacity:0.6;}
.b-02 {background:url(../img/line02_2.png) left bottom no-repeat ;}
.b-03 {background:url(../img/line02_3.png) left bottom no-repeat ;}
.b-04 {background:url(../img/line02_4.png) left bottom no-repeat ;}
.b-05 {background:url(../img/line02_5.png) left bottom no-repeat ;}
.b-06 {background:url(../img/line02_6.png) left bottom no-repeat ;}
.b-07 {background:url(../img/line02_7.png) left bottom no-repeat ;}
.b-08 {background:url(../img/line02_8.png) left bottom no-repeat ;}

.tovar { width:188px; display:inline-block; font-size:14px; text-align:left; padding-bottom:40px;vertical-align:top; margin:0 3px 0 2px}
.tovar .head { width:100%; height:37px; display:table; background:url(../img/img17.png);  font-size:20px; font-family:'crik'; color:#FFF; padding-bottom:3px; text-align:center;}
.tovar .head div { display:table-cell; vertical-align:middle;}
.tovar img { margin:12px auto 0 auto; display:block; }
.tovar .line01 { min-height:17px; font-weight:bold;text-align:center; margin:8px 0 0 0; padding-bottom: 5px;}
.tovar .head div.small { font-size:18px;}
.tovar .head div.small2 { font-size:16px; line-height:15px;}
.panel { text-align:center; padding-top:37px; }

.block-form { min-height:451px; background:url(../img/img13.jpg) no-repeat center center; background-size: cover; text-align:left;}
.block-form .line01 { width:570px; height:451px; background:url(../img/img14.png) center bottom no-repeat; display:inline-block; vertical-align:bottom;}
.block-form .line02 { width:291px; height:388px; background:url(../img/img15.png) no-repeat; display:inline-block; vertical-align:bottom; margin-bottom:26px;}
.block-form .head { color:#000; font-family:'crik'; font-size:36px; text-align:center; line-height:32px; padding-top:10px;}
.block-form .form { width:215px; margin:0 auto; font-size:18px; color:#FFF; padding-top:38px;}
.block-form .form input { width:100%; height:40px; background-color:#e4e4e4; border:1px solid #FFF; border-radius:5px; margin:7px 0 22px 0; padding:0 10px; font-size:18px; color:#0152a1;}
.block-form .line02 a { display:block; font-size:31px; font-family:'crik'; color:#d80000; text-align:center; background:url(../img/img16.png) bottom right no-repeat; text-decoration:none; padding-bottom: 26px; margin:26px 16px 0 16px; }
.block-form .line02 a:hover {background:url(../img/img16_d.png) bottom right no-repeat;}

.bottom { min-height:166px; background:url(../img/back1.png); border-bottom:2px solid #FFF; font-size:15px; padding-bottom:20px;}
.bottom .line01, .bottom .line02, .bottom .line03 { display:inline-block; vertical-align:top;}
.bottom .line01 { width:195px; text-align:center; padding-top:21px;}
.bottom .line02 { width:280px; padding:41px 0 15px 0; text-align:left;}
.bottom .line03 { color:#285d8f; font-size:25px; padding-left:33px; background:url(../img/icon3.png) 0 7px no-repeat; margin-top:20px;}
.bottom .line03 a { display:block; font-size:15px; color:#000; text-decoration:none; padding-top:3px;} 
.bottom .line03 a:hover { text-decoration:underline;}
.bottom .line04 { float:right; padding-top:21px;}

@media only screen and (max-width: 960px) {
.top .logo, .top .mish { position: inherit; display:block; margin:0 auto;  top: auto; left:auto; }
.top .line01, .top .line02 { float:none; width:45%; display:inline-block; vertical-align:top; }
.top .slog { padding:30px 10px 15px 10px;}
.about .line02 img { width:300px;}
.about .line01 { padding:0 10px 0 345px; }
.accordion h3 img { display:none;}
.accordion h3 { display:table; width:100%; text-align:center;}
.accordion-opener { display:table-cell; height:66px; vertical-align:middle; padding:0 10px 0 10px;}
.accordion span { min-height:auto; line-height:24px;}
.block-form .line01 { width:400px; background-size:contain;}
.bottom { text-align:center;}
.bottom .line04 { float:none; display:inline-block; vertical-align:top; margin-left:15px;}
}
@media only screen and (max-width: 770px) {
.about .line02 { display:none;}
.about .line01 { padding:0 10px 0 10px; }
.block-form .line01 { display:none;}
.block-form { padding-top:30px;}
}
@media only screen and (max-width: 700px) {
.b-02 {background:#e69953;}
.b-03 {background:#e1715a;}
.b-04 {background:#54a569;}
.b-05 {background:#5192b7;}
.b-06 {background:#4aaccf;}
.b-07 {background:#cbba79;}
.b-08 {background:#fed22e;}
}
@media only screen and (max-width: 580px) {
.top .line01, .top .line02 { width:auto; display: table; margin:0 auto;}
.top .slog { font-size:20px;}
.accordion-opener { font-size:18px;}
H1 {font-size:30px; }
.block-form .head {font-size:30px;}
.bottom .line02 { width:100%;text-align:center; padding-top:20px;}
.top .container {overflow:hidden;}
}
@media only screen and (max-width: 360px) {
.top .logo { margin:0 10px; width:100%;}
.top .slog { font-size:18px;}
}