::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background-color: #373146; }
::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.5); }
* { box-sizing: border-box; outline:none; }
html { width:100%; min-height:100%; }
/* body { overflow-x:hidden; min-height:100%; margin:0; padding:0; background: #0d181d; background-repeat: no-repeat; background-position: center center; background-size:cover; font-size:15px; color:#fff; position: relative; } */
a { color:#fff; transition: all .5s ease-in-out; }
a:hover, a:active { opacity: .8; }
h1, h2, h3 { margin:0; }
.clear { clear: both; }
.flex { display:flex; }

.intro { margin-bottom:24px; }
.intro p { line-height: 1.2em; }
.box { border:3px solid rgba(255,255,255,.8); border-radius: 10px; padding:20px; }

.cols .col { display:inline-block; padding:0 3px; }
.cols .col:first-child { padding-left:0; }
.cols .col:last-child { padding-right:0; }
.cols .col60 { width:60%; }
.cols .col50 { width:50%; }
.cols .col40 { width:40%; }
.cols .col30 { width:30%; }
.cols .col20 { width:20%; }

hr { margin:15px 0; background:none; border:0; border-top:1px solid rgba(255,255,255,.25); }
ul { margin:0; padding:0; list-style: none; width:100%; }
ul li label { width:100%; }
ul li { margin-bottom:24px; }
ul li:last-child { margin-bottom:0; }

form { display:grid; grid-template-columns: 1fr 1fr; grid-gap:20px }
form p {margin:0;}
form label { display: block; font-size:14px; user-select: none; margin-top:2px; margin-bottom:2px; }
form label i.fa { height: 100%; float:left; padding-right:10px; font-size: 24px; color:#a5a1a7; }
form input:not([type=checkbox]), form textarea, form select { background: transparent; border:2px solid rgba(255,255,255,.5); border-radius: 5px; width:100%; font-size:16px; color:#fff; padding:8px; margin:10px 0; transition: all .2s ease-in-out; -webkit-appearance: none; appearance: none; resize:none; }
form input:not([type=checkbox]):focus, form textarea:focus, form select:focus { box-shadow: 0 0 0 3px rgba(255,255,255,.15); }
form input:not([type=checkbox]).error, form textarea.error, form select.error, form fieldset.error { border-color:rgba(255,0,0,.5); }
form select { height: 38px; } 
form select option { color:#000; }
form fieldset { border-width:2px; border-style: solid; border-radius:5px; border-color:transparent; }
form textarea { margin-bottom:0; min-height:100px; }
form textarea::placeholder { color:#ffffff66; }

.selectwrapper { position: relative; }
.selectwrapper:after { position: absolute; right:12px; top:50%; margin-top:-4px; font-size:8px; content:'\f078'; font-family: 'FontAwesome'; color:#fff; }

input[type="checkbox"], input[type="radio"] { position: absolute; opacity: 0; z-index: -1; }
input[type="checkbox"] + label, input[type="radio"] + label { position: relative; display: inline-block; padding: 0 0 0 2.5em; height: 1.8em; line-height: 1.5; cursor: pointer; }
input[type="checkbox"] + label::before, input[type="radio"] + label::before, input[type="checkbox"] + label::after, input[type="radio"] + label::after { position: absolute; top: 0; left: 0; display: block; width: 1.5em; height: 1.5em; }
input[type="checkbox"] + label::before, input[type="radio"] + label::before { content: " "; background:rgba(255,255,255,.25); border:2px solid #ccc; border-radius: 3px; box-sizing: border-box; }
input[type="checkbox"] + label::after { content: "\f00c"; font-family: 'FontAwesome'; color: #fff; line-height: 1.2; text-align: center; border:2px solid #ccc; background:var(--bg-color); border-radius: 4px; box-sizing: border-box; }
input[type="radio"] + label::before { border-radius: 50%; }
input[type="radio"] + label::after { content: "\f00c"; width: 2em; height: 2em; font-family: 'FontAwesome'; color: #fff; font-size:.75em; line-height: 2; text-align: center; background:var(--bg-color); border-radius: 50%; }
input[type="checkbox"]:checked + label::before,input[type="radio"]:checked + label::before { background: #fff; border-color: #fff; }
input[type="checkbox"] + label::after,input[type=radio] + label::after { transform: scale(0); }
input[type="checkbox"]:checked + label::after,input[type=radio]:checked + label::after { transform: scale(1); }
input[type="checkbox"] + label::before, input[type="radio"] + label::before,input[type="checkbox"] + label::after, input[type="radio"] + label::after { transition: .25s all ease; }

.tablepackage .price { float:right; font-size:32px; font-weight: 800; transform: rotate(5deg); margin-left: 20px; }
.tablepackage textarea { animation: fadeIn .3s forwards ease-in-out; }
.thanksmsg { text-align: center; padding:50px 0; }
.thanksmsg i { color:#fff; font-size:128px; }

.toast_window { position:fixed; width:100%; background:rgba(0,0,0,.9); border-bottom:2px solid rgba(255,255,255,.5); color:#fff; font-size:16px; font-weight:bold; padding:20px 12px 16px 12px; text-align:center; z-index:99999; top:0; box-shadow: 0px 0px 100px 0px rgba(0,0,0,.25); }
.toast_window .fa-exclamation-triangle { color:#ecab2d; }
.toast_window ul li { text-align: center; padding:0; margin:0; }
@media (max-width: 640px) {
   form { grid-template-columns: 1fr; }
}

@keyframes fadeIn {
   0% { opacity:0; }
   100% { opacity:1; }
}