html{scroll-behavior:smooth;}html body{font-family:KomikaTitle,sans-serif;}.font-family--Gilroy{font-family:Gilroy,sans-serif !important;}.font-weight-100{font-weight:100;}.z-1{z-index:1;}.line-height-1{line-height:1;}.line-height-1--1{line-height:1.1;}.font-weight-200{font-weight:200;}.z-2{z-index:2;}.line-height-2{line-height:2;}.line-height-1--2{line-height:1.2;}.font-weight-300{font-weight:300;}.z-3{z-index:3;}.line-height-3{line-height:3;}.line-height-1--3{line-height:1.3;}.font-weight-400{font-weight:400;}.z-4{z-index:4;}.line-height-4{line-height:4;}.line-height-1--4{line-height:1.4;}.font-weight-500{font-weight:500;}.z-5{z-index:5;}.line-height-5{line-height:5;}.line-height-1--5{line-height:1.5;}.font-weight-600{font-weight:600;}.z-6{z-index:6;}.line-height-6{line-height:6;}.line-height-1--6{line-height:1.6;}.font-weight-700{font-weight:700;}.z-7{z-index:7;}.line-height-7{line-height:7;}.line-height-1--7{line-height:1.7;}.font-weight-800{font-weight:800;}.z-8{z-index:8;}.line-height-8{line-height:8;}.line-height-1--8{line-height:1.8;}.font-weight-900{font-weight:900;}.z-9{z-index:9;}.line-height-9{line-height:9;}.line-height-1--9{line-height:1.9;}img{display:inline-block;}.w-100 img{width:100%;}.w-auto img{width:auto;}.mw-100 img{max-width:100%;}.h-100 img{height:100%;}.h-auto img{height:auto;}.mx-auto img{margin-left:auto;margin-right:auto;}.my-auto img{margin-top:auto;margin-bottom:auto;}.m-auto img{margin-left:auto;margin-right:auto;margin-top:auto;margin-bottom:auto;}.text-warning{color:#fef151 !important;-webkit-text-fill-color:#fef151;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#000;}.text-black{color:#000 !important;}.text-light{color:#c1c1c1 !important;}.bg-warning{background-color:#fef151 !important;}.btn-danger{background-color:#bd281d !important;}.btn-danger:hover{background-color:#c82333 !important;}.card{border:5px #000 solid;}header{background-image:url(../images/banner.webp);background-repeat:no-repeat;background-position:top center;background-size:cover;}header .phone-cover{transform:rotate(-30deg) translateY(80%) translateX(-10%);}header .heading-cover{transform:rotate(-8deg) translateY(-40%);}section.form{margin-top:-15rem;}section.form input,section.form select,section.form button{border:5px #000 solid;height:calc(2.5em + .75rem + 2px);}section.form .form-card:before{content:'';width:626px;height:400px;background-image:url(../images/formm.png);position:absolute;top:-405px;right:-60px;background-repeat:no-repeat;background-size:cover;}section.main .phone-call{top:60%;left:34%;}section.main .phone-call .phone{left:50%;top:50%;transform:translate(-48%,0%) rotate(-23deg);}.no-webp header{background-image:url(../images/banner.jpg);}@media only screen and (max-width:1890px){.display-3{font-size:3.5rem;}.h2,h2{font-size:1.5rem;}section.form .form-card:before{width:27vw;height:18vw;top:-18.2vw;right:-27px;}}@media only screen and (max-width:1500px){.display-3{font-size:3rem;}header .heading-cover{transform:rotate(-8deg) translateY(-20%);}section.main .phone-call{top:58%;left:31%;transform:scale(.9);}}@media only screen and (max-width:1300px){.display-3{font-size:2.5rem;}.h1,h1{font-size:2rem;}}@media only screen and (max-width:1200px){.h1,h1{font-size:1.5rem;}.h2,h2{font-size:1.5rem;}.h3,h3{font-size:1.2em;}header .phone-cover{transform:rotate(-8deg);}header .heading-cover{transform:rotate(-8deg);}section.form{margin-top:0;}section.form .form-card:before{width:313px;height:210px;top:-240px;right:0;}section.main .callus img{width:27vw;}section.main .phone{font-size:6vw;}section.main .phone-call{top:58%;left:28%;transform:scale(.9);}}::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#f1f1f1;}::-webkit-scrollbar-thumb{background:#888;}::-webkit-scrollbar-thumb:hover{background:#555;}@font-face{font-family:KomikaTitle;src:url("fonts/KomikaTitle-Axis.ttf");font-weight:normal;font-display:swap;}@font-face{font-family:Gilroy;src:url("fonts/Gilroy/Gilroy-Regular.ttf");font-weight:normal;font-display:swap;}
/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
.modal.left .modal-dialog,
.modal.right .modal-dialog {
position: fixed;
margin: auto;
width: 500px;
height: 100%;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content,
.modal.right .modal-content {
height: 100%;
overflow-y: auto;
}
.modal.left .modal-body,
.modal.right .modal-body {
padding: 15px 15px 80px;
}
/*Left*/
.modal.left.fade .modal-dialog{
position: absolute;
left: 0;
top: 33%;
-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
-o-transition: opacity 0.3s linear, left 0.3s ease-out;
transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.in .modal-dialog{
left: 0;
}
/* ----- MODAL STYLE ----- */
.modal-content {
border-radius: 0;
border: none;
}
.modal-header {
border-bottom-color: #EEEEEE;
background-color: #FAFAFA;
}
.covid-btn{
position: fixed;
z-index: 2;
left: 0%;
top: 50%;
transform: translate(-42%,-50%) rotate(
-90deg
);
background-color: #ff0;
border-color: #ff0;
color: #ea2331;
}
.custom-multiselect {
position: relative;
border: 5px #000 solid;
padding: .375rem .75rem;
height: calc(2.5em + .75rem + 2px);
cursor: pointer;
}
.selected-items {
font-style: italic;
color: #666;
}
.options-list {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
background: #fff;
width: 100%;
max-height: 200px;
overflow-y: auto;
border: 1px solid #ccc;
border-top: none;
padding: 10px;
}
.options-list label {
display: block;
margin-bottom: 10px;
}
.options-list label input {
height: auto !important;
}
.custom-multiselect.open .options-list {
display: block;
}
section.form textarea {
border: 5px #000 solid;
}