/* common */
#sp-top-bar, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {font-size: inherit;}
#sp-top1 {width: 100%;}
#sp-top1 .text-lg-start {text-align: center !important;}
#sp-top2 {width: 0%;}

.body-wrapper {
  background-image: url(/images/maket/bg.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

#sp-main-body img {border-radius: 10px;}

/* sigFreeClassic */
ul.sigFreeClassic {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.sigFreeClassic li.sigFreeThumb {
  float: none;
  margin: 5px;
  border-radius: 10px;
}
ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink, ul.sigFreeClassic li.sigFreeThumb a.sigFreeLink:hover {
  background: #555;
  border-radius: 10px;
}

/* table */
table.border {
    display: block;
    overflow-x: auto;
    border: none !important;
    clear: left;
}
table.border caption {
  caption-side: top;
  color: rgba(13, 91, 126, 0.99);
  background: #fff;
  text-align: center;
  text-transform: uppercase;
}
table.border th {
  padding: 5px 10px 10px 10px;
  border: 1px solid #fff;
  border-radius: 5px 5px 0 0;
  text-align: center;
  background: rgba(13, 91, 126, 0.99);
  color: #FFF;
}
table.border td {
  padding: 3px 10px;
  border: 1px solid #ccc;
  text-align: center;
}
table.border tr {background-color: #FFFFFF;}
table.border tr:nth-of-type(2n+1) {background-color: #eeeeee;}
table.border tr:nth-of-type(2n) {background-color: #fcfcfc;}
table.border tr:hover {
  background-color: #ddd;
  color: #000;
}
table.border td img {
    display: inline-block;
    max-width: 300px;
}
table.border p {margin: 5px;}

/* sp-top-bar */
#sp-top-bar {background: rgba(13, 91, 126, 0.8);}
#sp-top-bar .sp-module {margin: 10px 0 0 0; width: 100%; }
#sp-top-bar, #sp-top-bar a {color: #fff;}
#sp-top-bar a:hover {color: #ff0;}
#sp-top-bar table {width: 100%;}
#sp-top-bar table tbody tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#sp-top-bar table span {white-space: nowrap;}
#sp-top-bar td.txt {padding-top: 0; width: 40%;}
#sp-top-bar td.txt .zag {font-size: 2em;}
#sp-top-bar td.img {margin: auto;}
#sp-top-bar td.txt.left {text-align: right;}
#sp-top-bar td.txt.right {text-align: left;}
#sp-top-bar i {
  margin-right: 10px;
  color: rgba(139, 219, 255, 0.9);
}
#sp-top-bar p:hover i {color: #ff0;}


/* sp-header */
#sp-header {background: rgba(13, 91, 126, 0.9); box-shadow: none;}
#sp-menu .sp-column {justify-content: center !important;}
.burger-icon > span {background-color: #fff;}
#sp-logo .logo {display: none;} /* hide logo in gor. menu */
.sp-megamenu-parent {float: none; margin-top: -5px; margin-left: -75px;}
.sp-megamenu-parent > li > a {
  color: #fff;
  font-weight: bold;
  padding: 0 10px;
}
.sp-megamenu-parent > li > a:hover {color: #ff9;}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #ff9;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {text-align: left;}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {border-radius: 10px; background: #f1f8f9; color: #000;}
.sp-megamenu-parent .sp-mega-group > li > a {text-transform: none;}
.sp-megamenu-parent .sp-mega-group > li > a:hover {color: #f00;}
body.ltr .sp-megamenu-parent > li.sp-has-child > a::after {margin-left: 5px; padding-top: 2px;}

/* offcanvas-menu */
.offcanvas-menu.border-menu {background: rgba(250,250,250,0.9);}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  display: block;
  background: rgba(250,250,250,0.7);
  margin: 5px 0;
  padding: 5px 10px;
  color: #000;
  border-radius: 5px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a:hover {background: rgba(250,250,250,0.99);}

/* sp-main-body */
#sp-main-body {background: rgba(250,250,250,0.9); padding: 80px 0;}
#sp-main-body a {color: #016793;}
#sp-main-body a:hover {color: #cc0000;}

/* блоки (плитка) */
#mod-custom112 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#mod-custom112 table {
  display: block;
  margin: 5px;
  background: rgba(250,250,250,0.9);
  border-radius: 10px;
  max-width: 310px;
  position: relative;
  box-shadow: 0 0 1px #000;
}
#mod-custom112 table img {border-radius: 10px 10px 0 0;}
#mod-custom112 table tr:nth-child(2) td, #mod-custom112 table tr:nth-child(3) td {padding: 10px;}
#mod-custom112 table tr:nth-child(2) {text-align: center; font-weight: bold; border-top: 2px solid #ddd;}
#mod-custom112 table tr:nth-child(3) {
  text-align: justify; 
  position: absolute;
  top: calc( 100% - 5px);
  width: calc(100%);
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.25s ease;
  z-index: 1000;
  margin-top: -5px;
  background: rgba(250,250,250,0.9);
  border-radius: 0 0 10px 10px;
  box-shadow: 0 20px 10px #777;
}
#mod-custom112 table:hover tr:nth-child(3) {transform: scaleY(1);}

/* promobl */
.promobl {background: rgba(21, 87, 133,0.1); border-radius: 10px;}
.promobl td {
  width: 50%;
  padding: 20px 20px 20px 0px;
  vertical-align: top;
}

.article-details h2 {
  text-align: center;
  margin-top: 25px;
}

/* index-promo */
.index-promo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.index-promo .index-item {
  max-width: 300px;
  margin: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  text-align: center;
  background: #fff;
}
.index-promo .index-item p {
  padding: 10px 5px;
  margin-bottom: 0;
  text-transform: uppercase;
}


/* подвал */
#sp-footer {
    color: #bbb;
    background: #333;
}
#sp-footer a {color: #359BC7;}
#sp-footer {
  background-image: url(/images/maket/bg-footer.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  }
#sp-footer .row {justify-content: center;}
#sp-footer1, #sp-footer2 {
  background: rgba(250, 250, 250, 0.02);
  padding: 25px;
  width: 48%;
  margin: 5px;
  border-radius: 10px;
  }
#sp-footer #sp-footer1 {text-align: right;}
#sp-footer #sp-footer2 {text-align: left;}

/* media */
@media (max-width: 992px) {
  #sp-top-bar table tbody tr {flex-direction: column;}
  #sp-top-bar td.txt {padding: 0; width: inherit;}
  #sp-top-bar td.img {width: inherit;}
  #sp-top-bar td.txt.right {display: flex; flex-direction: column; margin: 0 auto;}
  #sp-top-bar td.txt.right p {background: rgba(0,0,0,0.3); padding: 7px 15px; border-radius: 7px; border: 2px solid rgba(139, 219, 255, 0.9);}
  #sp-top-bar td.txt.right p:hover {background: rgba(0,0,0,0.5);}
  #sp-top1 td.txt p {text-align: center;}
  #sp-header {height: 40px;}
  #sp-header .logo-image {display: none;}
  #offcanvas-toggler {height: 5px;}
  #offcanvas-toggler::after {content: 'меню'; color: #fff; padding: 40px 10px 10px 10px;}
  #sp-footer {background-image: none;}
  #sp-footer .row {flex-direction: column;}
  #sp-footer #sp-footer1, #sp-footer #sp-footer2 {width: 100%; background: none; margin: 0; text-align: left;}
  #sp-logo .burger-icon {margin-top: 35px;}
  .promobl td {width: 100%;}
	.promobl tr {
  display: flex;
  flex-direction: column;
	}
}
@media (min-width: 1200px) and (max-width: 1400px) {
  #sp-top-bar table tbody tr {flex-wrap: nowrap;}
  #sp-top-bar td.txt {padding-top: 0;}
  }
@media (min-width: 991px) and (max-width: 1200px) {
  #sp-top-bar table tbody tr {flex-wrap: nowrap;}
}
@media (max-width: 575px) {
  .body-wrapper {background-size: inherit; background-image: url(/images/maket/bg-580.jpg);}
  #sp-top-bar {height: 100vh;} /* на всю высоту экрана */
  #sp-top-bar table tbody {
  display: flex;
  justify-content: center;
  height: 100vh;
  }
  #sp-top-bar td.img {margin: 0px auto 25px auto;}
  #sp-header {height: 40px;}
  .container {padding-left: 7px; padding-right: 7px;}
  .article-list .article {padding: 20px 0;}
  #sp-footer #sp-footer1, #sp-footer #sp-footer2 {text-align: center;}
  /* #mod-custom112 table {max-width: inherit;} */
  #mod-custom112 table tr:nth-child(3) {display: none;}
}

/*
  @media (min-width: 1400px) {}
  @media (min-width: 1200px) {}
  @media (min-width: 992px) {}
  @media (min-width: 768px) {}
  @media (min-width: 576px) {}
*/