@font-face {
    font-family: "JGN"; 
    src: url("13748.ttf"); 
}

@font-face {
    font-family: "Din"; 
    src: url("Din.ttf"); 
}

.signature-cell-shedule{
  font-family: "Din";
  margin-block-start: 0em;
    margin-block-end: 0em;
   margin-bottom: 0rem;
  line-height: .9;
      text-align: center;
}

body, html{
	width: 100%;
	height: 100%;
}

.alert.alert-danger {
    width: 80%;
    z-index: 1;
    left: 12.5%;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
}

.start_page{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

i.fa.fa-phone {
    transform: scale(-1, 1);
}

.div-header-text {
    position: absolute;
    top: 10%;
    z-index: 1;
    width: 100%;
}

.header-text{
	font-family: "JGN";
	text-align: center;
    font-size: 70px;
    font-weight: bolder;
    color: #c3243c;
    letter-spacing: 3px;
    text-shadow: -2px 0px 1px #e2e2e2, 0px 2px 1px #e2e2e2, -2px 2px 1px #e2e2e2, 2px 2px 1px #e2e2e2, -2px -2px 1px #e2e2e2;
}


.phone {
    text-align: center;
    font-family: "JGN";
    color: #c3243c;
    font-size: 37px;
    font-weight: bolder;
    letter-spacing: 5px;
    text-shadow: -2px 0px 1px #fff, 0px 2px 1px #fff, -2px 2px 1px #fff, 2px 2px 1px #fff, -2px -2px 1px #fff;
}

.background_img{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('img/11.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.background_img::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
    background-color: rgb(255 255 255 / 5%);
}

.background-all {
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-repeat: repeat-y;
	background-size: 25%;
	z-index: -1;
	opacity: .4;
}

.background-right {
	background-image: url(img/right.png);
	background-position: right;
}

.background-left {
	background-image: url(img/left.png);
	background-position: left;
}

.header-section{
	font-family: "JGN";
	color: #c52440 ;
	text-align: center;
	font-size: 50px;
}

/* ЦЕНЫ */
.div-price {
    margin-top: 40px;
}

.table-price{
	margin: 0 auto;
	font-size: 19px;
}

.div-table-price .div-table-price-column:nth-child(2) {
    margin: 0px 0px 0px 130px;
}

.divDownloadPDFprice {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.download-link{
    color: #c52440 !important;
    margin-left:5px;
    font-size: 13pt;
    flex-basis: 28%;
}

i.far.fa-file-pdf {
    font-size: 40pt;
    color: #c52440;
}

.table-price thead tr {
    height: 45px;
    text-align: center;
    background: #c52440 !important;
    color: white;
}

.table-price tr:nth-of-type(odd) {
	background: #f8f8f8;
    border-top: 1px  solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.table-price tr>td:nth-of-type(odd) {
	width: 600px;
	padding-left: 15px;
}

.table-price tr>td:nth-of-type(even) {
	width: 200px;
	text-align: center;
}

.table-price tbody tr:hover {
    background-color: #888888 !important;
    color: #ffffff !important;
	cursor: default;
}

.table-price tbody tr{
	height: 95px;
	padding: 10px 5px;
}


/* РАСПИСАНИЕ */
.div-schedule{
    margin-top: 40px;
}

.div-table-price {
    display: flex;
    overflow-x: auto;
    flex-direction: row;
}

.div-table-price-cell {
    width: 130px;
    height: 35px;
    border-top: .5px solid #cecece;
    border-left: .5px solid #cecece;
}

#fix{
	position: absolute;
	background: #f8f8f8; 
    color: #999999;
}

.div-table-price-column {
    flex-basis: 130px;
}

.schedule-table-diagonal-divider {
    height: 35px;
    background: #f8f8f8;
    position: relative;
    border-bottom: 0.5px solid #cecece;
}

.schedule-table-diagonal-divider::before {
    content: "День";
    color: white;
    text-align: right;
    padding-right: 4px;
    position: absolute;
    width: 100%;
    height: calc(100%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 0%);
    background: rgb(197, 36, 64);
}

.header-column-time {
    position: absolute;
    bottom: 0px;
    padding-left: 5px;
    color: #999999;
}

#fix .div-table-price-cell:not(.div-table-price-cell:first-child) {
    display: flex;
    align-items: center;
    padding-left: 6px;
}

.div-table-price-cell.day-week {
    background: #c52440;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sports-school-Kurilenko-A-A,
.paid-groups-Kurilenko-A-A,
.sch-Kurilenko-A-A_paid-Dubogryzova-I-A,
.paid-groups-Dubogryzova-I-A	{
   background: red;
  color: white;
}

.health-group{
   background: green;
}

.aquaaerobics{
  background: #1924B1;
    color: white;
}

.ANO_TsRI{
  background: #FFBF00;
  color: #A67C00;
}

.info-color {
    display: flex;
    flex-wrap: wrap;
      justify-content: space-around;
}

.div-label-price {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.label-total-time {
    width: 135px;
    height: 30px;
    background: white;
    border: 1px solid #cecece;
}

.label-group-time {
    width: 135px;
    height: 30px;
    background: #ff0700;
    border: 1px solid #cecece;
}

.label-rent-time{
    width: 135px;
    height: 30px;
    background: green;
    border: 1px solid #cecece;
}

.label-ANO_TsRI{
  width: 135px;
    height: 30px;
    background: #FFBF00;
    border: 1px solid #cecece;
}

span.label-text {
    width: 400px;
    margin: 0px 0px 0px 8px;
}


.div-table-price-column.day>:not(.day-week) {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .info-ico-scroll {
        position: relative;
        height: 45px;
        visibility: collapse;
    }

.info-ico-scroll:before {
        display: flex;
        align-items: center;
        content: 'Доступна прокрутка';
        position: absolute;
        top: 0px;
        background: url(img/hand_red.svg) no-repeat right;
        background-size: contain;
        height: 40px;
        padding-right: 50px;
        z-index: 2;
        font-size: 1rem;
        color: #c52440;
        overflow: auto;
    }

@media (max-width: 576px) { 
  .header-text{
   font-size: 40px;
    letter-spacing: 5px;
  }
  .phone{
    letter-spacing: 5px;
  }
}

@media (max-width: 1189px) { 
      .info-ico-scroll{
            visibility: visible;
  }
}