@font-face{font-display: swap;font-family: 'Barlow Semi Condensed';font-style: italic;font-weight: 400;src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.eot');src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.eot?#iefix') format('embedded-opentype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.woff2') format('woff2'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.woff') format('woff'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.ttf') format('truetype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-italic.svg') format('svg');} @font-face{font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 400;src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.eot');src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.eot?#iefix') format('embedded-opentype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.woff2') format('woff2'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.woff') format('woff'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.ttf') format('truetype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-regular.svg') format('svg');} @font-face{font-display: swap;font-family: 'Barlow Semi Condensed';font-style: normal;font-weight: 600;src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.eot');src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.eot?#iefix') format('embedded-opentype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.woff2') format('woff2'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.woff') format('woff'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.ttf') format('truetype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600.svg') format('svg');} @font-face{font-display: swap;font-family: 'Barlow Semi Condensed';font-style: italic;font-weight: 600;src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.eot');src: url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.eot?#iefix') format('embedded-opentype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.woff2') format('woff2'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.woff') format('woff'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.ttf') format('truetype'),url('https://www.hostingrelax.com/assets/fonts/barlow-semi-condensed/Barlow Semi Condensed-600italic.svg') format('svg');} :root{ --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1400px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;} *, *::before, *::after{ box-sizing: border-box;} html{ font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{ display: block;} body{ margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff;} [tabindex="-1"]:focus:not(:focus-visible){ outline: 0 !important;} hr{ box-sizing: content-box; height: 0; overflow: visible;} h1, h2, h3, h4, h5, h6{ margin-top: 0; margin-bottom: 0.5rem;} p{ margin-top: 0; margin-bottom: 1rem;} abbr[title], abbr[data-original-title]{ text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none;} address{ margin-bottom: 1rem; font-style: normal; line-height: inherit;} ol, ul, dl{ margin-top: 0; margin-bottom: 1rem;} ol ol, ul ul, ol ul, ul ol{ margin-bottom: 0;} dt{ font-weight: 700;} dd{ margin-bottom: .5rem; margin-left: 0;} blockquote{ margin: 0 0 1rem;} b, strong{ font-weight: bolder;} small{ font-size: 80%;} sub, sup{ position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;} sub{ bottom: -.25em;} sup{ top: -.5em;} a{ color: #007bff; text-decoration: none; background-color: transparent;} a:hover{ color: #0056b3; text-decoration: underline;} a:not([href]){ color: inherit; text-decoration: none;} a:not([href]):hover{ color: inherit; text-decoration: none;} pre, code, kbd, samp{ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em;} pre{ margin-top: 0; margin-bottom: 1rem; overflow: auto;} figure{ margin: 0 0 1rem;} img{ vertical-align: middle; border-style: none;} svg{ overflow: hidden; vertical-align: middle;} table{ border-collapse: collapse;} caption{ padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom;} th{ text-align: inherit;} label{ display: inline-block; margin-bottom: 0.5rem;} button{ border-radius: 0;} button:focus{ outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color;} input, button, select, optgroup, textarea{ margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;} button, input{ overflow: visible;} button, select{ text-transform: none;} select{ word-wrap: normal;} button, [type="button"], [type="reset"], [type="submit"]{ -webkit-appearance: button;} button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled){ cursor: pointer;} button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{ padding: 0; border-style: none;} input[type="radio"], input[type="checkbox"]{ box-sizing: border-box; padding: 0;} input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"]{ -webkit-appearance: listbox;} textarea{ overflow: auto; resize: vertical;} fieldset{ min-width: 0; padding: 0; margin: 0; border: 0;} legend{ display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal;} progress{ vertical-align: baseline;} [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button{ height: auto;} [type="search"]{ outline-offset: -2px; -webkit-appearance: none;} [type="search"]::-webkit-search-decoration{ -webkit-appearance: none;} ::-webkit-file-upload-button{ font: inherit; -webkit-appearance: button;} output{ display: inline-block;} summary{ display: list-item; cursor: pointer;} template{ display: none;} [hidden]{ display: none !important;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2;} h1, .h1{ font-size: 2.5rem;} h2, .h2{ font-size: 2rem;} h3, .h3{ font-size: 1.75rem;} h4, .h4{ font-size: 1.5rem;} h5, .h5{ font-size: 1.25rem;} h6, .h6{ font-size: 1rem;} .lead{ font-size: 1.25rem; font-weight: 300;} .display-1{ font-size: 6rem; font-weight: 300; line-height: 1.2;} .display-2{ font-size: 5.5rem; font-weight: 300; line-height: 1.2;} .display-3{ font-size: 4.5rem; font-weight: 300; line-height: 1.2;} .display-4{ font-size: 3.5rem; font-weight: 300; line-height: 1.2;} hr{ margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1);} small, .small{ font-size: 80%; font-weight: 400;} mark, .mark{ padding: 0.2em; background-color: #fcf8e3;} .list-unstyled{ padding-left: 0; list-style: none;} .list-inline{ padding-left: 0; list-style: none;} .list-inline-item{ display: inline-block;} .list-inline-item:not(:last-child){ margin-right: 0.5rem;} .initialism{ font-size: 90%; text-transform: uppercase;} .blockquote{ margin-bottom: 1rem; font-size: 1.25rem;} .blockquote-footer{ display: block; font-size: 80%; color: #6c757d;} .blockquote-footer::before{ content: "\2014\00A0";} .img-fluid{ max-width: 100%; height: auto;} .img-thumbnail{ padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto;} .figure{ display: inline-block;} .figure-img{ margin-bottom: 0.5rem; line-height: 1;} .figure-caption{ font-size: 90%; color: #6c757d;} code{ font-size: 65%; color: #e83e8c; word-wrap: break-word;} a > code{ color: inherit;} kbd{ padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem;} kbd kbd{ padding: 0; font-size: 100%; font-weight: 700;} pre{ display: block; font-size: 87.5%; color: #212529;} pre code{ font-size: inherit; color: inherit; word-break: normal;} .pre-scrollable{ max-height: 340px; overflow-y: scroll;} .container{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} @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: 1400px){ .container{ max-width: 1340px;}} .container-fluid, .container-sm, .container-md, .container-lg, .container-xl{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} @media (min-width: 576px){ .container, .container-sm{ max-width: 540px;}} @media (min-width: 768px){ .container, .container-sm, .container-md{ max-width: 720px;}} @media (min-width: 992px){ .container, .container-sm, .container-md, .container-lg{ max-width: 960px;}} @media (min-width: 1400px){ .container, .container-sm, .container-md, .container-lg, .container-xl{ max-width: 1340px;}} .row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .no-gutters{ margin-right: 0; margin-left: 0;} .no-gutters > .col, .no-gutters > [class*="col-"]{ padding-right: 0; padding-left: 0;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px;} .col{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .row-cols-1 > *{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .row-cols-2 > *{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .row-cols-3 > *{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .row-cols-4 > *{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .row-cols-5 > *{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .row-cols-6 > *{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;} .col-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .order-first{ -ms-flex-order: -1; order: -1;} .order-last{ -ms-flex-order: 13; order: 13;} .order-0{ -ms-flex-order: 0; order: 0;} .order-1{ -ms-flex-order: 1; order: 1;} .order-2{ -ms-flex-order: 2; order: 2;} .order-3{ -ms-flex-order: 3; order: 3;} .order-4{ -ms-flex-order: 4; order: 4;} .order-5{ -ms-flex-order: 5; order: 5;} .order-6{ -ms-flex-order: 6; order: 6;} .order-7{ -ms-flex-order: 7; order: 7;} .order-8{ -ms-flex-order: 8; order: 8;} .order-9{ -ms-flex-order: 9; order: 9;} .order-10{ -ms-flex-order: 10; order: 10;} .order-11{ -ms-flex-order: 11; order: 11;} .order-12{ -ms-flex-order: 12; order: 12;} .offset-1{ margin-left: 8.333333%;} .offset-2{ margin-left: 16.666667%;} .offset-3{ margin-left: 25%;} .offset-4{ margin-left: 33.333333%;} .offset-5{ margin-left: 41.666667%;} .offset-6{ margin-left: 50%;} .offset-7{ margin-left: 58.333333%;} .offset-8{ margin-left: 66.666667%;} .offset-9{ margin-left: 75%;} .offset-10{ margin-left: 83.333333%;} .offset-11{ margin-left: 91.666667%;} @media (min-width: 576px){ .col-sm{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .row-cols-sm-1 > *{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .row-cols-sm-2 > *{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .row-cols-sm-3 > *{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .row-cols-sm-4 > *{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .row-cols-sm-5 > *{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .row-cols-sm-6 > *{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-sm-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;} .col-sm-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-sm-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-sm-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-sm-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-sm-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-sm-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-sm-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-sm-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-sm-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-sm-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-sm-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-sm-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .order-sm-first{ -ms-flex-order: -1; order: -1;} .order-sm-last{ -ms-flex-order: 13; order: 13;} .order-sm-0{ -ms-flex-order: 0; order: 0;} .order-sm-1{ -ms-flex-order: 1; order: 1;} .order-sm-2{ -ms-flex-order: 2; order: 2;} .order-sm-3{ -ms-flex-order: 3; order: 3;} .order-sm-4{ -ms-flex-order: 4; order: 4;} .order-sm-5{ -ms-flex-order: 5; order: 5;} .order-sm-6{ -ms-flex-order: 6; order: 6;} .order-sm-7{ -ms-flex-order: 7; order: 7;} .order-sm-8{ -ms-flex-order: 8; order: 8;} .order-sm-9{ -ms-flex-order: 9; order: 9;} .order-sm-10{ -ms-flex-order: 10; order: 10;} .order-sm-11{ -ms-flex-order: 11; order: 11;} .order-sm-12{ -ms-flex-order: 12; order: 12;} .offset-sm-0{ margin-left: 0;} .offset-sm-1{ margin-left: 8.333333%;} .offset-sm-2{ margin-left: 16.666667%;} .offset-sm-3{ margin-left: 25%;} .offset-sm-4{ margin-left: 33.333333%;} .offset-sm-5{ margin-left: 41.666667%;} .offset-sm-6{ margin-left: 50%;} .offset-sm-7{ margin-left: 58.333333%;} .offset-sm-8{ margin-left: 66.666667%;} .offset-sm-9{ margin-left: 75%;} .offset-sm-10{ margin-left: 83.333333%;} .offset-sm-11{ margin-left: 91.666667%;}} @media (min-width: 768px){ .col-md{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .row-cols-md-1 > *{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .row-cols-md-2 > *{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .row-cols-md-3 > *{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .row-cols-md-4 > *{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .row-cols-md-5 > *{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .row-cols-md-6 > *{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-md-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;} .col-md-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-md-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-md-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-md-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-md-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-md-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-md-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-md-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-md-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-md-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-md-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-md-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .order-md-first{ -ms-flex-order: -1; order: -1;} .order-md-last{ -ms-flex-order: 13; order: 13;} .order-md-0{ -ms-flex-order: 0; order: 0;} .order-md-1{ -ms-flex-order: 1; order: 1;} .order-md-2{ -ms-flex-order: 2; order: 2;} .order-md-3{ -ms-flex-order: 3; order: 3;} .order-md-4{ -ms-flex-order: 4; order: 4;} .order-md-5{ -ms-flex-order: 5; order: 5;} .order-md-6{ -ms-flex-order: 6; order: 6;} .order-md-7{ -ms-flex-order: 7; order: 7;} .order-md-8{ -ms-flex-order: 8; order: 8;} .order-md-9{ -ms-flex-order: 9; order: 9;} .order-md-10{ -ms-flex-order: 10; order: 10;} .order-md-11{ -ms-flex-order: 11; order: 11;} .order-md-12{ -ms-flex-order: 12; order: 12;} .offset-md-0{ margin-left: 0;} .offset-md-1{ margin-left: 8.333333%;} .offset-md-2{ margin-left: 16.666667%;} .offset-md-3{ margin-left: 25%;} .offset-md-4{ margin-left: 33.333333%;} .offset-md-5{ margin-left: 41.666667%;} .offset-md-6{ margin-left: 50%;} .offset-md-7{ margin-left: 58.333333%;} .offset-md-8{ margin-left: 66.666667%;} .offset-md-9{ margin-left: 75%;} .offset-md-10{ margin-left: 83.333333%;} .offset-md-11{ margin-left: 91.666667%;}} @media (min-width: 992px){ .col-lg{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .row-cols-lg-1 > *{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .row-cols-lg-2 > *{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .row-cols-lg-3 > *{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .row-cols-lg-4 > *{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .row-cols-lg-5 > *{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .row-cols-lg-6 > *{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-lg-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;} .col-lg-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-lg-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-lg-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-lg-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-lg-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-lg-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-lg-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-lg-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-lg-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-lg-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-lg-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-lg-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .order-lg-first{ -ms-flex-order: -1; order: -1;} .order-lg-last{ -ms-flex-order: 13; order: 13;} .order-lg-0{ -ms-flex-order: 0; order: 0;} .order-lg-1{ -ms-flex-order: 1; order: 1;} .order-lg-2{ -ms-flex-order: 2; order: 2;} .order-lg-3{ -ms-flex-order: 3; order: 3;} .order-lg-4{ -ms-flex-order: 4; order: 4;} .order-lg-5{ -ms-flex-order: 5; order: 5;} .order-lg-6{ -ms-flex-order: 6; order: 6;} .order-lg-7{ -ms-flex-order: 7; order: 7;} .order-lg-8{ -ms-flex-order: 8; order: 8;} .order-lg-9{ -ms-flex-order: 9; order: 9;} .order-lg-10{ -ms-flex-order: 10; order: 10;} .order-lg-11{ -ms-flex-order: 11; order: 11;} .order-lg-12{ -ms-flex-order: 12; order: 12;} .offset-lg-0{ margin-left: 0;} .offset-lg-1{ margin-left: 8.333333%;} .offset-lg-2{ margin-left: 16.666667%;} .offset-lg-3{ margin-left: 25%;} .offset-lg-4{ margin-left: 33.333333%;} .offset-lg-5{ margin-left: 41.666667%;} .offset-lg-6{ margin-left: 50%;} .offset-lg-7{ margin-left: 58.333333%;} .offset-lg-8{ margin-left: 66.666667%;} .offset-lg-9{ margin-left: 75%;} .offset-lg-10{ margin-left: 83.333333%;} .offset-lg-11{ margin-left: 91.666667%;}} @media (min-width: 1400px){ .col-xl{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;} .row-cols-xl-1 > *{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .row-cols-xl-2 > *{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .row-cols-xl-3 > *{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .row-cols-xl-4 > *{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .row-cols-xl-5 > *{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;} .row-cols-xl-6 > *{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-xl-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%;} .col-xl-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-xl-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-xl-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-xl-4{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-xl-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-xl-6{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-xl-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-xl-8{ -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-xl-9{ -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-xl-10{ -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-xl-11{ -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-xl-12{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .order-xl-first{ -ms-flex-order: -1; order: -1;} .order-xl-last{ -ms-flex-order: 13; order: 13;} .order-xl-0{ -ms-flex-order: 0; order: 0;} .order-xl-1{ -ms-flex-order: 1; order: 1;} .order-xl-2{ -ms-flex-order: 2; order: 2;} .order-xl-3{ -ms-flex-order: 3; order: 3;} .order-xl-4{ -ms-flex-order: 4; order: 4;} .order-xl-5{ -ms-flex-order: 5; order: 5;} .order-xl-6{ -ms-flex-order: 6; order: 6;} .order-xl-7{ -ms-flex-order: 7; order: 7;} .order-xl-8{ -ms-flex-order: 8; order: 8;} .order-xl-9{ -ms-flex-order: 9; order: 9;} .order-xl-10{ -ms-flex-order: 10; order: 10;} .order-xl-11{ -ms-flex-order: 11; order: 11;} .order-xl-12{ -ms-flex-order: 12; order: 12;} .offset-xl-0{ margin-left: 0;} .offset-xl-1{ margin-left: 8.333333%;} .offset-xl-2{ margin-left: 16.666667%;} .offset-xl-3{ margin-left: 25%;} .offset-xl-4{ margin-left: 33.333333%;} .offset-xl-5{ margin-left: 41.666667%;} .offset-xl-6{ margin-left: 50%;} .offset-xl-7{ margin-left: 58.333333%;} .offset-xl-8{ margin-left: 66.666667%;} .offset-xl-9{ margin-left: 75%;} .offset-xl-10{ margin-left: 83.333333%;} .offset-xl-11{ margin-left: 91.666667%;}} .table{ width: 100%; margin-bottom: 1rem; color: #212529;} .table th, .table td{ padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6;} .table thead th{ vertical-align: bottom; border-bottom: 2px solid #dee2e6;} .table tbody + tbody{ border-top: 2px solid #dee2e6;} .table-sm th, .table-sm td{ padding: 0.3rem;} .table-bordered{ border: 1px solid #dee2e6;} .table-bordered th, .table-bordered td{ border: 1px solid #dee2e6;} .table-bordered thead th, .table-bordered thead td{ border-bottom-width: 2px;} .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody{ border: 0;} .table-striped tbody tr:nth-of-type(odd){ background-color: rgba(0, 0, 0, 0.05);} .table-hover tbody tr:hover{ color: #212529; background-color: rgba(0, 0, 0, 0.075);} @media (max-width: 575.98px){ .table-responsive-sm{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .table-responsive-sm > .table-bordered{ border: 0;}} @media (max-width: 767.98px){ .table-responsive-md{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .table-responsive-md > .table-bordered{ border: 0;}} @media (max-width: 991.98px){ .table-responsive-lg{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .table-responsive-lg > .table-bordered{ border: 0;}} @media (max-width: 1199.98px){ .table-responsive-xl{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .table-responsive-xl > .table-bordered{ border: 0;}} .table-responsive{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;} .table-responsive > .table-bordered{ border: 0;} .form-control{ display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce){ .form-control{ transition: none;}} .form-control::-ms-expand{ background-color: transparent; border: 0;} .form-control:-moz-focusring{ color: transparent; text-shadow: 0 0 0 #495057;} .form-control:focus{ color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .form-control::-webkit-input-placeholder{ color: #6c757d; opacity: 1;} .form-control::-moz-placeholder{ color: #6c757d; opacity: 1;} .form-control:-ms-input-placeholder{ color: #6c757d; opacity: 1;} .form-control::-ms-input-placeholder{ color: #6c757d; opacity: 1;} .form-control::placeholder{ color: #6c757d; opacity: 1;} .form-control:disabled, .form-control[readonly]{ background-color: #e9ecef; opacity: 1;} select.form-control:focus::-ms-value{ color: #495057; background-color: #fff;} .form-control-file, .form-control-range{ display: block; width: 100%;} .col-form-label{ padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5;} .col-form-label-lg{ padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5;} .col-form-label-sm{ padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5;} .form-control-plaintext{ display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0;} .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg{ padding-right: 0; padding-left: 0;} .form-control-sm{ height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;} .form-control-lg{ height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;} select.form-control[size], select.form-control[multiple]{ height: auto;} textarea.form-control{ height: auto;} .form-group{ margin-bottom: 1rem;} .form-text{ display: block; margin-top: 0.25rem;} .form-row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;} .form-row > .col, .form-row > [class*="col-"]{ padding-right: 5px; padding-left: 5px;} .btn{ display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce){ .btn{ transition: none;}} .btn:hover{ color: #212529; text-decoration: none;} .btn:focus, .btn.focus{ outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .btn.disabled, .btn:disabled{ opacity: 0.65;} a.btn.disabled, fieldset:disabled a.btn{ pointer-events: none;} .btn-primary{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:hover{ color: #fff; background-color: #0069d9; border-color: #0062cc;} .btn-primary:focus, .btn-primary.focus{ color: #fff; background-color: #0069d9; border-color: #0062cc; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);} .btn-primary.disabled, .btn-primary:disabled{ color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{ color: #fff; background-color: #0062cc; border-color: #005cbf;} .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);} .btn-secondary{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-secondary:hover{ color: #fff; background-color: #5a6268; border-color: #545b62;} .btn-secondary:focus, .btn-secondary.focus{ color: #fff; background-color: #5a6268; border-color: #545b62; box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);} .btn-secondary.disabled, .btn-secondary:disabled{ color: #fff; background-color: #6c757d; border-color: #6c757d;} .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle{ color: #fff; background-color: #545b62; border-color: #4e555b;} .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);} .btn-link{ font-weight: 400; color: #007bff; text-decoration: none;} .btn-link:hover{ color: #0056b3; text-decoration: underline;} .btn-link:focus, .btn-link.focus{ text-decoration: underline; box-shadow: none;} .btn-link:disabled, .btn-link.disabled{ color: #6c757d; pointer-events: none;} .btn-lg, .btn-group-lg > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;} .btn-sm, .btn-group-sm > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;} .btn-block{ display: block; width: 100%;} .btn-block + .btn-block{ margin-top: 0.5rem;} input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block{ width: 100%;} .fade{ transition: opacity 0.15s linear;} @media (prefers-reduced-motion: reduce){ .fade{ transition: none;}} .fade:not(.show){ opacity: 0;} .collapse:not(.show){ display: none;} .collapsing{ position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;} @media (prefers-reduced-motion: reduce){ .collapsing{ transition: none;}} .btn-toolbar{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start;} .btn-toolbar .input-group{ width: auto;} .input-group{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%;} .input-group > .form-control, .input-group > .form-control-plaintext{ position: relative; -ms-flex: 1 1 0%; flex: 1 1 0%; min-width: 0; margin-bottom: 0;} .input-group > .form-control + .form-control, .input-group > .form-control-plaintext + .form-control{ margin-left: -1px;} .input-group > .form-control:focus{ z-index: 3;} .input-group > .form-control:not(:last-child){ border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group > .form-control:not(:first-child){ border-top-left-radius: 0; border-bottom-left-radius: 0;} .input-group-prepend, .input-group-append{ display: -ms-flexbox; display: flex;} .input-group-prepend .btn, .input-group-append .btn{ position: relative; z-index: 2;} .input-group-prepend .btn:focus, .input-group-append .btn:focus{ z-index: 3;} .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn{ margin-left: -1px;} .input-group-prepend{ margin-right: -1px;} .input-group-append{ margin-left: -1px;} .input-group-text{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem;} .input-group-text input[type="radio"], .input-group-text input[type="checkbox"]{ margin-top: 0;} .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select{ height: calc(1.5em + 1rem + 2px);} .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn{ padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem;} .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select{ height: calc(1.5em + 0.5rem + 2px);} .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem;} .input-group-lg > .custom-select, .input-group-sm > .custom-select{ padding-right: 1.75rem;} .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child){ border-top-right-radius: 0; border-bottom-right-radius: 0;} .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){ border-top-left-radius: 0; border-bottom-left-radius: 0;} .tab-content > .tab-pane{ display: none;} .tab-content > .active{ display: block;} .breadcrumb{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem;} .breadcrumb-item + .breadcrumb-item{ padding-left: 0.5rem;} .breadcrumb-item + .breadcrumb-item::before{ display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/";} .breadcrumb-item + .breadcrumb-item:hover::before{ text-decoration: underline;} .breadcrumb-item + .breadcrumb-item:hover::before{ text-decoration: none;} .breadcrumb-item.active{ color: #6c757d;} .pagination{ display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem;} .page-link{ position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6;} .page-link:hover{ z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6;} .page-link:focus{ z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);} .page-item:first-child .page-link{ margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .page-item:last-child .page-link{ border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .page-item.active .page-link{ z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff;} .page-item.disabled .page-link{ color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6;} .pagination-lg .page-link{ padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5;} .pagination-lg .page-item:first-child .page-link{ border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem;} .pagination-lg .page-item:last-child .page-link{ border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;} .pagination-sm .page-link{ padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5;} .pagination-sm .page-item:first-child .page-link{ border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;} .pagination-sm .page-item:last-child .page-link{ border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;} .close{ float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5;} .close:hover{ color: #000; text-decoration: none;} .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus{ opacity: .75;} button.close{ padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;} a.close.disabled{ pointer-events: none;} .modal-open{ overflow: hidden;} .modal-open .modal{ overflow-x: hidden; overflow-y: auto;} .modal{ position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;} .modal-dialog{ position: relative; width: auto; margin: 0.5rem; pointer-events: none;} .modal.fade .modal-dialog{ transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px);} @media (prefers-reduced-motion: reduce){ .modal.fade .modal-dialog{ transition: none;}} .modal.show .modal-dialog{ -webkit-transform: none; transform: none;} .modal.modal-static .modal-dialog{ -webkit-transform: scale(1.02); transform: scale(1.02);} .modal-dialog-scrollable{ display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem);} .modal-dialog-scrollable .modal-content{ max-height: calc(100vh - 1rem); overflow: hidden;} .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer{ -ms-flex-negative: 0; flex-shrink: 0;} .modal-dialog-scrollable .modal-body{ overflow-y: auto;} .modal-dialog-centered{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem);} .modal-dialog-centered::before{ display: block; height: calc(100vh - 1rem); content: "";} .modal-dialog-centered.modal-dialog-scrollable{ -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%;} .modal-dialog-centered.modal-dialog-scrollable .modal-content{ max-height: none;} .modal-dialog-centered.modal-dialog-scrollable::before{ content: none;} .modal-content{ position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0;} .modal-backdrop{ position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000;} .modal-backdrop.fade{ opacity: 0;} .modal-backdrop.show{ opacity: 0.5;} .modal-header{ display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px);} .modal-header .close{ padding: 1rem 1rem; margin: -1rem -1rem -1rem auto;} .modal-title{ margin-bottom: 0; line-height: 1.5;} .modal-body{ position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem;} .modal-footer{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px);} .modal-footer > *{ margin: 0.25rem;} .modal-scrollbar-measure{ position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;} @media (min-width: 576px){ .modal-dialog{ max-width: 500px; margin: 1.75rem auto;} .modal-dialog-scrollable{ max-height: calc(100% - 3.5rem);} .modal-dialog-scrollable .modal-content{ max-height: calc(100vh - 3.5rem);} .modal-dialog-centered{ min-height: calc(100% - 3.5rem);} .modal-dialog-centered::before{ height: calc(100vh - 3.5rem);} .modal-sm{ max-width: 300px;}} @media (min-width: 992px){ .modal-lg, .modal-xl{ max-width: 800px;}} @media (min-width: 1400px){ .modal-xl{ max-width: 1340px;}} @-webkit-keyframes spinner-border{ to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes spinner-border{ to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} .spinner-border{ display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite;} .spinner-border-sm{ width: 1rem; height: 1rem; border-width: 0.2em;} @-webkit-keyframes spinner-grow{ 0%{ -webkit-transform: scale(0); transform: scale(0);} 50%{ opacity: 1;}} @keyframes spinner-grow{ 0%{ -webkit-transform: scale(0); transform: scale(0);} 50%{ opacity: 1;}} .spinner-grow{ display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite;} .spinner-grow-sm{ width: 1rem; height: 1rem;} .align-baseline{ vertical-align: baseline !important;} .align-top{ vertical-align: top !important;} .align-middle{ vertical-align: middle !important;} .align-bottom{ vertical-align: bottom !important;} .align-text-bottom{ vertical-align: text-bottom !important;} .align-text-top{ vertical-align: text-top !important;} .clearfix::after{ display: block; clear: both; content: "";} .d-none{ display: none !important;} .d-inline{ display: inline !important;} .d-inline-block{ display: inline-block !important;} .d-block{ display: block !important;} .d-table{ display: table !important;} .d-table-row{ display: table-row !important;} .d-table-cell{ display: table-cell !important;} .d-flex{ display: -ms-flexbox !important; display: flex !important;} .d-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;} @media (min-width: 576px){ .d-sm-none{ display: none !important;} .d-sm-inline{ display: inline !important;} .d-sm-inline-block{ display: inline-block !important;} .d-sm-block{ display: block !important;} .d-sm-table{ display: table !important;} .d-sm-table-row{ display: table-row !important;} .d-sm-table-cell{ display: table-cell !important;} .d-sm-flex{ display: -ms-flexbox !important; display: flex !important;} .d-sm-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;}} @media (min-width: 768px){ .d-md-none{ display: none !important;} .d-md-inline{ display: inline !important;} .d-md-inline-block{ display: inline-block !important;} .d-md-block{ display: block !important;} .d-md-table{ display: table !important;} .d-md-table-row{ display: table-row !important;} .d-md-table-cell{ display: table-cell !important;} .d-md-flex{ display: -ms-flexbox !important; display: flex !important;} .d-md-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;}} @media (min-width: 992px){ .d-lg-none{ display: none !important;} .d-lg-inline{ display: inline !important;} .d-lg-inline-block{ display: inline-block !important;} .d-lg-block{ display: block !important;} .d-lg-table{ display: table !important;} .d-lg-table-row{ display: table-row !important;} .d-lg-table-cell{ display: table-cell !important;} .d-lg-flex{ display: -ms-flexbox !important; display: flex !important;} .d-lg-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;}} @media (min-width: 1400px){ .d-xl-none{ display: none !important;} .d-xl-inline{ display: inline !important;} .d-xl-inline-block{ display: inline-block !important;} .d-xl-block{ display: block !important;} .d-xl-table{ display: table !important;} .d-xl-table-row{ display: table-row !important;} .d-xl-table-cell{ display: table-cell !important;} .d-xl-flex{ display: -ms-flexbox !important; display: flex !important;} .d-xl-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;}} @media print{ .d-print-none{ display: none !important;} .d-print-inline{ display: inline !important;} .d-print-inline-block{ display: inline-block !important;} .d-print-block{ display: block !important;} .d-print-table{ display: table !important;} .d-print-table-row{ display: table-row !important;} .d-print-table-cell{ display: table-cell !important;} .d-print-flex{ display: -ms-flexbox !important; display: flex !important;} .d-print-inline-flex{ display: -ms-inline-flexbox !important; display: inline-flex !important;}} .embed-responsive{ position: relative; display: block; width: 100%; padding: 0; overflow: hidden;} .embed-responsive::before{ display: block; content: "";} .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video{ position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;} .embed-responsive-21by9::before{ padding-top: 42.857143%;} .embed-responsive-16by9::before{ padding-top: 56.25%;} .embed-responsive-4by3::before{ padding-top: 75%;} .embed-responsive-1by1::before{ padding-top: 100%;} .float-left{ float: left !important;} .float-right{ float: right !important;} .float-none{ float: none !important;} .fixed-top{ position: fixed; top: 0; right: 0; left: 0; z-index: 1030;} .fixed-bottom{ position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030;} @supports ((position: -webkit-sticky) or (position: sticky)){ .sticky-top{ position: -webkit-sticky; position: sticky; top: 0; z-index: 1020;}} .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;} .sr-only-focusable:active, .sr-only-focusable:focus{ position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal;} .m-0{ margin: 0 !important;} .mt-0, .my-0{ margin-top: 0 !important;} .mr-0, .mx-0{ margin-right: 0 !important;} .mb-0, .my-0{ margin-bottom: 0 !important;} .ml-0, .mx-0{ margin-left: 0 !important;} .m-1{ margin: 0.25rem !important;} .mt-1, .my-1{ margin-top: 0.25rem !important;} .mr-1, .mx-1{ margin-right: 0.25rem !important;} .mb-1, .my-1{ margin-bottom: 0.25rem !important;} .ml-1, .mx-1{ margin-left: 0.25rem !important;} .m-2{ margin: 0.5rem !important;} .mt-2, .my-2{ margin-top: 0.5rem !important;} .mr-2, .mx-2{ margin-right: 0.5rem !important;} .mb-2, .my-2{ margin-bottom: 0.5rem !important;} .ml-2, .mx-2{ margin-left: 0.5rem !important;} .m-3{ margin: 1rem !important;} .mt-3, .my-3{ margin-top: 1rem !important;} .mr-3, .mx-3{ margin-right: 1rem !important;} .mb-3, .my-3{ margin-bottom: 1rem !important;} .ml-3, .mx-3{ margin-left: 1rem !important;} .m-4{ margin: 1.5rem !important;} .mt-4, .my-4{ margin-top: 1.5rem !important;} .mr-4, .mx-4{ margin-right: 1.5rem !important;} .mb-4, .my-4{ margin-bottom: 1.5rem !important;} .ml-4, .mx-4{ margin-left: 1.5rem !important;} .m-5{ margin: 3rem !important;} .mt-5, .my-5{ margin-top: 3rem !important;} .mr-5, .mx-5{ margin-right: 3rem !important;} .mb-5, .my-5{ margin-bottom: 3rem !important;} .ml-5, .mx-5{ margin-left: 3rem !important;} .p-0{ padding: 0 !important;} .pt-0, .py-0{ padding-top: 0 !important;} .pr-0, .px-0{ padding-right: 0 !important;} .pb-0, .py-0{ padding-bottom: 0 !important;} .pl-0, .px-0{ padding-left: 0 !important;} .p-1{ padding: 0.25rem !important;} .pt-1, .py-1{ padding-top: 0.25rem !important;} .pr-1, .px-1{ padding-right: 0.25rem !important;} .pb-1, .py-1{ padding-bottom: 0.25rem !important;} .pl-1, .px-1{ padding-left: 0.25rem !important;} .p-2{ padding: 0.5rem !important;} .pt-2, .py-2{ padding-top: 0.5rem !important;} .pr-2, .px-2{ padding-right: 0.5rem !important;} .pb-2, .py-2{ padding-bottom: 0.5rem !important;} .pl-2, .px-2{ padding-left: 0.5rem !important;} .p-3{ padding: 1rem !important;} .pt-3, .py-3{ padding-top: 1rem !important;} .pr-3, .px-3{ padding-right: 1rem !important;} .pb-3, .py-3{ padding-bottom: 1rem !important;} .pl-3, .px-3{ padding-left: 1rem !important;} .p-4{ padding: 1.5rem !important;} .pt-4, .py-4{ padding-top: 1.5rem !important;} .pr-4, .px-4{ padding-right: 1.5rem !important;} .pb-4, .py-4{ padding-bottom: 1.5rem !important;} .pl-4, .px-4{ padding-left: 1.5rem !important;} .p-5{ padding: 3rem !important;} .pt-5, .py-5{ padding-top: 3rem !important;} .pr-5, .px-5{ padding-right: 3rem !important;} .pb-5, .py-5{ padding-bottom: 3rem !important;} .pl-5, .px-5{ padding-left: 3rem !important;} .text-justify{ text-align: justify !important;} .text-left{ text-align: left !important;} .text-right{ text-align: right !important;} .text-center{ text-align: center !important;} @media (min-width: 576px){ .text-sm-left{ text-align: left !important;} .text-sm-right{ text-align: right !important;} .text-sm-center{ text-align: center !important;}} @media (min-width: 768px){ .text-md-left{ text-align: left !important;} .text-md-right{ text-align: right !important;} .text-md-center{ text-align: center !important;}} @media (min-width: 992px){ .text-lg-left{ text-align: left !important;} .text-lg-right{ text-align: right !important;} .text-lg-center{ text-align: center !important;}} @media (min-width: 1400px){ .text-xl-left{ text-align: left !important;} .text-xl-right{ text-align: right !important;} .text-xl-center{ text-align: center !important;}} .visible{ visibility: visible !important;} .invisible{ visibility: hidden !important;} @media print{ *, *::before, *::after{ text-shadow: none !important; box-shadow: none !important;} a:not(.btn){ text-decoration: underline;} abbr[title]::after{ content: " (" attr(title) ")";} pre{ white-space: pre-wrap !important;} pre, blockquote{ border: 1px solid #adb5bd; page-break-inside: avoid;} thead{ display: table-header-group;} tr, img{ page-break-inside: avoid;} p, h2, h3{ orphans: 3; widows: 3;} h2, h3{ page-break-after: avoid;} @page{ size: a3;} body{ min-width: 992px !important;} .container{ min-width: 992px !important;} .navbar{ display: none;} .badge{ border: 1px solid #000;} .table{ border-collapse: collapse !important;} .table td, .table th{ background-color: #fff !important;} .table-bordered th, .table-bordered td{ border: 1px solid #dee2e6 !important;}} /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker{padding:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #999;border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{background:#eee;cursor:pointer}.datepicker table tr td.new,.datepicker table tr td.old{color:#999}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td.highlighted{background:#d9edf7;border-radius:0}.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#000}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{background-color:#fdf59a}.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{background-color:#fbf069\9}.datepicker table tr td.today:hover:hover{color:#000}.datepicker table tr td.today.active:hover{color:#fff}.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{background:#eee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{background-color:#f3d17a;background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));background-image:-webkit-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);background-image:linear-gradient(to bottom,#f3c17a,#f3e97a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);border-color:#f3e97a #f3e97a #edde34;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{background-color:#f3e97a}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{background-color:#efe24b\9}.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{background-color:#9e9e9e;background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));background-image:-webkit-linear-gradient(to bottom,#b3b3b3,grey);background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);background-image:linear-gradient(to bottom,#b3b3b3,grey);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);border-color:grey grey #595959;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{background-color:grey}.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{background-color:#666\9}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{background-color:#04c}.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{background-color:#039\9}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#999;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#006dcc;background-image:-moz-linear-gradient(to bottom,#08c,#04c);background-image:-ms-linear-gradient(to bottom,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(to bottom,#08c,#04c);background-image:-o-linear-gradient(to bottom,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{background-color:#04c}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{background-color:#039\9}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#999}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-append.date .add-on,.input-prepend.date .add-on{cursor:pointer}.input-append.date .add-on i,.input-prepend.date .add-on i{margin-top:3px}.input-daterange input{text-align:center}.input-daterange input:first-child{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.input-daterange input:last-child{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.input-daterange .add-on{display:inline-block;width:auto;min-width:16px;height:18px;padding:4px 5px;font-weight:400;line-height:18px;text-align:center;text-shadow:0 1px 0 #fff;vertical-align:middle;background-color:#eee;border:1px solid #ccc;margin-left:-5px;margin-right:-5px}body {font-family: 'Barlow Semi Condensed', serif;font-weight: 400;font-size:20px;color: #424242;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings: "kern" 1;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;} b, strong, h1, h2, h3, h4,h5, h6 {font-weight: 600;} h1 {font-size: 30px;line-height: 30px;} h2 {font-size:26px;line-height: 26px;} h3 {font-size:23px;line-height: 23px;} h4 {font-size:20px;line-height: 20px;} ol{padding:0;list-style: decimal inside;} ol li{padding: 22px 0px 10px;} ol li h1, ol li h2, ol li h3, ol li h4{display:inline;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; filter: none;} .hero-content h1 {font-size:35px;line-height: 40px;} body.noscroll{overflow:hidden;} header, footer{ width:100vw;max-width: 100%;background:#3dacb3;z-index:1000;transition:opacity 0.3s ease;} header {position:fixed;top:0px;left:0px;height:72px;padding: 11px 0;} main{margin:87px 0px 50px;transition:margin-top 0.3s ease;min-height:calc( 100vh - 187px );} a{color: #3dacb3;font-weight:600;} a:hover{text-decoration:none;color: #a3d9dc;} a.grey:hover{color: #626262;} a.read{font-weight: 400;} img.responsive{max-width:100%;} table.orders a{color: #555;} table.orders a:hover{color: #999;} .breadcrumb{ list-style: none; padding: 0px; font-size: 0.85em; margin: 4px 0px 8px; background-color: transparent;} ol.breadcrumb li{padding-right:6px;} .center{text-align: center;} .justify{text-align: justify;} .align-left{text-align: left;} .align-right{text-align: right;} .nopad{padding:0px;} .hamburger{display:none !important;} .border-top {border-top: 1px solid #3dacb3 !important;} .border-bottom {border-bottom: 1px solid #3dacb3 !important;} .landing-pages{ display: flex; flex-wrap: wrap; justify-content: space-between;} .landing #credits{font-size:0.8em;} .product-desc p:last-child {margin-bottom: 0;} nav ul{padding:0px;clear:both;} nav ul li{list-style: none;} nav ul li span{padding-right: 12px;} form .title{border-bottom: 2px solid #3dacb3;margin-bottom:12px;font-size: 1.1em;} label.required::after{content:" *";} .round-check{border-radius: 50%;border: 1px solid #bababa;width: 30px;height: 30px;display: block;} .round-check:hover{border: 2px solid #3dacb3;} .btn{border-radius: 6px;font-weight: 600;font-size: 1.2rem;line-height: 1.2rem;padding: 0.9rem 2.5rem;} .btn:hover {color: #3dacb3;} .btn:focus{box-shadow: none;} .btn-primary{color: #000;background-color: #eadf41;border: none;} .btn-primary:hover{color: #fff;background-color: #3dacb3;} .fancybox-close-small:focus {outline: none;border: none;} .fancybox-close-small::after {font-size: 40px !important;} .fancybox-close-small:focus::after {outline: none !important;} .cyan{color: #3dacb3;} .cyan-bg{background-color: #3dacb3;} .lightcyan{color: #a3d9dc;} .lightcyan-bg{background-color: #a3d9dc;} .marine-bg{background-color: #d9edee;} .yellow{color: #eadf41;} .yellow-bg{background-color: #eadf41 !important;} .platinum{color: #f3f2e0;} .grey {color: #424242;} .grey-bg{background-color: #424242;} .lightgrey{color: #d0d0c8;} .white{color:#fff;} .bold{font-weight: 600;} .none{display:none;} .icon-round{ border-radius: 50%; background-color: #3dacb3; color: #fff; font-weight: 600; width: 1.1em; height: 1.1em; display: inline-block; text-align: center; font-size: 0.9em; line-height: 1.1em;} .logo img{width: 100%;height: 100%;max-width: 260px;} .mobile-logo{align-items: center;height: 72px;} .menu-area{display:inline-block;text-align:right;} .menu-area .logo{display: none;} .menu-area ul{ list-style: outside none none; padding: 0; margin-bottom:0px;} .menu-area ul li{ display: inline-block; margin-right: 24px; position: relative; font-weight: 600;} .menu-area ul li a{ font-weight:600; font-size:1em; color: #fff; display: block; letter-spacing: 0; padding: 8px 8px 22px; text-transform: capitalize; cursor: pointer;} .menu-area ul li:last-child{ margin-right: 0;} .menu-area ul li:first-child a{ padding-left: 0;} .menu-area ul li:last-child a{ padding-right: 0;} .menu-area ul li:hover > a, .menu-area ul li.active a{ color: #eadf41;} .menu-area ul li.menu-dropdown > ul{ box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75); width: 320px; opacity: 0; position: absolute; right: calc(50% - 160px); text-align: left; top: 60px; transform: translateY(-20px); transition: all 0.3s ease 0.2s; visibility: hidden; z-index: 99;} .menu-area ul li.menu-dropdown:hover > ul{ opacity: 1; transform: translateY(0px); visibility: visible; display:block;} .menu-area ul li.menu-dropdown > ul li{ display: block; margin: 0; position: relative; text-align: left; border-bottom: 1px solid #fff;} .menu-area ul li.menu-dropdown > ul li:last-child{ border-bottom: none;} .menu-area ul li.menu-dropdown > ul li a{ display: block; padding: 13px 20px;} .menu-area ul li.menu-dropdown > ul li a i{ float: right; vertical-align: middle; padding-top: 3px;} .menu-area ul li.menu-dropdown li .thidlevel-menu{ box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75); left: 100%; min-width: 200px; opacity: 0; position: absolute; top: 0; transition: all 0.3s ease 0s; visibility: hidden;} .menu-user{opacity:0;position:fixed;top:0px;right: -320px;width: 320px;height: 100vh;z-index:100;background-color: #a3d9dc;transition: right ease 0.2s, opacity 0s ease 0.3s;} .menu-user.active{opacity:1;right: 0px;transition: right ease 0.3s, opacity 0s;overflow: auto;} .menu-user > .cyan-bg{padding: 11px 0px;height: 72px;} .mobile-menu-user li{list-style: none;} .mobile-menu-user li a{color:#555;} .mobile-menu-user li a:hover{color:#999;} #mobile-wrapper{display:none;} .header-client-area{padding: 3px 8px;display: inline-block;} #top-cart sup{position: absolute;right:8px;top:6px;font-size:65%;} .header-client-area span{position:relative;} .header-client-area span.yellow-bg:hover{color: #fff;} .client-area-dropdown{display:none;position: absolute;right: 0px;background-color: #d9edee;box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);} .header-client-area{ position: relative; text-align: right; font-size: 1.2rem;} .header-client-area .client-area-button{ cursor: pointer; display: inline-block; letter-spacing: 0; padding: 12px 15px; line-height: 16px;} .header-client-area a i{ margin-right: 10px;} .client-dropdown-top-area{ padding: 0 20px 16px;} .client-drop-title{ display: inline-block; font-size: 20px; font-weight: 600; letter-spacing: 0; line-height: 20px; margin: 0 0 12px; text-transform: uppercase;} .client-area-dropdown{ display:none; background: #a3d9dc none repeat scroll 0 0; padding: 24px 0 0; position: absolute; right: 0; text-align: left; top: 40px; width: 270px; z-index: 99; box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.75);} .client-drop-form {} .client-drop-inputbox{ margin: 0 0 8px; position: relative;} input[type=text], input[type=password], input[type=email], input[type=tel], optgroup, select, textarea{ border: 1px solid #a3d9dc !important; border-radius: 0 !important; color: #495057; font-size: 1em; height: 44px; letter-spacing: 0; width: 100%;} input[type=checkbox] {width: 20px;height: 20px;border: 1px solid #a3d9dc !important;border-radius: 0 !important;} input[type=radio]{width: auto;} .form-control:focus{border:none;box-shadow:none;} .client-drop-inputbox i{ color: #8fadd0; left: 14px; position: absolute; top: 14px;} .client-drop-inputbox input[type=text], .client-drop-inputbox input[type=password] {} .client-forgot, .client-forgot a{ font-size: 13px; line-height: 18px;} .client-forgot {} .client-forgot a{ text-decoration: underline;} .client-signup{ background: #3dacb3 none repeat scroll 0 0; padding: 13px 44px; text-align: center;} .client-signup p, .client-signup p a{ color: #ffffff; font-size: 13px; line-height: 20px;} .client-signup p {} .client-signup p a{ display: block; text-decoration: underline;} .pricebox{background-color: #d9edee;padding-bottom:16px;} .pricebox h3{padding: 8px 0px;} .pricebox img{padding: 8px 0px;} .pricebox ul{ list-style: outside none none; margin: 13px 0 12px; padding: 0;} .pricebox ul li{ border-bottom: 1px solid #999; color: #4a4a4a; display: block; font-size: 16px; letter-spacing: 0; line-height: 18px; padding: 7px 0;} .pricebox ul li:last-child{ border-bottom: medium none;} .pricebox a span {width: 90%;} footer {padding: 50px 0 25px;color: #fff;font-size: 1.125rem;} footer h4 {color: #fff;text-transform: uppercase;font-size: 1.125rem;line-height: 2rem;} footer h4::after {display: block;content: "";background: #fff;height: 3px;width: 35px;} footer a {color: #fff;text-decoration: none;font-weight: 400;} footer a:hover {color: #eadf41;text-decoration: none;} footer ul {margin: 0;padding: 0;list-style: none;} .home-badge a{color:#fff;} .home-badge > div{transition: opacity 0.2s;} .home-badge > div:hover{opacity:0.85;} .home-badge h2{font-size:28px;padding-bottom:0 !important;} .home-badge span{font-size:18px;display:inline-block;line-height:1.2em;} .home-badge .pricebox {height:100%;padding:15px 15px 75px;} .home-badge .freccia {position:absolute;bottom:15px;left: calc(50% - 30px);} .hero-area{margin-top:-15px;padding: 20px 0;display: flex;align-items: center;background: #d9edee;} .hero-area .container {background: url("https://www.hostingrelax.com/assets/images/hostingrelax-cover-crop.svg");background-position: right;background-size: contain;background-repeat: no-repeat;} .hero-area .hero-content {padding: 30px 0;} .contact-area {background: #d9edee;display: flex;} .contact-area > div > div {display: flex;align-items: center;} .contact-area > div {padding: 15px;} .plans > div{flex-grow: 1;margin-bottom: 30px;} .plans > div > .pricebox{height: 100%;} .plans .pricebox h2 {padding-bottom: 15px;color: #fff;} .price-cell{text-align:right;padding-right:8px;white-space: nowrap;} .product-remove{text-align: center;} .product-detail{font-size: 0.8em;} main.login input:not([type=checkbox]){display:block;width:80%;} main.my-account ul.list{list-style: none;} main.my-account ul.list li{border-bottom: 1px solid #3dacb3;padding: 4px 0px;} main.my-account ul.list li img{padding:4px;} main.my-account ul.list li.active {color: #3dacb3;} main.my-account ul.list li a{color: #424242;font-size: 20px;font-weight: 600;} main.my-account ul.list li.active a {color: #3dacb3;} .orders{width:100%;} .orders tbody{background-color: #edf4f9;} .orders td, .orders th{border-bottom: 1px solid #3dacb3;padding: 5px;} .orders td.order-view{text-align:right;} .orders tr.paid td a,.orders tr.canceled td a{font-weight: normal;} .orders tr.paid td.status a::before{margin-right:8px;width:12px;height: 12px;border-radius: 8px;background-color:green;content: " ";display:inline-block;} .orders tr.unpaid td.status a::before{margin-right:8px;width:12px;height: 12px;border-radius: 8px;background-color:orange;content: " ";display:inline-block;} .orders tr.canceled td.status a::before{margin-right:8px;width:12px;height: 12px;border-radius: 8px;background-color:red;content: " ";display:inline-block;} .table tr.product-subrow td{border-top: 0px;padding-top:0px;} .table-cart{width:100%;} .table-cart tbody{background-color: #edf4f9;} .table-cart .product-title .title span, .table-cart .product-title .subtitle span{font-weight: 600;} .price-box{font-size:25px;} .product-single-container ul {padding-left: 20px;} .product-desc{border-top: 1px solid #3dacb3;border-bottom: 1px solid #3dacb3;padding: 15px 0px;} .product-desc-details {padding: 15px 0px;} .domain-form{background-color: #edf4f9;padding: 12px;} .domain-success{font-weight: 600;} .table-dedicati{width:100%;font-size:0.9em;background-color: #d9edee;} .table-dedicati td, .table-dedicati th{vertical-align: top;border-bottom: 1px solid #3dacb3;padding:5px;margin-bottom: 5px;} .ticket .message{ width:75%; border-radius: 6px; background-color: #d9edee; float:left; margin-bottom:12px;} .ticket .message.float-right:before{ content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid #d9edee; border-right: 10px solid transparent; border-top: 10px solid #d9edee; border-bottom: 10px solid transparent; right: -16px; top: 0px;} .ticket .message.float-left:before{ content: ""; width: 0px; height: 0px; position: absolute; border-left: 10px solid transparent; border-right: 10px solid #d9edee; border-top: 10px solid #d9edee; border-bottom: 10px solid transparent; left: -16px; top: 0px;} .ticket .message .title{font-size: 0.8em;} .tiny img{max-width:50%;height: 100%;cursor: pointer;} .tiny img.cover{max-width:100%;height: 100%;cursor: pointer;} .carhosthome img {vertical-align: text-top;} h1.product-title{font-size: 40px;line-height:60px;color: #3dacb3;} h1.product-title img {vertical-align: bottom;} .product-price {color: #fff;font-weight:600;font-size: 25px;line-height: 50px;vertical-align: baseline;background: #3dacb3;} .domain-form input, .domain-form select {border-radius: 0} .domain-form button {vertical-align: baseline;} .page-title {font-size: 30px;line-height: 30px;color: #3dacb3;padding-bottom:8px;} .page-title img {vertical-align: bottom;} .faq ul {padding: 0;margin: 20px 0;width: 100%;} .faq li {list-style: none;border-bottom: 1px solid #3dacb3;padding: 10px 0;margin: 0;} .faq li:first-child {border-top: 1px solid #3dacb3;} #social{position:fixed;bottom: 100px;right: -50px;width: 86px;border-radius: 6px;background-color: #3dacb3;border: 2px solid white;height:80px;transition: right ease 0.4s;transition-delay: 150ms;} #social:hover{right:-6px;} #social .title{transform: rotate(-90deg) translateY(-18px);position:absolute;top: 25px;left:0px;} #social .media{margin-left: 36px;margin-top: 5px;} #contact{position: fixed;bottom:10px;right:50px;cursor:pointer;} #contactform{height:100vh;width: 350px;top: 0px;right: -100vw;transition: right 0.4s ease;position:fixed;background-color: #d9edee;color: #424242;overflow: auto;padding-top:85px;padding-bottom: 30px;border-left:2px solid #3dacb3;} #contactform.active{right: 0px;} .pvc, .pvc input{line-height:1em;font-size: 0.8em;} .pvc label{display: inline;} #close-contact{cursor:pointer;color: #3dacb3;} .icon-loading::before{ margin: 0 8px; line-height: 1.5; position:absolute; content: "\e90b"; -webkit-animation:spin 4s linear infinite; -moz-animation:spin 4s linear infinite; animation:spin 4s linear infinite;} @-moz-keyframes spin{100%{-moz-transform: rotate(360deg);}} @-webkit-keyframes spin{100%{-webkit-transform: rotate(360deg);}} @keyframes spin{100%{-webkit-transform: rotate(360deg);transform:rotate(360deg);}} .unselectable{ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -o-user-select: none; user-select: none;} @font-face{ font-family: 'hosting-relax-icons'; src: url('https://www.hostingrelax.com/assets/fonts/hosting-relax-icons/hosting-relax-icons.eot?3h5oce'); src: url('https://www.hostingrelax.com/assets/fonts/hosting-relax-icons/hosting-relax-icons.eot?3h5oce#iefix') format('embedded-opentype'), url('https://www.hostingrelax.com/assets/fonts/hosting-relax-icons/hosting-relax-icons.ttf?3h5oce') format('truetype'), url('https://www.hostingrelax.com/assets/fonts/hosting-relax-icons/hosting-relax-icons.woff?3h5oce') format('woff'), url('https://www.hostingrelax.com/assets/fonts/hosting-relax-icons/hosting-relax-icons.svg?3h5oce#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block;} [class^="icon-"], [class*=" icon-"]{ /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'hosting-relax-icons' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-twitter:before{ content: "\ea96";} .icon-facebook:before{ content: "\ea90";} .icon-ingranaggio:before{ content: "\e90b"; color: #595959;} .icon-ico-user:before{ content: "\e90c";} .icon-ico-user-bak:before{ content: "\e90d";} .icon-cancel:before{ content: "\e900";} .icon-check-search:before{ content: "\e901";} .icon-hosting-relax:before{ content: "\e902"; color: #fff;} .icon-ico-check:before{ content: "\e903"; color: #3dacb3;} .icon-ico-close:before{ content: "\e904";} .icon-ico-hamburger:before{ content: "\e905";} .icon-ico-hosting-black:before{ content: "\e906";} .icon-ico-user-black:before{ content: "\e907";} .icon-shopping-bag:before{ content: "\e908";} .icon-shopping-cart:before{ content: "\e909";} .icon-tazza:before{ content: "\e90a";} @media (max-width: 1199px){ .plans{margin:auto;} .header-client-area a i{margin-right: 0px;} #top-cart sup{position: absolute;right:3px;top:6px;} .hamburger{display: inline-block !important;} .menu-area{text-align:left;opacity:0;position:fixed;top:0px;left: -100vw;width: 100%;height: 100vh;z-index:100;background-color: #a3d9dc;transition: left ease 0.2s, opacity 0s ease 0.3s;} .menu-area.active{opacity:1;left: 0px;transition: left ease 0.3s, opacity 0s;overflow: auto;} .menu-area.active ul li{border-bottom: 1px solid #fff;margin-right: 0px;} .menu-area.active ul li a{margin-left: 15px;color: #5d5d5d;} .menu-area .logo{display:block;padding: 11px 0px;} .menu-area ul li{display:block;float:none;} .menu-area ul li a{padding: 10px 0px;} .menu-area ul li.menu-dropdown > ul{box-shadow: none;visibility: visible;display:block;width:100%;opacity: 1;right:0px;background-color: #a3d9dc;position:relative;transform: none;top: 0px;} .menu-area ul li.menu-dropdown > ul li a{padding: 13px 0px;} .menu-area ul li.menu-dropdown > ul li .thidlevel-menu{left:0px;} .menu-area ul li.menu-dropdown > a{display:none;} .menu-user{opacity:0;position:fixed;top:0px;right: -100vw;width: 100%;height: 100vh;z-index:100;background-color: #a3d9dc;transition: right ease 0.2s, opacity 0s ease 0.3s;} .menu-user.active{opacity:1;right: 0px;transition: right ease 0.3s, opacity 0s;overflow: auto;} .mobile-menu-user{display:block;} .mobile-menu-user .menu-title{background: #fff;padding-left: 15px;} #mobile-wrapper{display:block;} #mobile-wrapper .header-client-area{padding: 8px 0px;}} @media (max-width: 991px){ .home-badge > div {margin: 12px auto;} .hero-area .container {background-image: none;} .hero-content {text-align: center;} .tiny img {max-width:100%;} p.cyan {margin-bottom: 0.3rem;} #contact {width:100px;right:8px;} #contact img {max-width:100%;height:100%;} #contactform {width: 100vw;border: 0px;}} @media (max-width: 767px){ .hc-title, .hc-title-2, .hc-list, .hc-started{font-size: 0.8em;} .landing-pages{flex-direction: column;} .small-icon{width:35%;}} @media (max-width: 575px){ body {font-size:18px;} .hero-content h1{font-size:30px;line-height:30px;} header{padding: 6px 0px;} .page-title{font-size:30px;} .hero-area .hero-content {padding: 0px;margin-left: -15px;margin-right: -15px;text-align:left;} .hero-area .container{background-image: url("https://www.hostingrelax.com/assets/images/hostingrelax-cover-crop.svg");background-position: center top;margin: 0 15px;} .hero-area .row{padding-top: calc(100vw * 0.72727);} .logo img{max-width:100%;} .header-client-area{padding: 8px 0px;} .header-client-area .client-area-button{padding: 10px;} .header > div, .mobile-logo > div{padding-right: 6px;padding-left: 6px;} .table-cart th.product-remove span{display:none;} .landing-pages a{display:block;padding-right:0px !important;} h1.product-title{font-size: 32px;line-height:48px;}} #cookie {position:fixed;left:0px;bottom:0px;width:100%;height:auto;color:#424242;line-height:22px;text-align:center;padding:10px;background:#ffffff;border-top:1px solid #424242;z-index:1000;display:none;} #cookieok {padding: 5px 15px;font-size:14px;font-weight: 600;color:#424242;background: #eadf41;border: 1px solid #eadf41;transition:all 0.3s ease;} #cookieok:hover {color:#424242;background:#fff !important;} #cookie a {position:relative;color:#424242;text-decoration:underline;} #cookie a:hover {color:#424242;text-decoration:none;} @charset "UTF-8";.fancybox-enabled{ overflow: hidden;} .fancybox-enabled body{ overflow: visible; height: 100%;} .fancybox-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden;} /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container{ z-index: 99992;} .fancybox-bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #0f0f11; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .fancybox-container--ready .fancybox-bg{ opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);} .fancybox-controls{ position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr;} .fancybox-show-controls .fancybox-controls{ opacity: 1;} .fancybox-infobar{ display: none;} .fancybox-show-infobar .fancybox-infobar{ display: inline-block; pointer-events: all;} .fancybox-infobar__body{ display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased;} .fancybox-buttons{ position: absolute; top: 0; right: 0; display: none; pointer-events: all;} .fancybox-show-buttons .fancybox-buttons{ display: block;} .fancybox-slider-wrap{ overflow: hidden; direction: ltr;} .fancybox-slider-wrap, .fancybox-slider{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent;} .fancybox-slide{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch;} .fancybox-slide::before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;} .fancybox-slide > *{ display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box;} .fancybox-slide--image{ overflow: hidden;} .fancybox-slide--image::before{ display: none;} .fancybox-content{ display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch;} .fancybox-iframe{ display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff;} .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe{ background: transparent;} .fancybox-placeholder{ position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .fancybox-image, .fancybox-spaceball{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%;} .fancybox-controls--canzoomOut .fancybox-placeholder{ cursor: -webkit-zoom-out; cursor: zoom-out;} .fancybox-controls--canzoomIn .fancybox-placeholder{ cursor: -webkit-zoom-in; cursor: zoom-in;} .fancybox-controls--canGrab .fancybox-placeholder{ cursor: -webkit-grab; cursor: grab;} .fancybox-controls--isGrabbing .fancybox-placeholder{ cursor: -webkit-grabbing; cursor: grabbing;} .fancybox-spaceball{ z-index: 1;} .fancybox-tmp{ position: absolute; top: -9999px; left: -9999px; visibility: hidden;} .fancybox-error{ position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default;} .fancybox-error p{ margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;} .fancybox-close-small{ position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer;} .fancybox-close-small:after{ content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2;} .fancybox-close-small:focus:after{ outline: 1px dotted #888;} .fancybox-slide--video .fancybox-close-small{ top: -36px; right: -36px; background: transparent;} .fancybox-close-small:hover:after{ color: #555; background: #eee;} /* Caption */ .fancybox-caption-wrap{ position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none;} .fancybox-show-caption .fancybox-caption-wrap{ opacity: 1;} .fancybox-caption{ padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none;} .fancybox-caption a, .fancybox-caption button{ pointer-events: all;} .fancybox-caption a{ color: #fff; text-decoration: underline;} /* Buttons */ .fancybox-button{ display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; color: #fff; box-sizing: border-box; vertical-align: top; outline: none;} .fancybox-button--disabled{ cursor: default; pointer-events: none;} .fancybox-infobar__body, .fancybox-button{ background: rgba(30, 30, 30, 0.6);} .fancybox-button:hover{ background: rgba(0, 0, 0, 0.8);} .fancybox-button::before, .fancybox-button::after{ content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block;} .fancybox-button--disabled::before, .fancybox-button--disabled::after{ opacity: 0.5;} .fancybox-button--left::after{ left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);} .fancybox-button--right::after{ right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .fancybox-button--left{ border-bottom-left-radius: 5px;} .fancybox-button--right{ border-bottom-right-radius: 5px;} .fancybox-button--close{ float: right;} .fancybox-button--close::before, .fancybox-button--close::after{ content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px);} .fancybox-button--close::before{ -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .fancybox-button--close::after{ -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} /* Loading spinner */ .fancybox-loading{ border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999;} @-webkit-keyframes fancybox-rotate{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(359deg); transform: rotate(359deg);}} @keyframes fancybox-rotate{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(359deg); transform: rotate(359deg);}} /* Styling for Small-Screen Devices */ @media all and (max-width: 800px){ .fancybox-controls{ text-align: left;} .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close){ display: none !important;} .fancybox-caption{ padding: 20px 0; margin: 0;}} /* Fullscreen */ .fancybox-button--fullscreen::before{ width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none;} /* Slideshow button */ .fancybox-button--play::before{ top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent;} .fancybox-button--pause::before{ top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent;} /* Thumbs */ .fancybox-button--thumbs span{ font-size: 23px;} .fancybox-button--thumbs::before{ top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0;} .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap{ right: 220px;} .fancybox-thumbs{ position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box;} .fancybox-thumbs > ul{ list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0;} .fancybox-thumbs > ul > li{ float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box;} li.fancybox-thumbs-loading{ background: rgba(0, 0, 0, 0.1);} .fancybox-thumbs > ul > li > img{ position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .fancybox-thumbs > ul > li:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);} .fancybox-thumbs > ul > li.fancybox-thumbs-active:before{ opacity: 1;} /* Styling for Small-Screen Devices */ @media all and (max-width: 800px){ .fancybox-thumbs{ display: none !important;} .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap{ right: 0;}}