body {
     font-family: Roboto, sans-serif;
     font-size: 16px;
	 color:#575758;
	 font-weight:300;
}

img{
max-width: 100%; 
height: auto; 
display:inline-block;
vertical-align:top;
}

#sert img{
margin:20px;
width:200px;
}
#sert img:hover{
opacity:0.8;
}

#soc img{
margin:2px;
}
#soc img:hover{
opacity:0.8;
}

.breadcrumb{
background:none;
font-size:14px;
margin:15px 0;
padding:0;
justify-content:center;
}
.breadcrumb a{
text-decoration:underline;
color:#000;
}
.breadcrumb a:hover{
text-decoration:none;
}

.modal-content{
background: #1b496b;
color:#fff;
}
.modal-content a{
color:#fff;
text-decoration:underline;
}
.modal-content a:hover{
text-decoration:none;   
}
.modal-content #zak{
margin:0 0 15px 0; 
}
.modal-header,.modal-footer{
border:none;
}
.modal-footer{
justify-content:center;
}

.mr-auto, .mx-auto{
text-align:right;
}
.navbar{
padding:0;
}
.navbar-light .navbar-toggler{
color:#000!important;
font-size:16px;
text-transform:uppercase;
padding:3px 5px;
margin:0;
border-radius:0;
border:none;
background: transparent;
}
.navbar-light .navbar-toggler-icon{
background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 152, 230, 1)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h34M4 16h34M4 24h34'/%3E%3C/svg%3E"); 
}

#zag,h1,h2,h3,h4,h5{
font-size:28px;
color:#0c5880;
font-weight:400;
margin-bottom:15px;
}

#zager{
font-size:28px;
color:#0c5880;
font-weight:400;
margin-bottom:15px;
text-align:center;
text-transform:uppercase;
}

a#gotop {
  position: fixed;
  right: 5px;
  bottom: 7px;
  padding:3px 10px 5px;
  background:#999;
  display: block;
  z-index: 999;
  color:#F1F1F1;
  text-decoration:none;
  font-size:30px;
  line-height:20px;
}

#top{
background:#fff;
}

#line{
border-bottom:1px solid #e9e9e9;
}

#logo{
max-width:360px;
margin:10px 0;
}

#adres{
margin:23px 0;
color:#575758;
font-size:15px;
}

.top-btns-container {
    gap: 6px;
}

#top #but,
#top #max_but, 
#top #mailtop{
margin:14px 0;
}

#but,
#max_but,
#mailtop
{
display:inline-block;
border:none;
border-radius:25px;
color:#fff;
font-size:21px;
padding:8px 8px 8px 8px;
text-decoration:none;
background: rgb(68,148,190);
background: linear-gradient(90deg, rgba(68,148,190,1) 0%, rgba(30,112,155,1) 100%); 
}
#but img,
#max_but img,
#mailtop img
{
background:#fff;
padding:8px;
border-radius:16px;
margin:-3px 10px -3px -3px;
width: 38px;
height: 38px;
}
#but:hover,

#but:hover,
#max_but:hover,
#mailtop:hover
{
background: rgb(30,112,155,1);
background: linear-gradient(90deg, rgba(30,112,155,1) 0%, rgba(68,148,190,1) 100%); 
}

#menu{
margin:10px 0;
}
#menu ul li a{
color:#000;
font-weight:500;
font-size:17px;
text-transform:uppercase;
}
#menu ul li a:hover,#menu ul li.active a{
color:#1e709b;
}
#menu ul li ul{
min-width:275px;
border:none;
border-top:3px solid #1e709b;
border-radius:0;
box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
#menu ul li ul li a,#menu ul li.active ul li a{
color:#000;
font-size:15px;
font-weight:400;
padding:5px 10px;
text-transform:none;
}
#menu ul li ul li{
padding:0 5px;
}
#menu ul li ul li a:hover,#menu ul li.active ul li a:hover,#menu ul li.active ul li.active a,#menu ul li ul li.active a{
color:#1e709b;
text-decoration:underline;
}

#back{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,234,241,1) 100%);
}

.slide-wrapper{
position:relative;
text-align:center;
}

/** Carousel **/

.slide {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.slide ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slide li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom:30px;
    padding:15px;
}
.slide li img{
width: 100%; 
height: 300px;
object-fit: contain;
}
.slide li img:hover{
opacity:0.8;
}

/** Carousel Controls **/

.sprev,
.snext {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background:#fff;
    border-radius:20px;
    text-align: center;
    color:#f8625a;
    text-decoration: none;
    padding:3px 0;
    font-size:23px;
    font-weight:600;
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.26);
}

.sprev:focus,.snext:focus,.sprev:hover,.snext:hover{
text-decoration: none;
}

.sprev {
    left: -10px;
}

.snext {
    right: -10px;
}
/** Carousel Pagination **/

.slide-pagination {
    position: absolute;
    z-index:1;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.slide-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 14px;
    width: 14px;
    background: transparent;
    color: #d1b57d;
    border:2px solid;
    border-radius: 7px;
    text-indent: -9999px;
    margin-right: 7px;
}

.slide-pagination a.active {
    background: #d1b57d;
    color: #d1b57d;
    opacity: 1;
}

#usl{
display: flex;
flex-flow: row wrap;
justify-content:center;
}
#usl a{
display:inline-block;
margin:10px;
position:relative;

max-width:350px;
}
#usl a span{
display:block;
margin-top:10px;
text-align:center;
}
#usl a span b{
font-size: 20px;
color: #0c5880;
font-weight:400;
}
/*#usl a span{
position:absolute;
bottom:20px;
left:20px;
right:20px;
}
#usl a span b{
background:#0a4666;
color:#fff;
font-size:28px;
font-weight:400;
line-height:33px;
padding:0 5px;
-webkit-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
}
#usl a:hover span b{
background:#f86057;
}*/
#usl a:hover img{
border-radius:25px;
filter: grayscale(100%);
}

#stat{
display: flex;
flex-flow: row wrap;
justify-content:center;
}

#stat div{
width:530px;
min-height:236px;
margin:10px;
border-top-left-radius: 112px;
border-bottom-left-radius: 112px;
color:#676767;
font-size:15px;
padding:10px 15px 10px 10px;
background:#fff;
}
#stat div img{
border-radius:108px;
float:left;
}
#stat div p{
margin-left:236px;
}
#stat div p span{
font-size:14px;
}
#stat div p a{
display:block;
margin:10px 0;
font-size:21px;
line-height:25px;
font-weight:400;
color:#1f719c;
text-decoration:none;
}
#stat div p a:hover{
color:#f86057;
text-decoration:underline;
}

#niz{
padding:40px 0;
}

#niz_zag{
font-size:16px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:15px;
}

#niz_menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#niz_menu ul li a{
display:block;
color:#000;
font-size:15px;
margin:5px 0;
}
#niz_menu ul li a:hover,#niz_menu ul li.active a{
color:#1e709b;
text-decoration:underline;
}

#niz_news ul{
margin:0;
padding:0;
list-style-type:none;
}
#niz_news ul li a{
display:block;
color:#696969;
font-size:15px;
font-weight:400;
margin:5px 0;
}
#niz_news ul li a:hover,#niz_news ul li.active a{
color:#1e709b;
text-decoration:underline;
}

#nizer{
font-size:12px;
color:#575758;
padding:20px 0;
}
#nizer a{
color:#575758;
text-decoration:underline;
}
#nizer a:hover{
text-decoration:none;
}
#copy{
text-align:right;
}

.m{
display:none;
}

@media (max-width:1200px){

.pc{
display:none;
} 
.m{
display:block;
}

#top,#niz,#nizer,#copy{
text-align:center;
}

#top .col-xl-4{
text-align:left;
}
#top #logo{
width:221px;
margin:10px;
position:relative;
z-index:3;
}
#top #menu{
margin:-40px 5px 10px 5px;
padding-bottom:5px;
border-top:none;
box-shadow:none;
}
#top #menu ul li a{
padding:5px;
}
#top #adres, #top #but,
#top #max_but, 
#top #mailtop
{
margin:5px 0;
}

#stat div{
width:100%;
min-height:236px;
margin:10px;
border-top-left-radius: 112px;
border-top-right-radius: 112px;
border-bottom-left-radius: 0;
padding:10px 10px 15px 10px;
text-align:center;
}
#stat div img{
border-radius:108px;
float:none;
}
#stat div p{
margin:20px;
text-align:left;
}
   
}


    .bottom-map {
        max-width: 100%;
    }