@font-face {
    font-family: 'supermarketregular';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}
body{
	font-family: "supermarketregular";
	font-size: 18px;
}
/*=== banner ===*/
.desktop{
    display: block;
}
.responsive{
    display: none;
}

/*=== Form ===*/
#content {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
.content-left-form {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
.content-right-form {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    box-ordinal-group: 1;
}

.form-horizontal .control-label{
	text-align: left;
}
.content-left-form{
	padding: 10px 0px;
}
.content-left-form a{
	color: #18a21f;
}
.content-right-form{
	line-height: 30px;
	padding: 10px 0px;
}
/*=== Footer ===*/
section#footer{
	padding: 10px 0px;
	font-size: 16px;
	background-color: #99c456;
}
section#footer .icon-social{
	padding: 10px 0px;
}
section#footer .footer-list-menu a{

	color: #000;
}
section#sub-footer{
	padding: 10px 0px;
	background-color: rgb(115,169,43);

	line-height: 30px;
}