/* Общая таблица стилей */
@font-face {
    font-family: 'AABebasNeue';
    src: url('../fonts/AABebasNeue.eot');
    src: url('../fonts/AABebasNeue.eot') format('embedded-opentype'),
         url('../fonts/AABebasNeue.woff2') format('woff2'),
         url('../fonts/AABebasNeue.woff') format('woff'),
         url('../fonts/AABebasNeue.ttf') format('truetype'),
         url('../fonts/AABebasNeue.svg#AABebasNeue') format('svg');
}
@font-face {
    font-family: 'RalewayBold';
    src: url('../fonts/RalewayBold.eot');
    src: url('../fonts/RalewayBold.eot') format('embedded-opentype'),
         url('../fonts/RalewayBold.woff2') format('woff2'),
         url('../fonts/RalewayBold.woff') format('woff'),
         url('../fonts/RalewayBold.ttf') format('truetype'),
         url('../fonts/RalewayBold.svg#RalewayBold') format('svg');
}
@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/RalewayLight.eot');
    src: url('../fonts/RalewayLight.eot') format('embedded-opentype'),
         url('../fonts/RalewayLight.woff2') format('woff2'),
         url('../fonts/RalewayLight.woff') format('woff'),
         url('../fonts/RalewayLight.ttf') format('truetype'),
         url('../fonts/RalewayLight.svg#RalewayLight') format('svg');
}
@font-face {
    font-family: 'RalewayRegular';
    src: url('../fonts/RalewayRegular.eot');
    src: url('../fonts/RalewayRegular.eot') format('embedded-opentype'),
         url('../fonts/RalewayRegular.woff2') format('woff2'),
         url('../fonts/RalewayRegular.woff') format('woff'),
         url('../fonts/RalewayRegular.ttf') format('truetype'),
         url('../fonts/RalewayRegular.svg#RalewayRegular') format('svg');
}
@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf');
}
@font-face {
    font-family: 'RobotoCondensed-Light';
    src: url('../fonts/RobotoCondensed-Light.ttf');
}
@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/RobotoCondensed-Bold.ttf');
}

html {
  font-size: 20px;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #333;
}


body.compactDevice {
  overflow-x: hidden;
  overflow-y: scroll;
}

h1 {
  font-family: 'RalewayBold', sans-serif;
  font-size : 1.5rem;
  line-height : 1.33em;
  color : #697075;
}

h2 {
  font-family: 'RalewayBold', sans-serif;
  font-size : 1rem;
  line-height : 1.2em;
  color : #39B54A;
}

.text {
  font-family: 'RalewayRegular', sans-serif;
  font-size: 0.8rem;
  line-height: 1.625em;
  color: #383838;
}
.text.bold {
  font-family: 'RalewayBold', sans-serif;
}

.lead {
  font-family: 'RalewayRegular', sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  color: #383838;
}
.lead.bold {
  font-family: 'RalewayBold', sans-serif;
}
.link {
  font-family : 'RalewayRegular', sans-serif;
  font-size : 0.8rem;
  color : #0013BC;
}
  .link:hover {
    color : #000F95;
    border-bottom: 1px solid rgba(0, 113, 188, 0.3);
  }
  

a {
  text-decoration: none;
  transition: color 0.2s ease;
}
a.text {
  color: #383838;
}
  a.text:hover {
    color: #121212;
  }
  input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-radius : 5px;
    text-decoration: none;
    font-family : 'RalewayRegular';
    font-size : 0.8rem;
    line-height : 1.625em;
    width : 100%;
    height : 46px;
    background : rgba(57,181,74,1);
    font-family : 'RalewayBold';
    color : #FFFFFF;
    border : 1px solid #009245;
    cursor: pointer;
    transition: color 0.2s ease,
                background-color 0.2s ease,
                border 0.2s ease;
  }
    input[type='submit']:hover {
      background-color: rgba(57,181,74,0.8);
    }
    form input[type='submit'] {
      margin-top: 20px;
    }

  .input,
  .textarea {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 1em 0 0;
    border: 1px solid #cecece;
    border-radius: 5px;
    width: 100%;
    vertical-align: top
  }
  .input {
    height: 46px;
  }
  .textarea textarea.input__field--akira {
    min-height: 4.6rem;
    text-align: left;
  }

.input__field {
  position: relative;
  display: block;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  font-size: 0.8rem;
  color: #383838;
  font-weight: bold;
  resize: none;
  font-family: 'RalewayRegular', sans-serif;
  -webkit-appearance: none; /* for box shadows to show on iOS */
}
textarea.input__field {
  padding-top: 0.8em;
  padding-bottom: 2.6em;
}

.input__field:focus {
  outline: none;
}

.input__label {
  display: inline-block;
  padding: 0 1em;
  width: 40%;
  color: #6a7989;
  font-size: 70.25%;
  text-align: center;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input__label-content {
  position: relative;
  display: block;
  font-family: 'RalewayRegular';
  font-size: 0.8rem;
  color: #383838;
  opacity: 0.7;
  line-height: 46px;
  width: 100%;
}

.graphic {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
}

.icon {
  color: #ddd;
  font-size: 150%;
}

header,
main,
footer {
  min-width: 1024px;
}

.b-clear {
    clear: both;
}

/* HEADER */
  header {
    top: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background-color: #3B5998;
  }

      .l-header nav
        {
        height: 100%;  
        }
  
      .l-header .header-nav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 0 20px;
      }
        .l-header .header-nav a {
          font-size: 0.7rem;
          color: #FFF;
        }
        .l-header .header-nav a:hover {
          color: #FDDC9A;
        }
        
        .l-header .header-nav a.active {
          color: #4EC9E5;
          cursor: default;
        }
    
select.form-control {
    padding: 4px;
    height: 36px !important;
    font-size: 14px;
    border-color: #BDCED4;
    cursor: pointer;
}

.btn.btn-primary{
    padding: 4px;
    font-size: 14px;
    background-color: #009444;
    border-color: #1B8636;
}