html, body{
      padding:0;
      margin:0;
      font-family: 'Open Sans', sans-serif;
      background-size: cover;
}
.footer{
	min-width:100%;
  	max-width: 100%;
}

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

.col{
	text-align: center;
	justify-content: center;
}

.col-1{
	width:25px;
}

.col > h4{
	text-align: center;
}

.icon-3x{
	font-size: 3em;
	margin-top: 20px;
}

.goal1 {
      background: rgba(0, 0, 0, 0.05);
      padding:20px;
 }

.goal2 {
      padding:20px;
 }
img {
	display: block;
	margin:0 auto;
}
 hr {
  max-width: 1300px;
    background-color: grey;
}

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

.p2 {
  text-align: left;
  font-size: 1em;
  line-height: 1.65em;
}

.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.6em;
}

.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 {
	text-align: left;
	font-size: .9em;
  line-height: 1.3em;
}

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

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

h2 {
      text-align: left;
      font-weight: bolder;
      font-size: 2em;
      line-height: 2em;
 }

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

h4 a{
      color:#000;
	text-decoration: none;
 }

h4 a:hover{
    text-decoration: none;
	color: #7F3F97;
 }

.latest-research {
      padding: 20px;
      grid-column: 5 / 13;
      grid-row: 3/ 5;
 }
.guide{
  vertical-align: center;
  justify-content: center;
}

.faqs {
      padding:20px;

 }


.pic-row {
  display: flex;
  align-content:left;
}

.pic-column {
  flex: 40%, 20%, 40%;
 max-width: 300px;
  padding: 5px;
}

.pic-column2 {
  flex: 10%;
 max-width: 300px;
  padding: 5px;
}

.icon a{
	color:#7F3F97;
	
}

.icon a:hover{
	color:#7E57C5;	
}
.email-center{
	align-content: center;
}

/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}
.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

/* Tab Content */
.tab-pane {
    background: #F5F5F5;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    text-align: center;
    padding: 10px;
}

.tab-content{
	min-height:500px;
}
.vl {
  border-left: 1px solid #DCDDDE;
  height: 100px;
    grid-column: 3;
      grid-row: 1 / 2;
}

.hr-devide{
	height:10px;
}

.list-group1{
	list-style-position: inside;
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	background-color: #FFFFFF;
	padding: 0px;	
	color: #000;
}

.list-group2{
	line-height:1.85;
	background-color: none;
	outline-color: rgba(126,87,197, .75);
	padding-left: 15px;	
	color: #000;
}

.list-group4{
	line-height:1.85;
	background-color: rgba(126,87,197,.1);
	outline-color: rgba(126,87,197, .75);
	padding-left: 15px;	
	color: #000;
}


.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 query tablet*/
@media screen and (max-width: 950px){


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


.faqs {
      padding:20px;
      grid-column: 1 / 13;
      grid-row: 5/ 9;
 }

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


	
.ccnews{
	justify-content: space-around;
}

.social, .hr-devide, .vl{
  display:none;
}
  }