html.login {
  min-height: calc(100% - 60px);
}

html.user-main-layout {
  min-height: calc(100% - 160px);
  display: grid;
}
.user-main-layout body {
  min-height: 100%;
}
.user-main-layout body .container-fluid {
  min-height: calc(100% - 40px);
  display: grid;
  padding-bottom: 0;
}
.user-main-layout body .container-fluid .row {
  min-height: 100%;
}
.user-main-layout .sidebar {
  background-color: #7a1818 !important;
  padding-left: 0;
}
.user-main-layout .sidebar a {
  color: #fff;
}
.user-main-layout #mainNav .navbar-nav>li.nav-item>a.user-email-menu {
  background-color: #7a1818;
  font-size: 15px;
  font-weight: normal;
  font-family: 'Poppins', sans-serif;
  padding: 10px 20px;
  border-radius: 40px;
  margin: 0 5px;
}
.user-main-layout .sidebar-heading {
  color: #fff !important;
  font-size: 24px;
  padding-left: 5px !important;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-left: 20px;
  margin-right: 15px;
  font-weight: bold;
}

.user-main-layout .header-spacer {
      height: 72px;
}

.user-email-menu i {
    font-size: 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-right: 10px;
    padding: 2px 10px;
    letter-spacing: 1px;

    font-style: normal;
}

html.login body {
  position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     overflow:hidden;
     z-index:-1;
}

.login-row {
  position:absolute;
     top:0;
     bottom:0;
     left:0;
     right:0;
     overflow:hidden;
     z-index:-1;
}

#mainNav.user-main-nav {
  box-shadow: 2px 2px 10px #000;
}

@media only screen and (max-height: 650px) {
  html.login body {
    position:inherit;
       top:0;
       bottom:0;
       left:0;
       right:0;
       overflow:visible;
       z-index:-1;
       margin-bottom: 60px;
  }

  .login-row {
    position:inherit;
       top:0;
       bottom:0;
       left:0;
       right:0;
       overflow:visible;
       z-index:-1;
  }
  .site-footer2 {
      z-index: 99999;
  }
  .login .card {
      margin: 10px;
  }
}

@media only screen and (max-width: 600px) {
  html.login body {
    position:inherit;
       top:0;
       bottom:0;
       left:0;
       right:0;
       overflow:visible;
       z-index:-1;
       margin-bottom: 60px;
  }

  .site-footer2 {
      width: calc(100% - 55px);
    }

  .login-row {
    position:inherit;
       top:0;
       bottom:0;
       left:0;
       right:0;
       overflow:visible;
       z-index:-1;
  }
  .site-footer2 {
      z-index: 99999;
  }
  .login .card {
    margin: 10px 10px 70px 10px!important;
  }
}

.login .card {
  max-width: 600px;
  margin: 0 auto;
  position: inherit;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: transparent;
  color:#ffffff;
  border:none;
}
.login .card h2 {
  padding: 20px;
  margin: auto;
  font-size: 60px;
}
.login .card h3 {
  padding: 20px;
  margin: auto;

}

.login .card .card-header {
    padding: 30px 1.25rem 20px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 30px;
    border-radius: 20px 20px 0 0;
}

.login .card .card-body {

    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 0 0 20px 20px ;
}

.login .card .card-body #email, .login .card .card-body #password, .login .card .card-body .form-input-text {
    border-bottom: 2px solid #c42333 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    font-size: 20px;
    text-align: left;
    margin: 20px auto;
    z-index: #999
}
.login .card .card-body .remember {
  font-size: 15px;
    color: #777;
    font-weight: 400;
}
.login .card .card-body .forgot {
  font-size: 15px;
    color: #777;
    font-weight: 400;
    padding-top:10px;
}

ih1 {
  font-weight: 500 !important;
  font-family: 'Poppins', 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  font-style: normal;
  font-weight: 300;
  color: #dda136;
}
h2, h3, h4, h5, h6, p, body {
    font-family: 'Poppins', 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 300;
}
.btn-outline-dark:hover {
  color: #ffffff !important;
}
b, strong {
  font-weight: bold;
}

h5.plan-name {
  font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #000  !important;
}

#mainNav {
	font-family: 'Poppins';
  background-color: rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-nav>li.nav-item>a {
	font-weight: 300;
	font-size: 16px;
	color: #fff;
  padding: 10px 12px;
}
#mainNav .navbar-nav>li.nav-item>a.maroon {
  color: #b1010c;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 3px;
}

#mainNav .navbar-nav>li.nav-item>a.sign-up {
  border: 1px solid #fff;
  border-radius: 5px;
}

#mainNav.is-fixed  {
	background-color: #dda136;
  top: 0;
}

.header-spacer {
  width: 100%;
  height: 90px;
}

header.masthead .page-heading h1, header.masthead .site-heading h1 {
    font-size: 26px;
    font-weight: 300;
    border: 2px solid #fff;
}
header.masthead {
    background-image: url(img/header-img-bg.png);
    position: relative;
    top: 80px;
}

footer {
	background-color: #111;
	color: #6c6461;
	padding:0;
}

footer span {
	font-size:16px;
}

footer .footer-menu {
	text-align: right;
  margin-top: -17px;
}

footer a {
	color: #6c6461;
}

.secondary-footer {
	background-color: #fff;
	padding: 20px;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0;
}

footer .footer-menu a {
	color: #dda136;
	margin-left: 30px;
	font-weight: 300;
  font-family:  'Poppins', 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
  position: relative;
  top: 40px;
}
footer .footer-menu a:hover {
	color: #ffffff !important;
  transition: 1s;
}

footer .footer-menu span a {
	margin-left: 20px;
	font-weight: 300;
    font-family:  'Poppins', 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:18px;
}



element.style {
}
@media only screen and (min-width: 992px)
#mainNav.is-visible {
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}




.site-banner {margin-top: 40px;}

.home-header-bg {
  background-image: url("/images/office-building-background-light.jpg");
  background-size: cover;
  margin-top: 0px;
  background-position: center;
}

.pricing-header-bg {
  background-color: #c42333;
  background-size: cover;
  margin-top: 0px;
  background-position: center;
  height: 300px;
  padding: 30px 0;
}

#mainNav .navbar-nav>li.nav-item>a {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 3px;
}

#head-pricing {
  position: relative;
  top: -80px;
}

.pricing-header-bg h1 {
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.pricing-header-bg h3 {
  color: #fff;
  text-align: center;
  font-size: 24px;
}

.home-main-image {
  padding: 80px 40px 20px 40px;
  max-width: 700px;
  width: 100%;
  margin: auto;
  display: block;
}
.home-header-buttons {
  max-width: 700px;
  margin: auto;
  text-align: center;
}
.home-header-buttons .sign-in, .home-header-buttons .sign-up {
  border-radius: 5px;
  border: 2px solid #b1010c;
  text-shadow: 6px 3px 5px #555;
  font-size:30px;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  margin-bottom: 80px;
  padding: 5px 10px;
}
p.medium {
  font-size: 20px;
}

.pricing {
  margin-top: 30px;
}
.pricing h2 {
  font-size:40px;
  font-family: 'Oswald', sans-serif;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.pricing .plan1 {
  border-right: 1px solid #b1010c;
  padding: 40px 10px;
}
.pricing .plan2 {
  border-left: 1px solid #b1010c;
  border-right: 1px solid #b1010c;
  padding: 40px 10px;
}
.pricing .plan3 {
  border-left: 1px solid #b1010c;
  padding: 40px 10px;
}
.pricing .plan-pricing {
  font-size: 26px;
  text-align: center;

}
.pricing .plan-desc {
  text-align: center;
  color: #b1010c;
}
.pricing .plan-button {
  text-align: center;
}
.get-started-button {
  font-size: 24px;
  font-family: 'Oswald', sans-serif;
  color: #fff;
  background-color: #b1010c;
  border-radius: 10px;
  box-shadow: 8px 8px 16px #333;
  padding: 10px 20px;
  width: 100%;
  max-width: 300px;
  display: block;
  text-align: center;
  margin: auto;
  font-weight: 600;
  text-shadow: 2px 2px 8px #333;
}

.get-started-button:hover, .subscribe-button:hover {
  color: #fff !important;
  margin: auto;
  display: block;
  box-shadow: 3px 3px 16px #333;
}

.subscribe-button {
  font-size: 18px;
  font-family: 'Oswald', sans-serif;
  color: #fff;
  background-color: #b1010c;
  border-radius: 10px;
  box-shadow: 8px 8px 16px #333;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  display: block;
  text-align: center;
  margin: auto;
  font-weight: 600;
  text-shadow: 2px 2px 8px #333;
}

hr.maroon {
  border-bottom: 2px solid #b1010c;
  max-width: 800px;
  margin: auto;
}
.red-bg {
  background-color: #b1010c;
  padding: 20px;
}
.subscribe-section {
  padding: 40px 0;
  color: #fff;
}
.subscribe-section h3 {
  color: #fff;
}
.subscribe {
  background-color: #fff;
  padding: 20px;
}
input[type=text].subscribe-email {
  border-bottom: 2px solid #b1010c !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  font-size: 14px;
  color: #000;
}

.contact-container {
  border: 2px solid #b1010c;
  margin: auto;
  display: block;
  text-align: center;
  margin: 30px;
  padding: 40px;
}
.contact-container hr {
  border-bottom: 2px solid #b1010c;
  max-width: 400px;
}
.contact-container p {
  max-width: 400px;
  margin: auto;
}

.content-section { margin-top: 120px; }
.content-section h1 {color:#dda136;font-size:50px; font-weight: 600}
.content-section h2 {font-size: 38px;font-weight:300;max-width: 60%;border-bottom: 2px solid #dda136;padding: 5px 0; color: #dda136}
.content-section h3 {font-size: 28px;font-weight:300;padding: 5px 0;}
.content-section p.medium {font-size: 28px;font-weight:300;}
.content-section p {font-weight:300;}
.product-box {background-color: #f0f0f0;display: inline-block;padding: 40px;}
.product-box h3 {font-size: 28px;font-weight:bold;border-bottom: 1px solid #000;width: 100%;}
.product-box img { padding: 20px 0}

.button_example{
border:1px solid #797979; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:24px;font-family:'Open Sans', arial, helvetica, sans-serif; padding: 4px 30px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:normal; color: #FFFFFF;margin:auto;
 background-color: #6F6F6F; background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6F6F), to(#343434));
 background-image: -webkit-linear-gradient(top, #6F6F6F, #343434);
 background-image: -moz-linear-gradient(top, #6F6F6F, #343434);
 background-image: -ms-linear-gradient(top, #6F6F6F, #343434);
 background-image: -o-linear-gradient(top, #6F6F6F, #343434);
 background-image: linear-gradient(to bottom, #6F6F6F, #343434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6F6F6F, endColorstr=#343434);
 margin-top: 20px;
}

.button_example:hover{
 border:1px solid #3c3c3c; color: #dda136 !important;
 background-color: #343434; background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#6F6F6F));
 background-image: -webkit-linear-gradient(top, #343434, #6F6F6F);
 background-image: -moz-linear-gradient(top, #343434, #6F6F6F);
 background-image: -ms-linear-gradient(top, #343434, #6F6F6F);
 background-image: -o-linear-gradient(top, #343434, #6F6F6F);
 background-image: linear-gradient(to bottom, #343434, #6F6F6F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#343434, endColorstr=#6F6F6F);
}

.order-button{
 border:2px solid #797979; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:24px;font-family:'Open Sans', arial, helvetica, sans-serif; padding: 10px 30px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;font-style: italic;margin:auto;
 background-color: #6F6F6F; background-image: -webkit-gradient(linear, left top, left bottom, from(#6F6F6F), to(#343434));
 background-image: -webkit-linear-gradient(top, #6F6F6F, #343434);
 background-image: -moz-linear-gradient(top, #6F6F6F, #343434);
 background-image: -ms-linear-gradient(top, #6F6F6F, #343434);
 background-image: -o-linear-gradient(top, #6F6F6F, #343434);
 background-image: linear-gradient(to bottom, #6F6F6F, #343434);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#6F6F6F, endColorstr=#343434);
 float:right;
}
.order-button:hover{
 border:2px solid #3c3c3c; color: #dda136 !important;
 background-color: #343434; background-image: -webkit-gradient(linear, left top, left bottom, from(#343434), to(#6F6F6F));
 background-image: -webkit-linear-gradient(top, #343434, #6F6F6F);
 background-image: -moz-linear-gradient(top, #343434, #6F6F6F);
 background-image: -ms-linear-gradient(top, #343434, #6F6F6F);
 background-image: -o-linear-gradient(top, #343434, #6F6F6F);
 background-image: linear-gradient(to bottom, #343434, #6F6F6F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#343434, endColorstr=#6F6F6F);
}

.site-banner .html5gallery, .html5gallery-container-0 {
  max-width: 100% !important;
  width: 100% !important;
}


footer.site-footer { bottom: 58px; position: fixed;; width: 100%;}
.site-footer .site-navigation ul li a {font-size:20px;}
.site-footer img {
  padding: 10px;
  height: 60px;
}
.site-footer .site-navigation ul li {    margin: 30px 0px;}
.site-footer2{width:100%;background:#000;color:#fff;color:#929292; text-align: center;bottom: 0; position: fixed;}
.site-footer2 p {font-size:14px;padding: 20px 0;margin:0; }
.site-footer3{width:100%;background:#fff;color:#000;color:#929292; text-align: center;}
.site-footer3 p {font-size:14px;margin: 20px 0;}
.content-container { padding-bottom: 250px}
.container-fluid { padding-bottom: 200px}
#mainNav .navbar-brand img { height: 70px }
@media screen and (max-width: 411px) {
  footer .footer-menu {
    display: none;
  }
  footer.site-footer {
      bottom: 75px;
    }
  .site-footer .col-lg-4 {
    text-align: center;

  }
}

img.full {
  width: 100%;
}

.jumbotron {
  top: 72px;
  padding: 1rem 1.5rem;
  position: relative;
  margin-bottom: 1px;
}
.jumbotron h1 {
      font-size: 1.5rem;
    }
.jumbotron.medium {
  padding: 40px;
}


.btn-primary.large {
  font-size: 30px;
  padding: 10px 30px;
}

.breadcrumb-item.active {
    color: #212529;
}

input[type=text], input[type=email], input[type=number], input[type=password], select {
  padding: 10px 15px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #212529;
  color: #212529;

  box-sizing: border-box !important;
  height: 40px !important;
  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: white !important;
  box-shadow: 0 1px 3px 0 #e6ebf1 !important;
  -webkit-transition: box-shadow 150ms ease !important;
  transition: box-shadow 150ms ease !important;
}

textarea {
  padding: 10px 15px;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #212529;
  color: #212529;
  box-sizing: border-box !important;

  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: white !important;
  box-shadow: 0 1px 3px 0 #e6ebf1 !important;
  -webkit-transition: box-shadow 150ms ease !important;
  transition: box-shadow 150ms ease !important;
}

.subscription-images {
  max-width: 100%;
}

.order-form-container input, .order-form-container textarea, .order-form-container select {
  box-sizing: border-box !important;
  height: 40px !important;
  padding: 8px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: white !important;
  box-shadow: 0 1px 3px 0 #e6ebf1 !important;
  -webkit-transition: box-shadow 150ms ease !important;
  transition: box-shadow 150ms ease !important;
  min-width: 400px;
}

select {
  padding: 10px 15px !important;
  border-radius: 3px !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  color: #212529 !important;
  height: auto!important;
}



input[type=checkbox] {
  width: auto !important;
  margin-top: .8rem;
}

label {
    display: inline-block;
    margin-bottom: .25rem;
    margin-top: .5rem;
}

.logged_user {
  border-left: 1px solid #fff;
  margin-left: 10px;
  padding-left: 10px;
}


.pricing-box {
  -webkit-box-shadow: 0 12px 24px 0 rgba(26,28,65,.3);
  box-shadow: 0 12px 24px 0 rgba(26,28,65,.3);
  border-radius: 8px;
  padding: 60px 20px;
  text-align: center;
}

.pricing-box:hover h3 {
  color: #dda136;
}
.pricing-box:hover .plan-pricing {
  color: #5c0b07;
}

.pricing-box h3 {
  margin-bottom: 20px;
  font-weight: 900 !important;
}
.plan-pricing {
  color: #b1010c;
  font-size: 50px;
  line-height: 50px;
  font-weight: bold;
}
.plan-pricing span{
  color: #b1010c;
  font-size: 16px;
  display: block;
  line-height: 26px;
  margin-bottom: 20px;
}

.plan-button a {
  border: 1px solid #b1010c;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 20px;
  margin-top: 20px;
}
.plan-button a {
  color:#b1010c;
  font-weight: bold;
}


.carousel-caption {
  background-color: rgba(255, 255, 255, .9);
  color: #000;
  font-weight: bold;
  width: 100%;
  left: 0% !important;
}

.carousel-indicators li {
  background-color: #dda136;
}

.dark-las-vegas-bg {
  background-image: url("/images/las-vegas-dark.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 0;
}

.dark-las-vegas-bg h2 {
  color: #fff;
  font-weight: bold;
}
.dark-las-vegas-bg p {
  color: #fff;
  font-weight: normal;
}


/* by Step form */

/* Style the form */
#regForm {
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
}

/* Style the input fields */
input {

}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

a {
    color: #7a1818;
  }
a.new-button {
  border: 1px solid #212529;
  border-radius: 5px;
  padding: 4px 10px;
  margin-top: -10px;
}

a.new-button:hover {
  border: 1px solid #dda136;
  background-color: #dda136;
  color: #ffffff !important;
  transition: 0.5s;

}
table th:first-of-type {
  border-left:  1px solid #ddd;
}
table th {
  border-right:  1px solid #ddd;
}

.action-header h3 {
  color: #dda136;
  font-weight: normal;
}

.for-audit {
  background-color: #eca1a6 !important;
}
.for-audit span.audit-info {
  font-size: 10px;
  position: relative;
  top: -5px;
  color: red;
  cursor: pointer
}

.submenu {
  margin-left:15px;
}
.mainsubmenu {
  cursor: pointer;
}
@media (min-width: 1200px) {
  #mainNav .container {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .home-content-container, .pricing-content-container {
    margin: 10px 0;
  }
  .html5gallery-box-0 {
    max-width: 100% !important;
    width: 100% !important;
  }

}

.alignright {
    text-align: right;
}

a.nav-link .fa {
  width: 24px;
}

a.nav-link.active {
  box-shadow: 2px 0px 4px #000;
    z-index: 9999;
    border-radius: 0 8px 8px 0;
    width: 105%;
    overflow: visible;
    font-size: 24px;
    font-weight: 300 !important;
        background: #7a1818 !important;
}
.sidebar a.nav-link:hover {
    z-index: 9999;
    border-radius: 0 8px 8px 0;
    overflow: visible;
    font-weight: 300 !important;
    color: #ccc !important;
    background: #7a1818 !important;
}
.sidebar a.nav-link:hover {
  box-shadow: 2px 0px 4px #000;
    z-index: 9999;
    border-radius: 0 8px 8px 0;
    width: 105%;
    overflow: visible;
    font-weight: 300 !important;
    color: #ccc !important;
    background: #7a1818 !important;
}
.sidebar a.nav-link {

    z-index: 9999;

    font-size: 24px;
    font-weight: 300 !important;
}

span.verified {
  background-color: #61bd4f;
  border-radius: 3px;
  color: #fff;
  font-size: 8px;
  padding: 2px;
  top: -8px;
  position: relative;
}

input.plan-qty[type=number]::-webkit-inner-spin-button,
input.plan-qty[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.plan-qty {
  font-size: 16px; padding: 6px; margin-bottom: 0}

/* STRIPE */
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box !important;
  height: 40px !important;
  padding: 10px 12px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background-color: white !important;
  box-shadow: 0 1px 3px 0 #e6ebf1 !important;
  -webkit-transition: box-shadow 150ms ease !important;
  transition: box-shadow 150ms ease !important;
  min-width: 400px;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df !important;
}

.StripeElement--invalid {
  border-color: #fa755a !important;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}



/* STEPS */

/* Style the form */
#payment-form {
  background-color: #ffffff;



  min-width: 300px;
}

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}


/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

.sidebar-sticky {
  height: calc(100%);
  overflow: visible;
}

.container-fluid main{
  padding-top: 20px;
}

.container-fluid .card{
  margin: 40px 0;
}

.buy-plan {
  margin-bottom: 20px;
  float: right;
  cursor: pointer
}

.hide {
  display: none;
}

video {
  width: 100%    !important;
  height: auto   !important;
}
.view-map-button {
  text-decoration: underline;
  cursor: pointer !important;
  font-size: 12px;
  color: #61bd4f;
}

.modal-body img {
  width: 100%;
}

.error {
  border: 1px solid #red;
}