@font-face {
  font-family: "FontAwesome";
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?v=4.5.0");
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0")
      format("embedded-opentype"),
    url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff2?v=4.5.0")
      format("woff2"),
    url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.woff?v=4.5.0")
      format("woff"),
    url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.ttf?v=4.5.0")
      format("truetype"),
    url("//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-twitter:before {
  content: "\f099";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-car:before {
  content: "\f1b9";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-book:before {
  content: "\f02d";
}
.fa-check:before {
  content: "\f00c";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-question:before {
  content: "\f128";
}

html {
  height: 100%;
  min-height: 100%;
}
body {
  min-height: 100%;
}

.block {
  font-size: 17px;
}
nav ul li {
  list-style: none;
  padding: 15px;
  float: left;
  font-size: 17px !important;
}
nav ul li i {
  font-size: 20px !important;
}
.home-div ul {
  float: left;
  margin-bottom: 0;
  text-align: center;
  width: 25%;
}
.home-div li {
  list-style: none;
  margin: 2px 0;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: break-word;
}
.home-div {
  /*background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;*/
  /*max-width: 728px;*/
  /*color: white;
	bottom: 0;
    left: 0;
    margin: auto;
	width: 100%;
    min-height: 450px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
*/
  color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.main-div {
  padding: 0 20px;
  /* margin-top:40px; */
  
}
.states {
  display: none;
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  font-size: 18px;
  margin: 10px auto 0;
  max-width: 1000px;
  padding: 10px;
  color: gray;
  border-radius: 8px;
}
.states a {
  color: #fff;
}

button:focus {
  outline: 0;
}
.start-button {
  background: #4d90fe none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: white;
  font-size: 23px;
  height: 57px;
  transition: background 0.2s ease-in-out 0s;
  padding: 0 30px;
  cursor: pointer;
  border: 1px solid #4d90fe;
  outline: 0;
  border-radius: var(--border-radius);
}
.start-button:hover {
  color: #4d90fe;
  background: white;
}
.icons i {
  font-size: 90px;
}
.icons {
  max-width: 1600px;

  margin: 30px auto 0;
}
.blocks > div {
  float: none;
  width: 100%;
  margin: 0 auto 20px;
}

#block1 {
  /* background: rgba(0, 0, 0, 0) url("/images/back-dmv.jpg") no-repeat scroll center center; 
  background: rgba(0, 0, 0, 0)
    url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-dark-2.jpg")
    no-repeat scroll center bottom; */

  height: 100%;
  height: 100vh;
  margin: 0;
  /* padding: 20px; */
  background-size: cover;
  background-color: unset;
  background-position-x: center;
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-image: url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-dark-2.jpg"), url("/images/dmv-back-dark-low.jpg");
  background-origin: padding-box;
  background-clip: border-box;
}
#block1.cdl {
  background: rgba(0, 0, 0, 0)
    url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-cdl2-min.jpg")
    no-repeat scroll center bottom;
  background-size: cover;
}
#block1.moto {
  background: rgba(0, 0, 0, 0)
    url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-moto-min.jpg")
    no-repeat scroll center bottom;
  background-size: cover;
}
@media (max-width: 420px) {
  #block1 {
    background-image: url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-dark-mobile.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    /* background-attachment: fixed; */
    padding: 0px;
  }
  #block1.cdl {
    background-image: url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-cdl2-min.jpg");
  }
  #block1.moto {
    background-image: url("//s3.amazonaws.com/cdn.dmv-permit-test.com/images/dmv-back-moto-min.jpg");
  }
}
.block {
  text-align: center;
  padding: 20px;
  min-height: 300px;
}
#block3 {
  background: #34a853;
  color: white;
}
#block4 {
  padding: 70px 0;
}
#block4 .row {
  margin: 0 auto;
  max-width: 1100px;
}
#block4 p {
  margin-bottom: 15px;
}
#block4 .row > div {
  width: 50%;
  float: left;
}

#block6 {
  background: #363636;
  color: #bdb7b3;
  height: 50px;
  min-height: 50px;
}

.bullet i {
  margin-right: 10px;
  width: 20px;
}

.home h2,
.home h3,
.home h4 {
  font-size: 35px;
  margin: 0 auto 30px;
}
.home h3 {
  margin: 30px 0 70px;
}
#block4 {
  background: #f2f2f2;
}
#block4 .row > div {
  float: none;
  margin-bottom: 20px;
  width: 100%;
}
.bullet {
  text-align: left;
  max-width: 400px;
  margin: 0 auto;
  font-size: 22px;
}
.sq {
  margin: 0 auto;
  max-width: 320px;
  padding: 0 40px;
}
.sq i {
  margin-bottom: 20px;
  font-size: 120px;
}
.sq p {
  margin: 20px 0;
}
.main-div h1 {
  font-size: 28px;
  margin: 10px 0;
}
.main-div h2 {
  font-size: 26px;
  margin: 20px auto;
}

.home .link-en {
  text-transform: uppercase;
  position: absolute;
  right: 40px;
  top: 5px;
  z-index: 80;
}
.home .link-en a {
  color: white;
}

.link-en {
  /* display: none; */
}

@media (min-width: 840px) {
	.home .link-en{
		right: 25px;
		top: 15px;
	}
}
@media (min-width: 728px) {
  .mobile-menu,
  #mini-menu {
    display: none;
  }
  .link-en {
    display: block;
  }
  .link-en{
    right: 35px;
    top: 20px;
  }
}

@media (min-width: 420px) {
  .main-div {
    margin-top: 50px;
    padding-top: 0;
  }

  .main-div h1 {
    font-size: 30px;
    margin: 15px 0;
  }
  .main-div h2 {
    font-size: 30px;
    margin: 30px auto;
  }
  .home-div {
    margin: 0;
  }
}
.home .icon-nav,
.home .esp a {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: var(--border-radius);
  transition: background 0.2s ease-in-out 0s;

  padding: 2px 8px;
}
.home .icon-nav svg {
  margin: 0;
}
.home .icon-nav:hover {
  background: #4d90fe;
}
nav ul li {
  padding: 5px;
}
.home-sel span.icon-nav {
  background: #4d90fe;
}

.home-sel span.icon-nav:hover{
  background: #fff;

}
.home-sel span.icon-nav:hover svg {
  fill: #4d90fe;
}

#homepage #footer {
  max-width: unset;
}