@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@300;400;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Open+Sans:ital,wght@0,300;1,300&family=Roboto+Slab&family=Roboto:ital,wght@0,300;0,400;1,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2? Family= Montserrat:wght@400;700 & Family= Open+Sans:ital,wght@0,300;1,300 & Family= Playfair+Display: wght@400;500 & Family= Roboto+Slab & Family= Roboto:ital,wght@0,300;0,400;1,700 & display=swap');


body{
	margin: 0;
    padding: 0 10px 10px 10px;
}

.fon{
	width: 100vw;
    height: 100vh;
/*    background-image: url(../img/fon_6.jpg);*/
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background: #ebc59d;
/*    opacity: 70%;*/
}

.tia_visitka {
    height: calc(100vh - 20px);
}


.conteiner_0 {
    max-width: 390px;
    width: 100%;
    height: 80vh;
    margin: auto;
    /* background: #ffff0021; */
    /* padding-top: 5%; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    grid-gap: 5%;
}

.foto {
/*    padding-bottom: 4%;*/
}

.foto_1 {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-image: url("../img/polina_3.JPG");
    background-size: 150%;
    background-repeat: no-repeat;
    background-position-x: -58px;
    background-position-y: -60px;
}

.name{
	font-family: "Playfair Display";
	font-size: 50px;
	font-weight: 700;
    line-height: 110%;
    text-align: center;
	color: #320467;
/*	padding-top: 4%;*/
}

.job{
	font-family: "Raleway", serif;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color:#320467;
    padding-top: 4%;
}

/*_________________________________*/

.conteiner_1 {
     max-width: 390px; 
    /* width: 30vh; */
    height: 8vh;
    margin: auto;
    /* padding-top: 20%; */
    /* text-align: center; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.record {
    width: 45%;
    /* text-align: center; */
    background: #9C78C3;
    display: flex;
    align-items: center;
    border-radius: 20px;
    /* margin-bottom: 5%; */
    height: 100%;
    font-family: "Raleway", serif;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    justify-content: space-around;
}



/*_____________________________________*/

.conteiner_2 {
    max-width: 390px;
    width: 100%;
    margin: auto;
    padding-top: 10%;
}

.tlgrm_0{
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 380px;
    width: 100%;
    padding-left: 3%;
}

.conteiner_21, .conteiner_22, .conteiner_23, .conteiner_24{
	background: white;
    display: flex;
    align-items: center;
    border-radius: 20px;
    justify-content: space-around;
    margin-bottom: 5%;
    background: #F3EEEC;
}

.icon_t img{
	width: 55px;
    padding-top: 7%;
    border-radius: 50%;
}

.icon_s_t img, .icon_s_v img, .icon_s_w img, .icon_s_m img{
	width: 20px;
}


.tlgrm{
	font-family: "Raleway", serif;
    font-size: 20px;
    padding-left: 10%;
    color: #1B1C1E;
}

.icon_t_22 img{
	width: 55px;
    padding-top: 7%;
    border-radius: 50%;
}

/*______________________________________*/


.conteiner_3{
	max-width: 390px;
	width: 100%;
	margin: auto;
	padding-top: 3%;

}
.conteiner_31{
	background:  #9c78c3;
/*    height: 85px;*/
    display: flex;
    align-items: center;
    border-radius: 20px;
    justify-content: space-around;
    margin-bottom: 5%;
    width: 100%;    
}

.conteiner_32{
	background: #9c78c3;
    border-radius: 20px;
/*    height: 85px;*/
    display: flex;
    align-items: center;
    border-radius: 20px;
    justify-content: space-around;
    margin-bottom: 5%;
}
.conteiner_33{
	display: flex;
    justify-content: space-around;
    padding-top: 4%;
}

.conteiner_33 img{
	width: 70px;
}

/*____________________________________*/

.conteiner_4 {
    max-width: 390px;
    width: 100%;
    margin: auto;
    /* margin-top: 9%; */
    position: relative;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}



.work{
    font-family: "Playfair Display";
    font-size: 35px;
    text-align: center;
    font-weight: 700;
    padding-top: 2%;
    color: #734AA0;
    margin-bottom: 10%;
}


.tab_0, .tab_01, .tab_02, .tab_03 {
    background: #f3eeec;
    color: #000000;
    font-family: "Raleway", serif;
    font-size: 16px;
    line-height: 120%;
    max-width: 390px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 5%;
}

.tab_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 4%;
    align-items: center;
    width: 100%;
    padding-left: 5%;
}

.tab_1 img {
    max-width: 20px;
}

.tab_11{
	color: #000000;
/*    min-height: 48px;*/
}

.tab_13{
	padding-top: 4%;
}

.icon_t_33 img{
    width: 30px;    
}

.icon_t_33 {
    display: flex;
    justify-content: space-between;
    padding-top: 5%;
}

.tab_13 .tab_1{
	color: #1B1C1E;
}


/*---------- для аккардеона -------------*/

.tia_collapse {
	display: none;
}

.accordion_header.expanded {
	background: #e3d1b0;
}

.accordion_header .icon_tab img {
	transition: transform 0.3s;
}

.accordion_header.expanded .icon_tab img {
	transform: rotate(90deg);
}

.accordion_header {
    min-height: 78px;
    display: flex;
    align-items: center;
}

.accordion_body {
    padding: 5%;
}

/*---------- конец для аккардеона -------------*/


/*---------- карусель -------------*/
.slider img {
     width: unset !important; 
    /* height: 100%; */
    max-width: 100%;
    max-height: 260px;
    margin: auto;
}

/*---------- конец карусель -------------*/


.icon_tab img{
	width: 15px;
}


/*____________________________________________________*/

.serf {
    font-family: "Playfair Display";
    font-size: 35px;
    line-height: 110%;
    font-weight: 700;
    padding-top: 2%;
    text-align: center;
    margin-bottom: 5%;
}

.document{
	max-width: 390px;
	width: 100%;
	margin: auto;
	margin-top: 10%;
	color: #734AA0;
}

.doc_1 img{
	width: 390px;
}

.doc_2 img{
	width: 190px;
}