:root {
  --bg-promo: rgba(9, 110, 156, 0.9);
  --color-promo: #ffffff;
  --a-color-promo: #ffffff;
  --a-color-promo-hover: #bde8fb;
  --bg-footer: rgba(0, 37, 54, 0.9);
  --a-color-footer: #95ddfe;

}

/* all */
/* Font Awesome */
.fa-whatsapp::before {font-family: "Font Awesome 5 Brands"; color: #0c0;}

.h1, h1, .article-details .article-header h1, .article-details .article-header h2 {
  font-size: 2em;
  color: var(--bg-promo);
}
.article-list .article .article-header h1, 
.article-list .article .article-header h2, 
.article-details .article-header h2 {
  font-size: 1.5rem;
  color: var(--bg-promo);
}
.h3, h3 {
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--bg-promo);
}
#sp-header {animation: none;}
#sp-header .logo a {
  color: #ff0;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-top: -2px;
}

.body-innerwrapper {
  background-image: url(/images/maket/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
}

#sp-main-body {background: rgba(255,255,255,0.9);}
.breadcrumb {background: transparent;}
.divider.fas.fa-map-marker-alt {margin-right: 10px;}
#sp-footer {font-size: inherit;}
#sp-footer {background: var(--bg-footer);}
#sp-footer a, #sp-bottom a {color: var(--a-color-footer);}
#sp-footer1 {text-align: right;}
#sp-footer #sp-footer2 {text-align: left;}

/* blok3 */
.blok3 tbody {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.blok3 tr {
  border: 2px solid #FFF;
  padding: 10px;
  margin: 10px;
  min-width: 408px;
  max-width: 408px;
}


/* animation */
@keyframes rotate {
  from {transform: scaleX(0);}
  to {transform: scaleX(1);}
}

/* table */
table.border {
    display: block;
    overflow-x: auto;
    border: none !important;
    clear: left;
}
table.border caption {
  caption-side: top;
  color: var(--bg-promo);
  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: var(--bg-promo);
  color: #FFF;
}
table.border td {
  padding: 3px 10px;
  border: 1px solid #ccc;
  text-align: center;
}
table.border td:nth-of-type(1) {text-align: left;}
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;}

/* menu */
#sp-header {height: auto;}
/* #sp-logo {display: none;} */
#sp-header {
  box-shadow: none;
  background: var(--bg-promo);
}
.sp-megamenu-parent > li > a {
	color: var(--a-color-promo);
	text-transform: uppercase;
}
.sp-megamenu-parent > li > a:hover {
  color: var(--a-color-promo-hover);
  background: rgba(0,0,0,0.2);
  border-radius: 0 0 5px 5px;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: var(--a-color-promo-hover);
}
.sp-menu-item.sp-has-child a:active {
  color: #ccc;
}
.burger-icon > span {background: var(--color-promo);}
.d-none.d-lg-flex.header-modules.align-items-center, 
.social-wrap.no-border.d-flex.align-items-center {display: none !important;} /* убираем два правых блока */
.sp-dropdown-inner {
  border-radius: 0 0 5px 5px;
  background: rgba(255,255,255,0.95) !important;
}
.sp-megamenu-parent > li:last-child > a {padding: 0px 15px 0px 15px;}

/* offcanvas-menu */
.offcanvas-menu {
  background: #eee;
}
.offcanvas-menu .offcanvas-inner {
  padding: 0;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: inherit;
  background: #fff;
  padding: 10px 5px;
  margin: 5px;
  border-radius: 5px;
  border: 1px solid #fff;
  border-bottom-color: #999;
  border-right-color: #999;
}
.offcanvas-menu .menu-toggler {
  margin-right: 10px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  display: block;
  background: #fff;
  padding: 5px;
  margin: 10px 5px;
  border-radius: 5px;
  font-size: inherit;
  text-align: right;
}

/* sp-top-bar */
#sp-top-bar {
  background: var(--bg-promo);
  font-size: 1.2em !important;
  color: #fff;
}
#sp-top-bar a {color: #fff;}
#sp-top-bar a:hover {color: #ff0;}
.sp-contact-info li {
  margin: 0px 0px 0px 15px;
  font-weight: 500;
}
#sp-top2 .fas, #sp-top2 .far {display: none;}

/* promo-top */
#sp-promo-top {background: var(--bg-promo); padding: 50px 5px;}
#sp-promo-top .blok3 {margin-top: 50px;}
#sp-promo-top h1 {
  color: #fff;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
}
#sp-promo-top .blok3 tr {
  background: rgba(255, 255, 255, 0.23);
  border-radius: 5px;
}
#sp-promo-top .blok3 tr td {
  color: #fff;
  text-transform: uppercase;
  display: block;
  margin: auto;
  text-align: center;
  font-weight: 500;
}

/* sp-promo-top2 */
#sp-promo-top2 {
  padding: 50px 5px;
  background: rgba(2, 107, 155, 0.17);
}

/* sp-promo-top3 */
#sp-promo-top3 {
  background: var(--bg-promo);
  padding: 50px 5px;
}
#sp-promo-top3 h2 {
  color: #fff;
  font-size: 2.5em;
  text-transform: uppercase;
  text-align: center;
}
#sp-promo-top3 .blok3 {
  margin-top: 50px;
}
#sp-promo-top3 .blok3 tr {
  background: rgba(255, 255, 255, 0.23);
  border-radius: 5px;
}
#sp-promo-top3 .blok3 tr td {
  color: #fff;
  text-transform: uppercase;
  display: block;
  margin: auto;
  text-align: center;
  font-weight: 500;
}
#sp-promo-top3 a {color: #fff;}
.sp-module.proekty {margin-top: 50px;}

/* sp-bottom */
#sp-bottom {
  background: var(--bg-footer);
  padding: 50px 5px;
  font-size: inherit;
}
#sp-bottom1 .zvonite h2 {color: #fff;}
#sp-bottom1 .zvonite li {margin-bottom: 5px !important;}

/* sigFreeClassic */
ul.sigFreeClassic li.sigFreeThumb {
  margin: 2px;
}

/* footer */

/* --- */


/* custom */

/* zvonite */
.zvonite {
  text-align: center;
}
.zvonite table {margin: auto;}
.zvonite table tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zvonite table tr td {margin: auto;}
.zvonite h2 {
  font-size: 2.5em;
  text-transform: uppercase;
  color: #17729b;
}
.zvonite a {
  font-size: 2.5em;
  font-weight: 500;
  color: #ff5000;
}
.zvonite a:hover {color: #c00;}
.zvonite ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zvonite li {
  margin: 5px 15px;
  font-weight: bold;
  text-transform: uppercase;
}
.whatsapp {
  display: inline-block;
  margin-left: 15px;
}

/* shapka */

/* promo-main */

/* content */

/* footer */


/* media */
/* fix #sp-header .container-fluid */
@media (min-width: 992px) {
  #sp-header .container-fluid {max-width: 961px;}
}
@media (min-width: 1200px) {
  #sp-header .container-fluid {max-width: 1140px;}
}
@media (min-width: 1400px) {
  #sp-header .container-fluid {max-width: 1320px;}
}
/* --- */
@media (max-width: 576px) {
  #sp-promo-top h1, .zvonite h2, .zvonite a, #sp-promo-top3 h2 {font-size: 1.5em;}
 .blok3 tr {min-width: inherit; max-width: inherit; width: 90%;}
}
@media (max-width: 767px) {
  .body-innerwrapper {background-image: none;}
  
}

@media (max-width: 991px) {
  #sp-main-body img {float: none !important;}
  #sp-footer1, #sp-footer2 {text-align: center !important;}
  #sp-footer2 img {margin: auto;}
}
@media (max-width: 1199px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li span {padding: 0 5px;}
}
@media (max-width: 1400px) {

}