html {
  font-size: 14px;
}

.animated {
  animation-duration: 500ms;
}

.btn {
  border-radius: 2px;
}

.btn.btn-danger {
  border-color: #214883;
  background-color: #214883;
}

.btn.btn-primary {
  border-color: #2B2D42;
  background-color: #2B2D42;
}

.btn.btn-default:hover {
  background-color: #fafafa;
}

.top-hero {
  background-color: #fafafa;
  background-image: linear-gradient(90deg, #2b2d42, rgba(43, 45, 66, 0.75)), url("https://www.signelements.com/Isignstock/img/file/SE%20header%20image%202.jpg");
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
  height: 100vh;
  padding-top: 125px;
  display: flex;
  align-items: center;
}
.top-hero h1 {
  color: #EDF2F4;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-transform: uppercase;
  width: 50%;
  letter-spacing: -1px;
  line-height: .9;
}
.top-hero p {
  color: #EDF2F4;
}
@media only screen and (max-width: 768px) {
  .top-hero {
    min-height: 400px;
    padding-top: 50px;
  }
  .top-hero h1 {
    font-size: 36px;
    margin-top: 50px;
  }
}

.top-nav {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.top-nav.sticky {
  position: fixed;
}
.top-nav ul {
  float: right;
}
.top-nav ul .signup-btn {
  padding: .25em .5em;
}
.top-nav ul .signup-btn,
.top-nav ul .signup-btn:hover,
.top-nav ul .active {
  color: #EDF2F4 !important;
  border-bottom: 3px solid #214883 !important;
  border-color: #214883 !important;
}
.top-nav a {
  font-size: 1.1rem;
  color: #EDF2F4;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 0 0 5px;
  transition: .25s;
}
.top-nav a:hover {
  color: #214883;
  border-color: #214883;
}

.banner {
  color: #EDF2F4;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 40vh;
}
.banner .wrapper {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .banner {
    min-height: 400px;
  }
  .banner h1,
  .banner h2 {
    font-size: 20px;
  }
}
.banner.about, .banner.signup {
  background-color: rgba(33, 72, 131, 0.8);
}
.banner.about {
  background-image: linear-gradient(rgba(43, 45, 66, 0.75), rgba(43, 45, 66, 0.75)), url("https://images.unsplash.com/photo-1522165078649-823cf4dbaf46?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1050&q=80");
  height: 100vh;
}
.banner.learn {
  background-color: #2B2D42;
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://images.unsplash.com/photo-1493020258366-be3ead1b3027?dpr=1&auto=compress,format&fit=crop&w=1199&h=1199&q=80&cs=tinysrgb&crop=&bg=");
}
.banner.signup {
  background-color: rgba(33, 72, 131, 0.8);
}

/*footer {
  text-align: center;
  background-color: $color-gunmetal;
  color: $color-antiwhite;
  width: 100%;
  .copyright {
    padding: 0;
    margin-top: 7px;
    font-size: 0.9rem;
  }
}*/
.card {
  background-color: rgba(211, 211, 211, 0.1);
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.2);
}

i {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.ico {
  color: #214883;
}

.column img {
  margin-top: 18px;
  vertical-align: middle;
  width: 100%;
  height: auto;
}

.row2 {
  display: -ms-flexbox;
  width: 100%;
  /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap;
  /* IE10 */
  flex-wrap: wrap;
  padding: 1% 1%;
}

.column {
  flex: 16.4%;
  max-width: 16.4%;
  padding: 10px 10px;
}

@media screen and (max-width: 1200px) {
  .column {
    flex: 33.3%;
    max-width: 33.3%;
  }
}
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}
#about_modal .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#best-features {
  padding: 5%;
}

#nav2 {
  z-index: 100;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(33, 72, 131, 0.8);
}
#nav2 a {
  font-size: 1.5rem;
  color: #EDF2F4;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding: 0 0 5px;
  transition: .25s;
}
#nav2 a:hover {
  color: #fff;
  border-color: #fff;
}

.hovereffect {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 18px;
  left: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all .4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

/*.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}*/
.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 50px 0 0;
  padding: 0px 14px;
}

.hovereffect:hover img {
  /*-ms-transform:scale(1.2);
  -webkit-transform:scale(1.2);
  transform:scale(1.2);*/
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2, .hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

.footer-dark {
  padding: 50px 0;
  color: #f0f9ff;
  background-color: #2B2D42;
}

.footer-dark h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.footer-dark ul {
  padding: 0;
  list-style: none;
  line-height: 1.9;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
}

.footer-dark ul a {
  color: inherit;
  text-decoration: none;
  opacity: 0.6;
  text-align: center;
}

.footer-dark ul a:hover {
  opacity: 0.8;
}

@media (max-width: 767px) {
  .footer-dark .item:not(.social) {
    text-align: center;
    padding-bottom: 20px;
  }
}
.footer-dark .item.text {
  margin-bottom: 36px;
}

@media (max-width: 767px) {
  .footer-dark .item.text {
    margin-bottom: 0;
  }
}
.footer-dark .item.text p {
  opacity: 0.6;
  margin-bottom: 0;
}

.footer-dark .item.social {
  text-align: center;
}

@media (max-width: 991px) {
  .footer-dark .item.social {
    text-align: center;
    margin-top: 20px;
  }
}
.footer-dark .item.social > a {
  font-size: 20px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4);
  margin: 0 8px;
  color: #fff;
  opacity: 0.75;
}

.footer-dark .item.social > a:hover {
  opacity: 0.9;
}

.footer-dark .copyright {
  text-align: center;
  padding-top: 24px;
  opacity: 0.3;
  font-size: 13px;
  margin-bottom: 0;
}

#print_icon {
  width: 50px;
  height: auto;
  margin-top: -20px;
}

#print_icon_gallery {
  max-width: 65px;
  display: block;
  margin: 0 auto;
}

#v10_homeblock3_x4 IMG	{width: 64px;}
#v10_homeblock3_x7 IMG	{width: 64px;}

@media screen AND (max-width: 1100px){
	#v10_homeblock3_x4 IMG	{width: 32px;}
	#v10_homeblock3_x7 IMG	{width: 35px;}
}