@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
@font-face {
	font-family: 'GillSansC';
	src: url('font/gillsansc.eot'); /* IE 9 Compatibility Mode */
	src: url('font/gillsansc.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('font/gillsansc.woff2') format('woff2'), /* Super Modern Browsers */
		url('font/gillsansc.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('font/gillsansc.ttf') format('truetype'), /* Safari, Android, iOS */
		url('font/gillsansc.svg#gillsansc') format('svg'); /* Chrome < 4, Legacy iOS */
        
}
.mobile_hiden{
    display: none;
}
.mob_svg{
    display: none;
}
h2.white,h3.white{
    color: aliceblue;
}
h2{
    font-family: "Geologica", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}
h3
{
    font-family: "Geologica", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
}
h4{
    font-size: 32px;
}
h1,h4,p,li{
    font-family: "GillSansC", sans-serif;
    font-optical-sizing: auto;
    font-weight: 18px;
    font-style: normal;
}
h1{
    font-family: "Geologica", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-size: 52px;
    color: #474747;
}
ul{
    list-style-image: url('img/dot.png');
    padding-left: 18px;
}
li{
    font-size: 24px;
    
}
/* Обычное состояние */
.button {
font-family: "Geologica";
background-color: rgba(255, 255, 255, 0);
color: #E64023;
border: 4px solid #E64023;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 24px;
cursor: pointer;
border-radius: 0px;
margin-top: 53px;
}

/* Состояние при наведении */
.button:hover {
    background-color: #E64023;
    color: white;
}

/* Состояние при нажатии */
.button:active {
    background-color: #af4c4c;
    transform: translateY(1px); /* Эффект нажатия */
}

/* Неактивное состояние */
.button:disabled {
    background-color: rgba(255, 255, 255, 0);
    border-color: #808080;
    color: #808080;
    opacity: 0.6; /* Уменьшение прозрачности */
    cursor: not-allowed; /* Изменение курсора */
}
hr{
    border: 0px solid #E64023;
    width: 140px;
    color: #E64023; /* Цвет линии для остальных браузеров */
    background-color: #E64023;/* Цвет линии для браузера Firefox и Opera */
    height: 10px;    
}
body{
        margin: 0 0;    
}
tr:hover {
    background: #e640232e; /* Цвет фона при наведении */
}

 td.right:hover{
    color: #CC4947;
}
@media (min-width: 1200px)
{
    li{
        color:#808080;
        padding-left: 10px;
    }
    .preview img{
        display:none;
    }
    .mobile_menu{
        display: none;
    }
    .mobile_list{
        display: none;

    }
    .mobile_visible{
        display: none;
    }
    .background-block {
        width: 1200px;
        height: 100%;
        margin: 0 auto;
        padding-top:  3%;
        background-image: url('img/top.png');
        background-size: auto 100%; /* чтобы изображение было по высоте блока */
        background-position: right; /* чтобы изображение было прижато к правому краю блока */
        background-repeat: no-repeat; /* чтобы изображение не повторялось */
        max-height: 1000px;
    }
    .background-block1{
        height: auto;
        position: relative; 
        background-image: url("img/uslugi.jpg");
        background-position: left top;
        background-size: cover;

    }
    
    
    div.menu{
        width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    div.desc_menu{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        gap: 40px;
        font-size: 18px;
        font-family: 'Geologica';
        color: #808080;
        flex-wrap: nowrap;
        flex-direction: row;
        font-size: 18px;
        font-family: 'Geologica';
        color:#808080;
    
    }
    div.desc_menu a{
        color:#808080;
        font-style: normal;
        text-decoration:none;
    }
    div.desc_menu a:hover{
        color:#CC4947;
        font-style: normal;
    }
    div.desc_menu a:active{
        color:#E64023;
        font-style: normal;
    }
    div.location_phone{  
        text-decoration:none;
		padding-right: 15px;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:6%;
        white-space:nowrap;
    }
    div.location_phone a{
        font-family: "Geologica";
        text-decoration:none;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:4%;
    }
    div.location_phone a:hover{
        text-decoration:none;
        color: #FFFFFF;
    }
    div.location_phone a:active{
        text-decoration:none;
        color: #FFFFFF;
    }

    section.why_we,.service{
        width: 1200px;
        margin: 0 auto;
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    div.preview{
        width: 1200px;
        margin: 0 auto;
        padding-top: 187px;
        padding-bottom: 317px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }
    h2{
        font-size: 48px;
    }
    .white_text{
        color: white;
        font-size: 24px;
    }
    section.service{
        max-width: 992px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 90px;
    }
    section.service p,h2,h3{
        text-align: center;

    }
    div.serv_content{
        padding-top: 62px;
        padding-bottom: 60px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    section.why_we{
        /*height: auto;*/
        background-image: url("img/Car.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;

    }
    div.advance{
        
        padding-top: 89px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap:341px;
    }
    div.advance p{
        
        max-width: 334px;
        text-align: center;
    }
    
    div.advance img,h4{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        
      }
    div.advance div{
        display: flex;
    margin: 0 auto;
    max-width: 344px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    }
    .price{
        padding-top: 76px;
        background-image: url('img/Rubl_gray.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: initial;
    }
    div.table_block{
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .center_table{
        font-family: 'GillSansC', sans-serif;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    table {
        width: 844px;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 10px 5px;
    }
    tbody{
        width: 100%;
        
    }
    tr{
        width: 100%;
        max-width: 844px;
        border: 0 solid ;
      
    }
    td{
        padding: 10px 15px;
        font-size: 20px;
        color: #808080;
    }
    .right{
        text-align: right;
    }
    footer{
        background-image: url("img/footer.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }
    footer p{
        padding-top: 80px;
        padding-bottom: 51px;
        font-size: 24px;
        color: white;
        max-width: 992px;
        margin: 0 auto;
    }
    footer .button{
        margin-bottom: 52px;
    }
    div.footer_menu{
        font-family: "Geologica";
        font-weight: 200;
        font-size: 20px;
        color: white;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:30px;
        margin-bottom: 52px;
    }
    div.footer_menu div{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap:10px
    }
	div.footer_menu a{
		text-decoration:none;
		color:white;
	}
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .preview img{
        display:none;
    }
    .mobile_menu{
        display: none;
    }
    .mobile_list{
        display: none;

    }
    .mobile_visible{
        display: none;
    }
    .background-block {
        min-height: 768px;
        margin: 0 auto;
        padding-top: 76px;
        background-image: url('img/top.png');
        background-size: auto 100%; /* чтобы изображение было по высоте блока */
        background-position: right; /* чтобы изображение было прижато к правому краю блока */
        background-repeat: no-repeat; /* чтобы изображение не повторялось */
        max-height: 1000px;
    }
    .background-block1{
        height: auto;
        position: relative; 
        background-image: url("img/uslugi.jpg");
        background-position: left top;
        background-size: cover;

    }
    div.menu{
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    div.desc_menu{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        gap:59px;
        font-size: 18px;
        font-family: 'Geologica';
        color:#808080;
    
    }
    div.desc_menu a{
        color:#808080;
        font-style: normal;
        text-decoration:none;
    }
    div.desc_menu a:hover{
        color:#CC4947;
        font-style: normal;
    }
    div.desc_menu a:active{
        color:#E64023;
        font-style: normal;
    }
    div.location_phone{
        text-decoration:none;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:34px;
    }
    div.location_phone a{
        text-decoration:none;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:30px;
    }
    div.location_phone a:hover{
        text-decoration:none;
        color: #FFFFFF;
    }
    div.location_phone a:active{
        text-decoration:none;
        color: #FFFFFF;
    }
    section.service{
        margin-left: auto;
        margin-right: auto;
        padding-top: 54px;
        padding-bottom: 90px;
        padding-right: 90px;
        padding-left: 90px;

    }
    h2{
        font-size: 36px;
    }
    h3{
       font-size:24px ; 
    }
    section.service p,h2,h3{
        text-align: center;

    }
    div.serv_content{
        padding-top: 62px;
        padding-bottom: 60px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .white_text{
        color: white;
        font-size: 16px;
    }
    section.why_we{
        height: auto;
        background-image: url("img/Car.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;

    }
    div.advance {
        padding-top: 89px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    div.advance div{
       display: flex;
    margin: 0 auto;
    max-width: 344px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    }
    div.advance p{
        max-width: 334px;
        text-align: center;
    }
    
    div.advance img,h4{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        
      }

    div.advance div{
        display: block;
        margin: 0 auto;
        max-width: 344px;
    }
    .price{
        padding-top: 76px;
        background-image: url('img/Rubl_gray.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: initial;
    }
    div.table_block{
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .center_table{
        font-family: 'GillSansC', sans-serif;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    table {
        width: 80%;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 10px 5px;
    }
    tbody{
        width: 100%;
        
    }
    tr{
        width: 100%;
        max-width: 844px;
        border: 0 solid ;
      
    }
    td{
        padding: 10px 15px;
        font-size: 20px;
        color: #808080;
    }
    .right{
        text-align: right;
    }
    footer{
        background-image: url("img/footer.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }
    footer p{
        padding-top: 80px;
        padding-bottom: 51px;
        font-size: 24px;
        color: white;
        max-width: 992px;
        margin: 0 auto;
    }
    footer .button{
        margin-bottom: 52px;
    }
    div.footer_menu{
        font-size: 20px;
        color: white;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:30px;
        margin-bottom: 52px;
    }
    div.footer_menu div{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap:10px
    }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .preview img{
        display:none;
    }
    .mobile_menu{
        display: none;
    }
    .mobile_list{
        display: none;

    }
    .mobile_visible{
        display: none;
    }
    .background-block {
        height: 100%;
        margin: 0 auto;
        padding-top: 76px;
        background-image: url('img/top.png');
        background-size: contain; /* чтобы изображение было по высоте блока */
        background-position: right top; /* чтобы изображение было прижато к правому краю блока */
        background-repeat: no-repeat; /* чтобы изображение не повторялось */
        max-height: 1000px;
    }
    .background-block1{
        height: auto;
        position: relative; 
        background-image: url("img/uslugi.jpg");
        background-position: left top;
        background-size: cover;

    }
    div.menu{
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    div.desc_menu{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: center;
        gap:59px;
        font-size: 18px;
        font-family: 'Geologica';
        color:#808080;
    
    }
    div.desc_menu a{
        color:#808080;
        font-style: normal;
        text-decoration:none;
    }
    div.desc_menu a:hover{
        color:#CC4947;
        font-style: normal;
    }
    div.desc_menu a:active{
        color:#E64023;
        font-style: normal;
    }
    div.location_phone{
        text-decoration:none;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:34px;
    }
    div.location_phone a{
        text-decoration:none;
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-evenly;
        gap:30px;
    }
    div.location_phone a:hover{
        text-decoration:none;
        color: #FFFFFF;
    }
    div.location_phone a:active{
        text-decoration:none;
        color: #FFFFFF;
    }
    section.service{
        margin-left: auto;
        margin-right: auto;
        padding-top: 54px;
        padding-bottom: 90px;
        padding-right: 90px;
        padding-left: 90px;
    }
    section.service p,h2,h3{
        text-align: center;

    }
    h2{
        font-size: 36px;
    }
    h3{
        font-size:24px ; 
     }
    div.serv_content{
        padding-top: 62px;
        padding-bottom: 60px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .white_text{
        color: white;
        font-size: 16px;
    }
    section.why_we{
        height: auto;
        background-image: url("img/Car.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;

    }
    div.advance {
        padding-top: 89px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    div.advance div{
        display: flex;
    margin: 0 auto;
    max-width: 344px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center; 
     }
    div.advance p{
        
        max-width: 334px;
        text-align: center;
    }
    
    div.advance img,h4{
        text-align: center;
        margin-left: auto;
        margin-right: auto;

    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        
      }
    div.advance div{
        display: block;
        margin: 0 auto;
        max-width: 344px;
    }
    .price{
        padding-top: 76px;
        background-image: url('img/Rubl_gray.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: initial;
    }
    div.table_block{
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .center_table{
        font-family: 'GillSansC', sans-serif;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    table {
        width: 80%;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 10px 5px;
    }
    tbody{
        width: 100%;
        
    }
    tr{
        width: 100%;
        max-width: 844px;
        border: 0 solid ;
      
    }
    td{
        padding: 10px 15px;
        font-size: 20px;
        color: #808080;
    }
    .right{
        text-align: right;
    }
    footer{
        background-image: url("img/footer.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }
    footer p{
        padding-top: 80px;
        padding-bottom: 51px;
        font-size: 24px;
        color: white;
        max-width: 992px;
        margin: 0 auto;
    }
    footer .button{
        margin-bottom: 52px;
    }
    div.footer_menu{
        font-size: 20px;
        color: white;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:30px;
        margin-bottom: 52px;
    }
    div.footer_menu div{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap:10px
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile_menu{
        display: none;
    }
    .mobile_list{
        display: none;

    }
    .mobile_visible{
        display: none;
    }
    .preview{
        display: none;
    }
    hr{
        width: 80px;
        height: 4px;
    }
    .background-block{
        height: 100vh;
        background-image: url('img/Wall_m1.png');
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .menu{
        display: none;
    }
    .headline{
        display: none;
    }
    .list{
        display: none;
    }
    .butt{
        display: absolute;
        position: center center;
        margin: auto auto;
    }
    .mobile_menu{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    .mobile_list{
        display: flex;
    font-family: 'GillSansC', sans-serif;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
        font-family: 'GillSansC', sans-serif;
    }
    .animated-element {
        opacity: 0;
        transition: opacity 0.5s ease;
    }

    /*.right {
        transform: translateX(100%);
    }

    .left {
        transform: translateX(-100%);
    }*/

    .mobile_list .button{
        display: inline-flex;
        align-items: center;
        background-color: #E64023;
        color: #FFFFFF;
        font-size: 16px;
        margin: 220px 0;
        position: absolute;
        left: 100;
        top:100;
       z-index: 1;
    }
    .mobile_list img{
        max-height: 450px;
        float:right;
        margin-right: -152px;
        clear:both;

    }

    .burger-checkbox {
        margin-right: 0px;
        position: absolute;
        visibility: hidden;
      }
      .burger {
        position: relative;
        z-index: 3;
        cursor: pointer;
        display: block;
        position: relative;
        border: none;
        background: transparent;
        width: 40px;
        height: 26px;
      }
      .burger::before,
      .burger::after {
        content: '';
        left: 0;
        position: absolute;
        display: block;
        width: 100%;
        height: 4px;
        border-radius: 10px;
        background: #fff;
      }
      .burger::before {
        top: 0;
        box-shadow: 0 11px 0 #fff;
        transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
      }
      .burger::after {
        bottom: 0;
        transition: bottom .3s .15s, transform .3s;
      }
      .burger-checkbox:checked + .burger::before {
        top: 11px;
        transform: rotate(45deg);
        box-shadow: 0 6px 0 rgba(0,0,0,0);
        transition: box-shadow .15s, top .3s, transform .3s .15s;
      }
      .burger-checkbox:checked + .burger::after {
        bottom: 11px;
        transform: rotate(-45deg);
        transition: bottom .3s, transform .3s .15s;
      }
      .menu-list {
        top: 0;
        left: 0;
        position: absolute;
        display: grid;
        gap: 12px;
        /*padding: 42px 0;*/
padding-bottom:42px;
        margin: 0;
        background-image: url(img/Menu\(320\).png);
        background-position: center center;
        background-size: cover;
        list-style-type: none;
        transform: translateY(-100%);
        transition: .3s;
        width: 100%;
        align-content: center;
        align-items: center;
        justify-items: center;
        z-index: 2;
      }
.home{
	width:100%;
margin-left:0;
		}
      .map_tel{
        display: flex;
    flex-direction: column;
    align-items: center;
      }
      .map_tel a{
        display: inline-flex;
        align-items: center;
        gap: 3px;
        font-size: 12px;
        color: #fff;
        text-decoration: none;
      }
      ul {
        padding-left: 0;
        list-style:none;
      }
      .menu-item {
        
        display: block;
        padding: 8px;
        color: white;
        font-size: 18px;
        text-align: center;
        text-decoration: none;
      }
      .menu-item:hover {
        background: rgba(255,255,255,.2)
      }
      .burger-checkbox:checked ~ .menu-list {
        transform: translateY(0);
      }
    .red_list{
        
        box-shadow: 1px 1px 5px 0px black;
        padding: 3px 10px;
        margin-bottom: 5px;
        font-size: 12px;
        background-color: #E64023;
        color: #FFFFFF;
        animation: showRight 1s;
    }
    .white_list{
        
        box-shadow: 1px 1px 5px 0px black;
        padding: 3px 10px;
        margin-bottom: 5px;
        background-color: #FFFFFF;
        color: black;
        font-size: 12px;
        
    }
    .animated-element {
        opacity: 0;
        transition: opacity 0.5s ease;
    }
    .mob_svg{
        display: inline;
    }
   
    .background-block1{
        background-image: url('img/uslugi_mob.png');
        background-repeat: no-repeat;
        background-position: top left;
        background-size: cover;

    }
    .service{
        padding: 40px 20px;
        display: flex;
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
    }
    .serv_content div{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
    }
    .serv_content img{
        max-width: 102px;
    }
    h2,h3.white{
        font-size: 20px;
    }
    .white_text{
        text-align: center;
        color:#fff;
        font-size: 12px;

    }
    .why_we{
        background-image: url('img/Car_mob.png');
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;

    }
    .advance{
        padding-top: 200px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .advance div{
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    }
    .advance p{
        text-align: center;
        font-size: 12px;
    }
    .advance img{
        max-width: 170px;
    }
    h4{
        font-size: 16px;
        text-align: center;
    }
    .night{
        text-align: center;
    }

    .price{
        padding-top: 76px;
        background-image: url('img/rub_mob.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
    }
    div.table_block{
        margin-top: 56px;
        margin-bottom: 56px;
    }
    .center_table{
        font-family: 'GillSansC', sans-serif;
        margin-left: auto;
        margin-right: auto;
        font-size: 20px;
    }
    table {
        width: 90%;
        border-spacing: 0px;
        border-collapse: collapse;
        margin: 10px 5px;
    }
    tbody{
        width: 100%;
        
    }
    tr{
        width: 100%;
        border: 0 solid ;
      
    }
    td{
        padding: 10px 15px;
        font-size: 12px;
        color: #808080;
    }
    .right{
        text-align: right;
    }
    footer{
        background-image: url("img/footermob.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        padding-bottom: 40px;
    }
    footer p{
        padding-top: 80px;
        padding-bottom: 51px;
        width: 80%;
        font-size: 12px;
        color: white;
        max-width: 992px;
        margin: 0 auto;
    }
    .mobile_hiden{
        display: none;
    }
    .mobile_visible{
        display: inline-flex;
        margin: 0 auto;
        background-color: #E64023;
        color: #fff;
        font-size: 16px;
        align-items: center;
    }
    .footer_mob_menu{
        margin: 20px auto;
        background: none;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 18px;
    }
    div.footer_menu{
        display: none;
    }
    .foot_small small{
font-size: 11px !importanr;

    }
    
}