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

@font-face {
  font-family: BrownStd-Regular;
  src: url(assets/BrownStd-Regular.otf);
}
@font-face {
  font-family: BrownStd-Bold;
  src: url(assets/BrownStd-Bold.otf);
}

.gallery {
  background: #fff;
   -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 25px;
}

.gallery-cell {
  width: 18%;
  height: 175px;
  margin-right: 10px;
  counter-increment: gallery-cell;
   -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-cell img{
	height: 150px;
	width: auto;
	margin: 0px auto;
	display: block;
}
/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  /*content: counter(gallery-cell);*/
   -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.img-banner{
	box-sizing: border-box; 
	background-size: cover; 
	background-position: center center; 
	padding: 75px;	
}
.img-banner a{
	color: #e01b5d;
}
.industries{
	background-image: url(images/industries-banner.jpg); 
	margin: -20px 0px 0px 0px; 
	}
.aacs{
background-image: url(images/girls-holding-hands-banners.jpg); 
margin: 0px 0px 0px 0px; 
}
.tracs{
background-image: url(images/lecture-banner.jpg); 
margin: 0px 0px 0px 0px; 
}

.bg {
	background: linear-gradient(31deg, #038fe5 0%, #06d6ea 100%);
 /* animation:slide 5s ease-in-out infinite alternate;
  background-image: linear-gradient(-60deg, #111b39 50%, #00a1ff 50%);
bottom:0;*/
background-image: url(images/home23-banner.jpg);
background-size: 50%;
background-position: center center;
  left:-50%;
  opacity:1;
  position:absolute;
  right:-50%;
  top:105px;
  z-index:-1;
  height: 460px;
}

.bg2 {
  animation-direction:alternate-reverse;
  animation-duration:6s;
}

.bg3 {
  animation-duration:7s;
}

.hero-text{
	width: 50%;
	float: left;
	padding: 40px 0px;
}
.hero-text h1, .hero-text p{
	width: 100% !important;
}
.home-hero-graphic{
	width: 50%;
	float: right;
	text-align: center;
}
.home-hero-graphic img{
	max-width: 550px;
	width: 100%;
	margin: 0px auto;
}

@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}


.video-column{
	width: 35% !important;
	padding: 70px 0px 0px 0px !important;
	float: left !important;
}
.video-container { 
	width: 100% !important;
	position: relative; 
	height: 0; 
	overflow: hidden; 
float: left;
display: inline-block;
box-sizing:content-box !important;
padding: 30px 0px 56.25% 0px !important;
margin-bottom: 20px;
	
}
.custom-shape-divider-top-1664978094 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

img.grayscale{
	filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  opacity: .7;
}

.video-container iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; 
	
}


.grecaptcha-badge{
	display: none;
}

#html_element div{
	width: 100% !important;
}

 /* Style the navigation menu 
.topnav {
  overflow: hidden;
  position: relative;
  display: none;
}
.topnav img{
	width: 150px;
	height: auto;
}


/* Hide the links inside the navigation menu (except for logo/home) 
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links 
.topnav a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  font-size: 16px;
  display: block;
  	-webkit-transition: color .5s ease-out;
	transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
}

/* Style the hamburger menu 
.topnav a.icon {
  background: #e01b5d;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.topnav a.icon:hover {
	color: #072560;
}


.topnav a:hover, .active {
  color: #00115f;
}

/* Style the active link (or home/logo) 
.active {
  background-color: #00a1ff;
  color: white;
} */




.lt-blue{
	color: #00a1ff;
}
body{
	/*background-image: url("images/home-banner_v2.jpg");*/
	background-position: center 105px;
	background-repeat: no-repeat;
	overflow-x: hidden;
	
}
/*.accreditors {
	background-image: url("images/accreditation-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.webinars {
	background-image: url("images/webinars-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.news-banner {
	background-image: url("images/news-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.testimonials {
	background-image: url("images/testimonials-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.default {
	background-image: url("images/default-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.about {
	background-image: url("images/about-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.consult {
	background-image: url("images/consult-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.support-solutions {
	background-image: url("images/support-solutions-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.licensing{
	background-image: url("images/licensing-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.clients{
	background-image: url("images/clients-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}
.case-studies{
	background-image: url("images/case-studies-banner.jpg");
	background-position: center 125px;
	background-repeat: no-repeat;
	
}*/
.custom-shape-divider-top-1664978314{
	display: none;
}
#devices{
	width: 100%;
	max-width: 1280px;
	text-align: center;	
	margin: 0px auto -6px auto;
	
}
#devices img{
	width: 50%;
}
#wrapper{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	font-family: Georgia;
	font-size: 15px;
	line-height: 22px;

}
#header{
	padding: 40px 0px 50px 0px !important;
	z-index: 10000;
  position: relative;
}
section{
	width: 100%;
	margin: 0px auto;
	padding: 50px 0px;
}

#hero{
	display: flex;
	flex-direction: column;
	text-align: left !important;
	display: inline-block;
	padding: 30px 0px 0px 15px;
	
	
}
#hero h1{
	color: #fff;
	font-family: BrownStd-Bold;
	font-size: 50px;
	line-height: 55px;
	text-align: left;
	width: 50%;
}
#hero h2{
	color: #000;
	font-size: 24px !important;
	line-height: 30px !important;
}
#hero p{
	color: #000;
	width: 45%;
	text-align: left;
}
h2{
	color: #00115f;	
	font-family: BrownStd-Bold;
	line-height: 35px;
	font-family: 30px;
}
.cta-btn{
	background-color: #e01b5d !important;
	color: #fff !important;
	border-radius: 5px !important;
	border: transparent;
	text-decoration: none;
	font-family: BrownStd-Bold; !important;
	padding: 10px 25px !important;
	display: inline-block !important;
	border: none !important;
	margin: 15px 0px 0px 0px;
	-webkit-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	cursor: pointer;
	position: relative;
}
.cta-btn:hover{
	background-color: #a60124 !important;
}
#nav, #hero, #how-edvera, #what-clients-say blockquote, #get-started-bg, #footer p, #interior-page-copy, #cta blockquote {
	width: 100%;
	max-width: 1280px;
	margin: 0px auto;
	display: inline-block;
	box-sizing: border-box;
}


#nav {
    padding: 0px 15px 100px 15px;
}
#nav img{
	float: left;
	width: 175px;
	height: auto;
	margin-top: -10px;
}
#nav ul{
	float: right;
}
#nav ul li{
	float: left;
	list-style: none;
	padding: 15px 20px;
	font-size: 15px;
}
#nav ul li a{
	color: #07245d;
	text-decoration: none;
	-webkit-transition: color .5s ease-out;
	transition: color .5s ease-out;
	-moz-transition: color .5s ease-out;
}
.interior #nav ul li a{
	color: #07245d;
}

#nav ul li a:hover{
	color: #e01b5d;
	text-decoration: none;
}
#nav ul li a.active{
	font-weight: bold;
}

/*--------------------start navigation styles------------*/
.topnav{
	display: flex;
	align-content: center;
	align-items: flex-start;
	justify-content: space-between;
	padding: 10px 25px;
	max-width: 1280px;
	margin: 0px auto;
	z-index: 9999;

}
.demo-btn{
  background-color: #00a1ff;
color: #fff !important;
border-radius: 5px !important;
text-decoration: none;
font-family: BrownStd-Bold;
padding: 10px 22px !important;
border: none !important;
margin: -10px 0px 0px 0px;
-webkit-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
cursor: pointer;
font-weight: 100;
}

.demo-btn:hover {
  	background-color: #00115f;
}

#logo{
	width: 20%;
	height: auto;
}
#logo img{
	width: 200px;
	height: auto;
	margin-top: -35px;
	margin-left: -25px;
}
.spacer{
	margin-left: 10%;
}
.topnav a {
 color: #07245d;
  font-family: verdana;
  font-style: normal;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  transition: ease-in-out;
  transition-duration: 0s;
  transition-duration: .5s;
}
.active{
  color: #07245d; /*light blue*/
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: right;
  overflow: hidden;
}

.dropdown .dropbtn {
  color: #07245d;
  font-style: normal;
  text-decoration: none;
  font-size: 15px;
  transition: ease-in-out;
  transition-duration: 0s;
  transition-duration: .5s;    
  border: none;
  outline: none;
  background-color: inherit;
  font-family: verdana;
  margin: 0;
}
.dropbtn{
	padding-bottom: 15px !important;
}

.dropdown-content {
  display: none;
  position: absolute;
 /* min-width: 100%;
  left: 0px;
  right: 0px;*/
  box-shadow: 0px 0px 3px 0px #038fe5;
  background-color: #fff;
  z-index: 9999;
  margin: 0px 0px 0px -25px;
  padding:20px 25px;
  box-sizing: border-box;
  border-radius: 10px;
}

.dropdown-content a {
  float: none;
   color: #07245d;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;
  /*border-bottom: 1px solid #e30404;*/
}
.dropdown-content a:last-child{
	border-bottom: 0px solid #e30404 !important;
}

.topnav a:hover, .fa-caret-down {
  color: #e01b5d;
  /*text-shadow: 0 0 5px #5fd2f1;*/
}
.dropdown:hover .dropbtn{
	
}

.dropdown-content a:hover {
  color: #e01b5d;
  /*text-shadow: 0 0 5px #5fd2f1;*/
}

.dropdown:hover .dropdown-content {
  display: block;
}
.fab, .far {
  margin-top: -5px;
  }
#mobile{
	  display: none;
  }

.industries-casesutdies{
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	justify-content: space-between; 
	padding-bottom: 50px;
}
.industries-casesutdies div{
	width: 45%;
}



@media screen and (max-width: 900px) {
	#mobile{
	  display: inline-block;
	  width: 100%;
	  text-align: center;
	  margin-top: -30px;
	  margin-bottom: 0px;
  }
  #mobile img{
	  width: 225px;
	  height: auto;
  }

  .spacer {
  margin-right: 0% !important;
  }
  .dropdown-content {
  border-radius: 0px;
}


  .topnav a, .dropdown .dropbtn, .topnav a.demo-btn, .responsive .dropdown .dropbtn .slide-text {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
    border-radius: 3px;
  }
  .dropdown-content {
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  color: #07245d;
}
.dropbtn{
	padding-bottom: 0px !important;
}
  .dropdown-content a{
   color: #07245d; 
  }
  .dropdown-content a:hover{
	  color: #e01b5d;  
  }
.dropdown-content h3, .fa-caret-down{
	/*display: none !important;*/
	}
	.spacer{
	margin-left: 0%;
}
.fab{
	display: none !important;
}


}

@media screen and (max-width: 900px) {
  .topnav.responsive {
	  position: relative;
	  top: 0px;
	  align-content: flex-start;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0px;
  }
  .topnav.responsive #logo {
    float: none;
    display: block;
    text-align: center;
    width: 100%;
    margin-top: -110px;
    display: none;
  }
 .topnav.responsive #logo img{
    margin-left: 0px;
    margin-top: 0px;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn{
    display: block;
    width: 100%;
    text-align: right;

}
.responsive-nav-icon{
	/*display: none !important;*/
	color: #fff;
	font-size: 16px;
	padding: 35px 17px;
	text-decoration: none;
	display: inline-block;
	transition:all 0.7s ease;
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 9999;
}
.responsive-nav-icon:hover{
	color: #5fd2f1;
}
#logo{
	display: none;
}
.mobile-logo{
	display: block;
	width: 100%;
	text-align: left;
}
.mobile-logo img{
	width: 250px;
	height: auto;
	padding: 10px 0px 0px 0px;
	}
}



@media (max-width:900px) {	
	
#myTopnav{
	display: none;
}
.responsive{
	display: block !important;
	position: absolute;
	top:52px;
	width: 100% !important;
	padding: 0px 0px;
	min-height: 100vh;
	z-index: 9998;
	background-color: #fff;
}

.responsive a,.responsive .dropdown .dropbtn .slide-text, .responsive a.demo-btn{
	width: 100%;
	display: block;
	text-align: center;
	padding: 30px 0px !important;
	font-size: 20px !important;
}
.responsive-nav-icon{
	display: inline-block !important;
	z-index: 99999;
}
/* ------------------------------------------------------- Start Hamburger animation */
.animated-icon1{
width: 25px;
height: 12px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
color: #4dafc9;
}

.animated-icon1 span {
	background: #e01b5d;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
background-color: #e01b5d;
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
background-color: #e01b5d;
}
/* ------------------------------------------------------- End Hamburger animation */

}


#how-edvera{
	display: inline-block;
	/*background-image: url("images/software-screens.png");*/
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 40%;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
}
#how-edvera h2.larger{
	font-size: 50px;
	line-height: 50px;
	color: #111b39;
}
#how-edvera div{
	width: 100%;
	float: left;
	display: inline-block;
	text-align: left;

}
#how-edvera div .icon{
	width: 33.3333%;
	box-sizing: border-box;
	padding: 0px 25px 30px 25px;
	text-align: center;
	float: left;
}

#how-edvera div .icon img{
	-webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.7); /* FF3.5+ */
      -ms-transform: scale(0.7); /* IE9 */
       -o-transform: scale(0.7); /* Opera 10.5+ */
          transform: scale(0.7);
          padding-bottom: 15px;
}

#how-edvera div .icon h2{
	color: #e01b5d !important;
}
#how-edvera div .icon h3{
	color: #e01b5d;
	font-size: 18px;
	margin: 0px 0px 10px 0px;
	text-transform: uppercase;
	
}
.how-edvera-p{
    width: 80%;
    padding: 0px 150px 50px 150px;
    box-sizing: border-box;
    font-size: 18px;
    margin: 0px auto;
    line-height: 26px;
}
#how-edvera div .icon a{
	background-color: #00a1ff;
color: #fff !important;
border-radius: 5px !important;
border: transparent;
text-decoration: none;
font-family: BrownStd-Bold;
padding: 10px 25px !important;
display: inline-block !important;
border: none !important;
margin: 15px 0px 0px 0px;
-webkit-transition: background-color .5s ease-out;
transition: background-color .5s ease-out;
-moz-transition: background-color .5s ease-out;
cursor: pointer;
}
#how-edvera div .icon a:hover{
	
	background-color: #00115f;
}
#how-edvera div ul{
	width: 45%;
	padding-right: 5%;
	float: left;
	padding-left: 10px;
}
#how-edvera div ul, #interior-page-copy ul, #start-today ul{
	margin-left: 10px;
}
#how-edvera div ul li, #start-today ul li, #interior-page-copy ul li{
	/*background-image: url("images/checkmark.png");
	background-repeat: no-repeat;*/
	padding: 10px 0px 5px 0px;
	margin-left: 5px;
	color: #e01b5d;

}
#how-edvera div ul li span, #start-today ul li span, #interior-page-copy ul li span{
	color: #000; 
}
#lt-blue-bg{
box-shadow: 0px 0px 3px 0px #038fe5;
background-color: #00a1ff;

margin-bottom: 50px;
background: linear-gradient(31deg, #00115f 0%, rgb(0, 148, 234) 100%);

}
#lt-blue-bg h2{
	color: #fff !important;
	font-size: 35px !important;
}
.feature-list h2{
	font-size: 35px !important;
}

#lt-blue-bg .feature-list ul li span{
	color: #fff !important;
}

#feature-list{
	margin: 0px auto;
	max-width: 1080px;
	box-sizing: border-box;
}
.feature-list{
	text-align: left;
	display: flex;
	flex-direction: row;	
	align-items: center;
	width: 90%;
	margin: 0px auto;
	padding: 50px 0px;
}
.feature-list div{
	box-sizing: border-box;
	padding: 0px 35px;
}
.feature-list .solutions-videos{
	width: 65%;
	padding: 0px 25px;
}

 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 23%;
  margin: 1%;
  height: 200px;
  /*border: 1px solid  #0094ea;*/
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  padding: 0px !important;
  /*box-shadow: 0px 0px 3px 0px #038fe5;*/
box-sizing: border-box;
border-radius: 10px;
float: left;
}
.flip-card h4{
font-size: 18px;
margin: 0px 0px 0px 0px;
font-family: BrownStd-Bold;
line-height: 22px;
width: 100%;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
  padding: 0px !important;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  box-sizing: border-box !important;
  padding: 0px !important;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 0px #06eaea;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: #fff;
  color: #000;
  background-image: url(images/flip-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
}

/* Style the back side */
.flip-card-back {
  background: linear-gradient(-180deg, #fff 50%, #e9fbfb 100%);
  color: #000;
  transform: rotateY(180deg);
} 
.flip-card-back h4{
	color: #038fe5;
	padding: 25px 20px 0px 20px;
	box-sizing: border-box;
}
.flip-card-back p{
	padding: 0px 25px 25px 25px;
}
.flip-card-front h4{
	padding: 20px 25px;
	box-sizing: border-box;
	font-size: 24px;
	line-height: 32px;
	color: #e01c5e;
}


.home-video{
	padding: 25% 0px 0px 0px !important;
	width: 65%;
}

.feature-list ul, #interior-page-copy ul{
	margin-left: 25px;
}

.feature-list ul li{
	padding: 10px 0px 5px 0px;
	margin-left: 5px;
	color: #037be8 !important;

}
.feature-list ul li span{
	color: #000;
}
#what-clients-say{
	background-color: #00a1ff;
	background-image: url(images/quote-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
	padding: 85px 0px 85px 0px;
	width: 100%;
}
#what-clients-say-contain{
	max-width: 1280px;
	margin: 0px auto;
	align-items: flex-start;
	display: flex;
}
.home-casestudy{
	width: 33.3333%;
	box-sizing: border-box;
	padding: 0px 20px;
	display: inline-block;
	
}
.state-page-cs{
	width: 50%;
}
#what-clients-say blockquote{
	max-width: 1280px;
	font-size: 26px;
	line-height: 32px;
	font-family: BrownStd-Bold;
	width: 80%;
	margin: 0px auto;
}
#get-started{
background-image: linear-gradient(-60deg, rgba(252,48,109,1) 50%, rgba(0,161,255,0) 50%);
margin-top: -50px;

}


#get-started-bg{
display: flex;
align-content: stretch;

	
}
.contact-page-copy{
	width: 100%;
	margin-bottom: -107px !important;
}
.contact-page-copy div{
	width: 50%;
	float: left;
	padding-bottom: 50px !important;
	padding-top: 0px !important;
}
.contact-page-copy img{
	width: 50%;
	float: right;
}
#contact-form{
	width: 50%;
	float: right;
	/*background-image: url("images/form-bg.png");*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 85px 15px;
	box-sizing: border-box;
}
#contact-form .cta-btn{
	width: 35% !important;
	margin: 10px auto 0px auto !important;
}
#contact-form-form {
    max-width: 1280px;
    margin: 0px auto;
}
#start-today{
	width: 50%;
	float: left;
	box-sizing: border-box;
	text-align: left;
	padding: 85px 0px 85px 15px;
}

.contact-cta{
	width: 35% !important; 
	float: right !important; 
	padding: 0px 0px 0px 0px !important; 
	text-align: center !important;
}


#contact-form h2{
	color: #fff;
	font-size: 35px;
}
#contact-form  input,#contact-form  select, #contact-form  textarea{
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid #00a1ff;
	color: #000;
	font-size: 15px;
	padding: 10px 15px;
	box-sizing: border-box;
	width: 70%;
	margin: 10px 0px;
	font-family: Georgia;
}
.half{
	width: 34% !important;
}
.spacer{
	margin-right: 2% ;
}
#contact-message{
	padding-top: 100px;
	color: #d3fcfc !important;
}
#footer{
	text-align: left;
	font-size: 13px;
	background-color: #00115f;
	color: #fff;
	display: inline-block;
	padding-bottom: 50px !important;
}
#footer div{
	max-width: 1280px;
	padding: 0px 25px 0px 25px;
	margin: 0px auto;
	}
#footer div p{
		width: 50%;
	}
	
#footer div h2{
		width: 50%;
		color: #00a1ff;
		display: inline-block;
	}
	
#footer .capterra{
	float: right;
	width: 150px;
	height: auto;
	clear: right;
}
#footer a{
	color: #fff;
}
#footer .icon{
	float: right;
	clear: right;
	text-align: right;
	padding: 0px 5px 10px 0px;
	margin-top:-25px !important;
}
#footer .icon a{ 	
 font-size: 20px;
 color: #fff;
 display: inline-block;
 padding-left: 10px; 
}
#footer .icon a:hover{ 
	color: #038fe5;
	}
	
#footer a:hover{
	color: #038fe5;
}
.full{
	text-align: center !important;
	color: #038fe5!important;
	padding: 20px 10px;
	background-color: #001040;
	width: 100%;
	font-size: 15px;
	box-sizing: border-box;
}
.full a{
	color: #038fe5;
}
#interior-hero{
	/*color: #fff;*/
	width: 100%;
	box-sizing: border-box;
	padding: 70px 20px 70px 20px;
	max-width: 1280px;
	margin: 0 auto;
	text-align: left;
	display: inline-block;

}
#interior-hero-bg{
	margin-top: 30px;
		background-color: #d3fcfc;
}
#interior-hero p{
	font-size: 16px;
	line-height: 22px;
}
.interior h3{
	color: #038fe5;
	font-family: BrownStd-Bold;
	text-transform: none;
	font-size: 45px;
	line-height: 52px;
}
#interior-page-copy div{
	width: 65%;
	float: left;
	display: inline-block;
	text-align: left;
	box-sizing: border-box;
	padding: 70px 100px 0px 15px;
}
#interior-page-copy div.no-pad{
	padding: 0px 100px 0px 15px;
}
#interior-page-copy img{
	float: left;
	width: 35%;
	border-bottom: 5px solid #e01b5d;
}
.interior-video{
	float: left !important;
	width: 35% !important;
	margin: -15% 0px;
}

#interior-page-copy .no-styles{
	float: none;
	width: 70%;
	border-bottom: 0px solid #e01b5d;
	display: block;
	
}
#interior-page-copy blockquote{
	color: #e01b5d;
	font-family: BrownStd-Bold;
	font-size: 22px;
	line-height: 30px;
	padding: 0px 25px;
}
#interior-page-copy blockquote a{
	color: #e01b5d;
	}
.case-study{
	width: 100% !important;
	padding: 75px 0px 50px 0px !important;
	border-bottom: 1px solid #919191;
}
.case-study h2{
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing: 1.5px;
}
.case-study-copy{
	width: 55% !important;
	padding: 20px 0px 0px 0px !important;
}
.date{
	font-weight: bold;
	color: #e01b5d;
	padding: 0px 0px 5px 0px !important;
}
.full-copy{
	width: 100%!important; 
}
.case-study-video{
	float: right !important; 
	width: 40% !important; 
	position: relative;
}
.case-study-img{
	float: right !important; 
	width: 40% !important; 
	position: relative;
	border-bottom: 0px !important;
}
.case-study-graphic{
	margin-top: -50px;
}

.news-section{
	display: flex !important;
	flex-wrap: wrap !important;
}
.news{
	width: 31.3333% !important;
	margin: 1%;
	padding: 25px 25px 30px 25px !important;
	display: flex !important;
	flex-wrap: wrap; 
	align-content: flex-start !important;
	justify-content: space-between;
	background-color: #e6fefe;

}
.news h2{
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing: 1.5px;
}
.news-copy{
	width: 100% !important;
	padding: 0px 0px 0px 0px !important;
}

.news-video{
	float: left !important; 
	width: 100% !important; 
	position: relative;
	margin: 15px 0px;
}
.news-img{
	float: left !important; 
	width: 100% !important; 
	position: relative;
	padding: 10px 0px 20px 0px !important;
}


#interior-page-copy div h1{
	color: #e01b5d;
	font-size: 24px;
	font-family: BrownStd-Bold;
	line-height: 32px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#interior-page-copy div h1 span{
	color: #07245d;
	font-size: 28px;
	font-family: BrownStd-Bold;
	line-height: 28px !important;
	margin-bottom: 0px;
	text-transform: uppercase;
}
.no-bg{
	background-image: none !important
}
/*.no-bg #header{
	padding-bottom: 0px;
	border-bottom: 5px solid #00a1ff;
	
}*/

.inforgraphic{
	display: flex !important; 
	width: 100% !important; 
	padding: 70px 15px 0px 15px !important;
}
.steps-icons{
	border-bottom: 0px !important; 
	width: auto !important; 
	height: 50px;
	padding-bottom: 20px;
	margin-right: -45px;
	text-align: center;
	float: none !important;
	width: 20%;
}
.five-across{
	padding: 20px 25px !important; 
	text-align: center !important;
	border-right: 1px solid #54afe2;
	min-height: 100%;
}
.five-across ul li{
	list-style: none !important;
}
.five-across:before{
	content: url(images/verified-icon.gif);
	margin: 0px 0px 0px 0px;
	display: inline-block;
	float: right;
	position: relative;
	right: -50px;
	top: 200px;
}
.last-step{
	border-right: none;
}
.last-step:before{
	content: "" !important;
}
.last-step .steps-icons{
	margin-right: 0px;
}

#interior-page-copy .five-across ul {
  margin-left: 0px;
  font-size: 14px;
  line-height: 18px;
}

.three-across{
	width: 33.3333% !important; 
	padding: 20px !important; 
}

.two-across{
	width: 50% !important; 
	padding: 20px !important; 
}

.no-bg #header{
	padding-bottom: 0px !important;
}
.no-bg #logos {
    margin: -50px auto 0px auto;
  }
.no-bg .interior #nav {
    padding: 0px 15px 50px 15px;
}
.no-bg #start-today{
    margin-top: -25px !important;
    padding-top: 0px !important;
    margin-bottom: -50px;
 }
.no-bg #interior-hero h1{
	color: #005fa0;
	font-size: 22px;
	font-family: BrownStd-Bold;
	line-height: 30px;
	margin-bottom: -20px;
	text-transform: uppercase;
}
.no-bg #interior-hero p{
	color: #000;
}
#clients-page{
	margin-top: -50px !important;
}
.full{
	width: 100% !important;
}
#interior-page-copy div p{
	padding: 15px 0px 20px 0px;
}
#interior-page-copy div p a, #interior-page-copy div p a:visited{
	color: #e01b5d;
	}
#interior-page-copy div p a:hover{
	color: #00a1ff
}
#logos{
	max-width: 1280px;
	margin: 0px auto;
	width: 80%;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	text-align: center;
}
#logos img{
	width: 20%;
	display: inline-block;
	box-sizing: border-box;
	padding: 0px 15px;
}
.round{
	padding: 0px 30px !important;
}
#cta{
	background: rgb(0,16,60);
	background: linear-gradient(31deg, #038fe5 0%, #06d6ea 100%);
	padding: 50px 0px;
	margin: -50px 0px;
	

}
#cta blockquote{
	font-size: 20px;
	line-height: 28px;
	font-family: BrownStd-Bold;
	width: 70%;
	max-width: 1280px;
	margin: 0px auto;
	color: #fff;
	text-align: center;

}
.quote{
	font-size: 35px;
	line-height: 40px;
	font-family: BrownStd-Bold;
	width: 70%;
	max-width: 1280px;
	margin: 0px auto;
	color: #00a1ff !important;
	text-align: center;
}

#cta blockquote img{
	float: left;
	height: 130px;
	width: 130px;
	border-radius: 50%;
	margin: 20px 15px 20px 0px;
}
.team{
	width: 50%;
	text-align: left;
	float: left;
	min-height: 180px;
}
.team img{
	margin:15px 15px 15px 0px;
}

#cta .cta-btn{
	color: #fff;
	border-radius: 5px !important;
	text-decoration: none;
	font-family: BrownStd-Bold; !important;
	display: inline-block !important;
	border: none !important;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	cursor: pointer;
	font-size: 15px;
	line-height: 22px;
}
#cta .cta-btn:hover{
	background-color: #00a1ff !important;
	border: none !important;
	color: #fff !important;
}

#cta a{
	/*background-color: #00a1ff;*/
	color: #fff !important;
	/*border-radius: 5px !important;*/
	text-decoration: none;
	font-family: BrownStd-Bold; !important;
	/*padding: 10px 25px !important;*/
	display: inline-block !important;
	border-bottom: 2px solid #00a1ff !important;
	/*margin: 15px 0px 0px 0px;*/
	-webkit-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	cursor: pointer;
}
#cta a:hover{
	color: #111b39 !important;
	border-bottom: 2px solid #c7002a !important;
}
.blue-btn{
	background-color: #037be8;
	color: #fff !important;
	border-radius: 5px !important;
	text-decoration: none;
	font-family: BrownStd-Bold; !important;
	padding: 10px 22px !important;
	display: inline-block !important;
	border: none !important;
	margin: 15px 0px 0px 0px;
	-webkit-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	cursor: pointer;
	font-weight: 100;
}

.blue-btn:hover{
	background-color: #00115f;
}

#what-clients-say .blue-btn{
	background-color: #00115f !important;
}
#what-clients-say .blue-btn:hover{
	background-color: #037be8 !important;
}

.table-graphic{
	width: 33.3333%;
	float: left;
	box-sizing: border-box;
	padding: 25px 0px 50px 0px;	
}
.table-graphic p{
	padding: 0px 0px 15px 0px;
}

.table-graphic span{
	/*background-color: #e6f6ff;*/
	display: inline-block;
	padding: 25px 50px;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #79eced;
	min-height: 225px;
	
}
.table-graphic span.teal{
	background-color: #d3fcfc;
	margin-top: 25px;
	min-height: 300px !important;
}


@media (min-width: 768px) {
  .button-64 {
    font-size: 24px;
    min-width: 196px;
  }



.home-page-contact-message, .home-page-contact-message p, .home-page-contact-message h2, #contact-message p{
	color: #fff !important;
}
.home-page-contact-message{
	/*padding-bottom: 130px !important;*/
}
}

@media (max-width:1200px) {
	#how-edvera {
    background-size: 45%;
	}
	.bg{background-image: url(images/home23-banner.jpg);
background-size: 60%;}
	
}

@media (max-width:1090px) {
	body {
    /*background-image: url("images/home-banner_v2.jpg");
    background-position: left 105px;*/
    }
	#hero h1{
	font-size: 35px;
    line-height: 45px;
    text-align: left;
    width: 60%;
}
	.feature-list img{
	width: 100%;
	height: auto;
}
#how-edvera{
	margin: -107px 0px -40px 0px;
}
 .flip-card {

  width: 48%;
  
}
.bg{background-image: url(images/home23-banner.jpg);
background-size: 100%;}


    
 }

@media (max-width:1020px) {
	#how-edvera {
    background-size: 50%;
	}
	#how-edvera div {
    width: 100%;
    }

    
 }
 @media (max-width:990px) {
	 #start-today {
	 padding: 65px 40px;
} 
	.gallery-cell {
  width: 20%;
  }
	 }
	 
@media (max-width:930px) {
.news{
	width: 48% !important;
}
	
	#contact-form input {
    width: 90%;
}
.half {
    width: 43% !important;
}
.inforgraphic{
	display: flex; 
	flex-wrap: wrap;
}
.five-across{
	width: 100% !important;
	border-right: none;
}
.five-across:before{
	content: "" !important;
}
.five-across .steps-icons{
	margin-right: 0px;
}
  #footer .icon  a .fab{
	  display: inline-block !important;
	  }
	  
	  #start-today{
		  padding: 0px 15px 0px 15px !important;
	  }
	 .contact-page-copy div{
		 width: 100% !important;
		 text-align: center !important;
		 padding: 70px 0px 0px 0px !important;
	 }
	 .contact-cta{
		 width: 100% !important;
		 margin: 0px 0px 250px 0px !important;
	 }
	 .contact-page-copy {
  background-size: 65%;
  background-position: center bottom;
  }
  
}


@media (max-width:850px) {


	#nav {
    padding: 0px 15px;
}
	#nav img {
    float: none;
    width: 175px;
    height: auto;
    margin: 0px auto;
    padding-bottom: 15px;
	}
	#nav ul{
		float: none;
		width: 100%;
	}
	#nav ul li{
		width: 14%;
		text-align: center;
		box-sizing: border-box;
		padding: 15px 0px;
	}

	#how-edvera div {
    width: 100%;
    background-size: 50%;
    padding-bottom: 0px;
    box-sizing: border-box;
	}	
	
	.interior #nav {
    padding: 0px 15px 70px 15px;
}
	.accreditors {
    background-position: center 90px; 
}
#interior-page-copy div {
    padding: 30px 50px 0px 15px;
}
.contact-page-copy{
	background-size: 70%;
	background-position: center bottom;
	}
.contact-page-copy div{
	width: 100% !important;
	padding-bottom: 250px !important;
}
	#interior-hero {
    padding: 100px 20% 97px 20px;
}
#hero{
	width: 100%;
	text-align: center !important;
	padding: 50px 30px 120px 30px;
	box-sizing: border-box;
}
.hero-text{
	  width: 100%;
	  padding: 0px;
	  margin-bottom: 50px;
  }
  .home-hero-graphic{
	 width: 100%; 
  }
  .bg {
  height: 770px;
  }

#hero h1{
	font-size: 45px;
	line-height: 50px;
    text-align: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#hero p{
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.how-edvera-p {
    width: 80%;
    padding: 0px 50px 50px 50px;
}
#mobile {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 0px;
  }
  .contact-page-copy div{
		 width: 100% !important;
		 text-align: center !important;
		 padding: 70px 0px 0px 0px !important;
	 }
	 .contact-cta{
		 width: 100% !important;
		 margin: 0px 0px 250px 0px !important;
	 }
	 .table-graphic{
	width: 100%;
	}
	.feature-list img {
  width: 80%;
  padding-bottom: 25px;
  margin-top: -50px;
}
.img-banner{ 
	padding: 50px 0px;
	}
	.quote{
		width: 100%;
	}
	.bg{background-image: url(images/home23-banner.jpg);
background-size: cover;}

}
@media (max-width:700px) {
	
.gallery-cell {
  width: 25%;
  }
	#mobile {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 0px;
  }
    .flip-card {
  width: 98%;
  }
	
.case-study-copy{
	width: 100% !important;
	padding: 20px 0px 50px 0px !important;
	
}

.case-study-video{
	float: right !important; 
	width: 100% !important; 
	padding: 55% 0 0 0 !important;
	position: relative;
}	
.case-study-img{
	float: right !important; 
	width: 100% !important; 
	position: relative;
}	
	
	
#devices img{
	width: 90%;
}

.home-video{
	padding: 50% 0px 0px 0px !important;
	width: 100%;
}
#hero{
	width: 100%;
	text-align: center !important;
	padding: 45px 25px 150px 25px !important;
	box-sizing: border-box;
}
#interior-page-copy div {
	text-align: center;
}
#interior-page-copy ul li{
	text-align: left !important;
}
#interior-page-copy div.no-pad {
  padding: 0px 15px 0px 15px !important;
}
	
	#how-edvera {
    background-size: 55%;
}
#how-edvera h2{
	text-align: center;
}
	#how-edvera div {
    width: 100%;
    padding: 0px 15px 0px 15px;
    }
	
	#how-edvera div ul {
    width: 50%;
    float: left;
    padding-left: 25px;
    box-sizing: border-box;
}
	#start-today{
		width: 100%;
	}
	#contact-form{
		width: 100%;
	}
	#footer{
		font-size: 12px;
		box-sizing: border-box;
		padding: 30px 25px;
	}
		.accreditors {
    background-position: center 240px; 
}

#how-edvera div .icon {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 15px 30px 15px;
    text-align: center;
    float: left;
}
.feature-list {
    text-align: left;
    display: flex;
    flex-direction: column;
}
.reorder{
	flex-direction: column-reverse;
}
.feature-list img {
    width: 100%;
    padding-top: 15px;
    }
body, html {
    /*background-image: url("images/home-banner_v2.jpg");
    background-position: left 105px;*/
    max-width: 100% !important;
    overflow-x: hidden !important;
}
	.desktop{
		display: none !important;
	}
	.topnav {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 0;
left: 0;
z-index: 9999;
}
#header{
	padding-top: 80px;
}

.topnav img{
	padding-top: 15px;
}

	/*#header{
		background-color: #072560;
	}*/
	#nav ul li {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 0px;
}
.last{
	width: 100% !important;
	}
	#how-edvera div {
    padding-bottom: 50px;
}
#how-edvera div ul{
	width: 100%;
}
	#how-edvera {
    background-size: 100%;
}
	#nav img{
		margin-top: -30px;
	}
			.accreditors {
    background-position: center 110px; 
}

.topnav #myLinks{
	background-color: #00a1ff;
	    padding: 15px 0px;
		margin-top: 10px;
}
#interior-page-copy div {
    padding: 30px 15px 0px 15px;
}
	#interior-hero {
    text-align: center;
    padding: 50px 20px 50px 20px;
}
.video-column{
	width: 100% !important;
	}

#interior-page-copy div {
    width: 100%;
    padding: 0px 15px 0px 15px;
    }
    
#interior-page-copy img{
    float:none;
    width: 65%;
}
.interior-video {
    float:none !important;
    width: 85% !important;
    margin: 0px 0px;
   padding-top::56.25%!important;
}
#logos img {
    width: 50%;
    float: left;
}
 #what-clients-say-contain{
	 flex-direction: column;
 }
 .home-casestudy, .state-page-cs{
	width: 100%;
	padding-bottom: 50px;
 }
 #cta blockquote {
    font-size: 18px;
    line-height: 26px;
   }
   .three-across, .two-across{
	width: 100% !important; 
	text-align: center !important;
	padding: 20px 0px !important;
}
#get-started-bg{
	flex-direction: column;
	}
#get-started {
  background-image: linear-gradient(-190deg, rgba(0,161,255,0) 50%, rgb(252, 48, 109) 50%);
  }
  .feature-list .solutions-videos {
  width: 100%;
  padding: 0px 25px 50px 25px;
}

.team{
	width: 50%;
	text-align: left;
	float: left;
	min-height: 325px;
}
.team img{
	width: 90% !important;
	margin:0px 15px 0px 0px;
}

.industries-casesutdies{
	flex-direction:column; 
}
.industries-casesutdies div{
	width: 85%;
	padding-bottom: 25px;
}


}
@media (max-width:625px) {
#hero {
  padding: 15px 25px 110px 25px !important;
  }
  .news{
	width: 98% !important;
}

.contact-cta{
		 width: 100% !important;
		 margin: 0px 0px 150px 0px !important;
	 }
 }

@media (max-width:550px) {
	.gallery-cell {
  width: 33%;
  }
	
	
#hero h1 {
    font-size: 40px;
    line-height: 45px;
    }
 #how-edvera h2.larger {
    font-size: 35px;
    line-height: 40px;
}
.how-edvera-p {
    width: 100%;
   }
   #interior-hero {
    padding: 100px 20px 160px 20px;
 }
#interior-hero.zero {
    padding: 0px 20px 0px 20px;
 }
  #cta blockquote {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
   }
   #cta blockquote img{
	   float: none;
	   margin: 0px 0px 10px 0px;
   }
    #footer div p {
  width: 100%;
  text-align: center;
}
#footer .capterra {
  display: block;
margin: 0px auto;
padding-top: 25px;
float: none;
 }
#footer div h2{
	width: 100%;
	text-align: center;
}
 #footer .icon{
	text-align: center;
	width: 100%;
	padding-top: 10px;
		margin-top:0px !important;
}
@media (max-width:430px) {
#hero {
  padding: 15px 25px 130px 25px !important;
}
	.gallery-cell {
  width: 100%;
  height: 200px;
  }
  	.gallery-cell img{
  height: 175px;
  }
}
 
@media (max-width:420px) {
	
	#hero h1 {
    font-size: 36px;
    line-height: 40px;
}
#interior-hero {
    
    }
 .interior h3 {
    font-size: 18px;
    line-height: 26px;
}
	#interior-hero p {
    font-size: 16px;
    line-height: 22px;
    }
    #interior-page-copy{
	    padding-top: 0px;
	    
    }
   
	}