*{
	box-sizing: border-box;
}
body{
	position: relative;
	font-size: 16px;
	font-family: 'Work Sans', sans-serif;
	margin: 0 auto;
	max-width: 1920px;
	color: #222;
	background-color: whitesmoke;
}
a, a:hover, a:focus {
	text-decoration: none;
	color: #222;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.container{
	margin: 0 auto;
	max-width: 1400px;
	padding: 0 1rem;
}
.container-small{
	margin: 0 auto;
	max-width: 1272px;
	padding: 0 1rem;
}
main{
	min-height: 50vh;
}
::placeholder{
	color: #B8B7B7;
	font-style: italic;
	font-weight: 300;
}
@media (max-width: 1200px){
	main{
		min-height: 30vh;
	}
}
@media (max-width: 540px){
	main{
		margin-top: 0;
	}
}
button,
label{
	user-select: none;
	font-family: 'Work Sans', sans-serif;
}
.tac{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.icon{
	font-size: 16px;
	font-family: "toile-icon";
	user-select: none;
}
.icon.facebook:before{
	text-transform: lowercase;
	content: "a";
}
.icon.instagram:before{
	text-transform: lowercase;
	content: "b";
}
.icon.pinterest:before{
	text-transform: lowercase;
	content: "c";
}
.icon.search:before{
	text-transform: lowercase;
	content: "d";
}
.icon.user:before{
	text-transform: lowercase;
	content: "e";
}
.icon.cart:before{
	text-transform: lowercase;
	content: "f";
}
.icon.more:before{
	text-transform: lowercase;
	content: "g";
}
.icon.down:before{
	text-transform: lowercase;
	content: "h";
}
.icon.zoom:before{
	text-transform: lowercase;
	content: "i";
}
.icon.garbage:before{
	text-transform: lowercase;
	content: "j";
}
.icon.close:before{
	text-transform: lowercase;
	content: "k";
}
.icon.write:before{
	text-transform: lowercase;
	content: "l";
}
.icon.contact:before{
	text-transform: lowercase;
	content: "m";
}
.icon.modify:before{
	text-transform: lowercase;
	content: "n";
}
.icon.headset:before{
	text-transform: lowercase;
	content: "o";
}
.icon.mail:before{
	text-transform: lowercase;
	content: "p";
}
.icon.deliver:before{
	text-transform: lowercase;
	content: "q";
}
.icon.lock:before{
	text-transform: lowercase;
	content: "r";
}
.icon.fav:before{
	text-transform: lowercase;
	content: "s";
}
.icon.phone:before{
	text-transform: lowercase;
	content: "t";
}
.icon.plus:before{
	text-transform: lowercase;
	content: "u";
}
.icon.minus:before{
	text-transform: lowercase;
	content: "v";
}
.icon.addcart:before{
	text-transform: lowercase;
	content: "w";
}
.icon.filter:before{
	text-transform: lowercase;
	content: "x";
}
.icon.menu:before{
	text-transform: lowercase;
	content: "y";
}
.icon.user-account:before{
	text-transform: uppercase;
	content: "A";
}
.icon.user-address:before{
	text-transform: uppercase;
	content: "B";
}
.icon.user-order:before{
	text-transform: uppercase;
	content: "C";
}
.icon.user-invoice:before{
	text-transform: uppercase;
	content: "D";
}
.icon.user-logout:before{
	text-transform: uppercase;
	content: "E";
}
.icon.user-warning:before{
	text-transform: uppercase;
	content: "F";
}