/* === GENERAL === */

body { background: #f9faff; color: #666; font-family: arial,helvetica,sans-serif; font-size: 16px; margin: 0; padding: 0; text-align: left; }
a, a:visited { color: #059aff; text-decoration: none; outline: none; word-wrap: break-word; }
a:active, a:hover { text-decoration: underline; }
form { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-family: Oswald,arial,helvetica,sans-serif; margin: 0; padding: 0; }
h1 { color: #333; font-size: 24px; font-weight: 700; }
h2 { color: #000; font-size: 18px; font-weight: 700; }
h3 { font-size: 16px; font-weight: 700; }
iframe { border: none; overflow: hidden; }
img { border: none; }

.columns { display: table; width: 1140px; margin: 0 auto; }
.column { display: table-cell; vertical-align: top; }
.content { display: table-cell; width: 740px; vertical-align: top; }
.sidebar { display: table-cell; width: 400px; vertical-align: top; }

.col-4-4 { width: 100%; }
.col-4-1 { width: 25%; }

.block200 { height: 200px; }
.block150 { height: 150px; }
.block140 { height: 140px; }
.block100 { height: 100px; }
.block90 { height: 90px; }
.block80 { height: 80px; }
.block70 { height: 70px; }
.block60 { height: 60px; }
.block50 { height: 50px; }
.block40 { height: 40px; }
.block30 { height: 30px; }
.block20 { height: 20px; }
.block10 { height: 10px; }
.block8 { height: 8px; }

.mb60 { margin-bottom: 60px; }
.mb50 { margin-bottom: 50px; }
.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }

.center_text { text-align: center; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.elem-center { margin: 0 auto; }
.elem-left { float: left; }
.elem-right { float: right; }
.elem-inline { display: inline-block; }
.elem-top { vertical-align: top; }
.elem-middle { vertical-align: middle; }
.elem-hidden { display: none; }

.text24 { font-size: 24px; }
.text20 { font-size: 20px; }
.text18 { font-size: 18px; }
.text16 { font-size: 16px; }
.text14 { font-size: 14px; }
.text12 { font-size: 12px; }
.text11 { font-size: 11px; }
.text10 { font-size: 10px; }

.text-black { color: #000; }
.text-darkgray { color: #333; }

.box468x60  { width: 468px; height: 60px;  }
.box300x360 { width: 300px; height: 360px; }
.box300x290 { width: 300px; height: 290px; }
.box300x250 { width: 300px; height: 250px; }
.box300x130 { width: 300px; height: 130px; }
.box300x50  { width: 300px; height: 50px;  }
.box280x140 { width: 280px; height: 140px; }
.box280x100 { width: 280px; height: 100px; }
.box250x350 { width: 250px; height: 350px; }
.box250x250 { width: 250px; height: 250px; }
.box250x140 { width: 250px; height: 140px; }
.box250x100 { width: 250px; height: 100px; }
.box160x600 { width: 160px; height: 600px; }

.pagetop { margin-top: 64px; }
.mobile_only { display: none; }


/* === HEADER === */

header.topnav { background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.5); height: 64px; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; }
header.topnav a { color: #000; }
header.topnav a, header.topnav a:active, header.topnav a:hover, header.topnav a:visited { text-decoration: none; }
header.topnav nav { background-color: #fff; height: 64px; position: relative; width: 100%; z-index: 12; }
header.topnav nav .logo { font-family: Oswald,arial,helvetica,sans-serif; font-size: 24px; height: 64px; left: 20px; line-height: 64px; position: absolute; top: 0; width: 264px; }
header.topnav nav .logo img { margin: 10px 8px 0 0; vertical-align: -14px; }
header.topnav nav ul.menu { list-style-type: none; margin: 0 0 0 264px; padding: 0 10px; text-align: left; }
header.topnav nav ul.menu li { display: inline-block; }
header.topnav nav ul.menu li a { color: #000; display: inline-block; height: 64px; line-height: 64px; padding: 0 15px; }
header.topnav nav ul.menu li a:hover { background-color: #ddd; color: #059aff; }
header.topnav nav ul.menu li a.home { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMjMuNDc3LDEzLjY1MCBDMjMuMjg2LDEzLjgyNSAyMy4wNDYsMTMuOTEyIDIyLjgwNywxMy45MTIgQzIyLjUzOCwxMy45MTIgMjIuMjcxLDEzLjgwNCAyMi4wNzUsMTMuNTg5IEwyMS44MTUsMTMuMzAzIEwyMS44MTUsMjEuODg1IEMyMS44MTUsMjIuOTg0IDIwLjkyNSwyMy44NzggMTkuODMyLDIzLjg3OCBMMTUuODY1LDIzLjg3OCBDMTUuMzE4LDIzLjg3OCAxNC44NzQsMjMuNDMyIDE0Ljg3NCwyMi44ODEgQzE0Ljg3NCwyMi44MjUgMTQuODk3LDIyLjc3NSAxNC45MDYsMjIuNzIxIEwxNC45MDYsMTUuODc1IEw4LjkyNCwxNS45MDUgTDguOTI0LDIyLjg4MSBDOC45MjQsMjMuNDMyIDguNDgwLDIzLjg3OCA3LjkzMywyMy44NzggTDMuOTY2LDIzLjg3OCBDMi44NzMsMjMuODc4IDEuOTgzLDIyLjk4NCAxLjk4MywyMS44ODUgTDEuOTgzLDEzLjMwMyBMMS43MjMsMTMuNTg5IEMxLjM1MywxMy45OTQgMC43MjUsMTQuMDIyIDAuMzIyLDEzLjY1MCBDLTAuMDgyLDEzLjI3OCAtMC4xMDksMTIuNjQ4IDAuMjYxLDEyLjI0MiBMMTEuMTY4LDAuMjgzIEMxMS41NDQsLTAuMTI5IDEyLjI1NCwtMC4xMjkgMTIuNjMwLDAuMjgzIEwyMy41MzcsMTIuMjQyIEMyMy45MDcsMTIuNjQ4IDIzLjg4MCwxMy4yNzggMjMuNDc3LDEzLjY1MCBaTTE5LjkwNiwxMS4yMTAgTDExLjg5OSwyLjQzMSBMMy45MDYsMTEuMTk1IEwzLjkwNiwyMS44NzUgTDYuOTQxLDIxLjg4MiBMNi45NDEsMTUuOTA1IEM2Ljk0MSwxNC44MDYgNy44MzEsMTMuOTEyIDguOTI0LDEzLjkxMiBMMTQuODc0LDEzLjkxMiBDMTUuOTY4LDEzLjkxMiAxNi44NTcsMTQuODA2IDE2Ljg1NywxNS45MDUgTDE2Ljg1NywyMS44ODIgTDE5LjkwNiwyMS44NzUgTDE5LjkwNiwxMS4yMTAgWiIvPjwvc3ZnPg==") no-repeat center center; background-size: 20px 20px; padding: 0; width: 50px; }
header.topnav nav ul.menu li a.home:hover { background: #ddd url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjMDU5YWZmIiBkPSJNMjMuNDc3LDEzLjY1MCBDMjMuMjg2LDEzLjgyNSAyMy4wNDYsMTMuOTEyIDIyLjgwNywxMy45MTIgQzIyLjUzOCwxMy45MTIgMjIuMjcxLDEzLjgwNCAyMi4wNzUsMTMuNTg5IEwyMS44MTUsMTMuMzAzIEwyMS44MTUsMjEuODg1IEMyMS44MTUsMjIuOTg0IDIwLjkyNSwyMy44NzggMTkuODMyLDIzLjg3OCBMMTUuODY1LDIzLjg3OCBDMTUuMzE4LDIzLjg3OCAxNC44NzQsMjMuNDMyIDE0Ljg3NCwyMi44ODEgQzE0Ljg3NCwyMi44MjUgMTQuODk3LDIyLjc3NSAxNC45MDYsMjIuNzIxIEwxNC45MDYsMTUuODc1IEw4LjkyNCwxNS45MDUgTDguOTI0LDIyLjg4MSBDOC45MjQsMjMuNDMyIDguNDgwLDIzLjg3OCA3LjkzMywyMy44NzggTDMuOTY2LDIzLjg3OCBDMi44NzMsMjMuODc4IDEuOTgzLDIyLjk4NCAxLjk4MywyMS44ODUgTDEuOTgzLDEzLjMwMyBMMS43MjMsMTMuNTg5IEMxLjM1MywxMy45OTQgMC43MjUsMTQuMDIyIDAuMzIyLDEzLjY1MCBDLTAuMDgyLDEzLjI3OCAtMC4xMDksMTIuNjQ4IDAuMjYxLDEyLjI0MiBMMTEuMTY4LDAuMjgzIEMxMS41NDQsLTAuMTI5IDEyLjI1NCwtMC4xMjkgMTIuNjMwLDAuMjgzIEwyMy41MzcsMTIuMjQyIEMyMy45MDcsMTIuNjQ4IDIzLjg4MCwxMy4yNzggMjMuNDc3LDEzLjY1MCBaTTE5LjkwNiwxMS4yMTAgTDExLjg5OSwyLjQzMSBMMy45MDYsMTEuMTk1IEwzLjkwNiwyMS44NzUgTDYuOTQxLDIxLjg4MiBMNi45NDEsMTUuOTA1IEM2Ljk0MSwxNC44MDYgNy44MzEsMTMuOTEyIDguOTI0LDEzLjkxMiBMMTQuODc0LDEzLjkxMiBDMTUuOTY4LDEzLjkxMiAxNi44NTcsMTQuODA2IDE2Ljg1NywxNS45MDUgTDE2Ljg1NywyMS44ODIgTDE5LjkwNiwyMS44NzUgTDE5LjkwNiwxMS4yMTAgWiIvPjwvc3ZnPg==") no-repeat center center; background-size: 20px 20px; padding: 0; width: 50px; }
header.topnav nav label.mobilemenu-icon { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+DQo8cGF0aCBmaWxsPSIjMjMxZjIwIiBkPSJNMTUzLjM3LDIwNC44SDM1OC40NmExNy4wNywxNy4wNywwLDAsMCwwLTM0LjEzSDE1My4zN2ExNy4wNywxNy4wNywwLDAsMCwwLDM0LjEzWiIvPg0KPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTE1My4zNywyNzMuMDdoMjA0LjhhMTcuMDcsMTcuMDcsMCwwLDAsMC0zNC4xNEgxNTMuMzdhMTcuMDcsMTcuMDcsMCwwLDAsMCwzNC4xNFoiLz4NCjxwYXRoIGZpbGw9IiMyMzFmMjAiIGQ9Ik0zNTguNzEsMzA3LjIsMTUzLjQxLDMwN2gwYTE3LjA3LDE3LjA3LDAsMCwwLDAsMzQuMTNsMjA1LjMxLjE3aDBhMTcuMDcsMTcuMDcsMCwwLDAsMC0zNC4xM1oiLz4NCjxwYXRoIGZpbGw9IiMyMzFmMjAiIGQ9Ik00MDkuMzYsMzQxLjMzYTUxLjI2LDUxLjI2LDAsMCwxLTUxLjE5LDUxLjJIMTUzLjM3YTUxLjI3LDUxLjI3LDAsMCwxLTUxLjItNTEuMlYxNzAuNjdhNTEuMjcsNTEuMjcsMCwwLDEsNTEuMi01MS4yaDIwNC44YTUxLjI2LDUxLjI2LDAsMCwxLDUxLjE5LDUxLjJabS01MS4xOS0yNTZIMTUzLjM3QTg1LjQzLDg1LjQzLDAsMCwwLDY4LDE3MC42N1YzNDEuMzNhODUuNDMsODUuNDMsMCwwLDAsODUuMzMsODUuMzRoMjA0LjhhODUuNDMsODUuNDMsMCwwLDAsODUuMzMtODUuMzRWMTcwLjY3QTg1LjQzLDg1LjQzLDAsMCwwLDM1OC4xNyw4NS4zM1oiLz4NCjwvc3ZnPg==") no-repeat center center; background-size: contain; cursor: pointer; display: inline-block; height: 44px; margin: 10px; position: absolute; right: 0; top: 0; width: 44px; }
header.topnav nav label.mobilemenu-x { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj4KPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTM3Ni42IDg0LjVjMTEuMy0xMy42IDkuNS0zMy44LTQuMS00NS4xcy0zMy44LTkuNS00NS4xIDQuMUwxOTIgMjA2IDU2LjYgNDMuNUM0NS4zIDI5LjkgMjUuMSAyOC4xIDExLjUgMzkuNFMtMy45IDcwLjkgNy40IDg0LjVMMTUwLjMgMjU2IDcuNCA0MjcuNWMtMTEuMyAxMy42LTkuNSAzMy44IDQuMSA0NS4xczMzLjggOS41IDQ1LjEtNC4xTDE5MiAzMDYgMzI3LjQgNDY4LjVjMTEuMyAxMy42IDMxLjUgMTUuNCA0NS4xIDQuMXMxNS40LTMxLjUgNC4xLTQ1LjFMMjMzLjcgMjU2IDM3Ni42IDg0LjV6Ii8+Cjwvc3ZnPg==") no-repeat center center; background-size: contain; cursor: pointer; display: none; height: 28px; margin: 10px; position: absolute; right: 8px; top: 8px; width: 28px; }
header.topnav .mobilemenu { background-color: #1f2532; left: 0; max-height: 0; overflow: hidden; position: absolute; top: 64px; transition: max-height 0.5s linear; visibility: hidden; width: 100%; will-change: height, max-height; z-index: 12; }
header.topnav .mobilemenu ul { border-top: 1px solid #111; list-style: none; margin: 0; padding: 0; }
header.topnav .mobilemenu ul li { border-top: 1px solid #2f3542; border-bottom: 1px solid #111; text-align: left; padding: 0 20px; }
header.topnav .mobilemenu ul li a { display: block; padding: 16px 0; }
header.topnav .mobilemenu ul li a, header.topnav .mobilemenu ul li a:visited { color: #fff; }
header.topnav .mobilemenu-checkbox { margin: 0; opacity: 0; padding: 0; position: absolute; right: -20px; top: 0; }
header.topnav #mobilemenu-overlay { background-color: rgba(0,0,0,0.98); height: 100vh; display: none; position: absolute; width: 100vw; z-index: 10; }
header.topnav #mobilemenu-button:checked ~ nav label.mobilemenu-icon { display: none; }
header.topnav #mobilemenu-button:checked ~ nav label.mobilemenu-x { display: inline-block; }
header.topnav #mobilemenu-button:checked ~ #mobilemenu-overlay { display: block; }
header.topnav #mobilemenu-button:checked ~ .mobilemenu { max-height: 1000px; visibility: visible; }
header.topnav .google-auto-placed { display: none; }


/* === FOOTER === */

footer.worldmap { background: #292e38 url("/images/worldmapdots.png"); text-align: left; }
footer.worldmap .footer-content { margin: 0 auto; max-width: 100%; width: 1000px; }
footer.worldmap .footer-top { border-bottom: 2px solid #3d444f; padding: 50px 0 20px; }
footer.worldmap .logo-wrap { color: #000; display: inline-block; font-family: Oswald,arial,helvetica,sans-serif; font-size: 24px; height: 44px; padding: 10px 20px; }
footer.worldmap .logo-wrap a, footer.worldmap .logo-wrap a:active, footer.worldmap .logo-wrap a:hover, footer.worldmap .logo-wrap a:visited { color: #fff; text-decoration: none; outline: none; }
footer.worldmap .logo-wrap img { height: 44px; margin-right: 10px; vertical-align: middle; width: 44px; }
footer.worldmap .footer-bottom { padding: 40px 0; }
footer.worldmap .footer-bottom .column { margin-bottom: 20px; }
footer.worldmap .footer-bottom h4 { color: #fff; font-family: "Roboto Condensed",arial,helvetica,sans-serif; font-size: 16px; font-weight: 500; margin: 0 0 15px; }
footer.worldmap .footer-bottom ul { list-style-type: none; margin: 0; padding: 0; }
footer.worldmap .footer-bottom a { color: #727272; display: inline-block; margin-bottom: 5px; text-decoration: none; }
footer.worldmap .footer-bottom a:active, footer.worldmap .footer-bottom a:hover { color: #00bac6; }
footer.worldmap .footer-bottom a:visited { color: #727272; }
footer.worldmap .google-auto-placed { display: none; }


/* === BANNERS === */

.bannertop { align-items: center; background: #333 repeat center center; display: flex; height: 300px; justify-content: center; overflow: hidden; width: 100%; }
.bannertop h1 { color: #fff; font-size: 8vw; font-weight: 400; line-height: 1.2; margin: 64px 0 0; padding: 0; text-shadow: 2px 2px #000; text-transform: uppercase; }
.bannertop h1.code { font-family: "IBM Plex Sans Condensed",Oswald,arial,helvetica,sans-serif; font-size: 20vmin; font-weight: 500; }
.bannertop.bannertop-1 { background-image: url("/images/bannertop/bannertop-full-1.jpg"); }
.bannertop.bannertop-2 { background-image: url("/images/bannertop/bannertop-full-2.jpg"); }
.bannertop.bannertop-3 { background-image: url("/images/bannertop/bannertop-full-3.jpg"); }
.bannertop.bannertop-4 { background-image: url("/images/bannertop/bannertop-full-4.jpg"); }
.bannertop.bannertop-5 { background-image: url("/images/bannertop/bannertop-full-5.jpg"); }
.bannertop.bannertop-6 { background-image: url("/images/bannertop/bannertop-full-6.jpg"); }
.bannertop.bannertop-7 { background-image: url("/images/bannertop/bannertop-full-7.jpg"); }
.bannertop.bannertop-8 { background-image: url("/images/bannertop/bannertop-full-8.jpg"); }
.bannertop.bannertop-9 { background-image: url("/images/bannertop/bannertop-full-9.jpg"); }
.bannertop.bannertop-10 { background-image: url("/images/bannertop/bannertop-full-10.jpg"); }
@media (max-width: 1199px) {
.bannertop.bannertop-1 { background-image: url("/images/bannertop/bannertop-1200-1.jpg"); }
.bannertop.bannertop-2 { background-image: url("/images/bannertop/bannertop-1200-2.jpg"); }
.bannertop.bannertop-3 { background-image: url("/images/bannertop/bannertop-1200-3.jpg"); }
.bannertop.bannertop-4 { background-image: url("/images/bannertop/bannertop-1200-4.jpg"); }
.bannertop.bannertop-5 { background-image: url("/images/bannertop/bannertop-1200-5.jpg"); }
.bannertop.bannertop-6 { background-image: url("/images/bannertop/bannertop-1200-6.jpg"); }
.bannertop.bannertop-7 { background-image: url("/images/bannertop/bannertop-1200-7.jpg"); }
.bannertop.bannertop-8 { background-image: url("/images/bannertop/bannertop-1200-8.jpg"); }
.bannertop.bannertop-9 { background-image: url("/images/bannertop/bannertop-1200-9.jpg"); }
.bannertop.bannertop-10 { background-image: url("/images/bannertop/bannertop-1200-10.jpg"); }
}
@media (max-width: 575px) {
.bannertop.bannertop-1 { background-image: url("/images/bannertop/bannertop-600-1.jpg"); }
.bannertop.bannertop-2 { background-image: url("/images/bannertop/bannertop-600-2.jpg"); }
.bannertop.bannertop-3 { background-image: url("/images/bannertop/bannertop-600-3.jpg"); }
.bannertop.bannertop-4 { background-image: url("/images/bannertop/bannertop-600-4.jpg"); }
.bannertop.bannertop-5 { background-image: url("/images/bannertop/bannertop-600-5.jpg"); }
.bannertop.bannertop-6 { background-image: url("/images/bannertop/bannertop-600-6.jpg"); }
.bannertop.bannertop-7 { background-image: url("/images/bannertop/bannertop-600-7.jpg"); }
.bannertop.bannertop-8 { background-image: url("/images/bannertop/bannertop-600-8.jpg"); }
.bannertop.bannertop-9 { background-image: url("/images/bannertop/bannertop-600-9.jpg"); }
.bannertop.bannertop-10 { background-image: url("/images/bannertop/bannertop-600-10.jpg"); }
}


/* === SECTIONS === */

div.data, section.data { background-color: #f9faff; display: flex; margin: 0 auto; max-width: 100%; padding-bottom: 40px; width: 1200px; }
div.data .full, section.data .full { box-sizing: border-box; max-width: 100%; padding: 20px; width: auto; }
div.data .main, section.data .main { box-sizing: border-box; max-width: 100%; padding: 20px; width: 800px; }
div.data main, section.data main { box-sizing: border-box; max-width: 100%; padding: 20px; width: 800px; }
div.data aside, section.data aside { box-sizing: border-box; max-width: 100%; padding: 20px; width: 400px; }


/* === CONTENT AREA === */

header.title { align-items: center; display: flex; padding: 20px 0; }
header.title h1 { font-size: 28px; font-weight: 500; line-height: 34px; margin: 0 0 6px; }
header.title h2 { font-size: 28px; font-weight: 500; line-height: 34px; margin: 0 0 6px; }
header.title h4 { color: #666; font-family: "Roboto Condensed",arial,helvetica,sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; }
header.title h4 .icon { vertical-align: -1px; }
header.title h4 .icon img { height: 14px; width: 14px; }
.contentbox { background-color: #fff; border: 1px solid #eaeaea; margin-bottom: 40px; }
.contentbox header { background: #e3eaf2 url("/images/overcast-800x200.jpg"); border-bottom: 1px solid #eaeaea; padding: 20px; }
.contentbox header.downarrow { background: url("/images/icon-curved-down-arrow.svg") 200px 8px / 60px 60px no-repeat, #e3eaf2 url("/images/overcast-800x200.jpg"); }
.contentbox header.downarrow140 { background: url("/images/icon-curved-down-arrow.svg") 140px 8px / 60px 60px no-repeat, #e3eaf2 url("/images/overcast-800x200.jpg"); }
.contentbox header.letters { background: #f0f4fc; font-weight: 400; margin-bottom: 30px; padding: 20px 0; }
.contentbox header.letters a, .contentbox header.letters a:visited { text-decoration: none; }
.contentbox header.letters h4 { color: #333; font-family: "Roboto Condensed",arial,helvetica,sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 12px 24px; }
.contentbox header.meta { background: #fdfdfd; border-bottom: none; font-weight: 700; padding: 20px; }
@media all and (max-width: 575px) {
	.contentbox header.meta { font-size: 14px; }
}
.contentbox header h3 { color: #292e38; font-family: "Roboto Condensed",arial,helvetica,sans-serif; font-size: 20px; font-weight: 500; }
.contentbox .contentbody { padding: 20px; }
@media all and (max-width: 575px) {
	.contentbox .contentbody { padding: 10px; }
	.contentbox .contentbody.ranklist { padding: 0; }
}
#fullmap { background-color: #e5e3df; height: 40vh; width: 100%; }


/* === SEARCH === */

.searchbg { background-color: #292e38; }
.searchbar { align-items: center; box-sizing: border-box; display: flex; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 10px; width: 1180px; }
.searchbar input { font-family: Oswald,arial,helvetica,sans-serif; font-size: 24px; }
.searchbar input[type="search"] { background-color: #888; border: 0; border-radius: 5px 0 0 5px; color: #fff; flex: 2 1 auto; height: 50px; margin: 0; outline: none; padding: 0 10px; -webkit-appearance: none; }
.searchbar input[type="search"]::placeholder { color: #c8c8c8; opacity: 1; }
.searchbar input[type="search"]::-webkit-input-placeholder { color: #c8c8c8; opacity: 1; }
.searchbar input[type="submit"] { background-color: #00adef; border: 0; border-radius: 0 5px 5px 0; color: #fff; cursor: pointer; flex: 0 0 auto; height: 50px; margin: 0; outline: none; padding: 0; text-align: center; text-shadow: 0 1px 1px #333; width: 150px; -webkit-appearance: none; }
.searchbar input[type="submit"]:active,
.searchbar input[type="submit"]:hover { background-color: #eee; color: #00adef; text-shadow: none; }
.searchbar .google-auto-placed { display: none; }

.searchbox { background-color: #fff; border: 1px solid #c0cad4; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.12) 0 0 2px 1px; font-size: 14px; margin-bottom: 10px; }
.searchbox .inner { display: flex; padding: 12px; }
.searchbox .inner .column { display: block; overflow: hidden; }
.searchbox .inner .column:not(:last-child) { margin-right: 24px; }
.searchbox .inner .column.code { min-width: 44px; }
.searchbox .inner .column h5 { color: #000; margin: 0 0 12px; }


/* === DATA GRID === */

table.datagrid { border-collapse: collapse; table-layout: fixed; margin-bottom: 40px; }
table.datagrid.fullwidth { width: 100%; }
table.datagrid tr { border-bottom: 1px dotted #ddd; }
table.datagrid td { line-height: 30px; vertical-align: top; }
table.datagrid td.elem-top { vertical-align: top; }
table.datagrid td.datalabel { width: 140px; }
table.datagrid a.darkgray { color: #333; }
.dataicon { height: 16px; margin: 6px 8px 6px 0; vertical-align: -8px; width: 16px; }


/* === TITLE ICONS === */

.title-icon { height: 80px; margin-right: 20px; width: 80px; }
@media all and (max-width: 575px) {
	.title-icon { height: 50px; margin-left: 8px; margin-right: 8px; width: 50px; }
}
.title-icon-plane {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYxNy40IDYxNy40Ij48cGF0aCBmaWxsPSIjMDBhZGVmIiBkPSJNNjE3LjQxNyAzMi4yODNjMCAyNS42LTIyIDYwLjQtNjUuOSAxMDQuM2wtMTA2LjEgMTA2LjEgNjMuMiAzMjkuNy40IDIuN2MwIDQuMS0xLjMgNy41LTQgMTAuMmwtMjguMyAyOC4zYy0yLjcgMi43LTYgNC0xMC4yIDQtNi4yIDAtMTAuNS0yLjctMTIuOC04bC0xMjAuOS0yNTQuMi0xMDguMyAxMDguMmMyMCA3MC4xIDMwLjEgMTA3LjIgMzAuMSAxMTEuNHMtMS4zIDcuNS00IDEwLjJsLTI4LjMgMjguM2MtMi43IDIuNy02IDQtMTAuMiA0LTUuMyAwLTkuNC0yLjQtMTIuNC03LjFsLTY4LjUtMTIzLjgtMTIzLjgtNjguNWMtNS0yLjctNy41LTYuOC03LjUtMTIuNCAwLTQuMSAxLjMtNy41IDQtMTAuMmwyOC4zLTI4LjdjMi43LTIuNyA2LTQgMTAuMi00czQxLjIgMTAgMTExLjQgMzAuMWwxMDguMy0xMDguMy0yNTQuMS0xMjEuMWMtNS4zLTIuNC04LTYuNi04LTEyLjggMC00LjEgMS4zLTcuNSA0LTEwLjJsMjguMy0yOC4zYzIuNy0yLjcgNi00IDEwLjItNCAxLjIgMCAyLjEuMSAyLjcuNGwzMjkuNyA2My4yIDEwNi4xLTEwNi4xYzQzLjktNDMuOSA3OC43LTY1LjkgMTA0LjMtNjUuOSA5LjQgMCAxNy4yIDMgMjMuMiA5LjFzOC45IDE0IDguOSAyMy40eiIgLz48L3N2Zz4=") no-repeat center center;
	background-size: contain;
}
.title-icon-search {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI0ODAiIGhlaWdodD0iNDgwIj4KICA8Zz4KICAgIDxwYXRoIGZpbGw9IiMwMGJhYzYiIGQ9Ik00MjkuMTAzLDk2LjUzN2MtMTQuMS0yOS44LTQ0LjItNDguNy03Ny4xLTQ4LjdjLTMzLjgsMC02NC40LDE5LjktNzguMSw1MC44IGMtOS41LTQuOS0yMS4yLTcuOC0zMy44LTcuOWMtMTIuNiwwLTI0LjMsMi45LTMzLjgsNy45Yy0xMy43LTMwLjktNDQuMy01MC44LTc4LjEtNTAuOGMtMzIuOSwwLTYzLjEsMTguOS03Ny4xLDQ4LjcgYy01NS44LDExOC4xLTUxLDIyMC43LTUxLDIyMC43bDAsMGMwLDEwLjcsMC44LDIxLjQsMi45LDMxLjljMTEsNTMuOSw2MC42LDg5LjksMTE0LjksODJjNDIuNi02LjIsNzAuOC0zMS40LDg0LjYtNzIuMyBjNS42LTE2LjYsNC45LTMzLjksNC44LTUxLjFjMC0zLjksMS4zLTYuNiw0LTkuMmM4LTcuNywxOC4zLTExLjYsMjguNy0xMS42czIwLjgsMy45LDI4LjcsMTEuNmMyLjcsMi42LDQsNS4zLDQsOS4yIGMwLDE3LjItMC43LDM0LjUsNC44LDUxLjFjMTMuNyw0MC45LDQyLDY2LjEsODQuNiw3Mi4zYzU0LjMsOCwxMDMuOS0yOCwxMTQuOS04MmMyLjItMTAuNiwyLjktMjEuMiwyLjktMzEuOWwwLDAgQzQ4MC4xMDMsMzE3LjIzNyw0ODQuOTAzLDIxNC42MzcsNDI5LjEwMyw5Ni41Mzd6IE0xMDMuOTAzLDM5MS44MzdjLTM1LDAtNjMuNC0yOC40LTYzLjQtNjMuNHMyOC40LTYzLjQsNjMuNC02My40IHM2My40LDI4LjQsNjMuNCw2My40UzEzOC45MDMsMzkxLjgzNywxMDMuOTAzLDM5MS44Mzd6IE0zNzYuMzAzLDM5MS44MzdjLTM1LDAtNjMuNC0yOC40LTYzLjQtNjMuNHMyOC40LTYzLjQsNjMuNC02My40IHM2My40LDI4LjQsNjMuNCw2My40UzQxMS4zMDMsMzkxLjgzNywzNzYuMzAzLDM5MS44Mzd6IiAvPgogICAgPHBhdGggZmlsbD0iIzAwYmFjNiIgZD0iTTM3Ni4zMDMsMjg4LjgzN2MtMjEuOCwwLTM5LjYsMTcuOC0zOS42LDM5LjZjMCw1LjIsNC4yLDkuNSw5LjUsOS41YzUuMiwwLDkuNS00LjIsOS41LTkuNSBjMC0xMS40LDkuMy0yMC43LDIwLjctMjAuN2M1LjIsMCw5LjUtNC4yLDkuNS05LjVDMzg1LjgwMywyOTMuMTM3LDM4MS42MDMsMjg4LjgzNywzNzYuMzAzLDI4OC44Mzd6IiAvPgogICAgPHBhdGggZmlsbD0iIzAwYmFjNiIgZD0iTTEwMy45MDMsMjg4LjgzN2MtMjEuOCwwLTM5LjYsMTcuOC0zOS42LDM5LjZjMCw1LjIsNC4yLDkuNSw5LjUsOS41czkuNS00LjIsOS41LTkuNSBjMC0xMS40LDkuMy0yMC43LDIwLjctMjAuN2M1LjIsMCw5LjUtNC4yLDkuNS05LjVDMTEzLjMwMywyOTMuMTM3LDEwOS4xMDMsMjg4LjgzNywxMDMuOTAzLDI4OC44Mzd6IiAvPgogIDwvZz4KPC9zdmc+") no-repeat center center;
	background-size: contain;
}
.title-icon-search2 {
	background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCI+CiAgPHBhdGggZmlsbD0iIzAwYmFjNiIgZD0iTTYzLjksNDUuMUw2My45LDQ1LjFMNjEsMjIuOWMtMC43LTUtMy03LjgtNS4yLTkuM2wtMC4zLTEuNEM1NC43LDYuOSw1MC45LDMsNDUuOCwzQzQwLjYsMywzNiw3LjcsMzYsMTIuNXYxLjJoLTh2LTEuMiBDMjgsNy43LDIzLjQsMywxOC4yLDNjLTUuMSwwLTguOSwzLjktOS43LDkuMWwtMC4zLDEuNGMtMi4xLDEuNi00LjQsNC40LTUuMiw5LjRMMCw0NWwwLDAuMWwwLjEsMEMwLDQ1LjYsMCw0NiwwLDQ2LjUgQzAsNTQuMiw2LjMsNjEsMTQsNjFjNi4xLDAsMTEuMy00LjUsMTMuMi0xMGMxLjQsMC45LDMsMS40LDQuOCwxLjRjMS43LDAsMy40LTAuNSw0LjgtMS40YzEuOSw1LjUsNy4xLDEwLDEzLjIsMTAgYzcuNywwLDE0LTYuOCwxNC0xNC41QzY0LDQ2LDY0LDQ1LjYsNjMuOSw0NS4xeiBNMTQsNTZjLTUsMC05LTQuNS05LTkuM2MwLTAuMywwLTAuNiwwLTAuOWMwLjUtNC41LDQuMy03LjgsOS03LjggYzQuNCwwLDguMSwzLDguOSw3LjJjMC4xLDAuNSwwLjEsMSwwLjEsMS41QzIzLDUxLjUsMTksNTYsMTQsNTZ6IE0zNSw0NC4zYy0wLjEsMS41LTEuNCwyLjctMywyLjdzLTIuOS0xLjItMy0yLjcgYzAtMC4xLDAtMC4yLDAtMC4zYzAtMC4yLDAtMC4zLDAuMS0wLjVDMjkuMyw0MiwzMC41LDQxLDMyLDQxczIuNywxLDMsMi41YzAsMC4xLDAsMC4zLDAsMC41QzM1LDQ0LjEsMzUsNDQuMiwzNSw0NC4zeiBNNTAsNTYgYy01LDAtOS00LjUtOS05LjNjMC0wLjUsMC0xLDAuMS0xLjVDNDEuOSw0MSw0NS42LDM4LDUwLDM4YzQuNCwwLDguMiwzLjIsOC45LDcuNGMwLjEsMC40LDAuMSwwLjgsMC4xLDEuM0M1OSw1MS41LDU1LDU2LDUwLDU2eiIgLz4KPC9zdmc+") no-repeat center center;
	background-size: contain;
}


/* === LISTS === */

.ranklist .listitem { align-items: center; border-bottom: 1px solid #d4d2d2; box-sizing: border-box; color: #000; display: flex; font-family: "Roboto Condensed",arial,helvetica,sans-serif; height: 100px; overflow: hidden; padding: 12px 15px 12px 0; width: 100%; }
.ranklist .listitem:first-child { border-top: 1px solid #d4d2d2; }
@media all and (max-width: 575px) {
	.ranklist .listitem:first-child { border-top: none; }
	.ranklist .listitem:last-child { border-bottom: none; }
}
.ranklist .listitem .list-rank { color: #000; font-size: 40px; font-weight: 700; min-width: 80px; text-align: center; }
@media all and (max-width: 575px) {
	.ranklist .listitem .list-rank { align-items: center; background: hsla(0,0%,100%,.9); border-radius: 0 4px 4px 0; box-shadow: 2px 2px 4px rgba(0,0,0,.3); display: flex; font-size: 5.86vw; font-weight: 300; height: 10.66vw; justify-content: center; left: 0; line-height: 6.1vw; margin-right: 20px; min-width:9vw; top: 2.5vw; z-index: 4; }
}
.ranklist .listitem .list-figure { margin-right: 20px; max-width: 40%; width: 100px; }
@media all and (max-width: 575px) {
	.ranklist .listitem .list-figure { margin-right: 10px; }
}
.ranklist .listitem .list-figure-wide { margin-right: 60px; max-width: 40%; width: 300px; }
@media all and (max-width: 575px) {
	.ranklist .listitem .list-figure-wide { margin-right: 30px; }
}
.ranklist .listitem .list-figure img,
.ranklist .listitem .list-figure-wide img { max-height: 60px; max-width: 100%; }
.ranklist .listitem .list-data h2 { color: #000; font-size: 32px; font-weight: 300; }
.ranklist .listitem .list-data .codespace { margin: 0 8px; }
@media all and (max-width: 575px) {
	.ranklist .listitem .list-data { font-size: 3.6vw; }
	.ranklist .listitem .list-data h2 { font-size: 4.6vw; }
	.ranklist .listitem .list-data .codespace { display: block; margin: 0; }
}


/* === LINKS === */

.sep1 { margin: 0 8px; }

.atc_link { position: absolute; left: 650px; top: 56px; width: 247px; height: 50px; text-align: center; font-size: 9pt; font-weight: bold; color: #fff; }
.languages { position: absolute; left: 820px; top: 70px; }
.flag_icon { margin-right: 4px; }
.airportlogo { height: auto; margin-bottom: 30px; max-height: 400px; max-width: 100%; width: auto; }

.graylinks { color: #555577; text-decoration: none; }
.graylinks a, .graylinks a:visited { color: #555577; text-decoration: none; }
.whitelinks { color: #fff; }
.whitelinks a, .whitelinks a:visited { color: #fff; }

a.atcsim, a.atcsim:active, a.atcsim:hover, a.atcsim:visited { color: #666; text-decoration: none; }

.pagination { line-height: 2.5; padding: 0 20px; text-align: justify; }
.pagination a { background-color: #fff; border: 1px solid #999; text-decoration: none; }
.pagination a:hover { background-color: #059aff; color: #fff; }
.pagination a,.pagination span { margin: 0 3px; padding: 0.3em 0.5em; }

.boxlinks { text-align: left; margin: 0 0 8px 0; line-height: 3; }
.boxlinks a { background-color: #fff; border: solid 1px #999; padding: 6px 8px; text-decoration: none; }
.boxlinks a:hover { background-color: #059aff; color: #fff; }

.tdata { border-collapse: collapse; width: 100%; }
.tdata_tc { width: 60px; }
.tdata th { text-align: left; }
.tdata tr { height: 40px; }
.tdata tr:nth-child(2n+1) { background-color: #f9f9f9; }
.tdata td { padding: 2px; }
.tdata a.code, .tdata a.code:visited { color: #666; }
.tdata a.code:active, .tdata a.code:hover { color: #059aff; }

.social-box { width: 272px; height: 120px; margin: 0 auto 20px; overflow: hidden; padding: 10px; border: 4px dashed #3b5998; border-radius: 10px; }
.social-box-home { width: 232px; height: 120px; margin: 0 auto 20px; overflow: hidden; padding: 10px; border: 4px dashed #3b5998; border-radius: 10px; }
.fb-like-box { min-height: 80px; overflow: hidden; padding: 5px 0; }
div.data aside .fb-like-box, section.data aside .fb-like-box { min-height: 100px; padding: 5px 0; }
.fb-page-widget { max-width: 100%; min-height: 500px; overflow: hidden; }

.socialframe { width: 80px; height: 100px; border: none; overflow: hidden; background-color: #fff; margin-right: 5px; }
.socialframe.last { margin-right: 0; vertical-align: top; }

.socialicon { margin-right: 10px; cursor: pointer; }
.socialicon.last { margin-right: 0; }

.sociallink_set2 { line-height: 30px; font-size: 12px; color: #000; margin-right: 8px; cursor: pointer; }
.sociallink_set2:hover { text-decoration: underline; }
.socialicon_set2 { margin-right: 6px; vertical-align: -4px; }

.lclinks { margin: 20px auto; font-size: 14pt; }
.lclinks a, .lclinks a:visited { color: #059aff; font-weight: bold; text-decoration: none; }

.video-responsive { height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.video-responsive iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.photo-responsive { max-width: 100%; }
.diagram-responsive { width: 100%; }

h4.otherways { font-family: arial,helvetica,sans-serif; font-size: 16px; margin: 20px 0; }

.footer { text-align: center; font-size: 12px; }

#phototeaser { margin: 40px 0; }


/* === AMAZON LINKS === */

.amazonlinks { background-color: #fff; border: 1px solid #eaeaea; margin: 60px auto; min-height: 200px; overflow: hidden; }
.amazonlinks h2 { background: #e3eaf2 url("/images/overcast-800x200.jpg"); color: #292e38; font-family: "Roboto Condensed",arial,helvetica,sans-serif; font-size: 20px; font-weight: 500; padding: 14px 20px; }
.amazonlinks .items { display: flex; justify-content: space-around; overflow: hidden; padding: 12px; }
.amazonlinks .item .img { box-shadow: 0 0 8px 1px #ccc; margin: 10px; }
.amazonlinks .item .img:active, .amazonlinks .item .img:hover { box-shadow: 0 0 8px 1px #999; }
.amazonlinks .item .img img { display: block; max-height: 170px; width: auto; }
@media all and (max-width: 575px) { .amazonlinks .item .img img { max-height: 140px; } }


/* === ADS === */

.ads-sticky-sidebar { position: sticky; top: 84px; }
.adsbygoogle[data-ad-status="unfilled"] { background: transparent url("/images/unfilled/unfilled.jpg") repeat; opacity: 0.4; }
#ad_sidebar_1 { display: block; margin-bottom: 50px; }
#ad_sidebar_2 { display: block; margin-bottom: 50px; }
#ad_sidebar_3 { display: block; margin-bottom: 50px; }


/* === SEARCH RESULTS ATC-SIM === */

.search-atcsim { background-color: #fff; margin: 0; text-align: left; width: 730px; }
.search-atcsim h1 { color: #f57e20; font-size: 60px; font-weight: 900; margin: 0 auto 20px; padding: 0; text-align: center; }
.search-atcsim h2 { color: #f57e20; font-size: 30px; font-weight: 900; margin: 0 auto 20px; padding: 0; position: relative; text-align: center; width: 100%; }
.search-atcsim h2:before { border-bottom: 2px solid #f57e20; content: ""; display: block; position: absolute; top: 50%; width: 100%; z-index: 0; }
.search-atcsim h2 span { background: #fff; padding: 0 20px; position: relative; z-index: 1; }
.search-atcsim h3 { color: #fff; font-size: 30px; font-weight: 400; margin: 0 auto 30px; padding: 0; text-align: center; width: 100%; }
.search-atcsim .header { background: url("/images/atcsim/banner-forum1.png") left top no-repeat; height: 200px; max-width: 730px; width: 100%; }
.search-atcsim .content { padding: 20px 0 40px; }
.search-atcsim .challenge { background-color: #174851; color: #fff; padding: 20px; }
.search-atcsim .challenge-columns { display: table; margin: 0 auto; width: 90%; }
.search-atcsim .challenge-column { display: table-cell; text-align: center; vertical-align: top; }
.search-atcsim .available { font-size: 14px; margin: 0 auto 40px; width: 600px; }
.search-atcsim .frmairport { padding-top: 10px; }
.search-atcsim .selairport { height: 34px; width: 400px; }
.search-atcsim .thumbrow { height: 120px; margin-bottom: 80px; text-align: center; }
.search-atcsim .thumbrow span { color: #000; display: inline-block; font-size: 16px; width: 160px; }
.search-atcsim .thumbrow img { border-radius: 6px; display: inline-block; height: 120px; width: 120px; }
.search-atcsim .aircraftrow { display: flex; justify-content: space-between; margin: 0 auto 80px; text-align: center; width: 610px; }
.search-atcsim .buttonorange { background-color: #f57e20; padding: 16px 32px; border: 1px solid #f57e20; border-radius: 8px; color: #fff; font-size: 20px; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-appearance: none; }
.search-atcsim .buttonorange:hover { background-color: #fff; color: #f57e20; text-decoration: underline; }
.search-atcsim .buttonorange:active { background-color: #fff; color: #f57e20; }


/* === RESPONSIVE === */

@media all and (max-width: 1200px) {

	div.data, section.data { display: block; width: auto; }
	div.data .main, section.data .main { margin: 0 auto; max-width: 800px; width: auto; }
	div.data main, section.data main { margin: 0 auto; max-width: 800px; width: auto; }
	div.data aside, section.data aside { margin: 0 auto; max-width: 400px; width: auto; }

	.ads-sticky-sidebar { position: relative; top: auto; }

}

@media all and (max-width: 1040px) {

	header.topnav nav ul.menu {
		display: none;
	}

	header.topnav nav label.mobilemenu-icon {
		display: inline-block;
	}

	footer.worldmap .footer-content { margin: 0 20px; width: auto; }

}

@media all and (max-width: 575px) {

	body { background: none; }
	h1 { font-size: 32px; }

	.columns { display: block; width: auto; }
	.column { display: block; }
	.content { display: block; width: auto; }
	.sidebar { display: none; }
	.col-4-4 { width: auto; }
	.col-4-1 { width: auto; }

	.bannertop { height: 240px; }
	.bannertop h1 { font-size: 14vmin; line-height: 1.1; }
	.bannertop h1.code { font-size: 15vmax; }

	header.title { padding: 6px 0; }
	header.title h1 { font-size: 24px; line-height: 30px; }

	.searchbox .inner .column:not(:last-child) { margin-right: 12px; }

	.pagination { font-size: 14px; }

	.desktop_only { display: none; }
	.mobile_only { display: block; }
	.desktop-only { display: none; }
	.mobile-only { display: block; }
	.social-box { margin: 0 20px 20px; width: auto; }
	.bottom_suggest { display: none; }

	#phototeaser { display: none; }

}

@media all and (max-width: 500px) {

	table.datagrid { margin-bottom: 20px; }
	table.datagrid td.datalabel { width: auto; }

	table.tdata td { max-width: 200px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

}

@media all and (max-width: 450px) {

	.searchbar input[type="search"] { max-width: 70%; }
	.searchbar input[type="submit"] { max-width: 30%; }

}

@media (hover: none) {

	footer.worldmap .footer-bottom a:active, footer.worldmap .footer-bottom a:hover { color: #727272; }

	.searchbar input[type="submit"]:active,
	.searchbar input[type="submit"]:hover {
		color: #fff;
		background-color: #00adef;
		text-shadow: 0 1px 1px #333;
	}

}