:root{
    --black: #000;
    --gray: #F0F0F0;
    --gray-medium: #C1C1C1;
    --skeleton: #e0e0e0;
    --skeleton-2: #c9c9c9;
    --white: #FFF;
    --red: #F00;
    --Yellow: #E29856;
    --block-padding: 50px;
    --miniblock-padding: 30px;
    
    --gap: 30px;
    --gap2: 20px;
}
.gim-container{
    padding: 0 20px;
    width: 100%;
}
@media screen and (min-width: 768px) {
    :root {
      --block-padding: 70px;
      --miniblock-padding: 40px;
    }
    .gim-container{
        width: 668px;
        margin: auto;
        padding: 0;
    }
}
@media screen and (min-width: 1200px) {
    :root {
      --block-padding: 70px;
      --miniblock-padding: 40px;
    }
    .gim-container{
        width: 1100px;
        margin: auto;
    }
}
@media screen and (min-width: 1600px){
    :root {
      --block-padding: 100px;
      --miniblock-padding: 50px;
    }
    .gim-container{
        width: 1400px;
        margin: auto;
    }
}

/*Темы*/
.gim-black-block{
    background: var(--black);
    color: var(--white);
}
.gim-black-block .gim-btn{
    background: var(--white, #FFF);
    color: var(--black, #000);
    border: 1px solid var(--white);
}
.gim-black-block .gim-btn:hover{
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}
.gim-black-block .gim-link{
    color: var(--white);
}
.gim-black-block .gim-link.gim-icon--arrow-right:after{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M3%207.70044C2.58579%207.70044%202.25%208.03623%202.25%208.45044C2.25%208.86465%202.58579%209.20044%203%209.20044V7.70044ZM15.5303%208.98077C15.8232%208.68788%2015.8232%208.213%2015.5303%207.92011L10.7574%203.14714C10.4645%202.85425%209.98959%202.85425%209.6967%203.14714C9.40381%203.44003%209.40381%203.91491%209.6967%204.2078L13.9393%208.45044L9.6967%2012.6931C9.40381%2012.986%209.40381%2013.4608%209.6967%2013.7537C9.98959%2014.0466%2010.4645%2014.0466%2010.7574%2013.7537L15.5303%208.98077ZM3%208.45044V9.20044H15V8.45044V7.70044H3V8.45044Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-gray-block{
    background: var(--gray);
    color: var(--black);
}
.gim-white-block{
    background: var(--white);
    color: var(--black);
}
/*Темы*/


/*Шрифты*/
.gim-h2{
    /* mobile/h2 */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 36.4px */
}
.gim-h3{
    /* mobile/h3 */
    font-family: "Casus Pro";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 24.7px */
}
.gim-menu-h3{
    /* mobile/h3 */
    font-family: "Casus Pro";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 24.7px */
}
.gim-h4{

}
.gim-h5{
    /* mobile/h5 */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 23.4px */
}
.gim-h6{
    /* mobile/h6 */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */
}
.gim-regular{
    /* mobile/regular text */
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}
.gim-small-text{
    /* button/small */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}
.gim-small-text-2{
    /* mobile/small text-2 */
    font-family: "Open Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 14.3px */
}
@media screen and (min-width: 768px) {
    .gim-h2{
        font-size: 38px;
    }
    .gim-h3{
        font-size: 26px;
    }
    .gim-h4{

    }
    .gim-h5{
        font-size: 20px;
    }
    .gim-h6{
        font-size: 16px;
    }
    .gim-regular{
        font-size: 14px;
    }
    .gim-small-text{
        font-size: 14px;
    }
    .gim-small-text-2{
        font-size: 13px;
    }
}
@media screen and (min-width: 1200px) {
    .gim-h2{
        font-size: 38px;
    }
    .gim-h3{
        font-size: 26px;
    }
    .gim-h4{

    }
    .gim-h5{
        font-size: 20px;
    }
    .gim-h6{
        font-size: 16px;
    }
    .gim-regular{
        font-size: 14px;
    }
    .gim-small-text{
        font-size: 14px;
    }
    .gim-small-text-2{
        font-size: 13px;
    }
}
@media screen and (min-width: 1600px){
    .gim-h2{
        font-size: 48px;
    }
    .gim-h3{
        font-size: 32px;
    }
    .gim-h4{

    }
    .gim-h5{
        font-size: 24px;
    }
    .gim-h6{
        font-size: 18px;
    }
    .gim-regular{
        font-size: 16px;
    }
    .gim-small-text{
        font-size: 14px;
    }
    .gim-small-text-2{
        font-size: 13px;
    }
}
/*Шрифты*/


/*Ссылки*/
.gim-link{
    cursor: pointer;
    text-decoration: none;
    transition-duration: 0.3s;
    color: var(--black);
}
button.gim-link{
    background: transparent;
    border: 0px solid transparent;
    outline: 0px;
}
.gim-link:hover{
    opacity: 0.5;
}
.gim-link.gim-link--small{
    /* button/small */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
}
.gim-link.gim-link--large{
    /* button/large */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}
.gim-link--extra-large{
    /* button/extra large */
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
}
/*Ссылки*/

/*Кнопки*/
.gim-btn{
    /* button/small */
	display: flex;
    width: fit-content;
	padding: 12px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--black, #000);
	color: var(--white, #FFF);
    border: 1px solid var(--black, #000);
	text-align: center;
	font-family: 'FranzGrotesque Regular', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 21px */
    text-decoration: none;
    transition-duration: 0.3s;
}
.gim-btn.gim-btn--white{
    background: var(--white);
    color: var(--black, #000);
    border: 1px solid var(--white);
}
.gim-btn.gim-btn--white:hover{
    background: transparent;
    color: var(--white);
    border: 1px solid var(--white);
}
.gim-btn.gim-btn--second{
    background: transparent;
    color: var(--black, #000);
    border: 1px solid var(--black);
}
.gim-btn.gim-btn--second:hover{
    background: var(--black);
    color: var(--white);
    border: 1px solid var(--black);
}
.gim-btn:hover{
    background: transparent;
    color: var(--black, #000);
}
.gim-btn.gim-btn--large{
    /* button/large */
    padding: 20px;
    font-size: 16px;
}
.gim-btn.gim-btn--super-small{
    /* button/super small */
    padding: 5px 10px;
    gap: 7px;
    font-size: 13px; 
}
.gim-border-btn{
    display: flex;
    flex-shrink: 0;
    min-width: 132px;
    width: fit-content;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    background: transparent;
    color: var(--black);
    border: 1px solid var(--black);
    text-align: center;
    font-family: 'FranzGrotesque Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
    text-decoration: none;
    transition-duration: 0.3s;  
}
.gim-border-btn.active, .gim-border-btn:hover{
    color: var(--white);
    background: var(--black);
}
.gim-border-btn:focus{
    font-weight: 400;
}
@media screen and (min-width: 768px) {
    .gim-btn{
        padding: 13px 20px;
        font-size: 14px;
    }
    .gim-btn.gim-btn--large{
        padding: 20px;
        font-size: 16px;
    }
    .gim-btn.gim-btn--super-small{
        padding: 5px 10px;
        font-size: 13px;
    }
}
@media screen and (min-width: 1200px) {
    .gim-btn{
        padding: 13px 20px;
        font-size: 14px;
    }
    .gim-btn.gim-btn--large{
        padding: 20px;
        font-size: 16px;
    }
    .gim-btn.gim-btn--super-small{
        padding: 5px 10px;
        font-size: 13px;
    }
}
@media screen and (min-width: 1600px){
    .gim-btn{
        padding: 13px 20px;
        font-size: 14px;
    }
    .gim-btn.gim-btn--large{
        padding: 20px;
        font-size: 16px;
    }
    .gim-btn.gim-btn--super-small{
        padding: 5px 10px;
        font-size: 13px;
    }
}
/*Кнопки*/

/*Иконки*/
.gim-icon{
    display: flex;
    gap: 5px;
    align-items: center;
    transition-duration: 0.3s;
}
.gim-icon:after{
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.gim-icon--left{
    display: flex;
    gap: 5px;
    align-items: center;
    transition-duration: 0.3s;
    flex-direction: row-reverse;
}
.gim-icon--left:after{
    content: "";
    display: inline-block;
    height: 1rem;
    width: 1rem;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.gim-icon--arrow-right:after{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M3%207.70044C2.58579%207.70044%202.25%208.03623%202.25%208.45044C2.25%208.86465%202.58579%209.20044%203%209.20044V7.70044ZM15.5303%208.98077C15.8232%208.68788%2015.8232%208.213%2015.5303%207.92011L10.7574%203.14714C10.4645%202.85425%209.98959%202.85425%209.6967%203.14714C9.40381%203.44003%209.40381%203.91491%209.6967%204.2078L13.9393%208.45044L9.6967%2012.6931C9.40381%2012.986%209.40381%2013.4608%209.6967%2013.7537C9.98959%2014.0466%2010.4645%2014.0466%2010.7574%2013.7537L15.5303%208.98077ZM3%208.45044V9.20044H15V8.45044V7.70044H3V8.45044Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-icon--ticets:after{
    height: 2rem;
    width: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2227%22%20viewBox%3D%220%200%2026%2027%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17.875%206.95044V7.76294M17.875%2011.0129V11.8254M17.875%2015.0754V15.8879M17.875%2019.1379V19.9504M8.125%2014.2629H13.8125M8.125%2016.7004H11.375M3.65625%206.13794C2.9835%206.13794%202.4375%206.68394%202.4375%207.35669V10.6349C2.93231%2010.9197%203.3433%2011.33%203.62908%2011.8243C3.91485%2012.3186%204.06532%2012.8795%204.06532%2013.4504C4.06532%2014.0214%203.91485%2014.5823%203.62908%2015.0766C3.3433%2015.5709%202.93231%2015.9811%202.4375%2016.266V19.5442C2.4375%2020.2169%202.9835%2020.7629%203.65625%2020.7629H22.3438C23.0165%2020.7629%2023.5625%2020.2169%2023.5625%2019.5442V16.266C23.0677%2015.9811%2022.6567%2015.5709%2022.3709%2015.0766C22.0851%2014.5823%2021.9347%2014.0214%2021.9347%2013.4504C21.9347%2012.8795%2022.0851%2012.3186%2022.3709%2011.8243C22.6567%2011.33%2023.0677%2010.9197%2023.5625%2010.6349V7.35669C23.5625%206.68394%2023.0165%206.13794%2022.3438%206.13794H3.65625Z%22%20stroke%3D%22white%22%20stroke-width%3D%221.625%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");
}
.gim-icon--ticets:hover:after{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2227%22%20viewBox%3D%220%200%2026%2027%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M17.875%206.95044V7.76294M17.875%2011.0129V11.8254M17.875%2015.0754V15.8879M17.875%2019.1379V19.9504M8.125%2014.2629H13.8125M8.125%2016.7004H11.375M3.65625%206.13794C2.9835%206.13794%202.4375%206.68394%202.4375%207.35669V10.6349C2.93231%2010.9197%203.3433%2011.33%203.62908%2011.8243C3.91485%2012.3186%204.06532%2012.8795%204.06532%2013.4504C4.06532%2014.0214%203.91485%2014.5823%203.62908%2015.0766C3.3433%2015.5709%202.93231%2015.9811%202.4375%2016.266V19.5442C2.4375%2020.2169%202.9835%2020.7629%203.65625%2020.7629H22.3438C23.0165%2020.7629%2023.5625%2020.2169%2023.5625%2019.5442V16.266C23.0677%2015.9811%2022.6567%2015.5709%2022.3709%2015.0766C22.0851%2014.5823%2021.9347%2014.0214%2021.9347%2013.4504C21.9347%2012.8795%2022.0851%2012.3186%2022.3709%2011.8243C22.6567%2011.33%2023.0677%2010.9197%2023.5625%2010.6349V7.35669C23.5625%206.68394%2023.0165%206.13794%2022.3438%206.13794H3.65625Z%22%20stroke%3D%22black%22%20stroke-width%3D%221.625%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");    
}

.gim-icon--shop:after{
    height: 38px;
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M23%2011C23%209.93913%2022.5786%208.92172%2021.8284%208.17157C21.0783%207.42143%2020.0609%207%2019%207C17.9391%207%2016.9217%207.42143%2016.1716%208.17157C15.4214%208.92172%2015%209.93913%2015%2011H11V21C11%2021.5304%2011.2107%2022.0391%2011.5858%2022.4142C11.9609%2022.7893%2012.4696%2023%2013%2023H25C25.5304%2023%2026.0391%2022.7893%2026.4142%2022.4142C26.7893%2022.0391%2027%2021.5304%2027%2021V11H23ZM19%208.33333C19.7072%208.33333%2020.3855%208.61428%2020.8856%209.11438C21.3857%209.61448%2021.6667%2010.2928%2021.6667%2011H16.3333C16.3333%2010.2928%2016.6143%209.61448%2017.1144%209.11438C17.6145%208.61428%2018.2928%208.33333%2019%208.33333Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");    
}
.gim-icon--media:after{
    height: 38px;
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M16.3333%2024.3333C16.5109%2024.3293%2016.6875%2024.3608%2016.8527%2024.426C17.0179%2024.4911%2017.1684%2024.5887%2017.2954%2024.7128C17.4225%2024.8369%2017.5234%2024.9852%2017.5923%2025.1489C17.6612%2025.3126%2017.6968%2025.4884%2017.6968%2025.666C17.6969%2025.8436%2017.6614%2026.0194%2017.5926%2026.1831C17.5237%2026.3469%2017.4229%2026.4952%2017.2959%2026.6194C17.169%2026.7436%2017.0185%2026.8412%2016.8533%2026.9064C16.6881%2026.9717%2016.5116%2027.0033%2016.334%2026.9993C15.9856%2026.9916%2015.6541%2026.8479%2015.4104%2026.5988C15.1667%2026.3497%2015.0302%2026.0151%2015.0301%2025.6667C15.0301%2025.3182%2015.1664%2024.9836%2015.41%2024.7344C15.6535%2024.4852%2015.985%2024.3412%2016.3333%2024.3333ZM27%2026.3333V25H18.906C18.9613%2025.214%2019%2025.4353%2019%2025.6667C19%2025.898%2018.9613%2026.1193%2018.906%2026.3333H27ZM13.7607%2026.3333C13.7053%2026.1193%2013.6667%2025.898%2013.6667%2025.6667C13.6667%2025.4353%2013.7053%2025.214%2013.7607%2025H11V26.3333H13.7607ZM17.6673%2015.816V18.1847L19.7393%2017L17.6673%2015.816ZM27%2013V23H11V13C11%2011.8973%2011.8973%2011%2013%2011H25C26.1027%2011%2027%2011.8973%2027%2013ZM22.4267%2017L16.334%2013.518V20.4827L22.4267%2017Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");    
}
.gim-icon--kids:after{
    height: 38px;
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M24.3333%2018C23.8839%2018.0154%2023.4372%2018.0762%2023%2018.1813V17C23%2016.4696%2022.7893%2015.9609%2022.4142%2015.5858C22.0391%2015.2107%2021.5304%2015%2021%2015H19.4853C19.5909%2014.5629%2019.6517%2014.1161%2019.6667%2013.6667C19.6667%2012.9594%2019.3857%2012.2811%2018.8856%2011.781C18.3855%2011.281%2017.7072%2011%2017%2011C16.2928%2011%2015.6145%2011.281%2015.1144%2011.781C14.6143%2012.2811%2014.3333%2012.9594%2014.3333%2013.6667C14.3483%2014.1161%2014.4091%2014.5629%2014.5147%2015H13C12.4696%2015%2011.9609%2015.2107%2011.5858%2015.5858C11.2107%2015.9609%2011%2016.4696%2011%2017V27H15.3573L15.2%2026.3333C15.0875%2025.897%2015.0205%2025.4502%2015%2025C15%2024.4696%2015.2107%2023.9609%2015.5858%2023.5858C15.9609%2023.2107%2016.4696%2023%2017%2023C17.5304%2023%2018.0391%2023.2107%2018.4142%2023.5858C18.7893%2023.9609%2019%2024.4696%2019%2025C18.9795%2025.4502%2018.9125%2025.897%2018.8%2026.3333L18.642%2027H23V23.152C23.4372%2023.2572%2023.8839%2023.3179%2024.3333%2023.3333C25.0406%2023.3333%2025.7189%2023.0524%2026.219%2022.5523C26.719%2022.0522%2027%2021.3739%2027%2020.6667C27%2019.9594%2026.719%2019.2811%2026.219%2018.781C25.7189%2018.281%2025.0406%2018%2024.3333%2018Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");    
}
.gim-icon--frends:after{
    height: 38px;
    width: 38px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2238%22%20height%3D%2238%22%20viewBox%3D%220%200%2038%2038%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M16%2019.6667C15.4067%2019.6667%2014.8266%2019.4907%2014.3333%2019.1611C13.8399%2018.8314%2013.4554%2018.3629%2013.2284%2017.8147C13.0013%2017.2665%2012.9419%2016.6633%2013.0576%2016.0814C13.1734%2015.4995%2013.4591%2014.9649%2013.8787%2014.5453C14.2982%2014.1258%2014.8328%2013.8401%2015.4147%2013.7243C15.9967%2013.6086%2016.5999%2013.668%2017.1481%2013.895C17.6962%2014.1221%2018.1648%2014.5066%2018.4944%2015C18.8241%2015.4933%2019%2016.0733%2019%2016.6667C18.9991%2017.462%2018.6828%2018.2246%2018.1203%2018.787C17.5579%2019.3494%2016.7954%2019.6658%2016%2019.6667ZM21%2024.3333C20.9989%2023.4496%2020.6474%2022.6024%2020.0225%2021.9775C19.3976%2021.3526%2018.5504%2021.0011%2017.6667%2021H14.3333C13.4496%2021.0011%2012.6024%2021.3526%2011.9775%2021.9775C11.3526%2022.6024%2011.0011%2023.4496%2011%2024.3333L11%2027H21V24.3333ZM22.6667%2017C22.0733%2017%2021.4933%2016.8241%2021%2016.4944C20.5066%2016.1648%2020.1221%2015.6962%2019.895%2015.1481C19.668%2014.5999%2019.6086%2013.9967%2019.7243%2013.4147C19.8401%2012.8328%2020.1258%2012.2982%2020.5453%2011.8787C20.9649%2011.4591%2021.4995%2011.1734%2022.0814%2011.0576C22.6633%2010.9419%2023.2665%2011.0013%2023.8147%2011.2284C24.3629%2011.4554%2024.8314%2011.8399%2025.1611%2012.3333C25.4907%2012.8266%2025.6667%2013.4067%2025.6667%2014C25.6658%2014.7954%2025.3494%2015.5579%2024.787%2016.1203C24.2246%2016.6828%2023.462%2016.9991%2022.6667%2017ZM23.6667%2018.3333H20.3333C20.2163%2018.3387%2020.0997%2018.3505%2019.984%2018.3687C19.7416%2018.9295%2019.3836%2019.433%2018.9333%2019.846C19.9109%2020.1226%2020.7716%2020.7103%2021.3852%2021.52C21.9987%2022.3298%2022.3316%2023.3174%2022.3333%2024.3333H27V21.6667C26.9989%2020.7829%2026.6474%2019.9357%2026.0225%2019.3108C25.3976%2018.6859%2024.5504%2018.3344%2023.6667%2018.3333Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E");    
}

/*Карточки*/
.gim-card-event{
    display: flex;
    flex-direction: column;
    background: var(--white);
}
.gim-card-event__content{
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px 10px 10px 10px;
}
.gim-card-event__image{
    --padding: 10px;
    height: 256px;
    width: 100%;
    position: relative;
    flex-shrink: 0;
}
.gim-card-event__image img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.gim-card-event__age{
    position: absolute;
    top: var(--padding);
    right: var(--padding);
    background: var(--gray);
    padding: 10px;
    border-radius: 1000px;
}
.gim-card-event__museum{
    position: absolute;
    bottom: var(--padding);
    left: var(--padding);
    display: flex;
    gap: 5px;
    align-items: center;
    color: var(--white);
}
.gim-card-event__museum:before{
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    background: var(--museum-color);
}
.gim-card-event__top{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.gim-card-event__type{
    padding: 5px 10px;
    border: 1px solid var(--black, #000);
    text-transform: uppercase;
    width: fit-content;
}
.gim-card-event .gim-btn{
    margin-top: auto;
}
@media screen and (min-width: 768px) {
    .gim-card-event__image{
        --padding: 20px;
        height: 313px;
    }
    .gim-card-event__content{
        gap: 15px;
        padding: 15px 20px 20px 20px;
    }
    .gim-event__items > .gim-card-event:first-child {
        grid-column: span 2;
    }
}
@media screen and (min-width: 1200px) {

}
@media screen and (min-width: 1600px){
    .gim-card-event__image{
        --padding: 20px;
        height: 400px;
    }
    .gim-card-event__top{
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .gim-card-event__content{
        gap: 20px;
        padding: 20px;
    }     
}
/*Карточки*/

/*Спецпроекты*/
.gim-specproject{
    padding: var(--block-padding) 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.gim-specproject .gim-h2{
    width: 100%;
    text-align: center;
}
.gim-specproject__items{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    width: 100%;
}
.gim-specproject__item{
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition-duration: 0.3s;
    text-decoration: none;
    color: white;
}
.gim-specproject__item:hover{
    opacity: 0.7;
    color: white;
}
.gim-specproject__items-img{
    width: 100%;
    height: 200px;
}
.gim-specproject__items-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* Скрываем элементы начиная с 4-го на мобильных */
.gim-specproject__item:nth-child(n+4) {
    display: none;
}
.show_all .gim-specproject__item:nth-child(n+4){
    display: flex;
}
.gim-specproject__item.gim-specproject__item--old{
    display: none!important;
}
.show_all .gim-specproject__item.gim-specproject__item--old{
    display: flex!important;
}
.show_all #showAllprojectBtn{
    display: none;
}
@media screen and (min-width: 768px) {
    .gim-specproject{
        gap: 40px;
    }
    .gim-specproject__items{
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .gim-specproject__item:nth-child(n+4) {
        display: flex;
    }
    .gim-specproject .gim-h2{
        width: 100%;
        text-align: left;
    }
    .gim-specproject__items-img{
        height: 185px;
    }
}
@media screen and (min-width: 1200px) {
    .gim-specproject__items-img{
        height: 256px;
    }
}
@media screen and (min-width: 1600px){
    .gim-specproject{
        gap: 50px;
    }
    .gim-specproject__items{
        grid-template-columns: 1fr 1fr 1fr;
        gap: 50px;
    }
    .gim-specproject__items-img{
        height: 251px;
    }
}
/*Спецпроекты*/