#bron{display:block;margin:3% 0 0;text-align:center;padding:3%;border-radius:9px;border:3px solid #554596;background:linear-gradient(188deg,rgba(255,199,153,1)9%,rgba(255,199,153,0)77%,rgba(255,199,153,0)88%,rgba(255,199,153,0)94%);cursor:pointer}
#bron:hover{background:#554596}
.modal{opacity:0;position:absolute;top:8%;padding:8%;transition:opacity 288ms linear 288ms;z-index:4}
.modal_info{background:#554596;padding:3%;border-radius:9px}
.modal_info input{width:95%;margin:1% auto;padding:2%;border-radius:5px;background:#eee}
.modal_info input[type=submit]{width:100%;background:#f57021;color:#eee;text-shadow:1px 1px 1px #000}
.modal_info input[type=submit]:hover{background:brown}
.modal_overlay{background:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;overflow:auto;position:fixed;right:0;top:0;visibility:hidden;z-index:2;transition:opacity 88ms linear}
.display{opacity:1;visibility:visible;color:#eee}
.conceal{visibility:visible}
.btn_container{height:100%;text-align:center}
.btn_container:before{content:'';display:inline-block;height:100%;vertical-align:middle;width:0}
.open_button{transition:opacity 88ms linear}
a.open_button.load{opacity:0}
button.modal_close{background:#554596;border:none;border-radius:50%;color:#eee;cursor:pointer;outline:none;width:50px;height:50px;position:absolute;right:150px;top:150px;transition:transform 288ms}
button.modal_close:hover{background:red;transform:rotate(360deg)scale(1.1);transition:transform 288ms}
button.modal_close span,span:before,span:after{background:#eee;content:'';cursor:pointer;display:block;height:2px;position:absolute;width:20px}
button.modal_close span:first-child{background:none;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}
button.modal_close span:before{transform:rotate(45deg)}
button.modal_close span:after{transform:translatey(-2px)rotate(-45deg);top:2px}

@media (max-width:900px){
#bron{border:2px solid #ccc;border-radius:6px;background:none;box-shadow:3px 3px 8px #888}
button.modal_close{right:35px;top:35px}
}

#g1 img{display:inline;max-height:350px}

.i{margin:30px auto;text-align:center}
#k{background:url(/i/metro.svg)}
.f{background:url(/i/metro-f.svg)}
#k,.f{padding:0 0 0 26px;background-repeat:no-repeat}
#ia b,#ie b,#q{display:block}
#ia{width:100%;height:444px;background:url(/i/ial.svg)}
#ia b{float:right;width:432px;height:100%;background:url(/i/iap.svg)}
/*
#ib a,#id p,#ie a,#if a{border-radius:9px;border:4px solid #f57021;box-shadow:5px 5px 5px #ccc}
*/
#ib a,#id p,#ie a,#if a{border-radius:33px;border:18px double #f57021;box-shadow:3px 3px 13px #888}
#ib a,#ic a,#ie a,#if a{display:inline-table;width:15%;margin:1%;text-align:center;background-position:50% 9%}
#ib a,#ic a,#ie a{padding:80px 2% 2%}
#ib a,#ie a,#if a,#ic a,#ot>*{font-size:12pt}
#ib a,#ic a,#ie a,#if a{text-decoration:none}
#ib a{min-height:120px}
#ie a{min-height:122px}

#ic a{min-height:0}
#ic1{background:url(/i/ic1.svg)}
#ic2{background:url(/i/ib1.svg)}
#ic3{background:url(/i/ib2.svg)}
#ic4{background:url(/i/ib5i.jpg)}/*#ic4{background:url(/i/ib5.svg)}*/

#ib1{background:url(/i/ib1.svg)}
#ib2{background:url(/i/ib2.svg)}
#ib3{background:url(/i/ib3.svg)}
#ib4{background:url(/i/ib4.svg)}
#ib5{background:url(/i/ib5i.jpg)}/*#ib5{background:url(/i/ib5.svg)}*/
#ib6{background:url(/i/ib6.svg)}
#ib7{background:url(/i/ib7.svg)}
#ib8{background:url(/i/ib8.svg)}

#id p,.i li{text-align:left}

#ie b{margin:8px 0}
#ie1{background:url(/i/ie1.svg)}
#ie2{background:url(/i/ie2.svg)}
#ie3{background:url(/i/ie3.svg)}
#ie4{background:url(/i/ib1.svg)}

#if a{padding:99px 2% 2%;min-height:40px}
#if1{background:url(/i/01.p)}
#if2{background:url(/i/02.p)}
#if3{background:url(/i/ib1.svg)}
#if4{background:url(/i/03.p)}

#ia,#ia b,#ib a,#ic a,#ie a,#if a{background-repeat:no-repeat}

@media (max-width:1100px){
#ia{display:none}
#ib a,#ie a,#if a,#ic a{font-size:10pt}
#ib a,#ie a{min-height:99px}
}

@media (max-width:900px){
#ib a,#ic a,#ie a,#if a{display:block;width:94%;margin:3% 0;min-height:auto;border:2px solid #ccc;border-radius:6px;box-shadow:3px 3px 8px #888}
#ot div{min-height:auto}
}