@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");
html {
  margin: 0;
  padding: 0; }

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #101010; }

* {
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle; }

a {
  text-decoration: none;
  color: #101010;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/*.wrapper {
	@include flexColumn;
	width: 100%;
}

.sec {
	position: relative;
	@include flexColumn;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
}

.container {
	@include flexColumn;
	width: 1520px;
}

.row {
	display: inline-block;
	float: left;
	width: 100%;
}*/
.sec {
  display: block;
  float: left;
  width: 100%;
  text-align: center; }

.content_sec {
  margin-top: 40px; }

.container {
  display: inline-block;
  width: 1000px;
  text-align: left; }

.row {
  display: inline-block;
  float: left;
  width: 100%; }

.mt20 {
  margin-top: 20px; }

.mt40 {
  margin-top: 40px; }

.fright {
  float: right; }

.bg_red {
  background-color: #ee1b24 !important; }

.bg_blue {
  background-color: #00baeb; }

.bg_purple {
  background-color: #942780; }

.bg_orange {
  background-color: #ff5300; }

.tred {
  color: #ee1b24; }

.tbold {
  font-weight: 700; }

/* HEADER */
.header_sec {
  padding: 40px; }
  .header_sec .container {
    text-align: center; }

.logo {
  display: inline-block;
  float: left;
  width: 100%; }

/* INDEX */
.show_box {
  display: inline-block;
  float: left;
  width: 100%; }

.box {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 30px 40px;
  line-height: 48px;
  color: #fff; }

.box.v2 {
  padding: 7px 0; }

.page_title {
  display: inline-block;
  float: left;
  margin: 0;
  font-size: 28px;
  line-height: 38px;
  font-weight: 700; }

.main_title {
  font-size: 38px;
  line-height: 48px; }

.date {
  display: inline-block;
  float: right;
  font-size: 20px;
  font-weight: 400; }

.content_box {
  display: inline-block;
  float: left;
  width: 100%;
  padding-right: 150px; }

.inner_txt {
  display: inline-block;
  float: left;
  width: 100%;
  font-size: 20px;
  line-height: 30px; }

.btn_select {
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 40px;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  line-height: 100px;
  border-radius: 100%;
  background-color: black;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center; }

.btn_index {
  background-color: rgba(0, 0, 0, 0.3); }

/*.bg_blue {
	.btn_select {
		background-color: $darkBlue;
	}
}

.bg_purple {
	.btn_select {
		background-color: $darkPurple;
	}
}

.bg_orange {
	.btn_select {
		background-color: $darkOrange;
	}
}*/
.hr_red {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 40px 0;
  border: none;
  border-bottom: 6px solid #ee1b24; }

/* CONTENT */
.inner_box {
  display: block;
  float: left;
  width: 100%;
  margin-top: 40px;
  padding: 0 40px; }

.page_location {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 20px;
  line-height: 30px; }

.page_location li {
  display: inline-block;
  float: left; }

.page_location a {
  color: #fff; }

.page_location a:hover {
  text-decoration: underline; }

.page_location li::after {
  display: inline-block;
  font-family: 'FontAwesome', sans-serif;
  content: "\f105";
  margin-left: 20px;
  margin-right: 20px; }

.page_location li:last-child::after {
  display: none; }

.inner_title {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 28px;
  line-height: 38px; }

.inner_content {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 40px; }

.time_box {
  display: inline-block;
  float: left;
  width: 100%;
  font-weight: 700; }

.time_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 6px solid #00baeb; }
  .time_row:first-child {
    padding-top: 0; }
  .time_row .tred {
    font-size: 16px; }

.time_box_cells {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1;
  width: 100%; }
  .time_box_cells .cell {
    margin-right: 20px;
    font-size: 20px;
    font-weight: 700; }

.btn {
  display: inline-block;
  padding: 20px 40px 18px 40px;
  background-color: #00baeb;
  border-radius: 40px;
  border: none;
  font-size: 22px;
  line-height: 32px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .btn img {
    margin-top: -3px; }
  .btn:hover {
    background-color: #101010 !important; }

.btn_change_show {
  float: right;
  margin-top: 40px;
  border-bottom: 2px solid #444;
  font-size: 24px;
  color: #444;
  font-weight: 600; }
  .btn_change_show:hover {
    color: #00baeb;
    border-color: #00baeb; }

.banner {
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 40px; }

/* FOOTER */
.footer .container {
  margin-top: 40px;
  padding: 40px 0;
  background-color: #ebeeef;
  font-size: 20px;
  font-weight: 600;
  text-align: center; }

/* ORDER BOX */
.order_box {
  display: inline-block;
  float: left;
  width: 100%; }
  .order_box .inner_title {
    text-align: center; }
  .order_box .time_box_cells {
    margin-top: 40px;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }
  .order_box .tred {
    text-align: center; }

.order_add_info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  flex-wrap: wrap;
  float: left;
  width: 100%;
  margin-top: 40px; }
  .order_add_info label {
    padding-left: 35px;
    font-weight: 700; }

.btn.v2 {
  width: 100%;
  height: 70px;
  margin-top: 40px;
  font-size: 26px;
  line-height: 36px; }

.input_txt {
  display: inline-block;
  float: left;
  width: 100%;
  height: 70px;
  padding: 0 15px;
  background-color: #fff;
  border: 3px solid #00baeb;
  border-radius: 35px;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.qty_box {
  position: relative;
  width: 150px; }
  .qty_box .input_txt {
    padding-left: 35%;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .qty_box .btn_plus,
  .qty_box .btn_minus {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 5px; }
  .qty_box .btn_plus {
    top: 30px;
    background: url("img/i_arrow_up.png") no-repeat 4px 15px;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .qty_box .btn_plus:hover {
      background: url("img/i_arrow_up_black.png") no-repeat 4px 15px; }
  .qty_box .btn_minus {
    bottom: 0;
    background: url("img/i_arrow_down.png") no-repeat 4px 5px; }
    .qty_box .btn_minus:hover {
      background: url("img/i_arrow_down_black.png") no-repeat 4px 5px; }

.phone_box {
  position: relative;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  flex: 1; }
  .phone_box::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 22px;
    height: 35px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    background: url("img/i_info.png") no-repeat center center;
    background-size: auto 100%; }
  .phone_box .input_txt {
    padding-right: 70px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }

.overview_box {
  display: inline-block;
  float: left;
  width: 100%;
  text-align: center; }

.rectangle {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 60px 40px;
  border: 8px solid #00baeb;
  text-align: center; }
  .rectangle .inner_title {
    float: none;
    width: auto;
    padding-bottom: 35px;
    margin-bottom: 40px;
    border-bottom: 6px solid #ee1b24; }
  .rectangle .time_box_cells {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center; }

/* RESPONSIVE */
@media (max-width: 1000px) {
  .container {
    width: 100%; } }
@media (max-width: 600px) {
  .header_sec {
    padding: 20px; }

  .content_sec {
    margin-top: 20px; }

  .box {
    padding: 20px; }

  .inner_box {
    padding: 0 20px; }

  .page_title {
    font-size: 22px;
    line-height: 32px; }

  .main_title {
    font-size: 30px;
    line-height: 40px; }

  .box {
    line-height: 40px; }

  .date {
    font-size: 18px; }

  .content_box {
    padding-right: 100px; }

  .inner_txt {
    font-size: 16px;
    line-height: 26px; }

  .btn_select {
    right: 20px;
    width: 80px;
    height: 80px;
    margin-top: -40px;
    line-height: 80px;
    font-size: 20px; }

  .btn {
    padding: 15px 20px 12px 20px;
    font-size: 16px;
    line-height: 26px; }
    .btn img {
      width: 18px; }

  .btn_change_show {
    margin-top: 20px;
    font-size: 20px; }

  .time_row .cell {
    font-size: 16px;
    line-height: 26px; }

  .qty_box {
    width: 100px; }

  .hr_red {
    margin: 20px 0; }

  .inner_content,
  .banner,
  .order_add_info {
    margin-top: 20px; }

  .order_add_info .input_txt {
    height: 60px; }
  .order_add_info label {
    padding-left: 25px; }

  .btn.v2 {
    height: 60px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 28px; }

  .qty_box .btn_plus,
  .qty_box .btn_minus {
    background-position: 4px 10px; }

  .checkbox_img {
    width: 150px; }

  .rectangle {
    padding: 30px; } }

/*# sourceMappingURL=style.css.map */