body {font-family: 'BenchNine', sans-serif; font-size: calc(1em + .5vw); color: #fff; background: #2F5D81; letter-spacing:.05em;}

h1 { font-size:1.5em; text-transform: uppercase; line-height: 1;
margin: 10px 0 50px 0;	
letter-spacing:.05em;}
h2 {font-size: 1.5em; width: 80%;}	
/**********************/	

.f-w3 {font-weight: 300}
.f-w6 {font-weight: 600}
.f-w9 {font-weight: 900}

/***/
.c-white {color: #fff}
.c-red {color: #FF3334}
.c-yelloy {color: #ffdb4d; text-decoration: none}
/***/

/***/
.b-white {background: #fff}
.b-red {background: #FF3334}
.b-black {background: #010103}
/***/


.f-s-sm {font-size: 0.75em;}
.f-s-md {font-size: 1.4em;}
.f-s-lg {font-size: 2.5em;}




/*****************************/
.flex {display: flex;}
.flex-center {display: flex;
  align-items: center;
  justify-content: center;}

/*******/

.nav-link {font-size: 16px;}

section:nth-child(1) {}

section {min-height: 100vh; width: 100vw}



/*******/

#intro{}


.block-logo img {width: 205px;}

.block-info {margin-top: 20vh; height: 30vh; padding-top:60px;}
.block-logo {margin-top: 20vh; height: 30vh;}







/**********************************************/

form button {
  width: 100%;
  max-width: 284px;
  margin: 0 0 0 auto; }

.modal-header {
  background: #F3F8FF;
  padding: 25px 20px;
  border: none; }
  .modal-header .close {
    padding: 0;
    margin: 0; margin-top: -20px;
    opacity: 1;
    width: 17px;
    height: 17px;
 }
  .modal-header .logo {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
   }
  .modal-header .logo-title {
    font-size: 34px; }
  .modal-header .logo-description {
    display: none; }

.modal-content {
  border: none;
    border-radius: 0; }
  .modal-content h3 {
    text-align: center;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #283C63;
    margin: 0 auto 40px; }

.modal-dialog {
  max-width:auto; }

.modal-body {
  padding: 34px 0 60px; }

.form-group {
  position: relative;
  width: 100%;
  height: 60px;
  margin: 0 0 20px;
  border: 1px solid #4F4F4F;
    border-radius: 3px;
  padding: 0 20px 0 20px;

  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #4F4F4F; }
  .form-group input {
    border: none;
      border-radius: 0;
    padding: 0;
    height: 19px;
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-family: "Roboto", sans-serif; }
    .form-group input::-webkit-input-placeholder {
      color: #4F4F4F; }
    .form-group input::-moz-placeholder {
      color: #4F4F4F; }
    .form-group input::-ms-input-placeholder {
      color: #4F4F4F; }
    .form-group input::placeholder {
      color: #4F4F4F; }
    .form-group input:hover, .form-group input:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    outline: none;
    padding: 0 14px 0 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #4F4F4F;
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    background: url("../img/arrow-bottom.svg") no-repeat right center;
      background-size: 14px;
    border: none;
      border-radius: 0; }
    .form-group select:hover, .form-group select:focus {
      outline: none;
      -webkit-box-shadow: none;
              box-shadow: none; }

.form-group-error {
  border: 1px solid #EB5757;
  color: #EB5757; }
  .form-group-error input {
    color: #EB5757; }
    .form-group-error input::-webkit-input-placeholder {
      color: #EB5757; }
    .form-group-error input::-moz-placeholder {
      color: #EB5757; }
    .form-group-error input::-ms-input-placeholder {
      color: #EB5757; }
    .form-group-error input::placeholder {
      color: #EB5757; }

label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  margin: 0 0 2px; }

input {
  border: none;
    border-radius: 0;
  padding: 0;
  height: 19px;
  color: #4F4F4F;
  font-size: 16px;
  font-weight: 300;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Roboto", sans-serif; }
  input::-webkit-input-placeholder {
    color: #4F4F4F; }
  input::-moz-placeholder {
    color: #4F4F4F; }
  input::-ms-input-placeholder {
    color: #4F4F4F; }
  input::placeholder {
    color: #4F4F4F; }
  input:hover, input:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none; }