/*order-cup-video section*/
/*=======================*/
.order-video img {width: 100%; }
.order-video {    border: 8px solid #6b886a; margin: 22px 19px; width: 69%; float: right;}
.starter-template h1{text-align: left; font-size: 16px !important; line-height: 32px !important}
.popup__overlay {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(50, 50, 50, 0.9); text-align: center; z-index: 100; }
.popup__overlay:after {display: inline-block; height: 100%; width: 0; vertical-align: middle; content: ""; }
.popup {display: inline-block; position: relative; width: 100%; height: 100%; max-width: 640px; max-height: 460px; padding: 10px; background: black; color: white; vertical-align: middle; }
.popup-form__row {margin: 1em 0; } .popup__close {display: block; position: absolute; top: -27px; right: -14px; width: 12px; height: 12px; padding: 8px; cursor: pointer; text-align: center; font-size: 27px; line-height: 12px; color: rgba(255, 255, 255, 0.95); text-decoration: none; font-weight: bold; }
.popup__close:hover {color: #eea200; }
 iframe {width: 100%; height: 100%; }
 .orderCupPrice p {text-align: center; font-size: 16px; line-height: 21px; clear: both; position: relative; top: 11px; font-family: robotolight, "Helvetica Neue", Arial, sans-serif;color: #4f7203;} 
 .orderCupPrice span {float: none; font-size: 17px; display: block; text-align: center; margin-top: 2px; color: #7ca526; cursor: pointer; }
 .modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear;
}

.fade-scale.in {
  opacity: 1;
  transform: scale(1);
}
.pricing-modal p {font-family: poppinsmedium; font-size: 15px; }
.pricing-modal {    width: 400px; height: 228px; border-radius: 0; border: none; box-shadow: 0px 0px 21px 0px #0000009e; } 
.pricing-modal span {float: none; font-size: 15px; color: #693; text-transform: lowercase; }
.row.video-margin {position: relative;}
.orderCupPrice.tbtype h2:after {    position: absolute; content: ""; height: 1px; width: 200px; top: 43px; background: #ccc; left: 0; right: 0; bottom: 0; margin: auto;}
.pricing-modal h4 {font-family: montserratblack; text-align: center; background: #693; color: #fff; padding: 10px 0; }
ul.pricing-popup {list-style: none; }
ul.pricing-popup li {font-size: 21px; font-family: robotolight, "Helvetica Neue", Arial, sans-serif; }
ul.pricing-popup i {color: #693; font-size: 26px; padding-right: 13px; top: 1px; position: relative; }
.pricing-modal button {top: -41px; position: absolute; right: 15px; color: #fff; opacity: 1; }
p.sshowp {color: #7ca526; text-align: left; font-size: 21px; font-family: poppinsmedium; }





/*only for ipad*/
/*=================*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .starter-template h1 {font-size: 14px !important; line-height: 29px !important;} 
  .order-video {width: 81%; }
   }


/*only for phone*/
/*=================*/
@media only screen and (min-width: 320px) and (max-width: 667px) {
	.video-margin {left: 0 !important;}
	.order-video {width: 100%; margin:16px 0;}
}