:root {

    --red: #dd1c36;

}

html, body {background:#0e0e0e !important}
.dnone {display:none}

.display-4 {font-size:5em !important}
.bold {font-weight:600 !important}
.small {font-size:.9em !important}

.red {color:var(--red) !important}
.btn-red {background:var(--red) !important;color:#fff !important}
.bg-grey {border-top:1px solid #222 !important}

.fancybox-is-open .fancybox-bg {opacity:.8}
.fancybox-content {background:#222}
.fancybox-close-small {color:#fff !important}

.container-modal {width:750px}
.container-modal-xs {width:300px}
.rooms {padding:10px 0 0 60px;color:#fff !important}
.rooms .card-text {font-size:13px;text-transform:uppercase;line-height:2em !important}

.frm-white, .frm-white:focus {color:#fff;border-bottom:1px solid #fff !important;}
select.frm-white {background-image: url("data:image/svg+xml;utf8,%3csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L5.5 5L10 1' stroke='%23FFFFFF' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");}

.form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:relative;
	background-color:#ddd;color:#fff;top:-5px;height:30px;width:30px;border:0;border-radius:50px;cursor:pointer;margin-right:7px;outline:none}
.form-radio:checked::before{position:absolute;font:20px/1 sans-serif;left:8px;top:3px;content:'\02143';transform:rotate(40deg)}
.form-radio:hover{background-color:var(--red)}
.form-radio:checked{background-color:var(--red)}
.form-radio{border-radius:50px}
.form-checkbox{border-radius:3px !important}
.form-radio {transform:scale(0.8) !important}

@media only screen and (max-width:600px) {
    .display-4 {font-size:3em !important}
    .container-modal {width:100%}
    .rooms {padding:60px 0 0 0}
}