/*!FROONT Project element styles */

h1 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #2d2d2d
}

h2 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 3.5rem!important;
  line-height: 1.2;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #b7daf2
}

h3 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #2d2d2d
}

h4 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.4;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #2d2d2d
}

h5 {
  font-family: Montserrat;
  font-weight: 600;
  font-size: .7rem;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: .07rem;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #2d2d2d
}

h6 {
  font-family: Roboto Slab;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
  color: #7d7d7d
}

p {
  font-family: Roboto Slab;
  font-weight: 300;
  font-size: 1.25rem!important;
  line-height: 1.8;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: #656565
}

ul li {
  font-family: Roboto;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.8;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    color: #ff0000;
    margin-left: -20px;
}

ol li {
  font-family: Roboto;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: #2d2d2d
}

blockquote {
  font-family: Roboto;
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.6;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  margin-left: 2.5rem;
  color: #2d2d2d
}

a {
  text-decoration: underline;
  color: inherit
}

.fr_wachtwoord_vergeten.fr-text p {
  font-size: .9rem;
  text-align: right;
  color: #b7daf2
}

.fr_container {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 100vh
}

.fr_grid {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 100vh
}

.fr_grid.fr-grid>.fr-widget {
  float: left
}

.fr_grid.fr-grid>.fr-widget:nth-child(2n+1) {
  margin-top: 0rem;
  margin-right: 0;
  margin-bottom: 0rem;
  margin-left: 0;
  width: 35%;
  clear: left;
  max-width: inherit
}

.fr_grid.fr-grid>.fr-widget:nth-child(2n+2) {
  margin-top: 0rem;
  margin-right: 0;
  margin-bottom: 0rem;
  margin-left: 0;
  width: 65%;
  clear: none;
  max-width: inherit
}

.fr_logo {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #b7daf2;
  background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%);
  position: relative;
  min-height: 100vh
}

.fr_login {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  position: relative;
  min-height: 100vh
}

.fr_text_block {
  float: none;
  display: block;
  left: 0;
  width: 100%;
  margin-top: 0rem;
  margin-right: auto;
  margin-left: auto;
  right: 0
}

.fr_grid_2 {
  float: none;
  display: block;
  width: 100%;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
  max-height: 25px
}

.fr_grid_2.fr-grid>.fr-widget {
  float: left
}

.fr_grid_2.fr-grid>.fr-widget:nth-child(3n+1) {
  margin-top: 0rem;
  margin-right: 0;
  margin-bottom: 0rem;
  margin-left: 0;
  width: 7%;
  clear: left;
  max-width: inherit
}

.fr_grid_2.fr-grid>.fr-widget:nth-child(3n+2) {
  margin-top: 0rem;
  margin-right: 0;
  margin-bottom: 0rem;
  margin-left: 0;
  width: 38%;
  clear: none;
  max-width: inherit
}

.fr_grid_2.fr-grid>.fr-widget:nth-child(3n+3) {
  margin-top: 0rem;
  margin-right: 0;
  margin-bottom: 0rem;
  margin-left: 0;
  width: 55%;
  clear: none;
  max-width: inherit
}

.fr_form_group_check {
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: #f2f2f2;
  max-height: 24px!important;
  max-width: 24px!important;
  border-radius: 3px;
}

.fr_container_5 {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 25px
}

.fr_text_block_4 {
  float: none;
  display: block;
  width: 100%;
  margin-top: 3px;
  margin-right: auto;
  margin-left: 10px;
  max-width: 800px
}

.fr_loginform {
  float: none;
  display: block;
  width: 100%;
  margin-top: 1rem;
  margin-right: auto;
  margin-left: auto
}

.fr_loginform_container {
  float: none;
  display: block;
  top: 50%;
  left: 0;
  width: 50%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.fr_form_group_email {
  float: none;
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #f2f2f2;
  min-height: 50px;
  max-height: 50px;
  border-radius: 3px
}

.fr_form_group_pass {
  float: none;
  display: block;
  width: 100%;
  margin-top: 1.5rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #f2f2f2;
  min-height: 50px;
  max-height: 50px;
  border-radius: 3px
}

.fr_text_block_5 {
  float: none;
  display: block;
  width: 100%;
  margin-top: 0rem;
  margin-right: auto;
  margin-left: auto
}

.fr_logo_container {
  float: none;
  display: block;
  top: 50%;
  left: 0;
  width: 50%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  right: 0;  
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%)
}

.fr_svg {
  width: 100%;
  margin-right: auto;
  margin-left: auto
}

.fr_svg_2 {
  width: 100%;
  margin-top: 1rem;
  margin-right: auto;
  margin-left: auto
}

.fr_svg_3 {
  display: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 80px
}

.fr_logo_cont_resp {
  float: none;
  display: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: red;
  min-height: 12rem
}

.fr_logo_resp {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 12rem
}

.fr_svg_4 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 80px
}

.fr_svg_5 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 80px
}

.fr_login_knop {
  float: none;
  display: block;
  min-width: 100%;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
  background-color: #b7daf2;
  background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%)!important;
  min-height: 50px;
  max-height: 50px;
  border-radius: 3px
}

.fr_container_6 {
  float: none;
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-height: 25px
}

.fr_svg_6 {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 80px;
  fill: #B8DAF2
}

.fr_text_block_6 {
  float: none;
  display: none;
  width: 100%;
  margin-top: 3px;
  margin-right: auto;
  margin-left: 10px;
  max-width: 800px
}

.fr_text_block_7 {
  float: none;
  display: none;
  width: 100%;
  margin-top: 0rem;
  margin-right: auto;
  margin-left: auto
}

.fr_svg .fr-svg-inner {
  padding-bottom: 64.77987421383648%;
  position: relative
}

.fr_svg_2 .fr-svg-inner {
  padding-bottom: 76.71232876712328%;
  position: relative
}

.fr_svg_3 .fr-svg-inner {
  padding-bottom: 64.77987421383648%;
  position: relative
}

.fr_svg_4 .fr-svg-inner {
  padding-bottom: 64.77987421383648%;
  position: relative
}

.fr_svg_5 .fr-svg-inner {
  padding-bottom: 76.71232876712328%;
  position: relative
}

.fr_svg_6 .fr-svg-inner {
  padding-bottom: 9.186746987951807%;
  position: relative
}

@media screen and (max-width:1024px) {
  .fr_text_block {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
  .fr_loginform {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
  .fr_loginform_container {
    width: 65%
  }
}

@media screen and (max-width:768px) {
  .fr_grid.fr-grid>.fr-widget {
    float: left
  }
  .fr_grid.fr-grid>.fr-widget:nth-child(2n+1) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 30%;
    clear: left;
    max-width: inherit
  }
  .fr_grid.fr-grid>.fr-widget:nth-child(2n+2) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 70%;
    clear: none;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget {
    float: left
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+1) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 10%;
    clear: left;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+2) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 35%;
    clear: none;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+3) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 55%;
    clear: none;
    max-width: inherit
  }
  .fr_loginform_container {
    width: 65%
  }
  .fr_logo_container {
    width: 65%
  }
}

@media screen and (max-width:624px) {
  h1 {
    font-family: Impact;
    font-weight: 300;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: right;
    letter-spacing: 0;
    color: #b7daf2
  }
  h3 {
    font-family: Roboto;
    text-align: center;
    color: #b7daf2
  }
  h4 {
    font-family: Impact;
    font-weight: 300;
    font-size: 1.5rem;
    text-align: left;
    color: #b7daf2
  }
  h6 {
    font-size: 1.4rem
  }
  p {
    font-family: Roboto Light;
    font-weight: 900;
    font-size: 1.05rem;
    text-align: left;
    color: #b7daf2
  }
  .fr_wachtwoord_vergeten.fr-text p {
    font-weight: 300;
    font-size: .85rem;
    text-align: right
  }
  .fr_container {
    min-height: 100vh
  }
  .fr_grid {
    min-height: 450px
  }
  .fr_grid.fr-grid>.fr-widget {
    float: left
  }
  .fr_grid.fr-grid>.fr-widget:nth-child(1n+1) {
    margin-top: 3rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 100%;
    clear: left;
    max-width: inherit
  }
  .fr_logo {
    display: none;
    margin-top: 0rem;
    margin-right: 0;
    margin-left: 0;
    background-color: #b7daf2;
    min-height: 11rem!important;
    min-width: 11rem!important;
    max-height: 11rem!important;
    max-width: 11rem!important
  }
  .fr_login {
    margin-top: 2rem;
    min-height: 400px
  }
  .fr_text_block {
    float: none;
    display: block;
    width: 100%;
    margin-top: 0rem;
    margin-right: auto;
    margin-left: auto
  }
  .fr_grid_2 {
    float: none;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
  .fr_grid_2.fr-grid>.fr-widget {
    float: left
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+1) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 10%;
    clear: left;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+2) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 35%;
    clear: none;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+3) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 55%;
    clear: none;
    max-width: inherit
  }
  .fr_text_block_4 {
    max-width: 90px
  }
  .fr_loginform {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
  .fr_loginform_container {
    width: 75%;
    margin-top: 2rem;
    min-height: 20rem
  }
  .fr_text_block_5 {
    display: block;
    width: 100%;
    margin-left: auto
  }
  .fr_logo_container {
    float: none;
    display: block;
    top: 50%;
    margin-top: 0;
    margin-right: auto;
    position: absolute;
    right: 0
  }
  .fr_svg {
    float: none;
    display: block;
    margin-top: 0rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 100px
  }
  .fr_svg_2 {
    margin-top: 0rem;
    max-width: 100px
  }
  .fr_svg_3 {
    display: none;
    max-width: 111px
  }
  .fr_logo_cont_resp {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    background-color: rgba(0, 0, 0, 0);
    min-height: 20vh
  }
  .fr_logo_resp {
    float: none;
    display: block;
    width: 75%;
    margin-top: 0rem;
    margin-right: auto;
    margin-left: auto;
    min-height: 8.25rem
  }
  .fr_svg_4 {
    display: none;
    margin-top: 0rem;
    margin-left: auto;
    max-width: 120px
  }
  .fr_svg_5 {
    margin-top: 1.5rem;
    max-width: 146px
  }
  .fr_container_6 {
    position: relative;
    min-height: 25px;
    max-height: 25px
  }
  .fr_svg_6 {
    float: none;
    display: block;
    width: 100%;
    margin-top: 1rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 446px;
    fill: #B8DAF2
  }
  .fr_text_block_6 {
    max-width: 90px
  }
  .fr_text_block_7 {
    display: none;
    width: 100%;
    margin-left: auto
  }
}

@media screen and (max-width:401px) {
  h6 {
    font-size: .85rem
  }
  .fr_wachtwoord_vergeten.fr-text p {
    font-size: .85rem
  }
  .fr_container {
    min-height: 23rem
  }
  .fr_login {
    margin-top: 4rem
  }
  .fr_text_block {
    float: none;
    display: block;
    width: 100%;
    margin-top: 5rem;
    margin-right: auto;
    margin-left: auto
  }
  .fr_grid_2.fr-grid>.fr-widget {
    float: left
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+1) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 15%;
    clear: left;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+2) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 35%;
    clear: none;
    max-width: inherit
  }
  .fr_grid_2.fr-grid>.fr-widget:nth-child(3n+3) {
    margin-top: 0rem;
    margin-right: 0;
    margin-bottom: 0rem;
    margin-left: 0;
    width: 50%;
    clear: none;
    max-width: inherit
  }
  .fr_text_block_4 {
    display: block;
  }
  .fr_loginform {
    float: none;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto
  }
  .fr_loginform_container {
    display: block;
    width: 85%;
    margin-top: 10rem;
    position: relative
  }
  .fr_text_block_5 {
    display: block;
  }
  h6 {
	  font-size: 1.25rem;
  }
  .fr_logo_cont_resp {
    margin-top: 0rem;
    min-height: 192px;
    max-height: 192px
  }
  .fr_logo_resp {
    width: 80%;
    height: 0rem;
    margin-top: 0rem
  }
  .fr_svg_5 {
    margin-top: 2rem;
    max-width: 135px
  }
  .fr_container_6 {
    display: block
  }
  .fr_text_block_6 {
    display: block
  }
  .fr_text_block_7 {
    display: block
  }
}
body {
	padding: 0px!important;
	overflow: hidden!important;
}
.navbar-inverse, .navbar {
	display: none!important;
}
.body-content {
	padding: 0px!important;
}
.container {
	width: 100%!important;
}
input#Email, input#Password {
    border-radius: 3px;
    box-shadow: inset 0 0px #fff!important;
    height: 50px;
    padding: 20px;
	font-family: Roboto Light!important;
    font-weight: 600!important;
}
div#form_group_pass {
    margin-top: 2em;
    margin-bottom: 2em;
}
div#form_group_email
{
    margin-top: 2em;
    margin-bottom: 2em;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s!important;
	color: #a8cc8c!important;
}
input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
	max-width: 25px!important;
	max-height: 25px!important;
	border: 0px!important;
}
input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #b7daf2;
    border-color: #b7daf2;
    width: 24px!important;
    max-width: 24px!important;
    height: 24px!important;
    max-height: 24px!important;
}
input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before {
	top: 3px!important;
    left: 9px!important;
}
input[type="radio"], input[type="checkbox"] {
	margin: 2px 0 0!important;
}
a, a:hover, a:focus, a:active {
	color: #b7daf2!important;
	text-decoration: none!important;
	font-size: 1.4rem!important;
}
a:hover {
	text-decoration: underline!important;
}
input.btn.btn-default {
    height: 50px;
    width: 100%;
}
.btn {
    text-transform: uppercase;
    border: none;
    color: white;
    background: #b7daf2;
	font-weight: 600;
	-webkit-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.btn:hover, .btn:active, .btn:focus {
	    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,.4);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
	border: none!important;
	border: 0px!important;
    color: white!important;
    background: #b7daf2;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
	background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%)!important;
	outline: none!important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	outline: none!important;
}
.text-danger {
    color: #e51c23;
    font-family: Roboto;
    font-style: italic;
}
div#logo_cont_resp {
    background: linear-gradient(90deg, hsla(217, 42%, 47%, 1) 0%, hsla(204, 69%, 83%, 1) 100%)!important;
}
img#auth-img {
    max-width: 100%;
    width: 400px;
}
img#auth-img2 {
    max-width: 75%;
    width: 400%;     
    margin-left: 12.5%;
}