/*Обнуление*/
*{padding:0;margin:0;border:0;}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
:focus,:active{outline:none;}
a:focus,a:active{outline:none;}
nav,footer,header,aside{display:block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display:none;}
button{cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
ul li{list-style:none;}
img{vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;}
/*--------------------*/








.wrapper
{
    display: flex;
    min-height: 100%;
    flex-direction: column;
}
.main
{
    flex: 1 1 auto;
}

.container
{
    width: 90%;
    margin: 0 auto;
}
.home .catalog
{
    margin-top: 11%;
}
.catalog__column
{
    display: flex;
    flex-direction: column;
    
}
.catalog__top
{
    display: flex;
    justify-content: center;
}
.catalog__top > p
{
    font-size: 30px;
    font-weight: bold;
    padding: 20px 0px;
}
.catalog__bottom
{
    /* display: flex; */
        display: flex;
    /* justify-content: space-around; */
}
.catalog__box
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.catalog__card
{
    padding: 20px 0px;
    display: flex;
    flex-direction: column;
    flex: 0 0 21%;
}
.catalog__card:hover
{
   
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,.12);
    border-color: #d8d8d8;

}

/* Эфект полоски сверху */
.catalog__card{
    position:relative;
}

.catalog__card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:3px;
    background:#d4af37; /* золотистая */
    transition:.3s;
}

.catalog__card:hover::before{
    width:100%;
}
/* Эфект полоски сверху конец*/


.catalog__picture
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.catalog__mask
{
    display: flex;

}
.catalog__mask img
{
    min-width: 70%;
}
.catalog__mask img:hover
{
    transform: scale(1.05);
}
.catalog__mask > a
{
    justify-content: center;
    display: flex;
    flex: 0 0 100%;
}

.catalog__text
{
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.catalog__name
{
    display: flex;
    justify-content: center;
    /* margin: 20px 0px; */
    margin-top: 10px;
    font-weight: bold;
}
.catalog__name > p
{
    padding: 5px 0px;
    font-size: calc(12px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
    text-align: center;
    /* font-size: 20px; */

}
.catalog__description
{
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
}
.catalog__description > p
{
    padding: 10px 10px;
    /* font-size: 17px; */
    font-size: calc(8px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
.catalog__link
{
    display: flex;
    justify-content: center;
}
.catalog__link > a
{
    text-align: center;
    font-style: italic;
    font-weight: bold;
    color: #404040;
    letter-spacing: 2px;
    border-radius: 20px;
    font-size: calc(7px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
    background: rgb(243 240 130 / 67%);
    display: flex;
    align-self: center;
    padding: 15px 20px;
    justify-self: center;
    margin: 20px 10px;
    /* text-align: center;
    font-style: italic;
    font-weight: bold;
    color: #404040;
    letter-spacing: 2px;
    border-radius: 20px;
    font-size: calc(9px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
    background: rgb(243 240 130 / 67%);
    display: flex;
    align-self: center;
    padding: 15px 20px;
    justify-self: center;
    margin: 20px 0px; */

}
.catalog__link > a:hover
{
 background: rgba(240, 233, 45, 0.67);
 color: black;
}

@media(max-width: 1700px)
{
    .home .catalog
{
    margin-top: 12%;
}
}
@media(max-width: 1200px)
{

.catalog__box
{
justify-content: space-around;
}    
.catalog__card
{
    flex: 0 0 45%;
}
.catalog__name > p
{
    font-size: calc(20px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
.catalog__description > p
{
    font-size: calc(19px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
.catalog__link > a
{
    font-size: calc(18px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
}

@media(max-width: 500px)
{
.map
{
    /* margin-top: 36%; */
}

.catalog__card
{
    flex: 0 0 90%;
}
.catalog__name > p
{
    font-size: calc(30px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
.catalog__description > p
{
    font-size: calc(28px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
.catalog__link > a
{
    font-size: calc(30px + (9 + 9 * 0.7) * ((100vw - 900px) / 1280));
}
}






.home .header__img {
    background: none;
    height: 0px;
    
}
.home .header__container
{
    height: 0px;
}
.home .header__bottom
{
    display: none;
}

.home .header__nav
{
    background: #ffe290;
    border-bottom: 4px solid #d9d9d9;
    padding-bottom: 15px;
    position: fixed;
    z-index: 1111;
    /* height: 20%; */
}

@media(max-width: 1260px)
{
.home .catalog
{
            margin-top: 20%;
}
} 
@media(max-width: 500px)
{

}