* {padding:0; margin:0; box-sizing:border-box;}
html, body {border:none; font:1.05rem/1.5rem Arial;}
body {padding-top:4rem; counter-reset:nn_c;}
img {border:none; max-width:100%; height:auto; vertical-align:middle;}
div {position:relative; background-color:transparent;}
figure, footer, header, main {display:block; background-color:transparent;}
a:hover {text-decoration:none;}
h1 {font:bold 2rem Arial;}
h2 {font:bold 1.8rem Arial;}
h3 {font:bold 1.6rem Arial;}
h4 {font:bold 1.4rem Arial;}
h5, h6 {font:bold 1.2rem Arial;}
., # p, # p a, . p span {color:#fff;}
., a, . h5 {color:rgb(72, 175, 219);}
., a:hover, a:focus {color:rgb(85, 140, 173);}
., . span {color:rgb(244, 67, 54);;}
., . p em {color:rgb(244, 67, 54, 0.75);}
., body, aside nav a {color:rgb(51, 51, 51);}
. {color:rgb(238, 238, 238);}
., footer, footer a {color:rgba(255, 255, 255, .7);}
. {color:rgb(177, 173, 173);}
., aside, # {background-color:#fff;}
. {background-color:rgb(85, 140, 173);}
., . p span {background-color:rgb(244, 67, 54);;}
. {background-color:rgb(244, 67, 54, 0.75);}
., body {background-color:rgb(238, 238, 238);}
., footer {background:linear-gradient(90deg, rgb(64, 66, 75), rgb(28, 29, 36));}
. {width:100%; margin:0 auto;}
., ., ., . {display:block; clear:both;} 
. {height:0;}
. {height:2rem;}
. {height:4rem;}
. {height:6rem;}
. {max-width:1200px; margin:0 auto;}
aside {position:fixed; z-index:1500; left:0; top:0; width:100%; height:4rem; line-height:4rem; text-align:center; vertical-align:middle;}
aside::after {content:""; position:absolute; z-index:-1; top:100%; bottom:0; width:120%; height:7px; left:-10%; right:-10%; background:radial-gradient(ellipse at 50% -3%, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.0) 50%);}
aside header, aside h5, aside nav {display:inline;}
aside h5 {cursor:pointer;}
aside nav a {margin:0 1rem; text-transform:uppercase; text-decoration:none;}
# {padding:2rem;}
# h1 {margin:2rem 0;}
# p {float:left; clear:none; width:25%; height:25rem; overflow:hidden; box-shadow:0 0 20px rgba(0,0,0,.8);}
# p::before {position:absolute; display:block; content:""; width:25%; height:4rem; z-index:1; background:linear-gradient(180deg, rgba(64, 66, 75, 1), rgba(64, 66, 75, 0));}
# p::after {position:absolute; display:block; content:""; width:25%; overflow:hidden; margin-top:-14rem; height:14rem; z-index:1; background:linear-gradient(0deg, rgba(64, 66, 75, 1), rgba(64, 66, 75, 0));}
# p span {display:block; position:absolute; z-index:100; margin:1rem 0 0 1rem; font-size:85%; max-width:23.5%;}
# p strong {display:block; position:absolute; z-index:100; margin:-9rem 0 0 1rem; font-weight:normal; max-width:23.5%;}
#  p img {height:100%; transition: all 1s ease-in-out;}
# p:hover img, # p:focus img {transform:scale(1.2);}
# {height:25rem; overflow:hidden;}
. {float:left; clear:none; width:66%;}
. div {width:100%; height:20rem; overflow:hidden; border-top:1px solid rgb(177, 173, 173);}
. p {display:block; float:left; clear:none; max-width:70%; max-height:95%; overflow:auto; margin-left:3%; padding:1rem 0;}
. img {display:block; float:left; clear:none; max-width:27%; height:100%;}
. p span {display:inline-block; clear:both; margin:.5rem 0; padding:.2rem .6rem; font-size:80%;}
. p a {display:block; clear:both; font-size:110%; line-height:125%;}
. p i>a {display:inline-block; clear:none; font-size:100%; line-height:120%;}
. p em {display:block; clear:both; margin:1rem 0; padding-left:18px; background:transparent url("images/timeico.jpg") no-repeat 0 50%;}
. {float:left; clear:none; width:31%; margin-left:3%; font-size:85%;}
. ul {list-style-position:inside; list-style:none; margin:1rem 0;}
. ul li {display:block; margin-bottom:1rem; margin-left:1rem; text-transform:uppercase;}
. li::before {content:"»"; padding-right:.3rem;}
. {width:94%; height:6rem; padding:1rem 0; border-top:1px solid rgb(177, 173, 173);}
.:after {counter-increment:nn_c; content:counter(nn_c); border:3px solid #fff; border-radius:50%; color: #fff; background-color:red; font-size:1.2rem; font-weight:bold; margin-top: -12px; line-height:1; padding-top:5px; position:absolute; top:50%; left:-18px; text-align:center; width:30px; height:25px;}
. p {display:block; float:left; clear:none; max-width:66%; max-height:5rem; overflow:hidden; margin-left:5%;}
. img {display:block; float:left; clear:none; max-width:5rem; height:5rem; border:.5rem solid rgb(240, 244, 247); border-radius:50%;}
. span {font-size:80%; display:block; clear:both;}
. {float:left; clear:none; width:46%; margin:0 2%;}
. h5 {text-transform:uppercase; font-weight:normal; margin-bottom:1rem;}
. {padding: 2rem; background-color:rgb(240, 244, 247); box-shadow: 0 0 16px #ccc;}
. {padding:2rem;}
. figure {height:20rem; overflow:hidden; text-align:center; margin:0 0 2rem 0;}
. figure img {height:100%; width:20rem; border:1rem solid #fff; border-radius:50%; background-color:rgb(240, 244, 247);}
. p {display:block; clear:both; margin:1rem 0;}
. {vertical-align:top; column-count:3; column-gap:1rem; padding:2rem 0;}
. p {display:block; width:100%; margin-bottom:1rem; vertical-align:top; padding:2rem; page-break-inside:avoid; background-color:rgb(240, 244, 247); box-shadow: 0 0 16px #ccc;}
. p a {display:block; clear:both; margin-bottom:1rem;}
. p em {display:block; clear:both; margin-top:1rem;}

footer {width:100%; margin:0 auto; padding:3rem 0;}
footer li {margin-bottom:1rem;}

#