/* Homepage-only bundle generated from the existing RepairPrice styles. */
: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: #3eb5dd; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #ff1f1f; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(33, 37, 41); text-align: left; background-color: rgb(255, 255, 255); }
[tabindex="-1"]:focus { outline: 0px !important; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
a { color: rgb(62, 181, 221); text-decoration: none; background-color: transparent; }
a:hover { color: rgb(31, 139, 176); text-decoration: none; }
a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; }
a:not([href]):not([tabindex]):focus { outline: 0px; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
button { border-radius: 0px; }
button:focus { outline: 0px; }
button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[type="button"], [type="reset"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { overflow: auto; resize: vertical; }
[type="search"] { outline-offset: -2px; appearance: none; }
.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; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
.small, small { font-size: 80%; font-weight: 400; }
.img-fluid { max-width: 100%; height: auto; }
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 768px){.container { max-width: 720px; }
}
@media (min-width: 992px){.container { max-width: 960px; }
}
@media (min-width: 1200px){.container { max-width: 1140px; }
}
.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
.col-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
@media (min-width: 576px){.col-sm-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-sm-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px){.col-md-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-md-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
.col-md-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-md-5 { -webkit-box-flex: 0; flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-md-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
.col-md-8 { -webkit-box-flex: 0; flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-md-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px){.col-lg-1 { -webkit-box-flex: 0; flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-lg-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
.col-lg-4 { -webkit-box-flex: 0; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-lg-6 { -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; }
.col-lg-9 { -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; }
.col-lg-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px){.col-xl-3 { -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; }
.col-xl-12 { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
}
.form-control { display: block; width: 100%; height: calc(1.5em + 2px + 0.75rem); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(206, 212, 218); border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){.form-control { transition: none; }
}
.form-control:focus { color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); border-color: rgb(170, 223, 240); outline: 0px; box-shadow: rgba(62, 181, 221, 0.25) 0px 0px 0px 0.2rem; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(233, 236, 239); opacity: 1; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.form-control.is-valid, .was-validated .form-control:valid { border-color: rgb(40, 167, 69); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
.form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: rgb(40, 167, 69); box-shadow: rgba(40, 167, 69, 0.25) 0px 0px 0px 0.2rem; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: rgb(255, 31, 31); }
.form-inline { display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; -webkit-box-align: center; align-items: center; }
@media (min-width: 576px){.form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
}
.btn { display: inline-block; font-weight: 400; color: rgb(33, 37, 41); text-align: center; vertical-align: middle; 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, -webkit-box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce){.btn { transition: none; }
}
.btn:hover { color: rgb(33, 37, 41); text-decoration: none; }
.btn.focus, .btn:focus { outline: 0px; box-shadow: rgba(62, 181, 221, 0.25) 0px 0px 0px 0.2rem; }
.btn.disabled, .btn:disabled { opacity: 0.65; }
.btn-primary { color: rgb(255, 255, 255); background-color: rgb(62, 181, 221); border-color: rgb(62, 181, 221); }
.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(37, 165, 208); border-color: rgb(35, 156, 197); }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; }
.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(62, 181, 221); border-color: rgb(62, 181, 221); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(35, 156, 197); border-color: rgb(33, 148, 186); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(91, 192, 226, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger { color: rgb(255, 255, 255); background-color: rgb(255, 31, 31); border-color: rgb(255, 31, 31); font-size: 17px; padding: 8px 25px; font-weight: 500; }
.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(248, 0, 0); border-color: rgb(235, 0, 0); }
.btn-danger.focus, .btn-danger:focus { box-shadow: rgba(255, 65, 65, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(255, 31, 31); border-color: rgb(255, 31, 31); }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(235, 0, 0); border-color: rgb(222, 0, 0); }
.btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(255, 65, 65, 0.5) 0px 0px 0px 0.2rem; }
.btn-group-lg > .btn, .btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce){.fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.navbar { position: relative; display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; }
.navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.card { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; }
.card-body { -webkit-box-flex: 1; flex: 1 1 auto; padding: 1.25rem; }
.card-title { margin-bottom: 0.75rem; }
.card-group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.card-group > .card { margin-bottom: 15px; }
@media (min-width: 576px){.card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: wrap; }
.card-group > .card { -webkit-box-flex: 1; flex: 1 0 0%; margin-bottom: 0px; }
.card-group > .card + .card { margin-left: 0px; border-left: 0px; }
.card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
}
@-webkit-keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
@keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }
.close:hover { color: rgb(0, 0, 0); text-decoration: none; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: 0.75; }
button.close { padding: 0px; background-color: transparent; border: 0px; appearance: none; }
.modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce){.modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal-content { position: relative; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0px; }
.modal-header { display: flex; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(222, 226, 230); border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0px; line-height: 1.5; }
.modal-body { position: relative; -webkit-box-flex: 1; flex: 1 1 auto; padding: 1rem; }
@media (min-width: 576px){.modal-dialog { max-width: 500px; margin: 1.75rem auto; }
}
@media (min-width: 992px){.modal-lg, .modal-xl { max-width: 800px; }
}
@-webkit-keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; }
}
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; }
}
.border-0 { border: 0px !important; }
.rounded-pill { border-radius: 50rem !important; }
.clearfix::after { display: block; clear: both; content: ""; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.justify-content-center { -webkit-box-pack: center !important; justify-content: center !important; }
.align-items-center { -webkit-box-align: center !important; align-items: center !important; }
.mt-0, .my-0 { margin-top: 0px !important; }
.mb-0, .my-0 { margin-bottom: 0px !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.pt-0, .py-0 { padding-top: 0px !important; }
.pt-1, .py-1 { padding-top: 0.25rem !important; }
.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
@media (min-width: 992px){.ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
}
.text-center { text-align: center !important; }
@media (min-width: 768px){.text-md-right { text-align: right !important; }
}
@media print{*, ::after, ::before { text-shadow: none !important; box-shadow: none !important; }
a:not(.btn) { text-decoration: underline; }
img, tr { break-inside: avoid; }
h2, h3, p { orphans: 3; widows: 3; }
h2, h3 { break-after: avoid; }
@page { size: a3; }
body { min-width: 992px !important; }
.container { min-width: 992px !important; }
.navbar { display: none; }
}
.fa, .fab, .fal, .far, .fas { -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.fa-search::before { content: ""; }
@font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-brands-400.woff2") format("woff2"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-brands-400.woff") format("woff"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-brands-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-regular-400.woff2") format("woff2"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-regular-400.woff") format("woff"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-regular-400.ttf") format("truetype"); }
@font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: swap; src: url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-solid-900.woff2") format("woff2"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-solid-900.woff") format("woff"), url("fonts/fontawesome/fontawesome-free-5.8.2-web/fa-solid-900.ttf") format("truetype"); }
.fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; }
@-webkit-keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@keyframes bounce { 
  20%, 53%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0px, 0px, 0px); }
  40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px); }
  70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px); }
  90% { transform: translate3d(0px, -4px, 0px); }
}
@-webkit-keyframes flash { 
  50%, 0%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@keyframes flash { 
  50%, 0%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}
@-webkit-keyframes pulse { 
  0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scale3d(1, 1, 1); }
}
@keyframes pulse { 
  0% { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.05, 1.05, 1.05); }
  100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes rubberBand { 
  0% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scale3d(1, 1, 1); }
}
@keyframes rubberBand { 
  0% { transform: scale3d(1, 1, 1); }
  30% { transform: scale3d(1.25, 0.75, 1); }
  40% { transform: scale3d(0.75, 1.25, 1); }
  50% { transform: scale3d(1.15, 0.85, 1); }
  65% { transform: scale3d(0.95, 1.05, 1); }
  75% { transform: scale3d(1.05, 0.95, 1); }
  100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@keyframes shake { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); }
  20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); }
}
@-webkit-keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@keyframes headShake { 
  0% { transform: translateX(0px); }
  6.5% { transform: translateX(-6px) rotateY(-9deg); }
  18.5% { transform: translateX(5px) rotateY(7deg); }
  31.5% { transform: translateX(-3px) rotateY(-5deg); }
  43.5% { transform: translateX(2px) rotateY(3deg); }
  50% { transform: translateX(0px); }
}
@-webkit-keyframes swing { 
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@keyframes swing { 
  20% { transform: rotate3d(0, 0, 1, 15deg); }
  40% { transform: rotate3d(0, 0, 1, -10deg); }
  60% { transform: rotate3d(0, 0, 1, 5deg); }
  80% { transform: rotate3d(0, 0, 1, -5deg); }
  100% { transform: rotate3d(0, 0, 1, 0deg); }
}
@-webkit-keyframes tada { 
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}
@keyframes tada { 
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes wobble { 
  0% { transform: translate3d(0px, 0px, 0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes wobble { 
  0% { transform: translate3d(0px, 0px, 0px); }
  15% { transform: translate3d(-25%, 0px, 0px) rotate3d(0, 0, 1, -5deg); }
  30% { transform: translate3d(20%, 0px, 0px) rotate3d(0, 0, 1, 3deg); }
  45% { transform: translate3d(-15%, 0px, 0px) rotate3d(0, 0, 1, -3deg); }
  60% { transform: translate3d(10%, 0px, 0px) rotate3d(0, 0, 1, 2deg); }
  75% { transform: translate3d(-5%, 0px, 0px) rotate3d(0, 0, 1, -1deg); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes jello { 
  11.1%, 0%, 100% { transform: translate3d(0px, 0px, 0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}
@keyframes jello { 
  11.1%, 0%, 100% { transform: translate3d(0px, 0px, 0px); }
  22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% { transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% { transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); }
}
@-webkit-keyframes heartBeat { 
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}
@keyframes heartBeat { 
  0% { transform: scale(1); }
  14% { transform: scale(1.3); }
  28% { transform: scale(1); }
  42% { transform: scale(1.3); }
  70% { transform: scale(1); }
}
@-webkit-keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@keyframes bounceIn { 
  20%, 40%, 60%, 80%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  100% { opacity: 1; transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInDown { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, -3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, 25px, 0px); }
  75% { transform: translate3d(0px, -10px, 0px); }
  90% { transform: translate3d(0px, 5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInLeft { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(25px, 0px, 0px); }
  75% { transform: translate3d(-10px, 0px, 0px); }
  90% { transform: translate3d(5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInRight { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(3000px, 0px, 0px); }
  60% { opacity: 1; transform: translate3d(-25px, 0px, 0px); }
  75% { transform: translate3d(10px, 0px, 0px); }
  90% { transform: translate3d(-5px, 0px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes bounceInUp { 
  60%, 75%, 90%, 0%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0; transform: translate3d(0px, 3000px, 0px); }
  60% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  75% { transform: translate3d(0px, 10px, 0px); }
  90% { transform: translate3d(0px, -5px, 0px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@keyframes bounceOut { 
  20% { transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); }
  100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
}
@-webkit-keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes bounceOutDown { 
  20% { transform: translate3d(0px, 10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes bounceOutLeft { 
  20% { opacity: 1; transform: translate3d(20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes bounceOutRight { 
  20% { opacity: 1; transform: translate3d(-20px, 0px, 0px); }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes bounceOutUp { 
  20% { transform: translate3d(0px, -10px, 0px); }
  40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px); }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInDownBig { 
  0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInLeftBig { 
  0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInRightBig { 
  0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes fadeInUpBig { 
  0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@keyframes fadeOutDown { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@keyframes fadeOutDownBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); }
}
@-webkit-keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes fadeOutLeft { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@keyframes fadeOutLeftBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@keyframes fadeOutRight { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@keyframes fadeOutRightBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); }
}
@-webkit-keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@keyframes fadeOutUp { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
}
@-webkit-keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@keyframes fadeOutUpBig { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); }
}
@-webkit-keyframes flip { 
  0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
  100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
@keyframes flip { 
  0% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; }
  40% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; }
  50% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
  100% { transform: perspective(400px) scale3d(1, 1, 1) translate3d(0px, 0px, 0px) rotate3d(0, 1, 0, 0deg); animation-timing-function: ease-in; }
}
@-webkit-keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInX { 
  0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@keyframes flipInY { 
  0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; }
  40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; }
  60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; }
  80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  100% { transform: perspective(400px); }
}
@-webkit-keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@keyframes flipOutX { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@keyframes flipOutY { 
  0% { transform: perspective(400px); }
  30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; }
  100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; }
}
@-webkit-keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes lightSpeedIn { 
  0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; }
  60% { transform: skewX(20deg); opacity: 1; }
  80% { transform: skewX(-5deg); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@keyframes lightSpeedOut { 
  0% { opacity: 1; }
  100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; }
}
@-webkit-keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateIn { 
  0% { transform-origin: center center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; }
  100% { transform-origin: center center; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInDownRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpLeft { 
  0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
  100% { transform-origin: left bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@keyframes rotateInUpRight { 
  0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; }
  100% { transform-origin: right bottom; transform: translate3d(0px, 0px, 0px); opacity: 1; }
}
@-webkit-keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@keyframes rotateOut { 
  0% { transform-origin: center center; opacity: 1; }
  100% { transform-origin: center center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@keyframes rotateOutDownLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutDownRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@keyframes rotateOutUpLeft { 
  0% { transform-origin: left bottom; opacity: 1; }
  100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; }
}
@-webkit-keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@keyframes rotateOutUpRight { 
  0% { transform-origin: right bottom; opacity: 1; }
  100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; }
}
@-webkit-keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@keyframes hinge { 
  0% { transform-origin: left top; animation-timing-function: ease-in-out; }
  20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: left top; animation-timing-function: ease-in-out; }
  40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: left top; animation-timing-function: ease-in-out; opacity: 1; }
  100% { transform: translate3d(0px, 700px, 0px); opacity: 0; }
}
@-webkit-keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes jackInTheBox { 
  0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; }
  50% { transform: rotate(-10deg); }
  70% { transform: rotate(3deg); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@keyframes rollIn { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate3d(0, 0, 1, -120deg); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@keyframes rollOut { 
  0% { opacity: 1; }
  100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate3d(0, 0, 1, 120deg); }
}
@-webkit-keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@keyframes zoomIn { 
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  50% { opacity: 1; }
}
@-webkit-keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInDown { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInLeft { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInRight { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomInUp { 
  0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@keyframes zoomOut { 
  0% { opacity: 1; }
  50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  100% { opacity: 0; }
}
@-webkit-keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutDown { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@keyframes zoomOutLeft { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); transform-origin: left center; }
}
@-webkit-keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@keyframes zoomOutRight { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); }
  100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); transform-origin: right center; }
}
@-webkit-keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@keyframes zoomOutUp { 
  40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}
@-webkit-keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInDown { 
  0% { transform: translate3d(0px, -100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInLeft { 
  0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInRight { 
  0% { transform: translate3d(100%, 0px, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes slideInUp { 
  0% { transform: translate3d(0px, 100%, 0px); visibility: visible; }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@-webkit-keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@keyframes slideOutDown { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); }
}
@-webkit-keyframes slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@keyframes slideOutLeft { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); }
}
@-webkit-keyframes slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@keyframes slideOutRight { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); }
}
@-webkit-keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
@keyframes slideOutUp { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); }
}
a { color: rgb(62, 181, 221); text-decoration: none; }
a:hover { color: rgb(35, 156, 197); }
a:focus, a:hover { outline: 0px; }
body { background-color: rgb(255, 255, 255); font-family: Roboto, sans-serif; font-weight: 300; }
body header { position: relative; z-index: 1; }
body header .container-fluid { max-width: 1300px; }
body #how-it-works { background-repeat: no-repeat; background-position: center top; background-size: 100%; background-color: rgb(255, 255, 255); }
body.menu-active { overflow: hidden; }
body.menu-active header { position: fixed; inset: 0px; height: 100vh; z-index: 99; background: linear-gradient(to right, rgb(61, 181, 224), rgb(89, 194, 159)); overflow: auto; }
body.menu-active header .block.main-menu { display: block; }
body.menu-active header .block.main-menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
body.menu-active header .block.main-menu ul li { margin-top: 0px; }
body.menu-active header .block.main-menu ul li a { color: rgb(255, 255, 255); text-align: center; border-radius: 0px; border-top: 1px solid rgb(233, 236, 239); padding-top: 20px; padding-bottom: 20px; }
body.menu-active header .block.main-menu ul li a:hover { color: rgb(255, 255, 255); }
@media (max-width: 991.98px){body.menu-active header .block.main-menu ul li a { font-size: 17px; line-height: 24px; }
}
@media (max-width: 767.98px){body.menu-active header .block.main-menu ul li a { font-size: 17px; line-height: 24px; }
}
body.menu-active header .block.main-menu ul li:last-child a { border-bottom: 1px solid rgb(233, 236, 239); }
a { color: rgb(62, 181, 221); }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
img { max-width: 100%; }
.intl-tel-input { width: 100%; }
.telephone-form .invalid-feedback { right: 50px !important; }
.form-control { font-family: Roboto, sans-serif; font-weight: 300; }
.form-control:focus { box-shadow: none; }
.btn-primary { background: linear-gradient(to right, rgb(87, 187, 144), rgb(55, 179, 243)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-size: 17px; padding: 8px 25px; font-weight: 500; }
@media (max-width: 767.98px){.btn-primary { font-size: 16px; line-height: 24px; padding: 12px 40px; }
}
.btn-primary:hover { box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 7px; background-color: transparent; }
.block { padding: 15px; }
@media (max-width: 767.98px){.block { margin: 5px 0px; padding: 5px 0px; }
}
@media (max-width: 767.98px){.block.logo { padding-right: 0px; margin-right: 0px; }
}
@media (max-width: 767.98px){.block.logo .logo-link img { padding-top: 30px; }
}
.block.logo img { filter: brightness(0) invert(1); max-width: 100%; }
@media (max-width: 768px){.logo-link img { padding-top: 25px; width: 252px; }
}
@media (max-width: 767.98px){.block.logo img { width: 120px; padding-top: 15px; }
}
@media (max-width: 991.98px){.block.main-menu { display: none; }
}
.block.main-menu ul { margin: 0px; padding: 0px; list-style: none; display: flex; -webkit-box-pack: center; justify-content: center; }
.block.main-menu ul li a { color: rgb(255, 255, 255); font-size: 13px; padding: 7px 8px; line-height: 20px; display: block; text-decoration: none; transition: 0.3s; border-radius: 40px; font-weight: 800; letter-spacing: 0.3px; text-transform: uppercase; }
@media (max-width: 1279px){.block.main-menu ul li a { font-size: 12px; }
}
@media (max-width: 1240px){.block.main-menu ul li a { font-size: 12px; }
}
@media (max-width: 1199.98px){.block.main-menu ul li a { padding: 10px 11px; font-size: 13px; }
}
.block.main-menu ul li a:hover { background-image: url("../images/icons/tick_white_icon.png"); background-position: center top; background-size: 12px; background-repeat: no-repeat; transition: 0.3s; }
.block.main-menu ul li.submenu .droupdown { display: none; position: absolute; box-shadow: rgba(14, 39, 39, 0.2) 0px 0px 5px; background-color: rgb(255, 255, 255); min-width: 220px; border-radius: 4px; z-index: 98; padding-top: 0px !important; }
@media (max-width: 1199.98px){.block.main-menu ul li.submenu .droupdown { display: none; position: relative; min-width: initial; box-shadow: none; }
.block.main-menu ul li.submenu .droupdown li a { font-size: 14px; padding-top: 5px; padding-bottom: 5px; color: rgb(73, 80, 87); }
}
.block.main-menu ul li.submenu .droupdown li a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(33, 37, 41); }
.block.main-menu ul li.submenu .droupdown li a:focus, .block.main-menu ul li.submenu .droupdown li a:hover { border-radius: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(62, 181, 221); }
.block.main-menu ul li.submenu .droupdown li + li { border-top: 1px solid rgb(248, 249, 250); margin-left: 0px; }
.block.main-menu ul li.submenu:hover .droupdown { display: block; }
@media (max-width: 1199.98px){.block.main-menu ul li.submenu:hover .droupdown { display: none; }
}
.block.main-menu ul li + li { margin-left: 5px; }
.block.heading { position: relative; }
.block.devices { margin-left: 23px; margin-right: 23px; }
.block.devices .card { transition: 0.3s; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px; padding: 0px; border-radius: 5px; max-height: 300px; min-height: 300px; overflow: hidden; text-decoration: none; }
.block.devices .card img { max-height: 85px; max-width: 100%; width: auto; }
.block.devices .card h5 { font-size: 14px; color: rgb(79, 79, 80); margin-bottom: 0px; padding-bottom: 30px; font-weight: 600; text-transform: uppercase; }
.block.devices .category.row .card { text-align: center; display: block; max-height: 180px; min-height: 180px; overflow: hidden; width: 100%; padding: 15px; box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 26px 0px; border-radius: 15px; margin-bottom: 35px; }
.block.devices .category.row .card .image { max-height: 120px; min-height: 120px; max-width: 120px; display: flex; -webkit-box-align: center; align-items: center; margin: 0px auto; position: relative; box-sizing: border-box; background-clip: padding-box; border: 3px solid transparent; border-radius: 50%; z-index: 1; }
.block.devices .category.row .card .image img { max-height: 110px; max-width: 82px; margin: 0px auto; }
.block.devices .category.row .card .image img + img { display: none; }
.block.devices .category.row .card:hover { background-image: linear-gradient(to right bottom, rgb(86, 187, 147), rgb(38, 188, 174), rgb(0, 187, 199), rgb(0, 184, 221), rgb(56, 179, 235)); transition: 0.3s; transform: scale(1.1); border-bottom: 8px solid rgb(43, 165, 226); }
.block.devices .category.row .card:hover .img_one { display: none; }
.block.devices .category.row .card:hover .img_two { display: block; }
.block.devices .category.row .card:hover h5 { color: rgb(255, 255, 255); }
.block.devices .category.row .card:hover::after { position: absolute; content: ""; font-family: Linearicons-Free; top: 66px; right: 35px; color: rgb(255, 255, 255); font-size: 26px; }
.block.devices .category.row .card:hover::before { background-image: url("../images/dot_img.png"); background-repeat: no-repeat; background-position: center top; content: ""; position: absolute; top: 15px; right: 15px; width: 20%; height: 20px; z-index: 0; background-size: contain; }
.block.devices .category.row .card h5 { padding-top: 10px; padding-bottom: 0px; }
.block.easy-steps { margin-top: 0px; padding-top: 0px; }
@media (max-width: 991.98px){.block.easy-steps .card-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; }
}
.block.easy-steps .card-group .card { background: 0px 0px; }
.block.easy-steps .card-body { padding-left: 0px; padding-right: 0px; padding-top: 0px; }
.block.easy-steps .image { max-height: 220px; min-height: 220px; text-align: center; }
@media (max-width: 991.98px){.block.easy-steps .image { text-align: center; }
.block.easy-steps .image img { height: 100%; width: auto !important; }
}
.block.easy-steps .image img { width: auto; max-height: 230px; max-width: 100%; }
@media (max-width: 991.98px){.block.easy-steps .image img { width: 70%; padding-left: 100px; padding-right: 100px; max-height: initial; }
}
@media (max-width: 767.98px){.block.easy-steps .image img { width: 100%; padding-left: 20px; padding-right: 20px; max-height: initial; }
}
.block.easy-steps .card-title { font-size: 20px; color: rgb(44, 44, 44); text-align: center; font-weight: 700; margin-top: 25px; margin-bottom: 8px; }
@media (max-width: 767.98px){.block.easy-steps .card-title { font-size: 30px; }
}
.block.easy-steps p { color: rgb(67, 64, 63); font-size: 17px; padding-left: 15px; padding-right: 15px; text-align: center; font-weight: 500; }
.block.copyright p { font-size: 14px; color: rgb(67, 64, 63); font-weight: 600; }
@media (max-width: 767.98px){.block.copyright p { font-size: 13px; line-height: 18px; max-width: 300px; margin: 0px auto; }
}
@media (max-width: 767.98px){.double-btn button.btn { min-width: 150px; margin: 5px; }
}
.modal .modal-dialog { max-width: 600px; }
.modal .modal-dialog.modal-lg { max-width: 960px; }
.modal .modal-dialog .modal-content .modal-header { border-bottom: 0px; position: relative; }
.modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 37px; text-align: center; color: rgb(58, 77, 92); width: 100%; padding-top: 20px; }
@media (max-width: 767.98px){.modal .modal-dialog .modal-content .modal-header .modal-title { font-size: 20px; padding-top: 30px; }
}
.modal .modal-dialog .modal-content .close { opacity: 1; margin: 0px; position: absolute; right: 14px; top: 14px; z-index: 3; }
@media (max-width: 767.98px){.modal .modal-dialog .modal-content .close { top: 0px; right: 0px; }
}
.modal .modal-dialog .modal-content .modal-body { padding: 60px; }
@media (max-width: 767.98px){.modal .modal-dialog .modal-content .modal-body { padding: 15px; }
}
.modal .modal-dialog .modal-content .modal-body .form-control { border-radius: 0px; border-left: 0px; border-right: 0px; border-top: 0px; text-align: center; }
.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group { position: relative; }
.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group .form-control { text-align: left; padding-left: 10px; font-size: 18px; }
.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group .invalid-feedback { position: absolute; right: 7px; top: 5px; left: auto; text-align: right; width: auto; }
.modal .modal-dialog .modal-content .modal-body form.sign-in .form-group + .form-group { margin-top: 30px; }
.modal .modal-dialog .modal-content .modal-body form.sign-in.was-validated .form-control:valid { box-shadow: none; }
.modal .modal-dialog .modal-content .modal-body .form-group { text-align: left; }
.autocomplete-suggestions { box-shadow: rgba(14, 39, 39, 0.2) 0px 0px 7px; background-color: rgb(255, 255, 255); border-radius: 5px; overflow: auto; }
@media (max-width: 767.98px){section { padding: 15px 0px 0px; }
}
@media (max-width: 767.98px){#showCategory { padding-top: 0px; }
}
footer { background-color: rgb(231, 250, 254); color: rgb(67, 64, 63); border-top: 5px solid rgb(203, 238, 233); position: relative; }
@media (max-width: 991.98px){footer #top { padding: 50px 30px 0px; }
}
@media (max-width: 767.98px){footer #top { padding-top: 30px; }
}
footer .company ul, footer .customer_support ul, footer .marketing-collaboration ul { margin: 0px; padding: 0px; list-style: none; }
footer .company ul li, footer .customer_support ul li, footer .marketing-collaboration ul li { line-height: 24px; font-size: 14px; }
@media (max-width: 767.98px){footer .company ul li, footer .customer_support ul li, footer .marketing-collaboration ul li { font-size: 14px; line-height: 22px; }
}
footer .company ul li a, footer .customer_support ul li a, footer .marketing-collaboration ul li a { color: rgb(74, 73, 73); font-weight: 500; font-size: 14px; }
@media (max-width: 767.98px){footer .company ul li a, footer .customer_support ul li a, footer .marketing-collaboration ul li a { font-size: 13px; line-height: 22px; }
}
footer .company ul li a:hover, footer .customer_support ul li a:hover, footer .marketing-collaboration ul li a:hover { text-decoration: none; color: rgb(85, 188, 147); }
footer .company ul li a:hover, footer .marketing-collaboration ul li a:hover { color: rgb(85, 188, 147); }
.menu-toggle { display: none; float: right; margin-top: 26px; }
.menu-toggle span { display: block; width: 38px; height: 5px; background: rgb(255, 255, 255); border-radius: 5px; }
.menu-toggle span + span { margin-top: 4.5px; }
@media (max-width: 991.98px){.menu-toggle { display: block; }
}
@media (max-width: 767.98px){.menu-toggle { margin-top: 30px; }
.menu-toggle span { width: 28px; height: 3px; }
.menu-toggle span + span { margin-top: 4.5px; }
}
strong { font-weight: 700; }
@-webkit-keyframes rightEnd { 
  0%, 100% { left: 0px; }
  50% { left: -15px; }
}
@keyframes rightEnd { 
  0%, 100% { left: 0px; }
  50% { left: -15px; }
}
@-webkit-keyframes topEnd { 
  0%, 100% { top: 0px; }
  50% { top: -15px; }
}
@keyframes topEnd { 
  0%, 100% { top: 0px; }
  50% { top: -15px; }
}
@-webkit-keyframes leftEnd { 
  0%, 100% { left: 0px; }
  50% { left: 15px; }
}
@keyframes leftEnd { 
  0%, 100% { left: 0px; }
  50% { left: 15px; }
}
@-webkit-keyframes bottomEnd { 
  0%, 100% { bottom: 0px; }
  50% { bottom: -15px; }
}
@keyframes bottomEnd { 
  0%, 100% { bottom: 0px; }
  50% { bottom: -15px; }
}
@font-face { font-family: Linearicons-Free; src: url("https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff2") format("woff2"), url("https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.ttf") format("truetype"), url("https://cdn.linearicons.com/free/1.0.0/Linearicons-Free.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
.intl-tel-input { position: relative; display: inline-block; }
.intl-tel-input * { box-sizing: border-box; }
.intl-tel-input input, .intl-tel-input input[type="tel"], .intl-tel-input input[type="text"] { position: relative; z-index: 0; padding-right: 36px; margin-right: 0px; margin-top: 0px !important; margin-bottom: 0px !important; }
.intl-tel-input .flag-container { position: absolute; top: 0px; bottom: 0px; right: 0px; padding: 1px; }
.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0px 0px 0px 8px; }
.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0px; bottom: 0px; margin: auto; }
.iti-flag { width: 20px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag { background-size: 5630px 15px; }
}
.iti-flag.gb { height: 10px; background-position: -1775px 0px; }
.iti-flag { width: 20px; height: 15px; box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; background-image: url("../images/flags.png"); background-repeat: no-repeat; background-color: rgb(219, 219, 219); background-position: 20px 0px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag { background-image: url("../images/flags@2x.png"); }
}
@font-face { font-family: Hillray; src: url("../font/Hillray-Regular.otf"); font-weight: 400; font-style: normal; font-display: swap; }
.main_header_logo_img .block.logo.clearfix { margin: 0px; padding: 0px; }
#showCategory { background-image: url("../images/body_bg.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; }
#contactusForm .modal-header { background-image: linear-gradient(to right, rgb(80, 185, 164), rgb(50, 186, 184), rgb(13, 185, 203), rgb(15, 184, 221), rgb(58, 180, 234)); margin-bottom: 30px; }
#contactusForm .modal-title { color: rgb(255, 255, 255); font-weight: 600; padding-top: 0px; }
@-webkit-keyframes flash { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.block.devices.clearfix.main_cart_scetion { margin: 0px; padding: 0px; }
#button_scroll { display: inline-block; background-image: linear-gradient(rgb(61, 181, 226), rgb(29, 184, 213), rgb(27, 186, 197), rgb(54, 187, 177), rgb(82, 186, 157)); width: 60px; height: 60px; text-align: center; position: absolute; inset: -35px 100px 30px auto; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; z-index: 1000; border-radius: 50px; border: 4px solid rgb(255, 255, 255); }
#button_scroll::after { position: absolute; content: ""; font-family: Linearicons-Free; color: rgb(255, 255, 255); font-size: 24px; left: 0px; right: 0px; top: -1px; font-weight: 600; line-height: 50px; }
#button_scroll:hover { cursor: pointer; background-color: rgb(240, 127, 32); }
#button_scroll:active { background-color: rgb(240, 127, 32); }
@media only screen and (max-width: 767px){.block.logo .logo-link img { width: 100%; max-width: 180px; min-width: 180px; height: 100%; padding: 25px 0px; }
section#how-it-works { margin-top: 0px !important; }
.block.easy-steps .card-title { font-size: 20px; }
.block.easy-steps p { font-size: 16px; padding-left: 0px; padding-right: 0px; }
.card-group > .card { margin-bottom: 0px; }
.block.easy-steps .image img { padding-left: 0px; padding-right: 0px; height: auto; }
#button_scroll { right: 20px; }
footer #top { padding: 15px 15px 0px !important; }
footer.main_footer_section { padding-top: 10px !important; }
body.menu-active header .block.main-menu ul li a { padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: 400; }
section#showCategory { padding-top: 20px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 991px){.block.logo .logo-link img { width: 100%; max-width: 180px; min-width: 180px; height: 100%; padding: 25px 0px; }
section#how-it-works { margin-top: 0px !important; }
.block.easy-steps .card-title { font-size: 20px; }
.block.easy-steps p { font-size: 16px; }
.card-group > .card { margin-bottom: 0px; }
.block.easy-steps .image img { padding-left: 0px; padding-right: 0px; }
#button_scroll { right: 20px; }
footer #top { padding: 15px 15px 0px !important; }
footer.main_footer_section { padding-top: 10px !important; }
body.menu-active header .block.main-menu ul li a { padding-top: 10px; padding-bottom: 10px; font-size: 16px; line-height: 20px; font-weight: 400; }
section#showCategory { padding-top: 20px !important; padding-bottom: 40px !important; }
}
@media only screen and (min-width: 992px) and (max-width: 1023px){.block.main-menu ul li a { padding: 10px 5px; font-size: 10px; }
.block.easy-steps p { font-size: 16px; }
section#showCategory { padding-top: 20px !important; padding-bottom: 40px !important; }
}
@media only screen and (min-width: 1023px) and (max-width: 1200px){.block.main-menu ul li a { padding: 10px 5px; font-size: 10px; }
.block.easy-steps p { font-size: 16px; }
section#showCategory { padding-top: 20px !important; padding-bottom: 40px !important; }
section#showCategory { padding-top: 20px !important; }
}
button, hr, input { overflow: visible; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; }
body { margin: 0px; }
menu, article, aside, details, footer, header, nav, section { display: block; }
h1 { font-size: 2em; margin: 0.67em 0px; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0px; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0px; }
button, input { }
button, select { text-transform: none; }
[type="submit"], [type="reset"], button, html [type="button"] { appearance: button; }
textarea { overflow: auto; }
[type="search"] { appearance: textfield; outline-offset: -2px; }
.top-bar { position: initial; top: 0px; z-index: 99; background: rgb(255, 255, 255); width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.gray-bg { background: rgb(245, 244, 247) !important; }
.top-bar { padding: 20px 0px; }
.navbar-menu-color { background-color: rgb(3, 169, 227); }
.navbar-menu-color .main-menu.home { text-align: center; margin: 0px auto; padding: 0px; }
.navbar.navebar_menu.top-navebar-menu { padding: 15px; height: 80px; }
.repair_shop_location { text-align: center; }
.repair_shop_location h6 { font-weight: 400; margin-bottom: 5px; }
.repair_shop_location h3 { font-size: 25px; font-weight: 600; color: rgb(3, 169, 227); margin-bottom: 10px; }
.repair_shop_location h3 span { color: rgb(67, 64, 63); }
.category_search .form-control { width: 100%; border-color: rgb(0, 169, 227); border-width: 2px; border-radius: 1px; flex: 1 1 0%; }
.category_search .btn.search_button { background-color: rgb(0, 169, 227); height: 38px; border-radius: 0px; }
.category_search .btn.search_button i.fa { color: rgb(255, 255, 255); }
a.login_button { color: rgb(3, 169, 227); font-weight: 600; font-size: 16px; border: 2px solid; padding: 8px 15px; text-transform: uppercase; letter-spacing: 0.5px; margin-top: 2px; }
.category_multistep { margin-bottom: 0px; counter-reset: step 0; text-align: center; padding-left: 0px; }
.category_multistep li { list-style-type: none; color: rgb(0, 0, 0); text-transform: capitalize; font-size: 15px; width: 25%; float: left; position: relative; line-height: normal; font-weight: 400; }
.category_multistep li.active::before, .category_multistep li.active::after { background: rgb(3, 169, 227); color: rgb(255, 255, 255); border-color: rgb(18, 156, 204); }
.category_multistep li::before { content: counter(step); counter-increment: step 1; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 16px; background-color: white; border-radius: 50%; margin: 0px auto 10px; border: 1px solid rgb(117, 117, 117); color: rgb(117, 117, 117); }
.category_multistep li:first-child::after { display: none; }
.category_multistep li::after { content: ""; width: 100%; height: 1px; background-color: rgb(165, 165, 165); position: absolute; left: -50%; top: 20px; z-index: -1; }
.select_category_repair .image { max-height: 100% !important; min-height: 100% !important; max-width: 100% !important; z-index: 0 !important; }
.select_category_repair .image img { max-height: 170px !important; max-width: 100% !important; }
.select_category_repair .card { background: none; max-height: 100% !important; min-height: 100% !important; box-shadow: none !important; margin-bottom: 15px !important; }
.select_category_repair .card:hover { max-height: 100% !important; min-height: 100% !important; background: rgb(3, 169, 227) !important; box-shadow: none !important; transform: initial !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; }
.select_category_repair .card:hover h5 { color: rgb(255, 255, 255) !important; }
.select_category_repair .card:hover::before { display: none; }
.select_category_repair .card:hover::after { display: none; }
.select_category_repair .card h5 { padding: 10px 15px; text-transform: capitalize !important; font-size: 16px !important; }
.category-count { text-align: center; }
.category-count span { font-weight: 900; color: rgb(79, 79, 80); line-height: inherit; font-size: 36px !important; }
.scr_border { display: block; border-bottom: 2px solid rgb(79, 79, 80); padding-bottom: 5px; }
.align-items-center { align-items: center !important; }
.btn-primary { background: rgb(3, 169, 227) !important; }
#contactusForm .modal-header { background-color: rgb(3, 169, 227); background-image: none; }
.block.main-menu ul li a { font-size: 16px; font-weight: 400; line-height: 27px; padding: 6px 8px; color: rgb(255, 255, 255) !important; }
.block.main-menu ul li.submenu .droupdown { padding: 10px !important; }
.block.main-menu ul li.submenu .droupdown li a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; text-align: left; font-size: 14px; line-height: 15px; text-transform: capitalize; color: rgb(67, 64, 63) !important; }
.block.main-menu ul li a:hover { background: none; }
.block.logo img { filter: none; }
.block.easy-steps { padding: 0px; }
.block.easy-steps .card-group .card { background: 0px 0px; padding-right: 10px; padding-left: 10px; }
body #how-it-works { }
.easy-steps .card-body { text-align: center; border: 1px solid rgb(226, 221, 221); background-color: rgb(255, 255, 255); padding: 25px 10px !important; }
.block.easy-steps .card-title { font-size: 18px; margin-top: 15px; }
.easy-steps .image.icon-blue { width: 80px; margin: 0px auto; padding: 15px; border-radius: 50px; position: relative; min-height: 80px !important; max-height: 80px !important; }
.easy-steps .image.icon-green { width: 80px; margin: 0px auto; padding: 15px; border-radius: 50px; position: relative; min-height: 80px !important; max-height: 80px !important; }
.easy-steps .image.icon-orange { width: 80px; margin: 0px auto; padding: 15px; border-radius: 50px; position: relative; min-height: 80px !important; max-height: 80px !important; }
.easy-steps .image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.block.easy-steps p { font-size: 15px; padding-left: 0px; padding-right: 0px; margin-bottom: 0px; }
#how-it-works .block.heading { padding: 0px; }
#showCategory { background-image: none; }
.main_footer_section { background-color: rgb(3, 169, 227); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.main_footer_section .major-city h5 { color: rgb(255, 255, 255); }
.main_footer_section .major-city a { color: rgb(255, 255, 255); text-transform: capitalize; letter-spacing: 0.7px; font-weight: 500; font-size: 14px; }
.main_footer_section .company ul li a, .main_footer_section .customer_support ul li a, .main_footer_section .marketing-collaboration ul li a { color: rgb(255, 255, 255); }
.block.copyright p { color: rgb(255, 255, 255); }
.company ul { text-align: center; }
.company ul li { display: inline-block; padding: 5px; text-align: center; margin: 0px auto; }
.company ul li a:hover { color: rgb(74, 73, 73) !important; }
#button_scroll { position: fixed; inset: auto auto 10px 15px; border: 2px solid rgb(255, 255, 255); width: 45px; height: 45px; background: rgb(3, 169, 227); }
#button_scroll:hover { background: rgb(74, 73, 73); }
#button_scroll::after { top: -6px; font-size: 20px; }
@media only screen and (max-width: 767px){.menu-toggle span { background: rgb(0, 0, 0) !important; }
.category_multistep { margin-bottom: 0px; }
.block.logo .logo-link img { padding: 5px 0px; }
.repair_shop_location { margin-top: 15px; }
.repair_shop_location h6 { line-height: 20px; font-size: 14px; }
.repair_shop_location h3 { font-size: 16px; }
.repair_shop_detail { text-align: center; }
.navbar.navebar_menu.top-navebar-menu { display: none; }
.scr_border { padding-bottom: 12px; }
.category_search form { max-width: 300px; width: 100%; margin: 0px auto; }
.py-5 { padding: 15px 0px !important; }
.top-bar { padding: 15px 0px; }
.select_category_repair .card h5 { padding: 10px 5px; font-size: 14px !important; }
.select_category_repair .image img { height: 150px !important; }
.select_category_repair .block.devices .category.row .card { padding: 10px 0px; }
.category-count h5 { font-size: 14px !important; line-height: 20px; }
.category-count span { font-size: 20px !important; }
.category_multistep li { font-size: 12px; }
a.login_button { font-size: 14px; padding: 8px 10px; letter-spacing: 0px; }
body.menu-active header { top: auto; bottom: auto; }
.main_footer_section #top { display: none; }
.main_footer_section .copyright.text-center { padding: 0px; }
.main_footer_section .company ul li { padding: 2px 5px; }
.select_category_repair .image img { height: 110px !important; }
.category-count span { font-size: 16px !important; }
.invalid-feedback { font-weight: 400; }
.mobile-main { display: block !important; }
.desktop-main { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 991px){.menu-toggle span { background: rgb(0, 0, 0) !important; }
.category_multistep { margin-bottom: 0px; }
.block.logo .logo-link img { padding: 5px 0px; }
.repair_shop_location { margin-top: 10px; }
.repair_shop_location h6 { line-height: 23px; }
.repair_shop_location h3 { font-size: 20px; }
.repair_shop_detail { text-align: center; }
.navbar.navebar_menu.top-navebar-menu { display: none; }
.scr_border { padding-bottom: 12px; }
.category_search form { max-width: 300px; width: 100%; margin: 0px auto; }
.easy-steps .image.icon-orange { width: 100px; }
.py-5 { padding: 20px 0px !important; }
.category-count h5 { font-size: 18px !important; line-height: 24px; }
.select_category_repair .image img { height: 150px !important; }
.select_category_repair .card h5 { padding: 10px 5px; font-size: 14px !important; }
body.menu-active header { top: auto; bottom: auto; }
.main_footer_section #top { display: none; }
.main_footer_section .copyright.text-center { padding: 0px; }
.main_footer_section .company ul li { padding: 2px 5px; }
}
@media only screen and (min-width: 992px) and (max-width: 1024px){.menu-toggle span { background: rgb(0, 0, 0) !important; }
.category_multistep { margin-bottom: 0px; }
.block.logo .logo-link img { padding: 5px 0px; }
.repair_shop_location { margin-top: 10px; }
.repair_shop_location h6 { line-height: 23px; }
.repair_shop_location h3 { font-size: 20px; }
.repair_shop_detail { text-align: center; }
.scr_border { padding-bottom: 12px; }
.category_search form { max-width: 300px; width: 100%; margin: 0px auto; }
.easy-steps .image.icon-orange { width: 100px; }
.py-5 { padding: 20px 0px !important; }
.category_search form { max-width: 300px; width: 100%; margin: 0px auto; }
.select_category_repair .image img { height: 150px !important; }
.select_category_repair .card h5 { padding: 10px 5px; font-size: 14px !important; }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px){.scr_border { padding-bottom: 12px; }
.category_search form { max-width: 300px; width: 100%; margin: 0px auto; }
}
.form-control:disabled, .form-control[readonly] { background: rgb(255, 255, 255); }
.invalid-feedback { font-weight: 400; }
.mobile-main { display: none; }
section#showCategory { margin-bottom: 50px; }
footer.main_footer_section .company ul li a, footer.main_footer_section .customer_support ul li a, footer.main_footer_section .marketing-collaboration ul li a, footer.main_footer_section .block.copyright p, footer.main_footer_section #top .major-city a, footer.main_footer_section #top .major-city h5 { color: rgb(0, 0, 0); }
footer.main_footer_section #top .major-city h5 { font-weight: 700; }
.town-search-box h5 { padding-bottom: 8px; font-size: 15px; color: rgb(3, 169, 227); }
.model-search-box h5 { padding-bottom: 8px; font-size: 15px; color: rgb(22, 190, 69); }
.block.main-menu ul li a { color: rgb(51, 51, 51) !important; font-weight: 700; }
.block.main-menu ul li:hover a, .block.main-menu ul li.active a { color: rgb(0, 0, 0) !important; }
.category_multistep li.active::before, .category_multistep li.active::after { color: rgb(0, 0, 0); }
.category_search .btn.search_button i.fa { color: rgb(0, 0, 0); }
.model-search-box .category_search .btn.search_button { background-color: rgb(22, 190, 69); }
.model-search-box .category_search .btn.search_button i.fa { color: rgb(255, 255, 255); }
a.login_button { border-color: rgb(51, 51, 51); color: rgb(51, 51, 51); }
a.login_button:hover { border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); }
a.join_repair_shop { font-size: 15px; line-height: 16px; }
.block.main-menu ul li.submenu .droupdown li a:hover { color: rgb(3, 169, 227) !important; }
.main_footer_section .major-city a:hover { text-decoration: underline; }
@media (max-width: 767px){a.login_button { margin-top: 15px; display: inline-block; }
a.join_repair_shop { margin-bottom: 15px; display: inline-block; }
}
body { font-family: Roboto, sans-serif; }
.company ul { column-count: 4; column-gap: 20px; list-style: none; margin: 0px; padding: 0px 0px 0px 13px; }
.company ul li { display: block; text-align: left; }
.main_footer_section .major-city a { padding-top: 12px !important; padding-bottom: 12px !important; }
.navbar-menu-color .main-menu.home ul { display: block; }
.navbar-menu-color .main-menu.home ul li { float: left; }
.navbar.navebar_menu.top-navebar-menu { height: auto; }
.block.main-menu ul li + li { margin-left: 0px; }
.navbar-menu-color .main-menu.home ul li ul li { float: none; }
.company ul { padding-left: 13px !important; padding-right: 13px !important; padding-bottom: 40px !important; }
.company ul li { padding: 0px; }
.company ul li a { display: block; letter-spacing: 0.7px; line-height: 21px; padding-top: 12px !important; padding-bottom: 12px !important; }