/* Avenir Next Custom Font */
@font-face {
  font-family: 'Avenir Next';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(fonts/AvenirNextCyr-Regular.woff2) format('woff2');
}

@font-face {
  font-family: 'Avenir Next';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(fonts/AvenirNextCyr-Medium.woff2) format('woff2');
}

@font-face {
  font-family: 'Avenir Next';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(fonts/AvenirNextCyr-Demi.woff2) format('woff2');
}

body{
font-family: "Avenir Next", sans-serif !important;
}

/* Logo responsive styling */
.logo-desktop {
  width: 220px;
  height: auto;
  display: block;
  margin: 20px auto;
}

.logo-mobile {
  display: none;
}

.topnav {
  text-align: center;
}

.topnav .logo-link {
  display: inline-block;
  padding: 15px 0;
}
form {
  align-self: center;
 /* box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1),
    0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); */
  border-radius: 7px;
 /* padding: 10px; */
}

.jumbotron{
  background-color: white !important;
}



#address::-webkit-input-placeholder{
font-family: "Avenir Next", sans-serif;
}

.paraghraph-header{
margin-right:10em;
text-align:left;
margin-left:5px;
}

.navbar-nav>li>a{
 padding-top: 10px !important;
 padding-bottom: 10px !important;
}


.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent !important;
}
.navbar-right>li>a{
  color: black;
  border:1px solid black;
  border-radius:5px;
}

.navbar-right>li{
  margin-left:1em;
}

.navbar-right>li:nth-child(2){
  background-color: black;
  color: white;
  border-radius: 5px;
}
.navbar-right>li:nth-child(2)>a{
  color: white;
}

.navbar-brand{
  color: black;
 padding-top: 30px !important;
}

.navbar-brand:hover{
  color: black;
}
input {
  border-radius: 6px;
  margin-bottom: 6px;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  font-size: 16px;
  width: 100%;
  background: white;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b0b0b0;
  opacity: 1; /* Firefox */
}

.result-message {
  line-height: 22px;
  font-size: 16px;
}

.result-message a {
  color: rgb(89, 111, 214);
  font-weight: 600;
  text-decoration: none;
}

.hidden {
  display: none;
}

#card-error {
  color: rgb(105, 115, 134);
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin-top: 12px;
}

#card-element, #card-element-patient {
  border-radius: 4px 4px 0 0 ;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

#payment-request-button {
  margin-bottom: 32px;
}

.navbar-nav.navbar-center {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
}

#submit, #submit-patient {
    float: right;
    color: #989898;
    margin-top: 5em;
    background-color: #fff;
}

#submit:hover{
 color: #fff;
 background-color: #000;
}

/* Buttons and links */
button {
  /*background: #5469d4;*/
  color: #ffffff;
  font-family: Courier, monospace;
  border-radius: 4px 4px 4px 4px;
  border: 0;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  transition: all 0.2s ease;
  box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);
}
button:hover {
  filter: contrast(115%);
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #ffffff;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #5469d4;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #5469d4;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}

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

.topnav{
  display: none;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.jumbotron h1 {
  font-size:  28px !important;
  width:  70%;
  font-weight: 600 !important;
  font-family: "Avenir Next", sans-serif !important;
  line-height: 1.3 !important;
  letter-spacing: -0.5px !important;
}

/* Desktop: larger heading */
@media only screen and (min-width: 992px) {
  .jumbotron h1 {
    font-size: 48px !important;
    letter-spacing: -1px !important;
  }
}


@media only screen and (max-width: 600px) {

/* Show mobile logo, hide desktop logo */
.logo-desktop {
  display: none !important;
}

.logo-mobile {
  display: block !important;
  width: 180px;
  height: auto;
  margin: 0 auto;
}

.navbar-light{
  display: none;
}

.topnav {
  padding: 10px 0;
}

.jumbotron{
  padding-top:0px !important;
  padding-bottom: 15px !important;
}

.jumbotron h1 {
  font-size: 24px !important;
  width: 100% !important;
  padding-right: 10px !important;
}

/* Mobile container spacing */
.container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Mobile row spacing */
.row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

/* Mobile column padding */
.col-sm-12 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* Hide background image on mobile */
.background-image-assigned {
  background-image: none !important;
}
.text-center{
padding:2em !important;
text-align:left !important;
}

footer{
padding:1em !important;
}

.footer-panel{
margin-top:2em;
}

.footer-logo{
margin-bottom:2em;
}


.topnav {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: block;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: white;
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

a:focus, a:hover{
  text-decoration: none !important;
  background-color: white !important;
}

li{
  list-style-type: none !important;
}

.active {
  /* background-color: #04AA6D; */
  color: white;
}

.row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.buy-product{
  background-color: black;
  color: white !important;
}

.col-mobile-1{
width:25%;
float:left;
display:contents;
}

.mobile-pymnt{
padding-right:0px !important;
}

.paraghraph-header{ 
margin-right:0em;
}

#submit{
margin-top: 3em;
}
.col-mobile-6{
    width: 50%;
    float: left;
}

.coop{
padding-left: 0px !important;
}


}