* {padding:0; margin:0; box-sizing:border-box;} html, body {border:none; font:100%/145% Arial;} img {border:none; max-width:100%; height:auto; vertical-align:middle;} div {display:block; position:relative; background-color:transparent;} figure, footer, header, main, aside {display:block;} a:hover {text-decoration:none;} h1 {font:190% Arial; font-weight:500;} h2 {font:170% Arial; font-weight:500;} h3 {font:150% Arial; font-weight:500;} h4 {font:130% Arial; font-weight:400;} h5, h6 {font:110% Arial; font-weight:300;} .clp1, .plc8 p, .plc8 p a, .plc9 p, .plc9 p a, #idpl3 ul li a:hover {color:#fff;} .clp2, a, .plc7 div strong {color:rgb(242, 5, 5);} .clp3, a:hover {color:rgba(242, 5, 5, 0.75);} .clp4 {color:rgb(10, 33, 64);;} .clp5 {color:rgba(10, 33, 64, 0.75);} .clp6, body, .plc7 div a, #idpl3 ul li a {color:rgb(20, 20, 20);} .clp7, aside, aside a, aside a:hover, footer, footer a, footer a:hover, #_DIV_ID_6, #_DIV_ID_6 a, #_DIV_ID_6 a:hover {color:rgb(249, 249, 249);} .clp8, .plc7 div span, #idpl6 em {color:rgb(10, 33, 64);} .clp10, .plc7 div em {color:rgb(221, 94, 45);} .bgplc1 {background-color:#fff;} .bgplc2 {background-color:rgb(242, 5, 5);} .bgplc3, #idpl3 ul li a:hover, .plc11 a {background-color:rgb(10, 33, 64);;} .bgplc4, #idpl4 {background-color:rgb(249, 249, 249);} .bgplc5 {background-color:rgb(10, 33, 64);} .plc1, main {width:100%; margin:0 auto;} .plc2 {display:block; clear:both;} .plc3 {display:block; clear:both; height:2rem;} .plc4, #idpl3 ul, aside section:first-child {max-width:1440px; margin:0 auto;} .plc5 {float:left; clear:none; width:70%; padding:2rem 0;} .plc6 {float:left; clear:none; width:27%; margin-left:3%; padding:2rem 0;} .plc7 {display:flex; flex-wrap:wrap; justify-content:center; padding:0 1rem;} .plc7 div {width:50%; padding:2rem 0;} .plc7 div:nth-of-type(odd) {padding-right:1rem;} .plc7 div:nth-of-type(even) {padding-left:1rem;} .plc7 p {overflow:hidden;} .plc7 div a {display:block; float:left; clear:both; text-decoration:none;} .plc7 div strong {display:block; clear:none; font-weight:normal; text-decoration:underline; margin:0 0 1rem 0; font-size:110%;} .plc7 div strong:hover {text-decoration:none;} .plc7 div a img {display:block; float:left; clear:none; width:8rem; height:8rem; margin:0 1.5rem 1.5rem 0;} .plc7 div em, .plc7 div span {display:block; float:right; clear:both; font-size:85%;} .plc8 {float:left; clear:none; width:66%; max-height:36rem; overflow:hidden; border-top:1px solid #fff; border-bottom:1px solid #fff;} .plc9 {float:left; clear:none; width:33%; max-height:12rem; overflow:hidden; margin-left:1%; border-top:1px solid #fff; border-bottom:2px solid #fff;} .plc8 img, .plc9 img {width:100%;} .plc8 p, .plc9 p {position:absolute; display:block; clear:both; overflow:hidden; width:100%; height:8rem; padding:2rem 1rem 0 1rem; bottom:0; z-index:500; color:#fff; background-color:rgba(0, 0, 0, 0.25);} .plc8:before, .plc9:before {display:block; content:""; position:absolute; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.75));} .plc8 p a, .plc9 p a {text-decoration:none;} .plc10 img {cursor:pointer;} .plc11 a {color:#fff !important;} aside {position:fixed; top:0; left:0; width:100%; line-height:2.5rem; height:2.5rem; vertical-align:middle; text-align:right; z-index:1500; box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 8px -3px; font-size:85%; background:linear-gradient(to top, rgb(242, 75, 89), rgb(140, 35, 44));} aside section:first-child {padding:0 .5rem;} aside header, aside h5, aside nav, #idpl3 li {display:inline-block; clear:none; vertical-align:middle;} aside a {margin-left:1rem;} #idpl1 {padding:4.5rem .5rem 1.5rem .5rem;} #idpl1 h1 {display:inline-block; clear:none; vertical-align:middle; margin-left:2rem; max-width:41%;} #idpl2 {display:inline-block; clear:none; vertical-align:middle; max-width:29%;} #idpl3 {padding-top:1rem; border-top:thin solid #ccc; border-bottom:thin solid #ccc; font-size:75%;} #idpl3 li {margin:0 0 1rem .5rem;} #idpl3 ul li a {text-transform:uppercase; padding:1rem .5rem;} #idpl4 {padding:2rem 0;} #idpl5 h2 {margin:1.5rem 1rem;} #idpl6 {padding:0 1rem;} #idpl6 h1 {margin-bottom:2rem;} #idpl6 figure {float:left; clear:none; width:35%; max-height:20rem; overflow:hidden; margin-right:2%;} #idpl6 figure img {width:100%;} #idpl6 div {float:left; clear:none; width:63%; overflow:hidden;} #idpl6 em {display:block; clear:both; margin-bottom:1rem; font-size:85%;} #idpl6 i {display:block; float:right; clear:both; margin-top:1rem; font-size:85%;} #idpl7 {padding:2.5rem .5rem .5rem .5rem;} #_DIV_ID_4 {visibility:hidden;} #_DIV_ID_5 {display:none; position:fixed; top:2.7rem; right:.2rem; cursor:pointer; z-index:6000;} #_DIV_ID_6 {display:none; position:fixed; z-index:5500; top:0; right:0; width:100%; height:0; overflow:hidden; background-color:#666; transition:height .4s ease 0s;} #_DIV_ID_6 ul {width:100%; height:100%; overflow:auto; padding:1.5rem; list-style-position:inside;} #_DIV_ID_6 li {margin-bottom:2rem;} footer {text-align:center; padding:1.5rem 0.5rem; font-size:85%; background:linear-gradient(to top, rgb(242, 75, 89), rgb(140, 35, 44));} form {width:100%;} input[type="text"], input[type="password"] {width:70%; height:2.5rem; padding:.2rem .6rem; margin:.5rem 0; font-size:1.25rem; font-weight:300; text-align:left; border-radius:5px; border:1px solid rgb(242, 5, 5); clear:none; vertical-align:middle;} textarea {width:70%; height:8em; padding:.2rem .6rem; margin:.5rem 0; font-size:1.3rem; font-weight:300; text-align:left; border-radius:5px; border:1px solid rgb(242, 5, 5); clear:none;} input[type="submit"] {display:inline-block; clear:none; padding:.5rem 1.2rem; margin:.5rem 0; font-size:1rem; font-weight:300; border-radius:5px; border:2px solid rgb(242, 5, 5); color:#fff; background-color:rgb(242, 5, 5); cursor:pointer; vertical-align:middle;} @media screen and (min-width:1921px) { html, body {font:105%/150% Arial;} } @media screen and (max-width:960px) { .plc7 div {width:100%; padding:2rem 0 !important;} #idpl1 h1 {max-width:55%;} } @media screen and (max-width:800px) { #idpl2 {max-width:21%;} #idpl1 h1 {max-width:65%;} .plc8 {float:none; display:block; clear:both; width:100%; max-height:20rem; } .plc9 {width:33%; max-height:16rem; margin-left:0.3%; } } @media screen and (max-width:600px) { #idpl2 {max-width:19%;} #idpl1 h1 {max-width:75%;} .plc9 {width:100%; max-height:12rem; margin-left:0; } } @media screen and (max-width:480px) { #_DIV_ID_5, #_DIV_ID_6 {display:block;} #idpl3 {display:none;} }