*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .2s ease-in-out;
}
body {
background:#F0EEE0 url(../images/fon.jpg);
font:13px/25px Arial, Helvetica, sans-serif;
color:#222;
}
header:after, .container:after, .topmenu:after, footer:after {
content: "";
display: table;
clear: both;
}
.container {
margin: 0 auto;
width: 100%;
max-width: 1200px;
}
a {
text-decoration: none;
outline: none;
color: #071;
}
a:hover {
color: #c40;
}
img {
height: auto;
max-width: 100%;
}
header {
margin: 0 auto;
width: 100%;
max-width: 1200px;
padding: 15px 0px 2px;
}
#logo {
float:left;
top:0px;
width:200px;
position:relative;}

#logo img {
max-height: 100px;
margin-left: 45px;
}
.sitename {
float: left;
padding: 10px 15px;
text-align: left;
font-family: "Times New Roman", Times, serif;
font-variant: small-caps;
font-style: italic;
font-weight: bold;
text-shadow: 2px 2px 2px #fff, 1px 1px 1px #FF5;
color: #081;   
}
.sitename span {
line-height: 30px;
}
.sitename span:nth-child(1) {
font-size: 33px;
}
.sitename span:nth-child(3) {
font-size: 23px;
}
.contact {
padding: 0;
float: right;
text-align: right;
}
.mod-finder {
float: right;
z-index: 70;
}
.mod-finder input[type="text"] {
padding: 6px;
width: 178px;
}
input, textarea, select {
display: block;
max-width: 100%;
background: #fff;
border: 1px solid #ddd;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset;
font: 14px Verdana, Arial, sans-serif;
}

.form-mail {
width: 350px;
margin: 0px auto;
padding: 2px 6px;
background-color: #fdfdfd;
}
.form input, textarea, select {
width: 100%;
margin: 8px 0;
padding: 4px 0px;
border: 1px solid #091;
}
#finalAnswer {
border: 1px solid #091;
}
.zakaz {
font-size: 16px;
letter-spacing: 0.1em;
padding: 3px;
background: #fff;
border: 1px solid #c40;
border-radius: 4px;
box-shadow: 0 1px 4px #aaa;
}

.topmenu {
margin: 0 auto;
width: 100%;
max-width: 1200px;
background: white;
border-radius: 4px;
box-shadow: 0 1px 4px #ccc;
margin-bottom: 5px;
}
.navmenu {
padding: 0 18%;
}
.navmenu li {
display: inline-block;
margin-right: 20px;
list-style: none;
}
.navmenu a {
line-height: 35px;
font-size: 15px;
}
.navmenu a:hover {
color: #c40;
}
li.active a {
color: #b22;
}

.nav-toggle {
display: none;
position: relative;
float: right;
width: 40px;
height: 40px;
margin-right: 20px;
background: #3b0;
cursor: pointer;
}
.nav-toggle span {
display: block;
position: absolute;
top: 19px;
left: 8px;
right: 8px;
height: 2px;
background: white;
}
.nav-toggle span:before, .nav-toggle span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background: white;
}
.nav-toggle span:before {
top: -10px;
}
.nav-toggle span:after {
bottom: -10px;
}
#menu1.active {
max-height: 300px;
}

.item-152 a, .item-308 a {
color: #d30 !important;
}

.content {
width: 65%;
float: left;
margin: 0 0 5px 0.5%;
padding: 20px 30px;
background: white;
border-radius: 4px;
box-shadow: 0 1px 4px #ccc;
font: 14px Verdana, Arial, sans-serif;
line-height: 1.5em;
text-align: justify;
}
h1, h2, h3, h4, h5, h6 {
margin: 1em 0 0.5em 0;
text-align: center;
line-height: 1em;
color: #071;
font-family: "Times New Roman", Times, serif;
text-shadow: 1px 1px 1px #fff, 2px 2px 2px #ddd;
font-variant: small-caps;
font-weight: bold;
}
h1{font-size: 24px;}
h2{font-size: 22px}
h3{font-size: 20px}
h4{font-size: 18px}
h5{font-size: 16px}
h6{font-size: 14px}
p, td {
margin: 0 0 0.5em;
letter-spacing: 0;
}
table {
border-collapse: collapse;
}
td {
padding: 5px;
border: 1px solid #182;
}
strong {
font-weight: bold;
}
.content a {
color: #b20;
}
.content a:hover {
color: #280;
}
.content ul, .content ol {
margin: 0 0 0 20px;
}
.knopka {
border-radius: 15px;
padding: 5px 10px;
background: #FBFBF4;
border: 1px solid #071;
}
.centr {
text-align: center;
margin: 0 auto;
}
.right {
float: right;
padding: 2px 0 5px 10px;
}
.linia {
display: inline-block;
margin: 9px;
text-align: center;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
.article {
background: url(../../../images/pic/article.png) no-repeat center;
}
.moduletable-breadcrumbs li {
list-style: none;
}
.moduletable-breadcrumbs a {
color:#999
}
#share42{display:inline-block;padding:6px 0 0 6px;background:#FFF;border:1px solid #E9E9E9;border-radius:4px;}
#share42:hover{background:#F6F6F6;border:1px solid #D4D4D4;box-shadow:0 0 5px #DDD;}
#share42 a{opacity:0.5;}
#share42:hover a{opacity:0.7}
#share42 a:hover{opacity:1}

#leftmenu {
width: 17%;
float: left;
}
#rightmenu {
width: 17%;
float: right;
}
#leftmenu .moduletable, #rightmenu .moduletable {
margin-bottom: 5px;
background: #fff;
border: 4px solid #fff;
border-radius: 4px;
box-shadow: 0 1px 4px #ccc;
}
.moduletable h3 {
font-size: 14px;
line-height: 25px;
padding: 5px 0;
margin: 0;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 5px solid #ddd;
}
.moduletable li {
padding: 4px 0 4px 5px;
font-size: 15px;
list-style: none;
border-bottom: 1px solid #ddd;
}
.moduletable li:last-child {
border-bottom: none;
}
.moduletable ul li.active {
background-color: #FAF9F4;
}
.moduletable ul li ul li {
padding: 2px 0 2px 6px;
}
.moduletable ul li ul li a {
color:#030;
}
.moduletable ul li ul li.active a, .moduletable ul li ul li a:hover {
color: #b00;
}
footer {
margin: 0 auto;
max-width: 800px;
}
#scrolup {
position: fixed;
bottom: 1%;
right: 1%;
opacity: 0.8;
z-index: 999;
-webkit-overflow-scrolling:touch;
}

@media (max-width: 768px) {
#logo {
float: none;
margin: 0 auto;
}
.sitename {
float: none;
width: 100%;
text-align: center;
}
.contact {
float: none;
margin: 0 auto 10px;
display: table;
}
.nav-toggle {
display: block;
}
#menu1 {
max-height: 0;
background: white;
float: none;
overflow: hidden;
margin: 0;
padding: 0;
z-index: 3;
}
#menu1 li {
display: block;
text-align: center;
border-bottom: 1px solid #EBEBE3;
margin-right: 0;
}
#leftmenu, #rightmenu, .content {
width: 100%;
float: none;
margin: 0 auto 5px;
}
#foot1 {
text-align: center;
}
.video-cont {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-cont iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.form-mail {
width: auto !important;
}
}