body{
	padding:0;
	margin:0;
	font-family: 'Source Sans Pro', sans-serif;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
}
/*
p{
	margin:0;
}*/
label{
	margin:0;
}
.ordering-section{
	padding:4em 0;
}

.dotted-line h4{
	color:#E24425;
	font-weight:300;
	font-size:1.7em;
	width:80%;
	margin: 0 auto;
}
.dotted-line {
	background: url(../images/dotted-line.png) no-repeat 176px 14px;
	margin:1em 0 2.5em 0;
}
/*shop apply*/
.apply-section p{
	color: #868686;
	font-size: 18px;
	text-align: center;
	margin: auto;
		background: url(../images/line.png) no-repeat 19px 252px;

}
.apply-section-grids {
	margin-top: 2em;
	margin-bottom: 3em;
	background: url(../images/line.png) no-repeat 19px 252px;

}
.apply-section-grid-process label{
	position: absolute;
	background: url("../images/img-sprite2.png") no-repeat -230px -79px;
	display: inline-block;
	width: 80px;
	height: 23px;
	top: 98%;
	right: -234%;;
}
.apply-section-grid{
	background: url("../images/shop-apply-bg.png") no-repeat;
	min-height: 160px;
	position:relative;
	cursor: pointer;
}
.apply-section-grid-process{
	position:absolute;
	top: -21%;
	left: 24%;
}
.apply-section-grid-process i.one-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat 0px 0px;
	display: inline-block;
}
.apply-section-grid-process i.two-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -65px 0px;
	display: inline-block;
}
.apply-section-grid-process i.three-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -130px 0px;
	display: inline-block;
}
.apply-section-grid-process i.four-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -195px 0px;
	display: inline-block;
}
.apply-section-grid-process p{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	/*margin-top: 1em;*/
	position:absolute;
	left:-35%;
	width:112px;
	text-align: center;
}
.apply-section-grid-process label{

}
.apply-section-grid-process span{
	font-weight:bold;
	color:#5BBD50;
	font-size:14px;
}
.apply-section .row {
    padding-left:90px;
}
.above {
	padding-top: 0em;
}
.below {
	padding-top: 3em;
}
.apply-comment{
	/*background:#F5F5F5;*/
	padding-bottom: 4em;
}

/*order */
 
.ordering-section{
	/*background:#F5F5F5;*/
	padding: 5em 0;
}
.ordering-section h3{
	font-size: 38px;
	/*color:#1E3536;*/
	text-align:center;
	margin:0;
	margin-bottom:1em;
}
.ordering-section h4{
	font-size: 30px;
	color:#fff;
	text-align:center;
	margin:0;
}
.ordering-section p{
	color: #868686;
	font-size: 18px;
	text-align: center;
	margin: auto;
}
.ordering-comment{
	/*background:#F5F5F5;*/
	padding-bottom: 2em;
}
.ordering-comment p{
	color: #868686;
	font-size: 12px;
	text-align: left;
	margin: 0em auto;
}
.ordering-section-grids {
	margin-top: 6em;
}
.ordering-section-grid-process label{
	position: absolute;
	background: url("../images/img-sprite2.png") no-repeat -250px -79px;
	display: inline-block;
	width: 80px;
	height: 23px;
	top: 98%;
	right: -204%;;
}
.ordering-section-grid{
	background: url("../images/order-section-bg.png") no-repeat;
	min-height: 160px;
	position:relative;
	cursor: pointer;
}
.ordering-section-grid-process{
	position:absolute;
	top: -18%;
	left: 17%;
}
.ordering-section-grid-process i.one{
	width:65px;
	height:65px;
	background: url("../images/img-sprite2.png") no-repeat 0px 0px;
	display: inline-block;
}

.ordering-section-grid:hover i.one,.ordering-section-grid:hover i.two,
.ordering-section-grid:hover i.three,.ordering-section-grid:hover i.four{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}

.ordering-section-grid-process i.two{
	width:65px;
	height:65px;
	background: url("../images/img-sprite2.png") no-repeat -65px 0px;
	display: inline-block;
}
.ordering-section-grid-process i.three{
	width:65px;
	height:65px;
	background: url("../images/img-sprite2.png") no-repeat -130px 0px;
	display: inline-block;
}
.ordering-section-grid-process i.four{
	width:65px;
	height:65px;
	background: url("../images/img-sprite2.png") no-repeat -195px 0px;
	display: inline-block;
}

.ordering-section-grid-process i.one-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat 0px 0px;
	display: inline-block;
}
.ordering-section-grid-process i.two-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -65px 0px;
	display: inline-block;
}
.ordering-section-grid-process i.three-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -130px 0px;
	display: inline-block;
}
.ordering-section-grid-process i.four-red{
	width:65px;
	height:65px;
	background: url("../images/img-sprite.png") no-repeat -195px 0px;
	display: inline-block;
}
.ordering-section-grid:hover i.one-red,
.ordering-section-grid:hover i.two-red,
.ordering-section-grid:hover i.three-red,
.ordering-section-grid:hover i.four-red{
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
.ordering-section-grid-process i.one-icon{
	width:45px;
	height:45px;
	background: url("../images/img-sprite.png") no-repeat -260px 0px;
	display: inline-block;
	margin-left:0.55em;
}
.ordering-section-grid-process i.two-icon{
	width:45px;
	height:45px;
	background: url("../images/img-sprite.png") no-repeat -305px 0px;
	display: inline-block;
	margin-left:0.55em;
}
.ordering-section-grid-process i.three-icon{
	width:45px;
	height:45px;
	background: url("../images/img-sprite.png") no-repeat -350px 0px;
	display: inline-block;
	margin-left:0.75em;
}
.ordering-section-grid-process i.four-icon{
	width:45px;
	height:45px;
	background: url("../images/img-sprite.png") no-repeat -395px 0px;
	display: inline-block;
	margin-left:0.6em;
}
.ordering-section-grid-process p{
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-top: 1em;
	position:absolute;
	left:-35%;
	width:112px;
	text-align: center;
}
.ordering-section-grid-process label{

}
.ordering-section-grid-process span{
	font-weight:300;
	color:#5BBD50;
	font-size:18px;
}
.ordering-section .row {
    padding-left:90px;
}

/*-- responsive-design --*/
@media screen and (max-width:1366px){
	.ordering-section {
		padding: 3em 0;
	}
	/**/
	.apply-section {
		padding: 3em 0;
	}
}
@media screen and (max-width:1024px){

	.dotted-line h4 {
		font-size: 1.6em;
	}
	.dotted-line {
		background: url(../images/dotted-line.png) no-repeat 76px 13px;
		margin: 0.5em 0 2.2em 0;
	}
	.ordering-section-grids {
		margin-top: 5em;
	}
	.ordering-section-grid-process label {
		background: url("../images/img-sprite2.png") no-repeat -211px -66px;
		width: 45px;
		height: 23px;
		right: -150%;
		background-size: 500px;
	}
	.ordering-section-grid-process {
		left: 22%;
	}
	/**/
	.apply-section-grid {
    background-size: 148px;
	}
	
	.apply-section-grids {
		margin-top: 5em;
	}
	.apply-section-grid-process {
		left: 28%;
	}
	.apply-section-grid-process p {
		font-size: 15px;
	}

}
@media screen and (max-width:800px){

	.dotted-line h4 {
		font-size: 1.4em;
	}
	.dotted-line {
		background: url(../images/dotted-line.png) no-repeat -29px 10px;
		margin: 0.5em 0 2em 0;
	}
	.ordering-section-grid {
		width: 25%;
		float: left;
	}
	.ordering-section-grid {
		background-size: 140px;
	}
	.ordering-section-grids {
		margin-top: 4em;
	}
	.ordering-section-grids h6{
		padding-left:1em;	
		padding-right:1em;
	}
	.ordering-section-grid-process {
		left: 28%;
		top: -10%;
	}
	.ordering-section-grid-process i.one{
		width: 40px;
		height: 40px;
		background-size: 380px;
	}
	.ordering-section-grid-process i.two {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite2.png") no-repeat -42px 0px;
		background-size: 380px;
	}
	.ordering-section-grid-process i.three {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite2.png") no-repeat -83px 0px;
		background-size: 380px;
	}
	.ordering-section-grid-process i.four {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite2.png") no-repeat -124px 0px;
		background-size: 380px;
	}
	.ordering-section-grid-process p {
		font-size: 15px;
		margin-top: 1em;
		left: -90%;
	}
	.ordering-section-grid-process i.one-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -192px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.ordering-section-grid-process i.two-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -226px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.ordering-section-grid-process i.three-icon {
		width: 33px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -256px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.ordering-section-grid-process i.four-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -292px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.ordering-section-grid-process label {
		background: url("../images/img-sprite2.png") no-repeat -222px -63px;
		width: 20px;
		height: 20px;
		right: -195%;
		background-size: 470px;
	}
	.ordering-section {
		padding: 2em 0 0 0;
	}
	.ordering-section-grid-process span {
		font-size: 15px;
	}
	/**/

	.apply-section-grid {
		width: 25%;
		float: left;
	}
	.apply-section-grid {
		background-size: 140px;
	}
	.apply-section-grids {
		margin-top: 4em;
	}
	.apply-section-grid-process {
		left: 28%;
		top: -10%;
	}
	.apply-section-grid-process i.one-red{
		width: 40px;
		height: 40px;
		background-size: 380px;
	}
	.apply-section-grid-process i.two-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -42px 0px;
		background-size: 380px;
	}
	.apply-section-grid-process i.three-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -83px 0px;
		background-size: 380px;
	}
	.apply-section-grid-process i.four-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -124px 0px;
		background-size: 380px;
	}
	.apply-section-grid-process p {
		font-size: 15px;
		margin-top: 0.5em;
		left: -90%;
	}
	.apply-section-grid-process i.one-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -192px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.apply-section-grid-process i.two-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -226px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.apply-section-grid-process i.three-icon {
		width: 33px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -256px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.apply-section-grid-process i.four-icon {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.png") no-repeat -292px -2px;
		margin: 0.3em 0 0 0.3em;
		background-size: 440px;
	}
	.apply-section {
		padding: 2em 0 0 0;
	}
	.apply-section p{
		font-size: 14px;
	}
	.ordering-comment p{
		font-size: 12px;
	}
	.apply-section-grid-process span {
		font-size: 15px;
	}
	.col-md-1 {display:none}
	.apply-section .row {
		padding-left: 40px;
	}
}
@media screen and (max-width:768px){
	.ordering-section .container {
		width: 720px;
	}
	.ordering-comment p{
		font-size: 12px;
	}
	.ordering-section-grid {
		min-height: 170px;
	}
	.ordering-section-grid-process {
		top: -12%;
		left:28%;
	}

	.dotted-line h4 {
		font-size: 1.3em;
	}
	.dotted-line {
		background: url(../images/dotted-line.png) no-repeat -48px 10px;
		margin: 0.3em 0 2em 0;
	}
	/**/
	.apply-section .container {
		width: 720px;
	}
	.apply-section-grid {
		min-height: 170px;
	}
	.apply-section-grid-process {
		top: -12%;
	}
	.apply-section-head h3 {
		font-size: 1.7em;
	}
	.col-md-1 {display:none}
	.ordering-section .row {
		padding-left: 40px;
	}
}
@media screen and (max-width:640px){
	.ordering-section .container {
		width: 593px;
	}
	.ordering-comment p{
		font-size: 12px;
	}

	.dotted-line h4 {
		font-size: 1.2em;
	}
	.dotted-line {
		background: url(../images/dotted-line.png) no-repeat -112px 9px;
	}
	.ordering-section {
		padding: 1.5em 0 0 0;
	}
	.ordering-section-grid-process {
		left: 28.5%;
		top: -16%;
	}
	.ordering-section-grid-process i.one-icon,.ordering-section-grid-process i.two-icon,
	.ordering-section-grid-process i.three-icon,.ordering-section-grid-process i.four-icon{
		margin: 0 0 0 0.3em;
	}
	.ordering-section-grid {
		min-height: 143px;
	}
	.ordering-section-grid-process p {
		font-size: 14px;
		margin-top: 1.7em;
		line-height: 1.1em;
	}
	/**/
	.apply-section .container {
		width: 593px;
	}
	.apply-section-head h3 {
		font-size: 1.6em;
	}

	.apply-section {
		padding: 1.5em 0 0 0;
	}
	.apply-section-grid-process {
		left: 28.5%;
		top: -16%;
	}
	.apply-section-grid-process i.one-icon,.apply-section-grid-process i.two-icon,
	.apply-section-grid-process i.three-icon,.apply-section-grid-process i.four-icon{
		margin: 0 0 0 0.3em;
	}
	.apply-section-grid {
		min-height: 143px;
	}
	.apply-section-grid-process p {
		font-size: 14px;
		margin-top: 1.1em;
		line-height: 1.1em;
	}
		.col-md-1 {display:none}
}
@media screen and (max-width:480px){
	
	.ordering-section h3{
	font-size: 26px;
	}
	.ordering-section p{
	font-size: 14px;
	}
	
	.ordering-section .container {
		width: 100%;
	}

	.ordering-comment p{
		font-size: 12px;
	}
	.ordering-section-grid-process label {
		display: none;
	}
	.dotted-line {
		background: url(../images/dotted-line.png) no-repeat -192px 9px;
	}
	.offer-text span {
		top: 83%;
		right: 34%;
	}
	.ordering-section-grid {
		width: 40%;
		float: left;
		margin: 0 0 2em 8%;
	}
	.ordering-section-grid-process {
		left: 32%;
	}

	.ordering-section .row {
        padding-left:0px;
    }
	
	
    /**/
	.apply-section .container {
		width: 100%;
	}
	.apply-section-grid {
		width: 40%;
		float: left;
		margin: 0 0 2em 8%;
	}
	.apply-section-grid-process {
		left: 33.5%;
	}
	.apply-section-head h3 {
		font-size: 1.4em;
	}
	.apply-section .row {
        padding-left:0px;
    }
		.col-md-1 {display:none}
}
@media screen and (max-width:320px){
	.ordering-section .container {
		width: 100%;
		margin:0;
	}
	.ordering-section-grid-process p {
		font-size: 12px;
		margin-top: 0.7em;
		line-height: 1.1em;
		padding-left: 15px;
		padding-right: 10px;
	}
	.ordering-section p{
	font-size: 14px;
	}
	.ordering-comment p{
		font-size: 12px;
	}
	.ordering-section-grid {
		background-size: 120px;
		width: 45%;
		
		margin-left:1.1em;
	}
	.apply-section-grid-process p {
		font-size: 12px;
		margin-top: 0.7em;
		line-height: 1.1em;
		padding-left: 15px;
		padding-right: 10px;
	}
	
	.ordering-section .row {
        padding-left:0px;
    }
	.apply-section .container {
		width: 100%;
		margin:0;
	}
	.apply-section-grid {
		background-size: 120px;
		width: 45%;
		margin-left:1.1em;
	}
	.apply-section .row {
        padding-left:0px;
    }
	.col-md-1 {display:none}
	.apply-section-grid-process {
		left: 28%;
	}
	.apply-section-grid-process i.one-red{
		width: 40px;
		height: 40px;
		background-size: 380px;
	}
	.apply-section-grid-process i.two-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -42px 0px;
		background-size: 380px;
	}
	.apply-section-grid-process i.three-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -83px 0px;
		background-size: 380px;
	}
	.apply-section-grid-process i.four-red {
		width: 40px;
		height: 40px;
		background: url("../images/img-sprite.png") no-repeat -124px 0px;
		background-size: 380px;
	}

}