.bg {
  width: 100%;
  padding: 75px 0;
  width: 150%;
  margin-left: -25%;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover; }
  .bg + .bg-light1, .bg + .bg-light2 {
    margin-top: 30px; }

.bg-strong1 {
  transform: rotate(2deg);
  margin-bottom: 75px; }
  .bg-strong1 .container {
    transform: rotate(-2deg); }

.bg-strong2 {
  transform: rotate(-2deg);
  margin-bottom: 75px; }
  .bg-strong2 .container {
    transform: rotate(2deg); }

.bg-light1 {
  transform: rotate(0.6deg);
  margin-bottom: 30px; }
  .bg-light1 .container {
    transform: rotate(-0.6deg); }

.bg-light2 {
  transform: rotate(-0.6deg);
  margin-bottom: 30px; }
  .bg-light2 .container {
    transform: rotate(0.6deg); }

.bgc1 {
  background-color: #0177a7; }

.bgc2 {
  background-color: #c93744; }

@media screen and (max-width: 768px) {
  .bg .container {
    width: 66%; } }
body {
  font-family: "Verdana"; }

.container-fluid {
  overflow: hidden; }

#header-block {
  background-image: url("../img/bg/head.jpg");
  margin-bottom: 75px; }
  #header-block .intro-text {
    font-size: 18px;
    margin-top: 50px;
    margin-bottom: 50px; }
  #header-block h1 {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: 100%;
    display: inline-block;
    padding: 5px 0;
    text-align: center;
    font-size: 3.4em;
    font-family: "Slabo";
    line-height: 1.7em; }

@font-face {
  font-family: 'Slabo';
  src: url("../fonts/Slabo/Slabo-webfont.eot");
  src: url("../fonts/Slabo/Slabo-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Slabo/Slabo-webfont.woff2") format("woff2"), url("../fonts/Slabo/Slabo-webfont.woff") format("woff"), url("../fonts/Slabo/Slabo-webfont.ttf") format("truetype"), url("../fonts/Slabo/Slabo-webfont.svg#slabo_27pxregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.hor-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .hor-list > .list-item {
    display: inline-block; }

.table-va {
  display: table;
  height: 100%; }

.table-td {
  display: table-cell;
  vertical-align: middle; }

.language-list {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0; }
  .language-list > .list-item {
    display: block;
    float: left;
    width: 100%; }

.language-list-item {
  display: inline-block;
  line-height: 50px;
  padding-right: 30px;
  width: 100%;
  color: #fff;
  -webkit-transition: .05s all ease-out;
  transition: .05s all ease-out; }
  .language-list-item > span {
    font-size: 2.5em;
    font-family: "Slabo";
    display: inline-block;
    float: left; }
  .language-list-item .hor-list {
    float: right; }
  .language-list-item .list-item {
    color: transparent; }
    .language-list-item .list-item:after {
      display: inline-block;
      content: ",";
      text-align: center;
      padding-right: 5px; }
    .language-list-item .list-item:nth-last-child(1):after {
      display: none; }
  .language-list-item:hover, .language-list-item:focus {
    background-color: #fff;
    color: #c93744; }
    .language-list-item:hover .list-item, .language-list-item:focus .list-item {
      color: #333; }

.language-block h2 {
  font-family: "Slabo";
  margin: 0; }
.language-block .hor-list {
  margin-left: 20%;
  margin-top: 15px; }
.language-block .list-item:after {
  content: "|";
  display: inline-block;
  padding-left: 0.6em;
  padding-right: 0.6em;
  width: 1px; }
.language-block .list-item:nth-last-child(1):after {
  display: none; }

.language-block-title {
  width: 20%;
  padding-right: 30px; }
  .language-block-title h2:after {
    bottom: -85px;
    content: attr(data-bg);
    font-size: 4em;
    opacity: 0.1;
    position: absolute;
    right: -74px; }

.language-block-text {
  width: 80%; }

@media screen and (max-width: 360px) {
  .col-xxs-12 {
    width: 100%; }

  .col-xxs-6 {
    width: 50%; } }

/*# sourceMappingURL=styles.css.map */