body {
  background-color: black;
  font-display: swap;
}

.overflow_hidden {
  overflow-y: hidden;
  overflow-x: hidden;
}

* img {
  object-fit: contain;
  max-width: 100%;
  height: auto;
}

.index_modal {
  margin-bottom: 50px;
  font-family: "Roboto", sans-serif;
  background-color: #000;
  color: white;
}

.index_modal .modal-header {
  background-color: #000;
  border-bottom: none;
}

.index_modal .modal-body {
  background-color: #000;
  font-size: 18px;
  color: white;
}

.index_modal .modal-footer {
  background-color: #000;
}

.index_modal .btn-secondary {
  background-color: red;
}

.index_modal p {
  margin-top: 40px;
}

.index_modal .big {
  font-size: 23px;
}

.index_form {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.logo_s {
  margin-top: 30px;
  max-width: 400px;
  max-height: 400px;
}

@media (max-width: 600px) {
  .logo_s {
    margin-top: 30px;
    max-width: 380px;
    max-height: 240px;
  }
}

.index_content a {
  display: block;
  border: 2px solid white;
  text-align: center;
  width: 500px;
}

.image_logo {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#index__img {
  max-width: 420px;
  max-height: 450px;
}

@media (max-width: 600px) {
  #index__img {
    max-width: 300px;
    max-height: 300px;
  }
}

.start_btn {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  cursor: pointer;
  font-size: 30px;
  border-radius: 5px;
  height: 80px;
  width: 200px;
  padding-left: 45px;
  text-align: center;
  background-color: #000;
  color: white;
  margin-top: 30px;
}

.start_btn:hover {
  border-left: 2px solid red;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-top: 2px solid red;
  border-right: 2px solid red;
  border-bottom: 2px solid red;
  color: red;
}

.start_btn:not(:hover) {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.photo {
  height: 400px;
  margin-bottom: 30px;
  margin-left: 20%;
}

.final_text {
  text-align: center;
  color: white;
  margin-bottom: 70px;
}

.front_page_photo img {
  height: 300px;
  margin-bottom: 200px;
}

@media (min-width: 700px) and (max-width: 800px) {
  .photo {
    max-height: 30%;
    margin-bottom: 15px;
    width: 100%;
  }

  .front_page_photo img {
    max-height: 35%;
    margin-top: 70px;
    margin-bottom: 10px;
    max-width: 100%;
  }

  .about_subtitle {
    margin-top: 70px;
  }
}

@media (max-width: 400px) {
  .photo {
    max-height: 70%;
    margin-bottom: 15px;
    width: 270px;
  }

  .front_page_photo img {
    max-height: 60%;
    margin-bottom: 10px;
    max-width: 100%;
  }

  .about_subtitle {
    margin-top: 20px;
    margin-bottom: 50px;
    font-family: "Droid Serif", arial;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  .front_page_photo img {
    height: 250px;
  }
}

@media (max-width: 600px) {
  .front_page_photo img {
    max-height: 60%;
    margin-bottom: 10px;
    margin-top: 20px;
  }

  .about_subtitle {
    margin-bottom: 20px;
  }

  .about_title {
    margin-top: -20px;
  }

  #circle {
    margin-left: 15%;
  }

  .about_title {
    margin-top: 10px;
  }
}

.promovideo {
  margin-bottom: 40px;
  height: 400px;
}

.main_logo {
  margin-bottom: 20px;
  margin-top: 7px;
  display: inline-block;
  height: 170px;
  width: 410px;
  z-index: 1;
}

.phone {
  text-align: center;
  display: inline-block;
  color: white;
  font-size: 25px;
  z-index: 1;
  margin-top: 10px;
}

.phone a {
  color: white;
  text-decoration: none;
}

.phone a:hover {
  text-decoration: none;
  color: red;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.phone a:not(:hover) {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.call {
  height: 40px;
  vertical-align: middle;
}

.soc_links {
  height: 45px;
  margin-top: 10px;
  margin-right: 2px;
  margin-left: 2px;
}

.soc_links:hover {
  transform: scale(1.4);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.soc_links:not(:hover) {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.self_defence {
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  margin-top: 10px;
}

@media (min-width: 700px) and (max-width: 800px) {
  .self_defence {
    font-size: 18px;
  }

  .soc_links {
    margin-top: -4px;
    margin-right: -20px;
    margin-left: 12px;
  }

  .main_logo {
    height: 140px;
    width: 270px;
  }

  .phone {
    font-size: 20px;
  }

  .graduate {
    width: 300px;
    margin-left: 30px;
  }
}

@media (max-width: 600px) {
  .main_logo {
    margin-bottom: 0px;
  }

  .self_defence {
    margin-top: 5px;
  }

  .self_defence p {
    font-size: 23px;
  }

  .phone {
    margin-top: 4px;
  }
}

.slider {
  display: block;
  height: 600px;
  width: 100%;
  z-index: 2;
  background-color: black;
}

.about_title {
  color: white;
  text-align: center;
  margin-bottom: 80px;
  margin-top: 50px;
}

.about_subtitle {
  color: white;
  text-align: left;
}

@media (max-height: 576px) {
  .about_img img {
    max-height: 100%;
    max-width: 100%;
  }
}

.grades_content {
  color: #fff;
  font-family: "Droid Serif", arial;
}

.grades_title {
  margin-bottom: 40px;
  text-align: center;
}

.grades_subtitle {
  text-align: left;
}

.info {
  font-family: "Droid Serif", arial;
}

.section_title {
  text-align: center;
  color: white;
  margin-bottom: 30px;
}

.section_text {
  color: white;
  text-align: justify;
  text-indent: 2em;
}

.section_img img {
  max-height: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}

.instructors_title {
  margin-top: 40px;
  text-align: center;
  color: white;
}

.instructors_img {
  text-align: center;
}

.instructors_img img {
  border: 2px solid red;
  /* max-width: 270px; */
  max-height: 480px;
}

.city_title {
  text-align: center;
  color: white;
  margin-bottom: 40px;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .msk {
    margin-bottom: 20px;
  }

  .instructors_subtitle {
    margin-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .msk {
    margin-bottom: 133px;
  }
}

.instructors_subtitle {
  color: white;
}

.instructors_subtitle a {
  color: white;
}

.instructors_subtitle a:hover {
  color: red;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.instructors_subtitle a:not(:hover) {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.schedule {
  height: 350px;
  margin-bottom: 20px;
  margin-left: -15px;
}

.graduate {
  width: 200px;
  height: 180px;
  margin-bottom: 20px;
  text-align: center;
  margin-left: -15px;
}

#chuvilkin {
  height: 250px;
}

@media (max-width: 400px) {
  .graduate {
    margin-left: 0;
  }

  .schedule {
    height: 200px;
    margin-left: 0;
  }

  #chuvilkin {
    height: 150px;
  }
}

@media (min-width: 400px) and (max-width: 600px) {
  .schedule {
    height: 250px;
    margin-left: 0;
  }

  .graduate {
    height: 230px;
    margin-left: 0;
    margin-right: 0;
  }
}

.lifestory_title {
  font-family: "Droid Serif", arial;
  color: white;
  text-align: center;
  margin-bottom: 30px;
}

.lifestory_subtitle {
  font-family: "Droid Serif", arial;
  font-size: 16px;
  color: white;
  text-align: left;
  margin-left: -15px;
}

.lifestory_subtitle h3 {
  text-align: center;
}

.lifestory_before {
  font-family: "Droid Serif", arial;
  font-size: 16px;
  color: white;
  text-align: left;
  margin-bottom: 170px;
}

.instructor_img img {
  height: 430px;
  width: 100%;
}

@media (max-width: 800px) {
  .lifestory_before {
    margin-bottom: 100px;
  }
}

#theTarget {
  height: 550px;
  width: 100%;
  display: block;
  margin-bottom: 50px;
}

#target {
  height: 550px;
  width: 100%;
  display: block;
  margin-bottom: 50px;
}

@media (max-width: 800px) {
  #target {
    height: 330px;
    width: 100%;
  }
}

@media (max-width: 400px) {
  #target {
    height: 270px;
    width: 100%;
  }
}

.expert {
  color: yellow;
}

.police {
  color: #3366FF;
}

.military {
  color: green;
}

.civil {
  color: red;
}

@media (max-width: 600px) {
  .instructors_subtitle {
    text-align: center;
  }

  .instructor_img {
    text-align: center;
    margin-bottom: 30px;
  }

  .instructor_img img {
    height: 300px;
    margin-left: 0;
  }

  .diploma {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    height: 10%;
  }

  #theTarget {
    margin-top: -50px;
    height: 300px;
    display: block;
    margin-bottom: 30px;
  }
}

.academy_title {
  text-align: center;
  color: white;
  margin-bottom: 30px;
}

.academy_photo {
  display: block;
  margin-bottom: 20px;
  max-width: 100%;
  max-height: 100%;
}

.academy_subtitle {
  font-family: "Droid Serif", arial;
  text-align: justify;
  color: white;
  text-indent: 2em;
}

@media (max-height: 700px) {
  .academy_subtitle {
    height: fit-content;
    margin: auto;
  }
}

.grades_title {
  text-align: center;
}

.patch {
  height: 270px;
  width: 220px;
  margin-bottom: 20px;
}

.patches {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 40px;
}

@media (max-width: 600px) {
  .patches {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.square {
  font-family: "Roboto", sans-serif;
  display: inline-block;
  height: 220px;
  width: 200px;
  background-color: #fff;
  margin-bottom: 10px;
  text-align: left;
  color: white;
}

.square:hover {
  color: red;
  border: 2px solid red;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.square:not(:hover) {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.square p {
  opacity: 1;
}

.civilian {
  background: url("../img/profiles/cic.jpg") bottom no-repeat;
  background-size: cover;
}

.army {
  background: url("../img/profiles/military.JPG");
  background-size: cover;
}

.law_order {
  background: url("../img/profiles/law-enforcement_logo.jpg");
  background-size: cover;
}

.protection {
  background: url("../img/profiles/3-d_party.jpg");
  background-size: cover;
}

.swat {
  background: url("../img/profiles/swat_img.jpg");
  background-size: cover;
}

.women {
  background: url("../img/profiles/women.jpg") center;
  background-size: cover;
}

.kids {
  background: url("../img/kids__img.jpg") center;
  background-size: cover;
  color: white;
}

.medicine {
  color: black;
}

.shooting {
  background: url("../img/profiles/tactical_shooting_logo.jpg") top;
  background-size: cover;
  color: white;
}

.shooting h2 {
  text-align: center;
}

.military_space {
  margin-top: 27%;
}

.swat_space {
  margin-top: 25%;
}

.shooting_space {
  margin-top: 10%;
}

.medical_space {
  margin-top: 15%;
}

.women_space {
  margin-top: 30%;
}

.kids_space {
  margin-top: 30%;
}

.law {
  margin-bottom: 45px;
}

.third_party {
  margin-bottom: 40px;
  margin-top: -25px;
}

.civ {
  font-size: 30px;
}

.military_space {
  margin-bottom: 0px;
  margin-top: 90px;
}

@media (min-width: 700px) and (max-width: 800px) {
  .square {
    text-align: center;
    width: 100%;
    margin-right: 0px;
    margin-left: 0;
  }

  .military_space {
    margin-bottom: -10px;
    margin-top: 90px;
  }

  .swat_space {
    margin-top: 50px;
    margin-bottom: -5px;
  }

  .medical_space {
    margin-top: 5%;
  }

  .women_space {
    margin-bottom: 20px;
    margin-top: 40px;
  }

  .kids_space {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .third {
    margin-top: -15px;
    font-size: 14px;
  }

  .civ {
    font-size: 20px;
  }
}

.trainings_info {
  color: #fff;
}

.trainings_info__text {
  text-align: left;
}

.equip {
  max-height: 300px;
  max-width: 350px;
  text-align: center;
}

.schedule_img {
  max-width: 80%;
  max-height: 80%;
  margin-bottom: 20px;
}

@media (max-width: 700px) {
  .equip {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    max-width: 280px;
    max-height: 280px;
    margin-left: -15px;
  }
}

.map {
  width: 100%;
  height: 500px;
  margin-bottom: 30px;
}

.contacts_title {
  text-align: center;
  color: white;
  margin-bottom: 50px;
}

.contacts_how_to {
  color: white;
}

.club {
  height: 800px;
  width: 100%;
}

@media (max-width: 400px) {
  .club {
    width: 100%;
    height: 250px;
  }
}

@media (max-width: 600px) {
  .club {
    width: 100%;
    height: 300px;
  }
}

@media (min-width: 700px) {
  .club {
    width: 100%;
    height: 500px;
  }
}

@media (min-width: 1000px) {
  .club {
    width: 100%;
    height: 750px;
  }
}

.square_article {
  display: inline-block;
  height: 220px;
  width: 200px;
  background-color: #000;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-top: 30px;
  text-align: left;
  color: white;
  text-align: center;
}

.square_article:hover {
  border: 3px solid red;
  cursor: pointer;
  color: red;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.square_article:not(:hover) {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 700px) {
  .square_article {
    text-align: center;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

#kid {
  height: 400px;
  display: block;
}

#woman {
  margin-top: 20px;
}

#vip_logo {
  max-height: 100%;
  margin-top: 20px;
}

.square_articles {
  display: inline-block;
  height: 220px;
  width: 200px;
  background-color: #000;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: left;
  color: white;
  text-align: center;
}

.square_articles:hover {
  border: 3px solid red;
  cursor: pointer;
  color: red;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.square_articles:not(:hover) {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

@media (max-width: 700px) {
  .square_articles {
    text-align: center;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}

.articles_content {
  font-family: "Roboto", sans-serif;
}

.articles_content h2 {
  text-align: center;
  color: white;
  margin-bottom: 30px;
}

.modal-header {
  font-family: "Roboto", sans-serif;
  background-color: #fff;
}

.modal-title {
  font-family: "Roboto", sans-serif;
  text-align: center;
  background-color: #fff;
  color: #000;
}

.modal-body {
  font-family: "Roboto", sans-serif;
  background-color: #fff;
  color: #000;
}

.modal-body img {
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 40px;
}

.modal-footer {
  background-color: #fff;
}

@media (max-width: 992px) {
  .phone {
    text-align: center;
    margin-bottom: 40px;
  }

  .logo {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media (max-width: 576px) {
  .main_logo {
    width: 100%;
    height: 100%;
    margin-top: 10px;
  }
}

.seminars_title {
  color: white;
  margin-bottom: 30px;
  text-align: center;
}

.seminars_text {
  margin-bottom: 30px;
  color: white;
}

.seminars_text h4 {
  text-align: center;
}

.seminars_text a {
  color: red;
  text-decoration: none;
}

.seminars_text a:hover {
  text-decoration: none;
  color: white;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.seminars_text a:not(:hover) {
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.imi_img {
  height: 400px;
  width: 300px;
  margin-right: 70px;
}

.military_img {
  height: 420px;
  width: 610px;
}

@media (max-width: 700px) {
  .imi_img {
    margin-right: 0;
    height: 320px;
    width: 270px;
    margin-bottom: 40px;
  }

  .military_img {
    height: 200px;
    width: 290px;
  }
}

.menu-link {
  z-index: 100001;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #dcdcdc;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 2vh;
  left: 2px;
}

.menu-link span,
.menu-link span::before,
.menu-link span::after {
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -9px;
  top: 50%;
  margin-top: -1px;
  height: 2px;
  width: 18px;
  background-color: red;
}

.menu-link span::before {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  margin-top: -6px;
}

.menu-link span::after {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  content: "";
  margin-top: 4px;
}

.menu-link_active {
  background-color: #000;
}

.menu-link_active span {
  background-color: transparent;
}

.menu-link_active span::before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: 0;
}

.menu-link_active span::after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: 0;
}

.menu_mobile {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-transform: uppercase;
  background-color: #000;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100000;
  left: -100vw;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.menu_mobile li {
  color: #fff;
  width: 100vw;
}

.menu_mobile ul {
  list-style: none;
  padding: 0;
  text-align: center;
}

.menu_mobile ul a {
  display: block;
  width: 100%;
  font-size: 25px;
  letter-spacing: 3px;
  color: white;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.menu_mobile ul a:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .menu_mobile ul a:hover {
    color: red;
  }
}

.menu_mobile_active {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow-x: hidden;
  position: fixed;
}

@media (max-width: 577px) {
  .menu_mobile_active {
    align-items: unset;
    overflow-y: auto;
  }
}

.references {
  color: white;
}

.references p {
  color: white;
}

.official {
  color: white;
  margin-top: 20px;
  margin-bottom: 40px;
}

.month {
  font-size: 26px;
  color: white;
}

.month p {
  font-size: 16px;
}

.event_title {
  color: white;
  font-size: 20px;
}

.new_event {
  color: white;
  padding-top: 20px;
}

.videos {
  margin-top: 30px;
}

.submenu,
.submenu_second,
.submenu_third,
.submenu_fourth {
  display: none;
}

.chosen {
  color: red !important;
}

@media (min-width: 800px) {
  .menu-link {
    margin-top: 11%;
    height: 60px;
    width: 60px;
    margin-left: 0.9%;
  }

  .menu_mobile ul a {
    font-size: 27px;
  }
}

.submenu li a,
.submenu_second li a,
.submenu_third li a,
.submenu_fourth li a {
  letter-spacing: 0;
  text-transform: none;
  font-size: 25px;
}

#news_new {
  display: inline;
  border-bottom: 2px solid red;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background-color: black;
}

::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 3px;
}