@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe/Circe-Regular.eot');
	src: local('Circe'), local('Circe-Regular'),
		url('../fonts/Circe/Circe-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe/Circe-Regular.woff') format('woff'),
		url('../fonts/Circe/Circe-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe/Circe-Light.eot');
	src: local('Circe Light'), local('Circe-Light'),
		url('../fonts/Circe/Circe-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe/Circe-Light.woff') format('woff'),
		url('../fonts/Circe/Circe-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe/Circe-Bold.eot');
	src: local('Circe Bold'), local('Circe-Bold'),
		url('../fonts/Circe/Circe-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe/Circe-Bold.woff') format('woff'),
		url('../fonts/Circe/Circe-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Circe';
	src: url('../fonts/Circe/Circe-ExtraBold.eot');
	src: local('Circe ExtraBold'), local('Circe-ExtraBold'),
		url('../fonts/Circe/Circe-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Circe/Circe-ExtraBold.woff') format('woff'),
		url('../fonts/Circe/Circe-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
h1,h2,h3,h4,h5, .circ{font-family: 'Circe', Arial, sans-serif !important;}	
@media (min-width: 300px) {
	h1{font-size: 32px;}
	.nav-item{width:100%;margin-top: 2px;}
	.table-burk tr td:nth-child(2), .table-burk tr td:nth-child(3){display:none;}
.kont{background: #fff;
padding: 40px;}

}

@media (min-width: 768px) {
	h1{font-size: 40px;}
	.table-burk tr td:nth-child(2), .table-burk tr td:nth-child(3){display:table-cell;}
}

@media (min-width: 992px) {
	.main-circle img {
  z-index: 9;
  position: relative;
  height: 200px;
  margin: 0 auto;
  top: 30%;
  right: 0;
}
.main-circle {
  width: 500px;
  height: 500px;
  border: 1px solid #dfdfdf;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  right: 0%;
  top: 20%;
}
h1{font-size: 42px;}
.nav-item{width:50%;}
.kont{background: #fff;
padding: 40px;
position: absolute;
top: 15%;
z-index: 9;
right: 5%;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,.12);}
}

@media (min-width: 1200px) { 
.kont{background: #fff;
padding: 40px;
position: absolute;
top: 10%;
z-index: 9;
right: 15%;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,.12);}
.table-burk tr td:first-child{min-width:300px;}
.main-circle img {
  z-index: 9;
  position: relative;
  height: 200px;
  margin: 0 auto;
  top: 30%;
  right: 0;
}
.main-circle {
  width: 500px;
  height: 500px;
  border: 1px solid #dfdfdf;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  right: 8%;
  top: 20%;
}
h1{font-size: 46px;}
}

@media (min-width: 1400px) { 
.kont{background: #fff;
padding: 40px;
position: absolute;
top: 10%;
z-index: 9;
right: 15%;
box-shadow: 0px 0px 20px 0px rgba(0,0,0,.12);}
.formimg{position: absolute;
left: 100px; z-index:1;
top: -30px;}
.formimg img{height: 380px;
width: auto;}
.nav-item{width:auto; margin-top: 0px;}
h1{font-size: 50px;}
.main-circle img {
z-index: 9;
position: relative;
height: 400px;
margin: 0 auto;
top: 5%;
right: 0;
}
.main-circle {
  width: 500px;
  height: 500px;
  border: 1px solid #dfdfdf;
  position: absolute;
  margin: auto;
  border-radius: 50%;
  right: 17%;
  top: 14%;
}
}
.circle{
  width:10px;
  height:10px;
  background:#dfdfdf;
  border-radius:50%;
  position:absolute;
  top:0; bottom:0; left:0;right:0;
  overflow:hidden;
  margin:auto;
  animation: circle 16s linear infinite;
}
.circle2{
  width:10px;
  height:10px;
  background:#dfdfdf;
  border-radius:50%;
  position:absolute;
  top:0; bottom:0; left:0;right:0;
  overflow:hidden;
  margin:auto;
  animation: circle 6s linear infinite;
}
.circle3{
  width:10px;
  height:10px;
  background:#dfdfdf;
  border-radius:50%;
  position:absolute;
  top:0; bottom:0; left:0;right:0;
  overflow:hidden;
  margin:auto;
  animation: circle 9s linear infinite;
}

@keyframes circle{
  0%{
    transform:rotate(0deg)
              translate(-250px)
              rotate(0deg);
  
  }
  100%{
    transform:rotate(360deg)
              translate(-250px)
              rotate(-360deg);
  }
}
.pulse{
    display: block;
    border-radius: 100%;
background: rgba(235, 38, 38, 0.1);
    animation: beat 7s infinite ease-in-out;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    display: block;
    margin: 50px;
}
.pulse2{
    display: block;
    border-radius: 100%;
    background: rgba(255,255,255,.1);
    animation: beat-revers 7s infinite ease-in-out;
    position: absolute;
    z-index: 2;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    display: block;
    margin: 120px;
}

-webkit-keyframes beat
{
	0%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	20%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	40%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	60%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	80%
	{
		transform: scale(.9);
		webkit-transform: scale(.9);
	}
	100%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
}
@keyframes beat
{
	0%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	20%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	40%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	60%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	80%
	{
		transform: scale(.9);
		webkit-transform: scale(.9);
	}
	100%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
}
@-webkit-keyframes beat-revers
{
	0%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	20%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	40%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	60%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	80%
	{
		transform: scale(1.05);
		webkit-transform: scale(1.05);
	}
	100%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
}
@keyframes beat-revers
{
	0%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	20%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	40%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
	60%
	{
		transform: scale(.95);
		webkit-transform: scale(.95);
	}
	80%
	{
		transform: scale(1.05);
		webkit-transform: scale(1.05);
	}
	100%
	{
		transform: scale(1);
		webkit-transform: scale(1);
	}
}
.toplog{text-align: center;}
.men{justify-content: flex-end;}
.mobfone{background: #e50032;
width: 40px;
height: 40px;
color: #fff;
line-height: 40px;
text-align: center;
border-radius: 100%;}
.top{padding:15px 0px; background-image: url(/images/bg1.png) !important;
background:#fff; height:90px; 
align-items: center;
background-size: contain !important;border-bottom: 3px solid #fff;}
.toplog img{height:55px; width:auto; margin:0 auto;}
.tcontico i{background: #e50032; margin-right: 10px;
width: 45px;
height: 45px;
border-radius: 100%;
line-height: 45px;
color: #fff;
text-align: center;}
.toptel{color: #333;
display: block;
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
text-align: right;}
.tcont{display: flex; height: 100%;
justify-content: flex-end; align-items:center;}
.tconcont .copymail{display: block;
line-height: 1;
text-align: right;
text-decoration: underline;}
.slogan{font-size: 13px;
text-transform: uppercase;
font-weight: 700;
color: #52585d;
display: flex;
align-items: center;}
.email-bt {
   background: #d9371f;
border-radius: 50%;
box-shadow: 0 8px 10px rgba(217, 55, 31, 0.3);
cursor: pointer;
border: 2px solid transparent;
display: block;
height: 75px;
width: 75px;
text-align: center;
position: fixed;
right: 3%;
bottom: 12%;
z-index: 999;
transition: .3s ease-in-out;
-webkit-animation: email-an linear 1s infinite;
animation: email-an linear 1s infinite;
}

.email-bt:hover {
    background: #fff;
    border: 2px solid #F95C18;
}

.email-bt .text-call {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    position: relative;
}

.email-bt .text-call:after {
    content: "\f095";
    display: block;
    font-family: "Font Awesome 5 Free";
	font-weight:900;
    color: #fff;
    font-size: 24px;
    line-height: 75px;
    height: 75px;
    width: 75px;
    opacity: 1;
    transition: .3s ease-in-out;
    -webkit-animation: opsimple 3s infinite;
    animation: opsimple 3s infinite;
}

.email-bt .text-call:hover:after {
    opacity: 0;
}

.email-bt .text-call span {
    color: #d9371f;
    display: block;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    text-transform: uppercase;
    transition: .3s ease-in-out;

}

.email-bt .text-call:hover span {
    opacity: 1;
}

@keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgba(217, 55, 31, 0.3), 0 0 0 0 rgba(217, 55, 31, 0.2), 0 0 0 0 rgba(217, 55, 31, 0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(217, 55, 31, 0.3), 0 0 0 15px rgba(217, 55, 31, 0.2), 0 0 0 0 rgba(217, 55, 31, 0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(217, 55, 31, 0.3), 0 0 0 30px rgba(217, 55, 31, 0), 0 0 0 26.7px rgba(217, 55, 31, 0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(217, 55, 31, 0.3), 0 0 0 30px rgba(217, 55, 31, 0), 0 0 0 40px rgba(217, 55, 31, 0.0)
    }
}

@keyframes opsimple {
    0% {
        opacity: 0;
        transform: rotate(0deg);
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(360deg);
    }
}
.ba-forms-lightbox-row{position: absolute; z-index:999999 !important; width: 96% !important;}
.ba-form-icons.ba-icon-close::before {
  content: "\f136";
  color: #de3920;
}
.ba-forms-lightbox-row .ba-form-icons .ba-icon-close{right: 20px!important;
position: relative!important;}
#sp-shapka{background: url(/images/bg.jpg);
background-size: cover; position:relative;
background-position: center;
min-height: 700px; display: flex;
align-items: center;}
h1{color: #52585d;
text-transform: uppercase;
font-weight: 800;}
h1 span{color:#e50032}
.pat {
 position: absolute;
opacity: .5;
width: 220px;
top: 12%;
left: 13%;
z-index: 0;
}
.shcont{position:relative; z-index:9}
.sld{color: #5c3e41;
margin-bottom: 10px;
text-transform: uppercase;}
.knopka2 {
  padding: 15px 40px;
  background: none;
  border: none;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 3px;
  cursor: pointer;
  color: #52585d;
  font-size: 14px;
}
.knopka2:after, .knopka2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 2px solid #52585d;
  transition: transform 0.2s;
}
.knopka2:before {
  transform: translate(-3px, -3px);
}
.knopka2:after {
  transform: translate(3px, 3px);
}
.knopka2:hover, .knopka2:focus, .knopka2:active{color:#52585d;}
.knopka2:hover:after, .knopka2:hover:before {
  transform: translate(0);
}
.sub{max-width: 600px;
margin-bottom: 30px;}
.tab-content{border: 1px solid #e8edf1;
border-top: 0px; 
padding: 20px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    border-radius: 0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   color: #fff;
border-color: transparent;
border-radius: 0px;
background: #e50032;
padding: 1rem 1.8rem;
}
.nav-tabs .nav-link {
background: #f4f4f4; width: 100%;
margin: 0 1px; transition:all .3s ease;
padding: .7rem 1.8rem;}
.nav-item{display: flex;
align-items: flex-end;}
.nav-link {
    display: block;
    padding: 1rem 1.8rem;
    color: #52585d;
    text-decoration: none;
    transition: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
	letter-spacing: 1px;
}
.nav-link:focus, .nav-link:hover {
    color: #e50032;
	border:0px;padding: 1rem 1.8rem; border: 1px solid transparent;
}
.nav-tabs .nav-link:focus,  .nav-tabs .nav-link:hover {
    border-color: transparent;
    isolation: isolate;     border-radius: 0px;
}
button:active, button:focus {
  outline: none;
}
button::-moz-focus-inner {
  border: 0;
}
 #myTabContent {
    margin-top: 0px; margin-bottom: 10px;
}
#sp-catalog{padding: 60px 0px;}
h2{color: #52585d;
text-transform: uppercase;
font-weight: 800;}
h2 span{font-weight: 300;}
.subtitle{margin-bottom:30px;}
.table > :not(caption) > * > * {
padding: 1rem .5rem;}
.table-burk tr td:first-child a{text-decoration: underline dashed; color:#e50032;}
.table-burk tr td:first-child a:hover, .table-burk tr td:first-child a:focus, .table-burk tr td:first-child a:active{font-weight: bold;
text-decoration: underline;
color: #52585d;}
.knopka{background: #e50032;
color: #fff;
padding: 1px 15px;
display: block;
text-align: center;
border: 1px solid #e50032;
transition: all .5s ease;}
.knopka:hover, .knopka:focus, .knopka:active{background:#fff; color:#e50032}
.wf-mediabox-container {
  background-color: #fff;
  border-radius: 0px;
  padding: 0px;
}
#sp-main-body {
  padding: 0px;
}
#sp-dig{ position:relative; padding-top:70px; padding-bottom: 50px; margin-top:50px;}
.bkpic{position: absolute;
top: -50px;}
#sp-dig h2 span{color: #e50032;
font-weight: 900;}
.subh2{font-size: 14px;
text-transform: uppercase;
font-weight: 500;
color: #52585d;
letter-spacing: 1px;}
.line{position: relative;
background: #ccc;
height: 1px;
margin-top: 10px;
margin-bottom: 20px;}
.line:before{content: "";
background: #e50032;
height: 3px;
width: 100px;
display: inherit;
position: absolute;
top: -1px;}
#sp-dig p{text-align:justify; }
.knopka3{background: #e5e8e9;
display: block; min-height: 160px;
padding: 40px; text-align: center;
color: #52585d; margin:10px 0px;
position: relative;}
.knopka3 span{font-size: 18px;
display: block;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
color: #e50032;
font-family: 'Circe', Arial, sans-serif !important;}
.knopka3 i{position: absolute;
right: 20px;
top: 20px;
height: 40px;
width: 40px;
border: 1px solid #52585d;
line-height: 40px;
border-radius: 100%;
color: #52585d;}
#sp-about{padding: 16px 0px;}
.knopka3:hover{background:#52585d; color:#fff;}
.knopka3:hover span{color:#fff;}
.knopka3:hover i{color:#fff; border: 1px solid #fff;}
h5{text-transform: uppercase;

letter-spacing: 1px;}
h5 span{font-weight: 800;}
.di{color: #e51341;
font-size: 30px;
font-weight: 900;}
#sp-geo{background: url(/images/frf.webp);}
.knopki{margin-top: 15px;
margin-bottom: 40px;}
#sp-about{background-image: url("/images/mapbg.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #E5E8E9;
padding: 80px 0px; margin-top: 50px; position:relative;
}

h3{font-weight: 800;
color: #52585d;
text-transform: uppercase;
letter-spacing: 1px;}
.ba-form-1 .ba-form-submit-btn{width: 100%;
height: 60px;}
#sp-about .col-lg-10{z-index:9;}
#sp-shagi .col-xl-3 {
  position: relative;
}
.hcount{position: absolute;
background: #c42b00;
color: #fff;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
border-radius: 100%;left: 40%;}
.hrow img{height: 60px;
margin: 0 auto;}
.htitle{text-align: center;
text-transform: uppercase; letter-spacing: 0.1em;
color: #444;
font-weight: 900;
font-size: 20px;
margin: 10px 0px;
margin-bottom: 5px;}
.hrow p{text-align: center;
line-height: 20px;
font-size: 16px;
color: #7b7b7b;
font-weight: 300;}
.arle{position: absolute;
top: 20px;
right: -25px;}
.arle img{height: 30px;}
#sp-shagi{padding: 80px 0px;}
#sp-map{position:relative;}
.flo{height:50px; width:auto;}
.fline {
  display: flex;
  align-items: center;
  margin: 8px 0px;
}
.tlico {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.fline span {display: block; color: #b3b2b2;}
#sp-foot{padding: 20px;
text-align: center;
background: #52585d;
color: #fff;}
.sert{position: relative;
z-index: 99;
display: flex;
margin-bottom: 20px;}
.sert img{height: 120px;
width: auto;}
.stext h5{font-size: 16px;}
.lsert{color: #fff;
width: 300px; height: 120px;
font-weight: 300;
letter-spacing: 2px;
background: rgba(0,0,0,.4);
padding: 30px;
  padding-bottom: 30px;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 20px;}
.stext{opacity:1; display:block; transition:all .5s ease; line-height: 1.3;}
.sert:hover .stext{display:none; opacity:0}
.otkr{display:none; opacity:0; transition:all .5s ease;}
.sert:hover .otkr{opacity:1; display:block;}
.otkr{ transition:all .5s ease; text-align:center; text-transform: uppercase;
font-size: 16px;
font-weight: bold;}