/*Lunch Delivery Program*/

.center {justify-content: center;}
.txtalign-ctr {text-align: center;}
.flex-dir-column {flex-direction:column;}
.special-mt {margin-top: 30px;}


.lunchbox-image img {width:100%;}

.button-circle {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 90px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 50%;
}

.ldp-logo {}
.ldp-logo img {width:100%;}


.img100 img {width: 100%;}

.row-block {margin: 0 auto;}

.row-flex {display: flex;}
.row-flex .col {width: 30%; text-align: left; margin-right: 3%; border: 1px solid grey; padding: 30px;}

.row-flex .colx2-1-2 {width: 25%; text-align: left; margin-left: 5%; padding-right: 8%;}
.row-flex .colx2-2-2 {width: 70%; text-align: left; margin-right: 5%;}

.row-flex .colx3-1-3 {width: 20%; padding: 0 0px;}
.row-flex .colx3-2-3 {width: 60%; padding: 0 50px;}
.row-flex .colx3-3-3 {width: 20%; padding: 0 0px;}


.delivery-time-box {width: 100%; margin: 0 auto; padding: 50px; text-align: center;}
.delivery-time-box h3 {color: #000; margin: 0px 0px 0px 0px; padding: 0px; }
.delivery-time-box p {color: #06a49a; margin: 0px; padding: 0px; font-size: 21px;}

.notice-box {background-color: #ea3d15; width: 100%; margin: 0 auto 20px auto; padding: 50px; text-align: center;}
.notice-box h3 {color: #fff; margin: 0px 0px 15px 0px; padding: 0px; }
.notice-box p {color: #fff; margin: 0px; padding: 0px; font-size: 21px;}


.m0 {margin: 0;}
.ptpb200 {padding-top: 200px; padding-bottom: 200px;}

.pt200 {padding-top: 200px;}
.pb100 {padding-bottom: 100px;}

.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}
.mb100 {margin-bottom: 100px;}

.big-header {width: 100%; text-align: center; margin-top: 50px;}
.big-header h1 {font-size: 100px; margin: 0px;}


/*.lunchbox-column:first-child {border-top: 6px solid #000;}*/
.lunchbox-box {display: flex; text-align: left; padding: 15px 0px 40px 0px; margin: 40px 15px 0 15px;}
.lunchbox-image {width: 35%; margin-right: 3%;}
.lunchbox-item-box {width: 45%; margin-right: 3%;}
.lunchbox-box-footer {width: 14%; text-align: left;}

.lunchbox-title {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 5px solid #000;}
.lunchbox-quantity h1,.lunchbox-title h1 {font-size: 24px; font-weight: normal; margin: 0px;}



.lunchbox-item {margin-bottom: 15px; padding-right: 30px;}
.lunchbox-item p {font-size: 20px; margin: 0; padding: 0; line-height: 24px; font-weight: bold; vertical-align: middle;}
.lunchbox-item p:nth-child(2) {font-weight: normal;}

.lunchbox-item input[type=number] {vertical-align: middle; border: 0; border-bottom: 0px solid black; font-size: 21px; width: 80px; text-align: center; background: #e2e2e2; padding: 0px 0px;}
.lunchbox-item .row-flex {margin-bottom: 15px;}
.special-radio input[type=radio] {padding: 0; margin: 0; vertical-align: middle;}
.special-radio p {margin: 0px; padding: 0px;}

.lunchbox-price {text-align: left; margin-bottom: 20px;}
.lunchbox-price h2 {color: #06a49a;; margin: 0; padding: 0; font-size: 24px;}
.lunchbox-quantity {text-align: left;}
.lunchbox-quantity input {border: 0; border-bottom: 0px solid black; font-size: 21px; width: 120px; text-align: center; background: #e2e2e2; padding: 10px 0px;}

.row-ldp-button {width: 100%; padding: 25px 0px;}


.button input[type=submit], .button input[type=button] {
  background-color: #06a49a;
    border: none;
    color: white;
    padding: 15px 50px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
    font-size: 21px;
}
a.button {
  background-color: #06a49a;;
    border: none;
    color: white;
    padding: 15px 50px;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-size: 21px;
}


.button input[type=submit]:hover {
  background-color: #0e706a;
}



.blue-line {border-top: 5px solid #06a49a; padding-top: 75px;}
.error h3 {color: #ea3d15; }
.flex {display: flex;}

.tip {margin-top: 50px;}
.tip-box {display: flex; width: 60%; margin: 0px auto 5px auto; background: #e2e2e2;}
.tip-box .col-a {width: 25%; text-align: center; border:3px solid #000; padding: 20px; margin: 10px; font-size: 21px;}
.tip-box input[type=radio] {width: auto !important; margin-bottom: 10px;}

.tip-highlight {color: #06a49a;}


.row-order {display: flex; margin: 3px auto; padding: 10px 0px; border-bottom: 5px solid black; font-size: 20px;}
.row-order .col-a {width: 50%; text-align: left;}
.row-order .col-b {width: 20%; text-align: right;}
.row-order .col-c {width: 30%; text-align: right;}

.row-order .col-d {width: 100%; text-align: left;}



.row-pay-info {display: block; margin: 0px auto; background-color1: #ccc; padding: 10px 0px; border-bottom: 5px solid black; font-size: 20px;}
.row-pay-info .col-a {width: 100%; text-align: left;}
.row-pay-info .col-b {width: 100%; text-align: left; padding-top: 10px;}

.row-pay-info textarea {width: 100%; font-size: 20px; border: 0px; background: #e2e2e2;}

.ldp-confirm-order input {font-size: 20px; width: 100%; border: 0px; background: #e2e2e2;}
.ldp-confirm-order select {font-size: 20px; width: 100%; margin-right: 10px;}

.ldp-confirm-order {font-size: 26px; padding: 15px 0px;}

.ldp-confirm-order .colx2-1-2 {width: 50%;}
.ldp-confirm-order .colx2-2-2 {width: 50%;}

.ldp-confirm-order .colx3-1-3 {width: 32%; margin-right: 1%;}
.ldp-confirm-order .colx3-2-3 {width: 32%; margin-right: 1%;}
.ldp-confirm-order .colx3-2-3 {width: 32%; margin-right: 1%;}

.width-80 {width: 80%; margin: 0 auto;}
.width-max-billing {width: 800px;}

.ldp-placeorder-button img {width: 100%;}
.ldp-placeorder-button-mobile {display: none;}


/*Responsive Styles*/

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

/*
.banner .img-box {width: 60%;}
.pic-1 .img-box {width: 100%;}
*/

	
}/* end media 700px */

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

.row-flex {display: flex; padding-top: 150px; flex-direction: column;/*flex-direction: column-reverse;*/}
.row-flex .colx2-1-2 {width: 90%; text-align: left; margin-left: 5%; padding-right: 0%; margin: 0px auto 0 auto;}
.row-flex .colx2-2-2 {width: 90%; text-align: center; margin: 0 auto;}
	
.lunchbox-box {display: flex; text-align: left; padding: 15px 0px 40px 0px; margin: 40px 15px 0 15px; flex-direction: column;}  
.lunchbox-title {margin-top: 15px;}
.lunchbox-image {width: 90%; margin: 0 auto;}
.lunchbox-item-box {width: 90%; margin: 0 auto;}
.lunchbox-box-footer {width: 90%; margin: 0 auto;}

.big-header {margin-top: 0px;}
.big-header h1 {font-size: 70px; margin: 0px;}

.ldp-logo {width: 100%; margin: 0 auto; text-align: center;}
.ldp-logo img {width: 140px;}

.delivery-time-box {width: 100%; margin: 0 auto; padding: 10px 50px; text-align: center;}

.width-max-billing {width: 90%; margin: 0 auto;}

.m-flex-dir-column {flex-direction:column;}

.ldp-confirm-order .colx3-1-3 {width: 100%;}
.ldp-confirm-order .colx3-2-3 {width: 100%;}
.ldp-confirm-order .colx3-2-3 {width: 100%;}

.ldp-placeorder-button-mobile {display: block; width: 90%; margin: 0 auto 30px auto; text-align: center;}
.ldp-placeorder-button-mobile img {width: 170px;}

.tip {margin-top: 0px;}
.tip-box {display: flex; width: 100%; margin: 0px auto 5px auto; background: #e2e2e2;}
.tip-box .col-a {width: 20%; text-align: center; border:3px solid #000; padding: 20px 0px; margin: 10px; font-size: 16px;}




}/* end media 700px */


.lunchbox-quantity h1 { position: relative; }
.lunchbox-quantity h1.err input {
	border:3px solid red;
}
.errlbinput {
	position: absolute;
	font-size: 12px;
	width: 100%;
	text-align: center;
	bottom: -20px;
}

.lbinput {margin-top: 10px; padding-bottom:10px;}


form.cmxform{width:370px;font-size:1em;color:#333}form.cmxform legend{padding-left:0}form.cmxform legend,form.cmxform label{color:#333}form.cmxform fieldset{border:none;border-top:1px solid #c9dca6;background:url(../images/cmxform-fieldset.gif) left bottom repeat-x;background-color:#f8fdef}form.cmxform fieldset fieldset{background:0 0}form.cmxform fieldset p,form.cmxform fieldset fieldset{padding:5px 10px 7px;background:url(../images/cmxform-divider.gif) left bottom repeat-x}form.cmxform label.error,label.error{color:red;font-style:italic;font-size:12px;}div.error{display:none}input{border:1px solid #000}input.checkbox{border:none}input:focus{border:1px dotted #000}input.error{border:1px dotted red}form.cmxform .gray *{color:gray}


.dib {
	display: inline-block;
}
.ccarea .error {
	display: block;
}
.ccarea select {
	width: auto;
	padding-right:10px;
}



.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255, .75);
	text-align: center;
	z-index: 150;
}



@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotating {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.loading-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  border: solid 10px #ebebeb;
  background-color: transparent;
  border-right-color: #06a49a;
  -webkit-animation: rotating 0.8s linear infinite;
  -moz-animation: rotating 0.8s linear infinite;
  animation: rotating 0.8s linear infinite;
}