* {
margin: 0px;
padding: 0px;
}

html, body{
      padding:0;
      margin:0;
      font-family: 'Open Sans', sans-serif;
      background-size: cover;
}

html, body { overflow-x: hidden; }

.body > .footer{
	min-width:100%;
    max-width:100%;
}
img {
	align-content: center;
	justify-content: center;
	margin:auto;
}

.page {
      max-width: 1300px;
      margin:0 auto;
 }

a img {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
 
a:hover img {
  opacity: .65;
  filter: alpha(opacity=65);
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.container{
	padding-top:30px;
	max-width: 1300px;
    margin:0 auto;
}

.no-padding{
	padding-top:0px;
	max-width: 1300px;
    margin:0 auto;
	align-content: center;
}

.bullet ul li{
     margin-left:20px;
 }

 hr {
  max-width: 1300px;
  background-color: #DCDDDE;
}

p {
  font-size: 1em;
  line-height: 1.65em;
}

.p2 {
  font-size: 1em;
  line-height: 1.6em;
}

.p2 a{
	text-decoration: none;
	color: #000;
  font-size: 1em;
  line-height: 1.6em;
}

.p2 a:hover{
	text-decoration: none;
	color: #7F3F97;
  font-size: 1em;
  line-height: 1.65em;
}

.p3 {
	text-align: center;
  font-size: 1em;
  line-height: 1.65em;
}


.p3 a{
	text-decoration: none;
	color: #7F3F97;
}

.p3 a:hover{
	text-decoration: none;
	color: #004987;
}

.p4 {
  text-decoration: none;
  color: #000;
  font-size: 1em;
  line-height: 1.2em;
}
.p4 a{
  text-decoration: none;
  color: #000;
  font-size: 1em;
  line-height: 1.2em;
}

.p4 a:hover{
	text-decoration: none;
	color: #7F3F97;
  font-size: 1em;
  line-height: 1.2em;
}

.p5 a{
  text-decoration: none;
  color: #FFF;
  font-size: 1em;
  line-height: 1.2em;
}

.p5 a:hover{
	text-decoration: none;
	color: #DCDDDE;
  font-size: 1em;
  line-height: 1.2em;
}

h4 {
	text-align: center;
    font-weight: bolder;
    font-size: 1.35em;
 }

h4 a:hover{
	text-decoration:none;
	text-align: center;
    font-weight: bolder;
 }

.left{
	text-align: left;
}

.ccnews{
	padding: 20px;
	background-color: #DCDDDE;
}

.latest-research {
     padding:20px;
	background-color:rgba(0, 71, 133, 0.35); 
 }

.latest-research ul li{
     margin-left:20px;
 }

.links{
	padding:10px;
}

.icon-3x{
	display:inline-flex;
	text-align: center;
	text-justify: center;
	font-size: 3em;
}

.text-space{
	letter-spacing: .2em;
}

/*Patient resources*/

.patient-resources{
	 padding:20px;
	margin:0;
	background-color: #fff;
}





.btn-group4 button {
  background-color: #7F3F97;
  border: none;
  font-size: 15px;
  color: white;
  padding: 10px;
  cursor: pointer; 
  width: 115px; /* Set a width if needed */
  height:40px;
  margin:5px;
  display:inline-block;
  justify-content: center;
  align-content: center;
  text-align: center;
}

/* Add a background color on hover */
.btn-group4 button:hover {
  transition: all .8s;
  background-color: #606060;
  color: #DCDDDE;
	
}

.p2{
    font-size: 1.0em;
    line-height: 2em;
    text-align: left;
}

/*.btn-group1 {
      grid-column: 1;
      grid-row:2;
	  text-align: center;	
 }

.btn-group2 {
    grid-column: 3;
    grid-row: 2;
    color: #FFFFFF;
	 text-align: center;
 }*/

.center{
	text-align: center;
}

.involved{
  	max-height: 140px;
	justify-content: space-between;
	display:inline-block;
	
}


.shop-book{
	width:auto;
	align-content: center;
	justify-content: center;
}

.shop-book h4 {
      text-align: left;
      font-weight: bolder;
      font-size: 1.4em;
}

.book{
	max-height: 175px;
}

.shop{
	max-height: 160px;
}

.email {
	justify-content: center;
	text-align: center;
    color:#000;
}

.col-auto{
	margin-top:20px;
}

.email-button{
  font-size: 1.13em;
  justify-content: center;
  text-align: center;
  padding: 10px;
  width:270px;
  color:#fff;
  background-color: #7F3F97; /* purple background */
  border: none;
}

.email-button a:hover {
  background-color: #DCDDDE;
  color: #7F3F97;
	
}

.btn-group1 button {
	background-color: #7F3F97; /* purple background */
	border: none;
	font-size: 14px;
	color: white;
	padding: 10px;
	cursor: pointer;
	width: 120px; /* Set a width if needed */
	height: 40px;
	margin: 0px 5px 5px 5px;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	display: block !important; /* Make the buttons appear below each other */
}

	/* Add a background color on hover */
	.btn-group1 button:hover {
		transition: all .8s;
		background-color: #DCDDDE;
		color: #7F3F97;
		text-align: center;
	}

.btn-group2 button {
	background-color: #7F3F97; /* Green background */
	border: none;
	font-size: 14px;
	color: white;
	padding: 10px;
	cursor: pointer;
	width: 120px; /* Set a width if needed */
	height: 40px;
	margin: 0px 5px 5px 5px;
	justify-content: center;
	text-align: center;
	white-space: nowrap;
	display: block !important; /* Make the buttons appear below each other */
}

	/* Add a background color on hover */
	.btn-group2 button:hover {
		transition: all .8s;
		background-color: #DCDDDE;
		color: #7F3F97;
	}

.btn-group3 button {
  background-color: #7F3F97; /* purple background */
  border: none;
  font-size: 14px;
  color: white;
  padding: 10px 20px;
  cursor: pointer; 
  width: 250px; /* Set a width if needed */
  height:40px;
  margin:5px;
  justify-content: center;
  text-align: center;
}

/* Add a background color on hover */
.btn-group3 button:hover {
	transition: all .8s;
    background-color: #DCDDDE;
    color: #7F3F97;
    text-align: center;
}

.vl {
  width:70px;
    height:200px;
	color:rgba(96,96,96,1.00);
	  background: linear-gradient(to right, 
	                              transparent 0%, 
	                              transparent calc(50% - 0.81px), 
	                              #DCDDDE calc(50% - 0.8px), 
	                              #DCDDDE calc(50% + 0.8px), 
	                              transparent calc(50% + 0.81px), 
	                              transparent 100%); 
	}

.hr-devide{
	height:10px;
}


.seals{
	align-content: center;
	justify-content: center;
}

.footer {
  display: grid;
  grid-column: 1 / -1;
  grid-row-start: 9;
  margin: auto;
  grid-template-columns: minmax(20px,300px) minmax(20px,300px) minmax(20px,300px) minmax(20px,300px);
  justify-content: center;
  grid-template-rows: 1fr, 40px, 1fr;
  background-color: #7E57C5;
  color: #fff;
 }

.footer > div{
  padding:20px;
}

.footer{
	min-width:100%;
    max-width:100%;
}

.p8{
	color:#fff;
	font-size:.75em;
	line-height: 1em;
}

.p8 a{
	color:#fff;
	text-decoration:none;
}

.p8 a:hover{
	color:#DCDDDE;
	text-decoration:none;
}

.foot4{
	text-align: center;
	color:#fff;
	  font-size: 1em;
	text-decoration:none;
}

.foot4 a{
	color:#fff;
	text-decoration:none;
}

.foot4 a:hover{
	color:#DCDDDE;
  	text-align: center;
}
.copyright{
  max-width:1200px;
  margin:auto;
  grid-column:1/-1;
  font-size: .6em;
  line-height: 1.5em;
}


@media screen and (max-width: 900px){
.vl {
	display:none;
}
	
.shop-book{
	background-color: #DCDDDE;
}

.patient{
	width:100%;
}
	
.email{
	padding: 20px 0 20px 0;
	background-color: rgba(246,246,246,0.77);
	width:100%;
}
}

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

/*.btn-group1 {
      grid-column: 1 / -1;
      grid-row:2;
 }*/

.bonus8 {
      align-content: center;
      justify-content: center;
      grid-column: 1 / -1;
      grid-row:1;
}
/*
.btn-group2 {
      grid-column: 1 / -1;
      grid-row:4;
 }*/

 /*.btn-group1 button {
  display: inline-flex;*/ /* Make the buttons appear inline to each other */
  /*font-weight: bold;
  text-align: center;
  justify-content: center;
  font-size:.4em;
  width: 64px;*/ /* Set a width if needed */
  /*height:40px;
  margin:0;
}

 .btn-group2 button {
  display: inline-flex;*/ /* Make the buttons appear inline to each other */
	 /*font-weight: bold;
  text-align: center;
  justify-content: center;
  font-size:.4em;
  width: 64px;*/ /* Set a width if needed */
  /*height:40px;
  margin:0;
}*/
	

.shop-book{
	background-color: #DCDDDE;
}

.patient{
	width:100%;
}
	
.email{
	padding: 20px 0 20px 0;
	background-color: rgba(246,246,246,0.77);
	width:100%;
}
	
.vl {
	display:none;
}
	
.footer{
	min-width:100%;
    max-width:100%;
}
  }