/*
  main.css (beautified)
  Source: extracted from main.css.txt <style> block
  Notes:
  - This is a formatted (readable) version.
  - No CSS logic changed in the original part.
*/

@charset "UTF-8";
: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:1200px;
  --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
}
*,::after,::before {
  box-sizing:border-box
}
html {
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%
}
nav {
  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
}
h1,h5 {
  margin-top:0;
  margin-bottom:.5rem
}
p {
  margin-top:0;
  margin-bottom:1rem
}
ul {
  margin-top:0;
  margin-bottom:1rem
}
strong {
  font-weight:bolder
}
a {
  color:#007bff;
  text-decoration:none;
  background-color:transparent
}
a:not([href]) {
  color:inherit;
  text-decoration:none
}
img {
  vertical-align:middle;
  border-style:none
}
label {
  display:inline-block;
  margin-bottom:.5rem
}
button {
  border-radius:0
}
button,input {
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}
button,input {
  overflow:visible
}
button {
  text-transform:none
}
[type=button],button {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,button::-moz-focus-inner {
  padding:0;
  border-style:none
}
input[type=checkbox] {
  box-sizing:border-box;
  padding:0
}
::-webkit-file-upload-button {
  font:inherit;
  -webkit-appearance:button
}
.h1,.h3,.h4,h1,h5 {
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2
}
.h1,h1 {
  font-size:2.5rem
}
.h3 {
  font-size:1.75rem
}
.h4 {
  font-size:1.5rem
}
h5 {
  font-size:1.25rem
}
.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:576px) {
  .container {
    max-width:540px
  }

}
@media (min-width:768px) {
  .container {
    max-width:720px
  }

}
@media (min-width:992px) {
  .container {
    max-width:960px
  }

}
@media (min-width:1200px) {
  .container {
    max-width:1140px
  }

}
@media (min-width:576px) {
  .container {
    max-width:540px
  }

}
@media (min-width:768px) {
  .container {
    max-width:720px
  }

}
@media (min-width:992px) {
  .container {
    max-width:960px
  }

}
@media (min-width:1200px) {
  .container {
    max-width:1140px
  }

}
.row {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}
.col-md-12,.col-md-4,.col-md-8 {
  position:relative;
  width:100%;
  padding-right:15px;
  padding-left:15px
}
@media (min-width:768px) {
  .col-md-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
  }
  .col-md-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
  }
  .col-md-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
  }

}
.btn {
  display:inline-block;
  font-weight:400;
  color:#212529;
  text-align:center;
  vertical-align:middle;
  background-color:transparent;
  border:1px solid transparent;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem
}
.btn-danger {
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}
.btn-sm {
  padding:.25rem .5rem;
  font-size:.875rem;
  line-height:1.5;
  border-radius:.2rem
}
.btn-block {
  display:block;
  width:100%
}
.fade:not(.show) {
  opacity:0
}
.collapse:not(.show) {
  display:none
}
.custom-control-input {
  position:absolute;
  left:0;
  z-index:-1;
  width:1rem;
  height:1.25rem;
  opacity:0
}
.custom-control-input:checked~.custom-control-label::before {
  color:#fff;
  border-color:#007bff;
  background-color:#007bff
}
.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label {
  color:#6c757d
}
.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before {
  background-color:#e9ecef
}
.custom-control-label {
  position:relative;
  margin-bottom:0;
  vertical-align:top
}
.custom-control-label::before {
  position:absolute;
  top:.25rem;
  left:-1.5rem;
  display:block;
  width:1rem;
  height:1rem;
  content:"";
  background-color:#fff;
  border:#adb5bd solid 1px
}
.custom-control-label::after {
  position:absolute;
  top:.25rem;
  left:-1.5rem;
  display:block;
  width:1rem;
  height:1rem;
  content:"";
  background:no-repeat 50%/50% 50%
}
.custom-switch {
  padding-left:2.25rem
}
.custom-switch .custom-control-label::before {
  left:-2.25rem;
  width:1.75rem;
  border-radius:.5rem
}
.custom-switch .custom-control-label::after {
  top:calc(.25rem + 2px);
  left:calc(-2.25rem + 2px);
  width:calc(1rem - 4px);
  height:calc(1rem - 4px);
  background-color:#adb5bd;
  border-radius:.5rem
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color:#fff;
  -webkit-transform:translateX(.75rem);
  transform:translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color:rgba(0,123,255,.5)
}
.nav-link {
  display:block;
  padding:.5rem 1rem
}
.navbar {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between;
  padding:.5rem 1rem
}
.navbar .container {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -ms-flex-align:center;
  align-items:center;
  -ms-flex-pack:justify;
  justify-content:space-between
}
.navbar-brand {
  display:inline-block;
  padding-top:.3125rem;
  padding-bottom:.3125rem;
  margin-right:1rem;
  font-size:1.25rem;
  line-height:inherit;
  white-space:nowrap
}
.navbar-nav {
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.navbar-nav .nav-link {
  padding-right:0;
  padding-left:0
}
.navbar-collapse {
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-align:center;
  align-items:center
}
.navbar-toggler {
  padding:.25rem .75rem;
  font-size:1.25rem;
  line-height:1;
  background-color:transparent;
  border:1px solid transparent;
  border-radius:.25rem
}
@media (max-width:991.98px) {
  .navbar-expand-lg>.container {
    padding-right:0;
    padding-left:0
  }

}
@media (min-width:992px) {
  .navbar-expand-lg {
    -ms-flex-flow:row nowrap;
    flex-flow:row nowrap;
    -ms-flex-pack:start;
    justify-content:flex-start
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction:row;
    flex-direction:row
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right:.5rem;
    padding-left:.5rem
  }
  .navbar-expand-lg>.container {
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
  }
  .navbar-expand-lg .navbar-collapse {
    display:-ms-flexbox!important;
    display:flex!important;
    -ms-flex-preferred-size:auto;
    flex-basis:auto
  }
  .navbar-expand-lg .navbar-toggler {
    display:none
  }

}
.card {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  min-width:0;
  word-wrap:break-word;
  background-color:#fff;
  background-clip:border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.25rem
}
.card-body {
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  min-height:1px;
  padding:1.25rem
}
.card-header {
  padding:.75rem 1.25rem;
  margin-bottom:0;
  background-color:rgba(0,0,0,.03);
  border-bottom:1px solid rgba(0,0,0,.125)
}
.card-header:first-child {
  border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.accordion>.card {
  overflow:hidden
}
.accordion>.card:not(:last-of-type) {
  border-bottom:0;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}
.accordion>.card:not(:first-of-type) {
  border-top-left-radius:0;
  border-top-right-radius:0
}
.accordion>.card>.card-header {
  border-radius:0;
  margin-bottom:-1px
}
.progress {
  display:-ms-flexbox;
  display:flex;
  height:1rem;
  overflow:hidden;
  line-height:0;
  font-size:.75rem;
  background-color:#e9ecef;
  border-radius:.25rem
}
.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:.5rem
}
.modal.fade .modal-dialog {
  -webkit-transform:translate(0,-50px);
  transform:translate(0,-50px)
}
.modal-content {
  position:relative;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid rgba(0,0,0,.2);
  border-radius:.3rem;
  outline:0
}
.modal-body {
  position:relative;
  -ms-flex:1 1 auto;
  flex:1 1 auto;
  padding:1rem
}

#overlay_top .modal-content.regular_bottom .btn.btn-sm {
  padding-bottom: 12px !important;
  padding-top: 12px !important;

}

@media (min-width:576px) {
  .modal-dialog {
    max-width:500px;
    margin:1.75rem auto
  }

}
@media (min-width:992px) {
  .modal-lg {
    max-width:800px
  }

}
.d-none {
  display:none!important
}
.d-flex {
  display:-ms-flexbox!important;
  display:flex!important
}
@media (min-width:576px) {
  .d-sm-inline {
    display:inline!important
  }
  .d-sm-block {
    display:block!important
  }

}
@media (min-width:768px) {
  .d-md-block {
    display:block!important
  }
  .d-md-flex {
    display:-ms-flexbox!important;
    display:flex!important
  }

}
.flex-row {
  -ms-flex-direction:row!important;
  flex-direction:row!important
}
.flex-column {
  -ms-flex-direction:column!important;
  flex-direction:column!important
}
.flex-fill {
  -ms-flex:1 1 auto!important;
  flex:1 1 auto!important
}
.justify-content-center {
  -ms-flex-pack:center!important;
  justify-content:center!important
}
.justify-content-between {
  -ms-flex-pack:justify!important;
  justify-content:space-between!important
}
.align-items-center {
  -ms-flex-align:center!important;
  align-items:center!important
}
.align-content-start {
  -ms-flex-line-pack:start!important;
  align-content:flex-start!important
}
.align-self-start {
  -ms-flex-item-align:start!important;
  align-self:flex-start!important
}
.align-self-end {
  -ms-flex-item-align:end!important;
  align-self:flex-end!important
}
.position-relative {
  position:relative!important
}
.position-absolute {
  position:absolute!important
}
.w-100 {
  width:100%!important
}
.m-0 {
  margin:0!important
}
.mt-0,.my-0 {
  margin-top:0!important
}
.mb-0,.my-0 {
  margin-bottom:0!important
}
.ml-0 {
  margin-left:0!important
}
.mt-1 {
  margin-top:.25rem!important
}
.mr-1,.mx-1 {
  margin-right:.25rem!important
}
.mb-1 {
  margin-bottom:.25rem!important
}
.ml-1,.mx-1 {
  margin-left:.25rem!important
}
.mt-2 {
  margin-top:.5rem!important
}
.mr-2 {
  margin-right:.5rem!important
}
.mb-2 {
  margin-bottom:.5rem!important
}
.ml-2 {
  margin-left:.5rem!important
}
.mt-3 {
  margin-top:1rem!important
}
.mr-3 {
  margin-right:1rem!important
}
.mb-3 {
  margin-bottom:1rem!important
}
.ml-3 {
  margin-left:1rem!important
}
.mr-4 {
  margin-right:1.5rem!important
}
.mb-4 {
  margin-bottom:1.5rem!important
}
.ml-4 {
  margin-left:1.5rem!important
}
.p-0 {
  padding:0!important
}
.pt-0,.py-0 {
  padding-top:0!important
}
.px-0 {
  padding-right:0!important
}
.py-0 {
  padding-bottom:0!important
}
.px-0 {
  padding-left:0!important
}
.pt-1,.py-1 {
  padding-top:.25rem!important
}
.px-1 {
  padding-right:.25rem!important
}
.py-1 {
  padding-bottom:.25rem!important
}
.px-1 {
  padding-left:.25rem!important
}
.pt-2,.py-2 {
  padding-top:.5rem!important
}
.pr-2,.px-2 {
  padding-right:.5rem!important
}
.py-2 {
  padding-bottom:.5rem!important
}
.px-2 {
  padding-left:.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
}
.px-3 {
  padding-left:1rem!important
}
.py-4 {
  padding-top:1.5rem!important
}
.px-4 {
  padding-right:1.5rem!important
}
.py-4 {
  padding-bottom:1.5rem!important
}
.px-4 {
  padding-left:1.5rem!important
}
.px-5 {
  padding-right:3rem!important
}
.px-5 {
  padding-left:3rem!important
}
.mt-n2 {
  margin-top:-.5rem!important
}
.mb-n2 {
  margin-bottom:-.5rem!important
}
.mt-n3 {
  margin-top:-1rem!important
}
.m-auto {
  margin:auto!important
}
.my-auto {
  margin-top:auto!important
}
.mx-auto {
  margin-right:auto!important
}
.my-auto {
  margin-bottom:auto!important
}
.ml-auto,.mx-auto {
  margin-left:auto!important
}
@media (min-width:576px) {
  .mb-sm-0 {
    margin-bottom:0!important
  }
  .ml-sm-n2 {
    margin-left:-.5rem!important
  }

}
@media (min-width:768px) {
  .my-md-3 {
    margin-top:1rem!important
  }
  .my-md-3 {
    margin-bottom:1rem!important
  }
  .mt-md-n2 {
    margin-top:-.5rem!important
  }

}
@media (min-width:992px) {
  .mt-lg-0 {
    margin-top:0!important
  }
  .mr-lg-0 {
    margin-right:0!important
  }
  .ml-lg-0 {
    margin-left:0!important
  }
  .mt-lg-2 {
    margin-top:.5rem!important
  }
  .ml-lg-3 {
    margin-left:1rem!important
  }
  .ml-lg-auto {
    margin-left:auto!important
  }

}
@media (min-width:1200px) {
  .ml-xl-4 {
    margin-left:1.5rem!important
  }
  .mt-xl-n4 {
    margin-top:-1.5rem!important
  }

}
.stretched-link::after {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  content:"";
  background-color:rgba(0,0,0,0)
}
.text-justify {
  text-align:justify!important
}
.text-center {
  text-align:center!important
}
.font-weight-normal {
  font-weight:400!important
}
.font-weight-bold {
  font-weight:700!important
}
.text-white {
  color:#fff!important
}
.text-dark {
  color:#343a40!important
}
.red {
  background-color:#f44336!important
}
.red-text {
  color:#f44336!important
}
.green-text {
  color:#4caf50!important
}
.grey.lighten-4 {
  background-color:#f5f5f5!important
}
.grey {
  background-color:#9e9e9e!important
}
.grey-text {
  color:#9e9e9e!important
}
.black {
  background-color:#000!important
}
.black-text {
  color:#000!important
}
.white {
  background-color:#fff!important
}
.z-depth-0 {
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
a {
  color:#007bff;
  text-decoration:none
}
a:not([href]):not([tabindex]) {
  color:inherit;
  text-decoration:none
}
.img-fluid {
  max-width:100%;
  height:auto
}
body {
  font-family:Roboto,sans-serif;
  font-weight:300
}
h1,h5 {
  font-weight:300
}
.h1-responsive {
  font-size:150%
}
.h3-responsive {
  font-size:135%
}
.h5-responsive {
  font-size:135%
}
@media (min-width:576px) {
  .h1-responsive {
    font-size:170%
  }
  .h3-responsive {
    font-size:125%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:768px) {
  .h1-responsive {
    font-size:200%
  }
  .h3-responsive {
    font-size:140%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:992px) {
  .h1-responsive {
    font-size:200%
  }
  .h3-responsive {
    font-size:140%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:1200px) {
  .h1-responsive {
    font-size:250%
  }
  .h3-responsive {
    font-size:170%
  }
  .h5-responsive {
    font-size:125%
  }

}
.text-dark {
  color:#212121!important
}
strong {
  font-weight:500
}
.waves-effect {
  position:relative;
  overflow:hidden
}
.btn {
  margin:.375rem;
  color:inherit;
  text-transform:uppercase;
  word-wrap:break-word;
  white-space:normal;
  border:0;
  border-radius:.125rem;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  padding:.84rem 2.14rem;
  font-size:.81rem
}
.btn.btn-block {
  margin:inherit
}
.btn.btn-sm {
  padding:.5rem 1.6rem;
  font-size:.64rem
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
.btn-danger {
  color:#fff;
  background-color:#ff3547!important
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#000
}
a.btn:not([href]):not([tabindex]) {
  color:#000
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
.card {
  font-weight:400;
  border:0;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.navbar {
  font-weight:300;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.navbar .navbar-toggler {
  border-width:0;
  outline:0
}
@media (max-width:992px) {
  .navbar .container {
    width:100%
  }

}
.navbar .nav-item .nav-link {
  display:block
}
@media (max-width:992px) {
  .navbar .nav-item .nav-link {
    padding-right:6px;
    padding-left:6px
  }

}
.modal-dialog .modal-content {
  border:0;
  border-radius:.125rem;
  -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
  box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.modal-dialog.modal-notify .modal-body {
  padding:1.5rem;
  color:#616161
}
.modal {
  padding-right:0!important
}
@media (min-width:768px) {
  .modal .modal-dialog.modal-bottom {
    bottom:0
  }

}
.modal.fade.bottom:not(.show) .modal-dialog {
  -webkit-transform:translate3d(0,25%,0);
  transform:translate3d(0,25%,0)
}
@media (min-width:992px) {
  .modal.modal-content-clickable {
    top:auto;
    bottom:auto
  }
  .modal.modal-content-clickable .modal-dialog {
    position:fixed
  }
  .modal .modal-frame {
    position:absolute;
    width:100%;
    max-width:100%!important;
    margin:0!important
  }
  .modal .modal-frame.modal-bottom {
    bottom:0
  }

}
button,html [type=button] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
[type=checkbox]:checked {
  position:absolute;
  opacity:0
}
.md-accordion .card {
  overflow:visible;
  border-bottom:1px solid #e0e0e0;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.md-accordion .card:first-of-type,.md-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom:1px solid #e0e0e0
}
.md-accordion .card .card-header {
  padding:1rem 1.5rem;
  background:0 0;
  border-bottom:0
}
.md-accordion .card .card-body {
  font-size:.9rem;
  font-weight:300;
  line-height:1.7;
  color:#626262
}
.red {
  background-color:#f44336!important
}
.red-text {
  color:#f44336!important
}
.green-text {
  color:#4caf50!important
}
.grey.lighten-4 {
  background-color:#f5f5f5!important
}
.grey {
  background-color:#9e9e9e!important
}
.grey-text {
  color:#9e9e9e!important
}
.black {
  background-color:#000!important
}
.black-text {
  color:#000!important
}
.white {
  background-color:#fff!important
}
.z-depth-0 {
  -webkit-box-shadow:none!important;
  box-shadow:none!important
}
a {
  color:#007bff;
  text-decoration:none
}
a:not([href]):not([tabindex]) {
  color:inherit;
  text-decoration:none
}
.img-fluid {
  max-width:100%;
  height:auto
}
body {
  font-family:Roboto,sans-serif;
  font-weight:300
}
h1,h5 {
  font-weight:300
}
.h1-responsive {
  font-size:150%
}
.h3-responsive {
  font-size:135%
}
.h5-responsive {
  font-size:135%
}
@media (min-width:576px) {
  .h1-responsive {
    font-size:170%
  }
  .h3-responsive {
    font-size:125%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:768px) {
  .h1-responsive {
    font-size:200%
  }
  .h3-responsive {
    font-size:140%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:992px) {
  .h1-responsive {
    font-size:200%
  }
  .h3-responsive {
    font-size:140%
  }
  .h5-responsive {
    font-size:125%
  }

}
@media (min-width:1200px) {
  .h1-responsive {
    font-size:250%
  }
  .h3-responsive {
    font-size:170%
  }
  .h5-responsive {
    font-size:125%
  }

}
.text-dark {
  color:#212121!important
}
strong {
  font-weight:500
}
.waves-effect {
  position:relative;
  overflow:hidden
}
.btn {
  margin:.375rem;
  color:inherit;
  text-transform:uppercase;
  word-wrap:break-word;
  white-space:normal;
  border:0;
  border-radius:.125rem;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  padding:.84rem 2.14rem;
  font-size:.81rem
}
.btn.btn-block {
  margin:inherit
}
.btn.btn-sm {
  padding:.5rem 1.6rem;
  font-size:.64rem
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
.btn-danger {
  color:#fff;
  background-color:#ff3547!important
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#000
}
a.btn:not([href]):not([tabindex]) {
  color:#000
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
.card {
  font-weight:400;
  border:0;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.navbar {
  font-weight:300;
  -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.navbar .navbar-toggler {
  border-width:0;
  outline:0
}
@media (max-width:992px) {
  .navbar .container {
    width:100%
  }

}
.navbar .nav-item .nav-link {
  display:block
}
@media (max-width:992px) {
  .navbar .nav-item .nav-link {
    padding-right:6px;
    padding-left:6px
  }

}
.modal-dialog .modal-content {
  border:0;
  border-radius:.125rem;
  -webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
  box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.modal-dialog.modal-notify .modal-body {
  padding:1.5rem;
  color:#616161
}
.modal {
  padding-right:0!important
}
@media (min-width:768px) {
  .modal .modal-dialog.modal-bottom {
    bottom:0
  }

}
.modal.fade.bottom:not(.show) .modal-dialog {
  -webkit-transform:translate3d(0,25%,0);
  transform:translate3d(0,25%,0)
}
@media (min-width:992px) {
  .modal.modal-content-clickable {
    top:auto;
    bottom:auto
  }
  .modal.modal-content-clickable .modal-dialog {
    position:fixed
  }
  .modal .modal-frame {
    position:absolute;
    width:100%;
    max-width:100%!important;
    margin:0!important
  }
  .modal .modal-frame.modal-bottom {
    bottom:0
  }

}
button,html [type=button] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
a.btn:not([href]):not([tabindex]) {
  color:#fff
}
[type=checkbox]:checked {
  position:absolute;
  opacity:0
}
.md-accordion .card {
  overflow:visible;
  border-bottom:1px solid #e0e0e0;
  border-radius:0;
  -webkit-box-shadow:none;
  box-shadow:none
}
.md-accordion .card:first-of-type,.md-accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom:1px solid #e0e0e0
}
.md-accordion .card .card-header {
  padding:1rem 1.5rem;
  background:0 0;
  border-bottom:0
}
.md-accordion .card .card-body {
  font-size:.9rem;
  font-weight:300;
  line-height:1.7;
  color:#626262
}
.fa,.fas {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1
}
.fa-angle-right:before {
  content:"\f105"
}
.fa-arrow-right:before {
  content:"\f061"
}
.fa-bars:before {
  content:"\f0c9"
}
.fa-calendar-alt:before {
  content:"\f073"
}
.fa-check:before {
  content:"\f00c"
}
.fa-long-arrow-alt-left:before {
  content:"\f30a"
}
.fa-long-arrow-alt-right:before {
  content:"\f30b"
}
.fa-plus:before {
  content:"\f067"
}
.fa-times:before {
  content:"\f00d"
}
/* Font Awesome (local) */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
       url("../fonts/fa-regular-400.woff2") format("woff2"),
       url("../fonts/fa-regular-400.woff") format("woff"),
       url("../fonts/fa-regular-400.ttf") format("truetype"),
       url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
       url("../fonts/fa-solid-900.woff2") format("woff2"),
       url("../fonts/fa-solid-900.woff") format("woff"),
       url("../fonts/fa-solid-900.ttf") format("truetype"),
       url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

/* IMPORTANT: dots before fas/far */
.fa, .fas, .far {
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.fas { font-weight: 900; }
.far { font-weight: 400; }

@media only screen and (max-width:991px) {
  .navbar .container {
    padding-left:15px;
    padding-right:15px
  }

}
@media only screen and (max-width:575px) {
  .navbar .container {
    padding-left:0;
    padding-right:0
  }

}
.sgv_hero {
  background:#fff;
  padding-top:24px;
  padding-bottom:100px!important;
  margin-bottom:-100px
}
.sgv_hero-wrapper {
  display:grid;
  grid-template-columns:2fr 1fr;
  grid-template-rows:minmax(60px,auto) auto;
  padding:0
}
.sgv_hero-content--first {
  grid-area:1/1/1/1
}
.sgv_hero-content--second {
  grid-area:2/1/2/2
}
.sgv_hero-content--third {
  grid-area:3/1/3/3
}
.sgv_hero-img {
  grid-area:1/2/3/2;
  align-self:end
}
@media only screen and (max-width:991px) {
  .sgv_hero-wrapper {
    grid-template-columns:2.4fr 1fr
  }

}
@media only screen and (max-width:767px) {
  .sgv_hero-content--second {
    grid-area:2/1/2/3
  }

}
@media only screen and (max-width:575px) {
  .sgv_hero-wrapper {
    padding:0 15px
  }

}
.sgv_product-boxes--details {
  grid-area:1/1/1/3
}
@media only screen and (max-width:991px) {
  .sgv_product-boxes--details {
    grid-area:1/1/1/1
  }
  .sgv_product-boxes--benefits {
    grid-area:2/1/2/3
  }
  .sgv_product-boxes--box {
    grid-area:1/2/1/2;
    max-height:110px
  }

}
@media only screen and (max-width:767px) {
  .sgv_product-boxes--details {
    grid-area:1/1/1/3
  }
  .sgv_product-boxes--benefits {
    grid-area:2/1/2/2
  }
  .sgv_product-boxes--box {
    grid-area:2/2/2/2;
    max-height:200px
  }

}
@media only screen and (max-width:437px) {
  .sgv_product-boxes--details {
    grid-area:1/1/1/2
  }
  .sgv_product-boxes--benefits {
    grid-area:2/1/2/3
  }
  .sgv_product-boxes--box {
    grid-area:1/2/3/2;
    max-height:100px;
    justify-self:end
  }

}
.sgv_product-number {
  grid-area:1/1/1/1;
  display:flex;
  align-self:flex-start;
  font-weight:700;
  margin-left:-15px
}
.sgv_product-images {
  position:relative;
  grid-area:1/1/1/1;
  margin-top:50px
}
.sgv_product-title {
  display:flex;
  align-items:center;
  align-self:baseline;
  grid-area:1/2/1/2
}
.sgv_product-details {
  grid-area:1/2/1/2;
  display:flex;
  margin-top:46px;
  font-size:14px
}
.sgv_product-description {
  grid-area:2/2/2/4;
  font-weight:700
}
.sgv_product-benefits {
  grid-area:3/2/3/4;
  columns:2
}
.sgv_product-cta {
  grid-area:1/3/1/3;
  text-align:center;
  z-index:9
}
.sgv_product-btn {
  grid-area:3/1/3/1;
  margin-top:90px;
  z-index:9
}
.sgv_product-btn--secondary {
  border:1px solid #ff3547;
  color:#ff3547;
  display:block;
  text-align:center;
  font-size:14px;
  font-weight:400;
  padding:12px 24px;
  grid-area:3/1/3/1;
  align-self:baseline;
  z-index:3
}
@media only screen and (max-width:991px) {
  .sgv_hero-img {
    grid-area:1/2/1/2;
    padding:3px;
    align-self:end
  }
  .sgv_hero-content--second {
    grid-area:2/1/2/3
  }
  .sgv_product-description {
    grid-area:2/1/2/3
  }
  .sgv_product-benefits {
    grid-area:3/1/3/3
  }
  .sgv_product-cta {
    grid-area:1/2/2/2;
    align-self:end
  }
  .sgv_product-btn {
    grid-area:4/1/4/3;
    margin-top:0
  }

}
@media only screen and (max-width:767px) {
  .sgv_hero-img {
    display:none
  }
  .sgv_product-number {
    grid-area:1/1/1/3
  }
  .sgv_product-title {
    grid-area:2/2/2/2
  }
  .sgv_product-details {
    grid-area:2/2/2/2;
    flex-direction:column
  }
  .sgv_product-images {
    grid-area:2/1/2/1;
    margin-top:0
  }
  .sgv_product-description {
    grid-area:3/1/3/3
  }
  .sgv_product-cta {
    grid-area:4/1/4/3
  }
  .sgv_product-benefits {
    grid-area:5/1/5/3;
    columns:1
  }
  .sgv_product-btn {
    grid-area:6/1/6/3
  }

}
.sgv_comparion-table-info {
  display:none
}
@media only screen and (max-width:1199px) {
  .sgv_comparion-table-info {
    background:#fff;
    font-size:12px;
    padding:2px 0;
    text-transform:uppercase;
    display:block;
    padding-left:20%;
    text-align:center
  }

}
@media only screen and (max-width:992px) {
  .sgv_comparion-table-info {
    padding-left:33%
  }

}
@media only screen and (max-width:767px) {
  .sgv_comparion-table-info {
    padding-left:50%
  }

}
.sgv_grid--trust .sgv_paragraph--one {
  grid-area:1/1/1/1
}
.sgv_grid--trust .sgv_paragraph--two {
  grid-area:2/1/2/1
}
.sgv_grid--trust .sgv_paragraph--three {
  grid-area:3/1/3/1
}
.sgv_grid--trust .sgv_img--office {
  grid-area:1/2/3/2
}
.sgv_grid--best .sgv_paragraph--one {
  grid-area:1/2/1/2
}
.sgv_grid--best .sgv_paragraph--two {
  grid-area:2/2/2/2
}
.sgv_grid--best .sgv_img--office {
  grid-area:1/1/3/1
}
.sgv_grid--price .sgv_paragraph--one {
  grid-area:1/1/1/1
}
.sgv_grid--price .sgv_paragraph--two {
  grid-area:2/1/2/1
}
.sgv_grid--price .sgv_paragraph--three {
  grid-area:3/1/3/1
}
.sgv_grid--price .sgv_img--office {
  grid-area:1/2/3/2
}
@media only screen and (max-width:991px) {
  .sgv_grid--trust .sgv_paragraph--two {
    grid-area:2/1/2/3
  }
  .sgv_grid--trust .sgv_paragraph--three {
    grid-area:3/1/3/3
  }
  .sgv_grid--best .sgv_paragraph--two {
    grid-area:2/1/2/3
  }
  .sgv_grid--price .sgv_paragraph--two {
    grid-area:2/1/2/3
  }
  .sgv_grid--price .sgv_paragraph--three {
    grid-area:3/1/3/3
  }

}
@media only screen and (max-width:767px) {
  .sgv_grid--trust .sgv_img--office {
    grid-area:1/1/1/1
  }
  .sgv_grid--trust .sgv_paragraph--one {
    grid-area:2/1/2/3
  }
  .sgv_grid--trust .sgv_paragraph--two {
    grid-area:3/1/3/3
  }
  .sgv_grid--trust .sgv_paragraph--three {
    grid-area:4/1/4/3
  }
  .sgv_grid--best .sgv_img--office {
    grid-area:1/1/1/1
  }
  .sgv_grid--best .sgv_paragraph--one {
    grid-area:2/1/2/3
  }
  .sgv_grid--best .sgv_paragraph--two {
    grid-area:3/1/3/3
  }
  .sgv_grid--price .sgv_img--office {
    grid-area:1/1/1/1
  }
  .sgv_grid--price .sgv_paragraph--one {
    grid-area:2/1/2/3
  }
  .sgv_grid--price .sgv_paragraph--two {
    grid-area:3/1/3/3
  }
  .sgv_grid--price .sgv_paragraph--three {
    grid-area:4/1/4/3
  }

}
.sgv-evt {
  color:#fff
}
.progress {
  width:74px;
  height:74px!important;
  float:left;
  line-height:74;
  background:0 0;
  margin-top:-25px;
  box-shadow:none;
  position:relative
}
.progress:after {
  content:"";
  width:100%;
  height:100%;
  border-radius:50%;
  border:4px solid #d6d6d6;
  position:absolute;
  top:0;
  left:0
}
.progress>span {
  width:50%;
  height:100%;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:1
}
.progress .progress-left {
  left:0
}
.progress .progress-circle {
  width:100%;
  height:100%;
  background:0 0;
  border-width:4px;
  border-style:solid;
  position:absolute;
  top:0
}
.progress .progress-left .progress-circle {
  left:100%;
  border-top-right-radius:80px;
  border-bottom-right-radius:80px;
  border-left:0;
  -webkit-transform-origin:center left;
  transform-origin:center left
}
.progress .progress-right {
  right:0
}
.progress .progress-value {
  width:90%;
  height:90%;
  border-radius:50%;
  background:rgb(255 255 255);
  font-size:34px;
  color:#1b1b1b;
  line-height:67px;
  text-align:center;
  position:absolute;
  top:5%;
  left:5%
}
.progress.circle-1 .progress-circle {
  border-color:#00b572
}
.progress.circle-2 .progress-circle {
  border-color:#ffce00
}
.progress.circle-10 .progress-circle {
  border-color:#ff9d00
}
.progress .progress-right .progress-circle {
  left:-100%;
  border-top-left-radius:80px;
  border-bottom-left-radius:80px;
  border-right:0;
  -webkit-transform-origin:center right;
  transform-origin:center right;
  animation:loading-default .5s linear forwards
}
.progress.circle-1 .progress-left .progress-circle {
  animation:loading-1 .5s linear forwards .5s
}
.progress.circle-2 .progress-left .progress-circle {
  animation:loading-2 .5s linear forwards .5s
}
.progress.circle-10 .progress-left .progress-circle {
  animation:loading-10 .5s linear forwards .5s
}
@keyframes loading-default {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
  }

}
@keyframes loading-1 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(169deg);
    transform:rotate(169deg)
  }

}
@keyframes loading-2 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(150deg);
    transform:rotate(150deg)
  }

}
@keyframes loading-10 {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(95deg);
    transform:rotate(95deg)
  }

}
.sgv_product-title_new_rating {
  display:flex;
  align-items:center;
  align-self:baseline;
  grid-area:1/2/1/2
}
@media only screen and (max-width:767px) {
  .sgv_product-title_new_rating {
    grid-area:2/2/2/2
  }

}
.product-img-container {
  grid-area:a
}
.new_first_container {
  grid-area:c
}
.new_second_container {
  grid-area:d
}
.new_last_container {
  grid-area:e
}
.new_rating_container {
  grid-area:b
}
.card-social-proof {
  grid-area:b
}
.last_update {
  color:#212529!important;
  font-size:13px!important
}
@media (min-width:576px) {
  .product-img-container {
    grid-area:a
  }
  .new_first_container {
    grid-area:c
  }
  .new_second_container {
    grid-area:d
  }
  .new_last_container {
    grid-area:e
  }
  .card-social-proof {
    grid-area:a
  }
  .new_rating_container {
    grid-area:b
  }

}
@media (min-width:768px) {
  .product-img-container {
    grid-area:a
  }
  .new_first_container {
    grid-area:b
  }
  .new_second_container {
    grid-area:c
  }
  .new_last_container {
    grid-area:e
  }
  .card-social-proof {
    grid-area:d;
    margin-top:90px
  }
  .new_rating_container {
    grid-area:d
  }

}
@media (min-width:992px) {
  .card-social-proof {
    grid-area:e;
    padding-bottom:170px;
    margin-top:0
  }
  .new_rating_container {
    grid-area:d;
    position:relative;
    top:auto;
    right:auto;
    width:auto
  }
  .product-img-container {
    grid-area:a
  }
  .new_first_container {
    grid-area:b
  }
  .new_second_container {
    grid-area:c
  }
  .new_third_container {
    grid-area:e
  }
  .new_last_container {
    grid-area:e;
    min-width:220px
  }

}
.nav-link {
  color:#292929!important
}
.last_update span {
  font-weight:600
}
.navbar-toggler .fa-bars {
  color:#212529!important
}
.modal.fade .modal-dialog {
  border-radius:16px!important
}
.green-text {
  color:#00b572!important
}
.red-text {
  color:#d9161f!important
}
.star-rating-main-container {
  background-color:#7c7c7c;
  border-radius:5px;
  height:20px;
  width:auto
}
.star-rating-section {
  background-color:#00b572;
  border-radius:5px;
  height:100%;
  z-index:1
}
.rating-stars-group {
  z-index:2;
  height:19px
}
.price {
  font-size:15px;
  color:#909090
}
.old-price {
  text-decoration:line-through
}
.new-price {
  color:#000;
  font-size:16px!important;
  font-weight:400
}
.new-discount {
  color:#e1002c;
  font-weight:700;
  font-size:16px
}
.star-rating-1 {
  width:100%
}
.star-rating-2 {
  width:92%;
  background-color:#ffce00!important
}
.star-rating-3 {
  width:90%;
  background-color:#ffce00!important
}
.star-rating-4 {
  width:89%;
  background-color:#ff9d00!important
}
.star-rating-5 {
  width:85%;
  background-color:#ff9d00!important
}
.star-rating-6 {
  width:84%;
  background-color:#ff9d00!important
}
.star-rating-7 {
  width:84%;
  background-color:#ff9d00!important
}
.star-rating-8 {
  width:80%;
  background-color:#ff9d00!important
}
.star-rating-9 {
  width:79%;
  background-color:#ff9d00!important
}
.star-rating-10 {
  width:75%;
  background-color:#ff9d00!important
}
body {
  background-color:#fff!important;
  font-size:16px!important;
  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"
}
.red-text {
  color:#ff3547!important
}
.green-text {
  color:#00b572!important
}
.text-strong {
  font-weight:600
}
.brand-card {
  padding-top:40px;
  position:relative;
  border-radius:16px;
  display:grid;
  margin-bottom:20px;
  background-color:#fff;
  grid-template-columns:1.5fr .5fr;
  grid-template-areas:"a b" "c c" "d d" "e e" "f f" "g g" "h h";
  border:1px solid #eee
}
.package-arrow {
  font-size:20px
}
.first-custom {
  border:1px solid #000!important;
  padding-top:45px!important
}
.first-custom .brand-image {
  margin-top:.5rem!important
}
.card-number {
  position:absolute;
  top:0;
  left:0;
  border-radius:16px 0 16px 0;
  background-color:#bebebe;
  color:#fff;
  z-index:2;
  font-weight:600
}
.orange-background {
  background-color:#ff9d00
}
.card-label {
  position:absolute;
  left:0;
  top:0;
  border-radius:16px 0 16px 0;
  background-color:#ffce00;
  color:#292929;
  padding-left:51px;
  z-index:1;
  text-transform:uppercase;
  font-weight:600
}
.compatibility-icons-container img {
  height:14px;
  width:auto;
  margin-right:10px
}
.info-button {
  height:40px;
  width:100%;
  border:1px solid #ff3547;
  color:#ff3547;
  border-radius:8px;
  box-shadow:none;
  text-transform:none;
  font-size:16px;
  font-weight:400!important;
  z-index:8;
  line-height:1
}
.brand-main-rating {
  font-size:45px
}
.brand-circle-rating {
  margin-top:25px
}
.star-rating-main-container {
  background-color:#7c7c7c;
  border-radius:5px;
  height:20px;
  width:auto
}
.rating-stars-group {
  z-index:2;
  height:19px
}
.star-rating-section {
  background-color:#00b572;
  border-radius:5px;
  height:100%;
  z-index:1
}
.star-rating-1 {
  width:100%
}
.text-small {
  font-size:14px
}
.features-list ul {
  list-style:none;
  padding-left:0
}
.features-list ul li {
  margin-bottom:7px;
  line-height:1.3
}
.features-list ul i {
  margin-right:5px
}
.second-brand-label {
  text-transform:uppercase
}
.brand-visit-button {
  height:41px;
  min-width:250px;
  text-transform:capitalize;
  background:#db0054;
  background-color:#ff3547;
  color:#fff;
  font-size:16px;
  border-radius:8px;
  box-shadow:none;
  width:100%;
  z-index:9
}
.price-container {
  border-radius:16px 16px 0 0;
  background-color:#fff;
  box-shadow:-1px -1px 6px 0 rgba(0,0,0,.4);
  color:#909090;
  font-size:15px;
  font-weight:400;
  padding-top:2px;
  padding-bottom:2px;
  grid-area:h;
  margin-bottom:-15px!important
}
.old-price {
  text-decoration:line-through
}
.new-price {
  color:#343a40;
  font-size:18px;
  font-weight:600
}
.brand-description {
  line-height:1.3
}
.card-spacing {
  padding-right:15px;
  padding-left:15px;
  padding-bottom:15px
}
.brand-logo {
  max-height:35px
}
.info-button {
  grid-area:g
}
.brand-description {
  grid-area:c
}
.brand-rating {
  grid-area:b
}
.cta-container {
  grid-area:d
}
.features-list {
  grid-area:f
}
.brand-social-proof {
  grid-area:e
}
.brand-logo-container {
  grid-area:a
}
@media (max-width:420px) {
  .compatibility-container {
    flex-direction:column!important
  }
  .brand-logo {
    width:100%
  }
  .card-label span {
    font-size:14px
  }

}
@media (max-width:576px) {
  .brand-card {
    column-gap:20px
  }

}
@media (min-width:768px) {
  .brand-card {
    grid-template-columns:.9fr 1.1fr 1fr;
    grid-template-areas:"a b c" "a d d" "e e e" "f f f" "g g g" "h h h" "i i i";
    padding-top:20px
  }
  .brand-logo {
    max-height:30px
  }
  .brand-image {
    width:221px;
    height:auto
  }
  .brand-image-container {
    grid-area:a
  }
  .info-button {
    grid-area:h
  }
  .brand-description {
    grid-area:e
  }
  .brand-rating {
    grid-area:c
  }
  .cta-container {
    grid-area:d
  }
  .features-list {
    grid-area:f;
    columns:2;
    -webkit-columns:2;
    -moz-columns:2
  }
  .brand-social-proof {
    grid-area:g
  }
  .brand-logo-container {
    grid-area:b
  }
  .price-container {
    grid-area:i
  }

}
@media (min-width:992px) {
  .price-container {
    position:relative;
    bottom:0;
    grid-area:h;
    margin-right:-15px!important;
    border-radius:16px 0 16px 0
  }
  .brand-card {
    grid-template-columns:.9fr 1.2fr .8fr 1.1fr;
    grid-template-areas:"a c d e" "a f f f" "a g g g" "b g g g" "h h h h"
  }
  .brand-image-container {
    grid-area:a
  }
  .info-button {
    grid-area:b
  }
  .brand-description {
    grid-area:f
  }
  .brand-rating {
    grid-area:d
  }
  .cta-container {
    grid-area:e
  }
  .features-list {
    grid-area:g
  }
  .brand-logo-container {
    grid-area:c
  }
  .brand-visit-button {
    width:auto
  }

}
@media (min-width:1200px) {
  .card-spacing {
    padding-right:20px;
    padding-left:20px;
    padding-bottom:20px
  }
  .price-container {
    margin-bottom:-20px!important;
    margin-right:-20px!important
  }

}
.first-custom .new-price {
  font-weight:900!important;
  color:#d9161f!important
}
.all_caps_class {
  text-transform:uppercase
}
.show-9 .brand-card:nth-last-child(-n+1) {
  display:none
}
.privacy-content-container {
  padding-bottom:23vw;
  background-color:#fff;
  color:#464646!important;
  top:5%!important;
  height:600px;
  padding:0!important;
  position:relative!important;
  max-width:575px;
  border-radius:8px
}
.privacy-modal-content {
  height:480px
}
.modal.fade .privacy-content-container {
  border-radius:8px!important
}
.privacy-content-container p {
  font-size:13px
}
.privacy-modal-header {
  border-radius:8px 8px 0 0
}
.privacy-modal-header {
  background-color:#ededed
}
.modal-logo {
  height:25px;
  width:auto
}
.close-settings-modal {
  background-color:transparent!important;
  color:#707070!important;
  box-shadow:none!important;
  right:0;
  top:0
}
.privacy-h2 {
  font-size:18px!important;
  font-weight:700;
  color:#464646
}
.custom-radio-control {
  z-index:10000
}
.custom-overflow {
  overflow-y:scroll!important
}
.privacy-modal-content .card-header h5 {
  color:#464646!important;
  font-size:14px!important;
  font-weight:700
}
.custom-control-input:checked~.custom-control-label::before {
  border-color:#2879ff;
  background-color:#2879ff
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color:#adb5bd;
  border-color:#adb5bd
}
.card-header i {
  color:#464646!important;
  font-size:12px;
  line-height:1.3
}
.privacy-modal-content .md-accordion .card .card-body {
  padding-top:0
}
.privacy-save-btn {
  max-width:400px;
  background-color:#2879ff!important;
  border-radius:8px;
  border:none!important;
  color:#fff
}
.more-privacy {
  text-decoration:underline;
  font-size:13px
}
.privacy-modal-content .md-accordion .card .card-body {
  font-size:13px!important;
  line-height:1.5
}
.cookie-img {
  width:27px;
  height:auto
}
.privacy-modal {
  position:fixed;
  left:20px;
  bottom:20px;
  background-color:#f8f8f8;
  z-index:10000000;
  display:block;
  border-radius:8px;
  -webkit-box-shadow:5px 6px 10px -2px rgba(0,0,0,.38);
  box-shadow:5px 6px 10px -2px rgba(0,0,0,.38);
  border:1px solid #2879ff
}
.cookie-title {
  font-size:18px;
  font-weight:700
}
.privacy-container {
  max-width:350px;
  font-size:12px
}
.settings-trigger {
  text-decoration:underline;
  color:#7b7b7b
}
@media only screen and (max-width:575px) {
  .privacy-modal {
    bottom:0;
    left:50%;
    transform:translate(-50%,0);
    width:96%
  }
  .privacy-container {
    max-width:100%
  }
  .privacy-modal-content {
    height:calc(100% - 120px)
  }
  .privacy-content-container {
    height:100%!important;
    top:0!important;
    max-width:96%
  }
  .privacy-save-btn {
    max-width:100%;
    width:100%
  }

}


/* --------------------------------------------------------------------------
   MOBILE: Bottom popup without full-screen overlay
   Goal:
   - Popup sits at the bottom on mobile.
   - Page behind remains visible + scrollable.
   - Only the popup area is clickable.
   -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {

  /* ------------------------------------
     REMOVE BACKDROP / DIMMING
  ------------------------------------ */
  .modal-backdrop {
    display: none !important;
    opacity: 0 !important;
  }

  /* allow page interaction behind modal */
  #overlay_top.modal {
    background: transparent !important;
    pointer-events: none !important;
  }

  /* re-enable interaction ONLY inside modal */
  #overlay_top .modal-dialog,
  #overlay_top .modal-content,
  #overlay_top .modal-body {
    pointer-events: auto !important;
  }

  /* ------------------------------------
     FORCE BOTTOM-SHEET POSITION
  ------------------------------------ */
  #overlay_top .modal-dialog.modal-frame.modal-bottom {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }

  /* bottom sheet look */
  #overlay_top .modal-content.regular_bottom {
    border-radius: 16px 16px 0 0 !important;
    box-shadow: 0 -8px 24px rgba(0,0,0,0.18) !important;
  }

  /* ------------------------------------
     EQUAL PADDING ALL SIDES
  ------------------------------------ */
  #overlay_top .modal-body {
    padding: 18px !important;
  }

  /* ------------------------------------
     CENTER EVERYTHING
  ------------------------------------ */
  #overlay_top .modal-body .row {
    margin: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px;
  }

  /* ------------------------------------
     FORCE FIXED TEXT SIZE (22px)
  ------------------------------------ */
  #overlay_top .modal-body,
  #overlay_top .modal-body * {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }

  #overlay_top .modal-body span.h4 {
  font-size: 22px !important;      /* independent size */
  line-height: 1.15 !important;    /* tighter than body text */
  font-weight: 600 !important;     /* clearer CTA text */
  display: inline-block !important;
  margin-bottom: 5px !important;
  padding: 0 !important;
}

  /* headline spacing */
  #overlay_top .modal-body p.h3 {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  /* force clean line breaks */
  #overlay_top .modal-body p.h3 strong,
  #overlay_top .modal-body p.h3 .red-text {
    display: block !important;
  }

  #overlay_top .modal-body p.h3 strong {
    margin-bottom: 4px !important;
  }

  #overlay_top .modal-body p.h3 .red-text {
    margin-top: 2px !important;
  }

  /* ------------------------------------
     CTA BUTTON — PERFECT BALANCE
  ------------------------------------ */
  #overlay_top .modal-body a.btn {
    font-size: 22px !important;

    padding: 6px 22px !important; /* equal top/bottom */

    line-height: 1.1 !important; /* removes bottom-heavy feel */

    margin: 5px auto 0 auto !important;

    min-height: unset !important;
    height: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;
  }

  /* ------------------------------------
     PREVENT BOOTSTRAP SCROLL LOCK
  ------------------------------------ */
  body.modal-open {
    overflow: auto !important;
    padding-right: 0 !important;
  }
}