*,li{letter-spacing:normal;list-style:none outside none;margin:0;padding:0; border:0;}

a img{border:0;}
html,body{font-family:"Roboto Condensed","Arial","Helvetica","Garuda,sans-serif";}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

i {font-size:0;}



div.all {
	width:100%;
	height:auto;
	clear: both;
	display: block;
	margin: 0;
	position: relative;
	overflow: hidden;
	background:#f7c723;
}



div.all img.one{
	width: 100%;
	height:100vh;
	object-fit: cover;
	min-height:900px;
	display: block;
}

div.all div.content {
	width:100%;
	overflow: auto;
	display: block;
	margin: 100px 0 0 0;
	position: absolute;
	left:0;
	top:0;
	padding:0;
}



div.all div.content p{
	padding: 10px 20px;
}

div.all div.content p span{
		background:#282828;
	padding:5px;
	font-size:24px;
	color:#FFF;
}

div.all div.content p.a0 span{
	background:#e16e7b;
	padding:5px;
	font-size:24px;
	color:#FFF;
}

div.all div.content p.a0 span{
	background:#e16e7b;
	padding:5px;
	font-size:24px;
	color:#FFF;
}

div.all div.content p.teres{
padding-bottom:0;
	
}

.content img{
float:left;
margin: 20px;
max-width:200px;
background:#FFF;
	
}

div.all div.content.next p.x {
	font-size:18px;
	line-height:30px;
	padding: 20px;
	background:#282828;
	
	background: rgba(40, 40, 40, 0.5);
   filter: alpha(opacity=50);
	color:#FFF;
	 
}

div.all div.content.next p.x span{
	background:none;
	font-size:18px;
	padding:0;
	 
}


div.product {
    position: fixed;
	 z-index:11;
    bottom: 0;
    right: 0;
    background: #FFF;
    border-bottom: 6px solid red;
	 width:320px;
	 padding: 20px 0;
	 
}



div.product p{
    padding: 0 20px;
}

div.product p.img{
	padding: 0 20px;
}

div.product p.img img{
    display:block;
	 max-width:280px;
	 margin: 0 auto;
}

div.product .iconclose{
	width:40px;
	height:40px;
	border-radius:5px;
	line-height:40px;
	text-align:center;
	font-size:30px;
	color:red;
	position:absolute;
	top:10px;
	right: 10px;
	cursor:pointer;
	padding:0;
}

div.product p.iconclose:hover{
	background:#fe4343;
	color:#FFF;
}



div.product p.img span.promo{
    background:red;
	 position:absolute;
	 padding:5px;
	 font-size:20px;
	 font-weight:bold;
	 color:#FFF;
	 height:30px;
	 line-height:30px;
	 text-align:center;
	 border-radius:15px;
}

div.product p.promo{
	padding:10px 20px;
}

div.product p.promo span.time{
	font-size:24px;
	color:red;
}

div.product p.price{
	padding:0 20px 10px 20px;
	text-align:center;
}

div.product p.price s{
	color:red;
	font-size:28px;
}

div.product p.price span{
	font-weight:bold;
	font-size:32px;
}

div.product p a.kup{
    background:#282828;
	 line-height:40px;
	 display:block;
	 text-align:center;
	 color:#e16e7b;
	 font-weight:bold;
	 font-size:24px;
	 border-radius:5px;
}


div.product .mobile p,div.product .mobile a{
    float:left;
	 width:50%;
	 padding:0;
	 text-align:center;
	 cursor:pointer;
	 display:block;
	 line-height:40px;
	 color:#FFF;
	 font-size:20px;
}

div.product .mobile a{
    background:red;
}

div.product .mobile p{
    background:#e16e7b;
}

div.product .mobile p:hover{
    text-decoration:underline;
}



div.product .mobile{
    display:none;
}

















nav {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
	 width:100%;
	 background:#282828;
	 border-bottom:3px solid #282828;
	 
}

nav div.bgc {
    border-bottom:1px solid #e16e7b;
	 display: block;
	 overflow: hidden;
}


nav p{
    height:80px;
	 background:#282828;
	 float:left;
	 line-height:80px;
}

nav p a{
    color:#e16e7b;
	 font-size:34px;
	 padding: 0 20px;
	 font-weight:bold;
}

nav ul{
    height:80px;
	 background:#282828;
	 float:right;
}

nav ul li{
	float:left;
	height:80px;
	line-height:80px;
	padding: 0 20px;
	
}


nav ul li.activ{
	height:77px;
	border-bottom:3px solid #e16e7b;
	font-weight:bold;
}


nav ul li.close{
display:none;
}

nav ul li.kup{
	background:initial;
	
}

nav ul li a{
	color:#c5c5c5;
	display:block;
	font-size:18px;
}

nav ul li.kup a{
	font-weight:bold;
	
}

nav ul li.kup a i{
	display:block;
	float:left;
	line-height:47px;
}

table.opinie{
	width:300px;
	float:left;
	height:500px;
}


table.opinie td{
	padding:10px;
	color#FFF;
	text-align:center;
}

.box table td.img{
	height:180px;
}

.content .box table td.img img{
padding:0;
margin:0 auto;
max-width: 200px;
max-height: 180px;
display:block;
float: inherit;
}

div.all div.content .box{
width:280px;
height:380px;
float:left;
margin: 10px;

}
div.all div.content .box p{
padding:0;

}

div.all div.content .box p.txt{
padding:5px;
	background: rgba(40, 40, 40, 0.5);
   filter: alpha(opacity=50);
	color:#FFF;
	font-size:18px;
	
}


table.opinie td.name span{
	background:#e16e7b;
	padding:5px;
	font-weight:bold;
	font-size:20px;
	color:#FFF;
}

div.all div.content .box p.name{
	padding:10px 0;
}

div.all div.content .box p.name span{
	background:#e16e7b;
}



table.opinie td.txt span, table.opinie td.city span{
	background:#282828;
	padding:5px;
	color:#FFF;
	font-size:18px;
}

table.opinie td.txt span{
	line-height:30px;
}










@media all and (max-width:979px){




nav ul li{
	display:none;
}

nav p a{

	 font-size:20px;
	 padding: 0 10px;

}


nav p.close{
	display:block;
	padding:10px;
	padding-top:24px;
	cursor:pointer;
	position: fixed;
	right:0;
	height: 40px;
}



nav p.close.close span {
    width: 35px;
    height: 5px;
    background-color: #FFF;
    margin: 6px 0;
	 display:block;
}

nav p.close.close:hover span {
    background-color: #e16e7b;
}

div.product .komp{
    display:none;
}

div.product .mobile{
    display:block;
}

div.product{
padding: 0;
width: 100%;
border:0;
}


div.product .mobile p,div.product .mobile a{
	 display:block;
}




nav.open{
	overflow: hidden;
	position: absolute;
}

nav.open ul{
	width:100%;
	height: auto;
}

nav.open ul li{
	width:100%;
	display:block;
}

nav.open ul li.close{
	display:none;
}

/* content mobile */
div.all img.one{
display:none;

}

div.all div.content{
position: relative;
}


nav.open ul{
	display:none;
}

div.all{
	min-height:500px;
}

}


@media all and (max-width:480px){
.content img{
max-width:100%;
width: 100%;
margin: 0 auto;
;
}
}


.footer{
	padding:40px;
	border-top: 1px solid #e16e7b;
	background:#282828;
	color:#aaa;
	font-size:14px;
}


.xtm b{display:none;}