/** $Id: style.css,v 1.11 2021/10/01 14:07:30 asd Exp $ */


html, body{
  width: 100%;
  height: 100%;
  font: 15px/1.2em Arial,Tahoma;
  color: #5c5c5c;
}

.wrapper{
  display: table;
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4{color: #183b6c;}

ol, ul {
  list-style: outside none none;
  padding: 0;
}

.clear, .clear-strong {
  clear: both;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
  width: 0;
}

/*************** Header ***************/
header{
  display: table-row;
  background: #183b6c url("/theme/asbis2012/img/header/header-bg-01.jpg") no-repeat center top;
  min-height: 50px;
}
#header-top{
  padding-left: 0;
  padding-right: 0;
}
#menu-top{
  padding: 0;
}
#menu-top ul.navbar-nav{
  width: 100%;
  display: table;
  float: none;
}
#menu-top ul.navbar-nav > li{
  display: table-cell;
  float: none;
}
#menu-top .nav > li > a, #menu-top .nav > li > a:hover, #menu-top .nav .open > a, #menu-top .nav .open > a:hover, #menu-top .nav .open > a:focus {
  background-color: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
  /*font-weight: bold;*/
}

.dropdown-menu.li-in-row li.popup-menu-item-level1 {
    display: inline-block !important; float: left !important; width: 50%;
}
/*************** Header end ***************/

/*************** Content ***************/
content{
  display: table-row;
  height: 100%;
}
/*#content-top, #content-line{
  margin: 28px auto 0px auto;
}*/

.top-info-block{
  height: 220px;
  overflow-y: auto;
  margin: 10px 0;
}

.top-info-block h1{
  margin-top: 0;
  font-size: 23px;
}


.middle-block{display:block; position: relative; margin: 10px 0; height: 280px; overflow: hidden; /*border: 1px solid green;*/}
.middle-block .title{
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  /*line-height: 50px;*/
  background: #183b6c;
  opacity: 0.75;
  display: table;
}
.middle-block .title h3{
  color: #fff;
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  height: 50px;
}
.middle-block .picture{
  display: block;
  height: 220px;
  background-position: center center;
  background-size: cover;
}
.middle-block .text{
  margin-top: 12px;
  line-height: 1.1em;
}

.auth-signin-i, .auth-register-i{
  display: table;
  width: 100%;
}
.auth-signin-i a, .auth-register-i a{
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  color: #fff;
  text-decoration: none;
}

.auth-signin-i a {background: #F5833C url("/theme/asbis2012/home/img/auth-02.png") no-repeat 10px center; padding-left: 50px;}
.auth-signin-i a:hover {background-color: #ffb86e;}
.auth-register-i a{background: #95a3ab url("/theme/asbis2012/home/img/auth-01.png") no-repeat 10px center; padding-left: 50px;}
.auth-register-i a:hover{background-color: #bac3c8;}
.auth-register-i-out, .auth-signin-i-out{margin-bottom: 10px;}
/*************** Content end ***************/

/*************** Footer ***************/
footer{
/*  display: table-row; */
  background: #ebebeb;
  min-height: 150px;
}
#footer{padding: 0;}
#footer > .navbar-default{background: none !important; margin: 0; position: relative;}

.footer-copy-line {
  margin: 5px 0px 0px 0px;
  font-size: 11px;
}

.footer-menu-copyright a{
  font-size: 11px;
}

#footer-navbar-header, #footer-navbar-right{
  width: 50%;
}
#footer-navbar-right{
  margin: 20px 0;
}
#footer-navbar-right a{
  color: #848484;
}
#footer-navbar-right a:hover{
  color: #7c9fbe;
}


#footer-logo{position: absolute; left: 20px; top: 15px;}

/*.footer-menu-block li a{color: #848484;}
.footer-menu-block li a:hover{color: #7c9fbe;}*/

.footer-menu-social {margin-left: 180px; float: none; text-align: center; min-height: 80px;}

.footer-menu-social .title {
  display: block;
  font-size: 14px;
  color: #FFF;
  margin-bottom: 6px;
}

.footer-menu-social a{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0px 5px 5px 0px;
}

.footer-menu-social a.facebook {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat 0px 0px;
}

.footer-menu-social a.twitter {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat -41px 0px;
}

.footer-menu-social a.linked-in {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat -123px 0px;
}

.footer-menu-social a.youtube {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat -82px 0px;
}

.footer-menu-social a.INSTAGRAM {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat -164px 0px;
}


.footer-menu-social a.TELEGRAM {
  background: transparent url('/theme/asbis2012/home/img/social.png') no-repeat -205px 0px;
}


.footer-menu-social a.pinterest {
  background: transparent url('/theme/asbis2012/img/social/social-map.png') no-repeat -171px 0px;
}

.footer-menu-social a.instagram {
  background: transparent url('/theme/asbis2012/img/social/social-map.png') no-repeat -213px 0px;
}

.footer-menu-social a.rss {
  background: transparent url('/theme/asbis2012/img/social/social-map.png') no-repeat -256px 0px;
}
/*************** Footer end ***************/

.tbl{
  display: table;
}
.line{
  display: table-row;
}
.cell{
  display: table-cell;
}

.container{
  /*border: 1px solid red;*/
}

.block{
  /*border: 1px solid blue;*/
}

/********************************************/
.header-logo {
  margin: 0;
}
.region-location{
  white-space: nowrap;
  padding: 15px;
  color: #fff;
}
.region-location a{
  color: #fff;
  text-decoration: none;
}
#location-modal .modal-dialog {
  width: auto;
}
#location-modal .modal-content{
  background: #183b6c;
}
.close{
  position: relative;
  z-index: 100;
  top: 12px;
  color: #fff;
  margin-bottom: -25px;
}
.close span {color: #fff;}
#location-modal ul{margin-top: 15px;}
#location-modal ul li {
  padding-left: 10px;
}
#location-modal ul li.group-title {
  padding-left: 0;
}
/********************************************/




/*********************  carousel  ***********************/
#carousel{
  margin: 10px 0;
}
#carousel .item{
  min-height: 300px;
}
#carousel .bgslide {
  background-size: cover;
  background-position: center center;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#carousel .item .item-title {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  color: #183b6c;
  font: 30px/1.05em Arial,Tahoma;
  height: 80px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-decoration: none;
  width: 85%;

}

#carousel .item .item-title h1{
  color: #183b6c;
  font: 30px/1.05em Arial,Tahoma;
  margin: 0;
}
/* as is tradition */
.carousel-control {
    background: none ! important;
}

/*********************   carousel  ***********************/

/*********************   news     ***********************/
.news-container {margin: 5px 0 15px 0;}
.news-list-container .archive-link{float: right; margin: 15px 15px 0 0;}
.news-list-container .archive-link a{color: #fff;}
.news-list-container .page-title{margin: 0; padding: 0 20px; line-height: 50px; background: #7c9fbe; color: #fff;}

.news-list-container .news-list{margin-top: 20px;}
.news-list-container .news-item{margin: 15px 0; height: 100px; overflow: hidden;}
.news-list-container .news-item .news-item-img {
  float: left;
}
.news-list-container .news-item .news-item-date {
  font-size: 12px;
  margin-top: -2px;
  padding-left: 90px;
}
.news-decor-1 .news-item .news-item-date, .news-decor-31 .news-item .news-item-date, .news-decor-4 .news-item .news-item-date {
  display: none;
}
.news-list-container .news-item .news-item-title {
  color: #7998a9;
  padding-left: 90px;
}
.news-list-container .news-item .news-item-title a{color: #183b6c;}
.news-list-container .news-item .news-item-desc {
  padding-left: 90px;
}

/*********************   news     ***********************/

/******************** overrides ************************/
header .navbar{
  border-radius: 0;
  margin: 0;
}
header .navbar-default{
  background: none;
  border: none;
}
/******************** overrides end ************************/

/********************     480px     ************************/
@media (max-width: 480px) {
  /*.header-logo {border: 1px solid black;}*/
  #footer-logo{position: relative; top: 0; left: 0; padding: 10px 20px;}
  .footer-menu-social {min-height: auto; text-align: left;}
  #carousel .item{min-height: 100px;}
  #carousel .bgslide{display: none;}
  #carousel .item .item-title{display: table; width: 100%; height: 100px; padding: 0px; bottom: auto; top: 0;}
  #carousel .item .item-title h1{display: table-cell; vertical-align: top; padding: 5px 50px; height: 100px; overflow: hidden;}
  .middle-block-out{width: 100%; height: auto;}
  .news-list-container .news-item{width: 100%;}
  .location-block{width: 50%;}
}
/********************     480px     ************************/

/********************     768px     ************************/
@media (min-width: 768px) {
  /*.header-logo {border: 1px dashed white;}
  .top-info-block {height: auto;}
  .news-list-container .news-item{height: 70px;}*/
}

@media (max-width: 767px) {
  /*.header-logo {border: 1px solid white;}*/
  #menu-top ul.navbar-nav > li{display: table-row;}
  #menu-top {border-top: 1px solid transparent !important; background: #7c9fbe;  margin: 10px 0 0 0;}
  #menu-top > .navbar-nav {margin: 0;}
  .top-info-block {height: auto;}
  #fooret-menu .row{margin: 0;}
  .footer-menu-social{margin-left: 10px;}
  #fooret-menu{background: #bcbcbc; padding: 10px 0;}
  #footer-navbar-header, #footer-navbar-right{width: 100%;}
  .footer-menu-block li{text-align: right;}
  #footer-navbar-right{margin: 0;}
  #footer-navbar-right a{color: #fff;}
  #footer-navbar-right a:hover{color: #707070;}
  .dropdown-menu{background: #6d8eab !important;}
  .dropdown-menu > li > a {color: #fff;}
  .news-list-container .news-item{height: 70px;}

  .dropdown-menu.li-in-row li{display: block !important; float: none !important; width: 100%;}
}
/********************     768px     ************************/

/********************     992px     ************************/
@media (min-width: 992px) {
  /*.header-logo {border: 1px solid yellow;}*/
  #menu-top .nav > li > a, #menu-top .nav > li > a:hover, #menu-top .nav .open > a, #menu-top .nav .open > a:hover, #menu-top .nav .open > a:focus {
    font-size: 18px;
  }
  .auth-register-i-out{padding-right: 2px; margin-bottom: 0;}
  .auth-signin-i-out{padding-left: 2px; margin-bottom: 0;}
}

@media (max-width: 991px) {
  /*.header-logo {border: 1px solid red;}*/
  #menu-top .nav > li > a, #menu-top .nav > li > a:hover, #menu-top .nav .open > a, #menu-top .nav .open > a:hover, #menu-top .nav .open > a:focus {
    font-size: 17px;
  }
}
/********************     992px     ************************/

/********************     1200px     ************************/
@media (min-width: 1200px) {
 /* .header-logo {border: 1px solid green;}*/
}

@media (max-width: 1199px) {

}
/********************     1200px     ************************/