/** {margin: 0; padding: 0;}*/
body {color: #BBBBBB;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/header/header1.jpg) #000000 repeat-x;
font-size: 13px; line-height: 1.5;margin: 0;}
.wrapper {max-width: 1170px; margin: 0 auto;}
.logo {position: absolute;padding-top: 25px;}
header {margin-bottom: 30px;}
main {display: flex; display: -webkit-flex;}
main > nav {display: flex; flex-direction: column;
order: -1;max-width: 210px;width: 100%;}
main > article {display: flex; flex-direction: column;
width: 100%; max-width: 690px;
padding: 0 30px;}
main > aside {display: flex; flex-direction: column;max-width: 210px;width: 100%;}
footer {margin-top: 20px; padding: 15px 0; background-color: rgba(41,41,41,1.00);
border-top: 5px solid rgba(75, 75, 75, 1.0);}
.centr {text-align: center;}
.df {display: flex; display: -webkit-flex;}
.jsp-b {display: flex; display: -webkit-flex; justify-content: space-between;}
.alit-c {display: flex; display: -webkit-flex;
-webkit-align-items: center;
align-items: center;}
 .df .alit-cc {display: flex; display: -webkit-flex;
-webkit-align-items: center;
align-items: center; justify-content: center;
width: 100%; text-align: center; padding: 0 20px;}
/*.m1, .m4--- {margin-top: 145px; padding: 13px 30px;
color: #FFFF00; font-weight: bold;}*/
.m1 {padding-top: 150px;}
.m2 {padding-top: 220px;}
.m5 {margin: 0 50px;}
div.hov a {padding: 13px 39px; color: #FFFF00;  font-weight: bold;}
div.hov a:hover, div.hov a:focus {color: #FF0000;
background: url(../images/arrow5.png) repeat center;}
.pt {padding-top: 20px;}
.moduletable_menu, .moduletable {margin-bottom: 20px;}
.moduletable_menu h3, .moduletable h3 {padding: 0 0 7px;
margin: 0; color: #008BD0;
font-size: 16px; font-weight: bold;
text-transform: uppercase;}
ul.mod-menu {margin: 0;padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;}
ul.mod-menu li a {padding: 3px 5px;
display: block;color: #999999;font-weight: bold;
background: url(../images/hdot2.gif) repeat-x bottom;
text-decoration: none;outline: none;}
ul.mod-menu li a:hover {color:#29719E;text-decoration: none;}
ul.mod-menu li.active a {color:#29719E;font-weight:bold;}
ul li {line-height: 180%;}
h1 {font-size: 25px;margin: 0 0 20px 0;}
.blog-featured h1, .blog-featured h2 {text-align: center;}
a {color: #008BD0;text-decoration: none; outline: none;}
p {margin: 0;}
h1, h2, h3, h4 {color: #008BD0; font-weight: normal; line-height: normal;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 13px; margin: 0 0 7px 0;}
.header-article {text-align: left;color: #008BD0;}
.foot {display: flex;max-width: 1170px; 
margin: 0 auto;padding: 0 10px;}
.vizit {width: 90%;}
.pulltop {width: 10%; text-align: right; padding-right: 10px;}
#modlgn-username, #modlgn-passwd {width: 95%;}
.input-prepend {margin-bottom: 10px;}
.login-button {margin-top: 5px;}
.gl-top {padding: 3px; border-radius: 3px;
border: 1px solid #5d5d5d;}
.pager {list-style: none;margin: 20px 0 5px 0;}
.pagenav li {display: inline;
list-style: none outside none; padding: 3px;}
.pager .previous a {float: left; padding: 3px 7px; 
border: 1px solid rgba(110,110,110,1.00);
border-radius: 4px;}
.pager .next a {float: right;padding: 3px 7px; 
border: 1px solid rgba(110,110,110,1.00);
border-radius: 4px;}
.breadcrumb {list-style: outside none none;
padding: 6px 10px; margin: 3px 0 5px 0;
background-color: rgba(50,50,50,0.80);
-webkit-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px;}
.breadcrumb li {display: inline-block;}
.breadcrumb-item+.breadcrumb-item:before {color: #6d757e;content: ">";margin: 0 0.3rem;}
fieldset {margin-bottom: 10px;border: 1px solid #636363;
padding: 15px;}
.items-row {margin-bottom: 30px;}
.mod-price {display: flex;justify-content: space-around;flex-wrap: wrap;gap: 20px;margin: 10px 0;}
.mod-price a {background-color: #323232;color: #b7b7b7;padding: 5px 10px;border-radius: 3px;border: 1px solid #4c4c4c;}
.mod-price a:hover {color: red;background-color: #3a3a3a;}
/******** Вертикально-выпадающее меню аккордеон - vmenu ********************/
ul.vmenu2 {font: bold 12px Arial,Helvetica,sans-serif;
list-style: none outside none;
margin: 0;padding: 0;}
ul.vmenu2 li {margin: 0 0 2px;}
ul.vmenu2 li a {display: block;
padding: 3px 5px;text-decoration: none;}
ul.vmenu2 li.parent > a:after {
background:url("../images/arrow-dropdown.png") no-repeat;
display:block; content:"";
float:right;margin:8px 5px 0 0;
height:3px;width:6px;}
.form-group, .form-group .form-control {margin-bottom: 5px;}
/* Выпадающие пункты */
ul.vmenu2 li ul {font-weight: normal;
margin: 10px 0; padding-left: 10px;list-style:none;}
ul.vmenu2 li ul li {background:none;margin:0 0 5px}
ul.vmenu2 li ul li a {
background: url("../images/vmenu-arrow.png") no-repeat scroll 5px center transparent !important;
border: medium none;padding: 0 0 0 15px;}
ul.vmenu2 li ul li a:hover {color:#29719E;text-decoration:underline}
ul.vmenu2 li ul li.active a {color:#29719E;font-weight:bold}
.pull-left {float: left; margin-right: 15px;}
.pull-right {float: right; margin-left: 15px;}
/*--- img rasmer ---*/
img, table {max-width: 100%;}
@media all and (max-width: 600px) {
main, .df {flex-direction: column; width: 100%;}
main > nav {width: 100%; order: 0;max-width: 600px;} 
main > aside {width: 100%;max-width: 600px;}
main > article {width: auto; margin-bottom: 10px;padding: 0 10px;}
div.hov a {padding: 13px 5px;}
.logo {position: relative;margin: 23px;
padding: 0;text-align: center;}
.jsp-b {flex-wrap: wrap; width: 100%;}
.m5 {margin: 0 10px;}
.m1, .m2 {padding-top: 0;}
.df .alit-cc {padding: 0;}
#jform_contact_emailmsg, #jform_contact_message {width: 200px;}
}