/* common */
html {background: #333;}
#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%;}
.h1, h1 {font-size: 2em;}

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

#sp-main-body img {border-radius: 10px;}
.glavnaya #sp-main-body {display: none;}

/* 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: #333333;}
#sp-top-bar .sp-module {margin: 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: #ff664b;
}
#sp-top-bar p:hover i {color: #ff0;}
.txt-l p {
  font-size: 2em;
  padding: 20px 0 0 0;
  margin: 0;
}
.txt-r p {
  margin: 0;
  padding-top: 35px;
  font-weight: bold;
}
span.adr {
  padding: 0 15px;
}


/* sp-header */
#sp-header {background: #333333; 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: #ff664b;
  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);}
p.form-txt {
  display: block;
  background: #333;
  padding: 5px;
}
p.WhatsApp-form {
  display: flex;
}
p.WhatsApp-form a {
  background: #ff664b;
  font-size: 1.5em;
  border-radius: 10px;
  margin: auto;
  padding: 2px 10px;
}

/* подвал */
#sp-footer {
    color: #bbb;
    background: #333;
}
#sp-footer a {color: #FF664B;}
#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;}

/* promo-1 */
#sp-promo {
  background: #333333;
  color: #fff;
}
#sp-promo a {
  color: #fff;
}
.promo-1 {min-width: 100%; min-height: 420px;}
.promo-1 td {width: 50%;}
.promo-1 h1 {color: #ff664b;}
.promo-1 td.left li {font-weight: bold;}
.promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
  position: relative;
}
.promo-1 td.right .rf-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 10px;
}
.promo-1 td.right .rf-form .uk-input, .promo-1 td.right .rf-form .uk-button {
  width: 200px;
  margin: 5px;
  border-radius: 5px;
  border-width: 0;
  line-height: 1.5em;
  text-align: center;
}
.promo-1 td.right .rf-form .uk-input {
  color: #f00;
  font-weight: bold;
}
.promo-1 td.right .rf-form .uk-button {
  background: #ff0000;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 15px #fff;
}
.uk-form-danger + .tm-error {
    display: block;
}
.tm-error {
    position: absolute;
    bottom: 65px;
    border-radius: 5px;
    padding: 7px 10px 10px 10px;
  	box-shadow: 0 0 15px #fff;
    background: #f00;
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    display: none;
}
.promo-1 td.right p {
  font-weight: bold;
}
.promo-1 td.right p.avtoinline a {
  margin: 5px;
  padding: 10px 20px;
  border-radius: 5px;
  background: #ff0000;
  line-height: 1.5em;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 0 0 15px #fff;
}
.obuchenie .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-obuch.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.onlajn .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-online.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.stoimost .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-stoimost.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.dop .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-dop.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.o-shkole .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-o-shkole.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.kontakty .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-kontakty.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.aktsii .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-aktsii.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
.sovety .promo-1 td.right {
  background: url(/images/maket/promo/promo-bg-sovety.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  vertical-align: bottom;
  text-align: center;
}
  

/* media */
@media (max-width: 1200px) {
  #sp-promo .promo-1 td.right {background-size: contain;}
}

@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;}
  .promo-1 {min-height: inherit;}
  .promo-1 tr {display: flex; flex-direction: column;}
  .promo-1 td {width: auto;}
  #sp-promo .promo-1 td.right {background-image: none;}
 
}
@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 (min-width: 991px) {
  .promo-1 td.right img.mobile {display: none;}
}
@media (max-width: 575px) {
  .body-wrapper {background-size: inherit;}
  #sp-top-bar {height: 100vh;} /* на всю высоту экрана */
  #sp-top-bar table tbody {
  display: flex;
  justify-content: center;
  height: 100vh;
  }
  #sp-top-bar td.img {margin: 25px auto 25px auto;}
  #sp-header {height: 40px; display: none;}
  #sp-header.header-sticky {display: block;}
  .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;}
  .uk-form-danger + .tm-error {display: none;}
  .txt-r p {padding-top: 25px;}
  .txt-r p span {
  display: block;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 10px;
  }
  .txt-r p span i {display: none;}
  .promo-1 td.right .rf-form .uk-button {padding: 10px;}
  #sp-top-bar {
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  }
  #sp-top1, .top1 {background-color: #333 !important;}
  .txt-l .mobile-hide {display: none;}
#sp-top-bar .container {
  padding: 0;
  margin: -8px 0;
}
#sp-top1 {background: rgba(13, 91, 126, 0.65);}
  #sp-user1 {margin-top: 25px;}
}

@media (min-width: 575px) {
  .ds-hide {display: none;}
}

.ds-hide {font-size: 1.5em;}

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