body {
     font-family: 'Montserrat', sans-serif;
     font-size: 15px;
	 color:#000;
	 font-weight:300;
	 background:#f5f5f5;
}

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

#msCart th,#msCart td{
vertical-align:middle;
}

#nav-tab .nav-link{
padding: .5rem 1rem;
color:#212121;
font-size:18px;
font-weight:400;
border:none;
border-bottom:2px solid transparent;
}
#nav-tab .nav-link:hover{
border:none;
}
#nav-tab .nav-link.active{
background:none;
border:none;
border-bottom:2px solid #212121;
}



#prod_niz{
/*position:absolute;
bottom:-5px;*/
margin-bottom:15px;
}
#prod_price{
display:inline-block;
padding:5px 10px;
color:#212121;
font-weight:400;
font-size:32px;
margin:5px;
background: rgb(226,215,127);
background: linear-gradient(90deg, rgba(226,215,127,1) 0%, rgba(248,248,216,1) 100%); 
}
#prod_price img{
margin:15px 10px 15px 0;
}
#prod_cart{
display:inline-block;
padding:10px;
background:#212121;
font-size:16px;
font-weight:400;
color:#fff;
text-decoration:none;
border:none;
margin:5px;
}
#prod_cart img{
margin-left:10px;
}
#prod_cart:hover{
opacity:0.8;
}
#prod_ya{
display:inline-block;
padding:10px;
background:#fed42a;
font-size:16px;
font-weight:400;
color:#212121;
text-decoration:none;
/*margin:5px;*/
}
#prod_ya img{
margin:-7px -7px -7px 10px;
}
#prod_ya:hover{
opacity:0.8;
}


#sert{
margin:20px 0;
text-align:center;
}
#sert img{
width:230px;
margin:7px 5px;
}

#toper{
background:#343434;
padding:7px 0 5px;
text-align:center;
/*color:#e6d38b;*/
color:#fff;
font-size:12px;
text-transform:uppercase;
}

#kont_niz{
margin:30px 0;
}
#kont_niz img{
background-color:#d3bb55;
padding:20px;
border-radius:100px;
margin-top:15px;
}
#kont_niz b{
display:inline-block;
margin:5px 0;
font-size:21px;
font-weight:500;
color:#000;
}
#kont_niz a{
color:#878787;
font-size:16px;
font-weight:500;
}

#kont{
background:#fff;
padding:10px 20px;
margin-bottom:20px;
border-radius:20px;
color:#000;
}
#kont a{
color:#bc9f5b;
text-decoration:underline;
}
#kont a:hover{
text-decoration:none;
}
#kont #zag{
font-size:26px;
}

#crumbs{
border-bottom:1px solid #ccc;
margin-bottom:20px;
}
.breadcrumb{
background:none;
font-size:14px;
padding:15px 0 0;
color:#8f8f8f;
}
.breadcrumb a{
text-decoration:none;
color:#212121;
}
.breadcrumb a:hover{
text-decoration:underline;
}

#zag,h1,h2,h3,h4,h5{
font-size:32px;
font-weight:500;
margin-bottom:15px;
}

a#gotop {
  position: fixed;
  right: 5px;
  bottom: 7px;
  padding:3px 7px 1px;
  background:#d9c560;
  border-radius:25px;
  display: block;
  z-index: 999;
  color:#111;
  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;
}

.mr-auto, .mx-auto{
text-align:right;
}
.navbar{
padding:0;
}
.navbar-light .navbar-toggler{
color:#000!important;
font-size:18px;
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(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h34M4 16h34M4 24h34'/%3E%3C/svg%3E");
position:relative;
top:-2px;
}

#top{
background:#212121;
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.54);
color:#fff;
}
#top a{
color:#fff;
}
#top a:hover{
text-decoration:none;
color:#d9c560;
}

#logo{
margin:10px 0;
}

#telephone{
display:inline-block;
margin:25px 0;
padding:10px 0 10px 42px;
background:url(images/phone.png);
background-repeat:no-repeat;
background-position:left center;
font-size:21px;
font-weight:400;
line-height:15px;
text-align:left;
}
#telephone span{
font-size:11px;
}

#cart{
display:inline-block;
margin:22px 0;
padding:0 0 0 42px;
background:url(images/cart.png);
background-repeat:no-repeat;
background-position:left center;
font-size:13px;
font-weight:400;
text-align:left;
}

#menu{
border-top:1px solid #4d4d4d;

}
#menu ul{
margin:0;
padding:0;
list-style-type:none;
}
#menu ul li{
display:inline;
}
#menu ul li a{
display:inline-block;
padding:20px;
font-size:14px;
font-weight:500;
text-transform:uppercase;
}
#menu ul li a:hover,#menu ul li.active a{
color:#d9c560;
}


.slide-wrapper{
position:relative;
}

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

/** Carousel Controls **/

.sprev,
.snext {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background:#fff;
    border-radius:20px;
    text-align: center;
    color: #34373e;
    text-decoration: none;
    padding:5px;
    font-size:20px;
}

.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: 10px;
    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: 5px;
    width: 25px;
    background: #000;
    text-indent: -9999px;
    margin-right: 7px;
}

.slide-pagination a.active {
    background: #d9c560;
}

#slogan{
position:relative;
z-index:1;
padding:40px;
margin-right:-100px;
}

#slogan b{
font-weight:500;
font-size:50px;
}

#but{
display:inline-block;
background:#212121;
padding:10px 15px;
color:#fff;
font-size:16px;
text-decoration:none;
border:none;
}
#but:hover{
background: rgb(157,118,33);
background: linear-gradient(90deg, rgba(157,118,33,1) 0%, rgba(222,201,95,1) 100%); 
}

#cat{
margin:40px 0;
display: flex;
flex-flow: row wrap;
justify-content:center;
}
#cat div{
max-width:350px;
margin:10px;
font-size:14px;
color:#000;
text-decoration:none;
background:#fff;
position:relative;
}
#cat div a:hover img{
opacity:0.8;
}
#cat div span{
display:block;
text-align:center;
padding:20px 20px 80px;
}
#cat div span b a{
color:#000;
font-size:24px;
font-weight:400;
text-decoration:none;
}
#cat div span b a:hover{
color:#a27e29;
}
#cat div span #but{
position:absolute;
bottom:20px;
left:50%;
margin-left:-62px;
}



#back{
background:#fff;
padding:40px 0;
}

#m-right{
float:right;
text-align:right;
margin-right:50px;
position:relative;
z-index:2;
}
#m-phone,#m-cart{
position:relative;
z-index:2;
}
#m-phone img,#m-cart img{
margin:20px 5px;
}
#m-left{
float:left;
}
#m-logo{
height:65px;
margin:5px;
}
#menu-m{
margin-right:-40px;
margin-top:-50px;
font-size:14px;
font-weight:500;
text-transform:uppercase;
}
#menu-m ul li.active a,#menu-m ul li a:hover{
color:#d9c560;
}

#niz{
background:#212121;
padding:40px 0;
color:#fff;
font-size:12px;
}
#niz a{
color:#fff;
text-decoration:underline;
}
#niz a:hover{
text-decoration:none;
}
#niz_right{
text-align:right;
}
#niz_logo{
margin:0 0 20px 0;
}


.m{
display:none;
}


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

#prod_ya{
margin:5px 0;   
}

#slogan{
margin-right:0;   
}
#slogan b{
font-size:28px;
}

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

#niz_logo{
margin:20px 0;
}

}