body {
     font-family: Montserrat, sans-serif;
     font-size: 15px;
	 color:#000;
}

#prod b,#prod strong{
font-weight:500;
}
#prod p{
margin-bottom:10px;
}
#prod ul{
margin:0;
padding:0 0 10px 0;
list-style-type:none;
}
#prod ul li{
background:url(images/slide/check.png);
background-repeat:no-repeat;
background-position:left center;
padding:5px 0 5px 30px;
font-size:12px;
}
#prod #but{
margin-top:20px;
}

#gal{
text-align:center;
}
#gal a{
display:inline-block;
margin:10px 7px;
}
#gal img{
}
#gal img:hover{
opacity:0.8;
}

#otzyv ul{
margin:0;
padding:0;
list-style-type:none;
}
#otzyv ul li div{
margin-bottom:30px;
}

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

.white{
color:#fff;
}

#crumbs{
background:#f6f6f6;
}
#crumbs br{
display: none;
}
.breadcrumb{
background:none;
font-size:12px;
padding:15px 0;
color:#000;
}
.breadcrumb a{
text-decoration:underline;
color:#a2a2a2;
}
.breadcrumb a:hover{
text-decoration:none;
}

#zag,h1{
font-size:26px;
font-weight:500;
text-transform:uppercase;
margin-bottom:25px;
}

a#gotop {
  position: fixed;
  right: 5px;
  bottom: 7px;
  padding:3px 7px 1px;
  background:#3260aa;
  border-radius:25px;
  display: block;
  z-index: 999;
  color:#fff;
  text-decoration:none;
  font-size:30px;
  line-height:20px;
}

.modal.modal-fullscreen .modal-dialog {
  width: 100vw;
  height: 100vh;
  margin: 0;
  padding: 0;
  max-width: none; }

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; }

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; }

.modal-content{
background: rgb(53,53,53);
background: radial-gradient(circle, rgba(53,53,53,1) 0%, rgba(17,17,17,1) 100%); 
color:#fff;
}
.modal-content a{
color:#fff;
text-decoration:underline;
}
.modal-content a:hover{
text-decoration:none;   
}
.modal-header,.modal-footer{
border:none;
}
.modal-footer{
justify-content:center;
}
.navbar{
padding:0;
}
.navbar-light .navbar-toggler{
color:#000!important;
text-transform:uppercase;
padding:1px 5px;
margin:0;
border:none;
border-radius:0;
background: #3260aa;
}
.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(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h34M4 16h34M4 24h34'/%3E%3C/svg%3E");
position:relative;
left:-2px;
}

.navbar-nav{
align-items:center;
}

#top_back{
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
position:relative;
}


#top{
display: flex;
flex-flow: row wrap;
align-items: center;
}
#top div{
margin:0 14px;
}

#logo{
margin:5px 0;
width:150px;
}
#phone{
display:inline-block;
background:url(images/phone.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
font-size:21px;
color:#000;
}
#phone a{
color:#000;
}
#adres{
display:inline-block;
background:url(images/adres.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
font-size:12px;
font-weight:400;
color:#000;
}
#soc img{
margin:2px;
}
#soc img:hover{
opacity:0.8;
}

#but{
display:inline-block;
color:#fff;
font-size:15px;
background:#3260aa;
padding:10px 20px;
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
margin:10px 0;
border:none;
}
#but:hover{
box-shadow:none;
text-decoration:underline;
}

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

#menu ul li a{
color:#000;
font-weight:500;
font-size:16px;
padding:10px 15px;
text-decoration:none;
}
#menu ul li a:hover,#menu ul li.active a{
color:#3260aa;
}

#slogan{
background-color:#252627;
}
#slogan .col-xl-9{
padding:15px;
}
#slogan b{
color:#fff;
line-height:36px;
font-size:36px;
font-weight:500;
display:block;
margin-bottom:20px;
}
#slogan p{
background:url(images/slide/check.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
color:#fff;
font-size:16px;
font-weight:300;
}
#slogan a{
display:inline-block;
color:#fff;
padding:10px 20px;
border:1px solid #fff;
margin:10px 0;
}

#cat{
display: flex;
flex-flow: row wrap;
justify-content:center;
}
#cat a{
display:block;
max-width:350px;
margin:10px;
}
#cat div{
background-image:url(images/cat/next.jpg);
background-repeat:no-repeat;
background-position:left center;
height:72px;
padding:15px 10px 10px 87px;
color:#3260aa;
font-weight:500;
font-size:15px;
}
#cat a:hover div{
background-color:#3260aa;
color:#fff;
}

#zam{
background:#252627;
color:#fff;
border:2px solid #252627;
}
#zam span{
display:block;
padding:20px;
}
#zam #zag{
margin-bottom:10px;
}
#zam .col-xl-5{
padding:15px 0;
background-color:#fff;
background-image:url(images/zam.png);
background-repeat:no-repeat;
background-position:bottom center;
min-height:230px;
}

#otz_back{
background:#252627;
padding:40px 0;
}

#otz{
background:#fff;
font-size:14px;
border-radius:25px;
padding:40px;
box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.2);
position:relative;
}
#otz img{
position:absolute;
top:-10px;
}
#otz b{
display:block;
text-align:right;
font-size:16px;
font-weight:500;
font-style:italic;
margin-top:20px;
}


.slide-wrapper{
position:relative;
margin:20px 0;
padding-bottom:40px;
}

/** 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:10px;
}

/** Carousel Controls **/

.sprev,
.snext {
    position: absolute;
    top: 50%;
    margin-top: -63px;
    height: 66px;
    text-align: center;
    color: #fbe115;
    text-decoration: none;
}

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

.sprev {
    left: -65px;
}

.snext {
    right: -65px;
}
/** 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-bottom: -20px;
}

.slide-pagination a {
    text-decoration: none;
    display: inline-block;
    height: 5px;
    width: 27px;
    background: #fff;
    text-indent: -9999px;
    margin-right: 7px;
}

.slide-pagination a.active {
    background: #3260aa;
    opacity: 1;
}

.cat-wrapper{
position:relative;
padding:0 0 15px;
}

/** Carousel **/

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

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

.cat li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
    padding:15px;
}

.cat li img:hover{
opacity:0.8;
}

/** Carousel Controls **/

.cprev,
.cnext {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    padding:15px;
    background:#3260aa;
}

.cprev:focus,.cnext:focus,.cprev:hover,.cnext:hover{
text-decoration: none;
opacity:0.8;
}

.cprev {
    left: 0px;
}

.cnext {
    right: 0px;
}
/** Carousel Pagination **/

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

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

.cat-pagination a.active {
    background: #5746ed;
    color: #5746ed;
    opacity: 1;
}


.prod-wrapper{
position:relative;
padding:0 0 15px;
}

/** Carousel **/

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

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

.prod li {
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
}

/** Carousel Controls **/

.pprev,
.pnext {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    padding:15px 0;
    background:#3260aa;
}

.pprev:focus,.pnext:focus,.pprev:hover,.pnext:hover{
text-decoration: none;
opacity:0.8;
}

.pprev {
    left: 0px;
}

.pnext {
    right: 0px;
}
/** Carousel Pagination **/

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

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

.prod-pagination a.active {
    background: #5746ed;
    color: #5746ed;
    opacity: 1;
}


#niz{
background:#252627;
padding:40px 0;
color:#fff;
}
#niz_menu ul{
margin:0 0 10px 0;
padding:0;
list-style-type:none;
}
#niz_menu ul li a{
display:block;
margin:10px 0;
color:#fff;
font-size:14px;
font-weight:300;
text-decoration:none;
}
#niz_menu ul li a:hover,#niz_menu ul li.active a{
color:#729ee5;
}

#niz #phone,#niz #adres{
background:none;
padding:0;
color:#fff;
margin-bottom:10px;
}
#niz #phone a{
color:#fff;
}
#niz #soc{
margin:5px 0 20px;
}
#niz #but{
margin-bottom:30px;
}

#copy{
text-align:right;
font-size:13px;
font-weight:200;
}
#copy img{
margin-bottom:20px;
}

.m{
display:none;
}

@media (max-width:1200px){
    
.pc{
display:none;
}
.m{
display:block;
}

#logo{
width:auto;
}
#logo img{
margin-right:10px;
height:50px;
position:relative;
z-index:2;
}
#menu{
margin:-50px 0 10px 0;
}
#menu ul li a{
padding:5px 0;   
}
.navbar-nav{
align-items:stretch;
}
.mr-auto, .mx-auto{
text-align:right;
}

#top{
display:block;
text-align:center;
}
#top div{
margin:3px 0;
}

#cat div{
padding:15px 3px 15px 87px;
font-size:13px;
}

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

}