@font-face {
  font-family: "capture";
  src: url("../fonts/capture-it.ttf");
}
@font-face {
  font-family: "futura";
  src: url("../fonts/futura/FuturaMediumC.ttf");
}
@font-face {
  font-family: "futura-bold";
  src: url("../fonts/futura/FuturaDemicC.ttf");
}
body {
  font-size: 16px;
  font-family: "futura", sans-serif;
  width: 100vw;
  overflow-x: hidden;
}
body a {
  text-decoration: none;
}
body img {
  width: 100%;
}
body .flag-img {
  position: absolute;
  left: 0;
  top: 600px;
  width: 20vw;
}
body .header__title {
  font-family: "capture", sans-serif;
  text-transform: uppercase;
}
body .btn-more {
  padding: 10px 50px;
  background-color: #E42727;
  color: #fff;
  border-radius: 0;
}
body .btn-more:hover {
  color: #fff;
  background-color: #ea5454;
  transition: all 0.2s ease-in-out;
}

.red-font {
  color: #E42727;
}

.invisible__object {
  outline: none;
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.header {
  padding: 20px 0;
  color: #666666;
  background: #fff url(../img/header/header.png) right no-repeat;
  background-size: cover;
}
.header nav ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.header nav ul li {
  display: inline-block;
}
.header nav ul li a {
  padding: 10px 20px;
  font-size: 20px;
  color: #fff;
  transition: all 0.2s ease-in-out;
}
.header nav ul li a:hover {
  color: #E42727;
}

.main {
  position: relative;
  margin-bottom: 100px;
  padding-top: 100px;
  color: rgb(119, 119, 119);
}
.main__info {
  position: relative;
  margin-bottom: 50px;
  z-index: 2;
}
.main__name {
  margin-bottom: 15px;
  padding-top: 50px;
  font-size: 20px;
}
.main__title {
  margin-bottom: 30px;
  font-size: 48px;
  line-height: 48px;
  font-family: "capture", sans-serif;
  text-transform: uppercase;
}
.main__subtitle {
  width: 300px;
  font-size: 18px;
  color: rgb(146, 146, 146);
}
.main__img {
  margin-top: -40%;
}

.partners {
  margin-bottom: 100px;
}
.partners .main__partner-img {
  margin: 0 auto;
  width: 145px;
  height: 180px;
  margin-bottom: 30px;
}
.partners .main__partner-img img {
  margin: 0 auto;
  width: 100%;
}
.partners .main__partner-title {
  margin: 0 auto;
  width: 240px;
  text-align: center;
  text-transform: uppercase;
  color: rgb(119, 119, 119);
}

.about {
  padding: 100px 0;
  color: #F1F2F2;
}
.about__img {
  width: 300px;
  margin: 0 auto;
}
.about__img img {
  margin-bottom: 50px;
}
.about__title {
  margin-bottom: 50px;
  font-size: 48px;
  color: #fff;
}
.about__text {
  position: relative;
  padding-left: 30px;
  border-left: 1px solid #FCFCFF;
  font-size: 20px;
  color: rgb(156, 156, 156);
}
.about ul {
  padding: 0;
}
.about ul li {
  margin-bottom: 30px;
  list-style: none;
}
.about ul li ul {
  padding-left: 30px;
}
.about ul li ul li {
  margin-bottom: 0px;
  list-style: square;
}
.about ul li ul li::before {
  display: none;
}
.about ul li::before {
  content: "";
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #E42727;
  border-radius: 50%;
  margin-left: -11px;
}
.about__person .header__title {
  font-size: 32px;
  text-transform: uppercase;
  color: #E42727;
}
.about__person .about__img {
  padding-top: 100px;
  width: 100%;
  margin: 0 auto;
}
.about__corp {
  background: #171717 url(../img/about/about.jpg) center no-repeat;
  background-size: cover;
}

.litovkin {
  background: #171717 url(../img/about/bg-litovkin.jpg) center no-repeat;
  background-size: cover;
}

.rijkov .about__text {
  border-left: 1px solid rgba(30, 30, 30, 0.25);
  background: #fff url(../img/about/karate2.png) center no-repeat;
  background-size: contain;
}

.peklich .about__text {
  border-left: 1px solid rgba(30, 30, 30, 0.25);
  background: #fff url(../img/about/karate1.png) center no-repeat;
  background-size: contain;
}

.gallery {
  padding: 100px;
}

.structure {
  padding: 150px 0;
  background: #171717 url(../img/structure/structure-bg.jpg) center no-repeat;
  background-size: cover;
  color: rgb(146, 146, 146);
}
.structure .header__title {
  margin-bottom: 30px;
  color: #fff;
  font-size: 36px;
}
.structure__page {
  min-height: 80vh;
  margin-top: -120px;
}

.news {
  padding: 100px 0;
  color: rgb(119, 119, 119);
}
.news .header__title {
  margin-bottom: 50px;
  color: #1E1E1E;
  font-size: 36px;
  text-align: center;
}
.news__item {
  display: flex;
  flex-direction: column;
  height: 99%;
  margin-bottom: 30px;
  padding: 20px 10px;
  background: #171717 url(../img/news/news-bg.png) center no-repeat;
  background-size: cover;
}
.news__item .card-btn{
    margin-top: auto;
}
.news__img img {
  margin-bottom: 10px;
  height: 240px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.news__title {
  margin-bottom: 10px;
  font-family: "futura-bold", sans-serif;
  color: #aaaaaa;
}

.news__subtitle p{
  margin-bottom: 0px;
}

.news__subtitle {
  margin-bottom: 15px;
}

.post {
  padding: 100px 0;
  color: rgb(119, 119, 119);
}
.post .header__title {
  margin-bottom: 50px;
  color: #1E1E1E;
  font-size: 36px;
  text-align: center;
}
.post__item {
  padding: 20px 10px;
  background-size: cover;
}
.post__img img {
  margin-bottom: 10px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.post__title {
  margin-bottom: 10px;
  font-family: "futura-bold", sans-serif;
  color: #aaaaaa;
}
.post__subtitle {
  margin-bottom: 15px;
}

.footer {
  padding: 100px;
  background-color: #1E1E1E;
  color: rgb(119, 119, 119);
}

@media screen and (min-width: 1200px) {
  .main__subtitle {
    width: 450px;
  }
}
@media screen and (max-width: 1199px) {
  .main__name {
    font-size: 18px;
  }
  .main__title {
    font-size: 38px;
  }
  .main__subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .main__img {
    margin-top: 0%;
  }
}
@media screen and (max-width: 575px) {
  .header nav ul li{
    display: block;
    padding: 10px;
    border-bottom: 1px solid #fff;
}
  .flag-img {
    display: none;
  }
}/*# sourceMappingURL=main.css.map */