/* Generated by less 2.5.1 */
/*------------------------------------------------------------------
[Table of contents]

1. PART 1

1.1. Elements styles
1.2. Top panel
1.3. Main slider
1.4. Socials
1.5. Classes section
1.6. Shedule section
1.7. Trainers section
1.8. Blog section
1.9. Video section
1.10. Description section
1.11. Instagram section
1.12. Footer
1.13. Map section
1.14. Feedback form
1.15. Sitemap section
1.16. Awards section
1.17. Modals 
1.18. Calendar styles
1.19. 404 page
1.20. Media queries

2. PART 2

2.1. Classes header
2.2. Classes info block
2.3. Trainers block
2.4. Rating
2.5. Reviews and comments
2.6. Pagination
2.7. Sidebar blocks
2.8. Photogallery
2.9. Classes list
2.10. Trainer Page
2.11. Blog page
2.12. Content styles
2.13. Static page
2.14. Vacancies
2.15. Media queries

3. PART 3

3.1. Price section
3.2. Clubcard
3.3. Lessons accordion
3.4. FAQ page
3.5. Media queries

4. PART 4 (ABOUT US page)
-------------------------------------------------------------------*/
@import "jquery-ui.min.css";
@import "lightgallery.min.css";
@import "jquery.arcticmodal.css";
@import "slick.css";

.d-none {
  display: none !important;
}

._Bold {
  font-weight: 700;
}

._Light {
  font-weight: 300;
}

._Medium {
  font-weight: 500;
}

._SemiBold {
  font-weight: 600;
}

._block {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
}

.block {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
}

.pulse:before {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: translateY(-1px);
  }

  50% {
    transform: translateY(3px);
  }

  100% {
    transform: translateY(-1px);
  }
}

@-webkit-keyframes pulse {
  0% {
    transform: translateY(3px);
  }

  50% {
    transform: translateY(-1px);
  }

  100% {
    transform: translateY(3px);
  }
}

*:hover {
  cursor: default;
}

/*----------------------------------------------------------------------------------
1.1. Elements styles
-----------------------------------------------------------------------------------*/
input::-webkit-input-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

input::-moz-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

input:-moz-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

input:-ms-input-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

textarea::-webkit-input-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

textarea::-moz-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

textarea:-moz-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

textarea:-ms-input-placeholder {
  font-size: 1em;
  color: rgba(131, 131, 131, 0.49);
}

input:focus::-webkit-input-placeholder {
  color: transparent;
}

input:focus::-moz-placeholder {
  color: transparent;
}

input:focus:-moz-placeholder {
  color: transparent;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

input::-webkit-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}

input::-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}

input:-moz-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}

input:-ms-input-placeholder {
  opacity: 1;
  transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
}

input:focus::-webkit-input-placeholder {
  opacity: 0;
  transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
}

input:focus::-moz-placeholder {
  opacity: 0;
  transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
}

input:focus:-moz-placeholder {
  opacity: 0;
  transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
}

input:focus:-ms-input-placeholder {
  opacity: 0;
  transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  -ms-transition: opacity 0.5s ease;
}

input {
  border-radius: 0;
}

input:focus {
  outline: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
}

input[type=submit],
button {
  -webkit-appearance: none;
}

input[type=submit]:hover,
button:hover {
  cursor: pointer;
}

input {
  font-family: 'Montserrat', sans-serif;
}

input:hover {
  cursor: text;
}

select {
  font-size: 16px;
}

select:hover {
  cursor: pointer;
}

select:focus,
textarea:focus {
  outline: 0;
}

textarea:hover {
  cursor: text;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
}

html,
body {
  -webkit-overflow-scrolling: touch !important;
}

li,
a {
  /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0); */
}

video:focus {
  outline: 0;
}

div,
header,
footer,
section,
nav,
form,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  float: left;
  width: 100%;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  /* -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; */
}

a:hover {
  /* -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; */
}

a:focus {
  outline: 0;
}

a:active {
  outline: 0;
}

button {
  display: block;
  float: left;
  border: 0;
  padding: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

button:focus {
  outline: 0;
}

button:active {
  outline: 0;
}

button:hover {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a:hover,
button:hover {
  cursor: pointer;
}

a:hover *,
button:hover * {
  cursor: pointer;
}

* {
  box-sizing: border-box;
}

.wrap {
  width: 100%;
  max-width: 1290px;
  float: none;
  margin: 0 auto;
  pos
}


body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  color: #000;
}

body.pop-up-open {
  position: fixed;
  left: 0;
  right: 0;
}

body.locked {
  overflow: hidden;
}

body.lg-on {
  overflow: hidden !important;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background: #000;
  opacity: .6;
  display: none;
}

.breadcrumbs {
  font-size: 13px;
  font-weight: 500;
  color: #91919C;
  margin-bottom: 35px;
}

.breadcrumbs a {
  border-bottom: 1px solid #91919C;
  display: inline-block;
}

.breadcrumbs a.current {
  border-bottom: 0;
  pointer-events: none;
}

.page {
  padding-top: 138px;
}

.page .section_description .wrap {
  max-width: 1290px;
  text-align: left;
}

.page_title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 55px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 33px;
}

/*----------------------------------------------------------------------------------
1.2. Top panel
-----------------------------------------------------------------------------------*/
.top_panel {
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 5;
  transition: 0.3s;
}

header.top_panel-fix {
  top: 0;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 5px 0;
  transition: 0.3s;
  z-index: 3000;
}

.top_panel .wrap_float {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.top_panel .left {
  width: 60%;
}

.top_panel .left .logo {
  position: absolute;
  left: -90px;
  top: 10px;
  width: auto;
  display: block;
  float: left;
}

.top_panel .left .menu {
  width: auto;
  margin-left: 30px;
}

.top_panel .left .menu ul {
  width: auto;
  display: block;
  float: left;
  padding: 0;
  margin-right: 15px;
  margin-left: 45px;
}

.top_panel .left .menu ul li {
  width: auto;
  display: block;
  float: left;
  margin-right: 40px;
  position: relative;
}

.top_panel .left .menu ul li:last-child {
  margin-right: 0;
}

.top_panel .left .menu ul li.dropdown_li>a span {
  position: relative;
  padding-right: 16px;
}

.top_panel .left .menu ul li.dropdown_li>a span:after {
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #fff;
  border-bottom: 0;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 0;
  transition: all 0.3s ease-out;
}

.top_panel .left .menu ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  display: block;
  float: left;
  letter-spacing: 1px;
  line-height: 38px;
}

.top_panel-fix .left .menu ul li a {
  color: #000;
}

.top_panel .left .menu ul li a:hover {
  color: #ff5100;
}

.top_panel .left .menu ul li a:hover span:after {
  border-top-color: #ff5100;
  transition: all 0.3s ease-out;
}

.top_panel .left .menu ul li .dropdown_ul {
  position: absolute;
  width: 220px;
  background: #fff;
  border-radius: 0 12px 12px 12px;
  top: 100%;
  left: 0;
  padding: 20px;
  display: none;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.top_panel .left .menu ul li .dropdown_ul li {
  margin-right: 0;
  margin-bottom: 11px;
  clear: both;
}

.top_panel .left .menu ul li .dropdown_ul li:last-child {
  margin-bottom: 0;
}

.top_panel .left .menu ul li .dropdown_ul li a {
  font-size: 15px;
  text-transform: none;
  line-height: normal;
  letter-spacing: normal;
  color: #080b14;
}

.top_panel .left .menu ul li .dropdown_ul li a:hover {
  color: #ff5100;
}

.top_panel .left .menu .close {
  width: 28px;
  height: 28px;
  background: url(../img/clos.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 28px;
  top: 30px;
  display: none;
}

.top_panel .left .menu .menu_bottom {
  padding: 28px;
  display: none;
}

.top_panel .left .menu .menu_bottom .tel {
  font-size: 17px;
  font-weight: 500;
  color: #080B14;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.top_panel .left .menu .menu_bottom .btn {
  background: #FF5100;
  width: auto;
  height: 38px;
  letter-spacing: 2px;
  padding: 0 30px;
  border-radius: 19px;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  line-height: 38px;
}

.top_panel .right {
  width: 34%;
  float: right;
  position: relative;
}

.top_panel .right .tel {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  width: 260px;
  letter-spacing: 1.5px;
  line-height: 38px;
  float: right;
  margin-right: 10px;
  min-width: 248px;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #FFFFFF;
  border-radius: 81px;
  transition: 0.3s;
  cursor: pointer;
}


.top_panel .right .btn {
  height: 54px;
  width: 260px;
  background: #FF4000;
  border: 1px solid #FF4000;
  border-radius: 81px;
  padding: 0 20px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  line-height: 38px;
  left: 100%;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.top_panel .right .btn:hover {
  background: #fff;
  color: #FF4000;
}

.top_panel .menu_btn {
  width: 30px;
  float: right;
  height: 38px;
  padding: 10px 0;
  display: none;
}

.top_panel .menu_btn span {
  height: 5px;
  display: block;
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 9px;
}

.top_panel-fix .menu_btn span {
  background: #000;
}

.top_panel--page .menu_btn span {
  background: #000;
}

.top_panel .menu_btn span:last-child {
  margin-bottom: 0;
}

.top_panel.top_panel--page {
  height: 112px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 45px 0px rgba(0, 0, 0, 0.05);
  padding: 37px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  z-index: 9;
}

.top_panel.top_panel--page .left .menu ul li a,
.top_panel.top_panel--page .left .logo,
.top_panel.top_panel--page .right .tel {
  color: #080B14;
}

.top_panel.top_panel--page .right .tel {
  border: 1px solid #000000;
}

.top_panel-fix.top_panel .right .tel {
  border: 1px solid #000000;
  color: #000;
}

.top_panel .right .tel:hover {
  background: #FF4000;
  border: 1px solid #FF4000 !important;
  color: #fff !important;
  transition: 0.3s !important;
  opacity: 1;
}

.top_panel.top_panel--page .left .menu ul li a:hover {
  color: #ff5100;
}

.top_panel.top_panel--page .left .menu ul li.dropdown_li>a span:after {
  border-top-color: #080B14;
}

.top_panel.top_panel--page .left .menu ul li.dropdown_li>a:hover span:after {
  border-top-color: #ff5100;
}

/*----------------------------------------------------------------------------------
1.3. Main slider
-----------------------------------------------------------------------------------*/

.top_section {
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.top_section.top_section-page {
  background: url('../img/bgsingle.jpg') no-repeat top center/cover;
  position: relative;
}

.top_section.top_section-page::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
}

.bg_block,
.video_block {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.video_block::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.video_block video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.top_section .wrap {
  position: relative;
  z-index: 2;
}



h1 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 65px;
  line-height: 80px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.top_section .title_sub {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  padding: 40px 0 70px 0;
}

.top_section .btn {
  height: 58px;
  background: #FF5100;
  border: 1px solid #FF5100;
  min-width: 254px;
  width: auto;
  border-radius: 81px;
  color: #fff;
  text-transform: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top_section .title__soc-box {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*----------------------------------------------------------------------------------
1.4. Socials
-----------------------------------------------------------------------------------*/
.socials {
  position: relative;
  z-index: 1;
  width: auto;
  float: right;
}

.socials a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: block;
  float: left;
  margin-right: 12px;
  position: relative;
  opacity: .35;
}

.socials a:hover {
  opacity: 1;
}

.socials a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.socials a:last-child {
  margin-right: 0;
}

.socials a.linked-in:before {
  background-image: url(../img/linked-in.svg);
}

.socials a.twitter:before {
  background-image: url('../img/facebook.svg');
}

.socials a.instagram:before {
  background-image: url(../img/instagram8.svg);
}

.title {
  margin: 0;
  display: block;
  float: left;
  width: 100%;
  font-size: 35px;
  font-weight: 700;
}

.top_section .socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 65px;
  right: 100px;
}

.trainer_top-section .title_sub {
  padding: 40px 0 40px 0;
}

.mobile__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 1;
}

.trainer_top-section::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.trainer_top-section .wrap {
  z-index: 3;
}



.top_section .trainer-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  position: static;
  float: none;
  width: 100%;
  padding-bottom: 40px;
}


.top_section .socials a {
  margin: 10px 0;
}

.top_section .trainer-socials a {
  margin-right: 20px;
}

.top_section .scroll_down {
  position: relative;
  padding-right: 34px;
  font-size: 14px;
  color: #fff;
  width: auto;
  z-index: 1;
  line-height: 18px;
  font-weight: bold;
  display: inline-block;
  transform: rotate(-90deg);
}

.servise_link {
  border: 1px solid #FF5100;
  margin-bottom: 10px;
  color: #fff;
  background: #ff5100;
}

a.servise_link:hover {
  background: #fff;
  color: #FF5100;
}

.servise_link:not(:last-child) {
  margin-right: 15px;
}

.trainer-title {
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  text-transform: uppercase;
  color: #1B1B1B;
  margin-bottom: 30px;
}

/*----------------------------------------------------------------------------------
1.5. Classes section
-----------------------------------------------------------------------------------*/
.classes {
  overflow: hidden;
  padding-top: 109px;
  position: relative;
  padding-bottom: 94px;
  background: #0A0B0D;
}

.section_top {
  margin-bottom: 45px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.classes .section_top {
  margin-bottom: 70px;
}

.section_top .wrap_float {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section_top .title {
  color: #fff;
  width: 50%;
}

.section_top .arrows {
  width: auto;
}

.section_top .arrows .arrow {
  width: auto;
  color: #fff;
  position: relative;
  line-height: 43px;
  transition: all .2s linear;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  cursor: pointer;
}

/* .section_top .arrows .arrow:hover {
  cursor: pointer;
  color: #FF5100;
  transition: all .2s linear;
} */
.section_top .arrows .arrow:hover:before {
  transition: all .2s linear;
}

.section_top .arrows .arrow:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.section_top .arrows .arrow.prev {
  padding-left: 38px;
  margin-right: 40px;
}

.section_top .arrows .prev:before {
  width: 22px;
  height: 14px;
  background: url('../img/prevar.svg') center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -7px;
  transition: all .2s linear;
}

.section_top .arrows .next:before {
  width: 22px;
  height: 14px;
  background: url('../img/nextar.svg') center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -7px;
  transition: all .2s linear;
}

/* .section_top .arrows .arrow:after {
  width: 22px;
  height: 14px;
  background: url('../img/nextar.svg') center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -7px;
  opacity: 0;
  transition: all .2s linear;
} */
.section_top .arrows .arrow.next {
  padding-right: 38px;
  margin-left: 40px;
}

.section_top .arrows .arrow.next:before,
.section_top .arrows .arrow.next:after {
  left: auto;
  right: 0;
}

.section_top .link {
  font-size: 18px;
  color: #FF5100;
  width: auto;
  float: right;
  line-height: 43px;
  display: block;
}

.section_top .btn,
.tariff-card .btn {
  float: right;
  border: 2px solid #FF4000;
  border-radius: 81px;
  background: none;
  height: 54px;
  width: 260px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #FF4000;
  text-transform: none;
}

.section_top .btn:hover {
  color: #fff;
  background: #ff4000;
}

.section_top .cyfre-btn {
  background: none;
  border: 2px solid #282931;
  color: #282931;
}

.section_top .link span {
  border-bottom: 1px solid #FF5100;
}

.classes_slider .slick-list {
  overflow: visible;
}

.classes_slider .slide {
  width: 634px;
  height: 364px;
  border-radius: 10px;
  padding: 36px 30px;
  margin-right: 22px;
  position: relative;
  overflow: hidden;
}

.classes_slider .slide:hover .bg {
  opacity: .4;
  transition: all .2s linear;
}

.classes_slider .slide.light-color ._title,
.classes_slider .slide.light-color ._category,
.classes_slider .slide.light-color ._author .name {
  color: #080B14;
}

.classes_slider .slide .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  transition: all .2s linear;
}

.classes_slider .slide_left {
  max-width: 215px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
}

.classes_slider ._category {
  font-family: Open Sans Condensed;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.classes_slider .slide_left ._title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
  text-transform: uppercase;
  color: #fff;
}

.classes_slider .slide_left ._author {
  font-size: 14px;
  color: #fff;
  position: relative;
  height: 38px;
  width: auto;
  margin-top: 30px;
}

.classes_slider .slide_left ._author .img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.classes_slider .slide_left ._author .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.classes_slider .slide_left ._author .name {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #fff;
  height: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: auto;
}

.classes_slider .slide_right {
  max-width: 288px;
  float: right;
  margin-right: 15px;
  position: relative;
  z-index: 3;
}

.classes_slider .slide_right .image {
  width: 288px;
  height: 288px;
  border-radius: 50%;
  overflow: hidden;
}

.classes_slider .slide_right .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: right;
}

.select_div:hover {
  cursor: pointer;
}

.select_div:hover * {
  cursor: pointer;
}

/*----------------------------------------------------------------------------------
1.6. Shedule section
-----------------------------------------------------------------------------------*/
.schedule {
  padding: 75px 0;
}

.schedule .title {
  width: auto;
  margin-right: 14px;
  color: #000;
}

.schedule .date {
  font-size: 35px;
  color: #FA6F2E;
  font-weight: 300;
  border-bottom: 2px solid #FA6F2E;
  width: auto;
}

.schedule .select_div {
  width: auto;
  float: right;
  position: relative;
}

.schedule .select_div .select_val {
  position: relative;
  font-size: 18px;
  width: auto;
  padding-right: 28px;
}

.schedule .select_div .select_val:before {
  width: 14px;
  height: 8px;
  background: url(../img/select-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  margin-top: -4px;
}

.schedule .select_div select {
  font-size: 18px;
  color: #080B14;
  display: block;
  border: 0;
  width: auto;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 22px;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.schedule .select_div select:focus {
  outline: 0;
}

.schedule .date_div {
  width: auto;
}

.schedule .date_div ._title {
  font-size: 31px;
  font-weight: 700;
  color: #080B14;
  width: auto;
  line-height: 42px;
  margin-right: 10px;
}

.schedule .section_content {
  margin-top: 33px;
}

.schedule .item {
  height: 222px;
  width: 32%;
  margin-right: 2%;
  margin-top: 2%;
  background: #F0F2F8;
  border-radius: 10px;
  padding: 23px 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  transition: all .2s ease;
}

.schedule .item:nth-child(1),
.schedule .item:nth-child(2),
.schedule .item:nth-child(3) {
  margin-top: 0;
}

.schedule .item.light-color:hover .item_top .time,
.schedule .item.light-color:hover .item_top .category,
.schedule .item.light-color:hover .item_center .classroom,
.schedule .item.light-color:hover .item_center ._title,
.schedule .item.light-color:hover .item_bottom .trainer {
  color: #080B14;
}

.schedule .item.light-color:hover .item_bottom .btn {
  color: #080B14 !important;
}

.schedule .item:hover .bg {
  transition: all .2s ease;
  opacity: 1;
}

.schedule .item:hover .item_top .time,
.schedule .item:hover .item_top .category,
.schedule .item:hover .item_center .classroom,
.schedule .item:hover .item_center ._title,
.schedule .item:hover .item_bottom .trainer {
  color: #fff;
  transition: all .2s ease;
}

.schedule .item:hover .item_top .category .point {
  transition: all .2s ease;
}

.schedule .item:hover .item_bottom .btn {
  opacity: 1;
  transition: all .2s ease;
}

.schedule .item:nth-child(3n) {
  margin-right: 0;
}

.schedule .item_top {
  position: absolute;
  top: 20px;
  left: 0;
  padding: 0 25px;
  z-index: 1;
}

.schedule .item_top .time {
  font-size: 14px;
  color: #080B14;
  width: auto;
  transition: all .2s ease;
}

.schedule .item_top .category {
  font-size: 13px;
  color: #080B14;
  width: auto;
  float: right;
  position: relative;
  padding-left: 18px;
  transition: all .2s ease;
}

.schedule .item_top .category .point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 3px;
  display: block;
  background: #080B14;
  transition: all .2s ease;
}

.schedule .item_center {
  position: relative;
  z-index: 1;
}

.schedule .item_center .classroom {
  font-size: 14px;
  color: #080B14;
  margin-bottom: 12px;
  transition: all .2s ease;
}

.schedule .item_center ._title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #080B14;
  max-width: 290px;
  transition: all .2s ease;
}

.schedule .item_bottom {
  margin-top: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}

.schedule .item_bottom .trainer {
  font-size: 14px;
  color: #080B14;
  padding-left: 46px;
  position: relative;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  transition: all .2s ease;
  padding-right: 12px;
}

.schedule .item_bottom .trainer .img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.schedule .item_bottom .trainer .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.schedule .item_bottom .trainer .name {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
}

.schedule .item_bottom .btn {
  height: 38px;
  width: auto;
  padding: 0 18px;
  background: #fff;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  border-radius: 19px;
  display: block;
  line-height: 38px;
  letter-spacing: 1px;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transition: all .2s ease;
}

.schedule .category {
  font-size: 20px;
  color: #080B14;
  margin-bottom: 10px;
}

.top_section-schedule {
  padding: 200px 0;
}

.top_section-schedule h1 {
  font-weight: bold;
  font-size: 38px;
  line-height: 43px;
  color: #FFFFFF;
  text-transform: none;
  padding-bottom: 30px;
}

.schedule_sub {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.schedule_sub img {
  margin-right: 15px;
}

.schedule_sub p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 27px;
  color: #FFFFFF;
}

/*----------------------------------------------------------------------------------
1.6.1 Train area section
-----------------------------------------------------------------------------------*/


.train-area-slide {
  padding-top: 439px;
  height: 979px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.train-area-slide::after {
  z-index: 1;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}

.train-area-slide .wrap {
  position: relative;
  z-index: 2;
}

.train_area .train_title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 65px;
  line-height: 74px;
  color: #FFFFFF;
}

.train_area .train_title_sub {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #FFFFFF;
  padding: 38px 0 75px 0;
}


.serv-double {
  position: relative;
}

.train-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  width: 150px;
  color: #fff;
  position: absolute;
  right: 0;
}

.wrap-btns {
  position: relative;
  top: -185px;
}

.train-btns .train-btn-prev,
.train-btns .train-btn-next {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  position: relative;
}

.train-btns .train-btn-prev::before {
  width: 14px;
  height: 10px;
  background: url(../img/prevar.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: -18px;
  top: 61%;
  margin-top: -7px;
  transition: all .2s linear;
}

.train-btns .train-btn-next::before {
  width: 14px;
  height: 10px;
  background: url(../img/nextar.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 22px;
  top: 68%;
  margin-top: -7px;
  transition: all .2s linear;
}

/*----------------------------------------------------------------------------------
1.6.13 Tariff cards section
-----------------------------------------------------------------------------------*/

.tariffs-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tariffs-block .slick-arrow {
  background: #FF5100;
  height: 38px;
  padding: 0;
  width: 50px;
  border-radius: 19px;
  display: block;
  float: left;
  font-size: 0;
  line-height: 0;
  transition: all .2s linear;
  cursor: pointer;
  position: absolute;
  top: -50px;
  /* bottom: 0; */
  left: 25%;
  overflow: hidden;
}

.tariffs-block .slick-disabled {
  opacity: 0.6;
  pointer-events: none;
  cursor: auto;
}

.tariffs-block .slick-next {
  left: auto;
  right: 25%;
}

.tariffs-block .slick-arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.tariffs-block .slick-next:after {
  background: url(../img/arrow_right.svg) no-repeat center center;
  animation: animate_right 5s ease-in infinite forwards;
}

.tariffs-block .slick-prev:after {
  background: url(../img/arrow_left.svg) no-repeat center center;
  animation: animate_left 5s ease-in infinite forwards;
}

.tariffs-block .slick-disabled::after {
  animation: none;
}

@keyframes animate_right {
  0% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(10px);
  }

  20% {
    transform: translateX(0px);
  }

  30% {
    transform: translateX(10px);
  }

  40% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes animate_left {
  0% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-10px);
  }

  20% {
    transform: translateX(0px);
  }

  30% {
    transform: translateX(-10px);
  }

  40% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(0);
  }
}

.tariff-card {
  width: 100%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 13px;
  overflow: hidden;
  transition: 0.4s;
}

.tariff-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: 15px 20px;
  min-height: 156px;
}

.tariff-head::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(26, 28, 33, 0.95);
  z-index: -1;
  transition: 0.4s;
}

.tariff-head h5 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 25px;
  line-height: 37px;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.time-box {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  width: 107px;
  height: 32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}

/* .work-times {
  	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox; display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  transition: 0.4s;
} */


.tariff-content-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 10px;
  position: relative;
}


.tariff-content-item:nth-child(3) {
  min-height: 60px;
}

.tariff-content-item svg {
  margin-right: 28px;
}

.tariff-content-item p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.tariff-text-colored,
.tariff-content-item p span {
  font-weight: 900;
  transition: 0.4s;
}

.tariff-price {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 45px;
  text-align: center;
  margin: 10px auto 15px;
}

.tariff-price-year {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  margin: 0 auto 20px;
  min-height: 20px;
}

.price-big {
  font-size: 40px;
  line-height: 45px;
}

.tariff-content .tariff-btn {

  width: 207px;
  height: 42px;
  float: none;
  margin: 0 auto;
}

.tariff-card:hover .tariff-head::after {
  background: rgb(255, 64, 0, 0.95);
  transition: 0.4s;
}

.tariff-content-item svg {
  fill: #000;
  transition: 0.4s;
  margin-top: -3px;
}

.tariff-content-item.gray svg {
  fill: #C4C4C4;
}

.symbol-decode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 40px;
  margin-top: 20px;
}

.price_section {
  padding-bottom: 80px;
}

.symbole-decode-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  width: 15%;
}

.symbole-decode-item svg {
  fill: #828282;
  margin-right: 10px;
}

.price_section .symbole-decode-item svg {
  fill: #FF4000;
  margin-right: 10px;
}

.symbole-decode-item p {
  color: #828282;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}

.price_section .symbole-decode-item {
  margin-right: 50px;
}

.price_section .symbole-decode-item p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 27px;
  color: #000000;
}

.tariff-card:hover .tariff-content-item svg {
  fill: #FF4000;
  stroke: #FF4000;
  transition: 0.4s;
}

.tariff-card:hover .tariff-content-item.gray svg {
  fill: #C4C4C4;
  stroke: #C4C4C4;
  transition: 0.4s;
}

.tariff-card:hover .tariff-text-colored,
.tariff-card:hover .tariff-content-item p span {
  color: #FF4000;
  transition: 0.4s;
}

.tariff-card:hover .tariff-btn {
  background: #FF4000;
  color: #fff;
  transition: 0.4s;
}

.tariff-card:hover .time-box {
  border: 1px solid #FFFFFF;
  border-radius: 30px;
  margin: 0 10px;
  transition: 0.4s;
}

.tariff-card:hover .time-box:last-child {
  background: #fff;
  color: #000;
  text-shadow: 0 0 .9px #000, 0 0 .9px #000, 0 0 .9px #000;
}

.tariff-card:hover .time-box:first-child {
  text-shadow: 0 0 .9px #fff, 0 0 .9px #fff, 0 0 .9px #fff;
}

/* .tariff-card:hover .work-times {
  width: 100%;
  transition: 0.4s;
} */
.bonuses {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}

.bonus-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  color: #080A15;
  width: 24%;
}

.bonus-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 30%;
  max-width: 30%;
}

.bonus-item img {
  margin-right: 15px;
}

.bonus-item-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #4D4D4D;
}

.bonus-item-text span {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
  color: #000000;
}

/* -------------- new tarrif styles ↓ */

.tariff-content {
  padding: 24px 19px 24px;
}

.tariff-content .select-box {
  margin-top: 20px;
  width: 100%;
  margin-bottom: 24px;
}

.tariff-content .price-select {
  width: 100%;
}

.prise-services-list {
  padding: 32px 15px 8px;
  border-top: 1px solid #F1F1F1;
}

.prise-services-list p {
  position: relative;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  padding-bottom: 24px;
}

.prise-services-list p::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -15px;
  width: 8px;
  height: 8px;
  background: #C4C4C4;
  border-radius: 50%;
  transition: 0.4s;
}

.tariff-card:hover .prise-services-list p::before {
  transition: 0.4s;
  background: #FF4000;
}

.cars-slide {
  margin-right: 10px;
  margin-left: 10px;
  min-width: 303px;
}

.massage_btn_group {
  margin-bottom: 15px;
}

.massage__content {
  display: none;
}

.massage__btn.btn {
  width: 45%;
  padding: 10px 15px;
  height: auto;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 600;
}

.massage__btn:hover {
  background: #ff5100;
  color: #fff;
}

.massage__btn.massage__btn_disable {
  opacity: 0.7;
  pointer-events: none;
  background: #fff;
  color: #ff5100;
}

.massage__btn.massage_active {
  background: #ff5100;
  color: #fff;
}

.massage__btn.btn:first-child {
  float: left;
}

.more-text {
  height: 60px;
  overflow: hidden;
  transition: 0.4s;
  position: relative;
}

.more-text::after {
  content: '';
  display: block;
  width: 100%;
  height: 33px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%)
}

.more-text-open {
  height: 140px;
  overflow-y: auto;
  transition: 0.4s;
  padding-bottom: 15px;
}

.more-text-open::after {
  opacity: 0;
}

.more-text-btn {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  border-bottom: 1px dashed #BDBDBD;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 15px;
  display: inline-block;
  margin-top: 15px;
}

.bonus-item-text span.orange-val,
.bonus-item-val {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 54px;
  color: #FF4000;
}

.bonus-item-val {
  width: auto;
  align-self: flex-start;
  margin-right: 20px;
}

.cars-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 500px;
  padding-bottom: 20px;
}

.cars__slider_main .slick-arrow {
  display: none !important;
}

.cars-slider .slick-list {
  padding-bottom: 20px;
}

.mobile-select-cont {
  display: none;
}

.tariff-title {
  text-align: center;
  font-size: 35px;
  line-height: 113.18%;
  text-transform: none;
}

.card-bonuses {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 40px;
}

.card-price-container {
  margin-top: 45px;
}

.card-bonuses-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.card-bonuses-item img {
  margin-right: 20px;
}

.card-bonuses-item-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  padding-bottom: 15px;
}

.card-bonuses-item-value {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
}

.card-alert {
  max-width: 530px;
  height: 100px;
  padding: 23px 30px;
  background: #FFF7F4;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.card-alert img {
  margin-right: 30px;
}

.ban-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.card-banner {
  margin: 0 auto 50px;
  width: 80%;
  min-height: 280px;
  padding: 45px 70px;
  background: #FFECE6;
  border-radius: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-banner img {
  margin-right: 60px;
}

.card-banner h6 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 113.18%;
  color: #FF4000;
  margin-bottom: 10px;
}

.card-banner p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}

.more-text-btn-cont {
  -webkit-box-shadow: 0px -45px 15px -3px #ffffff;
  box-shadow: 0px -45px 15px -3px #ffffff;
}

.dots-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0 20px;
}

.dots-cont-main {
  display: none;
}

.swipe-img {
  width: 50px;
  animation: swipe 1.5s infinite;
}

.dots-cont img {
  width: 30px;
  height: 30px;
}

.swipe-text {
  margin-right: 20px;
  font-size: 20px;
  line-height: 100%;
  font-weight: bold;
  width: auto;
}

@keyframes swipe {
  0% {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }

  10% {
    transform: translate3d(20px, 0, 0);
    opacity: 0;
  }

  20% {
    transform: translate3d(20px, 0, 0);
    opacity: 1;
  }

  70% {
    transform: translateZ(0);
    opacity: 1;
  }

  80% {
    transform: translateZ(0);
    opacity: 1;
  }

  81% {
    transform: translateZ(0);
    opacity: 0;
  }

  100% {
    transform: translateZ(0);
    opacity: 0;
  }

}

.dops-item.slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1315px) {

  .dots-cont-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .card-banner {
    width: 100%;
  }

  .tariff-head {
    padding: 10px;
    min-height: 135px;
  }

  .tariff-head h5 {
    font-size: 20px;
    line-height: 30px;
  }

  .tariff-content-item svg {
    margin-right: 15px;
  }

  .tariff-content-item:nth-child(3) {
    min-height: 80px;
  }

  .prise-services-list {
    padding: 5px 15px 5px;
  }

  .tariff-price-year {
    margin: 0 auto 10px;
  }
}

@media screen and (max-width: 1000px) {
  .cars-slider {
    min-height: 380px;
  }

  .bonus-item {
    padding-right: 25px;
  }

  .bonus-item-val {
    font-size: 32px;
  }

  .card-bonuses {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .card-bonuses-item {
    width: 50%;
    margin-bottom: 30px;
  }

  .cards_section {
    padding: 40px 0 40px;
  }
}

@media screen and (max-width: 768px) {
  .mobile-selecting.mobile-selecting-close {
    height: 0;
    overflow: hidden;
  }

  .mobile-selecting.mobile-selecting-open {
    height: auto;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 9;
    background-color: #fff;
    padding: 13px 15px;
  }

  .mobile-selecting .sel-trainer {
    margin-right: 0;
    width: 100%;
  }

  .mobile-select-cont {
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #E8E9EC;
    border-radius: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 17px 24px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #FF4000;
    text-transform: uppercase;
    position: relative;
  }

  .mobile-select-cont::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 5%;
    background: url('/wp-content/themes/tonus/img/arrsel.svg') no-repeat top center / cover;
    width: 15px;
    height: 15px;
  }

  .filters-box {
    position: relative;
    margin-bottom: 25px;
  }

  .select-trainer.mobile-selecting {
    margin-top: 0;
    margin-bottom: 0;
  }

  .card-price-block .order-btn {
    margin: 30px auto;
  }

  .card-banner h6 {
    font-size: 26px;
  }

  .card-banner {
    padding: 25px 30px;
  }

  .card-banner p {
    font-size: 16px;
    line-height: 18px;
  }
}

@media screen and (max-width: 500px) {

  .card-banner img {
    display: none;
  }

  .card-banner {
    min-height: 200px;
  }

  .card-banner h6 {
    font-size: 20px;
  }

  .card-banner p {
    font-size: 14px;
    line-height: 16px;
  }

  .card-alert {
    height: 180px;
  }

  .card-bonuses {
    padding-bottom: 0;
  }

  .cards_section {
    padding: 40px 0 90px;
  }
}

@media screen and (max-width: 350px) {
  .card-alert img {
    display: none;
  }
}

/* -------------- new tarrif styles ↑ */



.dops_section {
  background: url('../img/dopbg.jpg') no-repeat 100% / 100%;
  padding: 80px 0 80px;
}

.dops_section h3 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 50px;
}

.dops-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dops-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dops-item img {
  margin-right: 20px;
}

.dops-item-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  padding-right: 25px;
}

.dops-item-text span {
  font-weight: bold;
  font-size: 20px;
  line-height: 23px;
}

.cards_section {
  padding: 20px 0 100px;
}

.cards_section .page_title {
  text-align: center;
  text-transform: none;
}

.select-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 60px auto 60px;
}

.card-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card-img-box {
  width: 48%;
}

.card-img-box img {
  width: 100%;
}

.card-content {
  width: 48%;
}

.train-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  float: none;
  border-top: 1px solid #F1F1F1;
  padding: 20px 0;
}

.train-time p {
  color: #000000;
  font-weight: bold;
}

.train-time img {
  margin-right: 15px;
}


.card-content .our-values

/* .card-content .our-values ul */
  {
  padding-inline-start: 40px;
  padding: 30px 0 20px 40px;
  border-bottom: 1px solid #F1F1F1;

  /* height: 241px;
  overflow-y: auto; */
}

.card-content .our-values ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.card-content .our-values li {
  padding-bottom: 20px;
  list-style: none;
}

.card-content .our-values li::before {
  left: -34px;
}

.card-price-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
}

.month-price {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #000;
  width: auto;
}

.month-price span {
  font-size: 48px;
  line-height: 54px;
  color: #FF4000;
}

.month-select {
  display: block;
  width: 180px;
  height: 50px;
  background: #E8E8E8;
  border-radius: 30px;
  border: none;
  padding: 0 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #A4A4A4;
}

.month-select option {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #2E373F;
}

.select-box {
  width: auto;
  position: relative;
}

.select-box:after {
  content: "▼";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 15px;
  color: #A4A4A4;
  width: 13px;
  height: 10px;
  pointer-events: none;

}

a.order-btn {
  width: 227px;
  height: 50px;
  background: #FFFFFF;
  border: 2px solid #FF4000;
  border-radius: 81px;
  color: #FF4000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
}

a.order-btn:hover {
  background: #FF4000;
  color: #fff;
}

/* -------- scroll bar styles */
::-webkit-scrollbar {
  height: 5px;
  border-radius: 50px;
  /* background-color: #ecedee; */
}

::-webkit-scrollbar-button {
  background-image: url('');
  background-repeat: no-repeat;
  width: 5px;
  height: 0px
}

::-webkit-scrollbar-track {
  background-color: #ecedee;
  height: 2px;
  width: 5px;
  border-radius: 50px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #FF4000;
}

::-webkit-resizer {
  background-image: url('');
  background-repeat: no-repeat;
  width: 4px;
  height: 0px
}

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

/*----------------------------------------------------------------------------------
1.7. Trainers section
-----------------------------------------------------------------------------------*/
.trainers {
  background: #080B14;
  overflow: hidden;
  padding: 75px 0;
}

.trainers .slick-list {
  overflow: visible;
}

.trainers .item {
  height: 560px;
  width: 450px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-right: 22px;
  background: #000;
}

.trainers .item:hover .photo {
  /* opacity: 0.8;
  transition: all .2s linear; */
}

.trainers .item:hover .info {
  bottom: 34px;
  transition: all .2s linear;
}

.trainers .item:hover .socials {
  right: 40px;
  transition: all .4s linear;
}

.trainers .item .photo {
  height: inherit;
  width: 100%;
  transition: all .2s linear;
  display: block;
  float: left;
  overflow: hidden;
  position: relative;
}

.trainers .item .photo::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  transition: all .2s linear;
}

.trainers .item:hover .photo::after {
  background-color: rgba(0, 0, 0, 0.3);
}

.trainers .item .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.trainers .item .info {
  position: absolute;
  max-width: 342px;
  padding-left: 40px;
  bottom: -135px;
  transition: all .2s linear;
  display: block;
  float: left;
  z-index: 2;
}

.trainers .item .name {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
}

.trainers .item .category {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 14px;
  color: #fff;
}

.trainers .item .socials {
  width: 36px;
  bottom: 36px;
  position: absolute;
  right: -40px;
  transition: all .2s linear;
}

.trainers .item .socials a {
  margin-bottom: 13px;
}

.trainers .item .socials a:last-child {
  margin-bottom: 0;
}

.trainers.trainers_section {
  background: #fff;
  padding: 0;
  padding-bottom: 75px;
}

.trainers.trainers_section .item {
  width: 31%;
  height: 478px;
  margin-top: 23px;
}

.select-trainer,
.select_trainer {
  margin-top: 45px;
  margin-bottom: 26px;
}


.select-trainer .trainers-p {
  font-size: 31px;
  font-weight: 700;
  color: #080B14;
  width: auto;
}

.select-trainer .select_div {
  position: relative;
  width: auto;
  margin-left: 10px;
}

.select-trainer .select_div .select_val {
  font-size: 31px;
  font-weight: 300;
  color: #FA6F2E;
  border-bottom: 1px solid #FA6F2E;
  width: auto;
  line-height: 1.2;
}

.select-trainer .select_div select {
  font-size: 18px;
  color: #080B14;
  display: block;
  border: 0;
  width: 100%;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 22px;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.select-trainer .select_div select:focus {
  outline: 0;
}

.trainer_page .title_cont {
  position: relative;
}

.trainer-breadcrumbs {
  width: 400px;
  position: relative;
  top: -80px;

}

.trainer-breadcrumbs a {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 19px;
  line-height: 22px;
  color: #C4C4C4;
}

.trainer_page .title_sub {
  padding: 40px 0 170px 0;
}

.with-item-cont {
  border-top: 2px solid #F56445;
  border-bottom: 2px solid #F56445;
  padding: 40px 0 40px 30px;
}

.with-item-cont h6 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 32px;
  color: #000000;
  padding-bottom: 20px;
  position: relative;
}

.with-item-cont h6::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: -30px;
  width: 6px;
  height: 6px;
  border: 3px solid #FF4000;
  border-radius: 50%;
}

.with-item-cont p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 32px;
  color: #5D5D5D;
}


.btns-grid-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.btns-grid-cont .btn {
  height: 61px;
  width: 340px;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  text-transform: none;
  font-weight: 600;
}

.btns-grid-cont .btn-transparent-2 {
  border: 2px solid #FF4000;
  color: #ff4000;
  width: 265px;
  background: none;
}

.btns-grid-cont .btn-transparent-2:hover {
  background: #ff4000;
  color: #fff;
}

.orange-line {
  width: 50%;
  height: 2px;
  background: #ff4000;
}

.breadcrumbs-trans {
  /* position: absolute; */
  top: 13vh;
  left: 0;
}

.title_sub-short {
  width: 50%;
}

.trainers.trainers_section-this {
  padding-top: 40px;
}

/*----------------------------------------------------------------------------------
1.7.1 Index calculating section
-----------------------------------------------------------------------------------*/

.bodyindex_section {
  padding: 80px 0;
  background: #F9F9F9;
}

.bodyindex_section .title {
  color: #000000;
  width: 70%;
}

.bodyindex_section .index_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bodyindex_section .calculating {
  width: 65%;
}

.bodyindex_section .index_image {
  width: 35%;
}

.bodyindex_section .index_image img {
  width: 100%;
}

.bodyindex_section .index__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bodyindex_section .index__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border-radius: 10px;
  width: 191px;
  height: 191px;
  text-align: center;
  padding: 30px;
  margin-right: 20px;
}

.index__item-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #4D4D4D;
  padding-bottom: 28px;
}

.bodyindex_section .index__item:last-child .index__item-name {
  color: #FF4000;
}

.bodyindex_section .index__item:last-child .index__item-pt {
  color: #FF4000;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}

.bodyindex_section .index__item:last-child .result__val {
  color: #000000;
}

.bodyindex_section .index__item:last-child .index__item-pt::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 11px;
  bottom: -5px;
  border-top: 1px dashed #FF4000;
  width: 82%;
  height: 1px;
}

.index__popup {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.418);
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  pointer-events: none;
  z-index: -2;
  opacity: 0;
  transition: all .5s ease;
}

.index__popup_open {
  pointer-events: all;
  z-index: 5;
  opacity: 1;
}

.close_index {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(../img/clos.svg) no-repeat center / contain;
  cursor: pointer;
}

.index__content {
  max-width: 600px;
  width: 100%;
  position: absolute;
  padding: 25px;
  left: calc(50% - 300px);
  top: 20vh;
  border-radius: 5px;
  background: #fff;
}

.index__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.index__content p {
  margin-bottom: 15px;
  font-weight: 500;
}

.index__content .table {
  border-collapse: collapse;

}

.index__content .table th {
  color: #f47601;
  padding-right: 2em;
  border-bottom: 2px solid #ccc;
  padding: 0 15px 15px 0;
  text-align: left;
}

.index__content .table td {
  text-align: left;
  padding: 10px 15px 10px 0;
  font-weight: 500;
}

/* [data-tooltip]::before {
  content: attr(data-tooltip);
  opacity: 0;
  transition: 1s;
  pointer-events: none;
  position: absolute;
  top: 55px;
  right: 0;
  width: 200px;
  height: auto;
  color: #000;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 12px;
  text-align: left;
  font-family: Montserrat;
  font-size: 12px;
}

[data-tooltip]:hover::before {
  opacity: 1;
} */

.index__item-pt {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  color: #C4C4C4;
  padding-top: 16px;
}

.index__item input,
.result__val {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 57px;
  color: #4D4D4D;
  width: 85px;
  height: 80px;
  border: none;
}

.index__item input::placeholder {
  color: #4D4D4D;
}

.result__val {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}


.index__buttons {
  margin-top: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
}

/*----------------------------------------------------------------------------------
1.8. Blog section
-----------------------------------------------------------------------------------*/
.blog_section {
  padding: 75px 0;
}

.blog_section .title {
  color: #080B14;
}

.blog_item {
  width: 32%;
  text-align: center;
  margin-right: 2%;
  display: block;
  float: left;
}

.blog_item:nth-child(3n) {
  margin-right: 0;
}

.blog_item:nth-child(3n+1) {
  clear: both;
}

.blog_item .img {
  height: 350px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 25px;
}

.blog_item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.blog_item ._date {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  color: #111;
  letter-spacing: 1px;
  margin-bottom: 18px;
}

.blog_item ._title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #080B14;
  padding: 0 20px;
  line-height: 20px;
  transition: all .2s linear;
}

.blog_item:hover ._title {
  color: #FF5100;
  transition: all .2s linear;
}

.blog-page .title_div {
  margin-bottom: 20px;
}

.blog-page .page_title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  text-transform: none;
}

.blog-filter-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

a.blog-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 43px;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 80px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  color: #C4C4C4;
  margin-left: 30px;
}

a.blog-btn-active {
  color: #1B1B1B;
}

/*----------------------------------------------------------------------------------
1.9. Video section
-----------------------------------------------------------------------------------*/
.video_section {
  height: 31vw;
  background: #000;
  position: relative;
}

.video_section:before {
  background: #000;
  opacity: .34;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.video_section .wrap {
  height: 100%;
}

.video_section .wrap .wrap_float {
  height: 100%;
  position: relative;
  z-index: 2;
}

.video_section .img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
}

.video_section .title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  max-width: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.video_section .play_btn {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  position: absolute;
  padding-right: 115px;
  width: auto;
  right: 0;
  top: 50%;
  height: 86px;
  margin-top: -43px;
  text-align: right;
  line-height: 1.4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.video_section .play_btn:hover {
  cursor: pointer;
}

.video_section .play_btn:hover:before {
  transition: all .2s ease;
  transform: scale(1.1);
}

.video_section .play_btn:before {
  width: 86px;
  height: 86px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
  transition: all .2s ease;
}

.video_section .play_btn:after {
  width: 14px;
  height: 18px;
  background: url(../img/play-btn.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 34px;
  content: '';
}

.video_section .video_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.video_section .video_wrap video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*----------------------------------------------------------------------------------
1.10. Description section
-----------------------------------------------------------------------------------*/
.section_description {
  text-align: center;
  line-height: 1.5;
  font-size: 20px;
  padding: 75px 0;
}

.section_description .title {
  margin-bottom: 25px;
}

.section_description .wrap {
  max-width: 990px;
}

/*----------------------------------------------------------------------------------
1.11. Instagram section
-----------------------------------------------------------------------------------*/
.instagram-block {
  background: #080B14;
}

.instagram-block .item {
  width: 23.5vw;
  height: 23.5vw;
  position: relative;
  display: block;
  float: left;
}

.instagram-block .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: center;
}

.instagram-block .item:before {
  background: #000;
  opacity: 0;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.2s ease-out;
}

.instagram-block .item:after {
  width: 34px;
  height: 34px;
  background: url(../img/instagram-icon.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -17px;
  margin-left: -17px;
  transition: all 0.3s ease-out;
  transform: scale(0.3);
  opacity: 0;
  z-index: 1;
}

.instagram-block .item:hover:before {
  opacity: .23;
  transition: all 0.2s ease-out;
}

.instagram-block .item:hover:after {
  transform: none;
  opacity: 1;
  transition: all 0.3s ease-out;
}

/*----------------------------------------------------------------------------------
1.1111. News section
-----------------------------------------------------------------------------------*/

.news_section {
  padding: 100px 0;
}

.banner__link {
  display: block;
}

.news-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner img {
  width: 100%;
}

.news-box .banner {
  width: 48%;
}

.news-box .banner video {
  width: 100%;
  height: auto;
}

.news-content {
  padding-left: 150px;
}

.news-box .news-content {
  width: 62%;
}

.news-content h5 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  color: #080A15;
  margin: 23px auto 50px;
}

.news-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
}

.news-date {
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #FFFFFF;
  background: #FF4000;
  margin-right: 10px;
  padding: 5px;
}

.news-desk {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #282931;
}

.news-content .news-btn {
  width: 248px;
  height: 54px;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #FF4000;
  border: 1px solid #FF4000;
  background: none;
  text-transform: none;
}

.news-content .news-btn:hover {
  color: #fff;
  background: #FF4000;
}

/*----------------------------------------------------------------------------------
1.12. Footer
-----------------------------------------------------------------------------------*/
.footer {
  background: #0A0B0D;
  padding-top: 75px;
}

.footer .left {
  width: 37%;
  padding-right: 50px;
  font-size: 14px;
}

.footer .left .logo {
  font-size: 28px;
  font-weight: 500;
  color: #fff;
  line-height: 38px;
}

.footer .left .form {
  max-width: 318px;
  padding-right: 70px;
  position: relative;
  margin-top: 20px;
}

.footer .left .form .input {
  height: 50px;
  background: #1F222A;
  border-radius: 25px;
  display: block;
  float: left;
  border: 0;
  width: 120%;
  color: #fff;
  font-size: 16px;
  padding: 0 20px;
}

.footer .left .form .submit {
  height: 50px;
  width: 50px;
  background: #FF5100;
  border-radius: 25px;
  display: block;
  float: left;
  position: absolute;
  top: 0;
  right: 20px;
}

.footer .left .form .submit:before {
  width: 22px;
  height: 14px;
  background: url(../img/submit-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -11px;
  content: '';
}

.footer .center {
  width: 39%;
}

.footer .center .menu {
  width: auto;
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}

.footer .center .menu li {
  width: auto;
  display: block;
  float: left;
  margin-right: 40px;
}

.footer .center .menu li:last-child {
  margin-right: 0;
}

.footer .center .menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  display: block;
  float: left;
  letter-spacing: 1px;
  line-height: 38px;
}

.footer .right {
  width: 24%;
}

.footer .right .socials {
  width: auto;
}

.footer .right .socials a {
  margin-right: 18px;
}

.footer ._title {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 35px;
  text-transform: uppercase;
}

.footer .p {
  font-size: 16px;
  color: #7E7E7E;
  display: block;
  float: left;
  width: 100%;
  line-height: 1.6;
  margin: 0;
}

.footer .col {
  width: 50%;
}

.footer .col ul {
  display: block;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  padding-right: 60px;
}

.footer .col ul li {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 34px;
}

.footer .col ul li:last-child {
  margin-bottom: 0;
}

.footer .col ul li a {
  font-size: 16px;
  color: #C4C4C4;
  display: block;
  float: left;
}

.footer .tel {
  font-size: 28px;
  font-weight: 300;
  color: #fff;
  margin-top: 15px;
  margin-bottom: 20px;
}

.footer .email {
  font-size: 16px;
  color: #FF5100;
  margin-top: 35px;
}

.footer_top {
  padding-bottom: 34px;
  border-bottom: 2px solid #21242d;
}

.footer_center {
  padding: 44px 0 60px;
}

.foot-cont-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.work-times-footer {
  color: #C4C4C4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 60%;
  margin-top: 5px;
}

.mobile.landscape .top_slider {
  height: auto !important;
}

.tablet .classes_slider,
.mobile .classes_slider {
  white-space: nowrap;
}

.tablet .classes_slider .slide,
.mobile .classes_slider .slide {
  display: inline-block;
  float: none;
  position: relative;
  z-index: 1;
  white-space: normal;
}

.tablet .classes_slider .slide:last-child,
.mobile .classes_slider .slide:last-child {
  margin-right: 4vw;
}

.classes_item {
  position: relative;
  transition: 0.4s;
}


.color-back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  border-radius: 10px;
  transition: 0.4s;
}

.classes_item:hover .color-back {
  opacity: 0.6;
  transition: 0.4s;
}

.tablet .classes .slider_wrap,
.mobile .classes .slider_wrap {
  padding-left: 4vw;
  overflow: auto;
  padding-bottom: 12px;
}

/* .tablet .classes .section_top,
.mobile .classes .section_top {
  padding: 0 4vw;
} */
/* .tablet .section_top .arrows,
.mobile .section_top .arrows {
  display: none;
} */
.tablet .trainers:not(.trainers_section) .wrap,
.mobile .trainers:not(.trainers_section) .wrap {
  max-width: 100%;
  width: 100%;
}

.tablet .trainers:not(.trainers_section) .section_top,
.mobile .trainers:not(.trainers_section) .section_top {
  padding: 0 4vw;
}

.tablet .trainers:not(.trainers_section) .section_content,
.mobile .trainers:not(.trainers_section) .section_content {
  padding-left: 4vw;
  overflow: auto;
  padding-bottom: 12px;
}

.tablet .trainers:not(.trainers_section) .trainers_slider,
.mobile .trainers:not(.trainers_section) .trainers_slider {
  white-space: nowrap;
}

.tablet .trainers:not(.trainers_section) .item,
.mobile .trainers:not(.trainers_section) .item {
  display: inline-block;
  float: none;
  position: relative;
  z-index: 1;
  white-space: normal;
}

.tablet .trainers:not(.trainers_section) .item:last-child,
.mobile .trainers:not(.trainers_section) .item:last-child {
  margin-right: 4vw;
}

.tablet .socials a,
.mobile .socials a {
  opacity: 1;
}

.tablet .schedule .item:hover,
.mobile .schedule .item:hover {
  background: #f0f2f8;
}

.tablet .schedule .item .item_top .time,
.mobile .schedule .item .item_top .time,
.tablet .schedule .item .item_top .category,
.mobile .schedule .item .item_top .category,
.tablet .schedule .item .item_center .classroom,
.mobile .schedule .item .item_center .classroom,
.tablet .schedule .item .item_center ._title,
.mobile .schedule .item .item_center ._title,
.tablet .schedule .item .item_bottom .trainer,
.mobile .schedule .item .item_bottom .trainer {
  color: #080b14;
}

.tablet .trainers .item:hover .photo,
.mobile .trainers .item:hover .photo {
  opacity: .6;
}

.tablet .trainers .item .photo,
.mobile .trainers .item .photo {
  opacity: .6;
}

.tablet .trainers .item .info,
.mobile .trainers .item .info {
  bottom: 20px;
}

.tablet .trainers .item .socials,
.mobile .trainers .item .socials {
  right: 18px;
}

.tablet .instagram-block .item:before,
.mobile .instagram-block .item:before,
.tablet .instagram-block .item:after,
.mobile .instagram-block .item:after {
  display: none;
}

.tablet.landscape .top_slider .right,
.mobile.landscape .top_slider .right {
  height: 80vh;
}

.tablet.landscape .top_slider .right .right_bottom .video_link,
.mobile.landscape .top_slider .right .right_bottom .video_link {
  width: 50vh;
  height: 50vh;
  margin-top: -25vh;
  margin-left: -25vh;
  top: 50%;
  transform: none;
  left: 50%;
}

.tablet.landscape .top_slider .right,
.mobile.landscape .top_slider .right {
  position: static;
}

.tablet.landscape .top_slider .arrows .arrow,
.mobile.landscape .top_slider .arrows .arrow {
  top: 130vh;
}

.tablet.landscape .top_slider .left,
.mobile.landscape .top_slider .left {
  height: 130vh;
}

.tablet.landscape .top_slider .left .slide_content,
.mobile.landscape .top_slider .left .slide_content {
  padding-bottom: 0;
}

.tablet .date-field .input-date,
.mobile .date-field .input-date {
  visibility: hidden !important;
}

.tablet .date-field .mobile-date,
.mobile .date-field .mobile-date {
  display: block !important;
  z-index: 1;
}

.tablet .awards .awards-slider .award-item:nth-child(even),
.mobile .awards .awards-slider .award-item:nth-child(even) {
  margin-top: 0;
}

.tablet .awards .awards-slider,
.mobile .awards .awards-slider {
  white-space: nowrap;
  overflow: auto;
  padding-left: 3vw;
  padding-bottom: 12px;
}

.tablet .awards .awards-slider .award-item,
.mobile .awards .awards-slider .award-item {
  display: inline-block;
  float: none;
  white-space: normal;
}

.tablet .awards .awards-slider .award-item:last-child,
.mobile .awards .awards-slider .award-item:last-child {
  margin-right: 3vw;
}

.tablet .awards .wrap,
.mobile .awards .wrap {
  max-width: 100%;
  text-align: center;
}

.tablet .awards .wrap .section_top,
.mobile .awards .wrap .section_top {
  max-width: 1290px;
  display: inline-block;
  float: none;
  text-align: left;
}

.tablet .top_slider .right .right_bottom .video_link:hover .play-btn,
.mobile .top_slider .right .right_bottom .video_link:hover .play-btn {
  transform: none;
}

.tablet .classes_slider .slide .bg,
.mobile .classes_slider .slide .bg,
.tablet .schedule .item .bg,
.mobile .schedule .item .bg {
  display: none;
}

.tablet .schedule .item.light-color .item_bottom .btn,
.mobile .schedule .item.light-color .item_bottom .btn {
  color: #080b14 !important;
}

.desktop .schedule .item:hover .item_top .category:before {
  background: #fff;
}

.desktop .date-field .mobile-date {
  display: none !important;
}

.desktop .schedule .item:hover .item_top .category .point {
  background-color: #fff !important;
}

.desktop .schedule .item.light-color:hover .item_top .category .point {
  background-color: #080B14 !important;
}

.desktop .custom-container.fullheight {
  min-height: 100vh;
}

.btn {
  background: #FF5100;
  width: auto;
  height: 38px;
  letter-spacing: 0.1em;
  padding: 0 30px;
  border-radius: 19px;
  display: block;
  float: left;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  line-height: 38px;
  transition: all .2s linear;
  cursor: pointer;
}

.btn:hover {
  background: #fff;
  color: #FF5100;
}

.btn:hover * {
  cursor: pointer;
}

.more-info-btn {
  width: 174px;
  height: 36px;
  border: 1px solid #FFFFFF;
  border-radius: 81px;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  color: #FFFFFF;
  text-transform: none;
}

.classes_item .more-info-btn {
  width: 237px;
  height: 49px;
}

.classes_item .more-info-btn:hover {
  color: #000;
  background-color: #fff;
}

.btn-transparent {
  border: 1px solid #FFFFFF;
  color: #ffffff;
  background: none;
  text-transform: none;
  width: 248px;
  height: 54px;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

.btn-transparent:hover {
  background: #fff;
  color: #000;
  opacity: 1;
}

.calc {
  width: 191px;
  height: 48px;
  text-transform: none;
  border-radius: 35px;
  border: 1px solid #FF5100;
}

.reset {
  width: 191px;
  height: 48px;
  border: 1px solid #C4C4C4;
  border-radius: 35px;
  color: #C4C4C4;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

.reset:hover {
  background-color: #FF5100;
  border: 1px solid #FF5100;
  color: #fff;
}

.section_top .insta-btn {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  width: 219px;
  height: 54px;
  background: #282931;
  border: 2px solid #282931;
  border-radius: 80px;
}

.section_top .insta-btn:hover {
  color: #000;
  background-color: #fff;
  border: 2px solid #fff;
  opacity: 1;
}

.title_div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.title_div .page_title {
  width: auto;
  white-space: nowrap;
}

.city_select {
  width: auto;
  position: relative;
  height: 20px;
  margin-top: 24px;
}

.city_select ._city {
  font-size: 14px;
  font-weight: 500;
  color: #FF5100;
  width: auto;
  position: relative;
  padding-left: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.city_select ._city:before {
  width: 12px;
  height: 18px;
  background: url(../img/pin.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  margin-top: -9px;
}

.city_select .select {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  top: 0;
  right: 0;
  opacity: 0;
}

.search-div {
  width: 310px;
  height: 58px;
  background: #F0F2F8;
  border-radius: 7px;
  position: relative;
  padding-right: 51px;
}

.search-div .input {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 7px;
  background: none;
  font-size: 18px;
  padding-left: 20px;
}

.search-div .submit {
  width: 50px;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  background: none;
  border: 0;
  border-radius: 7px;
}

.search-div .submit:before {
  width: 18px;
  height: 18px;
  background: url(../img/search.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -9px;
}

.contacts-page .columns {
  padding-bottom: 60px;
}

.contacts-page .columns .column {
  width: 25%;
  padding-right: 24px;
}

.contacts-page .columns .column ._title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 16px;
  color: #080B14;
  font-weight: 700;
  margin-bottom: 10px;
}

.contacts-page .columns .column ._content {
  line-height: 1.7;
  font-weight: 500;
  color: #080B14;
}

.contacts-page .columns .column ._content a[href^="mailto:"] {
  color: #FF5100;
}

.contacts-page .columns .column ._content .director {
  position: relative;
  padding-left: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 38px;
  margin-bottom: 10px;
}

.contacts-page .columns .column ._content .director .photo {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.contacts-page .columns .column ._content .director .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.contacts-page .columns .column ._content .director .name {
  font-size: 14px;
}

/*----------------------------------------------------------------------------------
1.13. Map section
-----------------------------------------------------------------------------------*/

.map-block {
  position: relative;
}

.map-block::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: url('../img/mapfog.png') no-repeat 100% 100% / cover;
  pointer-events: none;
}

.page.contacts-page {
  padding-top: 115px;
}

.map-block .map {
  height: 830px;
  overflow: hidden;
  position: relative;
  background: #908e8e;
  display: flex;
}

.map-block .map iframe {
  width: 100%;

}


.map-breadcrumbs {
  padding-top: 25px;
}

.contacts-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}

.contacts-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.close-contacts {
  display: none;
}

.open-contacts {
  position: absolute;
  z-index: 1;
  bottom: 25px;
  right: 15px;
  width: 55px;
  height: 55px;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #FF4000 url('../img/contact1.svg') no-repeat center / 51%;
  animation: bounce_btn 3s easy infinite;
}

@keyframes bounce_btn {
  0% {
    transform: translateY(0);
  }

  8% {
    transform: translateY(-15px);
  }

  16% {
    transform: translateY(0);
  }

  24% {
    transform: translateY(-15px);
  }

  24% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.contacts-left {
  width: 25%;
  pointer-events: all;
}

.contacts-right {
  width: 25%;
}

.contacts-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  color: #080A15;
  margin-bottom: 50px;
  width: auto;
}

.contacts-item {
  margin-bottom: 40px;
}

.contacts-item-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #FF4000;
  margin-bottom: 18px;
}

.contacts-item p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 34px;
  color: #0E0E0E;
}

.contacts-item:first-child p:last-child {
  font-size: 16px;
}

.contacts-socials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.contacts-socials a {
  display: inline-block;
  margin-right: 25px;
}

.graf-box {
  background: #FFFFFF;
  border: 1px solid #FF4000;
  border-radius: 8px;
  padding: 30px 37px;
}

.graf-box p {
  font-size: 24px;
  line-height: 40px;
}

.graf-box p span {
  font-weight: bold;
  color: #FF4000;
}

.contacts-btn {
  width: 248px;
  height: 48px;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 22px;
  text-transform: none;
  padding: 0;
  margin-top: 30px;
}

/*----------------------------------------------------------------------------------
1.14. Feedback form
-----------------------------------------------------------------------------------*/
.feedback-form {
  padding-bottom: 75px;
}

.feedback-form .title {
  margin-bottom: 30px;
}

.feedback-form .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.feedback-form .input_wrap {
  width: 30%;
  margin-bottom: 40px;
}

.feedback-form .input_wrap .input {
  display: block;
  float: left;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #DFE3EF;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  padding: 0;
  height: 52px;
}

.feedback-form .input_wrap .input:focus {
  border-color: #FF5100;
}

.feedback-form .input_wrap .textarea {
  display: block;
  float: left;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #DFE3EF;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  padding: 0;
  height: 52px;
  padding-top: 15px;
  resize: none;
}

.feedback-form .input_wrap .textarea:hover {
  cursor: text;
}

.feedback-form .input_wrap .textarea:focus {
  border-color: #FF5100;
}

.feedback-form .input_wrap .select {
  width: 100%;
  height: 100%;
  display: block;
  background: none;
  padding: 0;
  border: 0;
  border-bottom: 2px solid #DFE3EF;
  border-radius: 0;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.feedback-form .input_wrap.select_wrap {
  position: relative;
}

.feedback-form .input_wrap.select_wrap:before {
  width: 14px;
  height: 8px;
  background: url(../img/select-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  margin-top: -4px;
}

.feedback-form .input_wrap.textarea_wrap {
  width: 100%;
  margin-bottom: 30px;
}

.agreement label {
  color: #080B14;
  font-size: 16px;
  font-weight: 500;
  display: block;
  float: left;
  position: relative;
  padding-left: 33px;
}

.agreement label a {
  color: #FF5100;
  text-decoration: underline;
}

.agreement label:before {
  width: 20px;
  height: 20px;
  background: #FF5100;
  border-radius: 5px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
}

.agreement label:after {
  width: 12px;
  height: 8px;
  background: url(../img/check.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 7px;
  left: 4px;
  opacity: 0;
  transition: all .2s linear;
}

.agreement label:hover {
  cursor: pointer;
}

.agreement label:hover * {
  cursor: pointer;
}

.agreement input {
  display: none;
}

.agreement input:checked+label:after {
  opacity: 1;
  transition: all .2s linear;
}

/*----------------------------------------------------------------------------------
1.15. Sitemap section
-----------------------------------------------------------------------------------*/
.sitemap_section {
  padding-bottom: 75px;
}

.sitemap_section ._title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.sitemap_section .column {
  width: 25%;
  padding-right: 45px;
}

.sitemap_section .column ul {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.sitemap_section .column ul li {
  font-size: 16px;
  font-weight: 500;
  color: #080B14;
  padding-left: 0;
  margin: 0;
  display: block;
  line-height: 1.6;
}

.sitemap_section .column ul li a:hover {
  color: #ff5100;
}

.footer a:not([class]):hover {
  color: #FF5100 !important;
}

/*----------------------------------------------------------------------------------
1.16. Awards section
-----------------------------------------------------------------------------------*/
.awards {
  overflow: hidden;
  margin-bottom: 80px;
}

.awards .section_top .arrows {
  float: right;
}

.awards .awards-slider .slick-list {
  overflow: visible;
}

.awards .awards-slider .award-item {
  width: 450px;
  height: 466px;
  border-radius: 10px;
  background: #fff;
  margin-right: 22px;
  text-align: left;
  background-position: center center;
  background-repeat: repeat;
  background-size: cover;
}

.awards .awards-slider .award-item:nth-child(even) {
  margin-top: 25px;
}

.awards .awards-slider .award-item ._top {
  font-size: 14px;
  height: 110px;
  padding: 26px 40px;
}

.awards .awards-slider .award-item ._top .left {
  max-width: 50%;
  position: relative;
  padding-left: 75px;
  min-height: 58px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  line-height: 1.6;
}

.awards .awards-slider .award-item ._top .left .icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  font-size: 37px;
  color: #080B14;
  font-weight: 700;
  text-align: center;
  line-height: 58px;
}

.awards .awards-slider .award-item ._top .left .icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.awards .awards-slider .award-item ._top .right {
  max-width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 58px;
}

.awards .awards-slider .award-item ._bottom {
  padding: 26px 40px;
}

.awards .awards-slider .award-item ._title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 14px;
}

.awards .awards-slider .award-item ._subtitle {
  font-size: 14px;
  line-height: 1.6;
}

.awards .awards-slider .award-item.type-1 ._top {
  color: #080B14;
}

.awards .awards-slider .award-item.type-1 ._center {
  height: 165px;
  overflow: hidden;
}

.awards .awards-slider .award-item.type-1 ._center img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.awards .awards-slider .award-item.type-1 ._bottom {
  color: #080B14;
}

.awards .awards-slider .award-item.type-2 {
  position: relative;
}

.awards .awards-slider .award-item.type-2:before {
  background: -moz-linear-gradient(top, rgba(8, 11, 20, 0) 0%, #080b14 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(8, 11, 20, 0) 0%, #080b14 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(8, 11, 20, 0) 0%, #080b14 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00080b14', endColorstr='#080b14', GradientType=0);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.awards .awards-slider .award-item.type-2 ._top {
  color: #fff;
  position: relative;
  z-index: 1;
}

.awards .awards-slider .award-item.type-2 ._bottom {
  color: #fff;
  margin-top: 165px;
  position: relative;
  z-index: 1;
}

.awards .awards-slider .award-item.type-3 ._top {
  color: #080B14;
}

.awards .awards-slider .award-item.type-3 ._bottom {
  color: #080B14;
  height: 356px;
}

.date-field {
  position: relative;
}

.date-field:hover {
  cursor: pointer;
}

.date-field:hover * {
  cursor: pointer;
}

.date-field .input-date {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.date-field .mobile-date {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/*----------------------------------------------------------------------------------
1.17. Modals
-----------------------------------------------------------------------------------*/
.modal {
  position: relative;
}

.modal.modal_video {
  width: 1300px;
  position: relative;
}

.modal.modal_video .modal_wrap {
  overflow: hidden;
}

.modal.modal_video .video {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  background: #000;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.modal.modal_video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 15px;
}

.modal.modal_window {
  width: 852px;
  background: #fff;
  border-radius: 10px;
  padding: 40px 54px;
  height: 500px;
}

.modal.modal_window .modal_title {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 18px;
}

.modal.modal_window .modal_subtitle {
  font-size: 15px;
  line-height: 1.8;
}

.modal.modal_window .form {
  margin-top: 30px;
}

.modal.modal_window .input_wrap {
  position: relative;
  width: 28%;
}

.modal.modal_window .input_wrap:nth-child(-n+2) {
  margin-right: 8%;
}

.modal.modal_window .input_wrap.fullwidth {
  width: 100%;
}

.modal.modal_window .input_wrap.textarea_wrap {
  margin-top: 28px;
}

.modal.modal_window .input_wrap .input {
  border: 0;
  border-bottom: 3px solid #DFE3EF;
  display: block;
  float: left;
  width: 100%;
  padding: 16px 0;
  background: none;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}

.modal.modal_window .input_wrap .input:focus {
  border-color: #FF5100;
}

.modal.modal_window .input_wrap .textarea {
  border: 0;
  border-bottom: 3px solid #DFE3EF;
  display: block;
  float: left;
  height: 100px;
  width: 100%;
  padding: 16px 0;
  background: none;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
  resize: none;
}

.modal.modal_window .input_wrap .textarea:focus {
  border-color: #FF5100;
}

.modal.modal_window .agreement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 20px;
}

.modal.modal_window .agreement img {
  margin-right: 12px;
}

.agree-text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #333333;
}

.modal.modal_window .cost {
  font-size: 28px;
  color: #080B14;
}

.modal.modal_window .trainer {
  position: relative;
  padding-left: 64px;
  height: 54px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 32px;
}

.modal.modal_window .trainer .userpic {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
}

.modal.modal_window .trainer .userpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.modal.modal_window .trainer .name {
  font-size: 19px;
  color: #080B14;
  font-weight: 500;
}

.modal.modal_success {
  background: #FF5100;
  min-height: 256px;
}

.modal.modal_success .modal_wrap {
  padding-right: 200px;
}

.modal.modal_success:before {
  width: 184px;
  height: 206px;
  background: url(../img/timer.svg) center center no-repeat;
  opacity: .14;
  background-size: contain;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -103px;
  content: '';
}

.modal.modal_success .modal_title,
.modal.modal_success .modal_subtitle {
  color: #fff;
}

.modal_close,
.iframe_close {
  width: 30px;
  height: 30px;
  background: url(../img/menu-close-white.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: -40px;
  right: -40px;
  transition: all .2s linear;
}

.iframe_close {
  top: 20px;
  right: 20px;
  pointer-events: none;
}


.modal_close:hover {
  cursor: pointer;
  transform: rotate(90deg);
  transition: all .2s linear;
}

.send-modal-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  margin-top: 35px;
}

.submit {
  width: 300px;
  height: 58px;
  border-radius: 81px;
  text-transform: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  border: 1px solid #ff5100;
}

/*----------------------------------------------------------------------------------
1.18. Calendar styles
-----------------------------------------------------------------------------------*/
.ui-widget.ui-widget-content {
  width: 344px;
  border-radius: 0 15px 15px 15px;
  border: 1px solid #E2E2E2;
  padding: 12px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}

.ui-datepicker td a {
  padding: 8px 0;
}

.ui-widget-header {
  background: none;
  border: 0;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  position: relative;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  display: block;
  width: 100%;
  float: left;
  font-size: 22px;
  color: #222;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
  display: block;
  width: 100%;
  float: left;
  font-size: 22px;
  color: #222;
  font-weight: 700;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
}

.ui-datepicker .ui-datepicker-prev {
  width: 44px;
  height: 44px;
  background: #C7C7C7;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  border: 0;
  left: 18px;
  top: 50%;
  margin-top: -22px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover {
  border: 0;
  right: 0;
  left: 18px;
  top: 50%;
}

.ui-datepicker .ui-datepicker-prev:before {
  width: 16px;
  height: 12px;
  background: url(../img/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}

.ui-datepicker .ui-datepicker-prev:after {
  width: 16px;
  height: 12px;
  background: url(../img/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-prev:hover {
  background: rgba(199, 199, 199, 0.18);
  transition: all .2s linear;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev:hover:before {
  opacity: 0;
  transition: all .2s linear;
}

.ui-datepicker .ui-datepicker-prev:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.ui-datepicker .ui-datepicker-next {
  width: 44px;
  height: 44px;
  background: #C7C7C7;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  transform: rotate(180deg);
  right: 18px;
  top: 50%;
  margin-top: -22px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover {
  border: 0;
  right: 18px;
  top: 50%;
}

.ui-datepicker .ui-datepicker-next:before {
  width: 16px;
  height: 12px;
  background: url(../img/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}

.ui-datepicker .ui-datepicker-next:after {
  width: 16px;
  height: 12px;
  background: url(../img/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-next:hover {
  background: rgba(199, 199, 199, 0.18);
  transition: all .2s linear;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next:hover:before {
  opacity: 0;
  transition: all .2s linear;
}

.ui-datepicker .ui-datepicker-next:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
  background: none;
  border: 0;
  font-size: 16px;
  color: #3E4559;
  text-align: center;
}

.ui-datepicker .ui-datepicker-header {
  margin: 20px 0;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
  position: relative;
  color: #fff;
}

.ui-state-active:before,
.ui-widget-content .ui-state-active:before {
  width: 36px;
  height: 36px;
  background: #FF5100;
  border-radius: 50%;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -18px;
  z-index: -1;
  margin-left: -18px;
  opacity: 1;
}

.ui-state-active:hover:before,
.ui-widget-content .ui-state-active:hover:before {
  opacity: 1;
}

.ui-state-default {
  position: relative;
}

.ui-state-default:before {
  width: 36px;
  height: 36px;
  background: #C7C7C7;
  border-radius: 50%;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  opacity: 0;
  margin-top: -18px;
  z-index: -1;
  margin-left: -18px;
  transition: all .2s linear;
}

.ui-state-default:hover:before {
  opacity: .54;
  transition: all .2s linear;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
  color: #D03000;
}

.ui-state-highlight.ui-state-active,
.ui-widget-content .ui-state-highlight.ui-state-active {
  color: #fff;
}

.lg-actions .lg-prev {
  background: none;
}

.lg-actions .lg-prev:before {
  width: 22px;
  height: 14px;
  background: url(../img/gal-arrow.svg) center center no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -7px;
  content: '';
  position: absolute;
}

.lg-actions .lg-prev:after {
  display: none;
}

.lg-actions .lg-next {
  background: none;
}

.lg-actions .lg-next:before {
  width: 22px;
  height: 14px;
  background: url(../img/gal-arrow.svg) center center no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -7px;
  content: '';
  position: absolute;
  transform: rotate(180deg);
}

.lg-actions .lg-next:after {
  display: none;
}

.lg-toolbar .lg-close {
  position: relative;
}

.lg-toolbar .lg-close:after {
  display: none;
}

.lg-toolbar .lg-close:before {
  width: 22px;
  height: 22px;
  background: url(../img/menu-close-white.svg) center center no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin-left: -11px;
  margin-top: -11px;
  content: '';
  position: absolute;
}

.lg-outer .lg-image {
  border-radius: 10px;
}

.arcticmodal-overlay {
  background: #080B14;
  opacity: .67;
}

.lg-backdrop {
  background: rgba(8, 11, 20, 0.67);
}

/*----------------------------------------------------------------------------------
1.19. 404 page
-----------------------------------------------------------------------------------*/
/* .desktop .page-404 {
  min-height: 100vh;
}
.page-404 {
  	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox; display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 112px;
}
.page-404 .footer {
  display: none;
}
.section-404 {
  text-align: center;
  padding: 100px 0;
}
.section-404 .title {
  font-size: 200px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}
.section-404 .subtitle {
  font-size: 83px;
  font-weight: 500;
  margin-bottom: 40px;
}
.section-404 .btn {
  display: inline-block;
  float: none;
} */
/*----------------------------------------------------------------------------------
1.20. Media queries
-----------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) {

  .mobile .page-404,
  .tablet .page-404 {
    height: auto !important;
  }
}

@media screen and (max-height: 840px) and (orientation: landscape) {
  .desktop .modal.modal_video .modal_close {
    top: 0;
  }
}

@media screen and (min-width: 2300px) {
  .top_panel .right .tel {
    margin-right: 38px;
  }
}

@media screen and (min-width: 1025px) {
  .footer.absolute {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 1041px) and (max-width: 1366px) {
  .schedule .item:hover .item_top .category:before {
    background: #fff;
  }

  .trainers.trainers_section .item {
    width: 29vw;
  }

  .tablet .awards .wrap .section_top,
  .mobile .awards .wrap .section_top {
    max-width: 92vw;
    width: 92vw;
  }

  .tablet .awards .awards-slider,
  .mobile .awards .awards-slider {
    padding-left: 4vw;
  }

  .tablet .awards .awards-slider .award-item:last-child,
  .mobile .awards .awards-slider .award-item:last-child {
    margin-right: 4vw;
  }
}

@media screen and (max-width: 1800px) {

  .top_panel .right .btn {
    width: 210px;
  }

  .top_panel .right .tel {
    width: 210px;
    min-width: 210px;
  }

  .top_panel .left .menu {
    width: auto;
    /* margin-right: 15px; */
  }

  .top_panel .left .menu ul {
    margin-right: 15px;
    margin-left: 5px;
  }

  .top_panel .left .logo {
    left: 0;
    position: static;
    margin-right: 10px;
  }

  .top_slider .left .slide_content ._title {
    font-size: 50px;
    max-width: 660px;
  }

  .top_panel .right .tel {
    margin-right: 0;
    float: left;
    margin-right: 21px;
  }

  .top_panel .right {
    width: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
  }

  .top_panel .right .btn {
    position: static;
    padding: 0 25px;
    font-size: 14px;
  }

  .top_slider .right .right_top .p {
    left: 35px;
    bottom: 25px;
  }

  .top_slider .right .right_bottom .video_link .play-btn {
    width: 72px;
    height: 72px;
    margin-top: -36px;
    margin-left: -36px;
  }

  .top_slider .left {
    width: 63%;
  }

  .top_slider .right {
    width: 37%;
  }

  .top_slider .left .slide_content {
    width: 878px;
  }

  .top_slider .arrows .arrow.next {
    left: 63%;
  }

  .top_panel .left {
    width: 65%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;justify-content: space-between; */
    align-items: center;
  }
}

@media screen and (max-width: 1570px) {

  /* .work-times {
    width: 80%;
  } */

  .tariff-content {
    padding: 34px 15px 24px;
  }

  .classes:before {
    left: 50px;
  }

  .top_slider .bottom_block:before {
    left: 50px;
  }

  .top_slider .left .slide_content {
    width: 800px;
    margin-left: -555px;
  }

  .top_slider .right .right_top .p {
    font-size: 17px;
  }

  .top_slider .right .right_top .p i {
    top: 8px;
  }

  .top_slider .bottom_block {
    height: 80px;
    padding: 21px 0;
  }

  .top_slider .left .slide_content ._title {
    font-size: 41px;
    max-width: 592px;
  }

  .top_slider .arrows .arrow {
    width: 50px;
    height: 50px;
  }

  .top_slider .right .right_bottom .video_link {
    margin-top: -38px;
  }

  .top_panel {
    top: 20px;
  }

  .trainers .item {
    width: 390px;
    height: 490px;
  }

  .modal.modal_video {
    width: 1100px;
  }

  .top_slider .left .slide_content {
    width: 854px;
  }

  .section-404 .title {
    font-size: 170px;
  }

  .section-404 .subtitle {
    font-size: 74px;
  }

  .section-404 {
    padding: 50px 0;
  }

  .section-404 .title {
    margin-bottom: 10px;
  }

  .top_panel .left .menu ul li {
    margin-right: 30px;
  }

  .top_panel .left {
    width: 62%;
  }

  .train-area-slide {
    padding-top: 279px;
    height: 699px;
  }

  .title_cont h1 {
    font-size: calc(5vw - 20px);
    line-height: 1.2em;
  }
}

@media screen and (max-width: 1415px) {


  .top_panel .left .menu ul {
    margin-right: 10px;
  }

  .classes:before {
    left: 0;
  }

  .top_slider .bottom_block:before {
    left: 0;
  }

  .classes_slider .slide {
    height: 345px;
  }

  .blog_item ._title {
    padding: 0 20px;
  }

  .video_section .title {
    font-size: 36px;
  }

  .top_panel .left .menu ul li {
    margin-right: 28px;
  }

  .title_cont h1 {
    font-size: 42px;
    line-height: 1.2em;
  }
}

@media screen and (max-width: 1315px) {

  .orange-line {
    width: 40%;
  }

  .symbol-decode {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .symbole-decode-item {
    width: 33%;
  }

  .bonus-title {
    width: auto;
    margin-right: 25px;
  }

  .bonus-item {
    max-width: 28%;
  }

  .card-price-block {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .wrap {
    max-width: 1140px;
  }

  .classes_slider .slide {
    width: 558px;
  }

  .classes_slider .slide_right {
    max-width: 240px;
  }

  .classes_slider .slide_right .image {
    width: 240px;
    height: 240px;
  }

  .classes_slider .slide {
    height: 313px;
  }

  .classes_slider .slide_left ._title {
    line-height: 23px;
    font-size: 21px;
  }

  .classes_slider .slide_left ._author {
    margin-top: 16px;
  }

  .schedule .item {
    height: 250px;
  }

  .trainers .item {
    width: 366px;
    height: 460px;
  }

  .trainers .item .info {
    max-width: 290px;
    padding-left: 20px;
  }

  .trainers .item:hover .socials {
    right: 18px;
  }

  .trainers .item:hover .info {
    bottom: 20px;
  }

  .trainers .item .socials {
    bottom: 20px;
  }

  .trainers.trainers_section .item {
    width: 31%;
    height: 445px;
  }

  .awards .awards-slider .award-item {
    width: 400px;
    height: 470px;
  }

  .top_panel .left {
    width: 63%;
  }

  .top_panel .left .menu ul li {
    margin-right: 18px;
  }

  .graf-box {
    padding: 20px;
  }

  .train-area-slide {
    padding-top: 109px;
    height: 519px;
  }
}

@media screen and (min-width: 1261px) {
  .overlay {
    display: none !important;
  }
}

.top_panel .left .menu ul li.mb_block_item {
  display: none;
}

@media screen and (max-width: 1260px) {
  .top_panel .left .menu ul li.mb_block_item {
    display: block;
  }

  .card-alert {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .price_section {
    padding-top: 30px;
  }

  .orange-line {
    width: 31%;
  }

  .top_panel .menu_btn {
    display: block;
  }

  .top_panel .wrap_float {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .wrap {
    max-width: 970px;
  }

  .top_panel .left .menu .menu_bottom {
    display: block;
  }

  .top_panel .left .menu .menu_bottom .socials {
    float: left;
    margin-bottom: 20px;
  }

  .top_panel .left .menu .menu_bottom .socials a {
    opacity: 1;
  }

  .top_panel .left .menu .menu_bottom .socials a.linked-in:before {
    background-image: url(../img/linked-in-dark.svg);
  }

  .top_panel .left .menu .menu_bottom .socials a.twitter:before {
    background-image: url(/wp-content/themes/tonus/img/faceblack.svg);
  }

  .top_panel .left .menu .menu_bottom .socials a.instagram:before {
    background-image: url(../img/instagram-dark.svg);
  }

  .top_panel .left .menu {
    position: fixed;
    top: 0;
    right: -320px;
    bottom: 0;
    background: #fff;
    z-index: 9;
    width: 320px;
    overflow: auto;
    transition: all .2s linear;
  }

  .top_panel .left .menu.opened {
    right: 0;
    transition: all .2s linear;
  }

  .top_panel .left .menu .scroll {
    padding-top: 80px;
  }

  .top_panel .left .menu ul {
    width: 100%;
  }

  .top_panel .left .menu ul li {
    width: 100%;
    position: relative;
  }

  /* .top_panel .left .menu ul li:before {
    left: 28px;
    right: 28px;
    bottom: 0;
    position: absolute;
    content: '';
    background: #DEDEDE;
    width: auto;
    height: 1px;
  } */
  .top_panel .left .menu ul li a {
    color: rgba(8, 11, 20, 0.35);
    width: 100%;
    padding: 0 48px;
    line-height: normal;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 44px;
    text-transform: uppercase;
    color: #000000;
    position: relative;
    transition: 0.4s;
  }

  .top_panel .left .menu ul li a:hover::before {
    left: -5px;
    top: 20px;
    position: absolute;
    content: '';
    background: #ff4000;
    width: 40px;
    height: 3px;
    transition: 0.4s;
  }

  .mob-menu-number,
  .btn-mob-menu {
    width: 254px;
    height: 48px;
    background: #DFDFDF;
    border-radius: 81px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 15px;
  }

  .btn-mob-menu {
    background: #FF4000;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;
  }

  .top_panel .left .menu ul li a.hover {
    color: #080b14;
  }

  .top_panel .left .menu .close {
    display: block;
  }

  .top_panel .left .menu ul li>a span {
    width: 100%;
    display: block;
    padding: 18px 0;
  }

  .top_panel .left .menu ul li.dropdown_li>a.hover span:after {
    opacity: 1;
    transition: all 0.3s ease-out;
  }

  .top_panel .left .menu ul li.dropdown_li>a span:after {
    border: 0;
    background: url(../img/menu-arrow.svg) center center no-repeat;
    background-size: contain;
    opacity: .35;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    transition: all 0.3s ease-out;
  }

  .top_panel .left .menu ul li.dropdown_li>a span {
    padding-right: 24px;
  }

  .top_panel .left .menu ul li .dropdown_ul {
    position: static;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
    padding: 10px 0 25px;
  }

  .top_panel .left .menu ul li .dropdown_ul li {
    margin-bottom: 13px;
  }

  .top_panel .left .menu ul li .dropdown_ul li a {
    padding: 0 28px;
  }

  .top_panel .left .menu ul li .dropdown_ul li:before {
    display: none;
  }

  .top_panel .left .menu ul li .dropdown_ul li a {
    font-size: 18px;
    color: #080B14;
  }

  .top_panel .right {
    display: none;
  }

  .top_slider .right .right_bottom .video_link {
    width: 36vh;
    height: 36vh;
    margin-top: -56px;
    margin-left: -18vh;
  }

  .top_slider .left .slide_content {
    width: 560px;
    margin-left: -430px;
  }

  .footer .p {
    font-size: 14px;
  }

  .trainers.trainers_section .item {
    width: 31%;
    height: 380px;
    margin-right: 18px;
    margin-top: 18px;
  }

  .footer_bottom .right {
    clear: both;
  }

  .footer .footer_bottom .center {
    width: 62%;
  }

  .footer_bottom .right {
    text-align: left;
    margin-top: 30px;
  }

  .modal.modal_video {
    width: 90vw;
  }

  .top_slider .left .slide_content {
    padding-right: 20px;
  }

  .modal .modal_close {
    width: 24px;
    height: 24px;
    background-image: url(../img/menu-close-white.svg);
  }

  .lg-toolbar .lg-close:before {
    background-image: url(../img/menu-close-white.svg);
  }

  .bodyindex_section .index__item {
    width: 161px;
    height: 161px;
  }

  .index__buttons {
    width: 70%;
  }

  .footer .center .menu {
    width: 100%;
  }

  .footer .tel {
    font-size: 20px;
  }

  .work-times-footer {
    width: 100%;
  }

  .bonus-item {
    max-width: 33%;
  }

  .bonus-title {
    width: 100%;
    margin-bottom: 35px;
  }

  .select-card {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }

  .section_top .arrows .arrow.prev {
    margin-right: 15px;
  }

  .section_top .arrows .arrow.next {
    margin-left: 15px;
  }

  .cyfres__section .cyf__value {
    font-size: 40px;
  }
}

@media screen and (max-width: 1040px) {
  .section_top .title {
    width: 40%;
  }

  .trainers .item .info {
    bottom: 20px;
  }

  .trainers .item .socials {
    right: 18px;
    bottom: auto;
    top: 20px;
  }

  .socials a {
    opacity: 1;
  }

  .tablet .top_slider,
  .mobile .top_slider {
    position: relative;
  }

  .tablet .top_slider .slick-slider,
  .mobile .top_slider .slick-slider {
    height: 100%;
  }

  .tablet .top_slider .slick-slider .slick-list,
  .mobile .top_slider .slick-slider .slick-list {
    height: 100%;
  }

  .tablet .top_slider .slick-slider .slick-list .slick-track,
  .mobile .top_slider .slick-slider .slick-list .slick-track {
    height: 100%;
  }

  .tablet .top_slider .slick-slider .slick-list .slick-track .slick-slide,
  .mobile .top_slider .slick-slider .slick-list .slick-track .slick-slide {
    position: relative;
  }

  .tablet .top_slider .left,
  .mobile .top_slider .left {
    height: 100%;
  }

  .tablet .top_slider .right,
  .mobile .top_slider .right {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .tablet .top_slider .left .slide_content,
  .mobile .top_slider .left .slide_content {
    padding-bottom: 28vh;
  }

  .tablet .awards .wrap .section_top,
  .mobile .awards .wrap .section_top {
    max-width: 970px;
  }
}

@media screen and (max-width: 1000px) {

  .title_sub-short {
    width: 100%;
  }

  .tariff-content {
    padding: 34px 35px 24px;
  }

  .wrap-btns {
    position: relative;
    top: -75px;
  }

  .top_slider .left {
    width: 100%;
    height: 70vh;
  }

  .top_slider .right {
    width: 100%;
    height: 30vh;
  }

  .top_slider .right .right_top {
    width: 50%;
    height: 100%;
  }

  .top_slider .right .right_bottom {
    width: 50%;
    height: 100%;
  }

  .top_slider .bottom_block {
    display: none;
  }

  .top_slider .left .slide_content {
    width: 92vw;
    margin-left: 0;
    left: 4vw;
  }

  .wrap {
    width: 92vw;
    max-width: 92vw;
  }

  .top_slider .arrows .arrow {
    width: 70px;
    height: 70px;
    top: 70vh;
    margin-top: -70px;
  }

  .top_slider .arrows .arrow.next {
    left: auto;
    right: 0;
  }

  .top_slider .right .right_bottom .video_link {
    width: 22vh;
    height: 22vh;
    top: 4vh;
    margin-top: 0;
    margin-left: 0;
    transform: translateX(-50%);
  }

  .section_top .arrows .arrow.prev {
    margin-right: 10px;
    padding-left: 28px;
  }

  .section_top .arrows .arrow.next {
    margin-left: 10px;
    padding-right: 28px;
  }

  .schedule .date {
    font-size: 30px;
  }

  .title {
    font-size: 30px;
  }

  .schedule .item {
    width: 49%;
  }

  .schedule .item:nth-child(3n) {
    margin-right: 2%;
  }

  .schedule .item:nth-child(3n+1) {
    clear: none;
  }

  .schedule .item:nth-child(even) {
    margin-right: 0;
  }

  .schedule .item:nth-child(odd) {
    clear: both;
  }

  .blog_section .blog_item {
    width: 49%;
  }

  .blog_section .blog_item:nth-child(2) {
    margin-right: 0;
  }

  .blog_section .blog_item:last-child {
    display: none;
  }

  .video_section {
    height: 57vw;
  }

  .instagram-block .item {
    width: 25vw;
    height: 25vw;
  }

  .video_section .title {
    font-size: 32px;
  }

  .section_description {
    font-size: 18px;
  }

  .instagram-block .item {
    width: 50%;
    height: 50vw;
  }

  .footer .left {
    width: 100%;
    padding-right: 0;
  }

  .footer .center {
    width: 100%;
  }

  .footer .right {
    width: 100%;
  }

  .footer .left .logo {
    font-size: 40px;
  }

  .footer .right .socials {
    float: left;
  }

  .footer .left .form {
    max-width: 420px;
  }

  .footer .center .menu {
    margin: 20px 0;
  }

  .footer_center .left {
    margin-bottom: 50px;
  }

  .footer_center .right {
    margin-top: 50px;
  }

  .footer_bottom {
    padding-top: 0;
  }

  .footer_bottom .left {
    margin-bottom: 24px;
  }

  .footer_bottom .center {
    margin-bottom: 10px;
  }

  .footer .footer_bottom .center {
    width: 100%;
  }

  .top_panel .menu_btn span {
    background: #fff;
  }

  .top_panel-fix .menu_btn span {
    background: #000;
  }

  .schedule .item:nth-child(3) {
    margin-top: 2%;
  }

  .schedule .date_div ._title {
    line-height: 34px;
  }

  .trainers.trainers_section .item {
    width: 49%;
    margin-right: 2%;
    margin-top: 2%;
    height: 56vw;
  }

  .trainers.trainers_section .item:nth-child(3) {
    margin-top: 2%;
  }

  .trainers.trainers_section .item:nth-child(3n) {
    margin-right: 2%;
  }

  .trainers.trainers_section .item:nth-child(even) {
    margin-right: 0;
  }

  .contacts-page .columns .column {
    width: 50%;
    margin-top: 30px;
  }

  .contacts-page .columns .column:nth-child(1),
  .contacts-page .columns .column:nth-child(2) {
    margin-top: 0;
  }

  .contacts-page .columns .column:nth-child(odd) {
    clear: both;
  }

  .sitemap_section .column {
    width: 50%;
    margin-top: 40px;
  }

  .sitemap_section .column:nth-child(1),
  .sitemap_section .column:nth-child(2) {
    margin-top: 0;
  }

  .sitemap_section .column:nth-child(odd) {
    clear: both;
  }

  .tablet .awards .wrap,
  .mobile .awards .wrap {
    width: 100%;
  }

  .tablet .awards .wrap .section_top,
  .mobile .awards .wrap .section_top {
    max-width: 100%;
    padding: 0 4vw;
  }

  .tablet .awards .awards-slider,
  .mobile .awards .awards-slider {
    padding-left: 4vw;
  }

  .tablet .awards .awards-slider .award-item:last-child,
  .mobile .awards .awards-slider .award-item:last-child {
    margin-right: 4vw;
  }

  .modal.modal_video {
    width: 97vw;
  }

  .modal_close {
    background-image: url(../img/close-dark.svg);
    right: 10px;
    top: 10px;
    width: 24px;
    height: 24px;
  }

  .content h2 {
    font-size: 28px;
  }

  .content h3 {
    font-size: 26px;
  }

  .content h4 {
    font-size: 25px;
  }

  .modal.modal_window {
    width: 100%;
  }

  .modal.modal_video .modal_close {
    top: -36px;
    right: 0;
    background-image: url(../img/menu-close-white.svg);
  }

  .modal.modal_success .modal_close {
    background-image: url(../img/menu-close-white.svg);
  }

  .top_slider .left .slide_content {
    padding-right: 0;
  }

  .desktop .modal.modal_video .modal_close {
    top: -36px;
  }

  .section-404 .subtitle {
    font-size: 60px;
  }

  .section-404 .title {
    font-size: 130px;
  }

  .page.page-404 {
    padding-top: 74px;
  }

  .modal .modal_close {
    background-image: url(../img/menu-close.svg);
  }

  .section_top .btn {
    width: 240px;
  }

  .section_top .title {
    width: 30%;
  }

  .tariff-section .section_top .title {
    width: 60%;
  }


  .calculating {
    width: 100%;
  }

  .calculating .section_top .title {
    width: auto;
  }

  .bodyindex_section .index__item {
    padding: 10px;
    margin-right: 10px;
    width: 131px;
    height: 131px;
  }

  .index__buttons {
    width: 100%;
  }

  .news-content {
    padding-left: 50px;
  }

  .news-box {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .news-box .banner {
    width: 80%;
    margin: 0 auto 30px;
  }

  .news-box .news-content {
    width: 100%;
  }

  .photogallery .section_top .btn {
    margin-right: 4vw;
  }

  .footer .left .form .submit {
    right: 0;
  }

  .bonus-item {
    /* max-width: 50%; */
    /* margin-bottom: 25px; */
  }

  .dops_section {
    background-size: cover;
  }

  .card-img-box {
    width: 30%;
  }

  .card-content {
    width: 65%;
  }


  .page.contacts-page {
    padding-top: 90px;
  }

  .map-block .map {
    height: 550px;
  }

  .contacts-content {
    flex-direction: column;
  }

  .contacts-left {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .contacts-right {
    width: 30%;
    position: absolute;
    bottom: -250px;
  }

  .map-breadcrumbs {
    padding-top: 15px;
    margin-bottom: 15px;
  }

  .contacts-title {
    margin-bottom: 10px;
  }

  .contacts-item p {
    font-size: 14px;
    line-height: 24px;
  }

  .contacts-item:first-child p:last-child {
    font-size: 12px;
  }

  .contacts-socials a {
    margin-right: 10px;
    margin-left: 10px;
  }

  .graf-box {
    padding: 10px 17px;
  }

  .graf-box p {
    font-size: 16px;
    line-height: 29px;
  }

  .contacts-item {
    margin-bottom: 20px;
    width: 25%;
  }

  .contacts-btn {
    width: 205px;
    font-size: 16px;
  }

  .btns-grid-cont {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .orange-line {
    width: 100%;
    margin-top: 40px;
  }

  .btns-grid-cont .btn {
    width: 45%;
  }

}

@media screen and (max-width: 760px) {

  .tariff-content {
    padding: 34px 15px 24px;
  }

  .classes_slider .slide {
    width: 290px;
    height: 480px;
    position: relative;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }

  .classes_slider .slide_right {
    max-width: 100%;
    margin-right: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  .classes_slider .slide_right .image {
    display: inline-block;
    float: none;
    width: 200px;
    height: 200px;
    margin-bottom: 15px;
  }

  .classes_slider .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .classes_slider .slide_left {
    height: auto;
  }

  .classes_slider .slide {

    height: 400px;
  }

  .classes_slider .slide_left ._category {
    top: -240px;
  }

  .section_top .arrows {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 46px;
  }

  .section_top {
    padding-bottom: 40px;
    margin-bottom: 30px;
  }

  .schedule .select_div {
    float: left;
    clear: both;
    margin-top: 20px;
  }

  .title {
    font-size: 26px;
  }

  .schedule .date {
    font-size: 25px;
  }

  .schedule .item {
    width: 100%;
    margin-right: 0;
  }

  .trainers .item {
    width: 290px;
    height: 450px;
  }

  .blog_section .blog_item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 38px;
  }

  .blog_section .blog_item:nth-child(3) {
    display: block;
  }

  .blog_section .blog_item:last-child {
    margin-bottom: 0;
  }

  .blog_item ._date {
    margin-bottom: 11px;
  }

  .blog_section .section_top {
    padding-bottom: 0;
  }

  .blog_item .img {
    height: 76vw;
  }

  .video_section {
    height: 115vw;
  }

  .video_section .title {
    width: 100%;
    position: static;
    max-width: 100%;
    transform: none;
  }

  .video_section .wrap_float {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  .video_section .play_btn {
    position: relative;
    float: right;
    top: auto;
    margin-top: 50px;
    flex-flow: row-reverse;
  }

  .section_top .arrows {
    white-space: nowrap;
    display: none;
  }

  .section_top .arrows .arrow {
    display: inline-block;
    float: none;
  }

  .tablet .classes_slider,
  .mobile .classes_slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }

  .schedule .item:nth-child(2) {
    margin-top: 2%;
  }

  .schedule .date_div ._title {
    line-height: 28px;
  }

  .feedback-form .form {
    display: block;
  }

  .feedback-form .input_wrap {
    width: 100%;
    margin-bottom: 10px;
  }

  .feedback-form .input_wrap.select_wrap {
    height: 52px;
  }

  .feedback-form .input_wrap .textarea {
    height: 112px;
  }

  .dark-theme .awards .title {
    width: 100%;
    text-align: center;
  }

  .awards .awards-slider .award-item.type-3 ._bottom {
    padding-top: 0;
  }

  .tablet .awards .title,
  .mobile .awards .title {
    text-align: left;
  }

  .content h2 {
    font-size: 24px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content h4 {
    font-size: 22px;
  }

  .content h5 {
    font-size: 21px;
  }

  .content h6 {
    font-size: 20px;
  }

  .modal.modal_window .input_wrap {
    width: 100%;
    margin-bottom: 20px;
  }

  .modal.modal_window {
    padding: 40px 34px;
  }

  .modal.modal_window .modal_title {
    font-size: 32px;
  }

  .modal.modal_window .cost {
    font-size: 24px;
  }

  .modal.modal_window .input_wrap.textarea_wrap {
    margin-top: 0;
  }

  .modal.modal_window .input_wrap .textarea {
    height: 100px;
  }

  .modal.modal_success .modal_wrap {
    padding-right: 0;
  }

  .modal.modal_window {
    min-height: inherit;
  }

  .modal.modal_success:before {
    width: 144px;
    height: 144px;
    margin-top: -72px;
  }

  .section-404 .subtitle {
    font-size: 36px;
  }

  .section-404 .title {
    font-size: 110px;
  }

  .title_cont h1 {
    font-size: 40px;
    line-height: 60px;
  }

  .slide .color-back {
    transform: rotate(-90deg);
    width: 400px;
    background-position: 100% -2% !important;
    background-size: 118% !important;
  }

  .classes_item {
    background-position: 100% 0% !important;
    background-size: cover !important;
  }

  .classes_slider .slide_left {
    position: relative;
    bottom: 20px;
  }

  .classes_slider ._category {
    top: 16px;
  }

  .section_top .title {
    width: auto;
  }

  .bodyindex_section .index_image {
    display: none;
  }

  .bodyindex_section .calculating {
    width: 100%;
  }

  .bodyindex_section .index__box {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }



  .work-times-footer {
    width: 60%;
  }

  .footer .center .menu {
    width: 100%;
  }

  .price_section .symbole-decode-item p {
    font-size: 14px;
    line-height: 17px;
  }

  .dops-cont {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .dops-item {
    margin-bottom: 45px;
  }

  .dops_section {
    height: auto;
  }

  .blog-page .title_div {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .blog-filter-block {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  a.blog-btn {
    margin-left: 0;
  }

  .contacts-content {
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    border-radius: 8px;
    height: 0;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: 0.4s;
  }

  .contacts-content-hide {
    opacity: 1;
    pointer-events: all;
    transition: 0.4s;
    height: 460px;
    padding: 25px;
    overflow-y: auto;
  }

  .contacts-content-hide * {
    position: static;
  }

  .contacts-item {
    width: 49%;
  }

  .contacts-right {
    width: 50%;
    position: static;
    margin-top: 25px;
  }

  .close-contacts {
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
  }

  .open-contacts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .bonus-item {
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px;
  }

  .bonus-item-val {
    font-size: 48px;
  }

  .bonuses {
    justify-content: flex-start;
  }

  .top_section .socials {
    right: 25px;
  }


}

@media screen and (max-width: 590px) {

  .contacts-btn {
    margin-top: 0;
  }

  .footer_center {
    overflow: hidden;
  }

  .footer_center .right {
    order: 1;
    margin: 0 auto 50px;
    position: relative;
  }

  .footer_center .center {
    order: 2;
    position: relative;
  }

  .footer_center .left {
    order: 3;
    margin: 50px auto 0;
    position: relative;
  }

  .footer_center .right::after,
  .footer_center .center::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -25px;
    left: -20%;
    width: 130%;
    height: 2px;
    background-color: #21242d;
  }

  .contacts-title {
    font-size: 27px;
    line-height: 33px;
  }

  .price_section {
    padding-bottom: 0px;
  }

  .dops-item img {
    min-width: 40px;
  }

  .dops_section h3 {
    font-size: 31px;
    line-height: 40px;
  }

  .top_slider .right .right_top .p {
    font-size: 13px;
    left: 20px;
    bottom: 15px;
  }

  .top_slider .left .slide_content ._title {
    font-size: 31px;
  }

  .top_slider .left .slide_content ._subtitle {
    font-size: 18px;
  }

  .top_slider .left .slide_content .btn {
    margin-top: 25px;
  }

  .schedule.schedule_section {
    padding-top: 0;
  }

  .schedule .date_div ._title {
    font-size: 28px;
  }

  .schedule .date_div ._title {
    line-height: 24px;
  }

  .trainers.trainers_section .item {
    width: 100%;
    height: 110vw;
    margin-top: 20px;
  }

  .trainers.trainers_section .item:nth-child(2),
  .trainers.trainers_section .item:nth-child(3) {
    margin-top: 20px;
  }

  .title_div {
    display: block;
    margin-bottom: 30px;
  }

  .title_div .page_title {
    width: 100%;
  }

  .search-div {
    clear: both;
    width: 100%;
  }

  .map-block .map {
    height: 430px;
  }

  .contacts-page .columns .column {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
    margin-top: 0;
  }

  .contacts-page .columns .column:last-child {
    margin-bottom: 0;
  }

  .footer_bottom .center ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .footer_bottom .center ul li:last-child {
    margin-bottom: 0;
  }

  .awards .awards-slider .award-item {
    width: 340px;
  }

  .awards .awards-slider .award-item ._top,
  .awards .awards-slider .award-item ._bottom {
    padding-left: 20px;
    padding-right: 20px;
  }

  .train_area .train_title {
    font-size: 36px;
    line-height: 1.2em;
  }

  .train_area .train_title_sub {
    padding: 30px 0 30px 0;
  }

  .title_cont h1 {
    font-size: 36px;
    line-height: 46px;
  }

  .top_section .title_sub {
    font-size: 18px;
    line-height: 24px;
  }

  .title {
    font-size: 22px;
  }

  .section_top .btn {
    width: 180px;
    height: 44px;
    font-size: 14px;
    padding: 0;
  }

  .section_top {
    padding-bottom: 0;
    margin-bottom: 30px;
  }

  .schedule .section_content {
    margin-top: 0;
  }

  .tariffs-block {
    justify-content: center;
  }

  .tariff-content {
    padding: 34px 25px 24px;
  }

  .news_section {
    padding: 20px 0 50px 0;
  }


  .price_section .symbole-decode-item {
    margin-right: 0px;
  }

  .bonus-item {
    max-width: 100%;
    margin-bottom: 45px;
  }

  .card-box {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .card-img-box {
    width: 100%;
    margin-bottom: 30px;
  }

  .card-content {
    width: 100%;
  }

  .card-price-block .order-btn {

    margin: 25px auto 0;
  }

  .select-card {
    margin: 35px auto 35px;
  }

  .blog-filter-block {
    justify-content: flex-start;
  }

  a.blog-btn {
    margin: 0 15px 15px 0;
  }

  .contacts-right {
    width: 100%;
    margin-bottom: 25px;
  }

  .contacts-left {
    display: block;
  }

  .contacts-item {
    width: 100%;
  }

  .btns-grid-cont .btn {
    width: 55%;
    margin-bottom: 40px;
  }

  .orange-line {
    margin-top: 0;
  }

  .btns-grid-cont {
    justify-content: center;
  }

  .top_section .title__soc-box {
    position: static;
  }

  .top_section .socials {
    flex-direction: row;
    float: left;
    position: static;
    padding-top: 20px;
  }

  .top_section .title_sub {
    padding: 25px 0 30px 0;
  }

  .top_section .socials a {
    margin: 0 10px 0 0;
  }
}

@media screen and (max-width: 480px) {

  .btns-grid-cont .btn {
    width: 90%;
  }

  .train-area-slide {
    padding-top: 40px;
    height: 519px;
  }

  [data-tooltip]::before {
    right: 0;
  }

  .bodyindex_section .index__item {
    width: 160px;
    height: 160px;
  }

  .footer .center .menu li {
    margin-right: 0;
  }

  .footer .center .menu {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .classes,
  .schedule,
  .trainers,
  .blog_section,
  .section_description {
    padding: 50px 0;
  }

  .desktop .top_slider .slick-slide {
    height: 100vh;
  }

  .footer .col ul {
    padding-right: 26px;
  }

  .map-block .map {
    height: 72vh;
  }

  .sitemap_section .column {
    width: 100%;
    padding-right: 0;
    clear: both;
    margin-top: 0;
    margin-bottom: 25px;
  }

  .sitemap_section .column:last-child {
    margin-bottom: 0;
  }

  .schedule .date_div {
    display: inline-block;
    float: none;
  }

}

@media screen and (max-width: 480px) {
  .top_slider .left .slide_content ._title {
    font-size: 26px;
  }

  .top_slider .left .slide_content ._subtitle {
    font-size: 17px;
  }

  .top_slider .right .right_top {
    display: none;
  }

  .top_slider .right .right_bottom {
    width: 100%;
    float: right;
  }

  .top_slider .left {
    height: inherit;
  }

  .top_slider .right {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50vw;
  }

  .top_slider .arrows .arrow {
    width: 25vw;
    height: 25vw;
  }

  .top_slider .arrows .arrow.next {
    left: 25vw;
  }

  .top_slider .left .slide_content {
    padding-bottom: 24vh;
  }

  .top_slider .left:before {
    opacity: .33;
  }

  .top_slider .right .right_bottom .video_link .play-btn {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
  }

  .top_slider .arrows .arrow {
    top: auto;
    bottom: 0;
  }

  .section_top .title {
    width: 100%;
    text-align: center;
  }

  .section_top .link {
    width: 100%;
    text-align: center;
  }

  .section_top .arrows {
    bottom: 0;
    top: auto;
  }

  .classes_slider .slide {
    width: 270px;
  }

  .classes_slider .slide {
    padding: 17px;
    padding-top: 45px;
    margin-right: 15px;
  }

  .classes_slider .slide_left ._category {
    padding: 0 17px;
  }

  .schedule .title {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .schedule .date {
    display: inline-block;
    float: none;
  }

  .schedule {
    text-align: center;
  }

  .schedule .section_content {
    text-align: left;
  }

  .schedule .date {
    font-size: 21px;
  }

  .schedule .select_div {
    width: 100%;
    text-align: center;
  }

  .schedule .select_div .select_val {
    display: inline-block;
    float: none;
  }

  .schedule .select_div select {
    width: 100%;
  }

  .schedule .item,
  .schedule .item_top {
    padding-left: 18px;
    padding-right: 18px;
  }

  .trainers .item {
    width: 260px;
    height: 420px;
    margin-right: 15px;
  }

  .video_section .title {
    font-size: 26px;
  }

  .video_section .play_btn {
    font-size: 18px;
  }

  .section_description {
    font-size: 15px;
  }

  .tablet .top_slider .right,
  .mobile .top_slider .right {
    right: 0;
    left: auto;
  }

  .awards .awards-slider .award-item {
    width: 300px;
    margin-right: 16px;
  }

  .awards .awards-slider .award-item ._title {
    font-size: 21px;
  }

  .awards .awards-slider .award-item ._top .left .icon {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }

  .awards .awards-slider .award-item ._top .left {
    min-height: 48px;
  }

  .awards .awards-slider .award-item ._top .right {
    min-height: 48px;
  }

  .awards .awards-slider .award-item ._top .left {
    padding-left: 65px;
  }

  .awards .awards-slider .award-item ._top {
    height: 101px;
  }

  .top_slider .right {
    z-index: 1;
  }

  .top_slider .left .slide_content {
    padding-top: 28px;
  }

  .schedule .item_bottom .trainer {
    padding-left: 54px;
  }

  .classes_header .right .video_link .play-btn:before {
    margin-left: -6px;
  }

  .top_slider .right .right_bottom .video_link .play-btn:before {
    margin-left: -6px;
  }

  .modal.modal_window {
    padding: 40px 24px;
  }

  .modal.modal_window .modal_title {
    font-size: 27px;
  }

  .modal.modal_window .input_wrap .input {
    padding: 10px 0;
  }

  .modal.modal_window .input_wrap {
    margin-bottom: 15px;
  }

  .modal.modal_window .form {
    margin-top: 26px;
  }

  .modal.modal_window .cost {
    font-size: 21px;
  }

  .modal.modal_window .agreement {
    margin: 20px 0 30px;
  }

  .agreement label {
    font-size: 15px;
  }

  .modal.modal_window .trainer .name {
    font-size: 17px;
  }

  .modal.modal_window .input_wrap .input,
  .modal.modal_window .input_wrap .textarea {
    font-size: 16px;
  }

  .page.page-404 {
    padding-top: 58px;
  }

  .top_section .socials {
    right: 20px;
    bottom: 25px;
  }

  .section_top .title {
    width: 60%;
    text-align: left;
  }

  .cyfres__section .item {
    padding-bottom: 30px;
  }

  .tariff-section .section_top {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tariff-section .section_top .title {
    width: 100%;
    padding-bottom: 25px;
  }

  .symbole-decode-item svg {
    margin-right: 0;
  }

  .symbole-decode-item p {
    font-size: 14px;
  }

  .bodyindex_section .index__item {
    margin-top: 15px;
    width: 100%;
    height: 100px;
  }

  .bodyindex_section .index__item:nth-child(-n+2) {
    background: none;
  }

  .bodyindex_section .index__item .index__item-name {
    text-align: left;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .bodyindex_section .index__item input {
    background: #fff;
    width: 100%;
    border-radius: 10px;
    padding: 10px 20px;
  }

  .bodyindex_section .index__item:nth-child(3) {
    order: 1;
    padding: 20px;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 145px;
  }

  .bodyindex_section .index__item:nth-child(3) .index__item-name {
    width: 50%;
    padding-bottom: 0;
  }

  .bodyindex_section .index__item:last-child .result__val {
    order: 3;
    margin-top: 10px;
  }

  .bodyindex_section .index__item:last-child .index__item-pt {
    width: 50%;
    padding-top: 0;
  }

  .bodyindex_section .index__item:nth-child(2) {
    order: 3;
  }

  .bodyindex_section .index__item:nth-child(1) {
    order: 2;
  }

  .bodyindex_section .index__item:nth-child(-n+2) .index__item-pt {
    display: none;
  }

  .bodyindex_section .index__item:nth-child(-n+2) input {
    font-size: 24px;
    line-height: 27px;
  }

  .index__buttons {
    margin-top: 30px;
  }

  .calc {
    width: 80%;
  }

  .reset {
    width: 48px;
    border-radius: 50%;
    padding: 0;
  }

  .news-content {
    padding-left: 0px;
  }

  .photogallery .title {
    text-align: left !important;
  }

}

@media screen and (max-width: 400px) {

  .card-price-block {
    justify-content: center;
  }

  .select-box {
    margin-top: 20px;
  }

  .month-select {
    width: 227px;
  }

  .select-trainer {
    width: 100%;
    text-align: center;
    margin-top: 35px;
  }

  .select-trainer .trainers-p {
    width: 100%;
  }

  .select-trainer .select_div {
    display: inline-block;
    float: none;
    margin-left: 0;
  }

  .select-trainer .select_div .select_val {
    font-size: 24px;
  }

  .schedule .item_bottom {
    display: block;
  }

  .schedule .item .item_bottom .btn {
    margin-top: 14px;
  }

  .schedule .item {
    height: 305px;
  }

  .modal.modal_window .modal_title {
    font-size: 25px;
  }

  .modal.modal_window .trainer {
    margin-bottom: 22px;
  }

  .modal.modal_window .cost {
    font-size: 19px;
  }

  .modal.modal_window .trainer .name {
    font-size: 16px;
  }

  .modal.modal_window {
    padding: 40px 20px;
  }

}

@media screen and (max-width: 350px) {
  .cars-slide {
    margin-right: 0;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 285px;
  }

  .contacts-content-hide {
    height: 360px;
  }

  .top_slider .left .slide_content,
  .tablet .top_slider .left .slide_content,
  .mobile .top_slider .left .slide_content {
    padding-bottom: 13vh;
  }

  .top_slider .left .slide_content .btn {
    padding: 0 20px;
    max-width: 50%;
    font-size: 13px;
  }

  .top_slider .left .slide_content ._title {
    font-size: 23px;
    margin-bottom: 9px;
  }

  .awards .awards-slider .award-item {
    width: 280px;
    margin-right: 10px;
  }

  .blog-filter-block {
    justify-content: center;
  }

  /* .tariff-card {
  width: 95%;
} */



  /* .cars-slider {
  min-height: auto;
} */

}

._block {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
}

._Bold {
  font-weight: 700;
}

._Light {
  font-weight: 300;
}

._Medium {
  font-weight: 500;
}

._SemiBold {
  font-weight: 600;
}

.classes_page .top_panel .right .tel {
  color: #fff;
}

/* .classes_page .top_panel .right .btn {
  height: 38px;
  background: #fff;
  color: #ff5100;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
} */
body.light-color .classes_header .left .content .btn,
body.light-color .classes_page .top_panel .right .tel,
body.light-color .classes_page .top_panel .right .btn,
body.light-color .date-span,
body.light-color .schedule .item_bottom .btn {
  color: #080B14 !important;
}

body.light-color .date-field {
  border-color: #080B14 !important;
}

body.light-color .schedule .item:hover .item_top .time,
body.light-color .schedule .item:hover .item_top .category,
body.light-color .schedule .item:hover .item_center .classroom,
body.light-color .schedule .item:hover .item_center ._title,
body.light-color .schedule .item:hover .item_bottom .trainer,
body.light-color .lessons .lessons_top .title,
body.light-color .lessons .lessons_top .cost,
body.light-color .lessons .lessons_list .lesson-item:hover ._cost,
body.light-color .lessons .lessons_list .lesson-item:hover ._info ._title,
body.light-color .lessons .lessons_list .lesson-item:hover ._info .author .name {
  color: #080B14;
}

.desktop body.light-color .schedule .item:hover .item_top .category .point {
  background: #080B14 !important;
}

/*----------------------------------------------------------------------------------
2.1. Classes header
-----------------------------------------------------------------------------------*/
.classes_header {
  height: 745px;
  position: relative;
}

.classes_header .left {
  width: 67%;
  height: 745px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.classes_header .left:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  opacity: .33;
  background: #000;
}

.classes_header .left .content {
  width: 967px;
  position: absolute;
  left: 50%;
  margin-left: -645px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-top: 200px;
}

.classes_header .left .content .page_title {
  font-size: 65px;
  color: #fff;
  font-weight: 700;
  max-width: 600px;
}

.classes_header .left .content .page_subtitle {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 20px;
  color: #fff;
  max-width: 600px;
  margin-bottom: 30px;
  clear: both;
}

.classes_header .left .content .breadcrumbs {
  position: absolute;
  top: 138px;
  left: 0;
  z-index: 1;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.classes_header .left .content .breadcrumbs a {
  border-bottom: 1px solid #fff;
}

.classes_header .left .content .breadcrumbs a.current {
  border-bottom: 0;
}

.classes_header .left .content .links {
  margin-top: 58px;
}

.classes_header .left .content .links .anchor {
  color: #fff;
  font-size: 20px;
  line-height: 38px;
  display: block;
  float: left;
  position: relative;
  padding-right: 28px;
  margin-left: 44px;
}

.classes_header .left .content .links .anchor:before {
  width: 22px;
  height: 14px;
  background: url(../img/anchor-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -7px;
  right: 0;
}

.classes_header .right {
  width: 33%;
  height: 745px;
  position: relative;
}

.classes_header .right .video_link {
  height: 38vh;
  width: 38vh;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  bottom: 7vh;
  margin-top: -60px;
  left: 50%;
  margin-left: -19vh;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.classes_header .right .video_link:hover {
  cursor: pointer;
}

.classes_header .right .video_link:hover .play-btn {
  transition: all .2s ease;
  transform: scale(1.2);
  cursor: pointer;
}

.classes_header .right .video_link .play-btn {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -43px;
  margin-top: -43px;
  transition: all .2s ease;
}

.classes_header .right .video_link .play-btn:before {
  width: 14px;
  height: 18px;
  background: url(../img/play.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -7px;
}

.text {
  font-size: 20px;
  color: #080B14;
  line-height: 1.65;
}

.text_overflow {
  position: relative;
}

.text_overflow::after {
  content: '';
  width: 100%;
  height: 63px;
  position: absolute;
  left: 0;
  bottom: 0px;
  pointer-events: none;
  background: linear-gradient(360deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.3) 100%);
  transition: opacity .3s ease;
}

.text_overflow_none::after {
  opacity: 0;
  transform: translateY(150%);
}

.text p {
  margin-bottom: 15px;
}

.text_other {
  display: none;
}

.text ul,
.text ol,
.text_other ul,
.text_other ol {
  padding-left: 15px;
  margin-bottom: 20px;
  list-style: none;
  float: left;
}

.text li,
.text_other li {
  position: relative;
  font-size: 20px;
  color: #080B14;
  line-height: 1.65;
  margin-bottom: 15px;
  padding-left: 20px;
  display: block;
  list-style: none;
  float: left;
  width: 100%;
}

.text li::before,
.text_other li::before {
  position: absolute;
  content: '';
  background: #FF5100;
  width: 8px;
  height: 8px;
  top: 10px;
  left: 0;
  border-radius: 50%;
}

.text_other_more.btn {
  padding: 5px 15px;
  height: auto;
  min-width: 100px;
  width: auto;
  border-radius: 100px;
  color: #fff;
  text-transform: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  margin-top: 15px;
}

/*----------------------------------------------------------------------------------
2.2. Classes info block
-----------------------------------------------------------------------------------*/
.classes_info {
  padding-top: 5px;
  padding-bottom: 40px;
}



.read-more-btn {
  width: 248px;
  height: 54px;
  border: 1px solid #080A15;
  border-radius: 81px;
  background: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #080A15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: none;
  margin-top: 60px;
}

.read-more-btn:hover {
  border: 1px solid #FF4000;
  background: #FF4000;
  color: #fff;
}

.services_page .classes_info {
  padding-top: 5px;
  padding-bottom: 60px;
}

.classes_info .items {
  margin-bottom: 50px;
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.classes_info .items .item {
  padding-left: 68px;
  position: relative;
  width: 32.5%;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 20px;
}

.classes_info .items .item ._icon {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}

.classes_info .items .item ._icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.classes_info .items .item ._title {
  color: #818181;
  font-size: 16px;
  margin-bottom: 6px;
}

.classes_info .items .item ._val {
  font-size: 16px;
  font-weight: 700;
}

/*----------------------------------------------------------------------------------
2.29. slider gallery block
-----------------------------------------------------------------------------------*/

.main-gallery {
  padding: 70px 0 70px 0;
}

.galery-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.classes-single-slider {
  width: 79%;
  height: 600px;
  padding-right: 5px;
}

.classes-single-slider .slick-list,
.classes-single-slider .slick-track {
  height: 100%;
}

.slider-nav {
  width: 19%;
  height: 600px;
}

.slider-nav .slick-list {
  height: 100% !important;
}

.slider-nav-item {
  height: 160px !important;
  /* width: 100% !important; */
  padding: 5px;
}

.slider-nav-item img,
.class-slider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.class-slider-item {}

.class-slider-item a {
  position: relative;
  display: block;
  float: left;
  height: 100%;
  width: 100%;
}

.class-slider-item a.link_video_btn:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.42);
  z-index: 1;
}

.class-slider-item a.link_video_btn:after {
  content: '';
  width: 70px;
  height: 70px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%)translateY(-50%);
  background: url(../img/play-circle_icon-icons.svg) no-repeat center / cover;
  z-index: 2;
}

div.fancybox-container,
div.fancybox-container *,
div.fancybox-container div,
div.fancybox-container iframe,
div.fancybox-container p,
div.fancybox-container span,
div.fancybox-container a,
div.fancybox-container button {
  float: none;
}

.classes-single-slider .prev,
.classes-single-slider .next {
  position: absolute;
  width: 30px;
  height: 30px;
  z-index: 99;
  top: 50%;
  transform: rotateY(-50%);
  cursor: pointer;
}

.classes-single-slider .prev {
  left: 50px;
}

.classes-single-slider .next {
  right: 50px;
}

.slider-nav-item {
  position: relative;
}

.slider-nav-item::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgb(255, 255, 255, 0.3);
}

.slider-nav-item.slick-center::after {
  display: none;
}

.top_section-onpage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  background: url(../img/offer-min.jpg) no-repeat top center/cover;
  height: 500px;
}

.top_section-onpage h2 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 48px;
  color: #FFFFFF;
}

.top_section-onpage .title_sub {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  color: #FFFFFF;
  padding: 45px 0 55px 0;
}

.sign-btn {
  width: 220px;
  height: 54px;
  background: #FFFFFF;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #080A15;
  text-transform: none;
}

/*----------------------------------------------------------------------------------
2.3. Trainers block
-----------------------------------------------------------------------------------*/
.trainers-block {
  padding-bottom: 75px;
}

.trainers-block .section_content {
  margin-top: 30px;
}

.trainers-block .item {
  padding-left: 152px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 126px;
  line-height: 1.45;
  width: 33%;
  padding-right: 40px;
  margin-top: 20px;
  float: left;
}

.trainers-block .item:nth-child(1),
.trainers-block .item:nth-child(2),
.trainers-block .item:nth-child(3) {
  margin-top: 0;
}

.trainers-block .item .img {
  width: 126px;
  height: 126px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.trainers-block .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.trainers-block .item .name {
  font-size: 19px;
  font-weight: 700;
  transition: all .2s linear;
}

.trainers-block .item .position {
  font-size: 15px;
  color: #080B14;
  margin-top: 10px;
}

.trainers-block .item:hover .name {
  color: #FF5100;
  transition: all .2s linear;
}

/*----------------------------------------------------------------------------------
2.4. Rating
-----------------------------------------------------------------------------------*/
.rating {
  width: auto;
}

.rating .p {
  font-size: 18px;
  width: auto;
  line-height: 24px;
  margin-left: 9px;
}

.stars {
  width: auto;
}

.stars .star {
  width: 24px;
  height: 24px;
  position: relative;
}

.stars .star:before {
  position: absolute;
  content: '';
  background: url(../img/star.svg) center center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.stars .star:after {
  position: absolute;
  content: '';
  background: url(../img/star-active.svg) center center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.stars .star.filled:before,
.stars .star.selected:before {
  opacity: 0;
}

.stars .star.filled:after,
.stars .star.selected:after {
  opacity: 1;
}

/*----------------------------------------------------------------------------------
2.5. Reviews and comments
-----------------------------------------------------------------------------------*/
.reviews {
  padding-bottom: 58px;
}

.reviews .title {
  width: auto;
  line-height: 42px;
  margin-right: 22px;
}

.reviews .title_div {
  border-bottom: 1px solid #EAEAEA;
  padding-bottom: 10px;
  display: block;
}

.reviews .title_div .rating {
  padding: 9px 0;
}


.reviews .left {
  max-width: 855px;
}

.reviews .right {
  max-width: 390px;
  float: right;
  padding-top: 88px;
}

.write-review {
  margin: 50px 0;
}

.write-review .user-rating .p {
  font-size: 15px;
  font-weight: 500;
  width: auto;
  line-height: 24px;
}

.write-review .user-rating .stars {
  width: auto;
  margin-left: 20px;
}

.write-review .user-rating .stars .star {
  padding: 0 8px;
  box-sizing: content-box;
}

.write-review .user-rating .stars .star:hover {
  cursor: pointer;
}

.write-review .fields {
  padding-left: 66px;
  position: relative;
  margin-top: 14px;
}

.write-review .fields .userpic {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #818181;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.write-review .fields .userpic input {
  display: none;
}

.write-review .fields .userpic label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0;
}

.write-review .fields .userpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: relative;
  z-index: 1;
}

.write-review .fields .userpic:before {
  width: 24px;
  height: 24px;
  background: url(../img/no-userpic.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
}

.write-review .fields .input {
  height: 52px;
  display: block;
  float: left;
  background: #F8F9FD;
  border-radius: 10px;
  border: 0;
  width: 100%;
  font-size: 14px;
  padding-left: 16px;
  padding-right: 58px;
  font-weight: 500;
}

.write-review .fields .submit {
  width: 50px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: 0;
  display: block;
}

.write-review .fields .submit:before {
  width: 23px;
  height: 24px;
  background: url(../img/send.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 10px;
  top: 50%;
  margin-top: -12px;
}

.comments .comment-item {
  padding-left: 90px;
  position: relative;
  border-bottom: 1px solid #EAEAEA;
  padding: 33px 0 33px 90px;
}

.comments .comment-item:first-child {
  border-top: 1px solid #EAEAEA;
}

.comments .comment-item .userpic {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  position: absolute;
  top: 33px;
  left: 0;
  background: #b9b4b4;
  overflow: hidden;
}

.comments .comment-item .userpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.comments .comment-item .comment-info {
  margin-bottom: 7px;
}

.comments .comment-item .comment-info .name {
  font-size: 15px;
  font-weight: 700;
  width: auto;
  margin-right: 20px;
}

.comments .comment-item .comment-info .stars {
  width: auto;
  margin-right: 28px;
}

.comments .comment-item .comment-info .stars .star {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.comments .comment-item .comment-info .stars .star:last-child {
  margin-right: 0;
}

.comments .comment-item .comment-info .date {
  font-size: 13px;
  color: #91919C;
  font-weight: 500;
  width: auto;
  line-height: 18px;
}

.comments .comment-item .comment-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

/*----------------------------------------------------------------------------------
2.6. Pagination
-----------------------------------------------------------------------------------*/
.pagination,
.nav-links {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pagination .arrow,
.nav-links .next,
.nav-links .prev {
  width: 35px;
  height: 35px;
  display: block;
  float: left;
  border: 1px solid #E8E9EC;
  border-radius: 4px;
  line-height: 33px;
  text-align: center;
  position: relative;
  transition: all .2s linear;
}

.pagination .arrow:before {
  width: 6px;
  height: 8px;
  background: url(../img/pag-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -3px;
  transition: all .2s linear;
}

.pagination .arrow:after {
  width: 6px;
  height: 8px;
  background: url(../img/pag-arrow-hover.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -4px;
  margin-left: -3px;
  opacity: 0;
  transition: all .2s linear;
}

.pagination .arrow.prev:before {
  transform: rotate(180deg);
}

.pagination .arrow.prev:after {
  transform: rotate(180deg);
}

.pagination .arrow:hover {
  border-color: #FF5100;
  transition: all .2s linear;
}

.pagination .arrow:hover:before {
  opacity: 0;
  transition: all .2s linear;
}

.pagination .arrow:hover:after {
  opacity: 1;
  transition: all .2s linear;
}

.pagination ul {
  display: block;
  float: left;
  width: auto;
  margin: 0 4px;
  padding: 0;
}

.pagination ul li {
  width: auto;
  display: block;
  float: left;
  margin: 0 4px;
}

.pagination ul li a {
  width: 35px;
  height: 35px;
  display: block;
  float: left;
  border: 1px solid #E8E9EC;
  border-radius: 4px;
  line-height: 33px;
  text-align: center;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.pagination .nav-links a,
.pagination .nav-links span {
  width: 35px;
  height: 35px;
  display: block;
  float: left;
  border: 1px solid #E8E9EC;
  border-radius: 4px;
  line-height: 33px;
  text-align: center;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0 4px;
}

.pagination .nav-links a.next,
.pagination .nav-links a.prev {
  color: transparent;
}

.pagination .nav-links a.next {
  background: #fff url(../img/pag_right.svg) no-repeat center / 13px;
}

.pagination .nav-links a.prev {
  background: #fff url(../img/pag_left.svg) no-repeat center / 13px;
}

.pagination ul li a:hover {
  border-color: #FF5100;
  color: #FF5100;
  transition: all .2s linear;
}

.pagination ul li a.active,
.nav-links span.current {
  background: #FF5100;
  color: #fff;
  border-color: #FF5100;
}

.pagination ul li a.points {
  border: 0;
  pointer-events: none;
}

.sign_up_block {
  background: #F0F2F8;
}

.sign_up_block ._title {
  color: #080B14;
}

.sign_up_block ._subtitle {
  color: #818181;
}

/*----------------------------------------------------------------------------------
2.7. Sidebar blocks
-----------------------------------------------------------------------------------*/
.sidebar_block {
  border-radius: 10px;
  padding: 34px 40px;
  margin-bottom: 23px;
}

.sidebar_block:last-child {
  margin-bottom: 0;
}

.sidebar_block ._title {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 10px;
}

.sidebar_block ._subtitle {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  font-size: 15px;
  color: #818181;
  line-height: 1.8;
  margin-bottom: 20px;
}

.free_training {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 45px 40px;
}

.free_training:before {
  background: #000;
  opacity: .5;
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 10px;
}

.free_training>* {
  position: relative;
  z-index: 1;
}

.free_training ._title {
  color: #fff;
}

.free_training ._subtitle {
  color: #fff;
}

.free_training .tag {
  font-size: 14px;
  font-weight: 500;
  color: #FF5100;
  position: absolute;
  width: auto;
  top: 50px;
  right: 44px;
  text-transform: uppercase;
}

.classes_page .title,
.classes_page .schedule .date {
  font-size: 31px;
}

/*----------------------------------------------------------------------------------
2.8. Photogallery
-----------------------------------------------------------------------------------*/
.photogallery {
  background: #ED4420;
  overflow: hidden;
  padding: 75px 0 0;
}

.photogallery .arrows {
  position: absolute;
  top: 0;
  right: 0;
}

.photogallery .title {
  color: #fff;
}

.photogallery .photo-slider .slide-item {
  /* width: 453px;
  height: 450px; */
}

.photogallery .photo-slider .slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.photogallery .photo-slider .slick-list {
  overflow: visible;
}

.mobile .photogallery .section_content,
.tablet .photogallery .section_content {
  overflow: hidden;
  height: 450px;
}

.mobile .photogallery .section_content {
  height: auto;
}

.mobile .photogallery .photo-slider,
.tablet .photogallery .photo-slider {
  /* padding-bottom: 24px; */
  white-space: nowrap;
  overflow: auto;
}

.mobile .photogallery .photo-slider .slide-item,
.tablet .photogallery .photo-slider .slide-item {
  display: inline-block;
  float: none;
}

.mobile .photogallery .arrows,
.tablet .photogallery .arrows {
  display: none;
}

.mobile .lessons .lessons_list .lesson-item ._bottom .btn,
.tablet .lessons .lessons_list .lesson-item ._bottom .btn,
.mobile .schedule .item .item_bottom .btn,
.tablet .schedule .item .item_bottom .btn {
  opacity: 1;
}

.hidden-scroll {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.hidden-scroll::-webkit-scrollbar {
  height: 0;
}

.hidden-scroll::-webkit-scrollbar {
  height: 0;
}

.section_top .insta-title .title {
  width: 65%;
}

.photogallery .section_top {
  margin-bottom: 65px;
}

.section_top .insta-title .section_top-sub {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #FFFFFF;
  padding-top: 20px;
}

.insta-item {
  position: relative;
  transition: 0.4s;
}

.insta-item::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  background: url('../img/instaicon.svg') no-repeat center;
  background-color: rgb(0, 0, 0, 0.35);
  transition: 0.4s;
}

.insta-item:hover::after {
  opacity: 1;
  transition: 0.4s;
}

/*----------------------------------------------------------------------------------
2.9. Classes list
-----------------------------------------------------------------------------------*/
.classes_list {
  padding-bottom: 75px;
}

.classes_list .classes_item {
  width: 632px;
  height: 364px;
  border-radius: 13px;
  padding: 36px;
  margin-right: 23px;
  margin-top: 23px;
  position: relative;
  display: block;
  float: left;
}

.classes_list .classes_item:nth-child(1),
.classes_list .classes_item:nth-child(2) {
  margin-top: 0;
}

.classes_list .classes_item:nth-child(even) {
  margin-right: 0;
}

.classes_list .classes_item:nth-child(odd) {
  clear: both;
}

.classes_list .classes_item:hover .bg {
  opacity: .4;
  transition: all .2s linear;
}

.classes_list .classes_item.light-color ._title,
.classes_list .classes_item.light-color ._category,
.classes_list .classes_item.light-color ._author .name {
  color: #080B14;
}

.classes_list .classes_item .bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  transition: all .2s linear;
}

.classes_list .classes_item_left {
  max-width: 235px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  padding: 25px 0;
}

.classes_list .classes_item_left ._category {
  font-size: 17px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}

.classes_list .classes_item_left ._title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 37px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.classes_list .classes_item_left ._author {
  font-size: 14px;
  color: #fff;
  position: relative;
  height: 38px;
  width: auto;
  margin-top: 30px;
}

.classes_list .classes_item_left ._author .img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}

.classes_list .classes_item_left ._author .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.classes_list .classes_item_left ._author .name {
  font-size: 14px;
  color: #fff;
  height: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: auto;
}

.classes_list .classes_item_right {
  max-width: 195px;
  float: right;
  margin-right: 15px;
  margin-top: 30px;
  position: relative;
  z-index: 3;
}

.classes_list .classes_item_right .image {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
}

.classes_list .classes_item_right .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: right;
}

.schedule_section {
  padding-top: 0;
}

/*----------------------------------------------------------------------------------
2.10. Trainer Page
-----------------------------------------------------------------------------------*/
.trainer_page .schedule {
  padding: 15px 0;
  margin-bottom: 50px;
}

.trainer_page .left .content .page_title {
  margin-bottom: 4px;
}

.trainer_page .left .content .socials {
  margin-bottom: 0;
  clear: both;
  float: left;
}

.about-trainer {
  padding: 50px 0;
}

.trainer_page .title {
  margin-bottom: 24px;
  text-transform: uppercase;
}

.ask_trainer {
  background: #000;
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ask_trainer:before {
  width: 153px;
  height: 206px;
  background: url(../img/ask.svg) center center no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -103px;
  right: 28px;
}

.ask_trainer>* {
  position: relative;
  z-index: 1;
}

.ask_trainer ._title {
  color: #fff;
}

.ask_trainer ._subtitle {
  color: #fff;
}

.lessons {
  padding-bottom: 75px;
}

.lessons .classes_info {
  padding-top: 0;
  margin-top: 30px;
  margin-bottom: 40px;
}

.lessons .classes_info .items {
  margin-bottom: 0;
}

.lessons .lessons_top {
  height: 113px;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 50px;
  margin-bottom: 40px;
}

.lessons .lessons_top .title {
  font-size: 26px;
  padding-right: 55px;
  color: #fff;
}

.lessons .lessons_top .cost {
  width: 40%;
  color: #fff;
}

.lessons .lessons_list .lesson-item {
  background: #F0F2F8;
  height: 222px;
  width: 416px;
  border-radius: 10px;
  padding: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-right: 21px;
  margin-top: 21px;
  position: relative;
}

.lessons .lessons_list .lesson-item:nth-child(1),
.lessons .lessons_list .lesson-item:nth-child(2),
.lessons .lessons_list .lesson-item:nth-child(3) {
  margin-top: 0;
}

.lessons .lessons_list .lesson-item:nth-child(3n) {
  margin-right: 0;
}

.lessons .lessons_list .lesson-item:nth-child(3n+1) {
  clear: both;
}

.lessons .lessons_list .lesson-item:hover .bg {
  opacity: 1;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item:hover ._cost,
.lessons .lessons_list .lesson-item:hover ._info ._title,
.lessons .lessons_list .lesson-item:hover ._info .author .name {
  color: #fff;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item:hover ._bottom .btn {
  opacity: 1;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item .bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 10px;
  opacity: 0;
  transition: all .2s linear;
  background: #000;
}

.lessons .lessons_list .lesson-item ._cost {
  font-size: 14px;
  position: relative;
  z-index: 1;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item ._info {
  position: relative;
  z-index: 1;
}

.lessons .lessons_list .lesson-item ._info ._title {
  font-size: 20px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 20px;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item ._info .author {
  padding-left: 52px;
  position: relative;
}

.lessons .lessons_list .lesson-item ._info .author .photo {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.lessons .lessons_list .lesson-item ._info .author .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lessons .lessons_list .lesson-item ._info .author .name {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 16px;
  transition: all .2s linear;
}

.lessons .lessons_list .lesson-item ._bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.lessons .lessons_list .lesson-item ._bottom .btn {
  white-space: nowrap;
  padding: 0 20px;
  opacity: 0;
  transition: all .2s linear;
  background: #fff;
  color: #000;
  letter-spacing: 1px;
}

.trainers_section .page_title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 38px;
  line-height: 43px;
  color: #1B1B1B;
  text-transform: none;
}

.sel-trainer,
.sel-card {
  width: auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  background: #FFFFFF;
  border: 1px solid #000000;
  border-radius: 80px;
  color: #000;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 15px;
  letter-spacing: 0;
}

.sel-trainer-active,
.sel-card-active {
  border: 1px solid #ff5100;
  color: #ff5100;
  bg
}

.sel-trainer:hover,
.sel-card:hover {
  background: #ff5100;
  color: #fff;
  border: 1px solid #ff4000;
}

.way-list {
  margin-top: 30px;
}

.way-step:last-child .way-step-sub {
  border-left: none;
}

.way-step-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.way-step-year {
  width: 80px;
  min-width: 80px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  color: #979797;
  text-align: left;
}

.way-step-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  text-transform: uppercase;
  color: #080A15;
  position: relative;
  padding-left: 35px;
}

.way-step-name::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5px;
  left: -5px;
  width: 10px;
  height: 10px;
  background-color: #FF4000;
  border-radius: 50%;
}

.way-step-sub {
  min-height: 50px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  color: #5D5D5D;
  margin-left: 80px;
  border-left: 1px solid #5D5D5D;
  padding: 20px 35px 20px 35px;
  width: calc(100% - 90px);
}

/*----------------------------------------------------------------------------------
2.11. Blog page
-----------------------------------------------------------------------------------*/
.blog_item {
  margin-top: 40px;
}

.blog-page .blog_item:nth-child(1),
.blog-page .blog_item:nth-child(2),
.blog-page .blog_item:nth-child(3) {
  margin-top: 0;
}

.blog-page .select_div {
  width: auto;
  float: right;
  position: relative;
  margin-bottom: 24px;
}

.blog-page .select_div .select_val {
  position: relative;
  font-size: 18px;
  width: auto;
  padding-right: 28px;
}

.blog-page .select_div .select_val:before {
  width: 14px;
  height: 8px;
  background: url(../img/select-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 0;
  top: 50%;
  margin-top: -4px;
}

.blog-page .select_div select {
  font-size: 18px;
  color: #080B14;
  display: block;
  border: 0;
  width: auto;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 22px;
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
}

.blog-page .select_div select:focus {
  outline: 0;
}

.blog-page .text {
  margin-bottom: 44px;
}

.blog-page .section_content {
  margin-top: 30px;
}

.blog-page .blog {
  padding-bottom: 75px;
  padding-top: 0;
}

.blog-page .blog_section {
  padding-top: 0;
}

.blog-page .blog_section .section_content {
  margin-top: 0;
}

.pag-wrap {
  text-align: center;
  margin-top: 70px;
}

.pag-wrap .pagination {
  display: inline-block;
  float: none;
  width: auto;
  margin-bottom: 0;
}

.cat_description {
  padding-bottom: 75px;
}

.cat_description .title {
  font-size: 31px;
  margin-bottom: 20px;
}

.cat_description .text {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
}

.blog-single {
  position: relative;
}

.header-image {
  position: absolute;
}

.header-image .bg {
  height: 580px;
  border-radius: 10px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.blog-content {
  position: relative;
  z-index: 1;
  padding-top: 460px;
  overflow: hidden;
}

.blog-content .wrap_float {
  padding: 0 120px;
}

.blog-content .single_content {
  background: #fff;
  padding: 35px 64px;
  border-radius: 10px;
  padding-bottom: 0;
}

.blog-content .title {
  font-size: 35px;
  line-height: 40px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 32px;
}

.blog-content .date {
  font-size: 20px;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 26px;
  color: #1B1B1B;
}

.blog-content .intro {
  font-size: 20px;
  font-weight: 600;
  color: #080B14;
  line-height: 1.6;
  margin-bottom: 20px;
}

.single_content ul,
.single_content li {
  display: block;
}

.video {
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.single-main-info {
  border-top: 2px solid #F56445;
  border-bottom: 2px solid #F56445;
  padding: 10px 0;
}

.blog-item-ul {
  list-style: none;
  padding: 0 0 0 30px;
}

.blog-item-ul li {
  position: relative;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  padding: 10px 0;
}

.blog-item-ul li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  left: -27px;
  width: 16px;
  height: 16px;
  background: url('../img/dotli.svg') no-repeat 100% / 100%;
}

/*----------------------------------------------------------------------------------
2.12. Content styles
-----------------------------------------------------------------------------------*/
.content>* {
  margin: 12px 0;
}

.content b,
.content strong {
  font-weight: 600;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content blockquote,
.content p,
.content ul,
.content ol {
  display: block;
  float: left;
}

.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-weight: 700;
  margin: 25px 0 10px;
}

.content h2 {
  font-size: 31px;
}

.content h3 {
  font-size: 28px;
}

.content h4 {
  font-size: 26px;
}

.content h5 {
  font-size: 24px;
}

.content h6 {
  font-size: 23px;
}

.content li {
  margin-bottom: 5px;
}

.content img {
  max-width: 100%;
  border-radius: 10px;
  margin: 12px 0;
}

.content p,
.content ul,
.content ol {
  font-size: 20px;
  line-height: 24px;
  margin: 12px 0;
  width: 100%;
}

.content .slider {
  width: 1322px;
  margin-left: -201px;
}

.content .slider .slick-arrow {
  width: 108px;
  height: 108px;
  background: rgba(255, 255, 255, 0.27);
  position: absolute;
  top: 50%;
  margin-top: -54px;
  z-index: 1;
  color: transparent;
  transition: all .2s linear;
}

.content .slider .slick-arrow:before {
  width: 22px;
  height: 14px;
  background: url(../img/slick-arrow.svg) center center no-repeat;
  background-size: contain;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -11px;
}

.content .slider .slick-arrow.slick-prev {
  left: 16px;
}

.content .slider .slick-arrow.slick-next {
  right: 16px;
}

.content .slider .slick-arrow.slick-next:before {
  transform: rotate(180deg);
}

.content .slider .slick-arrow:hover {
  background: rgba(255, 255, 255, 0.6);
  transition: all .2s linear;
}

.content .slider .slide {
  width: 1290px;
  height: 640px;
  border-radius: 10px;
  overflow: hidden;
  margin: 0 18px;
}

.content .slider .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

.content .slider .slick-list {
  overflow: visible;
}

.content blockquote {
  font-size: 14px;
  position: relative;
  border-top: 1px solid #FF5100;
  border-bottom: 1px solid #FF5100;
  padding: 30px 0 30px 90px;
  margin: 20px 0;
}

.content blockquote p {
  font-size: 14px;
  margin: 0;
}

.content blockquote .name {
  font-size: 15px;
  margin-bottom: 7px;
  font-weight: 700;
}

.content blockquote .img {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 34px;
}

.content blockquote .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

.content .images {
  width: 1290px;
  margin-left: -184px;
}

.content .images .img {
  display: block;
  float: left;
  width: 416px;
  height: 368px;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 21px;
  margin-top: 21px;
}

.content .images .img:nth-child(1),
.content .images .img:nth-child(2),
.content .images .img:nth-child(3) {
  margin-top: 0;
}

.content .images .img:nth-child(3n) {
  margin-right: 0;
}

.content .images .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
}

.content .video {
  margin: 12px 0;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
}

.content .two_colums {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 12px 0;
}

.content .two_colums .column {
  width: 45%;
}

.share {
  margin-top: 55px;
}

.share .p {
  font-size: 21px;
  font-weight: 700;
  color: #080B14;
  width: auto;
  margin-right: 20px;
  line-height: 48px;
}

.share .links {
  width: auto;
}

.share .links a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: block;
  float: left;
  margin-right: 15px;
  position: relative;
}

.share .links a:before {
  position: absolute;
  content: '';
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 50%;
}

.share .links a:last-child {
  margin-right: 0;
}

.share .links a.facebook {
  background: #33589E;
}

.share .links a.facebook:before {
  width: 14px;
  height: 26px;
  background-image: url(../img/facebook-logo.svg);
  margin-top: -13px;
  margin-left: -7px;
}

.share .links a.pinterest {
  background: #C8232C;
}

.share .links a.pinterest:before {
  width: 20px;
  height: 26px;
  background-image: url(../img/pinterest-logo.svg);
  margin-top: -13px;
  margin-left: -10px;
}

.share .links a.twitter {
  background: #4BA0EB;
}

.share .links a.twitter:before {
  width: 26px;
  height: 22px;
  background-image: url(../img/twitter-logo.svg);
  margin-top: -11px;
  margin-left: -13px;
}

.share .links a.linked-in {
  background: #007AB9;
}

.share .links a.linked-in:before {
  width: 22px;
  height: 22px;
  background-image: url(../img/linked-logo.svg);
  margin-top: -12px;
  margin-left: -11px;
}

.share .links a.mail {
  background: #F0F2F8;
}

.share .links a.mail:before {
  width: 24px;
  height: 18px;
  background-image: url(../img/mail-logo.svg);
  margin-top: -9px;
  margin-left: -12px;
}

/*----------------------------------------------------------------------------------
2.13. Static page
-----------------------------------------------------------------------------------*/
.static {
  padding-bottom: 75px;
}

.static .wrap_float {
  position: relative;
}

.static .main {
  max-width: 920px;
}

.static .sidebar {
  max-width: 320px;
  float: right;
  border-radius: 10px;
  padding-top: 14px;
}

.static .sidebar.fixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: 325px;
}

.static .sidebar.bottom {
  position: absolute;
  bottom: 0;
  top: auto;
}

.static .sidebar ul {
  display: block;
  float: left;
  width: 100%;
  background: #F0F2F8;
  border-radius: 10px;
  padding: 30px;
}

.static .sidebar ul li {
  padding: 0;
  margin: 0;
  display: block;
  margin-bottom: 10px;
}

.static .sidebar ul li:last-child {
  margin-bottom: 0;
}

.static .sidebar ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #080B14;
  text-transform: uppercase;
  line-height: 1.4;
}

.static .sidebar ul li a.active {
  color: #FF5100;
}

.static .sidebar ul li a:hover {
  color: #FF5100;
  text-decoration: underline;
}

/*----------------------------------------------------------------------------------
2.14. Vacancies
-----------------------------------------------------------------------------------*/
.vacancies {
  padding-bottom: 75px;
}

.vacancies .title {
  margin-bottom: 26px;
}

.vacancies .sorting {
  margin-top: 40px;
}

.vacancies .sorting .sorting-item:nth-child(1) {
  width: 28%;
}

.vacancies .sorting .sorting-item:nth-child(2) {
  width: 24%;
}

.vacancies .sorting .sorting-item:nth-child(3) {
  width: 20%;
}

.vacancies .sorting .sorting-item:nth-child(4) {
  width: 28%;
}

.vacancies .sorting .label {
  font-size: 18px;
  width: auto;
}

.vacancies .sorting .select_div {
  width: auto;
  position: relative;
  margin-left: 5px;
}

.vacancies .sorting .select_div select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.vacancies .sorting .select_div .select_val {
  font-size: 18px;
  color: #FF5100;
  width: auto;
  padding-right: 24px;
  position: relative;
}

.vacancies .sorting .select_div .select_val:before {
  width: 14px;
  height: 8px;
  background: url(../img/select-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -4px;
  right: 0;
}

.vacancies .section_content {
  margin-top: 50px;
}

.vacancies_list .vacancy-item {
  margin-bottom: 18px;
}

.vacancies_list .vacancy-item:last-child {
  margin-bottom: 0;
}

.vacancies_list .vacancy-item.active .vacancy-head {
  background: #080B14;
  color: #fff;
}

.vacancies_list .vacancy-item.active .vacancy-head:before {
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.vacancies_list .vacancy-item.active .vacancy-head:after {
  opacity: 1;
  transition: all .2s linear;
  transform: rotate(180deg);
}

.vacancies_list .vacancy-item .vacancy-head {
  background: #F0F2F8;
  color: #080B14;
  font-size: 18px;
  padding: 14px 0;
  border-radius: 10px;
  height: 94px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: relative;
}

.vacancies_list .vacancy-item .vacancy-head:hover {
  cursor: pointer;
}

.vacancies_list .vacancy-item .vacancy-head:hover * {
  cursor: pointer;
}

.vacancies_list .vacancy-item .vacancy-head>*:first-child {
  padding-left: 40px;
}

.vacancies_list .vacancy-item .vacancy-head>*:last-child {
  padding-right: 55px;
}

.vacancies_list .vacancy-item .vacancy-head:before {
  width: 14px;
  height: 8px;
  background: url(../img/accordion-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 28px;
  top: 50%;
  margin-top: -4px;
  transition: all .2s linear;
}

.vacancies_list .vacancy-item .vacancy-head:after {
  width: 14px;
  height: 8px;
  background: url(../img/accordion-arrow-white.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  right: 28px;
  top: 50%;
  opacity: 0;
  margin-top: -4px;
  transition: all .2s linear;
}

.vacancies_list .vacancy-item .vacancy-head ._title {
  font-weight: 700;
}

.vacancies_list .vacancy-item .vacancy-head>*:nth-child(1) {
  width: 28%;
}

.vacancies_list .vacancy-item .vacancy-head>*:nth-child(2) {
  width: 24%;
}

.vacancies_list .vacancy-item .vacancy-head>*:nth-child(3) {
  width: 20%;
}

.vacancies_list .vacancy-item .vacancy-head>*:nth-child(4) {
  width: 28%;
}

.vacancies_list .vacancy-item .vacancy-head b,
.vacancies_list .vacancy-item .vacancy-head strong {
  font-weight: 600;
}

.vacancies_list .vacancy-item .vacancy-body {
  display: none;
  padding-top: 30px;
  padding-bottom: 25px;
}

.vacancies_list .vacancy-item .vacancy-body .classes_info {
  padding-top: 0;
  margin: 40px 0 50px;
}

.vacancies_list .vacancy-item .vacancy-body .classes_info .items {
  margin-bottom: 0;
}

.vacancies_list .vacancy-item .vacancy-body .info {
  margin-bottom: 45px;
}

.vacancies_list .vacancy-item .vacancy-body .info ._item {
  border-left: 5px solid #FF5100;
  padding-left: 28px;
  margin-bottom: 50px;
}

.vacancies_list .vacancy-item .vacancy-body .info ._item:last-child {
  margin-bottom: 0;
}

.vacancies_list .vacancy-item .vacancy-body .info ._item ._title {
  font-size: 20px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 14px;
}

.vacancies_list .vacancy-item .vacancy-body .info ._item .p {
  color: #080B14;
  line-height: 1.8;
  font-size: 16px;
}

.vacancies_list .vacancy-item .vacancy-body .btn_wrap {
  margin-bottom: 35px;
}

.vacancies_list .vacancy-item .vacancy-body .date {
  font-size: 13px;
  color: #111;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*----------------------------------------------------------------------------------
2.15. instagram__slide
-----------------------------------------------------------------------------------*/
.instagram__slider {
  padding: 0 0 40px;
}

.instagram__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  float: none;
}

.my_row {
  padding: 0 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.instagram__slide {
  width: 16%;
  height: 300px;
}

.instagram__arrow {
  position: absolute;
  width: 15px;
  height: 100%;
  top: 0;
}

.instagram__prev {
  left: 0;
}

.instagram__next {
  right: 0;
}

/*----------------------------------------------------------------------------------
2.15. Media queries
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1800px) {
  .classes_header .left .content {
    width: 900px;
  }
}

@media screen and (max-width: 1570px) {
  .classes_header .left .content .breadcrumbs {
    top: 111px;
  }

  .classes_header .left .content {
    width: 860px;
  }

  .classes_header .left .content .page_title {
    font-size: 56px;
  }

  .classes_header .left,
  .classes_header .right,
  .classes_header {
    height: 650px;
  }
}



@media screen and (max-width: 1800px) {

  .top_panel .right .tel,
  .top_panel .right .btn {
    height: 45px;
    font-weight: 600;
  }

}

@media screen and (max-width: 1700px) {

  .instagram__slide {
    height: 280px;
  }

}

@media screen and (max-width: 1600px) {

  .instagram__slide {
    height: 260px;
  }
}

@media screen and (max-width: 1500px) {
  .instagram__slide {
    height: 250px;
  }
}

@media screen and (max-width: 1400px) {
  .blog-content {
    padding-top: 306px;
  }

  .content .slider .slide {
    height: 600px;
  }

  .instagram__slide {
    height: 230px;
  }
}

@media screen and (max-width: 1315px) {
  .classes_header .left {
    width: 60%;
  }

  .classes_header .right {
    width: 40%;
  }

  .classes_header .left .content {
    margin-left: -570px;
    width: 670px;
  }

  .classes_header .left .content .page_title {
    font-size: 54px;
  }

  .classes_header .left .content {
    padding-top: 160px;
  }

  .classes_header {
    height: 640px;
  }

  .classes_header .left,
  .classes_header .right {
    height: inherit;
  }

  .classes_list .classes_item {
    width: 558px;
  }

  /* .classes_list .classes_item_right {
    max-width: 248px;
  } */
  .classes_list .classes_item_right .image {
    width: 195px;
    height: 195px;
  }

  .classes_list .classes_item {
    height: 320px;
  }

  .classes_list .classes_item_left ._title {
    font-size: 21px;
  }

  .classes_list .classes_item_left ._author {
    margin-top: 18px;
  }

  .reviews .left {
    max-width: 715px;
  }

  .lessons .lessons_list .lesson-item {
    width: 366px;
  }

  .blog-content .wrap_float {
    padding: 0 40px;
  }

  .content .slider {
    width: 100%;
    margin-left: 0;
  }

  .content .slider .slide {
    width: 932px;
    height: 456px;
  }

  .content .slider .slick-arrow.slick-next {
    right: 1px;
  }

  .content .slider .slick-arrow.slick-prev {
    left: 0;
  }

  .content .slider .slide {
    margin: 0 10px;
  }

  .content .images {
    width: 100%;
    margin-left: 0;
  }

  .content .images .img {
    width: 49%;
    margin-right: 2%;
    margin-top: 2%;
  }

  .content .images .img:nth-child(3) {
    margin-top: 2%;
  }

  .content .images .img:nth-child(3n) {
    margin-right: 2%;
  }

  .content .images .img:nth-child(even) {
    margin-right: 0;
  }

  .static .main {
    max-width: 770px;
  }

  .static .sidebar.fixed {
    margin-left: 250px;
  }
}

@media screen and (max-width: 1260px) {
  .top_panel .left .menu ul {
    margin-right: 0;
    margin-left: 0;
  }

  .classes_header .left .content {
    margin-left: -485px;
    width: 552px;
  }

  .trainers-block .item .img {
    width: 110px;
    height: 110px;
  }

  .trainers-block .item {
    min-height: 110px;
    padding-left: 130px;
  }

  .reviews .left {
    max-width: 100%;
    width: 100%;
  }

  .reviews .right {
    padding-top: 0;
    max-width: 100%;
    float: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .sign_up_block {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0;
  }

  .free_training {
    width: 49%;
  }

  .classes_list .classes_item {
    width: 473px;
    height: 290px;
  }

  .classes_list .classes_item_right {
    max-width: 160px;
    margin-right: 0;
    margin-top: 0;
    height: 100%;
  }

  .classes_list .classes_item_right .image {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 50%;
    margin-top: -90px;
  }

  .page_title {
    font-size: 44px;
  }

  .lessons .lessons_list .lesson-item {
    width: 309px;
  }

  .content .slider .slide {
    width: 762px;
    height: 390px;
  }

  .static .main {
    max-width: 625px;
  }

  .static .sidebar.fixed {
    margin-left: 165px;
  }

  .instagram__slide {
    width: 16%;
    height: 200px;
  }
}

@media screen and (max-width: 1000px) {

  .classes_header .left,
  .classes_header .right {
    width: 100%;
  }

  .classes_header .left .content {
    width: 100%;
    margin-left: 0;
    position: relative;
    left: auto;
    top: auto;
    padding: 0 4vw;
  }

  .classes_header .left .content .breadcrumbs {
    position: static;
  }

  .classes_header .left .content .page_title {
    font-size: 44px;
  }

  .classes_header .left .content .breadcrumbs {
    margin-bottom: 34px;
  }

  .classes_header {
    height: auto;
  }

  .classes_header .left {
    padding: 140px 0 240px;
  }

  .classes_header .right .video_link {
    width: 160px;
    height: 160px;
    bottom: auto;
    top: 50%;
    margin-top: -80px;
    left: auto;
    margin-left: -80px;
    left: 50%;
  }

  .classes_header .right {
    height: 200px;
    width: 50%;
    float: right;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .classes_info .items .item {
    padding-left: 63px;
  }

  .classes_info .items .item ._title {
    font-size: 14px;
  }

  .classes_info .items .item ._val {
    font-size: 15px;
  }

  .classes_info .items {
    margin-bottom: 30px;
  }

  .trainers-block .item {
    width: 50%;
    margin-top: 20px;
  }

  .trainers-block .item:nth-child(odd) {
    clear: both;
  }

  .trainers-block .item:nth-child(3) {
    margin-top: 20px;
  }

  .sign_up_block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .free_training {
    width: 100%;
  }

  .reviews .right {
    display: block;
  }

  .photogallery .photo-slider .slide-item {
    width: 350px;
    height: 350px;
  }

  .mobile .photogallery .section_content,
  .tablet .photogallery .section_content {
    height: auto;
  }

  .mobile .photogallery .wrap,
  .tablet .photogallery .wrap {
    max-width: 100%;
    width: 100%;
  }

  .mobile .photogallery .title,
  .tablet .photogallery .title,
  .section_top-sub {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .classes_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: wrap;
  }

  .classes_list .classes_item {
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
    padding: 25px;
    overflow: hidden;
    height: 480px;
  }

  .classes_item .more-info-btn {
    width: 180px;
    height: 40px;
  }


  .classes_list .classes_item {
    background-position: 100% 0% !important;
    background-size: cover !important;
  }

  .classes_list .classes_item_left {
    padding: 0;
    height: auto;
  }

  .classes_list .classes_item_right .image {
    width: 220px;
    height: 220px;
    top: auto;
    margin-top: 0;
    position: relative;
    display: inline-block;
    float: none;
  }

  .classes_list .classes_item_right {
    width: 100%;
    max-width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
    margin-top: 20px;
  }

  /* .classes_list .classes_item_left {
    height: auto;
    position: static;
  } */
  .classes_list .classes_item_left ._category {
    top: 22px;
    padding: 0 36px;
  }

  .classes_list .classes_item .bg {
    display: none;
  }

  .classes_list .classes_item_left ._title {
    font-size: 21px;
  }

  .top_panel.top_panel--page .menu_btn span {
    background: #080b14;
  }

  .top_panel.top_panel--page {
    padding: 18px 0;
    height: auto;
  }

  .page {
    padding-top: 95px;
  }

  .lessons .lessons_list .lesson-item {
    width: 49%;
    margin-right: 2%;
    margin-top: 2%;
  }

  .lessons .lessons_list .lesson-item:nth-child(3n) {
    margin-right: 2%;
  }

  .lessons .lessons_list .lesson-item:nth-child(3) {
    margin-top: 2%;
  }

  .lessons .lessons_list .lesson-item:nth-child(3n+1) {
    clear: none;
  }

  .lessons .lessons_list .lesson-item:nth-child(even) {
    margin-right: 0;
  }

  .trainer_page .schedule .date {
    clear: both;
    margin-top: 13px;
  }

  .trainer_page .schedule .select_div {
    clear: both;
    float: left;
    margin-top: 20px;
  }

  .lessons .lessons_top {
    flex-direction: column;
  }

  .lessons .lessons_top .cost {
    width: 100%;
    margin-top: 10px;
  }

  .blog_section.blog .blog_item:nth-child(3n) {
    margin-right: 2%;
  }

  .blog_section.blog .blog_item:nth-child(3n+1) {
    clear: none;
  }

  .blog_section.blog .blog_item:nth-child(even) {
    margin-right: 0;
  }

  .blog_section.blog .blog_item:nth-child(3) {
    margin-top: 40px;
  }

  .blog_section.blog .blog_item:nth-child(odd) {
    clear: both;
  }

  .blog_section.blog .blog_item:last-child {
    display: block;
  }

  .pag-wrap {
    margin-top: 30px;
  }

  .header-image {
    position: static;
  }

  .header-image .wrap {
    max-width: 100%;
    width: 100%;
  }

  .header-image .bg {
    border-radius: 0;
    height: 52vw;
  }

  .blog-content {
    padding-top: 0;
  }

  .blog-content .wrap_float {
    padding: 0;
  }

  .blog-content .single_content {
    padding: 35px 0;
  }

  .blog-content .title {
    font-size: 30px;
  }

  .content .two_colums .column {
    width: 100%;
  }

  .content .two_colums {
    display: block;
    margin: 0;
  }

  .content .slider .slick-arrow {
    width: 90px;
    height: 90px;
    margin-top: -45px;
    background: rgba(255, 255, 255, 0.6);
  }

  .content .images .img {
    height: 36vw;
  }

  .share {
    margin-top: 35px;
  }

  .blog-content .single_content {
    padding-bottom: 0;
  }

  .content .slider .slide {
    height: 52vw;
  }

  .static .sidebar {
    display: none;
  }

  .static .main {
    max-width: 100%;
  }

  .vacancies_list .vacancy-item .vacancy-head>* {
    display: none;
  }

  .vacancies_list .vacancy-item .vacancy-head ._title {
    display: block;
    width: 100%;
    padding-right: 50px;
  }

  .vacancies .sorting .sorting-item {
    margin-right: 70px;
    margin-bottom: 12px;
  }

  .vacancies .sorting {
    margin-top: 25px;
  }

  .vacancies .section_content {
    margin-top: 30px;
  }

  .vacancies .sorting .sorting-item:nth-child(1) {
    width: auto;
  }

  .vacancies .sorting .sorting-item:nth-child(2) {
    width: auto;
  }

  .vacancies .sorting .sorting-item:nth-child(3) {
    width: auto;
  }

  .vacancies .sorting .sorting-item:nth-child(4) {
    width: auto;
  }

  .classes-single-slider {
    height: 430px;
  }

  .slider-nav-item {
    height: 120px !important;
  }

  .slider-nav {
    height: 430px;
  }

  .classes-single-slider .prev {
    left: 10px;
  }

  .classes-single-slider .next {
    right: 10px;
  }

  .instagram__slide {
    width: 31%;
    height: 300px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 760px) {

  .classes_list .classes_item {
    height: auto;
  }

  .classes_list .classes_item_right {
    margin-top: 0;
  }

  .section_top .insta-title .title {
    width: 75%;
  }

  .photogallery .section_top .wrap_float {
    flex-direction: column;
  }

  .photogallery .section_top .btn {
    margin: 25px auto 0;
  }

  .galery-content {
    flex-direction: column;
  }

  .classes-single-slider {
    width: 100%;
    padding-right: 0;
  }

  .slider-nav {
    height: 120px;
  }

  .class-slider-item {
    width: 100%;
  }

  .slider-nav {
    width: 100%;
  }


  .classes_info .items .item {
    width: 100%;
    margin-bottom: 50px;
  }

  .classes_info .items .item:last-child {
    margin-bottom: 0;
  }

  .text {
    font-size: 18px;
  }

  .trainers-block .item {
    width: 100%;
  }

  .trainers-block .item:nth-child(2) {
    margin-top: 20px;
  }

  .classes_page .title,
  .classes_page .schedule .date {
    font-size: 25px;
  }

  .write-review {
    margin: 35px 0;
  }

  .photogallery .title {
    width: auto;
  }

  .photogallery .arrows {
    width: auto;
    transform: none;
    left: auto;
  }

  .photogallery .section_top {
    padding-bottom: 20px;
    margin-bottom: 0;
  }

  .classes_list .classes_item {
    padding-left: 14px;
    padding-right: 14px;
  }

  .classes_list .classes_item_right .image {
    width: 213px;
    height: 213px;
  }

  .classes_info .items {
    display: block;
  }

  .lessons .lessons_top {
    padding: 30px 24px;
    display: block;
    height: auto;
  }

  .lessons .lessons_top {
    margin-bottom: 26px;
  }

  .lessons .lessons_list .lesson-item {
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 2%;
  }

  .lessons .lessons_list .lesson-item:last-child {
    margin-bottom: 0;
  }

  .lessons .lessons_list .lesson-item:nth-child(3) {
    margin-top: 0;
    margin-right: 0;
  }

  .blog_section.blog .blog_item {
    margin-bottom: 38px;
    margin-top: 0;
  }

  .blog_section.blog .blog_item:last-child {
    margin-bottom: 0;
  }

  .blog_section.blog .blog_item:nth-child(3n) {
    margin-right: 0;
  }

  .blog_section.blog .blog_item:nth-child(3) {
    margin-top: 0;
  }

  .blog-page .select_div {
    float: left;
  }

  .blog-page .text {
    margin-bottom: 27px;
  }

  .blog-content .title {
    font-size: 34px;
  }

  .blog-content .intro,
  .content p,
  .content ul,
  .content ol {
    font-size: 18px;
  }

  .content .slider .slide {
    margin: 0 2px;
  }

  .content .slider .slick-arrow {
    width: 60px;
    height: 60px;
    margin-top: -25px;
  }

  .content h2 {
    font-size: 29px;
  }

  .content h3 {
    font-size: 27px;
  }

  .content h2,
  .content h3,
  .content h4,
  .content h5,
  .content h6 {
    margin: 18px 0 4px;
  }

  .content li {
    margin-bottom: 2px;
  }

  .content .video {
    width: 100vw;
    margin-left: -4vw;
    border-radius: 0;
    padding-bottom: 62%;
  }

  .content .images .img {
    margin-right: 0;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 20px;
    pointer-events: none;
  }

  .content .images .img:last-child {
    margin-bottom: 0;
  }

  .content .images .img:nth-child(even) {
    margin-right: 0;
    margin-top: 0;
  }

  .content .images .img:nth-child(3n) {
    margin-top: 0;
    margin-right: 0;
  }

  .instagram__slide {
    padding: 15px;
    width: 50%;
    margin-bottom: 0;
  }

  .my_row {
    padding: 0;
  }
}

@media screen and (max-width: 590px) {
  .top_panel .left .menu {
    right: -100%;
    width: 100%;
  }

  .top_panel .left .menu ul li a {
    padding: 0 0 0 68px;
  }

  .top_panel .left .menu .menu_bottom {
    padding: 28px 28px 28px 58px;
  }

  .classes_list .classes_item_left ._title {
    font-size: 16px;
  }

  .sel-trainer {
    margin-right: 7px;
  }

  .classes_header .left .content .page_title {
    font-size: 40px;
  }

  .classes_header .left .content .breadcrumbs {
    margin-bottom: 23px;
  }

  .classes_header .left .content .links {
    margin-top: 26px;
  }

  .classes_info {
    padding-top: 55px;
  }

  .schedule {
    padding: 55px 0;
  }

  .pagination {
    text-align: center;
  }

  .pagination .arrow {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .pagination ul {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .classes_list .classes_item {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
  }

  .classes_list .classes_item:nth-child(2) {
    margin-top: 20px;
  }

  .classes_list .classes_item_left {
    width: 36vw;
    max-width: 36vw;
  }

  .classes_list .classes_item_right {
    width: 40vw;
    max-width: 40vw;
    float: right;
    margin-bottom: 0;
  }

  .classes_list .classes_item_right .image {
    width: 40vw;
    height: 40vw;
  }

  .classes_list .classes_item {
    padding: 36px 24px;
  }

  .classes_list .classes_item_left ._category {
    padding: 0 24px;
  }

  .classes_list .classes_item_left {
    height: 100%;
  }

  .page_title {
    font-size: 38px;
    margin-bottom: 25px;
  }

  .breadcrumbs {
    margin-bottom: 18px;
    margin-top: 10px;
  }

  .map-breadcrumbs {
    margin-bottom: 8px;
  }

  .lessons .lessons_top .title {
    font-size: 22px;
  }

  .lessons .lessons_list .lesson-item ._info ._title {
    margin-bottom: 14px;
  }

  .lessons .lessons_list .lesson-item {
    height: 200px;
  }

  .pag-wrap .pagination {
    margin-top: 10px;
  }

  .pag-wrap .pagination {
    width: 100%;
  }

  .blog-content .title {
    font-size: 20px;
  }

  .blog-item-ul li {
    font-size: 14px;
    line-height: 20px;
  }

  .blog-content .title {
    margin-bottom: 24px;
  }

  .blog-content .date {
    margin-bottom: 18px;
  }

  .blog-content .intro,
  .content p,
  .content ul,
  .content ol {
    font-size: 16px;
  }

  .blog-content .intro {
    margin-bottom: 15px;
  }

  .content h2 {
    font-size: 26px;
  }

  .content h3 {
    font-size: 23px;
  }

  .content h4 {
    font-size: 21px;
  }

  .content h5 {
    font-size: 20px;
  }

  .content h6 {
    font-size: 19px;
  }

  .content blockquote {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .content blockquote .img {
    top: 26px;
  }

  .vacancies_list .vacancy-item .vacancy-head>*:first-child {
    padding-left: 18px;
  }

  .vacancies_list .vacancy-item .vacancy-head:before,
  .vacancies_list .vacancy-item .vacancy-head:after {
    right: 16px;
  }

  .vacancies_list .vacancy-item .vacancy-head ._title {
    padding-right: 42px;
    font-size: 17px;
  }

  .vacancies_list .vacancy-item .vacancy-body .info ._item {
    padding-left: 20px;
  }

  .vacancies_list .vacancy-item .vacancy-body .info ._item {
    margin-bottom: 40px;
  }

  .write-review {
    margin-top: 0;
  }
}

@media screen and (max-width: 480px) {

  .page.contacts-page {
    padding-top: 75px;
  }

  .classes-single-slider {
    height: 330px;
  }

  .slider-nav {
    height: 100px;
  }

  .class-slider-item img,
  .slider-nav-item img {
    object-fit: cover;
  }

  .section_top .insta-title .section_top-sub {
    font-size: 16px;
  }

  .title_cont h1 {
    font-size: 32px;
    line-height: 36px;
  }

  .top_section .title_sub {
    font-size: 14px;
    line-height: 21px;
  }

  .section_top .insta-title .title {
    width: 100%;
  }


  .classes_header .left .content .page_title {
    font-size: 34px;
  }

  .classes_header .left .content .breadcrumbs {
    margin-bottom: 20px;
  }

  .classes_header .left {
    padding-top: 114px;
    padding-bottom: 218px;
  }

  .text {
    font-size: 17px;
  }

  .classes_header .right .video_link {
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
  }

  .classes_header .right .video_link .play-btn {
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
  }

  .classes_header .left .content .links .anchor {
    font-size: 17px;
    margin-left: 20px;
  }

  .classes_header .right {
    height: 178px;
  }

  .write-review .user-rating {
    text-align: center;
  }

  .write-review .user-rating .p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .write-review .fields {
    margin-top: 18px;
  }

  .comments .comment-item .comment-info .name {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }

  .comments .comment-item .comment-text {
    margin-top: 4px;
  }

  .comments .comment-item {
    padding: 26px 0 26px 84px;
  }

  .write-review .user-rating .stars {
    display: inline-block;
    float: none;
    margin-left: 0;
  }

  .pagination {
    position: relative;
    padding-left: 42px;
    padding-right: 42px;
    height: 37px;
    overflow: hidden;
  }

  .pagination ul {
    width: 100%;
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 20px;
  }

  .pagination ul li {
    display: inline-block;
    float: none;
    margin: 0 2px;
  }

  .pagination .arrow {
    display: block;
    position: absolute;
    top: 0;
    border-color: #ff5100;
  }

  .pagination .arrow:before {
    opacity: 0;
  }

  .pagination .arrow:after {
    opacity: 1;
  }

  .pagination .arrow.prev {
    left: 0;
  }

  .pagination .arrow.next {
    right: 0;
  }

  .pagination ul li a.points {
    border: 1px solid #e8e9ec;
  }

  .sign_up_block {
    margin-bottom: 20px;
  }

  .sidebar_block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .free_training {
    padding-top: 60px;
  }

  .free_training .tag {
    left: 30px;
    right: auto;
    top: 36px;
  }

  .photogallery .title {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .photogallery .section_top {
    padding-bottom: 30px;
  }

  .photogallery {
    padding-top: 55px;
  }

  .photogallery .arrows {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
  }

  .photogallery .arrows .arrow {
    display: inline-block;
    float: none;
    vertical-align: top;
  }

  .photogallery .photo-slider .slide-item {
    width: 320px;
    height: 320px;
  }

  .classes_list .classes_item {
    padding: 24px;
    margin-top: 15px;
  }

  .classes_list .classes_item_right {
    width: 34vw;
    height: 34vw;
    height: 100%;
  }

  .classes_list .classes_item_right .image {
    width: 34vw;
    height: 34vw;
    position: absolute;
    top: 50%;
    margin-top: -17vw;
    left: 0;
  }

  .classes_list .classes_item {
    min-height: 240px;
  }

  .page_title {
    font-size: 32px;
  }

  .top_panel.top_panel--page {
    padding: 10px 0;
  }

  .page {
    padding-top: 72px;
  }

  .lessons .lessons_list .lesson-item {
    padding: 24px 18px;
  }

  .lessons .lessons_list .lesson-item ._bottom .btn {
    font-size: 12px;
    padding: 0 16px;
  }

  .cat_description {
    padding-bottom: 50px;
  }

  .share .p {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .share .links {
    width: 100%;
    text-align: center;
  }

  .share .links a {
    display: inline-block;
    float: none;
    margin: 0 5px;
  }

  .share {
    margin-top: 10px;
  }

  .pagination ul {
    margin: 0;
  }

  .content .images .img {
    margin-bottom: 14px;
  }

  .trainer_top-section .title_sub {
    padding: 20px 0;
  }

  .instagram__slide {
    width: 90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 400px) {

  .top_section .btn {
    font-size: 14px;
    font-weight: 600;
  }

  .classes_list .classes_item_left {
    height: auto;
    width: 100%;
    max-width: 100%;
  }

  .classes_list .classes_item_right {
    width: 100%;
    height: auto;
    max-width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 20px;
  }

  .classes_list .classes_item_right .image {
    width: 66vw;
    height: 66vw;
    position: static;
    margin-top: 0;
  }

  .classes_list .classes_item {
    padding-top: 30px;
  }

  .lessons .lessons_list .lesson-item ._bottom {
    display: block;
  }

  .lessons .lessons_list .lesson-item ._bottom .btn {
    margin-top: 14px;
  }

  .lessons .lessons_list .lesson-item {
    height: 245px;
  }

  .lessons .lessons_top {
    padding: 24px 16px;
  }
}

@media screen and (max-width: 350px) {

  .photogallery .section_top .btn {
    transform: translateX(-30%);
  }

  .footer .left .form .submit {
    right: 20px;
  }

  .work-times-footer {
    width: 80%;
  }

  .title_cont h1 {
    font-size: 30px;
    line-height: 34px;
  }

  .top_section .btn {
    height: 48px;
    width: 274px;
    padding: 0;
    font-size: 14px;
  }

  .train_area .train_title {
    font-size: 28px;
    line-height: 24px;
  }

  .symbole-decode-item p {
    font-size: 12px;
  }


  .comments .comment-item {
    padding-left: 0;
  }

  .comments .comment-item .comment-info {
    min-height: 68px;
    padding-left: 80px;
    margin-bottom: 10px;
  }

  .comments .comment-item .comment-info .date {
    width: 100%;
    margin-top: 11px;
  }

  .comments .comment-item .comment-info .stars {
    margin-right: 0;
  }

  .photogallery .photo-slider .slide-item {
    width: 280px;
    height: 280px;
  }

  .mobile .photogallery .section_content,
  .tablet .photogallery .section_content {
    height: 280px;
  }

  .content blockquote {
    padding-left: 84px;
  }
}

._Bold {
  font-weight: 700;
}

._Light {
  font-weight: 300;
}

._Medium {
  font-weight: 500;
}

._SemiBold {
  font-weight: 600;
}

.price-page .page_title {
  font-size: 39px;
}

/*----------------------------------------------------------------------------------
3.1. Price section
-----------------------------------------------------------------------------------*/
.price_section .links {
  margin: 30px 0;
}

.price_section .links .lessons-link {
  width: auto;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  position: relative;
  padding-right: 26px;
  letter-spacing: 1px;
  margin-left: 30px;
}

.price_section .links .lessons-link:before {
  position: absolute;
  content: '';
  top: 50%;
  width: 14px;
  height: 22px;
  margin-top: -11px;
  background: url(../img/link-arrow.svg) center center no-repeat;
  background-size: contain;
  right: 0;
}

/*----------------------------------------------------------------------------------
3.2. Clubcard
-----------------------------------------------------------------------------------*/
.clubcard {
  margin: 20px 0 30px;
}

.clubcard .left {
  max-width: 586px;
}

.clubcard .left img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.clubcard .right {
  max-width: 644px;
  float: right;
}

.clubcard .right ._title {
  font-size: 31px;
  font-weight: 700;
  color: #080B14;
  margin-bottom: 20px;
}

.clubcard .right ul {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

.clubcard .right ul li {
  font-size: 16px;
  position: relative;
  display: block;
  padding-left: 20px;
  line-height: 1.5;
  margin-bottom: 8px;
}

.clubcard .right ul li:last-child {
  margin-bottom: 0;
}

.clubcard .right ul li:before {
  width: 12px;
  height: 8px;
  background: url(../img/correct-symbol.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  left: 0;
  top: 7px;
}

/*----------------------------------------------------------------------------------
3.3. Lessons accordion
-----------------------------------------------------------------------------------*/
.lessons-accordion {
  margin-top: 20px;
}

.lessons-accordion .title {
  font-size: 31px;
  margin-bottom: 28px;
}

.lessons-accordion .lessons .accordion-item {
  margin-bottom: 15px;
}

.lessons-accordion .lessons .accordion-item:last-child {
  margin-bottom: 0;
}

.lessons-accordion .lessons .accordion-item.active .lessons_top:before {
  transform: rotate(180deg);
  transition: all .2s linear;
}

.lessons-accordion .lessons .accordion-item.light-color .lessons_list .lesson-item:hover ._cost,
.lessons-accordion .lessons .accordion-item.light-color .lessons_list .lesson-item:hover ._info ._title,
.lessons-accordion .lessons .accordion-item.light-color .lessons_list .lesson-item:hover ._info .author .name {
  color: #080B14;
  transition: all .2s linear;
}

.lessons-accordion .lessons .accordion-item.light-color .lessons_top .title,
.lessons-accordion .lessons .accordion-item.light-color .lessons_top .cost {
  color: #080B14;
}

.lessons-accordion .lessons .accordion-item.light-color .lessons_top:before {
  background-image: url(../img/accordion-arrow.svg);
}

.lessons-accordion .lessons .accordion-item .lessons_top {
  margin-bottom: 0;
  position: relative;
  padding-right: 74px;
  background: #ff5100;
}

.lessons-accordion .lessons .accordion-item .lessons_top:hover {
  cursor: pointer;
}

.lessons-accordion .lessons .accordion-item .lessons_top:hover * {
  cursor: pointer;
}

.lessons-accordion .lessons .accordion-item .lessons_top:before {
  width: 14px;
  height: 8px;
  background: url(../img/accordion-arrow-white.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -4px;
  content: '';
  transition: all .2s linear;
}

.lessons-accordion .lessons .accordion-item .lessons_top .title {
  margin-bottom: 0;
}

.lessons-accordion .lessons .accordion-item .lessons_bottom {
  display: none;
  margin-top: 25px;
  padding-bottom: 50px;
}

.lessons-accordion .lessons .accordion-item .select-trainer {
  margin-top: 12px;
}

.lessons-accordion .lessons .accordion-item .select-trainer .trainers-p {
  font-size: 26px;
}

.lessons-accordion .lessons .accordion-item .select-trainer .select_div .select_val {
  font-size: 26px;
}

/*----------------------------------------------------------------------------------
3.4. FAQ page
-----------------------------------------------------------------------------------*/
.faq-page .page_title {
  font-size: 39px;
  margin-bottom: 25px;
}

.faq_section {
  padding-bottom: 75px;
}

.faq_section .left {
  max-width: 852px;
}

.faq_section .right {
  max-width: 390px;
  float: right;
}

.faq_section .section_content {
  margin-top: 32px;
}

.faq_section .faq-item {
  margin-bottom: 12px;
}

.faq_section .faq-item:last-child {
  margin-bottom: 0;
}

.faq_section .faq-item p {
  display: block;
  float: left;
  width: 100%;
  margin: 0;
}

.faq_section .faq-item.active .faq-question {
  background: #080B14;
  color: #fff;
  transition: all .2s linear;
}

.faq_section .faq-item.active .faq-question:before {
  transform: rotate(180deg);
  transition: all .2s linear;
  opacity: 0;
}

.faq_section .faq-item.active .faq-question:after {
  transform: rotate(180deg);
  transition: all .2s linear;
  opacity: 1;
}

.faq_section .faq-item .faq-question {
  background: #F0F2F8;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  padding: 18px 34px;
  line-height: 1.8;
  position: relative;
  padding-right: 60px;
  transition: all .2s linear;
}

.faq_section .faq-item .faq-question:hover {
  cursor: pointer;
}

.faq_section .faq-item .faq-question:hover * {
  cursor: pointer;
}

.faq_section .faq-item .faq-question:before {
  width: 14px;
  height: 8px;
  background: url(../img/accordion-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -4px;
  content: '';
  transition: all .2s linear;
}

.faq_section .faq-item .faq-question:after {
  width: 14px;
  height: 8px;
  background: url(../img/accordion-arrow-white.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -4px;
  content: '';
  transition: all .2s linear;
  opacity: 0;
}

.faq_section .faq-item .faq-answer {
  padding: 18px 34px;
  display: none;
}

.faq_section .faq-item .faq-answer .answer-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}

.answer-author {
  position: relative;
  padding: 2px 0;
  padding-left: 56px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 18px;
}

.answer-author .userpic {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.answer-author .userpic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.answer-author .name {
  margin-bottom: 2px;
}

.answer-author .position {
  color: #91919C;
}

/*----------------------------------------------------------------------------------
3.5. Media queries
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 1315px) {
  .clubcard .right {
    max-width: 500px;
  }

  .faq_section .left {
    max-width: 725px;
  }
}

@media screen and (max-width: 1260px) {
  .clubcard .left {
    max-width: 460px;
  }

  .clubcard .right {
    max-width: 460px;
  }

  .faq_section .left {
    max-width: 556px;
  }
}

@media screen and (max-width: 1000px) {
  .clubcard .left {
    max-width: 700px;
  }

  .clubcard .right {
    max-width: 700px;
    float: left;
    margin-top: 40px;
  }

  .lessons .lessons_list .lesson-item ._bottom .btn {
    opacity: 1;
  }

  .faq_section .left {
    width: 100%;
    max-width: 100%;
  }

  .faq_section .right {
    max-width: 100%;
    width: 100%;
    margin-top: 40px;
  }

  .sitemap_section ._title {
    font-size: 18px;
  }

  .sitemap_section .column ul li {
    font-size: 17px;
  }
}

@media screen and (max-width: 760px) {

  .way-list {
    overflow: hidden;
  }

  .way-step-name {
    font-size: 14px;
    line-height: 18px;
    padding-left: 15px;
  }

  .way-step-sub {
    font-size: 14px;
    line-height: 18px;
    margin-left: 50px;
    padding: 20px 15px 20px 15px;
    width: 85%;
  }

  .way-step-year {
    font-size: 14px;
    line-height: 18px;
    width: 50px;
    min-width: 50px;
  }

  .trainer-breadcrumbs {
    width: 300px;
  }

  .trainer_page .top_section .socials {
    right: 20px;
    bottom: 115px;
  }

  .price-page .page_title {
    font-size: 34px;
  }

  .lessons-accordion .lessons .accordion-item .lessons_top:before {
    right: 22px;
  }

  .lessons-accordion .lessons .accordion-item .lessons_top {
    padding-right: 55px;
  }

  .price-page .page_title br {
    display: none;
  }

  .faq-page .page_title {
    font-size: 34px;
  }
}

.filter_link {

  margin-top: 60px;
  float: none;
}

.service_price_btn {
  justify-content: center;
  align-items: center;
  text-transform: none;
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #080A15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 248px;
  height: 54px;
  border-radius: 81px;
  margin-left: 25px;
  color: #fff;
  border: 1px solid #FF5100;
}

@media screen and (max-width: 590px) {
  h3.mision-head {
    padding-bottom: 25px;
  }

  section.our-mission {
    padding: 50px 0 0 0;
  }

  .send-modal-box {
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .send-modal-box .submit {
    margin-bottom: 20px;
    width: 269px;
  }

  .trainer_page .top_section {
    background-position: 60% 100% !important;
  }

  .price-page .page_title {
    font-size: 32px;
  }

  .price_section .links .lessons-link {
    margin-left: 15px;
  }

  .clubcard .right ._title,
  .lessons-accordion .title {
    font-size: 28px;
  }

  .clubcard {
    margin-bottom: 20px;
  }

  .faq-page .page_title {
    font-size: 32px;
  }

  .filter_link {
    float: left;
    margin-top: 35px;
  }

  .service_price_btn {
    margin-left: 0;
  }
}

@media screen and (max-width: 480px) {
  .price_section .links .lessons-link {
    margin-left: 0;
    clear: both;
    margin-top: 10px;
  }

  .price_section .links {
    text-align: center;
    margin: 20px 0;
  }

  .price_section .links>* {
    display: inline-block;
    float: none;
    margin: 0 10px;
  }

  .price-page .page_title {
    font-size: 28px;
  }

  .clubcard .right ._title,
  .lessons-accordion .title {
    font-size: 26px;
  }

  .faq-page .page_title {
    font-size: 28px;
  }

  .faq_section .faq-item .faq-question {
    padding: 20px;
  }

  .faq_section .faq-item .faq-question:before,
  .faq_section .faq-item .faq-question:after {
    right: 14px;
  }

  .faq_section .faq-item .faq-question {
    padding-right: 44px;
  }

  .faq_section .faq-item .faq-answer {
    padding: 20px;
  }

  .faq_section .faq-item:last-child .faq-answer {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 400px) {
  .lessons-accordion .lessons .accordion-item .lessons_top:before {
    right: 15px;
  }

  .lessons-accordion .lessons .accordion-item .lessons_top {
    padding-right: 42px;
  }
}

/*------------------------------------------------------------------
About us page
-------------------------------------------------------------------*/

.aboutus_section {
  position: relative;
}

.about-main {
  position: relative;
  z-index: 1;
  width: 80%;
}

.about-main h2 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  color: #080A15;
}

.about-main-text {
  margin: 60px auto 40px auto;
}

.about-main-text p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  padding-bottom: 20px;
  width: 60%;
}

.about-preferences {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 30px 40px;
}

.preference-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

.preference-item img {
  margin-right: 20px;
}

.preference-item p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  color: #000000;
}

.biground {
  position: absolute;
  right: 50px;
  top: -80px;
  width: 35%;
}

.our-mission {
  padding: 50px 0;
}

.mission-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.our-mision-text {
  width: 45%;
}

.mision-head {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  line-height: 40px;
  color: #080A15;
  padding-bottom: 45px;
  float: none;
}

.our-mision-text p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  padding-bottom: 25px;
}

.our-values {
  list-style: none;
  padding-inline-start: 30px;
  margin-block-start: 0;
  margin-block-end: 0;
}

.our-values li {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  position: relative;
  padding-bottom: 10px;
}

.our-values li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: -25px;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border: 3px solid #FF4000;
  border-radius: 50%;
}

@media screen and (max-width: 1800px) {
  .biground {
    width: 41%;
  }
}

@media screen and (max-width: 1000px) {

  .about-main {
    width: 100%;
  }

  .about-main-text p {
    width: 100%;
  }

  .about-preferences {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .preference-item {
    margin-bottom: 15px;
  }

  .preference-item br {
    display: none;
  }

  .our-mision-text {
    width: 100%;
  }

  .biground {
    display: none;
  }

  /* .about-page .news_section {
    padding: 10px 0 100px 0;
  } */
}


@media screen and (max-width: 480px) {
  .about-preferences {
    padding: 30px 20px;
  }
}

@media screen and (max-width: 350px) {
  .preference-item img {
    margin-right: 10px;
  }

  .about-preferences {
    padding: 20px 7px;
  }
}

/* own styles ------------------------------------------ ↓ */

/* club in cyfres */

.cyfres__section .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  background-color: #fff;
  padding: 0;
  padding-bottom: 80px;
}

.cyfres__section .cyf__img {
  width: 82px;
  height: 82px;
  margin-right: 22px;
}

.cyfres__section .cyf__value {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 800;
  font-size: 50px;
  line-height: 52px;
  color: #FF4000;
  margin-bottom: 22px;
  opacity: 0;
}

.cyfres__section .cyf__text-content {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 28px;
  color: #000000;
}

/* 404 page ↓ */

.container-extra {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.img404 {
  width: 45%;
  max-width: 250px;
  margin: -125px auto 80px;
}

.message-extra {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  color: #111111;
  text-align: center;
  padding: 0 10px;
}

.extra404 {
  font-weight: bold;
  margin: 40px auto 20px;
}

.extra-title {
  font-size: 35px;
  line-height: 40px;
  font-weight: bold;
  color: #FF4000;
}

.btn-404 {
  width: 248px;
  height: 61px;
  border-radius: 81px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-top: 80px;
}

@media screen and (max-height: 650px) {
  .container-extra {
    height: auto;
    padding: 150px 0;
  }
}

/* schedule table styles ↓ */

.class-types-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}

.class-type-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 78px;
  background: #1E1E28;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
  width: 16.7%;
}

.class-type-btn-active {
  background-color: #FF4000;
}

.class-type-btn:hover {
  background-color: #FF4000;
  transition: 0.3s;
}

.class-type-btn:nth-child(-n+5)::after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
  height: 40px;
  background: linear-gradient(90deg, rgba(30, 30, 40, 0.5) 0%, rgba(196, 196, 196, 0.8) 49%, rgba(30, 30, 40, 0.5) 100%);
}

.class-type-btn span {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: inline-block;
  border-bottom: 1px dashed #777E91;
  padding-bottom: 3px;
  cursor: pointer;
  text-align: center;
}

.class-type-btn-active span {
  border-bottom: none;
}

.class-type-btn.class-type-btn-active::after {
  display: none;
}

.day-name-box {
  background: #F8F8F8;
  border-bottom: 1px solid #D3D3D3;
  padding: 19px;
}

.sc-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #D3D3D3;
  border-radius: 0px 0px 16px 16px;
}

.day-column {
  border-right: 1px solid #D3D3D3;
  width: 16.6%;
}

.day-column:last-child {
  border-right: none;
}

.day-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  color: #000000;
  padding-bottom: 10px;
}

.day-date {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 32px;
  color: #000000;
}

.sc-item-box {
  padding: 19px 10px 29px;
  min-height: 144px;
}


.sc-item {
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: 0.4s;
}

.sc-item:hover {
  transition: 0.4s;
  border: 1px solid #FF4000;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.sc-item-time {
  font-family: Montserrat;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
}

.sc-item-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  margin: 5px 0 2px;
}

.sc-item-link {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #A9A9A9;
  border-bottom: 1px dashed #707070;
}

.schedule-section .wrap_float {
  position: relative;
}

.table-box-cont {
  position: relative;
  top: -78px;
  overflow-x: auto;
}

.schedule_swipe {
  position: absolute;
  right: 11px;
  top: -77px;
  width: 25px;
  height: 25px;
  display: none;

}

.schedule_swipe img {
  width: 100%;
  height: auto;
}

.coloring-text {
  color: #ff4000;
}


@media screen and (max-width: 1315px) {
  .class-type-btn {
    padding: 10px;
    text-align: center;
  }

  .class-type-btn span {
    font-size: 14px;
  }

  .trainer_top-section {
    background-position: top right !important;
  }
}

@media screen and (max-width: 1000px) {

  .table-box-cont {
    border: 2px solid #ff4000;
    top: -80px;
  }

  .table-box {
    width: 1030px;
  }

  .sc-table,
  .class-types-buttons {
    border-radius: 0;
  }

  .schedule_swipe {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .trainer_top-section {
    background-position: calc(100% + 19vw) top !important;
  }

  .trainer_top-section {
    align-items: flex-end;
    padding-bottom: 50px;
  }

  .index__content {
    max-width: 90%;
    position: absolute;
    top: 10vh;
    max-height: 80vh;
    left: 5%;
    overflow-y: auto;
  }
}

@media screen and (max-width: 576px) {
  .trainer_top-section {
    background-position: calc(100% + 50vw) top !important;
  }


}

@media screen and (max-width: 480px) {
  .mobile__bg {
    display: block;
  }

  .cyfres__section .cyf__value {
    font-size: 36px;
  }
}


@media screen and (max-width: 375px) {
  .trainer_top-section {
    background-position: calc(100% + 70vw) top !important;
  }
}

/* ------------------- up btn - ↓ */

.up-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ff4000;
  position: fixed;
  right: 20px;
  bottom: 122px;
  /* border: 10px solid rgb(255, 255, 255, 0.5); */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 99;
}

.art {
  width: 14px;
  height: 7px;
  opacity: 0;
  animation-name: arrs;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-fill-mode: backwards;
  animation-duration: 1.4s;
  pointer-events: none;
}

.art1 {
  animation-delay: 0.3s;
}

.art2 {

  animation-delay: 0.2s;
}

.art3 {
  animation-delay: 0.1s;
}

@keyframes arrs {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.jr-insta-thumb ul.thumbnails.jr_col_4 li {
  width: auto !important;
}

.jr-insta-thumb ul.thumbnails li {
  margin: 0 !important;
  display: block;
}

.scroll_link {
  position: absolute;
  z-index: -2;
  opacity: 0;
  pointer-events: none;
}

.mfp-wrap,
.qligg-mfp-wrap .mfp-container * {
  float: none;
}

.progress span {
  display: block;
  width: 5%;
  height: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #FF4000;
  background-image: linear-gradient(to right, #FF4000, #FF4000);
  background-repeat: no-repeat;
  background-size: 0 100%;
  position: absolute;
  left: 0;
  top: -4px;
  z-index: 5;
  transition: width .4s ease-in-out;
}

.progress {
  /* content:''; */
  display: block;
  z-index: 0;
  width: 100%;
  position: relative;
  left: 0;
  top: 4px;
  margin-top: 25px;
  height: 2px;
  background-color: #ecedee;
}

.amoforms_iframe {
  height: 500px;
}

#amoforms_iframe_277309.amoforms_iframe {
  position: fixed !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -20 !important;
  height: 100% !important;
}

.iframe_bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.329);
  opacity: 0;
  pointer-events: none;
  z-index: -20;
  transition: all .6s ease;
}

.iframe_bg.open {
  opacity: 1;
  pointer-events: all;
  z-index: 998;
}

#amoforms_iframe_277309.amoforms_iframe.open {
  opacity: 1 !important;
  pointer-events: all !important;
  z-index: 999 !important;
  transition: all .6s ease !important;
  width: 510px !important;
  right: calc(50% - 255px) !important;
  top: 15vh !important;
}

#amoforms_iframe_277309 #amofroms_main_wrapper {
  margin: 15vh auto 0 !important;
}

div.teler-wd * {
  float: none;
}

div.teler-wd-phone-input {
  width: auto;
}

.teler-wd__trigger {
  right: 0% !important;
  bottom: 0% !important;
}

/* .insta-gallery-feed .insta-gallery-image, .insta-gallery-feed .insta-gallery-item{
  opacity: 1 !important;
} */
/* section.photogallery *{
  float: none;
} */
#instagram-main2 .insta-gallery-actions {
  display: none;
}

#insta-gallery-feed-1 .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

@media screen and (max-width: 567px) {
  #amoforms_iframe_277309.amoforms_iframe.open {
    max-width: 567px !important;
    right: calc(5% + 9px) !important;
    width: 90% !important;
  }

  .up-btn {
    right: 11px;
    bottom: 122px;
  }

}

/* New style section */
.price_head * {
  float: none !important;
  font-family: 'Montserrat', sans-serif !important;
}

.price_head h1 {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}

.price_head .container {
  width: 1310px;
  padding: 0 15px;
  margin: 0 auto;
}

.price_head .container {
  overflow-x: auto;
}

.card__block {
  scrollbar-color: #FFECE5 #FF4000;
  scrollbar-width: thin;
  overflow-x: auto;
}

/* ::-webkit-scrollbar {
  height: 5px;
} */
.card__block::-webkit-scrollbar {
  height: 7px;
}

/* Track */
.card__block::-webkit-scrollbar-track {
  background: #FFECE5;
}

/* Handle */
.card__block::-webkit-scrollbar-thumb {
  background: #FF4000;
}


.price_head {
  padding-top: 180px;
  padding-bottom: 110px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.card__block {
  display: flex;
  margin: 0 -4px;
}
.card__content{

  position: relative;
}
.hand{
  position: absolute;
    right: 15px;
    top: 5px;
    z-index: 5;
    pointer-events: none;
    animation: leftSwipe 4s ease-out infinite;
    display: none;
    width: 34px;
    height: 34px;
}

@keyframes leftSwipe {
  0% {
      transform: translateX(0);
  }

  12% {
      transform: translateX(-15px);
  }

  24% {
      transform: translateX(0);
  }

  36% {
      transform: translateX(-15px);
  }

  48% {
      transform: translateX(0);
  }

  100% {
      transform: translateX(0);
  }
}

.card__item {
  width: 100%;
  max-width: 25%;
  min-width: 320px;
  padding: 0 4px;
  display: flex;
}

.card__wrap {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  padding-bottom: 40px;
}

.card__name {
  background: #FFECE5;
  color: #FF4000;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  padding: 33px 0 31px;
  text-align: center;
  margin-bottom: 32px;
}

.time__choose,
.time__btn {
  font-weight: 400;
  font-size: 16px;
  width: calc(100% - 12px);
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #141212;
  color: #141212;
  cursor: pointer;
  background: #fff;
  border-radius: 5px 5px 0 0;
  text-align: left;
}
.time__choose{
  /* padding-left: 5px; */
  display: block;
    width: 100%;
    height: 50px;
    background: #E8E8E8;
    border-radius: 36px;
    border: none;
    padding: 0 26px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #A4A4A4;
}

.time__choose:hover,
.time__btn:hover {
  background: #FFECE5;
}

.time__choose:not(:last-child) {
  margin-bottom: 10px;
}

.time__wrap {
  margin-bottom: 30px;
  padding: 0 33px;
  position: relative;
  color: #2BBFFF;
  color: #3574FF;
}

.time__list {
  width: calc(100% - 66px);
  position: absolute;
  top: calc(100% - 1px);
  left: 33px;
  opacity: 0;
  z-index: -5;
  pointer-events: none;
  transform: translateY(-5px);
  transition: all .4s ease;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 15px 0;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

.time__list.open {
  opacity: 1;
  z-index: 5;
  pointer-events: all;
  transform: translateY(0px);
}

.time__btn::after {
  content: '';
  display: block;
  width: 9px;
  height: 100%;
  position: absolute;
  right: -16px;
  top: 0;
  padding-left: 5px;
  background: url(../img/time_btn.svg) no-repeat center;
}

.card__count {
  font-size: 14px;
  margin-bottom: 35px;
  color: #141212;
  padding: 0 33px;
}

.card__count span {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}

.card__price {
  padding-bottom: 30px;
  border-bottom: 1px solid #141212;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}

.card__list {
  padding: 0 25px 0 33px;
  margin: 0 0 15px;
}

.card__list li {
  display: block;
  color: #141212;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 18px;
  padding-left: 32px;
  position: relative;
}

.card__list li::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 5px;
  border: 3px solid #FF4000;
  border-radius: 50%;
  box-sizing: border-box;
}

.card__list ul li:last-child {
  margin-bottom: 0;
}

.card__info {
  margin-top: auto;
  padding: 0 33px;
  color: #5E5A5C;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 30px;
}

.card__btn {
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin: 0 auto;
  color: #FF4000;
  border-radius: 50px;
  width: 227px;
  height: 50px;
  text-align: center;
  border: 2px solid #FF4000;
  background: #fff;
}

.card__btn:hover {
  background: #ff5100;
  color: #fff;
}
@media screen and (max-width: 1340px) {
  .price_head .container {
    width: 1170px;
  }
}
@media screen and (max-width: 1200px) {
  .price_head .container {
    width: 960px;
  }
  .price_head .container {
    padding-bottom: 10px;
  }
  .hand{
      display: block;
  }
}

@media screen and (max-width: 991px) {
 .price_head .container {
    width: 740px;
  }

  .card__item {
    width: 50%;
    max-width: 50%;
  }
  .price_head {
    padding-top: 120px;
    padding-bottom: 70px;
  }
  .price_head h1 {
    font-size: 34px;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 767px) {
  .price_head .container {
    width: 540px;
  }

  .card__item {
    width: 85%;
    max-width: 85%;
    min-width: 300px;
  }

  .time__wrap,
  .card__info,
  .card__count,
  .card__list {
    padding: 0 28px;
  }
  .card__list{
    padding-right: 22px;
  }
  .time__list{
    left: 28px;
    width: calc(100% - 56px);
  }
}

@media screen and (max-width: 576px) {
  .price_head .container {
    width: 100%;
  }
  .price_head h1 {
    font-size: 30px;
    margin-bottom: 35px;
  }
  .card__wrap{
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  .card__item {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.card__name{
  padding: 20px 0 19px;
  margin-bottom: 25px;`
}
.card__count {
margin-bottom: 20px;
}
.card__price{
  padding-bottom: 20px;
  margin-bottom: 20px;
}
}