@font-face{font-family:Consulate;src:local("Arial");font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:#5d5d65;font-family:Consulate,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{color:#9b9b9b}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:8px}
.skip:focus{left:8px;z-index:10}
.site-header{width:980px;max-width:calc(100% - 32px);margin:0 auto}
.brand{height:202px;display:flex;align-items:flex-start}
.crest{width:174px;height:196px;object-fit:contain;display:block}
.titles{padding-top:84px;margin-left:56px;white-space:nowrap}
.site-title{font-size:31px;line-height:1.15;color:#56565f;font-weight:400}
.subtitle{font-size:16px;color:#62626a;margin-top:3px;letter-spacing:.01em}
.main-nav{height:95px;display:flex;justify-content:center;align-items:flex-start}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav>ul{display:flex;gap:43px}
.nav-item{position:relative}
.nav-item>a{display:block;padding:34px 0 18px;font-size:14px;color:#9a9a9e;white-space:nowrap}
.nav-item>a.active,.nav-item>a:hover{color:#2c2c31}
.nav-item>a.active::after{content:"";display:block;width:18px;height:1px;background:#777;margin:7px auto 0}
.dropdown{position:absolute;left:50%;top:68px;transform:translateX(-50%);display:none;min-width:186px;background:#fff;border:1px solid #efefef;box-shadow:0 6px 18px rgba(0,0,0,.08);z-index:5;padding:8px 0!important}
.has-children:hover .dropdown,.has-children:focus-within .dropdown{display:block}
.dropdown a{display:block;padding:8px 17px;font-size:13px;color:#999;white-space:nowrap}
.dropdown a:hover,.dropdown a.active{color:#222;background:#fafafa}
.content{width:680px;max-width:calc(100% - 32px);min-height:335px;margin:0 auto;padding-top:28px;color:#55565d;font-size:15px;line-height:1.68}
.content p{margin:0 0 16px}
.content h1{font-size:23px;line-height:1.25;font-weight:400;margin:0 0 28px;color:#4d4e56}
.content h2{font-size:18px;line-height:1.35;font-weight:500;margin:34px 0 14px;padding-top:22px;border-top:1px solid #ededed;color:#4d4e56}
.content h3{font-size:16px;line-height:1.4;font-weight:500;margin:24px 0 10px;color:#4d4e56}
.content a{text-decoration:underline}
.content ul,.content ol{margin:2px 0 24px 24px;padding:0}
.content li{margin:0 0 11px;padding-left:4px}
.fee-table{width:100%;border-collapse:collapse;margin:4px 0 8px;font-size:15px}
.fee-table th,.fee-table td{padding:10px 0;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;vertical-align:top}
.fee-table th{width:58%;font-weight:500;text-align:left;color:#4d4e56}
.fee-table td{text-align:right;color:#55565d}
.small-note{font-size:13px;color:#85858b;margin-top:0!important}
.info-block,.contact-block{border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:16px 0;margin:4px 0 24px}
.info-block p,.contact-block p{margin-bottom:8px}
.info-block p:last-child,.contact-block p:last-child{margin-bottom:0}
.info-block span,.contact-block span{display:inline-block;min-width:92px;color:#4d4e56;font-weight:500}
.contact-block p{display:grid;grid-template-columns:92px 1fr;column-gap:18px}
.contact-block span{display:block;min-width:0}
.home .content{text-align:center;width:720px;padding-top:4px;font-size:18px}
.welcome{font-size:20px;line-height:1.5;color:#595a62;margin-top:0}
.welcome p{margin-bottom:22px}
.notice{margin-top:66px;color:#a54830;font-size:16px;line-height:1.35}
.notice p{margin-bottom:19px}
.facebook-note{font-size:15px;margin-top:53px!important;color:#56565f}
.facebook img{width:25px;height:25px}
.honorary .content{width:886px;padding-top:102px;font-size:14px;line-height:1.52}
.honorary .content h1{font-size:18px;margin-bottom:20px}
.honorary .content p{margin-bottom:14px}
.portrait{width:331px;height:467px;object-fit:cover;float:left;margin:4px 32px 20px 0}
.wide-photo{width:600px;height:400px;object-fit:cover;display:block;margin:0 auto}
.image-only .content{padding-top:98px}
.country-photo .content{text-align:center;padding-top:102px}
.photo-with-caption{margin:0 auto 42px}
.about-page .content{width:886px;padding-top:82px;font-size:14px;line-height:1.52}
.about-page .content h1{font-size:18px;margin-bottom:20px}
.about-page .content p{margin-bottom:14px}
.about-photo{float:left;width:286px;margin:4px 34px 20px 0}
.photo-with-caption figcaption{font-size:14px;line-height:1.45;color:#55565d;margin-top:12px}
.ambassador-image{width:430px;max-width:100%;height:auto;display:block;margin:0 auto}
.country-image{width:400px;height:266px;object-fit:cover;display:block;margin:0 auto 24px}
.caption{font-size:14px;margin-bottom:10px!important}
.footer{width:680px;max-width:calc(100% - 32px);margin:52px auto 34px;color:#55565d;font-size:14px;text-align:left}
.footer a{margin-right:18px}
.footer p{margin:0 0 7px}
@media (max-width:760px){
  .site-header{max-width:calc(100% - 24px)}
  .brand{height:auto;min-height:150px;align-items:center;padding-top:12px}
  .crest{width:108px;height:auto}
  .titles{padding-top:0;margin-left:18px;white-space:normal}
  .site-title{font-size:22px}
  .subtitle{font-size:13px}
  .main-nav{height:auto;justify-content:flex-start;overflow:visible;margin:16px 0 28px}
  .main-nav>ul{display:grid;grid-template-columns:1fr;gap:0;width:100%}
  .nav-item>a{padding:10px 0}
  .nav-item>a.active::after{margin:7px 0 0}
  .dropdown{position:static;transform:none;display:block;border:0;box-shadow:none;padding:0 0 8px!important}
  .dropdown a{padding:5px 0 5px 12px}
  .content,.home .content,.footer{width:auto;max-width:calc(100% - 24px)}
  .fee-table th,.fee-table td{display:block;width:100%;text-align:left}
  .fee-table td{padding-top:0;border-top:0}
  .contact-block p{grid-template-columns:1fr;row-gap:2px}
  .home .content{text-align:left;font-size:16px}
  .notice{margin-top:38px}
  .about-photo{float:none;width:100%;margin:0 0 22px}
  .portrait{float:none;width:min(331px,100%);height:auto;margin:0 0 22px}
  .wide-photo,.country-image{width:100%;height:auto}
}