body{
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin: 0;

}

h1{
    text-transform: uppercase;
}

a{
    color: #000000;
    text-decoration: none;
}

color{
    color:#FF5A5A;
}

input{
    outline:none;
}

.base-table{
    display: -webkit-flex; 
    display: flex;

    flex-direction:column;

    margin-left: 44px;
    margin-right: 44px;
    margin-bottom: 44px;
}

/*верхний блок */

.table-up{
	display: -webkit-flex;
	display: flex;
	max-width: 1820px;
	text-align: left;
	
}

.index-warning{
	display: flex;
	flex-direction:column;
	align-items: center;
	max-width: 411px;
	height: 911px;
	padding: 13px;
	border: 4px solid #417AF2;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	font-size: 16.5px;
}

.index-services{
    display: -webkit-flex; 
    display: flex;

    flex-direction:column;

    max-width: 352px;
    height: 911px;
}

.index-company{
    display: -webkit-flex; 
    display: flex;

    flex-wrap: wrap;

    min-width:1001px;
    height: 921px;

    margin-left:10px;

    line-height: 14px;
}

/*верхний блок. Работа с текстом в плашкет предупреждения*/

.warning-text-one{
    text-align: center;
}


.warning-text-four{
    color:#417AF2;
    font-weight: 00;
}

/*верхний блок. Работа с пунктами меню*/

.company-block{
    display: -webkit-flex; 
    display: flex; 

    flex-direction:column;
    align-items: center;
    justify-content: center;

    width: 275px;
    height: 261px;

    margin-right:10px;
    margin-bottom: 10px;
    padding: 20px;

    border: 4px solid #FF5A5A;
    border-radius: 20px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.logo{
    max-width:274px;

    margin-bottom:14px;
}

.library-logo{
    width:110px;
}

.gorkov-library-logo{
    width:130px;
}

.library-img{
    display:flex;

    align-items: center;

    min-width: 300px;

    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;

    color: #ffffff;
    background-color: #417AF2;
    border-radius: 20px;
}

.header-block-logo-img{
    display:flex;

    align-items: center;

    max-width: 320px;

    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 1px;

    color: #417AF2
}

.header-block-logo{
    display: flex;

    flex-direction:row-reverse;

    min-width: 1160px;
}

.header-block{
    display: flex;

    align-items: center;

    width: 1820px;

    padding-top: 10px;

    margin-bottom: 10px;
}

/*верхний блок. Работа с боковым меню*/

.services{
    display: -webkit-flex; 
    display: flex;

    flex-direction:column;
    align-items: center;

    padding: 11px;

    border: 4px solid #417AF2;
    border-radius: 20px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); font-size: 14px;
}

.services-pushkin-card{
    margin-top: 10px;
    padding-bottom: 22px;
}

.pushkin-card-header{
    text-transform: uppercase;

    font-size:22px;
}

/*средний блок */

.table-down{
    display: -webkit-flex; 
    display: flex;

    max-width: 1820px;
    height: 216px;

    margin-top:10px;
    margin-bottom:10px;
}

.index-poster{
    display:flex;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-width: 375px;

    margin-right: 10px;
    padding:10px;
    
    border: 4px solid #FF5A5A;
    border-radius: 20px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

    font-size:26px;
    font-weight: bold;
}

.index-search{
    display: flex;

    justify-content: center;
    align-items: center;

    min-width:981px;

    padding:10px;

    border: 4px solid #417AF2;
    border-radius: 20px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.index-card{
    display:flex;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-width:305px;

    padding:10px;
    
    border: 4px solid #FF5A5A;
    border-radius: 20px;

    margin-left:10px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);

    font-size:18px;
    font-weight: bold;
    text-align: center;
}

.card-text{
    width:240px;
}

.poster-logo{
    max-width: 370px;
}

.card-logo{
    max-width: 220px;
}

/*нижний блок */

.index-vlglibrary{
    display: -webkit-flex; 
    display: flex; 

    max-width: 1820px;
    height: 281px;

}

.part{
    display: flex;

    flex-direction: column;
    justify-content: center;
    align-items: center;

    max-width:423px;

    margin-right:10px;
    padding:10px;

    border: 4px solid #FF5A5A;
    border-radius: 20px;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.vlglibrary-letters{
    display: flex;

    justify-content: center;
    align-items: center;
}

.archive-img{
    max-width: 124px;
}

.project-img{
    max-width: 280px;
}

.letters-img{
    max-width:423px;

    border-radius: 20px;
}

.project-img{
    border-radius: 20px;
}

.finance-img{
    min-width: 383px;
}

.search-poisk{
    min-width: 611px;
    height: 60px;

    margin-left: 17px;

    border: none;
}

form.search-poisk input{
    border-bottom: solid 2px #000000;

    font-size: 21px;
}

form.search-poisk button {
    width: 40px;
    height: 40px;
    padding: 10px;
    background-image: url(Vector.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    border: none;
    cursor: pointer;
}