/*Каркас сайта*/
body {padding:0px; margin:0; background:#e0ebff; font-size:14px; font-family:Arial, Sans-serif;}
#basic {min-height:500px; margin:0 auto; padding:20px; background:#fff;} /*width:960px;*/
img {border:0;}
a {color:#ff9c00;}
a:hover {text-decoration:none;}

/*Шапка сайта*/
#head-site {height:70px;}
li.none-bg {background:none!important;}
.telefon {float:right;}

header .container {
position: relative;
width: 100%;
min-width: 768px;
max-width: 1260px;
}
header .container2 {
/*width: 100%;
height: 50px;*/
background-color: #fff;
}

.container {
margin: 0 auto;
/*padding: 0 20px;*/
width: 100%;
max-width: 1260px;
}

.container-top {
position: relative;
height: 50px;
width: 100%;
min-width: 768px;
background-color: #315efb;
z-index: 15;
}

.container-bottom {
position: absolute;
/*box-shadow: 0 10px 10px -10px rgba(49,94,251,.4);*/
width: 100%;
min-width: 768px;
background-color: #f9cfcf;
z-index: 10;
display: none;
height: 50px;
}

.container-submenu {
position: relative;
height: 50px;
width: 100%;
min-width: 768px;
max-height: 50px;
margin-left: auto;
margin-right: auto;
}

.container-top:hover .container-bottom {
  display: block;
  position: absolute;
  height: 50px;
  width: 200px;
  top: 50px;
  z-index: 9999;
}

.container-top-menu {
display: inline-flex;
justify-content: space-between;
height: 50px;
width: 100%;
max-height: 50px;
margin-left: auto;
margin-right: auto;
}

.container-top-block {height: 50px; width: 75px}

.menu-header-container {
padding-left: 75px;
flex-grow: 1;
}

.menu-item-custom:hover~.container-top-block {background:yellow}
/*.menu-item-custom :hover .container-top-block {display: block; position: absolute; height: 50px; width: 200px; top: 50px; z-index: 9999;}*/

.menu-item a, .m_pic {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
height: 50px;
font-family: Montserrat,sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #fff;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: color .2s
}
.menu-item a:hover, .m_pic:hover {color:#c6cad8;}
.menu-item a:active, .m_pic:active {color:#8d96b2}

.submenu-item a {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
height: 50px;
font-family: Montserrat,sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #333b4e;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: color .2s
}
.submenu-item a:hover {color:#315efb}
.submenu-item a:active {color:#315efb}

header ul {margin:0; padding:0; list-style:none; display:flex}
header li {list-style:none}
header li:not(:first-child) {padding-left:20px; list-style:none}
header li:last-child {list-style:none; display:flex}

/*.m_pic {margin-left: 5px}*/

 
/*Верхнее меню сайта*/
#top-menu {width:960px; height:74px; }
.bg-1 {width:950px; height:64px; background:#4c281e url(images/m1.png) repeat-x; padding:0 0 0 10px;}
.bg-2 {width:940px; height:8px; background:#ff9c00; margin:0 auto;}
.bg-1 ul {margin:0; padding:0; list-style:none;}
.bg-1 ul li {float:left; background:url(images/m2.png) no-repeat right center; padding:0 2px 0 0;}
.bg-1 ul li a {display:block; height:40px; padding:24px 27px 0 27px; color:#ff9c00; text-decoration:none; text-transform:uppercase;}
.bg-1 ul li a:hover {color:#fff; background:#ff9c00;}
 
/*Левое меню и Контент*/
#content {width:100%;}
#content h1 {text-transform:uppercase; color:#4c281e; font-weight:normal; margin-top:0;}
 
/*Контент - правый блок*/
/*.right { float:right; width:690px; padding:0 0 0 20px; text-align:justify;}
.right h1 {text-transform:uppercase; color:#4c281e; font-weight:normal; margin-top:0;}*/

.cat-block-40 {position: relative; display: flex; width: 1260px; max-width: 1260px; margin-top: 20px;}
.cat-block-31 {position: relative; left: 0; z-index: 1; width: 940px; min-height: 600px; padding-right: 20px;}
.cat-block-14 {position: absolute; left: 0; display: flex; justify-content: flex-end; width: 100%; height: 100%; max-height: 100%;}
.cat-buttons {display: flex; flex-wrap: wrap; justify-content: space-between;}
.cat-buttons:before,
:after {background-repeat:no-repeat; box-sizing:border-box;}
 
/*Левое меню - левый блок*/
.left {width:250px; float:left;}
.block-nad-menu {width:240px; height:10px; background:#ff9c00;}
.block-pod-menu {width:240px; margin:0 0 0 10px; height:10px; background:#4c281e;}
.block-menu {width:240px; border-left:10px solid #ff9c00; background:#4c281e;}
.left ul {margin:0; padding:10px 0 0 0; list-style:none;}
.left ul li {background:url(images/m3.png) no-repeat bottom left;}
.left ul li a {display:block; width:195px; color:#fff; text-decoration:none; padding:10px 5px 10px 40px; background: url(images/marker.png) no-repeat 10px 8px;}
.left ul li a:hover {background:#ff9c00 url(images/marker.png) no-repeat 10px 8px;}


/*Шапка*/
#hdr {box-shadow: 0 10px 10px -10px rgba(49,94,251,.4); transition: top .2s; width: 100%; min-width: 768px; background-color: #315efb; position: relative; z-index: 5;}

#top-banner {width:100%; height:auto; background-color: #eff5ff; position: relative; display: flex; align-items: center; justify-content: center;}
.top-banner1 {width:1260px; height:auto;} /* height:200px; - растягиваем под высоту рекламного баннера */

main {background-color: #eff5ff; width: 100%; min-width: 768px;}
#main {background-color: #fff; max-width: 1260px; position: relative; z-index: 1; display: block; padding: 0 20px; margin-right: auto; margin-left: auto;}
#basic {position: relative; z-index: 1; padding: 20px;}

ul.breadcrumb {padding: 10px 0px; list-style: none; margin: 0;}
/* Отображение элементов списка бок о бок */
ul.breadcrumb li {display: inline;}
/* Добавить символ косой черты (/) перед/за каждым элементом списка */
ul.breadcrumb li+li:before {padding: 8px; color: black; content: "/\00a0";}
/* Добавить цвет для всех ссылок внутри списка */
ul.breadcrumb li a {color: #0275d8; text-decoration: none;}
/* Добавить цвет на наведении курсора мыши */
ul.breadcrumb li a:hover {color: #01447e; text-decoration: underline;}

/*Подвал*/
#ftr {background-color: #1f2431; color: #c6cad8; display: block; width: 100%; min-width: 768px; bottom: 0; position: absolute;}
.footer-top {display: flex; width: 100%; padding: 0 !important; display: flex; max-width: 1260px; margin: 0 auto; padding: 0 20px 20px; box-sizing: border-box;}
.menu-item a:hover, .m_pic:hover {color:#c6cad8}
footer ul {padding-left:0}
footer li {list-style:none}
.footer-top-left {display: flex; flex-direction: column; min-width: 145px; margin: 20px 0 10px;}
.footer-top-right {display: flex; width: 100%; flex-wrap: wrap;}
.footer-top-logo {display: flex; flex-direction: column; width: 100%;}
.footer-top-menu {width: 140px; display: flex; flex-direction: column; margin: 30px 35px 0 0;}
.footer-top-menu li a {font-size: 13px; line-height: 24px; color: #8d96b2; text-decoration: none; transition: color .2s;}
.footer-top-menu li a:hover {color: #fff; transition: color .2s;}
.footer-top-menu-title {color: #dcdfe7; text-decoration: none;}
.footer-top-menu-title:hover {color: #fff; transition: color .2s;}

.footer-bottom {display: block; width: 100%; min-width: 768px; box-shadow: inset 0 1px 0 rgba(223,228,236,.13);}
.footer-bottom1 {margin: 0 auto; max-width: 1260px; padding: 0 !important;}
.footer-bottom2 {padding: 10px 20px 20px 20px; display: flex; justify-content: space-between; align-items: flex-start; box-sizing: border-box;}
.footer-bottom2-left {display: flex; flex-wrap: wrap; flex-grow: 1; margin-right: 40px; list-style: none;}
.footer-bottom2-right {justify-content: flex-end; display: flex; color: #c6cad8;}

.footer-bottom2-right a {margin-left: 10px; background-color: #343b4c;}
.soc-btn {display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-size: 0; border-radius: 50%; cursor: pointer; transition: background-color .1s; text-decoration: none;}
.footer-bottom2-lnk {margin-top: 10px; margin-right: 20px; font-family: Montserrat,sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; text-align: left; color: #c6cad8; text-decoration: none;}
.footer-bottom2-lnk:hover {color: #62687f; transition: color .2s;}

table {border: 1px solid #eee; table-layout: fixed; width: 100%; margin-bottom: 20px;}
table th {font-weight: bold; padding: 5px; background: #efefef; border: 1px solid #dddddd;}
table td {padding: 5px 10px; border: 1px solid #eee; text-align: left;}
table tbody tr:nth-child(odd){background: #fff;}
table tbody tr:nth-child(even){background: #F7F7F7;}