.video {   height: 0;    position: relative;    padding-bottom: 56.25%;}
.video iframe {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;
}

table.gs-table td  {vertical-align: middle !important;}
table.gs-table  th {font-size:90%; text-align: center; padding:4px 3px 3px 3px !important; color: #999}
td.gs-image  {text-align: center;vertical-align: middle !important;}
td.gs-image img  {max-width:150px;}
td.gs-text  {}
td.gs-text .gs-name {font-size:110%; line-height:1.2em} 
td.gs-text .gs-vendor  {font-size: 90%}
td.gs-text .gs-articul  {font-weight: bold; margin: 3px 0}
td.gs-price {white-space: nowrap; text-align: center}
td.gs-price .price1 span.catalog-price {color: gray; text-decoration: line-through;}
td.gs-price .price8 span.catalog-price {font-size:120%; font-weight: bold}
td.gs-price .gs-unit {font-size:80%}
td.gs-quan {text-align: center; padding-top: 5px}
td.gs-quan img  {height: 5px; width: 10px;  margin: 1px}
td.gs-quan span.reserv  {font-size: 80%; color: #999; text-transform:uppercase}
td.gs-buy .btn {transition:0.2s; border-radius: 0; background-color: #47a447; color: white }
td.gs-buy .btn:hover {background-color: green}
.catalog-price {
    color: red;
}

.form-line-inside {margin: 60px 0 40px 0; padding: 20px; background-color: #EBEBEB;}
.form-line-inside h2 {margin-top:0; padding-top:0}

#bx-panel.bx-panel-fixed {top: 50px !important;}
.container {min-width:1170px}
#top-bar {width: 100%; z-index: 999;}

.btn-mod {border-radius: 0 !important;
padding: 15px 25px  !important;
font-weight: bold  !important;
border: none !important; }

.bxeditor-textarea {line-height: 1.2em}
body {padding-top:50px}
h1 {line-height: 1.1em !important; font-size: 270% !important; font-family: 'PT Sans Narrow', sans-serif !important;}
h2 {line-height: 1.3em !important; font-size: 200% !important; font-family: 'PT Sans Narrow', sans-serif !important;}
h3 {font-size: 160%}
h4 {font-size: 120% !important}
/* #workarea  p {text-align:justify} */
#workarea {padding-bottom:50px}
.text-center {text-align: center !important}

#hdb-lll {position:relative; z-index:100; -webkit-box-shadow: 0px 0px 6px 4px rgba(10, 10, 10, 0.1); -moz-box-shadow: 0px 0px 6px 4px rgba(10, 10, 10, 0.1); box-shadow:0px 0px 6px 4px rgba(10, 10, 10, 0.1);}


.!sector-image {
-webkit-box-shadow: inset 0px 0px 15px 5px rgba(10, 10, 10, 0.1); 
-moz-box-shadow: inset 0px 0px 15px 5px rgba(10, 10, 10, 0.1);
box-shadow: inset 0px 0px 15px 5px rgba(10, 10, 10, 0.1)}

#hdb {position:relative; z-index:100;}
#hdb .hdin {margin:auto; position:relative}
.insider {text-align: left; margin: auto; padding: 0 20px}
#hda a {text-decoration: none;}
#hdb a {text-decoration: none;}
#hdb a:hover {text-decoration: underline;}

#hdb {background-color: #EAEAEA;}
#hdb .color {color:#FF6600}
#hdb .link {color:#003300}
#hdb a {cursor: pointer; color:#778899;}

.menu-center-container {position:relative}
.menu-logotype {margin-top:10px}
.menu-logotype img {height:90px}

.menu-point {text-align:center; height: 120px; display: table; padding: 0 !important; position: static !important}
.menu-point a {display: table-cell; vertical-align: middle; font-size:120%; line-height: 1.2em; font-family:PT Sans Narrow}
.menu-point a:hover {background-color: lightgray;}
.menu-point a span.link {display: block; padding: 15px; border-left: 1px dotted lightgray; margin-left:-1px}
.menu-point a:hover span.link {border-left: 1px dotted transparent; }

#menu_point1:hover #menu_content_block1 {top: 120px; opacity:1; transition:0.6s}

.menu-content-block1 {border-top: 5px solid orangered; }
.menu-content-block2 {border-top: 5px solid blue; }
.menu-content-block3 {border-top: 5px solid violet; }
.menu-content-block4 {border-top: 5px solid orange; }

.menu-content-block {background-color:lightslategray; position:absolute; display:none; width:100%; z-index:999; opacity:0; padding: 20px; top:-900px; left:0}

.menu-content-block1:before {content: ''; position: absolute; left: 390px; top: -25px; border: 10px solid transparent; border-bottom: 10px solid orangered; }
.menu-content-block2:before {content: ''; position: absolute; left: 585px; top: -25px; border: 10px solid transparent; border-bottom: 10px solid blue; }
.menu-content-block3:before {content: ''; position: absolute; left: 885px; top: -25px; border: 10px solid transparent; border-bottom: 10px solid violet; }
.menu-content-block4:before {content: ''; position: absolute; left: 1085px; top: -25px; border: 10px solid transparent; border-bottom: 10px solid orange; }

.breadcrumb {color: gray; border-radius:0; padding:0; font-size:90%; background-color:transparent !important}
.breadcrumb a {color: gray;}
 
#body {padding-bottom:50px}
#tbody {border-collapse:collapse;}
#tbody td {vertical-align: top}
#tleft {width:230px; padding-right:40px;}
    #tcenter {overflow: hidden; padding: 0; display:block}
#tright {width:230px; padding-left:30px;}
    #container {margin-top:20px}
    


/* В подвале моем сырость и мрак, струится вода по струнам щелей */

#footer {padding:20px 0; background-color:#333333; font-size:90%; line-height:1.4em; color: #999; z-index:999; position:relative}
#footer .insider {}
#footer h3 {160%; margin-bottom:25px; font-family: PT Sans narrow; color: silver}
.icobaners img {margin:20px 0 0 -1px; outline: 1px solid #666; outline-offset:-1px}

.footer-addresses a {color: silver !important}
.footer-regions a {color: silver !important}
.footer-links a {}

#footer h3.copyright {font-size:100%;}

div.social-links {margin: 20px 0; text-left}
div.social-links img {margin:0 10px 0 -5px}

div.alma-logo img {float:left}
div.alma-info {margin-bottom:15px; padding: 30px 50px 0px 240px}
div.alma-address {margin-bottom:10px; clear:both}
div.alma-phone {margin-bottom:10px; }
div.alma-email {margin-bottom:3px;}
div.alma-web {font-weight:bold;}

div.branch div {margin-bottom:3px}
div.branch {margin-bottom:20px; padding:0 30px 0 0}
div.branch-name {font-weight:bold; margin-bottom:20px; font-size:110%}
div.branch-address {color:gray}
div.branch-phone {}
div.branch-mail {}
div.branch-web {font-weight:bold;}

ul.sites-main, ul.sites-outside {padding:0; margin:0}
ul.sites-main li, ul.sites-outside li {list-style:none; margin-bottom:5px}
#footer ul.sites-outside li a {color:#666666}
#footer ul.sites-main li a {font-weight:bold; color:silver}
ul.sites-main {margin-bottom:20px}




/* bootstrap */ 

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
 
.bs-callout h4 {
    margin-top: 0; font-weight: bold;
}
 
.bs-callout p:last-child {
    margin-bottom: 0;
}
 
.bs-callout code,
.bs-callout .highlight {
    background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}
 
.bs-callout-warning {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
 
.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}
 
.bs-callout-danger h4,
.bs-callout-danger a.alert-link {
    color: #B94A48;
}
 
.bs-callout-warning h4,
.bs-callout-warning a.alert-link {
    color: #C09853;
}
 
.bs-callout-info h4,
.bs-callout-info a.alert-link {
    color: #3A87AD;
}
 
.bs-callout a.alert-link {
    font-weight: bold;
}