style.css

.btn,.close-button,[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}.main,body{overflow:hidden}.btn,body{margin:0;padding:0}.banner.chat,.banner.chat span,.btn,.popup,.wrapper-icon-logo{text-align:center}body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-image:url('./img/b.webp');background-size:cover;background-repeat:no-repeat;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.btn,label{display:inline-block}#popup-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:999}.popup{position:absolute;background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;pointer-events:all;box-shadow:5px 5px 10px 3px rgba(0,0,0,.1)}.popup,.popup img.c{border-radius:8px}.btn,.close-button{border:none;font-size:16px}.close-button{position:absolute;top:10px;right:10px;background:0 0}#overlay,.main{position:fixed;top:0;left:0;width:100%}#fullscreen-button{position:fixed;bottom:20px;padding:10px 20px;font-size:16px;cursor:pointer;z-index:1001}#overlay{height:100%;background-color:rgba(0,0,0,.6);z-index:998}.btn,img{vertical-align:middle}.main{min-height:100%;min-width:1024px;height:auto;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)) 0 0/cover,url(../images/c1.webp) top center/cover no-repeat fixed;font-family:Montserrat,sans-serif}.btn{background:0 0;border-spacing:0;color:#26589f;font-family:"PT Sans Narrow",sans-serif;font-weight:400;line-height:1.42rem;list-style:none;text-indent:0}.main-btn .close,.main-btn .skip{width:40px;height:40px;border-radius:50%;top:-52px;display:inline-block;position:absolute}.main-btn .skip{right:52px;background:#fff}.main-btn .skip img{width:14px;height:2px;margin:0 auto;display:flex}.main-btn .close{right:0;background:#5a9fff}.main-btn .close img{width:16px;height:16px;display:flex;margin:0 auto}@media screen and (max-width:1024px){.main{left:50%;margin-left:-512px}}.container,.wrapper-icon-logo{margin-left:auto;margin-right:auto}:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(
    180deg,    rgba(255, 255, 255, 0.15),    rgba(255, 255, 255, 0)
  );--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button:focus:not(:focus-visible){outline:0}[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);width:100%}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn:disabled{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-link:focus-visible{color:var(--bs-btn-color)}.wrapper{position:relative}.wrapper-main{margin-top:85px}.wrapper-main .wrapper-main-title{font-style:normal;font-weight:700;font-size:18px;line-height:22px;text-align:center;color:#fff;background:#f1511b;padding-top:12px;padding-bottom:10px}.wrapper-main .wrapper-main-text{margin:20px 30px}.wrapper-main .wrapper-main-text label{margin-bottom:10px;display:block}.main .wrapper-main .wrapper-main-text label.wrapper-main-text-alert{font-style:normal;font-weight:700;font-size:15px;line-height:18px;color:#242424}.main .wrapper-main .wrapper-main-text label.wrapper-main-text-adress{font-style:normal;font-weight:600;font-size:12px;line-height:15px}.banner.chat span,.wrapper-footer .btn{font-size:15px;line-height:18px;font-style:normal}.main .wrapper-main .wrapper-main-text label.wrapper-main-text-tel{font-style:normal;font-weight:400;font-size:15px;line-height:18px}.wrapper-footer{background:#5a9fff;border-radius:0 0 8px 8px;display:flex;justify-content:space-between;align-items:center;padding:10px 30px}.wrapper-footer .btn,.wrapper-icon{display:inline-block;background:#fff}.wrapper-footer span{font-style:normal;font-weight:600;font-size:10px;line-height:12px;color:#fff;display:block;margin-bo:10px;margin:5px 0}.wrapper-footer .btn{font-weight:700;color:#5a9fff;border:1px solid #fff;margin-left:20px;padding:10px 25px;border-radius:22px}.wrapper-footer .btn.btn-right{color:#fff;background:#f1511b;border:1px solid #f1511b}.wrapper-icon{padding:37px;border-radius:50%}.wrapper-icon-logo{position:absolute;left:0;right:0;top:-138px}.banner.chat{background:#fff;width:220px;border-top-left-radius:30px;border-top-right-radius:30px;border-bottom-left-radius:30px;position:fixed;z-index:5;bottom:35px;right:35px;padding-bottom:30px;padding-top:30px;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,.56);box-shadow:0 0 20px 0 rgba(0,0,0,.6)}.banner.chat img{display:block;margin:0 auto}.banner.chat span{display:block;font-weight:600;color:#000}.banner.chat span.banner_chat_label{display:block;font-style:normal;font-size:12px;line-height:15px;color:#242424;padding-top:12px;padding-bottom:13px}