@charset "UTF-8";
/* CSS Document */
body {padding:0; margin:0; line-height: 135%; background:#f7f7f6 url("../images/bn_bg.jpg") center 0 no-repeat; font-family:'Inter', sans-serif; font-weight:300}

/* basic */
input {font-weight:300}
h1 {text-transform:uppercase}
h1, h2, h3 {font-weight:700; padding:0; margin-top: 0}
h1 {font-size:1.1rem; margin-bottom:15px;}
h2 {font-size:1rem; margin-bottom:7px;}
h3 {font-size:0.8rem; margin-bottom:3px;}
p {padding:0; margin:0}

/* margin and padding */
.mb-0 {margin-bottom:0 !important;}
.mt-5 {margin-top:5px !important;} 
.mr-5 {margin-right:5px !important;} 
.mt-15 {margin-top:15px !important;}

/* font-color */
.red {color: #d30000 !important}
.gray {color: #cccccc !important}
.orange {color:#d16200 !important}

/* font-size */
.f08 {font-size:0.8rem !important}
.f09 {font-size:0.9rem !important}

/* etc */
hr { margin:23px 0; border:none}
hr.gray {border-top: 1px solid #d8d8d8;}
.txt-c {text-align: center;}
.cb { clear:both}
.flex {display:flex}
textarea {font-size:1rem;padding:3%; width:92%}

.container {height:100%; width:470px; margin:0 auto; overflow:hidden; padding:1%}
.logo {padding:7% 0 5% 0; text-align:center}
.inner-wrap { background:#ffffff; font-size:0.9rem; padding:3.5% 4% 3.5% 4%; border:#d8d8d8 1px solid; border-radius:5px; overflow:hidden; margin-bottom: 100px;}

/* step */
.step {background: url("../images/img-gift.gif") right 30px no-repeat; border-bottom:#d8d8d8 1px solid; padding-bottom:5%; margin-bottom: 5%}

/* input */
.input1 { margin:5% 0; clear: both}
.input-txt {height:35px; padding:1% 3%; width: 92%; font-size:1rem}
.input-txt.shoter {width:68%;}
.input-bt { height:40px; cursor:pointer; font-size:1rem; font-weight:700; text-align: center; border-radius:3px; border:none} 
.input-bt.find {background:#1c2128; width:100%; color:#ffffff;}
.input-bt.find.pc75 {width:75%;}
.input-bt.find:hover {background:#39404a; color:#ffffff;}
.input-bt.next {background:#f8af24; color:#ffffff; width:100%;} 
.input-bt.next:hover {background:#fdbf1c !important; }
.input-bt.leave {border:#e2e770 4px solid; background:#ffffff;width:75%;color:#000000;}
.input-bt.leave:hover {background:#f8f8f0 !important; }

/* review example */
.star-ttl {background: url("../images/5stars.gif") 0 center no-repeat; padding-left:110px}

/* Select */
.selection-1 {clear:both; display:flex; margin-top: 10px}
.selection-1 .select { width:25px; height:25px; cursor:pointer; margin-right:10px}
.selection-1 .select.on {background:url("../images/select-on.gif") 0 0 no-repeat}
.selection-1 .select.off {background:url("../images/select-off.gif") 0 0 no-repeat}

.selection-2 .select {height:42px; padding-left:8px; padding-right:8px; font-size:1rem}
.city {width:55%}
.zip {width:25%}

/* footer */
footer {background:#1c2128; height:40px; line-height:40px; margin-top:1%; color:#ffffff; font-size:0.7rem; text-align:center; overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;}

.rating-widget i {
  font-size: 55px;
  color: #adadad;
  cursor: pointer; }
  .rating-widget i.selected {
    color: #ffb700; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.mt-5 img { width: 50%; }

@media (max-width: 600px) {
  .container { width: 90%; }
}