:root {
    --black: #0E1533;
    --light: #F7F7FA;
    --gray: #7B849E;
    --links: #455AEB;
    --line: #DEDEED;
    --gold: #C0B493;
}


body {background:#fff; margin:0; padding:0; overflow-x:hidden; position:relative;  }
* {font-family: 'Roboto', sans-serif; /*убираем подветку при клике в мобильном*/ outline: none; -webkit-tap-highlight-color: transparent;}
a {text-decoration:none; color:var(--links);}
p {font-size:16px; color:var(--gray);}
h1, h2, h3 {color:var(--black);}


#wrap900 {max-width:900px; margin:0 auto; width:100%; position:Relative; }
div.padding {padding:20px;}

img.logo {width:170px; position:absolute; top:30px; right:20px; width:140px;}

p.bio {height:300px; overflow:hidden; position:Relative; padding-bottom:50px;}

p.bio::after {cursor:pointer; content:'Читать еще'; color:var(--links); position:absolute; bottom:0px; z-index:10; display:block; width:100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 55.13%); padding:40px 0 0;}
p.bio.open {height:auto; overflow:hidden; position:Relative; padding-bottom:50px;}
p.bio.open::after {display:none;}
p.award {background:url(/img/award.svg) left 5px no-repeat;  background-size:18px; padding-left:36px;}


/*-----mobile------*/


@media screen and (max-width: 425px){
    #wrap1500.clear {max-width:1500px; margin:0 auto; width:100%; position:Relative;}

  
}