/* Close menu icon */
i.ba-icons.ba-icon-close.ba-overlay-section-close,
.ba-image-modal.instagram-modal i {
  color: #bcbfb4;
  font-size: 110px;
  width: auto;
}

i.ba-icons.ba-icon-close.ba-overlay-section-close:hover,
.instagram-modal i.ba-icon-close:hover {
    transform: rotate(180deg);
}

/* Scroll down button */
.btn-sroll-down {
    transform: rotate(-90deg);
}

/* Portfolio listing */
.portfolio-listing .ba-blog-post-image {
    display: none !important;
}

.portfolio-listing .ba-blog-post {
    margin-top: 0;
}
@media (min-width: 769px){
    .custom-intro-image img {
        height: 100vh;
    }
}

@media (max-width: 768px){
    .custom-intro-image img {
        display: none;
    }   
}

/* Project page */
@media (min-width: 1024px){
.gallery-columns-gutter .ba-instagram-image {
    margin: 50px;
}
}

/* Home */

.knockout-text .headline-wrapper > * {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(https://www.balbooa.com/demo-content/gridbox/themes/nordman/h2.jpg) !important;
    transform: translate3d(0, 0, 0);
}

/* Recent works */

.recent-work ul.carousel-type li {
		box-sizing: border-box;	
  	padding-left: 100px;
}
/* поля */
.pole2 {
  color: rgb(253, 253, 253);
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0px;
  line-height: 22px;
  text-align: left;
  text-transform: none;
}
.pole3 {
  color: #cc843b;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0px;
  line-height: 22px;
  text-align: left;
  text-transform: none;
}

.text2 {
  color: #cc843b !important;
  font-family: 'Open Sans';
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 19px;
  text-transform: none;
}
.table2{
color: #cc843b;
	border: 1px solid #eee;

	table-layout: fixed;

	width: 100%;

	margin-bottom: 20px;


}

.tiltil{
color: rgb(247, 33, 33) !important;


}
#item-17639733550280 .ba-field-wrapper {
  padding-bottom: 22px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 22px;
  --border-radius: 0px;
  text-align-last: left;
}

.table2{

	border: 0px solid #eee;

	table-layout: fixed;

	width: 100%;

	margin-bottom: 20px;

}

.table2 th {

	font-weight: bold;

	padding: 5px;

	background: #1d1d1f;

	border: 0px solid #dddddd;

}

.table2 td{

	padding: 5px 10px;

	border: 0px solid #472108;

	text-align: left;

}

.table2 tbody tr:nth-child(odd){
	background: #614a39;
	

}

.table2 tbody tr:nth-child(even){

		background: #4f3b2e;

}
/* Сброс счётчика на всём документе */
body {
    counter-reset: athlete;
}

/* Каждый спортсмен */
.ba-blog-post.ba-store-app-product {
    counter-increment: athlete;
    position: relative;
}

/* Кружок с номером */
.ba-blog-post.ba-store-app-product::before {
    content: counter(athlete);
    position: absolute;

    /* 👉 здесь двигаете вручную */
    top: 55px;
    left: 20px;

    width: 38px;
    height: 38px;
  border: 2px solid #d18c73;

    
    color: #d18c73;

    font-weight: 700;
    font-size: 19px;

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 999;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
@media (max-width: 768px){
  .ba-blog-post.ba-store-app-product::before {
    content: counter(athlete);
    position: absolute;

    /* 👉 здесь двигаете вручную */
    top: 85px;
    left: 20px;

    width: 38px;
    height: 38px;
  border: 2px solid #d18c73;

    
    color: #d18c73;

    font-weight: 700;
    font-size: 19px;

    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 999;
    box-shadow: 0 4px 10px rgba(0,0,0,.25);
}
}

/* =========================================================
   🔻 РАЗРЫВ + НАДПИСЬ "ВНЕ ТОП-100"
   ========================================================= */

/* Отступ перед 101-м */
.ba-blog-post.ba-store-app-product:nth-child(101) {
    margin-top: 70px;
}

/* Надпись перед 101-м */
.ba-blog-post.ba-store-app-product:nth-child(101)::after {
    content: "ВНЕ ТОП-100";
    position: absolute;

    top: -45px;
    left: 0;

    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;

    color: #6b7280;
    background: #f3f4f6;

    padding: 6px 14px;
    border-radius: 20px;

    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}

/* =========================================================
   🎨 ДРУГОЙ ЦВЕТ НОМЕРОВ 101+
   ========================================================= */

.ba-blog-post.ba-store-app-product:nth-child(n+101)::before {
    background: linear-gradient(135deg, #6b7280, #1f2937);
    color: #ffffff;
}



.table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

.table-scroll table {
  width: max-content;   /* чтобы таблица не сжималась странно */
  min-width: 100%;      /* но при этом не была меньше экрана */
}

/* Отключаем нумерацию */
.no-numbers .ba-blog-post.ba-store-app-product {
    counter-increment: none;
}

.no-numbers .ba-blog-post.ba-store-app-product::before {
    display: none;
}

