body, input, select, option, textarea, button, #form-div, .ui-dialog-title, .ui-dialog-content{
color:#333;
font-size:100%; font-weight:500; font-family: 'Montserrat', sans-serif !important;
}
h1{
margin:0;
color:#555;
text-align:left;
font-size:220%; font-weight:700;
line-height:1.2;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* карточка товара */
.kartochka-div{
width:100%;
margin:30px 0 0 0;
padding:0;
}
.kartochka-div-div{
margin:0;
padding:0;
}
.kartochka-div ul{
width:100%;
margin:0;
padding:0;
text-align:left;
list-style:none;
}
.kartochka-div li:first-of-type{
display:inline-block;	
width:50%;
position:relative;
margin:20px 0 0 0;
padding:0;
vertical-align:top;
}
.kartochka-div li:last-of-type{
display:inline-block;	
width:45%;
margin:20px 0 0 0;
padding:0 0 0 5%;
text-align:left;
vertical-align:top;
}
.kartochka-div-image{
width:100%;
cursor:pointer;
}
.kartochka-div-metka{
display:inline-block;
width:auto;
position:absolute; left:-10px; top:10px; z-index:10;
margin:0;
padding:10px;
background:#ee9b01; color:#fff;
font-size:120%; font-weight:700;
text-align:left;
white-space:nowrap;	
}
.kartochka-div-label{
width:100px;
position:absolute; left:-10px; top:-10px; z-index:10;
margin:0;	
}
/* --------------------------------------------------- */
/* слайдер */
.kartochka-div .kartochka-div-slider img{
width:100%;
}
.kartochka-div .kartochka-div-slider input{
width:50px; height:50px;	
z-index:10;
}
.kartochka-div .kartochka-div-slider input:first-of-type{
left:-5px;	
}
.kartochka-div .kartochka-div-slider input:last-of-type{
right:-5px;	
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* корзина и количество */
.kartochka-div-korzina{
width:auto;
border-collapse:collapse;
margin:0;
}
.kartochka-div-korzina td:first-of-type{
padding:3px 10px 0 0;
text-align:left;	
vertical-align:middle;	
}
.kartochka-div-korzina td:last-of-type{	
padding:3px 0 0 10px;
text-align:right;	
vertical-align:middle;	
}
/* --------------------------------------------------- */
/* счётчик количества товара */
.kartochka-div-korzina table{
display:inline-block;	
width:auto;
border:1px solid #c8d2d1; border-radius:4px;
margin:0;
padding:5px;
}
.kartochka-div-korzina td td{
white-space:nowrap;	
}
.kartochka-div-korzina td td:first-of-type{
padding:0;	
}
.kartochka-div-korzina td td:last-of-type{
padding:0;	
}
.kartochka-div-korzina td td input{
display:inline-block;
width:50px;
border:0;
margin:0 5px;
padding:0;
text-align:right;
cursor:pointer;
}
.kartochka-div-korzina td td div{
display:inline-block;
width:35px; height:33px;
border:0; border-radius:4px;
margin:0;
padding:3px 0 0 0;
background:#14471e; color:#fff;
text-align:center;
font-size:200%; font-weight:600;
cursor:pointer;
line-height:1.0;
}
/* --------------------------------------------------- */
/* кнопка корзины */
.kartochka-div-korzina button{
display:inline-block;
width:auto;
border:0; border-radius:4px;
margin:0;
padding:11px 10px;
background:#14471e; color:#fff;
font-weight:600;
cursor:pointer;
}
.kartochka-div-korzina button:hover{
background:#68904d;
}
.kartochka-div-korzina button img{
display:inline-block;	
width:25px;
float:left;
margin:0 10px 0 0;
}

/* --------------------------------------------------- */
/* --------------------------------------------------- */
/* характеристики товара */
.kartochka-div-info{
width:auto;
border-collapse:collapse;
margin:20px 0 0 0;
}
.kartochka-div-info tr{
border-bottom:1px solid #eee;
}
.kartochka-div-info tr:first-of-type{
border:0;	
}
.kartochka-div-info td:first-of-type{
padding:5px 10px 0 0;
text-align:left;
vertical-align:bottom;
}
.kartochka-div-info td:last-of-type{
padding:5px 0 0 10px;
text-align:right;
vertical-align:bottom;
}


@media screen and (min-width:100px) and (max-width:400px){
	h1{
	font-size:140%;	
	}
	.kartochka-div li:first-of-type, .kartochka-div li:last-of-type{
	width:100%;
	padding:0;
	}
}
@media screen and (min-width:401px) and (max-width:500px){
	h1{
	font-size:160%;	
	}
	.kartochka-div li:first-of-type, .kartochka-div li:last-of-type{
	width:100%;
	padding:0;
	}
}
@media screen and (min-width:501px) and (max-width:600px){
	h1{
	font-size:180%;	
	}
	.kartochka-div li:first-of-type, .kartochka-div li:last-of-type{
	width:100%;
	padding:0;
	}
	.kartochka-div li:first-of-type img{
	max-width:400px;	
	}
}
@media screen and (min-width:601px) and (max-width:700px){
	h1{
	font-size:200%;	
	}
	.kartochka-div li:first-of-type, .kartochka-div li:last-of-type{
	width:80%;
	padding:0;	
	}
}
@media screen and (min-width:701px) and (max-width:800px){
	.kartochka-div li:first-of-type, .kartochka-div li:last-of-type{
	width:60%;
	padding:0;	
	}
}
@media screen and (min-width:801px) and (max-width:900px){
	
}
@media screen and (min-width:901px) and (max-width:1000px){

}
@media screen and (min-width:1001px) and (max-width:1100px){

}